@lssm/lib.ui-kit-web 1.7.4 → 1.9.1
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/README.md +80 -0
- package/dist/node_modules/sonner/dist/index.js +1 -2
- package/dist/node_modules/sonner/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/accordion.d.ts +5 -5
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +3 -4
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/alert-dialog.d.ts +12 -12
- package/dist/ui/alert-dialog.d.ts.map +1 -1
- package/dist/ui/alert-dialog.js +8 -9
- package/dist/ui/alert-dialog.js.map +1 -1
- package/dist/ui/alert.d.ts +6 -6
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +3 -3
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/aspect-ratio.d.ts +2 -2
- package/dist/ui/aspect-ratio.js +0 -1
- package/dist/ui/aspect-ratio.js.map +1 -1
- package/dist/ui/avatar.d.ts +4 -4
- package/dist/ui/avatar.d.ts.map +1 -1
- package/dist/ui/avatar.js +3 -4
- package/dist/ui/avatar.js.map +1 -1
- package/dist/ui/badge.d.ts +5 -5
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +1 -1
- package/dist/ui/badge.js.map +1 -1
- package/dist/ui/breadcrumb.d.ts +8 -8
- package/dist/ui/breadcrumb.js +6 -6
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/button.d.ts +6 -6
- package/dist/ui/button.js +1 -1
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/calendar.d.ts +3 -3
- package/dist/ui/calendar.js +5 -6
- package/dist/ui/calendar.js.map +1 -1
- package/dist/ui/card.d.ts +8 -8
- package/dist/ui/card.js +7 -7
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/carousel.d.ts +6 -6
- package/dist/ui/carousel.js +5 -6
- package/dist/ui/carousel.js.map +1 -1
- package/dist/ui/checkbox.d.ts +2 -2
- package/dist/ui/checkbox.js +1 -2
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/collapsible.d.ts +4 -4
- package/dist/ui/collapsible.d.ts.map +1 -1
- package/dist/ui/collapsible.js +0 -1
- package/dist/ui/collapsible.js.map +1 -1
- package/dist/ui/command.d.ts +10 -10
- package/dist/ui/command.js +8 -9
- package/dist/ui/command.js.map +1 -1
- package/dist/ui/confirm-dialog.d.ts +2 -2
- package/dist/ui/context-menu.d.ts +2 -2
- package/dist/ui/context-menu.js +9 -10
- package/dist/ui/context-menu.js.map +1 -1
- package/dist/ui/cta.d.ts +1 -1
- package/dist/ui/cta.js +1 -1
- package/dist/ui/cta.js.map +1 -1
- package/dist/ui/date-picker.d.ts +2 -2
- package/dist/ui/date-picker.js +0 -1
- package/dist/ui/date-picker.js.map +1 -1
- package/dist/ui/date-range-picker.d.ts +2 -2
- package/dist/ui/date-range-picker.js +0 -1
- package/dist/ui/date-range-picker.js.map +1 -1
- package/dist/ui/datetime-picker.d.ts +2 -2
- package/dist/ui/datetime-picker.d.ts.map +1 -1
- package/dist/ui/datetime-picker.js +0 -1
- package/dist/ui/datetime-picker.js.map +1 -1
- package/dist/ui/dialog.d.ts +11 -11
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +6 -7
- package/dist/ui/dialog.js.map +1 -1
- package/dist/ui/drawer.d.ts +11 -11
- package/dist/ui/drawer.js +6 -7
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/dropdown-menu.d.ts +16 -16
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +9 -10
- package/dist/ui/dropdown-menu.js.map +1 -1
- package/dist/ui/empty-state.d.ts +4 -4
- package/dist/ui/empty-state.d.ts.map +1 -1
- package/dist/ui/empty.d.ts +9 -9
- package/dist/ui/empty.d.ts.map +1 -1
- package/dist/ui/empty.js +6 -6
- package/dist/ui/empty.js.map +1 -1
- package/dist/ui/field.d.ts +14 -14
- package/dist/ui/field.d.ts.map +1 -1
- package/dist/ui/field.js +10 -11
- package/dist/ui/field.js.map +1 -1
- package/dist/ui/form.d.ts +7 -7
- package/dist/ui/form.d.ts.map +1 -1
- package/dist/ui/form.js +4 -5
- package/dist/ui/form.js.map +1 -1
- package/dist/ui/hover-card.d.ts +4 -4
- package/dist/ui/hover-card.d.ts.map +1 -1
- package/dist/ui/hover-card.js +1 -2
- package/dist/ui/hover-card.js.map +1 -1
- package/dist/ui/input-group.d.ts +10 -10
- package/dist/ui/input-group.d.ts.map +1 -1
- package/dist/ui/input-group.js +6 -7
- package/dist/ui/input-group.js.map +1 -1
- package/dist/ui/input-otp.d.ts +2 -2
- package/dist/ui/input-otp.js +3 -4
- package/dist/ui/input-otp.js.map +1 -1
- package/dist/ui/input.d.ts +2 -2
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +1 -1
- package/dist/ui/input.js.map +1 -1
- package/dist/ui/label.d.ts +2 -2
- package/dist/ui/label.d.ts.map +1 -1
- package/dist/ui/label.js +1 -2
- package/dist/ui/label.js.map +1 -1
- package/dist/ui/link.d.ts +3 -3
- package/dist/ui/link.js +1 -1
- package/dist/ui/link.js.map +1 -1
- package/dist/ui/live-region.d.ts +2 -2
- package/dist/ui/live-region.d.ts.map +1 -1
- package/dist/ui/live-region.js +0 -1
- package/dist/ui/live-region.js.map +1 -1
- package/dist/ui/loading-button.d.ts +2 -2
- package/dist/ui/loading-button.js +1 -1
- package/dist/ui/loading-button.js.map +1 -1
- package/dist/ui/map/MapBase.d.ts +2 -2
- package/dist/ui/map/MapBase.d.ts.map +1 -1
- package/dist/ui/map/MapBase.js +0 -1
- package/dist/ui/map/MapBase.js.map +1 -1
- package/dist/ui/map/MapGeoJsonOverlay.d.ts +2 -2
- package/dist/ui/map/MapGeoJsonOverlay.d.ts.map +1 -1
- package/dist/ui/map/MapGeoJsonOverlay.js +0 -1
- package/dist/ui/map/MapGeoJsonOverlay.js.map +1 -1
- package/dist/ui/map/MapHeatmapH3.d.ts +2 -2
- package/dist/ui/map/MapHeatmapH3.d.ts.map +1 -1
- package/dist/ui/map/MapHeatmapH3.js +0 -1
- package/dist/ui/map/MapHeatmapH3.js.map +1 -1
- package/dist/ui/map/MapMarkers.d.ts +2 -2
- package/dist/ui/map/MapMarkers.d.ts.map +1 -1
- package/dist/ui/map/MapMarkers.js +0 -1
- package/dist/ui/map/MapMarkers.js.map +1 -1
- package/dist/ui/marketing/FeatureGrid.d.ts +2 -2
- package/dist/ui/marketing/FeatureGrid.d.ts.map +1 -1
- package/dist/ui/marketing/Hero.d.ts +2 -2
- package/dist/ui/marketing/Hero.d.ts.map +1 -1
- package/dist/ui/marketing/PricingTable.d.ts +2 -2
- package/dist/ui/marketing/PricingTable.d.ts.map +1 -1
- package/dist/ui/menubar.d.ts +17 -17
- package/dist/ui/menubar.js +11 -12
- package/dist/ui/menubar.js.map +1 -1
- package/dist/ui/molecules/Autocomplete/index.d.ts +2 -2
- package/dist/ui/molecules/Autocomplete/index.js +0 -1
- package/dist/ui/molecules/Autocomplete/index.js.map +1 -1
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js +1 -1
- package/dist/ui/molecules/SearchAndFilter/types.d.ts.map +1 -1
- package/dist/ui/molecules/SkeletonList.d.ts +2 -2
- package/dist/ui/molecules/SkeletonList.d.ts.map +1 -1
- package/dist/ui/nav-layout.d.ts +7 -7
- package/dist/ui/nav-layout.d.ts.map +1 -1
- package/dist/ui/nav-layout.js +1 -1
- package/dist/ui/nav-layout.js.map +1 -1
- package/dist/ui/navigation-menu.d.ts +11 -11
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +8 -8
- package/dist/ui/navigation-menu.js.map +1 -1
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts +2 -2
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js +0 -1
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/dist/ui/organisms/ListPage/ListPage.d.ts +2 -2
- package/dist/ui/organisms/ListPage/ListPage.d.ts.map +1 -1
- package/dist/ui/page-header.d.ts +2 -2
- package/dist/ui/page-header.d.ts.map +1 -1
- package/dist/ui/pagination.d.ts +6 -6
- package/dist/ui/pagination.js +7 -7
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/popover.d.ts +5 -5
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/popover.js +1 -2
- package/dist/ui/popover.js.map +1 -1
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/progress.d.ts.map +1 -1
- package/dist/ui/progress.js +1 -2
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/radio-group.d.ts +3 -3
- package/dist/ui/radio-group.d.ts.map +1 -1
- package/dist/ui/radio-group.js +2 -3
- package/dist/ui/radio-group.js.map +1 -1
- package/dist/ui/resizable.d.ts +7 -7
- package/dist/ui/resizable.d.ts.map +1 -1
- package/dist/ui/resizable.js +2 -3
- package/dist/ui/resizable.js.map +1 -1
- package/dist/ui/route-announcer.d.ts +2 -2
- package/dist/ui/route-announcer.d.ts.map +1 -1
- package/dist/ui/route-announcer.js +0 -1
- package/dist/ui/route-announcer.js.map +1 -1
- package/dist/ui/scroll-area.d.ts +3 -3
- package/dist/ui/scroll-area.d.ts.map +1 -1
- package/dist/ui/scroll-area.js +2 -3
- package/dist/ui/scroll-area.js.map +1 -1
- package/dist/ui/section.d.ts +2 -2
- package/dist/ui/section.d.ts.map +1 -1
- package/dist/ui/section.js +1 -1
- package/dist/ui/section.js.map +1 -1
- package/dist/ui/select.d.ts +11 -11
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +7 -8
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/separator.d.ts +2 -2
- package/dist/ui/separator.d.ts.map +1 -1
- package/dist/ui/separator.js +1 -2
- package/dist/ui/separator.js.map +1 -1
- package/dist/ui/sheet.d.ts +9 -9
- package/dist/ui/sheet.js +6 -7
- package/dist/ui/sheet.js.map +1 -1
- package/dist/ui/sidebar.d.ts +28 -28
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +23 -24
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/skeleton.d.ts +2 -2
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/skip-link.d.ts +2 -2
- package/dist/ui/skip-link.js +1 -1
- package/dist/ui/skip-link.js.map +1 -1
- package/dist/ui/slider.d.ts +2 -2
- package/dist/ui/slider.js +1 -2
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/sonner.d.ts +2 -2
- package/dist/ui/sonner.d.ts.map +1 -1
- package/dist/ui/sonner.js +0 -1
- package/dist/ui/sonner.js.map +1 -1
- package/dist/ui/stack.d.ts +19 -19
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/stack.js +3 -3
- package/dist/ui/stack.js.map +1 -1
- package/dist/ui/stat-card-group.d.ts +2 -2
- package/dist/ui/stat-card-group.d.ts.map +1 -1
- package/dist/ui/stepper.d.ts +4 -4
- package/dist/ui/stepper.d.ts.map +1 -1
- package/dist/ui/switch.d.ts +2 -2
- package/dist/ui/switch.d.ts.map +1 -1
- package/dist/ui/switch.js +1 -2
- package/dist/ui/switch.js.map +1 -1
- package/dist/ui/table.d.ts +9 -9
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/table.js +8 -9
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/tabs.d.ts +5 -5
- package/dist/ui/tabs.d.ts.map +1 -1
- package/dist/ui/tabs.js +4 -5
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/text.d.ts +2 -2
- package/dist/ui/text.d.ts.map +1 -1
- package/dist/ui/text.js +1 -1
- package/dist/ui/text.js.map +1 -1
- package/dist/ui/textarea.d.ts +2 -2
- package/dist/ui/textarea.d.ts.map +1 -1
- package/dist/ui/textarea.js +1 -1
- package/dist/ui/textarea.js.map +1 -1
- package/dist/ui/time-picker.d.ts +2 -2
- package/dist/ui/time-picker.d.ts.map +1 -1
- package/dist/ui/time-picker.js +0 -1
- package/dist/ui/time-picker.js.map +1 -1
- package/dist/ui/toast.d.ts +2 -2
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +6 -7
- package/dist/ui/toast.js.map +1 -1
- package/dist/ui/toaster.d.ts +2 -2
- package/dist/ui/toaster.d.ts.map +1 -1
- package/dist/ui/toaster.js +1 -2
- package/dist/ui/toaster.js.map +1 -1
- package/dist/ui/toggle-group.d.ts +3 -3
- package/dist/ui/toggle-group.d.ts.map +1 -1
- package/dist/ui/toggle-group.js +2 -3
- package/dist/ui/toggle-group.js.map +1 -1
- package/dist/ui/toggle.d.ts +4 -4
- package/dist/ui/toggle.d.ts.map +1 -1
- package/dist/ui/toggle.js +1 -2
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/tooltip.d.ts +5 -5
- package/dist/ui/tooltip.d.ts.map +1 -1
- package/dist/ui/tooltip.js +2 -3
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/typography.d.ts +12 -12
- package/dist/ui/typography.d.ts.map +1 -1
- package/dist/ui/typography.js +11 -11
- package/dist/ui/typography.js.map +1 -1
- package/dist/ui/use-toast.d.ts.map +1 -1
- package/dist/ui/use-toast.js +0 -1
- package/dist/ui/use-toast.js.map +1 -1
- package/dist/ui/usecases/UseCaseCard.d.ts +2 -2
- package/dist/ui/usecases/UserStoryCard.d.ts +2 -2
- package/dist/ui/visually-hidden.js +1 -1
- package/dist/ui/visually-hidden.js.map +1 -1
- package/package.json +8 -9
- package/dist/ui/sidebar-right.d.ts +0 -165
- package/dist/ui/sidebar-right.d.ts.map +0 -1
- package/dist/ui/sidebar-right.js +0 -380
- package/dist/ui/sidebar-right.js.map +0 -1
package/dist/ui/stack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.js","names":["React"],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst vStackVariants = cva('flex flex-col', {\n variants: {\n gap: {\n none: 'gap-0',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-3',\n lg: 'gap-4',\n xl: 'gap-6',\n '2xl': 'gap-8',\n },\n align: {\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n stretch: 'items-stretch',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n },\n defaultVariants: {\n gap: 'md',\n align: 'stretch',\n justify: 'start',\n },\n});\n\ntype VStackProps = React.HTMLAttributes<HTMLDivElement> &\n VariantProps<typeof vStackVariants> & {\n as?:\n | 'div'\n | 'section'\n | 'nav'\n | 'main'\n | 'header'\n | 'footer'\n | 'article'\n | 'aside';\n };\n\nconst VStack = React.forwardRef<HTMLDivElement, VStackProps>(\n ({ className, gap, align, justify, as = 'div', ...props }, ref) => {\n const Comp: any = as;\n return (\n <Comp\n ref={ref}\n className={cn(vStackVariants({ gap, align, justify }), className)}\n {...props}\n />\n );\n }\n);\nVStack.displayName = 'VStack';\n\nconst hStackVariants = cva('flex flex-row', {\n variants: {\n gap: {\n none: 'gap-0',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-3',\n lg: 'gap-4',\n xl: 'gap-6',\n '2xl': 'gap-8',\n },\n align: {\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n stretch: 'items-stretch',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n wrapReverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n gap: 'md',\n align: 'center',\n justify: 'start',\n wrap: 'wrap',\n },\n});\n\ntype HStackProps = React.HTMLAttributes<HTMLDivElement> &\n VariantProps<typeof hStackVariants> & {\n as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n };\n\nconst HStack = React.forwardRef<HTMLDivElement, HStackProps>(\n ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n const Comp: any = as;\n return (\n <Comp\n ref={ref}\n className={cn(hStackVariants({ gap, align, justify, wrap }), className)}\n {...props}\n />\n );\n }\n);\nHStack.displayName = 'HStack';\n\nconst boxVariants = cva('flex flex-row', {\n variants: {\n gap: {\n none: 'gap-0',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-3',\n lg: 'gap-4',\n xl: 'gap-6',\n '2xl': 'gap-8',\n },\n align: {\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n stretch: 'items-stretch',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n wrapReverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n gap: 'md',\n align: 'center',\n justify: 'center',\n wrap: 'nowrap',\n },\n});\n\ntype BoxProps = React.HTMLAttributes<HTMLDivElement> &\n VariantProps<typeof boxVariants> & {\n as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n };\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n const Comp: any = as;\n return (\n <Comp\n ref={ref}\n className={cn(boxVariants({ gap, align, justify, wrap }), className)}\n {...props}\n />\n );\n }\n);\nBox.displayName = 'Box';\n\nexport { VStack, HStack, vStackVariants, hStackVariants, boxVariants, Box };\n"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,IAAI,iBAAiB;CAC1C,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACV;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACV;CACF,CAAC;AAeF,MAAM,SAASA,QAAM,YAClB,EAAE,WAAW,KAAK,OAAO,SAAS,KAAK,
|
|
1
|
+
{"version":3,"file":"stack.js","names":["React"],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst vStackVariants = cva('flex flex-col', {\n variants: {\n gap: {\n none: 'gap-0',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-3',\n lg: 'gap-4',\n xl: 'gap-6',\n '2xl': 'gap-8',\n },\n align: {\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n stretch: 'items-stretch',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n },\n defaultVariants: {\n gap: 'md',\n align: 'stretch',\n justify: 'start',\n },\n});\n\ntype VStackProps = React.HTMLAttributes<HTMLDivElement> &\n VariantProps<typeof vStackVariants> & {\n as?:\n | 'div'\n | 'section'\n | 'nav'\n | 'main'\n | 'header'\n | 'footer'\n | 'article'\n | 'aside';\n };\n\nconst VStack = React.forwardRef<HTMLDivElement, VStackProps>(\n ({ className, gap, align, justify, as = 'div', ...props }, ref) => {\n const Comp: any = as;\n return (\n <Comp\n ref={ref}\n className={cn(vStackVariants({ gap, align, justify }), className)}\n {...props}\n />\n );\n }\n);\nVStack.displayName = 'VStack';\n\nconst hStackVariants = cva('flex flex-row', {\n variants: {\n gap: {\n none: 'gap-0',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-3',\n lg: 'gap-4',\n xl: 'gap-6',\n '2xl': 'gap-8',\n },\n align: {\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n stretch: 'items-stretch',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n wrapReverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n gap: 'md',\n align: 'center',\n justify: 'start',\n wrap: 'wrap',\n },\n});\n\ntype HStackProps = React.HTMLAttributes<HTMLDivElement> &\n VariantProps<typeof hStackVariants> & {\n as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n };\n\nconst HStack = React.forwardRef<HTMLDivElement, HStackProps>(\n ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n const Comp: any = as;\n return (\n <Comp\n ref={ref}\n className={cn(hStackVariants({ gap, align, justify, wrap }), className)}\n {...props}\n />\n );\n }\n);\nHStack.displayName = 'HStack';\n\nconst boxVariants = cva('flex flex-row', {\n variants: {\n gap: {\n none: 'gap-0',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-3',\n lg: 'gap-4',\n xl: 'gap-6',\n '2xl': 'gap-8',\n },\n align: {\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n stretch: 'items-stretch',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n wrapReverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n gap: 'md',\n align: 'center',\n justify: 'center',\n wrap: 'nowrap',\n },\n});\n\ntype BoxProps = React.HTMLAttributes<HTMLDivElement> &\n VariantProps<typeof boxVariants> & {\n as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n };\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n const Comp: any = as;\n return (\n <Comp\n ref={ref}\n className={cn(boxVariants({ gap, align, justify, wrap }), className)}\n {...props}\n />\n );\n }\n);\nBox.displayName = 'Box';\n\nexport { VStack, HStack, vStackVariants, hStackVariants, boxVariants, Box };\n"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,IAAI,iBAAiB;CAC1C,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACV;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACV;CACF,CAAC;AAeF,MAAM,SAASA,QAAM,YAClB,EAAE,WAAW,KAAK,OAAO,SAAS,KAAK,OAAO,GAAG,SAAS,QAAQ;AAEjE,QACE,oBAFgB;EAGT;EACL,WAAW,GAAG,eAAe;GAAE;GAAK;GAAO;GAAS,CAAC,EAAE,UAAU;EACjE,GAAI;GACJ;EAGP;AACD,OAAO,cAAc;AAErB,MAAM,iBAAiB,IAAI,iBAAiB;CAC1C,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,aAAa;GACd;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,SAASA,QAAM,YAClB,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,OAAO,GAAG,SAAS,QAAQ;AAEvE,QACE,oBAFgB;EAGT;EACL,WAAW,GAAG,eAAe;GAAE;GAAK;GAAO;GAAS;GAAM,CAAC,EAAE,UAAU;EACvE,GAAI;GACJ;EAGP;AACD,OAAO,cAAc;AAErB,MAAM,cAAc,IAAI,iBAAiB;CACvC,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,aAAa;GACd;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,MAAMA,QAAM,YACf,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,OAAO,GAAG,SAAS,QAAQ;AAEvE,QACE,oBAFgB;EAGT;EACL,WAAW,GAAG,YAAY;GAAE;GAAK;GAAO;GAAS;GAAM,CAAC,EAAE,UAAU;EACpE,GAAI;GACJ;EAGP;AACD,IAAI,cAAc"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime151 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/stat-card-group.d.ts
|
|
5
5
|
interface StatItem {
|
|
@@ -13,7 +13,7 @@ declare function StatCardGroup({
|
|
|
13
13
|
}: {
|
|
14
14
|
items: StatItem[];
|
|
15
15
|
className?: string;
|
|
16
|
-
}):
|
|
16
|
+
}): react_jsx_runtime151.JSX.Element;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { StatCardGroup, StatItem };
|
|
19
19
|
//# sourceMappingURL=stat-card-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-card-group.d.ts","names":[],"sources":["../../ui/stat-card-group.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,QAAA;SACR,OAAA,CAAM;SACN,OAAA,CAAM;EAFE,IAAA,CAAA,EAAA,MAAQ,GAAA,
|
|
1
|
+
{"version":3,"file":"stat-card-group.d.ts","names":[],"sources":["../../ui/stat-card-group.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,QAAA;SACR,OAAA,CAAM;SACN,OAAA,CAAM;EAFE,IAAA,CAAA,EAAA,MAAQ,GAAA,OAAA,GAChB,OAAM;AAiBf;AACE,iBADc,aAAA,CACd;EAAA,KAAA;EAAA;CAAA,EAAA;EACA,KAAA,EAEO,QAFP,EAAA;EAEO,SAAA,CAAA,EAAA,MAAA;CAER,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/ui/stepper.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime152 from "react/jsx-runtime";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
|
-
import * as
|
|
3
|
+
import * as class_variance_authority_types12 from "class-variance-authority/types";
|
|
4
4
|
|
|
5
5
|
//#region ui/stepper.d.ts
|
|
6
6
|
declare const dotVariants: (props?: ({
|
|
7
7
|
state?: "active" | "inactive" | null | undefined;
|
|
8
8
|
size?: "sm" | "md" | null | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types12.ClassProp) | undefined) => string;
|
|
10
10
|
interface StepperProps extends VariantProps<typeof dotVariants> {
|
|
11
11
|
current: number;
|
|
12
12
|
total: number;
|
|
@@ -17,7 +17,7 @@ declare function Stepper({
|
|
|
17
17
|
total,
|
|
18
18
|
size,
|
|
19
19
|
className
|
|
20
|
-
}: StepperProps):
|
|
20
|
+
}: StepperProps): react_jsx_runtime152.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Stepper, StepperProps };
|
|
23
23
|
//# sourceMappingURL=stepper.d.ts.map
|
package/dist/ui/stepper.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":[],"mappings":";;;;;cAKM;;;IAeJ
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":[],"mappings":";;;;;cAKM;;;IAeJ,gCAAA,CAAA;AAfI,UAiBW,YAAA,SAAqB,YAFpC,CAAA,OAEwD,WAFxD,CAAA,CAAA;EAEe,OAAA,EAAA,MAAa;EAMd,KAAA,EAAA,MAAO;EAAG,SAAA,CAAA,EAAA,MAAA;;AAAgB,iBAA1B,OAAA,CAA0B;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAmB,YAAnB,CAAA,EAA+B,oBAAA,CAAA,GAAA,CAAA,OAA/B"}
|
package/dist/ui/switch.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime177 from "react/jsx-runtime";
|
|
3
3
|
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
4
4
|
|
|
5
5
|
//#region ui/switch.d.ts
|
|
6
6
|
declare function Switch({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React$1.ComponentProps<typeof SwitchPrimitive.Root>):
|
|
9
|
+
}: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime177.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { Switch };
|
|
12
12
|
//# sourceMappingURL=switch.d.ts.map
|
package/dist/ui/switch.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,
|
|
1
|
+
{"version":3,"file":"switch.d.ts","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA"}
|
package/dist/ui/switch.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
import { cn } from "./utils.js";
|
|
5
4
|
import "react";
|
|
6
5
|
import { jsx } from "react/jsx-runtime";
|
|
7
6
|
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
8
7
|
|
|
9
8
|
//#region ui/switch.tsx
|
|
10
|
-
function Switch({ className
|
|
9
|
+
function Switch({ className, ...props }) {
|
|
11
10
|
return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
|
|
12
11
|
"data-slot": "switch",
|
|
13
12
|
className: cn("peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
|
package/dist/ui/switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\n\nimport { cn } from './utils';\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n 'peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n 'bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0'\n )}\n />\n </SwitchPrimitive.Root>\n );\n}\n\nexport { Switch };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"switch.js","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\n\nimport { cn } from './utils';\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n 'peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n 'bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0'\n )}\n />\n </SwitchPrimitive.Root>\n );\n}\n\nexport { Switch };\n"],"mappings":";;;;;;;;AAOA,SAAS,OAAO,EACd,WACA,GAAG,SACiD;AACpD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,gXACA,UACD;EACD,GAAI;YAEJ,oBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,2QACD;IACD;GACmB"}
|
package/dist/ui/table.d.ts
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime169 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/table.d.ts
|
|
5
5
|
declare function Table({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
|
-
}: React$1.ComponentProps<'table'>):
|
|
8
|
+
}: React$1.ComponentProps<'table'>): react_jsx_runtime169.JSX.Element;
|
|
9
9
|
declare function TableHeader({
|
|
10
10
|
className,
|
|
11
11
|
...props
|
|
12
|
-
}: React$1.ComponentProps<'thead'>):
|
|
12
|
+
}: React$1.ComponentProps<'thead'>): react_jsx_runtime169.JSX.Element;
|
|
13
13
|
declare function TableBody({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: React$1.ComponentProps<'tbody'>):
|
|
16
|
+
}: React$1.ComponentProps<'tbody'>): react_jsx_runtime169.JSX.Element;
|
|
17
17
|
declare function TableFooter({
|
|
18
18
|
className,
|
|
19
19
|
...props
|
|
20
|
-
}: React$1.ComponentProps<'tfoot'>):
|
|
20
|
+
}: React$1.ComponentProps<'tfoot'>): react_jsx_runtime169.JSX.Element;
|
|
21
21
|
declare function TableRow({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: React$1.ComponentProps<'tr'>):
|
|
24
|
+
}: React$1.ComponentProps<'tr'>): react_jsx_runtime169.JSX.Element;
|
|
25
25
|
declare function TableHead({
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
|
-
}: React$1.ComponentProps<'th'>):
|
|
28
|
+
}: React$1.ComponentProps<'th'>): react_jsx_runtime169.JSX.Element;
|
|
29
29
|
declare function TableCell({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: React$1.ComponentProps<'td'>):
|
|
32
|
+
}: React$1.ComponentProps<'td'>): react_jsx_runtime169.JSX.Element;
|
|
33
33
|
declare function TableCaption({
|
|
34
34
|
className,
|
|
35
35
|
...props
|
|
36
|
-
}: React$1.ComponentProps<'caption'>):
|
|
36
|
+
}: React$1.ComponentProps<'caption'>): react_jsx_runtime169.JSX.Element;
|
|
37
37
|
//#endregion
|
|
38
38
|
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
39
39
|
//# sourceMappingURL=table.d.ts.map
|
package/dist/ui/table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,KAAA;;;GAA+B,OAAA,CAAM,0BAAuB,
|
|
1
|
+
{"version":3,"file":"table.d.ts","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,KAAA;;;GAA+B,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA;iBAe5D,WAAA;;;GAAqC,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA;iBAUlE,SAAA;;;GAAmC,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA;AA7B1C,iBAuCtB,WAAA,CAnCK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmCgC,OAAA,CAAM,cAnCtC,CAAA,OAAA,CAAA,CAAA,EAmC6D,oBAAA,CAAA,GAAA,CAAA,OAnC7D;iBAgDL,QAAA,CAhDQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgD0B,OAAA,CAAM,cAhDhC,CAAA,IAAA,CAAA,CAAA,EAgDoD,oBAAA,CAAA,GAAA,CAAA,OAhDpD;iBA6DR,SAAA,CA7DqC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6DF,OAAA,CAAM,cA7DJ,CAAA,IAAA,CAAA,CAAA,EA6DwB,oBAAA,CAAA,GAAA,CAAA,OA7DxB;iBA0ErC,SAAA,CA1E4D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0EzB,OAAA,CAAM,cA1EmB,CAAA,IAAA,CAAA,CAAA,EA0EC,oBAAA,CAAA,GAAA,CAAA,OA1ED;iBAuF5D,YAAA,CAvF4D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FlE,OAAA,CAAM,cA1F4D,CAAA,SAAA,CAAA,CAAA,EA0FnC,oBAAA,CAAA,GAAA,CAAA,OA1FmC"}
|
package/dist/ui/table.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
import { cn } from "./utils.js";
|
|
5
4
|
import "react";
|
|
6
5
|
import { jsx } from "react/jsx-runtime";
|
|
7
6
|
|
|
8
7
|
//#region ui/table.tsx
|
|
9
|
-
function Table({ className
|
|
8
|
+
function Table({ className, ...props }) {
|
|
10
9
|
return /* @__PURE__ */ jsx("div", {
|
|
11
10
|
"data-slot": "table-container",
|
|
12
11
|
className: "relative w-full overflow-x-auto",
|
|
@@ -17,49 +16,49 @@ function Table({ className,...props }) {
|
|
|
17
16
|
})
|
|
18
17
|
});
|
|
19
18
|
}
|
|
20
|
-
function TableHeader({ className
|
|
19
|
+
function TableHeader({ className, ...props }) {
|
|
21
20
|
return /* @__PURE__ */ jsx("thead", {
|
|
22
21
|
"data-slot": "table-header",
|
|
23
22
|
className: cn("[&_tr]:border-b", className),
|
|
24
23
|
...props
|
|
25
24
|
});
|
|
26
25
|
}
|
|
27
|
-
function TableBody({ className
|
|
26
|
+
function TableBody({ className, ...props }) {
|
|
28
27
|
return /* @__PURE__ */ jsx("tbody", {
|
|
29
28
|
"data-slot": "table-body",
|
|
30
29
|
className: cn("[&_tr:last-child]:border-0", className),
|
|
31
30
|
...props
|
|
32
31
|
});
|
|
33
32
|
}
|
|
34
|
-
function TableFooter({ className
|
|
33
|
+
function TableFooter({ className, ...props }) {
|
|
35
34
|
return /* @__PURE__ */ jsx("tfoot", {
|
|
36
35
|
"data-slot": "table-footer",
|
|
37
36
|
className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
|
|
38
37
|
...props
|
|
39
38
|
});
|
|
40
39
|
}
|
|
41
|
-
function TableRow({ className
|
|
40
|
+
function TableRow({ className, ...props }) {
|
|
42
41
|
return /* @__PURE__ */ jsx("tr", {
|
|
43
42
|
"data-slot": "table-row",
|
|
44
43
|
className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
|
|
45
44
|
...props
|
|
46
45
|
});
|
|
47
46
|
}
|
|
48
|
-
function TableHead({ className
|
|
47
|
+
function TableHead({ className, ...props }) {
|
|
49
48
|
return /* @__PURE__ */ jsx("th", {
|
|
50
49
|
"data-slot": "table-head",
|
|
51
50
|
className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
52
51
|
...props
|
|
53
52
|
});
|
|
54
53
|
}
|
|
55
|
-
function TableCell({ className
|
|
54
|
+
function TableCell({ className, ...props }) {
|
|
56
55
|
return /* @__PURE__ */ jsx("td", {
|
|
57
56
|
"data-slot": "table-cell",
|
|
58
57
|
className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
59
58
|
...props
|
|
60
59
|
});
|
|
61
60
|
}
|
|
62
|
-
function TableCaption({ className
|
|
61
|
+
function TableCaption({ className, ...props }) {
|
|
63
62
|
return /* @__PURE__ */ jsx("caption", {
|
|
64
63
|
"data-slot": "table-caption",
|
|
65
64
|
className: cn("text-muted-foreground mt-4 text-sm", className),
|
package/dist/ui/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { cn } from './utils';\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn('w-full caption-bottom text-sm', className)}\n {...props}\n />\n </div>\n );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('[&_tr]:border-b', className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn('[&_tr:last-child]:border-0', className)}\n {...props}\n />\n );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n 'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('text-muted-foreground mt-4 text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"table.js","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { cn } from './utils';\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn('w-full caption-bottom text-sm', className)}\n {...props}\n />\n </div>\n );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('[&_tr]:border-b', className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn('[&_tr:last-child]:border-0', className)}\n {...props}\n />\n );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n 'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('text-muted-foreground mt-4 text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAU;YAEV,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;IACJ;GACE;;AAIV,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mBAAmB,UAAU;EAC3C,GAAI;GACJ;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sJACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SAC+B;AAClC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ"}
|
package/dist/ui/tabs.d.ts
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime186 from "react/jsx-runtime";
|
|
3
3
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
4
4
|
|
|
5
5
|
//#region ui/tabs.d.ts
|
|
6
6
|
declare function Tabs({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React$1.ComponentProps<typeof TabsPrimitive.Root>):
|
|
9
|
+
}: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime186.JSX.Element;
|
|
10
10
|
declare function TabsList({
|
|
11
11
|
className,
|
|
12
12
|
...props
|
|
13
|
-
}: React$1.ComponentProps<typeof TabsPrimitive.List>):
|
|
13
|
+
}: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime186.JSX.Element;
|
|
14
14
|
declare function TabsTrigger({
|
|
15
15
|
className,
|
|
16
16
|
...props
|
|
17
|
-
}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>):
|
|
17
|
+
}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime186.JSX.Element;
|
|
18
18
|
declare function TabsContent({
|
|
19
19
|
className,
|
|
20
20
|
...props
|
|
21
|
-
}: React$1.ComponentProps<typeof TabsPrimitive.Content>):
|
|
21
|
+
}: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime186.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
24
24
|
//# sourceMappingURL=tabs.d.ts.map
|
package/dist/ui/tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../ui/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,IAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAA,CAAc,QAAK,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../ui/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,IAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAA,CAAc,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAUzC,QAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAA,CAAc,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAazC,WAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAA,CAAc,WAAQ,oBAAA,CAAA,GAAA,CAAA;AApCC,iBAiD7C,WAAA,CA7CI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgDV,OAAA,CAAM,cAhDI,CAAA,OAgDkB,aAAA,CAAc,OAhDhC,CAAA,CAAA,EAgDwC,oBAAA,CAAA,GAAA,CAAA,OAhDxC"}
|
package/dist/ui/tabs.js
CHANGED
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
import { cn } from "./utils.js";
|
|
5
4
|
import "react";
|
|
6
5
|
import { jsx } from "react/jsx-runtime";
|
|
7
6
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
8
7
|
|
|
9
8
|
//#region ui/tabs.tsx
|
|
10
|
-
function Tabs({ className
|
|
9
|
+
function Tabs({ className, ...props }) {
|
|
11
10
|
return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
|
|
12
11
|
"data-slot": "tabs",
|
|
13
12
|
className: cn("flex flex-col gap-2", className),
|
|
14
13
|
...props
|
|
15
14
|
});
|
|
16
15
|
}
|
|
17
|
-
function TabsList({ className
|
|
16
|
+
function TabsList({ className, ...props }) {
|
|
18
17
|
return /* @__PURE__ */ jsx(TabsPrimitive.List, {
|
|
19
18
|
"data-slot": "tabs-list",
|
|
20
19
|
className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
|
|
21
20
|
...props
|
|
22
21
|
});
|
|
23
22
|
}
|
|
24
|
-
function TabsTrigger({ className
|
|
23
|
+
function TabsTrigger({ className, ...props }) {
|
|
25
24
|
return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
|
|
26
25
|
"data-slot": "tabs-trigger",
|
|
27
26
|
className: cn("text-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-ring/50 data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-2xs [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
28
27
|
...props
|
|
29
28
|
});
|
|
30
29
|
}
|
|
31
|
-
function TabsContent({ className
|
|
30
|
+
function TabsContent({ className, ...props }) {
|
|
32
31
|
return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
|
|
33
32
|
"data-slot": "tabs-content",
|
|
34
33
|
className: cn("flex-1 outline-hidden", className),
|
package/dist/ui/tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","names":[],"sources":["../../ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { cn } from './utils';\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n className={cn('flex flex-col gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"text-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-ring/50 data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-2xs [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-hidden', className)}\n {...props}\n />\n );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabs.js","names":[],"sources":["../../ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { cn } from './utils';\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n className={cn('flex flex-col gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"text-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-ring/50 data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-2xs [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-hidden', className)}\n {...props}\n />\n );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";;;;;;;;AAOA,SAAS,KAAK,EACZ,WACA,GAAG,SAC+C;AAClD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ;;AAIN,SAAS,SAAS,EAChB,WACA,GAAG,SAC+C;AAClD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,uGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,oqBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;GACJ"}
|
package/dist/ui/text.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime153 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/text.d.ts
|
|
5
5
|
type TextProps = React$1.HTMLProps<HTMLParagraphElement> & {
|
|
@@ -10,7 +10,7 @@ declare function Text({
|
|
|
10
10
|
className,
|
|
11
11
|
asChild,
|
|
12
12
|
...props
|
|
13
|
-
}: TextProps):
|
|
13
|
+
}: TextProps): react_jsx_runtime153.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Text, TextProps };
|
|
16
16
|
//# sourceMappingURL=text.d.ts.map
|
package/dist/ui/text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","names":[],"sources":["../../ui/text.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA,GAAY,OAAA,CAAM,UAAU;QAChC,OAAA,CAAM,UAAU,OAAA,CAAM,UAAU;;AADxC,CAAA;iBAKS,IAAA,CAL+B;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAKgB,SALhB,CAAA,EAKyB,
|
|
1
|
+
{"version":3,"file":"text.d.ts","names":[],"sources":["../../ui/text.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA,GAAY,OAAA,CAAM,UAAU;QAChC,OAAA,CAAM,UAAU,OAAA,CAAM,UAAU;;AADxC,CAAA;iBAKS,IAAA,CAL+B;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAKgB,SALhB,CAAA,EAKyB,oBAAA,CAAA,GAAA,CAAA,OALzB"}
|
package/dist/ui/text.js
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
4
4
|
import { Slot } from "@radix-ui/react-slot";
|
|
5
5
|
|
|
6
6
|
//#region ui/text.tsx
|
|
7
|
-
function Text({ className, asChild = false
|
|
7
|
+
function Text({ className, asChild = false, ...props }) {
|
|
8
8
|
return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
|
|
9
9
|
className: cn("text-foreground web:select-text text-base", className),
|
|
10
10
|
...props
|
package/dist/ui/text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","names":[],"sources":["../../ui/text.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nexport type TextProps = React.HTMLProps<HTMLParagraphElement> & {\n ref?: React.RefObject<React.HTMLProps<HTMLParagraphElement>>;\n asChild?: boolean;\n};\n\nfunction Text({ className, asChild = false, ...props }: TextProps) {\n const Component = asChild ? Slot : 'p';\n return (\n <Component\n className={cn('text-foreground web:select-text text-base', className)}\n {...props}\n />\n );\n}\n\nexport { Text };\n"],"mappings":";;;;;;AASA,SAAS,KAAK,EAAE,WAAW,UAAU,
|
|
1
|
+
{"version":3,"file":"text.js","names":[],"sources":["../../ui/text.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nexport type TextProps = React.HTMLProps<HTMLParagraphElement> & {\n ref?: React.RefObject<React.HTMLProps<HTMLParagraphElement>>;\n asChild?: boolean;\n};\n\nfunction Text({ className, asChild = false, ...props }: TextProps) {\n const Component = asChild ? Slot : 'p';\n return (\n <Component\n className={cn('text-foreground web:select-text text-base', className)}\n {...props}\n />\n );\n}\n\nexport { Text };\n"],"mappings":";;;;;;AASA,SAAS,KAAK,EAAE,WAAW,UAAU,OAAO,GAAG,SAAoB;AAEjE,QACE,oBAFgB,UAAU,OAAO;EAG/B,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ"}
|
package/dist/ui/textarea.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime154 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/textarea.d.ts
|
|
5
5
|
type TextareaProps = React$1.ComponentProps<'textarea'>;
|
|
6
6
|
declare function Textarea({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: TextareaProps):
|
|
9
|
+
}: TextareaProps): react_jsx_runtime154.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { Textarea, TextareaProps };
|
|
12
12
|
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../ui/textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,aAAA,GAAgB,OAAA,CAAM;iBAEzB,QAAA;;;GAAkC,gBAAa,
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../ui/textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,aAAA,GAAgB,OAAA,CAAM;iBAEzB,QAAA;;;GAAkC,gBAAa,oBAAA,CAAA,GAAA,CAAA"}
|
package/dist/ui/textarea.js
CHANGED
|
@@ -3,7 +3,7 @@ import "react";
|
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region ui/textarea.tsx
|
|
6
|
-
function Textarea({ className
|
|
6
|
+
function Textarea({ className, ...props }) {
|
|
7
7
|
return /* @__PURE__ */ jsx("textarea", {
|
|
8
8
|
"data-slot": "textarea",
|
|
9
9
|
className: cn("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
|
package/dist/ui/textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","names":[],"sources":["../../ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from './utils';\n\nexport type TextareaProps = React.ComponentProps<'textarea'>;\n\nfunction Textarea({ className, ...props }: TextareaProps) {\n return (\n <textarea\n data-slot=\"textarea\"\n className={cn(\n 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;AAMA,SAAS,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"textarea.js","names":[],"sources":["../../ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from './utils';\n\nexport type TextareaProps = React.ComponentProps<'textarea'>;\n\nfunction Textarea({ className, ...props }: TextareaProps) {\n return (\n <textarea\n data-slot=\"textarea\"\n className={cn(\n 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;AAMA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAwB;AACxD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0cACA,UACD;EACD,GAAI;GACJ"}
|
package/dist/ui/time-picker.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime190 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/time-picker.d.ts
|
|
4
4
|
interface TimePickerProps {
|
|
@@ -16,7 +16,7 @@ declare function TimePicker({
|
|
|
16
16
|
placeholder,
|
|
17
17
|
is24Hour,
|
|
18
18
|
className
|
|
19
|
-
}: TimePickerProps):
|
|
19
|
+
}: TimePickerProps): react_jsx_runtime190.JSX.Element;
|
|
20
20
|
//#endregion
|
|
21
21
|
export { TimePicker, TimePickerProps };
|
|
22
22
|
//# sourceMappingURL=time-picker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","names":[],"sources":["../../ui/time-picker.tsx"],"sourcesContent":[],"mappings":";;;UAOiB,eAAA;SACR;mBACU;EAFF,QAAA,CAAA,EAAA,OAAe;EAkBhB,WAAA,CAAA,EAAU,MAAA;EACxB,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,UAAA,CAId;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAGC,eAHD,CAAA,EAGgB,
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","names":[],"sources":["../../ui/time-picker.tsx"],"sourcesContent":[],"mappings":";;;UAOiB,eAAA;SACR;mBACU;EAFF,QAAA,CAAA,EAAA,OAAe;EAkBhB,WAAA,CAAA,EAAU,MAAA;EACxB,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,UAAA,CAId;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAGC,eAHD,CAAA,EAGgB,oBAAA,CAAA,GAAA,CAAA,OAHhB"}
|
package/dist/ui/time-picker.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.js","names":["React"],"sources":["../../ui/time-picker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { Button } from './button';\nimport { cn } from './utils';\n\nexport interface TimePickerProps {\n value: Date | null;\n onChange: (date: Date | null) => void;\n disabled?: boolean;\n placeholder?: string;\n is24Hour?: boolean;\n className?: string;\n}\n\nfunction formatTime(d: Date | null, is24Hour?: boolean) {\n if (!d) return '';\n return d.toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n hour12: !is24Hour,\n });\n}\n\nexport function TimePicker({\n value,\n onChange,\n disabled,\n placeholder = 'Select time',\n is24Hour = true,\n className,\n}: TimePickerProps) {\n const [open, setOpen] = React.useState(false);\n const [hours, setHours] = React.useState<string>(() =>\n value ? String(value.getHours()).padStart(2, '0') : ''\n );\n const [minutes, setMinutes] = React.useState<string>(() =>\n value ? String(value.getMinutes()).padStart(2, '0') : ''\n );\n\n const commit = (h: number, m: number) => {\n const base = value ?? new Date();\n const next = new Date(base);\n next.setHours(h, m, 0, 0);\n onChange(next);\n setOpen(false);\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"outline\"\n disabled={disabled}\n className={cn(\n 'w-full justify-start text-left font-normal',\n className\n )}\n >\n {value ? (\n formatTime(value, is24Hour)\n ) : (\n <span className=\"opacity-50\">{placeholder}</span>\n )}\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-56\" align=\"start\">\n <div className=\"flex items-center gap-2\">\n <input\n type=\"number\"\n min={0}\n max={is24Hour ? 23 : 12}\n value={hours}\n onChange={(e) => setHours(e.target.value)}\n className=\"border-input bg-background w-16 rounded-md border px-2 py-1 text-center\"\n />\n <span>:</span>\n <input\n type=\"number\"\n min={0}\n max={59}\n value={minutes}\n onChange={(e) => setMinutes(e.target.value)}\n className=\"border-input bg-background w-16 rounded-md border px-2 py-1 text-center\"\n />\n <Button\n type=\"button\"\n onClick={() => commit(Number(hours || 0), Number(minutes || 0))}\n className=\"ml-auto\"\n >\n Set\n </Button>\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"time-picker.js","names":["React"],"sources":["../../ui/time-picker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { Button } from './button';\nimport { cn } from './utils';\n\nexport interface TimePickerProps {\n value: Date | null;\n onChange: (date: Date | null) => void;\n disabled?: boolean;\n placeholder?: string;\n is24Hour?: boolean;\n className?: string;\n}\n\nfunction formatTime(d: Date | null, is24Hour?: boolean) {\n if (!d) return '';\n return d.toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n hour12: !is24Hour,\n });\n}\n\nexport function TimePicker({\n value,\n onChange,\n disabled,\n placeholder = 'Select time',\n is24Hour = true,\n className,\n}: TimePickerProps) {\n const [open, setOpen] = React.useState(false);\n const [hours, setHours] = React.useState<string>(() =>\n value ? String(value.getHours()).padStart(2, '0') : ''\n );\n const [minutes, setMinutes] = React.useState<string>(() =>\n value ? String(value.getMinutes()).padStart(2, '0') : ''\n );\n\n const commit = (h: number, m: number) => {\n const base = value ?? new Date();\n const next = new Date(base);\n next.setHours(h, m, 0, 0);\n onChange(next);\n setOpen(false);\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"outline\"\n disabled={disabled}\n className={cn(\n 'w-full justify-start text-left font-normal',\n className\n )}\n >\n {value ? (\n formatTime(value, is24Hour)\n ) : (\n <span className=\"opacity-50\">{placeholder}</span>\n )}\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-56\" align=\"start\">\n <div className=\"flex items-center gap-2\">\n <input\n type=\"number\"\n min={0}\n max={is24Hour ? 23 : 12}\n value={hours}\n onChange={(e) => setHours(e.target.value)}\n className=\"border-input bg-background w-16 rounded-md border px-2 py-1 text-center\"\n />\n <span>:</span>\n <input\n type=\"number\"\n min={0}\n max={59}\n value={minutes}\n onChange={(e) => setMinutes(e.target.value)}\n className=\"border-input bg-background w-16 rounded-md border px-2 py-1 text-center\"\n />\n <Button\n type=\"button\"\n onClick={() => commit(Number(hours || 0), Number(minutes || 0))}\n className=\"ml-auto\"\n >\n Set\n </Button>\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAS,WAAW,GAAgB,UAAoB;AACtD,KAAI,CAAC,EAAG,QAAO;AACf,QAAO,EAAE,mBAAmB,EAAE,EAAE;EAC9B,MAAM;EACN,QAAQ;EACR,QAAQ,CAAC;EACV,CAAC;;AAGJ,SAAgB,WAAW,EACzB,OACA,UACA,UACA,cAAc,eACd,WAAW,MACX,aACkB;CAClB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,OAAO,YAAYA,QAAM,eAC9B,QAAQ,OAAO,MAAM,UAAU,CAAC,CAAC,SAAS,GAAG,IAAI,GAAG,GACrD;CACD,MAAM,CAAC,SAAS,cAAcA,QAAM,eAClC,QAAQ,OAAO,MAAM,YAAY,CAAC,CAAC,SAAS,GAAG,IAAI,GAAG,GACvD;CAED,MAAM,UAAU,GAAW,MAAc;EACvC,MAAM,OAAO,yBAAS,IAAI,MAAM;EAChC,MAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,OAAK,SAAS,GAAG,GAAG,GAAG,EAAE;AACzB,WAAS,KAAK;AACd,UAAQ,MAAM;;AAGhB,QACE,qBAAC;EAAc;EAAM,cAAc;aACjC,oBAAC;GAAe;aACd,oBAAC;IACC,MAAK;IACL,SAAQ;IACE;IACV,WAAW,GACT,8CACA,UACD;cAEA,QACC,WAAW,OAAO,SAAS,GAE3B,oBAAC;KAAK,WAAU;eAAc;MAAmB;KAE5C;IACM,EACjB,oBAAC;GAAe,WAAU;GAAO,OAAM;aACrC,qBAAC;IAAI,WAAU;;KACb,oBAAC;MACC,MAAK;MACL,KAAK;MACL,KAAK,WAAW,KAAK;MACrB,OAAO;MACP,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;MACzC,WAAU;OACV;KACF,oBAAC,oBAAK,MAAQ;KACd,oBAAC;MACC,MAAK;MACL,KAAK;MACL,KAAK;MACL,OAAO;MACP,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;MAC3C,WAAU;OACV;KACF,oBAAC;MACC,MAAK;MACL,eAAe,OAAO,OAAO,SAAS,EAAE,EAAE,OAAO,WAAW,EAAE,CAAC;MAC/D,WAAU;gBACX;OAEQ;;KACL;IACS;GACT"}
|
package/dist/ui/toast.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as ToastPrimitives from "@radix-ui/react-toast";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types21 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region ui/toast.d.ts
|
|
7
7
|
declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
|
|
8
8
|
declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
9
9
|
declare const Toast: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
10
10
|
variant?: "default" | "destructive" | null | undefined;
|
|
11
|
-
} &
|
|
11
|
+
} & class_variance_authority_types21.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
12
12
|
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
13
13
|
declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
14
14
|
declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
package/dist/ui/toast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","names":[],"sources":["../../ui/toast.tsx"],"sourcesContent":[],"mappings":";;;;;;cASM,eAAa,OAAA,CAAA,GAAA,eAAA,CAAA;cAEb,eAAa,OAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,qBAAA,OAAA,CAAA,cAAA,4BAAA,OAAA,CAAA,cAAA;cA+Bb,OAAK,OAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,aAAA,OAAA,CAAA,cAAA,yBAAA,mBAnBT;EAdI,OAAA,CAAA,EAAA,SAAwC,GAAA,aAA3B,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GAiCR
|
|
1
|
+
{"version":3,"file":"toast.d.ts","names":[],"sources":["../../ui/toast.tsx"],"sourcesContent":[],"mappings":";;;;;;cASM,eAAa,OAAA,CAAA,GAAA,eAAA,CAAA;cAEb,eAAa,OAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,qBAAA,OAAA,CAAA,cAAA,4BAAA,OAAA,CAAA,cAAA;cA+Bb,OAAK,OAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,aAAA,OAAA,CAAA,cAAA,yBAAA,mBAnBT;EAdI,OAAA,CAAA,EAAA,SAAwC,GAAA,aAA3B,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GAiCR,gCAAA,CAAA,SAnBT,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA,CAAA,wBAAA,cAAA,CAAA,CAAA;cAkCI,WA9Ca,EA8CF,OAAA,CAAA,yBA9CE,CA8CF,IA9CE,CA8CF,eAAA,CAAA,gBA9CE,GA8CF,OAAA,CAAA,aA9CE,CA8CF,iBA9CE,CAAA,EAAA,KAAA,CAAA,GA8CF,OAAA,CAAA,aA9CE,CA8CF,iBA9CE,CAAA,CAAA;cA6Db,UA7Da,EA6DH,OAAA,CAAA,yBA7DG,CA6DH,IA7DG,CA6DH,eAAA,CAAA,eA7DG,GA6DH,OAAA,CAAA,aA7DG,CA6DH,iBA7DG,CAAA,EAAA,KAAA,CAAA,GA6DH,OAAA,CAAA,aA7DG,CA6DH,iBA7DG,CAAA,CAAA;cA+Eb,UA/Ea,EA+EH,OAAA,CAAA,yBA/EG,CA+EH,IA/EG,CA+EH,eAAA,CAAA,eA/EG,GA+EH,OAAA,CAAA,aA/EG,CA+EH,cA/EG,CAAA,EAAA,KAAA,CAAA,GA+EH,OAAA,CAAA,aA/EG,CA+EH,cA/EG,CAAA,CAAA;cA2Fb,gBA3Fa,EA2FG,OAAA,CAAA,yBA3FH,CA2FG,IA3FH,CA2FG,eAAA,CAAA,qBA3FH,GA2FG,OAAA,CAAA,aA3FH,CA2FG,cA3FH,CAAA,EAAA,KAAA,CAAA,GA2FG,OAAA,CAAA,aA3FH,CA2FG,cA3FH,CAAA,CAAA;KAuGd,UAAA,GAAa,OAAA,CAAM,wBAvGL,CAAA,OAuGqC,KAvGrC,CAAA;KAyGd,kBAAA,GAAqB,OAAA,CAAM,YAzGb,CAAA,OAyGiC,WAzGjC,CAAA"}
|
package/dist/ui/toast.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
import { cn } from "./utils.js";
|
|
5
4
|
import * as React$1 from "react";
|
|
6
5
|
import { X } from "lucide-react";
|
|
@@ -10,7 +9,7 @@ import * as ToastPrimitives from "@radix-ui/react-toast";
|
|
|
10
9
|
|
|
11
10
|
//#region ui/toast.tsx
|
|
12
11
|
const ToastProvider = ToastPrimitives.Provider;
|
|
13
|
-
const ToastViewport = React$1.forwardRef(({ className
|
|
12
|
+
const ToastViewport = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Viewport, {
|
|
14
13
|
ref,
|
|
15
14
|
className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
|
|
16
15
|
...props
|
|
@@ -23,7 +22,7 @@ const toastVariants = cva("group pointer-events-auto relative flex w-full items-
|
|
|
23
22
|
} },
|
|
24
23
|
defaultVariants: { variant: "default" }
|
|
25
24
|
});
|
|
26
|
-
const Toast = React$1.forwardRef(({ className, variant
|
|
25
|
+
const Toast = React$1.forwardRef(({ className, variant, ...props }, ref) => {
|
|
27
26
|
return /* @__PURE__ */ jsx(ToastPrimitives.Root, {
|
|
28
27
|
ref,
|
|
29
28
|
className: cn(toastVariants({ variant }), className),
|
|
@@ -31,13 +30,13 @@ const Toast = React$1.forwardRef(({ className, variant,...props }, ref) => {
|
|
|
31
30
|
});
|
|
32
31
|
});
|
|
33
32
|
Toast.displayName = ToastPrimitives.Root.displayName;
|
|
34
|
-
const ToastAction = React$1.forwardRef(({ className
|
|
33
|
+
const ToastAction = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Action, {
|
|
35
34
|
ref,
|
|
36
35
|
className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-base font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50", className),
|
|
37
36
|
...props
|
|
38
37
|
}));
|
|
39
38
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
40
|
-
const ToastClose = React$1.forwardRef(({ className
|
|
39
|
+
const ToastClose = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Close, {
|
|
41
40
|
ref,
|
|
42
41
|
className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
|
|
43
42
|
"toast-close": "",
|
|
@@ -45,13 +44,13 @@ const ToastClose = React$1.forwardRef(({ className,...props }, ref) => /* @__PUR
|
|
|
45
44
|
children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
|
|
46
45
|
}));
|
|
47
46
|
ToastClose.displayName = ToastPrimitives.Close.displayName;
|
|
48
|
-
const ToastTitle = React$1.forwardRef(({ className
|
|
47
|
+
const ToastTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Title, {
|
|
49
48
|
ref,
|
|
50
49
|
className: cn("text-base font-semibold", className),
|
|
51
50
|
...props
|
|
52
51
|
}));
|
|
53
52
|
ToastTitle.displayName = ToastPrimitives.Title.displayName;
|
|
54
|
-
const ToastDescription = React$1.forwardRef(({ className
|
|
53
|
+
const ToastDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Description, {
|
|
55
54
|
ref,
|
|
56
55
|
className: cn("text-base opacity-90", className),
|
|
57
56
|
...props
|