@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,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { isValidElement } from 'react';
|
|
3
|
+
import { cn, Slot } from '../lib/utils.js';
|
|
4
|
+
import { Icon } from './icon.js';
|
|
5
|
+
import { IconButton } from './icon-button.js';
|
|
6
|
+
export const Breadcrumb = ({ children, className }) => (_jsx("nav", { "aria-label": "breadcrumb", className: cn('flex', className), children: _jsx("ol", { className: "flex flex-wrap items-center gap-2", children: children }) }));
|
|
7
|
+
export const BreadcrumbItem = ({ children, className }) => (_jsx("li", { className: cn('inline-flex items-center gap-2', className), children: children }));
|
|
8
|
+
export const BreadcrumbLink = ({ children, onClick, href, className, asChild }) => {
|
|
9
|
+
const linkClasses = cn('text-label-medium font-medium text-on-surface-variant hover:text-primary transition-colors leading-none pt-0.5', className);
|
|
10
|
+
if (asChild && isValidElement(children)) {
|
|
11
|
+
return _jsx(Slot, { className: linkClasses, children: children });
|
|
12
|
+
}
|
|
13
|
+
if (href) {
|
|
14
|
+
return (_jsx("a", { href: href, className: linkClasses, children: children }));
|
|
15
|
+
}
|
|
16
|
+
return (_jsx("button", { type: "button", onClick: onClick, className: linkClasses, children: children }));
|
|
17
|
+
};
|
|
18
|
+
export const BreadcrumbPage = ({ children, className }) => (_jsx("span", { className: cn('text-label-medium text-on-surface pt-0.5 leading-none font-medium', className), children: children }));
|
|
19
|
+
export const BreadcrumbSeparator = () => (_jsx(Icon, { symbol: "chevron_right", size: "xs", className: "text-outline" }));
|
|
20
|
+
export const BreadcrumbEllipsis = ({ onClick, className }) => {
|
|
21
|
+
return (_jsxs("li", { className: cn('inline-flex items-center gap-2', className), children: [_jsx(IconButton, { icon: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) }), onClick: onClick, "aria-label": "More items", className: "text-on-surface-variant" }), _jsx(BreadcrumbSeparator, {})] }));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAGlB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,4BAAgB,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,YAC3D,aAAI,SAAS,EAAC,mCAAmC,YAAE,QAAQ,GAAM,GAC7D,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAGtB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,aAAI,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAChF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAMtB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACvD,MAAM,WAAW,GAAG,EAAE,CACpB,gHAAgH,EAChH,SAAS,CACV,CAAC;IAEF,IAAI,OAAO,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxC,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,WAAW,YAAG,QAAQ,GAAQ,CAAC;IACzD,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,YAClC,QAAQ,GACP,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,YAC3D,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAGtB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,eACE,SAAS,EAAE,EAAE,CAAC,mEAAmE,EAAE,SAAS,CAAC,YAE5F,QAAQ,GACJ,CACR,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAa,GAAG,EAAE,CAAC,CACjD,KAAC,IAAI,IAAC,MAAM,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,GAAG,CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAG1B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IAC9B,OAAO,CACL,cAAI,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,aAC5D,KAAC,UAAU,IACT,IAAI,EACF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,YACjE,eAAM,CAAC,EAAC,qJAAqJ,GAAG,GAC5J,EAER,OAAO,EAAE,OAAO,gBACL,YAAY,EACvB,SAAS,EAAC,yBAAyB,GACnC,EACF,KAAC,mBAAmB,KAAG,IACpB,CACN,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type ReactNode, type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { type IconProps } from './icon.js';
|
|
4
|
+
declare const buttonVariants: (props?: ({
|
|
5
|
+
variant?: "text" | "filled" | "tonal" | "outlined" | "elevated" | null | undefined;
|
|
6
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
variant?: 'filled' | 'tonal' | 'outlined' | 'text' | 'elevated';
|
|
11
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
leadingIcon?: ReactNode;
|
|
14
|
+
trailingIcon?: ReactNode;
|
|
15
|
+
iconSize?: NonNullable<IconProps['size']>;
|
|
16
|
+
asChild?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
export { buttonVariants };
|
|
20
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,oBAAoB,EAO1B,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AA8B9C,QAAA,MAAM,cAAc;;;8EAuBnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;IAChE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,2GA6GlB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, isValidElement, cloneElement, } from 'react';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { Ripple } from './ripple.js';
|
|
6
|
+
import { Icon } from './icon.js';
|
|
7
|
+
import { cn, Slot } from '../lib/utils.js';
|
|
8
|
+
import { actionButtonSizeClasses, getIconFrameSizeClass } from '../lib/action-size.js';
|
|
9
|
+
import { ActionSpinner, ActionStateLayer, actionInteractiveClass, getActionDisabledState, getActionStateAttributes, getActionAsChildAttributes, } from '../lib/action-control.js';
|
|
10
|
+
function isIconElement(node) {
|
|
11
|
+
return isValidElement(node) && node.type === Icon;
|
|
12
|
+
}
|
|
13
|
+
function normalizeIconNode(node, size) {
|
|
14
|
+
if (!isIconElement(node) || node.props.size !== undefined) {
|
|
15
|
+
return node;
|
|
16
|
+
}
|
|
17
|
+
return cloneElement(node, { size });
|
|
18
|
+
}
|
|
19
|
+
function shouldOpticallyAlignIcon(node) {
|
|
20
|
+
return (isIconElement(node) &&
|
|
21
|
+
(node.props.symbol !== undefined || typeof node.props.children === 'string'));
|
|
22
|
+
}
|
|
23
|
+
const buttonVariants = cva(`relative inline-flex items-center justify-center gap-2.5 rounded-button whitespace-nowrap font-medium leading-none transition-all duration-short ease-standard ${actionInteractiveClass}`, {
|
|
24
|
+
variants: {
|
|
25
|
+
variant: {
|
|
26
|
+
filled: 'bg-primary text-on-primary',
|
|
27
|
+
tonal: 'bg-secondary-container text-on-secondary-container',
|
|
28
|
+
outlined: 'border border-outline-subtle text-on-surface bg-transparent focus-visible:border-primary',
|
|
29
|
+
text: 'text-primary bg-transparent',
|
|
30
|
+
elevated: 'bg-surface-container-low text-primary shadow-1',
|
|
31
|
+
},
|
|
32
|
+
size: {
|
|
33
|
+
sm: actionButtonSizeClasses.sm,
|
|
34
|
+
md: actionButtonSizeClasses.md,
|
|
35
|
+
lg: actionButtonSizeClasses.lg,
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
defaultVariants: {
|
|
39
|
+
variant: 'filled',
|
|
40
|
+
size: 'md',
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
export const Button = forwardRef(({ children, variant = 'filled', size = 'md', disabled = false, loading = false, leadingIcon, trailingIcon, iconSize, className = '', type = 'button', asChild = false, ...props }, ref) => {
|
|
44
|
+
const isDisabled = getActionDisabledState(disabled, loading);
|
|
45
|
+
const canRenderAsChild = asChild && isValidElement(children);
|
|
46
|
+
const buttonClasses = cn(buttonVariants({ variant, size }), className);
|
|
47
|
+
const resolvedIconSize = iconSize ?? (size === 'lg' ? 'md' : 'sm');
|
|
48
|
+
const iconSizeClass = getIconFrameSizeClass(resolvedIconSize);
|
|
49
|
+
const resolvedIcon = normalizeIconNode(leadingIcon, resolvedIconSize);
|
|
50
|
+
const resolvedTrailingIcon = normalizeIconNode(trailingIcon, resolvedIconSize);
|
|
51
|
+
const iconOpticalClass = shouldOpticallyAlignIcon(resolvedIcon) ? '-translate-y-px' : '';
|
|
52
|
+
const trailingIconOpticalClass = shouldOpticallyAlignIcon(resolvedTrailingIcon)
|
|
53
|
+
? '-translate-y-px'
|
|
54
|
+
: '';
|
|
55
|
+
const renderContent = (content) => (_jsxs(_Fragment, { children: [_jsx(ActionStateLayer, { className: "duration-snappy" }), _jsx(Ripple, { disabled: isDisabled }), loading && _jsx(ActionSpinner, { className: `${iconSizeClass} relative z-10` }), !loading && resolvedIcon && (_jsx("span", { className: cn(iconSizeClass, 'pointer-events-none relative z-10 flex shrink-0 items-center justify-center', iconOpticalClass), children: resolvedIcon })), _jsx("span", { className: cn('pointer-events-none relative z-10 inline-flex items-center justify-center gap-2', loading ? 'opacity-0' : 'opacity-100'), children: content }), !loading && resolvedTrailingIcon && (_jsx("span", { className: cn(iconSizeClass, 'pointer-events-none relative z-10 flex shrink-0 items-center justify-center', trailingIconOpticalClass), children: resolvedTrailingIcon }))] }));
|
|
56
|
+
if (canRenderAsChild) {
|
|
57
|
+
const childElement = children;
|
|
58
|
+
const childProps = childElement.props;
|
|
59
|
+
const forwardedChildProps = getActionAsChildAttributes(isDisabled, loading, props, childProps);
|
|
60
|
+
return (_jsx(Slot, { ref: ref, className: buttonClasses, children: cloneElement(childElement, forwardedChildProps, renderContent(childProps.children)) }));
|
|
61
|
+
}
|
|
62
|
+
return (_jsx("button", { ref: ref, type: type, className: buttonClasses, disabled: isDisabled, ...getActionStateAttributes(isDisabled, loading), ...props, children: renderContent(children) }));
|
|
63
|
+
});
|
|
64
|
+
Button.displayName = 'Button';
|
|
65
|
+
export { buttonVariants };
|
|
66
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface CalendarProps {
|
|
3
|
+
selectedDate?: Date;
|
|
4
|
+
onDateSelect?: (date: Date) => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
min?: Date;
|
|
7
|
+
max?: Date;
|
|
8
|
+
locale?: string;
|
|
9
|
+
weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
10
|
+
autoFocus?: boolean;
|
|
11
|
+
'aria-label'?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,aAAa;IAC5B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA2ED,eAAO,MAAM,QAAQ,sFA4OpB,CAAC"}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { Surface } from '../primitives/surface.js';
|
|
6
|
+
import { Text } from '../primitives/text.js';
|
|
7
|
+
import { Icon } from './icon.js';
|
|
8
|
+
import { IconButton } from './icon-button.js';
|
|
9
|
+
import { Ripple } from './ripple.js';
|
|
10
|
+
function toDateOnly(date) {
|
|
11
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
|
12
|
+
}
|
|
13
|
+
function startOfMonth(date) {
|
|
14
|
+
return new Date(date.getFullYear(), date.getMonth(), 1);
|
|
15
|
+
}
|
|
16
|
+
function endOfMonth(date) {
|
|
17
|
+
return new Date(date.getFullYear(), date.getMonth() + 1, 0);
|
|
18
|
+
}
|
|
19
|
+
function addDays(date, amount) {
|
|
20
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
|
|
21
|
+
}
|
|
22
|
+
function addMonths(date, amount) {
|
|
23
|
+
const targetMonth = new Date(date.getFullYear(), date.getMonth() + amount, 1);
|
|
24
|
+
const day = Math.min(date.getDate(), endOfMonth(targetMonth).getDate());
|
|
25
|
+
return new Date(targetMonth.getFullYear(), targetMonth.getMonth(), day);
|
|
26
|
+
}
|
|
27
|
+
function isSameDay(left, right) {
|
|
28
|
+
return (left.getDate() === right.getDate() &&
|
|
29
|
+
left.getMonth() === right.getMonth() &&
|
|
30
|
+
left.getFullYear() === right.getFullYear());
|
|
31
|
+
}
|
|
32
|
+
function isSameMonth(left, right) {
|
|
33
|
+
return left.getMonth() === right.getMonth() && left.getFullYear() === right.getFullYear();
|
|
34
|
+
}
|
|
35
|
+
function dateKey(date) {
|
|
36
|
+
return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
|
|
37
|
+
}
|
|
38
|
+
function isDateDisabled(date, min, max) {
|
|
39
|
+
const value = toDateOnly(date).getTime();
|
|
40
|
+
if (min && value < toDateOnly(min).getTime())
|
|
41
|
+
return true;
|
|
42
|
+
if (max && value > toDateOnly(max).getTime())
|
|
43
|
+
return true;
|
|
44
|
+
return false;
|
|
45
|
+
}
|
|
46
|
+
function clampDate(date, min, max) {
|
|
47
|
+
if (min && date < toDateOnly(min))
|
|
48
|
+
return toDateOnly(min);
|
|
49
|
+
if (max && date > toDateOnly(max))
|
|
50
|
+
return toDateOnly(max);
|
|
51
|
+
return date;
|
|
52
|
+
}
|
|
53
|
+
function getMonthCells(month, weekStartsOn) {
|
|
54
|
+
const daysInMonth = endOfMonth(month).getDate();
|
|
55
|
+
const leadingCells = (month.getDay() - weekStartsOn + 7) % 7;
|
|
56
|
+
const cells = Array.from({ length: leadingCells }, () => null);
|
|
57
|
+
for (let day = 1; day <= daysInMonth; day += 1) {
|
|
58
|
+
cells.push(new Date(month.getFullYear(), month.getMonth(), day));
|
|
59
|
+
}
|
|
60
|
+
while (cells.length % 7 !== 0)
|
|
61
|
+
cells.push(null);
|
|
62
|
+
return cells;
|
|
63
|
+
}
|
|
64
|
+
function getWeekdayLabels(locale, weekStartsOn) {
|
|
65
|
+
const formatter = new Intl.DateTimeFormat(locale, { weekday: 'short' });
|
|
66
|
+
const sunday = new Date(2024, 0, 7);
|
|
67
|
+
return Array.from({ length: 7 }, (_, index) => formatter.format(addDays(sunday, (weekStartsOn + index) % 7)));
|
|
68
|
+
}
|
|
69
|
+
export const Calendar = React.forwardRef(({ selectedDate, onDateSelect, className, min, max, locale, weekStartsOn = 0, autoFocus = false, 'aria-label': ariaLabel, }, forwardedRef) => {
|
|
70
|
+
const initialDate = clampDate(selectedDate ? toDateOnly(selectedDate) : toDateOnly(new Date()), min, max);
|
|
71
|
+
const [currentMonth, setCurrentMonth] = React.useState(() => startOfMonth(initialDate));
|
|
72
|
+
const [focusedDate, setFocusedDate] = React.useState(initialDate);
|
|
73
|
+
const dayRefs = React.useRef(new Map());
|
|
74
|
+
const shouldFocusDayRef = React.useRef(autoFocus);
|
|
75
|
+
React.useEffect(() => {
|
|
76
|
+
if (!selectedDate)
|
|
77
|
+
return;
|
|
78
|
+
const normalized = clampDate(toDateOnly(selectedDate), min, max);
|
|
79
|
+
setCurrentMonth(startOfMonth(normalized));
|
|
80
|
+
setFocusedDate(normalized);
|
|
81
|
+
}, [max, min, selectedDate]);
|
|
82
|
+
React.useEffect(() => {
|
|
83
|
+
if (!shouldFocusDayRef.current)
|
|
84
|
+
return;
|
|
85
|
+
const target = dayRefs.current.get(dateKey(focusedDate));
|
|
86
|
+
if (!target)
|
|
87
|
+
return;
|
|
88
|
+
target.focus();
|
|
89
|
+
shouldFocusDayRef.current = false;
|
|
90
|
+
}, [currentMonth, focusedDate]);
|
|
91
|
+
const monthFormatter = React.useMemo(() => new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }), [locale]);
|
|
92
|
+
const dateFormatter = React.useMemo(() => new Intl.DateTimeFormat(locale, { dateStyle: 'long' }), [locale]);
|
|
93
|
+
const weekdayLabels = React.useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);
|
|
94
|
+
const cells = React.useMemo(() => getMonthCells(currentMonth, weekStartsOn), [currentMonth, weekStartsOn]);
|
|
95
|
+
const monthLabel = monthFormatter.format(currentMonth);
|
|
96
|
+
const canGoPrevious = !min || endOfMonth(addMonths(currentMonth, -1)) >= toDateOnly(min);
|
|
97
|
+
const canGoNext = !max || startOfMonth(addMonths(currentMonth, 1)) <= toDateOnly(max);
|
|
98
|
+
const selectedInMonth = selectedDate && isSameMonth(toDateOnly(selectedDate), currentMonth)
|
|
99
|
+
? toDateOnly(selectedDate)
|
|
100
|
+
: undefined;
|
|
101
|
+
const focusedInMonth = isSameMonth(focusedDate, currentMonth) ? focusedDate : undefined;
|
|
102
|
+
const firstEnabledDate = cells.find((cell) => cell !== null && !isDateDisabled(cell, min, max));
|
|
103
|
+
const tabStop = focusedInMonth ?? selectedInMonth ?? firstEnabledDate;
|
|
104
|
+
const moveFocus = React.useCallback((nextDate) => {
|
|
105
|
+
const normalized = clampDate(toDateOnly(nextDate), min, max);
|
|
106
|
+
shouldFocusDayRef.current = true;
|
|
107
|
+
setFocusedDate(normalized);
|
|
108
|
+
if (!isSameMonth(normalized, currentMonth))
|
|
109
|
+
setCurrentMonth(startOfMonth(normalized));
|
|
110
|
+
}, [currentMonth, max, min]);
|
|
111
|
+
const selectDate = React.useCallback((date) => {
|
|
112
|
+
if (isDateDisabled(date, min, max))
|
|
113
|
+
return;
|
|
114
|
+
const normalized = toDateOnly(date);
|
|
115
|
+
setFocusedDate(normalized);
|
|
116
|
+
onDateSelect?.(normalized);
|
|
117
|
+
}, [max, min, onDateSelect]);
|
|
118
|
+
const handleDayKeyDown = React.useCallback((event, date) => {
|
|
119
|
+
let nextDate;
|
|
120
|
+
switch (event.key) {
|
|
121
|
+
case 'ArrowLeft':
|
|
122
|
+
nextDate = addDays(date, -1);
|
|
123
|
+
break;
|
|
124
|
+
case 'ArrowRight':
|
|
125
|
+
nextDate = addDays(date, 1);
|
|
126
|
+
break;
|
|
127
|
+
case 'ArrowUp':
|
|
128
|
+
nextDate = addDays(date, -7);
|
|
129
|
+
break;
|
|
130
|
+
case 'ArrowDown':
|
|
131
|
+
nextDate = addDays(date, 7);
|
|
132
|
+
break;
|
|
133
|
+
case 'Home':
|
|
134
|
+
nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));
|
|
135
|
+
break;
|
|
136
|
+
case 'End':
|
|
137
|
+
nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));
|
|
138
|
+
break;
|
|
139
|
+
case 'PageUp':
|
|
140
|
+
nextDate = addMonths(date, -1);
|
|
141
|
+
break;
|
|
142
|
+
case 'PageDown':
|
|
143
|
+
nextDate = addMonths(date, 1);
|
|
144
|
+
break;
|
|
145
|
+
case 'Enter':
|
|
146
|
+
case ' ':
|
|
147
|
+
event.preventDefault();
|
|
148
|
+
selectDate(date);
|
|
149
|
+
return;
|
|
150
|
+
default:
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
153
|
+
event.preventDefault();
|
|
154
|
+
moveFocus(nextDate);
|
|
155
|
+
}, [moveFocus, selectDate, weekStartsOn]);
|
|
156
|
+
return (_jsxs(Surface, { ref: forwardedRef, tone: "surface", elevation: 1, className: cn('w-full max-w-sm overflow-hidden rounded-sm', className), children: [_jsxs("div", { className: "border-outline-weak flex items-center justify-between border-b p-4", children: [_jsx(IconButton, { icon: _jsx(Icon, { symbol: "chevron_left" }), onClick: () => setCurrentMonth((month) => startOfMonth(addMonths(month, -1))), "aria-label": "Previous month", disabled: !canGoPrevious }), _jsx(Text, { as: "span", variant: "titleMedium", "aria-live": "polite", children: monthLabel }), _jsx(IconButton, { icon: _jsx(Icon, { symbol: "chevron_right" }), onClick: () => setCurrentMonth((month) => startOfMonth(addMonths(month, 1))), "aria-label": "Next month", disabled: !canGoNext })] }), _jsxs("div", { role: "grid", "aria-label": ariaLabel ?? monthLabel, className: "space-y-1 p-2 pb-4", children: [_jsx("div", { role: "row", className: "grid grid-cols-7 gap-1", children: weekdayLabels.map((day, index) => (_jsx("div", { role: "columnheader", "aria-label": day, className: "py-2 text-center", children: _jsx(Text, { variant: "labelSmall", className: "text-on-surface-variant", children: day }) }, `${day}-${index}`))) }), Array.from({ length: cells.length / 7 }, (_, rowIndex) => (_jsx("div", { role: "row", className: "grid grid-cols-7 gap-1", children: cells.slice(rowIndex * 7, rowIndex * 7 + 7).map((date, columnIndex) => {
|
|
157
|
+
if (!date) {
|
|
158
|
+
return (_jsx("span", { role: "gridcell", "aria-hidden": "true", className: "aspect-square" }, `empty-${columnIndex}`));
|
|
159
|
+
}
|
|
160
|
+
const selected = Boolean(selectedDate && isSameDay(date, toDateOnly(selectedDate)));
|
|
161
|
+
const today = isSameDay(date, toDateOnly(new Date()));
|
|
162
|
+
const disabled = isDateDisabled(date, min, max);
|
|
163
|
+
const focusable = Boolean(tabStop && isSameDay(date, tabStop));
|
|
164
|
+
return (_jsxs("button", { ref: (node) => {
|
|
165
|
+
const key = dateKey(date);
|
|
166
|
+
if (node)
|
|
167
|
+
dayRefs.current.set(key, node);
|
|
168
|
+
else
|
|
169
|
+
dayRefs.current.delete(key);
|
|
170
|
+
}, type: "button", role: "gridcell", disabled: disabled, "aria-label": dateFormatter.format(date), "aria-selected": selected, "aria-current": today ? 'date' : undefined, tabIndex: focusable ? 0 : -1, className: cn('relative flex aspect-square items-center justify-center overflow-hidden rounded-full', 'duration-short ease-standard transition-colors', 'focus-visible:ring-focus-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', selected
|
|
171
|
+
? 'bg-primary text-on-primary'
|
|
172
|
+
: today
|
|
173
|
+
? 'ring-primary text-primary font-medium ring-1 ring-inset'
|
|
174
|
+
: 'text-on-surface hover:bg-state-hover', disabled && 'cursor-not-allowed opacity-38'), onClick: () => selectDate(date), onFocus: () => setFocusedDate(date), onKeyDown: (event) => handleDayKeyDown(event, date), children: [_jsx(Ripple, { disabled: disabled }), _jsx(Text, { variant: "bodyMedium", className: "relative z-10", children: date.getDate() })] }, dateKey(date)));
|
|
175
|
+
}) }, rowIndex)))] })] }));
|
|
176
|
+
});
|
|
177
|
+
Calendar.displayName = 'Calendar';
|
|
178
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ListDetailLayoutProps {
|
|
3
|
+
list: React.ReactNode;
|
|
4
|
+
detail: React.ReactNode;
|
|
5
|
+
showDetailMobile?: boolean;
|
|
6
|
+
onBackClick?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
isRoot?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const ListDetailLayout: React.FC<ListDetailLayoutProps>;
|
|
11
|
+
export { ListDetailLayout as PaneGroup };
|
|
12
|
+
export interface SupportingPaneLayoutProps {
|
|
13
|
+
main: React.ReactNode;
|
|
14
|
+
supporting: React.ReactNode;
|
|
15
|
+
open?: boolean;
|
|
16
|
+
defaultOpen?: boolean;
|
|
17
|
+
onOpenChange?: (open: boolean) => void;
|
|
18
|
+
className?: string;
|
|
19
|
+
isRoot?: boolean;
|
|
20
|
+
mainRef?: React.RefObject<HTMLDivElement | null>;
|
|
21
|
+
title?: string;
|
|
22
|
+
subtitle?: string;
|
|
23
|
+
headerContent?: React.ReactNode;
|
|
24
|
+
headerLayout?: 'stacked' | 'inline';
|
|
25
|
+
mainScrollable?: boolean;
|
|
26
|
+
supportingScrollable?: boolean;
|
|
27
|
+
showCloseButtonOnDesktop?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export declare const SupportingPaneLayout: React.FC<SupportingPaneLayoutProps>;
|
|
30
|
+
export interface FeedLayoutProps {
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
className?: string;
|
|
33
|
+
isRoot?: boolean;
|
|
34
|
+
}
|
|
35
|
+
export declare const FeedLayout: React.FC<FeedLayoutProps>;
|
|
36
|
+
//# sourceMappingURL=canonical-layouts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"canonical-layouts.d.ts","sourceRoot":"","sources":["../../src/components/canonical-layouts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuC5D,CAAC;AAEF,OAAO,EAAE,gBAAgB,IAAI,SAAS,EAAE,CAAC;AAEzC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgKpE,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgBhD,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { useControllableState } from '../lib/use-controllable-state.js';
|
|
6
|
+
import { Icon } from './icon.js';
|
|
7
|
+
import { IconButton } from './icon-button.js';
|
|
8
|
+
import { Pane, PaneLayout } from '../layout/pane.js';
|
|
9
|
+
export const ListDetailLayout = ({ list, detail, showDetailMobile = false, onBackClick, className, isRoot = false, }) => {
|
|
10
|
+
return (_jsxs(PaneLayout, { className: cn(!isRoot && 'border-outline-soft rounded-sm border', className), children: [_jsx(Pane, { kind: "list", isActive: !showDetailMobile, className: "duration-long ease-emphasized transition-transform", children: list }), _jsxs(Pane, { kind: "main", role: "main", isActive: showDetailMobile, className: "bg-surface-container-low duration-long ease-standard relative transition-opacity", children: [showDetailMobile && (_jsx("div", { className: "medium:hidden absolute top-4 left-4 z-20", children: _jsx(IconButton, { onClick: onBackClick, variant: "standard", className: "bg-surface-container-low border-outline-soft border backdrop-blur-md", "aria-label": "Back", icon: _jsx(Icon, { symbol: "arrow_back" }) }) })), detail] })] }));
|
|
11
|
+
};
|
|
12
|
+
export { ListDetailLayout as PaneGroup };
|
|
13
|
+
export const SupportingPaneLayout = ({ main, supporting, open, defaultOpen = false, onOpenChange, className, isRoot = false, mainRef, title = 'Audit Protocol', subtitle, headerContent, headerLayout = 'stacked', mainScrollable = true, supportingScrollable = true, showCloseButtonOnDesktop = false, }) => {
|
|
14
|
+
const [resolvedOpen = false, setOpen] = useControllableState({
|
|
15
|
+
value: open,
|
|
16
|
+
defaultValue: defaultOpen,
|
|
17
|
+
onChange: onOpenChange,
|
|
18
|
+
});
|
|
19
|
+
const isOpen = resolvedOpen;
|
|
20
|
+
const handleClose = () => {
|
|
21
|
+
setOpen(false);
|
|
22
|
+
};
|
|
23
|
+
const handleToggle = () => {
|
|
24
|
+
setOpen(!isOpen);
|
|
25
|
+
};
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
if (!isOpen) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const handleKeyDown = (event) => {
|
|
31
|
+
if (event.key === 'Escape') {
|
|
32
|
+
setOpen(false);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
36
|
+
return () => window.removeEventListener('keydown', handleKeyDown);
|
|
37
|
+
}, [isOpen, setOpen]);
|
|
38
|
+
return (_jsxs("div", { className: cn('bg-surface duration-long ease-emphasized relative isolate grid h-full w-full overflow-hidden transition-[grid-template-columns]', !isRoot && 'border-outline-soft rounded-sm border', isOpen
|
|
39
|
+
? 'expanded:grid-cols-[1fr_var(--width-pane-supporting)]'
|
|
40
|
+
: 'expanded:grid-cols-[1fr_var(--width-rail-collapsed)]', className), children: [_jsx("div", { ref: mainRef, className: "bg-surface relative h-full min-w-0 flex-1 overflow-hidden", children: _jsx("div", { className: cn('h-full', mainScrollable
|
|
41
|
+
? 'overflow-y-auto scroll-smooth [scrollbar-gutter:stable]'
|
|
42
|
+
: 'overflow-hidden'), children: main }) }), _jsx("aside", { className: cn('bg-surface duration-long ease-emphasized z-40 shrink-0 overflow-hidden transition-all', 'medium:w-[min(100%,var(--width-pane-supporting))] absolute inset-y-0 right-0 h-full w-full', isOpen ? 'shadow-3 translate-x-0' : 'translate-x-full shadow-none', 'expanded:z-auto expanded:static expanded:shadow-none expanded:translate-x-0 expanded:border-l expanded:border-outline-weak expanded:w-full'), children: isOpen ? (_jsxs("div", { className: "flex h-full flex-col", children: [headerContent && headerLayout === 'inline' ? (_jsxs("header", { className: "border-outline-weak flex h-[var(--supporting-pane-header-height,3.5rem)] shrink-0 items-center justify-between gap-3 border-b px-[var(--supporting-pane-header-padding-x,0.75rem)]", children: [_jsx("div", { className: "min-w-0 flex-1", children: headerContent }), _jsx(IconButton, { onClick: handleClose, variant: "standard", icon: _jsx(Icon, { symbol: "close" }), "aria-label": "Close pane", className: cn(!showCloseButtonOnDesktop && 'expanded:hidden') })] })) : (_jsxs("header", { className: "border-outline-weak shrink-0 border-b", children: [_jsxs("div", { className: "flex h-[var(--supporting-pane-header-height,3.5rem)] items-center justify-between gap-3 px-[var(--supporting-pane-header-padding-x,0.75rem)]", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-on-surface text-title-small truncate font-medium", children: title }), subtitle ? (_jsx("div", { className: "text-on-surface-variant text-label-small truncate", children: subtitle })) : null] }), _jsx(IconButton, { onClick: handleClose, variant: "standard", icon: _jsx(Icon, { symbol: "close" }), "aria-label": "Close pane", className: cn(!showCloseButtonOnDesktop && 'expanded:hidden') })] }), headerContent ? (_jsx("div", { className: "px-[var(--supporting-pane-header-padding-x,0.75rem)] pb-3", children: headerContent })) : null] })), _jsx("div", { className: cn('min-h-0 flex-1', supportingScrollable
|
|
43
|
+
? 'overflow-y-auto pt-2 [scrollbar-gutter:stable]'
|
|
44
|
+
: 'overflow-hidden'), children: supporting })] })) : (_jsxs("div", { className: "expanded:flex no-scrollbar hidden h-full flex-col items-center gap-4 overflow-y-auto py-6", children: [_jsx(IconButton, { onClick: handleToggle, variant: "standard", className: "border-outline-soft bg-surface hover:border-primary group shrink-0 rounded-sm border transition-all", "aria-label": "Expand pane", icon: _jsx(Icon, { symbol: "chevron_left", className: "group-hover:text-primary" }) }), _jsx("div", { className: "bg-outline-subtle min-h-10 w-[calc(var(--unit)/4)] flex-1" }), _jsx("div", { className: "text-label-small text-on-surface-variant mt-12 mb-6 shrink-0 origin-center rotate-90 font-medium tracking-wide whitespace-nowrap", children: title })] })) }), _jsx("div", { className: cn('expanded:hidden bg-scrim duration-emphasized absolute inset-0 z-30 backdrop-blur-[calc(var(--unit)/4)] transition-opacity', isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'), onClick: handleClose })] }));
|
|
45
|
+
};
|
|
46
|
+
export const FeedLayout = ({ children, className, isRoot = false }) => {
|
|
47
|
+
return (_jsx("div", { className: cn('bg-surface-container-low expanded:p-6 no-scrollbar h-full w-full overflow-y-auto scroll-smooth p-4', !isRoot && 'border-outline-soft rounded-sm border', className), children: _jsx("div", { className: "max-w-large mx-auto", children: _jsx("div", { className: "expanded:grid-cols-2 large:grid-cols-3 expanded:gap-6 grid grid-cols-1 items-start gap-4", children: children }) }) }));
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=canonical-layouts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"canonical-layouts.js","sourceRoot":"","sources":["../../src/components/canonical-layouts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const cardVariants: (props?: ({
|
|
4
|
+
variant?: "high" | "filled" | "low" | "outlined" | "elevated" | null | undefined;
|
|
5
|
+
interactive?: boolean | null | undefined;
|
|
6
|
+
padding?: "none" | "sm" | "md" | "lg" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export interface CardProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof cardVariants> {
|
|
9
|
+
interactive?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>> & {
|
|
12
|
+
Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Media: React.ForwardRefExoticComponent<React.ImgHTMLAttributes<HTMLImageElement> & React.RefAttributes<HTMLImageElement>>;
|
|
16
|
+
Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,YAAY;;;;8EAmCjB,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA8GD,eAAO,MAAM,IAAI;;;;;;;CAOf,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { cn, focusRing } from '../lib/utils.js';
|
|
6
|
+
import { Ripple } from './ripple.js';
|
|
7
|
+
const cardVariants = cva('rounded-sm overflow-hidden flex flex-col transition-all duration-medium ease-emphasized relative isolate', {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
elevated: 'bg-surface shadow-1 border border-outline-weak',
|
|
11
|
+
filled: 'bg-surface-container border-none shadow-0',
|
|
12
|
+
outlined: 'bg-surface border border-outline-soft shadow-0',
|
|
13
|
+
low: 'bg-surface-container-low border-none shadow-0',
|
|
14
|
+
high: 'bg-surface-container-high border-none shadow-1',
|
|
15
|
+
},
|
|
16
|
+
interactive: {
|
|
17
|
+
true: 'group cursor-pointer appearance-none text-left',
|
|
18
|
+
false: '',
|
|
19
|
+
},
|
|
20
|
+
padding: {
|
|
21
|
+
none: 'p-0',
|
|
22
|
+
sm: 'p-4',
|
|
23
|
+
md: 'p-6',
|
|
24
|
+
lg: 'p-8',
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
compoundVariants: [
|
|
28
|
+
{
|
|
29
|
+
variant: 'outlined',
|
|
30
|
+
interactive: true,
|
|
31
|
+
className: 'hover:border-primary',
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
defaultVariants: {
|
|
35
|
+
variant: 'filled',
|
|
36
|
+
padding: 'none',
|
|
37
|
+
interactive: false,
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
const CardRoot = React.forwardRef(({ className, variant, padding, interactive, onClick, children, ...props }, ref) => {
|
|
41
|
+
const hasInteractiveStyles = interactive || !!onClick;
|
|
42
|
+
const cardClasses = cn(cardVariants({ variant, padding, interactive: hasInteractiveStyles }), onClick && focusRing, className);
|
|
43
|
+
const cardContent = (_jsxs(_Fragment, { children: [hasInteractiveStyles && (_jsxs(_Fragment, { children: [_jsx("div", { className: "bg-primary pointer-events-none absolute inset-0 z-0 opacity-0 transition-opacity group-hover:opacity-8" }), _jsx(Ripple, {})] })), _jsx("div", { className: "pointer-events-none relative z-10 flex h-full flex-col text-left", children: _jsx("div", { className: "pointer-events-auto flex h-full flex-col", children: children }) })] }));
|
|
44
|
+
if (onClick) {
|
|
45
|
+
return (_jsx("button", { ref: ref, type: "button", className: cardClasses, onClick: onClick, ...props, children: cardContent }));
|
|
46
|
+
}
|
|
47
|
+
return (_jsx("div", { ref: ref, className: cardClasses, ...props, children: cardContent }));
|
|
48
|
+
});
|
|
49
|
+
CardRoot.displayName = 'Card';
|
|
50
|
+
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('relative z-10 flex flex-col gap-1 px-6 pt-6 pb-4', className), ...props })));
|
|
51
|
+
CardHeader.displayName = 'CardHeader';
|
|
52
|
+
const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-on-surface-variant text-body-medium relative z-10 px-6 py-4 leading-relaxed font-medium', className), ...props })));
|
|
53
|
+
CardContent.displayName = 'CardContent';
|
|
54
|
+
const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('relative z-10 mt-auto flex items-center gap-3 px-6 pt-4 pb-6', className), ...props })));
|
|
55
|
+
CardFooter.displayName = 'CardFooter';
|
|
56
|
+
const CardMedia = React.forwardRef(({ className, alt, ...props }, ref) => (_jsx("img", { ref: ref, className: cn('relative z-10 w-full object-cover', className), alt: alt || '', ...props })));
|
|
57
|
+
CardMedia.displayName = 'CardMedia';
|
|
58
|
+
const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-title-large leading-none', className), ...props })));
|
|
59
|
+
CardTitle.displayName = 'CardTitle';
|
|
60
|
+
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-body-small text-on-surface-variant', className), ...props })));
|
|
61
|
+
CardDescription.displayName = 'CardDescription';
|
|
62
|
+
export const Card = Object.assign(CardRoot, {
|
|
63
|
+
Header: CardHeader,
|
|
64
|
+
Content: CardContent,
|
|
65
|
+
Footer: CardFooter,
|
|
66
|
+
Media: CardMedia,
|
|
67
|
+
Title: CardTitle,
|
|
68
|
+
Description: CardDescription,
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type CarouselOrientation = 'horizontal' | 'vertical';
|
|
3
|
+
export interface CarouselLabels {
|
|
4
|
+
previous: string;
|
|
5
|
+
next: string;
|
|
6
|
+
startAutoPlay: string;
|
|
7
|
+
stopAutoPlay: string;
|
|
8
|
+
indicators: string;
|
|
9
|
+
slide: (index: number, total: number) => string;
|
|
10
|
+
indicator: (index: number, total: number) => string;
|
|
11
|
+
}
|
|
12
|
+
type AccessibleCarouselName = {
|
|
13
|
+
'aria-label': string;
|
|
14
|
+
'aria-labelledby'?: never;
|
|
15
|
+
} | {
|
|
16
|
+
'aria-label'?: never;
|
|
17
|
+
'aria-labelledby': string;
|
|
18
|
+
};
|
|
19
|
+
type CarouselBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'defaultValue' | 'onChange' | 'role'> & {
|
|
20
|
+
autoPlay?: boolean;
|
|
21
|
+
autoPlayInterval?: number;
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
defaultIndex?: number;
|
|
24
|
+
index?: number;
|
|
25
|
+
labels?: Partial<CarouselLabels>;
|
|
26
|
+
loop?: boolean;
|
|
27
|
+
onIndexChange?: (index: number) => void;
|
|
28
|
+
orientation?: CarouselOrientation;
|
|
29
|
+
role?: 'group' | 'region';
|
|
30
|
+
showControls?: boolean;
|
|
31
|
+
showIndicators?: boolean;
|
|
32
|
+
};
|
|
33
|
+
export type CarouselProps = CarouselBaseProps & AccessibleCarouselName;
|
|
34
|
+
export type CarouselSlideProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-hidden' | 'id' | 'role'> & {
|
|
35
|
+
children: React.ReactNode;
|
|
36
|
+
};
|
|
37
|
+
export declare const CarouselSlide: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "aria-hidden" | "id" | "role"> & {
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
41
|
+
export {};
|
|
42
|
+
//# sourceMappingURL=carousel.d.ts.map
|