@tekton-ui/ui 0.2.0
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 +1137 -0
- package/dist/index.d.mts +719 -0
- package/dist/index.mjs +3511 -0
- package/dist/src/components/alert-dialog.d.ts +21 -0
- package/dist/src/components/alert-dialog.d.ts.map +1 -0
- package/dist/src/components/alert-dialog.js +26 -0
- package/dist/src/components/alert-dialog.js.map +1 -0
- package/dist/src/components/alert-dialog.stories.d.ts +22 -0
- package/dist/src/components/alert-dialog.stories.d.ts.map +1 -0
- package/dist/src/components/alert-dialog.stories.js +22 -0
- package/dist/src/components/alert-dialog.stories.js.map +1 -0
- package/dist/src/components/avatar.d.ts +7 -0
- package/dist/src/components/avatar.d.ts.map +1 -0
- package/dist/src/components/avatar.js +12 -0
- package/dist/src/components/avatar.js.map +1 -0
- package/dist/src/components/avatar.stories.d.ts +38 -0
- package/dist/src/components/avatar.stories.d.ts.map +1 -0
- package/dist/src/components/avatar.stories.js +33 -0
- package/dist/src/components/avatar.stories.js.map +1 -0
- package/dist/src/components/badge.d.ts +10 -0
- package/dist/src/components/badge.d.ts.map +1 -0
- package/dist/src/components/badge.js +21 -0
- package/dist/src/components/badge.js.map +1 -0
- package/dist/src/components/badge.stories.d.ts +73 -0
- package/dist/src/components/badge.stories.d.ts.map +1 -0
- package/dist/src/components/badge.stories.js +60 -0
- package/dist/src/components/badge.stories.js.map +1 -0
- package/dist/src/components/breadcrumb.d.ts +27 -0
- package/dist/src/components/breadcrumb.d.ts.map +1 -0
- package/dist/src/components/breadcrumb.js +60 -0
- package/dist/src/components/breadcrumb.js.map +1 -0
- package/dist/src/components/breadcrumb.stories.d.ts +49 -0
- package/dist/src/components/breadcrumb.stories.d.ts.map +1 -0
- package/dist/src/components/breadcrumb.stories.js +43 -0
- package/dist/src/components/breadcrumb.stories.js.map +1 -0
- package/dist/src/components/button.d.ts +12 -0
- package/dist/src/components/button.d.ts.map +1 -0
- package/dist/src/components/button.js +34 -0
- package/dist/src/components/button.js.map +1 -0
- package/dist/src/components/button.stories.d.ts +134 -0
- package/dist/src/components/button.stories.d.ts.map +1 -0
- package/dist/src/components/button.stories.js +101 -0
- package/dist/src/components/button.stories.js.map +1 -0
- package/dist/src/components/calendar.d.ts +8 -0
- package/dist/src/components/calendar.d.ts.map +1 -0
- package/dist/src/components/calendar.js +39 -0
- package/dist/src/components/calendar.js.map +1 -0
- package/dist/src/components/calendar.stories.d.ts +46 -0
- package/dist/src/components/calendar.stories.d.ts.map +1 -0
- package/dist/src/components/calendar.stories.js +88 -0
- package/dist/src/components/calendar.stories.js.map +1 -0
- package/dist/src/components/card.d.ts +9 -0
- package/dist/src/components/card.d.ts.map +1 -0
- package/dist/src/components/card.js +17 -0
- package/dist/src/components/card.js.map +1 -0
- package/dist/src/components/card.stories.d.ts +46 -0
- package/dist/src/components/card.stories.d.ts.map +1 -0
- package/dist/src/components/card.stories.js +40 -0
- package/dist/src/components/card.stories.js.map +1 -0
- package/dist/src/components/checkbox.d.ts +5 -0
- package/dist/src/components/checkbox.d.ts.map +1 -0
- package/dist/src/components/checkbox.js +9 -0
- package/dist/src/components/checkbox.js.map +1 -0
- package/dist/src/components/checkbox.stories.d.ts +50 -0
- package/dist/src/components/checkbox.stories.d.ts.map +1 -0
- package/dist/src/components/checkbox.stories.js +48 -0
- package/dist/src/components/checkbox.stories.js.map +1 -0
- package/dist/src/components/command.d.ts +81 -0
- package/dist/src/components/command.d.ts.map +1 -0
- package/dist/src/components/command.js +27 -0
- package/dist/src/components/command.js.map +1 -0
- package/dist/src/components/command.stories.d.ts +34 -0
- package/dist/src/components/command.stories.d.ts.map +1 -0
- package/dist/src/components/command.stories.js +44 -0
- package/dist/src/components/command.stories.js.map +1 -0
- package/dist/src/components/dialog.d.ts +20 -0
- package/dist/src/components/dialog.d.ts.map +1 -0
- package/dist/src/components/dialog.js +23 -0
- package/dist/src/components/dialog.js.map +1 -0
- package/dist/src/components/dialog.stories.d.ts +38 -0
- package/dist/src/components/dialog.stories.d.ts.map +1 -0
- package/dist/src/components/dialog.stories.js +36 -0
- package/dist/src/components/dialog.stories.js.map +1 -0
- package/dist/src/components/dropdown-menu.d.ts +28 -0
- package/dist/src/components/dropdown-menu.d.ts.map +1 -0
- package/dist/src/components/dropdown-menu.js +33 -0
- package/dist/src/components/dropdown-menu.js.map +1 -0
- package/dist/src/components/dropdown-menu.stories.d.ts +30 -0
- package/dist/src/components/dropdown-menu.stories.d.ts.map +1 -0
- package/dist/src/components/dropdown-menu.stories.js +37 -0
- package/dist/src/components/dropdown-menu.stories.js.map +1 -0
- package/dist/src/components/form.d.ts +24 -0
- package/dist/src/components/form.d.ts.map +1 -0
- package/dist/src/components/form.js +62 -0
- package/dist/src/components/form.js.map +1 -0
- package/dist/src/components/form.stories.d.ts +34 -0
- package/dist/src/components/form.stories.d.ts.map +1 -0
- package/dist/src/components/form.stories.js +132 -0
- package/dist/src/components/form.stories.js.map +1 -0
- package/dist/src/components/input.d.ts +5 -0
- package/dist/src/components/input.d.ts.map +1 -0
- package/dist/src/components/input.js +9 -0
- package/dist/src/components/input.js.map +1 -0
- package/dist/src/components/input.stories.d.ts +101 -0
- package/dist/src/components/input.stories.d.ts.map +1 -0
- package/dist/src/components/input.stories.js +79 -0
- package/dist/src/components/input.stories.js.map +1 -0
- package/dist/src/components/label.d.ts +6 -0
- package/dist/src/components/label.d.ts.map +1 -0
- package/dist/src/components/label.js +10 -0
- package/dist/src/components/label.js.map +1 -0
- package/dist/src/components/label.stories.d.ts +34 -0
- package/dist/src/components/label.stories.d.ts.map +1 -0
- package/dist/src/components/label.stories.js +32 -0
- package/dist/src/components/label.stories.js.map +1 -0
- package/dist/src/components/navigation-menu.d.ts +13 -0
- package/dist/src/components/navigation-menu.d.ts.map +1 -0
- package/dist/src/components/navigation-menu.js +22 -0
- package/dist/src/components/navigation-menu.js.map +1 -0
- package/dist/src/components/navigation-menu.stories.d.ts +26 -0
- package/dist/src/components/navigation-menu.stories.d.ts.map +1 -0
- package/dist/src/components/navigation-menu.stories.js +30 -0
- package/dist/src/components/navigation-menu.stories.js.map +1 -0
- package/dist/src/components/popover.d.ts +7 -0
- package/dist/src/components/popover.d.ts.map +1 -0
- package/dist/src/components/popover.js +10 -0
- package/dist/src/components/popover.js.map +1 -0
- package/dist/src/components/popover.stories.d.ts +22 -0
- package/dist/src/components/popover.stories.d.ts.map +1 -0
- package/dist/src/components/popover.stories.js +24 -0
- package/dist/src/components/popover.stories.js.map +1 -0
- package/dist/src/components/progress.d.ts +5 -0
- package/dist/src/components/progress.d.ts.map +1 -0
- package/dist/src/components/progress.js +8 -0
- package/dist/src/components/progress.js.map +1 -0
- package/dist/src/components/progress.stories.d.ts +44 -0
- package/dist/src/components/progress.stories.d.ts.map +1 -0
- package/dist/src/components/progress.stories.js +63 -0
- package/dist/src/components/progress.stories.js.map +1 -0
- package/dist/src/components/radio-group.d.ts +6 -0
- package/dist/src/components/radio-group.d.ts.map +1 -0
- package/dist/src/components/radio-group.js +15 -0
- package/dist/src/components/radio-group.js.map +1 -0
- package/dist/src/components/radio-group.stories.d.ts +34 -0
- package/dist/src/components/radio-group.stories.d.ts.map +1 -0
- package/dist/src/components/radio-group.stories.js +31 -0
- package/dist/src/components/radio-group.stories.js.map +1 -0
- package/dist/src/components/scroll-area.d.ts +6 -0
- package/dist/src/components/scroll-area.d.ts.map +1 -0
- package/dist/src/components/scroll-area.js +10 -0
- package/dist/src/components/scroll-area.js.map +1 -0
- package/dist/src/components/scroll-area.stories.d.ts +46 -0
- package/dist/src/components/scroll-area.stories.d.ts.map +1 -0
- package/dist/src/components/scroll-area.stories.js +44 -0
- package/dist/src/components/scroll-area.stories.js.map +1 -0
- package/dist/src/components/select.d.ts +14 -0
- package/dist/src/components/select.d.ts.map +1 -0
- package/dist/src/components/select.js +26 -0
- package/dist/src/components/select.js.map +1 -0
- package/dist/src/components/select.stories.d.ts +42 -0
- package/dist/src/components/select.stories.d.ts.map +1 -0
- package/dist/src/components/select.stories.js +37 -0
- package/dist/src/components/select.stories.js.map +1 -0
- package/dist/src/components/separator.d.ts +5 -0
- package/dist/src/components/separator.d.ts.map +1 -0
- package/dist/src/components/separator.js +8 -0
- package/dist/src/components/separator.js.map +1 -0
- package/dist/src/components/separator.stories.d.ts +47 -0
- package/dist/src/components/separator.stories.d.ts.map +1 -0
- package/dist/src/components/separator.stories.js +41 -0
- package/dist/src/components/separator.stories.js.map +1 -0
- package/dist/src/components/sheet.d.ts +26 -0
- package/dist/src/components/sheet.d.ts.map +1 -0
- package/dist/src/components/sheet.js +37 -0
- package/dist/src/components/sheet.js.map +1 -0
- package/dist/src/components/sheet.stories.d.ts +18 -0
- package/dist/src/components/sheet.stories.d.ts.map +1 -0
- package/dist/src/components/sheet.stories.js +21 -0
- package/dist/src/components/sheet.stories.js.map +1 -0
- package/dist/src/components/sidebar.d.ts +40 -0
- package/dist/src/components/sidebar.d.ts.map +1 -0
- package/dist/src/components/sidebar.js +101 -0
- package/dist/src/components/sidebar.js.map +1 -0
- package/dist/src/components/sidebar.stories.d.ts +55 -0
- package/dist/src/components/sidebar.stories.d.ts.map +1 -0
- package/dist/src/components/sidebar.stories.js +51 -0
- package/dist/src/components/sidebar.stories.js.map +1 -0
- package/dist/src/components/skeleton.d.ts +3 -0
- package/dist/src/components/skeleton.d.ts.map +1 -0
- package/dist/src/components/skeleton.js +7 -0
- package/dist/src/components/skeleton.js.map +1 -0
- package/dist/src/components/skeleton.stories.d.ts +50 -0
- package/dist/src/components/skeleton.stories.d.ts.map +1 -0
- package/dist/src/components/skeleton.stories.js +42 -0
- package/dist/src/components/skeleton.stories.js.map +1 -0
- package/dist/src/components/switch.d.ts +5 -0
- package/dist/src/components/switch.d.ts.map +1 -0
- package/dist/src/components/switch.js +8 -0
- package/dist/src/components/switch.js.map +1 -0
- package/dist/src/components/switch.stories.d.ts +50 -0
- package/dist/src/components/switch.stories.d.ts.map +1 -0
- package/dist/src/components/switch.stories.js +48 -0
- package/dist/src/components/switch.stories.js.map +1 -0
- package/dist/src/components/table.d.ts +11 -0
- package/dist/src/components/table.d.ts.map +1 -0
- package/dist/src/components/table.js +21 -0
- package/dist/src/components/table.js.map +1 -0
- package/dist/src/components/table.stories.d.ts +26 -0
- package/dist/src/components/table.stories.d.ts.map +1 -0
- package/dist/src/components/table.stories.js +26 -0
- package/dist/src/components/table.stories.js.map +1 -0
- package/dist/src/components/tabs.d.ts +8 -0
- package/dist/src/components/tabs.d.ts.map +1 -0
- package/dist/src/components/tabs.js +13 -0
- package/dist/src/components/tabs.js.map +1 -0
- package/dist/src/components/tabs.stories.d.ts +22 -0
- package/dist/src/components/tabs.stories.d.ts.map +1 -0
- package/dist/src/components/tabs.stories.js +25 -0
- package/dist/src/components/tabs.stories.js.map +1 -0
- package/dist/src/components/textarea.d.ts +5 -0
- package/dist/src/components/textarea.d.ts.map +1 -0
- package/dist/src/components/textarea.js +9 -0
- package/dist/src/components/textarea.js.map +1 -0
- package/dist/src/components/textarea.stories.d.ts +64 -0
- package/dist/src/components/textarea.stories.d.ts.map +1 -0
- package/dist/src/components/textarea.stories.js +60 -0
- package/dist/src/components/textarea.stories.js.map +1 -0
- package/dist/src/components/toast.d.ts +16 -0
- package/dist/src/components/toast.d.ts.map +1 -0
- package/dist/src/components/toast.js +34 -0
- package/dist/src/components/toast.js.map +1 -0
- package/dist/src/components/toast.stories.d.ts +22 -0
- package/dist/src/components/toast.stories.d.ts.map +1 -0
- package/dist/src/components/toast.stories.js +32 -0
- package/dist/src/components/toast.stories.js.map +1 -0
- package/dist/src/components/tooltip.d.ts +8 -0
- package/dist/src/components/tooltip.d.ts.map +1 -0
- package/dist/src/components/tooltip.js +11 -0
- package/dist/src/components/tooltip.js.map +1 -0
- package/dist/src/components/tooltip.stories.d.ts +26 -0
- package/dist/src/components/tooltip.stories.d.ts.map +1 -0
- package/dist/src/components/tooltip.stories.js +25 -0
- package/dist/src/components/tooltip.stories.js.map +1 -0
- package/dist/src/index.d.ts +45 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +36 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/lib/motion.d.ts +99 -0
- package/dist/src/lib/motion.d.ts.map +1 -0
- package/dist/src/lib/motion.js +88 -0
- package/dist/src/lib/motion.js.map +1 -0
- package/dist/src/lib/theme-loader.d.ts +69 -0
- package/dist/src/lib/theme-loader.d.ts.map +1 -0
- package/dist/src/lib/theme-loader.js +113 -0
- package/dist/src/lib/theme-loader.js.map +1 -0
- package/dist/src/lib/tokens.d.ts +50 -0
- package/dist/src/lib/tokens.d.ts.map +1 -0
- package/dist/src/lib/tokens.js +53 -0
- package/dist/src/lib/tokens.js.map +1 -0
- package/dist/src/lib/utils.d.ts +3 -0
- package/dist/src/lib/utils.d.ts.map +1 -0
- package/dist/src/lib/utils.js +6 -0
- package/dist/src/lib/utils.js.map +1 -0
- package/dist/src/templates/auth/forgot-password.d.ts +4 -0
- package/dist/src/templates/auth/forgot-password.d.ts.map +1 -0
- package/dist/src/templates/auth/forgot-password.js +47 -0
- package/dist/src/templates/auth/forgot-password.js.map +1 -0
- package/dist/src/templates/auth/forgot-password.stories.d.ts +14 -0
- package/dist/src/templates/auth/forgot-password.stories.d.ts.map +1 -0
- package/dist/src/templates/auth/forgot-password.stories.js +14 -0
- package/dist/src/templates/auth/forgot-password.stories.js.map +1 -0
- package/dist/src/templates/auth/login.d.ts +4 -0
- package/dist/src/templates/auth/login.d.ts.map +1 -0
- package/dist/src/templates/auth/login.js +50 -0
- package/dist/src/templates/auth/login.js.map +1 -0
- package/dist/src/templates/auth/login.stories.d.ts +95 -0
- package/dist/src/templates/auth/login.stories.d.ts.map +1 -0
- package/dist/src/templates/auth/login.stories.js +77 -0
- package/dist/src/templates/auth/login.stories.js.map +1 -0
- package/dist/src/templates/auth/signup.d.ts +4 -0
- package/dist/src/templates/auth/signup.d.ts.map +1 -0
- package/dist/src/templates/auth/signup.js +49 -0
- package/dist/src/templates/auth/signup.js.map +1 -0
- package/dist/src/templates/auth/signup.stories.d.ts +18 -0
- package/dist/src/templates/auth/signup.stories.d.ts.map +1 -0
- package/dist/src/templates/auth/signup.stories.js +21 -0
- package/dist/src/templates/auth/signup.stories.js.map +1 -0
- package/dist/src/templates/auth/verification.d.ts +4 -0
- package/dist/src/templates/auth/verification.d.ts.map +1 -0
- package/dist/src/templates/auth/verification.js +47 -0
- package/dist/src/templates/auth/verification.js.map +1 -0
- package/dist/src/templates/auth/verification.stories.d.ts +19 -0
- package/dist/src/templates/auth/verification.stories.d.ts.map +1 -0
- package/dist/src/templates/auth/verification.stories.js +19 -0
- package/dist/src/templates/auth/verification.stories.js.map +1 -0
- package/dist/src/templates/core/landing.d.ts +4 -0
- package/dist/src/templates/core/landing.d.ts.map +1 -0
- package/dist/src/templates/core/landing.js +44 -0
- package/dist/src/templates/core/landing.js.map +1 -0
- package/dist/src/templates/core/landing.stories.d.ts +14 -0
- package/dist/src/templates/core/landing.stories.d.ts.map +1 -0
- package/dist/src/templates/core/landing.stories.js +14 -0
- package/dist/src/templates/core/landing.stories.js.map +1 -0
- package/dist/src/templates/core/preferences.d.ts +4 -0
- package/dist/src/templates/core/preferences.d.ts.map +1 -0
- package/dist/src/templates/core/preferences.js +51 -0
- package/dist/src/templates/core/preferences.js.map +1 -0
- package/dist/src/templates/core/preferences.stories.d.ts +14 -0
- package/dist/src/templates/core/preferences.stories.d.ts.map +1 -0
- package/dist/src/templates/core/preferences.stories.js +14 -0
- package/dist/src/templates/core/preferences.stories.js.map +1 -0
- package/dist/src/templates/core/profile.d.ts +4 -0
- package/dist/src/templates/core/profile.d.ts.map +1 -0
- package/dist/src/templates/core/profile.js +49 -0
- package/dist/src/templates/core/profile.js.map +1 -0
- package/dist/src/templates/core/profile.stories.d.ts +19 -0
- package/dist/src/templates/core/profile.stories.d.ts.map +1 -0
- package/dist/src/templates/core/profile.stories.js +19 -0
- package/dist/src/templates/core/profile.stories.js.map +1 -0
- package/dist/src/templates/dashboard/overview.d.ts +4 -0
- package/dist/src/templates/dashboard/overview.d.ts.map +1 -0
- package/dist/src/templates/dashboard/overview.js +65 -0
- package/dist/src/templates/dashboard/overview.js.map +1 -0
- package/dist/src/templates/dashboard/overview.stories.d.ts +55 -0
- package/dist/src/templates/dashboard/overview.stories.d.ts.map +1 -0
- package/dist/src/templates/dashboard/overview.stories.js +51 -0
- package/dist/src/templates/dashboard/overview.stories.js.map +1 -0
- package/dist/src/templates/feedback/confirmation.d.ts +4 -0
- package/dist/src/templates/feedback/confirmation.d.ts.map +1 -0
- package/dist/src/templates/feedback/confirmation.js +47 -0
- package/dist/src/templates/feedback/confirmation.js.map +1 -0
- package/dist/src/templates/feedback/confirmation.stories.d.ts +14 -0
- package/dist/src/templates/feedback/confirmation.stories.d.ts.map +1 -0
- package/dist/src/templates/feedback/confirmation.stories.js +14 -0
- package/dist/src/templates/feedback/confirmation.stories.js.map +1 -0
- package/dist/src/templates/feedback/empty.d.ts +4 -0
- package/dist/src/templates/feedback/empty.d.ts.map +1 -0
- package/dist/src/templates/feedback/empty.js +45 -0
- package/dist/src/templates/feedback/empty.js.map +1 -0
- package/dist/src/templates/feedback/empty.stories.d.ts +14 -0
- package/dist/src/templates/feedback/empty.stories.d.ts.map +1 -0
- package/dist/src/templates/feedback/empty.stories.js +14 -0
- package/dist/src/templates/feedback/empty.stories.js.map +1 -0
- package/dist/src/templates/feedback/error.d.ts +4 -0
- package/dist/src/templates/feedback/error.d.ts.map +1 -0
- package/dist/src/templates/feedback/error.js +45 -0
- package/dist/src/templates/feedback/error.js.map +1 -0
- package/dist/src/templates/feedback/error.stories.d.ts +14 -0
- package/dist/src/templates/feedback/error.stories.d.ts.map +1 -0
- package/dist/src/templates/feedback/error.stories.js +14 -0
- package/dist/src/templates/feedback/error.stories.js.map +1 -0
- package/dist/src/templates/feedback/loading.d.ts +4 -0
- package/dist/src/templates/feedback/loading.d.ts.map +1 -0
- package/dist/src/templates/feedback/loading.js +42 -0
- package/dist/src/templates/feedback/loading.js.map +1 -0
- package/dist/src/templates/feedback/loading.stories.d.ts +14 -0
- package/dist/src/templates/feedback/loading.stories.d.ts.map +1 -0
- package/dist/src/templates/feedback/loading.stories.js +14 -0
- package/dist/src/templates/feedback/loading.stories.js.map +1 -0
- package/dist/src/templates/feedback/success.d.ts +4 -0
- package/dist/src/templates/feedback/success.d.ts.map +1 -0
- package/dist/src/templates/feedback/success.js +45 -0
- package/dist/src/templates/feedback/success.js.map +1 -0
- package/dist/src/templates/feedback/success.stories.d.ts +14 -0
- package/dist/src/templates/feedback/success.stories.d.ts.map +1 -0
- package/dist/src/templates/feedback/success.stories.js +14 -0
- package/dist/src/templates/feedback/success.stories.js.map +1 -0
- package/dist/src/templates/index.d.ts +16 -0
- package/dist/src/templates/index.d.ts.map +1 -0
- package/dist/src/templates/index.js +45 -0
- package/dist/src/templates/index.js.map +1 -0
- package/dist/src/templates/registry.d.ts +23 -0
- package/dist/src/templates/registry.d.ts.map +1 -0
- package/dist/src/templates/registry.js +90 -0
- package/dist/src/templates/registry.js.map +1 -0
- package/dist/src/templates/types.d.ts +78 -0
- package/dist/src/templates/types.d.ts.map +1 -0
- package/dist/src/templates/types.js +23 -0
- package/dist/src/templates/types.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +117 -0
- package/styles/globals.css +191 -0
- package/styles/tokens.css +303 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './breadcrumb';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/Breadcrumb',
|
|
5
|
+
component: Breadcrumb,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'centered',
|
|
8
|
+
},
|
|
9
|
+
tags: ['autodocs'],
|
|
10
|
+
argTypes: {
|
|
11
|
+
size: {
|
|
12
|
+
control: 'select',
|
|
13
|
+
options: ['sm', 'default', 'lg'],
|
|
14
|
+
description: 'Breadcrumb text size',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Default = {
|
|
20
|
+
render: () => (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/components", children: "Components" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Breadcrumb" }) })] }) })),
|
|
21
|
+
};
|
|
22
|
+
export const SimplePath = {
|
|
23
|
+
render: () => (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Current Page" }) })] }) })),
|
|
24
|
+
};
|
|
25
|
+
export const WithEllipsis = {
|
|
26
|
+
render: () => (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbEllipsis, {}) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/components", children: "Components" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Breadcrumb" }) })] }) })),
|
|
27
|
+
};
|
|
28
|
+
export const CustomSeparator = {
|
|
29
|
+
render: () => (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, { children: "\u2192" }), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/docs", children: "Documentation" }) }), _jsx(BreadcrumbSeparator, { children: "\u2192" }), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Breadcrumb" }) })] }) })),
|
|
30
|
+
};
|
|
31
|
+
export const DifferentSeparators = {
|
|
32
|
+
render: () => (_jsxs("div", { className: "space-y-4", children: [_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, { children: "/" }), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Slash" }) })] }) }), _jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, { children: "\u203A" }), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Chevron" }) })] }) }), _jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, { children: "\u2022" }), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Bullet" }) })] }) })] })),
|
|
33
|
+
};
|
|
34
|
+
export const Sizes = {
|
|
35
|
+
render: () => (_jsxs("div", { className: "space-y-4", children: [_jsx(Breadcrumb, { size: "sm", children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Small" }) })] }) }), _jsx(Breadcrumb, { size: "default", children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Default" }) })] }) }), _jsx(Breadcrumb, { size: "lg", children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Large" }) })] }) })] })),
|
|
36
|
+
};
|
|
37
|
+
export const DeepNavigation = {
|
|
38
|
+
render: () => (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/products", children: "Products" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/products/electronics", children: "Electronics" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/products/electronics/laptops", children: "Laptops" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "MacBook Pro" }) })] }) })),
|
|
39
|
+
};
|
|
40
|
+
export const Responsive = {
|
|
41
|
+
render: () => (_jsx("div", { className: "max-w-md", children: _jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { className: "hidden md:block", children: _jsx(BreadcrumbLink, { href: "/", children: "Home" }) }), _jsx(BreadcrumbSeparator, { className: "hidden md:block" }), _jsx(BreadcrumbItem, { className: "hidden md:block", children: _jsx(BreadcrumbEllipsis, {}) }), _jsx(BreadcrumbSeparator, { className: "hidden md:block" }), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "/components", children: "Components" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Breadcrumb" }) })] }) }) })),
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=breadcrumb.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.stories.js","sourceRoot":"","sources":["../../../src/components/breadcrumb.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,kBAAkB,GAAG,MAAM,cAAc,CAAC;AACpJ,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC;YAChC,WAAW,EAAE,sBAAsB;SACtC;KACJ;CACJ,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,KAAC,UAAU,cACxB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,aAAa,2BAA4B,GAC/C,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,6BAA4B,GAC5B,IACF,GACN,CAAC;CACjB,CAAC;AAIF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,KAAC,UAAU,cACxB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,+BAA8B,GAC9B,IACF,GACN,CAAC;CACjB,CAAC;AAKF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,KAAC,UAAU,cACxB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,kBAAkB,KAAG,GACP,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,aAAa,2BAA4B,GAC/C,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,6BAA4B,GAC5B,IACF,GACN,CAAC;CACjB,CAAC;AAIF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,KAAC,UAAU,cACxB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,yBAAwB,EAC5C,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,8BAA+B,GAC5C,EACjB,KAAC,mBAAmB,yBAAwB,EAC5C,KAAC,cAAc,cACb,KAAC,cAAc,6BAA4B,GAC5B,IACF,GACN,CAAC;CACjB,CAAC;AAIF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,WAAW,aACvC,KAAC,UAAU,cACT,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,oBAAwB,EAC5C,KAAC,cAAc,cACb,KAAC,cAAc,wBAAuB,GACvB,IACF,GACN,EAEb,KAAC,UAAU,cACT,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,yBAAwB,EAC5C,KAAC,cAAc,cACb,KAAC,cAAc,0BAAyB,GACzB,IACF,GACN,EAEb,KAAC,UAAU,cACT,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,yBAAwB,EAC5C,KAAC,cAAc,cACb,KAAC,cAAc,yBAAwB,GACxB,IACF,GACN,IACT,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,WAAW,aACvC,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,YACnB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,wBAAuB,GACvB,IACF,GACN,EAEb,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,YACxB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,0BAAyB,GACzB,IACF,GACN,EAEb,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,YACnB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,wBAAuB,GACvB,IACF,GACN,IACT,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,KAAC,UAAU,cACxB,MAAC,cAAc,eACb,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,WAAW,yBAA0B,GAC3C,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,uBAAuB,4BAA6B,GAC1D,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,+BAA+B,wBAAyB,GAC9D,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,8BAA6B,GAC7B,IACF,GACN,CAAC;CACjB,CAAC;AAIF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YACtC,KAAC,UAAU,cACT,MAAC,cAAc,eACb,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,YACzC,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,GAC/B,EACjB,KAAC,mBAAmB,IAAC,SAAS,EAAC,iBAAiB,GAAE,EAClD,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,YACzC,KAAC,kBAAkB,KAAG,GACP,EACjB,KAAC,mBAAmB,IAAC,SAAS,EAAC,iBAAiB,GAAE,EAClD,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAC,aAAa,2BAA4B,GAC/C,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACb,KAAC,cAAc,6BAA4B,GAC5B,IACF,GACN,GACT,CAAC;CACV,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "outline" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export { Button, buttonVariants };
|
|
12
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EA4BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAOX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { cn } from '../lib/utils';
|
|
6
|
+
const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-md)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: 'bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/90',
|
|
10
|
+
destructive: 'bg-[var(--tekton-bg-destructive)] text-[var(--tekton-bg-destructive-foreground)] hover:bg-[var(--tekton-bg-destructive)]/90',
|
|
11
|
+
outline: 'border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]',
|
|
12
|
+
secondary: 'bg-[var(--tekton-bg-secondary)] text-[var(--tekton-bg-secondary-foreground)] hover:bg-[var(--tekton-bg-secondary)]/80',
|
|
13
|
+
ghost: 'hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]',
|
|
14
|
+
link: 'text-[var(--tekton-bg-primary)] underline-offset-4 hover:underline',
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
default: 'h-10 px-[var(--tekton-spacing-4)] py-[var(--tekton-spacing-2)]',
|
|
18
|
+
sm: 'h-9 rounded-[var(--tekton-radius-md)] px-[var(--tekton-spacing-3)]',
|
|
19
|
+
lg: 'h-11 rounded-[var(--tekton-radius-md)] px-[var(--tekton-spacing-8)]',
|
|
20
|
+
icon: 'h-10 w-10',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
variant: 'default',
|
|
25
|
+
size: 'default',
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
29
|
+
const Comp = asChild ? Slot : 'button';
|
|
30
|
+
return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
|
|
31
|
+
});
|
|
32
|
+
Button.displayName = 'Button';
|
|
33
|
+
export { Button, buttonVariants };
|
|
34
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,cAAc,GAAG,GAAG,CACxB,yVAAyV,EACzV;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,iHAAiH;YACnH,WAAW,EACT,6HAA6H;YAC/H,OAAO,EACL,gKAAgK;YAClK,SAAS,EACP,uHAAuH;YACzH,KAAK,EAAE,oFAAoF;YAC3F,IAAI,EAAE,oEAAoE;SAC3E;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gEAAgE;YACzE,EAAE,EAAE,oEAAoE;YACxE,EAAE,EAAE,qEAAqE;YACzE,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAOF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC3F,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
namespace args {
|
|
4
|
+
let children: string;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export namespace Destructive {
|
|
8
|
+
export namespace args_1 {
|
|
9
|
+
export let variant: string;
|
|
10
|
+
let children_1: string;
|
|
11
|
+
export { children_1 as children };
|
|
12
|
+
}
|
|
13
|
+
export { args_1 as args };
|
|
14
|
+
}
|
|
15
|
+
export namespace Outline {
|
|
16
|
+
export namespace args_2 {
|
|
17
|
+
let variant_1: string;
|
|
18
|
+
export { variant_1 as variant };
|
|
19
|
+
let children_2: string;
|
|
20
|
+
export { children_2 as children };
|
|
21
|
+
}
|
|
22
|
+
export { args_2 as args };
|
|
23
|
+
}
|
|
24
|
+
export namespace Secondary {
|
|
25
|
+
export namespace args_3 {
|
|
26
|
+
let variant_2: string;
|
|
27
|
+
export { variant_2 as variant };
|
|
28
|
+
let children_3: string;
|
|
29
|
+
export { children_3 as children };
|
|
30
|
+
}
|
|
31
|
+
export { args_3 as args };
|
|
32
|
+
}
|
|
33
|
+
export namespace Ghost {
|
|
34
|
+
export namespace args_4 {
|
|
35
|
+
let variant_3: string;
|
|
36
|
+
export { variant_3 as variant };
|
|
37
|
+
let children_4: string;
|
|
38
|
+
export { children_4 as children };
|
|
39
|
+
}
|
|
40
|
+
export { args_4 as args };
|
|
41
|
+
}
|
|
42
|
+
export namespace Link {
|
|
43
|
+
export namespace args_5 {
|
|
44
|
+
let variant_4: string;
|
|
45
|
+
export { variant_4 as variant };
|
|
46
|
+
let children_5: string;
|
|
47
|
+
export { children_5 as children };
|
|
48
|
+
}
|
|
49
|
+
export { args_5 as args };
|
|
50
|
+
}
|
|
51
|
+
export namespace Small {
|
|
52
|
+
export namespace args_6 {
|
|
53
|
+
export let size: string;
|
|
54
|
+
let children_6: string;
|
|
55
|
+
export { children_6 as children };
|
|
56
|
+
}
|
|
57
|
+
export { args_6 as args };
|
|
58
|
+
}
|
|
59
|
+
export namespace Large {
|
|
60
|
+
export namespace args_7 {
|
|
61
|
+
let size_1: string;
|
|
62
|
+
export { size_1 as size };
|
|
63
|
+
let children_7: string;
|
|
64
|
+
export { children_7 as children };
|
|
65
|
+
}
|
|
66
|
+
export { args_7 as args };
|
|
67
|
+
}
|
|
68
|
+
export namespace Icon {
|
|
69
|
+
let args_8: {
|
|
70
|
+
size: string;
|
|
71
|
+
children: string;
|
|
72
|
+
'aria-label': string;
|
|
73
|
+
};
|
|
74
|
+
export { args_8 as args };
|
|
75
|
+
}
|
|
76
|
+
export namespace Disabled {
|
|
77
|
+
export namespace args_9 {
|
|
78
|
+
export let disabled: boolean;
|
|
79
|
+
let children_8: string;
|
|
80
|
+
export { children_8 as children };
|
|
81
|
+
}
|
|
82
|
+
export { args_9 as args };
|
|
83
|
+
}
|
|
84
|
+
export namespace AllVariants {
|
|
85
|
+
function render(): import("react/jsx-runtime").JSX.Element;
|
|
86
|
+
}
|
|
87
|
+
export namespace Loading {
|
|
88
|
+
export function render_1(): import("react/jsx-runtime").JSX.Element;
|
|
89
|
+
export { render_1 as render };
|
|
90
|
+
}
|
|
91
|
+
export namespace WithIcon {
|
|
92
|
+
export function render_2(): import("react/jsx-runtime").JSX.Element;
|
|
93
|
+
export { render_2 as render };
|
|
94
|
+
}
|
|
95
|
+
declare namespace meta {
|
|
96
|
+
export let title: string;
|
|
97
|
+
export { Button as component };
|
|
98
|
+
export namespace parameters {
|
|
99
|
+
let layout: string;
|
|
100
|
+
}
|
|
101
|
+
export let tags: string[];
|
|
102
|
+
export namespace argTypes {
|
|
103
|
+
export namespace variant_5 {
|
|
104
|
+
let control: string;
|
|
105
|
+
let options: string[];
|
|
106
|
+
let description: string;
|
|
107
|
+
}
|
|
108
|
+
export { variant_5 as variant };
|
|
109
|
+
export namespace size_2 {
|
|
110
|
+
let control_1: string;
|
|
111
|
+
export { control_1 as control };
|
|
112
|
+
let options_1: string[];
|
|
113
|
+
export { options_1 as options };
|
|
114
|
+
let description_1: string;
|
|
115
|
+
export { description_1 as description };
|
|
116
|
+
}
|
|
117
|
+
export { size_2 as size };
|
|
118
|
+
export namespace asChild {
|
|
119
|
+
let control_2: string;
|
|
120
|
+
export { control_2 as control };
|
|
121
|
+
let description_2: string;
|
|
122
|
+
export { description_2 as description };
|
|
123
|
+
}
|
|
124
|
+
export namespace disabled_1 {
|
|
125
|
+
let control_3: string;
|
|
126
|
+
export { control_3 as control };
|
|
127
|
+
let description_3: string;
|
|
128
|
+
export { description_3 as description };
|
|
129
|
+
}
|
|
130
|
+
export { disabled_1 as disabled };
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
import { Button } from './button';
|
|
134
|
+
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqIY,2DAiBD;;;IAMC,oEAGE;;;;IAMF,oEASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAxKY,UAAU"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from './button';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/Button',
|
|
5
|
+
component: Button,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'centered',
|
|
8
|
+
},
|
|
9
|
+
tags: ['autodocs'],
|
|
10
|
+
argTypes: {
|
|
11
|
+
variant: {
|
|
12
|
+
control: 'select',
|
|
13
|
+
options: ['default', 'destructive', 'outline', 'secondary', 'ghost', 'link'],
|
|
14
|
+
description: 'Button visual style variant',
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
control: 'select',
|
|
18
|
+
options: ['default', 'sm', 'lg', 'icon'],
|
|
19
|
+
description: 'Button size variant',
|
|
20
|
+
},
|
|
21
|
+
asChild: {
|
|
22
|
+
control: 'boolean',
|
|
23
|
+
description: 'Render as child component using Radix Slot',
|
|
24
|
+
},
|
|
25
|
+
disabled: {
|
|
26
|
+
control: 'boolean',
|
|
27
|
+
description: 'Disable button interaction',
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export default meta;
|
|
32
|
+
export const Default = {
|
|
33
|
+
args: {
|
|
34
|
+
children: 'Button',
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
export const Destructive = {
|
|
38
|
+
args: {
|
|
39
|
+
variant: 'destructive',
|
|
40
|
+
children: 'Delete',
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
export const Outline = {
|
|
44
|
+
args: {
|
|
45
|
+
variant: 'outline',
|
|
46
|
+
children: 'Outline',
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
export const Secondary = {
|
|
50
|
+
args: {
|
|
51
|
+
variant: 'secondary',
|
|
52
|
+
children: 'Secondary',
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
export const Ghost = {
|
|
56
|
+
args: {
|
|
57
|
+
variant: 'ghost',
|
|
58
|
+
children: 'Ghost',
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
export const Link = {
|
|
62
|
+
args: {
|
|
63
|
+
variant: 'link',
|
|
64
|
+
children: 'Link',
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
export const Small = {
|
|
68
|
+
args: {
|
|
69
|
+
size: 'sm',
|
|
70
|
+
children: 'Small',
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
export const Large = {
|
|
74
|
+
args: {
|
|
75
|
+
size: 'lg',
|
|
76
|
+
children: 'Large',
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
export const Icon = {
|
|
80
|
+
args: {
|
|
81
|
+
size: 'icon',
|
|
82
|
+
children: '🔍',
|
|
83
|
+
'aria-label': 'Search',
|
|
84
|
+
},
|
|
85
|
+
};
|
|
86
|
+
export const Disabled = {
|
|
87
|
+
args: {
|
|
88
|
+
disabled: true,
|
|
89
|
+
children: 'Disabled',
|
|
90
|
+
},
|
|
91
|
+
};
|
|
92
|
+
export const AllVariants = {
|
|
93
|
+
render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "default", children: "Default" }), _jsx(Button, { variant: "destructive", children: "Destructive" }), _jsx(Button, { variant: "outline", children: "Outline" }), _jsx(Button, { variant: "secondary", children: "Secondary" }), _jsx(Button, { variant: "ghost", children: "Ghost" }), _jsx(Button, { variant: "link", children: "Link" })] }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Button, { size: "sm", children: "Small" }), _jsx(Button, { size: "default", children: "Default" }), _jsx(Button, { size: "lg", children: "Large" }), _jsx(Button, { size: "icon", "aria-label": "Icon", children: "\uD83D\uDD0D" })] })] })),
|
|
94
|
+
};
|
|
95
|
+
export const Loading = {
|
|
96
|
+
render: () => (_jsxs(Button, { disabled: true, children: [_jsx("span", { className: "mr-2", children: "\u23F3" }), "Loading..."] })),
|
|
97
|
+
};
|
|
98
|
+
export const WithIcon = {
|
|
99
|
+
render: () => (_jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCE7" }), "Email"] }), _jsxs(Button, { variant: "outline", children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCE5" }), "Download"] })] })),
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=button.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../src/components/button.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type DayPickerProps } from 'react-day-picker';
|
|
2
|
+
export type CalendarProps = DayPickerProps;
|
|
3
|
+
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare namespace Calendar {
|
|
5
|
+
var displayName: string;
|
|
6
|
+
}
|
|
7
|
+
export { Calendar };
|
|
8
|
+
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlE,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAE3C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAgF3F;kBAhFQ,QAAQ;;;AAmFjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { DayPicker } from 'react-day-picker';
|
|
3
|
+
import { cn } from '../lib/utils';
|
|
4
|
+
function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
5
|
+
return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn('p-3', className), classNames: {
|
|
6
|
+
months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
|
|
7
|
+
month: 'space-y-4',
|
|
8
|
+
caption: 'flex justify-center pt-1 relative items-center',
|
|
9
|
+
caption_label: 'text-sm font-medium text-[var(--tekton-bg-foreground)]',
|
|
10
|
+
nav: 'space-x-1 flex items-center',
|
|
11
|
+
nav_button: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-md)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)] h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),
|
|
12
|
+
nav_button_previous: 'absolute left-1',
|
|
13
|
+
nav_button_next: 'absolute right-1',
|
|
14
|
+
table: 'w-full border-collapse space-y-1',
|
|
15
|
+
head_row: 'flex',
|
|
16
|
+
head_cell: 'text-[var(--tekton-text-muted-foreground)] rounded-[var(--tekton-radius-md)] w-9 font-normal text-[0.8rem]',
|
|
17
|
+
row: 'flex w-full mt-2',
|
|
18
|
+
cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-[var(--tekton-radius-md)] [&:has([aria-selected].day-outside)]:bg-[var(--tekton-bg-accent)]/50 [&:has([aria-selected])]:bg-[var(--tekton-bg-accent)] first:[&:has([aria-selected])]:rounded-l-[var(--tekton-radius-md)] last:[&:has([aria-selected])]:rounded-r-[var(--tekton-radius-md)] focus-within:relative focus-within:z-20',
|
|
19
|
+
day: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-md)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)] h-9 w-9 p-0 font-normal aria-selected:opacity-100'),
|
|
20
|
+
day_range_end: 'day-range-end',
|
|
21
|
+
day_selected: 'bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)] hover:text-[var(--tekton-bg-primary-foreground)] focus:bg-[var(--tekton-bg-primary)] focus:text-[var(--tekton-bg-primary-foreground)]',
|
|
22
|
+
day_today: 'bg-[var(--tekton-bg-accent)] text-[var(--tekton-bg-accent-foreground)]',
|
|
23
|
+
day_outside: 'day-outside text-[var(--tekton-text-muted-foreground)] opacity-50 aria-selected:bg-[var(--tekton-bg-accent)]/50 aria-selected:text-[var(--tekton-text-muted-foreground)] aria-selected:opacity-30',
|
|
24
|
+
day_disabled: 'text-[var(--tekton-text-muted-foreground)] opacity-50',
|
|
25
|
+
day_range_middle: 'aria-selected:bg-[var(--tekton-bg-accent)] aria-selected:text-[var(--tekton-bg-accent-foreground)]',
|
|
26
|
+
day_hidden: 'invisible',
|
|
27
|
+
...classNames,
|
|
28
|
+
}, components: {
|
|
29
|
+
Chevron: ({ orientation }) => {
|
|
30
|
+
if (orientation === 'left') {
|
|
31
|
+
return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", children: _jsx("path", { d: "M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) }));
|
|
32
|
+
}
|
|
33
|
+
return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", children: _jsx("path", { d: "M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) }));
|
|
34
|
+
},
|
|
35
|
+
}, ...props }));
|
|
36
|
+
}
|
|
37
|
+
Calendar.displayName = 'Calendar';
|
|
38
|
+
export { Calendar };
|
|
39
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAuB,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC1F,OAAO,CACL,KAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE;YACV,MAAM,EAAE,+DAA+D;YACvE,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,gDAAgD;YACzD,aAAa,EAAE,wDAAwD;YACvE,GAAG,EAAE,6BAA6B;YAClC,UAAU,EAAE,EAAE,CACZ,oeAAoe,CACre;YACD,mBAAmB,EAAE,iBAAiB;YACtC,eAAe,EAAE,kBAAkB;YACnC,KAAK,EAAE,kCAAkC;YACzC,QAAQ,EAAE,MAAM;YAChB,SAAS,EACP,4GAA4G;YAC9G,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,6ZAA6Z;YACna,GAAG,EAAE,EAAE,CACL,8dAA8d,CAC/d;YACD,aAAa,EAAE,eAAe;YAC9B,YAAY,EACV,oPAAoP;YACtP,SAAS,EAAE,wEAAwE;YACnF,WAAW,EACT,mMAAmM;YACrM,YAAY,EAAE,uDAAuD;YACrE,gBAAgB,EACd,oGAAoG;YACtG,UAAU,EAAE,WAAW;YACvB,GAAG,UAAU;SACd,EACD,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;gBAC3B,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;oBAC3B,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,SAAS,YAEnB,eACE,CAAC,EAAC,mUAAmU,EACrU,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,SAAS,YAEnB,eACE,CAAC,EAAC,2TAA2T,EAC7T,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;YACJ,CAAC;SACF,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
function render(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
}
|
|
5
|
+
export namespace RangeSelection {
|
|
6
|
+
export function render_1(): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { render_1 as render };
|
|
8
|
+
}
|
|
9
|
+
export namespace MultipleSelection {
|
|
10
|
+
export function render_2(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { render_2 as render };
|
|
12
|
+
}
|
|
13
|
+
export namespace WithDisabledDates {
|
|
14
|
+
export function render_3(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { render_3 as render };
|
|
16
|
+
}
|
|
17
|
+
export namespace WithMinMaxDates {
|
|
18
|
+
export function render_4(): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export { render_4 as render };
|
|
20
|
+
}
|
|
21
|
+
export namespace Compact {
|
|
22
|
+
export function render_5(): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export { render_5 as render };
|
|
24
|
+
}
|
|
25
|
+
export namespace TwoMonths {
|
|
26
|
+
export function render_6(): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { render_6 as render };
|
|
28
|
+
}
|
|
29
|
+
export namespace WithFooter {
|
|
30
|
+
export function render_7(): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export { render_7 as render };
|
|
32
|
+
}
|
|
33
|
+
export namespace Controlled {
|
|
34
|
+
export function render_8(): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export { render_8 as render };
|
|
36
|
+
}
|
|
37
|
+
declare namespace meta {
|
|
38
|
+
export let title: string;
|
|
39
|
+
export { Calendar as component };
|
|
40
|
+
export namespace parameters {
|
|
41
|
+
let layout: string;
|
|
42
|
+
}
|
|
43
|
+
export let tags: string[];
|
|
44
|
+
}
|
|
45
|
+
import { Calendar } from './calendar';
|
|
46
|
+
//# sourceMappingURL=calendar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/calendar.stories.jsx"],"names":[],"mappings":";;IAsBY,2DAQP;;;IAOO,oEAUP;;;;IAMO,oEAWP;;;;IAMO,oEAaP;;;;IAMO,oEAUP;;;;IAMO,oEAKP;;;;IAMO,oEAKP;;;;IAMO,oEAeP;;;;IAMO,oEA6BP;;;;;;;;;;;yBA3KoB,YAAY"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Calendar } from './calendar';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'Components/Calendar',
|
|
6
|
+
component: Calendar,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered',
|
|
9
|
+
},
|
|
10
|
+
tags: ['autodocs'],
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
export const Default = {
|
|
14
|
+
render: () => {
|
|
15
|
+
const [date, setDate] = useState(new Date());
|
|
16
|
+
return (_jsxs("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, className: "rounded-[var(--tekton-radius-md)]" }), date && (_jsxs("div", { className: "border-t border-[var(--tekton-border-border)] p-3 text-center text-sm text-[var(--tekton-text-muted-foreground)]", children: ["Selected: ", date.toLocaleDateString()] }))] }));
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
export const RangeSelection = {
|
|
20
|
+
render: () => {
|
|
21
|
+
const [dateRange, setDateRange] = useState();
|
|
22
|
+
return (_jsxs("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: [_jsx(Calendar, { mode: "range", selected: dateRange, onSelect: setDateRange, className: "rounded-[var(--tekton-radius-md)]", numberOfMonths: 2 }), dateRange && (dateRange.from || dateRange.to) && (_jsxs("div", { className: "border-t border-[var(--tekton-border-border)] p-3 text-center text-sm text-[var(--tekton-text-muted-foreground)]", children: [dateRange.from && `From: ${dateRange.from.toLocaleDateString()}`, dateRange.from && dateRange.to && ' - ', dateRange.to && `To: ${dateRange.to.toLocaleDateString()}`] }))] }));
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
export const MultipleSelection = {
|
|
26
|
+
render: () => {
|
|
27
|
+
const [dates, setDates] = useState([]);
|
|
28
|
+
return (_jsxs("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: [_jsx(Calendar, { mode: "multiple", selected: dates, onSelect: setDates, className: "rounded-[var(--tekton-radius-md)]" }), dates && dates.length > 0 && (_jsxs("div", { className: "border-t border-[var(--tekton-border-border)] p-3 text-sm text-[var(--tekton-text-muted-foreground)]", children: [_jsxs("div", { className: "mb-1 font-medium", children: ["Selected dates (", dates.length, "):"] }), _jsx("div", { className: "max-h-32 overflow-y-auto space-y-1", children: dates.map((date, i) => (_jsxs("div", { children: ["\u2022 ", date.toLocaleDateString()] }, i))) })] }))] }));
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export const WithDisabledDates = {
|
|
32
|
+
render: () => {
|
|
33
|
+
const [date, setDate] = useState();
|
|
34
|
+
const disabledDays = [
|
|
35
|
+
{ from: new Date(2024, 0, 1), to: new Date(2024, 0, 5) },
|
|
36
|
+
new Date(2024, 0, 15),
|
|
37
|
+
{ dayOfWeek: [0, 6] },
|
|
38
|
+
];
|
|
39
|
+
return (_jsxs("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, disabled: disabledDays, className: "rounded-[var(--tekton-radius-md)]" }), _jsx("div", { className: "border-t border-[var(--tekton-border-border)] p-3 text-sm text-[var(--tekton-text-muted-foreground)]", children: "Weekends and specific dates are disabled" })] }));
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
export const WithMinMaxDates = {
|
|
43
|
+
render: () => {
|
|
44
|
+
const [date, setDate] = useState();
|
|
45
|
+
const today = new Date();
|
|
46
|
+
const oneMonthFromNow = new Date(today.getFullYear(), today.getMonth() + 1, today.getDate());
|
|
47
|
+
return (_jsxs("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, disabled: { before: today, after: oneMonthFromNow }, className: "rounded-[var(--tekton-radius-md)]" }), _jsx("div", { className: "border-t border-[var(--tekton-border-border)] p-3 text-sm text-[var(--tekton-text-muted-foreground)]", children: "Only dates within the next month can be selected" })] }));
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
export const Compact = {
|
|
51
|
+
render: () => {
|
|
52
|
+
const [date, setDate] = useState();
|
|
53
|
+
return (_jsx("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, showOutsideDays: false, className: "rounded-[var(--tekton-radius-md)]" }) }));
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
export const TwoMonths = {
|
|
57
|
+
render: () => {
|
|
58
|
+
const [date, setDate] = useState();
|
|
59
|
+
return (_jsx("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, numberOfMonths: 2, className: "rounded-[var(--tekton-radius-md)]" }) }));
|
|
60
|
+
},
|
|
61
|
+
};
|
|
62
|
+
export const WithFooter = {
|
|
63
|
+
render: () => {
|
|
64
|
+
const [date, setDate] = useState();
|
|
65
|
+
return (_jsxs("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, className: "rounded-[var(--tekton-radius-md)]", footer: _jsxs("div", { className: "flex gap-2 justify-center mt-3", children: [_jsx("button", { onClick: () => setDate(new Date()), className: "rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-primary)] px-3 py-1 text-sm text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/90", children: "Today" }), _jsx("button", { onClick: () => setDate(undefined), className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-background)] px-3 py-1 text-sm hover:bg-[var(--tekton-bg-accent)]", children: "Clear" })] }) }), date && (_jsx("div", { className: "border-t border-[var(--tekton-border-border)] p-3 text-center text-sm text-[var(--tekton-text-muted-foreground)]", children: date.toLocaleDateString() }))] }));
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
export const Controlled = {
|
|
69
|
+
render: () => {
|
|
70
|
+
const [date, setDate] = useState(new Date());
|
|
71
|
+
const handlePrevMonth = () => {
|
|
72
|
+
if (date) {
|
|
73
|
+
const newDate = new Date(date);
|
|
74
|
+
newDate.setMonth(newDate.getMonth() - 1);
|
|
75
|
+
setDate(newDate);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
const handleNextMonth = () => {
|
|
79
|
+
if (date) {
|
|
80
|
+
const newDate = new Date(date);
|
|
81
|
+
newDate.setMonth(newDate.getMonth() + 1);
|
|
82
|
+
setDate(newDate);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-2 justify-center", children: [_jsx("button", { onClick: handlePrevMonth, className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-background)] px-3 py-1 text-sm hover:bg-[var(--tekton-bg-accent)]", children: "Previous Month" }), _jsx("button", { onClick: handleNextMonth, className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-background)] px-3 py-1 text-sm hover:bg-[var(--tekton-bg-accent)]", children: "Next Month" })] }), _jsx("div", { className: "rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-card)]", children: _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, month: date, onMonthChange: setDate, className: "rounded-[var(--tekton-radius-md)]" }) })] }));
|
|
86
|
+
},
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=calendar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.stories.js","sourceRoot":"","sources":["../../../src/components/calendar.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAC7C,OAAO,CAAC,eAAK,SAAS,EAAC,0GAA0G,aACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,mCAAmC,GAAE,EACzG,IAAI,IAAI,CAAC,eAAK,SAAS,EAAC,kHAAkH,2BAC5H,IAAI,CAAC,kBAAkB,EAAE,IAChC,CAAC,IACL,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAKF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC;QAC7C,OAAO,CAAC,eAAK,SAAS,EAAC,0GAA0G,aACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,mCAAmC,EAAC,cAAc,EAAE,CAAC,GAAG,EACrI,SAAS,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,eAAK,SAAS,EAAC,kHAAkH,aAC/K,SAAS,CAAC,IAAI,IAAI,SAAS,SAAS,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,EAChE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,IAAI,KAAK,EACvC,SAAS,CAAC,EAAE,IAAI,OAAO,SAAS,CAAC,EAAE,CAAC,kBAAkB,EAAE,EAAE,IACvD,CAAC,IACL,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAIF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QACvC,OAAO,CAAC,eAAK,SAAS,EAAC,0GAA0G,aACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,mCAAmC,GAAE,EAC7G,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,eAAK,SAAS,EAAC,sGAAsG,aAChJ,eAAK,SAAS,EAAC,kBAAkB,iCAAkB,KAAK,CAAC,MAAM,UAAS,EACxE,cAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,qCAAgB,IAAI,CAAC,kBAAkB,EAAE,KAA/B,CAAC,CAAqC,CAAC,CAAC,GACvE,IACF,CAAC,IACL,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAIF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAAC;QACnC,MAAM,YAAY,GAAG;YACjB,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;YACxD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;YACrB,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;SACxB,CAAC;QACF,OAAO,CAAC,eAAK,SAAS,EAAC,0GAA0G,aACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,mCAAmC,GAAE,EAClI,cAAK,SAAS,EAAC,sGAAsG,yDAE/G,IACF,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAIF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7F,OAAO,CAAC,eAAK,SAAS,EAAC,0GAA0G,aACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,SAAS,EAAC,mCAAmC,GAAE,EAC/J,cAAK,SAAS,EAAC,sGAAsG,iEAE/G,IACF,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAAC;QACnC,OAAO,CAAC,cAAK,SAAS,EAAC,0GAA0G,YACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAC,mCAAmC,GAAE,GAC9H,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAIF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAAC;QACnC,OAAO,CAAC,cAAK,SAAS,EAAC,0GAA0G,YACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAC,mCAAmC,GAAE,GACzH,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAIF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAAC;QACnC,OAAO,CAAC,eAAK,SAAS,EAAC,0GAA0G,aACjI,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,mCAAmC,EAAC,MAAM,EAAE,eAAK,SAAS,EAAC,gCAAgC,aAC1J,iBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,qKAAqK,sBAElN,EACT,iBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAC,qKAAqK,sBAEjN,IACL,GAAG,EACZ,IAAI,IAAI,CAAC,cAAK,SAAS,EAAC,kHAAkH,YACtI,IAAI,CAAC,kBAAkB,EAAE,GACtB,CAAC,IACL,CAAC,CAAC;IACV,CAAC;CACJ,CAAC;AAIF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAC7C,MAAM,eAAe,GAAG,GAAG,EAAE;YACzB,IAAI,IAAI,EAAE,CAAC;gBACP,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;gBACzC,OAAO,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC;QACL,CAAC,CAAC;QACF,MAAM,eAAe,GAAG,GAAG,EAAE;YACzB,IAAI,IAAI,EAAE,CAAC;gBACP,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;gBACzC,OAAO,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC;QACL,CAAC,CAAC;QACF,OAAO,CAAC,eAAK,SAAS,EAAC,WAAW,aAClC,eAAK,SAAS,EAAC,2BAA2B,aACxC,iBAAQ,OAAO,EAAE,eAAe,EAAE,SAAS,EAAC,qKAAqK,+BAExM,EACT,iBAAQ,OAAO,EAAE,eAAe,EAAE,SAAS,EAAC,qKAAqK,2BAExM,IACL,EACN,cAAK,SAAS,EAAC,0GAA0G,YACvH,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,mCAAmC,GAAE,GAC3I,IACF,CAAC,CAAC;IACV,CAAC;CACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
5
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
6
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
9
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,6GAWT,CAAC;AAGF,QAAA,MAAM,UAAU,6GAWf,CAAC;AAGF,QAAA,MAAM,SAAS,uHAQd,CAAC;AAGF,QAAA,MAAM,eAAe,yHASnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAIhB,CAAC;AAGF,QAAA,MAAM,UAAU,6GAQf,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cn } from '../lib/utils';
|
|
4
|
+
const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-[var(--tekton-radius-lg)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-card)] text-[var(--tekton-bg-card-foreground)] shadow-sm', className), ...props })));
|
|
5
|
+
Card.displayName = 'Card';
|
|
6
|
+
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-[var(--tekton-spacing-2)] p-[var(--tekton-spacing-6)]', className), ...props })));
|
|
7
|
+
CardHeader.displayName = 'CardHeader';
|
|
8
|
+
const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
|
|
9
|
+
CardTitle.displayName = 'CardTitle';
|
|
10
|
+
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-[var(--tekton-bg-muted-foreground)]', className), ...props })));
|
|
11
|
+
CardDescription.displayName = 'CardDescription';
|
|
12
|
+
const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('p-[var(--tekton-spacing-6)] pt-0', className), ...props })));
|
|
13
|
+
CardContent.displayName = 'CardContent';
|
|
14
|
+
const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-[var(--tekton-spacing-6)] pt-0', className), ...props })));
|
|
15
|
+
CardFooter.displayName = 'CardFooter';
|
|
16
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
17
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,6JAA6J,EAC7J,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACT,CACH,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,YACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,KACxE,KAAK,GACT,CACH,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC3F,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|