@health-samurai/react-components 0.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/bundle.css +5525 -0
- package/dist/src/components/code-editor/index.d.ts +5 -0
- package/dist/src/components/code-editor/index.d.ts.map +1 -0
- package/dist/src/components/code-editor/index.js +109 -0
- package/dist/src/components/code-editor/index.js.map +1 -0
- package/dist/src/components/code-editor.stories.d.ts +7 -0
- package/dist/src/components/code-editor.stories.d.ts.map +1 -0
- package/dist/src/components/code-editor.stories.js +23 -0
- package/dist/src/components/code-editor.stories.js.map +1 -0
- package/dist/src/components/copy-icon.d.ts +6 -0
- package/dist/src/components/copy-icon.d.ts.map +1 -0
- package/dist/src/components/copy-icon.js +21 -0
- package/dist/src/components/copy-icon.js.map +1 -0
- package/dist/src/components/request-line-editor.d.ts +38 -0
- package/dist/src/components/request-line-editor.d.ts.map +1 -0
- package/dist/src/components/request-line-editor.js +40 -0
- package/dist/src/components/request-line-editor.js.map +1 -0
- package/dist/src/components/request-line-editor.stories.d.ts +11 -0
- package/dist/src/components/request-line-editor.stories.d.ts.map +1 -0
- package/dist/src/components/request-line-editor.stories.js +67 -0
- package/dist/src/components/request-line-editor.stories.js.map +1 -0
- package/dist/src/deps.css +3 -0
- package/dist/src/full.css +2 -0
- package/dist/src/index.css +98 -0
- package/dist/src/index.d.ts +51 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +53 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/index.stories.d.ts +14 -0
- package/dist/src/index.stories.d.ts.map +1 -0
- package/dist/src/index.stories.js +16 -0
- package/dist/src/index.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/accordion.d.ts +8 -0
- package/dist/src/shadcn/components/ui/accordion.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/accordion.js +18 -0
- package/dist/src/shadcn/components/ui/accordion.js.map +1 -0
- package/dist/src/shadcn/components/ui/accordion.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/accordion.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/accordion.stories.js +10 -0
- package/dist/src/shadcn/components/ui/accordion.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/alert-dialog.d.ts +15 -0
- package/dist/src/shadcn/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/alert-dialog.js +39 -0
- package/dist/src/shadcn/components/ui/alert-dialog.js.map +1 -0
- package/dist/src/shadcn/components/ui/alert-dialog.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/alert-dialog.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js +11 -0
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/alert.d.ts +10 -0
- package/dist/src/shadcn/components/ui/alert.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/alert.js +25 -0
- package/dist/src/shadcn/components/ui/alert.js.map +1 -0
- package/dist/src/shadcn/components/ui/alert.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/alert.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/alert.stories.js +11 -0
- package/dist/src/shadcn/components/ui/alert.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.d.ts +4 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.js +7 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.js.map +1 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js +10 -0
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/avatar.d.ts +7 -0
- package/dist/src/shadcn/components/ui/avatar.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/avatar.js +14 -0
- package/dist/src/shadcn/components/ui/avatar.js.map +1 -0
- package/dist/src/shadcn/components/ui/avatar.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/avatar.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/avatar.stories.js +10 -0
- package/dist/src/shadcn/components/ui/avatar.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/badge.d.ts +10 -0
- package/dist/src/shadcn/components/ui/badge.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/badge.js +23 -0
- package/dist/src/shadcn/components/ui/badge.js.map +1 -0
- package/dist/src/shadcn/components/ui/badge.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/badge.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/badge.stories.js +11 -0
- package/dist/src/shadcn/components/ui/badge.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/breadcrumb.d.ts +12 -0
- package/dist/src/shadcn/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/breadcrumb.js +31 -0
- package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -0
- package/dist/src/shadcn/components/ui/breadcrumb.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/breadcrumb.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js +11 -0
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/button.d.ts +13 -0
- package/dist/src/shadcn/components/ui/button.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/button.js +55 -0
- package/dist/src/shadcn/components/ui/button.js.map +1 -0
- package/dist/src/shadcn/components/ui/button.stories.d.ts +23 -0
- package/dist/src/shadcn/components/ui/button.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/button.stories.js +26 -0
- package/dist/src/shadcn/components/ui/button.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/calendar.d.ts +9 -0
- package/dist/src/shadcn/components/ui/calendar.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/calendar.js +74 -0
- package/dist/src/shadcn/components/ui/calendar.js.map +1 -0
- package/dist/src/shadcn/components/ui/calendar.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/calendar.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/calendar.stories.js +14 -0
- package/dist/src/shadcn/components/ui/calendar.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/card.d.ts +10 -0
- package/dist/src/shadcn/components/ui/card.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/card.js +25 -0
- package/dist/src/shadcn/components/ui/card.js.map +1 -0
- package/dist/src/shadcn/components/ui/card.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/card.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/card.stories.js +13 -0
- package/dist/src/shadcn/components/ui/card.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/carousel.d.ts +20 -0
- package/dist/src/shadcn/components/ui/carousel.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/carousel.js +93 -0
- package/dist/src/shadcn/components/ui/carousel.js.map +1 -0
- package/dist/src/shadcn/components/ui/carousel.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/carousel.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/carousel.stories.js +13 -0
- package/dist/src/shadcn/components/ui/carousel.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/chart.d.ts +41 -0
- package/dist/src/shadcn/components/ui/chart.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/chart.js +130 -0
- package/dist/src/shadcn/components/ui/chart.js.map +1 -0
- package/dist/src/shadcn/components/ui/chart.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/chart.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/chart.stories.js +29 -0
- package/dist/src/shadcn/components/ui/chart.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/checkbox.d.ts +5 -0
- package/dist/src/shadcn/components/ui/checkbox.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/checkbox.js +9 -0
- package/dist/src/shadcn/components/ui/checkbox.js.map +1 -0
- package/dist/src/shadcn/components/ui/checkbox.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/checkbox.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/checkbox.stories.js +11 -0
- package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/collapsible.d.ts +6 -0
- package/dist/src/shadcn/components/ui/collapsible.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/collapsible.js +13 -0
- package/dist/src/shadcn/components/ui/collapsible.js.map +1 -0
- package/dist/src/shadcn/components/ui/collapsible.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/collapsible.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/collapsible.stories.js +16 -0
- package/dist/src/shadcn/components/ui/collapsible.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/command.d.ts +19 -0
- package/dist/src/shadcn/components/ui/command.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/command.js +34 -0
- package/dist/src/shadcn/components/ui/command.js.map +1 -0
- package/dist/src/shadcn/components/ui/command.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/command.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/command.stories.js +11 -0
- package/dist/src/shadcn/components/ui/command.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/context-menu.d.ts +26 -0
- package/dist/src/shadcn/components/ui/context-menu.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/context-menu.js +51 -0
- package/dist/src/shadcn/components/ui/context-menu.js.map +1 -0
- package/dist/src/shadcn/components/ui/context-menu.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/context-menu.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/context-menu.stories.js +10 -0
- package/dist/src/shadcn/components/ui/context-menu.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/dialog.d.ts +16 -0
- package/dist/src/shadcn/components/ui/dialog.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/dialog.js +36 -0
- package/dist/src/shadcn/components/ui/dialog.js.map +1 -0
- package/dist/src/shadcn/components/ui/dialog.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/dialog.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/dialog.stories.js +13 -0
- package/dist/src/shadcn/components/ui/dialog.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/drawer.d.ts +14 -0
- package/dist/src/shadcn/components/ui/drawer.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/drawer.js +35 -0
- package/dist/src/shadcn/components/ui/drawer.js.map +1 -0
- package/dist/src/shadcn/components/ui/drawer.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/drawer.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/drawer.stories.js +38 -0
- package/dist/src/shadcn/components/ui/drawer.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.d.ts +26 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.js +51 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js +11 -0
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/form.d.ts +25 -0
- package/dist/src/shadcn/components/ui/form.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/form.js +59 -0
- package/dist/src/shadcn/components/ui/form.js.map +1 -0
- package/dist/src/shadcn/components/ui/form.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/form.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/form.stories.js +31 -0
- package/dist/src/shadcn/components/ui/form.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/hover-card.d.ts +7 -0
- package/dist/src/shadcn/components/ui/hover-card.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/hover-card.js +14 -0
- package/dist/src/shadcn/components/ui/hover-card.js.map +1 -0
- package/dist/src/shadcn/components/ui/hover-card.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/hover-card.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/hover-card.stories.js +12 -0
- package/dist/src/shadcn/components/ui/hover-card.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/input-otp.d.ts +12 -0
- package/dist/src/shadcn/components/ui/input-otp.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/input-otp.js +25 -0
- package/dist/src/shadcn/components/ui/input-otp.js.map +1 -0
- package/dist/src/shadcn/components/ui/input-otp.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/input-otp.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/input-otp.stories.js +10 -0
- package/dist/src/shadcn/components/ui/input-otp.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/input.d.ts +18 -0
- package/dist/src/shadcn/components/ui/input.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/input.js +79 -0
- package/dist/src/shadcn/components/ui/input.js.map +1 -0
- package/dist/src/shadcn/components/ui/input.stories.d.ts +18 -0
- package/dist/src/shadcn/components/ui/input.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/input.stories.js +39 -0
- package/dist/src/shadcn/components/ui/input.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/label.d.ts +5 -0
- package/dist/src/shadcn/components/ui/label.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/label.js +8 -0
- package/dist/src/shadcn/components/ui/label.js.map +1 -0
- package/dist/src/shadcn/components/ui/label.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/label.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/label.stories.js +11 -0
- package/dist/src/shadcn/components/ui/label.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/menubar.d.ts +27 -0
- package/dist/src/shadcn/components/ui/menubar.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/menubar.js +54 -0
- package/dist/src/shadcn/components/ui/menubar.js.map +1 -0
- package/dist/src/shadcn/components/ui/menubar.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/menubar.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/menubar.stories.js +10 -0
- package/dist/src/shadcn/components/ui/menubar.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/navigation-menu.d.ts +15 -0
- package/dist/src/shadcn/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/navigation-menu.js +32 -0
- package/dist/src/shadcn/components/ui/navigation-menu.js.map +1 -0
- package/dist/src/shadcn/components/ui/navigation-menu.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/navigation-menu.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js +46 -0
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/pagination.d.ts +14 -0
- package/dist/src/shadcn/components/ui/pagination.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/pagination.js +34 -0
- package/dist/src/shadcn/components/ui/pagination.js.map +1 -0
- package/dist/src/shadcn/components/ui/pagination.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/pagination.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/pagination.stories.js +10 -0
- package/dist/src/shadcn/components/ui/pagination.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/popover.d.ts +8 -0
- package/dist/src/shadcn/components/ui/popover.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/popover.js +17 -0
- package/dist/src/shadcn/components/ui/popover.js.map +1 -0
- package/dist/src/shadcn/components/ui/popover.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/popover.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/popover.stories.js +13 -0
- package/dist/src/shadcn/components/ui/popover.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/progress.d.ts +5 -0
- package/dist/src/shadcn/components/ui/progress.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/progress.js +8 -0
- package/dist/src/shadcn/components/ui/progress.js.map +1 -0
- package/dist/src/shadcn/components/ui/progress.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/progress.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/progress.stories.js +18 -0
- package/dist/src/shadcn/components/ui/progress.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/radio-group.d.ts +6 -0
- package/dist/src/shadcn/components/ui/radio-group.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/radio-group.js +12 -0
- package/dist/src/shadcn/components/ui/radio-group.js.map +1 -0
- package/dist/src/shadcn/components/ui/radio-group.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/radio-group.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/radio-group.stories.js +11 -0
- package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/resizable.d.ts +9 -0
- package/dist/src/shadcn/components/ui/resizable.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/resizable.js +15 -0
- package/dist/src/shadcn/components/ui/resizable.js.map +1 -0
- package/dist/src/shadcn/components/ui/resizable.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/resizable.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/resizable.stories.js +10 -0
- package/dist/src/shadcn/components/ui/resizable.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/scroll-area.d.ts +6 -0
- package/dist/src/shadcn/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/scroll-area.js +13 -0
- package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -0
- package/dist/src/shadcn/components/ui/scroll-area.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/scroll-area.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/scroll-area.stories.js +13 -0
- package/dist/src/shadcn/components/ui/scroll-area.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/select.d.ts +19 -0
- package/dist/src/shadcn/components/ui/select.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/select.js +55 -0
- package/dist/src/shadcn/components/ui/select.js.map +1 -0
- package/dist/src/shadcn/components/ui/select.stories.d.ts +11 -0
- package/dist/src/shadcn/components/ui/select.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/select.stories.js +14 -0
- package/dist/src/shadcn/components/ui/select.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/separator.d.ts +5 -0
- package/dist/src/shadcn/components/ui/separator.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/separator.js +8 -0
- package/dist/src/shadcn/components/ui/separator.js.map +1 -0
- package/dist/src/shadcn/components/ui/separator.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/separator.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/separator.stories.js +10 -0
- package/dist/src/shadcn/components/ui/separator.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/sheet.d.ts +14 -0
- package/dist/src/shadcn/components/ui/sheet.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/sheet.js +40 -0
- package/dist/src/shadcn/components/ui/sheet.js.map +1 -0
- package/dist/src/shadcn/components/ui/sheet.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/sheet.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/sheet.stories.js +13 -0
- package/dist/src/shadcn/components/ui/sheet.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/sidebar.d.ts +70 -0
- package/dist/src/shadcn/components/ui/sidebar.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/sidebar.js +215 -0
- package/dist/src/shadcn/components/ui/sidebar.js.map +1 -0
- package/dist/src/shadcn/components/ui/sidebar.stories.d.ts +11 -0
- package/dist/src/shadcn/components/ui/sidebar.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/sidebar.stories.js +178 -0
- package/dist/src/shadcn/components/ui/sidebar.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/skeleton.d.ts +3 -0
- package/dist/src/shadcn/components/ui/skeleton.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/skeleton.js +7 -0
- package/dist/src/shadcn/components/ui/skeleton.js.map +1 -0
- package/dist/src/shadcn/components/ui/skeleton.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/skeleton.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/skeleton.stories.js +10 -0
- package/dist/src/shadcn/components/ui/skeleton.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/slider.d.ts +5 -0
- package/dist/src/shadcn/components/ui/slider.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/slider.js +14 -0
- package/dist/src/shadcn/components/ui/slider.js.map +1 -0
- package/dist/src/shadcn/components/ui/slider.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/slider.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/slider.stories.js +10 -0
- package/dist/src/shadcn/components/ui/slider.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/sonner.d.ts +4 -0
- package/dist/src/shadcn/components/ui/sonner.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/sonner.js +13 -0
- package/dist/src/shadcn/components/ui/sonner.js.map +1 -0
- package/dist/src/shadcn/components/ui/sonner.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/sonner.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/sonner.stories.js +17 -0
- package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/switch.d.ts +5 -0
- package/dist/src/shadcn/components/ui/switch.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/switch.js +8 -0
- package/dist/src/shadcn/components/ui/switch.js.map +1 -0
- package/dist/src/shadcn/components/ui/switch.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/switch.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/switch.stories.js +11 -0
- package/dist/src/shadcn/components/ui/switch.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/table.d.ts +11 -0
- package/dist/src/shadcn/components/ui/table.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/table.js +28 -0
- package/dist/src/shadcn/components/ui/table.js.map +1 -0
- package/dist/src/shadcn/components/ui/table.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/table.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/table.stories.js +54 -0
- package/dist/src/shadcn/components/ui/table.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/tabs.d.ts +12 -0
- package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/tabs.js +29 -0
- package/dist/src/shadcn/components/ui/tabs.js.map +1 -0
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts +26 -0
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/tabs.stories.js +20 -0
- package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/textarea.d.ts +4 -0
- package/dist/src/shadcn/components/ui/textarea.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/textarea.js +7 -0
- package/dist/src/shadcn/components/ui/textarea.js.map +1 -0
- package/dist/src/shadcn/components/ui/textarea.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/textarea.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/textarea.stories.js +10 -0
- package/dist/src/shadcn/components/ui/textarea.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/toggle-group.d.ts +8 -0
- package/dist/src/shadcn/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/toggle-group.js +21 -0
- package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -0
- package/dist/src/shadcn/components/ui/toggle-group.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/toggle-group.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/toggle-group.stories.js +11 -0
- package/dist/src/shadcn/components/ui/toggle-group.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/toggle.d.ts +10 -0
- package/dist/src/shadcn/components/ui/toggle.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/toggle.js +26 -0
- package/dist/src/shadcn/components/ui/toggle.js.map +1 -0
- package/dist/src/shadcn/components/ui/toggle.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/toggle.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/toggle.stories.js +11 -0
- package/dist/src/shadcn/components/ui/toggle.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/tooltip.d.ts +8 -0
- package/dist/src/shadcn/components/ui/tooltip.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/tooltip.js +17 -0
- package/dist/src/shadcn/components/ui/tooltip.js.map +1 -0
- package/dist/src/shadcn/components/ui/tooltip.stories.d.ts +8 -0
- package/dist/src/shadcn/components/ui/tooltip.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/tooltip.stories.js +11 -0
- package/dist/src/shadcn/components/ui/tooltip.stories.js.map +1 -0
- package/dist/src/shadcn/hooks/use-mobile.d.ts +2 -0
- package/dist/src/shadcn/hooks/use-mobile.d.ts.map +1 -0
- package/dist/src/shadcn/hooks/use-mobile.js +16 -0
- package/dist/src/shadcn/hooks/use-mobile.js.map +1 -0
- package/dist/src/shadcn/lib/utils.d.ts +3 -0
- package/dist/src/shadcn/lib/utils.d.ts.map +1 -0
- package/dist/src/shadcn/lib/utils.js +6 -0
- package/dist/src/shadcn/lib/utils.js.map +1 -0
- package/dist/src/shadcn/shadcn.css +122 -0
- package/dist/src/tokens.css +179 -0
- package/dist/src/typography.css +98 -0
- package/package.json +109 -0
- package/src/components/code-editor/index.tsx +143 -0
- package/src/components/code-editor.stories.tsx +34 -0
- package/src/components/copy-icon.tsx +30 -0
- package/src/components/request-line-editor.stories.tsx +90 -0
- package/src/components/request-line-editor.tsx +103 -0
- package/src/deps.css +3 -0
- package/src/full.css +2 -0
- package/src/global.d.ts +1 -0
- package/src/index.css +98 -0
- package/src/index.stories.tsx +21 -0
- package/src/index.tsx +54 -0
- package/src/shadcn/components/ui/accordion.stories.tsx +69 -0
- package/src/shadcn/components/ui/accordion.tsx +64 -0
- package/src/shadcn/components/ui/alert-dialog.stories.tsx +43 -0
- package/src/shadcn/components/ui/alert-dialog.tsx +154 -0
- package/src/shadcn/components/ui/alert.stories.tsx +46 -0
- package/src/shadcn/components/ui/alert.tsx +66 -0
- package/src/shadcn/components/ui/aspect-ratio.stories.tsx +21 -0
- package/src/shadcn/components/ui/aspect-ratio.tsx +9 -0
- package/src/shadcn/components/ui/avatar.stories.tsx +48 -0
- package/src/shadcn/components/ui/avatar.tsx +51 -0
- package/src/shadcn/components/ui/badge.stories.tsx +47 -0
- package/src/shadcn/components/ui/badge.tsx +46 -0
- package/src/shadcn/components/ui/breadcrumb.stories.tsx +62 -0
- package/src/shadcn/components/ui/breadcrumb.tsx +119 -0
- package/src/shadcn/components/ui/button.stories.tsx +125 -0
- package/src/shadcn/components/ui/button.tsx +92 -0
- package/src/shadcn/components/ui/calendar.stories.tsx +26 -0
- package/src/shadcn/components/ui/calendar.tsx +214 -0
- package/src/shadcn/components/ui/card.stories.tsx +67 -0
- package/src/shadcn/components/ui/card.tsx +92 -0
- package/src/shadcn/components/ui/carousel.stories.tsx +39 -0
- package/src/shadcn/components/ui/carousel.tsx +240 -0
- package/src/shadcn/components/ui/chart.stories.tsx +58 -0
- package/src/shadcn/components/ui/chart.tsx +352 -0
- package/src/shadcn/components/ui/checkbox.stories.tsx +49 -0
- package/src/shadcn/components/ui/checkbox.tsx +30 -0
- package/src/shadcn/components/ui/collapsible.stories.tsx +53 -0
- package/src/shadcn/components/ui/collapsible.tsx +31 -0
- package/src/shadcn/components/ui/command.stories.tsx +69 -0
- package/src/shadcn/components/ui/command.tsx +185 -0
- package/src/shadcn/components/ui/context-menu.stories.tsx +72 -0
- package/src/shadcn/components/ui/context-menu.tsx +248 -0
- package/src/shadcn/components/ui/dialog.stories.tsx +58 -0
- package/src/shadcn/components/ui/dialog.tsx +141 -0
- package/src/shadcn/components/ui/drawer.stories.tsx +119 -0
- package/src/shadcn/components/ui/drawer.tsx +133 -0
- package/src/shadcn/components/ui/dropdown-menu.stories.tsx +82 -0
- package/src/shadcn/components/ui/dropdown-menu.tsx +281 -0
- package/src/shadcn/components/ui/form.stories.tsx +67 -0
- package/src/shadcn/components/ui/form.tsx +165 -0
- package/src/shadcn/components/ui/hover-card.stories.tsx +46 -0
- package/src/shadcn/components/ui/hover-card.tsx +42 -0
- package/src/shadcn/components/ui/input-otp.stories.tsx +32 -0
- package/src/shadcn/components/ui/input-otp.tsx +78 -0
- package/src/shadcn/components/ui/input.stories.tsx +393 -0
- package/src/shadcn/components/ui/input.tsx +173 -0
- package/src/shadcn/components/ui/label.stories.tsx +21 -0
- package/src/shadcn/components/ui/label.tsx +22 -0
- package/src/shadcn/components/ui/menubar.stories.tsx +115 -0
- package/src/shadcn/components/ui/menubar.tsx +272 -0
- package/src/shadcn/components/ui/navigation-menu.stories.tsx +217 -0
- package/src/shadcn/components/ui/navigation-menu.tsx +168 -0
- package/src/shadcn/components/ui/pagination.stories.tsx +47 -0
- package/src/shadcn/components/ui/pagination.tsx +134 -0
- package/src/shadcn/components/ui/popover.stories.tsx +70 -0
- package/src/shadcn/components/ui/popover.tsx +46 -0
- package/src/shadcn/components/ui/progress.stories.tsx +23 -0
- package/src/shadcn/components/ui/progress.tsx +29 -0
- package/src/shadcn/components/ui/radio-group.stories.tsx +29 -0
- package/src/shadcn/components/ui/radio-group.tsx +43 -0
- package/src/shadcn/components/ui/resizable.stories.tsx +44 -0
- package/src/shadcn/components/ui/resizable.tsx +54 -0
- package/src/shadcn/components/ui/scroll-area.stories.tsx +31 -0
- package/src/shadcn/components/ui/scroll-area.tsx +56 -0
- package/src/shadcn/components/ui/select.stories.tsx +61 -0
- package/src/shadcn/components/ui/select.tsx +208 -0
- package/src/shadcn/components/ui/separator.stories.tsx +30 -0
- package/src/shadcn/components/ui/separator.tsx +27 -0
- package/src/shadcn/components/ui/sheet.stories.tsx +55 -0
- package/src/shadcn/components/ui/sheet.tsx +137 -0
- package/src/shadcn/components/ui/sidebar.stories.tsx +384 -0
- package/src/shadcn/components/ui/sidebar.tsx +737 -0
- package/src/shadcn/components/ui/skeleton.stories.tsx +21 -0
- package/src/shadcn/components/ui/skeleton.tsx +13 -0
- package/src/shadcn/components/ui/slider.stories.tsx +15 -0
- package/src/shadcn/components/ui/slider.tsx +62 -0
- package/src/shadcn/components/ui/sonner.stories.tsx +29 -0
- package/src/shadcn/components/ui/sonner.tsx +23 -0
- package/src/shadcn/components/ui/switch.stories.tsx +19 -0
- package/src/shadcn/components/ui/switch.tsx +29 -0
- package/src/shadcn/components/ui/table.stories.tsx +95 -0
- package/src/shadcn/components/ui/table.tsx +114 -0
- package/src/shadcn/components/ui/tabs.stories.tsx +92 -0
- package/src/shadcn/components/ui/tabs.tsx +84 -0
- package/src/shadcn/components/ui/textarea.stories.tsx +13 -0
- package/src/shadcn/components/ui/textarea.tsx +18 -0
- package/src/shadcn/components/ui/toggle-group.stories.tsx +29 -0
- package/src/shadcn/components/ui/toggle-group.tsx +70 -0
- package/src/shadcn/components/ui/toggle.stories.tsx +18 -0
- package/src/shadcn/components/ui/toggle.tsx +45 -0
- package/src/shadcn/components/ui/tooltip.stories.tsx +27 -0
- package/src/shadcn/components/ui/tooltip.tsx +62 -0
- package/src/shadcn/hooks/use-mobile.ts +21 -0
- package/src/shadcn/lib/utils.ts +6 -0
- package/src/shadcn/shadcn.css +122 -0
- package/src/tokens.css +179 -0
- package/src/typography.css +98 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Avatar, AvatarFallback, AvatarImage, } from "#shadcn/components/ui/avatar";
|
|
3
|
+
import { Button } from "#shadcn/components/ui/button";
|
|
4
|
+
import { HoverCard, HoverCardContent, HoverCardTrigger, } from "#shadcn/components/ui/hover-card";
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Component/Hover card",
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
export const Demo = {
|
|
10
|
+
render: () => (_jsxs(HoverCard, { children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsx(Button, { variant: "link", children: "@nextjs" }) }), _jsx(HoverCardContent, { className: "w-80", children: _jsxs("div", { className: "flex justify-between gap-4", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/vercel.png" }), _jsx(AvatarFallback, { children: "VC" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h4", { className: "text-sm font-semibold", children: "@nextjs" }), _jsx("p", { className: "text-sm", children: "The React Framework \u2013 created and maintained by @vercel." }), _jsx("div", { className: "text-muted-foreground text-xs", children: "Joined December 2021" })] })] }) })] })),
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=hover-card.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,MAAM,EACN,cAAc,EACd,WAAW,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GAChB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;CACd,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,SAAS,eACT,KAAC,gBAAgB,IAAC,OAAO,kBACxB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,wBAAiB,GACrB,EACnB,KAAC,gBAAgB,IAAC,SAAS,EAAC,MAAM,YACjC,eAAK,SAAS,EAAC,4BAA4B,aAC1C,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,GAAG,EACnD,KAAC,cAAc,qBAAoB,IAC3B,EACT,eAAK,SAAS,EAAC,WAAW,aACzB,aAAI,SAAS,EAAC,uBAAuB,wBAAa,EAClD,YAAG,SAAS,EAAC,SAAS,8EAElB,EACJ,cAAK,SAAS,EAAC,+BAA+B,qCAExC,IACD,IACD,GACY,IACR,CACZ;CACe,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { OTPInput } from "input-otp";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
|
|
4
|
+
containerClassName?: string;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
|
|
8
|
+
index: number;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
12
|
+
//# sourceMappingURL=input-otp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input-otp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B,2CAYA;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,YAAY,CAAC,EACrB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;CACd,2CAsBA;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CASnE;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { OTPInput, OTPInputContext } from "input-otp";
|
|
3
|
+
import { MinusIcon } from "lucide-react";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { cn } from "#shadcn/lib/utils";
|
|
6
|
+
function InputOTP({ className, containerClassName, ...props }) {
|
|
7
|
+
return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
function InputOTPGroup({ className, ...props }) {
|
|
10
|
+
return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function InputOTPSlot({ index, className, ...props }) {
|
|
13
|
+
const inputOTPContext = React.useContext(OTPInputContext);
|
|
14
|
+
const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
|
|
15
|
+
return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }))] }));
|
|
16
|
+
}
|
|
17
|
+
function InputOTPSeparator({ ...props }) {
|
|
18
|
+
return (
|
|
19
|
+
// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn
|
|
20
|
+
// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
|
|
21
|
+
// biome-ignore lint/a11y/useAriaPropsForRole: FIXME: unchanged shadcn
|
|
22
|
+
_jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
|
|
23
|
+
}
|
|
24
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
25
|
+
//# sourceMappingURL=input-otp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input-otp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,QAAQ,CAAC,EACjB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EAGR;IACA,OAAO,CACN,KAAC,QAAQ,iBACE,WAAW,EACrB,kBAAkB,EAAE,EAAE,CACrB,iDAAiD,EACjD,kBAAkB,CAClB,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC1E,OAAO,CACN,2BACW,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACrB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EAGR;IACA,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAE7E,OAAO,CACN,4BACW,gBAAgB,iBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CACZ,0fAA0f,EAC1f,SAAS,CACT,KACG,KAAK,aAER,IAAI,EACJ,YAAY,IAAI,CAChB,cAAK,SAAS,EAAC,uEAAuE,YACrF,cAAK,SAAS,EAAC,0DAA0D,GAAG,GACvE,CACN,IACI,CACN,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAA+B;IACnE,OAAO;IACN,0EAA0E;IAC1E,sEAAsE;IACtE,sEAAsE;IACtE,2BAAe,qBAAqB,EAAC,IAAI,EAAC,WAAW,KAAK,KAAK,YAC9D,KAAC,SAAS,KAAG,GACR,CACN,CAAC;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input-otp.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAgBA,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, } from "#shadcn/components/ui/input-otp";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Component/Input OTP",
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
export const Demo = {
|
|
8
|
+
render: () => (_jsxs(InputOTP, { maxLength: 6, children: [_jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 })] }), _jsx(InputOTPSeparator, {}), _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 3 }), _jsx(InputOTPSlot, { index: 4 }), _jsx(InputOTPSlot, { index: 5 })] })] })),
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=input-otp.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input-otp.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,YAAY,GACZ,MAAM,iCAAiC,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;CACb,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,aACrB,MAAC,aAAa,eACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,IACX,EAChB,KAAC,iBAAiB,KAAG,EACrB,MAAC,aAAa,eACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,IACX,IACN,CACX;CACe,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
declare const inputVariants: (props?: ({
|
|
4
|
+
hasLeftSlot?: boolean | null | undefined;
|
|
5
|
+
hasRightSlot?: boolean | null | undefined;
|
|
6
|
+
hasSuffix?: boolean | null | undefined;
|
|
7
|
+
invalid?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
interface InputProps extends React.ComponentProps<"input">, VariantProps<typeof inputVariants> {
|
|
10
|
+
type?: "text" | "password";
|
|
11
|
+
suffix?: string;
|
|
12
|
+
invalid?: boolean;
|
|
13
|
+
leftSlot?: React.ReactNode;
|
|
14
|
+
rightSlot?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare function Input({ className, type, invalid, suffix, leftSlot, rightSlot, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export { Input, inputVariants };
|
|
18
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAkCpC,QAAA,MAAM,aAAa;;;;;8EA4BlB,CAAC;AAEF,UAAU,UACT,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EACpC,YAAY,CAAC,OAAO,aAAa,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,UAAU,2CAuFZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from "class-variance-authority";
|
|
3
|
+
import { cn } from "#shadcn/lib/utils";
|
|
4
|
+
const iconBaseClasses = "absolute top-1/2 -translate-y-1/2 cursor-pointer z-10 flex items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0";
|
|
5
|
+
const iconLeftPosition = "left-3 hover:text-text-tertiary hover:cursor-default transition-colors duration-300";
|
|
6
|
+
const iconRightContainer = "absolute right-3 top-1/2 -translate-y-1/2 flex gap-2 z-10";
|
|
7
|
+
const iconNormalColor = "text-text-tertiary hover:text-fg-secondary transition-colors duration-300";
|
|
8
|
+
const iconInvalidColor = "text-fg-tertiary hover:text-fg-secondary transition-colors duration-300";
|
|
9
|
+
const iconDisabledColor = "text-text-disabled hover:cursor-not-allowed transition-colors duration-300";
|
|
10
|
+
const iconWrapperClasses = "[&>svg]:w-full [&>svg]:h-full [&>svg]:stroke-[1.5]";
|
|
11
|
+
const iconRightItemClasses = "cursor-pointer flex items-center justify-center transition-colors duration-300";
|
|
12
|
+
const suffixClasses = "border-border-primary bg-bg-tertiary text-text-tertiary flex items-center rounded-r-md border px-3 py-1 typo-body cursor-default transition-colors duration-300";
|
|
13
|
+
const suffixDisabledClasses = "border-border-primary bg-bg-tertiary text-text-disabled flex items-center rounded-r-md border px-3 py-1 typo-body hover:cursor-not-allowed transition-colors duration-300";
|
|
14
|
+
const suffixInvalidClasses = "border-border-error bg-bg-secondary flex items-center rounded-r-md border px-3 py-1 text-text-tertiary typo-body cursor-default transition-colors duration-300";
|
|
15
|
+
const inputVariants = cva(cn("h-9 file:text-text-primary placeholder:text-text-quternary disabled:placeholder:text-text-disabled selection:bg-bg-primary selection:text-text-primary-foreground border-border-primary hover:border-border-primary_hover flex w-full min-w-0 border bg-transparent px-3 py-2 typo-body text-base transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-md file:font-medium disabled:bg-bg-secondary disabled:cursor-not-allowed disabled:border-border-primary md:text-md selection:bg-selection", "focus-visible:ring-4 focus-visible:ring-ring-blue focus-visible:border-border-link", "aria-invalid:ring-destructive aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary", "", "rounded-md"), {
|
|
16
|
+
variants: {
|
|
17
|
+
hasLeftSlot: {
|
|
18
|
+
true: "pl-9",
|
|
19
|
+
},
|
|
20
|
+
hasRightSlot: {
|
|
21
|
+
true: "pr-9",
|
|
22
|
+
},
|
|
23
|
+
hasSuffix: {
|
|
24
|
+
true: "border-r-0 focus-visible:ring-offset-0 rounded-l-md rounded-r-none focus-visible:border-r-1",
|
|
25
|
+
},
|
|
26
|
+
invalid: {
|
|
27
|
+
true: "border-border-error focus-visible:ring-4 focus-visible:ring-ring-red focus-visible:border-border-error hover:border-border-error_inverse transition-all duration-300",
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
hasSuffix: false,
|
|
32
|
+
invalid: false,
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
function Input({ className, type, invalid, suffix, leftSlot, rightSlot, ...props }) {
|
|
36
|
+
const processedLeftSlot = leftSlot === "None" ? undefined : leftSlot;
|
|
37
|
+
const processedRightSlot = rightSlot === "None" ? undefined : rightSlot;
|
|
38
|
+
const hasLeftIcon = processedLeftSlot &&
|
|
39
|
+
processedLeftSlot !== null &&
|
|
40
|
+
processedLeftSlot !== undefined;
|
|
41
|
+
const hasRightIcon = processedRightSlot &&
|
|
42
|
+
processedRightSlot !== null &&
|
|
43
|
+
processedRightSlot !== undefined;
|
|
44
|
+
const renderLeftSlot = () => {
|
|
45
|
+
if (!hasLeftIcon)
|
|
46
|
+
return null;
|
|
47
|
+
const colorClasses = props.disabled
|
|
48
|
+
? iconDisabledColor
|
|
49
|
+
: invalid
|
|
50
|
+
? iconInvalidColor
|
|
51
|
+
: iconNormalColor;
|
|
52
|
+
return (_jsx("div", { className: `${iconBaseClasses} ${iconLeftPosition} ${colorClasses}`, children: _jsx("div", { className: iconWrapperClasses, children: processedLeftSlot }) }));
|
|
53
|
+
};
|
|
54
|
+
const renderRightSlot = () => {
|
|
55
|
+
if (!hasRightIcon)
|
|
56
|
+
return null;
|
|
57
|
+
const colorClasses = props.disabled
|
|
58
|
+
? iconDisabledColor
|
|
59
|
+
: invalid
|
|
60
|
+
? iconInvalidColor
|
|
61
|
+
: iconNormalColor;
|
|
62
|
+
return (_jsx("div", { className: `${iconRightContainer} ${iconBaseClasses}`, children: hasRightIcon && (_jsx("div", { className: `${iconRightItemClasses} ${colorClasses}`, children: _jsx("div", { className: iconWrapperClasses, children: processedRightSlot }) })) }));
|
|
63
|
+
};
|
|
64
|
+
// Input tag
|
|
65
|
+
const inputElement = (_jsx("input", { type: type, "data-slot": "input", className: cn(inputVariants({
|
|
66
|
+
invalid,
|
|
67
|
+
hasLeftSlot: !!leftSlot,
|
|
68
|
+
hasRightSlot: !!rightSlot,
|
|
69
|
+
hasSuffix: !!suffix,
|
|
70
|
+
className,
|
|
71
|
+
})), ...props }));
|
|
72
|
+
return (_jsxs("div", { className: "flex w-full min-w-0", children: [_jsxs("div", { className: "flex-1 relative", children: [renderLeftSlot(), inputElement, renderRightSlot()] }), suffix && (_jsx("div", { className: props.disabled
|
|
73
|
+
? suffixDisabledClasses
|
|
74
|
+
: invalid
|
|
75
|
+
? suffixInvalidClasses
|
|
76
|
+
: suffixClasses, children: suffix }))] }));
|
|
77
|
+
}
|
|
78
|
+
export { Input, inputVariants };
|
|
79
|
+
//# sourceMappingURL=input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Input } from "#shadcn/components/ui/input";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: typeof Input;
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: {
|
|
8
|
+
args: {
|
|
9
|
+
type: "text";
|
|
10
|
+
placeholder: string;
|
|
11
|
+
leftSlot: undefined;
|
|
12
|
+
rightSlot: undefined;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export declare const Demo: {
|
|
16
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=input.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAgDpD,QAAA,MAAM,IAAI;;;CAGoB,CAAC;AAC/B,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,OAAO;;;;;;;CAOH,CAAC;AAElB,eAAO,MAAM,IAAI;;CAoUA,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CircleX, Copy, Mail } from "lucide-react";
|
|
3
|
+
import { Badge } from "#shadcn/components/ui/badge";
|
|
4
|
+
import { Input } from "#shadcn/components/ui/input";
|
|
5
|
+
import { Label } from "#shadcn/components/ui/label";
|
|
6
|
+
function InputWithLabel({ label = "Label", description = "This is a hint text to help user.", invalid = false, disabled = false, placeholder = "Placeholder", leftSlot, rightSlot, suffix, }) {
|
|
7
|
+
const descriptionColor = invalid
|
|
8
|
+
? "text-text-error-primary"
|
|
9
|
+
: disabled
|
|
10
|
+
? "text-text-disabled"
|
|
11
|
+
: "text-text-secondary";
|
|
12
|
+
return (_jsx("div", { className: "flex w-full", children: _jsxs("div", { className: "space-y-2 w-full", children: [_jsx(Label, { children: label }), _jsx(Input, { placeholder: placeholder, leftSlot: leftSlot, rightSlot: rightSlot, ...(suffix && { suffix }), invalid: invalid, disabled: disabled }), _jsx("p", { className: `typo-body ${descriptionColor}`, children: description })] }) }));
|
|
13
|
+
}
|
|
14
|
+
const meta = {
|
|
15
|
+
title: "Component/Input",
|
|
16
|
+
component: Input,
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Default = {
|
|
20
|
+
args: {
|
|
21
|
+
type: "text",
|
|
22
|
+
placeholder: "Placeholder",
|
|
23
|
+
leftSlot: undefined,
|
|
24
|
+
rightSlot: undefined,
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
export const Demo = {
|
|
28
|
+
render: () => (_jsx("div", { className: "p-6 min-h-screen flex justify-center items-center", children: _jsxs("div", { className: "rounded-lg p-6 shadow-sm w-280", children: [_jsxs("div", { className: "flex items-center mb-4 justify-between", children: [_jsx("div", { className: "w-40 text-left", children: "Inputs without labels" }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs ml-2", children: "false" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs ml-2", children: "true" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Disabled:", _jsx(Badge, { variant: "outline", className: "text-xs ml-2", children: "true" })] })] }), ["none", "left", "right", "both", "left-double-right"].map((variant) => {
|
|
29
|
+
const variantLabel = {
|
|
30
|
+
none: "None",
|
|
31
|
+
left: "leftSlot",
|
|
32
|
+
right: "rightSlot",
|
|
33
|
+
both: "leftSlot + rightSlot",
|
|
34
|
+
"left-double-right": "BothPlusExtra",
|
|
35
|
+
}[variant];
|
|
36
|
+
return (_jsx("div", { className: "items-center gap-3 py-3 border-gray-l00 border-t border-border-separator", children: _jsxs("div", { className: "flex gap-3 items-center py-2 justify-between", children: [_jsx("div", { className: "w-40 text-sm text-text-secondary", children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-15", children: "Slots:" }), _jsx(Badge, { variant: "outline", className: "text-xs", children: variantLabel })] }) }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && _jsx(Input, { placeholder: "Placeholder" }), variant === "left" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}) })), variant === "right" && (_jsx(Input, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}) })), variant === "both" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}) })), variant === "left-double-right" && (_jsx(Input, { placeholder: "Placeholder", className: "pr-15", leftSlot: _jsx(Mail, {}), rightSlot: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CircleX, {}), _jsx(Copy, {})] }), suffix: "milliseconds" }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(Input, { placeholder: "Placeholder", invalid: true })), variant === "left" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), invalid: true })), variant === "right" && (_jsx(Input, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "both" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "left-double-right" && (_jsx(Input, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", invalid: true }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(Input, { placeholder: "Aidbox", disabled: true })), variant === "left" && (_jsx(Input, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), disabled: true })), variant === "right" && (_jsx(Input, { placeholder: "Aidbox", rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "both" && (_jsx(Input, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "left-double-right" && (_jsx(Input, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", disabled: true }))] })] }) }, variant));
|
|
37
|
+
}), _jsxs("div", { className: "mt-8", children: [_jsxs("div", { className: "flex items-center mb-4 justify-between", children: [_jsx("div", { className: "w-40 text-left", children: "Input + Label + Description" }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "false" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Invalid:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "true" })] }), _jsxs("div", { className: "w-70 text-left text-sm text-text-secondary", children: ["Disabled:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "true" })] })] }), ["none", "left", "right", "both", "left-double-right"].map((variant) => (_jsx("div", { className: "items-center gap-3 py-3 border-gray-l00 border-t border-border-separator", children: _jsxs("div", { className: "flex gap-3 items-center py-2 justify-between", children: [_jsx("div", { className: "w-40 text-sm text-text-secondary", children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-15", children: "Slots:" }), _jsx(Badge, { variant: "outline", className: "text-xs", children: variant })] }) }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(InputWithLabel, { placeholder: "Placeholder" })), variant === "left" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}) })), variant === "right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}) })), variant === "both" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}) })), variant === "left-double-right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds" }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(InputWithLabel, { placeholder: "Placeholder", invalid: true })), variant === "left" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), invalid: true })), variant === "right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "both" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), invalid: true })), variant === "left-double-right" && (_jsx(InputWithLabel, { placeholder: "Placeholder", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", invalid: true }))] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [variant === "none" && (_jsx(InputWithLabel, { placeholder: "Aidbox", disabled: true })), variant === "left" && (_jsx(InputWithLabel, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), disabled: true })), variant === "right" && (_jsx(InputWithLabel, { placeholder: "Aidbox", rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "both" && (_jsx(InputWithLabel, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), disabled: true })), variant === "left-double-right" && (_jsx(InputWithLabel, { placeholder: "Aidbox", leftSlot: _jsx(Mail, {}), rightSlot: _jsx(CircleX, {}), suffix: "milliseconds", disabled: true }))] })] }) }, `label-${variant}`)))] })] }) })),
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=input.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { Label };
|
|
5
|
+
//# sourceMappingURL=label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAWlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
|
+
import { cn } from "#shadcn/lib/utils";
|
|
4
|
+
function Label({ className, ...props }) {
|
|
5
|
+
return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-text-primary typo-label leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
|
|
6
|
+
}
|
|
7
|
+
export { Label };
|
|
8
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAGxD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,KAAK,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,OAAO,CACN,KAAC,cAAc,CAAC,IAAI,iBACT,OAAO,EACjB,SAAS,EAAE,EAAE,CACZ,8NAA8N,EAC9N,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.stories.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CASA,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Checkbox } from "#shadcn/components/ui/checkbox";
|
|
3
|
+
import { Label } from "#shadcn/components/ui/label";
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "Component/Label",
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
export const Demo = {
|
|
9
|
+
render: () => (_jsx("div", { children: _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", children: "Accept terms and conditions" })] }) })),
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=label.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;CACT,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,wBACC,eAAK,SAAS,EAAC,6BAA6B,aAC3C,KAAC,QAAQ,IAAC,EAAE,EAAC,OAAO,GAAG,EACvB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,4CAAoC,IACrD,GACD,CACN;CACe,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
|
|
11
|
+
inset?: boolean;
|
|
12
|
+
variant?: "default" | "destructive";
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function MenubarCheckboxItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
|
|
17
|
+
inset?: boolean;
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
23
|
+
inset?: boolean;
|
|
24
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
27
|
+
//# sourceMappingURL=menubar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
3
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
|
+
import { cn } from "#shadcn/lib/utils";
|
|
5
|
+
function Menubar({ className, ...props }) {
|
|
6
|
+
return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className), ...props }));
|
|
7
|
+
}
|
|
8
|
+
function MenubarMenu({ ...props }) {
|
|
9
|
+
return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
|
|
10
|
+
}
|
|
11
|
+
function MenubarGroup({ ...props }) {
|
|
12
|
+
return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
|
|
13
|
+
}
|
|
14
|
+
function MenubarPortal({ ...props }) {
|
|
15
|
+
return _jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
|
|
16
|
+
}
|
|
17
|
+
function MenubarRadioGroup({ ...props }) {
|
|
18
|
+
return (_jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props }));
|
|
19
|
+
}
|
|
20
|
+
function MenubarTrigger({ className, ...props }) {
|
|
21
|
+
return (_jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className), ...props }));
|
|
22
|
+
}
|
|
23
|
+
function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
|
|
24
|
+
return (_jsx(MenubarPortal, { children: _jsx(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", className), ...props }) }));
|
|
25
|
+
}
|
|
26
|
+
function MenubarItem({ className, inset, variant = "default", ...props }) {
|
|
27
|
+
return (_jsx(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
|
|
28
|
+
}
|
|
29
|
+
function MenubarCheckboxItem({ className, children, ...props }) {
|
|
30
|
+
return (_jsxs(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
|
|
31
|
+
}
|
|
32
|
+
function MenubarRadioItem({ className, children, ...props }) {
|
|
33
|
+
return (_jsxs(MenubarPrimitive.RadioItem, { "data-slot": "menubar-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
|
|
34
|
+
}
|
|
35
|
+
function MenubarLabel({ className, inset, ...props }) {
|
|
36
|
+
return (_jsx(MenubarPrimitive.Label, { "data-slot": "menubar-label", "data-inset": inset, className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className), ...props }));
|
|
37
|
+
}
|
|
38
|
+
function MenubarSeparator({ className, ...props }) {
|
|
39
|
+
return (_jsx(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: cn("bg-border -mx-1 my-1 h-px", className), ...props }));
|
|
40
|
+
}
|
|
41
|
+
function MenubarShortcut({ className, ...props }) {
|
|
42
|
+
return (_jsx("span", { "data-slot": "menubar-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
|
|
43
|
+
}
|
|
44
|
+
function MenubarSub({ ...props }) {
|
|
45
|
+
return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
|
|
46
|
+
}
|
|
47
|
+
function MenubarSubTrigger({ className, inset, children, ...props }) {
|
|
48
|
+
return (_jsxs(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })] }));
|
|
49
|
+
}
|
|
50
|
+
function MenubarSubContent({ className, ...props }) {
|
|
51
|
+
return (_jsx(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className), ...props }));
|
|
52
|
+
}
|
|
53
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
54
|
+
//# sourceMappingURL=menubar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.stories.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CA0FA,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "#shadcn/components/ui/menubar";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Component/Menubar",
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
export const Demo = {
|
|
8
|
+
render: () => (_jsxs(Menubar, { children: [_jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsxs(MenubarContent, { children: [_jsxs(MenubarItem, { children: ["New Tab ", _jsx(MenubarShortcut, { children: "\u2318T" })] }), _jsxs(MenubarItem, { children: ["New Window ", _jsx(MenubarShortcut, { children: "\u2318N" })] }), _jsx(MenubarItem, { disabled: true, children: "New Incognito Window" }), _jsx(MenubarSeparator, {}), _jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, { children: "Share" }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "Email link" }), _jsx(MenubarItem, { children: "Messages" }), _jsx(MenubarItem, { children: "Notes" })] })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { children: ["Print... ", _jsx(MenubarShortcut, { children: "\u2318P" })] })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsxs(MenubarContent, { children: [_jsxs(MenubarItem, { children: ["Undo ", _jsx(MenubarShortcut, { children: "\u2318Z" })] }), _jsxs(MenubarItem, { children: ["Redo ", _jsx(MenubarShortcut, { children: "\u21E7\u2318Z" })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, { children: "Find" }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "Search the web" }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { children: "Find..." }), _jsx(MenubarItem, { children: "Find Next" }), _jsx(MenubarItem, { children: "Find Previous" })] })] }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { children: "Cut" }), _jsx(MenubarItem, { children: "Copy" }), _jsx(MenubarItem, { children: "Paste" })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsxs(MenubarContent, { children: [_jsx(MenubarCheckboxItem, { children: "Always Show Bookmarks Bar" }), _jsx(MenubarCheckboxItem, { checked: true, children: "Always Show Full URLs" }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { inset: true, children: ["Reload ", _jsx(MenubarShortcut, { children: "\u2318R" })] }), _jsxs(MenubarItem, { disabled: true, inset: true, children: ["Force Reload ", _jsx(MenubarShortcut, { children: "\u21E7\u2318R" })] }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { inset: true, children: "Toggle Fullscreen" }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { inset: true, children: "Hide Sidebar" })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Profiles" }), _jsxs(MenubarContent, { children: [_jsxs(MenubarRadioGroup, { value: "benoit", children: [_jsx(MenubarRadioItem, { value: "andy", children: "Andy" }), _jsx(MenubarRadioItem, { value: "benoit", children: "Benoit" }), _jsx(MenubarRadioItem, { value: "Luis", children: "Luis" })] }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { inset: true, children: "Edit..." }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { inset: true, children: "Add Profile..." })] })] })] })),
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=menubar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACd,MAAM,+BAA+B,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;CACX,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,OAAO,eACP,MAAC,WAAW,eACX,KAAC,cAAc,uBAAsB,EACrC,MAAC,cAAc,eACd,MAAC,WAAW,2BACH,KAAC,eAAe,0BAAqB,IAChC,EACd,MAAC,WAAW,8BACA,KAAC,eAAe,0BAAqB,IACnC,EACd,KAAC,WAAW,IAAC,QAAQ,2CAAmC,EACxD,KAAC,gBAAgB,KAAG,EACpB,MAAC,UAAU,eACV,KAAC,iBAAiB,wBAA0B,EAC5C,MAAC,iBAAiB,eACjB,KAAC,WAAW,6BAAyB,EACrC,KAAC,WAAW,2BAAuB,EACnC,KAAC,WAAW,wBAAoB,IACb,IACR,EACb,KAAC,gBAAgB,KAAG,EACpB,MAAC,WAAW,4BACF,KAAC,eAAe,0BAAqB,IACjC,IACE,IACJ,EACd,MAAC,WAAW,eACX,KAAC,cAAc,uBAAsB,EACrC,MAAC,cAAc,eACd,MAAC,WAAW,wBACN,KAAC,eAAe,0BAAqB,IAC7B,EACd,MAAC,WAAW,wBACN,KAAC,eAAe,gCAAsB,IAC9B,EACd,KAAC,gBAAgB,KAAG,EACpB,MAAC,UAAU,eACV,KAAC,iBAAiB,uBAAyB,EAC3C,MAAC,iBAAiB,eACjB,KAAC,WAAW,iCAA6B,EACzC,KAAC,gBAAgB,KAAG,EACpB,KAAC,WAAW,0BAAsB,EAClC,KAAC,WAAW,4BAAwB,EACpC,KAAC,WAAW,gCAA4B,IACrB,IACR,EACb,KAAC,gBAAgB,KAAG,EACpB,KAAC,WAAW,sBAAkB,EAC9B,KAAC,WAAW,uBAAmB,EAC/B,KAAC,WAAW,wBAAoB,IAChB,IACJ,EACd,MAAC,WAAW,eACX,KAAC,cAAc,uBAAsB,EACrC,MAAC,cAAc,eACd,KAAC,mBAAmB,4CAAgD,EACpE,KAAC,mBAAmB,IAAC,OAAO,4CAEN,EACtB,KAAC,gBAAgB,KAAG,EACpB,MAAC,WAAW,IAAC,KAAK,8BACV,KAAC,eAAe,0BAAqB,IAC/B,EACd,MAAC,WAAW,IAAC,QAAQ,QAAC,KAAK,oCACb,KAAC,eAAe,gCAAsB,IACtC,EACd,KAAC,gBAAgB,KAAG,EACpB,KAAC,WAAW,IAAC,KAAK,wCAAgC,EAClD,KAAC,gBAAgB,KAAG,EACpB,KAAC,WAAW,IAAC,KAAK,mCAA2B,IAC7B,IACJ,EACd,MAAC,WAAW,eACX,KAAC,cAAc,2BAA0B,EACzC,MAAC,cAAc,eACd,MAAC,iBAAiB,IAAC,KAAK,EAAC,QAAQ,aAChC,KAAC,gBAAgB,IAAC,KAAK,EAAC,MAAM,qBAAwB,EACtD,KAAC,gBAAgB,IAAC,KAAK,EAAC,QAAQ,uBAA0B,EAC1D,KAAC,gBAAgB,IAAC,KAAK,EAAC,MAAM,qBAAwB,IACnC,EACpB,KAAC,gBAAgB,KAAG,EACpB,KAAC,WAAW,IAAC,KAAK,8BAAsB,EACxC,KAAC,gBAAgB,KAAG,EACpB,KAAC,WAAW,IAAC,KAAK,qCAA6B,IAC/B,IACJ,IACL,CACV;CACe,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
|
4
|
+
viewport?: boolean;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
9
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
|
|
15
|
+
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,2CAeA;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3D;AAED,QAAA,MAAM,0BAA0B,oFAE/B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAc9D;AAED,iBAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAY9D;AAED,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,2CAiB/D;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,uBAAuB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,2CAahE;AAED,OAAO,EACN,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,GAC1B,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { ChevronDownIcon } from "lucide-react";
|
|
5
|
+
import { cn } from "#shadcn/lib/utils";
|
|
6
|
+
function NavigationMenu({ className, children, viewport = true, ...props }) {
|
|
7
|
+
return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
|
|
8
|
+
}
|
|
9
|
+
function NavigationMenuList({ className, ...props }) {
|
|
10
|
+
return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn("group flex flex-1 list-none items-center justify-center gap-1", className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function NavigationMenuItem({ className, ...props }) {
|
|
13
|
+
return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props }));
|
|
14
|
+
}
|
|
15
|
+
const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
|
|
16
|
+
function NavigationMenuTrigger({ className, children, ...props }) {
|
|
17
|
+
return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDownIcon, { className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] }));
|
|
18
|
+
}
|
|
19
|
+
function NavigationMenuContent({ className, ...props }) {
|
|
20
|
+
return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className), ...props }));
|
|
21
|
+
}
|
|
22
|
+
function NavigationMenuViewport({ className, ...props }) {
|
|
23
|
+
return (_jsx("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: _jsx(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport", className: cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", className), ...props }) }));
|
|
24
|
+
}
|
|
25
|
+
function NavigationMenuLink({ className, ...props }) {
|
|
26
|
+
return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
|
|
27
|
+
}
|
|
28
|
+
function NavigationMenuIndicator({ className, ...props }) {
|
|
29
|
+
return (_jsx(NavigationMenuPrimitive.Indicator, { "data-slot": "navigation-menu-indicator", className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className), ...props, children: _jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" }) }));
|
|
30
|
+
}
|
|
31
|
+
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
|
|
32
|
+
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/navigation-menu.tsx"],"names":[],"mappings":"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"}
|