buildgrid-ui 1.14.7 → 1.14.9
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/assets/en-US-BUOWLxFp.js.map +1 -1
- package/dist/assets/jsx-runtime-D_zvdyIk.js.map +1 -1
- package/dist/assets/magic-string.es-CTSuTltI.js +11 -0
- package/dist/assets/magic-string.es-CTSuTltI.js.map +1 -0
- package/dist/assets/vi.bdSIJ99Y-C6e_ZQS2.js +482 -0
- package/dist/assets/vi.bdSIJ99Y-C6e_ZQS2.js.map +1 -0
- package/dist/blocks/bento-grid/bento-grid.js.map +1 -1
- package/dist/blocks/bento-grid/bento-grid.stories.js.map +1 -1
- package/dist/blocks/data-table/components/active-filters.d.ts +1 -1
- package/dist/blocks/data-table/components/active-filters.js.map +1 -1
- package/dist/blocks/data-table/components/column-visibility-dropdown.d.ts +1 -1
- package/dist/blocks/data-table/components/column-visibility-dropdown.js.map +1 -1
- package/dist/blocks/data-table/components/filter-dropdown.d.ts +1 -1
- package/dist/blocks/data-table/components/filter-dropdown.js.map +1 -1
- package/dist/blocks/data-table/components/search-input.js.map +1 -1
- package/dist/blocks/data-table/components/selection-info.js.map +1 -1
- package/dist/blocks/data-table/components/table-header.d.ts +1 -1
- package/dist/blocks/data-table/components/table-header.js.map +1 -1
- package/dist/blocks/data-table/components/table-row.d.ts +1 -1
- package/dist/blocks/data-table/components/table-row.js.map +1 -1
- package/dist/blocks/data-table/components/table-skeleton.js.map +1 -1
- package/dist/blocks/data-table/data-table.d.ts +2 -2
- package/dist/blocks/data-table/data-table.stories.js.map +1 -1
- package/dist/blocks/data-table/types/data-table.d.ts +1 -1
- package/dist/blocks/data-table/utils/export.d.ts +1 -1
- package/dist/blocks/data-table/utils/export.js.map +1 -1
- package/dist/blocks/empty-message/empty-message.js.map +1 -1
- package/dist/blocks/empty-message/empty-message.stories.js.map +1 -1
- package/dist/blocks/help-carousel/help-carousel.js.map +1 -1
- package/dist/blocks/help-carousel/help-carousel.stories.js.map +1 -1
- package/dist/blocks/html-text-editor/html-text-area.d.ts +1 -0
- package/dist/blocks/html-text-editor/html-text-area.js.map +1 -1
- package/dist/blocks/html-text-editor/html-text-area.stories.js.map +1 -1
- package/dist/blocks/html-text-editor/html-text-editor.d.ts +2 -1
- package/dist/blocks/html-text-editor/html-text-editor.js.map +1 -1
- package/dist/blocks/html-text-editor/html-text-editor.stories.js.map +1 -1
- package/dist/blocks/html-text-editor/options-bar.js.map +1 -1
- package/dist/blocks/lazy-image-gallery/lazy-image-gallery.d.ts +1 -1
- package/dist/blocks/lazy-image-gallery/lazy-image-gallery.js.map +1 -1
- package/dist/blocks/lazy-image-gallery/lazy-image-gallery.stories.js.map +1 -1
- package/dist/blocks/month-navigator/month-navigator.js.map +1 -1
- package/dist/blocks/month-navigator/month-navigator.stories.js.map +1 -1
- package/dist/blocks/navigable-list/navigable-list.d.ts +1 -1
- package/dist/blocks/paginated-items/paginated-items.js.map +1 -1
- package/dist/blocks/paginated-items/paginated-items.stories.js.map +1 -1
- package/dist/blocks/pagination-controls/pagination-controls.js.map +1 -1
- package/dist/blocks/pagination-controls/pagination-controls.stories.js.map +1 -1
- package/dist/blocks/sidebar/sidebar.d.ts +1 -1
- package/dist/blocks/sidebar/sidebar.js.map +1 -1
- package/dist/blocks/sidebar/sidebar.stories.js.map +1 -1
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/accordion/accordion.stories.js +1 -1
- package/dist/components/accordion/accordion.stories.js.map +1 -1
- package/dist/components/adaptive-input/adaptive-input.d.ts +1 -1
- package/dist/components/adaptive-input/adaptive-input.js.map +1 -1
- package/dist/components/adaptive-input/adaptive-input.stories.js.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.stories.js.map +1 -1
- package/dist/components/autocomplete/autocomplete.d.ts +1 -1
- package/dist/components/autocomplete/autocomplete.js.map +1 -1
- package/dist/components/autocomplete/autocomplete.stories.js.map +1 -1
- package/dist/components/autocomplete/autocomplete.test.js +1 -1
- package/dist/components/autocomplete/autocomplete.test.js.map +1 -1
- package/dist/components/avatar/avatar.js.map +1 -1
- package/dist/components/avatar/avatar.stories.js.map +1 -1
- package/dist/components/badge/badge.d.ts +2 -2
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/badge/badge.stories.js.map +1 -1
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button/button.stories.js.map +1 -1
- package/dist/components/button/button.test.js +1 -1
- package/dist/components/button/button.test.js.map +1 -1
- package/dist/components/button/button.types.d.ts +3 -3
- package/dist/components/button/button.types.js.map +1 -1
- package/dist/components/calendar/calendar.d.ts +1 -1
- package/dist/components/calendar/calendar.js.map +1 -1
- package/dist/components/calendar/calendar.stories.js.map +1 -1
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/card/card.stories.js.map +1 -1
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/checkbox/checkbox.stories.js.map +1 -1
- package/dist/components/command/command.d.ts +1 -1
- package/dist/components/command/command.js.map +1 -1
- package/dist/components/command/command.stories.js.map +1 -1
- package/dist/components/currency-input/currency-input.d.ts +1 -1
- package/dist/components/currency-input/currency-input.js.map +1 -1
- package/dist/components/currency-input/currency-input.stories.js.map +1 -1
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/dialog/dialog.stories.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.stories.js.map +1 -1
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/input/input.stories.js.map +1 -1
- package/dist/components/label/label.d.ts +2 -2
- package/dist/components/label/label.js.map +1 -1
- package/dist/components/label/label.stories.js.map +1 -1
- package/dist/components/multi-select/multi-select.d.ts +2 -2
- package/dist/components/multi-select/multi-select.js.map +1 -1
- package/dist/components/multi-select/multi-select.stories.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.d.ts +1 -1
- package/dist/components/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.stories.js.map +1 -1
- package/dist/components/pagination/pagination.d.ts +1 -1
- package/dist/components/pagination/pagination.js.map +1 -1
- package/dist/components/pagination/pagination.stories.js.map +1 -1
- package/dist/components/password-input/password-input.js.map +1 -1
- package/dist/components/password-input/password-input.stories.js.map +1 -1
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/popover/popover.stories.js.map +1 -1
- package/dist/components/progress/progress.js.map +1 -1
- package/dist/components/progress/progress.stories.js.map +1 -1
- package/dist/components/radio-group/radio-group.js.map +1 -1
- package/dist/components/radio-group/radio-group.stories.js.map +1 -1
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/select/select.stories.js.map +1 -1
- package/dist/components/separator/separator.js.map +1 -1
- package/dist/components/separator/separator.stories.js.map +1 -1
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/skeleton/skeleton.stories.js.map +1 -1
- package/dist/components/spinner/spinner.d.ts +1 -1
- package/dist/components/spinner/spinner.js.map +1 -1
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/switch/switch.stories.js.map +1 -1
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/table/table.stories.js.map +1 -1
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/tabs/tabs.stories.js.map +1 -1
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/textarea/textarea.stories.js.map +1 -1
- package/dist/components/toaster/toast.d.ts +8 -8
- package/dist/components/toaster/toast.js.map +1 -1
- package/dist/components/toaster/toaster.js.map +1 -1
- package/dist/components/toaster/toaster.stories.js.map +1 -1
- package/dist/components/toggle/toggle.d.ts +3 -3
- package/dist/components/toggle/toggle.js.map +1 -1
- package/dist/components/toggle/toggle.stories.js.map +1 -1
- package/dist/components/toggle-group/toggle-group.d.ts +3 -3
- package/dist/components/toggle-group/toggle-group.js.map +1 -1
- package/dist/components/toggle-group/toggle-group.stories.js.map +1 -1
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/components/tooltip/tooltip.stories.js.map +1 -1
- package/dist/lib/hooks/use-debounce.js.map +1 -1
- package/dist/lib/hooks/use-dialog.js.map +1 -1
- package/dist/lib/hooks/use-dialog.stories.js.map +1 -1
- package/dist/lib/hooks/use-file-utilities.d.ts +1 -1
- package/dist/lib/utils/cn.d.ts +1 -1
- package/dist/lib/utils/cn.js.map +1 -1
- package/dist/lib/utils/merge-objects.js.map +1 -1
- package/package.json +17 -31
- package/dist/assets/magic-string.es-CoDNcMYi.js +0 -11
- package/dist/assets/magic-string.es-CoDNcMYi.js.map +0 -1
- package/dist/assets/vi.B-PuvDzu-CCLEoytE.js +0 -500
- package/dist/assets/vi.B-PuvDzu-CCLEoytE.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\nimport * as React from 'react'\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n\t<SelectPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t\t<SelectPrimitive.Icon asChild>\n\t\t\t<ChevronDown className=\"h-4 w-4 opacity-50\" />\n\t\t</SelectPrimitive.Icon>\n\t</SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollUpButton\n\t\tref={ref}\n\t\tclassName={cn('flex cursor-default items-center justify-center py-1', className)}\n\t\t{...props}\n\t>\n\t\t<ChevronUp className=\"h-4 w-4\" />\n\t</SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollDownButton\n\t\tref={ref}\n\t\tclassName={cn('flex cursor-default items-center justify-center py-1', className)}\n\t\t{...props}\n\t>\n\t\t<ChevronDown className=\"h-4 w-4\" />\n\t</SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n\t<SelectPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n\t\t\tposition === 'popper' &&\n\t\t\t\t'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n\t\t\tclassName,\n\t\t)}\n\t\tposition={position}\n\t\t{...props}\n\t>\n\t\t<SelectScrollUpButton />\n\t\t<SelectPrimitive.Viewport\n\t\t\tclassName={cn(\n\t\t\t\t'p-1',\n\t\t\t\tposition === 'popper' &&\n\t\t\t\t\t'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t</SelectPrimitive.Viewport>\n\t\t<SelectScrollDownButton />\n\t</SelectPrimitive.Content>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Label>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.Label\n\t\tref={ref}\n\t\tclassName={cn('px-2 py-1.5 text-sm font-semibold', className)}\n\t\t{...props}\n\t/>\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n\t<SelectPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<SelectPrimitive.ItemIndicator>\n\t\t\t\t<Check className=\"h-4 w-4\" />\n\t\t\t</SelectPrimitive.ItemIndicator>\n\t\t</span>\n\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t</SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn('-mx-1 my-1 h-px bg-muted', className)}\n\t\t{...props}\n\t/>\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectScrollDownButton,\n\tSelectScrollUpButton,\n\tSelectSeparator,\n\tSelectTrigger,\n\tSelectValue,\n}\n"],"names":["Select","SelectPrimitive","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"iSAKA,MAAMA,EAASC,EAAgB,KAIzBC,EAAcD,EAAgB,MAE9BE,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAASC,IACrCC,
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\nimport * as React from 'react'\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n\t<SelectPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t\t<SelectPrimitive.Icon asChild>\n\t\t\t<ChevronDown className=\"h-4 w-4 opacity-50\" />\n\t\t</SelectPrimitive.Icon>\n\t</SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollUpButton\n\t\tref={ref}\n\t\tclassName={cn('flex cursor-default items-center justify-center py-1', className)}\n\t\t{...props}\n\t>\n\t\t<ChevronUp className=\"h-4 w-4\" />\n\t</SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollDownButton\n\t\tref={ref}\n\t\tclassName={cn('flex cursor-default items-center justify-center py-1', className)}\n\t\t{...props}\n\t>\n\t\t<ChevronDown className=\"h-4 w-4\" />\n\t</SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n\t<SelectPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n\t\t\tposition === 'popper' &&\n\t\t\t\t'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n\t\t\tclassName,\n\t\t)}\n\t\tposition={position}\n\t\t{...props}\n\t>\n\t\t<SelectScrollUpButton />\n\t\t<SelectPrimitive.Viewport\n\t\t\tclassName={cn(\n\t\t\t\t'p-1',\n\t\t\t\tposition === 'popper' &&\n\t\t\t\t\t'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t</SelectPrimitive.Viewport>\n\t\t<SelectScrollDownButton />\n\t</SelectPrimitive.Content>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Label>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.Label\n\t\tref={ref}\n\t\tclassName={cn('px-2 py-1.5 text-sm font-semibold', className)}\n\t\t{...props}\n\t/>\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n\t<SelectPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<SelectPrimitive.ItemIndicator>\n\t\t\t\t<Check className=\"h-4 w-4\" />\n\t\t\t</SelectPrimitive.ItemIndicator>\n\t\t</span>\n\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t</SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n\tReact.ElementRef<typeof SelectPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn('-mx-1 my-1 h-px bg-muted', className)}\n\t\t{...props}\n\t/>\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectScrollDownButton,\n\tSelectScrollUpButton,\n\tSelectSeparator,\n\tSelectTrigger,\n\tSelectValue,\n}\n"],"names":["Select","SelectPrimitive","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.stories.js","sources":["../../../src/components/select/select.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select'\n\nconst meta: Meta<typeof Select> = {\n\tcomponent: Select,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Select>\n\nconst Template = () => {\n\treturn (\n\t\t<div className=\"w-96\">\n\t\t\t<Select>\n\t\t\t\t<SelectTrigger>\n\t\t\t\t\t<SelectValue placeholder=\"Select\" />\n\t\t\t\t</SelectTrigger>\n\t\t\t\t<SelectContent>\n\t\t\t\t\t<SelectItem value=\"1\">\n\t\t\t\t\t\t<div>Option 1</div>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t\t<SelectItem value=\"2\">\n\t\t\t\t\t\t<div>Option 2</div>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t\t<SelectItem value=\"3\">\n\t\t\t\t\t\t<div>Option 3</div>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t</SelectContent>\n\t\t\t</Select>\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Select","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":"6QAYA,MAAMA,EAAW,
|
|
1
|
+
{"version":3,"file":"select.stories.js","sources":["../../../src/components/select/select.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select'\n\nconst meta: Meta<typeof Select> = {\n\tcomponent: Select,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Select>\n\nconst Template = () => {\n\treturn (\n\t\t<div className=\"w-96\">\n\t\t\t<Select>\n\t\t\t\t<SelectTrigger>\n\t\t\t\t\t<SelectValue placeholder=\"Select\" />\n\t\t\t\t</SelectTrigger>\n\t\t\t\t<SelectContent>\n\t\t\t\t\t<SelectItem value=\"1\">\n\t\t\t\t\t\t<div>Option 1</div>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t\t<SelectItem value=\"2\">\n\t\t\t\t\t\t<div>Option 2</div>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t\t<SelectItem value=\"3\">\n\t\t\t\t\t\t<div>Option 3</div>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t</SelectContent>\n\t\t\t</Select>\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Select","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":"6QAYA,MAAMA,EAAW,IAEfC,EAAAA,IAAC,MAAA,CAAI,UAAU,OACd,gBAACC,EAAA,CACA,SAAA,CAAAD,MAACE,EAAA,CACA,SAAAF,EAAAA,IAACG,EAAA,CAAY,YAAY,SAAS,EACnC,SACCC,EAAA,CACA,SAAA,CAAAJ,EAAAA,IAACK,GAAW,MAAM,IACjB,SAAAL,MAAC,MAAA,CAAI,oBAAQ,CAAA,CACd,QACCK,EAAA,CAAW,MAAM,IACjB,SAAAL,MAAC,MAAA,CAAI,oBAAQ,CAAA,CACd,QACCK,EAAA,CAAW,MAAM,IACjB,SAAAL,EAAAA,IAAC,MAAA,CAAI,oBAAQ,CAAA,CACd,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CAAA,CACD,EAKOD,EAAS,KAAK,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.js","sources":["../../../src/components/separator/separator.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Separator = React.forwardRef<\n\tReact.ElementRef<typeof SeparatorPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n\t<SeparatorPrimitive.Root\n\t\tref={ref}\n\t\tdecorative={decorative}\n\t\torientation={orientation}\n\t\tclassName={cn(\n\t\t\t'shrink-0 bg-border',\n\t\t\torientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"],"names":["Separator","React","className","orientation","decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":"+NAOA,MAAMA,EAAYC,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,YAAAC,EAAc,aAAc,WAAAC,EAAa,GAAM,GAAGC,
|
|
1
|
+
{"version":3,"file":"separator.js","sources":["../../../src/components/separator/separator.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Separator = React.forwardRef<\n\tReact.ElementRef<typeof SeparatorPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n\t<SeparatorPrimitive.Root\n\t\tref={ref}\n\t\tdecorative={decorative}\n\t\torientation={orientation}\n\t\tclassName={cn(\n\t\t\t'shrink-0 bg-border',\n\t\t\torientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"],"names":["Separator","React","className","orientation","decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":"+NAOA,MAAMA,EAAYC,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,YAAAC,EAAc,aAAc,WAAAC,EAAa,GAAM,GAAGC,CAAA,EAASC,IAC1EC,EAAAA,IAACC,EAAmB,KAAnB,CACA,IAAAF,EACA,WAAAF,EACA,YAAAD,EACA,UAAWM,EACV,qBACAN,IAAgB,aAAe,iBAAmB,iBAClDD,CAAA,EAEA,GAAGG,CAAA,CACL,CACA,EACDL,EAAU,YAAcQ,EAAmB,KAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.stories.js","sources":["../../../src/components/separator/separator.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React, { useState } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Separator } from './separator'\n\nconst meta: Meta<typeof Separator> = {\n\tcomponent: Separator,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Separator>\n\nconst Template = () => {\n\treturn (\n\t\t<div>\n\t\t\t<div className=\"space-y-1\">\n\t\t\t\t<h4 className=\"text-sm font-medium leading-none\">Radix Primitives</h4>\n\t\t\t\t<p className=\"text-sm text-muted-foreground\">\n\t\t\t\t\tAn open-source UI component library.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<Separator className=\"my-4\" />\n\t\t\t<div className=\"flex h-5 items-center space-x-4 text-sm\">\n\t\t\t\t<div>Blog</div>\n\t\t\t\t<Separator orientation=\"vertical\" />\n\t\t\t\t<div>Docs</div>\n\t\t\t\t<Separator orientation=\"vertical\" />\n\t\t\t\t<div>Source</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","jsx","Separator"],"mappings":"kOAYA,MAAMA,EAAW,WAEd,
|
|
1
|
+
{"version":3,"file":"separator.stories.js","sources":["../../../src/components/separator/separator.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React, { useState } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Separator } from './separator'\n\nconst meta: Meta<typeof Separator> = {\n\tcomponent: Separator,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Separator>\n\nconst Template = () => {\n\treturn (\n\t\t<div>\n\t\t\t<div className=\"space-y-1\">\n\t\t\t\t<h4 className=\"text-sm font-medium leading-none\">Radix Primitives</h4>\n\t\t\t\t<p className=\"text-sm text-muted-foreground\">\n\t\t\t\t\tAn open-source UI component library.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<Separator className=\"my-4\" />\n\t\t\t<div className=\"flex h-5 items-center space-x-4 text-sm\">\n\t\t\t\t<div>Blog</div>\n\t\t\t\t<Separator orientation=\"vertical\" />\n\t\t\t\t<div>Docs</div>\n\t\t\t\t<Separator orientation=\"vertical\" />\n\t\t\t\t<div>Source</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","jsx","Separator"],"mappings":"kOAYA,MAAMA,EAAW,WAEd,MAAA,CACA,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,YACd,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,mCAAmC,SAAA,mBAAgB,EACjEA,EAAAA,IAAC,IAAA,CAAE,UAAU,gCAAgC,SAAA,sCAAA,CAE7C,CAAA,EACD,EACAA,EAAAA,IAACC,EAAA,CAAU,UAAU,MAAA,CAAO,EAC5BF,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACd,SAAA,CAAAC,EAAAA,IAAC,OAAI,SAAA,MAAA,CAAI,EACTA,EAAAA,IAACC,EAAA,CAAU,YAAY,UAAA,CAAW,EAClCD,EAAAA,IAAC,OAAI,SAAA,MAAA,CAAI,EACTA,EAAAA,IAACC,EAAA,CAAU,YAAY,UAAA,CAAW,EAClCD,EAAAA,IAAC,OAAI,SAAA,QAAA,CAAM,CAAA,CAAA,CACZ,CAAA,EACD,EAKOF,EAAS,KAAK,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils/cn'\n\ntype SkeletonProps = {\n\trepeat?: number\n} & React.ComponentProps<'div'>\n\nexport const Skeleton = ({ className, repeat = 1, ...props }: SkeletonProps) => {\n\treturn (\n\t\t<>\n\t\t\t{Array.from({ length: repeat ?? 1 }).map((_, index) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'animate-shimmer bg-gradient-to-r from-gray-300 via-gray-100 to-gray-300',\n\t\t\t\t\t\t'bg-[length:200%_100%] rounded-md h-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</>\n\t)\n}\n"],"names":["Skeleton","className","repeat","props","jsx","Fragment","_","index","cn"],"mappings":"
|
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils/cn'\n\ntype SkeletonProps = {\n\trepeat?: number\n} & React.ComponentProps<'div'>\n\nexport const Skeleton = ({ className, repeat = 1, ...props }: SkeletonProps) => {\n\treturn (\n\t\t<>\n\t\t\t{Array.from({ length: repeat ?? 1 }).map((_, index) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'animate-shimmer bg-gradient-to-r from-gray-300 via-gray-100 to-gray-300',\n\t\t\t\t\t\t'bg-[length:200%_100%] rounded-md h-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</>\n\t)\n}\n"],"names":["Skeleton","className","repeat","props","jsx","Fragment","_","index","cn"],"mappings":"uIAMO,MAAMA,EAAW,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAS,EAAG,GAAGC,KAEnDC,EAAAA,IAAAC,EAAAA,SAAA,CACE,SAAA,MAAM,KAAK,CAAE,OAAQH,GAAU,CAAA,CAAG,EAAE,IAAI,CAACI,EAAGC,IAC5CH,EAAAA,IAAC,MAAA,CAEA,UAAWI,EACV,0EACA,uCACAP,CAAA,EAEA,GAAGE,CAAA,EANCI,CAAA,CAQN,EACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.stories.js","sources":["../../../src/components/skeleton/skeleton.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Skeleton } from '.'\n\nconst meta: Meta<typeof Skeleton> = {\n\tcomponent: Skeleton,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Skeleton>\n\nconst Template = () => {\n\treturn (\n\t\t<div className=\"space-y-2\">\n\t\t\t<Skeleton className=\"w-96 h-5\" repeat={3} />\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Skeleton"],"mappings":"6JAYA,MAAMA,EAAW,IAEfC,
|
|
1
|
+
{"version":3,"file":"skeleton.stories.js","sources":["../../../src/components/skeleton/skeleton.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Skeleton } from '.'\n\nconst meta: Meta<typeof Skeleton> = {\n\tcomponent: Skeleton,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Skeleton>\n\nconst Template = () => {\n\treturn (\n\t\t<div className=\"space-y-2\">\n\t\t\t<Skeleton className=\"w-96 h-5\" repeat={3} />\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Skeleton"],"mappings":"6JAYA,MAAMA,EAAW,IAEfC,EAAAA,IAAC,MAAA,CAAI,UAAU,YACd,SAAAA,EAAAA,IAACC,GAAS,UAAU,WAAW,OAAQ,CAAA,CAAG,CAAA,CAC3C,EAKOF,EAAS,KAAK,EAAE"}
|
|
@@ -6,7 +6,7 @@ export declare const spinnerSizes: TSpinnerSizes[];
|
|
|
6
6
|
declare const spinnerVariants: (props?: ({
|
|
7
7
|
color?: "secondary" | "error" | "primary" | "success" | "warning" | "info" | "white" | "neutral" | null | undefined;
|
|
8
8
|
size?: "md" | "sm" | "lg" | "xl" | "2xl" | "xs" | null | undefined;
|
|
9
|
-
} & import(
|
|
9
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
10
|
export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
|
|
11
11
|
label?: string;
|
|
12
12
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { LoaderCircle } from 'lucide-react'\n\nexport type TSpinnerColors = NonNullable<VariantProps<typeof spinnerVariants>['color']>\nexport const spinnerColors: TSpinnerColors[] = [\n\t'primary',\n\t'secondary',\n\t'success',\n\t'error',\n\t'warning',\n\t'info',\n\t'white',\n\t'neutral',\n]\n\nexport type TSpinnerSizes = NonNullable<VariantProps<typeof spinnerVariants>['size']>\nexport const spinnerSizes: TSpinnerSizes[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl']\n\nconst spinnerVariants = cva(\n\t'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n\t{\n\t\tvariants: {\n\t\t\tcolor: {\n\t\t\t\tprimary: 'text-primary',\n\t\t\t\tsecondary: 'text-secondary',\n\t\t\t\tsuccess: 'text-green-700',\n\t\t\t\terror: 'text-red-700',\n\t\t\t\twarning: 'text-yellow-700',\n\t\t\t\tinfo: 'text-blue-700',\n\t\t\t\twhite: 'text-white',\n\t\t\t\tneutral: 'text-gray-700',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 w-4',\n\t\t\t\tsm: 'h-6 w-6',\n\t\t\t\tmd: 'h-8 w-8',\n\t\t\t\tlg: 'h-10 w-10',\n\t\t\t\txl: 'h-14 w-14',\n\t\t\t\t'2xl': 'h-20 w-20',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tcolor: 'primary',\n\t\t\tsize: 'md',\n\t\t},\n\t},\n)\n\nexport interface SpinnerProps extends VariantProps<typeof spinnerVariants> {\n\tlabel?: string\n\tclassName?: string\n}\n\nexport const Spinner = (props: SpinnerProps) => {\n\tconst { label, size, color, className } = props\n\n\treturn (\n\t\t<div className={cn('flex flex-col justify-center items-center', className)}>\n\t\t\t<LoaderCircle className={cn(spinnerVariants({ color, size }), 'animate-spin')} />\n\t\t\t{label && <p className={cn('italic', spinnerVariants({ color }))}>{label}</p>}\n\t\t</div>\n\t)\n}\n"],"names":["spinnerVariants","cva","Spinner","props","label","size","color","className","cn","jsx","LoaderCircle"],"mappings":"sPAmBA,MAAMA,EAAkBC,EACvB,wSACA,CACC,SAAU,CACT,MAAO,CACN,QAAS,eACT,UAAW,iBACX,QAAS,iBACT,MAAO,eACP,QAAS,kBACT,KAAM,gBACN,MAAO,aACP,QAAS,
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { LoaderCircle } from 'lucide-react'\n\nexport type TSpinnerColors = NonNullable<VariantProps<typeof spinnerVariants>['color']>\nexport const spinnerColors: TSpinnerColors[] = [\n\t'primary',\n\t'secondary',\n\t'success',\n\t'error',\n\t'warning',\n\t'info',\n\t'white',\n\t'neutral',\n]\n\nexport type TSpinnerSizes = NonNullable<VariantProps<typeof spinnerVariants>['size']>\nexport const spinnerSizes: TSpinnerSizes[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl']\n\nconst spinnerVariants = cva(\n\t'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n\t{\n\t\tvariants: {\n\t\t\tcolor: {\n\t\t\t\tprimary: 'text-primary',\n\t\t\t\tsecondary: 'text-secondary',\n\t\t\t\tsuccess: 'text-green-700',\n\t\t\t\terror: 'text-red-700',\n\t\t\t\twarning: 'text-yellow-700',\n\t\t\t\tinfo: 'text-blue-700',\n\t\t\t\twhite: 'text-white',\n\t\t\t\tneutral: 'text-gray-700',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 w-4',\n\t\t\t\tsm: 'h-6 w-6',\n\t\t\t\tmd: 'h-8 w-8',\n\t\t\t\tlg: 'h-10 w-10',\n\t\t\t\txl: 'h-14 w-14',\n\t\t\t\t'2xl': 'h-20 w-20',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tcolor: 'primary',\n\t\t\tsize: 'md',\n\t\t},\n\t},\n)\n\nexport interface SpinnerProps extends VariantProps<typeof spinnerVariants> {\n\tlabel?: string\n\tclassName?: string\n}\n\nexport const Spinner = (props: SpinnerProps) => {\n\tconst { label, size, color, className } = props\n\n\treturn (\n\t\t<div className={cn('flex flex-col justify-center items-center', className)}>\n\t\t\t<LoaderCircle className={cn(spinnerVariants({ color, size }), 'animate-spin')} />\n\t\t\t{label && <p className={cn('italic', spinnerVariants({ color }))}>{label}</p>}\n\t\t</div>\n\t)\n}\n"],"names":["spinnerVariants","cva","Spinner","props","label","size","color","className","cn","jsx","LoaderCircle"],"mappings":"sPAmBA,MAAMA,EAAkBC,EACvB,wSACA,CACC,SAAU,CACT,MAAO,CACN,QAAS,eACT,UAAW,iBACX,QAAS,iBACT,MAAO,eACP,QAAS,kBACT,KAAM,gBACN,MAAO,aACP,QAAS,eAAA,EAEV,KAAM,CACL,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACJ,GAAI,YACJ,MAAO,WAAA,CACR,EAED,gBAAiB,CAChB,MAAO,UACP,KAAM,IAAA,CACP,CAEF,EAOaC,EAAWC,GAAwB,CAC/C,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,UAAAC,GAAcJ,EAE1C,cACE,MAAA,CAAI,UAAWK,EAAG,4CAA6CD,CAAS,EACxE,SAAA,CAAAE,EAAAA,IAACC,EAAA,CAAa,UAAWF,EAAGR,EAAgB,CAAE,MAAAM,EAAO,KAAAD,CAAA,CAAM,EAAG,cAAc,CAAA,CAAG,EAC9ED,GAASK,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAG,SAAUR,EAAgB,CAAE,MAAAM,CAAA,CAAO,CAAC,EAAI,SAAAF,CAAA,CAAM,CAAA,EAC1E,CAEF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nconst Switch = React.forwardRef<\n\tReact.ElementRef<typeof SwitchPrimitives.Root>,\n\tReact.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n\t<SwitchPrimitives.Root\n\t\tclassName={cn(\n\t\t\t'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t\tref={ref}\n\t>\n\t\t<SwitchPrimitives.Thumb\n\t\t\tclassName={cn(\n\t\t\t\t'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n\t\t\t)}\n\t\t/>\n\t</SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives","cn"],"mappings":"
|
|
1
|
+
{"version":3,"file":"switch.js","sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nconst Switch = React.forwardRef<\n\tReact.ElementRef<typeof SwitchPrimitives.Root>,\n\tReact.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n\t<SwitchPrimitives.Root\n\t\tclassName={cn(\n\t\t\t'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t\tref={ref}\n\t>\n\t\t<SwitchPrimitives.Thumb\n\t\t\tclassName={cn(\n\t\t\t\t'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n\t\t\t)}\n\t\t/>\n\t</SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives","cn"],"mappings":"4NAIA,MAAMA,EAASC,EAAM,WAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAACC,EAAiB,KAAjB,CACA,UAAWC,EACV,8XACAL,CAAA,EAEA,GAAGC,EACJ,IAAAC,EAEA,SAAAC,EAAAA,IAACC,EAAiB,MAAjB,CACA,UAAWC,EACV,4KAAA,CACD,CAAA,CACD,CACD,CACA,EACDP,EAAO,YAAcM,EAAiB,KAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.stories.js","sources":["../../../src/components/switch/switch.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Switch } from '.'\n\nconst meta: Meta<typeof Switch> = {\n\tcomponent: Switch,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Switch>\n\nconst Template = () => {\n\treturn <Switch />\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","Switch"],"mappings":"4NAYA,MAAMA,EAAW,UACRC,EAAO,
|
|
1
|
+
{"version":3,"file":"switch.stories.js","sources":["../../../src/components/switch/switch.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Switch } from '.'\n\nconst meta: Meta<typeof Switch> = {\n\tcomponent: Switch,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Switch>\n\nconst Template = () => {\n\treturn <Switch />\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","Switch"],"mappings":"4NAYA,MAAMA,EAAW,UACRC,EAAA,EAAO,EAIPD,EAAS,KAAK,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sources":["../../../src/components/table/table.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as React from 'react'\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<div className=\"relative w-full overflow-auto\">\n\t\t\t<table\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('w-full caption-bottom text-sm', className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t),\n)\nTable.displayName = 'Table'\n\nconst TableHeader = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n\t<thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n))\nTableHeader.displayName = 'TableHeader'\n\nconst TableBody = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n\t<tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n))\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n\t<tfoot\n\t\tref={ref}\n\t\tclassName={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}\n\t\t{...props}\n\t/>\n))\nTableFooter.displayName = 'TableFooter'\n\nconst TableRow = React.forwardRef<\n\tHTMLTableRowElement,\n\tReact.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n\t<tr\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTableRow.displayName = 'TableRow'\n\nconst TableHead = React.forwardRef<\n\tHTMLTableCellElement,\n\tReact.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n\t<th\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTableHead.displayName = 'TableHead'\n\nconst TableCell = React.forwardRef<\n\tHTMLTableCellElement,\n\tReact.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n\t<td\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTableCell.displayName = 'TableCell'\n\nconst TableCaption = React.forwardRef<\n\tHTMLTableCaptionElement,\n\tReact.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n\t<caption\n\t\tref={ref}\n\t\tclassName={cn('mt-4 text-sm text-muted-foreground', className)}\n\t\t{...props}\n\t/>\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n\tTable,\n\tTableBody,\n\tTableCaption,\n\tTableCell,\n\tTableFooter,\n\tTableHead,\n\tTableHeader,\n\tTableRow,\n}\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"mLAGA,MAAMA,EAAQC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACzBC,MAAC,
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../../src/components/table/table.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as React from 'react'\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<div className=\"relative w-full overflow-auto\">\n\t\t\t<table\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('w-full caption-bottom text-sm', className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t),\n)\nTable.displayName = 'Table'\n\nconst TableHeader = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n\t<thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n))\nTableHeader.displayName = 'TableHeader'\n\nconst TableBody = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n\t<tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n))\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n\t<tfoot\n\t\tref={ref}\n\t\tclassName={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}\n\t\t{...props}\n\t/>\n))\nTableFooter.displayName = 'TableFooter'\n\nconst TableRow = React.forwardRef<\n\tHTMLTableRowElement,\n\tReact.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n\t<tr\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTableRow.displayName = 'TableRow'\n\nconst TableHead = React.forwardRef<\n\tHTMLTableCellElement,\n\tReact.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n\t<th\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTableHead.displayName = 'TableHead'\n\nconst TableCell = React.forwardRef<\n\tHTMLTableCellElement,\n\tReact.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n\t<td\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTableCell.displayName = 'TableCell'\n\nconst TableCaption = React.forwardRef<\n\tHTMLTableCaptionElement,\n\tReact.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n\t<caption\n\t\tref={ref}\n\t\tclassName={cn('mt-4 text-sm text-muted-foreground', className)}\n\t\t{...props}\n\t/>\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n\tTable,\n\tTableBody,\n\tTableCaption,\n\tTableCell,\n\tTableFooter,\n\tTableHead,\n\tTableHeader,\n\tTableRow,\n}\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"mLAGA,MAAMA,EAAQC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACzBC,MAAC,MAAA,CAAI,UAAU,gCACd,SAAAA,EAAAA,IAAC,QAAA,CACA,IAAAD,EACA,UAAWE,EAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CAAA,CACL,CACD,CAEF,EACAH,EAAM,YAAc,QAEpB,MAAMO,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,UAC1B,QAAA,CAAM,IAAAA,EAAU,UAAWE,EAAG,kBAAmBJ,CAAS,EAAI,GAAGC,EAAO,CACzE,EACDI,EAAY,YAAc,cAE1B,MAAMC,EAAYP,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,UAC1B,QAAA,CAAM,IAAAA,EAAU,UAAWE,EAAG,6BAA8BJ,CAAS,EAAI,GAAGC,EAAO,CACpF,EACDK,EAAU,YAAc,YAExB,MAAMC,EAAcR,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAAC,QAAA,CACA,IAAAD,EACA,UAAWE,EAAG,0DAA2DJ,CAAS,EACjF,GAAGC,CAAA,CACL,CACA,EACDM,EAAY,YAAc,cAE1B,MAAMC,EAAWT,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAAC,KAAA,CACA,IAAAD,EACA,UAAWE,EACV,8EACAJ,CAAA,EAEA,GAAGC,CAAA,CACL,CACA,EACDO,EAAS,YAAc,WAEvB,MAAMC,EAAYV,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAAC,KAAA,CACA,IAAAD,EACA,UAAWE,EACV,yIACAJ,CAAA,EAEA,GAAGC,CAAA,CACL,CACA,EACDQ,EAAU,YAAc,YAExB,MAAMC,EAAYX,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAAC,KAAA,CACA,IAAAD,EACA,UAAWE,EACV,uFACAJ,CAAA,EAEA,GAAGC,CAAA,CACL,CACA,EACDS,EAAU,YAAc,YAExB,MAAMC,EAAeZ,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAAC,UAAA,CACA,IAAAD,EACA,UAAWE,EAAG,qCAAsCJ,CAAS,EAC5D,GAAGC,CAAA,CACL,CACA,EACDU,EAAa,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.stories.js","sources":["../../../src/components/table/table.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '.'\n\nconst meta: Meta<typeof Table> = {\n\tcomponent: Table,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Table>\n\nconst data = [\n\t{\n\t\tfirstName: 'John',\n\t\tlastName: 'Doe',\n\t\tusername: '@johndoe',\n\t},\n\t{\n\t\tfirstName: 'Sally',\n\t\tlastName: 'Ross',\n\t\tusername: '@sallyross',\n\t},\n\t{\n\t\tfirstName: 'Jane',\n\t\tlastName: 'Doe',\n\t\tusername: '@janedoe',\n\t},\n\t{\n\t\tfirstName: 'Bob',\n\t\tlastName: 'Ross',\n\t\tusername: '@bobross',\n\t},\n\t{\n\t\tfirstName: 'Kyle',\n\t\tlastName: 'Moss',\n\t\tusername: '@kylemoss',\n\t},\n\t{\n\t\tfirstName: 'Urden',\n\t\tlastName: 'Myckov',\n\t\tusername: '@urdenmyckov',\n\t},\n]\n\nconst Template = () => {\n\treturn (\n\t\t<Table>\n\t\t\t<TableHeader>\n\t\t\t\t<TableHead>First Name</TableHead>\n\t\t\t\t<TableHead>Last Name</TableHead>\n\t\t\t\t<TableHead>Username</TableHead>\n\t\t\t</TableHeader>\n\t\t\t<TableBody>\n\t\t\t\t{data.map((person) => (\n\t\t\t\t\t<TableRow key={person.username}>\n\t\t\t\t\t\t<TableCell>{person.firstName}</TableCell>\n\t\t\t\t\t\t<TableCell>{person.lastName}</TableCell>\n\t\t\t\t\t\t<TableCell>{person.username}</TableCell>\n\t\t\t\t\t</TableRow>\n\t\t\t\t))}\n\t\t\t</TableBody>\n\t\t</Table>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["data","Template","Table","jsxs","TableHeader","jsx","TableHead","TableBody","person","TableRow","TableCell"],"mappings":"0NAYA,MAAMA,EAAO,CACZ,CACC,UAAW,OACX,SAAU,MACV,SAAU,
|
|
1
|
+
{"version":3,"file":"table.stories.js","sources":["../../../src/components/table/table.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '.'\n\nconst meta: Meta<typeof Table> = {\n\tcomponent: Table,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Table>\n\nconst data = [\n\t{\n\t\tfirstName: 'John',\n\t\tlastName: 'Doe',\n\t\tusername: '@johndoe',\n\t},\n\t{\n\t\tfirstName: 'Sally',\n\t\tlastName: 'Ross',\n\t\tusername: '@sallyross',\n\t},\n\t{\n\t\tfirstName: 'Jane',\n\t\tlastName: 'Doe',\n\t\tusername: '@janedoe',\n\t},\n\t{\n\t\tfirstName: 'Bob',\n\t\tlastName: 'Ross',\n\t\tusername: '@bobross',\n\t},\n\t{\n\t\tfirstName: 'Kyle',\n\t\tlastName: 'Moss',\n\t\tusername: '@kylemoss',\n\t},\n\t{\n\t\tfirstName: 'Urden',\n\t\tlastName: 'Myckov',\n\t\tusername: '@urdenmyckov',\n\t},\n]\n\nconst Template = () => {\n\treturn (\n\t\t<Table>\n\t\t\t<TableHeader>\n\t\t\t\t<TableHead>First Name</TableHead>\n\t\t\t\t<TableHead>Last Name</TableHead>\n\t\t\t\t<TableHead>Username</TableHead>\n\t\t\t</TableHeader>\n\t\t\t<TableBody>\n\t\t\t\t{data.map((person) => (\n\t\t\t\t\t<TableRow key={person.username}>\n\t\t\t\t\t\t<TableCell>{person.firstName}</TableCell>\n\t\t\t\t\t\t<TableCell>{person.lastName}</TableCell>\n\t\t\t\t\t\t<TableCell>{person.username}</TableCell>\n\t\t\t\t\t</TableRow>\n\t\t\t\t))}\n\t\t\t</TableBody>\n\t\t</Table>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["data","Template","Table","jsxs","TableHeader","jsx","TableHead","TableBody","person","TableRow","TableCell"],"mappings":"0NAYA,MAAMA,EAAO,CACZ,CACC,UAAW,OACX,SAAU,MACV,SAAU,UAAA,EAEX,CACC,UAAW,QACX,SAAU,OACV,SAAU,YAAA,EAEX,CACC,UAAW,OACX,SAAU,MACV,SAAU,UAAA,EAEX,CACC,UAAW,MACX,SAAU,OACV,SAAU,UAAA,EAEX,CACC,UAAW,OACX,SAAU,OACV,SAAU,WAAA,EAEX,CACC,UAAW,QACX,SAAU,SACV,SAAU,cAAA,CAEZ,EAEMC,EAAW,WAEdC,EAAA,CACA,SAAA,CAAAC,OAACC,EAAA,CACA,SAAA,CAAAC,EAAAA,IAACC,GAAU,SAAA,YAAA,CAAU,EACrBD,EAAAA,IAACC,GAAU,SAAA,WAAA,CAAS,EACpBD,EAAAA,IAACC,GAAU,SAAA,UAAA,CAAQ,CAAA,EACpB,QACCC,EAAA,CACC,SAAAP,EAAK,IAAKQ,UACTC,EAAA,CACA,SAAA,CAAAJ,EAAAA,IAACK,EAAA,CAAW,WAAO,SAAA,CAAU,EAC7BL,EAAAA,IAACK,EAAA,CAAW,SAAAF,EAAO,QAAA,CAAS,EAC5BH,EAAAA,IAACK,EAAA,CAAW,SAAAF,EAAO,QAAA,CAAS,CAAA,GAHdA,EAAO,QAItB,CACA,CAAA,CACF,CAAA,EACD,EAKOP,EAAS,KAAK,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.List>,\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.List\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":"0NAIA,MAAMA,EAAOC,EAAc,KAErBC,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.List>,\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.List\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":"0NAIA,MAAMA,EAAOC,EAAc,KAErBC,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAACN,EAAc,KAAd,CACA,IAAAK,EACA,UAAWE,EACV,4FACAJ,CAAA,EAEA,GAAGC,CAAA,CACL,CACA,EACDH,EAAS,YAAcD,EAAc,KAAK,YAE1C,MAAMQ,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAACN,EAAc,QAAd,CACA,IAAAK,EACA,UAAWE,EACV,iYACAJ,CAAA,EAEA,GAAGC,CAAA,CACL,CACA,EACDI,EAAY,YAAcR,EAAc,QAAQ,YAEhD,MAAMS,EAAcP,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC3BC,EAAAA,IAACN,EAAc,QAAd,CACA,IAAAK,EACA,UAAWE,EACV,kIACAJ,CAAA,EAEA,GAAGC,CAAA,CACL,CACA,EACDK,EAAY,YAAcT,EAAc,QAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.stories.js","sources":["../../../src/components/tabs/tabs.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs'\n\nconst meta: Meta<typeof Tabs> = {\n\tcomponent: Tabs,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Tabs>\n\nconst Template = () => {\n\treturn (\n\t\t<Tabs defaultValue=\"option1\">\n\t\t\t<TabsList>\n\t\t\t\t<TabsTrigger value=\"option1\">Option 1</TabsTrigger>\n\t\t\t\t<TabsTrigger value=\"option2\">Option 2</TabsTrigger>\n\t\t\t\t<TabsTrigger value=\"option3\">Option 3</TabsTrigger>\n\t\t\t</TabsList>\n\t\t\t<TabsContent value=\"option1\">\n\t\t\t\t<div className=\"bg-gray-100 p-2 text-xs\">Content 1</div>\n\t\t\t</TabsContent>\n\t\t\t<TabsContent value=\"option2\">\n\t\t\t\t<div className=\"bg-gray-100 p-2 text-xs\">Content 2</div>\n\t\t\t</TabsContent>\n\t\t\t<TabsContent value=\"option3\">\n\t\t\t\t<div className=\"bg-gray-100 p-2 text-xs\">Content 3</div>\n\t\t\t</TabsContent>\n\t\t</Tabs>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","Tabs","TabsList","jsx","TabsTrigger","TabsContent"],"mappings":"6OAaA,MAAMA,EAAW,IAEfC,
|
|
1
|
+
{"version":3,"file":"tabs.stories.js","sources":["../../../src/components/tabs/tabs.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs'\n\nconst meta: Meta<typeof Tabs> = {\n\tcomponent: Tabs,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Tabs>\n\nconst Template = () => {\n\treturn (\n\t\t<Tabs defaultValue=\"option1\">\n\t\t\t<TabsList>\n\t\t\t\t<TabsTrigger value=\"option1\">Option 1</TabsTrigger>\n\t\t\t\t<TabsTrigger value=\"option2\">Option 2</TabsTrigger>\n\t\t\t\t<TabsTrigger value=\"option3\">Option 3</TabsTrigger>\n\t\t\t</TabsList>\n\t\t\t<TabsContent value=\"option1\">\n\t\t\t\t<div className=\"bg-gray-100 p-2 text-xs\">Content 1</div>\n\t\t\t</TabsContent>\n\t\t\t<TabsContent value=\"option2\">\n\t\t\t\t<div className=\"bg-gray-100 p-2 text-xs\">Content 2</div>\n\t\t\t</TabsContent>\n\t\t\t<TabsContent value=\"option3\">\n\t\t\t\t<div className=\"bg-gray-100 p-2 text-xs\">Content 3</div>\n\t\t\t</TabsContent>\n\t\t</Tabs>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","Tabs","TabsList","jsx","TabsTrigger","TabsContent"],"mappings":"6OAaA,MAAMA,EAAW,IAEfC,EAAAA,KAACC,EAAA,CAAK,aAAa,UAClB,SAAA,CAAAD,OAACE,EAAA,CACA,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAY,MAAM,UAAU,SAAA,WAAQ,EACrCD,EAAAA,IAACC,EAAA,CAAY,MAAM,UAAU,SAAA,WAAQ,EACrCD,EAAAA,IAACC,EAAA,CAAY,MAAM,UAAU,SAAA,UAAA,CAAQ,CAAA,EACtC,EACAD,EAAAA,IAACE,GAAY,MAAM,UAClB,eAAC,MAAA,CAAI,UAAU,0BAA0B,SAAA,WAAA,CAAS,CAAA,CACnD,EACAF,EAAAA,IAACE,GAAY,MAAM,UAClB,eAAC,MAAA,CAAI,UAAU,0BAA0B,SAAA,WAAA,CAAS,CAAA,CACnD,EACAF,EAAAA,IAACE,GAAY,MAAM,UAClB,eAAC,MAAA,CAAI,UAAU,0BAA0B,SAAA,WAAA,CAAS,CAAA,CACnD,CAAA,EACD,EAKON,EAAS,KAAK,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as React from 'react'\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<'textarea'>>(\n\t({ className, ...props }, ref) => {\n\t\treturn (\n\t\t\t<textarea\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t)\n\t},\n)\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":"mLAGA,MAAMA,EAAWC,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAExBC,
|
|
1
|
+
{"version":3,"file":"textarea.js","sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as React from 'react'\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<'textarea'>>(\n\t({ className, ...props }, ref) => {\n\t\treturn (\n\t\t\t<textarea\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t)\n\t},\n)\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":"mLAGA,MAAMA,EAAWC,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAExBC,EAAAA,IAAC,WAAA,CACA,UAAWC,EACV,0QACAJ,CAAA,EAED,IAAAE,EACC,GAAGD,CAAA,CAAA,CAIR,EACAH,EAAS,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.stories.js","sources":["../../../src/components/textarea/textarea.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Textarea } from '.'\n\nconst meta: Meta<typeof Textarea> = {\n\tcomponent: Textarea,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Textarea>\n\nconst Template = () => {\n\treturn <Textarea className=\"w-64\" />\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Textarea"],"mappings":"+LAaA,MAAMA,EAAW,IACTC,
|
|
1
|
+
{"version":3,"file":"textarea.stories.js","sources":["../../../src/components/textarea/textarea.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Textarea } from '.'\n\nconst meta: Meta<typeof Textarea> = {\n\tcomponent: Textarea,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Textarea>\n\nconst Template = () => {\n\treturn <Textarea className=\"w-64\" />\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Textarea"],"mappings":"+LAaA,MAAMA,EAAW,IACTC,EAAAA,IAACC,EAAA,CAAS,UAAU,MAAA,CAAO,EAI1BF,EAAS,KAAK,EAAE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ExternalToast } from 'sonner';
|
|
3
3
|
export declare const toast: {
|
|
4
4
|
success: (message: string | React.ReactNode, data?: ExternalToast) => string | number;
|
|
@@ -12,20 +12,20 @@ export declare const toast: {
|
|
|
12
12
|
className?: string | undefined;
|
|
13
13
|
id?: number | string | undefined;
|
|
14
14
|
icon?: React.ReactNode;
|
|
15
|
-
onDismiss?: ((toast: import(
|
|
15
|
+
onDismiss?: ((toast: import("sonner").ToastT) => void) | undefined;
|
|
16
16
|
position?: ("top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center") | undefined;
|
|
17
|
-
cancel?: React.ReactNode | import(
|
|
17
|
+
cancel?: React.ReactNode | import("sonner").Action;
|
|
18
18
|
richColors?: boolean | undefined;
|
|
19
19
|
invert?: boolean | undefined;
|
|
20
20
|
closeButton?: boolean | undefined;
|
|
21
21
|
dismissible?: boolean | undefined;
|
|
22
22
|
duration?: number | undefined;
|
|
23
|
-
action?: React.ReactNode | import(
|
|
24
|
-
onAutoClose?: ((toast: import(
|
|
23
|
+
action?: React.ReactNode | import("sonner").Action;
|
|
24
|
+
onAutoClose?: ((toast: import("sonner").ToastT) => void) | undefined;
|
|
25
25
|
cancelButtonStyle?: React.CSSProperties | undefined;
|
|
26
26
|
actionButtonStyle?: React.CSSProperties | undefined;
|
|
27
27
|
unstyled?: boolean | undefined;
|
|
28
|
-
classNames?: import(
|
|
28
|
+
classNames?: import("sonner").ToastClassnames | undefined;
|
|
29
29
|
descriptionClassName?: string | undefined;
|
|
30
30
|
} & {
|
|
31
31
|
loading?: string | React.ReactNode;
|
|
@@ -42,6 +42,6 @@ export declare const toast: {
|
|
|
42
42
|
};
|
|
43
43
|
dismiss: (id?: number | string) => string | number;
|
|
44
44
|
loading: (message: (React.ReactNode | (() => React.ReactNode)) | React.ReactNode, data?: ExternalToast) => string | number;
|
|
45
|
-
getHistory: () => (import(
|
|
46
|
-
getToasts: () => (import(
|
|
45
|
+
getHistory: () => (import("sonner").ToastT | import("sonner").ToastToDismiss)[];
|
|
46
|
+
getToasts: () => (import("sonner").ToastT | import("sonner").ToastToDismiss)[];
|
|
47
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.js","sources":["../../../src/components/toaster/toast.tsx"],"sourcesContent":["import { X } from 'lucide-react'\nimport React from 'react'\nimport { ExternalToast, toast as SoonerToast } from 'sonner'\nimport { Button } from '../button'\n\nconst ToastCloseButton = ({ onClick }: { onClick: () => void }) => (\n\t<Button onClick={() => onClick()} variant=\"ghost\" size=\"xl\" className=\"ml-auto px-3\">\n\t\t<X className=\"!h-6 !w-6\" />\n\t</Button>\n)\n\nexport const toast = {\n\t...SoonerToast,\n\tsuccess: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.success(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n\terror: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.error(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n\twarning: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.warning(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n\tinfo: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.info(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n}\n"],"names":["ToastCloseButton","onClick","jsx","Button","X","toast","SoonerToast","message","data","toastId"],"mappings":"kYAKA,MAAMA,EAAmB,CAAC,CAAE,QAAAC,CAAA,
|
|
1
|
+
{"version":3,"file":"toast.js","sources":["../../../src/components/toaster/toast.tsx"],"sourcesContent":["import { X } from 'lucide-react'\nimport React from 'react'\nimport { ExternalToast, toast as SoonerToast } from 'sonner'\nimport { Button } from '../button'\n\nconst ToastCloseButton = ({ onClick }: { onClick: () => void }) => (\n\t<Button onClick={() => onClick()} variant=\"ghost\" size=\"xl\" className=\"ml-auto px-3\">\n\t\t<X className=\"!h-6 !w-6\" />\n\t</Button>\n)\n\nexport const toast = {\n\t...SoonerToast,\n\tsuccess: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.success(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n\terror: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.error(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n\twarning: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.warning(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n\tinfo: (message: string | React.ReactNode, data?: ExternalToast) => {\n\t\tconst toastId = SoonerToast.info(message, {\n\t\t\t...data,\n\t\t\tcancel: <ToastCloseButton onClick={() => SoonerToast.dismiss(toastId)} />,\n\t\t})\n\t\treturn toastId\n\t},\n}\n"],"names":["ToastCloseButton","onClick","jsx","Button","X","toast","SoonerToast","message","data","toastId"],"mappings":"kYAKA,MAAMA,EAAmB,CAAC,CAAE,QAAAC,CAAA,IAC3BC,EAAAA,IAACC,EAAA,CAAO,QAAS,IAAMF,EAAA,EAAW,QAAQ,QAAQ,KAAK,KAAK,UAAU,eACrE,SAAAC,EAAAA,IAACE,EAAA,CAAE,UAAU,WAAA,CAAY,EAC1B,EAGYC,EAAQ,CACpB,GAAGC,EACH,QAAS,CAACC,EAAmCC,IAAyB,CACrE,MAAMC,EAAUH,EAAY,QAAQC,EAAS,CAC5C,GAAGC,EACH,aAASR,EAAA,CAAiB,QAAS,IAAMM,EAAY,QAAQG,CAAO,CAAA,CAAG,CAAA,CACvE,EACD,OAAOA,CAAA,EAER,MAAO,CAACF,EAAmCC,IAAyB,CACnE,MAAMC,EAAUH,EAAY,MAAMC,EAAS,CAC1C,GAAGC,EACH,aAASR,EAAA,CAAiB,QAAS,IAAMM,EAAY,QAAQG,CAAO,CAAA,CAAG,CAAA,CACvE,EACD,OAAOA,CAAA,EAER,QAAS,CAACF,EAAmCC,IAAyB,CACrE,MAAMC,EAAUH,EAAY,QAAQC,EAAS,CAC5C,GAAGC,EACH,aAASR,EAAA,CAAiB,QAAS,IAAMM,EAAY,QAAQG,CAAO,CAAA,CAAG,CAAA,CACvE,EACD,OAAOA,CAAA,EAER,KAAM,CAACF,EAAmCC,IAAyB,CAClE,MAAMC,EAAUH,EAAY,KAAKC,EAAS,CACzC,GAAGC,EACH,aAASR,EAAA,CAAiB,QAAS,IAAMM,EAAY,QAAQG,CAAO,CAAA,CAAG,CAAA,CACvE,EACD,OAAOA,CAAA,CAET"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toaster.js","sources":["../../../src/components/toaster/toaster.tsx"],"sourcesContent":["import { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\n/**\n * A toast notification component that uses `sonner` under the hood.\n *\n * It automatically uses the active theme and applies some sensible defaults.\n */\nconst Toaster = ({ ...props }: ToasterProps) => {\n\treturn (\n\t\t<Sonner\n\t\t\tclassName=\"toaster group\"\n\t\t\ttoastOptions={{\n\t\t\t\tclassNames: {\n\t\t\t\t\ttitle: 'py-3 px-0',\n\t\t\t\t\ttoast:\n\t\t\t\t\t\t'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg p-0',\n\t\t\t\t\tdescription: 'group-[.toast]:text-muted-foreground',\n\t\t\t\t\tactionButton:\n\t\t\t\t\t\t'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n\t\t\t\t\ticon: 'p-4 group-data-[type=error]:text-red-500 group-data-[type=success]:text-green-500 group-data-[type=warning]:text-amber-500 group-data-[type=info]:text-blue-500',\n\t\t\t\t\tcancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n\t\t\t\t},\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Toaster }\n"],"names":["Toaster","props","jsx","Sonner"],"mappings":"0FASA,MAAMA,EAAU,CAAC,CAAE,GAAGC,KAEpBC,
|
|
1
|
+
{"version":3,"file":"toaster.js","sources":["../../../src/components/toaster/toaster.tsx"],"sourcesContent":["import { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\n/**\n * A toast notification component that uses `sonner` under the hood.\n *\n * It automatically uses the active theme and applies some sensible defaults.\n */\nconst Toaster = ({ ...props }: ToasterProps) => {\n\treturn (\n\t\t<Sonner\n\t\t\tclassName=\"toaster group\"\n\t\t\ttoastOptions={{\n\t\t\t\tclassNames: {\n\t\t\t\t\ttitle: 'py-3 px-0',\n\t\t\t\t\ttoast:\n\t\t\t\t\t\t'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg p-0',\n\t\t\t\t\tdescription: 'group-[.toast]:text-muted-foreground',\n\t\t\t\t\tactionButton:\n\t\t\t\t\t\t'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n\t\t\t\t\ticon: 'p-4 group-data-[type=error]:text-red-500 group-data-[type=success]:text-green-500 group-data-[type=warning]:text-amber-500 group-data-[type=info]:text-blue-500',\n\t\t\t\t\tcancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n\t\t\t\t},\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Toaster }\n"],"names":["Toaster","props","jsx","Sonner"],"mappings":"0FASA,MAAMA,EAAU,CAAC,CAAE,GAAGC,KAEpBC,EAAAA,IAACC,EAAA,CACA,UAAU,gBACV,aAAc,CACb,WAAY,CACX,MAAO,YACP,MACC,4IACD,YAAa,uCACb,aACC,mEACD,KAAM,kKACN,aAAc,8DAAA,CACf,EAEA,GAAGF,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toaster.stories.js","sources":["../../../src/components/toaster/toaster.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport { Toaster, toast } from '.'\nimport { Button } from '../../components'\n\nconst ToasterExample: React.FC = () => {\n\treturn (\n\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t<Button onClick={() => toast.success('This is a success toast')}>\n\t\t\t\tOpen success toast\n\t\t\t</Button>\n\t\t\t<Button onClick={() => toast.error('This is an error toast')}>\n\t\t\t\tOpen error toast\n\t\t\t</Button>\n\t\t\t<Button onClick={() => toast.warning('This is a warning toast')}>\n\t\t\t\tOpen warning toast\n\t\t\t</Button>\n\t\t\t<Button onClick={() => toast.info('This is an info toast')}>Open info toast</Button>\n\t\t</div>\n\t)\n}\n\nconst meta: Meta<typeof ToasterExample> = {\n\ttitle: 'Components/toast',\n\tcomponent: ToasterExample,\n}\n\nconst Template = () => {\n\treturn (\n\t\t<>\n\t\t\t<Toaster />\n\t\t\t<ToasterExample />\n\t\t</>\n\t)\n}\n\nexport default meta\ntype Story = StoryObj<typeof ToasterExample>\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["ToasterExample","jsxs","jsx","Button","toast","Template","Fragment","Toaster"],"mappings":"ojEAKA,MAAMA,EAA2B,IAE/BC,
|
|
1
|
+
{"version":3,"file":"toaster.stories.js","sources":["../../../src/components/toaster/toaster.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport { Toaster, toast } from '.'\nimport { Button } from '../../components'\n\nconst ToasterExample: React.FC = () => {\n\treturn (\n\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t<Button onClick={() => toast.success('This is a success toast')}>\n\t\t\t\tOpen success toast\n\t\t\t</Button>\n\t\t\t<Button onClick={() => toast.error('This is an error toast')}>\n\t\t\t\tOpen error toast\n\t\t\t</Button>\n\t\t\t<Button onClick={() => toast.warning('This is a warning toast')}>\n\t\t\t\tOpen warning toast\n\t\t\t</Button>\n\t\t\t<Button onClick={() => toast.info('This is an info toast')}>Open info toast</Button>\n\t\t</div>\n\t)\n}\n\nconst meta: Meta<typeof ToasterExample> = {\n\ttitle: 'Components/toast',\n\tcomponent: ToasterExample,\n}\n\nconst Template = () => {\n\treturn (\n\t\t<>\n\t\t\t<Toaster />\n\t\t\t<ToasterExample />\n\t\t</>\n\t)\n}\n\nexport default meta\ntype Story = StoryObj<typeof ToasterExample>\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["ToasterExample","jsxs","jsx","Button","toast","Template","Fragment","Toaster"],"mappings":"ojEAKA,MAAMA,EAA2B,IAE/BC,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACd,SAAA,CAAAC,MAACC,GAAO,QAAS,IAAMC,EAAM,QAAQ,yBAAyB,EAAG,SAAA,qBAEjE,EACAF,MAACC,GAAO,QAAS,IAAMC,EAAM,MAAM,wBAAwB,EAAG,SAAA,mBAE9D,EACAF,MAACC,GAAO,QAAS,IAAMC,EAAM,QAAQ,yBAAyB,EAAG,SAAA,qBAEjE,EACAF,MAACC,GAAO,QAAS,IAAMC,EAAM,KAAK,uBAAuB,EAAG,SAAA,iBAAA,CAAe,CAAA,EAC5E,EASIC,EAAW,IAEfJ,EAAAA,KAAAK,WAAA,CACC,SAAA,CAAAJ,EAAAA,IAACK,EAAA,EAAQ,QACRP,EAAA,CAAA,CAAe,CAAA,EACjB,EAQOK,EAAS,KAAK,EAAE"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
1
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const toggleVariants: (props?: ({
|
|
5
5
|
variant?: "default" | "outline" | null | undefined;
|
|
6
6
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
7
|
-
} & import(
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
8
|
declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
9
9
|
variant?: "default" | "outline" | null | undefined;
|
|
10
10
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
11
|
-
} & import(
|
|
11
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
export { Toggle, toggleVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nconst toggleVariants = cva(\n\t'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-transparent',\n\t\t\t\toutline:\n\t\t\t\t\t'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: 'h-9 px-2 min-w-9',\n\t\t\t\tsm: 'h-8 px-1.5 min-w-8',\n\t\t\t\tlg: 'h-10 px-2.5 min-w-10',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'default',\n\t\t},\n\t},\n)\n\nconst Toggle = React.forwardRef<\n\tReact.ElementRef<typeof TogglePrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n\t\tVariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n\t<TogglePrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(toggleVariants({ variant, size, className }))}\n\t\t{...props}\n\t/>\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":"2QAKA,MAAMA,EAAiBC,EACtB,kYACA,CACC,SAAU,CACT,QAAS,CACR,QAAS,iBACT,QACC,
|
|
1
|
+
{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nconst toggleVariants = cva(\n\t'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-transparent',\n\t\t\t\toutline:\n\t\t\t\t\t'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: 'h-9 px-2 min-w-9',\n\t\t\t\tsm: 'h-8 px-1.5 min-w-8',\n\t\t\t\tlg: 'h-10 px-2.5 min-w-10',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'default',\n\t\t},\n\t},\n)\n\nconst Toggle = React.forwardRef<\n\tReact.ElementRef<typeof TogglePrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n\t\tVariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n\t<TogglePrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(toggleVariants({ variant, size, className }))}\n\t\t{...props}\n\t/>\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":"2QAKA,MAAMA,EAAiBC,EACtB,kYACA,CACC,SAAU,CACT,QAAS,CACR,QAAS,iBACT,QACC,2FAAA,EAEF,KAAM,CACL,QAAS,mBACT,GAAI,qBACJ,GAAI,sBAAA,CACL,EAED,gBAAiB,CAChB,QAAS,UACT,KAAM,SAAA,CACP,CAEF,EAEMC,EAASC,EAAM,WAInB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAGC,GAASC,IAC1CC,EAAAA,IAACC,EAAgB,KAAhB,CACA,IAAAF,EACA,UAAWG,EAAGX,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGG,CAAA,CACL,CACA,EAEDL,EAAO,YAAcQ,EAAgB,KAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.stories.js","sources":["../../../src/components/toggle/toggle.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Toggle } from '.'\n\nconst meta: Meta<typeof Toggle> = {\n\tcomponent: Toggle,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Toggle>\n\nconst Template = () => {\n\treturn (\n\t\t<>\n\t\t\t<Toggle>A</Toggle>\n\t\t\t<Toggle>B</Toggle>\n\t\t\t<Toggle>C</Toggle>\n\t\t</>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","Fragment","jsx","Toggle"],"mappings":"6PAaA,MAAMA,EAAW,
|
|
1
|
+
{"version":3,"file":"toggle.stories.js","sources":["../../../src/components/toggle/toggle.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Toggle } from '.'\n\nconst meta: Meta<typeof Toggle> = {\n\tcomponent: Toggle,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Toggle>\n\nconst Template = () => {\n\treturn (\n\t\t<>\n\t\t\t<Toggle>A</Toggle>\n\t\t\t<Toggle>B</Toggle>\n\t\t\t<Toggle>C</Toggle>\n\t\t</>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","Fragment","jsx","Toggle"],"mappings":"6PAaA,MAAMA,EAAW,IAEfC,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,GAAO,SAAA,GAAA,CAAC,EACTD,EAAAA,IAACC,GAAO,SAAA,GAAA,CAAC,EACTD,EAAAA,IAACC,GAAO,SAAA,GAAA,CAAC,CAAA,EACV,EAKOJ,EAAS,KAAK,EAAE"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
1
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
|
|
5
5
|
variant?: "default" | "outline" | null | undefined;
|
|
6
6
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
7
|
-
} & import(
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
9
9
|
variant?: "default" | "outline" | null | undefined;
|
|
10
10
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
11
|
-
} & import(
|
|
11
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.js","sources":["../../../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport { cn } from '@/lib/utils'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../toggle/toggle'\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n\tsize: 'default',\n\tvariant: 'default',\n})\n\nconst ToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n\t\tVariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n\t<ToggleGroupPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn('flex items-center justify-center gap-1', className)}\n\t\t{...props}\n\t>\n\t\t<ToggleGroupContext.Provider value={{ variant, size }}>\n\t\t\t{children}\n\t\t</ToggleGroupContext.Provider>\n\t</ToggleGroupPrimitive.Root>\n))\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nconst ToggleGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n\t\tVariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n\tconst context = React.useContext(ToggleGroupContext)\n\n\treturn (\n\t\t<ToggleGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\ttoggleVariants({\n\t\t\t\t\tvariant: context.variant || variant,\n\t\t\t\t\tsize: context.size || size,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</ToggleGroupPrimitive.Item>\n\t)\n})\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":"0UAQA,MAAMA,EAAqBC,EAAM,cAAmD,CACnF,KAAM,UACN,QAAS,SACV,CAAC,EAEKC,EAAcD,EAAM,WAIxB,CAAC,CAAE,UAAAE,EAAW,QAAAC,EAAS,KAAAC,EAAM,SAAAC,EAAU,GAAGC,
|
|
1
|
+
{"version":3,"file":"toggle-group.js","sources":["../../../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport { cn } from '@/lib/utils'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../toggle/toggle'\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n\tsize: 'default',\n\tvariant: 'default',\n})\n\nconst ToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n\t\tVariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n\t<ToggleGroupPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn('flex items-center justify-center gap-1', className)}\n\t\t{...props}\n\t>\n\t\t<ToggleGroupContext.Provider value={{ variant, size }}>\n\t\t\t{children}\n\t\t</ToggleGroupContext.Provider>\n\t</ToggleGroupPrimitive.Root>\n))\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nconst ToggleGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n\t\tVariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n\tconst context = React.useContext(ToggleGroupContext)\n\n\treturn (\n\t\t<ToggleGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\ttoggleVariants({\n\t\t\t\t\tvariant: context.variant || variant,\n\t\t\t\t\tsize: context.size || size,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</ToggleGroupPrimitive.Item>\n\t)\n})\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":"0UAQA,MAAMA,EAAqBC,EAAM,cAAmD,CACnF,KAAM,UACN,QAAS,SACV,CAAC,EAEKC,EAAcD,EAAM,WAIxB,CAAC,CAAE,UAAAE,EAAW,QAAAC,EAAS,KAAAC,EAAM,SAAAC,EAAU,GAAGC,CAAA,EAASC,IACpDC,EAAAA,IAACC,EAAqB,KAArB,CACA,IAAAF,EACA,UAAWG,EAAG,yCAA0CR,CAAS,EAChE,GAAGI,EAEJ,SAAAE,EAAAA,IAACT,EAAmB,SAAnB,CAA4B,MAAO,CAAE,QAAAI,EAAS,KAAAC,CAAA,EAC7C,SAAAC,CAAA,CACF,CAAA,CACD,CACA,EAEDJ,EAAY,YAAcQ,EAAqB,KAAK,YAEpD,MAAME,EAAkBX,EAAM,WAI5B,CAAC,CAAE,UAAAE,EAAW,SAAAG,EAAU,QAAAF,EAAS,KAAAC,EAAM,GAAGE,CAAA,EAASC,IAAQ,CAC5D,MAAMK,EAAUZ,EAAM,WAAWD,CAAkB,EAEnD,OACCS,EAAAA,IAACC,EAAqB,KAArB,CACA,IAAAF,EACA,UAAWG,EACVG,EAAe,CACd,QAASD,EAAQ,SAAWT,EAC5B,KAAMS,EAAQ,MAAQR,CAAA,CACtB,EACDF,CAAA,EAEA,GAAGI,EAEH,SAAAD,CAAA,CAAA,CAGJ,CAAC,EAEDM,EAAgB,YAAcF,EAAqB,KAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.stories.js","sources":["../../../src/components/toggle-group/toggle-group.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { ToggleGroup, ToggleGroupItem } from '.'\nimport { Label } from '../label'\n\nconst meta: Meta<typeof ToggleGroup> = {\n\tcomponent: ToggleGroup,\n}\n\nexport default meta\ntype Story = StoryObj<typeof ToggleGroup>\n\nconst Template = () => {\n\treturn (\n\t\t<div className=\"flex gap-4 items-center mt-5\">\n\t\t\t<Label>Define the type:</Label>\n\t\t\t<ToggleGroup type=\"single\">\n\t\t\t\t<ToggleGroupItem value=\"monthly\">Primary</ToggleGroupItem>\n\t\t\t\t<ToggleGroupItem value=\"weekly\">Seconday</ToggleGroupItem>\n\t\t\t\t<ToggleGroupItem value=\"daily\">Tertiary</ToggleGroupItem>\n\t\t\t</ToggleGroup>\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","jsx","Label","ToggleGroup","ToggleGroupItem"],"mappings":"+YAcA,MAAMA,EAAW,IAEfC,
|
|
1
|
+
{"version":3,"file":"toggle-group.stories.js","sources":["../../../src/components/toggle-group/toggle-group.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { ToggleGroup, ToggleGroupItem } from '.'\nimport { Label } from '../label'\n\nconst meta: Meta<typeof ToggleGroup> = {\n\tcomponent: ToggleGroup,\n}\n\nexport default meta\ntype Story = StoryObj<typeof ToggleGroup>\n\nconst Template = () => {\n\treturn (\n\t\t<div className=\"flex gap-4 items-center mt-5\">\n\t\t\t<Label>Define the type:</Label>\n\t\t\t<ToggleGroup type=\"single\">\n\t\t\t\t<ToggleGroupItem value=\"monthly\">Primary</ToggleGroupItem>\n\t\t\t\t<ToggleGroupItem value=\"weekly\">Seconday</ToggleGroupItem>\n\t\t\t\t<ToggleGroupItem value=\"daily\">Tertiary</ToggleGroupItem>\n\t\t\t</ToggleGroup>\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","jsx","Label","ToggleGroup","ToggleGroupItem"],"mappings":"+YAcA,MAAMA,EAAW,IAEfC,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACd,SAAA,CAAAC,EAAAA,IAACC,GAAM,SAAA,kBAAA,CAAgB,EACvBF,EAAAA,KAACG,EAAA,CAAY,KAAK,SACjB,SAAA,CAAAF,EAAAA,IAACG,EAAA,CAAgB,MAAM,UAAU,SAAA,UAAO,EACxCH,EAAAA,IAACG,EAAA,CAAgB,MAAM,SAAS,SAAA,WAAQ,EACxCH,EAAAA,IAACG,EAAA,CAAgB,MAAM,QAAQ,SAAA,UAAA,CAAQ,CAAA,CAAA,CACxC,CAAA,EACD,EAKOL,EAAS,KAAK,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n\tReact.ElementRef<typeof TooltipPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n\t<TooltipPrimitive.Portal>\n\t\t<TooltipPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\t'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","jsx","cn"],"mappings":"6NAIA,MAAMA,EAAkBC,EAAiB,SAEnCC,EAAUD,EAAiB,KAE3BE,EAAiBF,EAAiB,QAElCG,EAAiBC,EAAM,WAG3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGC,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n\tReact.ElementRef<typeof TooltipPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n\t<TooltipPrimitive.Portal>\n\t\t<TooltipPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\t'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","jsx","cn"],"mappings":"6NAIA,MAAMA,EAAkBC,EAAiB,SAEnCC,EAAUD,EAAiB,KAE3BE,EAAiBF,EAAiB,QAElCG,EAAiBC,EAAM,WAG3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGC,GAASC,IAC3CC,EAAAA,IAACT,EAAiB,OAAjB,CACA,SAAAS,EAAAA,IAACT,EAAiB,QAAjB,CACA,IAAAQ,EACA,WAAAF,EACA,UAAWI,EACV,oXACAL,CAAA,EAEA,GAAGE,CAAA,CACL,EACD,CACA,EACDJ,EAAe,YAAcH,EAAiB,QAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.stories.js","sources":["../../../src/components/tooltip/tooltip.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '.'\nimport { Button } from '../button/button'\n\nconst meta: Meta<typeof Tooltip> = {\n\tcomponent: Tooltip,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Tooltip>\n\nconst Template = () => {\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t<Button>Hover me</Button>\n\t\t\t\t</TooltipTrigger>\n\t\t\t\t<TooltipContent>This is a tooltip</TooltipContent>\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","TooltipContent"],"mappings":"wZAcA,MAAMA,EAAW,IAEfC,EAAAA,IAACC,
|
|
1
|
+
{"version":3,"file":"tooltip.stories.js","sources":["../../../src/components/tooltip/tooltip.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '.'\nimport { Button } from '../button/button'\n\nconst meta: Meta<typeof Tooltip> = {\n\tcomponent: Tooltip,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Tooltip>\n\nconst Template = () => {\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t<Button>Hover me</Button>\n\t\t\t\t</TooltipTrigger>\n\t\t\t\t<TooltipContent>This is a tooltip</TooltipContent>\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","TooltipContent"],"mappings":"wZAcA,MAAMA,EAAW,IAEfC,EAAAA,IAACC,EAAA,CACA,SAAAC,EAAAA,KAACC,EAAA,CACA,SAAA,CAAAH,EAAAA,IAACI,GAAe,QAAO,GACtB,SAAAJ,MAACK,EAAA,CAAO,oBAAQ,CAAA,CACjB,EACAL,EAAAA,IAACM,GAAe,SAAA,mBAAA,CAAiB,CAAA,CAAA,CAClC,CAAA,CACD,EAKOP,EAAS,KAAK,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-debounce.js","sources":["../../../src/lib/hooks/use-debounce.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\n/**https://usehooks.com/useDebounce/ */\nexport function useDebounce<T>(value: T, delay: number = 250): T {\n\t// State and setters for debounced value\n\tconst [debouncedValue, setDebouncedValue] = useState<T>(value)\n\tuseEffect(\n\t\t() => {\n\t\t\t// Update debounced value after delay\n\t\t\tconst handler = setTimeout(() => {\n\t\t\t\tsetDebouncedValue(value)\n\t\t\t}, delay)\n\t\t\t// Cancel the timeout if value changes (also on delay change or unmount)\n\t\t\t// This is how we prevent debounced value from updating if value is changed ...\n\t\t\t// .. within the delay period. Timeout gets cleared and restarted.\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(handler)\n\t\t\t}\n\t\t},\n\t\t[value, delay], // Only re-call effect if value or delay changes\n\t)\n\treturn debouncedValue\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","handler"],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-debounce.js","sources":["../../../src/lib/hooks/use-debounce.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\n/**https://usehooks.com/useDebounce/ */\nexport function useDebounce<T>(value: T, delay: number = 250): T {\n\t// State and setters for debounced value\n\tconst [debouncedValue, setDebouncedValue] = useState<T>(value)\n\tuseEffect(\n\t\t() => {\n\t\t\t// Update debounced value after delay\n\t\t\tconst handler = setTimeout(() => {\n\t\t\t\tsetDebouncedValue(value)\n\t\t\t}, delay)\n\t\t\t// Cancel the timeout if value changes (also on delay change or unmount)\n\t\t\t// This is how we prevent debounced value from updating if value is changed ...\n\t\t\t// .. within the delay period. Timeout gets cleared and restarted.\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(handler)\n\t\t\t}\n\t\t},\n\t\t[value, delay], // Only re-call effect if value or delay changes\n\t)\n\treturn debouncedValue\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","handler"],"mappings":"gDAGO,SAASA,EAAeC,EAAUC,EAAgB,IAAQ,CAEhE,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAYJ,CAAK,EAC7D,OAAAK,EACC,IAAM,CAEL,MAAMC,EAAU,WAAW,IAAM,CAChCH,EAAkBH,CAAK,CAAA,EACrBC,CAAK,EAIR,MAAO,IAAM,CACZ,aAAaK,CAAO,CAAA,CACrB,EAED,CAACN,EAAOC,CAAK,CAAA,EAEPC,CACR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-dialog.js","sources":["../../../src/lib/hooks/use-dialog.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tButton,\n\tDialog,\n\tDialogContent,\n\tDialogDescription,\n\tDialogHeader,\n\tDialogTitle,\n} from '@/components'\nimport { AlertCircle, CheckCircle, HelpCircle, Info, XCircle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../utils'\n\ntype DialogType = 'info' | 'success' | 'error' | 'warning' | 'custom' | 'confirm'\ntype DialogSize = 'sm' | 'md' | 'lg' | 'xl'\n\ninterface DialogOptions {\n\ttitle?: string\n\tmessage: string | React.ReactNode\n\ticon?: React.ElementType\n\tclassName?: string\n\ttype?: DialogType\n\tsize?: DialogSize\n\tconfirmButton?: {\n\t\tlabel: string\n\t\tclassName?: string\n\t\tdisabled?: boolean\n\t\tloading?: boolean\n\t\tonClick?: () => void | Promise<void>\n\t}\n\tcancelButton?: {\n\t\tlabel: string\n\t\tclassName?: string\n\t\tdisabled?: boolean\n\t\tloading?: boolean\n\t\tonClick?: () => void\n\t}\n}\n\ninterface DialogContextType {\n\topen: (options: DialogOptions) => void\n\tclose: () => void\n\tinfo: (options: Omit<DialogOptions, 'type'>) => void\n\tsuccess: (options: Omit<DialogOptions, 'type'>) => void\n\terror: (options: Omit<DialogOptions, 'type'>) => void\n\twarning: (options: Omit<DialogOptions, 'type'>) => void\n\tcustom: (options: DialogOptions) => void\n\tconfirm: (options: Omit<DialogOptions, 'type'>) => void\n}\n\nconst DialogContext = React.createContext<DialogContextType | undefined>(undefined)\n\nconst sizeClasses: Record<DialogSize, string> = {\n\tsm: 'sm:max-w-[425px]',\n\tmd: 'sm:max-w-[550px]',\n\tlg: 'sm:max-w-[700px]',\n\txl: 'sm:max-w-[900px]',\n}\n\nconst iconClasses: Record<DialogType, { icon: React.ElementType; className: string }> = {\n\tinfo: { icon: Info, className: 'text-blue-500' },\n\tsuccess: { icon: CheckCircle, className: 'text-green-500' },\n\terror: { icon: XCircle, className: 'text-red-500' },\n\twarning: { icon: AlertCircle, className: 'text-yellow-500' },\n\tconfirm: { icon: HelpCircle, className: 'text-blue-500' },\n\tcustom: { icon: HelpCircle, className: 'text-gray-500' },\n}\n\nexport function DialogProvider({ children }: { children: React.ReactNode }) {\n\tconst [dialogState, setDialogState] = React.useState<{\n\t\tisOpen: boolean\n\t\toptions: DialogOptions | null\n\t}>({\n\t\tisOpen: false,\n\t\toptions: null,\n\t})\n\n\tconst open = React.useCallback((options: DialogOptions) => {\n\t\tsetDialogState({ isOpen: true, options })\n\t}, [])\n\n\tconst close = React.useCallback(() => {\n\t\tsetDialogState((prev) => ({ ...prev, isOpen: false }))\n\t}, [])\n\n\tconst info = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'info' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst success = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'success' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst error = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'error' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst warning = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'warning' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst custom = React.useCallback(\n\t\t(options: DialogOptions) => {\n\t\t\topen({ ...options, type: 'custom' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst confirm = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'confirm' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst getIcon = (type?: DialogType, customIcon?: React.ElementType) => {\n\t\tlet Icon = iconClasses[type as DialogType].icon\n\n\t\tif (customIcon) {\n\t\t\tIcon = customIcon\n\t\t}\n\n\t\treturn <Icon className={cn('h-24 w-24', iconClasses[type as DialogType].className)} />\n\t}\n\n\tconst contextValue = React.useMemo(\n\t\t() => ({\n\t\t\topen,\n\t\t\tclose,\n\t\t\tinfo,\n\t\t\tsuccess,\n\t\t\terror,\n\t\t\twarning,\n\t\t\tcustom,\n\t\t\tconfirm,\n\t\t}),\n\t\t[open, close, info, success, error, warning, custom, confirm],\n\t)\n\n\tconst [isProcessing, setIsProcessing] = React.useState(false)\n\n\treturn (\n\t\t<DialogContext.Provider value={contextValue}>\n\t\t\t{children}\n\t\t\t<Dialog open={dialogState.isOpen} onOpenChange={(open) => !open && close()} modal>\n\t\t\t\t<DialogContent\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tdialogState.options?.size\n\t\t\t\t\t\t\t? sizeClasses[dialogState.options.size]\n\t\t\t\t\t\t\t: sizeClasses.sm,\n\t\t\t\t\t\tdialogState.options?.className,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{dialogState.options && (\n\t\t\t\t\t\t<DialogHeader>\n\t\t\t\t\t\t\t<div className=\"mx-auto mb-6\">\n\t\t\t\t\t\t\t\t{getIcon(dialogState.options.type, dialogState.options.icon)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{dialogState.options.title && (\n\t\t\t\t\t\t\t\t<DialogTitle className=\"text-center\">\n\t\t\t\t\t\t\t\t\t{dialogState.options.title}\n\t\t\t\t\t\t\t\t</DialogTitle>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<DialogDescription className=\"text-center\">\n\t\t\t\t\t\t\t\t{dialogState.options.message}\n\t\t\t\t\t\t\t</DialogDescription>\n\t\t\t\t\t\t</DialogHeader>\n\t\t\t\t\t)}\n\t\t\t\t\t{dialogState.options?.type === 'confirm' && (\n\t\t\t\t\t\t<div className=\"flex justify-center gap-4 mt-4\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tisLoading={isProcessing ?? dialogState.options?.confirmButton?.loading}\n\t\t\t\t\t\t\t\tdisabled={dialogState.options?.confirmButton?.disabled}\n\t\t\t\t\t\t\t\tclassName={dialogState.options.confirmButton?.className}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tif (!dialogState.options?.confirmButton?.onClick) {\n\t\t\t\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t\t\t\t'Confirmation type dialog needs to implement the onConfirm function',\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tconst returned = dialogState.options?.confirmButton?.onClick()\n\n\t\t\t\t\t\t\t\t\tif (returned instanceof Promise) {\n\t\t\t\t\t\t\t\t\t\tsetIsProcessing(true)\n\t\t\t\t\t\t\t\t\t\treturned\n\t\t\t\t\t\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsProcessing(false)\n\t\t\t\t\t\t\t\t\t\t\t\tclose()\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t.finally(() => setIsProcessing(false))\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tclose()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{dialogState.options.confirmButton?.label ?? 'Confirm'}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{dialogState.options.cancelButton?.label && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tonClick={close}\n\t\t\t\t\t\t\t\t\tclassName={dialogState.options.cancelButton.className}\n\t\t\t\t\t\t\t\t\tisLoading={dialogState.options.cancelButton?.loading}\n\t\t\t\t\t\t\t\t\tdisabled={isProcessing || dialogState.options.cancelButton?.disabled}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{dialogState.options.cancelButton?.label}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</DialogContent>\n\t\t\t</Dialog>\n\t\t</DialogContext.Provider>\n\t)\n}\n\nexport function useDialog() {\n\tconst context = React.useContext(DialogContext)\n\tif (context === undefined) {\n\t\tthrow new Error('useDialog must be used within a DialogProvider')\n\t}\n\treturn context\n}\n"],"names":["DialogContext","React","sizeClasses","iconClasses","Info","CheckCircle","XCircle","AlertCircle","HelpCircle","DialogProvider","children","dialogState","setDialogState","open","options","close","prev","info","success","error","warning","custom","confirm","getIcon","type","customIcon","Icon","jsx","cn","contextValue","isProcessing","setIsProcessing","jsxs","Dialog","DialogContent","_a","_b","DialogHeader","DialogTitle","DialogDescription","_c","Button","_e","_d","_g","_f","_h","returned","_i","_j","_k","_l","_m","useDialog","context"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-dialog.js","sources":["../../../src/lib/hooks/use-dialog.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tButton,\n\tDialog,\n\tDialogContent,\n\tDialogDescription,\n\tDialogHeader,\n\tDialogTitle,\n} from '@/components'\nimport { AlertCircle, CheckCircle, HelpCircle, Info, XCircle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../utils'\n\ntype DialogType = 'info' | 'success' | 'error' | 'warning' | 'custom' | 'confirm'\ntype DialogSize = 'sm' | 'md' | 'lg' | 'xl'\n\ninterface DialogOptions {\n\ttitle?: string\n\tmessage: string | React.ReactNode\n\ticon?: React.ElementType\n\tclassName?: string\n\ttype?: DialogType\n\tsize?: DialogSize\n\tconfirmButton?: {\n\t\tlabel: string\n\t\tclassName?: string\n\t\tdisabled?: boolean\n\t\tloading?: boolean\n\t\tonClick?: () => void | Promise<void>\n\t}\n\tcancelButton?: {\n\t\tlabel: string\n\t\tclassName?: string\n\t\tdisabled?: boolean\n\t\tloading?: boolean\n\t\tonClick?: () => void\n\t}\n}\n\ninterface DialogContextType {\n\topen: (options: DialogOptions) => void\n\tclose: () => void\n\tinfo: (options: Omit<DialogOptions, 'type'>) => void\n\tsuccess: (options: Omit<DialogOptions, 'type'>) => void\n\terror: (options: Omit<DialogOptions, 'type'>) => void\n\twarning: (options: Omit<DialogOptions, 'type'>) => void\n\tcustom: (options: DialogOptions) => void\n\tconfirm: (options: Omit<DialogOptions, 'type'>) => void\n}\n\nconst DialogContext = React.createContext<DialogContextType | undefined>(undefined)\n\nconst sizeClasses: Record<DialogSize, string> = {\n\tsm: 'sm:max-w-[425px]',\n\tmd: 'sm:max-w-[550px]',\n\tlg: 'sm:max-w-[700px]',\n\txl: 'sm:max-w-[900px]',\n}\n\nconst iconClasses: Record<DialogType, { icon: React.ElementType; className: string }> = {\n\tinfo: { icon: Info, className: 'text-blue-500' },\n\tsuccess: { icon: CheckCircle, className: 'text-green-500' },\n\terror: { icon: XCircle, className: 'text-red-500' },\n\twarning: { icon: AlertCircle, className: 'text-yellow-500' },\n\tconfirm: { icon: HelpCircle, className: 'text-blue-500' },\n\tcustom: { icon: HelpCircle, className: 'text-gray-500' },\n}\n\nexport function DialogProvider({ children }: { children: React.ReactNode }) {\n\tconst [dialogState, setDialogState] = React.useState<{\n\t\tisOpen: boolean\n\t\toptions: DialogOptions | null\n\t}>({\n\t\tisOpen: false,\n\t\toptions: null,\n\t})\n\n\tconst open = React.useCallback((options: DialogOptions) => {\n\t\tsetDialogState({ isOpen: true, options })\n\t}, [])\n\n\tconst close = React.useCallback(() => {\n\t\tsetDialogState((prev) => ({ ...prev, isOpen: false }))\n\t}, [])\n\n\tconst info = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'info' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst success = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'success' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst error = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'error' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst warning = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'warning' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst custom = React.useCallback(\n\t\t(options: DialogOptions) => {\n\t\t\topen({ ...options, type: 'custom' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst confirm = React.useCallback(\n\t\t(options: Omit<DialogOptions, 'type'>) => {\n\t\t\topen({ ...options, type: 'confirm' })\n\t\t},\n\t\t[open],\n\t)\n\n\tconst getIcon = (type?: DialogType, customIcon?: React.ElementType) => {\n\t\tlet Icon = iconClasses[type as DialogType].icon\n\n\t\tif (customIcon) {\n\t\t\tIcon = customIcon\n\t\t}\n\n\t\treturn <Icon className={cn('h-24 w-24', iconClasses[type as DialogType].className)} />\n\t}\n\n\tconst contextValue = React.useMemo(\n\t\t() => ({\n\t\t\topen,\n\t\t\tclose,\n\t\t\tinfo,\n\t\t\tsuccess,\n\t\t\terror,\n\t\t\twarning,\n\t\t\tcustom,\n\t\t\tconfirm,\n\t\t}),\n\t\t[open, close, info, success, error, warning, custom, confirm],\n\t)\n\n\tconst [isProcessing, setIsProcessing] = React.useState(false)\n\n\treturn (\n\t\t<DialogContext.Provider value={contextValue}>\n\t\t\t{children}\n\t\t\t<Dialog open={dialogState.isOpen} onOpenChange={(open) => !open && close()} modal>\n\t\t\t\t<DialogContent\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tdialogState.options?.size\n\t\t\t\t\t\t\t? sizeClasses[dialogState.options.size]\n\t\t\t\t\t\t\t: sizeClasses.sm,\n\t\t\t\t\t\tdialogState.options?.className,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{dialogState.options && (\n\t\t\t\t\t\t<DialogHeader>\n\t\t\t\t\t\t\t<div className=\"mx-auto mb-6\">\n\t\t\t\t\t\t\t\t{getIcon(dialogState.options.type, dialogState.options.icon)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{dialogState.options.title && (\n\t\t\t\t\t\t\t\t<DialogTitle className=\"text-center\">\n\t\t\t\t\t\t\t\t\t{dialogState.options.title}\n\t\t\t\t\t\t\t\t</DialogTitle>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<DialogDescription className=\"text-center\">\n\t\t\t\t\t\t\t\t{dialogState.options.message}\n\t\t\t\t\t\t\t</DialogDescription>\n\t\t\t\t\t\t</DialogHeader>\n\t\t\t\t\t)}\n\t\t\t\t\t{dialogState.options?.type === 'confirm' && (\n\t\t\t\t\t\t<div className=\"flex justify-center gap-4 mt-4\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tisLoading={isProcessing ?? dialogState.options?.confirmButton?.loading}\n\t\t\t\t\t\t\t\tdisabled={dialogState.options?.confirmButton?.disabled}\n\t\t\t\t\t\t\t\tclassName={dialogState.options.confirmButton?.className}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tif (!dialogState.options?.confirmButton?.onClick) {\n\t\t\t\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t\t\t\t'Confirmation type dialog needs to implement the onConfirm function',\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tconst returned = dialogState.options?.confirmButton?.onClick()\n\n\t\t\t\t\t\t\t\t\tif (returned instanceof Promise) {\n\t\t\t\t\t\t\t\t\t\tsetIsProcessing(true)\n\t\t\t\t\t\t\t\t\t\treturned\n\t\t\t\t\t\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsProcessing(false)\n\t\t\t\t\t\t\t\t\t\t\t\tclose()\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t.finally(() => setIsProcessing(false))\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tclose()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{dialogState.options.confirmButton?.label ?? 'Confirm'}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{dialogState.options.cancelButton?.label && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tonClick={close}\n\t\t\t\t\t\t\t\t\tclassName={dialogState.options.cancelButton.className}\n\t\t\t\t\t\t\t\t\tisLoading={dialogState.options.cancelButton?.loading}\n\t\t\t\t\t\t\t\t\tdisabled={isProcessing || dialogState.options.cancelButton?.disabled}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{dialogState.options.cancelButton?.label}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</DialogContent>\n\t\t\t</Dialog>\n\t\t</DialogContext.Provider>\n\t)\n}\n\nexport function useDialog() {\n\tconst context = React.useContext(DialogContext)\n\tif (context === undefined) {\n\t\tthrow new Error('useDialog must be used within a DialogProvider')\n\t}\n\treturn context\n}\n"],"names":["DialogContext","React","sizeClasses","iconClasses","Info","CheckCircle","XCircle","AlertCircle","HelpCircle","DialogProvider","children","dialogState","setDialogState","open","options","close","prev","info","success","error","warning","custom","confirm","getIcon","type","customIcon","Icon","jsx","cn","contextValue","isProcessing","setIsProcessing","jsxs","Dialog","DialogContent","_a","_b","DialogHeader","DialogTitle","DialogDescription","_c","Button","_e","_d","_g","_f","_h","returned","_i","_j","_k","_l","_m","useDialog","context"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-dialog.stories.js","sources":["../../../src/lib/hooks/use-dialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { Send } from 'lucide-react'\nimport React from 'react'\nimport { Button } from '../../components'\nimport { DialogProvider, useDialog } from '../hooks/use-dialog'\n\n/**\n * A simple example of using the useDialog hook.\n *\n * This example shows how to open a dialog with a title, message, and type.\n *\n * The dialog is opened when the button is clicked.\n */\nconst DialogExample: React.FC = () => {\n\tconst dialog = useDialog()\n\n\tconst handleOpenInfoDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Example Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'info',\n\t\t})\n\t}\n\n\tconst handleOpenCustomDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Custom Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'custom',\n\t\t\ticon: Send,\n\t\t})\n\t}\n\n\tconst handleOpenErrorDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Error Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'error',\n\t\t})\n\t}\n\n\tconst handleOpenSuccessDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Success Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'success',\n\t\t})\n\t}\n\n\tconst handleOpenWarningDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Warning Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'warning',\n\t\t})\n\t}\n\n\tconst handleOpenConfirmDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Confirmation Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'confirm',\n\t\t\tconfirmButton: {\n\t\t\t\tlabel: 'Yes',\n\t\t\t\tonClick: () => alert('Confirmation ok'),\n\t\t\t\tclassName: 'bg-red-600 text-white',\n\t\t\t},\n\t\t\tcancelButton: {\n\t\t\t\tlabel: 'Close',\n\t\t\t},\n\t\t})\n\t}\n\n\tconst handleOpenConfirmPromiseDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Confirmation Dialog',\n\t\t\tmessage:\n\t\t\t\t'This is an example dialog using useDialog hook. The confirmation Promise takes 5s to resolve',\n\t\t\ttype: 'confirm',\n\t\t\tconfirmButton: {\n\t\t\t\tlabel: 'Yes, execute the promise',\n\t\t\t\tonClick: () => new Promise((resolve) => setTimeout(resolve, 5000)),\n\t\t\t},\n\t\t\tcancelButton: {\n\t\t\t\tlabel: 'Cancel',\n\t\t\t},\n\t\t})\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-2 max-w-sm\">\n\t\t\t<Button onClick={handleOpenInfoDialog}>Open Info Dialog</Button>\n\t\t\t<Button onClick={handleOpenErrorDialog}>Open Error Dialog</Button>\n\t\t\t<Button onClick={handleOpenSuccessDialog}>Open Success Dialog</Button>\n\t\t\t<Button onClick={handleOpenWarningDialog}>Open Warning Dialog</Button>\n\t\t\t<Button onClick={handleOpenCustomDialog}>Open Custom Dialog</Button>\n\t\t\t<Button onClick={handleOpenConfirmDialog}>Open Confirm Dialog</Button>\n\t\t\t<Button onClick={handleOpenConfirmPromiseDialog}>\n\t\t\t\tOpen Confirm Dialog + Promise\n\t\t\t</Button>\n\t\t</div>\n\t)\n}\n\nconst meta: Meta<typeof DialogExample> = {\n\ttitle: 'Hooks/useDialog',\n\tcomponent: DialogExample,\n}\n\nconst Template = () => {\n\treturn (\n\t\t<DialogProvider>\n\t\t\t<DialogExample />\n\t\t</DialogProvider>\n\t)\n}\n\nexport default meta\ntype Story = StoryObj<typeof DialogExample>\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["DialogExample","dialog","useDialog","handleOpenInfoDialog","handleOpenCustomDialog","Send","handleOpenErrorDialog","handleOpenSuccessDialog","handleOpenWarningDialog","handleOpenConfirmDialog","handleOpenConfirmPromiseDialog","resolve","jsxs","jsx","Button","Template","DialogProvider"],"mappings":"mgFAaA,MAAMA,EAA0B,IAAM,CACrC,MAAMC,EAASC,
|
|
1
|
+
{"version":3,"file":"use-dialog.stories.js","sources":["../../../src/lib/hooks/use-dialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { Send } from 'lucide-react'\nimport React from 'react'\nimport { Button } from '../../components'\nimport { DialogProvider, useDialog } from '../hooks/use-dialog'\n\n/**\n * A simple example of using the useDialog hook.\n *\n * This example shows how to open a dialog with a title, message, and type.\n *\n * The dialog is opened when the button is clicked.\n */\nconst DialogExample: React.FC = () => {\n\tconst dialog = useDialog()\n\n\tconst handleOpenInfoDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Example Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'info',\n\t\t})\n\t}\n\n\tconst handleOpenCustomDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Custom Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'custom',\n\t\t\ticon: Send,\n\t\t})\n\t}\n\n\tconst handleOpenErrorDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Error Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'error',\n\t\t})\n\t}\n\n\tconst handleOpenSuccessDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Success Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'success',\n\t\t})\n\t}\n\n\tconst handleOpenWarningDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Warning Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'warning',\n\t\t})\n\t}\n\n\tconst handleOpenConfirmDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Confirmation Dialog',\n\t\t\tmessage: 'This is an example dialog using useDialog hook.',\n\t\t\ttype: 'confirm',\n\t\t\tconfirmButton: {\n\t\t\t\tlabel: 'Yes',\n\t\t\t\tonClick: () => alert('Confirmation ok'),\n\t\t\t\tclassName: 'bg-red-600 text-white',\n\t\t\t},\n\t\t\tcancelButton: {\n\t\t\t\tlabel: 'Close',\n\t\t\t},\n\t\t})\n\t}\n\n\tconst handleOpenConfirmPromiseDialog = () => {\n\t\tdialog.open({\n\t\t\ttitle: 'Confirmation Dialog',\n\t\t\tmessage:\n\t\t\t\t'This is an example dialog using useDialog hook. The confirmation Promise takes 5s to resolve',\n\t\t\ttype: 'confirm',\n\t\t\tconfirmButton: {\n\t\t\t\tlabel: 'Yes, execute the promise',\n\t\t\t\tonClick: () => new Promise((resolve) => setTimeout(resolve, 5000)),\n\t\t\t},\n\t\t\tcancelButton: {\n\t\t\t\tlabel: 'Cancel',\n\t\t\t},\n\t\t})\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-2 max-w-sm\">\n\t\t\t<Button onClick={handleOpenInfoDialog}>Open Info Dialog</Button>\n\t\t\t<Button onClick={handleOpenErrorDialog}>Open Error Dialog</Button>\n\t\t\t<Button onClick={handleOpenSuccessDialog}>Open Success Dialog</Button>\n\t\t\t<Button onClick={handleOpenWarningDialog}>Open Warning Dialog</Button>\n\t\t\t<Button onClick={handleOpenCustomDialog}>Open Custom Dialog</Button>\n\t\t\t<Button onClick={handleOpenConfirmDialog}>Open Confirm Dialog</Button>\n\t\t\t<Button onClick={handleOpenConfirmPromiseDialog}>\n\t\t\t\tOpen Confirm Dialog + Promise\n\t\t\t</Button>\n\t\t</div>\n\t)\n}\n\nconst meta: Meta<typeof DialogExample> = {\n\ttitle: 'Hooks/useDialog',\n\tcomponent: DialogExample,\n}\n\nconst Template = () => {\n\treturn (\n\t\t<DialogProvider>\n\t\t\t<DialogExample />\n\t\t</DialogProvider>\n\t)\n}\n\nexport default meta\ntype Story = StoryObj<typeof DialogExample>\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["DialogExample","dialog","useDialog","handleOpenInfoDialog","handleOpenCustomDialog","Send","handleOpenErrorDialog","handleOpenSuccessDialog","handleOpenWarningDialog","handleOpenConfirmDialog","handleOpenConfirmPromiseDialog","resolve","jsxs","jsx","Button","Template","DialogProvider"],"mappings":"mgFAaA,MAAMA,EAA0B,IAAM,CACrC,MAAMC,EAASC,EAAA,EAETC,EAAuB,IAAM,CAClCF,EAAO,KAAK,CACX,MAAO,iBACP,QAAS,kDACT,KAAM,MAAA,CACN,CAAA,EAGIG,EAAyB,IAAM,CACpCH,EAAO,KAAK,CACX,MAAO,gBACP,QAAS,kDACT,KAAM,SACN,KAAMI,CAAA,CACN,CAAA,EAGIC,EAAwB,IAAM,CACnCL,EAAO,KAAK,CACX,MAAO,eACP,QAAS,kDACT,KAAM,OAAA,CACN,CAAA,EAGIM,EAA0B,IAAM,CACrCN,EAAO,KAAK,CACX,MAAO,iBACP,QAAS,kDACT,KAAM,SAAA,CACN,CAAA,EAGIO,EAA0B,IAAM,CACrCP,EAAO,KAAK,CACX,MAAO,iBACP,QAAS,kDACT,KAAM,SAAA,CACN,CAAA,EAGIQ,EAA0B,IAAM,CACrCR,EAAO,KAAK,CACX,MAAO,sBACP,QAAS,kDACT,KAAM,UACN,cAAe,CACd,MAAO,MACP,QAAS,IAAM,MAAM,iBAAiB,EACtC,UAAW,uBAAA,EAEZ,aAAc,CACb,MAAO,OAAA,CACR,CACA,CAAA,EAGIS,EAAiC,IAAM,CAC5CT,EAAO,KAAK,CACX,MAAO,sBACP,QACC,+FACD,KAAM,UACN,cAAe,CACd,MAAO,2BACP,QAAS,IAAM,IAAI,QAASU,GAAY,WAAWA,EAAS,GAAI,CAAC,CAAA,EAElE,aAAc,CACb,MAAO,QAAA,CACR,CACA,CAAA,EAGF,OACCC,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACd,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAO,QAASX,EAAsB,SAAA,mBAAgB,EACvDU,EAAAA,IAACC,EAAA,CAAO,QAASR,EAAuB,SAAA,oBAAiB,EACzDO,EAAAA,IAACC,EAAA,CAAO,QAASP,EAAyB,SAAA,sBAAmB,EAC7DM,EAAAA,IAACC,EAAA,CAAO,QAASN,EAAyB,SAAA,sBAAmB,EAC7DK,EAAAA,IAACC,EAAA,CAAO,QAASV,EAAwB,SAAA,qBAAkB,EAC3DS,EAAAA,IAACC,EAAA,CAAO,QAASL,EAAyB,SAAA,sBAAmB,EAC7DI,EAAAA,IAACC,EAAA,CAAO,QAASJ,EAAgC,SAAA,+BAAA,CAEjD,CAAA,EACD,CAEF,EAOMK,EAAW,IAEfF,EAAAA,IAACG,EAAA,CACA,SAAAH,EAAAA,IAACb,EAAA,CAAA,CAAc,EAChB,EAQOe,EAAS,KAAK,EAAE"}
|