@unisane/ui 0.1.0-next.b67ebfd0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +45 -0
- package/dist/components/accordion.d.ts +30 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +47 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/alert.d.ts +13 -0
- package/dist/components/alert.d.ts.map +1 -0
- package/dist/components/alert.js +33 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/avatar.d.ts +20 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +38 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.d.ts +19 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +92 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/banner.d.ts +24 -0
- package/dist/components/banner.d.ts.map +1 -0
- package/dist/components/banner.js +43 -0
- package/dist/components/banner.js.map +1 -0
- package/dist/components/bottom-app-bar.d.ts +34 -0
- package/dist/components/bottom-app-bar.d.ts.map +1 -0
- package/dist/components/bottom-app-bar.js +32 -0
- package/dist/components/bottom-app-bar.js.map +1 -0
- package/dist/components/breadcrumb.d.ts +26 -0
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +23 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/button.d.ts +20 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +66 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/calendar.d.ts +14 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +178 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/canonical-layouts.d.ts +36 -0
- package/dist/components/canonical-layouts.d.ts.map +1 -0
- package/dist/components/canonical-layouts.js +49 -0
- package/dist/components/canonical-layouts.js.map +1 -0
- package/dist/components/card.d.ts +20 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +70 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/carousel.d.ts +42 -0
- package/dist/components/carousel.d.ts.map +1 -0
- package/dist/components/carousel.js +225 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/checkbox.d.ts +10 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +31 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/chip.d.ts +27 -0
- package/dist/components/chip.d.ts.map +1 -0
- package/dist/components/chip.js +69 -0
- package/dist/components/chip.js.map +1 -0
- package/dist/components/combobox.d.ts +27 -0
- package/dist/components/combobox.d.ts.map +1 -0
- package/dist/components/combobox.js +261 -0
- package/dist/components/combobox.js.map +1 -0
- package/dist/components/command.d.ts +87 -0
- package/dist/components/command.d.ts.map +1 -0
- package/dist/components/command.js +31 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/confirm-dialog.d.ts +22 -0
- package/dist/components/confirm-dialog.d.ts.map +1 -0
- package/dist/components/confirm-dialog.js +72 -0
- package/dist/components/confirm-dialog.js.map +1 -0
- package/dist/components/date-input.d.ts +30 -0
- package/dist/components/date-input.d.ts.map +1 -0
- package/dist/components/date-input.js +334 -0
- package/dist/components/date-input.js.map +1 -0
- package/dist/components/date-picker.d.ts +13 -0
- package/dist/components/date-picker.d.ts.map +1 -0
- package/dist/components/date-picker.js +93 -0
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/date-range-picker.d.ts +29 -0
- package/dist/components/date-range-picker.d.ts.map +1 -0
- package/dist/components/date-range-picker.js +196 -0
- package/dist/components/date-range-picker.js.map +1 -0
- package/dist/components/dialog.d.ts +31 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +58 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/divider.d.ts +8 -0
- package/dist/components/divider.d.ts.map +1 -0
- package/dist/components/divider.js +8 -0
- package/dist/components/divider.js.map +1 -0
- package/dist/components/drawer.d.ts +30 -0
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +27 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/dropdown-menu.d.ts +61 -0
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +572 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/fab-menu.d.ts +18 -0
- package/dist/components/fab-menu.d.ts.map +1 -0
- package/dist/components/fab-menu.js +56 -0
- package/dist/components/fab-menu.js.map +1 -0
- package/dist/components/fab.d.ts +25 -0
- package/dist/components/fab.d.ts.map +1 -0
- package/dist/components/fab.js +75 -0
- package/dist/components/fab.js.map +1 -0
- package/dist/components/field.d.ts +15 -0
- package/dist/components/field.d.ts.map +1 -0
- package/dist/components/field.js +14 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/icon-button.d.ts +27 -0
- package/dist/components/icon-button.d.ts.map +1 -0
- package/dist/components/icon-button.js +80 -0
- package/dist/components/icon-button.js.map +1 -0
- package/dist/components/icon.d.ts +18 -0
- package/dist/components/icon.d.ts.map +1 -0
- package/dist/components/icon.js +50 -0
- package/dist/components/icon.js.map +1 -0
- package/dist/components/list.d.ts +43 -0
- package/dist/components/list.d.ts.map +1 -0
- package/dist/components/list.js +74 -0
- package/dist/components/list.js.map +1 -0
- package/dist/components/mode-switcher.d.ts +9 -0
- package/dist/components/mode-switcher.d.ts.map +1 -0
- package/dist/components/mode-switcher.js +22 -0
- package/dist/components/mode-switcher.js.map +1 -0
- package/dist/components/month-picker.d.ts +22 -0
- package/dist/components/month-picker.d.ts.map +1 -0
- package/dist/components/month-picker.js +210 -0
- package/dist/components/month-picker.js.map +1 -0
- package/dist/components/navigation-bar.d.ts +8 -0
- package/dist/components/navigation-bar.d.ts.map +1 -0
- package/dist/components/navigation-bar.js +23 -0
- package/dist/components/navigation-bar.js.map +1 -0
- package/dist/components/navigation-drawer.d.ts +18 -0
- package/dist/components/navigation-drawer.d.ts.map +1 -0
- package/dist/components/navigation-drawer.js +64 -0
- package/dist/components/navigation-drawer.js.map +1 -0
- package/dist/components/navigation-rail.d.ts +13 -0
- package/dist/components/navigation-rail.d.ts.map +1 -0
- package/dist/components/navigation-rail.js +23 -0
- package/dist/components/navigation-rail.js.map +1 -0
- package/dist/components/pagination.d.ts +32 -0
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +68 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/pane-group.d.ts +9 -0
- package/dist/components/pane-group.d.ts.map +1 -0
- package/dist/components/pane-group.js +6 -0
- package/dist/components/pane-group.js.map +1 -0
- package/dist/components/popover.d.ts +26 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +242 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/progress.d.ts +15 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +37 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio.d.ts +9 -0
- package/dist/components/radio.d.ts.map +1 -0
- package/dist/components/radio.js +19 -0
- package/dist/components/radio.js.map +1 -0
- package/dist/components/rating.d.ts +19 -0
- package/dist/components/rating.d.ts.map +1 -0
- package/dist/components/rating.js +64 -0
- package/dist/components/rating.js.map +1 -0
- package/dist/components/ripple.d.ts +10 -0
- package/dist/components/ripple.d.ts.map +1 -0
- package/dist/components/ripple.js +44 -0
- package/dist/components/ripple.js.map +1 -0
- package/dist/components/scroll-area.d.ts +6 -0
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +6 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/search-bar.d.ts +12 -0
- package/dist/components/search-bar.d.ts.map +1 -0
- package/dist/components/search-bar.js +71 -0
- package/dist/components/search-bar.js.map +1 -0
- package/dist/components/segmented-button.d.ts +39 -0
- package/dist/components/segmented-button.d.ts.map +1 -0
- package/dist/components/segmented-button.js +162 -0
- package/dist/components/segmented-button.js.map +1 -0
- package/dist/components/select-field.d.ts +46 -0
- package/dist/components/select-field.d.ts.map +1 -0
- package/dist/components/select-field.js +56 -0
- package/dist/components/select-field.js.map +1 -0
- package/dist/components/select.d.ts +45 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +356 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/sheet.d.ts +28 -0
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +122 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-drawer.d.ts +14 -0
- package/dist/components/sidebar/components/sidebar-drawer.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-drawer.js +60 -0
- package/dist/components/sidebar/components/sidebar-drawer.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-inset.d.ts +6 -0
- package/dist/components/sidebar/components/sidebar-inset.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-inset.js +24 -0
- package/dist/components/sidebar/components/sidebar-inset.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-navigation.d.ts +13 -0
- package/dist/components/sidebar/components/sidebar-navigation.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-navigation.js +40 -0
- package/dist/components/sidebar/components/sidebar-navigation.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-rail.d.ts +5 -0
- package/dist/components/sidebar/components/sidebar-rail.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-rail.js +19 -0
- package/dist/components/sidebar/components/sidebar-rail.js.map +1 -0
- package/dist/components/sidebar/components/sidebar-shell.d.ts +13 -0
- package/dist/components/sidebar/components/sidebar-shell.d.ts.map +1 -0
- package/dist/components/sidebar/components/sidebar-shell.js +42 -0
- package/dist/components/sidebar/components/sidebar-shell.js.map +1 -0
- package/dist/components/sidebar/context/sidebar-provider.d.ts +5 -0
- package/dist/components/sidebar/context/sidebar-provider.d.ts.map +1 -0
- package/dist/components/sidebar/context/sidebar-provider.js +335 -0
- package/dist/components/sidebar/context/sidebar-provider.js.map +1 -0
- package/dist/components/sidebar/index.d.ts +11 -0
- package/dist/components/sidebar/index.d.ts.map +1 -0
- package/dist/components/sidebar/index.js +7 -0
- package/dist/components/sidebar/index.js.map +1 -0
- package/dist/components/sidebar/model/sidebar.state.d.ts +44 -0
- package/dist/components/sidebar/model/sidebar.state.d.ts.map +1 -0
- package/dist/components/sidebar/model/sidebar.state.js +122 -0
- package/dist/components/sidebar/model/sidebar.state.js.map +1 -0
- package/dist/components/sidebar/model/sidebar.types.d.ts +79 -0
- package/dist/components/sidebar/model/sidebar.types.d.ts.map +1 -0
- package/dist/components/sidebar/model/sidebar.types.js +2 -0
- package/dist/components/sidebar/model/sidebar.types.js.map +1 -0
- package/dist/components/skeleton.d.ts +27 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +37 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.d.ts +16 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +41 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/stat-card.d.ts +20 -0
- package/dist/components/stat-card.d.ts.map +1 -0
- package/dist/components/stat-card.js +13 -0
- package/dist/components/stat-card.js.map +1 -0
- package/dist/components/stepper.d.ts +21 -0
- package/dist/components/stepper.d.ts.map +1 -0
- package/dist/components/stepper.js +49 -0
- package/dist/components/stepper.js.map +1 -0
- package/dist/components/switch.d.ts +8 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +23 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.d.ts +8 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +9 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +23 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +96 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/text-field.d.ts +31 -0
- package/dist/components/text-field.d.ts.map +1 -0
- package/dist/components/text-field.js +103 -0
- package/dist/components/text-field.js.map +1 -0
- package/dist/components/time-picker.d.ts +11 -0
- package/dist/components/time-picker.d.ts.map +1 -0
- package/dist/components/time-picker.js +284 -0
- package/dist/components/time-picker.js.map +1 -0
- package/dist/components/toast.d.ts +40 -0
- package/dist/components/toast.d.ts.map +1 -0
- package/dist/components/toast.js +194 -0
- package/dist/components/toast.js.map +1 -0
- package/dist/components/token-field.d.ts +48 -0
- package/dist/components/token-field.d.ts.map +1 -0
- package/dist/components/token-field.js +244 -0
- package/dist/components/token-field.js.map +1 -0
- package/dist/components/tooltip.d.ts +12 -0
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +81 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/top-app-bar.d.ts +28 -0
- package/dist/components/top-app-bar.d.ts.map +1 -0
- package/dist/components/top-app-bar.js +31 -0
- package/dist/components/top-app-bar.js.map +1 -0
- package/dist/components/typography.d.ts +17 -0
- package/dist/components/typography.d.ts.map +1 -0
- package/dist/components/typography.js +57 -0
- package/dist/components/typography.js.map +1 -0
- package/dist/hooks/use-scroll-lock.d.ts +6 -0
- package/dist/hooks/use-scroll-lock.d.ts.map +1 -0
- package/dist/hooks/use-scroll-lock.js +30 -0
- package/dist/hooks/use-scroll-lock.js.map +1 -0
- package/dist/index.css +5138 -0
- package/dist/index.d.ts +143 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +79 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/action-cluster.d.ts +7 -0
- package/dist/layout/action-cluster.d.ts.map +1 -0
- package/dist/layout/action-cluster.js +19 -0
- package/dist/layout/action-cluster.js.map +1 -0
- package/dist/layout/app-layout.d.ts +14 -0
- package/dist/layout/app-layout.d.ts.map +1 -0
- package/dist/layout/app-layout.js +9 -0
- package/dist/layout/app-layout.js.map +1 -0
- package/dist/layout/appearance-provider.d.ts +63 -0
- package/dist/layout/appearance-provider.d.ts.map +1 -0
- package/dist/layout/appearance-provider.js +250 -0
- package/dist/layout/appearance-provider.js.map +1 -0
- package/dist/layout/card-grid.d.ts +6 -0
- package/dist/layout/card-grid.d.ts.map +1 -0
- package/dist/layout/card-grid.js +13 -0
- package/dist/layout/card-grid.js.map +1 -0
- package/dist/layout/container.d.ts +8 -0
- package/dist/layout/container.d.ts.map +1 -0
- package/dist/layout/container.js +13 -0
- package/dist/layout/container.js.map +1 -0
- package/dist/layout/page-section.d.ts +9 -0
- package/dist/layout/page-section.d.ts.map +1 -0
- package/dist/layout/page-section.js +24 -0
- package/dist/layout/page-section.js.map +1 -0
- package/dist/layout/pane.d.ts +20 -0
- package/dist/layout/pane.d.ts.map +1 -0
- package/dist/layout/pane.js +48 -0
- package/dist/layout/pane.js.map +1 -0
- package/dist/layout/preview-frame.d.ts +8 -0
- package/dist/layout/preview-frame.d.ts.map +1 -0
- package/dist/layout/preview-frame.js +23 -0
- package/dist/layout/preview-frame.js.map +1 -0
- package/dist/layout/window-size-provider.d.ts +12 -0
- package/dist/layout/window-size-provider.d.ts.map +1 -0
- package/dist/layout/window-size-provider.js +40 -0
- package/dist/layout/window-size-provider.js.map +1 -0
- package/dist/lib/action-control.d.ts +27 -0
- package/dist/lib/action-control.d.ts.map +1 -0
- package/dist/lib/action-control.js +28 -0
- package/dist/lib/action-control.js.map +1 -0
- package/dist/lib/action-size.d.ts +41 -0
- package/dist/lib/action-size.d.ts.map +1 -0
- package/dist/lib/action-size.js +59 -0
- package/dist/lib/action-size.js.map +1 -0
- package/dist/lib/field-shell.d.ts +31 -0
- package/dist/lib/field-shell.d.ts.map +1 -0
- package/dist/lib/field-shell.js +48 -0
- package/dist/lib/field-shell.js.map +1 -0
- package/dist/lib/field-size.d.ts +44 -0
- package/dist/lib/field-size.d.ts.map +1 -0
- package/dist/lib/field-size.js +126 -0
- package/dist/lib/field-size.js.map +1 -0
- package/dist/lib/navigation-action.d.ts +21 -0
- package/dist/lib/navigation-action.d.ts.map +1 -0
- package/dist/lib/navigation-action.js +53 -0
- package/dist/lib/navigation-action.js.map +1 -0
- package/dist/lib/navigation-visuals.d.ts +38 -0
- package/dist/lib/navigation-visuals.d.ts.map +1 -0
- package/dist/lib/navigation-visuals.js +27 -0
- package/dist/lib/navigation-visuals.js.map +1 -0
- package/dist/lib/portal-layer.d.ts +3 -0
- package/dist/lib/portal-layer.d.ts.map +1 -0
- package/dist/lib/portal-layer.js +13 -0
- package/dist/lib/portal-layer.js.map +1 -0
- package/dist/lib/selection-control-size.d.ts +8 -0
- package/dist/lib/selection-control-size.d.ts.map +1 -0
- package/dist/lib/selection-control-size.js +15 -0
- package/dist/lib/selection-control-size.js.map +1 -0
- package/dist/lib/typography-roles.d.ts +20 -0
- package/dist/lib/typography-roles.d.ts.map +1 -0
- package/dist/lib/typography-roles.js +19 -0
- package/dist/lib/typography-roles.js.map +1 -0
- package/dist/lib/use-anchored-overlay-position.d.ts +21 -0
- package/dist/lib/use-anchored-overlay-position.d.ts.map +1 -0
- package/dist/lib/use-anchored-overlay-position.js +50 -0
- package/dist/lib/use-anchored-overlay-position.js.map +1 -0
- package/dist/lib/use-controllable-state.d.ts +8 -0
- package/dist/lib/use-controllable-state.d.ts.map +1 -0
- package/dist/lib/use-controllable-state.js +14 -0
- package/dist/lib/use-controllable-state.js.map +1 -0
- package/dist/lib/use-field-state.d.ts +16 -0
- package/dist/lib/use-field-state.d.ts.map +1 -0
- package/dist/lib/use-field-state.js +14 -0
- package/dist/lib/use-field-state.js.map +1 -0
- package/dist/lib/use-overlay-behavior.d.ts +17 -0
- package/dist/lib/use-overlay-behavior.d.ts.map +1 -0
- package/dist/lib/use-overlay-behavior.js +230 -0
- package/dist/lib/use-overlay-behavior.js.map +1 -0
- package/dist/lib/utils.d.ts +47 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +176 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/primitives/input.d.ts +15 -0
- package/dist/primitives/input.d.ts.map +1 -0
- package/dist/primitives/input.js +17 -0
- package/dist/primitives/input.js.map +1 -0
- package/dist/primitives/label.d.ts +14 -0
- package/dist/primitives/label.d.ts.map +1 -0
- package/dist/primitives/label.js +13 -0
- package/dist/primitives/label.js.map +1 -0
- package/dist/primitives/menu.d.ts +34 -0
- package/dist/primitives/menu.d.ts.map +1 -0
- package/dist/primitives/menu.js +56 -0
- package/dist/primitives/menu.js.map +1 -0
- package/dist/primitives/surface.d.ts +15 -0
- package/dist/primitives/surface.d.ts.map +1 -0
- package/dist/primitives/surface.js +53 -0
- package/dist/primitives/surface.js.map +1 -0
- package/dist/primitives/text.d.ts +16 -0
- package/dist/primitives/text.d.ts.map +1 -0
- package/dist/primitives/text.js +78 -0
- package/dist/primitives/text.js.map +1 -0
- package/dist/primitives/textarea.d.ts +16 -0
- package/dist/primitives/textarea.d.ts.map +1 -0
- package/dist/primitives/textarea.js +18 -0
- package/dist/primitives/textarea.js.map +1 -0
- package/dist/types/navigation.d.ts +26 -0
- package/dist/types/navigation.d.ts.map +1 -0
- package/dist/types/navigation.js +2 -0
- package/dist/types/navigation.js.map +1 -0
- package/package.json +485 -0
- package/registry/components/accordion.tsx +166 -0
- package/registry/components/alert.tsx +90 -0
- package/registry/components/avatar.tsx +86 -0
- package/registry/components/badge.tsx +104 -0
- package/registry/components/banner.tsx +165 -0
- package/registry/components/bottom-app-bar.tsx +88 -0
- package/registry/components/breadcrumb.tsx +87 -0
- package/registry/components/button.tsx +195 -0
- package/registry/components/calendar.tsx +334 -0
- package/registry/components/canonical-layouts.tsx +264 -0
- package/registry/components/card.tsx +165 -0
- package/registry/components/carousel.tsx +482 -0
- package/registry/components/checkbox.tsx +154 -0
- package/registry/components/chip.tsx +201 -0
- package/registry/components/combobox.tsx +504 -0
- package/registry/components/command.tsx +165 -0
- package/registry/components/confirm-dialog.tsx +146 -0
- package/registry/components/date-input.tsx +570 -0
- package/registry/components/date-picker.tsx +214 -0
- package/registry/components/date-range-picker.tsx +449 -0
- package/registry/components/dialog.tsx +253 -0
- package/registry/components/divider.tsx +33 -0
- package/registry/components/drawer.tsx +217 -0
- package/registry/components/dropdown-menu.tsx +879 -0
- package/registry/components/fab-menu.tsx +138 -0
- package/registry/components/fab.tsx +185 -0
- package/registry/components/field.tsx +48 -0
- package/registry/components/icon-button.tsx +209 -0
- package/registry/components/icon.tsx +118 -0
- package/registry/components/list.tsx +319 -0
- package/registry/components/mode-switcher.tsx +48 -0
- package/registry/components/month-picker.tsx +363 -0
- package/registry/components/navigation-bar.tsx +112 -0
- package/registry/components/navigation-drawer.tsx +189 -0
- package/registry/components/navigation-rail.tsx +113 -0
- package/registry/components/pagination.tsx +243 -0
- package/registry/components/pane-group.tsx +38 -0
- package/registry/components/popover.tsx +395 -0
- package/registry/components/progress.tsx +112 -0
- package/registry/components/radio.tsx +103 -0
- package/registry/components/rating.tsx +150 -0
- package/registry/components/ripple.tsx +82 -0
- package/registry/components/scroll-area.tsx +26 -0
- package/registry/components/search-bar.tsx +171 -0
- package/registry/components/segmented-button.tsx +352 -0
- package/registry/components/select-field.tsx +216 -0
- package/registry/components/select.tsx +720 -0
- package/registry/components/sheet.tsx +318 -0
- package/registry/components/sidebar/components/sidebar-drawer.tsx +177 -0
- package/registry/components/sidebar/components/sidebar-inset.tsx +46 -0
- package/registry/components/sidebar/components/sidebar-navigation.tsx +208 -0
- package/registry/components/sidebar/components/sidebar-rail.tsx +47 -0
- package/registry/components/sidebar/components/sidebar-shell.tsx +100 -0
- package/registry/components/sidebar/context/sidebar-provider.tsx +402 -0
- package/registry/components/sidebar/index.ts +25 -0
- package/registry/components/sidebar/model/sidebar.state.ts +172 -0
- package/registry/components/sidebar/model/sidebar.types.ts +87 -0
- package/registry/components/skeleton.tsx +103 -0
- package/registry/components/slider.tsx +170 -0
- package/registry/components/stat-card.tsx +78 -0
- package/registry/components/stepper.tsx +183 -0
- package/registry/components/switch.tsx +123 -0
- package/registry/components/table.tsx +71 -0
- package/registry/components/tabs.tsx +235 -0
- package/registry/components/text-field.tsx +273 -0
- package/registry/components/time-picker.tsx +571 -0
- package/registry/components/toast.tsx +402 -0
- package/registry/components/token-field.tsx +438 -0
- package/registry/components/tooltip.tsx +149 -0
- package/registry/components/top-app-bar.tsx +120 -0
- package/registry/components/typography.tsx +95 -0
- package/registry/hooks/use-scroll-lock.ts +36 -0
- package/registry/layout/action-cluster.tsx +40 -0
- package/registry/layout/app-layout.tsx +82 -0
- package/registry/layout/appearance-provider.tsx +367 -0
- package/registry/layout/card-grid.tsx +31 -0
- package/registry/layout/container.tsx +26 -0
- package/registry/layout/page-section.tsx +54 -0
- package/registry/layout/pane.tsx +126 -0
- package/registry/layout/preview-frame.tsx +50 -0
- package/registry/layout/window-size-provider.tsx +59 -0
- package/registry/lib/action-control.tsx +68 -0
- package/registry/lib/action-size.ts +67 -0
- package/registry/lib/field-shell.ts +115 -0
- package/registry/lib/field-size.ts +169 -0
- package/registry/lib/navigation-action.tsx +109 -0
- package/registry/lib/navigation-visuals.tsx +173 -0
- package/registry/lib/portal-layer.ts +17 -0
- package/registry/lib/selection-control-size.ts +24 -0
- package/registry/lib/typography-roles.ts +23 -0
- package/registry/lib/use-anchored-overlay-position.ts +95 -0
- package/registry/lib/use-controllable-state.ts +29 -0
- package/registry/lib/use-field-state.ts +32 -0
- package/registry/lib/use-overlay-behavior.ts +324 -0
- package/registry/lib/utils.ts +205 -0
- package/registry/primitives/input.tsx +37 -0
- package/registry/primitives/label.tsx +35 -0
- package/registry/primitives/menu.tsx +218 -0
- package/registry/primitives/surface.tsx +67 -0
- package/registry/primitives/text.tsx +105 -0
- package/registry/primitives/textarea.tsx +38 -0
- package/registry/registry-schema.json +91 -0
- package/registry/registry.json +1369 -0
- package/registry/styles/globals.css +1370 -0
- package/registry/styles/themes/black.css +342 -0
- package/registry/styles/themes/blue.css +342 -0
- package/registry/styles/themes/cyan.css +342 -0
- package/registry/styles/themes/green.css +342 -0
- package/registry/styles/themes/neutral.css +342 -0
- package/registry/styles/themes/orange.css +342 -0
- package/registry/styles/themes/pink.css +342 -0
- package/registry/styles/themes/purple.css +342 -0
- package/registry/styles/themes/red.css +342 -0
- package/registry/styles/themes/yellow.css +342 -0
- package/registry/tsconfig.json +10 -0
- package/registry/types/navigation.ts +35 -0
- package/unisane.meta.json +99 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mode-switcher.js","sourceRoot":"","sources":["../../src/components/mode-switcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAuB,MAAM,+BAA+B,CAAC;AAE7E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAA8B,MAAM,oBAAoB,CAAC;AAWjF,MAAM,KAAK,GAA6D;IACtE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE;IACtD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE;IACnD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,OAAO,GAA4C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5E,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,SAAS,YAAE,IAAI,CAAC,KAAK,GAAQ;QAC9E,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,SAAS;KAC1D,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,gBACG,iBAAiB,EAC5B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,OAAO,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type FieldSize } from '../lib/field-size.js';
|
|
3
|
+
import { type FieldShellVariant } from '../lib/field-shell.js';
|
|
4
|
+
export type MonthPickerProps = {
|
|
5
|
+
variant?: FieldShellVariant;
|
|
6
|
+
value?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onValueChange?: (value: string) => void;
|
|
9
|
+
open?: boolean;
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
onOpenChange?: (open: boolean) => void;
|
|
12
|
+
label?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
error?: boolean;
|
|
15
|
+
helperText?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
min?: string;
|
|
18
|
+
max?: string;
|
|
19
|
+
size?: FieldSize;
|
|
20
|
+
};
|
|
21
|
+
export declare const MonthPicker: React.FC<MonthPickerProps>;
|
|
22
|
+
//# sourceMappingURL=month-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../../src/components/month-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAyB5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoQlD,CAAC"}
|
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { createPortal } from 'react-dom';
|
|
5
|
+
import { cn } from '../lib/utils.js';
|
|
6
|
+
import { getPortalLayerStyle } from '../lib/portal-layer.js';
|
|
7
|
+
import { useAnchoredOverlayPosition } from '../lib/use-anchored-overlay-position.js';
|
|
8
|
+
import { useControllableState } from '../lib/use-controllable-state.js';
|
|
9
|
+
import { useOverlayBehavior } from '../lib/use-overlay-behavior.js';
|
|
10
|
+
import { Surface } from '../primitives/surface.js';
|
|
11
|
+
import { Text } from '../primitives/text.js';
|
|
12
|
+
import { IconButton } from './icon-button.js';
|
|
13
|
+
import { TextField } from './text-field.js';
|
|
14
|
+
const MONTHS = [
|
|
15
|
+
'January',
|
|
16
|
+
'February',
|
|
17
|
+
'March',
|
|
18
|
+
'April',
|
|
19
|
+
'May',
|
|
20
|
+
'June',
|
|
21
|
+
'July',
|
|
22
|
+
'August',
|
|
23
|
+
'September',
|
|
24
|
+
'October',
|
|
25
|
+
'November',
|
|
26
|
+
'December',
|
|
27
|
+
];
|
|
28
|
+
export const MonthPicker = ({ value, defaultValue, onValueChange, open, defaultOpen = false, onOpenChange, label = 'Month', disabled = false, error = false, helperText, className, variant = 'outlined', min, max, size = 'md', }) => {
|
|
29
|
+
const [selectedValue, setSelectedValue] = useControllableState({
|
|
30
|
+
value,
|
|
31
|
+
defaultValue: normalizeMonthValue(defaultValue) ?? '',
|
|
32
|
+
onChange: onValueChange,
|
|
33
|
+
});
|
|
34
|
+
const [openState, setOpenState] = useControllableState({
|
|
35
|
+
value: open,
|
|
36
|
+
defaultValue: defaultOpen,
|
|
37
|
+
onChange: onOpenChange,
|
|
38
|
+
});
|
|
39
|
+
const normalizedValue = normalizeMonthValue(selectedValue) ?? '';
|
|
40
|
+
const normalizedMin = normalizeMonthValue(min);
|
|
41
|
+
const normalizedMax = normalizeMonthValue(max);
|
|
42
|
+
const isOpen = openState ?? false;
|
|
43
|
+
const containerRef = useRef(null);
|
|
44
|
+
const popoverRef = useRef(null);
|
|
45
|
+
const [viewYear, setViewYear] = useState(() => readYear(normalizedValue) ?? new Date().getFullYear());
|
|
46
|
+
const [inputValue, setInputValue] = useState(() => formatMonthLabel(normalizedValue));
|
|
47
|
+
const inputFocusedRef = useRef(false);
|
|
48
|
+
const popoverPosition = useAnchoredOverlayPosition({
|
|
49
|
+
open: isOpen,
|
|
50
|
+
anchorRef: containerRef,
|
|
51
|
+
contentRef: popoverRef,
|
|
52
|
+
portal: true,
|
|
53
|
+
minimumWidth: 320,
|
|
54
|
+
estimatedHeight: 280,
|
|
55
|
+
});
|
|
56
|
+
const displayValue = useMemo(() => formatMonthLabel(normalizedValue), [normalizedValue]);
|
|
57
|
+
useEffect(() => {
|
|
58
|
+
if (!inputFocusedRef.current)
|
|
59
|
+
setInputValue(displayValue);
|
|
60
|
+
}, [displayValue]);
|
|
61
|
+
const openPicker = useCallback(() => {
|
|
62
|
+
if (disabled)
|
|
63
|
+
return;
|
|
64
|
+
setViewYear(readYear(normalizedValue) ?? new Date().getFullYear());
|
|
65
|
+
setOpenState(true);
|
|
66
|
+
}, [disabled, normalizedValue, setOpenState]);
|
|
67
|
+
const selectMonth = useCallback((monthIndex) => {
|
|
68
|
+
const nextValue = `${viewYear}-${String(monthIndex + 1).padStart(2, '0')}`;
|
|
69
|
+
if (isMonthDisabled(nextValue, normalizedMin, normalizedMax))
|
|
70
|
+
return;
|
|
71
|
+
setSelectedValue(nextValue);
|
|
72
|
+
setInputValue(formatMonthLabel(nextValue));
|
|
73
|
+
setOpenState(false);
|
|
74
|
+
}, [normalizedMax, normalizedMin, setOpenState, setSelectedValue, viewYear]);
|
|
75
|
+
const commitInputValue = useCallback(() => {
|
|
76
|
+
const nextValue = parseMonthInput(inputValue);
|
|
77
|
+
inputFocusedRef.current = false;
|
|
78
|
+
if (!inputValue.trim()) {
|
|
79
|
+
setSelectedValue('');
|
|
80
|
+
setInputValue('');
|
|
81
|
+
setOpenState(false);
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
if (!nextValue || isMonthDisabled(nextValue, normalizedMin, normalizedMax)) {
|
|
85
|
+
setInputValue(displayValue);
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
setSelectedValue(nextValue);
|
|
89
|
+
setViewYear(readYear(nextValue) ?? viewYear);
|
|
90
|
+
setInputValue(formatMonthLabel(nextValue));
|
|
91
|
+
setOpenState(false);
|
|
92
|
+
}, [
|
|
93
|
+
displayValue,
|
|
94
|
+
inputValue,
|
|
95
|
+
normalizedMax,
|
|
96
|
+
normalizedMin,
|
|
97
|
+
setOpenState,
|
|
98
|
+
setSelectedValue,
|
|
99
|
+
viewYear,
|
|
100
|
+
]);
|
|
101
|
+
const scheduleInputCommit = useCallback(() => {
|
|
102
|
+
window.setTimeout(() => {
|
|
103
|
+
const activeElement = document.activeElement;
|
|
104
|
+
if (activeElement &&
|
|
105
|
+
(containerRef.current?.contains(activeElement) ||
|
|
106
|
+
popoverRef.current?.contains(activeElement))) {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
commitInputValue();
|
|
110
|
+
}, 0);
|
|
111
|
+
}, [commitInputValue]);
|
|
112
|
+
useOverlayBehavior({
|
|
113
|
+
open: isOpen,
|
|
114
|
+
contentRef: popoverRef,
|
|
115
|
+
rootRef: containerRef,
|
|
116
|
+
onDismiss: () => setOpenState(false),
|
|
117
|
+
modal: false,
|
|
118
|
+
dismissOnEscape: true,
|
|
119
|
+
dismissOnInteractOutside: true,
|
|
120
|
+
initialFocus: true,
|
|
121
|
+
restoreFocus: true,
|
|
122
|
+
});
|
|
123
|
+
const pickerButton = (_jsx("button", { type: "button", disabled: disabled, "aria-label": "Open month picker", "aria-expanded": isOpen, "aria-haspopup": "dialog", tabIndex: -1, className: cn('rounded-icon-button -mr-1 p-1 transition-colors', 'hover:bg-state-hover focus-visible:bg-state-focus focus-visible:outline-none', error ? 'text-error' : 'text-on-surface-variant'), onClick: (event) => {
|
|
124
|
+
event.preventDefault();
|
|
125
|
+
event.stopPropagation();
|
|
126
|
+
if (isOpen) {
|
|
127
|
+
setOpenState(false);
|
|
128
|
+
}
|
|
129
|
+
else {
|
|
130
|
+
openPicker();
|
|
131
|
+
}
|
|
132
|
+
}, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z" }) }) }));
|
|
133
|
+
return (_jsxs("div", { className: cn('relative w-full', className), ref: containerRef, children: [_jsx(TextField, { disabled: disabled, ...(error ? { errorMessage: helperText } : { description: helperText }), invalid: error, label: label, size: size, trailingIcon: pickerButton, value: inputValue, variant: variant, onClick: openPicker, onBlur: scheduleInputCommit, onValueChange: setInputValue, onFocus: () => {
|
|
134
|
+
inputFocusedRef.current = true;
|
|
135
|
+
}, onKeyDown: (event) => {
|
|
136
|
+
if (event.key === 'Enter') {
|
|
137
|
+
event.preventDefault();
|
|
138
|
+
commitInputValue();
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
if (event.key === 'ArrowDown') {
|
|
142
|
+
event.preventDefault();
|
|
143
|
+
openPicker();
|
|
144
|
+
}
|
|
145
|
+
} }), isOpen && typeof document !== 'undefined'
|
|
146
|
+
? createPortal(_jsx("div", { ref: popoverRef, role: "dialog", "aria-label": "Choose month", tabIndex: -1, className: "fixed z-[var(--z-popover,2000)] transition-none", style: {
|
|
147
|
+
top: popoverPosition.top,
|
|
148
|
+
left: popoverPosition.left,
|
|
149
|
+
width: popoverPosition.width,
|
|
150
|
+
visibility: popoverPosition.positioned ? 'visible' : 'hidden',
|
|
151
|
+
...getPortalLayerStyle(containerRef.current),
|
|
152
|
+
}, children: _jsxs(Surface, { tone: "surface", elevation: 1, className: "overflow-hidden rounded-sm", children: [_jsxs("div", { className: "border-outline-weak flex items-center justify-between border-b p-3", children: [_jsx(IconButton, { "aria-label": "Previous year", icon: _jsx("span", { className: "material-symbols-outlined", children: "chevron_left" }), onClick: () => setViewYear((year) => year - 1) }), _jsx(Text, { as: "span", variant: "titleMedium", "aria-live": "polite", children: viewYear }), _jsx(IconButton, { "aria-label": "Next year", icon: _jsx("span", { className: "material-symbols-outlined", children: "chevron_right" }), onClick: () => setViewYear((year) => year + 1) })] }), _jsx("div", { className: "grid grid-cols-3 gap-2 p-3", role: "grid", "aria-label": `Months in ${viewYear}`, children: MONTHS.map((month, monthIndex) => {
|
|
153
|
+
const optionValue = `${viewYear}-${String(monthIndex + 1).padStart(2, '0')}`;
|
|
154
|
+
const selected = normalizedValue === optionValue;
|
|
155
|
+
const disabledMonth = isMonthDisabled(optionValue, normalizedMin, normalizedMax);
|
|
156
|
+
return (_jsx("button", { type: "button", disabled: disabledMonth, role: "gridcell", "aria-selected": selected, "aria-label": `${month} ${viewYear}`, className: cn('text-label-large relative min-h-10 overflow-hidden rounded-sm px-2 transition-colors', 'focus-visible:ring-focus-ring focus-visible:ring-2 focus-visible:outline-none', selected
|
|
157
|
+
? 'bg-primary text-on-primary'
|
|
158
|
+
: 'text-on-surface hover:bg-state-hover', disabledMonth && 'pointer-events-none cursor-not-allowed opacity-38'), onClick: () => selectMonth(monthIndex), children: month.slice(0, 3) }, month));
|
|
159
|
+
}) })] }) }), document.body)
|
|
160
|
+
: null] }));
|
|
161
|
+
};
|
|
162
|
+
MonthPicker.displayName = 'MonthPicker';
|
|
163
|
+
function normalizeMonthValue(value) {
|
|
164
|
+
const trimmed = value?.trim();
|
|
165
|
+
if (!trimmed || !/^\d{4}-\d{2}$/.test(trimmed))
|
|
166
|
+
return undefined;
|
|
167
|
+
const month = Number(trimmed.slice(5));
|
|
168
|
+
if (month < 1 || month > 12)
|
|
169
|
+
return undefined;
|
|
170
|
+
return trimmed;
|
|
171
|
+
}
|
|
172
|
+
function readYear(value) {
|
|
173
|
+
const normalized = normalizeMonthValue(value);
|
|
174
|
+
return normalized ? Number(normalized.slice(0, 4)) : null;
|
|
175
|
+
}
|
|
176
|
+
function parseMonthInput(value) {
|
|
177
|
+
const normalized = normalizeMonthValue(value);
|
|
178
|
+
if (normalized)
|
|
179
|
+
return normalized;
|
|
180
|
+
const trimmed = value.trim();
|
|
181
|
+
if (!trimmed)
|
|
182
|
+
return undefined;
|
|
183
|
+
const numeric = /^(0?[1-9]|1[0-2])[/\-\s]+(\d{4})$/.exec(trimmed);
|
|
184
|
+
if (numeric?.[1] && numeric[2]) {
|
|
185
|
+
return `${numeric[2]}-${numeric[1].padStart(2, '0')}`;
|
|
186
|
+
}
|
|
187
|
+
const named = /^([a-zA-Z]+)\s+(\d{4})$/.exec(trimmed);
|
|
188
|
+
if (!named?.[1] || !named[2])
|
|
189
|
+
return undefined;
|
|
190
|
+
const monthIndex = MONTHS.findIndex((month) => month.toLowerCase().startsWith(named[1].toLowerCase()));
|
|
191
|
+
if (monthIndex < 0)
|
|
192
|
+
return undefined;
|
|
193
|
+
return `${named[2]}-${String(monthIndex + 1).padStart(2, '0')}`;
|
|
194
|
+
}
|
|
195
|
+
function formatMonthLabel(value) {
|
|
196
|
+
const normalized = normalizeMonthValue(value);
|
|
197
|
+
if (!normalized)
|
|
198
|
+
return '';
|
|
199
|
+
const year = Number(normalized.slice(0, 4));
|
|
200
|
+
const month = Number(normalized.slice(5, 7));
|
|
201
|
+
return new Intl.DateTimeFormat('en-US', { month: 'short', year: 'numeric' }).format(new Date(year, month - 1, 1));
|
|
202
|
+
}
|
|
203
|
+
function isMonthDisabled(value, min, max) {
|
|
204
|
+
if (min && value < min)
|
|
205
|
+
return true;
|
|
206
|
+
if (max && value > max)
|
|
207
|
+
return true;
|
|
208
|
+
return false;
|
|
209
|
+
}
|
|
210
|
+
//# sourceMappingURL=month-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"month-picker.js","sourceRoot":"","sources":["../../src/components/month-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NavigationPresentationProps } from '../types/navigation.js';
|
|
3
|
+
export interface NavigationBarProps extends NavigationPresentationProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'defaultValue' | 'onSelect'> {
|
|
4
|
+
'aria-label': string;
|
|
5
|
+
itemClassName?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function NavigationBar({ items, value, defaultValue, onValueChange, onItemSelect, renderLink, className, 'aria-label': ariaLabel, itemClassName, ...props }: NavigationBarProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=navigation-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-bar.d.ts","sourceRoot":"","sources":["../../src/components/navigation-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGvE,MAAM,WAAW,kBACf,SACE,2BAA2B,EAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA+EpB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn, focusRing } from '../lib/utils.js';
|
|
4
|
+
import { getVisibleNavigationItems, NavigationAction, useNavigationSelection, } from '../lib/navigation-action.js';
|
|
5
|
+
import { NavigationIcon } from '../lib/navigation-visuals.js';
|
|
6
|
+
import { Ripple } from './ripple.js';
|
|
7
|
+
export function NavigationBar({ items, value, defaultValue, onValueChange, onItemSelect, renderLink, className, 'aria-label': ariaLabel, itemClassName, ...props }) {
|
|
8
|
+
const { currentValue, selectItem } = useNavigationSelection({
|
|
9
|
+
value,
|
|
10
|
+
defaultValue,
|
|
11
|
+
onValueChange,
|
|
12
|
+
onItemSelect,
|
|
13
|
+
});
|
|
14
|
+
return (_jsx("nav", { className: cn('border-outline-soft bg-surface-container-low absolute right-0 bottom-0 left-0 z-30 flex h-20 items-center justify-around border-t px-4 pb-4', className), "aria-label": ariaLabel, ...props, children: getVisibleNavigationItems(items).map((item) => {
|
|
15
|
+
const active = currentValue === item.id;
|
|
16
|
+
return (_jsxs(NavigationAction, { item: item, active: active, onActivate: selectItem, renderLink: renderLink, className: cn('focus-visible:outline-focus-ring group relative flex h-full min-w-16 flex-col items-center justify-center gap-1 px-2 select-none focus-visible:outline-2 focus-visible:outline-offset-[-2px]', focusRing, itemClassName), children: [_jsxs("span", { className: "relative mb-1 h-8 w-16", children: [_jsx("span", { className: cn('rounded-button duration-medium ease-standard absolute inset-0 overflow-hidden transition-all', active
|
|
17
|
+
? 'bg-secondary-container scale-x-100 opacity-100'
|
|
18
|
+
: 'group-hover:bg-state-hover scale-x-50 bg-transparent opacity-0'), children: _jsx(Ripple, { center: true, disabled: item.disabled }) }), _jsx("span", { "aria-hidden": "true", className: cn('relative z-10 flex h-full w-full items-center justify-center transition-colors', active
|
|
19
|
+
? 'text-on-secondary-container'
|
|
20
|
+
: 'text-on-surface-variant group-hover:text-on-surface'), children: item.icon ? (_jsx(NavigationIcon, { icon: active && item.activeIcon ? item.activeIcon : item.icon, active: active, size: "md" })) : null }), item.badge !== undefined ? (_jsx("span", { className: "bg-error text-on-error text-label-small absolute -top-1 right-0 z-20 flex min-h-4 min-w-4 items-center justify-center rounded-full px-1 leading-none", children: item.badge })) : null] }), _jsx("span", { className: cn('text-label-medium w-full truncate text-center font-medium transition-colors', active ? 'text-on-surface' : 'text-on-surface-variant group-hover:text-on-surface'), children: item.label })] }, item.id));
|
|
21
|
+
}) }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=navigation-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-bar.js","sourceRoot":"","sources":["../../src/components/navigation-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,aAAa,EACb,GAAG,KAAK,EACW;IACnB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,sBAAsB,CAAC;QAC1D,KAAK;QACL,YAAY;QACZ,aAAa;QACb,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,6IAA6I,EAC7I,SAAS,CACV,gBACW,SAAS,KACjB,KAAK,YAER,yBAAyB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7C,MAAM,MAAM,GAAG,YAAY,KAAK,IAAI,CAAC,EAAE,CAAC;YACxC,OAAO,CACL,MAAC,gBAAgB,IAEf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,8LAA8L,EAC9L,SAAS,EACT,aAAa,CACd,aAED,gBAAM,SAAS,EAAC,wBAAwB,aACtC,eACE,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,MAAM;oCACJ,CAAC,CAAC,gDAAgD;oCAClD,CAAC,CAAC,gEAAgE,CACrE,YAED,KAAC,MAAM,IAAC,MAAM,QAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,GACrC,EACP,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,MAAM;oCACJ,CAAC,CAAC,6BAA6B;oCAC/B,CAAC,CAAC,qDAAqD,CAC1D,YAEA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,KAAC,cAAc,IACb,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7D,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,IAAI,GACT,CACH,CAAC,CAAC,CAAC,IAAI,GACH,EACN,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,eAAM,SAAS,EAAC,sJAAsJ,YACnK,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EACP,eACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qDAAqD,CACnF,YAEA,IAAI,CAAC,KAAK,GACN,KApDF,IAAI,CAAC,EAAE,CAqDK,CACpB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React, { type RefObject } from 'react';
|
|
2
|
+
import type { NavigationPresentationProps } from '../types/navigation.js';
|
|
3
|
+
export type NavigationDrawerVariant = 'persistent' | 'modal';
|
|
4
|
+
export type NavigationDrawerSide = 'start' | 'end';
|
|
5
|
+
export interface NavigationDrawerProps extends NavigationPresentationProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'defaultValue' | 'onSelect'> {
|
|
6
|
+
'aria-label': string;
|
|
7
|
+
open?: boolean;
|
|
8
|
+
defaultOpen?: boolean;
|
|
9
|
+
onOpenChange?: (open: boolean) => void;
|
|
10
|
+
variant?: NavigationDrawerVariant;
|
|
11
|
+
side?: NavigationDrawerSide;
|
|
12
|
+
headline?: React.ReactNode;
|
|
13
|
+
header?: React.ReactNode;
|
|
14
|
+
footer?: React.ReactNode;
|
|
15
|
+
triggerRef?: RefObject<HTMLElement | null>;
|
|
16
|
+
}
|
|
17
|
+
export declare const NavigationDrawer: React.ForwardRefExoticComponent<NavigationDrawerProps & React.RefAttributes<HTMLElement>>;
|
|
18
|
+
//# sourceMappingURL=navigation-drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-drawer.d.ts","sourceRoot":"","sources":["../../src/components/navigation-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAevF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGvE,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnD,MAAM,WAAW,qBACf,SACE,2BAA2B,EAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,gBAAgB,2FAmJ5B,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { createPortal } from 'react-dom';
|
|
5
|
+
import { cn } from '../lib/utils.js';
|
|
6
|
+
import { getVisibleNavigationItems, NavigationAction, useNavigationSelection, } from '../lib/navigation-action.js';
|
|
7
|
+
import { NavigationDrawerItemContent, getNavigationDrawerItemClasses, } from '../lib/navigation-visuals.js';
|
|
8
|
+
import { useControllableState } from '../lib/use-controllable-state.js';
|
|
9
|
+
import { useOverlayBehavior } from '../lib/use-overlay-behavior.js';
|
|
10
|
+
import { useScrollLock } from '../hooks/use-scroll-lock.js';
|
|
11
|
+
import { Ripple } from './ripple.js';
|
|
12
|
+
export const NavigationDrawer = forwardRef(({ items, value, defaultValue, onValueChange, onItemSelect, renderLink, open, defaultOpen = true, onOpenChange, variant = 'persistent', side = 'start', headline, header, footer, className, triggerRef, 'aria-label': ariaLabel, ...props }, ref) => {
|
|
13
|
+
const panelRef = useRef(null);
|
|
14
|
+
const overlayRootRef = useRef(null);
|
|
15
|
+
const [mounted, setMounted] = useState(false);
|
|
16
|
+
const [isOpen = true, setIsOpen] = useControllableState({
|
|
17
|
+
value: open,
|
|
18
|
+
defaultValue: defaultOpen,
|
|
19
|
+
onChange: onOpenChange,
|
|
20
|
+
});
|
|
21
|
+
const { currentValue, selectItem } = useNavigationSelection({
|
|
22
|
+
value,
|
|
23
|
+
defaultValue,
|
|
24
|
+
onValueChange,
|
|
25
|
+
onItemSelect,
|
|
26
|
+
});
|
|
27
|
+
const isModal = variant === 'modal';
|
|
28
|
+
useEffect(() => setMounted(true), []);
|
|
29
|
+
useScrollLock(isModal && isOpen);
|
|
30
|
+
useOverlayBehavior({
|
|
31
|
+
open: isModal && isOpen && mounted,
|
|
32
|
+
contentRef: panelRef,
|
|
33
|
+
rootRef: overlayRootRef,
|
|
34
|
+
triggerRef,
|
|
35
|
+
onDismiss: () => setIsOpen(false),
|
|
36
|
+
modal: true,
|
|
37
|
+
dismissOnInteractOutside: true,
|
|
38
|
+
});
|
|
39
|
+
const setPanelRef = (node) => {
|
|
40
|
+
panelRef.current = node;
|
|
41
|
+
if (typeof ref === 'function')
|
|
42
|
+
ref(node);
|
|
43
|
+
else if (ref)
|
|
44
|
+
ref.current = node;
|
|
45
|
+
};
|
|
46
|
+
const panel = (_jsxs("nav", { ref: setPanelRef, className: cn('bg-surface-container-low border-outline-soft duration-emphasized ease-emphasized w-navigation-drawer flex h-full max-w-[85vw] flex-col overflow-y-auto border-r transition-transform', side === 'end' && 'border-r-0 border-l', !isOpen && side === 'start' && 'invisible -translate-x-full', !isOpen && side === 'end' && 'invisible translate-x-full', isModal && 'shadow-3 relative z-10', isModal && side === 'start' && 'rounded-e-[2rem] border-none', isModal && side === 'end' && 'rounded-s-[2rem] border-none', className), "aria-label": ariaLabel, ...props, children: [header ? _jsx("div", { className: "px-4 pt-4", children: header }) : null, headline ? (_jsx("div", { className: "text-title-small text-on-surface-variant px-5 pt-4 pb-2 font-semibold", children: headline })) : null, _jsx("div", { className: "flex flex-1 flex-col gap-1 py-2", children: getVisibleNavigationItems(items).map((item) => {
|
|
47
|
+
const active = currentValue === item.id;
|
|
48
|
+
return (_jsx("div", { className: "w-full px-4", children: _jsx(NavigationAction, { item: item, active: active, onActivate: (selectedItem) => {
|
|
49
|
+
selectItem(selectedItem);
|
|
50
|
+
if (isModal)
|
|
51
|
+
setIsOpen(false);
|
|
52
|
+
}, renderLink: renderLink, className: getNavigationDrawerItemClasses({
|
|
53
|
+
active,
|
|
54
|
+
disabled: item.disabled,
|
|
55
|
+
}), children: _jsx(NavigationDrawerItemContent, { icon: item.icon, activeIcon: item.activeIcon, badge: item.badge, active: active, disabled: item.disabled, ripple: _jsx(Ripple, { disabled: item.disabled ?? false }), children: item.label }) }) }, item.id));
|
|
56
|
+
}) }), footer ? _jsx("div", { className: "mt-auto px-4 py-4", children: footer }) : null] }));
|
|
57
|
+
if (!isModal)
|
|
58
|
+
return panel;
|
|
59
|
+
if (!isOpen || !mounted || typeof document === 'undefined')
|
|
60
|
+
return null;
|
|
61
|
+
return createPortal(_jsxs("div", { ref: overlayRootRef, className: cn('fixed inset-0 z-[var(--z-modal,3000)] flex', side === 'end' ? 'justify-end' : 'justify-start'), role: "presentation", children: [_jsx("div", { className: "bg-scrim absolute inset-0", "aria-hidden": "true", onMouseDown: () => setIsOpen(false) }), _jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, className: "relative z-10 h-full", children: panel })] }), document.body);
|
|
62
|
+
});
|
|
63
|
+
NavigationDrawer.displayName = 'NavigationDrawer';
|
|
64
|
+
//# sourceMappingURL=navigation-drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-drawer.js","sourceRoot":"","sources":["../../src/components/navigation-drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NavigationPresentationProps } from '../types/navigation.js';
|
|
3
|
+
export type NavigationRailLabelVisibility = 'always' | 'selected' | 'hidden';
|
|
4
|
+
export interface NavigationRailProps extends NavigationPresentationProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'defaultValue' | 'onSelect'> {
|
|
5
|
+
'aria-label': string;
|
|
6
|
+
onItemHover?: (id: string) => void;
|
|
7
|
+
header?: React.ReactNode;
|
|
8
|
+
footer?: React.ReactNode;
|
|
9
|
+
alignment?: 'start' | 'center' | 'end';
|
|
10
|
+
labelVisibility?: NavigationRailLabelVisibility;
|
|
11
|
+
}
|
|
12
|
+
export declare function NavigationRail({ items, value, defaultValue, onValueChange, onItemSelect, renderLink, onItemHover, header, footer, className, alignment, labelVisibility, 'aria-label': ariaLabel, onMouseLeave, ...props }: NavigationRailProps): React.JSX.Element;
|
|
13
|
+
//# sourceMappingURL=navigation-rail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-rail.d.ts","sourceRoot":"","sources":["../../src/components/navigation-rail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGvE,MAAM,MAAM,6BAA6B,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,mBACf,SACE,2BAA2B,EAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,eAAe,CAAC,EAAE,6BAA6B,CAAC;CACjD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,UAAU,EACV,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAmB,EACnB,eAA0B,EAC1B,YAAY,EAAE,SAAS,EACvB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAqErB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
import { getVisibleNavigationItems, NavigationAction, useNavigationSelection, } from '../lib/navigation-action.js';
|
|
5
|
+
import { NavigationRailItemContent, getNavigationRailItemClasses } from '../lib/navigation-visuals.js';
|
|
6
|
+
import { Ripple } from './ripple.js';
|
|
7
|
+
export function NavigationRail({ items, value, defaultValue, onValueChange, onItemSelect, renderLink, onItemHover, header, footer, className, alignment = 'start', labelVisibility = 'always', 'aria-label': ariaLabel, onMouseLeave, ...props }) {
|
|
8
|
+
const { currentValue, selectItem } = useNavigationSelection({
|
|
9
|
+
value,
|
|
10
|
+
defaultValue,
|
|
11
|
+
onValueChange,
|
|
12
|
+
onItemSelect,
|
|
13
|
+
});
|
|
14
|
+
return (_jsxs("nav", { className: cn('border-outline-soft bg-surface-container-low text-on-surface duration-medium ease-standard z-50 flex h-full w-24 shrink-0 flex-col items-center gap-1 border-r py-3 transition-all', className), "aria-label": ariaLabel, onMouseLeave: onMouseLeave, ...props, children: [header ? _jsx("div", { className: "flex w-full flex-col items-center gap-4 pb-2", children: header }) : null, _jsx("div", { className: cn('flex w-full flex-1 flex-col items-center gap-3', alignment === 'center' && 'justify-center', alignment === 'end' && 'justify-end pb-4'), children: getVisibleNavigationItems(items).map((item) => {
|
|
15
|
+
const active = currentValue === item.id;
|
|
16
|
+
const showLabel = labelVisibility === 'always' || (labelVisibility === 'selected' && active);
|
|
17
|
+
const tooltip = labelVisibility === 'hidden' ? item.label : undefined;
|
|
18
|
+
return (_jsx(NavigationAction, { item: item, active: active, onActivate: selectItem, renderLink: renderLink, className: getNavigationRailItemClasses(item.disabled), ariaLabel: showLabel ? undefined : item.label, title: tooltip, onMouseEnter: () => !item.disabled && onItemHover?.(item.id), children: _jsx(NavigationRailItemContent, { icon: item.icon ?? 'circle', activeIcon: item.activeIcon, badge: typeof item.badge === 'string' || typeof item.badge === 'number'
|
|
19
|
+
? item.badge
|
|
20
|
+
: undefined, label: item.label, showLabel: showLabel, active: active, disabled: item.disabled, ripple: _jsx(Ripple, { center: true, disabled: item.disabled }) }) }, item.id));
|
|
21
|
+
}) }), footer ? (_jsx("div", { className: "mt-auto mb-4 flex w-full flex-col items-center gap-4 pt-2", children: footer })) : null] }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=navigation-rail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-rail.js","sourceRoot":"","sources":["../../src/components/navigation-rail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface PaginationLabels {
|
|
3
|
+
navigation: string;
|
|
4
|
+
previous: string;
|
|
5
|
+
next: string;
|
|
6
|
+
page: (page: number) => string;
|
|
7
|
+
}
|
|
8
|
+
export interface PaginationLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
|
|
9
|
+
href: string;
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export type PaginationLinkRenderer = (page: number, props: PaginationLinkProps) => React.ReactElement;
|
|
13
|
+
type PaginationCommonProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'children'> & {
|
|
14
|
+
currentPage: number;
|
|
15
|
+
totalPages: number;
|
|
16
|
+
siblingCount?: number;
|
|
17
|
+
labels?: Partial<PaginationLabels>;
|
|
18
|
+
};
|
|
19
|
+
export type PaginationButtonProps = PaginationCommonProps & {
|
|
20
|
+
onPageChange: (page: number) => void;
|
|
21
|
+
getPageHref?: never;
|
|
22
|
+
renderLink?: never;
|
|
23
|
+
};
|
|
24
|
+
export type PaginationNavigationProps = PaginationCommonProps & {
|
|
25
|
+
getPageHref: (page: number) => string;
|
|
26
|
+
renderLink?: PaginationLinkRenderer;
|
|
27
|
+
onPageChange?: (page: number) => void;
|
|
28
|
+
};
|
|
29
|
+
export type PaginationProps = PaginationButtonProps | PaginationNavigationProps;
|
|
30
|
+
export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,CACP;IACC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,sBAAsB,GAAG,CACnC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,mBAAmB,KACvB,KAAK,CAAC,YAAY,CAAC;AAExB,KAAK,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,GAAG;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC9D,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,yBAAyB,CAAC;AA8GhF,eAAO,MAAM,UAAU,qFAoFtB,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { paginationButtonClass } from '../lib/action-size.js';
|
|
4
|
+
import { cn, focusRing } from '../lib/utils.js';
|
|
5
|
+
import { Text } from '../primitives/text.js';
|
|
6
|
+
import { Icon } from './icon.js';
|
|
7
|
+
import { Ripple } from './ripple.js';
|
|
8
|
+
const defaultLabels = {
|
|
9
|
+
navigation: 'Pagination',
|
|
10
|
+
previous: 'Previous page',
|
|
11
|
+
next: 'Next page',
|
|
12
|
+
page: (page) => `Page ${page}`,
|
|
13
|
+
};
|
|
14
|
+
function normalizeInteger(value, fallback, minimum) {
|
|
15
|
+
return Number.isFinite(value) ? Math.max(minimum, Math.trunc(value)) : fallback;
|
|
16
|
+
}
|
|
17
|
+
function range(start, end) {
|
|
18
|
+
return Array.from({ length: Math.max(0, end - start + 1) }, (_, index) => start + index);
|
|
19
|
+
}
|
|
20
|
+
function getPaginationRange(currentPage, totalPages, siblingCount) {
|
|
21
|
+
const completeRangeSize = siblingCount * 2 + 5;
|
|
22
|
+
if (totalPages <= completeRangeSize) {
|
|
23
|
+
return range(1, totalPages);
|
|
24
|
+
}
|
|
25
|
+
if (currentPage <= siblingCount + 3) {
|
|
26
|
+
const end = siblingCount * 2 + 3;
|
|
27
|
+
return [...range(1, end), 'end-ellipsis', totalPages];
|
|
28
|
+
}
|
|
29
|
+
if (currentPage >= totalPages - siblingCount - 2) {
|
|
30
|
+
const start = totalPages - siblingCount * 2 - 2;
|
|
31
|
+
return [1, 'start-ellipsis', ...range(start, totalPages)];
|
|
32
|
+
}
|
|
33
|
+
return [
|
|
34
|
+
1,
|
|
35
|
+
'start-ellipsis',
|
|
36
|
+
...range(currentPage - siblingCount, currentPage + siblingCount),
|
|
37
|
+
'end-ellipsis',
|
|
38
|
+
totalPages,
|
|
39
|
+
];
|
|
40
|
+
}
|
|
41
|
+
function PaginationAction({ page, current = false, disabled = false, label, onPageChange, getPageHref, renderLink, children, }) {
|
|
42
|
+
const className = cn(paginationButtonClass, focusRing, current ? 'bg-primary text-on-primary' : 'text-on-surface-variant hover:bg-state-hover', disabled && 'cursor-default opacity-38');
|
|
43
|
+
const content = (_jsxs(_Fragment, { children: [!disabled && _jsx(Ripple, {}), _jsx("span", { className: "relative z-10 inline-flex items-center justify-center", children: children })] }));
|
|
44
|
+
if (!disabled && getPageHref) {
|
|
45
|
+
const linkProps = {
|
|
46
|
+
href: getPageHref(page),
|
|
47
|
+
className,
|
|
48
|
+
'aria-current': current ? 'page' : undefined,
|
|
49
|
+
'aria-label': label,
|
|
50
|
+
onClick: () => onPageChange?.(page),
|
|
51
|
+
children: content,
|
|
52
|
+
};
|
|
53
|
+
return renderLink ? renderLink(page, linkProps) : _jsx("a", { ...linkProps });
|
|
54
|
+
}
|
|
55
|
+
return (_jsx("button", { type: "button", className: className, disabled: disabled, "aria-current": current ? 'page' : undefined, "aria-label": label, onClick: () => onPageChange?.(page), children: content }));
|
|
56
|
+
}
|
|
57
|
+
export const Pagination = forwardRef(({ currentPage, totalPages, siblingCount = 1, labels, onPageChange, getPageHref, renderLink, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) => {
|
|
58
|
+
const pageCount = normalizeInteger(totalPages, 0, 0);
|
|
59
|
+
if (pageCount === 0)
|
|
60
|
+
return null;
|
|
61
|
+
const activePage = Math.min(normalizeInteger(currentPage, 1, 1), pageCount);
|
|
62
|
+
const visibleSiblingCount = normalizeInteger(siblingCount, 1, 0);
|
|
63
|
+
const resolvedLabels = { ...defaultLabels, ...labels };
|
|
64
|
+
const pageRange = getPaginationRange(activePage, pageCount, visibleSiblingCount);
|
|
65
|
+
return (_jsxs("nav", { ...props, ref: ref, "aria-label": ariaLabel ?? (ariaLabelledBy ? undefined : resolvedLabels.navigation), "aria-labelledby": ariaLabelledBy, className: cn('flex items-center gap-2', className), children: [_jsx(PaginationAction, { page: activePage - 1, disabled: activePage === 1, label: resolvedLabels.previous, onPageChange: onPageChange, getPageHref: getPageHref, renderLink: renderLink, children: _jsx(Icon, { symbol: "chevron_left", className: "rtl:rotate-180" }) }), _jsx("div", { className: "flex items-center gap-1", children: pageRange.map((item) => typeof item === 'number' ? (_jsx(PaginationAction, { page: item, current: item === activePage, label: resolvedLabels.page(item), onPageChange: onPageChange, getPageHref: getPageHref, renderLink: renderLink, children: _jsx(Text, { variant: "bodyMedium", children: item }) }, item)) : (_jsx(Text, { "aria-hidden": "true", variant: "bodyMedium", className: "text-on-surface-variant px-2", children: "\u2026" }, item))) }), _jsx(PaginationAction, { page: activePage + 1, disabled: activePage === pageCount, label: resolvedLabels.next, onPageChange: onPageChange, getPageHref: getPageHref, renderLink: renderLink, children: _jsx(Icon, { symbol: "chevron_right", className: "rtl:rotate-180" }) })] }));
|
|
66
|
+
});
|
|
67
|
+
Pagination.displayName = 'Pagination';
|
|
68
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface PaneGroupProps {
|
|
3
|
+
sidebar: React.ReactNode;
|
|
4
|
+
detail: React.ReactNode;
|
|
5
|
+
showDetail?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const PaneGroup: React.FC<PaneGroupProps>;
|
|
9
|
+
//# sourceMappingURL=pane-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pane-group.d.ts","sourceRoot":"","sources":["../../src/components/pane-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2B9C,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../lib/utils.js';
|
|
3
|
+
export const PaneGroup = ({ sidebar, detail, showDetail = false, className, }) => {
|
|
4
|
+
return (_jsxs("div", { className: cn('bg-surface flex h-full w-full overflow-hidden', className), children: [_jsx("div", { className: cn('medium:w-(--width-pane-list,var(--spacing-90)) border-outline-weak duration-long ease-emphasized h-full w-full shrink-0 overflow-y-auto border-r transition-transform', showDetail ? 'medium:block hidden' : 'block'), children: sidebar }), _jsx("div", { className: cn('bg-surface medium:bg-surface-container duration-long ease-standard h-full flex-1 overflow-y-auto transition-opacity', !showDetail ? 'medium:block hidden' : 'block'), children: detail })] }));
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=pane-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pane-group.js","sourceRoot":"","sources":["../../src/components/pane-group.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,aAC5E,cACE,SAAS,EAAE,EAAE,CACX,uKAAuK,EACvK,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAC7C,YAEA,OAAO,GACJ,EAEN,cACE,SAAS,EAAE,EAAE,CACX,qHAAqH,EACrH,CAAC,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAC9C,YAEA,MAAM,GACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|