@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,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
4
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
6
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertDialogHeader: {
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
declare const AlertDialogFooter: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
21
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAC9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AACxD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQvF,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQvF,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KAKrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KAarB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
4
|
+
import { cn } from '../lib/utils';
|
|
5
|
+
import { buttonVariants } from './button';
|
|
6
|
+
const AlertDialog = AlertDialogPrimitive.Root;
|
|
7
|
+
const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
8
|
+
const AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
9
|
+
const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-[var(--tekton-bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props, ref: ref })));
|
|
10
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
11
|
+
const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-[var(--tekton-spacing-4)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)] p-[var(--tekton-spacing-6)] shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-[var(--tekton-radius-lg)]', className), ...props })] })));
|
|
12
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
13
|
+
const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-[var(--tekton-spacing-2)] text-center sm:text-left', className), ...props }));
|
|
14
|
+
AlertDialogHeader.displayName = 'AlertDialogHeader';
|
|
15
|
+
const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--tekton-spacing-2)]', className), ...props }));
|
|
16
|
+
AlertDialogFooter.displayName = 'AlertDialogFooter';
|
|
17
|
+
const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
|
|
18
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
19
|
+
const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn('text-sm text-[var(--tekton-bg-muted-foreground)]', className), ...props })));
|
|
20
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
21
|
+
const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
|
|
22
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
23
|
+
const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-[var(--tekton-spacing-2)] sm:mt-0', className), ...props })));
|
|
24
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
25
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
26
|
+
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../src/components/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
function render(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
}
|
|
5
|
+
export namespace Destructive {
|
|
6
|
+
export function render_1(): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { render_1 as render };
|
|
8
|
+
}
|
|
9
|
+
export namespace Confirmation {
|
|
10
|
+
export function render_2(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { render_2 as render };
|
|
12
|
+
}
|
|
13
|
+
declare namespace meta {
|
|
14
|
+
export let title: string;
|
|
15
|
+
export { AlertDialog as component };
|
|
16
|
+
export namespace parameters {
|
|
17
|
+
let layout: string;
|
|
18
|
+
}
|
|
19
|
+
export let tags: string[];
|
|
20
|
+
}
|
|
21
|
+
import { AlertDialog } from './alert-dialog';
|
|
22
|
+
//# sourceMappingURL=alert-dialog.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.stories.jsx"],"names":[],"mappings":";;IAsBY,2DAiBO;;;IAMP,oEAmBO;;;;IAMP,oEAgBO;;;;;;;;;;;4BAhFwK,gBAAgB"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from './alert-dialog';
|
|
3
|
+
import { Button } from './button';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'Components/AlertDialog',
|
|
6
|
+
component: AlertDialog,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered',
|
|
9
|
+
},
|
|
10
|
+
tags: ['autodocs'],
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
export const Default = {
|
|
14
|
+
render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Show Dialog" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Are you absolutely sure?" }), _jsx(AlertDialogDescription, { children: "This action cannot be undone. This will permanently delete your account and remove your data from our servers." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { children: "Continue" })] })] })] })),
|
|
15
|
+
};
|
|
16
|
+
export const Destructive = {
|
|
17
|
+
render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "destructive", children: "Delete Account" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete Account" }), _jsx(AlertDialogDescription, { children: "This will permanently delete your account. All your data will be lost and cannot be recovered." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { className: "bg-[var(--tekton-bg-destructive)] text-[var(--tekton-bg-destructive-foreground)] hover:bg-[var(--tekton-bg-destructive)]/90", children: "Delete" })] })] })] })),
|
|
18
|
+
};
|
|
19
|
+
export const Confirmation = {
|
|
20
|
+
render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { children: "Save Changes" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Save changes?" }), _jsx(AlertDialogDescription, { children: "You have unsaved changes. Do you want to save them before leaving?" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Don't Save" }), _jsx(AlertDialogAction, { children: "Save" })] })] })] })),
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=alert-dialog.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.stories.js","sourceRoot":"","sources":["../../../src/components/alert-dialog.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,GAAG,MAAM,gBAAgB,CAAC;AAC5M,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,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,CAAC,CAAC,MAAC,WAAW,eACzB,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,4BAAqB,GAC3B,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,2CAA4C,EAC7D,KAAC,sBAAsB,iIAGE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,2BAA6B,IAC7B,IACD,IACT,CAAC;CAClB,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,MAAC,WAAW,eACzB,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,+BAAwB,GAClC,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,iCAAkC,EACnD,KAAC,sBAAsB,iHAGE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,IAAC,SAAS,EAAC,6HAA6H,uBAEtI,IACF,IACD,IACT,CAAC;CAClB,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,MAAC,WAAW,eACzB,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,+BAAsB,GACV,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,gCAAiC,EAClD,KAAC,sBAAsB,qFAEE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,6BAA+B,EACjD,KAAC,iBAAiB,uBAAyB,IACzB,IACD,IACT,CAAC;CAClB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
3
|
+
declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
4
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
5
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
export { Avatar, AvatarImage, AvatarFallback };
|
|
7
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,QAAA,MAAM,MAAM,yJAcV,CAAC;AAGH,QAAA,MAAM,WAAW,gKASf,CAAC;AAGH,QAAA,MAAM,cAAc,iKAYlB,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
|
+
import { cn } from '../lib/utils';
|
|
5
|
+
const Avatar = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-[var(--tekton-radius-full)]', className), ...props, children: children })));
|
|
6
|
+
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
7
|
+
const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn('aspect-square h-full w-full', className), ...props })));
|
|
8
|
+
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
9
|
+
const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn('flex h-full w-full items-center justify-center rounded-[var(--tekton-radius-full)] bg-[var(--tekton-bg-muted)]', className), ...props })));
|
|
10
|
+
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
11
|
+
export { Avatar, AvatarImage, AvatarFallback };
|
|
12
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACY,CACxB,CAAC,CAAC;AACH,MAAM,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;AAE5D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,QAAQ,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
function render(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
}
|
|
5
|
+
export namespace Fallback {
|
|
6
|
+
export function render_1(): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { render_1 as render };
|
|
8
|
+
}
|
|
9
|
+
export namespace InitialsOnly {
|
|
10
|
+
export function render_2(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { render_2 as render };
|
|
12
|
+
}
|
|
13
|
+
export namespace Sizes {
|
|
14
|
+
export function render_3(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { render_3 as render };
|
|
16
|
+
}
|
|
17
|
+
export namespace Group {
|
|
18
|
+
export function render_4(): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export { render_4 as render };
|
|
20
|
+
}
|
|
21
|
+
export namespace CustomColors {
|
|
22
|
+
export function render_5(): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export { render_5 as render };
|
|
24
|
+
}
|
|
25
|
+
export namespace WithStatus {
|
|
26
|
+
export function render_6(): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { render_6 as render };
|
|
28
|
+
}
|
|
29
|
+
declare namespace meta {
|
|
30
|
+
export let title: string;
|
|
31
|
+
export { Avatar as component };
|
|
32
|
+
export namespace parameters {
|
|
33
|
+
let layout: string;
|
|
34
|
+
}
|
|
35
|
+
export let tags: string[];
|
|
36
|
+
}
|
|
37
|
+
import { Avatar } from './avatar';
|
|
38
|
+
//# sourceMappingURL=avatar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.stories.jsx"],"names":[],"mappings":";;IAqBY,2DAGE;;;IAOF,oEAGE;;;;IAMF,oEAEE;;;;IAMF,oEAiBD;;;;IAMC,oEAiBD;;;;IAMC,oEAaD;;;;IAMC,oEAoBD;;;;;;;;;;;uBA/HyC,UAAU"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Avatar, AvatarFallback, AvatarImage } from './avatar';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/Avatar',
|
|
5
|
+
component: Avatar,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'centered',
|
|
8
|
+
},
|
|
9
|
+
tags: ['autodocs'],
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
export const Default = {
|
|
13
|
+
render: () => (_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "@shadcn" }), _jsx(AvatarFallback, { children: "CN" })] })),
|
|
14
|
+
};
|
|
15
|
+
export const Fallback = {
|
|
16
|
+
render: () => (_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://invalid-url.com/image.jpg", alt: "User" }), _jsx(AvatarFallback, { children: "JD" })] })),
|
|
17
|
+
};
|
|
18
|
+
export const InitialsOnly = {
|
|
19
|
+
render: () => (_jsx(Avatar, { children: _jsx(AvatarFallback, { children: "AB" }) })),
|
|
20
|
+
};
|
|
21
|
+
export const Sizes = {
|
|
22
|
+
render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Small" }), _jsx(AvatarFallback, { children: "SM" })] }), _jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Default" }), _jsx(AvatarFallback, { children: "MD" })] }), _jsxs(Avatar, { className: "h-16 w-16", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Large" }), _jsx(AvatarFallback, { children: "LG" })] }), _jsxs(Avatar, { className: "h-24 w-24", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Extra Large" }), _jsx(AvatarFallback, { children: "XL" })] })] })),
|
|
23
|
+
};
|
|
24
|
+
export const Group = {
|
|
25
|
+
render: () => (_jsxs("div", { className: "flex -space-x-4", children: [_jsxs(Avatar, { className: "border-2 border-[var(--tekton-bg-background)]", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "User 1" }), _jsx(AvatarFallback, { children: "U1" })] }), _jsx(Avatar, { className: "border-2 border-[var(--tekton-bg-background)]", children: _jsx(AvatarFallback, { children: "U2" }) }), _jsx(Avatar, { className: "border-2 border-[var(--tekton-bg-background)]", children: _jsx(AvatarFallback, { children: "U3" }) }), _jsx(Avatar, { className: "border-2 border-[var(--tekton-bg-background)]", children: _jsx(AvatarFallback, { children: "U4" }) }), _jsx(Avatar, { className: "border-2 border-[var(--tekton-bg-background)]", children: _jsx(AvatarFallback, { children: "+5" }) })] })),
|
|
26
|
+
};
|
|
27
|
+
export const CustomColors = {
|
|
28
|
+
render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-red-500 text-white", children: "AB" }) }), _jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-blue-500 text-white", children: "CD" }) }), _jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-green-500 text-white", children: "EF" }) }), _jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-purple-500 text-white", children: "GH" }) })] })),
|
|
29
|
+
};
|
|
30
|
+
export const WithStatus = {
|
|
31
|
+
render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsxs("div", { className: "relative", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Online" }), _jsx(AvatarFallback, { children: "ON" })] }), _jsx("span", { className: "absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-green-500 ring-2 ring-[var(--tekton-bg-background)]" })] }), _jsxs("div", { className: "relative", children: [_jsx(Avatar, { children: _jsx(AvatarFallback, { children: "AW" }) }), _jsx("span", { className: "absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-yellow-500 ring-2 ring-[var(--tekton-bg-background)]" })] }), _jsxs("div", { className: "relative", children: [_jsx(Avatar, { children: _jsx(AvatarFallback, { children: "OF" }) }), _jsx("span", { className: "absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-gray-400 ring-2 ring-[var(--tekton-bg-background)]" })] })] })),
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=avatar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../src/components/avatar.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Badge, badgeVariants };
|
|
10
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAkBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAErF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { cn } from '../lib/utils';
|
|
4
|
+
const badgeVariants = cva('inline-flex items-center rounded-[var(--tekton-radius-full)] border px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-1)] text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2', {
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
default: 'border-transparent bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/80',
|
|
8
|
+
secondary: 'border-transparent bg-[var(--tekton-bg-secondary)] text-[var(--tekton-bg-secondary-foreground)] hover:bg-[var(--tekton-bg-secondary)]/80',
|
|
9
|
+
destructive: 'border-transparent bg-[var(--tekton-bg-destructive)] text-[var(--tekton-bg-destructive-foreground)] hover:bg-[var(--tekton-bg-destructive)]/80',
|
|
10
|
+
outline: 'text-[var(--tekton-bg-foreground)]',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: 'default',
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
function Badge({ className, variant, ...props }) {
|
|
18
|
+
return _jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
19
|
+
}
|
|
20
|
+
export { Badge, badgeVariants };
|
|
21
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,GAAG,CACvB,kQAAkQ,EAClQ;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,oIAAoI;YACtI,SAAS,EACP,0IAA0I;YAC5I,WAAW,EACT,gJAAgJ;YAClJ,OAAO,EAAE,oCAAoC;SAC9C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAKF,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IACzD,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClF,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
namespace args {
|
|
4
|
+
let children: string;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export namespace Secondary {
|
|
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 Destructive {
|
|
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 Outline {
|
|
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 AllVariants {
|
|
34
|
+
function render(): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
}
|
|
36
|
+
export namespace StatusBadges {
|
|
37
|
+
export function render_1(): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export { render_1 as render };
|
|
39
|
+
}
|
|
40
|
+
export namespace WithIcons {
|
|
41
|
+
export function render_2(): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export { render_2 as render };
|
|
43
|
+
}
|
|
44
|
+
export namespace WithCounts {
|
|
45
|
+
export function render_3(): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
export { render_3 as render };
|
|
47
|
+
}
|
|
48
|
+
export namespace Large {
|
|
49
|
+
export function render_4(): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export { render_4 as render };
|
|
51
|
+
}
|
|
52
|
+
export namespace Small {
|
|
53
|
+
export function render_5(): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export { render_5 as render };
|
|
55
|
+
}
|
|
56
|
+
declare namespace meta {
|
|
57
|
+
export let title: string;
|
|
58
|
+
export { Badge as component };
|
|
59
|
+
export namespace parameters {
|
|
60
|
+
let layout: string;
|
|
61
|
+
}
|
|
62
|
+
export let tags: string[];
|
|
63
|
+
export namespace argTypes {
|
|
64
|
+
export namespace variant_3 {
|
|
65
|
+
let control: string;
|
|
66
|
+
let options: string[];
|
|
67
|
+
let description: string;
|
|
68
|
+
}
|
|
69
|
+
export { variant_3 as variant };
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
import { Badge } from './badge';
|
|
73
|
+
//# sourceMappingURL=badge.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/badge.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8DY,2DAKD;;;IAMC,oEAKD;;;;IAMC,oEAaD;;;;IAMC,oEAID;;;;IAMC,oEAKD;;;;IAMC,oEAKD;;;;;;;;;;;;;;;;;;;sBA3HW,SAAS"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Badge } from './badge';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/Badge',
|
|
5
|
+
component: Badge,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'centered',
|
|
8
|
+
},
|
|
9
|
+
tags: ['autodocs'],
|
|
10
|
+
argTypes: {
|
|
11
|
+
variant: {
|
|
12
|
+
control: 'select',
|
|
13
|
+
options: ['default', 'secondary', 'destructive', 'outline'],
|
|
14
|
+
description: 'Badge visual style variant',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Default = {
|
|
20
|
+
args: {
|
|
21
|
+
children: 'Badge',
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
export const Secondary = {
|
|
25
|
+
args: {
|
|
26
|
+
variant: 'secondary',
|
|
27
|
+
children: 'Secondary',
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
export const Destructive = {
|
|
31
|
+
args: {
|
|
32
|
+
variant: 'destructive',
|
|
33
|
+
children: 'Destructive',
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
export const Outline = {
|
|
37
|
+
args: {
|
|
38
|
+
variant: 'outline',
|
|
39
|
+
children: 'Outline',
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
export const AllVariants = {
|
|
43
|
+
render: () => (_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Badge, { children: "Default" }), _jsx(Badge, { variant: "secondary", children: "Secondary" }), _jsx(Badge, { variant: "destructive", children: "Destructive" }), _jsx(Badge, { variant: "outline", children: "Outline" })] })),
|
|
44
|
+
};
|
|
45
|
+
export const StatusBadges = {
|
|
46
|
+
render: () => (_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Badge, { children: "Active" }), _jsx(Badge, { variant: "secondary", children: "Pending" }), _jsx(Badge, { variant: "destructive", children: "Inactive" }), _jsx(Badge, { variant: "outline", children: "Draft" })] })),
|
|
47
|
+
};
|
|
48
|
+
export const WithIcons = {
|
|
49
|
+
render: () => (_jsxs("div", { className: "flex gap-2 items-center", children: [_jsxs(Badge, { children: [_jsx("span", { className: "mr-1", children: "\u2713" }), "Verified"] }), _jsxs(Badge, { variant: "secondary", children: [_jsx("span", { className: "mr-1", children: "\u23F3" }), "Pending"] }), _jsxs(Badge, { variant: "destructive", children: [_jsx("span", { className: "mr-1", children: "\u2717" }), "Failed"] })] })),
|
|
50
|
+
};
|
|
51
|
+
export const WithCounts = {
|
|
52
|
+
render: () => (_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Badge, { children: "New 12" }), _jsx(Badge, { variant: "secondary", children: "Messages 5" }), _jsx(Badge, { variant: "destructive", children: "Errors 3" })] })),
|
|
53
|
+
};
|
|
54
|
+
export const Large = {
|
|
55
|
+
render: () => (_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Badge, { className: "px-4 py-2 text-sm", children: "Large Badge" }), _jsx(Badge, { variant: "secondary", className: "px-4 py-2 text-sm", children: "Large Secondary" })] })),
|
|
56
|
+
};
|
|
57
|
+
export const Small = {
|
|
58
|
+
render: () => (_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Badge, { className: "px-2 py-0.5 text-[10px]", children: "Tiny" }), _jsx(Badge, { variant: "secondary", className: "px-2 py-0.5 text-[10px]", children: "Small" })] })),
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=badge.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.stories.js","sourceRoot":"","sources":["../../../src/components/badge.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const breadcrumbVariants: (props?: ({
|
|
4
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare const breadcrumbLinkVariants: (props?: ({
|
|
7
|
+
active?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
export interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'nav'>, VariantProps<typeof breadcrumbVariants> {
|
|
10
|
+
separator?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
14
|
+
declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
15
|
+
export interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<'a'>, VariantProps<typeof breadcrumbLinkVariants> {
|
|
16
|
+
active?: boolean;
|
|
17
|
+
asChild?: boolean;
|
|
18
|
+
}
|
|
19
|
+
declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
20
|
+
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
21
|
+
export interface BreadcrumbSeparatorProps extends React.ComponentPropsWithoutRef<'li'> {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<BreadcrumbSeparatorProps & React.RefAttributes<HTMLLIElement>>;
|
|
25
|
+
declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
26
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
27
|
+
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,kBAAkB;;8EAWtB,CAAC;AAaH,QAAA,MAAM,sBAAsB;;8EAa3B,CAAC;AAaF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAItF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,qFAWf,CAAC;AAGF,QAAA,MAAM,cAAc,2KAInB,CAAC;AAGF,QAAA,MAAM,cAAc,kKAInB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAIxF,MAAM,CAAC,EAAE,OAAO,CAAC;IAIjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,+FAenB,CAAC;AAGF,QAAA,MAAM,cAAc,sKAenB,CAAC;AAGF,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;IAIpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,mBAAmB,gGAYxB,CAAC;AAGF,QAAA,MAAM,kBAAkB,sKA4BtB,CAAC;AAGH,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../lib/utils';
|
|
5
|
+
const breadcrumbVariants = cva('flex items-center gap-[var(--tekton-spacing-2)]', {
|
|
6
|
+
variants: {
|
|
7
|
+
size: {
|
|
8
|
+
sm: 'text-xs',
|
|
9
|
+
default: 'text-sm',
|
|
10
|
+
lg: 'text-base',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
size: 'default',
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
const breadcrumbListVariants = cva('flex flex-wrap items-center gap-[var(--tekton-spacing-1.5)] break-words', {
|
|
18
|
+
variants: {},
|
|
19
|
+
});
|
|
20
|
+
const breadcrumbItemVariants = cva('inline-flex items-center gap-[var(--tekton-spacing-1.5)]', {
|
|
21
|
+
variants: {},
|
|
22
|
+
});
|
|
23
|
+
const breadcrumbLinkVariants = cva('transition-colors hover:text-[var(--tekton-bg-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 rounded-[var(--tekton-radius-sm)]', {
|
|
24
|
+
variants: {
|
|
25
|
+
active: {
|
|
26
|
+
true: 'text-[var(--tekton-bg-foreground)] font-medium pointer-events-none',
|
|
27
|
+
false: 'text-[var(--tekton-text-muted-foreground)] underline-offset-4 hover:underline',
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
active: false,
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
const breadcrumbSeparatorVariants = cva('text-[var(--tekton-text-muted-foreground)] select-none', {
|
|
35
|
+
variants: {},
|
|
36
|
+
});
|
|
37
|
+
const breadcrumbEllipsisVariants = cva('inline-flex h-9 w-9 items-center justify-center text-[var(--tekton-text-muted-foreground)]', {
|
|
38
|
+
variants: {},
|
|
39
|
+
});
|
|
40
|
+
const Breadcrumb = React.forwardRef(({ className, size, separator: _separator = '/', ...props }, ref) => {
|
|
41
|
+
return (_jsx("nav", { ref: ref, "aria-label": "breadcrumb", className: cn(breadcrumbVariants({ size, className })), ...props }));
|
|
42
|
+
});
|
|
43
|
+
Breadcrumb.displayName = 'Breadcrumb';
|
|
44
|
+
const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn(breadcrumbListVariants({ className })), ...props })));
|
|
45
|
+
BreadcrumbList.displayName = 'BreadcrumbList';
|
|
46
|
+
const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn(breadcrumbItemVariants({ className })), ...props })));
|
|
47
|
+
BreadcrumbItem.displayName = 'BreadcrumbItem';
|
|
48
|
+
const BreadcrumbLink = React.forwardRef(({ className, active, asChild = false, ...props }, ref) => {
|
|
49
|
+
const Comp = asChild ? React.Fragment : 'a';
|
|
50
|
+
return (_jsx(Comp, { ref: asChild ? undefined : ref, className: cn(breadcrumbLinkVariants({ active, className })), "aria-current": active ? 'page' : undefined, ...(asChild ? {} : props), children: asChild ? props.children : props.children }));
|
|
51
|
+
});
|
|
52
|
+
BreadcrumbLink.displayName = 'BreadcrumbLink';
|
|
53
|
+
const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn(breadcrumbLinkVariants({ active: true }), 'text-[var(--tekton-bg-foreground)]', className), ...props })));
|
|
54
|
+
BreadcrumbPage.displayName = 'BreadcrumbPage';
|
|
55
|
+
const BreadcrumbSeparator = React.forwardRef(({ children, className, ...props }, ref) => (_jsx("li", { ref: ref, role: "presentation", "aria-hidden": "true", className: cn(breadcrumbSeparatorVariants({ className })), ...props, children: children ?? '/' })));
|
|
56
|
+
BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
|
|
57
|
+
const BreadcrumbEllipsis = React.forwardRef(({ className, ...props }, ref) => (_jsxs("span", { ref: ref, role: "presentation", "aria-hidden": "true", className: cn(breadcrumbEllipsisVariants({ className })), ...props, children: [_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: _jsx("path", { d: "M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) }), _jsx("span", { className: "sr-only", children: "More" })] })));
|
|
58
|
+
BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
|
|
59
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
60
|
+
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,kBAAkB,GAAG,GAAG,CAAC,iDAAiD,EAAE;IAChF,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,GAAG,CAChC,yEAAyE,EACzE;IACE,QAAQ,EAAE,EAAE;CACb,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,CAAC,0DAA0D,EAAE;IAC7F,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,GAAG,CAChC,yNAAyN,EACzN;IACE,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,oEAAoE;YAC1E,KAAK,EAAE,+EAA+E;SACvF;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,KAAK;KACd;CACF,CACF,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,CAAC,wDAAwD,EAAE;IAChG,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,0BAA0B,GAAG,GAAG,CACpC,4FAA4F,EAC5F;IACE,QAAQ,EAAE,EAAE;CACb,CACF,CAAC;AAUF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,CACL,cACE,GAAG,EAAE,GAAG,gBACG,YAAY,EACvB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAClF,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAClF,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAc9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAE5C,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAC9B,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,kBAC9C,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACrC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAEzB,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GACrC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,mBACG,MAAM,kBACP,MAAM,EACnB,SAAS,EAAE,EAAE,CACX,sBAAsB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EACxC,oCAAoC,EACpC,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAS9C,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,aACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,KACrD,KAAK,YAER,QAAQ,IAAI,GAAG,GACb,CACN,CACF,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,KACpD,KAAK,aAET,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,YAElB,eACE,CAAC,EAAC,ofAAof,EACtf,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,GACE,EACN,eAAM,SAAS,EAAC,SAAS,qBAAY,IAChC,CACR,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
function render(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
}
|
|
5
|
+
export namespace SimplePath {
|
|
6
|
+
export function render_1(): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { render_1 as render };
|
|
8
|
+
}
|
|
9
|
+
export namespace WithEllipsis {
|
|
10
|
+
export function render_2(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { render_2 as render };
|
|
12
|
+
}
|
|
13
|
+
export namespace CustomSeparator {
|
|
14
|
+
export function render_3(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { render_3 as render };
|
|
16
|
+
}
|
|
17
|
+
export namespace DifferentSeparators {
|
|
18
|
+
export function render_4(): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export { render_4 as render };
|
|
20
|
+
}
|
|
21
|
+
export namespace Sizes {
|
|
22
|
+
export function render_5(): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export { render_5 as render };
|
|
24
|
+
}
|
|
25
|
+
export namespace DeepNavigation {
|
|
26
|
+
export function render_6(): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { render_6 as render };
|
|
28
|
+
}
|
|
29
|
+
export namespace Responsive {
|
|
30
|
+
export function render_7(): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export { render_7 as render };
|
|
32
|
+
}
|
|
33
|
+
declare namespace meta {
|
|
34
|
+
export let title: string;
|
|
35
|
+
export { Breadcrumb as component };
|
|
36
|
+
export namespace parameters {
|
|
37
|
+
let layout: string;
|
|
38
|
+
}
|
|
39
|
+
export let tags: string[];
|
|
40
|
+
export namespace argTypes {
|
|
41
|
+
namespace size {
|
|
42
|
+
let control: string;
|
|
43
|
+
let options: string[];
|
|
44
|
+
let description: string;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
import { Breadcrumb } from './breadcrumb';
|
|
49
|
+
//# sourceMappingURL=breadcrumb.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb.stories.jsx"],"names":[],"mappings":";;IA4BY,2DAcM;;;IAMN,oEAUM;;;;IAON,oEAkBM;;;;IAMN,oEAcM;;;;IAMN,oEAoCD;;;;IAMC,oEAoCD;;;;IAMC,oEAsBM;;;;IAMN,oEAoBD;;;;;;;;;;;;;;;;;;2BA3O0H,cAAc"}
|