@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,103 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Field, FieldDescription, FieldError, FieldLabel } from './field.js';
|
|
5
|
+
import { cn } from '../lib/utils.js';
|
|
6
|
+
import { getFieldSizeStyles } from '../lib/field-size.js';
|
|
7
|
+
import { fieldContainerVariants, getFieldAffixClasses, getFieldHelperTextClasses, getFieldLabelClasses, } from '../lib/field-shell.js';
|
|
8
|
+
export const TextField = React.forwardRef((props, forwardedRef) => {
|
|
9
|
+
const { autoResize = false, autoResizeMaxHeight = 360, className, defaultValue = '', description, errorMessage, hideLabel = false, invalid = false, label, leadingIcon, multiline = false, onValueChange, size = 'md', trailingIcon, value, variant = 'outlined', ...nativeControlProps } = props;
|
|
10
|
+
const inputProps = nativeControlProps;
|
|
11
|
+
const textareaProps = nativeControlProps;
|
|
12
|
+
const id = nativeControlProps.id;
|
|
13
|
+
const disabled = nativeControlProps.disabled;
|
|
14
|
+
const placeholder = nativeControlProps.placeholder;
|
|
15
|
+
const required = nativeControlProps.required;
|
|
16
|
+
const externalDescribedBy = nativeControlProps['aria-describedby'];
|
|
17
|
+
const generatedId = React.useId();
|
|
18
|
+
const fieldId = id ?? `textfield-${generatedId}`;
|
|
19
|
+
const descriptionId = description ? `${fieldId}-description` : undefined;
|
|
20
|
+
const errorId = errorMessage ? `${fieldId}-error` : undefined;
|
|
21
|
+
const resolvedInvalid = invalid || Boolean(errorMessage);
|
|
22
|
+
const messageId = errorMessage ? errorId : descriptionId;
|
|
23
|
+
const describedBy = mergeIds(externalDescribedBy, messageId);
|
|
24
|
+
const fieldSize = getFieldSizeStyles(size);
|
|
25
|
+
const internalRef = React.useRef(null);
|
|
26
|
+
const [isFocused, setIsFocused] = React.useState(false);
|
|
27
|
+
const [uncontrolledValue, setUncontrolledValue] = React.useState(String(defaultValue));
|
|
28
|
+
const currentValue = value === undefined ? uncontrolledValue : String(value);
|
|
29
|
+
const hasValue = currentValue.length > 0;
|
|
30
|
+
const isFloating = hideLabel || Boolean(placeholder) || isFocused || hasValue;
|
|
31
|
+
const setControlRef = React.useCallback((node) => {
|
|
32
|
+
internalRef.current = node;
|
|
33
|
+
if (typeof forwardedRef === 'function') {
|
|
34
|
+
forwardedRef(node);
|
|
35
|
+
}
|
|
36
|
+
else if (forwardedRef) {
|
|
37
|
+
forwardedRef.current = node;
|
|
38
|
+
}
|
|
39
|
+
}, [forwardedRef]);
|
|
40
|
+
React.useLayoutEffect(() => {
|
|
41
|
+
if (!multiline || !autoResize)
|
|
42
|
+
return;
|
|
43
|
+
resizeTextarea(internalRef.current, autoResizeMaxHeight);
|
|
44
|
+
}, [autoResize, autoResizeMaxHeight, currentValue, multiline]);
|
|
45
|
+
function handleValueChange(nextValue) {
|
|
46
|
+
if (value === undefined) {
|
|
47
|
+
setUncontrolledValue(nextValue);
|
|
48
|
+
}
|
|
49
|
+
onValueChange?.(nextValue);
|
|
50
|
+
}
|
|
51
|
+
const controlClasses = cn('unisane-text-field-control text-on-surface caret-primary h-full w-full border-none bg-transparent outline-none focus:ring-0', 'placeholder:text-on-surface-variant', fieldSize.horizontalPadding, fieldSize.valueText, variant === 'filled' ? fieldSize.filledInputPadding : '');
|
|
52
|
+
return (_jsxs(Field, { className: className, invalid: resolvedInvalid, children: [_jsxs("div", { className: cn(fieldContainerVariants({ variant, error: resolvedInvalid, disabled }), multiline ? 'items-start py-0' : ['items-center', fieldSize.containerHeight]), children: [leadingIcon ? (_jsx("span", { className: getFieldAffixClasses({
|
|
53
|
+
size,
|
|
54
|
+
error: resolvedInvalid,
|
|
55
|
+
active: isFocused,
|
|
56
|
+
multiline,
|
|
57
|
+
side: 'leading',
|
|
58
|
+
}), children: _jsx("span", { className: cn(fieldSize.iconSize, 'flex items-center justify-center'), children: leadingIcon }) })) : null, _jsxs("div", { className: "relative h-full min-w-0 flex-1", children: [multiline ? (_jsx("textarea", { ...textareaProps, ref: setControlRef, id: fieldId, value: value, defaultValue: value === undefined ? defaultValue : undefined, "aria-describedby": describedBy, "aria-invalid": resolvedInvalid || undefined, className: cn(controlClasses, 'min-h-24 resize-none', fieldSize.multilinePaddingY, variant === 'filled' ? fieldSize.filledTextareaPadding : ''), onBlur: (event) => {
|
|
59
|
+
setIsFocused(false);
|
|
60
|
+
textareaProps.onBlur?.(event);
|
|
61
|
+
}, onChange: (event) => {
|
|
62
|
+
handleValueChange(event.currentTarget.value);
|
|
63
|
+
if (autoResize)
|
|
64
|
+
resizeTextarea(event.currentTarget, autoResizeMaxHeight);
|
|
65
|
+
}, onFocus: (event) => {
|
|
66
|
+
setIsFocused(true);
|
|
67
|
+
textareaProps.onFocus?.(event);
|
|
68
|
+
} })) : (_jsx("input", { ...inputProps, ref: setControlRef, id: fieldId, value: value, defaultValue: value === undefined ? defaultValue : undefined, "aria-describedby": describedBy, "aria-invalid": resolvedInvalid || undefined, className: controlClasses, onBlur: (event) => {
|
|
69
|
+
setIsFocused(false);
|
|
70
|
+
inputProps.onBlur?.(event);
|
|
71
|
+
}, onChange: (event) => handleValueChange(event.currentTarget.value), onFocus: (event) => {
|
|
72
|
+
setIsFocused(true);
|
|
73
|
+
inputProps.onFocus?.(event);
|
|
74
|
+
} })), _jsx(FieldLabel, { htmlFor: fieldId, required: required, className: hideLabel
|
|
75
|
+
? 'sr-only'
|
|
76
|
+
: getFieldLabelClasses({
|
|
77
|
+
size,
|
|
78
|
+
variant,
|
|
79
|
+
floating: isFloating,
|
|
80
|
+
error: resolvedInvalid,
|
|
81
|
+
active: isFocused,
|
|
82
|
+
multiline,
|
|
83
|
+
}), children: label })] }), trailingIcon ? (_jsx("span", { className: getFieldAffixClasses({
|
|
84
|
+
size,
|
|
85
|
+
error: resolvedInvalid,
|
|
86
|
+
multiline,
|
|
87
|
+
side: 'trailing',
|
|
88
|
+
}), children: _jsx("span", { className: cn(fieldSize.iconSize, 'flex items-center justify-center'), children: trailingIcon }) })) : null] }), errorMessage ? (_jsx(FieldError, { id: errorId, className: getFieldHelperTextClasses(size, true), children: errorMessage })) : description ? (_jsx(FieldDescription, { id: descriptionId, className: getFieldHelperTextClasses(size), children: description })) : null] }));
|
|
89
|
+
});
|
|
90
|
+
TextField.displayName = 'TextField';
|
|
91
|
+
function mergeIds(...ids) {
|
|
92
|
+
const merged = ids.filter(Boolean).join(' ');
|
|
93
|
+
return merged || undefined;
|
|
94
|
+
}
|
|
95
|
+
function resizeTextarea(field, maxHeight) {
|
|
96
|
+
if (!(field instanceof HTMLTextAreaElement))
|
|
97
|
+
return;
|
|
98
|
+
field.style.height = 'auto';
|
|
99
|
+
const nextHeight = Math.min(field.scrollHeight, maxHeight);
|
|
100
|
+
field.style.height = `${nextHeight}px`;
|
|
101
|
+
field.style.overflowY = field.scrollHeight > maxHeight ? 'auto' : 'hidden';
|
|
102
|
+
}
|
|
103
|
+
//# sourceMappingURL=text-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../src/components/text-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TimePickerProps {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
defaultOpen?: boolean;
|
|
5
|
+
onOpenChange?: (open: boolean) => void;
|
|
6
|
+
value?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onValueChange?: (time: string) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const TimePicker: React.FC<TimePickerProps>;
|
|
11
|
+
//# sourceMappingURL=time-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../src/components/time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,MAAM,WAAW,eAAe;IAC9B,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,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AA2CD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8fhD,CAAC"}
|
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useState, useRef, useCallback, useEffect } from 'react';
|
|
4
|
+
import { Dialog } from './dialog.js';
|
|
5
|
+
import { Button } from './button.js';
|
|
6
|
+
import { IconButton } from './icon-button.js';
|
|
7
|
+
import { Icon } from './icon.js';
|
|
8
|
+
import { cn, focusRing, focusRingInset } from '../lib/utils.js';
|
|
9
|
+
import { useControllableState } from '../lib/use-controllable-state.js';
|
|
10
|
+
const HOUR_OPTIONS = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
|
|
11
|
+
const MINUTE_OPTIONS = [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55];
|
|
12
|
+
function parseTimeParts(value) {
|
|
13
|
+
const [rawHours = '12', rawMinutes = '00'] = value.split(':');
|
|
14
|
+
const parsedHours = Number.parseInt(rawHours, 10);
|
|
15
|
+
const parsedMinutes = Number.parseInt(rawMinutes, 10);
|
|
16
|
+
const normalizedHours = Number.isNaN(parsedHours) ? 12 : Math.min(Math.max(parsedHours, 0), 23);
|
|
17
|
+
const normalizedMinutes = Number.isNaN(parsedMinutes)
|
|
18
|
+
? 0
|
|
19
|
+
: Math.min(Math.max(parsedMinutes, 0), 59);
|
|
20
|
+
return {
|
|
21
|
+
hours: normalizedHours % 12 || 12,
|
|
22
|
+
minutes: normalizedMinutes,
|
|
23
|
+
period: normalizedHours >= 12 ? 'PM' : 'AM',
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
function formatTimeValue(hours, minutes, period) {
|
|
27
|
+
let finalHours = hours;
|
|
28
|
+
if (period === 'PM' && hours !== 12)
|
|
29
|
+
finalHours += 12;
|
|
30
|
+
if (period === 'AM' && hours === 12)
|
|
31
|
+
finalHours = 0;
|
|
32
|
+
if (finalHours < 0)
|
|
33
|
+
finalHours = 0;
|
|
34
|
+
if (finalHours > 23)
|
|
35
|
+
finalHours = 23;
|
|
36
|
+
let finalMinutes = minutes;
|
|
37
|
+
if (finalMinutes < 0)
|
|
38
|
+
finalMinutes = 0;
|
|
39
|
+
if (finalMinutes > 59)
|
|
40
|
+
finalMinutes = 59;
|
|
41
|
+
return `${finalHours.toString().padStart(2, '0')}:${finalMinutes.toString().padStart(2, '0')}`;
|
|
42
|
+
}
|
|
43
|
+
function clampHours(value) {
|
|
44
|
+
return Math.min(Math.max(value, 1), 12);
|
|
45
|
+
}
|
|
46
|
+
function clampMinutes(value) {
|
|
47
|
+
return Math.min(Math.max(value, 0), 59);
|
|
48
|
+
}
|
|
49
|
+
export const TimePicker = ({ open, defaultOpen = false, onOpenChange, value, defaultValue = '12:00', onValueChange, }) => {
|
|
50
|
+
const [isOpen = false, setIsOpen] = useControllableState({
|
|
51
|
+
value: open,
|
|
52
|
+
defaultValue: defaultOpen,
|
|
53
|
+
onChange: onOpenChange,
|
|
54
|
+
});
|
|
55
|
+
const [selectedValue = defaultValue, setSelectedValue] = useControllableState({
|
|
56
|
+
value,
|
|
57
|
+
defaultValue,
|
|
58
|
+
onChange: onValueChange,
|
|
59
|
+
});
|
|
60
|
+
const initialValue = parseTimeParts(selectedValue);
|
|
61
|
+
const [hours, setHours] = useState(initialValue.hours);
|
|
62
|
+
const [minutes, setMinutes] = useState(initialValue.minutes);
|
|
63
|
+
const [period, setPeriod] = useState(initialValue.period);
|
|
64
|
+
const [inputType, setInputType] = useState('dial');
|
|
65
|
+
const [dialMode, setDialMode] = useState('hour');
|
|
66
|
+
const [isDragging, setIsDragging] = useState(false);
|
|
67
|
+
const dialRef = useRef(null);
|
|
68
|
+
const dialOptionRefs = useRef(new Map());
|
|
69
|
+
const periodRefs = useRef(new Map());
|
|
70
|
+
const hourInputId = React.useId();
|
|
71
|
+
const minuteInputId = React.useId();
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
if (!isOpen)
|
|
74
|
+
return;
|
|
75
|
+
const nextValue = parseTimeParts(selectedValue);
|
|
76
|
+
setHours(nextValue.hours);
|
|
77
|
+
setMinutes(nextValue.minutes);
|
|
78
|
+
setPeriod(nextValue.period);
|
|
79
|
+
setDialMode('hour');
|
|
80
|
+
setInputType('dial');
|
|
81
|
+
}, [isOpen, selectedValue]);
|
|
82
|
+
const getRotation = () => {
|
|
83
|
+
if (dialMode === 'hour') {
|
|
84
|
+
return (hours % 12) * 30;
|
|
85
|
+
}
|
|
86
|
+
return minutes * 6;
|
|
87
|
+
};
|
|
88
|
+
const getValueFromPosition = useCallback((clientX, clientY) => {
|
|
89
|
+
if (!dialRef.current)
|
|
90
|
+
return null;
|
|
91
|
+
const rect = dialRef.current.getBoundingClientRect();
|
|
92
|
+
const centerX = rect.left + rect.width / 2;
|
|
93
|
+
const centerY = rect.top + rect.height / 2;
|
|
94
|
+
const x = clientX - centerX;
|
|
95
|
+
const y = clientY - centerY;
|
|
96
|
+
let angle = Math.atan2(x, -y) * (180 / Math.PI);
|
|
97
|
+
if (angle < 0)
|
|
98
|
+
angle += 360;
|
|
99
|
+
if (dialMode === 'hour') {
|
|
100
|
+
let hour = Math.round(angle / 30);
|
|
101
|
+
if (hour === 0)
|
|
102
|
+
hour = 12;
|
|
103
|
+
return hour;
|
|
104
|
+
}
|
|
105
|
+
else {
|
|
106
|
+
let minute = Math.round(angle / 6);
|
|
107
|
+
if (minute === 60)
|
|
108
|
+
minute = 0;
|
|
109
|
+
return minute;
|
|
110
|
+
}
|
|
111
|
+
}, [dialMode]);
|
|
112
|
+
const handleDialInteraction = useCallback((clientX, clientY) => {
|
|
113
|
+
const value = getValueFromPosition(clientX, clientY);
|
|
114
|
+
if (value === null)
|
|
115
|
+
return;
|
|
116
|
+
if (dialMode === 'hour') {
|
|
117
|
+
setHours(value);
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
setMinutes(value);
|
|
121
|
+
}
|
|
122
|
+
}, [dialMode, getValueFromPosition]);
|
|
123
|
+
const handleMouseDown = useCallback((e) => {
|
|
124
|
+
e.preventDefault();
|
|
125
|
+
setIsDragging(true);
|
|
126
|
+
handleDialInteraction(e.clientX, e.clientY);
|
|
127
|
+
}, [handleDialInteraction]);
|
|
128
|
+
const handleMouseMove = useCallback((e) => {
|
|
129
|
+
if (!isDragging)
|
|
130
|
+
return;
|
|
131
|
+
handleDialInteraction(e.clientX, e.clientY);
|
|
132
|
+
}, [isDragging, handleDialInteraction]);
|
|
133
|
+
const handleMouseUp = useCallback(() => {
|
|
134
|
+
if (isDragging) {
|
|
135
|
+
setIsDragging(false);
|
|
136
|
+
if (dialMode === 'hour') {
|
|
137
|
+
setDialMode('minute');
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}, [isDragging, dialMode]);
|
|
141
|
+
const handleTouchStart = useCallback((e) => {
|
|
142
|
+
e.preventDefault();
|
|
143
|
+
setIsDragging(true);
|
|
144
|
+
const touch = e.touches[0];
|
|
145
|
+
if (touch) {
|
|
146
|
+
handleDialInteraction(touch.clientX, touch.clientY);
|
|
147
|
+
}
|
|
148
|
+
}, [handleDialInteraction]);
|
|
149
|
+
const handleTouchMove = useCallback((e) => {
|
|
150
|
+
if (!isDragging)
|
|
151
|
+
return;
|
|
152
|
+
const touch = e.touches[0];
|
|
153
|
+
if (touch) {
|
|
154
|
+
handleDialInteraction(touch.clientX, touch.clientY);
|
|
155
|
+
}
|
|
156
|
+
}, [isDragging, handleDialInteraction]);
|
|
157
|
+
const handleTouchEnd = useCallback(() => {
|
|
158
|
+
if (isDragging) {
|
|
159
|
+
setIsDragging(false);
|
|
160
|
+
if (dialMode === 'hour') {
|
|
161
|
+
setDialMode('minute');
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}, [isDragging, dialMode]);
|
|
165
|
+
const handleNumberClick = useCallback((value) => {
|
|
166
|
+
if (dialMode === 'hour') {
|
|
167
|
+
setHours(value);
|
|
168
|
+
setDialMode('minute');
|
|
169
|
+
}
|
|
170
|
+
else {
|
|
171
|
+
setMinutes(value);
|
|
172
|
+
}
|
|
173
|
+
}, [dialMode]);
|
|
174
|
+
const handleDialOptionKeyDown = (event, currentValue) => {
|
|
175
|
+
const options = dialMode === 'hour' ? HOUR_OPTIONS : MINUTE_OPTIONS;
|
|
176
|
+
const currentIndex = options.indexOf(currentValue);
|
|
177
|
+
let nextIndex;
|
|
178
|
+
switch (event.key) {
|
|
179
|
+
case 'ArrowRight':
|
|
180
|
+
case 'ArrowDown':
|
|
181
|
+
nextIndex = (currentIndex + 1) % options.length;
|
|
182
|
+
break;
|
|
183
|
+
case 'ArrowLeft':
|
|
184
|
+
case 'ArrowUp':
|
|
185
|
+
nextIndex = (currentIndex - 1 + options.length) % options.length;
|
|
186
|
+
break;
|
|
187
|
+
case 'Home':
|
|
188
|
+
nextIndex = 0;
|
|
189
|
+
break;
|
|
190
|
+
case 'End':
|
|
191
|
+
nextIndex = options.length - 1;
|
|
192
|
+
break;
|
|
193
|
+
default:
|
|
194
|
+
return;
|
|
195
|
+
}
|
|
196
|
+
event.preventDefault();
|
|
197
|
+
const nextValue = options[nextIndex];
|
|
198
|
+
if (nextValue === undefined)
|
|
199
|
+
return;
|
|
200
|
+
if (dialMode === 'hour')
|
|
201
|
+
setHours(nextValue);
|
|
202
|
+
else
|
|
203
|
+
setMinutes(nextValue);
|
|
204
|
+
window.requestAnimationFrame(() => dialOptionRefs.current.get(nextValue)?.focus());
|
|
205
|
+
};
|
|
206
|
+
const handlePeriodKeyDown = (event, currentPeriod) => {
|
|
207
|
+
if (!['ArrowRight', 'ArrowDown', 'ArrowLeft', 'ArrowUp'].includes(event.key))
|
|
208
|
+
return;
|
|
209
|
+
event.preventDefault();
|
|
210
|
+
const nextPeriod = currentPeriod === 'AM' ? 'PM' : 'AM';
|
|
211
|
+
setPeriod(nextPeriod);
|
|
212
|
+
periodRefs.current.get(nextPeriod)?.focus();
|
|
213
|
+
};
|
|
214
|
+
const handleSave = () => {
|
|
215
|
+
setSelectedValue(formatTimeValue(clampHours(hours), clampMinutes(minutes), period));
|
|
216
|
+
setIsOpen(false);
|
|
217
|
+
};
|
|
218
|
+
return (_jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, "aria-label": "Time picker", contentClassName: "p-0 gap-0", children: _jsxs("div", { className: "flex w-full flex-col items-center pb-4", children: [_jsx("div", { className: "w-full px-6 pt-6 pb-4", children: _jsx("span", { className: "text-label-medium text-on-surface-variant font-medium", children: inputType === 'dial' ? 'Select time' : 'Enter time' }) }), _jsxs("div", { className: cn('flex w-full items-center justify-center gap-2 px-6', inputType === 'dial' ? 'mb-6' : 'mb-4'), children: [inputType === 'dial' ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: cn('text-display-large flex h-20 min-w-24 cursor-pointer items-center justify-center rounded-sm border-2 px-4 py-3 transition-colors', focusRing, dialMode === 'hour'
|
|
219
|
+
? 'bg-primary-container text-on-primary-container border-transparent'
|
|
220
|
+
: 'bg-surface-container-highest text-on-surface hover:bg-surface-container-high border-transparent'), onClick: () => setDialMode('hour'), "aria-label": `Hours: ${hours}`, "aria-pressed": dialMode === 'hour', children: hours.toString().padStart(2, '0') }), _jsx("span", { className: "text-display-large text-on-surface mb-2", "aria-hidden": "true", children: ":" }), _jsx("button", { type: "button", className: cn('text-display-large flex h-20 min-w-24 cursor-pointer items-center justify-center rounded-sm border-2 px-4 py-3 transition-colors', focusRing, dialMode === 'minute'
|
|
221
|
+
? 'bg-primary-container text-on-primary-container border-transparent'
|
|
222
|
+
: 'bg-surface-container-highest text-on-surface hover:bg-surface-container-high border-transparent'), onClick: () => setDialMode('minute'), "aria-label": `Minutes: ${minutes}`, "aria-pressed": dialMode === 'minute', children: minutes.toString().padStart(2, '0') })] })) : (_jsxs("div", { className: "flex items-end gap-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: hourInputId, className: "text-title-medium text-on-surface-variant block pl-1", children: "Hour" }), _jsx("input", { id: hourInputId, type: "number", min: 1, max: 12, inputMode: "numeric", value: hours, onChange: (e) => {
|
|
223
|
+
const nextValue = Number.parseInt(e.target.value, 10);
|
|
224
|
+
if (Number.isNaN(nextValue))
|
|
225
|
+
return;
|
|
226
|
+
setHours(nextValue);
|
|
227
|
+
}, onBlur: () => setHours((current) => clampHours(current)), className: "text-title-large border-control-outline bg-surface hover:border-outline-medium focus-visible:border-primary focus-visible:ring-focus-ring h-14 w-24 rounded-sm border px-4 transition-colors outline-none focus-visible:ring-1" })] }), _jsx("span", { className: "text-display-small text-on-surface pb-2 leading-none", "aria-hidden": "true", children: ":" }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: minuteInputId, className: "text-title-medium text-on-surface-variant block pl-1", children: "Minute" }), _jsx("input", { id: minuteInputId, type: "number", min: 0, max: 59, inputMode: "numeric", value: minutes, onChange: (e) => {
|
|
228
|
+
const nextValue = Number.parseInt(e.target.value, 10);
|
|
229
|
+
if (Number.isNaN(nextValue))
|
|
230
|
+
return;
|
|
231
|
+
setMinutes(nextValue);
|
|
232
|
+
}, onBlur: () => setMinutes((current) => clampMinutes(current)), className: "text-title-large border-control-outline bg-surface hover:border-outline-medium focus-visible:border-primary focus-visible:ring-focus-ring h-14 w-24 rounded-sm border px-4 transition-colors outline-none focus-visible:ring-1" })] })] })), _jsxs("div", { className: "border-control-outline bg-surface ml-3 flex h-20 shrink-0 flex-col overflow-hidden rounded-sm border", role: "radiogroup", "aria-label": "AM/PM", children: [_jsx("button", { ref: (node) => {
|
|
233
|
+
if (node)
|
|
234
|
+
periodRefs.current.set('AM', node);
|
|
235
|
+
else
|
|
236
|
+
periodRefs.current.delete('AM');
|
|
237
|
+
}, type: "button", onClick: () => setPeriod('AM'), role: "radio", "aria-checked": period === 'AM', className: cn('text-label-medium hover:bg-state-hover border-control-outline flex-1 border-b px-4 font-medium transition-colors', focusRingInset, period === 'AM'
|
|
238
|
+
? 'bg-tertiary-container text-on-tertiary-container'
|
|
239
|
+
: 'text-on-surface-variant'), tabIndex: period === 'AM' ? 0 : -1, onKeyDown: (event) => handlePeriodKeyDown(event, 'AM'), children: "AM" }), _jsx("button", { ref: (node) => {
|
|
240
|
+
if (node)
|
|
241
|
+
periodRefs.current.set('PM', node);
|
|
242
|
+
else
|
|
243
|
+
periodRefs.current.delete('PM');
|
|
244
|
+
}, type: "button", onClick: () => setPeriod('PM'), role: "radio", "aria-checked": period === 'PM', className: cn('text-label-medium hover:bg-state-hover flex-1 px-4 font-medium transition-colors', focusRingInset, period === 'PM'
|
|
245
|
+
? 'bg-tertiary-container text-on-tertiary-container'
|
|
246
|
+
: 'text-on-surface-variant'), tabIndex: period === 'PM' ? 0 : -1, onKeyDown: (event) => handlePeriodKeyDown(event, 'PM'), children: "PM" })] })] }), inputType === 'dial' && (_jsx("div", { className: "animate-surface-enter relative mb-4 flex w-full justify-center", children: _jsxs("div", { ref: dialRef, className: "bg-surface-container-highest relative h-64 w-64 shrink-0 cursor-pointer touch-none rounded-full select-none", onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, role: "listbox", "aria-label": dialMode === 'hour' ? 'Select hour' : 'Select minute', children: [_jsx("div", { className: "bg-primary pointer-events-none absolute top-1/2 left-1/2 z-20 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full" }), _jsxs("div", { className: cn('bg-primary pointer-events-none absolute top-1/2 left-1/2 z-10 h-25 w-0.5 origin-bottom', isDragging
|
|
247
|
+
? 'transition-none'
|
|
248
|
+
: 'duration-long ease-standard transition-transform'), style: {
|
|
249
|
+
transform: `translate(-50%, -100%) rotate(${getRotation()}deg)`,
|
|
250
|
+
}, children: [_jsx("div", { className: "bg-primary border-surface absolute top-0 left-1/2 -mt-1 h-2 w-2 -translate-x-1/2 rounded-full border-2" }), _jsx("div", { className: "bg-primary absolute top-0 left-1/2 -mt-6 h-12 w-12 -translate-x-1/2 rounded-full opacity-20" }), _jsx("div", { className: "bg-primary border-surface absolute top-0 left-1/2 -mt-[calc(var(--unit)*0.75)] h-1.5 w-1.5 -translate-x-1/2 rounded-full border" })] }), dialMode === 'hour'
|
|
251
|
+
? HOUR_OPTIONS.map((num) => {
|
|
252
|
+
const angle = num * 30 - 90;
|
|
253
|
+
const rad = angle * (Math.PI / 180);
|
|
254
|
+
const x = 50 + 42 * Math.cos(rad);
|
|
255
|
+
const y = 50 + 42 * Math.sin(rad);
|
|
256
|
+
const isSelected = hours === num;
|
|
257
|
+
return (_jsx("button", { ref: (node) => {
|
|
258
|
+
if (node)
|
|
259
|
+
dialOptionRefs.current.set(num, node);
|
|
260
|
+
else
|
|
261
|
+
dialOptionRefs.current.delete(num);
|
|
262
|
+
}, type: "button", role: "option", "aria-selected": isSelected, tabIndex: isSelected ? 0 : -1, onKeyDown: (event) => handleDialOptionKeyDown(event, num), onMouseDown: (event) => event.stopPropagation(), onTouchStart: (event) => event.stopPropagation(), onClick: (e) => {
|
|
263
|
+
e.stopPropagation();
|
|
264
|
+
handleNumberClick(num);
|
|
265
|
+
}, className: cn('text-body-medium hover:bg-state-hover focus-visible:outline-focus-ring absolute z-30 -mt-4 -ml-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors focus-visible:outline-2', isSelected ? 'text-on-primary font-medium' : 'text-on-surface'), style: { left: `${x}%`, top: `${y}%` }, children: num }, num));
|
|
266
|
+
})
|
|
267
|
+
: MINUTE_OPTIONS.map((num) => {
|
|
268
|
+
const angle = num * 6 - 90;
|
|
269
|
+
const rad = angle * (Math.PI / 180);
|
|
270
|
+
const x = 50 + 42 * Math.cos(rad);
|
|
271
|
+
const y = 50 + 42 * Math.sin(rad);
|
|
272
|
+
const isSelected = minutes === num;
|
|
273
|
+
return (_jsx("button", { ref: (node) => {
|
|
274
|
+
if (node)
|
|
275
|
+
dialOptionRefs.current.set(num, node);
|
|
276
|
+
else
|
|
277
|
+
dialOptionRefs.current.delete(num);
|
|
278
|
+
}, type: "button", role: "option", "aria-selected": isSelected, tabIndex: isSelected ? 0 : -1, onKeyDown: (event) => handleDialOptionKeyDown(event, num), onMouseDown: (event) => event.stopPropagation(), onTouchStart: (event) => event.stopPropagation(), onClick: (e) => {
|
|
279
|
+
e.stopPropagation();
|
|
280
|
+
handleNumberClick(num);
|
|
281
|
+
}, className: cn('text-body-medium hover:bg-state-hover focus-visible:outline-focus-ring absolute z-30 -mt-4 -ml-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors focus-visible:outline-2', isSelected ? 'text-on-primary font-medium' : 'text-on-surface'), style: { left: `${x}%`, top: `${y}%` }, children: num.toString().padStart(2, '0') }, num));
|
|
282
|
+
})] }) })), _jsxs("div", { className: "mt-2 flex w-full items-center justify-between px-4", children: [_jsx(IconButton, { variant: "standard", "aria-label": inputType === 'dial' ? 'Switch to keyboard' : 'Switch to clock', onClick: () => setInputType(inputType === 'dial' ? 'keyboard' : 'dial'), icon: _jsx(Icon, { symbol: inputType === 'dial' ? 'keyboard' : 'schedule', size: "md" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "text", onClick: () => setIsOpen(false), children: "Cancel" }), _jsx(Button, { variant: "text", onClick: handleSave, children: "OK" })] })] })] }) }));
|
|
283
|
+
};
|
|
284
|
+
//# sourceMappingURL=time-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../src/components/time-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export type ToastTone = 'neutral' | 'success' | 'danger' | 'warning' | 'info';
|
|
3
|
+
export type ToastPriority = 'polite' | 'assertive';
|
|
4
|
+
export type ToastPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
|
|
5
|
+
export interface ToastAction {
|
|
6
|
+
label: ReactNode;
|
|
7
|
+
onClick: () => void;
|
|
8
|
+
}
|
|
9
|
+
export interface ToastOptions {
|
|
10
|
+
message: ReactNode;
|
|
11
|
+
description?: ReactNode;
|
|
12
|
+
tone?: ToastTone;
|
|
13
|
+
priority?: ToastPriority;
|
|
14
|
+
icon?: ReactNode;
|
|
15
|
+
action?: ToastAction;
|
|
16
|
+
duration?: number;
|
|
17
|
+
dismissible?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role'>, ToastOptions {
|
|
20
|
+
onDismiss?: () => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export interface ToasterProps {
|
|
24
|
+
position?: ToastPosition;
|
|
25
|
+
maxToasts?: number;
|
|
26
|
+
className?: string;
|
|
27
|
+
}
|
|
28
|
+
export declare function Toaster({ position, maxToasts, className }: ToasterProps): import("react").ReactPortal | null;
|
|
29
|
+
type ToastShortcutOptions = Omit<ToastOptions, 'message' | 'tone'>;
|
|
30
|
+
export declare const toast: {
|
|
31
|
+
show: (options: ToastOptions) => string;
|
|
32
|
+
success: (message: ReactNode, options?: ToastShortcutOptions) => string;
|
|
33
|
+
error: (message: ReactNode, options?: ToastShortcutOptions) => string;
|
|
34
|
+
warning: (message: ReactNode, options?: ToastShortcutOptions) => string;
|
|
35
|
+
info: (message: ReactNode, options?: ToastShortcutOptions) => string;
|
|
36
|
+
dismiss: (id: string) => void;
|
|
37
|
+
dismissAll: () => void;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAC9E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,aAAa,GACrB,cAAc,GACd,aAAa,GACb,eAAe,GACf,WAAW,GACX,UAAU,GACV,YAAY,CAAC;AAEjB,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,EAAE,YAAY;IAC/E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA+JD,eAAO,MAAM,KAAK,uGAoIjB,CAAC;AAIF,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAyB,EAAE,SAAa,EAAE,SAAS,EAAE,EAAE,YAAY,sCAkC5F;AAED,KAAK,oBAAoB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;AAEnE,eAAO,MAAM,KAAK;oBACA,YAAY;uBACT,SAAS,YAAY,oBAAoB;qBAE3C,SAAS,YAAY,oBAAoB;uBAEvC,SAAS,YAAY,oBAAoB;oBAE5C,SAAS,YAAY,oBAAoB;kBAE3C,MAAM;;CAErB,CAAC"}
|