@unisane/ui 0.1.0-next.b67ebfd0
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/LICENSE +21 -0
- package/README.md +45 -0
- package/dist/components/accordion.d.ts +30 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +47 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/alert.d.ts +13 -0
- package/dist/components/alert.d.ts.map +1 -0
- package/dist/components/alert.js +33 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/avatar.d.ts +20 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +38 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.d.ts +19 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +92 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/banner.d.ts +24 -0
- package/dist/components/banner.d.ts.map +1 -0
- package/dist/components/banner.js +43 -0
- package/dist/components/banner.js.map +1 -0
- package/dist/components/bottom-app-bar.d.ts +34 -0
- package/dist/components/bottom-app-bar.d.ts.map +1 -0
- package/dist/components/bottom-app-bar.js +32 -0
- package/dist/components/bottom-app-bar.js.map +1 -0
- package/dist/components/breadcrumb.d.ts +26 -0
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +23 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/button.d.ts +20 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +66 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/calendar.d.ts +14 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +178 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/canonical-layouts.d.ts +36 -0
- package/dist/components/canonical-layouts.d.ts.map +1 -0
- package/dist/components/canonical-layouts.js +49 -0
- package/dist/components/canonical-layouts.js.map +1 -0
- package/dist/components/card.d.ts +20 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +70 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/carousel.d.ts +42 -0
- package/dist/components/carousel.d.ts.map +1 -0
- package/dist/components/carousel.js +225 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/checkbox.d.ts +10 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +31 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/chip.d.ts +27 -0
- package/dist/components/chip.d.ts.map +1 -0
- package/dist/components/chip.js +69 -0
- package/dist/components/chip.js.map +1 -0
- package/dist/components/combobox.d.ts +27 -0
- package/dist/components/combobox.d.ts.map +1 -0
- package/dist/components/combobox.js +261 -0
- package/dist/components/combobox.js.map +1 -0
- package/dist/components/command.d.ts +87 -0
- package/dist/components/command.d.ts.map +1 -0
- package/dist/components/command.js +31 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/confirm-dialog.d.ts +22 -0
- package/dist/components/confirm-dialog.d.ts.map +1 -0
- package/dist/components/confirm-dialog.js +72 -0
- package/dist/components/confirm-dialog.js.map +1 -0
- package/dist/components/date-input.d.ts +30 -0
- package/dist/components/date-input.d.ts.map +1 -0
- package/dist/components/date-input.js +334 -0
- package/dist/components/date-input.js.map +1 -0
- package/dist/components/date-picker.d.ts +13 -0
- package/dist/components/date-picker.d.ts.map +1 -0
- package/dist/components/date-picker.js +93 -0
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/date-range-picker.d.ts +29 -0
- package/dist/components/date-range-picker.d.ts.map +1 -0
- package/dist/components/date-range-picker.js +196 -0
- package/dist/components/date-range-picker.js.map +1 -0
- package/dist/components/dialog.d.ts +31 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +58 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/divider.d.ts +8 -0
- package/dist/components/divider.d.ts.map +1 -0
- package/dist/components/divider.js +8 -0
- package/dist/components/divider.js.map +1 -0
- package/dist/components/drawer.d.ts +30 -0
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +27 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/dropdown-menu.d.ts +61 -0
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +572 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/fab-menu.d.ts +18 -0
- package/dist/components/fab-menu.d.ts.map +1 -0
- package/dist/components/fab-menu.js +56 -0
- package/dist/components/fab-menu.js.map +1 -0
- package/dist/components/fab.d.ts +25 -0
- package/dist/components/fab.d.ts.map +1 -0
- package/dist/components/fab.js +75 -0
- package/dist/components/fab.js.map +1 -0
- package/dist/components/field.d.ts +15 -0
- package/dist/components/field.d.ts.map +1 -0
- package/dist/components/field.js +14 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/icon-button.d.ts +27 -0
- package/dist/components/icon-button.d.ts.map +1 -0
- package/dist/components/icon-button.js +80 -0
- package/dist/components/icon-button.js.map +1 -0
- package/dist/components/icon.d.ts +18 -0
- package/dist/components/icon.d.ts.map +1 -0
- package/dist/components/icon.js +50 -0
- package/dist/components/icon.js.map +1 -0
- package/dist/components/list.d.ts +43 -0
- package/dist/components/list.d.ts.map +1 -0
- package/dist/components/list.js +74 -0
- package/dist/components/list.js.map +1 -0
- package/dist/components/mode-switcher.d.ts +9 -0
- package/dist/components/mode-switcher.d.ts.map +1 -0
- package/dist/components/mode-switcher.js +22 -0
- package/dist/components/mode-switcher.js.map +1 -0
- package/dist/components/month-picker.d.ts +22 -0
- package/dist/components/month-picker.d.ts.map +1 -0
- package/dist/components/month-picker.js +210 -0
- package/dist/components/month-picker.js.map +1 -0
- package/dist/components/navigation-bar.d.ts +8 -0
- package/dist/components/navigation-bar.d.ts.map +1 -0
- package/dist/components/navigation-bar.js +23 -0
- package/dist/components/navigation-bar.js.map +1 -0
- package/dist/components/navigation-drawer.d.ts +18 -0
- package/dist/components/navigation-drawer.d.ts.map +1 -0
- package/dist/components/navigation-drawer.js +64 -0
- package/dist/components/navigation-drawer.js.map +1 -0
- package/dist/components/navigation-rail.d.ts +13 -0
- package/dist/components/navigation-rail.d.ts.map +1 -0
- package/dist/components/navigation-rail.js +23 -0
- package/dist/components/navigation-rail.js.map +1 -0
- package/dist/components/pagination.d.ts +32 -0
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +68 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/pane-group.d.ts +9 -0
- package/dist/components/pane-group.d.ts.map +1 -0
- package/dist/components/pane-group.js +6 -0
- package/dist/components/pane-group.js.map +1 -0
- package/dist/components/popover.d.ts +26 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +242 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/progress.d.ts +15 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +37 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio.d.ts +9 -0
- package/dist/components/radio.d.ts.map +1 -0
- package/dist/components/radio.js +19 -0
- package/dist/components/radio.js.map +1 -0
- package/dist/components/rating.d.ts +19 -0
- package/dist/components/rating.d.ts.map +1 -0
- package/dist/components/rating.js +64 -0
- package/dist/components/rating.js.map +1 -0
- package/dist/components/ripple.d.ts +10 -0
- package/dist/components/ripple.d.ts.map +1 -0
- package/dist/components/ripple.js +44 -0
- package/dist/components/ripple.js.map +1 -0
- package/dist/components/scroll-area.d.ts +6 -0
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +6 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/search-bar.d.ts +12 -0
- package/dist/components/search-bar.d.ts.map +1 -0
- package/dist/components/search-bar.js +71 -0
- package/dist/components/search-bar.js.map +1 -0
- package/dist/components/segmented-button.d.ts +39 -0
- package/dist/components/segmented-button.d.ts.map +1 -0
- package/dist/components/segmented-button.js +162 -0
- package/dist/components/segmented-button.js.map +1 -0
- package/dist/components/select-field.d.ts +46 -0
- package/dist/components/select-field.d.ts.map +1 -0
- package/dist/components/select-field.js +56 -0
- package/dist/components/select-field.js.map +1 -0
- package/dist/components/select.d.ts +45 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +356 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/sheet.d.ts +28 -0
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +122 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-drawer.d.ts +14 -0
- package/dist/components/sidebar/components/sidebar-drawer.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-drawer.js +60 -0
- package/dist/components/sidebar/components/sidebar-drawer.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-inset.d.ts +6 -0
- package/dist/components/sidebar/components/sidebar-inset.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-inset.js +24 -0
- package/dist/components/sidebar/components/sidebar-inset.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-navigation.d.ts +13 -0
- package/dist/components/sidebar/components/sidebar-navigation.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-navigation.js +40 -0
- package/dist/components/sidebar/components/sidebar-navigation.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-rail.d.ts +5 -0
- package/dist/components/sidebar/components/sidebar-rail.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-rail.js +19 -0
- package/dist/components/sidebar/components/sidebar-rail.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-shell.d.ts +13 -0
- package/dist/components/sidebar/components/sidebar-shell.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-shell.js +42 -0
- package/dist/components/sidebar/components/sidebar-shell.js.map +1 -0
- package/dist/components/sidebar/context/sidebar-provider.d.ts +5 -0
- package/dist/components/sidebar/context/sidebar-provider.d.ts.map +1 -0
- package/dist/components/sidebar/context/sidebar-provider.js +335 -0
- package/dist/components/sidebar/context/sidebar-provider.js.map +1 -0
- package/dist/components/sidebar/index.d.ts +11 -0
- package/dist/components/sidebar/index.d.ts.map +1 -0
- package/dist/components/sidebar/index.js +7 -0
- package/dist/components/sidebar/index.js.map +1 -0
- package/dist/components/sidebar/model/sidebar.state.d.ts +44 -0
- package/dist/components/sidebar/model/sidebar.state.d.ts.map +1 -0
- package/dist/components/sidebar/model/sidebar.state.js +122 -0
- package/dist/components/sidebar/model/sidebar.state.js.map +1 -0
- package/dist/components/sidebar/model/sidebar.types.d.ts +79 -0
- package/dist/components/sidebar/model/sidebar.types.d.ts.map +1 -0
- package/dist/components/sidebar/model/sidebar.types.js +2 -0
- package/dist/components/sidebar/model/sidebar.types.js.map +1 -0
- package/dist/components/skeleton.d.ts +27 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +37 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.d.ts +16 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +41 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/stat-card.d.ts +20 -0
- package/dist/components/stat-card.d.ts.map +1 -0
- package/dist/components/stat-card.js +13 -0
- package/dist/components/stat-card.js.map +1 -0
- package/dist/components/stepper.d.ts +21 -0
- package/dist/components/stepper.d.ts.map +1 -0
- package/dist/components/stepper.js +49 -0
- package/dist/components/stepper.js.map +1 -0
- package/dist/components/switch.d.ts +8 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +23 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.d.ts +8 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +9 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +23 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +96 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/text-field.d.ts +31 -0
- package/dist/components/text-field.d.ts.map +1 -0
- package/dist/components/text-field.js +103 -0
- package/dist/components/text-field.js.map +1 -0
- package/dist/components/time-picker.d.ts +11 -0
- package/dist/components/time-picker.d.ts.map +1 -0
- package/dist/components/time-picker.js +284 -0
- package/dist/components/time-picker.js.map +1 -0
- package/dist/components/toast.d.ts +40 -0
- package/dist/components/toast.d.ts.map +1 -0
- package/dist/components/toast.js +194 -0
- package/dist/components/toast.js.map +1 -0
- package/dist/components/token-field.d.ts +48 -0
- package/dist/components/token-field.d.ts.map +1 -0
- package/dist/components/token-field.js +244 -0
- package/dist/components/token-field.js.map +1 -0
- package/dist/components/tooltip.d.ts +12 -0
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +81 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/top-app-bar.d.ts +28 -0
- package/dist/components/top-app-bar.d.ts.map +1 -0
- package/dist/components/top-app-bar.js +31 -0
- package/dist/components/top-app-bar.js.map +1 -0
- package/dist/components/typography.d.ts +17 -0
- package/dist/components/typography.d.ts.map +1 -0
- package/dist/components/typography.js +57 -0
- package/dist/components/typography.js.map +1 -0
- package/dist/hooks/use-scroll-lock.d.ts +6 -0
- package/dist/hooks/use-scroll-lock.d.ts.map +1 -0
- package/dist/hooks/use-scroll-lock.js +30 -0
- package/dist/hooks/use-scroll-lock.js.map +1 -0
- package/dist/index.css +5138 -0
- package/dist/index.d.ts +143 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +79 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/action-cluster.d.ts +7 -0
- package/dist/layout/action-cluster.d.ts.map +1 -0
- package/dist/layout/action-cluster.js +19 -0
- package/dist/layout/action-cluster.js.map +1 -0
- package/dist/layout/app-layout.d.ts +14 -0
- package/dist/layout/app-layout.d.ts.map +1 -0
- package/dist/layout/app-layout.js +9 -0
- package/dist/layout/app-layout.js.map +1 -0
- package/dist/layout/appearance-provider.d.ts +63 -0
- package/dist/layout/appearance-provider.d.ts.map +1 -0
- package/dist/layout/appearance-provider.js +250 -0
- package/dist/layout/appearance-provider.js.map +1 -0
- package/dist/layout/card-grid.d.ts +6 -0
- package/dist/layout/card-grid.d.ts.map +1 -0
- package/dist/layout/card-grid.js +13 -0
- package/dist/layout/card-grid.js.map +1 -0
- package/dist/layout/container.d.ts +8 -0
- package/dist/layout/container.d.ts.map +1 -0
- package/dist/layout/container.js +13 -0
- package/dist/layout/container.js.map +1 -0
- package/dist/layout/page-section.d.ts +9 -0
- package/dist/layout/page-section.d.ts.map +1 -0
- package/dist/layout/page-section.js +24 -0
- package/dist/layout/page-section.js.map +1 -0
- package/dist/layout/pane.d.ts +20 -0
- package/dist/layout/pane.d.ts.map +1 -0
- package/dist/layout/pane.js +48 -0
- package/dist/layout/pane.js.map +1 -0
- package/dist/layout/preview-frame.d.ts +8 -0
- package/dist/layout/preview-frame.d.ts.map +1 -0
- package/dist/layout/preview-frame.js +23 -0
- package/dist/layout/preview-frame.js.map +1 -0
- package/dist/layout/window-size-provider.d.ts +12 -0
- package/dist/layout/window-size-provider.d.ts.map +1 -0
- package/dist/layout/window-size-provider.js +40 -0
- package/dist/layout/window-size-provider.js.map +1 -0
- package/dist/lib/action-control.d.ts +27 -0
- package/dist/lib/action-control.d.ts.map +1 -0
- package/dist/lib/action-control.js +28 -0
- package/dist/lib/action-control.js.map +1 -0
- package/dist/lib/action-size.d.ts +41 -0
- package/dist/lib/action-size.d.ts.map +1 -0
- package/dist/lib/action-size.js +59 -0
- package/dist/lib/action-size.js.map +1 -0
- package/dist/lib/field-shell.d.ts +31 -0
- package/dist/lib/field-shell.d.ts.map +1 -0
- package/dist/lib/field-shell.js +48 -0
- package/dist/lib/field-shell.js.map +1 -0
- package/dist/lib/field-size.d.ts +44 -0
- package/dist/lib/field-size.d.ts.map +1 -0
- package/dist/lib/field-size.js +126 -0
- package/dist/lib/field-size.js.map +1 -0
- package/dist/lib/navigation-action.d.ts +21 -0
- package/dist/lib/navigation-action.d.ts.map +1 -0
- package/dist/lib/navigation-action.js +53 -0
- package/dist/lib/navigation-action.js.map +1 -0
- package/dist/lib/navigation-visuals.d.ts +38 -0
- package/dist/lib/navigation-visuals.d.ts.map +1 -0
- package/dist/lib/navigation-visuals.js +27 -0
- package/dist/lib/navigation-visuals.js.map +1 -0
- package/dist/lib/portal-layer.d.ts +3 -0
- package/dist/lib/portal-layer.d.ts.map +1 -0
- package/dist/lib/portal-layer.js +13 -0
- package/dist/lib/portal-layer.js.map +1 -0
- package/dist/lib/selection-control-size.d.ts +8 -0
- package/dist/lib/selection-control-size.d.ts.map +1 -0
- package/dist/lib/selection-control-size.js +15 -0
- package/dist/lib/selection-control-size.js.map +1 -0
- package/dist/lib/typography-roles.d.ts +20 -0
- package/dist/lib/typography-roles.d.ts.map +1 -0
- package/dist/lib/typography-roles.js +19 -0
- package/dist/lib/typography-roles.js.map +1 -0
- package/dist/lib/use-anchored-overlay-position.d.ts +21 -0
- package/dist/lib/use-anchored-overlay-position.d.ts.map +1 -0
- package/dist/lib/use-anchored-overlay-position.js +50 -0
- package/dist/lib/use-anchored-overlay-position.js.map +1 -0
- package/dist/lib/use-controllable-state.d.ts +8 -0
- package/dist/lib/use-controllable-state.d.ts.map +1 -0
- package/dist/lib/use-controllable-state.js +14 -0
- package/dist/lib/use-controllable-state.js.map +1 -0
- package/dist/lib/use-field-state.d.ts +16 -0
- package/dist/lib/use-field-state.d.ts.map +1 -0
- package/dist/lib/use-field-state.js +14 -0
- package/dist/lib/use-field-state.js.map +1 -0
- package/dist/lib/use-overlay-behavior.d.ts +17 -0
- package/dist/lib/use-overlay-behavior.d.ts.map +1 -0
- package/dist/lib/use-overlay-behavior.js +230 -0
- package/dist/lib/use-overlay-behavior.js.map +1 -0
- package/dist/lib/utils.d.ts +47 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +176 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/primitives/input.d.ts +15 -0
- package/dist/primitives/input.d.ts.map +1 -0
- package/dist/primitives/input.js +17 -0
- package/dist/primitives/input.js.map +1 -0
- package/dist/primitives/label.d.ts +14 -0
- package/dist/primitives/label.d.ts.map +1 -0
- package/dist/primitives/label.js +13 -0
- package/dist/primitives/label.js.map +1 -0
- package/dist/primitives/menu.d.ts +34 -0
- package/dist/primitives/menu.d.ts.map +1 -0
- package/dist/primitives/menu.js +56 -0
- package/dist/primitives/menu.js.map +1 -0
- package/dist/primitives/surface.d.ts +15 -0
- package/dist/primitives/surface.d.ts.map +1 -0
- package/dist/primitives/surface.js +53 -0
- package/dist/primitives/surface.js.map +1 -0
- package/dist/primitives/text.d.ts +16 -0
- package/dist/primitives/text.d.ts.map +1 -0
- package/dist/primitives/text.js +78 -0
- package/dist/primitives/text.js.map +1 -0
- package/dist/primitives/textarea.d.ts +16 -0
- package/dist/primitives/textarea.d.ts.map +1 -0
- package/dist/primitives/textarea.js +18 -0
- package/dist/primitives/textarea.js.map +1 -0
- package/dist/types/navigation.d.ts +26 -0
- package/dist/types/navigation.d.ts.map +1 -0
- package/dist/types/navigation.js +2 -0
- package/dist/types/navigation.js.map +1 -0
- package/package.json +485 -0
- package/registry/components/accordion.tsx +166 -0
- package/registry/components/alert.tsx +90 -0
- package/registry/components/avatar.tsx +86 -0
- package/registry/components/badge.tsx +104 -0
- package/registry/components/banner.tsx +165 -0
- package/registry/components/bottom-app-bar.tsx +88 -0
- package/registry/components/breadcrumb.tsx +87 -0
- package/registry/components/button.tsx +195 -0
- package/registry/components/calendar.tsx +334 -0
- package/registry/components/canonical-layouts.tsx +264 -0
- package/registry/components/card.tsx +165 -0
- package/registry/components/carousel.tsx +482 -0
- package/registry/components/checkbox.tsx +154 -0
- package/registry/components/chip.tsx +201 -0
- package/registry/components/combobox.tsx +504 -0
- package/registry/components/command.tsx +165 -0
- package/registry/components/confirm-dialog.tsx +146 -0
- package/registry/components/date-input.tsx +570 -0
- package/registry/components/date-picker.tsx +214 -0
- package/registry/components/date-range-picker.tsx +449 -0
- package/registry/components/dialog.tsx +253 -0
- package/registry/components/divider.tsx +33 -0
- package/registry/components/drawer.tsx +217 -0
- package/registry/components/dropdown-menu.tsx +879 -0
- package/registry/components/fab-menu.tsx +138 -0
- package/registry/components/fab.tsx +185 -0
- package/registry/components/field.tsx +48 -0
- package/registry/components/icon-button.tsx +209 -0
- package/registry/components/icon.tsx +118 -0
- package/registry/components/list.tsx +319 -0
- package/registry/components/mode-switcher.tsx +48 -0
- package/registry/components/month-picker.tsx +363 -0
- package/registry/components/navigation-bar.tsx +112 -0
- package/registry/components/navigation-drawer.tsx +189 -0
- package/registry/components/navigation-rail.tsx +113 -0
- package/registry/components/pagination.tsx +243 -0
- package/registry/components/pane-group.tsx +38 -0
- package/registry/components/popover.tsx +395 -0
- package/registry/components/progress.tsx +112 -0
- package/registry/components/radio.tsx +103 -0
- package/registry/components/rating.tsx +150 -0
- package/registry/components/ripple.tsx +82 -0
- package/registry/components/scroll-area.tsx +26 -0
- package/registry/components/search-bar.tsx +171 -0
- package/registry/components/segmented-button.tsx +352 -0
- package/registry/components/select-field.tsx +216 -0
- package/registry/components/select.tsx +720 -0
- package/registry/components/sheet.tsx +318 -0
- package/registry/components/sidebar/components/sidebar-drawer.tsx +177 -0
- package/registry/components/sidebar/components/sidebar-inset.tsx +46 -0
- package/registry/components/sidebar/components/sidebar-navigation.tsx +208 -0
- package/registry/components/sidebar/components/sidebar-rail.tsx +47 -0
- package/registry/components/sidebar/components/sidebar-shell.tsx +100 -0
- package/registry/components/sidebar/context/sidebar-provider.tsx +402 -0
- package/registry/components/sidebar/index.ts +25 -0
- package/registry/components/sidebar/model/sidebar.state.ts +172 -0
- package/registry/components/sidebar/model/sidebar.types.ts +87 -0
- package/registry/components/skeleton.tsx +103 -0
- package/registry/components/slider.tsx +170 -0
- package/registry/components/stat-card.tsx +78 -0
- package/registry/components/stepper.tsx +183 -0
- package/registry/components/switch.tsx +123 -0
- package/registry/components/table.tsx +71 -0
- package/registry/components/tabs.tsx +235 -0
- package/registry/components/text-field.tsx +273 -0
- package/registry/components/time-picker.tsx +571 -0
- package/registry/components/toast.tsx +402 -0
- package/registry/components/token-field.tsx +438 -0
- package/registry/components/tooltip.tsx +149 -0
- package/registry/components/top-app-bar.tsx +120 -0
- package/registry/components/typography.tsx +95 -0
- package/registry/hooks/use-scroll-lock.ts +36 -0
- package/registry/layout/action-cluster.tsx +40 -0
- package/registry/layout/app-layout.tsx +82 -0
- package/registry/layout/appearance-provider.tsx +367 -0
- package/registry/layout/card-grid.tsx +31 -0
- package/registry/layout/container.tsx +26 -0
- package/registry/layout/page-section.tsx +54 -0
- package/registry/layout/pane.tsx +126 -0
- package/registry/layout/preview-frame.tsx +50 -0
- package/registry/layout/window-size-provider.tsx +59 -0
- package/registry/lib/action-control.tsx +68 -0
- package/registry/lib/action-size.ts +67 -0
- package/registry/lib/field-shell.ts +115 -0
- package/registry/lib/field-size.ts +169 -0
- package/registry/lib/navigation-action.tsx +109 -0
- package/registry/lib/navigation-visuals.tsx +173 -0
- package/registry/lib/portal-layer.ts +17 -0
- package/registry/lib/selection-control-size.ts +24 -0
- package/registry/lib/typography-roles.ts +23 -0
- package/registry/lib/use-anchored-overlay-position.ts +95 -0
- package/registry/lib/use-controllable-state.ts +29 -0
- package/registry/lib/use-field-state.ts +32 -0
- package/registry/lib/use-overlay-behavior.ts +324 -0
- package/registry/lib/utils.ts +205 -0
- package/registry/primitives/input.tsx +37 -0
- package/registry/primitives/label.tsx +35 -0
- package/registry/primitives/menu.tsx +218 -0
- package/registry/primitives/surface.tsx +67 -0
- package/registry/primitives/text.tsx +105 -0
- package/registry/primitives/textarea.tsx +38 -0
- package/registry/registry-schema.json +91 -0
- package/registry/registry.json +1369 -0
- package/registry/styles/globals.css +1370 -0
- package/registry/styles/themes/black.css +342 -0
- package/registry/styles/themes/blue.css +342 -0
- package/registry/styles/themes/cyan.css +342 -0
- package/registry/styles/themes/green.css +342 -0
- package/registry/styles/themes/neutral.css +342 -0
- package/registry/styles/themes/orange.css +342 -0
- package/registry/styles/themes/pink.css +342 -0
- package/registry/styles/themes/purple.css +342 -0
- package/registry/styles/themes/red.css +342 -0
- package/registry/styles/themes/yellow.css +342 -0
- package/registry/tsconfig.json +10 -0
- package/registry/types/navigation.ts +35 -0
- package/unisane.meta.json +99 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.types.js","sourceRoot":"","sources":["../../../../src/components/sidebar/model/sidebar.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const skeletonVariants: (props?: ({
|
|
4
|
+
variant?: "text" | "rounded" | "circular" | "rectangular" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export type SkeletonProps = VariantProps<typeof skeletonVariants> & {
|
|
7
|
+
width?: number | string;
|
|
8
|
+
height?: number | string;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
export declare const Skeleton: React.FC<SkeletonProps>;
|
|
14
|
+
export declare const SkeletonText: React.FC<{
|
|
15
|
+
lines?: number;
|
|
16
|
+
width?: number | string;
|
|
17
|
+
className?: string;
|
|
18
|
+
}>;
|
|
19
|
+
export declare const SkeletonAvatar: React.FC<{
|
|
20
|
+
size?: number | string;
|
|
21
|
+
className?: string;
|
|
22
|
+
}>;
|
|
23
|
+
export declare const SkeletonCard: React.FC<{
|
|
24
|
+
className?: string;
|
|
25
|
+
}>;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,gBAAgB;;8EAerB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiC5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAQA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAEA,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAcA,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
const skeletonVariants = cva('relative inline-block shrink-0 overflow-hidden bg-surface-container-low animate-pulse', {
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
text: 'rounded-sm',
|
|
8
|
+
circular: 'rounded-full',
|
|
9
|
+
rectangular: 'rounded-sm',
|
|
10
|
+
rounded: 'rounded-md',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: 'rectangular',
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
export const Skeleton = ({ variant = 'rectangular', width, height, className, style, children, }) => {
|
|
18
|
+
if (children) {
|
|
19
|
+
return (_jsx("span", { className: cn(skeletonVariants({ variant, className })), style: style, "aria-hidden": "true", children: _jsx("span", { className: "invisible", children: children }) }));
|
|
20
|
+
}
|
|
21
|
+
const skeletonStyle = {
|
|
22
|
+
width,
|
|
23
|
+
height,
|
|
24
|
+
...style,
|
|
25
|
+
};
|
|
26
|
+
return (_jsx("span", { className: cn(skeletonVariants({ variant, className })), style: skeletonStyle, "aria-hidden": "true" }));
|
|
27
|
+
};
|
|
28
|
+
export const SkeletonText = ({ lines = 3, width = '100%', className }) => {
|
|
29
|
+
return (_jsx("div", { className: cn('flex flex-col gap-2', className), children: Array.from({ length: lines }).map((_, i) => (_jsx(Skeleton, { variant: "text", width: i === lines - 1 ? '60%' : width, height: "4u" }, i))) }));
|
|
30
|
+
};
|
|
31
|
+
export const SkeletonAvatar = ({ size = '10u', className }) => {
|
|
32
|
+
return _jsx(Skeleton, { variant: "circular", width: size, height: size, className: className });
|
|
33
|
+
};
|
|
34
|
+
export const SkeletonCard = ({ className }) => {
|
|
35
|
+
return (_jsxs("div", { className: cn('space-y-4 p-4', className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(SkeletonAvatar, { size: "10u" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { variant: "text", width: "60%", height: "4u" }), _jsx(Skeleton, { variant: "text", width: "40%", height: "3u" })] })] }), _jsx(Skeleton, { variant: "rectangular", width: "100%", height: "38u" }), _jsx(SkeletonText, { lines: 2 })] }));
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange'> {
|
|
3
|
+
value?: number;
|
|
4
|
+
defaultValue?: number;
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
onValueChange?: (value: number) => void;
|
|
9
|
+
withLabel?: boolean;
|
|
10
|
+
withTicks?: boolean;
|
|
11
|
+
showValue?: boolean;
|
|
12
|
+
'aria-label'?: string;
|
|
13
|
+
'aria-labelledby'?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const Slider: React.FC<SliderProps>;
|
|
16
|
+
//# sourceMappingURL=slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkJxC,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef } from 'react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { useControllableState } from '../lib/use-controllable-state.js';
|
|
6
|
+
export const Slider = ({ min = 0, max = 100, step = 1, value, defaultValue = 50, onValueChange, className, disabled, withLabel = false, withTicks = false, showValue = false, ...props }) => {
|
|
7
|
+
const [currentValue, setCurrentValue] = useControllableState({
|
|
8
|
+
value,
|
|
9
|
+
defaultValue,
|
|
10
|
+
onChange: onValueChange,
|
|
11
|
+
});
|
|
12
|
+
const inputRef = useRef(null);
|
|
13
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
14
|
+
const [isPressed, setIsPressed] = useState(false);
|
|
15
|
+
const val = currentValue ?? defaultValue;
|
|
16
|
+
const percentage = ((val - min) / (max - min)) * 100;
|
|
17
|
+
const handleValueChange = (e) => {
|
|
18
|
+
const newValue = parseFloat(e.target.value);
|
|
19
|
+
setCurrentValue(newValue);
|
|
20
|
+
};
|
|
21
|
+
const ticks = [];
|
|
22
|
+
if (withTicks && step > 0) {
|
|
23
|
+
const count = Math.floor((max - min) / step);
|
|
24
|
+
if (count < 50) {
|
|
25
|
+
for (let i = 0; i <= count; i++) {
|
|
26
|
+
ticks.push((i / count) * 100);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
const shouldShowLabel = withLabel || showValue;
|
|
31
|
+
return (_jsxs("div", { className: cn('group relative flex h-10 w-full touch-none items-center select-none', className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => {
|
|
32
|
+
setIsHovered(false);
|
|
33
|
+
setIsPressed(false);
|
|
34
|
+
}, onMouseDown: () => !disabled && setIsPressed(true), onMouseUp: () => setIsPressed(false), children: [_jsx("input", { ref: inputRef, type: "range", min: min, max: max, step: step, value: val, disabled: disabled, onChange: handleValueChange, onFocus: () => setIsHovered(true), onBlur: () => setIsHovered(false), "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": val, "aria-orientation": "horizontal", className: "absolute inset-0 z-30 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed", ...props }), _jsxs("div", { className: "relative flex h-1 w-full items-center rounded-sm", children: [_jsx("div", { className: cn('absolute h-full w-full rounded-sm transition-colors', disabled ? 'bg-outline-weak' : 'bg-surface-container-highest') }), _jsx("div", { className: cn('duration-snappy absolute h-full rounded-sm transition-all', disabled ? 'bg-outline-muted' : 'bg-primary'), style: { width: `${percentage}%` } }), withTicks &&
|
|
35
|
+
ticks.map((tick, i) => (_jsx("div", { className: cn('absolute z-10 h-0.5 w-0.5 rounded-full', tick <= percentage ? 'bg-on-primary' : 'bg-outline-medium'), style: { left: `${tick}%` } }, i)))] }), _jsxs("div", { className: "pointer-events-none absolute z-20 flex h-full items-center justify-center", style: { left: `${percentage}%`, transform: 'translateX(-50%)' }, children: [!disabled && (_jsx("div", { className: cn('bg-primary duration-medium absolute h-10 w-10 rounded-full transition-opacity', isHovered || isPressed ? 'opacity-10' : 'opacity-0', isPressed && 'opacity-20') })), _jsx("div", { className: cn('duration-medium ease-emphasized rounded-full transition-all', disabled
|
|
36
|
+
? 'bg-outline-muted h-3 w-3'
|
|
37
|
+
: 'bg-primary size-icon-sm group-active:scale-125'), children: shouldShowLabel && !disabled && (_jsxs("div", { className: cn('absolute bottom-8 left-1/2 h-7 min-w-7 -translate-x-1/2 px-2', 'bg-inverse-surface text-inverse-on-surface text-label-small shadow-2 flex items-center justify-center rounded-sm font-medium', 'duration-medium ease-emphasized origin-bottom transition-all', isHovered || isPressed
|
|
38
|
+
? 'translate-y-0 scale-100 opacity-100'
|
|
39
|
+
: 'translate-y-2 scale-50 opacity-0'), children: [val, _jsx("div", { className: "bg-inverse-surface absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 rounded-[calc(var(--unit)/4)]" })] })) })] })] }));
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface StatCardProps {
|
|
3
|
+
label: string;
|
|
4
|
+
value: React.ReactNode;
|
|
5
|
+
icon?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
trend?: {
|
|
8
|
+
value: number;
|
|
9
|
+
direction: 'up' | 'down' | 'neutral';
|
|
10
|
+
};
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function StatCard({ label, value, icon, description, trend, className }: StatCardProps): React.JSX.Element;
|
|
14
|
+
export interface StatGridProps {
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
columns?: 2 | 3 | 4;
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function StatGrid({ children, columns, className }: StatGridProps): React.JSX.Element;
|
|
20
|
+
//# sourceMappingURL=stat-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/components/stat-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;KACtC,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,qBAkC5F;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAW,EAAE,SAAS,EAAE,EAAE,aAAa,qBAc3E"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
import { Card } from './card.js';
|
|
5
|
+
import { Text } from '../primitives/text.js';
|
|
6
|
+
import { Icon } from './icon.js';
|
|
7
|
+
export function StatCard({ label, value, icon, description, trend, className }) {
|
|
8
|
+
return (_jsxs(Card, { className: cn('p-4', className), children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [icon && _jsx(Icon, { symbol: icon, size: "sm", className: "text-on-surface-variant" }), _jsx(Text, { variant: "labelSmall", color: "onSurfaceVariant", className: "tracking-wide uppercase", children: label })] }), _jsx(Text, { variant: "headlineMedium", weight: "semibold", children: value }), description && (_jsx(Text, { variant: "bodySmall", color: "onSurfaceVariant", className: "mt-1", children: description })), trend && (_jsxs(Text, { variant: "labelSmall", className: cn('mt-1 flex items-center gap-1', trend.direction === 'up' && 'text-success', trend.direction === 'down' && 'text-error', trend.direction === 'neutral' && 'text-on-surface-variant'), children: [trend.direction === 'up' && '↑', trend.direction === 'down' && '↓', trend.value, "%"] }))] }));
|
|
9
|
+
}
|
|
10
|
+
export function StatGrid({ children, columns = 4, className }) {
|
|
11
|
+
return (_jsx("div", { className: cn('grid gap-4', columns === 2 && 'grid-cols-2', columns === 3 && 'grid-cols-2 md:grid-cols-3', columns === 4 && 'grid-cols-2 md:grid-cols-3 lg:grid-cols-4', className), children: children }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=stat-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../src/components/stat-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAe9B,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAiB;IAC3F,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,aACnC,eAAK,SAAS,EAAC,8BAA8B,aAC1C,IAAI,IAAI,KAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,yBAAyB,GAAG,EAC7E,KAAC,IAAI,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,kBAAkB,EAAC,SAAS,EAAC,yBAAyB,YACpF,KAAK,GACD,IACH,EACN,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,MAAM,EAAC,UAAU,YAC7C,KAAK,GACD,EACN,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,kBAAkB,EAAC,SAAS,EAAC,MAAM,YAChE,WAAW,GACP,CACR,EACA,KAAK,IAAI,CACR,MAAC,IAAI,IACH,OAAO,EAAC,YAAY,EACpB,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,cAAc,EAC1C,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,YAAY,EAC1C,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,yBAAyB,CAC3D,aAEA,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,GAAG,EAC/B,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,GAAG,EACjC,KAAK,CAAC,KAAK,SACP,CACR,IACI,CACR,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAiB;IAC1E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,OAAO,KAAK,CAAC,IAAI,aAAa,EAC9B,OAAO,KAAK,CAAC,IAAI,4BAA4B,EAC7C,OAAO,KAAK,CAAC,IAAI,2CAA2C,EAC5D,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface StepperStep {
|
|
3
|
+
value: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
description?: React.ReactNode;
|
|
6
|
+
completed?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface StepperLabels {
|
|
10
|
+
step: (position: number, total: number) => string;
|
|
11
|
+
completed: string;
|
|
12
|
+
}
|
|
13
|
+
export interface StepperProps extends Omit<React.OlHTMLAttributes<HTMLOListElement>, 'children' | 'onChange'> {
|
|
14
|
+
steps: StepperStep[];
|
|
15
|
+
value: string;
|
|
16
|
+
onValueChange?: (value: string) => void;
|
|
17
|
+
orientation?: 'horizontal' | 'vertical';
|
|
18
|
+
labels?: Partial<StepperLabels>;
|
|
19
|
+
}
|
|
20
|
+
export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLOListElement>>;
|
|
21
|
+
//# sourceMappingURL=stepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../src/components/stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EACxC,UAAU,GAAG,UAAU,CACxB;IACC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACjC;AAeD,eAAO,MAAM,OAAO,uFAyInB,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cn, focusRing } from '../lib/utils.js';
|
|
4
|
+
import { Text } from '../primitives/text.js';
|
|
5
|
+
import { Icon } from './icon.js';
|
|
6
|
+
import { Ripple } from './ripple.js';
|
|
7
|
+
const defaultLabels = {
|
|
8
|
+
step: (position, total) => `Step ${position} of ${total}`,
|
|
9
|
+
completed: 'Completed',
|
|
10
|
+
};
|
|
11
|
+
function resolveActiveIndex(steps, value) {
|
|
12
|
+
const requestedIndex = steps.findIndex((step) => step.value === value && !step.disabled);
|
|
13
|
+
if (requestedIndex >= 0)
|
|
14
|
+
return requestedIndex;
|
|
15
|
+
const firstAvailableIndex = steps.findIndex((step) => !step.disabled);
|
|
16
|
+
return firstAvailableIndex >= 0 ? firstAvailableIndex : 0;
|
|
17
|
+
}
|
|
18
|
+
export const Stepper = forwardRef(({ steps, value, onValueChange, orientation = 'horizontal', labels, className, ...props }, ref) => {
|
|
19
|
+
if (steps.length === 0)
|
|
20
|
+
return null;
|
|
21
|
+
const activeIndex = resolveActiveIndex(steps, value);
|
|
22
|
+
const resolvedLabels = { ...defaultLabels, ...labels };
|
|
23
|
+
const interactive = onValueChange !== undefined;
|
|
24
|
+
return (_jsx("ol", { ...props, ref: ref, className: cn('m-0 flex w-full list-none p-0', orientation === 'horizontal' ? 'items-start' : 'flex-col', className), children: steps.map((step, index) => {
|
|
25
|
+
const current = index === activeIndex;
|
|
26
|
+
const completed = !current && (step.completed ?? index < activeIndex);
|
|
27
|
+
const last = index === steps.length - 1;
|
|
28
|
+
const positionLabel = resolvedLabels.step(index + 1, steps.length);
|
|
29
|
+
const content = (_jsxs(_Fragment, { children: [interactive && !step.disabled && _jsx(Ripple, {}), _jsx("span", { "aria-hidden": "true", className: cn('duration-medium ease-standard rounded-button relative z-10 flex h-8 w-8 shrink-0 items-center justify-center border-2 transition-all', current && 'border-primary bg-primary text-on-primary scale-110', completed &&
|
|
30
|
+
'border-primary-container bg-primary-container text-on-primary-container', !current &&
|
|
31
|
+
!completed &&
|
|
32
|
+
'border-outline-subtle bg-surface text-on-surface-variant'), children: completed ? (_jsx(Icon, { symbol: "check", size: "sm" })) : (_jsx(Text, { variant: "labelLarge", children: index + 1 })) }), _jsxs("span", { className: cn('relative z-10 min-w-0', orientation === 'horizontal' ? 'mt-3 max-w-30 px-2 text-center' : 'flex-1'), children: [_jsxs("span", { className: "sr-only", children: [positionLabel, completed ? `, ${resolvedLabels.completed}` : '', ".", ' '] }), _jsx(Text, { as: "span", variant: "labelLarge", className: cn('block font-medium', current ? 'text-on-surface' : 'text-on-surface-variant'), children: step.label }), step.description !== undefined && (_jsx(Text, { as: "span", variant: "labelSmall", className: "text-on-surface-variant mt-1 block", children: step.description }))] })] }));
|
|
33
|
+
const actionClassName = cn('relative flex min-w-0 overflow-hidden rounded-button', orientation === 'horizontal'
|
|
34
|
+
? 'flex-col items-center'
|
|
35
|
+
: 'w-full flex-row items-start gap-3 text-left', step.disabled && 'opacity-38', interactive && !step.disabled && cn('cursor-pointer', focusRing));
|
|
36
|
+
return (_jsxs("li", { className: cn('relative min-w-0', orientation === 'horizontal'
|
|
37
|
+
? last
|
|
38
|
+
? 'flex-none'
|
|
39
|
+
: 'flex-1'
|
|
40
|
+
: 'w-full pb-6 last:pb-0'), children: [!last && (_jsx("span", { "aria-hidden": "true", className: cn('duration-medium absolute z-0 transition-colors', orientation === 'horizontal'
|
|
41
|
+
? 'top-4 left-1/2 h-0.5 w-full'
|
|
42
|
+
: 'top-8 bottom-0 left-[15px] w-0.5', completed ? 'bg-primary' : 'bg-outline-subtle') })), interactive ? (_jsx("button", { type: "button", className: actionClassName, disabled: step.disabled, "aria-current": current ? 'step' : undefined, onClick: () => {
|
|
43
|
+
if (!current)
|
|
44
|
+
onValueChange?.(step.value);
|
|
45
|
+
}, children: content })) : (_jsx("div", { className: actionClassName, "aria-current": current ? 'step' : undefined, children: content }))] }, step.value));
|
|
46
|
+
}) }));
|
|
47
|
+
});
|
|
48
|
+
Stepper.displayName = 'Stepper';
|
|
49
|
+
//# sourceMappingURL=stepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../src/components/stepper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
3
|
+
invalid?: boolean;
|
|
4
|
+
label?: React.ReactNode;
|
|
5
|
+
showIcons?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
8
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,sFA0GlB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
export const Switch = React.forwardRef(({ 'aria-invalid': ariaInvalid, className, disabled = false, id: providedId, invalid = false, label, showIcons = false, ...inputProps }, forwardedRef) => {
|
|
6
|
+
const generatedId = React.useId();
|
|
7
|
+
const id = providedId ?? generatedId;
|
|
8
|
+
const resolvedInvalid = invalid || ariaInvalid === true || ariaInvalid === 'true';
|
|
9
|
+
return (_jsxs("label", { htmlFor: id, className: cn('group relative inline-flex min-h-8 cursor-pointer items-center gap-3 select-none', disabled && 'cursor-not-allowed opacity-38', className), children: [_jsxs("span", { className: "group/switch relative h-[calc(var(--unit)*8)] w-[calc(var(--unit)*13)] shrink-0", children: [_jsx("input", { ...inputProps, ref: forwardedRef, id: id, type: "checkbox", role: "switch", disabled: disabled, "aria-invalid": resolvedInvalid || undefined, className: "peer sr-only" }), _jsx("span", { "aria-hidden": "true", className: cn('duration-medium ease-standard absolute inset-0 rounded-full border-2 transition-colors', resolvedInvalid
|
|
10
|
+
? 'border-error bg-error-container peer-checked:bg-error peer-checked:border-error'
|
|
11
|
+
: 'border-control-outline bg-surface-container-highest peer-checked:bg-primary peer-checked:border-primary', 'peer-focus-visible:ring-focus-ring peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2') }), _jsx("span", { "aria-hidden": "true", className: cn('duration-emphasized ease-emphasized absolute top-1/2 z-10 flex -translate-y-1/2 items-center justify-center overflow-hidden rounded-full transition-all', resolvedInvalid
|
|
12
|
+
? 'bg-error peer-checked:bg-on-error'
|
|
13
|
+
: 'bg-control-outline group-hover:bg-on-surface-variant peer-checked:bg-on-primary', showIcons && [
|
|
14
|
+
'[&_.switch-icon-off]:opacity-100',
|
|
15
|
+
'peer-checked:[&_.switch-icon-off]:opacity-0',
|
|
16
|
+
'[&_.switch-icon-on]:opacity-0',
|
|
17
|
+
'peer-checked:[&_.switch-icon-on]:opacity-100',
|
|
18
|
+
], showIcons
|
|
19
|
+
? 'size-icon-md left-[var(--unit)] peer-checked:left-[calc(var(--unit)*13-var(--icon-md)-var(--unit))]'
|
|
20
|
+
: 'size-icon-xs peer-checked:size-icon-md left-[calc(var(--unit)*2)] peer-checked:left-[calc(var(--unit)*13-var(--icon-md)-var(--unit))]'), children: showIcons ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "switch-icon-off duration-snappy ease-standard pointer-events-none absolute inset-0 flex items-center justify-center transition-opacity", children: _jsx("svg", { viewBox: "0 0 12 12", fill: "none", className: "size-icon-xs", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", children: _jsx("path", { d: "M3 3L9 9M9 3L3 9" }) }) }), _jsx("span", { className: "switch-icon-on duration-snappy ease-standard pointer-events-none absolute inset-0 flex items-center justify-center transition-opacity", children: _jsx("svg", { viewBox: "0 0 12 12", fill: "none", className: "size-icon-xs", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M2.5 6.5L4.8 8.8L9.5 4" }) }) })] })) : null })] }), label !== undefined && label !== null ? (_jsx("span", { className: "text-body-medium text-on-surface leading-none font-medium", children: label })) : null] }));
|
|
21
|
+
});
|
|
22
|
+
Switch.displayName = 'Switch';
|
|
23
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,cAAc,EAAE,WAAW,EAC3B,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,EAAE,EAAE,UAAU,EACd,OAAO,GAAG,KAAK,EACf,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,GAAG,UAAU,EACd,EACD,YAAY,EACZ,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,EAAE,GAAG,UAAU,IAAI,WAAW,CAAC;IACrC,MAAM,eAAe,GAAG,OAAO,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,MAAM,CAAC;IAElF,OAAO,CACL,iBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACV,aAED,gBAAM,SAAS,EAAC,iFAAiF,aAC/F,mBACM,UAAU,EACd,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,kBACJ,eAAe,IAAI,SAAS,EAC1C,SAAS,EAAC,cAAc,GACxB,EAEF,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,eAAe;4BACb,CAAC,CAAC,iFAAiF;4BACnF,CAAC,CAAC,yGAAyG,EAC7G,+FAA+F,CAChG,GACD,EAEF,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,eAAe;4BACb,CAAC,CAAC,mCAAmC;4BACrC,CAAC,CAAC,iFAAiF,EACrF,SAAS,IAAI;4BACX,kCAAkC;4BAClC,6CAA6C;4BAC7C,+BAA+B;4BAC/B,8CAA8C;yBAC/C,EACD,SAAS;4BACP,CAAC,CAAC,qGAAqG;4BACvG,CAAC,CAAC,uIAAuI,CAC5I,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,eAAM,SAAS,EAAC,wIAAwI,YACtJ,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,cAAc,EACxB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,YAErB,eAAM,CAAC,EAAC,kBAAkB,GAAG,GACzB,GACD,EACP,eAAM,SAAS,EAAC,uIAAuI,YACrJ,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,cAAc,EACxB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,eAAM,CAAC,EAAC,wBAAwB,GAAG,GAC/B,GACD,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,GACH,IACF,EAEN,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACvC,eAAM,SAAS,EAAC,2DAA2D,YAAE,KAAK,GAAQ,CAC3F,CAAC,CAAC,CAAC,IAAI,IACF,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>>;
|
|
3
|
+
export declare const TableHeader: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
|
|
4
|
+
export declare const TableBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
export declare const TableRow: React.FC<React.HTMLAttributes<HTMLTableRowElement>>;
|
|
6
|
+
export declare const TableHead: React.FC<React.ThHTMLAttributes<HTMLTableCellElement>>;
|
|
7
|
+
export declare const TableCell: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>>;
|
|
8
|
+
//# sourceMappingURL=table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAWvE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAW/E,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAGI,CAAC;AAEnF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAWxE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAa5E,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAQ5E,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../lib/utils.js';
|
|
3
|
+
export const Table = ({ className, children, ...props }) => (_jsx("table", { className: cn('text-body-small w-full min-w-max caption-bottom border-collapse', className), ...props, children: children }));
|
|
4
|
+
export const TableHeader = ({ className, ...props }) => (_jsx("thead", { className: cn('bg-surface-container-low border-outline-weak sticky top-0 z-10 border-b', className), ...props }));
|
|
5
|
+
export const TableBody = ({ className, ...props }) => _jsx("tbody", { className: cn('[&_tr:last-child]:border-0', className), ...props });
|
|
6
|
+
export const TableRow = ({ className, ...props }) => (_jsx("tr", { className: cn('border-outline-weak hover:bg-surface-container-low border-b transition-colors', className), ...props }));
|
|
7
|
+
export const TableHead = ({ className, scope = 'col', ...props }) => (_jsx("th", { scope: scope, className: cn('text-label-medium text-on-surface-variant h-11 px-6 text-left align-middle font-medium whitespace-nowrap select-none', className), ...props }));
|
|
8
|
+
export const TableCell = ({ className, ...props }) => (_jsx("td", { className: cn('text-on-surface px-6 py-4 align-middle font-medium tabular-nums', className), ...props }));
|
|
9
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAA0D,CAAC,EAC3E,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,gBACE,SAAS,EAAE,EAAE,CAAC,iEAAiE,EAAE,SAAS,CAAC,KACvF,KAAK,YAER,QAAQ,GACH,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA4D,CAAC,EACnF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,gBACE,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA4D,CAAC,EACjF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,gBAAO,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAEnF,MAAM,CAAC,MAAM,QAAQ,GAAwD,CAAC,EAC5E,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,aACE,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA2D,CAAC,EAChF,SAAS,EACT,KAAK,GAAG,KAAK,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,aACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,sHAAsH,EACtH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA2D,CAAC,EAChF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,aACE,SAAS,EAAE,EAAE,CAAC,iEAAiE,EAAE,SAAS,CAAC,KACvF,KAAK,GACT,CACH,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type TabsSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface TabsProps {
|
|
4
|
+
id?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
onValueChange?: (value: string) => void;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
size?: TabsSize;
|
|
11
|
+
}
|
|
12
|
+
export declare const Tabs: React.FC<TabsProps>;
|
|
13
|
+
export declare const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>>;
|
|
14
|
+
export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
15
|
+
value: string;
|
|
16
|
+
icon?: React.ReactNode;
|
|
17
|
+
size?: TabsSize;
|
|
18
|
+
}
|
|
19
|
+
export declare const TabsTrigger: React.FC<TabsTriggerProps>;
|
|
20
|
+
export declare const TabsContent: React.FC<React.HTMLAttributes<HTMLDivElement> & {
|
|
21
|
+
value: string;
|
|
22
|
+
}>;
|
|
23
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAW1C,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA2DnE,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAWD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwElD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CA6B1F,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext, useId } from 'react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { actionFrameHeightClasses, actionFramePaddingXClasses } from '../lib/action-size.js';
|
|
6
|
+
import { useControllableState } from '../lib/use-controllable-state.js';
|
|
7
|
+
import { Ripple } from './ripple.js';
|
|
8
|
+
const TabsContext = createContext(undefined);
|
|
9
|
+
export const Tabs = ({ id, defaultValue, value, onValueChange, children, className, size = 'md', }) => {
|
|
10
|
+
const [currentValue = '', setCurrentValue] = useControllableState({
|
|
11
|
+
value,
|
|
12
|
+
defaultValue: defaultValue ?? '',
|
|
13
|
+
onChange: onValueChange,
|
|
14
|
+
});
|
|
15
|
+
const generatedBaseId = useId();
|
|
16
|
+
const baseId = id ?? generatedBaseId;
|
|
17
|
+
return (_jsx(TabsContext.Provider, { value: { value: currentValue, onValueChange: setCurrentValue, baseId, size }, children: _jsx("div", { className: cn('flex w-full flex-col', className), children: children }) }));
|
|
18
|
+
};
|
|
19
|
+
export const TabsList = ({ className, children, ...props }) => {
|
|
20
|
+
const context = useContext(TabsContext);
|
|
21
|
+
if (!context)
|
|
22
|
+
throw new Error('TabsList must be used within Tabs');
|
|
23
|
+
const handleKeyDown = (event) => {
|
|
24
|
+
const target = event.target;
|
|
25
|
+
if (!target || target.getAttribute('role') !== 'tab')
|
|
26
|
+
return;
|
|
27
|
+
const keys = ['ArrowRight', 'ArrowLeft', 'Home', 'End'];
|
|
28
|
+
if (!keys.includes(event.key))
|
|
29
|
+
return;
|
|
30
|
+
const tabs = Array.from(event.currentTarget.querySelectorAll('[role="tab"]')).filter((tab) => !tab.disabled);
|
|
31
|
+
if (tabs.length === 0)
|
|
32
|
+
return;
|
|
33
|
+
const currentIndex = tabs.indexOf(target);
|
|
34
|
+
if (currentIndex === -1)
|
|
35
|
+
return;
|
|
36
|
+
event.preventDefault();
|
|
37
|
+
let nextIndex = currentIndex;
|
|
38
|
+
if (event.key === 'ArrowRight') {
|
|
39
|
+
nextIndex = (currentIndex + 1) % tabs.length;
|
|
40
|
+
}
|
|
41
|
+
else if (event.key === 'ArrowLeft') {
|
|
42
|
+
nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
|
|
43
|
+
}
|
|
44
|
+
else if (event.key === 'Home') {
|
|
45
|
+
nextIndex = 0;
|
|
46
|
+
}
|
|
47
|
+
else if (event.key === 'End') {
|
|
48
|
+
nextIndex = tabs.length - 1;
|
|
49
|
+
}
|
|
50
|
+
const nextTab = tabs[nextIndex];
|
|
51
|
+
if (!nextTab)
|
|
52
|
+
return;
|
|
53
|
+
const nextValue = nextTab.dataset.value;
|
|
54
|
+
if (!nextValue)
|
|
55
|
+
return;
|
|
56
|
+
nextTab.focus();
|
|
57
|
+
context.onValueChange(nextValue);
|
|
58
|
+
};
|
|
59
|
+
return (_jsx("div", { className: cn('border-outline-weak bg-surface no-scrollbar flex w-full overflow-x-auto border-b', className), role: "tablist", onKeyDown: handleKeyDown, ...props, children: children }));
|
|
60
|
+
};
|
|
61
|
+
function getTabsTriggerSizeStyles(size) {
|
|
62
|
+
return {
|
|
63
|
+
containerHeight: actionFrameHeightClasses[size],
|
|
64
|
+
gap: 'gap-2.5',
|
|
65
|
+
paddingX: actionFramePaddingXClasses[size],
|
|
66
|
+
text: size === 'sm' ? 'text-label-medium' : 'text-label-large',
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
export const TabsTrigger = ({ value, icon, size, className, children, onClick, type = 'button', ...props }) => {
|
|
70
|
+
const context = useContext(TabsContext);
|
|
71
|
+
if (!context)
|
|
72
|
+
throw new Error('TabsTrigger must be used within Tabs');
|
|
73
|
+
const isSelected = context.value === value;
|
|
74
|
+
const triggerSize = getTabsTriggerSizeStyles(size ?? context.size);
|
|
75
|
+
const triggerId = `${context.baseId}-trigger-${value}`;
|
|
76
|
+
const panelId = `${context.baseId}-panel-${value}`;
|
|
77
|
+
return (_jsxs("button", { type: type, id: triggerId, "data-value": value, role: "tab", "aria-selected": isSelected, "aria-controls": panelId, tabIndex: isSelected ? 0 : -1, onClick: (event) => {
|
|
78
|
+
onClick?.(event);
|
|
79
|
+
if (!event.defaultPrevented) {
|
|
80
|
+
context.onValueChange(value);
|
|
81
|
+
}
|
|
82
|
+
}, className: cn('focus-visible:outline-focus-ring relative flex min-w-fit shrink-0 cursor-pointer items-center justify-center overflow-hidden transition-all select-none focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-[-2px]', triggerSize.containerHeight, triggerSize.gap, triggerSize.paddingX, isSelected
|
|
83
|
+
? 'text-primary'
|
|
84
|
+
: 'text-on-surface-variant hover:text-on-surface hover:bg-surface-container-low', className), ...props, children: [_jsx(Ripple, { disabled: props.disabled }), icon && (_jsx("span", { className: cn('size-icon-sm z-10 flex shrink-0 items-center justify-center transition-colors', isSelected ? 'text-primary' : 'text-on-surface-variant'), children: icon })), _jsx("span", { className: cn('z-10 inline-flex items-center gap-2 leading-none font-medium whitespace-nowrap transition-all', triggerSize.text, isSelected ? 'opacity-100' : 'opacity-60'), children: children }), isSelected && (_jsx("div", { className: "bg-primary animate-scale-x-enter absolute bottom-0 z-20 h-[calc(var(--unit)*0.75)] w-full rounded-t-full" }))] }));
|
|
85
|
+
};
|
|
86
|
+
export const TabsContent = ({ value, className, children, ...props }) => {
|
|
87
|
+
const context = useContext(TabsContext);
|
|
88
|
+
if (!context)
|
|
89
|
+
throw new Error('TabsContent must be used within Tabs');
|
|
90
|
+
const triggerId = `${context.baseId}-trigger-${value}`;
|
|
91
|
+
const panelId = `${context.baseId}-panel-${value}`;
|
|
92
|
+
if (context.value !== value)
|
|
93
|
+
return null;
|
|
94
|
+
return (_jsx("div", { id: panelId, role: "tabpanel", "aria-labelledby": triggerId, tabIndex: 0, className: cn('animate-panel-enter focus-visible:outline-focus-ring mt-4 focus-visible:outline-2 focus-visible:outline-offset-2', className), ...props, children: children }));
|
|
95
|
+
};
|
|
96
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type FieldSize } from '../lib/field-size.js';
|
|
3
|
+
import { type FieldShellVariant } from '../lib/field-shell.js';
|
|
4
|
+
type TextFieldControl = HTMLInputElement | HTMLTextAreaElement;
|
|
5
|
+
type TextFieldCommonProps = {
|
|
6
|
+
autoResize?: boolean;
|
|
7
|
+
autoResizeMaxHeight?: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
defaultValue?: string | number;
|
|
10
|
+
description?: React.ReactNode;
|
|
11
|
+
errorMessage?: React.ReactNode;
|
|
12
|
+
hideLabel?: boolean;
|
|
13
|
+
invalid?: boolean;
|
|
14
|
+
label: React.ReactNode;
|
|
15
|
+
leadingIcon?: React.ReactNode;
|
|
16
|
+
onValueChange?: (value: string) => void;
|
|
17
|
+
size?: FieldSize;
|
|
18
|
+
trailingIcon?: React.ReactNode;
|
|
19
|
+
value?: string | number;
|
|
20
|
+
variant?: FieldShellVariant;
|
|
21
|
+
};
|
|
22
|
+
type ReplacedNativeProps = 'children' | 'className' | 'defaultValue' | 'onChange' | 'size' | 'value';
|
|
23
|
+
type TextFieldEvents = Omit<React.DOMAttributes<TextFieldControl>, 'children' | 'dangerouslySetInnerHTML' | 'onChange'>;
|
|
24
|
+
type TextFieldInputAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, ReplacedNativeProps | keyof React.DOMAttributes<HTMLInputElement>>;
|
|
25
|
+
type TextFieldTextareaAttributes = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, ReplacedNativeProps | keyof React.DOMAttributes<HTMLTextAreaElement>>;
|
|
26
|
+
export type TextFieldProps = TextFieldCommonProps & TextFieldEvents & (TextFieldInputAttributes | TextFieldTextareaAttributes) & {
|
|
27
|
+
multiline?: boolean;
|
|
28
|
+
};
|
|
29
|
+
export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldControl>>;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=text-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/components/text-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAE/D,KAAK,oBAAoB,GAAG;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,mBAAmB,GACpB,UAAU,GACV,WAAW,GACX,cAAc,GACd,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,yBAAyB,GAAG,UAAU,CACpD,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAClC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,mBAAmB,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAClE,CAAC;AAEF,KAAK,2BAA2B,GAAG,IAAI,CACrC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,mBAAmB,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CACrE,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,eAAe,GACf,CAAC,wBAAwB,GAAG,2BAA2B,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,eAAO,MAAM,SAAS,yFAkMrB,CAAC"}
|