@wheelhouse/ui 0.1.6 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blocks/index.d.ts +2 -0
- package/dist/blocks/index.d.ts.map +1 -0
- package/dist/blocks/index.js +1 -0
- package/dist/blocks/navigation/index.d.ts +2 -0
- package/dist/blocks/navigation/index.d.ts.map +1 -0
- package/dist/blocks/navigation/index.js +1 -0
- package/dist/blocks/navigation/pattern-1/index.d.ts +3 -0
- package/dist/blocks/navigation/pattern-1/index.d.ts.map +1 -0
- package/dist/blocks/navigation/pattern-1/index.js +1 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.config.d.ts +47 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.config.d.ts.map +1 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.config.js +55 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.d.ts +7 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.d.ts.map +1 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.js +50 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.stories.d.ts +16 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.stories.d.ts.map +1 -0
- package/dist/blocks/navigation/pattern-1/pattern-1.stories.js +20 -0
- package/dist/components/accordion/accordion.d.ts +15 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -0
- package/dist/components/accordion/accordion.js +18 -0
- package/dist/components/accordion/accordion.stories.d.ts +7 -0
- package/dist/components/accordion/accordion.stories.d.ts.map +1 -0
- package/dist/components/accordion/accordion.stories.js +17 -0
- package/dist/components/accordion/index.d.ts +3 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/accordion/index.js +1 -0
- package/dist/components/alert/alert.d.ts +11 -0
- package/dist/components/alert/alert.d.ts.map +1 -0
- package/dist/components/alert/alert.js +28 -0
- package/dist/components/alert/alert.stories.d.ts +11 -0
- package/dist/components/alert/alert.stories.d.ts.map +1 -0
- package/dist/components/alert/alert.stories.js +35 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +1 -0
- package/dist/components/alert-dialog/alert-dialog.d.ts +44 -0
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog/alert-dialog.js +43 -0
- package/dist/components/alert-dialog/alert-dialog.stories.d.ts +9 -0
- package/dist/components/alert-dialog/alert-dialog.stories.d.ts.map +1 -0
- package/dist/components/alert-dialog/alert-dialog.stories.js +22 -0
- package/dist/components/alert-dialog/index.d.ts +3 -0
- package/dist/components/alert-dialog/index.d.ts.map +1 -0
- package/dist/components/alert-dialog/index.js +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.d.ts +11 -0
- package/dist/components/aspect-ratio/aspect-ratio.d.ts.map +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.js +9 -0
- package/dist/components/aspect-ratio/aspect-ratio.stories.d.ts +8 -0
- package/dist/components/aspect-ratio/aspect-ratio.stories.d.ts.map +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.stories.js +26 -0
- package/dist/components/aspect-ratio/index.d.ts +3 -0
- package/dist/components/aspect-ratio/index.d.ts.map +1 -0
- package/dist/components/aspect-ratio/index.js +1 -0
- package/dist/components/avatar/avatar.d.ts +29 -0
- package/dist/components/avatar/avatar.d.ts.map +1 -0
- package/dist/components/avatar/avatar.js +24 -0
- package/dist/components/avatar/avatar.stories.d.ts +20 -0
- package/dist/components/avatar/avatar.stories.d.ts.map +1 -0
- package/dist/components/avatar/avatar.stories.js +40 -0
- package/dist/components/avatar/index.d.ts +2 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +1 -0
- package/dist/components/badge/badge.d.ts +5 -4
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +3 -3
- package/dist/components/breadcrumb/breadcrumb.d.ts +25 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.js +38 -0
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts +16 -0
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.stories.js +21 -0
- package/dist/components/breadcrumb/index.d.ts +2 -0
- package/dist/components/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/breadcrumb/index.js +1 -0
- package/dist/components/button/button.d.ts +9 -6
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +3 -3
- package/dist/components/button-group/button-group.d.ts +3 -1
- package/dist/components/button-group/button-group.d.ts.map +1 -1
- package/dist/components/button-group/button-group.js +1 -1
- package/dist/components/button-group/button-group.stories.d.ts +1 -0
- package/dist/components/button-group/button-group.stories.d.ts.map +1 -1
- package/dist/components/button-group/button-group.stories.js +4 -0
- package/dist/components/button-group/index.d.ts +1 -0
- package/dist/components/button-group/index.d.ts.map +1 -1
- package/dist/components/calendar/calendar.d.ts +34 -0
- package/dist/components/calendar/calendar.d.ts.map +1 -0
- package/dist/components/calendar/calendar.js +82 -0
- package/dist/components/calendar/calendar.stories.d.ts +16 -0
- package/dist/components/calendar/calendar.stories.d.ts.map +1 -0
- package/dist/components/calendar/calendar.stories.js +33 -0
- package/dist/components/calendar/index.d.ts +3 -0
- package/dist/components/calendar/index.d.ts.map +1 -0
- package/dist/components/calendar/index.js +1 -0
- package/dist/components/card/card.d.ts +28 -0
- package/dist/components/card/card.d.ts.map +1 -0
- package/dist/components/card/card.js +25 -0
- package/dist/components/card/card.stories.d.ts +10 -0
- package/dist/components/card/card.stories.d.ts.map +1 -0
- package/dist/components/card/card.stories.js +30 -0
- package/dist/components/card/index.d.ts +2 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +1 -0
- package/dist/components/checkbox/checkbox.d.ts +9 -0
- package/dist/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/checkbox.js +9 -0
- package/dist/components/checkbox/checkbox.stories.d.ts +19 -0
- package/dist/components/checkbox/checkbox.stories.d.ts.map +1 -0
- package/dist/components/checkbox/checkbox.stories.js +31 -0
- package/dist/components/checkbox/index.d.ts +2 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +1 -0
- package/dist/components/collapsible/collapsible.d.ts +17 -0
- package/dist/components/collapsible/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible/collapsible.js +17 -0
- package/dist/components/collapsible/collapsible.stories.d.ts +16 -0
- package/dist/components/collapsible/collapsible.stories.d.ts.map +1 -0
- package/dist/components/collapsible/collapsible.stories.js +24 -0
- package/dist/components/collapsible/index.d.ts +3 -0
- package/dist/components/collapsible/index.d.ts.map +1 -0
- package/dist/components/collapsible/index.js +1 -0
- package/dist/components/combobox/combobox.d.ts +38 -0
- package/dist/components/combobox/combobox.d.ts.map +1 -0
- package/dist/components/combobox/combobox.js +63 -0
- package/dist/components/combobox/combobox.stories.d.ts +18 -0
- package/dist/components/combobox/combobox.stories.d.ts.map +1 -0
- package/dist/components/combobox/combobox.stories.js +46 -0
- package/dist/components/combobox/index.d.ts +3 -0
- package/dist/components/combobox/index.d.ts.map +1 -0
- package/dist/components/combobox/index.js +1 -0
- package/dist/components/command/command.d.ts +31 -0
- package/dist/components/command/command.d.ts.map +1 -0
- package/dist/components/command/command.js +36 -0
- package/dist/components/command/command.stories.d.ts +16 -0
- package/dist/components/command/command.stories.d.ts.map +1 -0
- package/dist/components/command/command.stories.js +26 -0
- package/dist/components/command/index.d.ts +2 -0
- package/dist/components/command/index.d.ts.map +1 -0
- package/dist/components/command/index.js +1 -0
- package/dist/components/context-menu/context-menu.d.ts +62 -0
- package/dist/components/context-menu/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu/context-menu.js +52 -0
- package/dist/components/context-menu/context-menu.stories.d.ts +17 -0
- package/dist/components/context-menu/context-menu.stories.d.ts.map +1 -0
- package/dist/components/context-menu/context-menu.stories.js +27 -0
- package/dist/components/context-menu/index.d.ts +2 -0
- package/dist/components/context-menu/index.d.ts.map +1 -0
- package/dist/components/context-menu/index.js +1 -0
- package/dist/components/date-selector/date-selector-context.d.ts +6 -0
- package/dist/components/date-selector/date-selector-context.d.ts.map +1 -0
- package/dist/components/date-selector/date-selector-context.js +11 -0
- package/dist/components/date-selector/date-selector-parts.d.ts +68 -0
- package/dist/components/date-selector/date-selector-parts.d.ts.map +1 -0
- package/dist/components/date-selector/date-selector-parts.js +131 -0
- package/dist/components/date-selector/date-selector-types.d.ts +118 -0
- package/dist/components/date-selector/date-selector-types.d.ts.map +1 -0
- package/dist/components/date-selector/date-selector-types.js +32 -0
- package/dist/components/date-selector/date-selector-value.d.ts +47 -0
- package/dist/components/date-selector/date-selector-value.d.ts.map +1 -0
- package/dist/components/date-selector/date-selector-value.js +183 -0
- package/dist/components/date-selector/date-selector.d.ts +6 -0
- package/dist/components/date-selector/date-selector.d.ts.map +1 -0
- package/dist/components/date-selector/date-selector.js +144 -0
- package/dist/components/date-selector/date-selector.stories.d.ts +135 -0
- package/dist/components/date-selector/date-selector.stories.d.ts.map +1 -0
- package/dist/components/date-selector/date-selector.stories.js +144 -0
- package/dist/components/date-selector/index.d.ts +7 -0
- package/dist/components/date-selector/index.d.ts.map +1 -0
- package/dist/components/date-selector/index.js +5 -0
- package/dist/components/date-selector/use-date-selector.d.ts +50 -0
- package/dist/components/date-selector/use-date-selector.d.ts.map +1 -0
- package/dist/components/date-selector/use-date-selector.js +305 -0
- package/dist/components/dialog/dialog.d.ts +40 -0
- package/dist/components/dialog/dialog.d.ts.map +1 -0
- package/dist/components/dialog/dialog.js +38 -0
- package/dist/components/dialog/dialog.stories.d.ts +9 -0
- package/dist/components/dialog/dialog.stories.d.ts.map +1 -0
- package/dist/components/dialog/dialog.stories.js +22 -0
- package/dist/components/dialog/index.d.ts +3 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/index.js +1 -0
- package/dist/components/direction/direction.d.ts +7 -0
- package/dist/components/direction/direction.d.ts.map +1 -0
- package/dist/components/direction/direction.js +5 -0
- package/dist/components/direction/direction.stories.d.ts +8 -0
- package/dist/components/direction/direction.stories.d.ts.map +1 -0
- package/dist/components/direction/direction.stories.js +23 -0
- package/dist/components/direction/index.d.ts +2 -0
- package/dist/components/direction/index.d.ts.map +1 -0
- package/dist/components/direction/index.js +1 -0
- package/dist/components/drawer/drawer.d.ts +25 -0
- package/dist/components/drawer/drawer.d.ts.map +1 -0
- package/dist/components/drawer/drawer.js +36 -0
- package/dist/components/drawer/drawer.stories.d.ts +7 -0
- package/dist/components/drawer/drawer.stories.d.ts.map +1 -0
- package/dist/components/drawer/drawer.stories.js +17 -0
- package/dist/components/drawer/index.d.ts +2 -0
- package/dist/components/drawer/index.d.ts.map +1 -0
- package/dist/components/drawer/index.js +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +65 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.js +52 -0
- package/dist/components/dropdown-menu/dropdown-menu.stories.d.ts +18 -0
- package/dist/components/dropdown-menu/dropdown-menu.stories.d.ts.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.stories.js +31 -0
- package/dist/components/dropdown-menu/index.d.ts +3 -0
- package/dist/components/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/dropdown-menu/index.js +1 -0
- package/dist/components/empty/empty.d.ts +25 -0
- package/dist/components/empty/empty.d.ts.map +1 -0
- package/dist/components/empty/empty.js +34 -0
- package/dist/components/empty/empty.stories.d.ts +7 -0
- package/dist/components/empty/empty.stories.d.ts.map +1 -0
- package/dist/components/empty/empty.stories.js +19 -0
- package/dist/components/empty/index.d.ts +3 -0
- package/dist/components/empty/index.d.ts.map +1 -0
- package/dist/components/empty/index.js +1 -0
- package/dist/components/field/field.d.ts +22 -0
- package/dist/components/field/field.d.ts.map +1 -0
- package/dist/components/field/field.js +34 -0
- package/dist/components/field/field.stories.d.ts +16 -0
- package/dist/components/field/field.stories.d.ts.map +1 -0
- package/dist/components/field/field.stories.js +26 -0
- package/dist/components/field/index.d.ts +2 -0
- package/dist/components/field/index.d.ts.map +1 -0
- package/dist/components/field/index.js +1 -0
- package/dist/components/filters/filters-defaults.d.ts +5 -0
- package/dist/components/filters/filters-defaults.d.ts.map +1 -0
- package/dist/components/filters/filters-defaults.js +97 -0
- package/dist/components/filters/filters-types.d.ts +135 -0
- package/dist/components/filters/filters-types.d.ts.map +1 -0
- package/dist/components/filters/filters-types.js +1 -0
- package/dist/components/filters/filters-utils.d.ts +4 -0
- package/dist/components/filters/filters-utils.d.ts.map +1 -0
- package/dist/components/filters/filters-utils.js +12 -0
- package/dist/components/filters/filters.d.ts +29 -0
- package/dist/components/filters/filters.d.ts.map +1 -0
- package/dist/components/filters/filters.js +733 -0
- package/dist/components/filters/filters.stories.d.ts +8 -0
- package/dist/components/filters/filters.stories.d.ts.map +1 -0
- package/dist/components/filters/filters.stories.js +48 -0
- package/dist/components/filters/index.d.ts +5 -0
- package/dist/components/filters/index.d.ts.map +1 -0
- package/dist/components/filters/index.js +4 -0
- package/dist/components/frame/frame.d.ts +65 -0
- package/dist/components/frame/frame.d.ts.map +1 -0
- package/dist/components/frame/frame.js +108 -0
- package/dist/components/frame/frame.stories.d.ts +14 -0
- package/dist/components/frame/frame.stories.d.ts.map +1 -0
- package/dist/components/frame/frame.stories.js +50 -0
- package/dist/components/frame/index.d.ts +3 -0
- package/dist/components/frame/index.d.ts.map +1 -0
- package/dist/components/frame/index.js +1 -0
- package/dist/components/hover-card/hover-card.d.ts +16 -0
- package/dist/components/hover-card/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card/hover-card.js +14 -0
- package/dist/components/hover-card/hover-card.stories.d.ts +7 -0
- package/dist/components/hover-card/hover-card.stories.d.ts.map +1 -0
- package/dist/components/hover-card/hover-card.stories.js +15 -0
- package/dist/components/hover-card/index.d.ts +3 -0
- package/dist/components/hover-card/index.d.ts.map +1 -0
- package/dist/components/hover-card/index.js +1 -0
- package/dist/components/index.d.ts +51 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +51 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +1 -0
- package/dist/components/input/input.d.ts +16 -0
- package/dist/components/input/input.d.ts.map +1 -0
- package/dist/components/input/input.js +22 -0
- package/dist/components/input/input.stories.d.ts +28 -0
- package/dist/components/input/input.stories.d.ts.map +1 -0
- package/dist/components/input/input.stories.js +33 -0
- package/dist/components/input-group/index.d.ts +3 -0
- package/dist/components/input-group/index.d.ts.map +1 -0
- package/dist/components/input-group/index.js +1 -0
- package/dist/components/input-group/input-group.d.ts +44 -0
- package/dist/components/input-group/input-group.d.ts.map +1 -0
- package/dist/components/input-group/input-group.js +72 -0
- package/dist/components/input-group/input-group.stories.d.ts +18 -0
- package/dist/components/input-group/input-group.stories.d.ts.map +1 -0
- package/dist/components/input-group/input-group.stories.js +29 -0
- package/dist/components/item/index.d.ts +3 -0
- package/dist/components/item/index.d.ts.map +1 -0
- package/dist/components/item/index.js +1 -0
- package/dist/components/item/item.d.ts +60 -0
- package/dist/components/item/item.d.ts.map +1 -0
- package/dist/components/item/item.js +95 -0
- package/dist/components/item/item.stories.d.ts +34 -0
- package/dist/components/item/item.stories.d.ts.map +1 -0
- package/dist/components/item/item.stories.js +40 -0
- package/dist/components/kbd/index.d.ts +3 -0
- package/dist/components/kbd/index.d.ts.map +1 -0
- package/dist/components/kbd/index.js +1 -0
- package/dist/components/kbd/kbd.d.ts +15 -0
- package/dist/components/kbd/kbd.d.ts.map +1 -0
- package/dist/components/kbd/kbd.js +16 -0
- package/dist/components/kbd/kbd.stories.d.ts +17 -0
- package/dist/components/kbd/kbd.stories.d.ts.map +1 -0
- package/dist/components/kbd/kbd.stories.js +25 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/label/index.d.ts.map +1 -0
- package/dist/components/label/index.js +1 -0
- package/dist/components/label/label.d.ts +6 -0
- package/dist/components/label/label.d.ts.map +1 -0
- package/dist/components/label/label.js +10 -0
- package/dist/components/label/label.stories.d.ts +18 -0
- package/dist/components/label/label.stories.d.ts.map +1 -0
- package/dist/components/label/label.stories.js +29 -0
- package/dist/components/menubar/index.d.ts +3 -0
- package/dist/components/menubar/index.d.ts.map +1 -0
- package/dist/components/menubar/index.js +1 -0
- package/dist/components/menubar/menubar.d.ts +64 -0
- package/dist/components/menubar/menubar.d.ts.map +1 -0
- package/dist/components/menubar/menubar.js +56 -0
- package/dist/components/menubar/menubar.stories.d.ts +15 -0
- package/dist/components/menubar/menubar.stories.d.ts.map +1 -0
- package/dist/components/menubar/menubar.stories.js +18 -0
- package/dist/components/native-select/index.d.ts +2 -0
- package/dist/components/native-select/index.d.ts.map +1 -0
- package/dist/components/native-select/index.js +1 -0
- package/dist/components/native-select/native-select.d.ts +12 -0
- package/dist/components/native-select/native-select.d.ts.map +1 -0
- package/dist/components/native-select/native-select.js +14 -0
- package/dist/components/native-select/native-select.stories.d.ts +8 -0
- package/dist/components/native-select/native-select.stories.d.ts.map +1 -0
- package/dist/components/native-select/native-select.stories.js +19 -0
- package/dist/components/navigation-menu/index.d.ts +3 -0
- package/dist/components/navigation-menu/index.d.ts.map +1 -0
- package/dist/components/navigation-menu/index.js +1 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +33 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts.map +1 -0
- package/dist/components/navigation-menu/navigation-menu.js +33 -0
- package/dist/components/navigation-menu/navigation-menu.stories.d.ts +14 -0
- package/dist/components/navigation-menu/navigation-menu.stories.d.ts.map +1 -0
- package/dist/components/navigation-menu/navigation-menu.stories.js +14 -0
- package/dist/components/pagination/index.d.ts +3 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/index.js +1 -0
- package/dist/components/pagination/pagination.d.ts +31 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -0
- package/dist/components/pagination/pagination.js +29 -0
- package/dist/components/pagination/pagination.stories.d.ts +14 -0
- package/dist/components/pagination/pagination.stories.d.ts.map +1 -0
- package/dist/components/pagination/pagination.stories.js +14 -0
- package/dist/components/popover/index.d.ts +2 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/popover/index.js +1 -0
- package/dist/components/popover/popover.d.ts +20 -0
- package/dist/components/popover/popover.d.ts.map +1 -0
- package/dist/components/popover/popover.js +24 -0
- package/dist/components/popover/popover.stories.d.ts +7 -0
- package/dist/components/popover/popover.stories.d.ts.map +1 -0
- package/dist/components/popover/popover.stories.js +17 -0
- package/dist/components/progress/index.d.ts +3 -0
- package/dist/components/progress/index.d.ts.map +1 -0
- package/dist/components/progress/index.js +1 -0
- package/dist/components/progress/progress.d.ts +18 -0
- package/dist/components/progress/progress.d.ts.map +1 -0
- package/dist/components/progress/progress.js +20 -0
- package/dist/components/progress/progress.stories.d.ts +9 -0
- package/dist/components/progress/progress.stories.d.ts.map +1 -0
- package/dist/components/progress/progress.stories.js +29 -0
- package/dist/components/radio-group/index.d.ts +3 -0
- package/dist/components/radio-group/index.d.ts.map +1 -0
- package/dist/components/radio-group/index.js +1 -0
- package/dist/components/radio-group/radio-group.d.ts +13 -0
- package/dist/components/radio-group/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group/radio-group.js +12 -0
- package/dist/components/radio-group/radio-group.stories.d.ts +7 -0
- package/dist/components/radio-group/radio-group.stories.d.ts.map +1 -0
- package/dist/components/radio-group/radio-group.stories.js +18 -0
- package/dist/components/resizable/index.d.ts +2 -0
- package/dist/components/resizable/index.d.ts.map +1 -0
- package/dist/components/resizable/index.js +1 -0
- package/dist/components/resizable/resizable.d.ts +12 -0
- package/dist/components/resizable/resizable.d.ts.map +1 -0
- package/dist/components/resizable/resizable.js +14 -0
- package/dist/components/resizable/resizable.stories.d.ts +7 -0
- package/dist/components/resizable/resizable.stories.d.ts.map +1 -0
- package/dist/components/resizable/resizable.stories.js +16 -0
- package/dist/components/scroll-area/index.d.ts +2 -0
- package/dist/components/scroll-area/index.d.ts.map +1 -0
- package/dist/components/scroll-area/index.js +1 -0
- package/dist/components/scroll-area/scroll-area.d.ts +7 -0
- package/dist/components/scroll-area/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area/scroll-area.js +11 -0
- package/dist/components/scroll-area/scroll-area.stories.d.ts +6 -0
- package/dist/components/scroll-area/scroll-area.stories.d.ts.map +1 -0
- package/dist/components/scroll-area/scroll-area.stories.js +13 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/index.js +1 -0
- package/dist/components/select/select.d.ts +49 -0
- package/dist/components/select/select.d.ts.map +1 -0
- package/dist/components/select/select.js +50 -0
- package/dist/components/select/select.stories.d.ts +9 -0
- package/dist/components/select/select.stories.d.ts.map +1 -0
- package/dist/components/select/select.stories.js +20 -0
- package/dist/components/separator/index.d.ts +1 -0
- package/dist/components/separator/index.d.ts.map +1 -1
- package/dist/components/separator/separator.d.ts +3 -1
- package/dist/components/separator/separator.d.ts.map +1 -1
- package/dist/components/sheet/index.d.ts +2 -0
- package/dist/components/sheet/index.d.ts.map +1 -0
- package/dist/components/sheet/index.js +1 -0
- package/dist/components/sheet/sheet.d.ts +34 -0
- package/dist/components/sheet/sheet.d.ts.map +1 -0
- package/dist/components/sheet/sheet.js +38 -0
- package/dist/components/sheet/sheet.stories.d.ts +9 -0
- package/dist/components/sheet/sheet.stories.d.ts.map +1 -0
- package/dist/components/sheet/sheet.stories.js +21 -0
- package/dist/components/slider/index.d.ts +3 -0
- package/dist/components/slider/index.d.ts.map +1 -0
- package/dist/components/slider/index.js +1 -0
- package/dist/components/slider/slider.d.ts +15 -0
- package/dist/components/slider/slider.d.ts.map +1 -0
- package/dist/components/slider/slider.js +20 -0
- package/dist/components/slider/slider.stories.d.ts +11 -0
- package/dist/components/slider/slider.stories.d.ts.map +1 -0
- package/dist/components/slider/slider.stories.js +36 -0
- package/dist/components/sonner/index.d.ts +4 -0
- package/dist/components/sonner/index.d.ts.map +1 -0
- package/dist/components/sonner/index.js +2 -0
- package/dist/components/sonner/sonner.d.ts +12 -0
- package/dist/components/sonner/sonner.d.ts.map +1 -0
- package/dist/components/sonner/sonner.js +32 -0
- package/dist/components/sonner/sonner.stories.d.ts +8 -0
- package/dist/components/sonner/sonner.stories.d.ts.map +1 -0
- package/dist/components/sonner/sonner.stories.js +25 -0
- package/dist/components/sonner/toast.d.ts +2 -0
- package/dist/components/sonner/toast.d.ts.map +1 -0
- package/dist/components/sonner/toast.js +1 -0
- package/dist/components/sortable/index.d.ts +3 -0
- package/dist/components/sortable/index.d.ts.map +1 -0
- package/dist/components/sortable/index.js +1 -0
- package/dist/components/sortable/sortable.d.ts +94 -0
- package/dist/components/sortable/sortable.d.ts.map +1 -0
- package/dist/components/sortable/sortable.js +210 -0
- package/dist/components/sortable/sortable.stories.d.ts +14 -0
- package/dist/components/sortable/sortable.stories.d.ts.map +1 -0
- package/dist/components/sortable/sortable.stories.js +38 -0
- package/dist/components/spinner/index.d.ts +3 -0
- package/dist/components/spinner/index.d.ts.map +1 -0
- package/dist/components/spinner/index.js +1 -0
- package/dist/components/spinner/spinner.d.ts +13 -0
- package/dist/components/spinner/spinner.d.ts.map +1 -0
- package/dist/components/spinner/spinner.js +12 -0
- package/dist/components/spinner/spinner.stories.d.ts +9 -0
- package/dist/components/spinner/spinner.stories.d.ts.map +1 -0
- package/dist/components/spinner/spinner.stories.js +20 -0
- package/dist/components/status-indicator/index.d.ts +3 -0
- package/dist/components/status-indicator/index.d.ts.map +1 -0
- package/dist/components/status-indicator/index.js +1 -0
- package/dist/components/status-indicator/status-indicator.d.ts +51 -0
- package/dist/components/status-indicator/status-indicator.d.ts.map +1 -0
- package/dist/components/status-indicator/status-indicator.js +48 -0
- package/dist/components/status-indicator/status-indicator.stories.d.ts +20 -0
- package/dist/components/status-indicator/status-indicator.stories.d.ts.map +1 -0
- package/dist/components/status-indicator/status-indicator.stories.js +97 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +1 -0
- package/dist/components/switch/switch.d.ts +13 -0
- package/dist/components/switch/switch.d.ts.map +1 -0
- package/dist/components/switch/switch.js +8 -0
- package/dist/components/switch/switch.stories.d.ts +20 -0
- package/dist/components/switch/switch.stories.d.ts.map +1 -0
- package/dist/components/switch/switch.stories.js +46 -0
- package/dist/components/tabs/index.d.ts +3 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/index.js +1 -0
- package/dist/components/tabs/tabs.d.ts +35 -0
- package/dist/components/tabs/tabs.d.ts.map +1 -0
- package/dist/components/tabs/tabs.js +34 -0
- package/dist/components/tabs/tabs.stories.d.ts +10 -0
- package/dist/components/tabs/tabs.stories.d.ts.map +1 -0
- package/dist/components/tabs/tabs.stories.js +29 -0
- package/dist/components/text/index.d.ts +3 -0
- package/dist/components/text/index.d.ts.map +1 -0
- package/dist/components/text/index.js +1 -0
- package/dist/components/text/text.d.ts +47 -0
- package/dist/components/text/text.d.ts.map +1 -0
- package/dist/components/text/text.js +53 -0
- package/dist/components/text/text.stories.d.ts +11 -0
- package/dist/components/text/text.stories.d.ts.map +1 -0
- package/dist/components/text/text.stories.js +84 -0
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/textarea/index.d.ts.map +1 -0
- package/dist/components/textarea/index.js +1 -0
- package/dist/components/textarea/textarea.d.ts +11 -0
- package/dist/components/textarea/textarea.d.ts.map +1 -0
- package/dist/components/textarea/textarea.js +10 -0
- package/dist/components/textarea/textarea.stories.d.ts +24 -0
- package/dist/components/textarea/textarea.stories.d.ts.map +1 -0
- package/dist/components/textarea/textarea.stories.js +32 -0
- package/dist/components/toggle/index.d.ts +3 -0
- package/dist/components/toggle/index.d.ts.map +1 -0
- package/dist/components/toggle/index.js +1 -0
- package/dist/components/toggle/toggle.d.ts +31 -0
- package/dist/components/toggle/toggle.d.ts.map +1 -0
- package/dist/components/toggle/toggle.js +33 -0
- package/dist/components/toggle/toggle.stories.d.ts +11 -0
- package/dist/components/toggle/toggle.stories.d.ts.map +1 -0
- package/dist/components/toggle/toggle.stories.js +60 -0
- package/dist/components/toggle-group/index.d.ts +3 -0
- package/dist/components/toggle-group/index.d.ts.map +1 -0
- package/dist/components/toggle-group/index.js +1 -0
- package/dist/components/toggle-group/toggle-group.d.ts +32 -0
- package/dist/components/toggle-group/toggle-group.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group.js +33 -0
- package/dist/components/toggle-group/toggle-group.stories.d.ts +10 -0
- package/dist/components/toggle-group/toggle-group.stories.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group.stories.js +28 -0
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +1 -0
- package/dist/components/tooltip/tooltip.d.ts +22 -0
- package/dist/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.js +21 -0
- package/dist/components/tooltip/tooltip.stories.d.ts +11 -0
- package/dist/components/tooltip/tooltip.stories.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.stories.js +33 -0
- package/dist/hooks/use-mobile.d.ts +2 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +15 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/llms.txt +21 -19
- package/package.json +17 -9
- package/src/styles/globals.css +6 -11
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cn } from '../../lib/utils';
|
|
4
|
+
import { Button } from '../button';
|
|
5
|
+
import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
|
|
6
|
+
function Pagination({ className, ...props }) {
|
|
7
|
+
return _jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn('mx-auto flex w-full justify-center', className), ...props });
|
|
8
|
+
}
|
|
9
|
+
function PaginationContent({ className, ...props }) {
|
|
10
|
+
return _jsx("ul", { "data-slot": "pagination-content", className: cn('flex items-center gap-0.5', className), ...props });
|
|
11
|
+
}
|
|
12
|
+
function PaginationItem({ ...props }) {
|
|
13
|
+
return _jsx("li", { "data-slot": "pagination-item", ...props });
|
|
14
|
+
}
|
|
15
|
+
function PaginationLink({ className, isActive, size = 'icon', ...props }) {
|
|
16
|
+
return (_jsx(Button, { variant: isActive ? 'outline' : 'ghost', size: size, className: cn(className), nativeButton: false, render:
|
|
17
|
+
// eslint-disable-next-line jsx-a11y/anchor-has-content -- children provided by Button
|
|
18
|
+
_jsx("a", { "aria-current": isActive ? 'page' : undefined, "data-slot": "pagination-link", "data-active": isActive, ...props }) }));
|
|
19
|
+
}
|
|
20
|
+
function PaginationPrevious({ className, text = 'Previous', ...props }) {
|
|
21
|
+
return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn('pl-1.5!', className), ...props, children: [_jsx(ChevronLeft, { "data-icon": "inline-start" }), _jsx("span", { className: "hidden sm:block", children: text })] }));
|
|
22
|
+
}
|
|
23
|
+
function PaginationNext({ className, text = 'Next', ...props }) {
|
|
24
|
+
return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn('pr-1.5!', className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: text }), _jsx(ChevronRight, { "data-icon": "inline-end" })] }));
|
|
25
|
+
}
|
|
26
|
+
function PaginationEllipsis({ className, ...props }) {
|
|
27
|
+
return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx(MoreHorizontal, {}), _jsx("span", { className: "sr-only", children: "More pages" })] }));
|
|
28
|
+
}
|
|
29
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Pagination } from './pagination';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Pagination;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
//# sourceMappingURL=pagination.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAA6G,MAAM,cAAc,CAAC;AAErJ,QAAA,MAAM,IAAI;;;;;;;CAOyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './pagination';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'UI/Pagination',
|
|
5
|
+
component: Pagination,
|
|
6
|
+
tags: ['autodocs'],
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered',
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
export const Default = {
|
|
13
|
+
render: () => (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: "#", onClick: (e) => e.preventDefault() }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", onClick: (e) => e.preventDefault(), children: "1" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", isActive: true, onClick: (e) => e.preventDefault(), children: "2" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", onClick: (e) => e.preventDefault(), children: "3" }) }), _jsx(PaginationItem, { children: _jsx(PaginationEllipsis, {}) }), _jsx(PaginationItem, { children: _jsx(PaginationNext, { href: "#", onClick: (e) => e.preventDefault() }) })] }) })),
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './popover';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
3
|
+
type PopoverContentPositionProps = Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;
|
|
4
|
+
/** Props for the popover root. See [Base UI Popover](https://base-ui.com/react/components/popover). */
|
|
5
|
+
export type PopoverProps = PopoverPrimitive.Root.Props;
|
|
6
|
+
declare function Popover({ ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/** Props for the element that toggles the popover (typically a button). */
|
|
8
|
+
export type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;
|
|
9
|
+
declare function PopoverTrigger({ ...props }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
/** Props for the floating surface; includes positioner `side` / `align` controls. */
|
|
11
|
+
export type PopoverContentProps = PopoverPrimitive.Popup.Props & PopoverContentPositionProps;
|
|
12
|
+
declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export type PopoverHeaderProps = React.ComponentProps<'div'>;
|
|
14
|
+
declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export type PopoverTitleProps = PopoverPrimitive.Title.Props;
|
|
16
|
+
declare function PopoverTitle({ className, ...props }: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export type PopoverDescriptionProps = PopoverPrimitive.Description.Props;
|
|
18
|
+
declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
|
|
20
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIrE,KAAK,2BAA2B,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC;AAE5H,uGAAuG;AACvG,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;AAEvD,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,2EAA2E;AAC3E,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;AAEjE,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAExD;AAED,qFAAqF;AACrF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAAG,2BAA2B,CAAC;AAE7F,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,KAAgB,EAAE,WAAe,EAAE,IAAe,EAAE,UAAc,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAevI;AAED,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7D,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEjE;AAED,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;AAE7D,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAE/D;AAED,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC;AAEzE,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAE3E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
5
|
+
import { cn } from '../../lib/utils';
|
|
6
|
+
function Popover({ ...props }) {
|
|
7
|
+
return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
|
|
8
|
+
}
|
|
9
|
+
function PopoverTrigger({ ...props }) {
|
|
10
|
+
return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
11
|
+
}
|
|
12
|
+
function PopoverContent({ className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props }) {
|
|
13
|
+
return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn('z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', className), ...props }) }) }));
|
|
14
|
+
}
|
|
15
|
+
function PopoverHeader({ className, ...props }) {
|
|
16
|
+
return _jsx("div", { "data-slot": "popover-header", className: cn('flex flex-col gap-0.5 text-sm', className), ...props });
|
|
17
|
+
}
|
|
18
|
+
function PopoverTitle({ className, ...props }) {
|
|
19
|
+
return _jsx(PopoverPrimitive.Title, { "data-slot": "popover-title", className: cn('font-heading font-medium', className), ...props });
|
|
20
|
+
}
|
|
21
|
+
function PopoverDescription({ className, ...props }) {
|
|
22
|
+
return _jsx(PopoverPrimitive.Description, { "data-slot": "popover-description", className: cn('text-muted-foreground', className), ...props });
|
|
23
|
+
}
|
|
24
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from '../button';
|
|
3
|
+
import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './popover';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'UI/Popover',
|
|
6
|
+
tags: ['autodocs'],
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered',
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
export const Default = {
|
|
13
|
+
render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm" }), children: "Open" }), _jsx(PopoverContent, { children: _jsxs(PopoverHeader, { children: [_jsx(PopoverTitle, { children: "Popover" }), _jsx(PopoverDescription, { children: "Short supporting text for this anchored panel." })] }) })] })),
|
|
14
|
+
};
|
|
15
|
+
export const TopStart = {
|
|
16
|
+
render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm" }), children: "Open top" }), _jsx(PopoverContent, { side: "top", align: "start", children: _jsxs(PopoverHeader, { children: [_jsx(PopoverTitle, { children: "Top start" }), _jsx(PopoverDescription, { children: "Positioned above the trigger, aligned to the start edge." })] }) })] })),
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEtG,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from './progress';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
2
|
+
/** Props for `Progress` (root + default track/indicator layout). */
|
|
3
|
+
export type ProgressProps = ProgressPrimitive.Root.Props;
|
|
4
|
+
/** Props for `ProgressTrack`. */
|
|
5
|
+
export type ProgressTrackProps = ProgressPrimitive.Track.Props;
|
|
6
|
+
/** Props for `ProgressIndicator`. */
|
|
7
|
+
export type ProgressIndicatorProps = ProgressPrimitive.Indicator.Props;
|
|
8
|
+
/** Props for `ProgressLabel`. */
|
|
9
|
+
export type ProgressLabelProps = ProgressPrimitive.Label.Props;
|
|
10
|
+
/** Props for `ProgressValue` (numeric readout). */
|
|
11
|
+
export type ProgressValueProps = ProgressPrimitive.Value.Props;
|
|
12
|
+
declare function Progress({ className, children, value, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function ProgressTrack({ className, ...props }: ProgressTrackProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function ProgressIndicator({ className, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function ProgressLabel({ className, ...props }: ProgressLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function ProgressValue({ className, ...props }: ProgressValueProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };
|
|
18
|
+
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,oEAAoE;AACpE,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;AAEzD,iCAAiC;AACjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/D,qCAAqC;AACrC,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,SAAS,CAAC,KAAK,CAAC;AAEvE,iCAAiC;AACjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/D,mDAAmD;AACnD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/D,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CASxE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAQjE;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAEzE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEjE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEjE;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
|
+
function Progress({ className, children, value, ...props }) {
|
|
6
|
+
return (_jsxs(ProgressPrimitive.Root, { value: value, "data-slot": "progress", className: cn('flex flex-wrap gap-3', className), ...props, children: [children, _jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) })] }));
|
|
7
|
+
}
|
|
8
|
+
function ProgressTrack({ className, ...props }) {
|
|
9
|
+
return (_jsx(ProgressPrimitive.Track, { className: cn('relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted', className), "data-slot": "progress-track", ...props }));
|
|
10
|
+
}
|
|
11
|
+
function ProgressIndicator({ className, ...props }) {
|
|
12
|
+
return _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: cn('h-full bg-primary transition-all', className), ...props });
|
|
13
|
+
}
|
|
14
|
+
function ProgressLabel({ className, ...props }) {
|
|
15
|
+
return _jsx(ProgressPrimitive.Label, { className: cn('text-sm font-medium', className), "data-slot": "progress-label", ...props });
|
|
16
|
+
}
|
|
17
|
+
function ProgressValue({ className, ...props }) {
|
|
18
|
+
return _jsx(ProgressPrimitive.Value, { className: cn('ml-auto text-sm text-muted-foreground tabular-nums', className), "data-slot": "progress-value", ...props });
|
|
19
|
+
}
|
|
20
|
+
export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Progress } from './progress';
|
|
3
|
+
declare const meta: Meta<typeof Progress>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const Indeterminate: Story;
|
|
9
|
+
//# sourceMappingURL=progress.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAgC,MAAM,YAAY,CAAC;AAEpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Progress, ProgressLabel, ProgressValue } from './progress';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'UI/Progress',
|
|
5
|
+
component: Progress,
|
|
6
|
+
tags: ['autodocs'],
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered',
|
|
9
|
+
},
|
|
10
|
+
decorators: [
|
|
11
|
+
(Story) => (_jsx("div", { className: "flex w-full max-w-xs flex-col gap-2", children: _jsx(Story, {}) })),
|
|
12
|
+
],
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
export const Default = {
|
|
16
|
+
args: {
|
|
17
|
+
value: 45,
|
|
18
|
+
'aria-label': 'Progress',
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export const WithLabel = {
|
|
22
|
+
render: () => (_jsx(Progress, { value: 72, children: _jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [_jsx(ProgressLabel, { children: "Uploading" }), _jsx(ProgressValue, {})] }) })),
|
|
23
|
+
};
|
|
24
|
+
export const Indeterminate = {
|
|
25
|
+
args: {
|
|
26
|
+
value: null,
|
|
27
|
+
'aria-label': 'Loading',
|
|
28
|
+
},
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { RadioGroup, RadioGroupItem } from './radio-group';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Radio as RadioPrimitive } from '@base-ui/react/radio';
|
|
2
|
+
import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
|
|
3
|
+
/**
|
|
4
|
+
* Props for `RadioGroup`. Built on
|
|
5
|
+
* [Base UI Radio Group](https://base-ui.com/react/components/radio-group).
|
|
6
|
+
*/
|
|
7
|
+
export type RadioGroupProps = RadioGroupPrimitive.Props;
|
|
8
|
+
/** Props for `RadioGroupItem` (single radio control with dot indicator). */
|
|
9
|
+
export type RadioGroupItemProps = RadioPrimitive.Root.Props;
|
|
10
|
+
declare function RadioGroup({ className, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export { RadioGroup, RadioGroupItem };
|
|
13
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI/E;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,KAAK,CAAC;AAExD,4EAA4E;AAC5E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;AAE5D,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAE3D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAenE;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Radio as RadioPrimitive } from '@base-ui/react/radio';
|
|
4
|
+
import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
|
|
5
|
+
import { cn } from '../../lib/utils';
|
|
6
|
+
function RadioGroup({ className, ...props }) {
|
|
7
|
+
return _jsx(RadioGroupPrimitive, { "data-slot": "radio-group", className: cn('grid w-full gap-2', className), ...props });
|
|
8
|
+
}
|
|
9
|
+
function RadioGroupItem({ className, ...props }) {
|
|
10
|
+
return (_jsx(RadioPrimitive.Root, { "data-slot": "radio-group-item", className: cn('group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary', className), ...props, children: _jsx(RadioPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "flex size-4 items-center justify-center", children: _jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" }) }) }));
|
|
11
|
+
}
|
|
12
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { RadioGroup } from './radio-group';
|
|
3
|
+
declare const meta: Meta<typeof RadioGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
//# sourceMappingURL=radio-group.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcC,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Label } from '../label';
|
|
3
|
+
import { RadioGroup, RadioGroupItem } from './radio-group';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'UI/RadioGroup',
|
|
6
|
+
component: RadioGroup,
|
|
7
|
+
tags: ['autodocs'],
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
},
|
|
11
|
+
decorators: [
|
|
12
|
+
(Story) => (_jsx("div", { className: "flex w-full max-w-xs flex-col gap-3 p-4", children: _jsx(Story, {}) })),
|
|
13
|
+
],
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
export const Default = {
|
|
17
|
+
render: () => (_jsxs(RadioGroup, { defaultValue: "comfortable", "aria-label": "Density", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "default", id: "rg-default" }), _jsx(Label, { htmlFor: "rg-default", children: "Default" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "comfortable", id: "rg-comfortable" }), _jsx(Label, { htmlFor: "rg-comfortable", children: "Comfortable" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "compact", id: "rg-compact" }), _jsx(Label, { htmlFor: "rg-compact", children: "Compact" })] })] })),
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './resizable';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
|
|
2
|
+
export type ResizablePanelGroupProps = GroupProps;
|
|
3
|
+
declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export type ResizablePanelProps = PanelProps;
|
|
5
|
+
declare function ResizablePanel({ ...props }: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export type ResizableHandleProps = SeparatorProps & {
|
|
7
|
+
/** When `true`, renders a visible grip in the separator track. */
|
|
8
|
+
withHandle?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
12
|
+
//# sourceMappingURL=resizable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIrF,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAElD,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,2CAQ7E;AAED,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC;AAE7C,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAExD;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG;IAChD,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,iBAAS,eAAe,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAajF;AAED,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
|
+
function ResizablePanelGroup({ className, ...props }) {
|
|
6
|
+
return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className), ...props }));
|
|
7
|
+
}
|
|
8
|
+
function ResizablePanel({ ...props }) {
|
|
9
|
+
return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
|
|
10
|
+
}
|
|
11
|
+
function ResizableHandle({ withHandle, className, ...props }) {
|
|
12
|
+
return (_jsx(ResizablePrimitive.Separator, { "data-slot": "resizable-handle", className: cn('relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90', className), ...props, children: withHandle && _jsx("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" }) }));
|
|
13
|
+
}
|
|
14
|
+
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/resizable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './resizable';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'UI/Resizable',
|
|
5
|
+
tags: ['autodocs'],
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'padded',
|
|
8
|
+
},
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
export const Horizontal = {
|
|
12
|
+
render: () => (_jsxs(ResizablePanelGroup, { orientation: "horizontal", className: "h-48 max-w-lg rounded-lg border", children: [_jsx(ResizablePanel, { defaultSize: 50, minSize: 20, children: _jsx("div", { className: "flex h-full items-center justify-center p-4 text-sm text-muted-foreground", children: "Left" }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: 50, minSize: 20, children: _jsx("div", { className: "flex h-full items-center justify-center p-4 text-sm text-muted-foreground", children: "Right" }) })] })),
|
|
13
|
+
};
|
|
14
|
+
export const Vertical = {
|
|
15
|
+
render: () => (_jsxs(ResizablePanelGroup, { orientation: "vertical", className: "h-56 max-w-sm rounded-lg border", children: [_jsx(ResizablePanel, { defaultSize: 50, minSize: 15, children: _jsx("div", { className: "flex h-full items-center justify-center p-4 text-sm text-muted-foreground", children: "Top" }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: 50, minSize: 15, children: _jsx("div", { className: "flex h-full items-center justify-center p-4 text-sm text-muted-foreground", children: "Bottom" }) })] })),
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './scroll-area';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
2
|
+
export type ScrollAreaProps = ScrollAreaPrimitive.Root.Props;
|
|
3
|
+
declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export type ScrollBarProps = ScrollAreaPrimitive.Scrollbar.Props;
|
|
5
|
+
declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { ScrollArea, ScrollBar };
|
|
7
|
+
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC;AAE7D,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAarE;AAED,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,SAAS,CAAC,KAAK,CAAC;AAEjE,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,WAAwB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAenF;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
|
+
function ScrollArea({ className, children, ...props }) {
|
|
6
|
+
return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
|
|
7
|
+
}
|
|
8
|
+
function ScrollBar({ className, orientation = 'vertical', ...props }) {
|
|
9
|
+
return (_jsx(ScrollAreaPrimitive.Scrollbar, { "data-slot": "scroll-area-scrollbar", "data-orientation": orientation, orientation: orientation, className: cn('flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.Thumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
|
|
10
|
+
}
|
|
11
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.stories.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ScrollArea } from './scroll-area';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'UI/Scroll area',
|
|
5
|
+
tags: ['autodocs'],
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'centered',
|
|
8
|
+
},
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
export const Default = {
|
|
12
|
+
render: () => (_jsx(ScrollArea, { className: "h-40 w-72 rounded-md border", children: _jsx("div", { className: "space-y-3 p-4 text-sm", children: Array.from({ length: 12 }, (_, i) => (_jsxs("p", { className: "text-muted-foreground", children: ["Line ", i + 1, " \u2014 scroll to see more."] }, i))) }) })),
|
|
13
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './select';
|
|
2
|
+
export type { SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps, } from './select';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EACR,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,2BAA2B,EAC3B,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GACnB,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './select';
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
3
|
+
/** Props for `Select` root (generic over value type and `multiple`). Inherits from [Base UI Select](https://base-ui.com/react/components/select). */
|
|
4
|
+
export type SelectProps<Value = unknown, Multiple extends boolean | undefined = false> = SelectPrimitive.Root.Props<Value, Multiple>;
|
|
5
|
+
/** Props for `SelectGroup`. */
|
|
6
|
+
export type SelectGroupProps = SelectPrimitive.Group.Props;
|
|
7
|
+
/** Props for `SelectValue`. */
|
|
8
|
+
export type SelectValueProps = SelectPrimitive.Value.Props;
|
|
9
|
+
/** Props for `SelectTrigger` (adds `size` for height presets). */
|
|
10
|
+
export type SelectTriggerProps = SelectPrimitive.Trigger.Props & {
|
|
11
|
+
size?: 'sm' | 'default';
|
|
12
|
+
};
|
|
13
|
+
/** Props for `SelectContent` (popup plus positioner alignment). */
|
|
14
|
+
export type SelectContentProps = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>;
|
|
15
|
+
/** Props for `SelectLabel`. */
|
|
16
|
+
export type SelectLabelProps = SelectPrimitive.GroupLabel.Props;
|
|
17
|
+
/** Props for `SelectItem`. */
|
|
18
|
+
export type SelectItemProps = SelectPrimitive.Item.Props;
|
|
19
|
+
/** Props for `SelectSeparator`. */
|
|
20
|
+
export type SelectSeparatorProps = SelectPrimitive.Separator.Props;
|
|
21
|
+
/** Props for `SelectScrollUpButton`. */
|
|
22
|
+
export type SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpArrow>;
|
|
23
|
+
/** Props for `SelectScrollDownButton`. */
|
|
24
|
+
export type SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownArrow>;
|
|
25
|
+
/**
|
|
26
|
+
* Root for a native-style select. Compose `SelectTrigger`, `SelectValue`, `SelectContent`,
|
|
27
|
+
* and `SelectItem` parts; optionally set `items` on the root for automatic labels.
|
|
28
|
+
*/
|
|
29
|
+
declare function Select<Value, Multiple extends boolean | undefined = false>(props: SelectPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
/** Groups `SelectItem` rows with optional `SelectLabel`. */
|
|
31
|
+
declare function SelectGroup({ className, ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
/** Displays the selected label or `placeholder` when empty. */
|
|
33
|
+
declare function SelectValue({ className, ...props }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
/** Button that opens the list popup; shows a chevron icon. */
|
|
35
|
+
declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
/** Portal, positioner, and scrollable list surface for options. */
|
|
37
|
+
declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
/** Section label inside the list. */
|
|
39
|
+
declare function SelectLabel({ className, ...props }: SelectLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
/** One selectable option; shows a check when selected. */
|
|
41
|
+
declare function SelectItem({ className, children, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
/** Horizontal rule between groups or items. */
|
|
43
|
+
declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
/** Scroll affordance at the top of a long list (pointer/hover). */
|
|
45
|
+
declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
/** Scroll affordance at the bottom of a long list (pointer/hover). */
|
|
47
|
+
declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
49
|
+
//# sourceMappingURL=select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKlE,qJAAqJ;AACrJ,MAAM,MAAM,WAAW,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAErI,+BAA+B;AAC/B,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;AAE3D,+BAA+B;AAC/B,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;AAE3D,kEAAkE;AAClE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,mEAAmE;AACnE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GACxD,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC,CAAC;AAErH,+BAA+B;AAC/B,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC;AAEhE,8BAA8B;AAC9B,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;AAEzD,mCAAmC;AACnC,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;AAEnE,wCAAwC;AACxC,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,CAAC;AAE7G,0CAA0C;AAC1C,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,CAAC;AAEjH;;;GAGG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,2CAEtH;AAED,4DAA4D;AAC5D,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAE7D;AAED,+DAA+D;AAC/D,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAE7D;AAED,8DAA8D;AAC9D,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,IAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAe7F;AAED,mEAAmE;AACnE,iBAAS,aAAa,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACX,EAAE,kBAAkB,2CA2BpB;AAED,qCAAqC;AACrC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAE7D;AAED,0DAA0D;AAC1D,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAgBrE;AAED,+CAA+C;AAC/C,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAErE;AAED,mEAAmE;AACnE,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAU/E;AAED,sEAAsE;AACtE,iBAAS,sBAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,2CAanF;AAED,OAAO,EACH,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACd,CAAC"}
|