Skip to content

Commit d5fe8de

Browse files
Ohh-889Ohh-889
committed
chore: update assets
1 parent 593af72 commit d5fe8de

File tree

9 files changed

+340
-7
lines changed

9 files changed

+340
-7
lines changed

‎packages/ui/package.json‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,7 @@
1111
"main": "./dist/index.js",
1212
"module": "./dist/index.js",
1313
"types": "./dist/index.d.ts",
14-
"files": [
15-
"dist"
16-
],
14+
"files": ["dist"],
1715
"scripts": {
1816
"build": "pnpm run pgk:prod && pnpm run build:components && pnpm run registry",
1917
"build:components": "tsdown",

‎packages/ui/registry.json‎

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1604,6 +1604,33 @@
16041604
"title": "Popover",
16051605
"type": "registry:block"
16061606
},
1607+
{
1608+
"files": [
1609+
{
1610+
"path": "src/components/progress/Progress.tsx",
1611+
"target": "components/progress/Progress.tsx",
1612+
"type": "registry:ui"
1613+
},
1614+
{
1615+
"path": "src/components/progress/index.ts",
1616+
"target": "components/progress/index.ts",
1617+
"type": "registry:ui"
1618+
},
1619+
{
1620+
"path": "src/components/progress/progress-variants.ts",
1621+
"target": "components/progress/progress-variants.ts",
1622+
"type": "registry:ui"
1623+
},
1624+
{
1625+
"path": "src/components/progress/types.ts",
1626+
"target": "components/progress/types.ts",
1627+
"type": "registry:ui"
1628+
}
1629+
],
1630+
"name": "progress",
1631+
"title": "Progress",
1632+
"type": "registry:block"
1633+
},
16071634
{
16081635
"files": [
16091636
{
@@ -1651,6 +1678,38 @@
16511678
"title": "Radio",
16521679
"type": "registry:block"
16531680
},
1681+
{
1682+
"files": [
1683+
{
1684+
"path": "src/components/resizable/ResizableHandle.tsx",
1685+
"target": "components/resizable/ResizableHandle.tsx",
1686+
"type": "registry:ui"
1687+
},
1688+
{
1689+
"path": "src/components/resizable/ResizablePanelGroup.tsx",
1690+
"target": "components/resizable/ResizablePanelGroup.tsx",
1691+
"type": "registry:ui"
1692+
},
1693+
{
1694+
"path": "src/components/resizable/index.ts",
1695+
"target": "components/resizable/index.ts",
1696+
"type": "registry:ui"
1697+
},
1698+
{
1699+
"path": "src/components/resizable/resizable-variants.ts",
1700+
"target": "components/resizable/resizable-variants.ts",
1701+
"type": "registry:ui"
1702+
},
1703+
{
1704+
"path": "src/components/resizable/types.ts",
1705+
"target": "components/resizable/types.ts",
1706+
"type": "registry:ui"
1707+
}
1708+
],
1709+
"name": "resizable",
1710+
"title": "Resizable",
1711+
"type": "registry:block"
1712+
},
16541713
{
16551714
"files": [
16561715
{
@@ -1699,6 +1758,100 @@
16991758
"type": "registry:block",
17001759
"dependencies": ["@radix-ui/react-scroll-area"]
17011760
},
1761+
{
1762+
"files": [
1763+
{
1764+
"path": "src/components/select/Select.tsx",
1765+
"target": "components/select/Select.tsx",
1766+
"type": "registry:ui"
1767+
},
1768+
{
1769+
"path": "src/components/select/SelectContent.tsx",
1770+
"target": "components/select/SelectContent.tsx",
1771+
"type": "registry:ui"
1772+
},
1773+
{
1774+
"path": "src/components/select/SelectItem.tsx",
1775+
"target": "components/select/SelectItem.tsx",
1776+
"type": "registry:ui"
1777+
},
1778+
{
1779+
"path": "src/components/select/SelectLabel.tsx",
1780+
"target": "components/select/SelectLabel.tsx",
1781+
"type": "registry:ui"
1782+
},
1783+
{
1784+
"path": "src/components/select/SelectOption.tsx",
1785+
"target": "components/select/SelectOption.tsx",
1786+
"type": "registry:ui"
1787+
},
1788+
{
1789+
"path": "src/components/select/SelectSeparator.tsx",
1790+
"target": "components/select/SelectSeparator.tsx",
1791+
"type": "registry:ui"
1792+
},
1793+
{
1794+
"path": "src/components/select/SelectTrigger.tsx",
1795+
"target": "components/select/SelectTrigger.tsx",
1796+
"type": "registry:ui"
1797+
},
1798+
{
1799+
"path": "src/components/select/index.ts",
1800+
"target": "components/select/index.ts",
1801+
"type": "registry:ui"
1802+
},
1803+
{
1804+
"path": "src/components/select/select-variants.ts",
1805+
"target": "components/select/select-variants.ts",
1806+
"type": "registry:ui"
1807+
},
1808+
{
1809+
"path": "src/components/select/shared.ts",
1810+
"target": "components/select/shared.ts",
1811+
"type": "registry:ui"
1812+
},
1813+
{
1814+
"path": "src/components/select/types.ts",
1815+
"target": "components/select/types.ts",
1816+
"type": "registry:ui"
1817+
}
1818+
],
1819+
"name": "select",
1820+
"title": "Select",
1821+
"type": "registry:block"
1822+
},
1823+
{
1824+
"files": [
1825+
{
1826+
"path": "src/components/sheet/Sheet.tsx",
1827+
"target": "components/sheet/Sheet.tsx",
1828+
"type": "registry:ui"
1829+
},
1830+
{
1831+
"path": "src/components/sheet/SheetContent.tsx",
1832+
"target": "components/sheet/SheetContent.tsx",
1833+
"type": "registry:ui"
1834+
},
1835+
{
1836+
"path": "src/components/sheet/index.ts",
1837+
"target": "components/sheet/index.ts",
1838+
"type": "registry:ui"
1839+
},
1840+
{
1841+
"path": "src/components/sheet/sheet-variants.ts",
1842+
"target": "components/sheet/sheet-variants.ts",
1843+
"type": "registry:ui"
1844+
},
1845+
{
1846+
"path": "src/components/sheet/types.ts",
1847+
"target": "components/sheet/types.ts",
1848+
"type": "registry:ui"
1849+
}
1850+
],
1851+
"name": "sheet",
1852+
"title": "Sheet",
1853+
"type": "registry:block"
1854+
},
17021855
{
17031856
"files": [
17041857
{

‎playground/public/r/dialog.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
"files": [
77
{
88
"path": "src/components/dialog/Dialog.tsx",
9-
"content": "import type { Content } from '@radix-ui/react-dialog';\nimport { Portal, Root, Trigger } from '@radix-ui/react-dialog';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport DialogClose from './DialogClose';\nimport DialogContent from './DialogContent';\nimport DialogDescription from './DialogDescription';\nimport DialogFooter from './DialogFooter';\nimport DialogHeader from './DialogHeader';\nimport DialogOverlay from './DialogOverlay';\nimport DialogTitle from './DialogTitle';\nimport type { DialogProps } from './types';\n\nconst Dialog = forwardRef<ComponentRef<typeof Content>, DialogProps>((props, ref) => {\n const {\n children,\n className,\n classNames,\n contentProps,\n defaultOpen,\n description,\n footer,\n modal,\n onOpenChange,\n open,\n size,\n title,\n trigger\n } = props;\n\n return (\n <Root\n data-slot=\"dialog-root\"\n defaultOpen={defaultOpen}\n modal={modal}\n open={open}\n onOpenChange={onOpenChange}\n >\n <Trigger\n asChild\n data-slot=\"dialog-trigger\"\n >\n {trigger}\n </Trigger>\n\n <Portal data-slot=\"dialog-portal\">\n <DialogOverlay className={classNames?.overlay} />\n\n <DialogContent\n {...contentProps}\n className={className || classNames?.content}\n ref={ref}\n size={size}\n >\n <DialogHeader\n className={classNames?.header}\n size={size}\n >\n <DialogTitle\n className={classNames?.title}\n size={size}\n >\n {title}\n </DialogTitle>\n\n {description && (\n <DialogDescription\n className={classNames?.description}\n size={size}\n >\n {description}\n </DialogDescription>\n )}\n </DialogHeader>\n\n <DialogClose\n className={classNames?.close}\n size={size}\n />\n\n {children}\n\n {footer && (\n <DialogFooter\n className={classNames?.footer}\n size={size}\n >\n {footer}\n </DialogFooter>\n )}\n </DialogContent>\n </Portal>\n </Root>\n );\n});\n\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n",
9+
"content": "'use client';\n\nimport type { Content } from '@radix-ui/react-dialog';\nimport { Portal, Root, Trigger } from '@radix-ui/react-dialog';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport DialogClose from './DialogClose';\nimport DialogContent from './DialogContent';\nimport DialogDescription from './DialogDescription';\nimport DialogFooter from './DialogFooter';\nimport DialogHeader from './DialogHeader';\nimport DialogOverlay from './DialogOverlay';\nimport DialogTitle from './DialogTitle';\nimport type { DialogProps } from './types';\n\nconst Dialog = forwardRef<ComponentRef<typeof Content>, DialogProps>((props, ref) => {\n const {\n children,\n className,\n classNames,\n contentComponent: ContentComponent = DialogContent,\n contentProps,\n defaultOpen,\n description,\n footer,\n modal,\n onOpenChange,\n open,\n size,\n title,\n trigger\n } = props;\n\n return (\n <Root\n data-slot=\"dialog-root\"\n defaultOpen={defaultOpen}\n modal={modal}\n open={open}\n onOpenChange={onOpenChange}\n >\n <Trigger\n asChild\n data-slot=\"dialog-trigger\"\n >\n {trigger}\n </Trigger>\n\n <Portal data-slot=\"dialog-portal\">\n <DialogOverlay className={classNames?.overlay} />\n\n <ContentComponent\n {...contentProps}\n className={className || classNames?.content}\n ref={ref}\n size={size}\n >\n <DialogHeader\n className={classNames?.header}\n size={size}\n >\n <DialogTitle\n className={classNames?.title}\n size={size}\n >\n {title}\n </DialogTitle>\n\n {description && (\n <DialogDescription\n className={classNames?.description}\n size={size}\n >\n {description}\n </DialogDescription>\n )}\n </DialogHeader>\n\n <DialogClose\n className={classNames?.close}\n size={size}\n onClick={() => {\n onOpenChange?.(false);\n }}\n />\n\n {children}\n\n {footer && (\n <DialogFooter\n className={classNames?.footer}\n size={size}\n >\n {footer}\n </DialogFooter>\n )}\n </ContentComponent>\n </Portal>\n </Root>\n );\n});\n\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n",
1010
"type": "registry:ui",
1111
"target": "components/dialog/Dialog.tsx"
1212
},
@@ -66,7 +66,7 @@
6666
},
6767
{
6868
"path": "src/components/dialog/types.ts",
69-
"content": "import type {\n DialogCloseProps as _DialogCloseProps,\n DialogContentProps as _DialogContentProps,\n DialogDescriptionProps as _DialogDescriptionProps,\n DialogOverlayProps as _DialogOverlayProps,\n // eslint-disable-next-line sort-imports\n DialogPortalProps,\n DialogProps as _DialogProps,\n DialogTitleProps as _DialogTitleProps\n} from '@radix-ui/react-dialog';\nimport type { ComponentType } from 'react';\n\nimport type { BaseComponentProps, BaseNodeProps, ClassValue } from '@/types/other';\n\nimport type { DialogSlots } from './dialog-variants';\n\nexport type DialogClassNames = Partial<Record<DialogSlots, ClassValue>>;\n\nexport interface DialogCloseProps extends BaseNodeProps<_DialogCloseProps> {\n component?: ComponentType<_DialogCloseProps>;\n}\n\nexport interface DialogContentProps extends BaseNodeProps<_DialogContentProps> {\n component?: ComponentType<_DialogContentProps>;\n}\n\nexport interface DialogDescriptionProps extends BaseNodeProps<_DialogDescriptionProps> {\n component?: ComponentType<_DialogDescriptionProps>;\n}\n\nexport interface DialogFooterProps extends BaseComponentProps<'footer'> {}\n\nexport interface DialogHeaderProps extends BaseComponentProps<'header'> {}\n\nexport interface DialogOverlayProps extends BaseNodeProps<_DialogOverlayProps> {\n component?: ComponentType<_DialogOverlayProps>;\n}\n\nexport interface DialogTitleProps extends BaseNodeProps<_DialogTitleProps> {\n component?: ComponentType<_DialogTitleProps>;\n}\n\nexport type DialogProps = BaseNodeProps<_DialogProps> & {\n classNames?: DialogClassNames;\n contentProps?: DialogContentProps;\n description?: React.ReactNode;\n footer?: React.ReactNode;\n title?: React.ReactNode;\n trigger?: React.ReactNode;\n};\n\nexport { DialogPortalProps };\n",
69+
"content": "import type {\n DialogCloseProps as _DialogCloseProps,\n DialogContentProps as _DialogContentProps,\n DialogDescriptionProps as _DialogDescriptionProps,\n DialogOverlayProps as _DialogOverlayProps,\n // eslint-disable-next-line sort-imports\n DialogPortalProps,\n DialogProps as _DialogProps,\n DialogTitleProps as _DialogTitleProps\n} from '@radix-ui/react-dialog';\nimport type { ComponentType } from 'react';\n\nimport type { BaseComponentProps, BaseNodeProps, ClassValue } from '@/types/other';\n\nimport type { DialogSlots } from './dialog-variants';\n\nexport type DialogClassNames = Partial<Record<DialogSlots, ClassValue>>;\n\nexport interface DialogCloseProps extends BaseNodeProps<_DialogCloseProps> {\n component?: ComponentType<_DialogCloseProps>;\n}\n\nexport interface DialogContentProps extends BaseNodeProps<_DialogContentProps> {\n component?: ComponentType<_DialogContentProps>;\n}\n\nexport interface DialogDescriptionProps extends BaseNodeProps<_DialogDescriptionProps> {\n component?: ComponentType<_DialogDescriptionProps>;\n}\n\nexport interface DialogFooterProps extends BaseComponentProps<'footer'> {}\n\nexport interface DialogHeaderProps extends BaseComponentProps<'header'> {}\n\nexport interface DialogOverlayProps extends BaseNodeProps<_DialogOverlayProps> {\n component?: ComponentType<_DialogOverlayProps>;\n}\n\nexport interface DialogTitleProps extends BaseNodeProps<_DialogTitleProps> {\n component?: ComponentType<_DialogTitleProps>;\n}\n\nexport interface DialogProps<T extends DialogContentProps = DialogContentProps> extends BaseNodeProps<_DialogProps> {\n classNames?: DialogClassNames;\n contentComponent?: ComponentType<T>;\n contentProps?: T;\n description?: React.ReactNode;\n footer?: React.ReactNode;\n title?: React.ReactNode;\n trigger?: React.ReactNode;\n}\n\nexport { DialogPortalProps };\n",
7070
"type": "registry:ui",
7171
"target": "components/dialog/types.ts"
7272
}

‎playground/public/r/input-otp.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
},
2525
{
2626
"path": "src/components/input-otp/InputOTPSlot.tsx",
27-
"content": "'use client';\n\nimport { OTPInputContext } from 'input-otp';\nimport { useContext } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { inputOTPVariants } from './input-otp-variants';\nimport type { InputOTPSlotProps } from './types';\n\nconst InputOTPSlot = (props: InputOTPSlotProps) => {\n const { className, index, mask, separate, size, ...rest } = props;\n\n const inputOTPContext = useContext(OTPInputContext);\n\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n const { input } = inputOTPVariants({ isActive, separate, size });\n\n const mergedCls = cn(input(), className);\n\n return (\n <div\n className={mergedCls}\n data-has-fake-caret={hasFakeCaret}\n data-index={index}\n data-is-active={isActive}\n data-separate={separate}\n data-size={size}\n data-slot=\"input-otp-slot\"\n {...rest}\n >\n {mask ? '●' : char}\n\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n );\n};\n\nexport default InputOTPSlot;\n",
27+
"content": "'use client';\n\nimport { OTPInputContext } from 'input-otp';\nimport { useContext } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { inputOTPVariants } from './input-otp-variants';\nimport type { InputOTPSlotProps } from './types';\n\nconst InputOTPSlot = (props: InputOTPSlotProps) => {\n const { className, index, mask, separate, size, ...rest } = props;\n\n const inputOTPContext = useContext(OTPInputContext);\n\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n const { input } = inputOTPVariants({ isActive, separate, size });\n\n const mergedCls = cn(input(), className);\n\n return (\n <div\n className={mergedCls}\n data-has-fake-caret={hasFakeCaret}\n data-index={index}\n data-is-active={isActive}\n data-separate={separate}\n data-size={size}\n data-slot=\"input-otp-slot\"\n {...rest}\n >\n {mask && char ? '●' : char}\n\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n );\n};\n\nexport default InputOTPSlot;\n",
2828
"type": "registry:ui",
2929
"target": "components/input-otp/InputOTPSlot.tsx"
3030
},

0 commit comments

Comments
 (0)