@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,20 @@
|
|
|
1
|
+
export declare const typographyRoleClasses: {
|
|
2
|
+
readonly heroTitle: "text-role-hero-title";
|
|
3
|
+
readonly pageTitle: "text-role-page-title";
|
|
4
|
+
readonly sectionTitle: "text-role-section-title";
|
|
5
|
+
readonly sectionLead: "text-role-section-lead";
|
|
6
|
+
readonly panelTitle: "text-role-panel-title";
|
|
7
|
+
readonly cardTitle: "text-role-card-title";
|
|
8
|
+
readonly eyebrow: "text-role-eyebrow";
|
|
9
|
+
};
|
|
10
|
+
export type TypographyRole = keyof typeof typographyRoleClasses;
|
|
11
|
+
export declare const typographyRoleDefaultTags: {
|
|
12
|
+
readonly heroTitle: "h1";
|
|
13
|
+
readonly pageTitle: "h1";
|
|
14
|
+
readonly sectionTitle: "h2";
|
|
15
|
+
readonly sectionLead: "p";
|
|
16
|
+
readonly panelTitle: "h3";
|
|
17
|
+
readonly cardTitle: "h3";
|
|
18
|
+
readonly eyebrow: "p";
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=typography-roles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography-roles.d.ts","sourceRoot":"","sources":["../../src/lib/typography-roles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAEhE,eAAO,MAAM,yBAAyB;;;;;;;;CAQwB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export const typographyRoleClasses = {
|
|
2
|
+
heroTitle: 'text-role-hero-title',
|
|
3
|
+
pageTitle: 'text-role-page-title',
|
|
4
|
+
sectionTitle: 'text-role-section-title',
|
|
5
|
+
sectionLead: 'text-role-section-lead',
|
|
6
|
+
panelTitle: 'text-role-panel-title',
|
|
7
|
+
cardTitle: 'text-role-card-title',
|
|
8
|
+
eyebrow: 'text-role-eyebrow',
|
|
9
|
+
};
|
|
10
|
+
export const typographyRoleDefaultTags = {
|
|
11
|
+
heroTitle: 'h1',
|
|
12
|
+
pageTitle: 'h1',
|
|
13
|
+
sectionTitle: 'h2',
|
|
14
|
+
sectionLead: 'p',
|
|
15
|
+
panelTitle: 'h3',
|
|
16
|
+
cardTitle: 'h3',
|
|
17
|
+
eyebrow: 'p',
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=typography-roles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography-roles.js","sourceRoot":"","sources":["../../src/lib/typography-roles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,SAAS,EAAE,sBAAsB;IACjC,SAAS,EAAE,sBAAsB;IACjC,YAAY,EAAE,yBAAyB;IACvC,WAAW,EAAE,wBAAwB;IACrC,UAAU,EAAE,uBAAuB;IACnC,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,mBAAmB;CACpB,CAAC;AAIX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,IAAI;IAClB,WAAW,EAAE,GAAG;IAChB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,GAAG;CACgD,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type AnchoredOverlaySide = 'top' | 'bottom';
|
|
3
|
+
export interface UseAnchoredOverlayPositionOptions {
|
|
4
|
+
open: boolean;
|
|
5
|
+
anchorRef: React.RefObject<HTMLElement | null>;
|
|
6
|
+
contentRef: React.RefObject<HTMLElement | null>;
|
|
7
|
+
portal?: boolean;
|
|
8
|
+
minimumWidth?: number;
|
|
9
|
+
estimatedHeight?: number;
|
|
10
|
+
sideOffset?: number;
|
|
11
|
+
collisionPadding?: number;
|
|
12
|
+
}
|
|
13
|
+
export interface AnchoredOverlayPosition {
|
|
14
|
+
top: number;
|
|
15
|
+
left: number;
|
|
16
|
+
width: number;
|
|
17
|
+
side: AnchoredOverlaySide;
|
|
18
|
+
positioned: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare function useAnchoredOverlayPosition({ open, anchorRef, contentRef, portal, minimumWidth, estimatedHeight, sideOffset, collisionPadding, }: UseAnchoredOverlayPositionOptions): AnchoredOverlayPosition;
|
|
21
|
+
//# sourceMappingURL=use-anchored-overlay-position.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-anchored-overlay-position.d.ts","sourceRoot":"","sources":["../../src/lib/use-anchored-overlay-position.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,SAAS,EACT,UAAU,EACV,MAAa,EACb,YAAkB,EAClB,eAAqB,EACrB,UAAc,EACd,gBAAoB,GACrB,EAAE,iCAAiC,GAAG,uBAAuB,CA4D7D"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export function useAnchoredOverlayPosition({ open, anchorRef, contentRef, portal = true, minimumWidth = 320, estimatedHeight = 360, sideOffset = 8, collisionPadding = 8, }) {
|
|
4
|
+
const [position, setPosition] = React.useState({
|
|
5
|
+
top: 0,
|
|
6
|
+
left: 0,
|
|
7
|
+
width: minimumWidth,
|
|
8
|
+
side: 'bottom',
|
|
9
|
+
positioned: !portal,
|
|
10
|
+
});
|
|
11
|
+
const updatePosition = React.useCallback(() => {
|
|
12
|
+
const anchor = anchorRef.current;
|
|
13
|
+
if (!anchor || typeof window === 'undefined')
|
|
14
|
+
return;
|
|
15
|
+
const rect = anchor.getBoundingClientRect();
|
|
16
|
+
const viewportWidth = window.innerWidth;
|
|
17
|
+
const viewportHeight = window.innerHeight;
|
|
18
|
+
const availableWidth = Math.max(0, viewportWidth - collisionPadding * 2);
|
|
19
|
+
const width = Math.min(Math.max(rect.width, minimumWidth), availableWidth);
|
|
20
|
+
const left = Math.min(Math.max(collisionPadding, rect.left), Math.max(collisionPadding, viewportWidth - width - collisionPadding));
|
|
21
|
+
const contentHeight = contentRef.current?.offsetHeight || estimatedHeight;
|
|
22
|
+
const spaceBelow = viewportHeight - rect.bottom - collisionPadding;
|
|
23
|
+
const spaceAbove = rect.top - collisionPadding;
|
|
24
|
+
const side = spaceBelow < contentHeight + sideOffset && spaceAbove > spaceBelow ? 'top' : 'bottom';
|
|
25
|
+
const preferredTop = side === 'top' ? rect.top - contentHeight - sideOffset : rect.bottom + sideOffset;
|
|
26
|
+
const top = Math.min(Math.max(collisionPadding, preferredTop), Math.max(collisionPadding, viewportHeight - contentHeight - collisionPadding));
|
|
27
|
+
setPosition({ top, left, width, side, positioned: true });
|
|
28
|
+
}, [anchorRef, collisionPadding, contentRef, estimatedHeight, minimumWidth, sideOffset]);
|
|
29
|
+
React.useLayoutEffect(() => {
|
|
30
|
+
if (!portal) {
|
|
31
|
+
setPosition((current) => ({ ...current, positioned: true }));
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
if (!open) {
|
|
35
|
+
setPosition((current) => ({ ...current, positioned: false }));
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
updatePosition();
|
|
39
|
+
const frame = window.requestAnimationFrame(updatePosition);
|
|
40
|
+
window.addEventListener('resize', updatePosition);
|
|
41
|
+
window.addEventListener('scroll', updatePosition, true);
|
|
42
|
+
return () => {
|
|
43
|
+
window.cancelAnimationFrame(frame);
|
|
44
|
+
window.removeEventListener('resize', updatePosition);
|
|
45
|
+
window.removeEventListener('scroll', updatePosition, true);
|
|
46
|
+
};
|
|
47
|
+
}, [open, portal, updatePosition]);
|
|
48
|
+
return position;
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=use-anchored-overlay-position.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-anchored-overlay-position.js","sourceRoot":"","sources":["../../src/lib/use-anchored-overlay-position.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type UseControllableStateProps<T> = {
|
|
2
|
+
value?: T;
|
|
3
|
+
defaultValue?: T;
|
|
4
|
+
onChange?: (value: T) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function useControllableState<T>({ value, defaultValue, onChange, }: UseControllableStateProps<T>): readonly [T | undefined, (nextValue: T) => void];
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=use-controllable-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../src/lib/use-controllable-state.ts"],"names":[],"mappings":"AAEA,KAAK,yBAAyB,CAAC,CAAC,IAAI;IAClC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAE,yBAAyB,CAAC,CAAC,CAAC,wCAMf,CAAC,WAUhB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function useControllableState({ value, defaultValue, onChange, }) {
|
|
3
|
+
const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
|
|
4
|
+
const isControlled = value !== undefined;
|
|
5
|
+
const currentValue = isControlled ? value : uncontrolledValue;
|
|
6
|
+
const setValue = React.useCallback((nextValue) => {
|
|
7
|
+
if (!isControlled) {
|
|
8
|
+
setUncontrolledValue(nextValue);
|
|
9
|
+
}
|
|
10
|
+
onChange?.(nextValue);
|
|
11
|
+
}, [isControlled, onChange]);
|
|
12
|
+
return [currentValue, setValue];
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=use-controllable-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-controllable-state.js","sourceRoot":"","sources":["../../src/lib/use-controllable-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,UAAU,oBAAoB,CAAI,EACtC,KAAK,EACL,YAAY,EACZ,QAAQ,GACqB;IAC7B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,YAAY,CAAC,CAAC;IAC9F,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IACzC,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAE9D,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,SAAY,EAAE,EAAE;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;QACD,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAU,CAAC;AAC3C,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
type UseFieldStateOptions = {
|
|
3
|
+
id?: string;
|
|
4
|
+
idPrefix: string;
|
|
5
|
+
helperText?: ReactNode;
|
|
6
|
+
active?: boolean;
|
|
7
|
+
hasValue?: boolean;
|
|
8
|
+
forceFloating?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare function useFieldState({ id, idPrefix, helperText, active, hasValue, forceFloating, }: UseFieldStateOptions): {
|
|
11
|
+
fieldId: string;
|
|
12
|
+
helperId: string | undefined;
|
|
13
|
+
isFloating: boolean;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=use-field-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-field-state.d.ts","sourceRoot":"","sources":["../../src/lib/use-field-state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,KAAK,oBAAoB,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,QAAQ,EACR,UAAU,EACV,MAAc,EACd,QAAgB,EAChB,aAAqB,GACtB,EAAE,oBAAoB;;;;EAWtB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useId } from 'react';
|
|
3
|
+
export function useFieldState({ id, idPrefix, helperText, active = false, hasValue = false, forceFloating = false, }) {
|
|
4
|
+
const generatedId = useId();
|
|
5
|
+
const fieldId = id ?? `${idPrefix}-${generatedId}`;
|
|
6
|
+
const helperId = helperText ? `${fieldId}-helper` : undefined;
|
|
7
|
+
const isFloating = forceFloating || active || hasValue;
|
|
8
|
+
return {
|
|
9
|
+
fieldId,
|
|
10
|
+
helperId,
|
|
11
|
+
isFloating,
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=use-field-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-field-state.js","sourceRoot":"","sources":["../../src/lib/use-field-state.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAC;AAW9C,MAAM,UAAU,aAAa,CAAC,EAC5B,EAAE,EACF,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,GACA;IACrB,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,GAAG,QAAQ,IAAI,WAAW,EAAE,CAAC;IACnD,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,MAAM,UAAU,GAAG,aAAa,IAAI,MAAM,IAAI,QAAQ,CAAC;IAEvD,OAAO;QACL,OAAO;QACP,QAAQ;QACR,UAAU;KACX,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
export interface UseOverlayBehaviorOptions {
|
|
3
|
+
open: boolean;
|
|
4
|
+
contentRef: RefObject<HTMLElement | null>;
|
|
5
|
+
rootRef?: RefObject<HTMLElement | null>;
|
|
6
|
+
modalBoundaryRef?: RefObject<HTMLElement | null>;
|
|
7
|
+
triggerRef?: RefObject<HTMLElement | null>;
|
|
8
|
+
onDismiss: () => void;
|
|
9
|
+
modal?: boolean;
|
|
10
|
+
dismissOnEscape?: boolean;
|
|
11
|
+
dismissOnInteractOutside?: boolean;
|
|
12
|
+
initialFocus?: boolean;
|
|
13
|
+
restoreFocus?: boolean;
|
|
14
|
+
isInteractionOutside?: (target: Node) => boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare function useOverlayBehavior({ open, contentRef, rootRef, modalBoundaryRef, triggerRef, onDismiss, modal, dismissOnEscape, dismissOnInteractOutside, initialFocus, restoreFocus, isInteractionOutside, }: UseOverlayBehaviorOptions): void;
|
|
17
|
+
//# sourceMappingURL=use-overlay-behavior.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-overlay-behavior.d.ts","sourceRoot":"","sources":["../../src/lib/use-overlay-behavior.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6B1D,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC;CAClD;AAuID,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,KAAa,EACb,eAAsB,EACtB,wBAAgC,EAChC,YAAoB,EACpB,YAAmB,EACnB,oBAAoB,GACrB,EAAE,yBAAyB,QAmI3B"}
|
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useEffect, useRef } from 'react';
|
|
3
|
+
const FOCUSABLE_SELECTOR = [
|
|
4
|
+
'a[href]',
|
|
5
|
+
'button:not([disabled])',
|
|
6
|
+
'textarea:not([disabled])',
|
|
7
|
+
'input:not([disabled])',
|
|
8
|
+
'select:not([disabled])',
|
|
9
|
+
'[contenteditable="true"]',
|
|
10
|
+
'[tabindex]:not([tabindex="-1"])',
|
|
11
|
+
].join(', ');
|
|
12
|
+
const inertStates = new Map();
|
|
13
|
+
const activeLayers = [];
|
|
14
|
+
let nextLayerSequence = 0;
|
|
15
|
+
function getFocusableElements(root) {
|
|
16
|
+
if (!root) {
|
|
17
|
+
return [];
|
|
18
|
+
}
|
|
19
|
+
return Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => !element.hasAttribute('disabled') && element.getAttribute('aria-hidden') !== 'true');
|
|
20
|
+
}
|
|
21
|
+
function getLayerDepth(layer) {
|
|
22
|
+
return activeLayers.filter((candidate) => candidate !== layer && layer.anchor !== null && candidate.content.contains(layer.anchor)).length;
|
|
23
|
+
}
|
|
24
|
+
function isTopmostLayer(layer) {
|
|
25
|
+
return (activeLayers.reduce((topmost, candidate) => {
|
|
26
|
+
if (!topmost) {
|
|
27
|
+
return candidate;
|
|
28
|
+
}
|
|
29
|
+
const candidateDepth = getLayerDepth(candidate);
|
|
30
|
+
const topmostDepth = getLayerDepth(topmost);
|
|
31
|
+
if (candidateDepth !== topmostDepth) {
|
|
32
|
+
return candidateDepth > topmostDepth ? candidate : topmost;
|
|
33
|
+
}
|
|
34
|
+
return candidate.sequence > topmost.sequence ? candidate : topmost;
|
|
35
|
+
}, undefined) === layer);
|
|
36
|
+
}
|
|
37
|
+
function registerLayer(content, root, anchor) {
|
|
38
|
+
const layer = {
|
|
39
|
+
content,
|
|
40
|
+
root,
|
|
41
|
+
anchor,
|
|
42
|
+
sequence: nextLayerSequence++,
|
|
43
|
+
};
|
|
44
|
+
activeLayers.push(layer);
|
|
45
|
+
return layer;
|
|
46
|
+
}
|
|
47
|
+
function unregisterLayer(layer) {
|
|
48
|
+
const index = activeLayers.indexOf(layer);
|
|
49
|
+
if (index !== -1) {
|
|
50
|
+
activeLayers.splice(index, 1);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
function acquireInert(element) {
|
|
54
|
+
const current = inertStates.get(element);
|
|
55
|
+
if (current) {
|
|
56
|
+
current.count += 1;
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
inertStates.set(element, {
|
|
60
|
+
count: 1,
|
|
61
|
+
inert: element.inert,
|
|
62
|
+
ariaHidden: element.getAttribute('aria-hidden'),
|
|
63
|
+
});
|
|
64
|
+
element.inert = true;
|
|
65
|
+
element.setAttribute('inert', '');
|
|
66
|
+
element.setAttribute('aria-hidden', 'true');
|
|
67
|
+
}
|
|
68
|
+
function releaseInert(element) {
|
|
69
|
+
const current = inertStates.get(element);
|
|
70
|
+
if (!current) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
current.count -= 1;
|
|
74
|
+
if (current.count > 0) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
element.inert = current.inert;
|
|
78
|
+
if (current.inert) {
|
|
79
|
+
element.setAttribute('inert', '');
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
element.removeAttribute('inert');
|
|
83
|
+
}
|
|
84
|
+
if (current.ariaHidden === null) {
|
|
85
|
+
element.removeAttribute('aria-hidden');
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
element.setAttribute('aria-hidden', current.ariaHidden);
|
|
89
|
+
}
|
|
90
|
+
inertStates.delete(element);
|
|
91
|
+
}
|
|
92
|
+
function inertOutside(layer) {
|
|
93
|
+
const currentDepth = getLayerDepth(layer);
|
|
94
|
+
const elements = Array.from(document.body.children).filter((element) => {
|
|
95
|
+
if (!(element instanceof HTMLElement) ||
|
|
96
|
+
element === layer.root ||
|
|
97
|
+
element.contains(layer.root) ||
|
|
98
|
+
layer.root.contains(element) ||
|
|
99
|
+
['SCRIPT', 'STYLE', 'LINK'].includes(element.tagName)) {
|
|
100
|
+
return false;
|
|
101
|
+
}
|
|
102
|
+
return !activeLayers.some((candidate) => candidate !== layer &&
|
|
103
|
+
(element === candidate.root || element.contains(candidate.root)) &&
|
|
104
|
+
getLayerDepth(candidate) > currentDepth);
|
|
105
|
+
});
|
|
106
|
+
elements.forEach(acquireInert);
|
|
107
|
+
return () => elements.forEach(releaseInert);
|
|
108
|
+
}
|
|
109
|
+
function inertWithinBoundary(layer, boundary) {
|
|
110
|
+
if (!boundary)
|
|
111
|
+
return undefined;
|
|
112
|
+
const elements = Array.from(boundary.children).filter((element) => element instanceof HTMLElement &&
|
|
113
|
+
element !== layer.root &&
|
|
114
|
+
!element.contains(layer.root) &&
|
|
115
|
+
!layer.root.contains(element));
|
|
116
|
+
elements.forEach(acquireInert);
|
|
117
|
+
return () => elements.forEach(releaseInert);
|
|
118
|
+
}
|
|
119
|
+
export function useOverlayBehavior({ open, contentRef, rootRef, modalBoundaryRef, triggerRef, onDismiss, modal = false, dismissOnEscape = true, dismissOnInteractOutside = false, initialFocus = modal, restoreFocus = true, isInteractionOutside, }) {
|
|
120
|
+
const onDismissRef = useRef(onDismiss);
|
|
121
|
+
const isInteractionOutsideRef = useRef(isInteractionOutside);
|
|
122
|
+
useEffect(() => {
|
|
123
|
+
onDismissRef.current = onDismiss;
|
|
124
|
+
}, [onDismiss]);
|
|
125
|
+
useEffect(() => {
|
|
126
|
+
isInteractionOutsideRef.current = isInteractionOutside;
|
|
127
|
+
}, [isInteractionOutside]);
|
|
128
|
+
useEffect(() => {
|
|
129
|
+
if (!open || typeof document === 'undefined') {
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
const content = contentRef.current;
|
|
133
|
+
if (!content) {
|
|
134
|
+
return;
|
|
135
|
+
}
|
|
136
|
+
const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
|
|
137
|
+
const layer = registerLayer(content, rootRef?.current ?? content, triggerRef?.current ?? previouslyFocused);
|
|
138
|
+
const releaseDocumentBackground = modal ? inertOutside(layer) : undefined;
|
|
139
|
+
const releaseBoundary = modal
|
|
140
|
+
? inertWithinBoundary(layer, modalBoundaryRef?.current ?? null)
|
|
141
|
+
: undefined;
|
|
142
|
+
const focusTimer = initialFocus
|
|
143
|
+
? window.setTimeout(() => {
|
|
144
|
+
const focusableElements = getFocusableElements(content);
|
|
145
|
+
(focusableElements[0] ?? content).focus();
|
|
146
|
+
}, 0)
|
|
147
|
+
: undefined;
|
|
148
|
+
const handleKeyDown = (event) => {
|
|
149
|
+
if (!isTopmostLayer(layer)) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
if (event.key === 'Escape' && dismissOnEscape) {
|
|
153
|
+
event.preventDefault();
|
|
154
|
+
onDismissRef.current();
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
if (!modal || event.key !== 'Tab') {
|
|
158
|
+
return;
|
|
159
|
+
}
|
|
160
|
+
const focusableElements = getFocusableElements(content);
|
|
161
|
+
if (focusableElements.length === 0) {
|
|
162
|
+
event.preventDefault();
|
|
163
|
+
content.focus();
|
|
164
|
+
return;
|
|
165
|
+
}
|
|
166
|
+
const first = focusableElements[0];
|
|
167
|
+
const last = focusableElements[focusableElements.length - 1];
|
|
168
|
+
const activeElement = document.activeElement;
|
|
169
|
+
if (!first || !last) {
|
|
170
|
+
return;
|
|
171
|
+
}
|
|
172
|
+
if (event.shiftKey && (activeElement === first || activeElement === content)) {
|
|
173
|
+
event.preventDefault();
|
|
174
|
+
last.focus();
|
|
175
|
+
}
|
|
176
|
+
else if (!event.shiftKey && activeElement === last) {
|
|
177
|
+
event.preventDefault();
|
|
178
|
+
first.focus();
|
|
179
|
+
}
|
|
180
|
+
};
|
|
181
|
+
const handleMouseDown = (event) => {
|
|
182
|
+
if (!dismissOnInteractOutside || !isTopmostLayer(layer)) {
|
|
183
|
+
return;
|
|
184
|
+
}
|
|
185
|
+
const target = event.target;
|
|
186
|
+
if (!(target instanceof Node)) {
|
|
187
|
+
return;
|
|
188
|
+
}
|
|
189
|
+
if (content.contains(target) ||
|
|
190
|
+
triggerRef?.current?.contains(target) ||
|
|
191
|
+
rootRef?.current?.contains(target)) {
|
|
192
|
+
return;
|
|
193
|
+
}
|
|
194
|
+
if (isInteractionOutsideRef.current && !isInteractionOutsideRef.current(target)) {
|
|
195
|
+
return;
|
|
196
|
+
}
|
|
197
|
+
onDismissRef.current();
|
|
198
|
+
};
|
|
199
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
200
|
+
if (dismissOnInteractOutside) {
|
|
201
|
+
document.addEventListener('mousedown', handleMouseDown);
|
|
202
|
+
}
|
|
203
|
+
const focusReturnTarget = triggerRef?.current ?? previouslyFocused;
|
|
204
|
+
return () => {
|
|
205
|
+
if (focusTimer !== undefined) {
|
|
206
|
+
window.clearTimeout(focusTimer);
|
|
207
|
+
}
|
|
208
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
209
|
+
document.removeEventListener('mousedown', handleMouseDown);
|
|
210
|
+
releaseBoundary?.();
|
|
211
|
+
releaseDocumentBackground?.();
|
|
212
|
+
unregisterLayer(layer);
|
|
213
|
+
if (restoreFocus) {
|
|
214
|
+
focusReturnTarget?.focus();
|
|
215
|
+
}
|
|
216
|
+
};
|
|
217
|
+
}, [
|
|
218
|
+
contentRef,
|
|
219
|
+
dismissOnEscape,
|
|
220
|
+
dismissOnInteractOutside,
|
|
221
|
+
initialFocus,
|
|
222
|
+
modal,
|
|
223
|
+
modalBoundaryRef,
|
|
224
|
+
open,
|
|
225
|
+
restoreFocus,
|
|
226
|
+
rootRef,
|
|
227
|
+
triggerRef,
|
|
228
|
+
]);
|
|
229
|
+
}
|
|
230
|
+
//# sourceMappingURL=use-overlay-behavior.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-overlay-behavior.js","sourceRoot":"","sources":["../../src/lib/use-overlay-behavior.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ClassValue } from 'clsx';
|
|
3
|
+
export { useOverlayBehavior, type UseOverlayBehaviorOptions } from './use-overlay-behavior.js';
|
|
4
|
+
export declare function cn(...inputs: ClassValue[]): string;
|
|
5
|
+
export declare const focusRing = "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring";
|
|
6
|
+
export declare const focusRingInset = "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-focus-ring";
|
|
7
|
+
export declare const stateLayer: {
|
|
8
|
+
readonly primary: "hover:bg-primary/[0.08] active:bg-primary/[0.12]";
|
|
9
|
+
readonly onPrimary: "hover:bg-on-primary/[0.08] active:bg-on-primary/[0.12]";
|
|
10
|
+
readonly secondary: "hover:bg-secondary/[0.08] active:bg-secondary/[0.12]";
|
|
11
|
+
readonly onSecondary: "hover:bg-on-secondary/[0.08] active:bg-on-secondary/[0.12]";
|
|
12
|
+
readonly surface: "hover:bg-on-surface/[0.08] active:bg-on-surface/[0.12]";
|
|
13
|
+
readonly surfaceVariant: "hover:bg-on-surface-variant/[0.08] active:bg-on-surface-variant/[0.12]";
|
|
14
|
+
readonly error: "hover:bg-error/[0.08] active:bg-error/[0.12]";
|
|
15
|
+
};
|
|
16
|
+
export type StateLayerColor = keyof typeof stateLayer;
|
|
17
|
+
export declare const duration: {
|
|
18
|
+
readonly short: "duration-short";
|
|
19
|
+
readonly medium: "duration-medium";
|
|
20
|
+
readonly long: "duration-long";
|
|
21
|
+
};
|
|
22
|
+
export declare const easing: {
|
|
23
|
+
readonly standard: "ease-standard";
|
|
24
|
+
readonly emphasized: "ease-emphasized";
|
|
25
|
+
readonly decelerate: "ease-decelerate";
|
|
26
|
+
readonly accelerate: "ease-accelerate";
|
|
27
|
+
};
|
|
28
|
+
export declare const transition: {
|
|
29
|
+
readonly fade: "transition-opacity";
|
|
30
|
+
readonly scale: "transition-transform";
|
|
31
|
+
readonly slide: "transition-transform";
|
|
32
|
+
readonly all: "transition-all";
|
|
33
|
+
readonly colors: "transition-colors";
|
|
34
|
+
};
|
|
35
|
+
export declare const animation: {
|
|
36
|
+
readonly fadeIn: "animate-fade-in";
|
|
37
|
+
readonly slideUp: "animate-slide-up";
|
|
38
|
+
readonly contentEnter: "animate-content-enter";
|
|
39
|
+
readonly stagger: "animate-stagger";
|
|
40
|
+
readonly ripple: "animate-ripple";
|
|
41
|
+
};
|
|
42
|
+
export interface SlotProps extends React.HTMLAttributes<HTMLElement> {
|
|
43
|
+
children: React.ReactNode;
|
|
44
|
+
}
|
|
45
|
+
export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
|
|
46
|
+
export declare function composeAsChildClickHandler<E extends HTMLElement>(isDisabled: boolean, ...handlers: Array<((event: React.MouseEvent<E>) => void) | undefined>): (event: React.MouseEvent<E>) => void;
|
|
47
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAkG5F,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,eAAO,MAAM,SAAS,kHAC2F,CAAC;AAElH,eAAO,MAAM,cAAc,uHAC2F,CAAC;AAEvH,eAAO,MAAM,UAAU;;;;;;;;CAQb,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,UAAU,CAAC;AAEtD,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAGX,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,+EA4Bf,CAAC;AAGH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,WAAW,EAC9D,UAAU,EAAE,OAAO,EACnB,GAAG,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC,IAE9D,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,UAWnC"}
|