zabi-components 7.0.2 → 8.1.0
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/CHANGELOG.md +1924 -0
- package/README.md +287 -11
- package/THEME.md +149 -332
- package/THEMING.md +1329 -163
- package/dist/atoms/ActionPanel.svelte +24 -9
- package/dist/atoms/ActionPanel.svelte.d.ts +2 -0
- package/dist/atoms/Avatar.svelte +104 -0
- package/dist/atoms/Avatar.svelte.d.ts +34 -0
- package/dist/atoms/Badge.svelte +124 -58
- package/dist/atoms/Badge.svelte.d.ts +17 -5
- package/dist/atoms/Button.svelte +212 -62
- package/dist/atoms/Button.svelte.d.ts +33 -2
- package/dist/atoms/Card.svelte +31 -28
- package/dist/atoms/Card.svelte.d.ts +5 -2
- package/dist/atoms/CardContent.svelte +10 -2
- package/dist/atoms/CardContent.svelte.d.ts +2 -0
- package/dist/atoms/CardFooter.svelte +10 -2
- package/dist/atoms/CardFooter.svelte.d.ts +2 -0
- package/dist/atoms/CardHeader.svelte +26 -6
- package/dist/atoms/CardHeader.svelte.d.ts +2 -0
- package/dist/atoms/Checkbox.svelte +52 -21
- package/dist/atoms/Checkbox.svelte.d.ts +6 -2
- package/dist/atoms/CodeBlock.svelte +35 -9
- package/dist/atoms/CodeBlock.svelte.d.ts +13 -3
- package/dist/atoms/ColorPicker.svelte +272 -52
- package/dist/atoms/ColorPicker.svelte.d.ts +6 -1
- package/dist/atoms/Container.svelte +17 -10
- package/dist/atoms/DateField.svelte +107 -0
- package/dist/atoms/DateField.svelte.d.ts +53 -0
- package/dist/atoms/Divider.svelte +4 -4
- package/dist/atoms/FeatureCard.svelte +4 -3
- package/dist/atoms/FieldMessages.svelte +69 -0
- package/dist/atoms/FieldMessages.svelte.d.ts +23 -0
- package/dist/atoms/FloatingActionButton.svelte +174 -0
- package/dist/atoms/FloatingActionButton.svelte.d.ts +51 -0
- package/dist/atoms/Heading.svelte +93 -32
- package/dist/atoms/Heading.svelte.d.ts +24 -4
- package/dist/atoms/IconButton.svelte +242 -53
- package/dist/atoms/IconButton.svelte.d.ts +49 -4
- package/dist/atoms/Input.svelte +267 -74
- package/dist/atoms/Input.svelte.d.ts +32 -2
- package/dist/atoms/List.svelte +13 -2
- package/dist/atoms/List.svelte.d.ts +2 -0
- package/dist/atoms/ListItem.svelte +44 -11
- package/dist/atoms/ListItem.svelte.d.ts +5 -0
- package/dist/atoms/ListItemLeading.svelte +4 -2
- package/dist/atoms/ListItemLeading.svelte.d.ts +1 -1
- package/dist/atoms/OptimizedImage.svelte +11 -2
- package/dist/atoms/OptimizedImage.svelte.d.ts +2 -0
- package/dist/atoms/Progress.svelte +31 -9
- package/dist/atoms/Progress.svelte.d.ts +6 -0
- package/dist/atoms/Radio.svelte +23 -3
- package/dist/atoms/Radio.svelte.d.ts +6 -2
- package/dist/atoms/Rating.svelte +494 -0
- package/dist/atoms/Rating.svelte.d.ts +56 -0
- package/dist/atoms/Select.svelte +475 -135
- package/dist/atoms/Select.svelte.d.ts +52 -2
- package/dist/atoms/SelectionControl.svelte +99 -18
- package/dist/atoms/SelectionControl.svelte.d.ts +6 -3
- package/dist/atoms/Skeleton.svelte +5 -3
- package/dist/atoms/Slider.svelte +309 -0
- package/dist/atoms/Slider.svelte.d.ts +40 -0
- package/dist/atoms/Spinner.svelte +57 -0
- package/dist/atoms/Spinner.svelte.d.ts +19 -0
- package/dist/atoms/Table.svelte +152 -6
- package/dist/atoms/Table.svelte.d.ts +15 -3
- package/dist/atoms/TemporalField.svelte +140 -0
- package/dist/atoms/TemporalField.svelte.d.ts +32 -0
- package/dist/atoms/Text.svelte +56 -15
- package/dist/atoms/Text.svelte.d.ts +13 -4
- package/dist/atoms/Textarea.svelte +57 -45
- package/dist/atoms/Textarea.svelte.d.ts +14 -2
- package/dist/atoms/ThemeToggle.svelte +238 -56
- package/dist/atoms/ThemeToggle.svelte.d.ts +28 -3
- package/dist/atoms/TimeField.svelte +108 -0
- package/dist/atoms/TimeField.svelte.d.ts +54 -0
- package/dist/atoms/Toast.svelte +25 -10
- package/dist/atoms/Toast.svelte.d.ts +2 -0
- package/dist/atoms/Toggle.svelte +60 -19
- package/dist/atoms/Toggle.svelte.d.ts +18 -2
- package/dist/atoms/Tooltip.svelte +583 -40
- package/dist/atoms/Tooltip.svelte.d.ts +26 -0
- package/dist/atoms/ZabiStringsProvider.svelte +45 -0
- package/dist/atoms/ZabiStringsProvider.svelte.d.ts +27 -0
- package/dist/atoms/index.d.ts +17 -0
- package/dist/atoms/index.js +12 -0
- package/dist/atoms/selection-control.styles.d.ts +36 -5
- package/dist/atoms/selection-control.styles.js +40 -9
- package/dist/components/atoms/index.d.ts +17 -0
- package/dist/components/atoms/index.d.ts.map +1 -1
- package/dist/components/atoms/selection-control.styles.d.ts +36 -5
- package/dist/components/atoms/selection-control.styles.d.ts.map +1 -1
- package/dist/components/index.d.ts +83 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/molecules/index.d.ts +46 -0
- package/dist/components/molecules/index.d.ts.map +1 -1
- package/dist/components/molecules/toast-store.d.ts +53 -7
- package/dist/components/molecules/toast-store.d.ts.map +1 -1
- package/dist/components/organisms/index.d.ts +6 -0
- package/dist/components/organisms/index.d.ts.map +1 -1
- package/dist/components/types/variants.d.ts +15 -1
- package/dist/components/types/variants.d.ts.map +1 -1
- package/dist/components/util/app-shell.d.ts +28 -0
- package/dist/components/util/app-shell.d.ts.map +1 -0
- package/dist/components/util/avatar.d.ts +36 -0
- package/dist/components/util/avatar.d.ts.map +1 -0
- package/dist/components/util/bottom-sheet.d.ts +30 -0
- package/dist/components/util/bottom-sheet.d.ts.map +1 -0
- package/dist/components/util/bottom-tab-bar.d.ts +35 -0
- package/dist/components/util/bottom-tab-bar.d.ts.map +1 -0
- package/dist/components/util/calendar.d.ts +56 -0
- package/dist/components/util/calendar.d.ts.map +1 -0
- package/dist/components/util/cn.d.ts +8 -0
- package/dist/components/util/cn.d.ts.map +1 -0
- package/dist/components/util/collapsible.d.ts +58 -0
- package/dist/components/util/collapsible.d.ts.map +1 -0
- package/dist/components/util/confirm-dialog.d.ts +12 -0
- package/dist/components/util/confirm-dialog.d.ts.map +1 -0
- package/dist/components/util/date.d.ts +96 -0
- package/dist/components/util/date.d.ts.map +1 -0
- package/dist/components/util/drawer.d.ts +13 -0
- package/dist/components/util/drawer.d.ts.map +1 -0
- package/dist/components/util/dropdown.d.ts +47 -0
- package/dist/components/util/dropdown.d.ts.map +1 -0
- package/dist/components/util/field.d.ts +39 -0
- package/dist/components/util/field.d.ts.map +1 -0
- package/dist/components/util/fit-in-viewport.d.ts +201 -0
- package/dist/components/util/fit-in-viewport.d.ts.map +1 -0
- package/dist/components/util/focus-utils.d.ts +75 -2
- package/dist/components/util/focus-utils.d.ts.map +1 -1
- package/dist/components/util/hydration.d.ts +45 -0
- package/dist/components/util/hydration.d.ts.map +1 -0
- package/dist/components/util/keyboard-inset.d.ts +18 -0
- package/dist/components/util/keyboard-inset.d.ts.map +1 -0
- package/dist/components/util/media-grid.d.ts +51 -0
- package/dist/components/util/media-grid.d.ts.map +1 -0
- package/dist/components/util/media.d.ts +6 -0
- package/dist/components/util/media.d.ts.map +1 -0
- package/dist/components/util/overlay-chrome.d.ts +53 -0
- package/dist/components/util/overlay-chrome.d.ts.map +1 -0
- package/dist/components/util/overlay.d.ts +72 -0
- package/dist/components/util/overlay.d.ts.map +1 -0
- package/dist/components/util/photo.d.ts +215 -0
- package/dist/components/util/photo.d.ts.map +1 -0
- package/dist/components/util/portal.d.ts +23 -0
- package/dist/components/util/portal.d.ts.map +1 -0
- package/dist/components/util/pull-to-refresh.d.ts +27 -0
- package/dist/components/util/pull-to-refresh.d.ts.map +1 -0
- package/dist/components/util/radio-keys.d.ts +25 -0
- package/dist/components/util/radio-keys.d.ts.map +1 -0
- package/dist/components/util/rating.d.ts +23 -0
- package/dist/components/util/rating.d.ts.map +1 -0
- package/dist/components/util/ready-made-strings.d.ts +77 -0
- package/dist/components/util/ready-made-strings.d.ts.map +1 -0
- package/dist/components/util/scroll-padding.d.ts +20 -0
- package/dist/components/util/scroll-padding.d.ts.map +1 -0
- package/dist/components/util/segmented-control.d.ts +16 -0
- package/dist/components/util/segmented-control.d.ts.map +1 -0
- package/dist/components/util/select.d.ts +41 -0
- package/dist/components/util/select.d.ts.map +1 -0
- package/dist/components/util/sheet-drag.d.ts +60 -0
- package/dist/components/util/sheet-drag.d.ts.map +1 -0
- package/dist/components/util/sidebar.d.ts +63 -0
- package/dist/components/util/sidebar.d.ts.map +1 -0
- package/dist/components/util/sortable-list.d.ts +65 -0
- package/dist/components/util/sortable-list.d.ts.map +1 -0
- package/dist/components/util/ssr-safe.d.ts +4 -4
- package/dist/components/util/ssr-safe.d.ts.map +1 -1
- package/dist/components/util/stepper.d.ts +40 -0
- package/dist/components/util/stepper.d.ts.map +1 -0
- package/dist/components/util/swipeable-list-item.d.ts +36 -0
- package/dist/components/util/swipeable-list-item.d.ts.map +1 -0
- package/dist/components/util/theme-mode.d.ts +80 -0
- package/dist/components/util/theme-mode.d.ts.map +1 -0
- package/dist/components/util/toaster.d.ts +93 -0
- package/dist/components/util/toaster.d.ts.map +1 -0
- package/dist/components/util/tooltip.d.ts +10 -0
- package/dist/components/util/tooltip.d.ts.map +1 -0
- package/dist/components/util/top-navbar.d.ts +11 -0
- package/dist/components/util/top-navbar.d.ts.map +1 -0
- package/dist/components/util/touch-target.d.ts +31 -0
- package/dist/components/util/touch-target.d.ts.map +1 -0
- package/dist/components/util/zabi-strings.d.ts +133 -0
- package/dist/components/util/zabi-strings.d.ts.map +1 -0
- package/dist/create-theme/cli.js +169 -0
- package/dist/create-theme/index.d.ts +176 -0
- package/dist/create-theme/index.js +817 -0
- package/dist/create-theme/lib/ramp-math.js +128 -0
- package/dist/create-theme/lib/resolve.js +141 -0
- package/dist/create-theme/theme-data.js +1116 -0
- package/dist/index.d.ts +83 -3
- package/dist/index.js +60 -8
- package/dist/molecules/Alert.svelte +73 -66
- package/dist/molecules/Alert.svelte.d.ts +9 -1
- package/dist/molecules/AppBar.svelte +415 -0
- package/dist/molecules/AppBar.svelte.d.ts +69 -0
- package/dist/molecules/AvatarGroup.svelte +116 -0
- package/dist/molecules/AvatarGroup.svelte.d.ts +40 -0
- package/dist/molecules/BottomSheet.svelte +540 -0
- package/dist/molecules/BottomSheet.svelte.d.ts +93 -0
- package/dist/molecules/BottomTabBar.svelte +297 -0
- package/dist/molecules/BottomTabBar.svelte.d.ts +64 -0
- package/dist/molecules/Calendar.svelte +597 -0
- package/dist/molecules/Calendar.svelte.d.ts +72 -0
- package/dist/molecules/Collapsible.svelte +243 -0
- package/dist/molecules/Collapsible.svelte.d.ts +44 -0
- package/dist/molecules/CollapsibleGroup.svelte +126 -0
- package/dist/molecules/CollapsibleGroup.svelte.d.ts +14 -0
- package/dist/molecules/ComponentDemo.svelte +25 -5
- package/dist/molecules/ComponentDemo.svelte.d.ts +5 -0
- package/dist/molecules/ConfirmDialog.svelte +253 -0
- package/dist/molecules/ConfirmDialog.svelte.d.ts +55 -0
- package/dist/molecules/ContactForm.svelte +46 -19
- package/dist/molecules/ContactForm.svelte.d.ts +10 -0
- package/dist/molecules/Drawer.svelte +394 -0
- package/dist/molecules/Drawer.svelte.d.ts +55 -0
- package/dist/molecules/Dropdown.svelte +540 -50
- package/dist/molecules/Dropdown.svelte.d.ts +49 -6
- package/dist/molecules/DropdownItem.svelte +122 -0
- package/dist/molecules/DropdownItem.svelte.d.ts +28 -0
- package/dist/molecules/EmptyState.svelte +56 -10
- package/dist/molecules/EmptyState.svelte.d.ts +8 -0
- package/dist/molecules/Form.svelte +25 -14
- package/dist/molecules/Form.svelte.d.ts +13 -5
- package/dist/molecules/FormField.svelte +11 -2
- package/dist/molecules/FormField.svelte.d.ts +2 -0
- package/dist/molecules/Header.svelte +13 -3
- package/dist/molecules/Header.svelte.d.ts +2 -0
- package/dist/molecules/ImageUpload.svelte +422 -70
- package/dist/molecules/ImageUpload.svelte.d.ts +61 -5
- package/dist/molecules/MediaGrid.svelte +527 -0
- package/dist/molecules/MediaGrid.svelte.d.ts +77 -0
- package/dist/molecules/Modal.svelte +340 -45
- package/dist/molecules/Modal.svelte.d.ts +59 -7
- package/dist/molecules/NavigationMenu.svelte +15 -3
- package/dist/molecules/NavigationMenu.svelte.d.ts +4 -0
- package/dist/molecules/NavigationMenuContent.svelte +91 -36
- package/dist/molecules/NavigationMenuContent.svelte.d.ts +2 -0
- package/dist/molecules/NavigationMenuItem.svelte +10 -3
- package/dist/molecules/NavigationMenuItem.svelte.d.ts +2 -0
- package/dist/molecules/NavigationMenuLink.svelte +10 -2
- package/dist/molecules/NavigationMenuLink.svelte.d.ts +2 -0
- package/dist/molecules/NavigationMenuList.svelte +19 -4
- package/dist/molecules/NavigationMenuList.svelte.d.ts +2 -0
- package/dist/molecules/NavigationMenuTrigger.svelte +16 -3
- package/dist/molecules/NavigationMenuTrigger.svelte.d.ts +2 -0
- package/dist/molecules/Page.svelte +38 -2
- package/dist/molecules/Page.svelte.d.ts +13 -0
- package/dist/molecules/PhotoGrid.svelte +433 -0
- package/dist/molecules/PhotoGrid.svelte.d.ts +62 -0
- package/dist/molecules/PhotoViewer.svelte +1116 -0
- package/dist/molecules/PhotoViewer.svelte.d.ts +56 -0
- package/dist/molecules/PropsTable.svelte +26 -11
- package/dist/molecules/PropsTable.svelte.d.ts +5 -0
- package/dist/molecules/PullToRefresh.svelte +263 -0
- package/dist/molecules/PullToRefresh.svelte.d.ts +52 -0
- package/dist/molecules/RadioGroup.svelte +57 -15
- package/dist/molecules/RadioGroup.svelte.d.ts +16 -3
- package/dist/molecules/Section.svelte +13 -5
- package/dist/molecules/Section.svelte.d.ts +3 -1
- package/dist/molecules/SegmentedControl.svelte +323 -0
- package/dist/molecules/SegmentedControl.svelte.d.ts +34 -0
- package/dist/molecules/SidebarBrandHeader.svelte +24 -5
- package/dist/molecules/SidebarBrandHeader.svelte.d.ts +5 -0
- package/dist/molecules/SidebarFooter.svelte +39 -8
- package/dist/molecules/SidebarFooter.svelte.d.ts +5 -0
- package/dist/molecules/SidebarNavSection.svelte +12 -4
- package/dist/molecules/SidebarNavSection.svelte.d.ts +2 -0
- package/dist/molecules/SlideUp.svelte +253 -30
- package/dist/molecules/SlideUp.svelte.d.ts +31 -4
- package/dist/molecules/SortableList.svelte +632 -0
- package/dist/molecules/SortableList.svelte.d.ts +69 -0
- package/dist/molecules/Stepper.svelte +548 -0
- package/dist/molecules/Stepper.svelte.d.ts +39 -0
- package/dist/molecules/StickyActionBar.svelte +191 -0
- package/dist/molecules/StickyActionBar.svelte.d.ts +65 -0
- package/dist/molecules/SwipeableListItem.svelte +334 -0
- package/dist/molecules/SwipeableListItem.svelte.d.ts +54 -0
- package/dist/molecules/Tabs.svelte +254 -24
- package/dist/molecules/Tabs.svelte.d.ts +15 -4
- package/dist/molecules/Toaster.svelte +352 -6
- package/dist/molecules/Toaster.svelte.d.ts +95 -2
- package/dist/molecules/ToasterToast.svelte +279 -62
- package/dist/molecules/ToasterToast.svelte.d.ts +11 -0
- package/dist/molecules/UnsavedChangesBar.svelte +212 -0
- package/dist/molecules/UnsavedChangesBar.svelte.d.ts +43 -0
- package/dist/molecules/index.d.ts +46 -0
- package/dist/molecules/index.js +27 -0
- package/dist/molecules/toast-store.d.ts +53 -7
- package/dist/molecules/toast-store.js +21 -0
- package/dist/organisms/AppShell.svelte +196 -0
- package/dist/organisms/AppShell.svelte.d.ts +61 -0
- package/dist/organisms/SidebarAccountPanel.svelte +111 -12
- package/dist/organisms/SidebarAccountPanel.svelte.d.ts +21 -0
- package/dist/organisms/SidebarNavigation.svelte +193 -69
- package/dist/organisms/SidebarNavigation.svelte.d.ts +31 -1
- package/dist/organisms/SidebarPanel.svelte +45 -16
- package/dist/organisms/SidebarPanel.svelte.d.ts +2 -0
- package/dist/organisms/SidebarShell.svelte +263 -0
- package/dist/organisms/SidebarShell.svelte.d.ts +106 -0
- package/dist/organisms/TopNavbar.svelte +329 -33
- package/dist/organisms/TopNavbar.svelte.d.ts +28 -0
- package/dist/organisms/index.d.ts +6 -0
- package/dist/organisms/index.js +4 -0
- package/dist/routes/lib/variant-utils.d.ts +26 -0
- package/dist/routes/lib/{variant-utils.ts → variant-utils.js} +15 -46
- package/dist/types/components.d.ts +4 -0
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/events.js +1 -0
- package/dist/types/index.d.ts +605 -25
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/index.js +3 -0
- package/dist/types/variants.ts +17 -1
- package/dist/util/app-shell.d.ts +27 -0
- package/dist/util/app-shell.js +72 -0
- package/dist/util/avatar.d.ts +35 -0
- package/dist/util/avatar.js +52 -0
- package/dist/util/bottom-sheet.d.ts +29 -0
- package/dist/util/bottom-sheet.js +43 -0
- package/dist/util/bottom-tab-bar.d.ts +34 -0
- package/dist/util/bottom-tab-bar.js +54 -0
- package/dist/util/calendar.d.ts +55 -0
- package/dist/util/calendar.js +74 -0
- package/dist/util/cn.d.ts +7 -0
- package/dist/util/cn.js +48 -0
- package/dist/util/collapsible.d.ts +57 -0
- package/dist/util/collapsible.js +23 -0
- package/dist/util/confirm-dialog.d.ts +11 -0
- package/dist/util/confirm-dialog.js +2 -0
- package/dist/util/date.d.ts +95 -0
- package/dist/util/date.js +237 -0
- package/dist/util/drawer.d.ts +12 -0
- package/dist/util/drawer.js +7 -0
- package/dist/util/dropdown.d.ts +46 -0
- package/dist/util/dropdown.js +21 -0
- package/dist/util/field.d.ts +38 -0
- package/dist/util/field.js +38 -0
- package/dist/util/fit-in-viewport.d.ts +200 -0
- package/dist/util/fit-in-viewport.js +399 -0
- package/dist/util/focus-utils.d.ts +75 -2
- package/dist/util/focus-utils.js +182 -9
- package/dist/util/hydration.d.ts +44 -0
- package/dist/util/hydration.js +58 -0
- package/dist/util/keyboard-inset.d.ts +17 -0
- package/dist/util/keyboard-inset.js +53 -0
- package/dist/util/media-grid.d.ts +50 -0
- package/dist/util/media-grid.js +81 -0
- package/dist/util/media.d.ts +5 -0
- package/dist/util/media.js +10 -0
- package/dist/util/overlay-chrome.d.ts +52 -0
- package/dist/util/overlay-chrome.js +56 -0
- package/dist/util/overlay.d.ts +71 -0
- package/dist/util/overlay.js +240 -0
- package/dist/util/photo.d.ts +214 -0
- package/dist/util/photo.js +206 -0
- package/dist/util/portal.d.ts +22 -0
- package/dist/util/portal.js +50 -0
- package/dist/util/pull-to-refresh.d.ts +26 -0
- package/dist/util/pull-to-refresh.js +30 -0
- package/dist/util/radio-keys.d.ts +24 -0
- package/dist/util/radio-keys.js +49 -0
- package/dist/util/rating.d.ts +22 -0
- package/dist/util/rating.js +26 -0
- package/dist/util/ready-made-strings.d.ts +76 -0
- package/dist/util/ready-made-strings.js +67 -0
- package/dist/util/scroll-padding.d.ts +19 -0
- package/dist/util/scroll-padding.js +44 -0
- package/dist/util/segmented-control.d.ts +15 -0
- package/dist/util/segmented-control.js +1 -0
- package/dist/util/select.d.ts +40 -0
- package/dist/util/select.js +63 -0
- package/dist/util/sheet-drag.d.ts +59 -0
- package/dist/util/sheet-drag.js +241 -0
- package/dist/util/sidebar.d.ts +62 -0
- package/dist/util/sidebar.js +38 -0
- package/dist/util/sortable-list.d.ts +64 -0
- package/dist/util/sortable-list.js +53 -0
- package/dist/util/ssr-safe.d.ts +4 -4
- package/dist/util/stepper.d.ts +39 -0
- package/dist/util/stepper.js +38 -0
- package/dist/util/swipeable-list-item.d.ts +35 -0
- package/dist/util/swipeable-list-item.js +32 -0
- package/dist/util/theme-mode.d.ts +79 -0
- package/dist/util/theme-mode.js +121 -0
- package/dist/util/toaster.d.ts +92 -0
- package/dist/util/toaster.js +75 -0
- package/dist/util/tooltip.d.ts +9 -0
- package/dist/util/tooltip.js +18 -0
- package/dist/util/top-navbar.d.ts +10 -0
- package/dist/util/top-navbar.js +5 -0
- package/dist/util/touch-target.d.ts +30 -0
- package/dist/util/touch-target.js +30 -0
- package/dist/util/zabi-strings.d.ts +132 -0
- package/dist/util/zabi-strings.js +105 -0
- package/dist/zabi-components-colors.css +5 -2
- package/dist/zabi-components-theme-dark-only.css +574 -225
- package/dist/zabi-components-theme-dark.css +574 -225
- package/dist/zabi-components-theme-only.css +1680 -317
- package/dist/zabi-components-theme.css +1680 -317
- package/dist/zabi-components.css +4473 -1158
- package/docs/lucide-icons.md +41 -16
- package/docs/theme-imports.md +81 -11
- package/package.json +51 -29
- package/dist/lib/layout-width-tokens.d.ts +0 -17
- package/dist/lib/layout-width-tokens.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/Button.d.ts +0 -3
- package/dist/lib/showcase/component-docs/Button.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/Input.d.ts +0 -3
- package/dist/lib/showcase/component-docs/Input.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/List.d.ts +0 -3
- package/dist/lib/showcase/component-docs/List.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/Modal.d.ts +0 -3
- package/dist/lib/showcase/component-docs/Modal.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/Radio.d.ts +0 -3
- package/dist/lib/showcase/component-docs/Radio.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/SidebarNavigation.d.ts +0 -3
- package/dist/lib/showcase/component-docs/SidebarNavigation.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/Skeleton.d.ts +0 -3
- package/dist/lib/showcase/component-docs/Skeleton.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/_shared.d.ts +0 -12
- package/dist/lib/showcase/component-docs/_shared.d.ts.map +0 -1
- package/dist/lib/showcase/component-docs/index.d.ts +0 -4
- package/dist/lib/showcase/component-docs/index.d.ts.map +0 -1
- package/dist/lib/showcase/components-catalog.d.ts +0 -3
- package/dist/lib/showcase/components-catalog.d.ts.map +0 -1
- package/dist/lib/showcase/components-showcase-constants.d.ts +0 -89
- package/dist/lib/showcase/components-showcase-constants.d.ts.map +0 -1
- package/dist/lib/showcase/docs-sidebar-helpers.d.ts +0 -15
- package/dist/lib/showcase/docs-sidebar-helpers.d.ts.map +0 -1
- package/dist/routes/lib/focus-utils.d.ts +0 -12
- package/dist/routes/lib/focus-utils.ts +0 -110
- package/dist/routes/lib/ssr-safe.ts +0 -58
- package/scripts/fix-lucide-svelte-icon-dts.js +0 -35
|
@@ -2,8 +2,12 @@ export { default as Alert } from './Alert.svelte';
|
|
|
2
2
|
export { default as ComponentDemo } from './ComponentDemo.svelte';
|
|
3
3
|
export { default as ContactForm } from './ContactForm.svelte';
|
|
4
4
|
export { default as Dropdown } from './Dropdown.svelte';
|
|
5
|
+
export { default as DropdownItem } from './DropdownItem.svelte';
|
|
6
|
+
export type { DropdownItemIcon, DropdownItemTone, DropdownOption, } from '../util/dropdown.js';
|
|
5
7
|
export { default as Form } from './Form.svelte';
|
|
6
8
|
export { default as ImageUpload } from './ImageUpload.svelte';
|
|
9
|
+
export { default as MediaGrid } from './MediaGrid.svelte';
|
|
10
|
+
export type { MediaGridItemType, MediaGridKey, MediaGridSelectDetail, MediaGridStrings, } from '../util/media-grid.js';
|
|
7
11
|
export { default as Modal } from './Modal.svelte';
|
|
8
12
|
export { default as NavigationMenu } from './NavigationMenu.svelte';
|
|
9
13
|
export { default as NavigationMenuList } from './NavigationMenuList.svelte';
|
|
@@ -23,5 +27,47 @@ export { default as Header } from './Header.svelte';
|
|
|
23
27
|
export { default as EmptyState } from './EmptyState.svelte';
|
|
24
28
|
export { default as Toaster } from './Toaster.svelte';
|
|
25
29
|
export { default as RadioGroup } from './RadioGroup.svelte';
|
|
30
|
+
export { default as SegmentedControl } from './SegmentedControl.svelte';
|
|
31
|
+
export type { SegmentedControlIcon, SegmentedControlOption, } from '../util/segmented-control.js';
|
|
32
|
+
export { default as SortableList } from './SortableList.svelte';
|
|
33
|
+
export type { SortableListAnnouncement, SortableListReorderDetail, SortableListRow, SortableListStrings, } from '../util/sortable-list.js';
|
|
34
|
+
export { default as Collapsible } from './Collapsible.svelte';
|
|
35
|
+
export { default as SwipeableListItem } from './SwipeableListItem.svelte';
|
|
36
|
+
export { DEFAULT_SWIPEABLE_LIST_ITEM_STRINGS } from '../util/swipeable-list-item.js';
|
|
37
|
+
export type { SwipeableListItemAction, SwipeableListItemStrings } from '../util/swipeable-list-item.js';
|
|
38
|
+
export { default as PullToRefresh } from './PullToRefresh.svelte';
|
|
39
|
+
export { DEFAULT_PULL_TO_REFRESH_STRINGS } from '../util/pull-to-refresh.js';
|
|
40
|
+
export type { PullToRefreshStrings } from '../util/pull-to-refresh.js';
|
|
41
|
+
export { default as CollapsibleGroup } from './CollapsibleGroup.svelte';
|
|
42
|
+
export type { CollapsibleHeadingLevel, CollapsibleTriggerProps, CollapsibleTriggerState, } from '../util/collapsible.js';
|
|
43
|
+
export { default as ConfirmDialog } from './ConfirmDialog.svelte';
|
|
44
|
+
export type { ConfirmDialogCancelReason, ConfirmDialogResult, ConfirmDialogVariant, } from '../util/confirm-dialog.js';
|
|
45
|
+
export { default as Drawer } from './Drawer.svelte';
|
|
46
|
+
export type { DrawerCloseReason, DrawerSide, DrawerSize, } from '../util/drawer.js';
|
|
47
|
+
export { default as UnsavedChangesBar } from './UnsavedChangesBar.svelte';
|
|
48
|
+
export { default as AppBar } from './AppBar.svelte';
|
|
49
|
+
export { default as BottomTabBar } from './BottomTabBar.svelte';
|
|
50
|
+
export type { BottomTabBarIcon, BottomTabBarItem, } from '../util/bottom-tab-bar.js';
|
|
51
|
+
export { default as BottomSheet } from './BottomSheet.svelte';
|
|
52
|
+
export type { BottomSheetCloseReason, BottomSheetSnap, } from '../util/bottom-sheet.js';
|
|
53
|
+
export { default as StickyActionBar } from './StickyActionBar.svelte';
|
|
54
|
+
export { default as Calendar } from './Calendar.svelte';
|
|
55
|
+
export type { CalendarEvent, CalendarStrings, CalendarTone, } from '../util/calendar.js';
|
|
56
|
+
export { default as PhotoGrid } from './PhotoGrid.svelte';
|
|
57
|
+
export { default as PhotoViewer } from './PhotoViewer.svelte';
|
|
58
|
+
export type { Photo, PhotoGridSelectDetail, PhotoGridStrings, PhotoKey, PhotoViewerAction, PhotoViewerCloseReason, PhotoViewerStrings, } from '../util/photo.js';
|
|
59
|
+
export { default as AvatarGroup } from './AvatarGroup.svelte';
|
|
60
|
+
export { DEFAULT_AVATAR_GROUP_STRINGS } from '../util/avatar.js';
|
|
61
|
+
export type { AvatarGroupStrings, AvatarPerson } from '../util/avatar.js';
|
|
62
|
+
export { default as Stepper } from './Stepper.svelte';
|
|
63
|
+
export type { StepperItem, StepperLayout, StepperStep, StepperStepState, StepperStrings, } from '../util/stepper.js';
|
|
26
64
|
export * from './toast-store.js';
|
|
65
|
+
export { DEFAULT_TOASTER_STRINGS, TOAST_DURATIONS } from '../util/toaster.js';
|
|
66
|
+
export type { ToasterStrings, ToastPauseChange, ToastDuration } from '../util/toaster.js';
|
|
67
|
+
export { DEFAULT_SELECT_STRINGS } from '../util/select.js';
|
|
68
|
+
export type { SelectStrings, SelectPresentation } from '../util/select.js';
|
|
69
|
+
export { DEFAULT_SIDEBAR_BRAND_HEADER_STRINGS, DEFAULT_SIDEBAR_FOOTER_STRINGS, } from '../util/sidebar.js';
|
|
70
|
+
export type { SidebarBrandHeaderStrings, SidebarFooterStrings } from '../util/sidebar.js';
|
|
71
|
+
export { DEFAULT_COMPONENT_DEMO_STRINGS, DEFAULT_CONTACT_FORM_STRINGS, DEFAULT_PROPS_TABLE_STRINGS, } from '../util/ready-made-strings.js';
|
|
72
|
+
export type { ComponentDemoStrings, ContactFormStrings, PropsTableStrings, } from '../util/ready-made-strings.js';
|
|
27
73
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,52 @@
|
|
|
1
|
+
import type { ToastDuration } from '../util/toaster.js';
|
|
1
2
|
export type ToastLevel = 'success' | 'error' | 'warning' | 'info';
|
|
3
|
+
/**
|
|
4
|
+
* One action offered inside a toast, such as Undo.
|
|
5
|
+
*
|
|
6
|
+
* A toast with an action stays until it is dismissed, unless you give it a
|
|
7
|
+
* `duration` (a named length or milliseconds): a keyboard user has to reach the button first, and the toaster
|
|
8
|
+
* may be far away in the tab order (WCAG 2.2.1). `focusToasts()` moves focus
|
|
9
|
+
* there. The action must still not be the only way to do the thing: offer it
|
|
10
|
+
* elsewhere in the page as well.
|
|
11
|
+
*/
|
|
12
|
+
export interface ToastAction {
|
|
13
|
+
/** Button text, and its accessible name. */
|
|
14
|
+
label: string;
|
|
15
|
+
onclick: () => void;
|
|
16
|
+
/** Close the toast after the handler runs. Defaults to `true`. */
|
|
17
|
+
dismissOnClick?: boolean;
|
|
18
|
+
}
|
|
2
19
|
export interface ToastItem {
|
|
3
20
|
id: string;
|
|
4
|
-
/**
|
|
21
|
+
/**
|
|
22
|
+
* What the toast says. Always shown: as its one line, or under `title`
|
|
23
|
+
* when it has one.
|
|
24
|
+
*/
|
|
5
25
|
message: string;
|
|
6
26
|
type: ToastLevel;
|
|
27
|
+
/** A heading over the message. Without it the message stands alone. */
|
|
7
28
|
title?: string;
|
|
8
|
-
/**
|
|
29
|
+
/**
|
|
30
|
+
* The long version, kept behind a button that opens it. Only a toast
|
|
31
|
+
* with `detail` has that button.
|
|
32
|
+
*/
|
|
9
33
|
detail?: string;
|
|
10
34
|
/**
|
|
11
|
-
*
|
|
12
|
-
*
|
|
35
|
+
* How long the toast stays: `"short"` (3 s, a few words that need no
|
|
36
|
+
* reading time), `"medium"` (7 s), `"long"` (14 s), `"persistent"`
|
|
37
|
+
* (until it is dismissed: what the user has to act on, and errors), or
|
|
38
|
+
* a number of milliseconds, where `0` is persistent too. What is given
|
|
39
|
+
* here always wins.
|
|
40
|
+
*
|
|
41
|
+
* When omitted, the toaster decides: an error and a toast with an
|
|
42
|
+
* `action` stay until dismissed. Everything else goes by its title and
|
|
43
|
+
* message together: up to 120 characters gets `medium` (or the
|
|
44
|
+
* Toaster's `defaultDuration`), 121 to 240 gets `long`, and more than
|
|
45
|
+
* 240 stays until dismissed.
|
|
13
46
|
*/
|
|
14
|
-
duration?:
|
|
47
|
+
duration?: ToastDuration;
|
|
48
|
+
/** An action button in the toast, such as Undo. */
|
|
49
|
+
action?: ToastAction;
|
|
15
50
|
}
|
|
16
51
|
export declare const toastStore: {
|
|
17
52
|
subscribe: (this: void, run: import("svelte/store").Subscriber<ToastItem[]>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
|
|
@@ -19,10 +54,11 @@ export declare const toastStore: {
|
|
|
19
54
|
message: string;
|
|
20
55
|
type?: ToastLevel;
|
|
21
56
|
/** Same semantics as {@link ToastItem.duration}. */
|
|
22
|
-
duration?:
|
|
57
|
+
duration?: ToastDuration;
|
|
23
58
|
id?: string;
|
|
24
59
|
title?: string;
|
|
25
60
|
detail?: string;
|
|
61
|
+
action?: ToastAction;
|
|
26
62
|
}): string;
|
|
27
63
|
dismiss: (id: string) => void;
|
|
28
64
|
clear(): void;
|
|
@@ -31,9 +67,19 @@ export declare function pushToast(options: {
|
|
|
31
67
|
message: string;
|
|
32
68
|
type?: ToastLevel;
|
|
33
69
|
/** Same semantics as {@link ToastItem.duration}. */
|
|
34
|
-
duration?:
|
|
70
|
+
duration?: ToastDuration;
|
|
35
71
|
title?: string;
|
|
36
72
|
detail?: string;
|
|
73
|
+
/** An action button in the toast, such as Undo. See {@link ToastAction}. */
|
|
74
|
+
action?: ToastAction;
|
|
37
75
|
}): string;
|
|
38
76
|
export declare function dismissToast(id: string): void;
|
|
77
|
+
/**
|
|
78
|
+
* Moves keyboard focus to the newest toast, so its action can be reached
|
|
79
|
+
* without tabbing through the page. Bind it to a shortcut of your own; the
|
|
80
|
+
* library registers none. Returns false when there is no toast to focus.
|
|
81
|
+
*
|
|
82
|
+
* Focus returns to where it was when that toast is dismissed.
|
|
83
|
+
*/
|
|
84
|
+
export declare function focusToasts(): boolean;
|
|
39
85
|
//# sourceMappingURL=toast-store.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/toast-store.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/toast-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAW;IACxB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,UAAU,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mDAAmD;IACnD,MAAM,CAAC,EAAE,WAAW,CAAC;CACxB;AA0CD,eAAO,MAAM,UAAU;;kBA/BD;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,oDAAoD;QACpD,QAAQ,CAAC,EAAE,aAAa,CAAC;QACzB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,WAAW,CAAC;KACxB,GAAG,MAAM;kBAfO,MAAM;;CAqCa,CAAC;AAE7C,wBAAgB,SAAS,CAAC,OAAO,EAAE;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,WAAW,CAAC;CACxB,GAAG,MAAM,CAET;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAE7C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAWrC"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
export { default as TopNavbar } from './TopNavbar.svelte';
|
|
2
2
|
export { default as SidebarNavigation } from './SidebarNavigation.svelte';
|
|
3
|
+
export { default as SidebarShell } from './SidebarShell.svelte';
|
|
3
4
|
export { default as SidebarAccountPanel } from './SidebarAccountPanel.svelte';
|
|
4
5
|
export { default as SidebarPanel } from './SidebarPanel.svelte';
|
|
6
|
+
export { default as AppShell } from './AppShell.svelte';
|
|
7
|
+
export { DEFAULT_TOP_NAVBAR_STRINGS } from '../util/top-navbar.js';
|
|
8
|
+
export type { TopNavbarStrings } from '../util/top-navbar.js';
|
|
9
|
+
export { DEFAULT_SIDEBAR_ACCOUNT_PANEL_STRINGS, DEFAULT_SIDEBAR_NAVIGATION_STRINGS, } from '../util/sidebar.js';
|
|
10
|
+
export type { SidebarAccountPanelStrings, SidebarNavigationStrings } from '../util/sidebar.js';
|
|
5
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EACH,qCAAqC,EACrC,kCAAkC,GACrC,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -18,7 +18,21 @@ export type ExtendedSemanticVariant = SemanticVariant | 'neutral' | 'energetic';
|
|
|
18
18
|
* Button style variants - used for different button styles
|
|
19
19
|
* These are style-based variants, not semantic color variants
|
|
20
20
|
*/
|
|
21
|
-
export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'outline' | 'link';
|
|
21
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'outline' | 'link' | 'accent';
|
|
22
|
+
/**
|
|
23
|
+
* Badge variants: the semantic families, and `accent`, the app's second brand
|
|
24
|
+
* colour (`--color-accent`). `energetic` is a family of its own and stays on
|
|
25
|
+
* the library's citron when an app changes its accent.
|
|
26
|
+
*/
|
|
27
|
+
export type BadgeVariant = ExtendedSemanticVariant | 'accent';
|
|
28
|
+
/**
|
|
29
|
+
* Text colour of a Heading or Text that sits on a filled block.
|
|
30
|
+
* - `inherit`: the block's own text colour (`currentColor`), for a block that
|
|
31
|
+
* sets one, such as `class="bg-action-primary text-on-brand"`.
|
|
32
|
+
* - `on-brand` / `on-accent`: the label colour of the primary and of the solid
|
|
33
|
+
* accent fill (`--color-on-brand`, `--color-on-accent`).
|
|
34
|
+
*/
|
|
35
|
+
export type OnFillTone = 'inherit' | 'on-brand' | 'on-accent';
|
|
22
36
|
/**
|
|
23
37
|
* Card style variants - used for different card appearances
|
|
24
38
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/types/variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEhF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/types/variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEhF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEzG;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,uBAAuB,GAAG,QAAQ,CAAC;AAE9D;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,eAAe,CAE7E;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,uBAAuB,CAE7F;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/** Shared by `AppShell` and the bars that go in it (`AppBar`, `BottomTabBar`). */
|
|
2
|
+
/** Called by `AppShell`, so the bars inside it know the shell lays them out. */
|
|
3
|
+
export declare function markAppShell(): void;
|
|
4
|
+
/** True for a component rendered inside an `AppShell`. */
|
|
5
|
+
export declare function isInsideAppShell(): boolean;
|
|
6
|
+
/**
|
|
7
|
+
* The nearest ancestor that scrolls vertically, or null when that is the
|
|
8
|
+
* window. `AppShell` scrolls a container of its own; a page without it
|
|
9
|
+
* scrolls the window.
|
|
10
|
+
*/
|
|
11
|
+
export declare function findScrollParent(element: HTMLElement): HTMLElement | null;
|
|
12
|
+
/** True in a development build of a Vite app; false wherever that cannot be told. */
|
|
13
|
+
export declare function isDevBuild(): boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Mirrors a shell's two inset properties onto `<html>` while it is mounted,
|
|
16
|
+
* so what is rendered outside the shell (an overlay moved to `document.body`,
|
|
17
|
+
* a toast) can stay clear of its bars too. With several shells mounted the
|
|
18
|
+
* one mounted last is the one mirrored; when it goes, the one before it is
|
|
19
|
+
* again, and with none left the properties are removed.
|
|
20
|
+
*
|
|
21
|
+
* Call it in the browser when the shell mounts. `update` reports new values;
|
|
22
|
+
* `leave` is for when the shell is destroyed.
|
|
23
|
+
*/
|
|
24
|
+
export declare function publishAppShellInsets(top: string, bottom: string): {
|
|
25
|
+
update: (top: string, bottom: string) => void;
|
|
26
|
+
leave: () => void;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=app-shell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../src/components/util/app-shell.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAMlF,gFAAgF;AAChF,wBAAgB,YAAY,IAAI,IAAI,CAEnC;AAED,0DAA0D;AAC1D,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAOzE;AAED,qFAAqF;AACrF,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAiBD;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACjC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,GACf;IAAE,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAgBtE"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/** Types and pure helpers for `Avatar` and `AvatarGroup`. Kept out of the components so they can be tested without a DOM. */
|
|
2
|
+
/** Diameter of the circle: 24, 32 and 48px. */
|
|
3
|
+
export type AvatarSize = "sm" | "md" | "lg";
|
|
4
|
+
/** One person in an `AvatarGroup`. */
|
|
5
|
+
export interface AvatarPerson {
|
|
6
|
+
name: string;
|
|
7
|
+
/** Address of the picture. Without it, or when it fails to load, the initials show. */
|
|
8
|
+
src?: string;
|
|
9
|
+
}
|
|
10
|
+
/** Every built-in string of `AvatarGroup`. Pass a partial object to `strings` to translate. */
|
|
11
|
+
export interface AvatarGroupStrings {
|
|
12
|
+
/**
|
|
13
|
+
* Accessible name of the "+3" at the end: how many people are not shown,
|
|
14
|
+
* and their names, for an app that wants to read them out.
|
|
15
|
+
*/
|
|
16
|
+
more: (count: number, names: string[]) => string;
|
|
17
|
+
}
|
|
18
|
+
export declare const DEFAULT_AVATAR_GROUP_STRINGS: AvatarGroupStrings;
|
|
19
|
+
/**
|
|
20
|
+
* The initials shown for `name`: the first letter of its first word and of
|
|
21
|
+
* its last, upper-cased for `locale`; one letter for a name of one word; `""`
|
|
22
|
+
* for a name with no words, which is drawn as an icon and never as "?".
|
|
23
|
+
*/
|
|
24
|
+
export declare function initialsOf(name: string | null | undefined, locale?: string): string;
|
|
25
|
+
/**
|
|
26
|
+
* How an `AvatarGroup` of `total` people splits at `max`: how many are
|
|
27
|
+
* shown, and how many stand behind the "+N".
|
|
28
|
+
*
|
|
29
|
+
* `max` below 1 is 1. One person too many is shown and not counted: a "+1"
|
|
30
|
+
* takes the room of the person it hides.
|
|
31
|
+
*/
|
|
32
|
+
export declare function splitGroup(total: number, max: number): {
|
|
33
|
+
shown: number;
|
|
34
|
+
hidden: number;
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/util/avatar.ts"],"names":[],"mappings":"AAAA,6HAA6H;AAE7H,+CAA+C;AAC/C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,sCAAsC;AACtC,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,+FAA+F;AAC/F,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;CACpD;AAED,eAAO,MAAM,4BAA4B,EAAE,kBAE1C,CAAC;AAuBF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAMnF;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAIxF"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/** Public types and pure helpers for `BottomSheet`. */
|
|
2
|
+
/** A height the sheet rests at: half the screen, or all of it below the status bar. */
|
|
3
|
+
export type BottomSheetSnap = "half" | "full";
|
|
4
|
+
/** What the user did to close the sheet. `swipe` is a drag or flick downwards. */
|
|
5
|
+
export type BottomSheetCloseReason = "escape" | "backdrop" | "close-button" | "swipe";
|
|
6
|
+
/** The snap points in use, lowest first, without repeats or unknown values. */
|
|
7
|
+
export declare function normaliseSnapPoints(points: readonly BottomSheetSnap[] | undefined): BottomSheetSnap[];
|
|
8
|
+
/**
|
|
9
|
+
* Where the grip's button takes the sheet: up a step, and from the top back
|
|
10
|
+
* down. Null when there is only one snap point, so nowhere to go.
|
|
11
|
+
*/
|
|
12
|
+
export declare function nextSnap(points: readonly BottomSheetSnap[], current: BottomSheetSnap): BottomSheetSnap | null;
|
|
13
|
+
/**
|
|
14
|
+
* Where a released sheet settles. `heights` are the px heights of the snap
|
|
15
|
+
* points, lowest first; `height` is how much of the sheet shows at release.
|
|
16
|
+
* A flick goes one step in its direction from where the drag began; a slow
|
|
17
|
+
* release goes to whatever is nearest, with "closed" at height 0.
|
|
18
|
+
*
|
|
19
|
+
* Returns the index into `heights`, or -1 for closed.
|
|
20
|
+
*/
|
|
21
|
+
export declare function settleSnap(options: {
|
|
22
|
+
heights: readonly number[];
|
|
23
|
+
startIndex: number;
|
|
24
|
+
height: number;
|
|
25
|
+
/** px per ms, positive is down. */
|
|
26
|
+
velocity: number;
|
|
27
|
+
flick: number;
|
|
28
|
+
canClose: boolean;
|
|
29
|
+
}): number;
|
|
30
|
+
//# sourceMappingURL=bottom-sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bottom-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/util/bottom-sheet.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,uFAAuF;AACvF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,kFAAkF;AAClF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;AAItF,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,GAAG,eAAe,EAAE,CAGrG;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CACpB,MAAM,EAAE,SAAS,eAAe,EAAE,EAClC,OAAO,EAAE,eAAe,GACzB,eAAe,GAAG,IAAI,CAIxB;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE;IAChC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACrB,GAAG,MAAM,CAgBT"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** Public types and pure helpers for `BottomTabBar`. */
|
|
2
|
+
import type { Component } from "svelte";
|
|
3
|
+
/** An icon component, as `@lucide/svelte` icons are. */
|
|
4
|
+
export type BottomTabBarIcon = Component<{
|
|
5
|
+
size?: number;
|
|
6
|
+
class?: string;
|
|
7
|
+
}>;
|
|
8
|
+
/** One destination in the bar. */
|
|
9
|
+
export interface BottomTabBarItem {
|
|
10
|
+
/** Where the tab goes. Also its identity: `active` is compared with it. */
|
|
11
|
+
href: string;
|
|
12
|
+
/** Shown under the icon. Keep it to one short word. */
|
|
13
|
+
label: string;
|
|
14
|
+
/** Rendered above the label, at 24px. Decorative: the label names the tab. */
|
|
15
|
+
icon: BottomTabBarIcon;
|
|
16
|
+
/** A count shown on the icon. Nothing is shown for 0 or when it is left out. */
|
|
17
|
+
badge?: number;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Whether `current` is the tab's page or a page under it. The same rule as
|
|
21
|
+
* `TopNavbar`: a prefix match on whole path segments, except that `/` and
|
|
22
|
+
* absolute URLs only match exactly.
|
|
23
|
+
*/
|
|
24
|
+
export declare function tabMatchesPath(href: string, current: string): boolean;
|
|
25
|
+
/**
|
|
26
|
+
* The href of the one active tab, or undefined when none matches. When
|
|
27
|
+
* several match (`/quiz` and `/quiz/live` on `/quiz/live/3`), the most
|
|
28
|
+
* specific wins, so there is never more than one current page.
|
|
29
|
+
*/
|
|
30
|
+
export declare function activeTabHref(items: readonly BottomTabBarItem[], current: string | undefined): string | undefined;
|
|
31
|
+
/** How a badge is read out after the tab's label: "Notifications, 3 new". */
|
|
32
|
+
export declare function defaultBadgeLabel(count: number): string;
|
|
33
|
+
/** The number as shown on the badge: `99+` above the cap. */
|
|
34
|
+
export declare function badgeText(count: number, max: number): string;
|
|
35
|
+
//# sourceMappingURL=bottom-tab-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bottom-tab-bar.d.ts","sourceRoot":"","sources":["../../../src/components/util/bottom-tab-bar.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE5E,kCAAkC;AAClC,MAAM,WAAW,gBAAgB;IAC7B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,EAAE,gBAAgB,CAAC;IACvB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAQD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAUrE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CACzB,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAClC,OAAO,EAAE,MAAM,GAAG,SAAS,GAC5B,MAAM,GAAG,SAAS,CASpB;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,6DAA6D;AAC7D,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAE5D"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/** Public types and pure helpers for `Calendar`. */
|
|
2
|
+
/** The colour of an event's dot. `default` is the primary action colour. */
|
|
3
|
+
export type CalendarTone = "default" | "success" | "warning" | "danger" | "accent";
|
|
4
|
+
/** Something that happens on a day. */
|
|
5
|
+
export interface CalendarEvent {
|
|
6
|
+
/** The day, as `YYYY-MM-DD`. */
|
|
7
|
+
date: string;
|
|
8
|
+
/** What it is. Not shown in the grid; read out with the day. */
|
|
9
|
+
label: string;
|
|
10
|
+
tone?: CalendarTone;
|
|
11
|
+
}
|
|
12
|
+
/** The words the calendar says. Replace any of them to translate. */
|
|
13
|
+
export interface CalendarStrings {
|
|
14
|
+
/** Accessible name of the button that goes a month back. */
|
|
15
|
+
previousMonth: string;
|
|
16
|
+
/** Accessible name of the button that goes a month forward. */
|
|
17
|
+
nextMonth: string;
|
|
18
|
+
/** Added to the name of today's date. */
|
|
19
|
+
today: string;
|
|
20
|
+
/** Added to the name of the selected date. */
|
|
21
|
+
selected: string;
|
|
22
|
+
/** Added to the name of a date that cannot be selected. */
|
|
23
|
+
unavailable: string;
|
|
24
|
+
/** The events part of a day's name. Called only for a day that has events. */
|
|
25
|
+
events: (events: CalendarEvent[]) => string;
|
|
26
|
+
}
|
|
27
|
+
export declare const DEFAULT_CALENDAR_STRINGS: CalendarStrings;
|
|
28
|
+
/** How many dots a day shows at most. The name of the day still counts every event. */
|
|
29
|
+
export declare const MAX_EVENT_DOTS = 3;
|
|
30
|
+
/**
|
|
31
|
+
* The accessible name of a day: the full date, then what is true of it, then
|
|
32
|
+
* its events. "Tuesday 6 October 2026, today, selected, 2 events: Quiz at The
|
|
33
|
+
* Crown, Music quiz".
|
|
34
|
+
*/
|
|
35
|
+
export declare function calendarDayName(fullDate: string, state: {
|
|
36
|
+
today: boolean;
|
|
37
|
+
selected: boolean;
|
|
38
|
+
disabled: boolean;
|
|
39
|
+
events: CalendarEvent[];
|
|
40
|
+
}, strings: CalendarStrings): string;
|
|
41
|
+
/**
|
|
42
|
+
* Where a key takes focus from `date`, by the date-grid pattern: the arrows by
|
|
43
|
+
* a day and a week, Home and End to the ends of the week, Page Up and Page
|
|
44
|
+
* Down by a month, and by a year with Shift. Left and Right swap in a
|
|
45
|
+
* right-to-left layout, where the next day is on the left.
|
|
46
|
+
*
|
|
47
|
+
* Returns null for a key that does not move, or a move past year 1 or 9999.
|
|
48
|
+
*/
|
|
49
|
+
export declare function calendarKeyTarget(key: string, date: string, options?: {
|
|
50
|
+
shift?: boolean;
|
|
51
|
+
rtl?: boolean;
|
|
52
|
+
weekStartsOn?: number;
|
|
53
|
+
}): string | null;
|
|
54
|
+
/** The events of each day, in the order given. */
|
|
55
|
+
export declare function groupEventsByDate(events: readonly CalendarEvent[]): Map<string, CalendarEvent[]>;
|
|
56
|
+
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/util/calendar.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAIpD,4EAA4E;AAC5E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnF,uCAAuC;AACvC,MAAM,WAAW,aAAa;IAC1B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,qEAAqE;AACrE,MAAM,WAAW,eAAe;IAC5B,4DAA4D;IAC5D,aAAa,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,MAAM,CAAC;CAC/C;AAED,eAAO,MAAM,wBAAwB,EAAE,eAUtC,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;GAIG;AACH,wBAAgB,eAAe,CAC3B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,aAAa,EAAE,CAAA;CAAE,EACxF,OAAO,EAAE,eAAe,GACzB,MAAM,CAOR;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC7B,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAO,GACxE,MAAM,GAAG,IAAI,CAsBf;AAED,kDAAkD;AAClD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,aAAa,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAQhG"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Merge class values, last conflicting utility wins.
|
|
3
|
+
*
|
|
4
|
+
* Falsy entries are dropped, so `cn(base, isActive && activeClasses, className)`
|
|
5
|
+
* is safe.
|
|
6
|
+
*/
|
|
7
|
+
export declare function cn(...classes: (string | false | null | undefined)[]): string;
|
|
8
|
+
//# sourceMappingURL=cn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/components/util/cn.ts"],"names":[],"mappings":"AA6CA;;;;;GAKG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/** Types and pure helpers for `Collapsible` and `CollapsibleGroup`. Kept out of the components so they can be tested without a DOM. */
|
|
2
|
+
/** Heading element the default trigger is wrapped in. */
|
|
3
|
+
export type CollapsibleHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
4
|
+
/**
|
|
5
|
+
* First argument of the `trigger` snippet. Spread it on your own `<button>`:
|
|
6
|
+
* it carries the whole wiring, so the button needs nothing else to work.
|
|
7
|
+
*/
|
|
8
|
+
export type CollapsibleTriggerProps = {
|
|
9
|
+
id: string;
|
|
10
|
+
/** Keeps a trigger inside a `<form>` from submitting it. */
|
|
11
|
+
type: "button";
|
|
12
|
+
"aria-expanded": boolean;
|
|
13
|
+
"aria-controls": string;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
onclick: (event: MouseEvent) => void;
|
|
16
|
+
/** How a `CollapsibleGroup` finds its header buttons for the arrow keys. */
|
|
17
|
+
"data-collapsible-trigger": "";
|
|
18
|
+
};
|
|
19
|
+
/** Second argument of the `trigger` snippet. */
|
|
20
|
+
export interface CollapsibleTriggerState {
|
|
21
|
+
open: boolean;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
}
|
|
24
|
+
/** What a `Collapsible` hands its group. */
|
|
25
|
+
export interface CollapsibleGroupMember {
|
|
26
|
+
triggerId: string;
|
|
27
|
+
isOpen: () => boolean;
|
|
28
|
+
/** A disabled member keeps its state: the group neither closes it nor counts it. */
|
|
29
|
+
isDisabled: () => boolean;
|
|
30
|
+
close: () => void;
|
|
31
|
+
}
|
|
32
|
+
/** What a member gets back when it joins a group. */
|
|
33
|
+
export interface CollapsibleGroupRegistration {
|
|
34
|
+
/** Removes the member again. */
|
|
35
|
+
unregister: () => void;
|
|
36
|
+
/**
|
|
37
|
+
* True when the member asked to start open in a single-open group that
|
|
38
|
+
* already has an open panel. The member then renders closed from the
|
|
39
|
+
* start, on the server too, instead of opening and being closed again.
|
|
40
|
+
*/
|
|
41
|
+
startClosed: boolean;
|
|
42
|
+
}
|
|
43
|
+
/** What a `CollapsibleGroup` offers the Collapsibles inside it, through context. */
|
|
44
|
+
export interface CollapsibleGroupContext {
|
|
45
|
+
/** False when opening one panel closes the others. */
|
|
46
|
+
readonly multiple: boolean;
|
|
47
|
+
register: (member: CollapsibleGroupMember) => CollapsibleGroupRegistration;
|
|
48
|
+
/** Called whenever a member is open, however it got there. */
|
|
49
|
+
opened: (member: CollapsibleGroupMember) => void;
|
|
50
|
+
}
|
|
51
|
+
/** Context key shared by the two components. */
|
|
52
|
+
export declare const COLLAPSIBLE_GROUP: unique symbol;
|
|
53
|
+
/**
|
|
54
|
+
* Index of the header button an accordion key moves focus to, or `null` when
|
|
55
|
+
* the key is not one of them. Arrow keys wrap, as they do in Tabs and Dropdown.
|
|
56
|
+
*/
|
|
57
|
+
export declare function nextTriggerIndex(key: string, current: number, count: number): number | null;
|
|
58
|
+
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/util/collapsible.ts"],"names":[],"mappings":"AAAA,uIAAuI;AAEvI,yDAAyD;AACzD,MAAM,MAAM,uBAAuB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,4EAA4E;IAC5E,0BAA0B,EAAE,EAAE,CAAC;CAClC,CAAC;AAEF,gDAAgD;AAChD,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,4CAA4C;AAC5C,MAAM,WAAW,sBAAsB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,oFAAoF;IACpF,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qDAAqD;AACrD,MAAM,WAAW,4BAA4B;IACzC,gCAAgC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;CACxB;AAED,oFAAoF;AACpF,MAAM,WAAW,uBAAuB;IACpC,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,4BAA4B,CAAC;IAC3E,8DAA8D;IAC9D,MAAM,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACpD;AAED,gDAAgD;AAChD,eAAO,MAAM,iBAAiB,eAAmC,CAAC;AAElE;;;GAGG;AACH,wBAAgB,gBAAgB,CAC5B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACd,MAAM,GAAG,IAAI,CAcf"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** Public types for `ConfirmDialog`. */
|
|
2
|
+
/** Sets the confirm button's style and the icon beside the message. */
|
|
3
|
+
export type ConfirmDialogVariant = "danger" | "warning" | "info";
|
|
4
|
+
/** How the user backed out: the cancel button, or one of Modal's own ways to close. */
|
|
5
|
+
export type ConfirmDialogCancelReason = "cancel-button" | "escape" | "backdrop" | "close-button";
|
|
6
|
+
/**
|
|
7
|
+
* What `onconfirm` may return. `false`, returned or resolved, keeps the dialog
|
|
8
|
+
* open; anything else closes it. A promise puts the dialog in its loading
|
|
9
|
+
* state until it settles.
|
|
10
|
+
*/
|
|
11
|
+
export type ConfirmDialogResult = void | boolean | Promise<void | boolean>;
|
|
12
|
+
//# sourceMappingURL=confirm-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/util/confirm-dialog.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,uEAAuE;AACvE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,uFAAuF;AACvF,MAAM,MAAM,yBAAyB,GAC/B,eAAe,GACf,QAAQ,GACR,UAAU,GACV,cAAc,CAAC;AAErB;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC"}
|