@pathscale/ui 1.2.6 → 1.2.8
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 +22 -22
- package/README.md +59 -59
- package/dist/components/_shared/index.js +1 -3
- package/dist/components/_shared/overlayPosition.js +6 -6
- package/dist/components/accordion/Accordion.css +158 -158
- package/dist/components/accordion/Accordion.js +46 -45
- package/dist/components/accordion/index.js +3 -9
- package/dist/components/alert/Alert.css +116 -116
- package/dist/components/alert/Alert.js +34 -33
- package/dist/components/alert/index.js +1 -8
- package/dist/components/auth-card/AuthCard.js +21 -21
- package/dist/components/auth-card/index.js +1 -3
- package/dist/components/auth-error-message/AuthErrorMessage.js +10 -10
- package/dist/components/auth-error-message/index.js +1 -3
- package/dist/components/auth-field-group/AuthFieldGroup.js +9 -9
- package/dist/components/auth-field-group/index.js +1 -3
- package/dist/components/auth-footer-links/AuthFooterLinks.js +21 -21
- package/dist/components/auth-footer-links/index.js +1 -3
- package/dist/components/auth-form/AuthForm.js +11 -11
- package/dist/components/auth-form/index.js +1 -3
- package/dist/components/auth-powered-by/AuthPoweredBy.js +15 -15
- package/dist/components/auth-powered-by/index.js +1 -3
- package/dist/components/auth-submit-button/AuthSubmitButton.js +10 -10
- package/dist/components/auth-submit-button/index.js +1 -3
- package/dist/components/auth-success-message/AuthSuccessMessage.js +12 -12
- package/dist/components/auth-success-message/index.js +1 -3
- package/dist/components/avatar/Avatar.css +124 -124
- package/dist/components/avatar/Avatar.js +28 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +1 -6
- package/dist/components/badge/Badge.css +164 -164
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +7 -9
- package/dist/components/breadcrumbs/Breadcrumbs.css +63 -63
- package/dist/components/breadcrumbs/Breadcrumbs.js +27 -26
- package/dist/components/breadcrumbs/index.js +1 -5
- package/dist/components/button/Button.css +194 -194
- package/dist/components/button/Button.js +23 -23
- package/dist/components/button/index.js +1 -3
- package/dist/components/button-group/ButtonGroup.css +117 -117
- package/dist/components/button-group/ButtonGroup.js +16 -15
- package/dist/components/button-group/context.js +2 -2
- package/dist/components/button-group/index.js +3 -6
- package/dist/components/calendar/Calendar.css +258 -258
- package/dist/components/calendar/Calendar.js +88 -88
- package/dist/components/calendar/index.js +1 -3
- package/dist/components/card/Card.css +110 -110
- package/dist/components/card/Card.js +23 -22
- package/dist/components/card/index.js +3 -8
- package/dist/components/chatbubble/ChatBubble.css +164 -164
- package/dist/components/chatbubble/ChatBubble.js +20 -20
- package/dist/components/chatbubble/ChatBubbleAvatar.js +9 -9
- package/dist/components/chatbubble/ChatBubbleFooter.js +9 -9
- package/dist/components/chatbubble/ChatBubbleHeader.js +11 -11
- package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
- package/dist/components/chatbubble/ChatBubbleTime.js +9 -9
- package/dist/components/chatbubble/index.js +1 -3
- package/dist/components/checkbox/Checkbox.css +183 -183
- package/dist/components/checkbox/Checkbox.js +32 -32
- package/dist/components/checkbox/index.js +1 -3
- package/dist/components/checkbox-group/CheckboxGroup.css +10 -10
- package/dist/components/checkbox-group/CheckboxGroup.js +14 -14
- package/dist/components/checkbox-group/context.js +2 -2
- package/dist/components/checkbox-group/index.js +4 -4
- package/dist/components/chip/Chip.css +197 -197
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +6 -7
- package/dist/components/close-button/CloseButton.css +81 -81
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +1 -3
- package/dist/components/color-area/ColorArea.css +54 -54
- package/dist/components/color-area/ColorArea.js +16 -16
- package/dist/components/color-area/index.js +3 -3
- package/dist/components/color-field/ColorField.css +88 -88
- package/dist/components/color-field/ColorField.js +21 -21
- package/dist/components/color-field/index.js +3 -3
- package/dist/components/color-picker/ColorPicker.css +28 -28
- package/dist/components/color-picker/ColorPicker.js +46 -45
- package/dist/components/color-picker/index.js +3 -8
- package/dist/components/color-slider/ColorSlider.css +57 -57
- package/dist/components/color-slider/ColorSlider.js +19 -19
- package/dist/components/color-slider/index.js +3 -3
- package/dist/components/color-swatch/ColorSwatch.css +84 -84
- package/dist/components/color-swatch/ColorSwatch.js +12 -12
- package/dist/components/color-swatch/index.js +3 -3
- package/dist/components/color-swatch-picker/ColorSwatchPicker.css +12 -12
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +16 -15
- package/dist/components/color-swatch-picker/index.js +1 -5
- package/dist/components/color-wheel-flower/ColorWheelFlower.css +147 -147
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +84 -84
- package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
- package/dist/components/color-wheel-flower/index.js +2 -6
- package/dist/components/combo-box/ComboBox.css +344 -344
- package/dist/components/combo-box/ComboBox.js +92 -91
- package/dist/components/combo-box/index.js +3 -10
- package/dist/components/date-field/DateField.css +215 -215
- package/dist/components/date-field/DateField.js +45 -44
- package/dist/components/date-field/index.js +3 -11
- package/dist/components/date-picker/DatePicker.css +143 -143
- package/dist/components/date-picker/DatePicker.js +38 -38
- package/dist/components/date-picker/index.js +1 -3
- package/dist/components/date-range-picker/DateRangePicker.css +149 -149
- package/dist/components/date-range-picker/DateRangePicker.js +53 -53
- package/dist/components/date-range-picker/index.js +1 -3
- package/dist/components/description/Description.css +10 -10
- package/dist/components/description/Description.js +11 -10
- package/dist/components/description/index.js +3 -5
- package/dist/components/disclosure/Disclosure.css +84 -84
- package/dist/components/disclosure/Disclosure.js +44 -43
- package/dist/components/disclosure/index.js +4 -9
- package/dist/components/disclosure-group/DisclosureGroup.css +9 -9
- package/dist/components/disclosure-group/DisclosureGroup.js +15 -14
- package/dist/components/disclosure-group/index.js +5 -6
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.context.js +3 -3
- package/dist/components/drawer/Drawer.css +463 -463
- package/dist/components/drawer/Drawer.js +109 -108
- package/dist/components/drawer/index.js +1 -15
- package/dist/components/dropdown/Dropdown.css +211 -211
- package/dist/components/dropdown/Dropdown.js +68 -67
- package/dist/components/dropdown/index.js +3 -4
- package/dist/components/empty-state/EmptyState.css +39 -39
- package/dist/components/empty-state/EmptyState.js +27 -26
- package/dist/components/empty-state/index.js +1 -8
- package/dist/components/error-message/ErrorMessage.css +20 -20
- package/dist/components/error-message/ErrorMessage.js +13 -12
- package/dist/components/error-message/index.js +1 -5
- package/dist/components/field-error/FieldError.css +27 -27
- package/dist/components/field-error/FieldError.js +18 -17
- package/dist/components/field-error/index.js +1 -5
- package/dist/components/fieldset/Fieldset.css +30 -30
- package/dist/components/fieldset/Fieldset.js +23 -22
- package/dist/components/fieldset/index.js +3 -8
- package/dist/components/flex/Flex.css +5 -5
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +1 -3
- package/dist/components/floating-dock/FloatingDock.css +208 -208
- package/dist/components/floating-dock/FloatingDock.js +78 -78
- package/dist/components/floating-dock/index.js +1 -3
- package/dist/components/footer/Footer.js +12 -12
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/footer.css +51 -51
- package/dist/components/footer/index.js +1 -3
- package/dist/components/form/FieldErrorMessage.js +10 -9
- package/dist/components/form/Form.css +5 -5
- package/dist/components/form/Form.js +18 -17
- package/dist/components/form/FormField.js +21 -20
- package/dist/components/form/FormSubmitButton.js +12 -11
- package/dist/components/form/index.js +6 -12
- package/dist/components/glass-panel/GlassPanel.classes.d.ts +3 -0
- package/dist/components/glass-panel/GlassPanel.classes.js +3 -0
- package/dist/components/glass-panel/GlassPanel.css +359 -282
- package/dist/components/glass-panel/GlassPanel.d.ts +3 -0
- package/dist/components/glass-panel/GlassPanel.js +30 -27
- package/dist/components/glass-panel/index.js +1 -3
- package/dist/components/glow-card/GlowCard.css +100 -100
- package/dist/components/glow-card/GlowCard.js +11 -11
- package/dist/components/glow-card/index.js +1 -3
- package/dist/components/grid/Grid.css +5 -5
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +1 -3
- package/dist/components/header/Header.css +13 -13
- package/dist/components/header/Header.js +11 -10
- package/dist/components/header/index.js +3 -5
- package/dist/components/icon/Icon.css +10 -10
- package/dist/components/icon/Icon.js +9 -9
- package/dist/components/icon/index.js +1 -3
- package/dist/components/immersive-landing/ImmersiveLanding.css +565 -565
- package/dist/components/immersive-landing/ImmersiveLanding.js +45 -45
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +18 -18
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +34 -34
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +16 -16
- package/dist/components/immersive-landing/components/CookieConsent.js +71 -71
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +42 -42
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +40 -40
- package/dist/components/immersive-landing/index.js +6 -14
- package/dist/components/immersive-landing/useImmersiveLanding.js +8 -8
- package/dist/components/input/Input.css +155 -155
- package/dist/components/input/Input.js +46 -46
- package/dist/components/input/index.js +3 -3
- package/dist/components/input-group/InputGroup.css +172 -172
- package/dist/components/input-group/InputGroup.js +32 -31
- package/dist/components/input-group/index.js +3 -9
- package/dist/components/input-otp/InputOTP.css +170 -170
- package/dist/components/input-otp/InputOTP.js +52 -51
- package/dist/components/input-otp/index.js +1 -11
- package/dist/components/join/Join.js +15 -15
- package/dist/components/join/index.js +1 -3
- package/dist/components/kbd/Kbd.css +60 -60
- package/dist/components/kbd/Kbd.js +39 -38
- package/dist/components/kbd/index.js +1 -8
- package/dist/components/label/Label.css +30 -30
- package/dist/components/label/Label.js +11 -10
- package/dist/components/label/index.js +3 -5
- package/dist/components/language-switcher/LanguageSwitcher.css +56 -56
- package/dist/components/language-switcher/LanguageSwitcher.js +24 -24
- package/dist/components/language-switcher/createI18n.js +10 -10
- package/dist/components/language-switcher/index.js +2 -8
- package/dist/components/link/Link.css +131 -131
- package/dist/components/link/Link.js +21 -20
- package/dist/components/link/index.js +1 -5
- package/dist/components/list-box/ListBox.css +148 -148
- package/dist/components/list-box/ListBox.js +19 -18
- package/dist/components/list-box/ListBoxItem.js +31 -30
- package/dist/components/list-box/ListBoxSection.js +15 -14
- package/dist/components/list-box/context.js +2 -2
- package/dist/components/list-box/index.js +11 -16
- package/dist/components/live-chat/LiveChat.css +324 -324
- package/dist/components/live-chat/LiveChatBubble.js +28 -28
- package/dist/components/live-chat/LiveChatPanel.js +67 -67
- package/dist/components/live-chat/index.js +2 -5
- package/dist/components/menu/Menu.css +199 -199
- package/dist/components/menu/Menu.js +24 -28
- package/dist/components/menu/MenuItem.js +37 -36
- package/dist/components/menu/MenuSection.js +15 -14
- package/dist/components/menu/context.js +2 -2
- package/dist/components/menu/index.js +4 -12
- package/dist/components/meter/Meter.css +89 -89
- package/dist/components/meter/Meter.js +35 -34
- package/dist/components/meter/index.js +1 -8
- package/dist/components/modal/Modal.css +320 -320
- package/dist/components/modal/Modal.js +79 -78
- package/dist/components/modal/index.js +1 -13
- package/dist/components/navbar/Navbar.classes.d.ts +9 -0
- package/dist/components/navbar/Navbar.classes.js +9 -0
- package/dist/components/navbar/Navbar.css +110 -110
- package/dist/components/navbar/Navbar.js +16 -16
- package/dist/components/navbar/NavbarRow.js +11 -11
- package/dist/components/navbar/NavbarSection.js +10 -10
- package/dist/components/navbar/NavbarStack.js +11 -11
- package/dist/components/navbar/index.js +1 -3
- package/dist/components/noise-background/NoiseBackground.css +66 -66
- package/dist/components/noise-background/NoiseBackground.js +33 -33
- package/dist/components/noise-background/index.js +1 -3
- package/dist/components/number-field/NumberField.css +198 -198
- package/dist/components/number-field/NumberField.js +43 -42
- package/dist/components/number-field/index.js +1 -9
- package/dist/components/pagination/Pagination.css +121 -121
- package/dist/components/pagination/Pagination.js +32 -32
- package/dist/components/pagination/index.js +1 -3
- package/dist/components/password-field/PasswordField.js +18 -17
- package/dist/components/password-field/index.js +1 -3
- package/dist/components/password-requirements/PasswordRequirements.js +22 -22
- package/dist/components/password-requirements/index.js +1 -3
- package/dist/components/password-rules/index.js +1 -4
- package/dist/components/popover/Popover.css +117 -117
- package/dist/components/popover/Popover.js +52 -51
- package/dist/components/popover/index.js +4 -9
- package/dist/components/progress-bar/ProgressBar.css +104 -104
- package/dist/components/progress-bar/ProgressBar.js +28 -28
- package/dist/components/progress-bar/index.js +1 -3
- package/dist/components/progress-circle/ProgressCircle.css +82 -82
- package/dist/components/progress-circle/ProgressCircle.js +30 -30
- package/dist/components/progress-circle/index.js +1 -3
- package/dist/components/radio/Radio.css +129 -129
- package/dist/components/radio/Radio.js +28 -28
- package/dist/components/radio/index.js +1 -3
- package/dist/components/radio-group/RadioGroup.css +58 -58
- package/dist/components/radio-group/RadioGroup.js +31 -31
- package/dist/components/radio-group/context.js +2 -2
- package/dist/components/radio-group/index.js +4 -4
- package/dist/components/range-calendar/RangeCalendar.css +51 -51
- package/dist/components/range-calendar/RangeCalendar.js +18 -18
- package/dist/components/range-calendar/index.js +1 -3
- package/dist/components/scroll-shadow/ScrollShadow.css +93 -93
- package/dist/components/scroll-shadow/ScrollShadow.js +17 -17
- package/dist/components/scroll-shadow/index.js +1 -3
- package/dist/components/scroll-shadow/useScrollShadow.js +4 -4
- package/dist/components/search-field/SearchField.css +183 -183
- package/dist/components/search-field/SearchField.js +42 -41
- package/dist/components/search-field/index.js +1 -9
- package/dist/components/select/Select.css +284 -284
- package/dist/components/select/Select.js +130 -130
- package/dist/components/select/index.js +1 -3
- package/dist/components/separator/Separator.css +35 -35
- package/dist/components/separator/Separator.js +12 -11
- package/dist/components/separator/index.js +1 -4
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +2 -6
- package/dist/components/size-picker/sizeStore.js +5 -5
- package/dist/components/skeleton/Skeleton.css +95 -95
- package/dist/components/skeleton/Skeleton.js +9 -9
- package/dist/components/skeleton/index.js +1 -3
- package/dist/components/slider/Slider.css +122 -122
- package/dist/components/slider/Slider.js +27 -27
- package/dist/components/slider/index.js +1 -3
- package/dist/components/spinner/Spinner.css +131 -131
- package/dist/components/spinner/Spinner.js +17 -17
- package/dist/components/spinner/index.js +1 -5
- package/dist/components/surface/Surface.css +37 -37
- package/dist/components/surface/Surface.js +11 -10
- package/dist/components/surface/index.js +1 -4
- package/dist/components/table/ExpandToggle.js +14 -14
- package/dist/components/table/InlineConfirm.js +12 -12
- package/dist/components/table/MobileListView.js +24 -24
- package/dist/components/table/SortIcon.js +11 -11
- package/dist/components/table/Table.css +426 -426
- package/dist/components/table/Table.js +82 -81
- package/dist/components/table/VirtualSpacerRow.js +9 -9
- package/dist/components/table/index.js +7 -38
- package/dist/components/tabs/Tabs.css +203 -203
- package/dist/components/tabs/Tabs.js +62 -61
- package/dist/components/tabs/index.js +1 -4
- package/dist/components/tag/Tag.css +121 -121
- package/dist/components/tag/Tag.js +41 -40
- package/dist/components/tag/index.js +3 -6
- package/dist/components/tag-group/TagGroup.css +22 -22
- package/dist/components/tag-group/TagGroup.js +24 -23
- package/dist/components/tag-group/context.js +2 -2
- package/dist/components/tag-group/index.js +1 -6
- package/dist/components/text/Text.css +66 -66
- package/dist/components/text/Text.js +11 -10
- package/dist/components/text/index.js +1 -5
- package/dist/components/text-area/TextArea.css +95 -95
- package/dist/components/text-area/TextArea.js +14 -13
- package/dist/components/text-area/index.js +1 -5
- package/dist/components/text-field/TextField.css +33 -33
- package/dist/components/text-field/TextField.js +14 -13
- package/dist/components/text-field/index.js +3 -7
- package/dist/components/textarea/Textarea.js +10 -11
- package/dist/components/textarea/index.js +1 -6
- package/dist/components/theme-color-picker/ThemeColorPicker.js +52 -52
- package/dist/components/theme-color-picker/hueShift.js +8 -8
- package/dist/components/theme-color-picker/index.js +2 -7
- package/dist/components/time-field/TimeField.css +215 -215
- package/dist/components/time-field/TimeField.js +43 -42
- package/dist/components/time-field/index.js +3 -11
- package/dist/components/toast/Toast.css +344 -344
- package/dist/components/toast/Toast.js +101 -100
- package/dist/components/toast/index.js +1 -19
- package/dist/components/toggle/Toggle.css +237 -237
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +1 -3
- package/dist/components/toolbar/Toolbar.css +55 -55
- package/dist/components/toolbar/Toolbar.js +12 -11
- package/dist/components/toolbar/index.js +1 -5
- package/dist/components/tooltip/Tooltip.css +153 -153
- package/dist/components/tooltip/Tooltip.js +40 -39
- package/dist/components/tooltip/index.js +1 -7
- package/dist/components/utils.js +6 -7
- package/dist/components/video-preview/VideoPreview.js +14 -13
- package/dist/components/video-preview/index.js +1 -3
- package/dist/hooks/date/useCalendarNavigation.js +18 -18
- package/dist/hooks/date/useCalendarState.js +19 -19
- package/dist/hooks/date/useDateSelection.js +7 -7
- package/dist/hooks/date/usePickerOpenState.js +8 -8
- package/dist/hooks/date/useRangeSelection.js +16 -16
- package/dist/hooks/form/FormContext.js +3 -3
- package/dist/hooks/form/createForm.js +4 -4
- package/dist/hooks/form/index.js +4 -10
- package/dist/hooks/form/useFieldNew.js +10 -10
- package/dist/hooks/layout/index.js +1 -3
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +8 -18
- package/dist/hooks/table/useAnchoredOverlayPosition.js +5 -5
- package/dist/hooks/table/useTableExpansion.js +4 -4
- package/dist/hooks/table/useTableFiltering.js +8 -8
- package/dist/hooks/table/useTableModel.js +10 -10
- package/dist/hooks/table/useTablePagination.js +4 -4
- package/dist/hooks/table/useTableSelection.js +4 -4
- package/dist/hooks/table/useTableSorting.js +6 -6
- package/dist/index.css +74 -74
- package/dist/index.js +108 -398
- package/dist/lib/refs/index.js +1 -3
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +1 -4
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +2 -7
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +10 -39
- package/dist/motion/popmotion.js +2 -2
- package/dist/motion/presets.js +4 -4
- package/dist/motion/route.js +7 -7
- package/dist/motion/solid/AnimatedCollapse.js +27 -26
- package/dist/motion/solid/MotionDiv.js +17 -16
- package/dist/motion/solid/Presence.js +13 -12
- package/dist/motion/solid/index.js +3 -10
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +2 -5
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +1 -3
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/dist/purge-manifest.json +15350 -15141
- package/dist/styles/base/index.css +43 -43
- package/dist/styles/icons/generated-icons.css +1 -173
- package/dist/styles/themes/dark.css +141 -141
- package/dist/styles/themes/light.css +143 -143
- package/package.json +31 -31
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.disclosure {
|
|
3
|
-
position: relative;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.disclosure--disabled {
|
|
7
|
-
opacity: 0.65;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.disclosure__heading {
|
|
11
|
-
display: flex;
|
|
12
|
-
width: 100%;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.disclosure__trigger {
|
|
16
|
-
cursor: pointer;
|
|
17
|
-
display: inline-flex;
|
|
18
|
-
align-items: center;
|
|
19
|
-
gap: 0.5rem;
|
|
20
|
-
border: 0;
|
|
21
|
-
background: transparent;
|
|
22
|
-
color: inherit;
|
|
23
|
-
padding: 0;
|
|
24
|
-
text-align: left;
|
|
25
|
-
user-select: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.disclosure__trigger:focus-visible,
|
|
29
|
-
.disclosure__trigger[data-focus-visible="true"] {
|
|
30
|
-
outline: 2px solid var(--color-base-content);
|
|
31
|
-
outline-offset: 2px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.disclosure__trigger:disabled,
|
|
35
|
-
.disclosure__trigger[aria-disabled="true"] {
|
|
36
|
-
cursor: not-allowed;
|
|
37
|
-
opacity: 0.55;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.disclosure__indicator {
|
|
41
|
-
margin-inline-start: auto;
|
|
42
|
-
height: 1rem;
|
|
43
|
-
width: 1rem;
|
|
44
|
-
flex-shrink: 0;
|
|
45
|
-
opacity: 0.7;
|
|
46
|
-
transition: transform 250ms ease;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.disclosure__indicator[data-expanded="true"] {
|
|
50
|
-
transform: rotate(-180deg);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.disclosure__content {
|
|
54
|
-
display: grid;
|
|
55
|
-
grid-template-rows: 0fr;
|
|
56
|
-
opacity: 0;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
transition:
|
|
59
|
-
grid-template-rows 200ms ease,
|
|
60
|
-
opacity 200ms ease;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.disclosure__content[data-expanded="true"] {
|
|
64
|
-
grid-template-rows: 1fr;
|
|
65
|
-
opacity: 1;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.disclosure__body {
|
|
69
|
-
min-height: 0;
|
|
70
|
-
overflow: hidden;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.disclosure__body-inner {
|
|
74
|
-
padding: 0.5rem 0;
|
|
75
|
-
color: color-mix(in oklab, var(--color-base-content), transparent 25%);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
@media (prefers-reduced-motion: reduce) {
|
|
79
|
-
.disclosure__indicator,
|
|
80
|
-
.disclosure__content {
|
|
81
|
-
transition: none;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
1
|
+
@layer components {
|
|
2
|
+
.disclosure {
|
|
3
|
+
position: relative;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.disclosure--disabled {
|
|
7
|
+
opacity: 0.65;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.disclosure__heading {
|
|
11
|
+
display: flex;
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.disclosure__trigger {
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
display: inline-flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
gap: 0.5rem;
|
|
20
|
+
border: 0;
|
|
21
|
+
background: transparent;
|
|
22
|
+
color: inherit;
|
|
23
|
+
padding: 0;
|
|
24
|
+
text-align: left;
|
|
25
|
+
user-select: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.disclosure__trigger:focus-visible,
|
|
29
|
+
.disclosure__trigger[data-focus-visible="true"] {
|
|
30
|
+
outline: 2px solid var(--color-base-content);
|
|
31
|
+
outline-offset: 2px;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.disclosure__trigger:disabled,
|
|
35
|
+
.disclosure__trigger[aria-disabled="true"] {
|
|
36
|
+
cursor: not-allowed;
|
|
37
|
+
opacity: 0.55;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.disclosure__indicator {
|
|
41
|
+
margin-inline-start: auto;
|
|
42
|
+
height: 1rem;
|
|
43
|
+
width: 1rem;
|
|
44
|
+
flex-shrink: 0;
|
|
45
|
+
opacity: 0.7;
|
|
46
|
+
transition: transform 250ms ease;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.disclosure__indicator[data-expanded="true"] {
|
|
50
|
+
transform: rotate(-180deg);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.disclosure__content {
|
|
54
|
+
display: grid;
|
|
55
|
+
grid-template-rows: 0fr;
|
|
56
|
+
opacity: 0;
|
|
57
|
+
overflow: hidden;
|
|
58
|
+
transition:
|
|
59
|
+
grid-template-rows 200ms ease,
|
|
60
|
+
opacity 200ms ease;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.disclosure__content[data-expanded="true"] {
|
|
64
|
+
grid-template-rows: 1fr;
|
|
65
|
+
opacity: 1;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.disclosure__body {
|
|
69
|
+
min-height: 0;
|
|
70
|
+
overflow: hidden;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.disclosure__body-inner {
|
|
74
|
+
padding: 0.5rem 0;
|
|
75
|
+
color: color-mix(in oklab, var(--color-base-content), transparent 25%);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@media (prefers-reduced-motion: reduce) {
|
|
79
|
+
.disclosure__indicator,
|
|
80
|
+
.disclosure__content {
|
|
81
|
+
transition: none;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Disclosure.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/
|
|
8
|
-
const DisclosureContext =
|
|
3
|
+
import { createContext, createMemo, createSignal, createUniqueId, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Disclosure.classes.js";
|
|
6
|
+
import { DisclosureGroupContext } from "../disclosure-group/DisclosureGroup.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3>"), _tmpl$3 = /*#__PURE__*/ template("<button>"), _tmpl$4 = /*#__PURE__*/ template("<div><div>"), _tmpl$5 = /*#__PURE__*/ template("<span>"), _tmpl$6 = /*#__PURE__*/ template('<svg fill=none role=presentation viewBox="0 0 24 24"width=100% height=100%><path d="M6 9L12 15L18 9"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
|
|
8
|
+
const DisclosureContext = createContext();
|
|
9
9
|
const useDisclosureContext = ()=>{
|
|
10
|
-
const ctx =
|
|
10
|
+
const ctx = useContext(DisclosureContext);
|
|
11
11
|
if (!ctx) throw new Error("Disclosure compound components must be used within <Disclosure>");
|
|
12
12
|
return ctx;
|
|
13
13
|
};
|
|
@@ -31,8 +31,8 @@ const updateGroupExpanded = (group, id, nextOpen)=>{
|
|
|
31
31
|
]) : new Set());
|
|
32
32
|
};
|
|
33
33
|
const DisclosureRoot = (props)=>{
|
|
34
|
-
const group =
|
|
35
|
-
const [local, others] =
|
|
34
|
+
const group = useContext(DisclosureGroupContext);
|
|
35
|
+
const [local, others] = splitProps(props, [
|
|
36
36
|
"children",
|
|
37
37
|
"class",
|
|
38
38
|
"className",
|
|
@@ -45,13 +45,13 @@ const DisclosureRoot = (props)=>{
|
|
|
45
45
|
"isDisabled",
|
|
46
46
|
"disabled"
|
|
47
47
|
]);
|
|
48
|
-
const uniqueId =
|
|
48
|
+
const uniqueId = createUniqueId();
|
|
49
49
|
const itemId = ()=>normalizeKey(local.id ?? uniqueId);
|
|
50
50
|
const triggerId = ()=>`disclosure-trigger-${itemId()}`;
|
|
51
51
|
const contentId = ()=>`disclosure-content-${itemId()}`;
|
|
52
|
-
const [internalOpen, setInternalOpen] =
|
|
53
|
-
const isControlled =
|
|
54
|
-
const standaloneOpen =
|
|
52
|
+
const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
|
|
53
|
+
const isControlled = createMemo(()=>void 0 !== local.isOpen);
|
|
54
|
+
const standaloneOpen = createMemo(()=>isControlled() ? Boolean(local.isOpen) : internalOpen());
|
|
55
55
|
const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(group?.isDisabled());
|
|
56
56
|
const isExpanded = ()=>group ? getGroupExpanded(group, itemId()) : standaloneOpen();
|
|
57
57
|
const setOpen = (next)=>{
|
|
@@ -68,12 +68,12 @@ const DisclosureRoot = (props)=>{
|
|
|
68
68
|
contentId,
|
|
69
69
|
toggle
|
|
70
70
|
};
|
|
71
|
-
return
|
|
71
|
+
return createComponent(DisclosureContext.Provider, {
|
|
72
72
|
value: ctx,
|
|
73
73
|
get children () {
|
|
74
74
|
var _el$ = _tmpl$();
|
|
75
|
-
|
|
76
|
-
class:
|
|
75
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
76
|
+
class: twMerge(CLASSES.base, isExpanded() && CLASSES.flag.expanded, isDisabled() && CLASSES.flag.disabled, local.class, local.className)
|
|
77
77
|
}), {
|
|
78
78
|
"data-slot": "disclosure",
|
|
79
79
|
get ["data-expanded"] () {
|
|
@@ -89,13 +89,13 @@ const DisclosureRoot = (props)=>{
|
|
|
89
89
|
return local.style;
|
|
90
90
|
}
|
|
91
91
|
}), false, true);
|
|
92
|
-
|
|
92
|
+
insert(_el$, ()=>local.children);
|
|
93
93
|
return _el$;
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
};
|
|
97
97
|
const DisclosureHeading = (props)=>{
|
|
98
|
-
const [local, others] =
|
|
98
|
+
const [local, others] = splitProps(props, [
|
|
99
99
|
"children",
|
|
100
100
|
"class",
|
|
101
101
|
"className",
|
|
@@ -104,8 +104,8 @@ const DisclosureHeading = (props)=>{
|
|
|
104
104
|
]);
|
|
105
105
|
return (()=>{
|
|
106
106
|
var _el$2 = _tmpl$2();
|
|
107
|
-
|
|
108
|
-
class:
|
|
107
|
+
spread(_el$2, mergeProps(others, ()=>({
|
|
108
|
+
class: twMerge(CLASSES.slot.heading, local.class, local.className)
|
|
109
109
|
}), {
|
|
110
110
|
"data-slot": "disclosure-heading",
|
|
111
111
|
get ["data-theme"] () {
|
|
@@ -115,13 +115,13 @@ const DisclosureHeading = (props)=>{
|
|
|
115
115
|
return local.style;
|
|
116
116
|
}
|
|
117
117
|
}), false, true);
|
|
118
|
-
|
|
118
|
+
insert(_el$2, ()=>local.children);
|
|
119
119
|
return _el$2;
|
|
120
120
|
})();
|
|
121
121
|
};
|
|
122
122
|
const DisclosureTrigger = (props)=>{
|
|
123
123
|
const ctx = useDisclosureContext();
|
|
124
|
-
const [local, others] =
|
|
124
|
+
const [local, others] = splitProps(props, [
|
|
125
125
|
"children",
|
|
126
126
|
"class",
|
|
127
127
|
"className",
|
|
@@ -146,7 +146,7 @@ const DisclosureTrigger = (props)=>{
|
|
|
146
146
|
};
|
|
147
147
|
return (()=>{
|
|
148
148
|
var _el$3 = _tmpl$3();
|
|
149
|
-
|
|
149
|
+
spread(_el$3, mergeProps(others, {
|
|
150
150
|
get id () {
|
|
151
151
|
return ctx.triggerId();
|
|
152
152
|
},
|
|
@@ -154,7 +154,7 @@ const DisclosureTrigger = (props)=>{
|
|
|
154
154
|
return local.type ?? "button";
|
|
155
155
|
}
|
|
156
156
|
}, ()=>({
|
|
157
|
-
class:
|
|
157
|
+
class: twMerge(CLASSES.slot.trigger, local.class, local.className)
|
|
158
158
|
}), {
|
|
159
159
|
"data-slot": "disclosure-trigger",
|
|
160
160
|
get ["data-expanded"] () {
|
|
@@ -181,13 +181,13 @@ const DisclosureTrigger = (props)=>{
|
|
|
181
181
|
onClick: handleClick,
|
|
182
182
|
onKeyDown: handleKeyDown
|
|
183
183
|
}), false, true);
|
|
184
|
-
|
|
184
|
+
insert(_el$3, ()=>local.children);
|
|
185
185
|
return _el$3;
|
|
186
186
|
})();
|
|
187
187
|
};
|
|
188
188
|
const DisclosureContent = (props)=>{
|
|
189
189
|
const ctx = useDisclosureContext();
|
|
190
|
-
const [local, others] =
|
|
190
|
+
const [local, others] = splitProps(props, [
|
|
191
191
|
"children",
|
|
192
192
|
"class",
|
|
193
193
|
"className",
|
|
@@ -200,13 +200,13 @@ const DisclosureContent = (props)=>{
|
|
|
200
200
|
if (!keepMounted() && !expanded()) return null;
|
|
201
201
|
return (()=>{
|
|
202
202
|
var _el$4 = _tmpl$();
|
|
203
|
-
|
|
203
|
+
spread(_el$4, mergeProps(others, {
|
|
204
204
|
get id () {
|
|
205
205
|
return ctx.contentId();
|
|
206
206
|
},
|
|
207
207
|
role: "region"
|
|
208
208
|
}, ()=>({
|
|
209
|
-
class:
|
|
209
|
+
class: twMerge(CLASSES.slot.content, local.class, local.className)
|
|
210
210
|
}), {
|
|
211
211
|
"data-slot": "disclosure-content",
|
|
212
212
|
get ["data-expanded"] () {
|
|
@@ -225,12 +225,12 @@ const DisclosureContent = (props)=>{
|
|
|
225
225
|
return ctx.triggerId();
|
|
226
226
|
}
|
|
227
227
|
}), false, true);
|
|
228
|
-
|
|
228
|
+
insert(_el$4, ()=>local.children);
|
|
229
229
|
return _el$4;
|
|
230
230
|
})();
|
|
231
231
|
};
|
|
232
232
|
const DisclosureBody = (props)=>{
|
|
233
|
-
const [local, others] =
|
|
233
|
+
const [local, others] = splitProps(props, [
|
|
234
234
|
"children",
|
|
235
235
|
"class",
|
|
236
236
|
"className",
|
|
@@ -239,8 +239,8 @@ const DisclosureBody = (props)=>{
|
|
|
239
239
|
]);
|
|
240
240
|
return (()=>{
|
|
241
241
|
var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild;
|
|
242
|
-
|
|
243
|
-
class:
|
|
242
|
+
spread(_el$5, mergeProps(others, ()=>({
|
|
243
|
+
class: twMerge(CLASSES.slot.body, local.class, local.className)
|
|
244
244
|
}), {
|
|
245
245
|
"data-slot": "disclosure-body",
|
|
246
246
|
get ["data-theme"] () {
|
|
@@ -250,18 +250,18 @@ const DisclosureBody = (props)=>{
|
|
|
250
250
|
return local.style;
|
|
251
251
|
}
|
|
252
252
|
}), false, true);
|
|
253
|
-
|
|
254
|
-
class:
|
|
253
|
+
spread(_el$6, mergeProps(()=>({
|
|
254
|
+
class: CLASSES.slot.bodyInner
|
|
255
255
|
}), {
|
|
256
256
|
"data-slot": "disclosure-body-inner"
|
|
257
257
|
}), false, true);
|
|
258
|
-
|
|
258
|
+
insert(_el$6, ()=>local.children);
|
|
259
259
|
return _el$5;
|
|
260
260
|
})();
|
|
261
261
|
};
|
|
262
262
|
const DisclosureIndicator = (props)=>{
|
|
263
263
|
const ctx = useDisclosureContext();
|
|
264
|
-
const [local, others] =
|
|
264
|
+
const [local, others] = splitProps(props, [
|
|
265
265
|
"children",
|
|
266
266
|
"class",
|
|
267
267
|
"className",
|
|
@@ -270,10 +270,10 @@ const DisclosureIndicator = (props)=>{
|
|
|
270
270
|
]);
|
|
271
271
|
return (()=>{
|
|
272
272
|
var _el$7 = _tmpl$5();
|
|
273
|
-
|
|
273
|
+
spread(_el$7, mergeProps(others, {
|
|
274
274
|
"aria-hidden": "true"
|
|
275
275
|
}, ()=>({
|
|
276
|
-
class:
|
|
276
|
+
class: twMerge(CLASSES.slot.indicator, local.class, local.className)
|
|
277
277
|
}), {
|
|
278
278
|
"data-slot": "disclosure-indicator",
|
|
279
279
|
get ["data-expanded"] () {
|
|
@@ -286,11 +286,11 @@ const DisclosureIndicator = (props)=>{
|
|
|
286
286
|
return local.style;
|
|
287
287
|
}
|
|
288
288
|
}), false, true);
|
|
289
|
-
|
|
289
|
+
insert(_el$7, ()=>local.children ?? _tmpl$6());
|
|
290
290
|
return _el$7;
|
|
291
291
|
})();
|
|
292
292
|
};
|
|
293
|
-
const
|
|
293
|
+
const Disclosure = Object.assign(DisclosureRoot, {
|
|
294
294
|
Root: DisclosureRoot,
|
|
295
295
|
Heading: DisclosureHeading,
|
|
296
296
|
Trigger: DisclosureTrigger,
|
|
@@ -298,5 +298,6 @@ const Disclosure_Disclosure = Object.assign(DisclosureRoot, {
|
|
|
298
298
|
Body: DisclosureBody,
|
|
299
299
|
Indicator: DisclosureIndicator
|
|
300
300
|
});
|
|
301
|
-
const
|
|
302
|
-
export
|
|
301
|
+
const disclosure_Disclosure = Disclosure;
|
|
302
|
+
export default disclosure_Disclosure;
|
|
303
|
+
export { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger };
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
const disclosure =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __webpack_exports__DisclosureHeading = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureHeading;
|
|
6
|
-
var __webpack_exports__DisclosureIndicator = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureIndicator;
|
|
7
|
-
var __webpack_exports__DisclosureRoot = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureRoot;
|
|
8
|
-
var __webpack_exports__DisclosureTrigger = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureTrigger;
|
|
9
|
-
export { disclosure as default, __webpack_exports__DisclosureBody as DisclosureBody, __webpack_exports__DisclosureContent as DisclosureContent, __webpack_exports__DisclosureHeading as DisclosureHeading, __webpack_exports__DisclosureIndicator as DisclosureIndicator, __webpack_exports__DisclosureRoot as DisclosureRoot, __webpack_exports__DisclosureTrigger as DisclosureTrigger };
|
|
1
|
+
import Disclosure, { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger } from "./Disclosure.js";
|
|
2
|
+
const disclosure = Disclosure;
|
|
3
|
+
export default disclosure;
|
|
4
|
+
export { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.disclosure-group {
|
|
3
|
-
width: 100%;
|
|
4
|
-
contain: layout style;
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
gap: 0.75rem;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
1
|
+
@layer components {
|
|
2
|
+
.disclosure-group {
|
|
3
|
+
width: 100%;
|
|
4
|
+
contain: layout style;
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
gap: 0.75rem;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./DisclosureGroup.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
7
|
-
const DisclosureGroupContext =
|
|
3
|
+
import { createContext, createMemo, createSignal, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./DisclosureGroup.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
7
|
+
const DisclosureGroupContext = createContext();
|
|
8
8
|
const normalizeKeys = (keys)=>{
|
|
9
9
|
if (!keys) return new Set();
|
|
10
10
|
return new Set(Array.from(keys).map((key)=>String(key)));
|
|
11
11
|
};
|
|
12
12
|
const DisclosureGroupRoot = (props)=>{
|
|
13
|
-
const [local, others] =
|
|
13
|
+
const [local, others] = splitProps(props, [
|
|
14
14
|
"children",
|
|
15
15
|
"class",
|
|
16
16
|
"className",
|
|
@@ -25,8 +25,8 @@ const DisclosureGroupRoot = (props)=>{
|
|
|
25
25
|
]);
|
|
26
26
|
const allowsMultipleExpanded = ()=>Boolean(local.allowsMultipleExpanded);
|
|
27
27
|
const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
|
|
28
|
-
const [internalKeys, setInternalKeys] =
|
|
29
|
-
const expandedKeys =
|
|
28
|
+
const [internalKeys, setInternalKeys] = createSignal(normalizeKeys(local.defaultExpandedKeys));
|
|
29
|
+
const expandedKeys = createMemo(()=>void 0 !== local.expandedKeys ? normalizeKeys(local.expandedKeys) : internalKeys());
|
|
30
30
|
const setExpandedKeys = (keys)=>{
|
|
31
31
|
if (void 0 === local.expandedKeys) setInternalKeys(new Set(keys));
|
|
32
32
|
local.onExpandedChange?.(new Set(keys));
|
|
@@ -37,12 +37,12 @@ const DisclosureGroupRoot = (props)=>{
|
|
|
37
37
|
allowsMultipleExpanded,
|
|
38
38
|
isDisabled
|
|
39
39
|
};
|
|
40
|
-
return
|
|
40
|
+
return createComponent(DisclosureGroupContext.Provider, {
|
|
41
41
|
value: ctx,
|
|
42
42
|
get children () {
|
|
43
43
|
var _el$ = _tmpl$();
|
|
44
|
-
|
|
45
|
-
class:
|
|
44
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
45
|
+
class: twMerge(CLASSES.base, local.class, local.className)
|
|
46
46
|
}), {
|
|
47
47
|
"data-slot": "disclosure-group",
|
|
48
48
|
get ["data-multiple"] () {
|
|
@@ -61,7 +61,7 @@ const DisclosureGroupRoot = (props)=>{
|
|
|
61
61
|
return isDisabled() ? "true" : void 0;
|
|
62
62
|
}
|
|
63
63
|
}), false, true);
|
|
64
|
-
|
|
64
|
+
insert(_el$, ()=>local.children);
|
|
65
65
|
return _el$;
|
|
66
66
|
}
|
|
67
67
|
});
|
|
@@ -70,4 +70,5 @@ const DisclosureGroup = Object.assign(DisclosureGroupRoot, {
|
|
|
70
70
|
Root: DisclosureGroupRoot
|
|
71
71
|
});
|
|
72
72
|
const disclosure_group_DisclosureGroup = DisclosureGroup;
|
|
73
|
-
export
|
|
73
|
+
export default disclosure_group_DisclosureGroup;
|
|
74
|
+
export { DisclosureGroupContext, DisclosureGroupRoot };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export { disclosure_group as default, __webpack_exports__DisclosureGroupRoot as DisclosureGroupRoot, __webpack_exports__useDisclosureGroupNavigation as useDisclosureGroupNavigation };
|
|
1
|
+
import DisclosureGroup, { DisclosureGroupRoot } from "./DisclosureGroup.js";
|
|
2
|
+
const disclosure_group = DisclosureGroup;
|
|
3
|
+
export { useDisclosureGroupNavigation } from "./useDisclosureGroupNavigation.js";
|
|
4
|
+
export default disclosure_group;
|
|
5
|
+
export { DisclosureGroupRoot };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createMemo } from "solid-js";
|
|
2
2
|
const normalizeKeys = (keys)=>new Set(Array.from(keys).map((key)=>String(key)));
|
|
3
3
|
const useDisclosureGroupNavigation = (props)=>{
|
|
4
|
-
const currentIndex =
|
|
4
|
+
const currentIndex = createMemo(()=>{
|
|
5
5
|
const ids = props.itemIds();
|
|
6
6
|
const expanded = Array.from(normalizeKeys(props.expandedKeys())).filter((id)=>ids.includes(id));
|
|
7
7
|
const current = expanded.length > 0 ? expanded[0] : ids[0];
|
|
@@ -37,8 +37,8 @@ const useDisclosureGroupNavigation = (props)=>{
|
|
|
37
37
|
if (!next) return;
|
|
38
38
|
setExpanded(next);
|
|
39
39
|
};
|
|
40
|
-
const isPrevDisabled =
|
|
41
|
-
const isNextDisabled =
|
|
40
|
+
const isPrevDisabled = createMemo(()=>currentIndex() <= 0);
|
|
41
|
+
const isNextDisabled = createMemo(()=>{
|
|
42
42
|
const index = currentIndex();
|
|
43
43
|
const ids = props.itemIds();
|
|
44
44
|
return index < 0 || index >= ids.length - 1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
const DrawerContext =
|
|
1
|
+
import { createContext, useContext } from "solid-js";
|
|
2
|
+
const DrawerContext = createContext();
|
|
3
3
|
const useDrawerContext = ()=>{
|
|
4
|
-
const ctx =
|
|
4
|
+
const ctx = useContext(DrawerContext);
|
|
5
5
|
if (!ctx) throw new Error("Drawer compound components must be used within <Drawer.Root>.");
|
|
6
6
|
return ctx;
|
|
7
7
|
};
|