@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,16 @@
|
|
|
1
|
+
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
9
|
+
showCloseButton?: boolean;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
16
|
+
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,2CAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
|
+
import { XIcon } from "lucide-react";
|
|
4
|
+
import { cn } from "#shadcn/lib/utils";
|
|
5
|
+
function Dialog({ ...props }) {
|
|
6
|
+
return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
|
|
7
|
+
}
|
|
8
|
+
function DialogTrigger({ ...props }) {
|
|
9
|
+
return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
10
|
+
}
|
|
11
|
+
function DialogPortal({ ...props }) {
|
|
12
|
+
return _jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
|
|
13
|
+
}
|
|
14
|
+
function DialogClose({ ...props }) {
|
|
15
|
+
return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
|
|
16
|
+
}
|
|
17
|
+
function DialogOverlay({ className, ...props }) {
|
|
18
|
+
return (_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
|
|
19
|
+
}
|
|
20
|
+
function DialogContent({ className, children, showCloseButton = true, ...props }) {
|
|
21
|
+
return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
|
|
22
|
+
}
|
|
23
|
+
function DialogHeader({ className, ...props }) {
|
|
24
|
+
return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
|
|
25
|
+
}
|
|
26
|
+
function DialogFooter({ className, ...props }) {
|
|
27
|
+
return (_jsx("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
|
|
28
|
+
}
|
|
29
|
+
function DialogTitle({ className, ...props }) {
|
|
30
|
+
return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("text-lg leading-none font-semibold", className), ...props }));
|
|
31
|
+
}
|
|
32
|
+
function DialogDescription({ className, ...props }) {
|
|
33
|
+
return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-muted-foreground text-sm", className), ...props }));
|
|
34
|
+
}
|
|
35
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
36
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.stories.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAmCA,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from "#shadcn/components/ui/button";
|
|
3
|
+
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "#shadcn/components/ui/dialog";
|
|
4
|
+
import { Input } from "#shadcn/components/ui/input";
|
|
5
|
+
import { Label } from "#shadcn/components/ui/label";
|
|
6
|
+
const meta = {
|
|
7
|
+
title: "Component/Dialog",
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export const Demo = {
|
|
11
|
+
render: () => (_jsx(Dialog, { children: _jsxs("form", { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open Dialog" }) }), _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Edit profile" }), _jsx(DialogDescription, { children: "Make changes to your profile here. Click save when you're done." })] }), _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-3", children: [_jsx(Label, { htmlFor: "name-1", children: "Name" }), _jsx(Input, { id: "name-1", name: "name", defaultValue: "Pedro Duarte" })] }), _jsxs("div", { className: "grid gap-3", children: [_jsx(Label, { htmlFor: "username-1", children: "Username" }), _jsx(Input, { id: "username-1", name: "username", defaultValue: "@peduarte" })] })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Cancel" }) }), _jsx(Button, { type: "submit", children: "Save changes" })] })] })] }) })),
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=dialog.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACb,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;CACV,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,MAAM,cACN,2BACC,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,4BAAqB,GACjC,EAChB,MAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,aAC1C,MAAC,YAAY,eACZ,KAAC,WAAW,+BAA2B,EACvC,KAAC,iBAAiB,kFAGE,IACN,EACf,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,qBAAa,EACpC,KAAC,KAAK,IAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,YAAY,EAAC,cAAc,GAAG,IACxD,EACN,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,YAAY,yBAAiB,EAC5C,KAAC,KAAK,IAAC,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,UAAU,EAAC,YAAY,EAAC,WAAW,GAAG,IAC7D,IACD,EACN,MAAC,YAAY,eACZ,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,uBAAgB,GAC9B,EACd,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,6BAAsB,IAC7B,IACA,IACV,GACC,CACT;CACe,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import { Drawer as DrawerPrimitive } from "vaul";
|
|
3
|
+
declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|
|
14
|
+
//# sourceMappingURL=drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqBtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Drawer as DrawerPrimitive } from "vaul";
|
|
3
|
+
import { cn } from "#shadcn/lib/utils";
|
|
4
|
+
function Drawer({ ...props }) {
|
|
5
|
+
return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
|
|
6
|
+
}
|
|
7
|
+
function DrawerTrigger({ ...props }) {
|
|
8
|
+
return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
|
|
9
|
+
}
|
|
10
|
+
function DrawerPortal({ ...props }) {
|
|
11
|
+
return _jsx(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
|
|
12
|
+
}
|
|
13
|
+
function DrawerClose({ ...props }) {
|
|
14
|
+
return _jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
|
|
15
|
+
}
|
|
16
|
+
function DrawerOverlay({ className, ...props }) {
|
|
17
|
+
return (_jsx(DrawerPrimitive.Overlay, { "data-slot": "drawer-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
|
|
18
|
+
}
|
|
19
|
+
function DrawerContent({ className, children, ...props }) {
|
|
20
|
+
return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className), ...props, children: [_jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
|
|
21
|
+
}
|
|
22
|
+
function DrawerHeader({ className, ...props }) {
|
|
23
|
+
return (_jsx("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className), ...props }));
|
|
24
|
+
}
|
|
25
|
+
function DrawerFooter({ className, ...props }) {
|
|
26
|
+
return (_jsx("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
|
|
27
|
+
}
|
|
28
|
+
function DrawerTitle({ className, ...props }) {
|
|
29
|
+
return (_jsx(DrawerPrimitive.Title, { "data-slot": "drawer-title", className: cn("text-foreground font-semibold", className), ...props }));
|
|
30
|
+
}
|
|
31
|
+
function DrawerDescription({ className, ...props }) {
|
|
32
|
+
return (_jsx(DrawerPrimitive.Description, { "data-slot": "drawer-description", className: cn("text-muted-foreground text-sm", className), ...props }));
|
|
33
|
+
}
|
|
34
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|
|
35
|
+
//# sourceMappingURL=drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAEjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,MAAM,CAAC,EACf,GAAG,KAAK,EAC2C;IACnD,OAAO,KAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,KAAK,KAAK,GAAI,CAAC;AAC/D,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,eAAe,CAAC,OAAO,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EAC6C;IACrD,OAAO,KAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAC;AACxE,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EAC4C;IACpD,OAAO,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAC;AACtE,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,KAAC,eAAe,CAAC,OAAO,iBACb,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,wJAAwJ,EACxJ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,MAAC,YAAY,iBAAW,eAAe,aACtC,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,iBACb,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,oEAAoE,EACpE,gQAAgQ,EAChQ,qRAAqR,EACrR,6NAA6N,EAC7N,uNAAuN,EACvN,SAAS,CACT,KACG,KAAK,aAET,cAAK,SAAS,EAAC,iIAAiI,GAAG,EAClJ,QAAQ,IACgB,IACZ,CACf,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACN,2BACW,eAAe,EACzB,SAAS,EAAE,EAAE,CACZ,0LAA0L,EAC1L,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACN,2BACW,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,KACvD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACN,KAAC,eAAe,CAAC,KAAK,iBACX,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACkD;IAC1D,OAAO,CACN,KAAC,eAAe,CAAC,WAAW,iBACjB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.stories.tsx"],"names":[],"mappings":"AAgCA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CA+EA,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Minus, Plus } from "lucide-react";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { Bar, BarChart, ResponsiveContainer } from "recharts";
|
|
5
|
+
import { Button } from "#shadcn/components/ui/button";
|
|
6
|
+
import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "#shadcn/components/ui/drawer";
|
|
7
|
+
const data = [
|
|
8
|
+
{ goal: 400 },
|
|
9
|
+
{ goal: 300 },
|
|
10
|
+
{ goal: 200 },
|
|
11
|
+
{ goal: 300 },
|
|
12
|
+
{ goal: 200 },
|
|
13
|
+
{ goal: 278 },
|
|
14
|
+
{ goal: 189 },
|
|
15
|
+
{ goal: 239 },
|
|
16
|
+
{ goal: 300 },
|
|
17
|
+
{ goal: 200 },
|
|
18
|
+
{ goal: 278 },
|
|
19
|
+
{ goal: 189 },
|
|
20
|
+
{ goal: 349 },
|
|
21
|
+
];
|
|
22
|
+
const meta = {
|
|
23
|
+
title: "Component/Drawer",
|
|
24
|
+
};
|
|
25
|
+
export default meta;
|
|
26
|
+
export const Demo = {
|
|
27
|
+
render: () => {
|
|
28
|
+
const [goal, setGoal] = React.useState(350);
|
|
29
|
+
function onClick(adjustment) {
|
|
30
|
+
setGoal(Math.max(200, Math.min(400, goal + adjustment)));
|
|
31
|
+
}
|
|
32
|
+
return (_jsxs(Drawer, { children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open Drawer" }) }), _jsx(DrawerContent, { children: _jsxs("div", { className: "mx-auto w-full max-w-sm", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Move Goal" }), _jsx(DrawerDescription, { children: "Set your daily activity goal." })] }), _jsxs("div", { className: "p-4 pb-0", children: [_jsxs("div", { className: "flex items-center justify-center space-x-2", children: [_jsxs(Button, { variant: "secondary", size: "small", className: "h-8 w-8 shrink-0 rounded-full", onClick: () => onClick(-10), disabled: goal <= 200, children: [_jsx(Minus, {}), _jsx("span", { className: "sr-only", children: "Decrease" })] }), _jsxs("div", { className: "flex-1 text-center", children: [_jsx("div", { className: "text-7xl font-bold tracking-tighter", children: goal }), _jsx("div", { className: "text-muted-foreground text-[0.70rem] uppercase", children: "Calories/day" })] }), _jsxs(Button, { variant: "secondary", size: "small", className: "h-8 w-8 shrink-0 rounded-full", onClick: () => onClick(10), disabled: goal >= 400, children: [_jsx(Plus, {}), _jsx("span", { className: "sr-only", children: "Increase" })] })] }), _jsx("div", { className: "mt-3 h-[120px]", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsx(BarChart, { data: data, children: _jsx(Bar, { dataKey: "goal", style: {
|
|
33
|
+
fill: "hsl(var(--foreground))",
|
|
34
|
+
opacity: 0.9,
|
|
35
|
+
} }) }) }) })] }), _jsxs(DrawerFooter, { children: [_jsx(Button, { children: "Submit" }), _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Cancel" }) })] })] }) })] }));
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=drawer.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACb,MAAM,8BAA8B,CAAC;AAEtC,MAAM,IAAI,GAAG;IACZ,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;IACb,EAAE,IAAI,EAAE,GAAG,EAAE;CACb,CAAC;AAEF,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;CACV,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAE5C,SAAS,OAAO,CAAC,UAAkB;YAClC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAC1D,CAAC;QAED,OAAO,CACN,MAAC,MAAM,eACN,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,4BAAqB,GACjC,EAChB,KAAC,aAAa,cACb,eAAK,SAAS,EAAC,yBAAyB,aACvC,MAAC,YAAY,eACZ,KAAC,WAAW,4BAAwB,EACpC,KAAC,iBAAiB,gDAEE,IACN,EACf,eAAK,SAAS,EAAC,UAAU,aACxB,eAAK,SAAS,EAAC,4CAA4C,aAC1D,MAAC,MAAM,IACN,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAC3B,QAAQ,EAAE,IAAI,IAAI,GAAG,aAErB,KAAC,KAAK,KAAG,EACT,eAAM,SAAS,EAAC,SAAS,yBAAgB,IACjC,EACT,eAAK,SAAS,EAAC,oBAAoB,aAClC,cAAK,SAAS,EAAC,qCAAqC,YAClD,IAAI,GACA,EACN,cAAK,SAAS,EAAC,gDAAgD,6BAEzD,IACD,EACN,MAAC,MAAM,IACN,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,QAAQ,EAAE,IAAI,IAAI,GAAG,aAErB,KAAC,IAAI,KAAG,EACR,eAAM,SAAS,EAAC,SAAS,yBAAgB,IACjC,IACJ,EACN,cAAK,SAAS,EAAC,gBAAgB,YAC9B,KAAC,mBAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,YAC9C,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,YACnB,KAAC,GAAG,IACH,OAAO,EAAC,MAAM,EACd,KAAK,EACJ;wDACC,IAAI,EAAE,wBAAwB;wDAC9B,OAAO,EAAE,GAAG;qDACW,GAExB,GACQ,GACU,GACjB,IACD,EACN,MAAC,YAAY,eACZ,KAAC,MAAM,yBAAgB,EACvB,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,uBAAgB,GAC9B,IACA,IACV,GACS,IACR,CACT,CAAC;IACH,CAAC;CACe,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
9
|
+
inset?: boolean;
|
|
10
|
+
variant?: "default" | "destructive";
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function DropdownMenuCheckboxItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
16
|
+
inset?: boolean;
|
|
17
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
22
|
+
inset?: boolean;
|
|
23
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
|
|
26
|
+
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
|
+
import { cn } from "#shadcn/lib/utils";
|
|
5
|
+
function DropdownMenu({ ...props }) {
|
|
6
|
+
return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
|
|
7
|
+
}
|
|
8
|
+
function DropdownMenuPortal({ ...props }) {
|
|
9
|
+
return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
|
|
10
|
+
}
|
|
11
|
+
function DropdownMenuTrigger({ ...props }) {
|
|
12
|
+
return (_jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props }));
|
|
13
|
+
}
|
|
14
|
+
function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
|
|
15
|
+
return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn("bg-bg-primary 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 max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5", className), ...props }) }));
|
|
16
|
+
}
|
|
17
|
+
function DropdownMenuGroup({ ...props }) {
|
|
18
|
+
return (_jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
|
|
19
|
+
}
|
|
20
|
+
function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
|
|
21
|
+
return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md", "outline-hidden select-none typo-body text-text-secondary", "focus:bg-bg-secondary focus:text-text-primary", "data-[variant=destructive]:text-text-error-primary", "data-[variant=destructive]:focus:bg-bg-error-tertiary", "dark:data-[variant=destructive]:focus:bg-bg-error-tertiary", "data-[variant=destructive]:focus:text-text-error-primary", "data-[variant=destructive]:*:[svg]:!text-text-error-primary", "[&_svg:not([class*='text-'])]:fg-fg-secondary", "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 }));
|
|
22
|
+
}
|
|
23
|
+
function DropdownMenuCheckboxItem({ className, children, ...props }) {
|
|
24
|
+
return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9", "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 [&_svg]:text-text-link h-8 typo-body text-text-secondary", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-3 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
|
|
25
|
+
}
|
|
26
|
+
function DropdownMenuRadioGroup({ ...props }) {
|
|
27
|
+
return (_jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
|
|
28
|
+
}
|
|
29
|
+
function DropdownMenuRadioItem({ className, children, ...props }) {
|
|
30
|
+
return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2", "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 h-8 typo-body text-text-secondary", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
|
|
31
|
+
}
|
|
32
|
+
function DropdownMenuLabel({ className, inset, ...props }) {
|
|
33
|
+
return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary", className), ...props }));
|
|
34
|
+
}
|
|
35
|
+
function DropdownMenuSeparator({ className, ...props }) {
|
|
36
|
+
return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("bg-bg-quaternary -mx-1 my-1 h-px", className), ...props }));
|
|
37
|
+
}
|
|
38
|
+
function DropdownMenuShortcut({ className, ...props }) {
|
|
39
|
+
return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn("text-text-secondary ml-auto text-xs tracking-widest", className), ...props }));
|
|
40
|
+
}
|
|
41
|
+
function DropdownMenuSub({ ...props }) {
|
|
42
|
+
return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
|
|
43
|
+
}
|
|
44
|
+
function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
|
|
45
|
+
return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex", "cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
|
|
46
|
+
}
|
|
47
|
+
function DropdownMenuSubContent({ className, ...props }) {
|
|
48
|
+
return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("bg-bg-primary text-text-primary 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-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator", "p-2 shadow-lg", className), ...props }));
|
|
49
|
+
}
|
|
50
|
+
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
|
|
51
|
+
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGvE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACiD;IACzD,OAAO,KAAC,qBAAqB,CAAC,IAAI,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,GAAG,KAAK,EACmD;IAC3D,OAAO,CACN,KAAC,qBAAqB,CAAC,MAAM,iBAAW,sBAAsB,KAAK,KAAK,GAAI,CAC5E,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC5B,GAAG,KAAK,EACoD;IAC5D,OAAO,CACN,KAAC,qBAAqB,CAAC,OAAO,iBACnB,uBAAuB,KAC7B,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACoD;IAC5D,OAAO,CACN,KAAC,qBAAqB,CAAC,MAAM,cAC5B,KAAC,qBAAqB,CAAC,OAAO,iBACnB,uBAAuB,EACjC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACZ,2GAA2G,EAC3G,0FAA0F,EAC1F,sHAAsH,EACtH,oGAAoG,EACpG,sEAAsE,EACtE,6GAA6G,EAC7G,SAAS,CACT,KACG,KAAK,GACR,GAC4B,CAC/B,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,GAAG,KAAK,EACkD;IAC1D,OAAO,CACN,KAAC,qBAAqB,CAAC,KAAK,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAC1E,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EAIR;IACA,OAAO,CACN,KAAC,qBAAqB,CAAC,IAAI,iBAChB,oBAAoB,gBAClB,KAAK,kBACH,OAAO,EACrB,SAAS,EAAE,EAAE,CACZ,2EAA2E,EAC3E,0DAA0D,EAC1D,+CAA+C,EAC/C,oDAAoD,EACpD,uDAAuD,EACvD,4DAA4D,EAC5D,0DAA0D,EAC1D,6DAA6D,EAC7D,+CAA+C,EAC/C,qCAAqC,EACrC,4BAA4B,EAC5B,mBAAmB,EACnB,6BAA6B,EAC7B,kBAAkB,EAClB,sCAAsC,EACtC,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,wBAAwB,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACyD;IACjE,OAAO,CACN,MAAC,qBAAqB,CAAC,YAAY,iBACxB,6BAA6B,EACvC,SAAS,EAAE,EAAE,CACZ,yHAAyH,EACzH,uHAAuH,EACvH,gHAAgH,EAChH,SAAS,CACT,KACG,KAAK,aAET,eAAM,SAAS,EAAC,+EAA+E,YAC9F,KAAC,qBAAqB,CAAC,aAAa,cACnC,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACK,GAChC,EACN,QAAQ,IAC2B,CACrC,CAAC;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC/B,GAAG,KAAK,EACuD;IAC/D,OAAO,CACN,KAAC,qBAAqB,CAAC,UAAU,iBACtB,2BAA2B,KACjC,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACsD;IAC9D,OAAO,CACN,MAAC,qBAAqB,CAAC,SAAS,iBACrB,0BAA0B,EACpC,SAAS,EAAE,EAAE,CACZ,sHAAsH,EACtH,uHAAuH,EACvH,yFAAyF,EACzF,SAAS,CACT,KACG,KAAK,aAET,eAAM,SAAS,EAAC,+EAA+E,YAC9F,KAAC,qBAAqB,CAAC,aAAa,cACnC,KAAC,UAAU,IAAC,SAAS,EAAC,qBAAqB,GAAG,GACT,GAChC,EACN,QAAQ,IACwB,CAClC,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAGR;IACA,OAAO,CACN,KAAC,qBAAqB,CAAC,KAAK,iBACjB,qBAAqB,gBACnB,KAAK,EACjB,SAAS,EAAE,EAAE,CACZ,8DAA8D,EAC9D,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACsD;IAC9D,OAAO,CACN,KAAC,qBAAqB,CAAC,SAAS,iBACrB,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,OAAO,CACN,4BACW,wBAAwB,EAClC,SAAS,EAAE,EAAE,CACZ,qDAAqD,EACrD,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EACxB,GAAG,KAAK,EACgD;IACxD,OAAO,KAAC,qBAAqB,CAAC,GAAG,iBAAW,mBAAmB,KAAK,KAAK,GAAI,CAAC;AAC/E,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EAGR;IACA,OAAO,CACN,MAAC,qBAAqB,CAAC,UAAU,iBACtB,2BAA2B,gBACzB,KAAK,EACjB,SAAS,EAAE,EAAE,CACZ,yHAAyH,EACzH,mIAAmI,EACnI,SAAS,CACT,KACG,KAAK,aAER,QAAQ,EACT,KAAC,gBAAgB,IAAC,SAAS,EAAC,gBAAgB,GAAG,IACb,CACnC,CAAC;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACuD;IAC/D,OAAO,CACN,KAAC,qBAAqB,CAAC,UAAU,iBACtB,2BAA2B,EACrC,SAAS,EAAE,EAAE,CACZ,6HAA6H,EAC7H,iIAAiI,EACjI,2HAA2H,EAC3H,gIAAgI,EAChI,eAAe,EACf,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EACN,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.stories.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAyDA,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from "#shadcn/components/ui/button";
|
|
3
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "#shadcn/components/ui/dropdown-menu";
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "Component/Dropdown menu",
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
export const Demo = {
|
|
9
|
+
render: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open" }) }), _jsxs(DropdownMenuContent, { className: "w-56", align: "start", children: [_jsx(DropdownMenuLabel, { children: "My Account" }), _jsxs(DropdownMenuGroup, { children: [_jsxs(DropdownMenuItem, { children: ["Profile", _jsx(DropdownMenuShortcut, { children: "\u21E7\u2318P" })] }), _jsxs(DropdownMenuItem, { children: ["Billing", _jsx(DropdownMenuShortcut, { children: "\u2318B" })] }), _jsxs(DropdownMenuItem, { children: ["Settings", _jsx(DropdownMenuShortcut, { children: "\u2318S" })] }), _jsxs(DropdownMenuItem, { children: ["Keyboard shortcuts", _jsx(DropdownMenuShortcut, { children: "\u2318K" })] })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuItem, { children: "Team" }), _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: "Invite users" }), _jsx(DropdownMenuPortal, { children: _jsxs(DropdownMenuSubContent, { children: [_jsx(DropdownMenuItem, { children: "Email" }), _jsx(DropdownMenuItem, { children: "Message" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "More..." })] }) })] }), _jsxs(DropdownMenuItem, { children: ["New Team", _jsx(DropdownMenuShortcut, { children: "\u2318+T" })] })] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "GitHub" }), _jsx(DropdownMenuItem, { children: "Support" }), _jsx(DropdownMenuItem, { disabled: true, children: "API" }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: ["Log out", _jsx(DropdownMenuShortcut, { children: "\u21E7\u2318Q" })] })] })] })),
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=dropdown-menu.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACnB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,yBAAyB;CACjB,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,YAAY,eACZ,KAAC,mBAAmB,IAAC,OAAO,kBAC3B,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,qBAAc,GACpB,EACtB,MAAC,mBAAmB,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,aAClD,KAAC,iBAAiB,6BAA+B,EACjD,MAAC,iBAAiB,eACjB,MAAC,gBAAgB,0BAEhB,KAAC,oBAAoB,gCAA2B,IAC9B,EACnB,MAAC,gBAAgB,0BAEhB,KAAC,oBAAoB,0BAA0B,IAC7B,EACnB,MAAC,gBAAgB,2BAEhB,KAAC,oBAAoB,0BAA0B,IAC7B,EACnB,MAAC,gBAAgB,qCAEhB,KAAC,oBAAoB,0BAA0B,IAC7B,IACA,EACpB,KAAC,qBAAqB,KAAG,EACzB,MAAC,iBAAiB,eACjB,KAAC,gBAAgB,uBAAwB,EACzC,MAAC,eAAe,eACf,KAAC,sBAAsB,+BAAsC,EAC7D,KAAC,kBAAkB,cAClB,MAAC,sBAAsB,eACtB,KAAC,gBAAgB,wBAAyB,EAC1C,KAAC,gBAAgB,0BAA2B,EAC5C,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,0BAA2B,IACpB,GACL,IACJ,EAClB,MAAC,gBAAgB,2BAEhB,KAAC,oBAAoB,2BAA2B,IAC9B,IACA,EACpB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,yBAA0B,EAC3C,KAAC,gBAAgB,0BAA2B,EAC5C,KAAC,gBAAgB,IAAC,QAAQ,0BAAuB,EACjD,KAAC,qBAAqB,KAAG,EACzB,MAAC,gBAAgB,0BAEhB,KAAC,oBAAoB,gCAA2B,IAC9B,IACE,IACR,CACf;CACe,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type * as LabelPrimitive from "@radix-ui/react-label";
|
|
2
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
|
|
5
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
6
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const useFormField: () => {
|
|
8
|
+
invalid: boolean;
|
|
9
|
+
isDirty: boolean;
|
|
10
|
+
isTouched: boolean;
|
|
11
|
+
isValidating: boolean;
|
|
12
|
+
error?: import("react-hook-form").FieldError;
|
|
13
|
+
id: string;
|
|
14
|
+
name: string;
|
|
15
|
+
formItemId: string;
|
|
16
|
+
formDescriptionId: string;
|
|
17
|
+
formMessageId: string;
|
|
18
|
+
};
|
|
19
|
+
declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
|
|
24
|
+
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|
|
25
|
+
//# sourceMappingURL=form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAIzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACd,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
|
|
5
|
+
import { Label } from "#shadcn/components/ui/label";
|
|
6
|
+
import { cn } from "#shadcn/lib/utils";
|
|
7
|
+
const Form = FormProvider;
|
|
8
|
+
const FormFieldContext = React.createContext({});
|
|
9
|
+
const FormField = ({ ...props }) => {
|
|
10
|
+
return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
|
|
11
|
+
};
|
|
12
|
+
const useFormField = () => {
|
|
13
|
+
const fieldContext = React.useContext(FormFieldContext);
|
|
14
|
+
const itemContext = React.useContext(FormItemContext);
|
|
15
|
+
const { getFieldState } = useFormContext();
|
|
16
|
+
const formState = useFormState({ name: fieldContext.name });
|
|
17
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
18
|
+
if (!fieldContext) {
|
|
19
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
20
|
+
}
|
|
21
|
+
const { id } = itemContext;
|
|
22
|
+
return {
|
|
23
|
+
id,
|
|
24
|
+
name: fieldContext.name,
|
|
25
|
+
formItemId: `${id}-form-item`,
|
|
26
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
27
|
+
formMessageId: `${id}-form-item-message`,
|
|
28
|
+
...fieldState,
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
const FormItemContext = React.createContext({});
|
|
32
|
+
function FormItem({ className, ...props }) {
|
|
33
|
+
const id = React.useId();
|
|
34
|
+
return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) }));
|
|
35
|
+
}
|
|
36
|
+
function FormLabel({ className, ...props }) {
|
|
37
|
+
const { error, formItemId } = useFormField();
|
|
38
|
+
return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props }));
|
|
39
|
+
}
|
|
40
|
+
function FormControl({ ...props }) {
|
|
41
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
42
|
+
return (_jsx(Slot, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error
|
|
43
|
+
? `${formDescriptionId}`
|
|
44
|
+
: `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
|
|
45
|
+
}
|
|
46
|
+
function FormDescription({ className, ...props }) {
|
|
47
|
+
const { formDescriptionId } = useFormField();
|
|
48
|
+
return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-muted-foreground text-sm", className), ...props }));
|
|
49
|
+
}
|
|
50
|
+
function FormMessage({ className, ...props }) {
|
|
51
|
+
const { error, formMessageId } = useFormField();
|
|
52
|
+
const body = error ? String(error?.message ?? "") : props.children;
|
|
53
|
+
if (!body) {
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-destructive text-sm", className), ...props, children: body }));
|
|
57
|
+
}
|
|
58
|
+
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|
|
59
|
+
//# sourceMappingURL=form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.stories.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAqCA,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { zodResolver } from "@hookform/resolvers/zod";
|
|
3
|
+
import { useForm } from "react-hook-form";
|
|
4
|
+
import { z } from "zod";
|
|
5
|
+
import { Button } from "#shadcn/components/ui/button";
|
|
6
|
+
import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "#shadcn/components/ui/form";
|
|
7
|
+
import { Input } from "#shadcn/components/ui/input";
|
|
8
|
+
const formSchema = z.object({
|
|
9
|
+
username: z.string().min(2, {
|
|
10
|
+
message: "Username must be at least 2 characters.",
|
|
11
|
+
}),
|
|
12
|
+
});
|
|
13
|
+
const meta = {
|
|
14
|
+
title: "Component/Form",
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
export const Demo = {
|
|
18
|
+
render: () => {
|
|
19
|
+
const form = useForm({
|
|
20
|
+
resolver: zodResolver(formSchema),
|
|
21
|
+
defaultValues: {
|
|
22
|
+
username: "",
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
function onSubmit(values) {
|
|
26
|
+
console.log(values);
|
|
27
|
+
}
|
|
28
|
+
return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-8", children: [_jsx(FormField, { control: form.control, name: "username", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Username" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "shadcn", ...field }) }), _jsx(FormDescription, { children: "This is your public display name." }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=form.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3B,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE;QAC3B,OAAO,EAAE,yCAAyC;KAClD,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gBAAgB;CACR,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,IAAI,GAAG,OAAO,CAA6B;YAChD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC;YACjC,aAAa,EAAE;gBACd,QAAQ,EAAE,EAAE;aACZ;SACD,CAAC,CAAC;QAEH,SAAS,QAAQ,CAAC,MAAkC;YACnD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC;QAED,OAAO,CACN,KAAC,IAAI,OAAK,IAAI,YACb,gBAAM,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAC,WAAW,aACjE,KAAC,SAAS,IACT,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACtB,MAAC,QAAQ,eACR,KAAC,SAAS,2BAAqB,EAC/B,KAAC,WAAW,cACX,KAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,KAAK,KAAK,GAAI,GAC5B,EACd,KAAC,eAAe,oDAEE,EAClB,KAAC,WAAW,KAAG,IACL,CACX,GACA,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,uBAAgB,IAC/B,GACD,CACP,CAAC;IACH,CAAC;CACe,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { HoverCard, HoverCardTrigger, HoverCardContent };
|
|
7
|
+
//# sourceMappingURL=hover-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,gBAAgB,CAAC,EACzB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAIzD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAezD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
3
|
+
import { cn } from "#shadcn/lib/utils";
|
|
4
|
+
function HoverCard({ ...props }) {
|
|
5
|
+
return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
|
|
6
|
+
}
|
|
7
|
+
function HoverCardTrigger({ ...props }) {
|
|
8
|
+
return (_jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props }));
|
|
9
|
+
}
|
|
10
|
+
function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
|
|
11
|
+
return (_jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, 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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
|
|
12
|
+
}
|
|
13
|
+
export { HoverCard, HoverCardTrigger, HoverCardContent };
|
|
14
|
+
//# sourceMappingURL=hover-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAGjE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,kBAAkB,CAAC,IAAI,iBAAW,YAAY,KAAK,KAAK,GAAI,CAAC;AACtE,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,GAAG,KAAK,EACiD;IACzD,OAAO,CACN,KAAC,kBAAkB,CAAC,OAAO,iBAAW,oBAAoB,KAAK,KAAK,GAAI,CACxE,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACiD;IACzD,OAAO,CACN,KAAC,kBAAkB,CAAC,MAAM,iBAAW,mBAAmB,YACvD,KAAC,kBAAkB,CAAC,OAAO,iBAChB,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACZ,meAAme,EACne,SAAS,CACT,KACG,KAAK,GACR,GACyB,CAC5B,CAAC;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.stories.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAyBA,CAAC"}
|