@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
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Unisane contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# @unisane/ui
|
|
2
|
+
|
|
3
|
+
The optional React 19 runtime distribution for Unisane UI components and styles.
|
|
4
|
+
|
|
5
|
+
The primary public adoption path is the open-code registry delivered by
|
|
6
|
+
`@unisane/ui-cli`, which installs application-owned source under
|
|
7
|
+
`@/components/ui/*`. This package provides the same component contract as versioned
|
|
8
|
+
runtime artifacts for consumers that deliberately prefer package imports.
|
|
9
|
+
|
|
10
|
+
## Runtime-package installation
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
pnpm add @unisane/ui @unisane/tokens react react-dom
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
Import the runtime stylesheet once at the application boundary:
|
|
17
|
+
|
|
18
|
+
```css
|
|
19
|
+
@import '@unisane/ui/styles.css';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
Use declared component subpaths so bundlers can select the components you import:
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import { Button } from '@unisane/ui/button';
|
|
26
|
+
|
|
27
|
+
export function SaveButton() {
|
|
28
|
+
return <Button variant="filled">Save changes</Button>;
|
|
29
|
+
}
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
Do not import `src/**`, registry internals, workspace paths, or undeclared subpaths.
|
|
33
|
+
DataTable has a separate package and release boundary.
|
|
34
|
+
|
|
35
|
+
## Registry parity
|
|
36
|
+
|
|
37
|
+
`packages/ui/src/**` is the one component authoring source. The published registry is
|
|
38
|
+
generated and checked against it; registry files are not a second manually maintained
|
|
39
|
+
implementation. Public documentation leads with local-source imports, while the
|
|
40
|
+
repository workbench also exercises these runtime exports to preserve dual-distribution
|
|
41
|
+
parity.
|
|
42
|
+
|
|
43
|
+
## License
|
|
44
|
+
|
|
45
|
+
MIT
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface AccordionProps {
|
|
3
|
+
type?: 'single' | 'multiple';
|
|
4
|
+
defaultValue?: string[];
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const Accordion: React.FC<AccordionProps>;
|
|
9
|
+
export interface AccordionItemProps {
|
|
10
|
+
value: string;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const AccordionItem: React.FC<AccordionItemProps>;
|
|
15
|
+
export interface AccordionTriggerProps {
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
value?: string;
|
|
18
|
+
isExpanded?: boolean;
|
|
19
|
+
contentId?: string;
|
|
20
|
+
triggerId?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const AccordionTrigger: React.FC<AccordionTriggerProps>;
|
|
23
|
+
export interface AccordionContentProps {
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
isExpanded?: boolean;
|
|
26
|
+
contentId?: string;
|
|
27
|
+
triggerId?: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const AccordionContent: React.FC<AccordionContentProps>;
|
|
30
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAY/C,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+B9C,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2BtD,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuC5D,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useState, useId } from 'react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { Icon } from './icon.js';
|
|
6
|
+
import { Ripple } from './ripple.js';
|
|
7
|
+
const AccordionContext = React.createContext(null);
|
|
8
|
+
export const Accordion = ({ type = 'single', defaultValue = [], children, className, }) => {
|
|
9
|
+
const [expanded, setExpanded] = useState(defaultValue);
|
|
10
|
+
const toggle = (value) => {
|
|
11
|
+
if (type === 'single') {
|
|
12
|
+
setExpanded((prev) => (prev.includes(value) ? [] : [value]));
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
setExpanded((prev) => prev.includes(value) ? prev.filter((item) => item !== value) : [...prev, value]);
|
|
16
|
+
};
|
|
17
|
+
return (_jsx(AccordionContext.Provider, { value: { expanded, toggle }, children: _jsx("div", { className: cn('border-outline-soft bg-surface flex flex-col overflow-hidden rounded-sm border', className), children: children }) }));
|
|
18
|
+
};
|
|
19
|
+
export const AccordionItem = ({ value, children, className }) => {
|
|
20
|
+
const context = React.useContext(AccordionContext);
|
|
21
|
+
const isExpanded = context?.expanded.includes(value);
|
|
22
|
+
const contentId = useId();
|
|
23
|
+
const triggerId = useId();
|
|
24
|
+
return (_jsx("div", { className: cn('border-outline-weak border-b last:border-none', isExpanded && 'bg-surface-container-low', className), children: React.Children.map(children, (child) => {
|
|
25
|
+
if (React.isValidElement(child)) {
|
|
26
|
+
return React.cloneElement(child, {
|
|
27
|
+
value,
|
|
28
|
+
isExpanded,
|
|
29
|
+
contentId,
|
|
30
|
+
triggerId,
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
return child;
|
|
34
|
+
}) }));
|
|
35
|
+
};
|
|
36
|
+
export const AccordionTrigger = ({ children, value, isExpanded, contentId, triggerId, }) => {
|
|
37
|
+
const context = React.useContext(AccordionContext);
|
|
38
|
+
const handleKeyDown = (e) => {
|
|
39
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
40
|
+
e.preventDefault();
|
|
41
|
+
context?.toggle(value);
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
return (_jsxs("button", { id: triggerId, onClick: () => context?.toggle(value), onKeyDown: handleKeyDown, "aria-expanded": isExpanded, "aria-controls": contentId, className: cn('text-label-medium group relative flex h-12 w-full items-center justify-between overflow-hidden px-4 font-medium transition-all', isExpanded ? 'text-primary' : 'text-on-surface hover:bg-state-hover'), children: [_jsx(Ripple, {}), _jsx("span", { className: "relative z-10 flex-1 pt-0.5 text-left", children: children }), _jsx(Icon, { symbol: "expand_more", className: cn('duration-medium ease-emphasized relative z-10 transition-transform', isExpanded && 'rotate-180') })] }));
|
|
45
|
+
};
|
|
46
|
+
export const AccordionContent = ({ children, isExpanded, contentId, triggerId, }) => (_jsx("div", { id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !isExpanded, className: cn('duration-medium ease-emphasized overflow-hidden transition-all', isExpanded ? 'max-h-250 opacity-100' : 'max-h-0 opacity-0'), children: _jsx("div", { className: "text-on-surface-variant text-body-small px-4 pt-1 pb-4 leading-relaxed font-medium", children: children }) }));
|
|
47
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
variant?: "error" | "success" | "warning" | "info" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;
|
|
7
|
+
export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof alertVariants> {
|
|
8
|
+
icon?: ReactNode | string | false;
|
|
9
|
+
title?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,aAAa;;8EAYjB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAEtF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/F,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AASD,eAAO,MAAM,KAAK,mFAoDjB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { Icon } from './icon.js';
|
|
6
|
+
import { Typography } from './typography.js';
|
|
7
|
+
const alertVariants = cva('relative flex w-full items-start gap-3 rounded-sm border-l-4 p-4', {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
info: 'bg-info-container border-info text-on-info-container',
|
|
11
|
+
error: 'bg-error-container border-error text-on-error-container',
|
|
12
|
+
warning: 'bg-warning-container border-warning text-on-warning-container',
|
|
13
|
+
success: 'bg-success-container border-success text-on-success-container',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
variant: 'info',
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
const DEFAULT_ICONS = {
|
|
21
|
+
info: 'info',
|
|
22
|
+
error: 'error',
|
|
23
|
+
warning: 'warning',
|
|
24
|
+
success: 'check_circle',
|
|
25
|
+
};
|
|
26
|
+
export const Alert = forwardRef(({ variant = 'info', icon, title, children, className, role, 'aria-live': ariaLive, 'aria-atomic': ariaAtomic, ...props }, ref) => {
|
|
27
|
+
const resolvedVariant = variant ?? 'info';
|
|
28
|
+
const isAssertive = resolvedVariant === 'error' || resolvedVariant === 'warning';
|
|
29
|
+
const iconNode = icon === false ? null : typeof icon === 'string' || icon === undefined ? (_jsx(Icon, { symbol: icon ?? DEFAULT_ICONS[resolvedVariant], size: "sm" })) : (icon);
|
|
30
|
+
return (_jsxs("div", { ref: ref, className: cn(alertVariants({ variant: resolvedVariant, className })), role: role ?? (isAssertive ? 'alert' : 'status'), "aria-live": ariaLive ?? (isAssertive ? 'assertive' : 'polite'), "aria-atomic": ariaAtomic ?? true, ...props, children: [iconNode ? (_jsx("div", { "aria-hidden": "true", className: "size-icon-sm flex shrink-0 items-center justify-center opacity-80", children: iconNode })) : null, _jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [title ? (_jsx(Typography, { variant: "labelMedium", className: "text-inherit", children: title })) : null, _jsx("div", { className: "text-body-small leading-snug opacity-90", children: children })] })] }));
|
|
31
|
+
});
|
|
32
|
+
Alert.displayName = 'Alert';
|
|
33
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,aAAa,GAAG,GAAG,CAAC,kEAAkE,EAAE;IAC5F,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,sDAAsD;YAC5D,KAAK,EAAE,yDAAyD;YAChE,OAAO,EAAE,+DAA+D;YACxE,OAAO,EAAE,+DAA+D;SACzE;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAUH,MAAM,aAAa,GAAiC;IAClD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAW,EAAE,QAAQ,EACrB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO,IAAI,MAAM,CAAC;IAC1C,MAAM,WAAW,GAAG,eAAe,KAAK,OAAO,IAAI,eAAe,KAAK,SAAS,CAAC;IACjF,MAAM,QAAQ,GACZ,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACvE,KAAC,IAAI,IAAC,MAAM,EAAE,IAAI,IAAI,aAAa,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG,CACnE,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;IAEJ,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,CAAC,EACrE,IAAI,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,eACrC,QAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAChD,UAAU,IAAI,IAAI,KAC3B,KAAK,aAER,QAAQ,CAAC,CAAC,CAAC,CACV,6BACc,MAAM,EAClB,SAAS,EAAC,mEAAmE,YAE5E,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,4BAA4B,aACxC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,cAAc,YACvD,KAAK,GACK,CACd,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,yCAAyC,YAAE,QAAQ,GAAO,IACrE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const avatarVariants: (props?: ({
|
|
4
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
5
|
+
variant?: "rounded" | "square" | "circular" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export type AvatarProps = VariantProps<typeof avatarVariants> & {
|
|
8
|
+
src?: string | undefined;
|
|
9
|
+
alt?: string | undefined;
|
|
10
|
+
fallback?: string | undefined;
|
|
11
|
+
className?: string | undefined;
|
|
12
|
+
};
|
|
13
|
+
export declare const Avatar: React.FC<AvatarProps>;
|
|
14
|
+
export declare const AvatarGroup: React.FC<{
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
max?: number;
|
|
17
|
+
className?: string;
|
|
18
|
+
}>;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,cAAc;;;8EAqBnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAC9D,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoBxC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAsBA,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { avatarSizeClasses } from '../lib/action-size.js';
|
|
6
|
+
import { Surface } from '../primitives/surface.js';
|
|
7
|
+
import { Text } from '../primitives/text.js';
|
|
8
|
+
const avatarVariants = cva('relative inline-flex items-center justify-center overflow-hidden rounded-full', {
|
|
9
|
+
variants: {
|
|
10
|
+
size: {
|
|
11
|
+
sm: avatarSizeClasses.sm,
|
|
12
|
+
md: avatarSizeClasses.md,
|
|
13
|
+
lg: avatarSizeClasses.lg,
|
|
14
|
+
xl: avatarSizeClasses.xl,
|
|
15
|
+
},
|
|
16
|
+
variant: {
|
|
17
|
+
circular: 'rounded-full',
|
|
18
|
+
rounded: 'rounded-sm',
|
|
19
|
+
square: 'rounded-none',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
size: 'md',
|
|
24
|
+
variant: 'circular',
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
export const Avatar = ({ src, alt, fallback, size, variant, className }) => {
|
|
28
|
+
const fallbackChar = fallback?.charAt(0).toUpperCase() || '?';
|
|
29
|
+
const fallbackLabel = fallback || alt || 'Avatar';
|
|
30
|
+
return (_jsx(Surface, { tone: "surfaceVariant", className: cn(avatarVariants({ size, variant, className })), role: "img", "aria-label": src ? alt : fallbackLabel, children: src ? (_jsx("img", { src: src, alt: alt || 'Avatar', className: "h-full w-full object-cover" })) : (_jsx(Text, { variant: "labelLarge", className: "text-inherit", "aria-hidden": "true", children: fallbackChar })) }));
|
|
31
|
+
};
|
|
32
|
+
export const AvatarGroup = ({ children, max = 5, className }) => {
|
|
33
|
+
const childrenArray = React.Children.toArray(children);
|
|
34
|
+
const visibleChildren = childrenArray.slice(0, max);
|
|
35
|
+
const remainingCount = childrenArray.length - max;
|
|
36
|
+
return (_jsxs("div", { className: cn('flex -space-x-2', className), role: "group", "aria-label": "Avatar group", children: [visibleChildren, remainingCount > 0 && (_jsx(Surface, { tone: "surfaceVariant", className: "border-surface flex h-[var(--size-avatar-md)] w-[var(--size-avatar-md)] items-center justify-center rounded-full border-2", role: "img", "aria-label": `${remainingCount} more`, children: _jsxs(Text, { variant: "labelSmall", className: "text-on-surface-variant", "aria-hidden": "true", children: ["+", remainingCount] }) }))] }));
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,cAAc,GAAG,GAAG,CACxB,+EAA+E,EAC/E;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iBAAiB,CAAC,EAAE;YACxB,EAAE,EAAE,iBAAiB,CAAC,EAAE;YACxB,EAAE,EAAE,iBAAiB,CAAC,EAAE;YACxB,EAAE,EAAE,iBAAiB,CAAC,EAAE;SACzB;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,cAAc;SACvB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,UAAU;KACpB;CACF,CACF,CAAC;AASF,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IAChG,MAAM,YAAY,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC;IAC9D,MAAM,aAAa,GAAG,QAAQ,IAAI,GAAG,IAAI,QAAQ,CAAC;IAElD,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,IAAI,EAAC,KAAK,gBACE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,YAEpC,GAAG,CAAC,CAAC,CAAC,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,QAAQ,EAAE,SAAS,EAAC,4BAA4B,GAAG,CAC/E,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,cAAc,iBAAa,MAAM,YACnE,YAAY,GACR,CACR,GACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAInB,CAAC,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACxC,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAY,cAAc,aACrF,eAAe,EACf,cAAc,GAAG,CAAC,IAAI,CACrB,KAAC,OAAO,IACN,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAC,2HAA2H,EACrI,IAAI,EAAC,KAAK,gBACE,GAAG,cAAc,OAAO,YAEpC,MAAC,IAAI,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,yBAAyB,iBAAa,MAAM,kBAC7E,cAAc,IACX,GACC,CACX,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "filled" | "tonal" | "outlined" | null | undefined;
|
|
5
|
+
color?: "error" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "info" | null | undefined;
|
|
6
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export type BadgeProps = VariantProps<typeof badgeVariants> & React.HTMLAttributes<HTMLSpanElement> & {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare const Badge: React.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
12
|
+
variant?: "filled" | "tonal" | "outlined" | null | undefined;
|
|
13
|
+
color?: "error" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "info" | null | undefined;
|
|
14
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
15
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.HTMLAttributes<HTMLSpanElement> & {
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
} & React.RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;;8EAkFjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GACzD,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEJ,eAAO,MAAM,KAAK;;;;;cAHJ,KAAK,CAAC,SAAS;yCAW5B,CAAC"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
const badgeVariants = cva('inline-flex items-center justify-center rounded-full font-medium', {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
filled: '',
|
|
9
|
+
tonal: '',
|
|
10
|
+
outlined: 'border border-outline-soft',
|
|
11
|
+
},
|
|
12
|
+
color: {
|
|
13
|
+
primary: '',
|
|
14
|
+
secondary: '',
|
|
15
|
+
tertiary: '',
|
|
16
|
+
error: '',
|
|
17
|
+
success: '',
|
|
18
|
+
warning: '',
|
|
19
|
+
info: '',
|
|
20
|
+
},
|
|
21
|
+
size: {
|
|
22
|
+
sm: 'text-label-small px-1.5 py-0.5',
|
|
23
|
+
md: 'text-label-small px-2 py-0.5',
|
|
24
|
+
lg: 'text-body-small px-3 py-1',
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
compoundVariants: [
|
|
28
|
+
{ variant: 'filled', color: 'primary', className: 'bg-primary text-on-primary' },
|
|
29
|
+
{ variant: 'filled', color: 'secondary', className: 'bg-secondary text-on-secondary' },
|
|
30
|
+
{ variant: 'filled', color: 'tertiary', className: 'bg-tertiary text-on-tertiary' },
|
|
31
|
+
{ variant: 'filled', color: 'error', className: 'bg-error text-on-error' },
|
|
32
|
+
{ variant: 'filled', color: 'success', className: 'bg-success text-on-success' },
|
|
33
|
+
{ variant: 'filled', color: 'warning', className: 'bg-warning text-on-warning' },
|
|
34
|
+
{ variant: 'filled', color: 'info', className: 'bg-info text-on-info' },
|
|
35
|
+
{
|
|
36
|
+
variant: 'tonal',
|
|
37
|
+
color: 'primary',
|
|
38
|
+
className: 'bg-primary-container text-on-primary-container',
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
variant: 'tonal',
|
|
42
|
+
color: 'secondary',
|
|
43
|
+
className: 'bg-secondary-container text-on-secondary-container',
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
variant: 'tonal',
|
|
47
|
+
color: 'tertiary',
|
|
48
|
+
className: 'bg-tertiary-container text-on-tertiary-container',
|
|
49
|
+
},
|
|
50
|
+
{ variant: 'tonal', color: 'error', className: 'bg-error-container text-on-error-container' },
|
|
51
|
+
{
|
|
52
|
+
variant: 'tonal',
|
|
53
|
+
color: 'success',
|
|
54
|
+
className: 'bg-success-container text-on-success-container',
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
variant: 'tonal',
|
|
58
|
+
color: 'warning',
|
|
59
|
+
className: 'bg-warning-container text-on-warning-container',
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
variant: 'tonal',
|
|
63
|
+
color: 'info',
|
|
64
|
+
className: 'bg-info-container text-on-info-container',
|
|
65
|
+
},
|
|
66
|
+
{ variant: 'outlined', color: 'primary', className: 'text-primary border-primary-container' },
|
|
67
|
+
{
|
|
68
|
+
variant: 'outlined',
|
|
69
|
+
color: 'secondary',
|
|
70
|
+
className: 'text-secondary border-secondary-container',
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
variant: 'outlined',
|
|
74
|
+
color: 'tertiary',
|
|
75
|
+
className: 'text-tertiary border-tertiary-container',
|
|
76
|
+
},
|
|
77
|
+
{ variant: 'outlined', color: 'error', className: 'text-error border-error-container' },
|
|
78
|
+
{ variant: 'outlined', color: 'success', className: 'text-success border-success-container' },
|
|
79
|
+
{ variant: 'outlined', color: 'warning', className: 'text-warning border-warning-container' },
|
|
80
|
+
{ variant: 'outlined', color: 'info', className: 'text-info border-info-container' },
|
|
81
|
+
],
|
|
82
|
+
defaultVariants: {
|
|
83
|
+
variant: 'filled',
|
|
84
|
+
color: 'primary',
|
|
85
|
+
size: 'md',
|
|
86
|
+
},
|
|
87
|
+
});
|
|
88
|
+
export const Badge = forwardRef(({ children, variant, color, size, className, ...props }, ref) => {
|
|
89
|
+
return (_jsx("span", { ref: ref, className: cn(badgeVariants({ variant, color, size, className })), ...props, children: children }));
|
|
90
|
+
});
|
|
91
|
+
Badge.displayName = 'Badge';
|
|
92
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { type MouseEventHandler, type ReactNode } from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const bannerVariants: (props?: ({
|
|
4
|
+
variant?: "error" | "success" | "warning" | "info" | "default" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export type BannerVariant = NonNullable<VariantProps<typeof bannerVariants>['variant']>;
|
|
7
|
+
export interface BannerAction {
|
|
8
|
+
id: string;
|
|
9
|
+
label: ReactNode;
|
|
10
|
+
onClick: MouseEventHandler<HTMLButtonElement>;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'>, VariantProps<typeof bannerVariants> {
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
open?: boolean;
|
|
16
|
+
onDismiss?: () => void;
|
|
17
|
+
dismissLabel?: string;
|
|
18
|
+
icon?: ReactNode | string | false;
|
|
19
|
+
title?: ReactNode;
|
|
20
|
+
actions?: BannerAction[];
|
|
21
|
+
}
|
|
22
|
+
export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/components/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,QAAA,MAAM,cAAc;;8EAgBnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAExF,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAChE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAUD,eAAO,MAAM,MAAM,oFAyGlB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
import { Surface } from '../primitives/surface.js';
|
|
6
|
+
import { Text } from '../primitives/text.js';
|
|
7
|
+
import { Button } from './button.js';
|
|
8
|
+
import { IconButton } from './icon-button.js';
|
|
9
|
+
import { Icon } from './icon.js';
|
|
10
|
+
const bannerVariants = cva('relative flex w-full items-start gap-4 border-b border-outline-weak p-4 transition-all duration-medium ease-standard', {
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: 'bg-surface text-on-surface',
|
|
14
|
+
info: 'bg-info-container text-on-info-container',
|
|
15
|
+
success: 'bg-success-container text-on-success-container',
|
|
16
|
+
warning: 'bg-warning-container text-on-warning-container',
|
|
17
|
+
error: 'bg-error-container text-on-error-container',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {
|
|
21
|
+
variant: 'default',
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
const DEFAULT_ICONS = {
|
|
25
|
+
default: 'info',
|
|
26
|
+
info: 'info',
|
|
27
|
+
success: 'check_circle',
|
|
28
|
+
warning: 'warning',
|
|
29
|
+
error: 'error',
|
|
30
|
+
};
|
|
31
|
+
export const Banner = forwardRef(({ children, open = true, onDismiss, dismissLabel = 'Dismiss banner', icon, title, actions, className, variant = 'default', role, 'aria-live': ariaLive, 'aria-atomic': ariaAtomic, ...props }, ref) => {
|
|
32
|
+
if (!open)
|
|
33
|
+
return null;
|
|
34
|
+
const resolvedVariant = variant ?? 'default';
|
|
35
|
+
const isAssertive = resolvedVariant === 'error' || resolvedVariant === 'warning';
|
|
36
|
+
const isDefaultVariant = resolvedVariant === 'default';
|
|
37
|
+
const iconNode = icon === false ? null : typeof icon === 'string' || icon === undefined ? (_jsx(Icon, { symbol: icon ?? DEFAULT_ICONS[resolvedVariant], size: "sm" })) : (icon);
|
|
38
|
+
return (_jsxs(Surface, { ref: ref, tone: "surface", className: cn(bannerVariants({ variant: resolvedVariant, className })), role: role ?? (isAssertive ? 'alert' : 'status'), "aria-live": ariaLive ?? (isAssertive ? 'assertive' : 'polite'), "aria-atomic": ariaAtomic ?? true, ...props, children: [iconNode ? (_jsx("div", { "aria-hidden": "true", className: cn('size-icon-sm mt-0.5 flex shrink-0 items-center justify-center', isDefaultVariant ? 'text-primary' : 'text-inherit'), children: iconNode })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [title ? (_jsx(Text, { variant: "titleSmall", className: cn('mb-1', isDefaultVariant ? 'text-on-surface' : 'text-inherit'), children: title })) : null, _jsx("div", { className: cn('text-body-small leading-relaxed', isDefaultVariant ? 'text-on-surface-variant' : 'text-inherit opacity-90'), children: children }), actions?.length ? (_jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: actions.map((action) => (_jsx(Button, { variant: "text", size: "sm", disabled: action.disabled, onClick: action.onClick, className: cn('font-medium', isDefaultVariant ? 'text-primary' : 'text-inherit'), children: action.label }, action.id))) })) : null] }), onDismiss ? (_jsx(IconButton, { icon: _jsx(Icon, { symbol: "close", size: "sm" }), onClick: onDismiss, className: cn('hover:bg-state-hover ml-2 shrink-0', isDefaultVariant
|
|
39
|
+
? 'text-on-surface-variant'
|
|
40
|
+
: 'text-inherit opacity-80 hover:opacity-100'), "aria-label": dismissLabel })) : null] }));
|
|
41
|
+
});
|
|
42
|
+
Banner.displayName = 'Banner';
|
|
43
|
+
//# sourceMappingURL=banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../src/components/banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const bottomAppBarVariants: (props?: ({
|
|
4
|
+
variant?: "default" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export type BottomAppBarProps = VariantProps<typeof bottomAppBarVariants> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
fab?: React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare const BottomAppBar: React.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
11
|
+
variant?: "default" | null | undefined;
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
fab?: React.ReactNode;
|
|
15
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const bottomAppBarActionVariants: (props?: ({
|
|
17
|
+
active?: boolean | null | undefined;
|
|
18
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
|
+
export type BottomAppBarActionProps = VariantProps<typeof bottomAppBarActionVariants> & {
|
|
20
|
+
icon: React.ReactNode;
|
|
21
|
+
label: string;
|
|
22
|
+
active?: boolean;
|
|
23
|
+
className?: string;
|
|
24
|
+
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
|
|
25
|
+
export declare const BottomAppBarAction: React.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
26
|
+
active?: boolean | null | undefined;
|
|
27
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
28
|
+
icon: React.ReactNode;
|
|
29
|
+
label: string;
|
|
30
|
+
active?: boolean;
|
|
31
|
+
className?: string;
|
|
32
|
+
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & React.RefAttributes<HTMLButtonElement>>;
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=bottom-app-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bottom-app-bar.d.ts","sourceRoot":"","sources":["../../src/components/bottom-app-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,oBAAoB;;8EAYzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,GACvE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,YAAY;;;cAJX,KAAK,CAAC,SAAS;UACnB,KAAK,CAAC,SAAS;wCAsBxB,CAAC;AAIF,QAAA,MAAM,0BAA0B;;8EAa/B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,0BAA0B,CAAC,GAAG;IACtF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB;;;UANvB,KAAK,CAAC,SAAS;WACd,MAAM;aACJ,OAAO;gBACJ,MAAM;6GAiBnB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn, focusRing } from '../lib/utils.js';
|
|
5
|
+
import { Surface } from '../primitives/surface.js';
|
|
6
|
+
import { Ripple } from './ripple.js';
|
|
7
|
+
const bottomAppBarVariants = cva('fixed bottom-0 left-0 right-0 h-20 flex items-center justify-between px-4 z-20', {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: '',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: 'default',
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
export const BottomAppBar = forwardRef(({ children, fab, className, variant, ['aria-label']: ariaLabel = 'Bottom actions', ...props }, ref) => (_jsxs(Surface, { ref: ref, tone: "surface", elevation: 3, className: cn(bottomAppBarVariants({ variant, className })), role: "toolbar", "aria-label": ariaLabel, ...props, children: [_jsx("div", { className: "flex flex-1 items-center gap-2", children: children }), fab && _jsx("div", { className: "absolute -top-8 left-1/2 -translate-x-1/2", children: fab })] })));
|
|
18
|
+
BottomAppBar.displayName = 'BottomAppBar';
|
|
19
|
+
const bottomAppBarActionVariants = cva('relative flex h-12 w-12 items-center justify-center overflow-hidden rounded-icon-button select-none transition-colors duration-short disabled:pointer-events-none disabled:opacity-38', {
|
|
20
|
+
variants: {
|
|
21
|
+
active: {
|
|
22
|
+
true: 'text-primary',
|
|
23
|
+
false: 'text-on-surface-variant hover:text-primary',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
active: false,
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
export const BottomAppBarAction = forwardRef(({ icon, label, active, className, type = 'button', ...props }, ref) => (_jsxs("button", { ref: ref, type: type, className: cn(bottomAppBarActionVariants({ active, className }), focusRing), "aria-label": props['aria-label'] ?? label, "aria-pressed": active, ...props, children: [_jsx(Ripple, {}), _jsx("div", { className: "size-icon-sm relative z-10 flex items-center justify-center", children: icon })] })));
|
|
31
|
+
BottomAppBarAction.displayName = 'BottomAppBarAction';
|
|
32
|
+
//# sourceMappingURL=bottom-app-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bottom-app-bar.js","sourceRoot":"","sources":["../../src/components/bottom-app-bar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,oBAAoB,GAAG,GAAG,CAC9B,gFAAgF,EAChF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAQF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,gBAAgB,EAAE,GAAG,KAAK,EAAE,EAC7F,GAAG,EACH,EAAE,CAAC,CACH,MAAC,OAAO,IACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,IAAI,EAAC,SAAS,gBACF,SAAS,KACjB,KAAK,aAET,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAE/D,GAAG,IAAI,cAAK,SAAS,EAAC,2CAA2C,YAAE,GAAG,GAAO,IACtE,CACX,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,0BAA0B,GAAG,GAAG,CACpC,uLAAuL,EACvL;IACE,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,4CAA4C;SACpD;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,KAAK;KACd;CACF,CACF,CAAC;AASF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtE,kBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,gBAC/D,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,kBAC1B,MAAM,KAChB,KAAK,aAET,KAAC,MAAM,KAAG,EACV,cAAK,SAAS,EAAC,6DAA6D,YAAE,IAAI,GAAO,IAClF,CACV,CACF,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const Breadcrumb: React.FC<{
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
}>;
|
|
6
|
+
export declare const BreadcrumbItem: React.FC<{
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const BreadcrumbLink: React.FC<{
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
href?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
asChild?: boolean;
|
|
16
|
+
}>;
|
|
17
|
+
export declare const BreadcrumbPage: React.FC<{
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const BreadcrumbSeparator: React.FC;
|
|
22
|
+
export declare const BreadcrumbEllipsis: React.FC<{
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
className?: string;
|
|
25
|
+
}>;
|
|
26
|
+
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAK9C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAIA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAEA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAuBA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAMA,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAEvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAgBA,CAAC"}
|