@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":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACrD;AAYD,KAAK,sBAAsB,GACvB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,GAAG,iBAAiB,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CACrF,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,aAAa,GAAG,IAAI,GAAG,MAAM,CAC9B,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAcF,eAAO,MAAM,aAAa;cAfd,KAAK,CAAC,SAAS;wCAwD1B,CAAC;AAwBF,eAAO,MAAM,QAAQ,sFAoVpB,CAAC"}
|
|
@@ -0,0 +1,225 @@
|
|
|
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
|
+
import { useControllableState } from '../lib/use-controllable-state.js';
|
|
6
|
+
import { Icon } from './icon.js';
|
|
7
|
+
import { IconButton } from './icon-button.js';
|
|
8
|
+
import { Ripple } from './ripple.js';
|
|
9
|
+
const DEFAULT_LABELS = {
|
|
10
|
+
previous: 'Previous slide',
|
|
11
|
+
next: 'Next slide',
|
|
12
|
+
startAutoPlay: 'Start automatic slide rotation',
|
|
13
|
+
stopAutoPlay: 'Stop automatic slide rotation',
|
|
14
|
+
indicators: 'Choose slide to display',
|
|
15
|
+
slide: (index, total) => `${index} of ${total}`,
|
|
16
|
+
indicator: (index) => `Slide ${index}`,
|
|
17
|
+
};
|
|
18
|
+
const CarouselSlideContext = React.createContext(null);
|
|
19
|
+
export const CarouselSlide = React.forwardRef(({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-roledescription': ariaRoleDescription = 'slide', children, className, ...props }, ref) => {
|
|
20
|
+
const context = React.useContext(CarouselSlideContext);
|
|
21
|
+
if (!context) {
|
|
22
|
+
throw new Error('CarouselSlide must be used within Carousel');
|
|
23
|
+
}
|
|
24
|
+
const fallbackLabel = context.labels.slide(context.index + 1, context.total);
|
|
25
|
+
const resolvedLabel = ariaLabelledBy ? undefined : (ariaLabel ?? fallbackLabel);
|
|
26
|
+
return (_jsx("div", { ...props, ref: ref, id: context.slideId, role: context.tabbed ? 'tabpanel' : 'group', "aria-labelledby": context.tabbed ? context.tabId : ariaLabelledBy, "aria-label": context.tabbed ? undefined : resolvedLabel, "aria-roledescription": context.tabbed ? undefined : ariaRoleDescription, "aria-hidden": !context.active, inert: !context.active, className: cn('duration-long ease-emphasized absolute inset-0 h-full w-full transition-opacity', context.active ? 'opacity-100' : 'pointer-events-none opacity-0', className), children: children }));
|
|
27
|
+
});
|
|
28
|
+
CarouselSlide.displayName = 'CarouselSlide';
|
|
29
|
+
function isCarouselSlideElement(node) {
|
|
30
|
+
return React.isValidElement(node) && node.type === CarouselSlide;
|
|
31
|
+
}
|
|
32
|
+
function normalizeIndex(index, total, loop) {
|
|
33
|
+
if (total === 0)
|
|
34
|
+
return 0;
|
|
35
|
+
const wholeIndex = Number.isFinite(index) ? Math.trunc(index) : 0;
|
|
36
|
+
if (!loop)
|
|
37
|
+
return Math.min(Math.max(wholeIndex, 0), total - 1);
|
|
38
|
+
return ((wholeIndex % total) + total) % total;
|
|
39
|
+
}
|
|
40
|
+
function isInteractiveTarget(target) {
|
|
41
|
+
return (target instanceof Element &&
|
|
42
|
+
target.closest('a, button, input, select, textarea, [contenteditable="true"]') !== null);
|
|
43
|
+
}
|
|
44
|
+
export const Carousel = React.forwardRef(({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-roledescription': ariaRoleDescription = 'carousel', autoPlay = false, autoPlayInterval = 5000, children, className, defaultIndex = 0, index, labels, loop = true, onFocusCapture, onIndexChange, onMouseEnter, onMouseLeave, onPointerCancel, onPointerDown, onPointerUp, orientation = 'horizontal', role = 'group', showControls = true, showIndicators = true, ...props }, ref) => {
|
|
45
|
+
const childNodes = React.Children.toArray(children);
|
|
46
|
+
const slides = childNodes.filter(isCarouselSlideElement);
|
|
47
|
+
if (slides.length !== childNodes.length) {
|
|
48
|
+
throw new Error('Carousel children must be CarouselSlide elements');
|
|
49
|
+
}
|
|
50
|
+
const total = slides.length;
|
|
51
|
+
const [storedIndex = 0, setStoredIndex] = useControllableState({
|
|
52
|
+
value: index,
|
|
53
|
+
defaultValue: defaultIndex,
|
|
54
|
+
onChange: onIndexChange,
|
|
55
|
+
});
|
|
56
|
+
const currentIndex = normalizeIndex(storedIndex, total, loop);
|
|
57
|
+
const baseId = React.useId();
|
|
58
|
+
const indicatorRefs = React.useRef([]);
|
|
59
|
+
const pointerStartRef = React.useRef(null);
|
|
60
|
+
const [isHovered, setIsHovered] = React.useState(false);
|
|
61
|
+
const [rotationRequested, setRotationRequested] = React.useState(false);
|
|
62
|
+
const resolvedLabels = { ...DEFAULT_LABELS, ...labels };
|
|
63
|
+
const canNavigate = total > 1;
|
|
64
|
+
const canAutoPlay = autoPlay && canNavigate;
|
|
65
|
+
const isRotating = canAutoPlay && rotationRequested && !isHovered;
|
|
66
|
+
const resolvedInterval = Number.isFinite(autoPlayInterval) && autoPlayInterval >= 1000 ? autoPlayInterval : 5000;
|
|
67
|
+
const setIndex = React.useCallback((nextIndex) => {
|
|
68
|
+
const normalized = normalizeIndex(nextIndex, total, loop);
|
|
69
|
+
if (total === 0 || normalized === currentIndex)
|
|
70
|
+
return;
|
|
71
|
+
setStoredIndex(normalized);
|
|
72
|
+
}, [currentIndex, loop, setStoredIndex, total]);
|
|
73
|
+
const previous = React.useCallback(() => setIndex(currentIndex - 1), [currentIndex, setIndex]);
|
|
74
|
+
const next = React.useCallback(() => {
|
|
75
|
+
if (!loop && currentIndex === total - 1) {
|
|
76
|
+
setRotationRequested(false);
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
setIndex(currentIndex + 1);
|
|
80
|
+
}, [currentIndex, loop, setIndex, total]);
|
|
81
|
+
React.useEffect(() => {
|
|
82
|
+
const normalized = normalizeIndex(storedIndex, total, loop);
|
|
83
|
+
if (normalized !== storedIndex) {
|
|
84
|
+
setStoredIndex(normalized);
|
|
85
|
+
}
|
|
86
|
+
}, [loop, setStoredIndex, storedIndex, total]);
|
|
87
|
+
React.useEffect(() => {
|
|
88
|
+
if (!autoPlay) {
|
|
89
|
+
setRotationRequested(false);
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
const media = window.matchMedia('(prefers-reduced-motion: reduce)');
|
|
93
|
+
setRotationRequested(!media.matches);
|
|
94
|
+
const handleChange = (event) => {
|
|
95
|
+
if (event.matches)
|
|
96
|
+
setRotationRequested(false);
|
|
97
|
+
};
|
|
98
|
+
media.addEventListener('change', handleChange);
|
|
99
|
+
return () => media.removeEventListener('change', handleChange);
|
|
100
|
+
}, [autoPlay]);
|
|
101
|
+
React.useEffect(() => {
|
|
102
|
+
if (!isRotating)
|
|
103
|
+
return;
|
|
104
|
+
const timer = window.setTimeout(next, resolvedInterval);
|
|
105
|
+
return () => window.clearTimeout(timer);
|
|
106
|
+
}, [isRotating, next, resolvedInterval]);
|
|
107
|
+
const moveIndicator = (nextIndex) => {
|
|
108
|
+
const normalized = normalizeIndex(nextIndex, total, loop);
|
|
109
|
+
setIndex(normalized);
|
|
110
|
+
indicatorRefs.current[normalized]?.focus();
|
|
111
|
+
};
|
|
112
|
+
const handleIndicatorKeyDown = (event, indicatorIndex) => {
|
|
113
|
+
let nextIndex = null;
|
|
114
|
+
const isRtl = event.currentTarget.closest('[dir="rtl"]') !== null ||
|
|
115
|
+
document.documentElement.getAttribute('dir') === 'rtl';
|
|
116
|
+
if (event.key === 'Home')
|
|
117
|
+
nextIndex = 0;
|
|
118
|
+
if (event.key === 'End')
|
|
119
|
+
nextIndex = total - 1;
|
|
120
|
+
if (orientation === 'horizontal' && event.key === 'ArrowRight') {
|
|
121
|
+
nextIndex = indicatorIndex + (isRtl ? -1 : 1);
|
|
122
|
+
}
|
|
123
|
+
if (orientation === 'horizontal' && event.key === 'ArrowLeft') {
|
|
124
|
+
nextIndex = indicatorIndex + (isRtl ? 1 : -1);
|
|
125
|
+
}
|
|
126
|
+
if (orientation === 'vertical' && event.key === 'ArrowDown')
|
|
127
|
+
nextIndex = indicatorIndex + 1;
|
|
128
|
+
if (orientation === 'vertical' && event.key === 'ArrowUp')
|
|
129
|
+
nextIndex = indicatorIndex - 1;
|
|
130
|
+
if (nextIndex === null)
|
|
131
|
+
return;
|
|
132
|
+
event.preventDefault();
|
|
133
|
+
moveIndicator(nextIndex);
|
|
134
|
+
};
|
|
135
|
+
const completePointerGesture = (event) => {
|
|
136
|
+
const start = pointerStartRef.current;
|
|
137
|
+
pointerStartRef.current = null;
|
|
138
|
+
if (!start || start.pointerId !== event.pointerId || !canNavigate)
|
|
139
|
+
return;
|
|
140
|
+
const deltaX = event.clientX - start.x;
|
|
141
|
+
const deltaY = event.clientY - start.y;
|
|
142
|
+
const delta = orientation === 'horizontal' ? deltaX : deltaY;
|
|
143
|
+
if (Math.abs(delta) < 40)
|
|
144
|
+
return;
|
|
145
|
+
if (orientation === 'vertical') {
|
|
146
|
+
if (delta < 0)
|
|
147
|
+
next();
|
|
148
|
+
else
|
|
149
|
+
previous();
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
const isRtl = event.currentTarget.closest('[dir="rtl"]') !== null ||
|
|
153
|
+
document.documentElement.getAttribute('dir') === 'rtl';
|
|
154
|
+
const movedTowardNext = isRtl ? delta > 0 : delta < 0;
|
|
155
|
+
if (movedTowardNext)
|
|
156
|
+
next();
|
|
157
|
+
else
|
|
158
|
+
previous();
|
|
159
|
+
};
|
|
160
|
+
const previousDisabled = !loop && currentIndex === 0;
|
|
161
|
+
const nextDisabled = !loop && currentIndex === total - 1;
|
|
162
|
+
return (_jsxs("div", { ...props, ref: ref, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-roledescription": ariaRoleDescription, "data-orientation": orientation, className: cn('relative w-full overflow-hidden', orientation === 'horizontal' ? 'touch-pan-y' : 'touch-pan-x', className), onFocusCapture: (event) => {
|
|
163
|
+
onFocusCapture?.(event);
|
|
164
|
+
if (!event.defaultPrevented)
|
|
165
|
+
setRotationRequested(false);
|
|
166
|
+
}, onMouseEnter: (event) => {
|
|
167
|
+
onMouseEnter?.(event);
|
|
168
|
+
if (!event.defaultPrevented)
|
|
169
|
+
setIsHovered(true);
|
|
170
|
+
}, onMouseLeave: (event) => {
|
|
171
|
+
onMouseLeave?.(event);
|
|
172
|
+
if (!event.defaultPrevented)
|
|
173
|
+
setIsHovered(false);
|
|
174
|
+
}, onPointerDown: (event) => {
|
|
175
|
+
onPointerDown?.(event);
|
|
176
|
+
if (event.defaultPrevented ||
|
|
177
|
+
!event.isPrimary ||
|
|
178
|
+
event.button !== 0 ||
|
|
179
|
+
isInteractiveTarget(event.target)) {
|
|
180
|
+
return;
|
|
181
|
+
}
|
|
182
|
+
pointerStartRef.current = {
|
|
183
|
+
pointerId: event.pointerId,
|
|
184
|
+
x: event.clientX,
|
|
185
|
+
y: event.clientY,
|
|
186
|
+
};
|
|
187
|
+
}, onPointerUp: (event) => {
|
|
188
|
+
onPointerUp?.(event);
|
|
189
|
+
if (!event.defaultPrevented)
|
|
190
|
+
completePointerGesture(event);
|
|
191
|
+
}, onPointerCancel: (event) => {
|
|
192
|
+
onPointerCancel?.(event);
|
|
193
|
+
pointerStartRef.current = null;
|
|
194
|
+
}, children: [canAutoPlay && (_jsx(IconButton, { "aria-label": rotationRequested ? resolvedLabels.stopAutoPlay : resolvedLabels.startAutoPlay, icon: _jsx(Icon, { symbol: rotationRequested ? 'pause' : 'play_arrow' }), onClick: () => setRotationRequested((requested) => !requested), className: "bg-surface-container-low absolute start-4 top-4 z-20 backdrop-blur-sm" })), showControls && canNavigate && (_jsxs(_Fragment, { children: [_jsx(IconButton, { "aria-label": resolvedLabels.previous, icon: _jsx(Icon, { symbol: orientation === 'horizontal' ? 'chevron_left' : 'keyboard_arrow_up', className: orientation === 'horizontal' ? 'rtl:rotate-180' : undefined }), disabled: previousDisabled, onClick: previous, className: cn('bg-surface-container-low absolute z-20 backdrop-blur-sm', orientation === 'horizontal'
|
|
195
|
+
? 'start-4 top-1/2 -translate-y-1/2'
|
|
196
|
+
: 'start-1/2 top-4 -translate-x-1/2') }), _jsx(IconButton, { "aria-label": resolvedLabels.next, icon: _jsx(Icon, { symbol: orientation === 'horizontal' ? 'chevron_right' : 'keyboard_arrow_down', className: orientation === 'horizontal' ? 'rtl:rotate-180' : undefined }), disabled: nextDisabled, onClick: next, className: cn('bg-surface-container-low absolute z-20 backdrop-blur-sm', orientation === 'horizontal'
|
|
197
|
+
? 'end-4 top-1/2 -translate-y-1/2'
|
|
198
|
+
: 'start-1/2 bottom-4 -translate-x-1/2') })] })), showIndicators && canNavigate && (_jsx("div", { role: "tablist", "aria-label": resolvedLabels.indicators, "aria-orientation": orientation, className: cn('absolute z-20 flex gap-2', orientation === 'horizontal'
|
|
199
|
+
? 'start-1/2 bottom-4 -translate-x-1/2'
|
|
200
|
+
: 'end-4 top-1/2 -translate-y-1/2 flex-col'), children: slides.map((slide, slideIndex) => {
|
|
201
|
+
const slideId = `${baseId}-slide-${slideIndex}`;
|
|
202
|
+
const tabId = `${baseId}-tab-${slideIndex}`;
|
|
203
|
+
const slideLabel = slide.props['aria-label'] ??
|
|
204
|
+
resolvedLabels.indicator(slideIndex + 1, slides.length);
|
|
205
|
+
return (_jsx("button", { ref: (node) => {
|
|
206
|
+
indicatorRefs.current[slideIndex] = node;
|
|
207
|
+
}, id: tabId, type: "button", role: "tab", "aria-label": slideLabel, "aria-controls": slideId, "aria-selected": slideIndex === currentIndex, tabIndex: slideIndex === currentIndex ? 0 : -1, onClick: () => setIndex(slideIndex), onKeyDown: (event) => handleIndicatorKeyDown(event, slideIndex), className: cn('duration-short ease-standard relative size-2 overflow-hidden rounded-full transition-colors', 'focus-visible:ring-focus-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', slideIndex === currentIndex
|
|
208
|
+
? 'bg-primary'
|
|
209
|
+
: 'bg-outline-medium hover:bg-outline-strong'), children: _jsx(Ripple, { center: true }) }, slide.key ?? slideIndex));
|
|
210
|
+
}) })), _jsx("div", { className: "relative h-full w-full", "aria-live": isRotating ? 'off' : 'polite', "aria-atomic": "false", children: slides.map((slide, slideIndex) => {
|
|
211
|
+
const slideId = `${baseId}-slide-${slideIndex}`;
|
|
212
|
+
const tabId = `${baseId}-tab-${slideIndex}`;
|
|
213
|
+
return (_jsx(CarouselSlideContext.Provider, { value: {
|
|
214
|
+
active: slideIndex === currentIndex,
|
|
215
|
+
index: slideIndex,
|
|
216
|
+
slideId,
|
|
217
|
+
tabId,
|
|
218
|
+
tabbed: showIndicators && canNavigate,
|
|
219
|
+
total,
|
|
220
|
+
labels: resolvedLabels,
|
|
221
|
+
}, children: slide }, slide.key ?? slideIndex));
|
|
222
|
+
}) })] }));
|
|
223
|
+
});
|
|
224
|
+
Carousel.displayName = 'Carousel';
|
|
225
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type SelectionControlSize } from '../lib/selection-control-size.js';
|
|
3
|
+
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
4
|
+
indeterminate?: boolean;
|
|
5
|
+
invalid?: boolean;
|
|
6
|
+
label?: React.ReactNode;
|
|
7
|
+
size?: SelectionControlSize;
|
|
8
|
+
}
|
|
9
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
10
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,+BAA+B,CAAC;AAGvC,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,wFAmIpB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { selectionControlSizeClasses, } from '../lib/selection-control-size.js';
|
|
6
|
+
import { Ripple } from './ripple.js';
|
|
7
|
+
export const Checkbox = React.forwardRef(({ 'aria-invalid': ariaInvalid, className, disabled = false, id: providedId, indeterminate = false, invalid = false, label, size = 'md', ...inputProps }, forwardedRef) => {
|
|
8
|
+
const generatedId = React.useId();
|
|
9
|
+
const id = providedId ?? generatedId;
|
|
10
|
+
const inputRef = React.useRef(null);
|
|
11
|
+
const sizeClasses = selectionControlSizeClasses[size];
|
|
12
|
+
const resolvedInvalid = invalid || ariaInvalid === true || ariaInvalid === 'true';
|
|
13
|
+
React.useLayoutEffect(() => {
|
|
14
|
+
if (inputRef.current)
|
|
15
|
+
inputRef.current.indeterminate = indeterminate;
|
|
16
|
+
}, [indeterminate]);
|
|
17
|
+
const setInputRef = React.useCallback((node) => {
|
|
18
|
+
inputRef.current = node;
|
|
19
|
+
if (typeof forwardedRef === 'function') {
|
|
20
|
+
forwardedRef(node);
|
|
21
|
+
}
|
|
22
|
+
else if (forwardedRef) {
|
|
23
|
+
forwardedRef.current = node;
|
|
24
|
+
}
|
|
25
|
+
}, [forwardedRef]);
|
|
26
|
+
return (_jsxs("label", { htmlFor: id, className: cn('group relative inline-flex cursor-pointer items-center gap-3 select-none', disabled && 'cursor-not-allowed opacity-38', className), children: [_jsxs("span", { className: cn('relative flex shrink-0 items-center justify-center', sizeClasses.frame), children: [_jsx("span", { "aria-hidden": "true", className: cn('absolute inset-0 z-0 overflow-hidden rounded-xs transition-colors', 'group-hover:bg-state-hover', resolvedInvalid && 'group-hover:bg-state-error'), children: _jsx(Ripple, { center: true, disabled: disabled, className: resolvedInvalid ? 'text-error' : 'text-primary' }) }), _jsx("input", { ...inputProps, ref: setInputRef, id: id, type: "checkbox", disabled: disabled, "aria-checked": indeterminate ? 'mixed' : undefined, "aria-invalid": resolvedInvalid || undefined, className: "peer sr-only" }), _jsx("span", { "aria-hidden": "true", className: cn('bg-surface relative z-10 flex items-center justify-center overflow-hidden rounded-xs border-2', sizeClasses.control, 'duration-snappy ease-emphasized pointer-events-none transition-all', resolvedInvalid
|
|
27
|
+
? 'border-error peer-checked:bg-error peer-checked:border-error peer-indeterminate:bg-error peer-indeterminate:border-error'
|
|
28
|
+
: 'border-control-outline group-hover:border-on-surface peer-checked:bg-primary peer-checked:border-primary peer-indeterminate:bg-primary peer-indeterminate:border-primary', 'peer-focus-visible:ring-focus-ring peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2') }), _jsx("svg", { className: cn('duration-snappy ease-emphasized pointer-events-none absolute z-20 scale-50 opacity-0 transition-all', sizeClasses.icon, resolvedInvalid ? 'text-on-error' : 'text-on-primary', !indeterminate && 'peer-checked:scale-100 peer-checked:opacity-100'), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }), _jsx("svg", { className: cn('duration-snappy ease-emphasized pointer-events-none absolute z-20 transition-all', sizeClasses.icon, resolvedInvalid ? 'text-on-error' : 'text-on-primary', indeterminate ? 'scale-100 rotate-0 opacity-100' : 'scale-50 rotate-90 opacity-0'), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })] }), label !== undefined && label !== null ? (_jsx("span", { className: "text-body-medium text-on-surface leading-none font-medium", children: label })) : null] }));
|
|
29
|
+
});
|
|
30
|
+
Checkbox.displayName = 'Checkbox';
|
|
31
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type MouseEventHandler, type ReactNode } from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const chipVariants: (props?: ({
|
|
4
|
+
variant?: "input" | "filter" | "assist" | "suggestion" | null | undefined;
|
|
5
|
+
selected?: boolean | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export type ChipProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'onSelect'> & VariantProps<typeof chipVariants> & {
|
|
8
|
+
label: string;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
onDelete?: () => void;
|
|
11
|
+
deleteButtonTabIndex?: number;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
14
|
+
};
|
|
15
|
+
export declare const Chip: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick" | "onSelect"> & VariantProps<(props?: ({
|
|
16
|
+
variant?: "input" | "filter" | "assist" | "suggestion" | null | undefined;
|
|
17
|
+
selected?: boolean | null | undefined;
|
|
18
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
19
|
+
label: string;
|
|
20
|
+
icon?: ReactNode;
|
|
21
|
+
onDelete?: () => void;
|
|
22
|
+
deleteButtonTabIndex?: number;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
25
|
+
} & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=chip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAIzB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,QAAA,MAAM,YAAY;;;8EA4BjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC;AAEJ,eAAO,MAAM,IAAI;;;;WARN,MAAM;WACN,SAAS;eACL,MAAM,IAAI;2BACE,MAAM;eAClB,OAAO;cACR,iBAAiB,CAAC,WAAW,CAAC;sEAgJ3C,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, } from 'react';
|
|
3
|
+
import { Ripple } from './ripple.js';
|
|
4
|
+
import { CloseIcon } from './icon.js';
|
|
5
|
+
import { cn } from '../lib/utils.js';
|
|
6
|
+
import { cva } from 'class-variance-authority';
|
|
7
|
+
const chipVariants = cva('relative inline-flex h-8 items-center gap-2 overflow-hidden rounded-button border px-3 text-label-small font-medium leading-none transition-all group select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring', {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
assist: 'bg-surface border-outline-soft text-on-surface',
|
|
11
|
+
filter: 'bg-surface border-outline-soft text-on-surface-variant',
|
|
12
|
+
input: 'bg-surface-container-high border-outline-subtle text-on-surface hover:bg-surface-container-highest hover:border-outline-soft',
|
|
13
|
+
suggestion: 'bg-surface border-outline-soft text-on-surface-variant',
|
|
14
|
+
},
|
|
15
|
+
selected: {
|
|
16
|
+
true: '',
|
|
17
|
+
false: '',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
compoundVariants: [
|
|
21
|
+
{
|
|
22
|
+
variant: 'filter',
|
|
23
|
+
selected: true,
|
|
24
|
+
className: 'bg-primary-container text-on-primary-container border-primary-container',
|
|
25
|
+
},
|
|
26
|
+
],
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
variant: 'assist',
|
|
29
|
+
selected: false,
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
export const Chip = forwardRef(({ label, variant, selected, disabled = false, onDelete, deleteButtonTabIndex, icon, className, onClick, type = 'button', ...props }, ref) => {
|
|
33
|
+
const isFilterChip = variant === 'filter';
|
|
34
|
+
const isSelectedFilter = isFilterChip && !!selected;
|
|
35
|
+
const hasRemoveAction = !!onDelete;
|
|
36
|
+
const hasPrimaryAction = !!onClick;
|
|
37
|
+
const isPressable = hasPrimaryAction && !disabled;
|
|
38
|
+
const rootClasses = cn(chipVariants({ variant, selected }), className, disabled && 'opacity-38 pointer-events-none', isPressable && 'cursor-pointer');
|
|
39
|
+
const renderChipBody = () => (_jsxs(_Fragment, { children: [isSelectedFilter ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", className: "animate-scale-enter relative z-10", "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : icon ? (_jsx("span", { className: "size-icon-xs relative z-10 flex items-center justify-center", "aria-hidden": "true", children: icon })) : null, _jsx("span", { className: "relative z-10 truncate pt-0.5 leading-none", children: label })] }));
|
|
40
|
+
const renderStateLayer = () => {
|
|
41
|
+
if (!isPressable) {
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
return (_jsxs(_Fragment, { children: [_jsx(Ripple, { disabled: disabled }), _jsx("div", { className: cn('group-hover:opacity-hover group-focus-visible:opacity-focus group-active:opacity-pressed duration-medium pointer-events-none absolute inset-0 opacity-0 transition-opacity', isSelectedFilter ? 'bg-on-primary-container' : 'bg-on-surface-variant') })] }));
|
|
45
|
+
};
|
|
46
|
+
const handleKeyDown = (event) => {
|
|
47
|
+
if (!isPressable) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
51
|
+
event.preventDefault();
|
|
52
|
+
event.currentTarget.click();
|
|
53
|
+
}
|
|
54
|
+
if (onDelete && (event.key === 'Delete' || event.key === 'Backspace')) {
|
|
55
|
+
event.preventDefault();
|
|
56
|
+
onDelete();
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
if (!hasRemoveAction && hasPrimaryAction) {
|
|
60
|
+
return (_jsxs("button", { ref: ref, type: type, className: rootClasses, onClick: onClick, "aria-pressed": isSelectedFilter || undefined, disabled: disabled, ...props, children: [renderStateLayer(), renderChipBody()] }));
|
|
61
|
+
}
|
|
62
|
+
const wrapperOnClick = hasRemoveAction && isPressable ? onClick : undefined;
|
|
63
|
+
return (_jsxs("div", { ref: ref, className: cn(rootClasses, hasRemoveAction && 'pr-2'), onClick: wrapperOnClick, onKeyDown: hasRemoveAction && isPressable ? handleKeyDown : undefined, role: hasRemoveAction && isPressable ? 'button' : undefined, tabIndex: hasRemoveAction && isPressable ? 0 : undefined, "aria-pressed": hasRemoveAction && isSelectedFilter ? true : undefined, ...props, children: [renderStateLayer(), _jsx("div", { className: "pointer-events-none flex min-w-0 items-center gap-2", children: renderChipBody() }), onDelete && (_jsx("button", { type: "button", className: "text-on-surface-variant hover:bg-state-hover hover:text-on-surface focus-visible:ring-focus-ring rounded-icon-button relative z-10 -mr-1 ml-0.5 flex h-5 w-5 shrink-0 items-center justify-center transition-colors focus-visible:ring-2", onClick: (e) => {
|
|
64
|
+
e.stopPropagation();
|
|
65
|
+
onDelete();
|
|
66
|
+
}, "aria-label": `Remove ${label}`, disabled: disabled, tabIndex: deleteButtonTabIndex, children: _jsx(CloseIcon, { size: 14 }) }))] }));
|
|
67
|
+
});
|
|
68
|
+
Chip.displayName = 'Chip';
|
|
69
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type FieldSize } from '../lib/field-size.js';
|
|
3
|
+
export type ComboboxOption = {
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type ComboboxProps = {
|
|
9
|
+
value?: string;
|
|
10
|
+
defaultValue?: string;
|
|
11
|
+
onValueChange?: (value: string) => void;
|
|
12
|
+
open?: boolean;
|
|
13
|
+
defaultOpen?: boolean;
|
|
14
|
+
onOpenChange?: (open: boolean) => void;
|
|
15
|
+
onSearchChange?: (query: string) => void;
|
|
16
|
+
highlightSelected?: boolean;
|
|
17
|
+
options: ComboboxOption[];
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
label?: string;
|
|
20
|
+
size?: FieldSize;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
searchable?: boolean;
|
|
23
|
+
portal?: boolean;
|
|
24
|
+
className?: string;
|
|
25
|
+
};
|
|
26
|
+
export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOvE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,sFA8cpB,CAAC"}
|