@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,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { Text } from '../primitives/text.js';
|
|
4
|
+
declare const topAppBarVariants: (props?: ({
|
|
5
|
+
variant?: "medium" | "large" | "small" | "center" | null | undefined;
|
|
6
|
+
scrolled?: boolean | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export type TopAppBarProps = VariantProps<typeof topAppBarVariants> & {
|
|
9
|
+
title: React.ReactNode;
|
|
10
|
+
titleVariant?: React.ComponentProps<typeof Text>['variant'];
|
|
11
|
+
titleClassName?: string;
|
|
12
|
+
navigationIcon?: React.ReactNode;
|
|
13
|
+
actions?: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
} & Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>;
|
|
16
|
+
export declare const TopAppBar: React.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
17
|
+
variant?: "medium" | "large" | "small" | "center" | null | undefined;
|
|
18
|
+
scrolled?: boolean | null | undefined;
|
|
19
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
20
|
+
title: React.ReactNode;
|
|
21
|
+
titleVariant?: React.ComponentProps<typeof Text>["variant"];
|
|
22
|
+
titleClassName?: string;
|
|
23
|
+
navigationIcon?: React.ReactNode;
|
|
24
|
+
actions?: React.ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "title"> & React.RefAttributes<HTMLElement>>;
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=top-app-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"top-app-bar.d.ts","sourceRoot":"","sources":["../../src/components/top-app-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,QAAA,MAAM,iBAAiB;;;8EAoBtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACpE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,SAAS;;;;WARb,KAAK,CAAC,SAAS;mBACP,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC;qBAC1C,MAAM;qBACN,KAAK,CAAC,SAAS;cACtB,KAAK,CAAC,SAAS;gBACb,MAAM;qGAoFnB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { Text } from '../primitives/text.js';
|
|
6
|
+
const topAppBarVariants = cva('relative z-20 flex w-full items-center border-b border-outline-weak bg-surface px-4 text-on-surface transition-all duration-medium ease-standard', {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
center: 'h-16 justify-between',
|
|
10
|
+
small: 'h-16 justify-between',
|
|
11
|
+
medium: 'h-28 flex-col items-start justify-end pb-6',
|
|
12
|
+
large: 'h-38 flex-col items-start justify-end pb-8',
|
|
13
|
+
},
|
|
14
|
+
scrolled: {
|
|
15
|
+
true: 'bg-surface-container shadow-1',
|
|
16
|
+
false: '',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
defaultVariants: {
|
|
20
|
+
variant: 'small',
|
|
21
|
+
scrolled: false,
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
export const TopAppBar = forwardRef(({ variant, scrolled, title, titleVariant, titleClassName, navigationIcon, actions, className, ['aria-label']: ariaLabel, ...props }, ref) => {
|
|
25
|
+
const isTall = variant === 'medium' || variant === 'large';
|
|
26
|
+
const isCenter = variant === 'center';
|
|
27
|
+
const titleString = typeof title === 'string' ? title : undefined;
|
|
28
|
+
return (_jsxs("header", { ref: ref, ...props, className: cn(topAppBarVariants({ variant, scrolled, className })), "aria-label": ariaLabel || titleString, children: [_jsxs("div", { className: cn('flex w-full items-center', isTall ? 'mb-auto h-16' : 'h-full', isCenter ? 'relative justify-center' : 'justify-between'), children: [navigationIcon && (_jsx("div", { className: cn('text-on-surface z-10 mr-4', isCenter ? 'absolute left-0' : ''), children: navigationIcon })), !isTall && (_jsx("div", { className: cn('truncate', isCenter ? 'w-full px-12 text-center' : 'flex-1 text-left'), children: _jsx(Text, { variant: titleVariant ?? 'titleLarge', className: cn('text-primary truncate', titleClassName), children: title }) })), _jsx("div", { className: cn('text-on-surface-variant z-10 flex items-center gap-2', isCenter && 'absolute right-0'), children: actions })] }), isTall && (_jsx("div", { className: cn('duration-short w-full px-4 transition-opacity', scrolled ? 'h-0 overflow-hidden opacity-0' : 'opacity-100'), children: _jsx(Text, { variant: titleVariant ?? (variant === 'large' ? 'headlineMedium' : 'headlineSmall'), className: cn('truncate', titleClassName), children: title }) }))] }));
|
|
29
|
+
});
|
|
30
|
+
TopAppBar.displayName = 'TopAppBar';
|
|
31
|
+
//# sourceMappingURL=top-app-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"top-app-bar.js","sourceRoot":"","sources":["../../src/components/top-app-bar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,iBAAiB,GAAG,GAAG,CAC3B,kJAAkJ,EAClJ;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,MAAM,EAAE,sBAAsB;YAC9B,KAAK,EAAE,sBAAsB;YAC7B,MAAM,EAAE,4CAA4C;YACpD,KAAK,EAAE,4CAA4C;SACpD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,+BAA+B;YACrC,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAWF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,OAAO,EACP,SAAS,EACT,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,OAAO,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IACtC,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAElE,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,gBACtD,SAAS,IAAI,WAAW,aAEpC,eACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,EAClC,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CACzD,aAEA,cAAc,IAAI,CACjB,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,YAC/E,cAAc,GACX,CACP,EAEA,CAAC,MAAM,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,kBAAkB,CAAC,YAErF,KAAC,IAAI,IACH,OAAO,EAAE,YAAY,IAAI,YAAY,EACrC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,CAAC,YAErD,KAAK,GACD,GACH,CACP,EAED,cACE,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,QAAQ,IAAI,kBAAkB,CAC/B,YAEA,OAAO,GACJ,IACF,EAEL,MAAM,IAAI,CACT,cACE,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,aAAa,CAC3D,YAED,KAAC,IAAI,IACH,OAAO,EAAE,YAAY,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,EACnF,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,YAExC,KAAK,GACD,GACH,CACP,IACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { type TypographyRole } from '../lib/typography-roles.js';
|
|
4
|
+
declare const typographyVariants: (props?: ({
|
|
5
|
+
variant?: "displayLarge" | "displayMedium" | "displaySmall" | "headlineLarge" | "headlineMedium" | "headlineSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "labelLarge" | "labelMedium" | "labelSmall" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export type TypographyScale = NonNullable<VariantProps<typeof typographyVariants>['variant']>;
|
|
8
|
+
export type TypographyVariant = TypographyScale | TypographyRole;
|
|
9
|
+
type BaseTypographyProps = React.HTMLAttributes<HTMLElement> & {
|
|
10
|
+
component?: React.ElementType;
|
|
11
|
+
};
|
|
12
|
+
export type TypographyProps = BaseTypographyProps & {
|
|
13
|
+
variant?: TypographyVariant;
|
|
14
|
+
};
|
|
15
|
+
export declare const Typography: React.FC<TypographyProps>;
|
|
16
|
+
export type { TypographyRole };
|
|
17
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/components/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,QAAA,MAAM,kBAAkB;;8EAuBtB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAC9F,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,cAAc,CAAC;AAEjE,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAwBF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyBhD,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { typographyRoleClasses, typographyRoleDefaultTags, } from '../lib/typography-roles.js';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
const typographyVariants = cva('text-on-surface', {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
displayLarge: 'text-display-large',
|
|
9
|
+
displayMedium: 'text-display-medium',
|
|
10
|
+
displaySmall: 'text-display-small',
|
|
11
|
+
headlineLarge: 'text-headline-large',
|
|
12
|
+
headlineMedium: 'text-headline-medium',
|
|
13
|
+
headlineSmall: 'text-headline-small',
|
|
14
|
+
titleLarge: 'text-title-large',
|
|
15
|
+
titleMedium: 'text-title-medium',
|
|
16
|
+
titleSmall: 'text-title-small',
|
|
17
|
+
bodyLarge: 'text-body-large',
|
|
18
|
+
bodyMedium: 'text-body-medium',
|
|
19
|
+
bodySmall: 'text-body-small',
|
|
20
|
+
labelLarge: 'text-label-large',
|
|
21
|
+
labelMedium: 'text-label-medium',
|
|
22
|
+
labelSmall: 'text-label-small',
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
variant: 'bodyLarge',
|
|
27
|
+
},
|
|
28
|
+
});
|
|
29
|
+
const defaultTags = {
|
|
30
|
+
displayLarge: 'h1',
|
|
31
|
+
displayMedium: 'h2',
|
|
32
|
+
displaySmall: 'h3',
|
|
33
|
+
headlineLarge: 'h4',
|
|
34
|
+
headlineMedium: 'h5',
|
|
35
|
+
headlineSmall: 'h6',
|
|
36
|
+
titleLarge: 'p',
|
|
37
|
+
titleMedium: 'p',
|
|
38
|
+
titleSmall: 'p',
|
|
39
|
+
bodyLarge: 'p',
|
|
40
|
+
bodyMedium: 'p',
|
|
41
|
+
bodySmall: 'p',
|
|
42
|
+
labelLarge: 'span',
|
|
43
|
+
labelMedium: 'span',
|
|
44
|
+
labelSmall: 'span',
|
|
45
|
+
};
|
|
46
|
+
function isTypographyRole(variant) {
|
|
47
|
+
return variant in typographyRoleClasses;
|
|
48
|
+
}
|
|
49
|
+
export const Typography = ({ variant = 'bodyLarge', component, className, children, ...props }) => {
|
|
50
|
+
const role = isTypographyRole(variant) ? variant : undefined;
|
|
51
|
+
const scale = role ? undefined : variant;
|
|
52
|
+
const Component = component ||
|
|
53
|
+
(role ? typographyRoleDefaultTags[role] : defaultTags[scale ?? 'bodyLarge']) ||
|
|
54
|
+
'p';
|
|
55
|
+
return (_jsx(Component, { className: cn(role ? 'text-on-surface' : typographyVariants({ variant: scale }), role && typographyRoleClasses[role], className), ...props, children: children }));
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/components/typography.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,qBAAqB,EACrB,yBAAyB,GAE1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,kBAAkB,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAChD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,YAAY,EAAE,oBAAoB;YAClC,aAAa,EAAE,qBAAqB;YACpC,YAAY,EAAE,oBAAoB;YAClC,aAAa,EAAE,qBAAqB;YACpC,cAAc,EAAE,sBAAsB;YACtC,aAAa,EAAE,qBAAqB;YACpC,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,kBAAkB;YAC9B,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,kBAAkB;YAC9B,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,kBAAkB;SAC/B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,WAAW;KACrB;CACF,CAAC,CAAC;AAaH,MAAM,WAAW,GAA+C;IAC9D,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;IACnB,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,GAAG;IAChB,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,MAAM;CACnB,CAAC;AAEF,SAAS,gBAAgB,CAAC,OAA0B;IAClD,OAAO,OAAO,IAAI,qBAAqB,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,OAAO,GAAG,WAAW,EACrB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,MAAM,KAAK,GAAgC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,OAA2B,CAAC;IAC3F,MAAM,SAAS,GACb,SAAS;QACT,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC;QAC5E,GAAG,CAAC;IACN,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACjE,IAAI,IAAI,qBAAqB,CAAC,IAAI,CAAC,EACnC,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-scroll-lock.d.ts","sourceRoot":"","sources":["../../src/hooks/use-scroll-lock.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,UA2B5C"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useEffect, useRef } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Hook to lock body scroll while preventing layout shift.
|
|
5
|
+
* Calculates scrollbar width and adds equivalent padding to compensate.
|
|
6
|
+
*/
|
|
7
|
+
export function useScrollLock(locked) {
|
|
8
|
+
const scrollbarWidthRef = useRef(0);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (locked) {
|
|
11
|
+
// Calculate scrollbar width before hiding it
|
|
12
|
+
scrollbarWidthRef.current = window.innerWidth - document.documentElement.clientWidth;
|
|
13
|
+
// Store original styles
|
|
14
|
+
const originalOverflow = document.body.style.overflow;
|
|
15
|
+
const originalPaddingRight = document.body.style.paddingRight;
|
|
16
|
+
// Apply scroll lock with compensation
|
|
17
|
+
document.body.style.overflow = 'hidden';
|
|
18
|
+
if (scrollbarWidthRef.current > 0) {
|
|
19
|
+
document.body.style.paddingRight = `${scrollbarWidthRef.current}px`;
|
|
20
|
+
}
|
|
21
|
+
return () => {
|
|
22
|
+
// Restore original styles
|
|
23
|
+
document.body.style.overflow = originalOverflow;
|
|
24
|
+
document.body.style.paddingRight = originalPaddingRight;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
}, [locked]);
|
|
28
|
+
return scrollbarWidthRef.current;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=use-scroll-lock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-scroll-lock.js","sourceRoot":"","sources":["../../src/hooks/use-scroll-lock.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,MAAe;IAC3C,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,6CAA6C;YAC7C,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;YAErF,wBAAwB;YACxB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACtD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;YAE9D,sCAAsC;YACtC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxC,IAAI,iBAAiB,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC;gBAClC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,iBAAiB,CAAC,OAAO,IAAI,CAAC;YACtE,CAAC;YAED,OAAO,GAAG,EAAE;gBACV,0BAA0B;gBAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,gBAAgB,CAAC;gBAChD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,oBAAoB,CAAC;YAC1D,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,iBAAiB,CAAC,OAAO,CAAC;AACnC,CAAC"}
|