buildgrid-ui 1.14.6 → 1.14.8
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 +2 -0
- package/dist/assets/en-US-BUOWLxFp.js.map +1 -0
- package/dist/assets/jsx-runtime-D_zvdyIk.js +10 -0
- package/dist/assets/jsx-runtime-D_zvdyIk.js.map +1 -0
- 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 +2 -0
- package/dist/blocks/bento-grid/bento-grid.js.map +1 -0
- package/dist/blocks/bento-grid/bento-grid.stories.js +2 -0
- package/dist/blocks/bento-grid/bento-grid.stories.js.map +1 -0
- package/dist/blocks/bento-grid/index.js +2 -0
- package/dist/blocks/bento-grid/index.js.map +1 -0
- package/dist/blocks/data-table/components/active-filters.js +2 -0
- package/dist/blocks/data-table/components/active-filters.js.map +1 -0
- package/dist/blocks/data-table/components/column-visibility-dropdown.js +2 -0
- package/dist/blocks/data-table/components/column-visibility-dropdown.js.map +1 -0
- package/dist/blocks/data-table/components/filter-dropdown.js +2 -0
- package/dist/blocks/data-table/components/filter-dropdown.js.map +1 -0
- package/dist/blocks/data-table/components/search-input.js +2 -0
- package/dist/blocks/data-table/components/search-input.js.map +1 -0
- package/dist/blocks/data-table/components/selection-info.js +2 -0
- package/dist/blocks/data-table/components/selection-info.js.map +1 -0
- package/dist/blocks/data-table/components/table-header.js +2 -0
- package/dist/blocks/data-table/components/table-header.js.map +1 -0
- package/dist/blocks/data-table/components/table-row.js +2 -0
- package/dist/blocks/data-table/components/table-row.js.map +1 -0
- package/dist/blocks/data-table/components/table-skeleton.js +2 -0
- package/dist/blocks/data-table/components/table-skeleton.js.map +1 -0
- package/dist/blocks/data-table/data-table.js +2 -0
- package/dist/blocks/data-table/data-table.js.map +1 -0
- package/dist/blocks/data-table/data-table.stories.js +2 -0
- package/dist/blocks/data-table/data-table.stories.js.map +1 -0
- package/dist/blocks/data-table/index.js +2 -0
- package/dist/blocks/data-table/index.js.map +1 -0
- package/dist/blocks/data-table/types/data-table.js +2 -0
- package/dist/blocks/data-table/types/data-table.js.map +1 -0
- package/dist/blocks/data-table/utils/export.js +3 -0
- package/dist/blocks/data-table/utils/export.js.map +1 -0
- package/dist/blocks/empty-message/empty-message.js +2 -0
- package/dist/blocks/empty-message/empty-message.js.map +1 -0
- package/dist/blocks/empty-message/empty-message.stories.js +2 -0
- package/dist/blocks/empty-message/empty-message.stories.js.map +1 -0
- package/dist/blocks/empty-message/index.js +2 -0
- package/dist/blocks/empty-message/index.js.map +1 -0
- package/dist/blocks/help-carousel/help-carousel.js +2 -0
- package/dist/blocks/help-carousel/help-carousel.js.map +1 -0
- package/dist/blocks/help-carousel/help-carousel.stories.js +2 -0
- package/dist/blocks/help-carousel/help-carousel.stories.js.map +1 -0
- package/dist/blocks/help-carousel/index.js +2 -0
- package/dist/blocks/help-carousel/index.js.map +1 -0
- package/dist/blocks/html-text-editor/html-text-area.js +2 -0
- package/dist/blocks/html-text-editor/html-text-area.js.map +1 -0
- package/dist/blocks/html-text-editor/html-text-area.stories.js +8 -0
- package/dist/blocks/html-text-editor/html-text-area.stories.js.map +1 -0
- package/dist/blocks/html-text-editor/html-text-editor.js +2 -0
- package/dist/blocks/html-text-editor/html-text-editor.js.map +1 -0
- package/dist/blocks/html-text-editor/html-text-editor.stories.js +2 -0
- package/dist/blocks/html-text-editor/html-text-editor.stories.js.map +1 -0
- package/dist/blocks/html-text-editor/index.js +2 -0
- package/dist/blocks/html-text-editor/index.js.map +1 -0
- package/dist/blocks/html-text-editor/options-bar.js +2 -0
- package/dist/blocks/html-text-editor/options-bar.js.map +1 -0
- package/dist/blocks/index.js +2 -0
- package/dist/blocks/index.js.map +1 -0
- package/dist/blocks/lazy-image-gallery/index.js +2 -0
- package/dist/blocks/lazy-image-gallery/index.js.map +1 -0
- package/dist/blocks/lazy-image-gallery/lazy-image-gallery.js +2 -0
- package/dist/blocks/lazy-image-gallery/lazy-image-gallery.js.map +1 -0
- package/dist/blocks/lazy-image-gallery/lazy-image-gallery.stories.js +2 -0
- package/dist/blocks/lazy-image-gallery/lazy-image-gallery.stories.js.map +1 -0
- package/dist/blocks/month-navigator/index.js +2 -0
- package/dist/blocks/month-navigator/index.js.map +1 -0
- package/dist/blocks/month-navigator/month-navigator.js +2 -0
- package/dist/blocks/month-navigator/month-navigator.js.map +1 -0
- package/dist/blocks/month-navigator/month-navigator.stories.js +2 -0
- package/dist/blocks/month-navigator/month-navigator.stories.js.map +1 -0
- package/dist/blocks/navigable-list/index.js +2 -0
- package/dist/blocks/navigable-list/index.js.map +1 -0
- package/dist/blocks/navigable-list/navigable-list.js +2 -0
- package/dist/blocks/navigable-list/navigable-list.js.map +1 -0
- package/dist/blocks/navigable-list/navigable-list.stories.js +2 -0
- package/dist/blocks/navigable-list/navigable-list.stories.js.map +1 -0
- package/dist/blocks/paginated-items/index.js +2 -0
- package/dist/blocks/paginated-items/index.js.map +1 -0
- package/dist/blocks/paginated-items/paginated-items.js +2 -0
- package/dist/blocks/paginated-items/paginated-items.js.map +1 -0
- package/dist/blocks/paginated-items/paginated-items.stories.js +2 -0
- package/dist/blocks/paginated-items/paginated-items.stories.js.map +1 -0
- package/dist/blocks/pagination-controls/index.js +2 -0
- package/dist/blocks/pagination-controls/index.js.map +1 -0
- package/dist/blocks/pagination-controls/pagination-controls.js +2 -0
- package/dist/blocks/pagination-controls/pagination-controls.js.map +1 -0
- package/dist/blocks/pagination-controls/pagination-controls.stories.js +2 -0
- package/dist/blocks/pagination-controls/pagination-controls.stories.js.map +1 -0
- package/dist/blocks/sidebar/index.js +2 -0
- package/dist/blocks/sidebar/index.js.map +1 -0
- package/dist/blocks/sidebar/sidebar.js +2 -0
- package/dist/blocks/sidebar/sidebar.js.map +1 -0
- package/dist/blocks/sidebar/sidebar.stories.js +2 -0
- package/dist/blocks/sidebar/sidebar.stories.js.map +1 -0
- package/dist/components/accordion/accordion.js +2 -0
- package/dist/components/accordion/accordion.js.map +1 -0
- package/dist/components/accordion/accordion.stories.js +2 -0
- package/dist/components/accordion/accordion.stories.js.map +1 -0
- package/dist/components/accordion/index.js +2 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/adaptive-input/adaptive-input.js +2 -0
- package/dist/components/adaptive-input/adaptive-input.js.map +1 -0
- package/dist/components/adaptive-input/adaptive-input.stories.js +2 -0
- package/dist/components/adaptive-input/adaptive-input.stories.js.map +1 -0
- package/dist/components/adaptive-input/index.js +2 -0
- package/dist/components/adaptive-input/index.js.map +1 -0
- package/dist/components/alert-dialog/alert-dialog.js +2 -0
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -0
- package/dist/components/alert-dialog/alert-dialog.stories.js +2 -0
- package/dist/components/alert-dialog/alert-dialog.stories.js.map +1 -0
- package/dist/components/alert-dialog/index.js +2 -0
- package/dist/components/alert-dialog/index.js.map +1 -0
- package/dist/components/autocomplete/autocomplete.js +2 -0
- package/dist/components/autocomplete/autocomplete.js.map +1 -0
- package/dist/components/autocomplete/autocomplete.stories.js +2 -0
- package/dist/components/autocomplete/autocomplete.stories.js.map +1 -0
- package/dist/components/autocomplete/autocomplete.test.js +2 -0
- package/dist/components/autocomplete/autocomplete.test.js.map +1 -0
- package/dist/components/autocomplete/index.js +2 -0
- package/dist/components/autocomplete/index.js.map +1 -0
- package/dist/components/avatar/avatar.js +2 -0
- package/dist/components/avatar/avatar.js.map +1 -0
- package/dist/components/avatar/avatar.stories.js +2 -0
- package/dist/components/avatar/avatar.stories.js.map +1 -0
- package/dist/components/avatar/index.js +2 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/badge.js +2 -0
- package/dist/components/badge/badge.js.map +1 -0
- package/dist/components/badge/badge.stories.js +2 -0
- package/dist/components/badge/badge.stories.js.map +1 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/button/button.js +2 -0
- package/dist/components/button/button.js.map +1 -0
- package/dist/components/button/button.stories.js +2 -0
- package/dist/components/button/button.stories.js.map +1 -0
- package/dist/components/button/button.test.js +2 -0
- package/dist/components/button/button.test.js.map +1 -0
- package/dist/components/button/button.types.js +2 -0
- package/dist/components/button/button.types.js.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/calendar/calendar.js +2 -0
- package/dist/components/calendar/calendar.js.map +1 -0
- package/dist/components/calendar/calendar.stories.js +2 -0
- package/dist/components/calendar/calendar.stories.js.map +1 -0
- package/dist/components/calendar/index.js +2 -0
- package/dist/components/calendar/index.js.map +1 -0
- package/dist/components/card/card.js +2 -0
- package/dist/components/card/card.js.map +1 -0
- package/dist/components/card/card.stories.js +2 -0
- package/dist/components/card/card.stories.js.map +1 -0
- package/dist/components/card/index.js +2 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/checkbox/checkbox.js +2 -0
- package/dist/components/checkbox/checkbox.js.map +1 -0
- package/dist/components/checkbox/checkbox.stories.js +2 -0
- package/dist/components/checkbox/checkbox.stories.js.map +1 -0
- package/dist/components/checkbox/index.js +2 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/command/command.js +2 -0
- package/dist/components/command/command.js.map +1 -0
- package/dist/components/command/command.stories.js +2 -0
- package/dist/components/command/command.stories.js.map +1 -0
- package/dist/components/command/index.js +2 -0
- package/dist/components/command/index.js.map +1 -0
- package/dist/components/currency-input/currency-input.js +2 -0
- package/dist/components/currency-input/currency-input.js.map +1 -0
- package/dist/components/currency-input/currency-input.stories.js +2 -0
- package/dist/components/currency-input/currency-input.stories.js.map +1 -0
- package/dist/components/currency-input/index.js +2 -0
- package/dist/components/currency-input/index.js.map +1 -0
- package/dist/components/dialog/dialog.js +2 -0
- package/dist/components/dialog/dialog.js.map +1 -0
- package/dist/components/dialog/dialog.stories.js +2 -0
- package/dist/components/dialog/dialog.stories.js.map +1 -0
- package/dist/components/dialog/index.js +2 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.js +2 -0
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.stories.js +2 -0
- package/dist/components/dropdown-menu/dropdown-menu.stories.js.map +1 -0
- package/dist/components/dropdown-menu/index.js +2 -0
- package/dist/components/dropdown-menu/index.js.map +1 -0
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/input/index.js +2 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input/input.js +2 -0
- package/dist/components/input/input.js.map +1 -0
- package/dist/components/input/input.stories.js +2 -0
- package/dist/components/input/input.stories.js.map +1 -0
- package/dist/components/label/index.js +2 -0
- package/dist/components/label/index.js.map +1 -0
- package/dist/components/label/label.js +2 -0
- package/dist/components/label/label.js.map +1 -0
- package/dist/components/label/label.stories.js +2 -0
- package/dist/components/label/label.stories.js.map +1 -0
- package/dist/components/multi-select/index.js +2 -0
- package/dist/components/multi-select/index.js.map +1 -0
- package/dist/components/multi-select/multi-select.js +2 -0
- package/dist/components/multi-select/multi-select.js.map +1 -0
- package/dist/components/multi-select/multi-select.stories.js +2 -0
- package/dist/components/multi-select/multi-select.stories.js.map +1 -0
- package/dist/components/navigation-menu/index.js +2 -0
- package/dist/components/navigation-menu/index.js.map +1 -0
- package/dist/components/navigation-menu/navigation-menu.js +2 -0
- package/dist/components/navigation-menu/navigation-menu.js.map +1 -0
- package/dist/components/navigation-menu/navigation-menu.stories.js +2 -0
- package/dist/components/navigation-menu/navigation-menu.stories.js.map +1 -0
- package/dist/components/pagination/index.js +2 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/pagination/pagination.js +2 -0
- package/dist/components/pagination/pagination.js.map +1 -0
- package/dist/components/pagination/pagination.stories.js +2 -0
- package/dist/components/pagination/pagination.stories.js.map +1 -0
- package/dist/components/password-input/index.js +2 -0
- package/dist/components/password-input/index.js.map +1 -0
- package/dist/components/password-input/password-input.js +2 -0
- package/dist/components/password-input/password-input.js.map +1 -0
- package/dist/components/password-input/password-input.stories.js +2 -0
- package/dist/components/password-input/password-input.stories.js.map +1 -0
- package/dist/components/popover/index.js +2 -0
- package/dist/components/popover/index.js.map +1 -0
- package/dist/components/popover/popover.js +2 -0
- package/dist/components/popover/popover.js.map +1 -0
- package/dist/components/popover/popover.stories.js +2 -0
- package/dist/components/popover/popover.stories.js.map +1 -0
- package/dist/components/progress/index.js +2 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/components/progress/progress.js +2 -0
- package/dist/components/progress/progress.js.map +1 -0
- package/dist/components/progress/progress.stories.js +2 -0
- package/dist/components/progress/progress.stories.js.map +1 -0
- package/dist/components/radio-group/index.js +2 -0
- package/dist/components/radio-group/index.js.map +1 -0
- package/dist/components/radio-group/radio-group.js +2 -0
- package/dist/components/radio-group/radio-group.js.map +1 -0
- package/dist/components/radio-group/radio-group.stories.js +2 -0
- package/dist/components/radio-group/radio-group.stories.js.map +1 -0
- package/dist/components/select/index.js +2 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/select/select.js +2 -0
- package/dist/components/select/select.js.map +1 -0
- package/dist/components/select/select.stories.js +2 -0
- package/dist/components/select/select.stories.js.map +1 -0
- package/dist/components/separator/index.js +2 -0
- package/dist/components/separator/index.js.map +1 -0
- package/dist/components/separator/separator.js +2 -0
- package/dist/components/separator/separator.js.map +1 -0
- package/dist/components/separator/separator.stories.js +2 -0
- package/dist/components/separator/separator.stories.js.map +1 -0
- package/dist/components/skeleton/index.js +2 -0
- package/dist/components/skeleton/index.js.map +1 -0
- package/dist/components/skeleton/skeleton.js +2 -0
- package/dist/components/skeleton/skeleton.js.map +1 -0
- package/dist/components/skeleton/skeleton.stories.js +2 -0
- package/dist/components/skeleton/skeleton.stories.js.map +1 -0
- package/dist/components/spinner/index.js +2 -0
- package/dist/components/spinner/index.js.map +1 -0
- package/dist/components/spinner/spinner.js +2 -0
- package/dist/components/spinner/spinner.js.map +1 -0
- package/dist/components/spinner/spinner.stories.js +2 -0
- package/dist/components/spinner/spinner.stories.js.map +1 -0
- package/dist/components/switch/index.js +2 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/switch/switch.js +2 -0
- package/dist/components/switch/switch.js.map +1 -0
- package/dist/components/switch/switch.stories.js +2 -0
- package/dist/components/switch/switch.stories.js.map +1 -0
- package/dist/components/table/index.js +2 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/table/table.js +2 -0
- package/dist/components/table/table.js.map +1 -0
- package/dist/components/table/table.stories.js +2 -0
- package/dist/components/table/table.stories.js.map +1 -0
- package/dist/components/tabs/index.js +2 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tabs/tabs.js +2 -0
- package/dist/components/tabs/tabs.js.map +1 -0
- package/dist/components/tabs/tabs.stories.js +2 -0
- package/dist/components/tabs/tabs.stories.js.map +1 -0
- package/dist/components/textarea/index.js +2 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/textarea/textarea.js +2 -0
- package/dist/components/textarea/textarea.js.map +1 -0
- package/dist/components/textarea/textarea.stories.js +2 -0
- package/dist/components/textarea/textarea.stories.js.map +1 -0
- package/dist/components/toaster/index.js +2 -0
- package/dist/components/toaster/index.js.map +1 -0
- package/dist/components/toaster/toast.js +2 -0
- package/dist/components/toaster/toast.js.map +1 -0
- package/dist/components/toaster/toaster.js +2 -0
- package/dist/components/toaster/toaster.js.map +1 -0
- package/dist/components/toaster/toaster.stories.js +2 -0
- package/dist/components/toaster/toaster.stories.js.map +1 -0
- package/dist/components/toggle/index.js +2 -0
- package/dist/components/toggle/index.js.map +1 -0
- package/dist/components/toggle/toggle.js +2 -0
- package/dist/components/toggle/toggle.js.map +1 -0
- package/dist/components/toggle/toggle.stories.js +2 -0
- package/dist/components/toggle/toggle.stories.js.map +1 -0
- package/dist/components/toggle-group/index.js +2 -0
- package/dist/components/toggle-group/index.js.map +1 -0
- package/dist/components/toggle-group/toggle-group.js +2 -0
- package/dist/components/toggle-group/toggle-group.js.map +1 -0
- package/dist/components/toggle-group/toggle-group.stories.js +2 -0
- package/dist/components/toggle-group/toggle-group.stories.js.map +1 -0
- package/dist/components/tooltip/index.js +2 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/tooltip/tooltip.js +2 -0
- package/dist/components/tooltip/tooltip.js.map +1 -0
- package/dist/components/tooltip/tooltip.stories.js +2 -0
- package/dist/components/tooltip/tooltip.stories.js.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/hooks/index.js +2 -0
- package/dist/lib/hooks/index.js.map +1 -0
- package/dist/lib/hooks/use-array.js +2 -0
- package/dist/lib/hooks/use-array.js.map +1 -0
- package/dist/lib/hooks/use-copy-to-clipboard.js +2 -0
- package/dist/lib/hooks/use-copy-to-clipboard.js.map +1 -0
- package/dist/lib/hooks/use-debounce.js +2 -0
- package/dist/lib/hooks/use-debounce.js.map +1 -0
- package/dist/lib/hooks/use-dialog.js +2 -0
- package/dist/lib/hooks/use-dialog.js.map +1 -0
- package/dist/lib/hooks/use-dialog.stories.js +2 -0
- package/dist/lib/hooks/use-dialog.stories.js.map +1 -0
- package/dist/lib/hooks/use-disclosure-bool.js +2 -0
- package/dist/lib/hooks/use-disclosure-bool.js.map +1 -0
- package/dist/lib/hooks/use-disclosure.js +2 -0
- package/dist/lib/hooks/use-disclosure.js.map +1 -0
- package/dist/lib/hooks/use-file-utilities.js +2 -0
- package/dist/lib/hooks/use-file-utilities.js.map +1 -0
- package/dist/lib/hooks/use-key-press.js +2 -0
- package/dist/lib/hooks/use-key-press.js.map +1 -0
- package/dist/lib/hooks/use-local-storage.js +2 -0
- package/dist/lib/hooks/use-local-storage.js.map +1 -0
- package/dist/lib/hooks/use-media-query.js +2 -0
- package/dist/lib/hooks/use-media-query.js.map +1 -0
- package/dist/lib/hooks/use-mobile.js +2 -0
- package/dist/lib/hooks/use-mobile.js.map +1 -0
- package/dist/lib/hooks/use-pwa-install.js +2 -0
- package/dist/lib/hooks/use-pwa-install.js.map +1 -0
- package/dist/lib/types/ts-utilities.js +2 -0
- package/dist/lib/types/ts-utilities.js.map +1 -0
- package/dist/lib/utils/cn.js +2 -0
- package/dist/lib/utils/cn.js.map +1 -0
- package/dist/lib/utils/date-formatters.js +2 -0
- package/dist/lib/utils/date-formatters.js.map +1 -0
- package/dist/lib/utils/formatters.js +2 -0
- package/dist/lib/utils/formatters.js.map +1 -0
- package/dist/lib/utils/index.js +2 -0
- package/dist/lib/utils/index.js.map +1 -0
- package/dist/lib/utils/merge-objects.js +2 -0
- package/dist/lib/utils/merge-objects.js.map +1 -0
- package/dist/lib/utils/string.js +2 -0
- package/dist/lib/utils/string.js.map +1 -0
- package/package.json +15 -19
- package/dist/buildgrid-ui.es.js +0 -17094
- package/dist/buildgrid-ui.umd.js +0 -277
- /package/dist/{buildgrid-ui.css → assets/unreset.css} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as e}from"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";const d=({className:t,repeat:m=1,...a})=>r.jsx(r.Fragment,{children:Array.from({length:m??1}).map((n,o)=>r.jsx("div",{className:e("animate-shimmer bg-gradient-to-r from-gray-300 via-gray-100 to-gray-300","bg-[length:200%_100%] rounded-md h-5",t),...a},o))});export{d as S};
|
|
2
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -0,0 +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":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import{S as r}from"./skeleton.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";const s=()=>e.jsx("div",{className:"space-y-2",children:e.jsx(r,{className:"w-96 h-5",repeat:3})});s.bind({});
|
|
2
|
+
//# sourceMappingURL=skeleton.stories.js.map
|
|
@@ -0,0 +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,EAAAA,IAAC,MAAA,CAAI,UAAU,YACd,SAAAA,EAAAA,IAACC,GAAS,UAAU,WAAW,OAAQ,CAAA,CAAG,CAAA,CAC3C,EAKOF,EAAS,KAAK,EAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as t}from"../../lib/utils/cn.js";import"date-fns-tz";import{cva as l}from"class-variance-authority";import{LoaderCircle as c}from"lucide-react";import"clsx";import"tailwind-merge";const r=l("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",{variants:{color:{primary:"text-primary",secondary:"text-secondary",success:"text-green-700",error:"text-red-700",warning:"text-yellow-700",info:"text-blue-700",white:"text-white",neutral:"text-gray-700"},size:{xs:"h-4 w-4",sm:"h-6 w-6",md:"h-8 w-8",lg:"h-10 w-10",xl:"h-14 w-14","2xl":"h-20 w-20"}},defaultVariants:{color:"primary",size:"md"}}),w=n=>{const{label:i,size:o,color:s,className:a}=n;return e.jsxs("div",{className:t("flex flex-col justify-center items-center",a),children:[e.jsx(c,{className:t(r({color:s,size:o}),"animate-spin")}),i&&e.jsx("p",{className:t("italic",r({color:s})),children:i})]})};export{w as S};
|
|
2
|
+
//# sourceMappingURL=spinner.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinner.stories.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as t}from"../../lib/utils/cn.js";import"date-fns-tz";import*as e from"@radix-ui/react-switch";import*as a from"react";import"clsx";import"tailwind-merge";const n=a.forwardRef(({className:o,...s},i)=>r.jsx(e.Root,{className: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",o),...s,ref:i,children:r.jsx(e.Thumb,{className: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.displayName=e.Root.displayName;export{n as S};
|
|
2
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +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":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{S as t}from"./switch.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-switch";import"react";const m=()=>r.jsx(t,{});m.bind({});
|
|
2
|
+
//# sourceMappingURL=switch.stories.js.map
|
|
@@ -0,0 +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,EAAA,EAAO,EAIPD,EAAS,KAAK,EAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as o}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as s}from"../../lib/utils/cn.js";import"date-fns-tz";import*as r from"react";import"clsx";import"tailwind-merge";const l=r.forwardRef(({className:e,...a},t)=>o.jsx("div",{className:"relative w-full overflow-auto",children:o.jsx("table",{ref:t,className:s("w-full caption-bottom text-sm",e),...a})}));l.displayName="Table";const d=r.forwardRef(({className:e,...a},t)=>o.jsx("thead",{ref:t,className:s("[&_tr]:border-b",e),...a}));d.displayName="TableHeader";const m=r.forwardRef(({className:e,...a},t)=>o.jsx("tbody",{ref:t,className:s("[&_tr:last-child]:border-0",e),...a}));m.displayName="TableBody";const b=r.forwardRef(({className:e,...a},t)=>o.jsx("tfoot",{ref:t,className:s("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));b.displayName="TableFooter";const c=r.forwardRef(({className:e,...a},t)=>o.jsx("tr",{ref:t,className:s("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...a}));c.displayName="TableRow";const i=r.forwardRef(({className:e,...a},t)=>o.jsx("th",{ref:t,className:s("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));i.displayName="TableHead";const f=r.forwardRef(({className:e,...a},t)=>o.jsx("td",{ref:t,className:s("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));f.displayName="TableCell";const p=r.forwardRef(({className:e,...a},t)=>o.jsx("caption",{ref:t,className:s("mt-4 text-sm text-muted-foreground",e),...a}));p.displayName="TableCaption";export{c as T,i as a,l as b,d as c,m as d,f as e};
|
|
2
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import{b as m,c as l,a,d as t,T as n,e as r}from"./table.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"react";const i=[{firstName:"John",lastName:"Doe",username:"@johndoe"},{firstName:"Sally",lastName:"Ross",username:"@sallyross"},{firstName:"Jane",lastName:"Doe",username:"@janedoe"},{firstName:"Bob",lastName:"Ross",username:"@bobross"},{firstName:"Kyle",lastName:"Moss",username:"@kylemoss"},{firstName:"Urden",lastName:"Myckov",username:"@urdenmyckov"}],o=()=>e.jsxs(m,{children:[e.jsxs(l,{children:[e.jsx(a,{children:"First Name"}),e.jsx(a,{children:"Last Name"}),e.jsx(a,{children:"Username"})]}),e.jsx(t,{children:i.map(s=>e.jsxs(n,{children:[e.jsx(r,{children:s.firstName}),e.jsx(r,{children:s.lastName}),e.jsx(r,{children:s.username})]},s.username))})]});o.bind({});
|
|
2
|
+
//# sourceMappingURL=table.stories.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as a}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as o}from"../../lib/utils/cn.js";import"date-fns-tz";import*as e from"@radix-ui/react-tabs";import*as r from"react";import"clsx";import"tailwind-merge";const p=e.Root,n=r.forwardRef(({className:s,...i},t)=>a.jsx(e.List,{ref:t,className:o("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",s),...i}));n.displayName=e.List.displayName;const f=r.forwardRef(({className:s,...i},t)=>a.jsx(e.Trigger,{ref:t,className:o("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",s),...i}));f.displayName=e.Trigger.displayName;const c=r.forwardRef(({className:s,...i},t)=>a.jsx(e.Content,{ref:t,className:o("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",s),...i}));c.displayName=e.Content.displayName;export{p as T,n as a,f as b,c};
|
|
2
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t}from"../../assets/jsx-runtime-D_zvdyIk.js";import{T as s,a as n,b as e,c as i}from"./tabs.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-tabs";import"react";const o=()=>t.jsxs(s,{defaultValue:"option1",children:[t.jsxs(n,{children:[t.jsx(e,{value:"option1",children:"Option 1"}),t.jsx(e,{value:"option2",children:"Option 2"}),t.jsx(e,{value:"option3",children:"Option 3"})]}),t.jsx(i,{value:"option1",children:t.jsx("div",{className:"bg-gray-100 p-2 text-xs",children:"Content 1"})}),t.jsx(i,{value:"option2",children:t.jsx("div",{className:"bg-gray-100 p-2 text-xs",children:"Content 2"})}),t.jsx(i,{value:"option3",children:t.jsx("div",{className:"bg-gray-100 p-2 text-xs",children:"Content 3"})})]});o.bind({});
|
|
2
|
+
//# sourceMappingURL=tabs.stories.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as s}from"../../lib/utils/cn.js";import"date-fns-tz";import*as a from"react";import"clsx";import"tailwind-merge";const i=a.forwardRef(({className:e,...r},o)=>t.jsx("textarea",{className:s("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",e),ref:o,...r}));i.displayName="Textarea";export{i as T};
|
|
2
|
+
//# sourceMappingURL=textarea.js.map
|
|
@@ -0,0 +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,EAAAA,IAAC,WAAA,CACA,UAAWC,EACV,0QACAJ,CAAA,EAED,IAAAE,EACC,GAAGD,CAAA,CAAA,CAIR,EACAH,EAAS,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{T as t}from"./textarea.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"react";const m=()=>r.jsx(t,{className:"w-64"});m.bind({});
|
|
2
|
+
//# sourceMappingURL=textarea.stories.js.map
|
|
@@ -0,0 +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,EAAAA,IAACC,EAAA,CAAS,UAAU,MAAA,CAAO,EAI1BF,EAAS,KAAK,EAAE"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import"./toast.js";import"./toaster.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"lucide-react";import"sonner";import"../button/button.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"react";import"../button/button.types.js";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as i}from"../../assets/jsx-runtime-D_zvdyIk.js";import{X as c}from"lucide-react";import{toast as o}from"sonner";import{B as a}from"../button/button.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"react";import"../button/button.types.js";const n=({onClick:t})=>i.jsx(a,{onClick:()=>t(),variant:"ghost",size:"xl",className:"ml-auto px-3",children:i.jsx(c,{className:"!h-6 !w-6"})}),h={...o,success:(t,r)=>{const s=o.success(t,{...r,cancel:i.jsx(n,{onClick:()=>o.dismiss(s)})});return s},error:(t,r)=>{const s=o.error(t,{...r,cancel:i.jsx(n,{onClick:()=>o.dismiss(s)})});return s},warning:(t,r)=>{const s=o.warning(t,{...r,cancel:i.jsx(n,{onClick:()=>o.dismiss(s)})});return s},info:(t,r)=>{const s=o.info(t,{...r,cancel:i.jsx(n,{onClick:()=>o.dismiss(s)})});return s}};export{h as t};
|
|
2
|
+
//# sourceMappingURL=toast.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as o}from"../../assets/jsx-runtime-D_zvdyIk.js";import{Toaster as r}from"sonner";const s=({...t})=>o.jsx(r,{className:"toaster group",toastOptions:{classNames:{title:"py-3 px-0",toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg p-0",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",icon:"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",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...t});export{s as T};
|
|
2
|
+
//# sourceMappingURL=toaster.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{t}from"./toast.js";import{T as i}from"./toaster.js";import"../accordion/accordion.js";import"../adaptive-input/adaptive-input.js";import"../alert-dialog/alert-dialog.js";import"../autocomplete/autocomplete.js";import"../avatar/avatar.js";import"../badge/badge.js";import{B as o}from"../button/button.js";import"date-fns";import"lucide-react";import"react";import"../card/card.js";import"../checkbox/checkbox.js";import"../command/command.js";import"../currency-input/currency-input.js";import"../dialog/dialog.js";import"../dropdown-menu/dropdown-menu.js";import"../input/input.js";import"../label/label.js";import"../multi-select/multi-select.js";import"../navigation-menu/navigation-menu.js";import"../pagination/pagination.js";import"../progress/progress.js";import"../popover/popover.js";import"../radio-group/radio-group.js";import"../select/select.js";import"../separator/separator.js";import"clsx";import"tailwind-merge";import"../spinner/spinner.js";import"../switch/switch.js";import"../table/table.js";import"../tabs/tabs.js";import"../textarea/textarea.js";import"../toggle/toggle.js";import"../toggle-group/toggle-group.js";import"../tooltip/tooltip.js";import"sonner";import"../../lib/utils/cn.js";import"date-fns-tz";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";import"@radix-ui/react-accordion";import"class-variance-authority";import"@radix-ui/react-alert-dialog";import"../../lib/utils/string.js";import"@radix-ui/react-avatar";import"@radix-ui/react-checkbox";import"cmdk";import"@radix-ui/react-dialog";import"@radix-ui/react-dropdown-menu";import"@radix-ui/react-label";import"@radix-ui/react-popover";import"@radix-ui/react-separator";import"@radix-ui/react-navigation-menu";import"@radix-ui/react-progress";import"@radix-ui/react-radio-group";import"@radix-ui/react-select";import"@radix-ui/react-switch";import"@radix-ui/react-tabs";import"@radix-ui/react-toggle";import"@radix-ui/react-toggle-group";import"@radix-ui/react-tooltip";const m=()=>r.jsxs("div",{className:"flex flex-col gap-2",children:[r.jsx(o,{onClick:()=>t.success("This is a success toast"),children:"Open success toast"}),r.jsx(o,{onClick:()=>t.error("This is an error toast"),children:"Open error toast"}),r.jsx(o,{onClick:()=>t.warning("This is a warning toast"),children:"Open warning toast"}),r.jsx(o,{onClick:()=>t.info("This is an info toast"),children:"Open info toast"})]}),p=()=>r.jsxs(r.Fragment,{children:[r.jsx(i,{}),r.jsx(m,{})]});p.bind({});
|
|
2
|
+
//# sourceMappingURL=toaster.stories.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as n}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as s}from"../../lib/utils/cn.js";import"date-fns-tz";import*as t from"@radix-ui/react-toggle";import{cva as m}from"class-variance-authority";import*as d from"react";import"clsx";import"tailwind-merge";const c=m("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",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 px-2 min-w-9",sm:"h-8 px-1.5 min-w-8",lg:"h-10 px-2.5 min-w-10"}},defaultVariants:{variant:"default",size:"default"}}),g=d.forwardRef(({className:e,variant:o,size:r,...a},i)=>n.jsx(t.Root,{ref:i,className:s(c({variant:o,size:r,className:e})),...a}));g.displayName=t.Root.displayName;export{g as T,c as t};
|
|
2
|
+
//# sourceMappingURL=toggle.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{T as i}from"./toggle.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-toggle";import"class-variance-authority";import"react";const t=()=>r.jsxs(r.Fragment,{children:[r.jsx(i,{children:"A"}),r.jsx(i,{children:"B"}),r.jsx(i,{children:"C"})]});t.bind({});
|
|
2
|
+
//# sourceMappingURL=toggle.stories.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import"./toggle-group.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-toggle-group";import"react";import"../toggle/toggle.js";import"@radix-ui/react-toggle";import"class-variance-authority";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as p}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as l}from"../../lib/utils/cn.js";import"date-fns-tz";import*as e from"@radix-ui/react-toggle-group";import*as t from"react";import{t as f}from"../toggle/toggle.js";import"clsx";import"tailwind-merge";import"@radix-ui/react-toggle";import"class-variance-authority";const c=t.createContext({size:"default",variant:"default"}),g=t.forwardRef(({className:o,variant:r,size:a,children:s,...i},m)=>p.jsx(e.Root,{ref:m,className:l("flex items-center justify-center gap-1",o),...i,children:p.jsx(c.Provider,{value:{variant:r,size:a},children:s})}));g.displayName=e.Root.displayName;const u=t.forwardRef(({className:o,children:r,variant:a,size:s,...i},m)=>{const n=t.useContext(c);return p.jsx(e.Item,{ref:m,className:l(f({variant:n.variant||a,size:n.size||s}),o),...i,children:r})});u.displayName=e.Item.displayName;export{g as T,u as a};
|
|
2
|
+
//# sourceMappingURL=toggle-group.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import{T as i,a as r}from"./toggle-group.js";import{L as t}from"../label/label.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-toggle-group";import"react";import"../toggle/toggle.js";import"@radix-ui/react-toggle";import"class-variance-authority";import"@radix-ui/react-label";const m=()=>e.jsxs("div",{className:"flex gap-4 items-center mt-5",children:[e.jsx(t,{children:"Define the type:"}),e.jsxs(i,{type:"single",children:[e.jsx(r,{value:"monthly",children:"Primary"}),e.jsx(r,{value:"weekly",children:"Seconday"}),e.jsx(r,{value:"daily",children:"Tertiary"})]})]});m.bind({});
|
|
2
|
+
//# sourceMappingURL=toggle-group.stories.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as s}from"../../lib/utils/cn.js";import"date-fns-tz";import*as o from"@radix-ui/react-tooltip";import*as d from"react";import"clsx";import"tailwind-merge";const x=o.Provider,g=o.Root,T=o.Trigger,m=d.forwardRef(({className:i,sideOffset:a=4,...e},r)=>t.jsx(o.Portal,{children:t.jsx(o.Content,{ref:r,sideOffset:a,className:s("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",i),...e})}));m.displayName=o.Content.displayName;export{x as T,g as a,T as b,m as c};
|
|
2
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as o}from"../../assets/jsx-runtime-D_zvdyIk.js";import{T as r,a as i,b as t,c as p}from"./tooltip.js";import{B as m}from"../button/button.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-tooltip";import"react";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";const s=()=>o.jsx(r,{children:o.jsxs(i,{children:[o.jsx(t,{asChild:!0,children:o.jsx(m,{children:"Hover me"})}),o.jsx(p,{children:"This is a tooltip"})]})});s.bind({});
|
|
2
|
+
//# sourceMappingURL=tooltip.stories.js.map
|
|
@@ -0,0 +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,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"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import"./blocks/bento-grid/bento-grid.js";import"./blocks/data-table/components/table-row.js";import"./blocks/empty-message/empty-message.js";import"./blocks/help-carousel/help-carousel.js";import"./blocks/html-text-editor/html-text-area.js";import"./blocks/html-text-editor/html-text-editor.js";import"./blocks/lazy-image-gallery/lazy-image-gallery.js";import"./blocks/month-navigator/month-navigator.js";import"./blocks/paginated-items/paginated-items.js";import"./blocks/pagination-controls/pagination-controls.js";import"./blocks/sidebar/sidebar.js";import"./components/accordion/accordion.js";import"./components/adaptive-input/adaptive-input.js";import"./components/alert-dialog/alert-dialog.js";import"./components/autocomplete/autocomplete.js";import"./components/avatar/avatar.js";import"./components/badge/badge.js";import"./components/button/button.js";import"./components/calendar/calendar.js";import"./components/card/card.js";import"./components/checkbox/checkbox.js";import"./components/command/command.js";import"./components/currency-input/currency-input.js";import"./components/dialog/dialog.js";import"./components/dropdown-menu/dropdown-menu.js";import"./components/input/input.js";import"./components/label/label.js";import"./components/multi-select/multi-select.js";import"./components/navigation-menu/navigation-menu.js";import"./components/pagination/pagination.js";import"./components/password-input/password-input.js";import"./components/popover/popover.js";import"./components/progress/progress.js";import"./components/radio-group/radio-group.js";import"./components/select/select.js";import"./components/separator/separator.js";import"./components/skeleton/skeleton.js";import"./components/spinner/spinner.js";import"./components/switch/switch.js";import"./components/table/table.js";import"./components/tabs/tabs.js";import"./components/textarea/textarea.js";import"./components/toaster/toast.js";import"./components/toaster/toaster.js";import"./components/toggle/toggle.js";import"./components/toggle-group/toggle-group.js";import"./components/tooltip/tooltip.js";import"react";import"./lib/hooks/use-debounce.js";import"./lib/hooks/use-dialog.js";import"compressorjs";import"./lib/utils/cn.js";import"date-fns-tz";import"./lib/utils/merge-objects.js";import"./lib/utils/string.js";import"./components/button/button.types.js";import"./assets/jsx-runtime-D_zvdyIk.js";import"lucide-react";import"./blocks/data-table/components/active-filters.js";import"./blocks/data-table/components/column-visibility-dropdown.js";import"./blocks/data-table/components/filter-dropdown.js";import"./blocks/data-table/components/search-input.js";import"./blocks/data-table/components/selection-info.js";import"./blocks/data-table/components/table-header.js";import"./blocks/data-table/components/table-skeleton.js";import"./blocks/data-table/utils/export.js";import"date-fns";import"sonner";/* empty css */import"./blocks/html-text-editor/options-bar.js";import"clsx";import"tailwind-merge";import"./assets/en-US-BUOWLxFp.js";import"@radix-ui/react-accordion";import"@radix-ui/react-alert-dialog";import"@radix-ui/react-avatar";import"class-variance-authority";import"@radix-ui/react-slot";import"cva-extended";import"@radix-ui/react-checkbox";import"cmdk";import"@radix-ui/react-dialog";import"@radix-ui/react-dropdown-menu";import"@radix-ui/react-label";import"@radix-ui/react-navigation-menu";import"@radix-ui/react-popover";import"@radix-ui/react-progress";import"@radix-ui/react-radio-group";import"@radix-ui/react-select";import"@radix-ui/react-separator";import"@radix-ui/react-switch";import"@radix-ui/react-tabs";import"@radix-ui/react-toggle";import"@radix-ui/react-toggle-group";import"@radix-ui/react-tooltip";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import"react";import"./use-debounce.js";import"./use-dialog.js";import"compressorjs";import"../../assets/jsx-runtime-D_zvdyIk.js";import"../../components/accordion/accordion.js";import"@radix-ui/react-accordion";import"lucide-react";import"../utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../../components/adaptive-input/adaptive-input.js";import"../../components/input/input.js";import"class-variance-authority";import"../../components/alert-dialog/alert-dialog.js";import"@radix-ui/react-alert-dialog";import"../../components/button/button.js";import"../utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../../components/button/button.types.js";import"../../components/autocomplete/autocomplete.js";import"../utils/string.js";import"../../components/avatar/avatar.js";import"@radix-ui/react-avatar";import"../../components/badge/badge.js";import"date-fns";import"../../components/card/card.js";import"../../components/checkbox/checkbox.js";import"@radix-ui/react-checkbox";import"../../components/command/command.js";import"cmdk";import"../../components/dialog/dialog.js";import"@radix-ui/react-dialog";import"../../components/currency-input/currency-input.js";import"../../components/dropdown-menu/dropdown-menu.js";import"@radix-ui/react-dropdown-menu";import"../../components/label/label.js";import"@radix-ui/react-label";import"../../components/multi-select/multi-select.js";import"../../components/popover/popover.js";import"@radix-ui/react-popover";import"../../components/separator/separator.js";import"@radix-ui/react-separator";import"../../components/navigation-menu/navigation-menu.js";import"@radix-ui/react-navigation-menu";import"../../components/pagination/pagination.js";import"../../components/progress/progress.js";import"@radix-ui/react-progress";import"../../components/radio-group/radio-group.js";import"@radix-ui/react-radio-group";import"../../components/select/select.js";import"@radix-ui/react-select";import"../../components/spinner/spinner.js";import"../../components/switch/switch.js";import"@radix-ui/react-switch";import"../../components/table/table.js";import"../../components/tabs/tabs.js";import"@radix-ui/react-tabs";import"../../components/textarea/textarea.js";import"../../components/toaster/toast.js";import"sonner";import"../../components/toggle/toggle.js";import"@radix-ui/react-toggle";import"../../components/toggle-group/toggle-group.js";import"@radix-ui/react-toggle-group";import"../../components/tooltip/tooltip.js";import"@radix-ui/react-tooltip";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-array.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-copy-to-clipboard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +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":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import"../../components/accordion/accordion.js";import"../../components/adaptive-input/adaptive-input.js";import"../../components/alert-dialog/alert-dialog.js";import"../../components/autocomplete/autocomplete.js";import"../../components/avatar/avatar.js";import"../../components/badge/badge.js";import{B as I}from"../../components/button/button.js";import"date-fns";import{HelpCircle as H,AlertCircle as X,XCircle as q,CheckCircle as F,Info as G}from"lucide-react";import*as s from"react";import"../../components/card/card.js";import"../../components/checkbox/checkbox.js";import"../../components/command/command.js";import"../../components/currency-input/currency-input.js";import{D as J,b as K,c as Q,d as U,e as W}from"../../components/dialog/dialog.js";import"../../components/dropdown-menu/dropdown-menu.js";import"../../components/input/input.js";import"../../components/label/label.js";import"../../components/multi-select/multi-select.js";import"../../components/navigation-menu/navigation-menu.js";import"../../components/pagination/pagination.js";import"../../components/progress/progress.js";import"../../components/popover/popover.js";import"../../components/radio-group/radio-group.js";import"../../components/select/select.js";import"../../components/separator/separator.js";import{c as L}from"../utils/cn.js";import"../../components/spinner/spinner.js";import"../../components/switch/switch.js";import"../../components/table/table.js";import"../../components/tabs/tabs.js";import"../../components/textarea/textarea.js";import"../../components/toaster/toast.js";import"sonner";import"../../components/toggle/toggle.js";import"../../components/toggle-group/toggle-group.js";import"../../components/tooltip/tooltip.js";import"date-fns-tz";import"@radix-ui/react-accordion";import"clsx";import"tailwind-merge";import"class-variance-authority";import"@radix-ui/react-alert-dialog";import"../../components/button/button.types.js";import"cva-extended";import"../utils/merge-objects.js";import"@radix-ui/react-slot";import"../utils/string.js";import"@radix-ui/react-avatar";import"@radix-ui/react-checkbox";import"cmdk";import"@radix-ui/react-dialog";import"@radix-ui/react-dropdown-menu";import"@radix-ui/react-label";import"@radix-ui/react-popover";import"@radix-ui/react-separator";import"@radix-ui/react-navigation-menu";import"@radix-ui/react-progress";import"@radix-ui/react-radio-group";import"@radix-ui/react-select";import"@radix-ui/react-switch";import"@radix-ui/react-tabs";import"@radix-ui/react-toggle";import"@radix-ui/react-toggle-group";import"@radix-ui/react-tooltip";const M=s.createContext(void 0),R={sm:"sm:max-w-[425px]",md:"sm:max-w-[550px]",lg:"sm:max-w-[700px]",xl:"sm:max-w-[900px]"},A={info:{icon:G,className:"text-blue-500"},success:{icon:F,className:"text-green-500"},error:{icon:q,className:"text-red-500"},warning:{icon:X,className:"text-yellow-500"},confirm:{icon:H,className:"text-blue-500"},custom:{icon:H,className:"text-gray-500"}};function mt({children:m}){var b,h,N,j,w,D,k,B,y,v,P,O,S;const[t,l]=s.useState({isOpen:!1,options:null}),i=s.useCallback(o=>{l({isOpen:!0,options:o})},[]),n=s.useCallback(()=>{l(o=>({...o,isOpen:!1}))},[]),p=s.useCallback(o=>{i({...o,type:"info"})},[i]),u=s.useCallback(o=>{i({...o,type:"success"})},[i]),d=s.useCallback(o=>{i({...o,type:"error"})},[i]),f=s.useCallback(o=>{i({...o,type:"warning"})},[i]),x=s.useCallback(o=>{i({...o,type:"custom"})},[i]),g=s.useCallback(o=>{i({...o,type:"confirm"})},[i]),T=(o,r)=>{let a=A[o].icon;return r&&(a=r),e.jsx(a,{className:L("h-24 w-24",A[o].className)})},V=s.useMemo(()=>({open:i,close:n,info:p,success:u,error:d,warning:f,custom:x,confirm:g}),[i,n,p,u,d,f,x,g]),[C,c]=s.useState(!1);return e.jsxs(M.Provider,{value:V,children:[m,e.jsx(J,{open:t.isOpen,onOpenChange:o=>!o&&n(),modal:!0,children:e.jsxs(K,{className:L((b=t.options)!=null&&b.size?R[t.options.size]:R.sm,(h=t.options)==null?void 0:h.className),children:[t.options&&e.jsxs(Q,{children:[e.jsx("div",{className:"mx-auto mb-6",children:T(t.options.type,t.options.icon)}),t.options.title&&e.jsx(U,{className:"text-center",children:t.options.title}),e.jsx(W,{className:"text-center",children:t.options.message})]}),((N=t.options)==null?void 0:N.type)==="confirm"&&e.jsxs("div",{className:"flex justify-center gap-4 mt-4",children:[e.jsx(I,{isLoading:C??((w=(j=t.options)==null?void 0:j.confirmButton)==null?void 0:w.loading),disabled:(k=(D=t.options)==null?void 0:D.confirmButton)==null?void 0:k.disabled,className:(B=t.options.confirmButton)==null?void 0:B.className,onClick:()=>{var r,a,z,E;if(!((a=(r=t.options)==null?void 0:r.confirmButton)!=null&&a.onClick))throw new Error("Confirmation type dialog needs to implement the onConfirm function");const o=(E=(z=t.options)==null?void 0:z.confirmButton)==null?void 0:E.onClick();o instanceof Promise?(c(!0),o.then(()=>{c(!1),n()}).finally(()=>c(!1))):n()},children:((y=t.options.confirmButton)==null?void 0:y.label)??"Confirm"}),((v=t.options.cancelButton)==null?void 0:v.label)&&e.jsx(I,{variant:"outline",onClick:n,className:t.options.cancelButton.className,isLoading:(P=t.options.cancelButton)==null?void 0:P.loading,disabled:C||((O=t.options.cancelButton)==null?void 0:O.disabled),children:(S=t.options.cancelButton)==null?void 0:S.label})]})]})})]})}function ct(){const m=s.useContext(M);if(m===void 0)throw new Error("useDialog must be used within a DialogProvider");return m}export{mt as D,ct as u};
|
|
2
|
+
//# sourceMappingURL=use-dialog.js.map
|
|
@@ -0,0 +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":"0lFAmDA,MAAMA,EAAgBC,EAAM,cAA6C,MAAS,EAE5EC,EAA0C,CAC/C,GAAI,mBACJ,GAAI,mBACJ,GAAI,mBACJ,GAAI,kBACL,EAEMC,EAAkF,CACvF,KAAM,CAAE,KAAMC,EAAM,UAAW,eAAA,EAC/B,QAAS,CAAE,KAAMC,EAAa,UAAW,gBAAA,EACzC,MAAO,CAAE,KAAMC,EAAS,UAAW,cAAA,EACnC,QAAS,CAAE,KAAMC,EAAa,UAAW,iBAAA,EACzC,QAAS,CAAE,KAAMC,EAAY,UAAW,eAAA,EACxC,OAAQ,CAAE,KAAMA,EAAY,UAAW,eAAA,CACxC,EAEO,SAASC,GAAe,CAAE,SAAAC,GAA2C,+BAC3E,KAAM,CAACC,EAAaC,CAAc,EAAIX,EAAM,SAGzC,CACF,OAAQ,GACR,QAAS,IAAA,CACT,EAEKY,EAAOZ,EAAM,YAAaa,GAA2B,CAC1DF,EAAe,CAAE,OAAQ,GAAM,QAAAE,CAAA,CAAS,CAAA,EACtC,EAAE,EAECC,EAAQd,EAAM,YAAY,IAAM,CACrCW,EAAgBI,IAAU,CAAE,GAAGA,EAAM,OAAQ,IAAQ,CAAA,EACnD,EAAE,EAECC,EAAOhB,EAAM,YACjBa,GAAyC,CACzCD,EAAK,CAAE,GAAGC,EAAS,KAAM,OAAQ,CAAA,EAElC,CAACD,CAAI,CAAA,EAGAK,EAAUjB,EAAM,YACpBa,GAAyC,CACzCD,EAAK,CAAE,GAAGC,EAAS,KAAM,UAAW,CAAA,EAErC,CAACD,CAAI,CAAA,EAGAM,EAAQlB,EAAM,YAClBa,GAAyC,CACzCD,EAAK,CAAE,GAAGC,EAAS,KAAM,QAAS,CAAA,EAEnC,CAACD,CAAI,CAAA,EAGAO,EAAUnB,EAAM,YACpBa,GAAyC,CACzCD,EAAK,CAAE,GAAGC,EAAS,KAAM,UAAW,CAAA,EAErC,CAACD,CAAI,CAAA,EAGAQ,EAASpB,EAAM,YACnBa,GAA2B,CAC3BD,EAAK,CAAE,GAAGC,EAAS,KAAM,SAAU,CAAA,EAEpC,CAACD,CAAI,CAAA,EAGAS,EAAUrB,EAAM,YACpBa,GAAyC,CACzCD,EAAK,CAAE,GAAGC,EAAS,KAAM,UAAW,CAAA,EAErC,CAACD,CAAI,CAAA,EAGAU,EAAU,CAACC,EAAmBC,IAAmC,CACtE,IAAIC,EAAOvB,EAAYqB,CAAkB,EAAE,KAE3C,OAAIC,IACHC,EAAOD,GAGDE,MAACD,GAAK,UAAWE,EAAG,YAAazB,EAAYqB,CAAkB,EAAE,SAAS,EAAG,CAAA,EAG/EK,EAAe5B,EAAM,QAC1B,KAAO,CACN,KAAAY,EACA,MAAAE,EACA,KAAAE,EACA,QAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CAAA,GAED,CAACT,EAAME,EAAOE,EAAMC,EAASC,EAAOC,EAASC,EAAQC,CAAO,CAAA,EAGvD,CAACQ,EAAcC,CAAe,EAAI9B,EAAM,SAAS,EAAK,EAE5D,OACC+B,EAAAA,KAAChC,EAAc,SAAd,CAAuB,MAAO6B,EAC7B,SAAA,CAAAnB,EACDiB,EAAAA,IAACM,EAAA,CAAO,KAAMtB,EAAY,OAAQ,aAAeE,GAAS,CAACA,GAAQE,EAAA,EAAS,MAAK,GAChF,SAAAiB,EAAAA,KAACE,EAAA,CACA,UAAWN,GACVO,EAAAxB,EAAY,UAAZ,MAAAwB,EAAqB,KAClBjC,EAAYS,EAAY,QAAQ,IAAI,EACpCT,EAAY,IACfkC,EAAAzB,EAAY,UAAZ,YAAAyB,EAAqB,SAAA,EAGrB,SAAA,CAAAzB,EAAY,gBACX0B,EAAA,CACA,SAAA,CAAAV,EAAAA,IAAC,MAAA,CAAI,UAAU,eACb,SAAAJ,EAAQZ,EAAY,QAAQ,KAAMA,EAAY,QAAQ,IAAI,CAAA,CAC5D,EACCA,EAAY,QAAQ,OACpBgB,EAAAA,IAACW,GAAY,UAAU,cACrB,SAAA3B,EAAY,QAAQ,KAAA,CACtB,QAEA4B,EAAA,CAAkB,UAAU,cAC3B,SAAA5B,EAAY,QAAQ,OAAA,CACtB,CAAA,EACD,IAEA6B,EAAA7B,EAAY,UAAZ,YAAA6B,EAAqB,QAAS,WAC9BR,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACd,SAAA,CAAAL,EAAAA,IAACc,EAAA,CACA,UAAWX,KAAgBY,GAAAC,EAAAhC,EAAY,UAAZ,YAAAgC,EAAqB,gBAArB,YAAAD,EAAoC,SAC/D,UAAUE,GAAAC,EAAAlC,EAAY,UAAZ,YAAAkC,EAAqB,gBAArB,YAAAD,EAAoC,SAC9C,WAAWE,EAAAnC,EAAY,QAAQ,gBAApB,YAAAmC,EAAmC,UAC9C,QAAS,IAAM,aACd,GAAI,GAACV,GAAAD,EAAAxB,EAAY,UAAZ,YAAAwB,EAAqB,gBAArB,MAAAC,EAAoC,SACxC,MAAM,IAAI,MACT,oEAAA,EAIF,MAAMW,GAAWJ,GAAAH,EAAA7B,EAAY,UAAZ,YAAA6B,EAAqB,gBAArB,YAAAG,EAAoC,UAEjDI,aAAoB,SACvBhB,EAAgB,EAAI,EACpBgB,EACE,KAAK,IAAM,CACXhB,EAAgB,EAAK,EACrBhB,EAAA,CAAM,CACN,EACA,QAAQ,IAAMgB,EAAgB,EAAK,CAAC,GAEtChB,EAAA,CACD,EAGA,WAAAiC,EAAArC,EAAY,QAAQ,gBAApB,YAAAqC,EAAmC,QAAS,SAAA,CAAA,IAE7CC,EAAAtC,EAAY,QAAQ,eAApB,YAAAsC,EAAkC,QAClCtB,EAAAA,IAACc,EAAA,CACA,QAAQ,UACR,QAAS1B,EACT,UAAWJ,EAAY,QAAQ,aAAa,UAC5C,WAAWuC,EAAAvC,EAAY,QAAQ,eAApB,YAAAuC,EAAkC,QAC7C,SAAUpB,KAAgBqB,EAAAxC,EAAY,QAAQ,eAApB,YAAAwC,EAAkC,UAE3D,UAAAC,EAAAzC,EAAY,QAAQ,eAApB,YAAAyC,EAAkC,KAAA,CAAA,CACpC,CAAA,CAEF,CAAA,CAAA,CAAA,CAEF,CACD,CAAA,EACD,CAEF,CAEO,SAASC,IAAY,CAC3B,MAAMC,EAAUrD,EAAM,WAAWD,CAAa,EAC9C,GAAIsD,IAAY,OACf,MAAM,IAAI,MAAM,gDAAgD,EAEjE,OAAOA,CACR"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as o}from"../../assets/jsx-runtime-D_zvdyIk.js";import{Send as g}from"lucide-react";import"../../components/accordion/accordion.js";import"../../components/adaptive-input/adaptive-input.js";import"../../components/alert-dialog/alert-dialog.js";import"../../components/autocomplete/autocomplete.js";import"../../components/avatar/avatar.js";import"../../components/badge/badge.js";import{B as e}from"../../components/button/button.js";import"date-fns";import"react";import"../../components/card/card.js";import"../../components/checkbox/checkbox.js";import"../../components/command/command.js";import"../../components/currency-input/currency-input.js";import"../../components/dialog/dialog.js";import"../../components/dropdown-menu/dropdown-menu.js";import"../../components/input/input.js";import"../../components/label/label.js";import"../../components/multi-select/multi-select.js";import"../../components/navigation-menu/navigation-menu.js";import"../../components/pagination/pagination.js";import"../../components/progress/progress.js";import"../../components/popover/popover.js";import"../../components/radio-group/radio-group.js";import"../../components/select/select.js";import"../../components/separator/separator.js";import"clsx";import"tailwind-merge";import"../../components/spinner/spinner.js";import"../../components/switch/switch.js";import"../../components/table/table.js";import"../../components/tabs/tabs.js";import"../../components/textarea/textarea.js";import"../../components/toaster/toast.js";import"sonner";import"../../components/toggle/toggle.js";import"../../components/toggle-group/toggle-group.js";import"../../components/tooltip/tooltip.js";import{D as c,u}from"./use-dialog.js";import"@radix-ui/react-accordion";import"../utils/cn.js";import"date-fns-tz";import"@radix-ui/react-alert-dialog";import"../../components/button/button.types.js";import"cva-extended";import"../utils/string.js";import"@radix-ui/react-avatar";import"class-variance-authority";import"../utils/merge-objects.js";import"@radix-ui/react-slot";import"@radix-ui/react-checkbox";import"cmdk";import"@radix-ui/react-dialog";import"@radix-ui/react-dropdown-menu";import"@radix-ui/react-label";import"@radix-ui/react-navigation-menu";import"@radix-ui/react-progress";import"@radix-ui/react-popover";import"@radix-ui/react-radio-group";import"@radix-ui/react-select";import"@radix-ui/react-separator";import"@radix-ui/react-switch";import"@radix-ui/react-tabs";import"@radix-ui/react-toggle";import"@radix-ui/react-toggle-group";import"@radix-ui/react-tooltip";const h=()=>{const i=u(),t=()=>{i.open({title:"Example Dialog",message:"This is an example dialog using useDialog hook.",type:"info"})},r=()=>{i.open({title:"Custom Dialog",message:"This is an example dialog using useDialog hook.",type:"custom",icon:g})},m=()=>{i.open({title:"Error Dialog",message:"This is an example dialog using useDialog hook.",type:"error"})},n=()=>{i.open({title:"Success Dialog",message:"This is an example dialog using useDialog hook.",type:"success"})},p=()=>{i.open({title:"Warning Dialog",message:"This is an example dialog using useDialog hook.",type:"warning"})},l=()=>{i.open({title:"Confirmation Dialog",message:"This is an example dialog using useDialog hook.",type:"confirm",confirmButton:{label:"Yes",onClick:()=>alert("Confirmation ok"),className:"bg-red-600 text-white"},cancelButton:{label:"Close"}})},s=()=>{i.open({title:"Confirmation Dialog",message:"This is an example dialog using useDialog hook. The confirmation Promise takes 5s to resolve",type:"confirm",confirmButton:{label:"Yes, execute the promise",onClick:()=>new Promise(a=>setTimeout(a,5e3))},cancelButton:{label:"Cancel"}})};return o.jsxs("div",{className:"flex flex-col gap-2 max-w-sm",children:[o.jsx(e,{onClick:t,children:"Open Info Dialog"}),o.jsx(e,{onClick:m,children:"Open Error Dialog"}),o.jsx(e,{onClick:n,children:"Open Success Dialog"}),o.jsx(e,{onClick:p,children:"Open Warning Dialog"}),o.jsx(e,{onClick:r,children:"Open Custom Dialog"}),o.jsx(e,{onClick:l,children:"Open Confirm Dialog"}),o.jsx(e,{onClick:s,children:"Open Confirm Dialog + Promise"})]})},D=()=>o.jsx(c,{children:o.jsx(h,{})});D.bind({});
|
|
2
|
+
//# sourceMappingURL=use-dialog.stories.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-disclosure-bool.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-disclosure.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-file-utilities.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-key-press.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|