@kuzenbo/core 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/avatar-CXhwmJgG.js +65 -0
- package/dist/avatar-CXhwmJgG.js.map +1 -0
- package/dist/{avatar-image-Ce26D2fb.d.ts → avatar-DpiupAAM.d.ts} +35 -2
- package/dist/avatar-DpiupAAM.d.ts.map +1 -0
- package/dist/badge-BKRm6jL7.js +58 -0
- package/dist/badge-BKRm6jL7.js.map +1 -0
- package/dist/button-nAbTNrxA.d.ts +78 -0
- package/dist/button-nAbTNrxA.d.ts.map +1 -0
- package/dist/{dialog-trigger-BUF3elAP.js → dialog-CD5lfQA9.js} +33 -10
- package/dist/dialog-CD5lfQA9.js.map +1 -0
- package/dist/{dialog-viewport-Ce1huyAI.d.ts → dialog-DEkdr-9K.d.ts} +64 -2
- package/dist/dialog-DEkdr-9K.d.ts.map +1 -0
- package/dist/{dropdown-menu-trigger-COnFGfDa.js → dropdown-menu-BJi-V71O.js} +137 -101
- package/dist/dropdown-menu-BJi-V71O.js.map +1 -0
- package/dist/{dropdown-menu-trigger-BpgtLUvf.d.ts → dropdown-menu-Bpj576m0.d.ts} +259 -123
- package/dist/dropdown-menu-Bpj576m0.d.ts.map +1 -0
- package/dist/input-Ex9ZRqbo.js +38 -0
- package/dist/input-Ex9ZRqbo.js.map +1 -0
- package/dist/input-WWoBCgxe.d.ts +46 -0
- package/dist/input-WWoBCgxe.d.ts.map +1 -0
- package/dist/{input-group-textarea-B-rP98r5.js → input-group-CjcHP0L4.js} +50 -31
- package/dist/input-group-CjcHP0L4.js.map +1 -0
- package/dist/provider.js +2 -2
- package/dist/scroll-bar-C4qEUKlT.js.map +1 -1
- package/dist/separator-C8Qw2ADs.d.ts +13 -0
- package/dist/separator-C8Qw2ADs.d.ts.map +1 -0
- package/dist/{sheet-trigger-D7neoTF5.js → sheet-imSHXfFH.js} +29 -10
- package/dist/sheet-imSHXfFH.js.map +1 -0
- package/dist/{size-context-BjRwqlSg.js → size-context-CvLl3pMC.js} +3 -3
- package/dist/size-context-CvLl3pMC.js.map +1 -0
- package/dist/size-context-DXfCAlWF.d.ts.map +1 -1
- package/dist/size-provider-18EvJgDT.js.map +1 -1
- package/dist/size-provider-Bd2C6gKd.d.ts.map +1 -1
- package/dist/size-system-BTsMqZRQ.js +99 -0
- package/dist/size-system-BTsMqZRQ.js.map +1 -0
- package/dist/size-system-wzOLSuax.d.ts.map +1 -1
- package/dist/size.js +2 -2
- package/dist/{slider-root-presentation-ChJHPMIV.js → slider-root-presentation-B6OO_iCT.js} +19 -19
- package/dist/slider-root-presentation-B6OO_iCT.js.map +1 -0
- package/dist/{slider-value-Db8SCu0c.d.ts → slider-style-tokens-CZezJilZ.d.ts} +55 -55
- package/dist/slider-style-tokens-CZezJilZ.d.ts.map +1 -0
- package/dist/textarea-C8dsnn8D.d.ts +37 -0
- package/dist/textarea-C8dsnn8D.d.ts.map +1 -0
- package/dist/textarea-CkiM1N_I.js +39 -0
- package/dist/textarea-CkiM1N_I.js.map +1 -0
- package/dist/toggle-CxkIncmZ.d.ts +53 -0
- package/dist/toggle-CxkIncmZ.d.ts.map +1 -0
- package/dist/{tooltip-trigger-qXw-_nbh.js → tooltip-D0BEpCQx.js} +38 -13
- package/dist/tooltip-D0BEpCQx.js.map +1 -0
- package/dist/{tooltip-viewport-csA6luqI.d.ts → tooltip-DbJxt69l.d.ts} +61 -13
- package/dist/tooltip-DbJxt69l.d.ts.map +1 -0
- package/dist/ui/accordion.d.ts +4 -4
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +53 -52
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/affix.d.ts +3 -2
- package/dist/ui/affix.d.ts.map +1 -1
- package/dist/ui/affix.js +8 -7
- package/dist/ui/affix.js.map +1 -1
- package/dist/ui/alert-dialog.d.ts +3 -1
- package/dist/ui/alert-dialog.d.ts.map +1 -1
- package/dist/ui/alert-dialog.js +10 -9
- package/dist/ui/alert-dialog.js.map +1 -1
- package/dist/ui/alert.d.ts +32 -32
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +86 -86
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/announcement.d.ts.map +1 -1
- package/dist/ui/announcement.js +5 -3
- package/dist/ui/announcement.js.map +1 -1
- package/dist/ui/aspect-ratio.d.ts.map +1 -1
- package/dist/ui/aspect-ratio.js.map +1 -1
- package/dist/ui/autocomplete.d.ts +74 -74
- package/dist/ui/autocomplete.d.ts.map +1 -1
- package/dist/ui/autocomplete.js +55 -53
- package/dist/ui/autocomplete.js.map +1 -1
- package/dist/ui/avatar.d.ts +2 -39
- package/dist/ui/avatar.js +2 -24
- package/dist/ui/badge.d.ts +28 -28
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +2 -54
- package/dist/ui/breadcrumb.d.ts +64 -64
- package/dist/ui/breadcrumb.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js +47 -45
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/button-group.d.ts +34 -34
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button-group.js +29 -28
- package/dist/ui/button-group.js.map +1 -1
- package/dist/ui/button.d.ts +2 -78
- package/dist/ui/button.js +42 -42
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +6 -6
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/carousel.d.ts +1 -1
- package/dist/ui/carousel.d.ts.map +1 -1
- package/dist/ui/carousel.js +36 -17
- package/dist/ui/carousel.js.map +1 -1
- package/dist/ui/checkbox-group.d.ts.map +1 -1
- package/dist/ui/checkbox-group.js.map +1 -1
- package/dist/ui/checkbox.d.ts +20 -20
- package/dist/ui/checkbox.js +13 -13
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/code.d.ts.map +1 -1
- package/dist/ui/code.js +5 -5
- package/dist/ui/code.js.map +1 -1
- package/dist/ui/collapsible.js +1 -1
- package/dist/ui/collapsible.js.map +1 -1
- package/dist/ui/combobox.d.ts +107 -107
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +88 -87
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/command.d.ts +57 -58
- package/dist/ui/command.d.ts.map +1 -1
- package/dist/ui/command.js +54 -64
- package/dist/ui/command.js.map +1 -1
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/container.js.map +1 -1
- package/dist/ui/context-menu.d.ts +132 -132
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/context-menu.js +100 -98
- package/dist/ui/context-menu.js.map +1 -1
- package/dist/ui/copy-button.d.ts +1 -3
- package/dist/ui/copy-button.d.ts.map +1 -1
- package/dist/ui/copy-button.js +12 -13
- package/dist/ui/copy-button.js.map +1 -1
- package/dist/ui/dialog.d.ts +2 -66
- package/dist/ui/dialog.js +2 -24
- package/dist/ui/drawer.d.ts +91 -91
- package/dist/ui/drawer.d.ts.map +1 -1
- package/dist/ui/drawer.js +68 -66
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/dropdown-menu.d.ts +3 -144
- package/dist/ui/dropdown-menu.js +2 -39
- package/dist/ui/dropzone.d.ts +55 -55
- package/dist/ui/dropzone.d.ts.map +1 -1
- package/dist/ui/dropzone.js +77 -72
- package/dist/ui/dropzone.js.map +1 -1
- package/dist/ui/emoji-picker.d.ts +79 -79
- package/dist/ui/emoji-picker.d.ts.map +1 -1
- package/dist/ui/emoji-picker.js +92 -87
- package/dist/ui/emoji-picker.js.map +1 -1
- package/dist/ui/empty.d.ts +61 -59
- package/dist/ui/empty.d.ts.map +1 -1
- package/dist/ui/empty.js +47 -44
- package/dist/ui/empty.js.map +1 -1
- package/dist/ui/field.d.ts +11 -11
- package/dist/ui/field.d.ts.map +1 -1
- package/dist/ui/field.js +9 -7
- package/dist/ui/field.js.map +1 -1
- package/dist/ui/fieldset.d.ts.map +1 -1
- package/dist/ui/fieldset.js.map +1 -1
- package/dist/ui/form.d.ts +8 -8
- package/dist/ui/form.d.ts.map +1 -1
- package/dist/ui/form.js.map +1 -1
- package/dist/ui/input-group.d.ts +35 -35
- package/dist/ui/input-group.d.ts.map +1 -1
- package/dist/ui/input-group.js +2 -28
- package/dist/ui/input-otp.d.ts +36 -36
- package/dist/ui/input-otp.d.ts.map +1 -1
- package/dist/ui/input-otp.js +29 -28
- package/dist/ui/input-otp.js.map +1 -1
- package/dist/ui/input.d.ts +2 -46
- package/dist/ui/input.js +2 -34
- package/dist/ui/item.d.ts +20 -20
- package/dist/ui/item.d.ts.map +1 -1
- package/dist/ui/item.js +22 -22
- package/dist/ui/item.js.map +1 -1
- package/dist/ui/kbd.d.ts.map +1 -1
- package/dist/ui/kbd.js +8 -8
- package/dist/ui/kbd.js.map +1 -1
- package/dist/ui/label.d.ts.map +1 -1
- package/dist/ui/label.js.map +1 -1
- package/dist/ui/marquee.d.ts.map +1 -1
- package/dist/ui/marquee.js +1 -1
- package/dist/ui/marquee.js.map +1 -1
- package/dist/ui/menubar.d.ts +133 -134
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +82 -81
- package/dist/ui/menubar.js.map +1 -1
- package/dist/ui/meter.d.ts.map +1 -1
- package/dist/ui/meter.js.map +1 -1
- package/dist/ui/navigation-list.d.ts +226 -226
- package/dist/ui/navigation-list.d.ts.map +1 -1
- package/dist/ui/navigation-list.js +240 -235
- package/dist/ui/navigation-list.js.map +1 -1
- package/dist/ui/navigation-menu.d.ts +82 -82
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +70 -67
- package/dist/ui/navigation-menu.js.map +1 -1
- package/dist/ui/number-field.d.ts +34 -34
- package/dist/ui/number-field.d.ts.map +1 -1
- package/dist/ui/number-field.js +24 -23
- package/dist/ui/number-field.js.map +1 -1
- package/dist/ui/pagination.d.ts +42 -42
- package/dist/ui/pagination.d.ts.map +1 -1
- package/dist/ui/pagination.js +43 -41
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pill.d.ts +2 -3
- package/dist/ui/pill.d.ts.map +1 -1
- package/dist/ui/pill.js +34 -23
- package/dist/ui/pill.js.map +1 -1
- package/dist/ui/popover.d.ts +13 -11
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/popover.js +17 -14
- package/dist/ui/popover.js.map +1 -1
- package/dist/ui/portal.d.ts.map +1 -1
- package/dist/ui/portal.js +52 -11
- package/dist/ui/portal.js.map +1 -1
- package/dist/ui/preview-card.js +5 -5
- package/dist/ui/preview-card.js.map +1 -1
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/qr-code.d.ts.map +1 -1
- package/dist/ui/qr-code.js +7 -7
- package/dist/ui/qr-code.js.map +1 -1
- package/dist/ui/radio-group.d.ts +22 -22
- package/dist/ui/radio-group.js +15 -15
- package/dist/ui/radio-group.js.map +1 -1
- package/dist/ui/range-slider.d.ts +1 -1
- package/dist/ui/range-slider.d.ts.map +1 -1
- package/dist/ui/range-slider.js +4 -7
- package/dist/ui/range-slider.js.map +1 -1
- package/dist/ui/rating.d.ts +35 -35
- package/dist/ui/rating.d.ts.map +1 -1
- package/dist/ui/rating.js +55 -46
- package/dist/ui/rating.js.map +1 -1
- package/dist/ui/resizable.d.ts.map +1 -1
- package/dist/ui/resizable.js +2 -2
- package/dist/ui/resizable.js.map +1 -1
- package/dist/ui/scroll-area.js.map +1 -1
- package/dist/ui/select.d.ts +87 -87
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +85 -84
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/separator.d.ts +2 -13
- package/dist/ui/separator.js.map +1 -1
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +2 -24
- package/dist/ui/sidebar.d.ts +73 -74
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +85 -84
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/skeleton.d.ts.map +1 -1
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/slider.d.ts +1 -1
- package/dist/ui/slider.d.ts.map +1 -1
- package/dist/ui/slider.js +3 -1
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/spacer.d.ts.map +1 -1
- package/dist/ui/spacer.js +2 -2
- package/dist/ui/spacer.js.map +1 -1
- package/dist/ui/spinner.d.ts.map +1 -1
- package/dist/ui/spinner.js +2 -2
- package/dist/ui/spinner.js.map +1 -1
- package/dist/ui/switch.d.ts +11 -11
- package/dist/ui/switch.js +7 -7
- package/dist/ui/switch.js.map +1 -1
- package/dist/ui/table.d.ts +60 -60
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/table.js +52 -46
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/tabs.d.ts +25 -25
- package/dist/ui/tabs.d.ts.map +1 -1
- package/dist/ui/tabs.js +75 -68
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/textarea.d.ts +2 -37
- package/dist/ui/textarea.js +2 -35
- package/dist/ui/theme-icon.d.ts +30 -30
- package/dist/ui/theme-icon.d.ts.map +1 -1
- package/dist/ui/theme-icon.js +22 -22
- package/dist/ui/theme-icon.js.map +1 -1
- package/dist/ui/timeline.d.ts +6 -6
- package/dist/ui/timeline.d.ts.map +1 -1
- package/dist/ui/timeline.js +163 -163
- package/dist/ui/timeline.js.map +1 -1
- package/dist/ui/toggle-group.d.ts +32 -32
- package/dist/ui/toggle-group.d.ts.map +1 -1
- package/dist/ui/toggle-group.js +22 -16
- package/dist/ui/toggle-group.js.map +1 -1
- package/dist/ui/toggle.d.ts +2 -53
- package/dist/ui/toggle.js +15 -15
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/toolbar.d.ts +54 -54
- package/dist/ui/toolbar.d.ts.map +1 -1
- package/dist/ui/toolbar.js +43 -40
- package/dist/ui/toolbar.js.map +1 -1
- package/dist/ui/tooltip.d.ts +2 -54
- package/dist/ui/tooltip.js +2 -28
- package/dist/ui/typography.d.ts +50 -36
- package/dist/ui/typography.d.ts.map +1 -1
- package/dist/ui/typography.js +28 -17
- package/dist/ui/typography.js.map +1 -1
- package/package.json +15 -15
- package/dist/avatar-image-BQ_NEKH4.js +0 -47
- package/dist/avatar-image-BQ_NEKH4.js.map +0 -1
- package/dist/avatar-image-Ce26D2fb.d.ts.map +0 -1
- package/dist/dialog-trigger-BUF3elAP.js.map +0 -1
- package/dist/dialog-viewport-Ce1huyAI.d.ts.map +0 -1
- package/dist/dropdown-menu-trigger-BpgtLUvf.d.ts.map +0 -1
- package/dist/dropdown-menu-trigger-COnFGfDa.js.map +0 -1
- package/dist/input-group-textarea-B-rP98r5.js.map +0 -1
- package/dist/sheet-trigger-D7neoTF5.js.map +0 -1
- package/dist/size-context-BjRwqlSg.js.map +0 -1
- package/dist/size-system-DTXmtQXw.js +0 -47
- package/dist/size-system-DTXmtQXw.js.map +0 -1
- package/dist/slider-root-presentation-ChJHPMIV.js.map +0 -1
- package/dist/slider-value-Db8SCu0c.d.ts.map +0 -1
- package/dist/tooltip-trigger-qXw-_nbh.js.map +0 -1
- package/dist/tooltip-viewport-csA6luqI.d.ts.map +0 -1
- package/dist/ui/avatar.d.ts.map +0 -1
- package/dist/ui/avatar.js.map +0 -1
- package/dist/ui/badge.js.map +0 -1
- package/dist/ui/button.d.ts.map +0 -1
- package/dist/ui/dialog.d.ts.map +0 -1
- package/dist/ui/dialog.js.map +0 -1
- package/dist/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/ui/dropdown-menu.js.map +0 -1
- package/dist/ui/input-group.js.map +0 -1
- package/dist/ui/input.d.ts.map +0 -1
- package/dist/ui/input.js.map +0 -1
- package/dist/ui/separator.d.ts.map +0 -1
- package/dist/ui/sheet.js.map +0 -1
- package/dist/ui/textarea.d.ts.map +0 -1
- package/dist/ui/textarea.js.map +0 -1
- package/dist/ui/toggle.d.ts.map +0 -1
- package/dist/ui/tooltip.d.ts.map +0 -1
- package/dist/ui/tooltip.js.map +0 -1
- package/dist/use-badge-default-props-8d9wPL0k.js +0 -8
- package/dist/use-badge-default-props-8d9wPL0k.js.map +0 -1
- package/dist/use-input-default-props-B6VgKXGM.js +0 -8
- package/dist/use-input-default-props-B6VgKXGM.js.map +0 -1
- package/dist/use-textarea-default-props-7MlOxkDO.js +0 -8
- package/dist/use-textarea-default-props-7MlOxkDO.js.map +0 -1
package/dist/ui/empty.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty.js","names":[],"sources":["../../src/ui/empty/empty-size-context.ts","../../src/ui/empty/empty-button.tsx","../../src/ui/empty/empty-content.tsx","../../src/ui/empty/empty-description.tsx","../../src/ui/empty/empty-header.tsx","../../src/ui/empty/empty-media.tsx","../../src/ui/empty/empty-title.tsx","../../src/ui/empty/empty.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst { SizeContext: EmptySizeContext, useResolvedSize: useResolvedEmptySize } =\n createSizeContext();\n\nexport { EmptySizeContext, useResolvedEmptySize };\n","import type { ComponentProps } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { Button } from \"../button/button\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\n// oxlint-disable-next-line no-warning-comments\n// TODO: handle icon size in the future\n\nexport type EmptyButtonProps = Omit<ComponentProps<typeof Button>, \"size\"> & {\n size?: UISize;\n};\n\nconst EmptyButton = ({ size, ...props }: EmptyButtonProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <Button\n data-size={resolvedSize}\n data-slot=\"empty-button\"\n size={resolvedSize}\n {...props}\n />\n );\n};\n\nexport { EmptyButton };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyContentVariants = tv({\n base: \"flex w-full min-w-0 flex-col items-center text-balance\",\n variants: {\n size: {\n xs: \"max-w-xs gap-1.5 text-xs\",\n sm: \"max-w-sm gap-2 text-sm\",\n md: \"max-w-sm gap-2.5 text-sm\",\n lg: \"max-w-md gap-3 text-sm\",\n xl: \"max-w-md gap-3.5 text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype EmptyContentVariantProps = Omit<\n VariantProps<typeof emptyContentVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyContentProps = ComponentProps<\"div\"> &\n EmptyContentVariantProps;\n\nconst EmptyContent = ({ className, size, ...props }: EmptyContentProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(emptyContentVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"empty-content\"\n {...props}\n />\n );\n};\n\nexport { EmptyContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyDescriptionVariants = tv({\n base: \"text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n variants: {\n size: {\n xs: \"text-xs/relaxed\",\n sm: \"text-sm/relaxed\",\n md: \"text-sm/relaxed\",\n lg: \"text-base/relaxed\",\n xl: \"text-base/relaxed\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype EmptyDescriptionVariantProps = Omit<\n VariantProps<typeof emptyDescriptionVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyDescriptionProps = ComponentProps<\"p\"> &\n EmptyDescriptionVariantProps;\n\nconst EmptyDescription = ({\n className,\n size,\n ...props\n}: EmptyDescriptionProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(\n emptyDescriptionVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"empty-description\"\n {...props}\n />\n );\n};\n\nexport { EmptyDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyHeaderVariants = tv({\n base: \"flex flex-col items-center\",\n variants: {\n size: {\n xs: \"max-w-xs gap-1.5\",\n sm: \"max-w-sm gap-2\",\n md: \"max-w-sm gap-2.5\",\n lg: \"max-w-md gap-3\",\n xl: \"max-w-md gap-3.5\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype EmptyHeaderVariantProps = Omit<\n VariantProps<typeof emptyHeaderVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyHeaderProps = ComponentProps<\"div\"> & EmptyHeaderVariantProps;\n\nconst EmptyHeader = ({ className, size, ...props }: EmptyHeaderProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(emptyHeaderVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"empty-header\"\n {...props}\n />\n );\n};\n\nexport { EmptyHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyMediaVariants = tv({\n base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n compoundVariants: [\n {\n class: \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n size: \"xs\",\n variant: \"icon\",\n },\n {\n class: \"size-7 rounded-md [&_svg:not([class*='size-'])]:size-3.5\",\n size: \"sm\",\n variant: \"icon\",\n },\n {\n class: \"size-8 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n size: \"md\",\n variant: \"icon\",\n },\n {\n class: \"size-9 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n size: \"lg\",\n variant: \"icon\",\n },\n {\n class: \"size-10 rounded-xl [&_svg:not([class*='size-'])]:size-5\",\n size: \"xl\",\n variant: \"icon\",\n },\n ],\n variants: {\n size: {\n xs: \"mb-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"mb-2 [&_svg:not([class*='size-'])]:size-3.5\",\n md: \"mb-2 [&_svg:not([class*='size-'])]:size-4\",\n lg: \"mb-2.5 [&_svg:not([class*='size-'])]:size-4\",\n xl: \"mb-3 [&_svg:not([class*='size-'])]:size-5\",\n },\n variant: {\n default: \"bg-transparent\",\n icon: \"shrink-0 bg-muted text-foreground\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"default\",\n },\n});\n\ntype EmptyMediaVariantProps = Omit<\n VariantProps<typeof emptyMediaVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyMediaProps = ComponentProps<\"div\"> & EmptyMediaVariantProps;\n\nconst EmptyMedia = ({\n className,\n size,\n variant = \"default\",\n ...props\n}: EmptyMediaProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(\n emptyMediaVariants({ size: resolvedSize, variant }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"empty-icon\"\n data-variant={variant}\n {...props}\n />\n );\n};\n\nexport { EmptyMedia };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyTitleVariants = tv({\n base: \"font-medium tracking-tight text-foreground\",\n variants: {\n size: {\n xs: \"text-xs\",\n sm: \"text-sm\",\n md: \"text-sm\",\n lg: \"text-base\",\n xl: \"text-lg\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype EmptyTitleVariantProps = Omit<\n VariantProps<typeof emptyTitleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyTitleProps = ComponentProps<\"div\"> & EmptyTitleVariantProps;\n\nconst EmptyTitle = ({ className, size, ...props }: EmptyTitleProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(emptyTitleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"empty-title\"\n {...props}\n />\n );\n};\n\nexport { EmptyTitle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { EmptyButton } from \"./empty-button\";\nimport { EmptyContent } from \"./empty-content\";\nimport { EmptyDescription } from \"./empty-description\";\nimport { EmptyHeader } from \"./empty-header\";\nimport { EmptyMedia } from \"./empty-media\";\nimport { EmptySizeContext } from \"./empty-size-context\";\nimport { EmptyTitle } from \"./empty-title\";\n\nconst emptyVariants = tv({\n base: \"flex w-full min-w-0 flex-1 flex-col items-center justify-center rounded-lg border-dashed text-center text-balance\",\n variants: {\n size: {\n xs: \"gap-2 p-4\",\n sm: \"gap-3 p-6\",\n md: \"gap-4 p-8\",\n lg: \"gap-5 p-10\",\n xl: \"gap-6 p-12\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\ntype EmptyVariantProps = Omit<VariantProps<typeof emptyVariants>, \"size\"> & {\n size?: UISize;\n};\n\nexport type EmptyProps = ComponentProps<\"div\"> & EmptyVariantProps;\n\nconst Empty = ({ className, size: providedSize, ...props }: EmptyProps) => {\n const size = useComponentSize(providedSize);\n\n return (\n <EmptySizeContext.Provider value={{ size }}>\n <div\n className={cn(emptyVariants({ size }), className)}\n data-size={size}\n data-slot=\"empty\"\n {...props}\n />\n </EmptySizeContext.Provider>\n );\n};\n\nEmpty.Button = EmptyButton;\nEmpty.Content = EmptyContent;\nEmpty.Description = EmptyDescription;\nEmpty.Header = EmptyHeader;\nEmpty.Media = EmptyMedia;\nEmpty.Title = EmptyTitle;\n\nexport {\n Empty,\n EmptyButton,\n EmptyContent,\n EmptyDescription,\n EmptyHeader,\n EmptyMedia,\n EmptyTitle,\n};\n\nexport type { EmptyButtonProps } from \"./empty-button\";\nexport type { EmptyContentProps } from \"./empty-content\";\nexport type { EmptyDescriptionProps } from \"./empty-description\";\nexport type { EmptyHeaderProps } from \"./empty-header\";\nexport type { EmptyMediaProps } from \"./empty-media\";\nexport type { EmptyTitleProps } from \"./empty-title\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"empty.js","names":[],"sources":["../../src/ui/empty/empty-size-context.ts","../../src/ui/empty/empty-button.tsx","../../src/ui/empty/empty-content.tsx","../../src/ui/empty/empty-description.tsx","../../src/ui/empty/empty-header.tsx","../../src/ui/empty/empty-media.tsx","../../src/ui/empty/empty-title.tsx","../../src/ui/empty/empty.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst { SizeContext: EmptySizeContext, useResolvedSize: useResolvedEmptySize } =\n createSizeContext();\n\nexport { EmptySizeContext, useResolvedEmptySize };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\n// oxlint-disable-next-line no-warning-comments\n// TODO: handle icon size in the future\n\nexport type EmptyButtonProps = Omit<ComponentProps<typeof Button>, \"size\"> & {\n size?: UISize;\n};\n\nconst EmptyButton = ({ className, size, ...props }: EmptyButtonProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <Button\n className={cn(\"cursor-clickable\", className)}\n data-size={resolvedSize}\n data-slot=\"empty-button\"\n size={resolvedSize}\n {...props}\n />\n );\n};\n\nexport { EmptyButton };\n","import type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyContentVariants = tv({\n base: \"flex w-full min-w-0 flex-col items-center text-balance\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"max-w-md gap-3 text-sm\",\n md: \"max-w-sm gap-2.5 text-sm\",\n sm: \"max-w-sm gap-2 text-sm\",\n xl: \"max-w-md gap-3.5 text-base\",\n xs: \"max-w-xs gap-1.5 text-xs\",\n },\n },\n});\n\ntype EmptyContentVariantProps = Omit<\n VariantProps<typeof emptyContentVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyContentProps = ComponentProps<\"div\"> &\n EmptyContentVariantProps;\n\nconst EmptyContent = ({ className, size, ...props }: EmptyContentProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(emptyContentVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"empty-content\"\n {...props}\n />\n );\n};\n\nexport { EmptyContent };\n","import type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyDescriptionVariants = tv({\n base: \"text-muted-foreground [&>a:hover]:text-primary-foreground [&>a]:underline [&>a]:underline-offset-4\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-base/relaxed\",\n md: \"text-sm/relaxed\",\n sm: \"text-sm/relaxed\",\n xl: \"text-base/relaxed\",\n xs: \"text-xs/relaxed\",\n },\n },\n});\n\ntype EmptyDescriptionVariantProps = Omit<\n VariantProps<typeof emptyDescriptionVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyDescriptionProps = ComponentProps<\"p\"> &\n EmptyDescriptionVariantProps;\n\nconst EmptyDescription = ({\n className,\n size,\n ...props\n}: EmptyDescriptionProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(\n emptyDescriptionVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"empty-description\"\n {...props}\n />\n );\n};\n\nexport { EmptyDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyHeaderVariants = tv({\n base: \"flex flex-col items-center\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"max-w-md gap-3\",\n md: \"max-w-sm gap-2.5\",\n sm: \"max-w-sm gap-2\",\n xl: \"max-w-md gap-3.5\",\n xs: \"max-w-xs gap-1.5\",\n },\n },\n});\n\ntype EmptyHeaderVariantProps = Omit<\n VariantProps<typeof emptyHeaderVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyHeaderProps = ComponentProps<\"div\"> & EmptyHeaderVariantProps;\n\nconst EmptyHeader = ({ className, size, ...props }: EmptyHeaderProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(emptyHeaderVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"empty-header\"\n {...props}\n />\n );\n};\n\nexport { EmptyHeader };\n","import type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyMediaVariants = tv({\n base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n compoundVariants: [\n {\n class: \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n size: \"xs\",\n variant: \"icon\",\n },\n {\n class: \"size-7 rounded-md [&_svg:not([class*='size-'])]:size-3.5\",\n size: \"sm\",\n variant: \"icon\",\n },\n {\n class: \"size-8 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n size: \"md\",\n variant: \"icon\",\n },\n {\n class: \"size-9 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n size: \"lg\",\n variant: \"icon\",\n },\n {\n class: \"size-10 rounded-xl [&_svg:not([class*='size-'])]:size-5\",\n size: \"xl\",\n variant: \"icon\",\n },\n ],\n defaultVariants: {\n size: \"md\",\n variant: \"default\",\n },\n variants: {\n size: {\n lg: \"mb-2.5 [&_svg:not([class*='size-'])]:size-4\",\n md: \"mb-2 [&_svg:not([class*='size-'])]:size-4\",\n sm: \"mb-2 [&_svg:not([class*='size-'])]:size-3.5\",\n xl: \"mb-3 [&_svg:not([class*='size-'])]:size-5\",\n xs: \"mb-1.5 [&_svg:not([class*='size-'])]:size-3\",\n },\n variant: {\n default: \"bg-transparent\",\n icon: \"bg-muted text-foreground shrink-0\",\n },\n },\n});\n\ntype EmptyMediaVariantProps = Omit<\n VariantProps<typeof emptyMediaVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyMediaProps = ComponentProps<\"div\"> & EmptyMediaVariantProps;\n\nconst EmptyMedia = ({\n className,\n size,\n variant = \"default\",\n ...props\n}: EmptyMediaProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(\n emptyMediaVariants({ size: resolvedSize, variant }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"empty-icon\"\n data-variant={variant}\n {...props}\n />\n );\n};\n\nexport { EmptyMedia };\n","import type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyTitleVariants = tv({\n base: \"text-foreground font-medium tracking-tight\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-base\",\n md: \"text-sm\",\n sm: \"text-sm\",\n xl: \"text-lg\",\n xs: \"text-xs\",\n },\n },\n});\n\ntype EmptyTitleVariantProps = Omit<\n VariantProps<typeof emptyTitleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type EmptyTitleProps = ComponentProps<\"div\"> & EmptyTitleVariantProps;\n\nconst EmptyTitle = ({ className, size, ...props }: EmptyTitleProps) => {\n const resolvedSize = useResolvedEmptySize(size);\n\n return (\n <div\n className={cn(emptyTitleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"empty-title\"\n {...props}\n />\n );\n};\n\nexport { EmptyTitle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { EmptyButton } from \"./empty-button\";\nimport { EmptyContent } from \"./empty-content\";\nimport { EmptyDescription } from \"./empty-description\";\nimport { EmptyHeader } from \"./empty-header\";\nimport { EmptyMedia } from \"./empty-media\";\nimport { EmptySizeContext } from \"./empty-size-context\";\nimport { EmptyTitle } from \"./empty-title\";\n\nconst emptyVariants = tv({\n base: \"flex w-full min-w-0 flex-1 flex-col items-center justify-center rounded-lg border-dashed text-center text-balance\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"gap-5 p-10\",\n md: \"gap-4 p-8\",\n sm: \"gap-3 p-6\",\n xl: \"gap-6 p-12\",\n xs: \"gap-2 p-4\",\n },\n },\n});\n\ntype EmptyVariantProps = Omit<VariantProps<typeof emptyVariants>, \"size\"> & {\n size?: UISize;\n};\n\nexport type EmptyProps = ComponentProps<\"div\"> & EmptyVariantProps;\n\nconst Empty = ({ className, size: providedSize, ...props }: EmptyProps) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n return (\n <EmptySizeContext.Provider value={contextValue}>\n <div\n className={cn(emptyVariants({ size }), className)}\n data-size={size}\n data-slot=\"empty\"\n {...props}\n />\n </EmptySizeContext.Provider>\n );\n};\n\nEmpty.Button = EmptyButton;\nEmpty.Content = EmptyContent;\nEmpty.Description = EmptyDescription;\nEmpty.Header = EmptyHeader;\nEmpty.Media = EmptyMedia;\nEmpty.Title = EmptyTitle;\n\nexport {\n Empty,\n EmptyButton,\n EmptyContent,\n EmptyDescription,\n EmptyHeader,\n EmptyMedia,\n EmptyTitle,\n};\n\nexport type { EmptyButtonProps } from \"./empty-button\";\nexport type { EmptyContentProps } from \"./empty-content\";\nexport type { EmptyDescriptionProps } from \"./empty-description\";\nexport type { EmptyHeaderProps } from \"./empty-header\";\nexport type { EmptyMediaProps } from \"./empty-media\";\nexport type { EmptyTitleProps } from \"./empty-title\";\n"],"mappings":"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"}
|
package/dist/ui/field.d.ts
CHANGED
|
@@ -17,29 +17,29 @@ type NativeFieldControlProps = ComponentProps<typeof Field$1.Control>;
|
|
|
17
17
|
type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
|
|
18
18
|
declare const fieldControlVariants: tailwind_variants0.TVReturnType<{
|
|
19
19
|
size: {
|
|
20
|
-
xs: string;
|
|
21
|
-
sm: string;
|
|
22
|
-
md: string;
|
|
23
20
|
lg: string;
|
|
21
|
+
md: string;
|
|
22
|
+
sm: string;
|
|
24
23
|
xl: string;
|
|
24
|
+
xs: string;
|
|
25
25
|
};
|
|
26
|
-
}, undefined, "
|
|
26
|
+
}, undefined, "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 w-full min-w-0 border bg-transparent transition-colors outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]", {
|
|
27
27
|
size: {
|
|
28
|
-
xs: string;
|
|
29
|
-
sm: string;
|
|
30
|
-
md: string;
|
|
31
28
|
lg: string;
|
|
29
|
+
md: string;
|
|
30
|
+
sm: string;
|
|
32
31
|
xl: string;
|
|
32
|
+
xs: string;
|
|
33
33
|
};
|
|
34
34
|
}, undefined, tailwind_variants0.TVReturnType<{
|
|
35
35
|
size: {
|
|
36
|
-
xs: string;
|
|
37
|
-
sm: string;
|
|
38
|
-
md: string;
|
|
39
36
|
lg: string;
|
|
37
|
+
md: string;
|
|
38
|
+
sm: string;
|
|
40
39
|
xl: string;
|
|
40
|
+
xs: string;
|
|
41
41
|
};
|
|
42
|
-
}, undefined, "
|
|
42
|
+
}, undefined, "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 w-full min-w-0 border bg-transparent transition-colors outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]", unknown, unknown, undefined>>;
|
|
43
43
|
type FieldControlVariantProps = Omit<VariantProps<typeof fieldControlVariants>, "size"> & {
|
|
44
44
|
size?: UISize;
|
|
45
45
|
};
|
package/dist/ui/field.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.d.ts","names":[],"sources":["../../src/ui/field/field-label.tsx","../../src/ui/field/field-control.tsx","../../src/ui/field/field-description.tsx","../../src/ui/field/field-item.tsx","../../src/ui/field/field-error.tsx","../../src/ui/field/field-validity.tsx","../../src/ui/field/field-root.tsx","../../src/ui/field/field.tsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"field.d.ts","names":[],"sources":["../../src/ui/field/field-label.tsx","../../src/ui/field/field-control.tsx","../../src/ui/field/field-description.tsx","../../src/ui/field/field-item.tsx","../../src/ui/field/field-error.tsx","../../src/ui/field/field-validity.tsx","../../src/ui/field/field-root.tsx","../../src/ui/field/field.tsx"],"mappings":";;;;;;;;KAKY,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCE9D,uBAAA,GAA0B,cAAA,QAAsB,OAAA,CAAU,OAAA;AAAA,KAE1D,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAC9C,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,cAGN,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,wBAAA,GAA2B,IAAA,CAC9B,YAAA,QAAoB,oBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,gBAAA,CAC9B,uBAAA,YAGA,wBAAA;AAAA,cAEW,YAAA;EAAgB,SAAA;EAAA,IAAA,EAAA,YAAA;EAAA,GAAA;AAAA,GAI1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC3CR,qBAAA,GAAwB,cAAA,QAC3B,OAAA,CAAU,WAAA;AAAA,cAGN,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCPZ,cAAA,GAAiB,cAAA,QAAsB,OAAA,CAAU,IAAA;AAAA,cAEhD,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFrD,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJvD,kBAAA,GAAqB,cAAA,QAAsB,OAAA,CAAU,QAAA;AAAA,cAEpD,aAAA,GAAiB,KAAA,EAAO,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCA3C,cAAA,GAAiB,cAAA,QAAsB,OAAA,CAAU,IAAA;AAAA,cAEhD,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCIrD,UAAA,GAAa,cAAA;AAAA,cAEnB,KAAA;EAAA;IAAA;KAAuB,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/ui/field.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
1
3
|
import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
|
|
2
4
|
import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
|
|
3
5
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -6,15 +8,15 @@ import { Field as Field$1 } from "@base-ui/react/field";
|
|
|
6
8
|
|
|
7
9
|
//#region src/ui/field/field-control.tsx
|
|
8
10
|
const fieldControlVariants = tv({
|
|
9
|
-
base: "
|
|
11
|
+
base: "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 w-full min-w-0 border bg-transparent transition-colors outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]",
|
|
12
|
+
defaultVariants: { size: "md" },
|
|
10
13
|
variants: { size: {
|
|
11
|
-
xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs",
|
|
12
|
-
sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm",
|
|
13
|
-
md: "h-9 rounded-md px-2.5 py-1 text-base md:text-sm",
|
|
14
14
|
lg: "h-10 rounded-md px-3 py-1.5 text-base md:text-sm",
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
md: "h-9 rounded-md px-2.5 py-1 text-base md:text-sm",
|
|
16
|
+
sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm",
|
|
17
|
+
xl: "h-11 rounded-md px-4 py-1.5 text-base",
|
|
18
|
+
xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs"
|
|
19
|
+
} }
|
|
18
20
|
});
|
|
19
21
|
const FieldControl = ({ className, size: providedSize, ...props }) => {
|
|
20
22
|
const size = useComponentSize(providedSize);
|
package/dist/ui/field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.js","names":["BaseField","BaseField","BaseField","BaseField","BaseField","BaseField","BaseField"],"sources":["../../src/ui/field/field-control.tsx","../../src/ui/field/field-description.tsx","../../src/ui/field/field-error.tsx","../../src/ui/field/field-item.tsx","../../src/ui/field/field-label.tsx","../../src/ui/field/field-root.tsx","../../src/ui/field/field-validity.tsx","../../src/ui/field/field.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"field.js","names":["BaseField","BaseField","BaseField","BaseField","BaseField","BaseField","BaseField"],"sources":["../../src/ui/field/field-control.tsx","../../src/ui/field/field-description.tsx","../../src/ui/field/field-error.tsx","../../src/ui/field/field-item.tsx","../../src/ui/field/field-label.tsx","../../src/ui/field/field-root.tsx","../../src/ui/field/field-validity.tsx","../../src/ui/field/field.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\n\ntype NativeFieldControlProps = ComponentProps<typeof BaseField.Control>;\n\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown\n ? Omit<T, K>\n : never;\n\nconst fieldControlVariants = tv({\n base: \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 w-full min-w-0 border bg-transparent transition-colors outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"h-10 rounded-md px-3 py-1.5 text-base md:text-sm\",\n md: \"h-9 rounded-md px-2.5 py-1 text-base md:text-sm\",\n sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm\",\n xl: \"h-11 rounded-md px-4 py-1.5 text-base\",\n xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs\",\n },\n },\n});\n\ntype FieldControlVariantProps = Omit<\n VariantProps<typeof fieldControlVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type FieldControlProps = DistributiveOmit<\n NativeFieldControlProps,\n \"size\"\n> &\n FieldControlVariantProps;\n\nexport const FieldControl = ({\n className,\n size: providedSize,\n ...props\n}: FieldControlProps) => {\n const size = useComponentSize(providedSize);\n\n return (\n <BaseField.Control\n className={mergeBaseUIClassName(\n fieldControlVariants({ size }),\n className\n )}\n data-size={size}\n data-slot=\"field-control\"\n {...props}\n />\n );\n};\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldDescriptionProps = ComponentProps<\n typeof BaseField.Description\n>;\n\nexport const FieldDescription = ({\n className,\n ...props\n}: FieldDescriptionProps) => (\n <BaseField.Description\n className={mergeBaseUIClassName(\n \"text-left text-sm leading-normal font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n className\n )}\n data-slot=\"field-description\"\n {...props}\n />\n);\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldErrorProps = ComponentProps<typeof BaseField.Error>;\n\nexport const FieldError = ({ className, ...props }: FieldErrorProps) => (\n <BaseField.Error\n className={mergeBaseUIClassName(\n \"text-sm font-normal text-danger-foreground\",\n className\n )}\n data-slot=\"field-error\"\n {...props}\n />\n);\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldItemProps = ComponentProps<typeof BaseField.Item>;\n\nexport const FieldItem = ({ className, ...props }: FieldItemProps) => (\n <BaseField.Item\n className={mergeBaseUIClassName(\n \"group/field-item flex w-full flex-col gap-0.5 leading-snug\",\n className\n )}\n data-slot=\"field-item\"\n {...props}\n />\n);\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldLabelProps = ComponentProps<typeof BaseField.Label>;\n\nexport const FieldLabel = ({ className, ...props }: FieldLabelProps) => (\n <BaseField.Label\n className={mergeBaseUIClassName(\n \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\",\n className\n )}\n data-slot=\"field-label\"\n {...props}\n />\n);\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldRootProps = ComponentProps<typeof BaseField.Root>;\n\nexport const FieldRoot = ({ className, ...props }: FieldRootProps) => (\n <BaseField.Root\n className={mergeBaseUIClassName(\n \"group/field flex w-full flex-col gap-1\",\n className\n )}\n data-slot=\"field\"\n {...props}\n />\n);\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\n\nexport type FieldValidityProps = ComponentProps<typeof BaseField.Validity>;\n\nexport const FieldValidity = (props: FieldValidityProps) => (\n <BaseField.Validity {...props} />\n);\n","\"use client\";\n\nimport { FieldControl } from \"./field-control\";\nimport { FieldDescription } from \"./field-description\";\nimport { FieldError } from \"./field-error\";\nimport { FieldItem } from \"./field-item\";\nimport { FieldLabel } from \"./field-label\";\nimport { FieldRoot } from \"./field-root\";\nimport type { FieldRootProps } from \"./field-root\";\nimport { FieldValidity } from \"./field-validity\";\n\nexport type FieldProps = FieldRootProps;\n\nconst Field = ({ ...props }: FieldRootProps) => <FieldRoot {...props} />;\n\nField.Root = FieldRoot;\nField.Label = FieldLabel;\nField.Control = FieldControl;\nField.Description = FieldDescription;\nField.Item = FieldItem;\nField.Error = FieldError;\nField.Validity = FieldValidity;\n\nexport type { FieldControlProps } from \"./field-control\";\nexport type { FieldDescriptionProps } from \"./field-description\";\nexport type { FieldErrorProps } from \"./field-error\";\nexport type { FieldItemProps } from \"./field-item\";\nexport type { FieldLabelProps } from \"./field-label\";\nexport type { FieldRootProps } from \"./field-root\";\nexport type { FieldValidityProps } from \"./field-validity\";\n\nexport {\n Field,\n FieldRoot,\n FieldLabel,\n FieldControl,\n FieldDescription,\n FieldItem,\n FieldError,\n FieldValidity,\n};\n"],"mappings":";;;;;;;;;AAeA,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAeF,MAAa,gBAAgB,EAC3B,WACA,MAAM,cACN,GAAG,YACoB;CACvB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,QAAU,SAAX;EACE,WAAW,qBACT,qBAAqB,EAAE,MAAM,CAAC,EAC9B,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;EACJ;;;;;ACnDN,MAAa,oBAAoB,EAC/B,WACA,GAAG,YAEH,oBAACC,QAAU,aAAX;CACE,WAAW,qBACT,mJACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACbJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU,OAAX;CACE,WAAW,qBACT,8CACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAACC,QAAU,MAAX;CACE,WAAW,qBACT,8DACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU,OAAX;CACE,WAAW,qBACT,gHACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAACC,QAAU,MAAX;CACE,WAAW,qBACT,0CACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACVJ,MAAa,iBAAiB,UAC5B,oBAACC,QAAU,UAAX,EAAoB,GAAI,OAAS;;;;ACOnC,MAAM,SAAS,EAAE,GAAG,YAA4B,oBAAC,WAAD,EAAW,GAAI,OAAS;AAExE,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,cAAc;AACpB,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,WAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fieldset.d.ts","names":[],"sources":["../../src/ui/fieldset/fieldset-legend.tsx","../../src/ui/fieldset/fieldset-root.tsx","../../src/ui/fieldset/fieldset.tsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"fieldset.d.ts","names":[],"sources":["../../src/ui/fieldset/fieldset-legend.tsx","../../src/ui/fieldset/fieldset-root.tsx","../../src/ui/fieldset/fieldset.tsx"],"mappings":";;;;;KAKY,mBAAA,GAAsB,cAAA,QAAsB,UAAA,CAAa,MAAA;AAAA,cAExD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAG5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLV,iBAAA,GAAoB,cAAA,QAAsB,UAAA,CAAa,IAAA;AAAA,cAEtD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCH3D,aAAA,GAAgB,iBAAA;AAAA,cAEtB,QAAA;EAAA;IAAA;KAA0B,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/ui/fieldset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fieldset.js","names":["BaseFieldset","BaseFieldset"],"sources":["../../src/ui/fieldset/fieldset-legend.tsx","../../src/ui/fieldset/fieldset-root.tsx","../../src/ui/fieldset/fieldset.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"fieldset.js","names":["BaseFieldset","BaseFieldset"],"sources":["../../src/ui/fieldset/fieldset-legend.tsx","../../src/ui/fieldset/fieldset-root.tsx","../../src/ui/fieldset/fieldset.tsx"],"sourcesContent":["import { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldsetLegendProps = ComponentProps<typeof BaseFieldset.Legend>;\n\nexport const FieldsetLegend = ({\n className,\n ...props\n}: FieldsetLegendProps) => (\n <BaseFieldset.Legend\n className={mergeBaseUIClassName(\"mb-1.5 text-base font-medium\", className)}\n data-slot=\"fieldset-legend\"\n {...props}\n />\n);\n","import { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldsetRootProps = ComponentProps<typeof BaseFieldset.Root>;\n\nexport const FieldsetRoot = ({ className, ...props }: FieldsetRootProps) => (\n <BaseFieldset.Root\n className={mergeBaseUIClassName(\n \"group/fieldset flex w-full flex-col gap-4\",\n className\n )}\n data-slot=\"fieldset\"\n {...props}\n />\n);\n","import { FieldsetLegend } from \"./fieldset-legend\";\nimport { FieldsetRoot } from \"./fieldset-root\";\nimport type { FieldsetRootProps } from \"./fieldset-root\";\n\nexport type FieldsetProps = FieldsetRootProps;\n\nconst Fieldset = ({ ...props }: FieldsetRootProps) => (\n <FieldsetRoot {...props} />\n);\n\nFieldset.Root = FieldsetRoot;\nFieldset.Legend = FieldsetLegend;\n\nexport type { FieldsetLegendProps } from \"./fieldset-legend\";\nexport type { FieldsetRootProps } from \"./fieldset-root\";\n\nexport { Fieldset, FieldsetRoot, FieldsetLegend };\n"],"mappings":";;;;;AAOA,MAAa,kBAAkB,EAC7B,WACA,GAAG,YAEH,oBAACA,WAAa,QAAd;CACE,WAAW,qBAAqB,gCAAgC,UAAU;CAC1E,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAa,gBAAgB,EAAE,WAAW,GAAG,YAC3C,oBAACC,WAAa,MAAd;CACE,WAAW,qBACT,6CACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,YAAY,EAAE,GAAG,YACrB,oBAAC,cAAD,EAAc,GAAI,OAAS;AAG7B,SAAS,OAAO;AAChB,SAAS,SAAS"}
|
package/dist/ui/form.d.ts
CHANGED
|
@@ -2,20 +2,20 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
|
2
2
|
import { Form as Form$1 } from "@base-ui/react/form";
|
|
3
3
|
|
|
4
4
|
//#region src/ui/form/form.d.ts
|
|
5
|
-
type FormRootProps<
|
|
6
|
-
type FormProps<
|
|
7
|
-
declare const FormRoot: <
|
|
5
|
+
type FormRootProps<Values extends Record<string, unknown> = Record<string, unknown>> = Form$1.Props<Values>;
|
|
6
|
+
type FormProps<Values extends Record<string, unknown> = Record<string, unknown>> = FormRootProps<Values>;
|
|
7
|
+
declare const FormRoot: <Values extends Record<string, unknown> = Record<string, unknown>>({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: FormRootProps<
|
|
11
|
-
declare const Form: (<
|
|
10
|
+
}: FormRootProps<Values>) => react_jsx_runtime0.JSX.Element;
|
|
11
|
+
declare const Form: (<Values extends Record<string, unknown> = Record<string, unknown>>({
|
|
12
12
|
className,
|
|
13
13
|
...props
|
|
14
|
-
}: FormRootProps<
|
|
15
|
-
Root: <
|
|
14
|
+
}: FormRootProps<Values>) => react_jsx_runtime0.JSX.Element) & {
|
|
15
|
+
Root: <Values extends Record<string, unknown> = Record<string, unknown>>({
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: FormRootProps<
|
|
18
|
+
}: FormRootProps<Values>) => react_jsx_runtime0.JSX.Element;
|
|
19
19
|
};
|
|
20
20
|
type FormActions = Form$1.Actions;
|
|
21
21
|
type FormState = Form$1.State;
|
package/dist/ui/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","names":[],"sources":["../../src/ui/form/form.tsx"],"mappings":";;;;KAMY,aAAA,
|
|
1
|
+
{"version":3,"file":"form.d.ts","names":[],"sources":["../../src/ui/form/form.tsx"],"mappings":";;;;KAMY,aAAA,gBACK,MAAA,oBAA0B,MAAA,qBACvC,MAAA,CAAS,KAAA,CAAM,MAAA;AAAA,KAEP,SAAA,gBACK,MAAA,oBAA0B,MAAA,qBACvC,aAAA,CAAc,MAAA;AAAA,cAEZ,QAAA,kBACW,MAAA,oBAA0B,MAAA;EACzC,SAAA;EAAA,GAAA;AAAA,GAGC,aAAA,CAAc,MAAA,MAAO,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWlB,IAAA,mBAfW,MAAA,oBAAuB,MAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIrC,aAAA,CAAc,MAAA,MAAO,kBAAA,CAAA,GAAA,CAAA,OAAA;wBAJP,MAAA,oBAAuB,MAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAIrC,aAAA,CAAc,MAAA,MAAO,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,KAeZ,WAAA,GAAc,MAAA,CAAS,OAAA;AAAA,KACvB,SAAA,GAAY,MAAA,CAAS,KAAA;AAAA,KACrB,sBAAA,GAAyB,MAAA,CAAS,kBAAA;AAAA,KAClC,qBAAA,GAAwB,MAAA,CAAS,iBAAA;AAAA,KACjC,kBAAA,GAAqB,MAAA,CAAS,cAAA;AAAA,KAC9B,UAAA,gBACK,MAAA,oBAA0B,MAAA,qBACvC,MAAA,CAAS,MAAA,CAAO,MAAA"}
|
package/dist/ui/form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","names":["BaseForm"],"sources":["../../src/ui/form/form.tsx"],"sourcesContent":["\"use client\";\n\nimport { Form as BaseForm } from \"@base-ui/react/form\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FormRootProps<\n
|
|
1
|
+
{"version":3,"file":"form.js","names":["BaseForm"],"sources":["../../src/ui/form/form.tsx"],"sourcesContent":["\"use client\";\n\nimport { Form as BaseForm } from \"@base-ui/react/form\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FormRootProps<\n Values extends Record<string, unknown> = Record<string, unknown>,\n> = BaseForm.Props<Values>;\n\nexport type FormProps<\n Values extends Record<string, unknown> = Record<string, unknown>,\n> = FormRootProps<Values>;\n\nconst FormRoot = <\n Values extends Record<string, unknown> = Record<string, unknown>,\n>({\n className,\n ...props\n}: FormRootProps<Values>) => (\n <BaseForm\n className={mergeBaseUIClassName<BaseForm.State>(\n \"flex w-full flex-col gap-6\",\n className\n )}\n data-slot=\"form\"\n {...props}\n />\n);\n\nconst Form = Object.assign(FormRoot, {\n Root: FormRoot,\n});\n\nexport type FormActions = BaseForm.Actions;\nexport type FormState = BaseForm.State;\nexport type FormSubmitEventDetails = BaseForm.SubmitEventDetails;\nexport type FormSubmitEventReason = BaseForm.SubmitEventReason;\nexport type FormValidationMode = BaseForm.ValidationMode;\nexport type FormValues<\n Values extends Record<string, unknown> = Record<string, unknown>,\n> = BaseForm.Values<Values>;\n\nexport { Form, FormRoot };\n"],"mappings":";;;;;;;AAcA,MAAM,YAEJ,EACA,WACA,GAAG,YAEH,oBAACA,QAAD;CACE,WAAW,qBACT,8BACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;AAGJ,MAAM,OAAO,OAAO,OAAO,UAAU,EACnC,MAAM,UACP,CAAC"}
|
package/dist/ui/input-group.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Button } from "
|
|
2
|
-
import {
|
|
3
|
-
import { Textarea } from "
|
|
1
|
+
import { t as Button } from "../button-nAbTNrxA.js";
|
|
2
|
+
import { r as InputSize, t as Input } from "../input-WWoBCgxe.js";
|
|
3
|
+
import { t as Textarea } from "../textarea-C8dsnn8D.js";
|
|
4
4
|
import { ComponentProps } from "react";
|
|
5
5
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
6
|
import * as tailwind_variants0 from "tailwind-variants";
|
|
@@ -10,47 +10,47 @@ import { VariantProps } from "tailwind-variants";
|
|
|
10
10
|
type InputGroupAddonProps = ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>;
|
|
11
11
|
declare const inputGroupAddonVariants: tailwind_variants0.TVReturnType<{
|
|
12
12
|
align: {
|
|
13
|
-
"inline-start": string;
|
|
14
|
-
"inline-end": string;
|
|
15
|
-
"block-start": string;
|
|
16
13
|
"block-end": string;
|
|
14
|
+
"block-start": string;
|
|
15
|
+
"inline-end": string;
|
|
16
|
+
"inline-start": string;
|
|
17
17
|
};
|
|
18
18
|
size: {
|
|
19
|
-
xs: string;
|
|
20
|
-
sm: string;
|
|
21
|
-
md: string;
|
|
22
19
|
lg: string;
|
|
20
|
+
md: string;
|
|
21
|
+
sm: string;
|
|
23
22
|
xl: string;
|
|
23
|
+
xs: string;
|
|
24
24
|
};
|
|
25
|
-
}, undefined, "flex h-auto cursor-text items-center justify-center font-medium
|
|
25
|
+
}, undefined, "text-muted-foreground flex h-auto cursor-text items-center justify-center font-medium select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]", {
|
|
26
26
|
align: {
|
|
27
|
-
"inline-start": string;
|
|
28
|
-
"inline-end": string;
|
|
29
|
-
"block-start": string;
|
|
30
27
|
"block-end": string;
|
|
28
|
+
"block-start": string;
|
|
29
|
+
"inline-end": string;
|
|
30
|
+
"inline-start": string;
|
|
31
31
|
};
|
|
32
32
|
size: {
|
|
33
|
-
xs: string;
|
|
34
|
-
sm: string;
|
|
35
|
-
md: string;
|
|
36
33
|
lg: string;
|
|
34
|
+
md: string;
|
|
35
|
+
sm: string;
|
|
37
36
|
xl: string;
|
|
37
|
+
xs: string;
|
|
38
38
|
};
|
|
39
39
|
}, undefined, tailwind_variants0.TVReturnType<{
|
|
40
40
|
align: {
|
|
41
|
-
"inline-start": string;
|
|
42
|
-
"inline-end": string;
|
|
43
|
-
"block-start": string;
|
|
44
41
|
"block-end": string;
|
|
42
|
+
"block-start": string;
|
|
43
|
+
"inline-end": string;
|
|
44
|
+
"inline-start": string;
|
|
45
45
|
};
|
|
46
46
|
size: {
|
|
47
|
-
xs: string;
|
|
48
|
-
sm: string;
|
|
49
|
-
md: string;
|
|
50
47
|
lg: string;
|
|
48
|
+
md: string;
|
|
49
|
+
sm: string;
|
|
51
50
|
xl: string;
|
|
51
|
+
xs: string;
|
|
52
52
|
};
|
|
53
|
-
}, undefined, "flex h-auto cursor-text items-center justify-center font-medium
|
|
53
|
+
}, undefined, "text-muted-foreground flex h-auto cursor-text items-center justify-center font-medium select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]", unknown, unknown, undefined>>;
|
|
54
54
|
declare const InputGroupAddon: ({
|
|
55
55
|
className,
|
|
56
56
|
align,
|
|
@@ -64,27 +64,27 @@ type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, "size" | "type"
|
|
|
64
64
|
};
|
|
65
65
|
declare const inputGroupButtonVariants: tailwind_variants0.TVReturnType<{
|
|
66
66
|
size: {
|
|
67
|
-
xs: string;
|
|
68
|
-
sm: string;
|
|
69
|
-
md: string;
|
|
70
|
-
"icon-xs": string;
|
|
71
67
|
"icon-sm": string;
|
|
68
|
+
"icon-xs": string;
|
|
69
|
+
md: string;
|
|
70
|
+
sm: string;
|
|
71
|
+
xs: string;
|
|
72
72
|
};
|
|
73
73
|
}, undefined, "flex items-center gap-2 text-sm shadow-none", {
|
|
74
74
|
size: {
|
|
75
|
-
xs: string;
|
|
76
|
-
sm: string;
|
|
77
|
-
md: string;
|
|
78
|
-
"icon-xs": string;
|
|
79
75
|
"icon-sm": string;
|
|
76
|
+
"icon-xs": string;
|
|
77
|
+
md: string;
|
|
78
|
+
sm: string;
|
|
79
|
+
xs: string;
|
|
80
80
|
};
|
|
81
81
|
}, undefined, tailwind_variants0.TVReturnType<{
|
|
82
82
|
size: {
|
|
83
|
-
xs: string;
|
|
84
|
-
sm: string;
|
|
85
|
-
md: string;
|
|
86
|
-
"icon-xs": string;
|
|
87
83
|
"icon-sm": string;
|
|
84
|
+
"icon-xs": string;
|
|
85
|
+
md: string;
|
|
86
|
+
sm: string;
|
|
87
|
+
xs: string;
|
|
88
88
|
};
|
|
89
89
|
}, undefined, "flex items-center gap-2 text-sm shadow-none", unknown, unknown, undefined>>;
|
|
90
90
|
declare const InputGroupButton: ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","names":[],"sources":["../../src/ui/input-group/input-group-addon.tsx","../../src/ui/input-group/input-group-button.tsx","../../src/ui/input-group/input-group-input.tsx","../../src/ui/input-group/input-group-text.tsx","../../src/ui/input-group/input-group-textarea.tsx","../../src/ui/input-group/input-group.tsx"],"mappings":";;;;;;;;;KAQY,oBAAA,GAAuB,cAAA,UACjC,YAAA,QAAoB,uBAAA;AAAA,cAEhB,uBAAA,EAyBJ,kBAAA,CAzB2B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyB3B,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","names":[],"sources":["../../src/ui/input-group/input-group-addon.tsx","../../src/ui/input-group/input-group-button.tsx","../../src/ui/input-group/input-group-input.tsx","../../src/ui/input-group/input-group-text.tsx","../../src/ui/input-group/input-group-textarea.tsx","../../src/ui/input-group/input-group.tsx"],"mappings":";;;;;;;;;KAQY,oBAAA,GAAuB,cAAA,UACjC,YAAA,QAAoB,uBAAA;AAAA,cAEhB,uBAAA,EAyBJ,kBAAA,CAzB2B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyB3B,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;cAaI,eAAA;EAAmB,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKtB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC5CX,qBAAA,GAAwB,IAAA,CAClC,cAAA,QAAsB,MAAA,sBAGtB,YAAA,QAAoB,wBAAA;EAClB,IAAA;AAAA;AAAA,cAGE,wBAAA,EAeJ,kBAAA,CAf4B,YAAA;;;;;;;;;;;;;;;;cAe5B,kBAAA,CAAA,YAAA;;;;;;;;;cAUI,gBAAA;EAAoB,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzCZ,oBAAA,GAAuB,cAAA,QAAsB,KAAA;AAAA,cAEnD,eAAA;EAAmB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAItB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCVX,mBAAA,GAAsB,cAAA;AAAA,cAE5B,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAxD,uBAAA,GAA0B,cAAA,QAAsB,QAAA;AAAA,cAEtD,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCGd,eAAA,GAAkB,cAAA;EAC5B,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA;EAAA;;;;;KAKH,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/ui/input-group.js
CHANGED
|
@@ -1,31 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import { a as
|
|
4
|
-
import { a as InputGroupAddon, i as InputGroupButton, n as InputGroupText, o as InputGroupContext, r as InputGroupInput, t as InputGroupTextarea } from "../input-group-textarea-B-rP98r5.js";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
import { cn } from "tailwind-variants";
|
|
3
|
+
import { a as InputGroupButton, i as InputGroupInput, n as InputGroupTextarea, o as InputGroupAddon, r as InputGroupText, t as InputGroup } from "../input-group-CjcHP0L4.js";
|
|
7
4
|
|
|
8
|
-
|
|
9
|
-
const InputGroup = ({ className, children, size: providedSize, ...props }) => {
|
|
10
|
-
const size = useComponentSize(providedSize);
|
|
11
|
-
return /* @__PURE__ */ jsx("div", {
|
|
12
|
-
className: cn("group/input-group relative flex w-full min-w-0 items-center border border-input transition-colors outline-none data-[size=xs]:h-6 data-[size=xs]:rounded-[min(var(--radius-md),8px)] data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=md]:h-9 data-[size=md]:rounded-md data-[size=lg]:h-10 data-[size=lg]:rounded-md data-[size=xl]:h-11 data-[size=xl]:rounded-md in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-danger/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
|
|
13
|
-
"data-size": size,
|
|
14
|
-
"data-slot": "input-group",
|
|
15
|
-
role: "group",
|
|
16
|
-
...props,
|
|
17
|
-
children: /* @__PURE__ */ jsx(InputGroupContext.Provider, {
|
|
18
|
-
value: { size },
|
|
19
|
-
children
|
|
20
|
-
})
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
InputGroup.Addon = InputGroupAddon;
|
|
24
|
-
InputGroup.Button = InputGroupButton;
|
|
25
|
-
InputGroup.Input = InputGroupInput;
|
|
26
|
-
InputGroup.Text = InputGroupText;
|
|
27
|
-
InputGroup.Textarea = InputGroupTextarea;
|
|
28
|
-
|
|
29
|
-
//#endregion
|
|
30
|
-
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
|
|
31
|
-
//# sourceMappingURL=input-group.js.map
|
|
5
|
+
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
|
package/dist/ui/input-otp.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputSize } from "
|
|
1
|
+
import { r as InputSize } from "../input-WWoBCgxe.js";
|
|
2
2
|
import { ComponentProps } from "react";
|
|
3
3
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
4
|
import * as tailwind_variants0 from "tailwind-variants";
|
|
@@ -8,29 +8,29 @@ import { OTPInput } from "input-otp";
|
|
|
8
8
|
//#region src/ui/input-otp/input-otp-group.d.ts
|
|
9
9
|
declare const inputOTPGroupVariants: tailwind_variants0.TVReturnType<{
|
|
10
10
|
size: {
|
|
11
|
-
xs: string;
|
|
12
|
-
sm: string;
|
|
13
|
-
md: string;
|
|
14
11
|
lg: string;
|
|
12
|
+
md: string;
|
|
13
|
+
sm: string;
|
|
15
14
|
xl: string;
|
|
15
|
+
xs: string;
|
|
16
16
|
};
|
|
17
|
-
}, undefined, "
|
|
17
|
+
}, undefined, "has-aria-invalid:border-danger has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40 flex items-center has-aria-invalid:ring-[3px]", {
|
|
18
18
|
size: {
|
|
19
|
-
xs: string;
|
|
20
|
-
sm: string;
|
|
21
|
-
md: string;
|
|
22
19
|
lg: string;
|
|
20
|
+
md: string;
|
|
21
|
+
sm: string;
|
|
23
22
|
xl: string;
|
|
23
|
+
xs: string;
|
|
24
24
|
};
|
|
25
25
|
}, undefined, tailwind_variants0.TVReturnType<{
|
|
26
26
|
size: {
|
|
27
|
-
xs: string;
|
|
28
|
-
sm: string;
|
|
29
|
-
md: string;
|
|
30
27
|
lg: string;
|
|
28
|
+
md: string;
|
|
29
|
+
sm: string;
|
|
31
30
|
xl: string;
|
|
31
|
+
xs: string;
|
|
32
32
|
};
|
|
33
|
-
}, undefined, "
|
|
33
|
+
}, undefined, "has-aria-invalid:border-danger has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40 flex items-center has-aria-invalid:ring-[3px]", unknown, unknown, undefined>>;
|
|
34
34
|
type InputOTPGroupVariantProps = VariantProps<typeof inputOTPGroupVariants>;
|
|
35
35
|
type InputOTPGroupProps = ComponentProps<"div"> & InputOTPGroupVariantProps & {
|
|
36
36
|
size?: InputSize;
|
|
@@ -44,27 +44,27 @@ declare const InputOTPGroup: ({
|
|
|
44
44
|
//#region src/ui/input-otp/input-otp-separator.d.ts
|
|
45
45
|
declare const inputOTPSeparatorVariants: tailwind_variants0.TVReturnType<{
|
|
46
46
|
size: {
|
|
47
|
-
xs: string;
|
|
48
|
-
sm: string;
|
|
49
|
-
md: string;
|
|
50
47
|
lg: string;
|
|
48
|
+
md: string;
|
|
49
|
+
sm: string;
|
|
51
50
|
xl: string;
|
|
51
|
+
xs: string;
|
|
52
52
|
};
|
|
53
53
|
}, undefined, "flex items-center justify-center", {
|
|
54
54
|
size: {
|
|
55
|
-
xs: string;
|
|
56
|
-
sm: string;
|
|
57
|
-
md: string;
|
|
58
55
|
lg: string;
|
|
56
|
+
md: string;
|
|
57
|
+
sm: string;
|
|
59
58
|
xl: string;
|
|
59
|
+
xs: string;
|
|
60
60
|
};
|
|
61
61
|
}, undefined, tailwind_variants0.TVReturnType<{
|
|
62
62
|
size: {
|
|
63
|
-
xs: string;
|
|
64
|
-
sm: string;
|
|
65
|
-
md: string;
|
|
66
63
|
lg: string;
|
|
64
|
+
md: string;
|
|
65
|
+
sm: string;
|
|
67
66
|
xl: string;
|
|
67
|
+
xs: string;
|
|
68
68
|
};
|
|
69
69
|
}, undefined, "flex items-center justify-center", unknown, unknown, undefined>>;
|
|
70
70
|
type InputOTPSeparatorVariantProps = VariantProps<typeof inputOTPSeparatorVariants>;
|
|
@@ -80,23 +80,23 @@ declare const InputOTPSeparator: ({
|
|
|
80
80
|
//#region src/ui/input-otp/input-otp-slot.d.ts
|
|
81
81
|
declare const inputOTPSlotVariants: tailwind_variants0.TVReturnType<{
|
|
82
82
|
size: {
|
|
83
|
-
|
|
83
|
+
lg: {
|
|
84
84
|
caret: string;
|
|
85
85
|
root: string;
|
|
86
86
|
};
|
|
87
|
-
|
|
87
|
+
md: {
|
|
88
88
|
caret: string;
|
|
89
89
|
root: string;
|
|
90
90
|
};
|
|
91
|
-
|
|
91
|
+
sm: {
|
|
92
92
|
caret: string;
|
|
93
93
|
root: string;
|
|
94
94
|
};
|
|
95
|
-
|
|
95
|
+
xl: {
|
|
96
96
|
caret: string;
|
|
97
97
|
root: string;
|
|
98
98
|
};
|
|
99
|
-
|
|
99
|
+
xs: {
|
|
100
100
|
caret: string;
|
|
101
101
|
root: string;
|
|
102
102
|
};
|
|
@@ -106,23 +106,23 @@ declare const inputOTPSlotVariants: tailwind_variants0.TVReturnType<{
|
|
|
106
106
|
root: string;
|
|
107
107
|
}, undefined, {
|
|
108
108
|
size: {
|
|
109
|
-
|
|
109
|
+
lg: {
|
|
110
110
|
caret: string;
|
|
111
111
|
root: string;
|
|
112
112
|
};
|
|
113
|
-
|
|
113
|
+
md: {
|
|
114
114
|
caret: string;
|
|
115
115
|
root: string;
|
|
116
116
|
};
|
|
117
|
-
|
|
117
|
+
sm: {
|
|
118
118
|
caret: string;
|
|
119
119
|
root: string;
|
|
120
120
|
};
|
|
121
|
-
|
|
121
|
+
xl: {
|
|
122
122
|
caret: string;
|
|
123
123
|
root: string;
|
|
124
124
|
};
|
|
125
|
-
|
|
125
|
+
xs: {
|
|
126
126
|
caret: string;
|
|
127
127
|
root: string;
|
|
128
128
|
};
|
|
@@ -132,23 +132,23 @@ declare const inputOTPSlotVariants: tailwind_variants0.TVReturnType<{
|
|
|
132
132
|
root: string;
|
|
133
133
|
}, tailwind_variants0.TVReturnType<{
|
|
134
134
|
size: {
|
|
135
|
-
|
|
135
|
+
lg: {
|
|
136
136
|
caret: string;
|
|
137
137
|
root: string;
|
|
138
138
|
};
|
|
139
|
-
|
|
139
|
+
md: {
|
|
140
140
|
caret: string;
|
|
141
141
|
root: string;
|
|
142
142
|
};
|
|
143
|
-
|
|
143
|
+
sm: {
|
|
144
144
|
caret: string;
|
|
145
145
|
root: string;
|
|
146
146
|
};
|
|
147
|
-
|
|
147
|
+
xl: {
|
|
148
148
|
caret: string;
|
|
149
149
|
root: string;
|
|
150
150
|
};
|
|
151
|
-
|
|
151
|
+
xs: {
|
|
152
152
|
caret: string;
|
|
153
153
|
root: string;
|
|
154
154
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"mappings":";;;;;;;;cAQM,qBAAA,EAcJ,kBAAA,CAdyB,YAAA;;;;;;;;;;;;;;;;cAczB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,yBAAA,GAA4B,YAAA,QAAoB,qBAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,UAC/B,yBAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,aAAA;EAAiB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrBlE,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,YAAA,QAC5B,yBAAA;AAAA,KAGG,sBAAA,GAAyB,cAAA,UACnC,6BAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,iBAAA;EAAqB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9BnB,oBAAA,EAgCJ,kBAAA,CAhCwB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCxB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,wBAAA,GAA2B,YAAA,QAAoB,oBAAA;AAAA,KACxC,iBAAA,GAAoB,cAAA;EAC9B,KAAA;AAAA,IACE,wBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,YAAA;EAAgB,KAAA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzCf,mBAAA,GAAsB,cAAA,QAAsB,QAAA;AAAA,KAC5C,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAC9C,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,KAGA,aAAA,GAAgB,gBAAA,CAAiB,mBAAA;EAC3C,kBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,QAAA;EAAA;;;;;KAKH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|