@mortenbrudvik/waveui 0.7.0 → 0.8.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/README.md +395 -132
- package/dist/components/button/Button.cjs +1 -1
- package/dist/components/button/Button.cjs.map +1 -1
- package/dist/components/button/Button.mjs +36 -35
- package/dist/components/button/Button.mjs.map +1 -1
- package/dist/components/button/Button.slots.cjs +1 -1
- package/dist/components/button/Button.slots.cjs.map +1 -1
- package/dist/components/button/Button.slots.mjs +31 -21
- package/dist/components/button/Button.slots.mjs.map +1 -1
- package/dist/components/button/CompoundButton.cjs +1 -1
- package/dist/components/button/CompoundButton.cjs.map +1 -1
- package/dist/components/button/CompoundButton.mjs +31 -29
- package/dist/components/button/CompoundButton.mjs.map +1 -1
- package/dist/components/button/Link.cjs +1 -1
- package/dist/components/button/Link.cjs.map +1 -1
- package/dist/components/button/Link.mjs +24 -23
- package/dist/components/button/Link.mjs.map +1 -1
- package/dist/components/button/MenuButton.cjs +1 -1
- package/dist/components/button/MenuButton.cjs.map +1 -1
- package/dist/components/button/MenuButton.mjs +29 -28
- package/dist/components/button/MenuButton.mjs.map +1 -1
- package/dist/components/button/SplitButton.cjs +1 -1
- package/dist/components/button/SplitButton.cjs.map +1 -1
- package/dist/components/button/SplitButton.mjs +46 -45
- package/dist/components/button/SplitButton.mjs.map +1 -1
- package/dist/components/button/ToggleButton.cjs +1 -1
- package/dist/components/button/ToggleButton.cjs.map +1 -1
- package/dist/components/button/ToggleButton.mjs +38 -35
- package/dist/components/button/ToggleButton.mjs.map +1 -1
- package/dist/components/button/Toolbar.cjs +1 -1
- package/dist/components/button/Toolbar.cjs.map +1 -1
- package/dist/components/button/Toolbar.mjs +43 -42
- package/dist/components/button/Toolbar.mjs.map +1 -1
- package/dist/components/button/Toolbar.parts.cjs +1 -1
- package/dist/components/button/Toolbar.parts.cjs.map +1 -1
- package/dist/components/button/Toolbar.parts.mjs +76 -81
- package/dist/components/button/Toolbar.parts.mjs.map +1 -1
- package/dist/components/data-display/Avatar.cjs +1 -1
- package/dist/components/data-display/Avatar.cjs.map +1 -1
- package/dist/components/data-display/Avatar.mjs +72 -67
- package/dist/components/data-display/Avatar.mjs.map +1 -1
- package/dist/components/data-display/AvatarGroup.cjs +1 -1
- package/dist/components/data-display/AvatarGroup.cjs.map +1 -1
- package/dist/components/data-display/AvatarGroup.mjs +89 -88
- package/dist/components/data-display/AvatarGroup.mjs.map +1 -1
- package/dist/components/data-display/Badge.cjs +1 -1
- package/dist/components/data-display/Badge.cjs.map +1 -1
- package/dist/components/data-display/Badge.mjs +17 -16
- package/dist/components/data-display/Badge.mjs.map +1 -1
- package/dist/components/data-display/CounterBadge.cjs +1 -1
- package/dist/components/data-display/CounterBadge.cjs.map +1 -1
- package/dist/components/data-display/CounterBadge.mjs +18 -17
- package/dist/components/data-display/CounterBadge.mjs.map +1 -1
- package/dist/components/data-display/Divider.cjs +1 -1
- package/dist/components/data-display/Divider.cjs.map +1 -1
- package/dist/components/data-display/Divider.mjs +31 -30
- package/dist/components/data-display/Divider.mjs.map +1 -1
- package/dist/components/data-display/Image.cjs +1 -1
- package/dist/components/data-display/Image.cjs.map +1 -1
- package/dist/components/data-display/Image.mjs +16 -15
- package/dist/components/data-display/Image.mjs.map +1 -1
- package/dist/components/data-display/InfoLabel.cjs +1 -1
- package/dist/components/data-display/InfoLabel.cjs.map +1 -1
- package/dist/components/data-display/InfoLabel.mjs +74 -73
- package/dist/components/data-display/InfoLabel.mjs.map +1 -1
- package/dist/components/data-display/List.cjs +1 -1
- package/dist/components/data-display/List.cjs.map +1 -1
- package/dist/components/data-display/List.mjs +175 -174
- package/dist/components/data-display/List.mjs.map +1 -1
- package/dist/components/data-display/Persona.cjs +1 -1
- package/dist/components/data-display/Persona.cjs.map +1 -1
- package/dist/components/data-display/Persona.mjs +31 -29
- package/dist/components/data-display/Persona.mjs.map +1 -1
- package/dist/components/data-display/PresenceBadge.cjs +1 -1
- package/dist/components/data-display/PresenceBadge.cjs.map +1 -1
- package/dist/components/data-display/PresenceBadge.mjs +25 -24
- package/dist/components/data-display/PresenceBadge.mjs.map +1 -1
- package/dist/components/data-display/Tag.cjs +1 -1
- package/dist/components/data-display/Tag.cjs.map +1 -1
- package/dist/components/data-display/Tag.mjs +87 -82
- package/dist/components/data-display/Tag.mjs.map +1 -1
- package/dist/components/feedback/MessageBar.cjs +1 -1
- package/dist/components/feedback/MessageBar.cjs.map +1 -1
- package/dist/components/feedback/MessageBar.mjs +129 -71
- package/dist/components/feedback/MessageBar.mjs.map +1 -1
- package/dist/components/feedback/MessageBar.parts.cjs +2 -0
- package/dist/components/feedback/MessageBar.parts.cjs.map +1 -0
- package/dist/components/feedback/MessageBar.parts.mjs +84 -0
- package/dist/components/feedback/MessageBar.parts.mjs.map +1 -0
- package/dist/components/feedback/MessageBar.reflow.cjs +2 -0
- package/dist/components/feedback/MessageBar.reflow.cjs.map +1 -0
- package/dist/components/feedback/MessageBar.reflow.mjs +74 -0
- package/dist/components/feedback/MessageBar.reflow.mjs.map +1 -0
- package/dist/components/feedback/MessageBar.status.cjs +1 -1
- package/dist/components/feedback/MessageBar.status.cjs.map +1 -1
- package/dist/components/feedback/MessageBar.status.mjs +2 -1
- package/dist/components/feedback/MessageBar.status.mjs.map +1 -1
- package/dist/components/feedback/ProgressBar.cjs +1 -1
- package/dist/components/feedback/ProgressBar.cjs.map +1 -1
- package/dist/components/feedback/ProgressBar.mjs +44 -43
- package/dist/components/feedback/ProgressBar.mjs.map +1 -1
- package/dist/components/feedback/Skeleton.cjs +1 -1
- package/dist/components/feedback/Skeleton.cjs.map +1 -1
- package/dist/components/feedback/Skeleton.mjs +26 -24
- package/dist/components/feedback/Skeleton.mjs.map +1 -1
- package/dist/components/feedback/Spinner.cjs +1 -1
- package/dist/components/feedback/Spinner.cjs.map +1 -1
- package/dist/components/feedback/Spinner.mjs +32 -31
- package/dist/components/feedback/Spinner.mjs.map +1 -1
- package/dist/components/feedback/Toast.cjs +1 -1
- package/dist/components/feedback/Toast.cjs.map +1 -1
- package/dist/components/feedback/Toast.context.cjs +2 -0
- package/dist/components/feedback/Toast.context.cjs.map +1 -0
- package/dist/components/feedback/Toast.context.mjs +23 -0
- package/dist/components/feedback/Toast.context.mjs.map +1 -0
- package/dist/components/feedback/Toast.mjs +10 -342
- package/dist/components/feedback/Toast.mjs.map +1 -1
- package/dist/components/feedback/Toast.parts.cjs +2 -0
- package/dist/components/feedback/Toast.parts.cjs.map +1 -0
- package/dist/components/feedback/Toast.parts.mjs +98 -0
- package/dist/components/feedback/Toast.parts.mjs.map +1 -0
- package/dist/components/feedback/Toast.root.cjs +2 -0
- package/dist/components/feedback/Toast.root.cjs.map +1 -0
- package/dist/components/feedback/Toast.root.mjs +109 -0
- package/dist/components/feedback/Toast.root.mjs.map +1 -0
- package/dist/components/feedback/Toaster.cjs +2 -0
- package/dist/components/feedback/Toaster.cjs.map +1 -0
- package/dist/components/feedback/Toaster.mjs +564 -0
- package/dist/components/feedback/Toaster.mjs.map +1 -0
- package/dist/components/input/AlphaSlider.cjs +2 -0
- package/dist/components/input/AlphaSlider.cjs.map +1 -0
- package/dist/components/input/AlphaSlider.mjs +115 -0
- package/dist/components/input/AlphaSlider.mjs.map +1 -0
- package/dist/components/input/Checkbox.cjs +1 -1
- package/dist/components/input/Checkbox.cjs.map +1 -1
- package/dist/components/input/Checkbox.mjs +47 -46
- package/dist/components/input/Checkbox.mjs.map +1 -1
- package/dist/components/input/ColorArea.cjs +2 -0
- package/dist/components/input/ColorArea.cjs.map +1 -0
- package/dist/components/input/ColorArea.mjs +204 -0
- package/dist/components/input/ColorArea.mjs.map +1 -0
- package/dist/components/input/ColorPicker.cjs +5 -5
- package/dist/components/input/ColorPicker.cjs.map +1 -1
- package/dist/components/input/ColorPicker.mjs +142 -165
- package/dist/components/input/ColorPicker.mjs.map +1 -1
- package/dist/components/input/ColorPicker.parts.cjs +2 -0
- package/dist/components/input/ColorPicker.parts.cjs.map +1 -0
- package/dist/components/input/ColorPicker.parts.mjs +192 -0
- package/dist/components/input/ColorPicker.parts.mjs.map +1 -0
- package/dist/components/input/ColorSlider.cjs +2 -0
- package/dist/components/input/ColorSlider.cjs.map +1 -0
- package/dist/components/input/ColorSlider.mjs +138 -0
- package/dist/components/input/ColorSlider.mjs.map +1 -0
- package/dist/components/input/Combobox.cjs +1 -1
- package/dist/components/input/Combobox.cjs.map +1 -1
- package/dist/components/input/Combobox.expand.cjs +1 -1
- package/dist/components/input/Combobox.expand.cjs.map +1 -1
- package/dist/components/input/Combobox.expand.mjs +9 -9
- package/dist/components/input/Combobox.expand.mjs.map +1 -1
- package/dist/components/input/Combobox.mjs +90 -85
- package/dist/components/input/Combobox.mjs.map +1 -1
- package/dist/components/input/DatePicker.cjs +1 -1
- package/dist/components/input/DatePicker.cjs.map +1 -1
- package/dist/components/input/DatePicker.mjs +186 -185
- package/dist/components/input/DatePicker.mjs.map +1 -1
- package/dist/components/input/Dropdown.cjs +1 -1
- package/dist/components/input/Dropdown.cjs.map +1 -1
- package/dist/components/input/Dropdown.mjs +71 -68
- package/dist/components/input/Dropdown.mjs.map +1 -1
- package/dist/components/input/Field.cjs +1 -1
- package/dist/components/input/Field.cjs.map +1 -1
- package/dist/components/input/Field.mjs +113 -112
- package/dist/components/input/Field.mjs.map +1 -1
- package/dist/components/input/Input.cjs +1 -1
- package/dist/components/input/Input.cjs.map +1 -1
- package/dist/components/input/Input.mjs +55 -54
- package/dist/components/input/Input.mjs.map +1 -1
- package/dist/components/input/Label.cjs +1 -1
- package/dist/components/input/Label.cjs.map +1 -1
- package/dist/components/input/Label.mjs +12 -11
- package/dist/components/input/Label.mjs.map +1 -1
- package/dist/components/input/Option.cjs +1 -1
- package/dist/components/input/Option.cjs.map +1 -1
- package/dist/components/input/Option.mjs +100 -98
- package/dist/components/input/Option.mjs.map +1 -1
- package/dist/components/input/RadioGroup.cjs +1 -1
- package/dist/components/input/RadioGroup.cjs.map +1 -1
- package/dist/components/input/RadioGroup.mjs +89 -88
- package/dist/components/input/RadioGroup.mjs.map +1 -1
- package/dist/components/input/Rating.cjs +1 -1
- package/dist/components/input/Rating.cjs.map +1 -1
- package/dist/components/input/Rating.mjs +110 -109
- package/dist/components/input/Rating.mjs.map +1 -1
- package/dist/components/input/SearchBox.cjs +1 -1
- package/dist/components/input/SearchBox.cjs.map +1 -1
- package/dist/components/input/SearchBox.mjs +118 -119
- package/dist/components/input/SearchBox.mjs.map +1 -1
- package/dist/components/input/Select.cjs +1 -1
- package/dist/components/input/Select.cjs.map +1 -1
- package/dist/components/input/Select.mjs +25 -24
- package/dist/components/input/Select.mjs.map +1 -1
- package/dist/components/input/Slider.cjs +1 -1
- package/dist/components/input/Slider.cjs.map +1 -1
- package/dist/components/input/Slider.mjs +47 -46
- package/dist/components/input/Slider.mjs.map +1 -1
- package/dist/components/input/SpinButton.cjs +1 -1
- package/dist/components/input/SpinButton.cjs.map +1 -1
- package/dist/components/input/SpinButton.mjs +76 -75
- package/dist/components/input/SpinButton.mjs.map +1 -1
- package/dist/components/input/SwatchPicker.cjs +1 -1
- package/dist/components/input/SwatchPicker.cjs.map +1 -1
- package/dist/components/input/SwatchPicker.mjs +38 -37
- package/dist/components/input/SwatchPicker.mjs.map +1 -1
- package/dist/components/input/Switch.cjs +1 -1
- package/dist/components/input/Switch.cjs.map +1 -1
- package/dist/components/input/Switch.mjs +65 -64
- package/dist/components/input/Switch.mjs.map +1 -1
- package/dist/components/input/TagPicker.cjs +1 -1
- package/dist/components/input/TagPicker.cjs.map +1 -1
- package/dist/components/input/TagPicker.mjs +161 -157
- package/dist/components/input/TagPicker.mjs.map +1 -1
- package/dist/components/input/Textarea.cjs +1 -1
- package/dist/components/input/Textarea.cjs.map +1 -1
- package/dist/components/input/Textarea.mjs +24 -23
- package/dist/components/input/Textarea.mjs.map +1 -1
- package/dist/components/input/TimePicker.cjs +1 -1
- package/dist/components/input/TimePicker.cjs.map +1 -1
- package/dist/components/input/TimePicker.mjs +202 -199
- package/dist/components/input/TimePicker.mjs.map +1 -1
- package/dist/components/input/colorName.cjs +2 -0
- package/dist/components/input/colorName.cjs.map +1 -0
- package/dist/components/input/colorName.mjs +30 -0
- package/dist/components/input/colorName.mjs.map +1 -0
- package/dist/components/input/colorUtils.cjs +1 -1
- package/dist/components/input/colorUtils.cjs.map +1 -1
- package/dist/components/input/colorUtils.mjs +154 -56
- package/dist/components/input/colorUtils.mjs.map +1 -1
- package/dist/components/layout/Accordion.cjs +1 -1
- package/dist/components/layout/Accordion.cjs.map +1 -1
- package/dist/components/layout/Accordion.mjs +130 -129
- package/dist/components/layout/Accordion.mjs.map +1 -1
- package/dist/components/layout/Card.cjs +1 -1
- package/dist/components/layout/Card.cjs.map +1 -1
- package/dist/components/layout/Card.mjs +78 -77
- package/dist/components/layout/Card.mjs.map +1 -1
- package/dist/components/layout/Carousel.cjs +1 -1
- package/dist/components/layout/Carousel.cjs.map +1 -1
- package/dist/components/layout/Carousel.mjs +111 -110
- package/dist/components/layout/Carousel.mjs.map +1 -1
- package/dist/components/layout/Flex.cjs +1 -1
- package/dist/components/layout/Flex.cjs.map +1 -1
- package/dist/components/layout/Flex.mjs +22 -21
- package/dist/components/layout/Flex.mjs.map +1 -1
- package/dist/components/layout/Grid.cjs +1 -1
- package/dist/components/layout/Grid.cjs.map +1 -1
- package/dist/components/layout/Grid.mjs +19 -18
- package/dist/components/layout/Grid.mjs.map +1 -1
- package/dist/components/layout/Overflow.cjs +1 -1
- package/dist/components/layout/Overflow.cjs.map +1 -1
- package/dist/components/layout/Overflow.mjs +92 -91
- package/dist/components/layout/Overflow.mjs.map +1 -1
- package/dist/components/layout/Stack.cjs +1 -1
- package/dist/components/layout/Stack.cjs.map +1 -1
- package/dist/components/layout/Stack.mjs +14 -13
- package/dist/components/layout/Stack.mjs.map +1 -1
- package/dist/components/layout/TabList.cjs +1 -1
- package/dist/components/layout/TabList.cjs.map +1 -1
- package/dist/components/layout/TabList.mjs +118 -117
- package/dist/components/layout/TabList.mjs.map +1 -1
- package/dist/components/layout/Tree.cjs +1 -1
- package/dist/components/layout/Tree.cjs.map +1 -1
- package/dist/components/layout/Tree.context.cjs +2 -0
- package/dist/components/layout/Tree.context.cjs.map +1 -0
- package/dist/components/layout/Tree.context.mjs +33 -0
- package/dist/components/layout/Tree.context.mjs.map +1 -0
- package/dist/components/layout/Tree.core.cjs +2 -0
- package/dist/components/layout/Tree.core.cjs.map +1 -0
- package/dist/components/layout/Tree.core.mjs +416 -0
- package/dist/components/layout/Tree.core.mjs.map +1 -0
- package/dist/components/layout/Tree.itemPersonaLayout.cjs +2 -0
- package/dist/components/layout/Tree.itemPersonaLayout.cjs.map +1 -0
- package/dist/components/layout/Tree.itemPersonaLayout.mjs +46 -0
- package/dist/components/layout/Tree.itemPersonaLayout.mjs.map +1 -0
- package/dist/components/layout/Tree.mjs +7 -215
- package/dist/components/layout/Tree.mjs.map +1 -1
- package/dist/components/layout/Tree.selection.cjs +2 -0
- package/dist/components/layout/Tree.selection.cjs.map +1 -0
- package/dist/components/layout/Tree.selection.mjs +73 -0
- package/dist/components/layout/Tree.selection.mjs.map +1 -0
- package/dist/components/navigation/Breadcrumb.cjs +1 -1
- package/dist/components/navigation/Breadcrumb.cjs.map +1 -1
- package/dist/components/navigation/Breadcrumb.mjs +76 -75
- package/dist/components/navigation/Breadcrumb.mjs.map +1 -1
- package/dist/components/navigation/Menu.group.cjs +1 -1
- package/dist/components/navigation/Menu.group.cjs.map +1 -1
- package/dist/components/navigation/Menu.group.mjs +39 -37
- package/dist/components/navigation/Menu.group.mjs.map +1 -1
- package/dist/components/navigation/Menu.items.cjs +1 -1
- package/dist/components/navigation/Menu.items.cjs.map +1 -1
- package/dist/components/navigation/Menu.items.mjs +67 -61
- package/dist/components/navigation/Menu.items.mjs.map +1 -1
- package/dist/components/navigation/Menu.link.cjs +1 -1
- package/dist/components/navigation/Menu.link.cjs.map +1 -1
- package/dist/components/navigation/Menu.link.mjs +34 -28
- package/dist/components/navigation/Menu.link.mjs.map +1 -1
- package/dist/components/navigation/Menu.popover.cjs +1 -1
- package/dist/components/navigation/Menu.popover.cjs.map +1 -1
- package/dist/components/navigation/Menu.popover.mjs +110 -109
- package/dist/components/navigation/Menu.popover.mjs.map +1 -1
- package/dist/components/navigation/Menu.root.cjs +1 -1
- package/dist/components/navigation/Menu.root.cjs.map +1 -1
- package/dist/components/navigation/Menu.root.mjs +171 -170
- package/dist/components/navigation/Menu.root.mjs.map +1 -1
- package/dist/components/navigation/Menu.selectable.cjs +1 -1
- package/dist/components/navigation/Menu.selectable.cjs.map +1 -1
- package/dist/components/navigation/Menu.selectable.mjs +85 -63
- package/dist/components/navigation/Menu.selectable.mjs.map +1 -1
- package/dist/components/navigation/Menu.splitGroup.cjs +1 -1
- package/dist/components/navigation/Menu.splitGroup.cjs.map +1 -1
- package/dist/components/navigation/Menu.splitGroup.mjs +27 -26
- package/dist/components/navigation/Menu.splitGroup.mjs.map +1 -1
- package/dist/components/navigation/Menu.trigger.cjs +1 -1
- package/dist/components/navigation/Menu.trigger.cjs.map +1 -1
- package/dist/components/navigation/Menu.trigger.mjs +6 -6
- package/dist/components/navigation/Nav.cjs +1 -1
- package/dist/components/navigation/Nav.cjs.map +1 -1
- package/dist/components/navigation/Nav.mjs +170 -155
- package/dist/components/navigation/Nav.mjs.map +1 -1
- package/dist/components/navigation/Pagination.cjs +1 -1
- package/dist/components/navigation/Pagination.cjs.map +1 -1
- package/dist/components/navigation/Pagination.mjs +73 -65
- package/dist/components/navigation/Pagination.mjs.map +1 -1
- package/dist/components/navigation/Stepper.cjs +1 -1
- package/dist/components/navigation/Stepper.cjs.map +1 -1
- package/dist/components/navigation/Stepper.mjs +110 -109
- package/dist/components/navigation/Stepper.mjs.map +1 -1
- package/dist/components/overlays/Dialog.cjs +1 -1
- package/dist/components/overlays/Dialog.cjs.map +1 -1
- package/dist/components/overlays/Dialog.mjs +109 -108
- package/dist/components/overlays/Dialog.mjs.map +1 -1
- package/dist/components/overlays/Drawer.cjs +1 -1
- package/dist/components/overlays/Drawer.cjs.map +1 -1
- package/dist/components/overlays/Drawer.mjs +110 -109
- package/dist/components/overlays/Drawer.mjs.map +1 -1
- package/dist/components/overlays/Popover.cjs +1 -1
- package/dist/components/overlays/Popover.cjs.map +1 -1
- package/dist/components/overlays/Popover.mjs +229 -227
- package/dist/components/overlays/Popover.mjs.map +1 -1
- package/dist/components/overlays/TeachingPopover.cjs +1 -1
- package/dist/components/overlays/TeachingPopover.cjs.map +1 -1
- package/dist/components/overlays/TeachingPopover.mjs +41 -37
- package/dist/components/overlays/TeachingPopover.mjs.map +1 -1
- package/dist/components/overlays/Tooltip.cjs +1 -1
- package/dist/components/overlays/Tooltip.cjs.map +1 -1
- package/dist/components/overlays/Tooltip.mjs +87 -86
- package/dist/components/overlays/Tooltip.mjs.map +1 -1
- package/dist/components/portal/Portal.cjs +1 -1
- package/dist/components/portal/Portal.cjs.map +1 -1
- package/dist/components/portal/Portal.mjs +33 -32
- package/dist/components/portal/Portal.mjs.map +1 -1
- package/dist/components/provider/WaveProvider.cjs +1 -1
- package/dist/components/provider/WaveProvider.cjs.map +1 -1
- package/dist/components/provider/WaveProvider.mjs +31 -30
- package/dist/components/provider/WaveProvider.mjs.map +1 -1
- package/dist/components/table/DataGrid.cjs +1 -1
- package/dist/components/table/DataGrid.cjs.map +1 -1
- package/dist/components/table/DataGrid.mjs +228 -227
- package/dist/components/table/DataGrid.mjs.map +1 -1
- package/dist/components/table/Table.cjs +1 -1
- package/dist/components/table/Table.cjs.map +1 -1
- package/dist/components/table/Table.mjs +60 -59
- package/dist/components/table/Table.mjs.map +1 -1
- package/dist/components/typography/Text.cjs +1 -1
- package/dist/components/typography/Text.cjs.map +1 -1
- package/dist/components/typography/Text.mjs +12 -11
- package/dist/components/typography/Text.mjs.map +1 -1
- package/dist/hooks/useMediaQuery.cjs +2 -0
- package/dist/hooks/useMediaQuery.cjs.map +1 -0
- package/dist/hooks/useMediaQuery.mjs +20 -0
- package/dist/hooks/useMediaQuery.mjs.map +1 -0
- package/dist/hooks/usePrefersReducedMotion.cjs +1 -1
- package/dist/hooks/usePrefersReducedMotion.cjs.map +1 -1
- package/dist/hooks/usePrefersReducedMotion.mjs +4 -18
- package/dist/hooks/usePrefersReducedMotion.mjs.map +1 -1
- package/dist/hooks/useRovingTabIndex.cjs +1 -1
- package/dist/hooks/useRovingTabIndex.cjs.map +1 -1
- package/dist/hooks/useRovingTabIndex.mjs +3 -3
- package/dist/hooks/useRovingTabIndex.mjs.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +2089 -102
- package/dist/index.d.ts +2089 -102
- package/dist/index.mjs +99 -87
- package/dist/lib/classNames.cjs +2 -0
- package/dist/lib/classNames.cjs.map +1 -0
- package/dist/lib/classNames.mjs +415 -0
- package/dist/lib/classNames.mjs.map +1 -0
- package/dist/lib/color.cjs +2 -0
- package/dist/lib/color.cjs.map +1 -0
- package/dist/lib/color.mjs +86 -0
- package/dist/lib/color.mjs.map +1 -0
- package/dist/lib/globalRegistry.cjs.map +1 -1
- package/dist/lib/globalRegistry.mjs.map +1 -1
- package/dist/lib/toaster.cjs +2 -0
- package/dist/lib/toaster.cjs.map +1 -0
- package/dist/lib/toaster.mjs +77 -0
- package/dist/lib/toaster.mjs.map +1 -0
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -3,21 +3,22 @@ import { cn as e } from "../../lib/cn.mjs";
|
|
|
3
3
|
import { flattenChildren as t, getElementType as n } from "../../lib/children.mjs";
|
|
4
4
|
import { reportMissingContext as r, warnDeprecated as i, warnOnce as a } from "../../lib/dev.mjs";
|
|
5
5
|
import { composeEventHandlers as o } from "../../lib/composeEventHandlers.mjs";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
12
|
-
import
|
|
6
|
+
import { accordionClassNames as s, accordionItemClassNames as c, accordionPanelClassNames as l, accordionTriggerClassNames as u } from "../../lib/classNames.mjs";
|
|
7
|
+
import { useControllable as d } from "../../hooks/useControllable.mjs";
|
|
8
|
+
import { useId as f } from "../../hooks/useId.mjs";
|
|
9
|
+
import { disabledStyles as p, focusRingInset as m } from "../../lib/styles.mjs";
|
|
10
|
+
import { ChevronDownIcon as h } from "../../lib/icons.mjs";
|
|
11
|
+
import { getPartId as g } from "./disclosureIds.mjs";
|
|
12
|
+
import * as _ from "react";
|
|
13
|
+
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
13
14
|
//#region src/components/layout/Accordion.tsx
|
|
14
|
-
var
|
|
15
|
-
openItems:
|
|
15
|
+
var b = _.createContext(null), x = _.createContext(null), S = _.createContext(null), C = [], w = {
|
|
16
|
+
openItems: C,
|
|
16
17
|
toggle: () => {},
|
|
17
18
|
registerItem: () => () => {},
|
|
18
19
|
baseId: "wave-accordion-inert",
|
|
19
20
|
headingLevel: 3
|
|
20
|
-
},
|
|
21
|
+
}, T = {
|
|
21
22
|
value: "",
|
|
22
23
|
isOpen: !1,
|
|
23
24
|
triggerId: "wave-accordion-inert-trigger",
|
|
@@ -25,196 +26,196 @@ var g = p.createContext(null), _ = p.createContext(null), v = p.createContext(nu
|
|
|
25
26
|
hasPanelContent: !1,
|
|
26
27
|
headingLevel: 3,
|
|
27
28
|
toggle: () => {}
|
|
28
|
-
},
|
|
29
|
+
}, E = {
|
|
29
30
|
extra: null,
|
|
30
31
|
inPanel: !0
|
|
31
|
-
},
|
|
32
|
-
function
|
|
33
|
-
return
|
|
32
|
+
}, D = _.createContext(!1), O = "m-0 grid";
|
|
33
|
+
function k(e) {
|
|
34
|
+
return _.useContext(b) || (r(e, "<Accordion>"), w);
|
|
34
35
|
}
|
|
35
|
-
function
|
|
36
|
-
return
|
|
36
|
+
function A(e) {
|
|
37
|
+
return _.useContext(x) || (r(e, "<Accordion.Item>"), T);
|
|
37
38
|
}
|
|
38
|
-
function
|
|
39
|
+
function j(e) {
|
|
39
40
|
a(`Accordion:duplicate:${e}`, `Accordion: several items share the value "${e}". Item values must be unique within an Accordion; items with the same value open and close together and share their trigger and panel ids.`);
|
|
40
41
|
}
|
|
41
|
-
function
|
|
42
|
-
if (e !== void 0) return e === null ?
|
|
42
|
+
function M(e) {
|
|
43
|
+
if (e !== void 0) return e === null ? C : [e];
|
|
43
44
|
}
|
|
44
|
-
var
|
|
45
|
-
let { type: n, openItem: r, defaultOpenItem: o, onOpenItemChange:
|
|
46
|
-
T || (
|
|
47
|
-
let E = T ? void 0 : r,
|
|
45
|
+
var N = (t) => {
|
|
46
|
+
let { type: n, openItem: r, defaultOpenItem: o, onOpenItemChange: c, openItems: l, defaultOpenItems: u, onOpenItemsChange: p, headingLevel: m = 3, className: h, children: g, ref: y, ...w } = t, T = n === "multiple";
|
|
47
|
+
T || (l !== void 0 && i("Accordion", "openItems", "openItem", "In single mode the Accordion takes one value."), u !== void 0 && i("Accordion", "defaultOpenItems", "defaultOpenItem", "In single mode the Accordion takes one value."), p !== void 0 && i("Accordion", "onOpenItemsChange", "onOpenItemChange", "In single mode the Accordion reports one value."));
|
|
48
|
+
let E = T ? void 0 : r, O = _.useMemo(() => M(E) ?? l, [E, l]), [k] = _.useState(() => (T ? void 0 : M(o)) ?? u ?? C), [A, N] = d(O, k, (e) => {
|
|
48
49
|
let t = [...e];
|
|
49
|
-
T ||
|
|
50
|
-
}),
|
|
51
|
-
|
|
52
|
-
!T &&
|
|
53
|
-
}, [T,
|
|
54
|
-
let
|
|
55
|
-
|
|
56
|
-
}, [T,
|
|
57
|
-
|
|
58
|
-
let t =
|
|
59
|
-
return t.set(e, n), n > 1 &&
|
|
50
|
+
T || c?.(t[0] ?? null), p?.(t);
|
|
51
|
+
}), P = A.length;
|
|
52
|
+
_.useEffect(() => {
|
|
53
|
+
!T && P > 1 && a("Accordion:single-multiple-open", `Accordion: type="single" allows one open item, but ${P} are open. Pass \`openItem\`, or use type="multiple".`);
|
|
54
|
+
}, [T, P]);
|
|
55
|
+
let F = _.useCallback((e) => {
|
|
56
|
+
N((t) => t.includes(e) ? t.filter((t) => t !== e) : T ? [...t, e] : [e]);
|
|
57
|
+
}, [T, N]), I = _.useRef(null), L = _.useCallback((e) => {
|
|
58
|
+
I.current ??= /* @__PURE__ */ new Map();
|
|
59
|
+
let t = I.current, n = (t.get(e) ?? 0) + 1;
|
|
60
|
+
return t.set(e, n), n > 1 && j(e), () => {
|
|
60
61
|
let n = (t.get(e) ?? 1) - 1;
|
|
61
62
|
n > 0 ? t.set(e, n) : t.delete(e);
|
|
62
63
|
};
|
|
63
|
-
}, []),
|
|
64
|
-
openItems:
|
|
65
|
-
toggle:
|
|
66
|
-
registerItem:
|
|
67
|
-
baseId:
|
|
68
|
-
headingLevel:
|
|
64
|
+
}, []), R = f("accordion"), z = _.useMemo(() => ({
|
|
65
|
+
openItems: A,
|
|
66
|
+
toggle: F,
|
|
67
|
+
registerItem: L,
|
|
68
|
+
baseId: R,
|
|
69
|
+
headingLevel: m
|
|
69
70
|
}), [
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
I,
|
|
71
|
+
A,
|
|
72
|
+
F,
|
|
73
73
|
L,
|
|
74
|
-
|
|
74
|
+
R,
|
|
75
|
+
m
|
|
75
76
|
]);
|
|
76
|
-
return /* @__PURE__ */
|
|
77
|
-
value:
|
|
78
|
-
children: /* @__PURE__ */
|
|
77
|
+
return /* @__PURE__ */ v(b.Provider, {
|
|
78
|
+
value: z,
|
|
79
|
+
children: /* @__PURE__ */ v(x.Provider, {
|
|
79
80
|
value: null,
|
|
80
|
-
children: /* @__PURE__ */
|
|
81
|
+
children: /* @__PURE__ */ v(S.Provider, {
|
|
81
82
|
value: null,
|
|
82
|
-
children: /* @__PURE__ */
|
|
83
|
+
children: /* @__PURE__ */ v(D.Provider, {
|
|
83
84
|
value: !1,
|
|
84
|
-
children: /* @__PURE__ */
|
|
85
|
-
ref:
|
|
86
|
-
className: e("divide-y divide-border",
|
|
85
|
+
children: /* @__PURE__ */ v("div", {
|
|
86
|
+
ref: y,
|
|
87
|
+
className: e(s.root, "divide-y divide-border", h),
|
|
87
88
|
...w,
|
|
88
|
-
children:
|
|
89
|
+
children: g
|
|
89
90
|
})
|
|
90
91
|
})
|
|
91
92
|
})
|
|
92
93
|
})
|
|
93
94
|
});
|
|
94
95
|
};
|
|
95
|
-
|
|
96
|
-
function
|
|
96
|
+
N.displayName = "Accordion";
|
|
97
|
+
function P(e, t, r) {
|
|
97
98
|
if (Array.isArray(e)) {
|
|
98
99
|
for (let n of e) {
|
|
99
|
-
let e =
|
|
100
|
+
let e = P(n, t, r);
|
|
100
101
|
if (e) return e;
|
|
101
102
|
}
|
|
102
103
|
return;
|
|
103
104
|
}
|
|
104
|
-
if (!
|
|
105
|
+
if (!_.isValidElement(e)) return;
|
|
105
106
|
let i = n(e, { suspend: !1 });
|
|
106
107
|
if (i === t) return e;
|
|
107
|
-
if (i !== r && i !==
|
|
108
|
+
if (i !== r && i !== N && i !== R) return P(e.props.children, t, r);
|
|
108
109
|
}
|
|
109
|
-
function
|
|
110
|
+
function F(e) {
|
|
110
111
|
let t = e?.props.id;
|
|
111
112
|
return typeof t == "string" && t !== "" ? t : void 0;
|
|
112
113
|
}
|
|
113
|
-
function
|
|
114
|
-
if (!
|
|
114
|
+
function I(e) {
|
|
115
|
+
if (!_.isValidElement(e)) return !1;
|
|
115
116
|
let t = n(e, { suspend: !1 });
|
|
116
|
-
if (typeof t == "string" || t ===
|
|
117
|
+
if (typeof t == "string" || t === z || t === B || t === N || t === R) return !1;
|
|
117
118
|
let r = e.props.children;
|
|
118
|
-
return n(r, { suspend: !1 }) ===
|
|
119
|
+
return n(r, { suspend: !1 }) === z || I(r);
|
|
119
120
|
}
|
|
120
|
-
function
|
|
121
|
+
function L(e) {
|
|
121
122
|
return `${e} was rendered inside the panel of an Accordion.Item, so it is not the item's ${e === "Accordion.Trigger" ? "header" : "panel"}. Place Accordion.Trigger and Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them as \`children\` (such as a Tooltip). The Item cannot see inside a component that renders them itself and treats that component as panel content.`;
|
|
122
123
|
}
|
|
123
|
-
var
|
|
124
|
-
let
|
|
125
|
-
|
|
126
|
-
let
|
|
127
|
-
for (let { key:
|
|
128
|
-
let t = /* @__PURE__ */
|
|
129
|
-
|
|
130
|
-
className:
|
|
131
|
-
children: /* @__PURE__ */
|
|
124
|
+
var R = ({ value: n, headingLevel: r, className: i, children: a, ref: o, ...s }) => {
|
|
125
|
+
let l = k("Accordion.Item"), d = l.openItems.includes(n), { toggle: f, baseId: p, registerItem: m } = l;
|
|
126
|
+
_.useEffect(() => m(n), [m, n]);
|
|
127
|
+
let h = r ?? l.headingLevel, b = `h${h}`, C, w, T = [], E = [];
|
|
128
|
+
for (let { key: n, node: r } of t(a)) {
|
|
129
|
+
let t = /* @__PURE__ */ v(_.Fragment, { children: r }, n), i = P(r, z, B), a = P(r, B, z);
|
|
130
|
+
i || a ? (C ??= i, w ??= a, T.push(I(r) ? /* @__PURE__ */ v(b, {
|
|
131
|
+
className: e(u.heading, O),
|
|
132
|
+
children: /* @__PURE__ */ v(D.Provider, {
|
|
132
133
|
value: !0,
|
|
133
|
-
children:
|
|
134
|
+
children: r
|
|
134
135
|
})
|
|
135
|
-
},
|
|
136
|
+
}, n) : t)) : E.push(t);
|
|
136
137
|
}
|
|
137
|
-
let
|
|
138
|
+
let A = C !== void 0, j = w !== void 0, M = F(C), N = F(w), L = j || E.length > 0, R = j && E.length > 0 ? E : null, V = _.useMemo(() => ({
|
|
138
139
|
value: n,
|
|
139
|
-
isOpen:
|
|
140
|
-
triggerId:
|
|
141
|
-
panelId:
|
|
140
|
+
isOpen: d,
|
|
141
|
+
triggerId: M ?? g(p, "trigger", n),
|
|
142
|
+
panelId: N ?? g(p, "panel", n),
|
|
142
143
|
hasPanelContent: L,
|
|
143
|
-
headingLevel:
|
|
144
|
-
toggle: () =>
|
|
144
|
+
headingLevel: h,
|
|
145
|
+
toggle: () => f(n)
|
|
145
146
|
}), [
|
|
146
147
|
n,
|
|
147
|
-
l,
|
|
148
148
|
d,
|
|
149
|
+
p,
|
|
150
|
+
M,
|
|
149
151
|
N,
|
|
150
|
-
P,
|
|
151
152
|
L,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
]),
|
|
153
|
+
h,
|
|
154
|
+
f
|
|
155
|
+
]), H = _.useMemo(() => ({
|
|
155
156
|
extra: R,
|
|
156
157
|
inPanel: !1
|
|
157
158
|
}), [R]);
|
|
158
|
-
return /* @__PURE__ */
|
|
159
|
-
value:
|
|
160
|
-
children: /* @__PURE__ */
|
|
161
|
-
value:
|
|
162
|
-
children: /* @__PURE__ */
|
|
159
|
+
return /* @__PURE__ */ v(x.Provider, {
|
|
160
|
+
value: V,
|
|
161
|
+
children: /* @__PURE__ */ v(S.Provider, {
|
|
162
|
+
value: H,
|
|
163
|
+
children: /* @__PURE__ */ y("div", {
|
|
163
164
|
ref: o,
|
|
164
|
-
"data-state":
|
|
165
|
-
className: e(i),
|
|
165
|
+
"data-state": d ? "open" : "closed",
|
|
166
|
+
className: e(c.root, i),
|
|
166
167
|
...s,
|
|
167
168
|
children: [
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
!
|
|
169
|
+
A ? null : /* @__PURE__ */ v(z, { children: n }),
|
|
170
|
+
T,
|
|
171
|
+
!j && E.length > 0 ? /* @__PURE__ */ v(B, { children: E }) : null
|
|
171
172
|
]
|
|
172
173
|
})
|
|
173
174
|
})
|
|
174
175
|
});
|
|
175
176
|
};
|
|
176
|
-
|
|
177
|
-
var
|
|
178
|
-
let
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
}, [
|
|
182
|
-
let
|
|
177
|
+
R.displayName = "AccordionItem";
|
|
178
|
+
var z = ({ id: t, className: n, children: r, onClick: i, ref: s, ...c }) => {
|
|
179
|
+
let l = A("Accordion.Trigger"), d = _.useContext(S)?.inPanel ?? !1;
|
|
180
|
+
_.useEffect(() => {
|
|
181
|
+
d && a("Accordion.Trigger:inside-panel", L("Accordion.Trigger"));
|
|
182
|
+
}, [d]);
|
|
183
|
+
let f = _.useContext(D), g = `h${l.headingLevel}`, b = l.isOpen ? "open" : "closed", x = /* @__PURE__ */ y("button", {
|
|
183
184
|
type: "button",
|
|
184
|
-
className: e("flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground", "not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed",
|
|
185
|
+
className: e(u.root, "flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground", "not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed", p, m, n),
|
|
185
186
|
...c,
|
|
186
|
-
id: t || (
|
|
187
|
-
"aria-controls": !
|
|
188
|
-
"aria-expanded":
|
|
187
|
+
id: t || (d ? void 0 : l.triggerId),
|
|
188
|
+
"aria-controls": !d && l.hasPanelContent ? l.panelId : void 0,
|
|
189
|
+
"aria-expanded": l.isOpen,
|
|
189
190
|
"data-state": b,
|
|
190
|
-
onClick: o(i,
|
|
191
|
+
onClick: o(i, l.toggle),
|
|
191
192
|
ref: s,
|
|
192
|
-
children: [r, /* @__PURE__ */
|
|
193
|
+
children: [r, /* @__PURE__ */ v(h, {
|
|
193
194
|
size: 16,
|
|
194
|
-
className: e("shrink-0 transition-transform motion-reduce:transition-none",
|
|
195
|
+
className: e(u.expandIcon, "shrink-0 transition-transform motion-reduce:transition-none", l.isOpen && "rotate-180")
|
|
195
196
|
})]
|
|
196
197
|
});
|
|
197
|
-
return
|
|
198
|
-
className:
|
|
198
|
+
return f ? x : /* @__PURE__ */ v(g, {
|
|
199
|
+
className: e(u.heading, O),
|
|
199
200
|
children: x
|
|
200
201
|
});
|
|
201
202
|
};
|
|
202
|
-
|
|
203
|
-
var
|
|
204
|
-
let s =
|
|
205
|
-
return
|
|
206
|
-
|
|
207
|
-
}, [
|
|
208
|
-
className: e(n),
|
|
203
|
+
z.displayName = "AccordionTrigger";
|
|
204
|
+
var B = ({ id: t, className: n, children: r, ref: i, ...o }) => {
|
|
205
|
+
let s = A("Accordion.Panel"), c = _.useContext(S), u = c?.inPanel ?? !1;
|
|
206
|
+
return _.useEffect(() => {
|
|
207
|
+
u && a("Accordion.Panel:inside-panel", L("Accordion.Panel"));
|
|
208
|
+
}, [u]), s.isOpen ? u ? /* @__PURE__ */ v("div", {
|
|
209
|
+
className: e(l.root, n),
|
|
209
210
|
...o,
|
|
210
211
|
id: t || void 0,
|
|
211
212
|
ref: i,
|
|
212
213
|
children: r
|
|
213
|
-
}) : /* @__PURE__ */
|
|
214
|
-
value:
|
|
215
|
-
children: /* @__PURE__ */
|
|
214
|
+
}) : /* @__PURE__ */ v(S.Provider, {
|
|
215
|
+
value: E,
|
|
216
|
+
children: /* @__PURE__ */ y("div", {
|
|
216
217
|
role: "region",
|
|
217
|
-
className: e("px-4 pb-3 text-body-1 text-muted-foreground", n),
|
|
218
|
+
className: e(l.root, "px-4 pb-3 text-body-1 text-muted-foreground", n),
|
|
218
219
|
...o,
|
|
219
220
|
id: t || s.panelId,
|
|
220
221
|
"aria-labelledby": s.triggerId,
|
|
@@ -224,13 +225,13 @@ var I = ({ id: t, className: n, children: r, ref: i, ...o }) => {
|
|
|
224
225
|
})
|
|
225
226
|
}) : null;
|
|
226
227
|
};
|
|
227
|
-
|
|
228
|
-
var
|
|
229
|
-
Item:
|
|
230
|
-
Trigger:
|
|
231
|
-
Panel:
|
|
228
|
+
B.displayName = "AccordionPanel";
|
|
229
|
+
var V = /* @__PURE__ */ Object.assign(N, {
|
|
230
|
+
Item: R,
|
|
231
|
+
Trigger: z,
|
|
232
|
+
Panel: B
|
|
232
233
|
});
|
|
233
234
|
//#endregion
|
|
234
|
-
export {
|
|
235
|
+
export { V as Accordion, R as AccordionItem, B as AccordionPanel, z as AccordionTrigger };
|
|
235
236
|
|
|
236
237
|
//# sourceMappingURL=Accordion.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.mjs","names":["useId","useId$1","React","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","reportMissingContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","warnDeprecated","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","useControllable","list","next","onOpenItemChange","openCount","warnOnce","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","cn","className","findPart","node","child","found","part","barrier","getElementType","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","flattenChildren","children","keyed","key","trigger","panel","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","getPartId","panelSlot","idProp","item","inPanel","headingOutside","state","button","disabledStyles","focusRingInset","composeEventHandlers","onClick","ChevronDownIcon","slot","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/* ------------------------------------------------------------------ */\n/* Contexts */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n openItems: readonly string[];\n toggle: (value: string) => void;\n /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n registerItem: (value: string) => () => void;\n baseId: string;\n headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n value: string;\n isOpen: boolean;\n /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n triggerId: string;\n /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n panelId: string;\n /** Whether the Item renders a panel region while open (a Panel, or other content). */\n hasPanelContent: boolean;\n headingLevel: AccordionHeadingLevel;\n toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n extra: React.ReactNode;\n /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n openItems: EMPTY,\n toggle: () => {},\n registerItem: () => () => {},\n baseId: 'wave-accordion-inert',\n headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n value: '',\n isOpen: false,\n triggerId: 'wave-accordion-inert-trigger',\n panelId: 'wave-accordion-inert-panel',\n hasPanelContent: false,\n headingLevel: 3,\n toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n const context = React.useContext(AccordionContext);\n if (context) return context;\n reportMissingContext(component, '<Accordion>');\n return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n const context = React.useContext(AccordionItemContext);\n if (context) return context;\n reportMissingContext(component, '<Accordion.Item>');\n return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n warnOnce(\n `Accordion:duplicate:${value}`,\n `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n 'Accordion; items with the same value open and close together and share their trigger and ' +\n 'panel ids.',\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Accordion */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n * Accordion pattern). Each `Accordion.Item` can override it.\n * @default 3\n */\n headingLevel?: AccordionHeadingLevel;\n /** Ref to the root `<div>`. */\n ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n /**\n * Whether only one or multiple items can be open at a time.\n * @default 'single'\n */\n type?: Extract<SelectionMode, 'single'>;\n /** Controlled open item (`null`: every item closed). */\n openItem?: string | null;\n /** Initially open item for uncontrolled usage. */\n defaultOpenItem?: string | null;\n /** Called with the new open item (`null` when it closed) when it changes. */\n onOpenItemChange?: (openItem: string | null) => void;\n /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n openItems?: readonly string[];\n /**\n * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n * `type=\"multiple\"`.\n */\n defaultOpenItems?: readonly string[];\n /**\n * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n * `type=\"multiple\"`.\n */\n onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n /** Whether only one or multiple items can be open at a time. */\n type: Extract<SelectionMode, 'multiple'>;\n /** Controlled array of open item values (a readonly array is accepted). */\n openItems?: readonly string[];\n /**\n * Initially open items for uncontrolled usage.\n * @default []\n */\n defaultOpenItems?: readonly string[];\n /** Called with the new open items (a new array) when they change. */\n onOpenItemsChange?: (openItems: string[]) => void;\n openItem?: never;\n defaultOpenItem?: never;\n onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n if (value === undefined) return undefined;\n return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n const {\n type,\n openItem,\n defaultOpenItem,\n onOpenItemChange,\n openItems: openItemsProp,\n defaultOpenItems,\n onOpenItemsChange,\n headingLevel = 3,\n className,\n children,\n ref,\n ...rest\n } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n const multiple = type === 'multiple';\n\n if (!multiple) {\n if (openItemsProp !== undefined) {\n warnDeprecated(\n 'Accordion',\n 'openItems',\n 'openItem',\n 'In single mode the Accordion takes one value.',\n );\n }\n if (defaultOpenItems !== undefined) {\n warnDeprecated(\n 'Accordion',\n 'defaultOpenItems',\n 'defaultOpenItem',\n 'In single mode the Accordion takes one value.',\n );\n }\n if (onOpenItemsChange !== undefined) {\n warnDeprecated(\n 'Accordion',\n 'onOpenItemsChange',\n 'onOpenItemChange',\n 'In single mode the Accordion reports one value.',\n );\n }\n }\n\n const controlledSingle = multiple ? undefined : openItem;\n const controlled = React.useMemo(\n () => toItems(controlledSingle) ?? openItemsProp,\n [controlledSingle, openItemsProp],\n );\n const [initialItems] = React.useState(\n () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n );\n\n const handleChange = (next: readonly string[]) => {\n const list = [...next];\n if (!multiple) onOpenItemChange?.(list[0] ?? null);\n onOpenItemsChange?.(list);\n };\n\n const [openItems, setOpenItems] = useControllable<readonly string[]>(\n controlled,\n initialItems,\n handleChange,\n );\n\n const openCount = openItems.length;\n React.useEffect(() => {\n if (!multiple && openCount > 1) {\n warnOnce(\n 'Accordion:single-multiple-open',\n `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n );\n }\n }, [multiple, openCount]);\n\n const toggle = React.useCallback(\n (value: string) => {\n setOpenItems((prev) => {\n if (prev.includes(value)) return prev.filter((v) => v !== value);\n return multiple ? [...prev, value] : [value];\n });\n },\n [multiple, setOpenItems],\n );\n\n // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n // effects touch it (through `registerItem`), never render.\n const itemCountsRef = React.useRef<Map<string, number>>(null);\n const registerItem = React.useCallback((value: string) => {\n itemCountsRef.current ??= new Map();\n const counts = itemCountsRef.current;\n const count = (counts.get(value) ?? 0) + 1;\n counts.set(value, count);\n if (count > 1) warnDuplicateValue(value);\n return () => {\n const remaining = (counts.get(value) ?? 1) - 1;\n if (remaining > 0) counts.set(value, remaining);\n else counts.delete(value);\n };\n }, []);\n\n const baseId = useId('accordion');\n const context = React.useMemo<AccordionContextValue>(\n () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n [openItems, toggle, registerItem, baseId, headingLevel],\n );\n\n return (\n <AccordionContext.Provider value={context}>\n {/* A nested Accordion's direct children are not inside the outer Item. */}\n <AccordionItemContext.Provider value={null}>\n <AccordionPanelSlotContext.Provider value={null}>\n <AccordionHeadingOutsideContext.Provider value={false}>\n <div ref={ref} className={cn('divide-y divide-border', className)} {...rest}>\n {children}\n </div>\n </AccordionHeadingOutsideContext.Provider>\n </AccordionPanelSlotContext.Provider>\n </AccordionItemContext.Provider>\n </AccordionContext.Provider>\n );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/* Accordion.Item */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Unique value identifying this accordion item. */\n value: string;\n /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n headingLevel?: AccordionHeadingLevel;\n /** Ref to the item `<div>`. */\n ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n id?: unknown;\n children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n node: unknown,\n part: React.ElementType,\n barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n if (Array.isArray(node)) {\n for (const child of node) {\n const found = findPart(child, part, barrier);\n if (found) return found;\n }\n return undefined;\n }\n if (!React.isValidElement<PartProps>(node)) return undefined;\n const type = getElementType(node, { suspend: false });\n if (type === part) return node;\n if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n const id = element?.props.id;\n return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n if (!React.isValidElement<PartProps>(node)) return false;\n const type = getElementType(node, { suspend: false });\n if (\n typeof type === 'string' ||\n type === AccordionTrigger ||\n type === AccordionPanel ||\n type === AccordionRoot ||\n type === AccordionItem\n ) {\n return false;\n }\n const child = node.props.children as React.ReactNode;\n return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n return (\n `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n 'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n 'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n 'itself and treats that component as panel content.'\n );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n value,\n headingLevel: headingLevelProp,\n className,\n children,\n ref,\n ...rest\n}: AccordionItemProps) => {\n const accordion = useAccordionContext('Accordion.Item');\n const isOpen = accordion.openItems.includes(value);\n const { toggle: toggleValue, baseId, registerItem } = accordion;\n React.useEffect(() => registerItem(value), [registerItem, value]);\n const headingLevel = headingLevelProp ?? accordion.headingLevel;\n const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n let triggerElement: React.ReactElement<PartProps> | undefined;\n let panelElement: React.ReactElement<PartProps> | undefined;\n const parts: React.ReactNode[] = [];\n const extra: React.ReactNode[] = [];\n for (const { key, node: child } of flattenChildren(children)) {\n const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n const panel = findPart(child, AccordionPanel, AccordionTrigger);\n if (trigger || panel) {\n triggerElement ??= trigger;\n panelElement ??= panel;\n parts.push(\n wrapsTriggerOnly(child) ? (\n <Heading key={key} className={HEADING_CLASS}>\n <AccordionHeadingOutsideContext.Provider value={true}>\n {child}\n </AccordionHeadingOutsideContext.Provider>\n </Heading>\n ) : (\n keyed\n ),\n );\n } else {\n extra.push(keyed);\n }\n }\n const hasTrigger = triggerElement !== undefined;\n const hasPanel = panelElement !== undefined;\n const triggerIdProp = idOf(triggerElement);\n const panelIdProp = idOf(panelElement);\n const hasPanelContent = hasPanel || extra.length > 0;\n const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n const itemContext = React.useMemo<AccordionItemContextValue>(\n () => ({\n value,\n isOpen,\n triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n hasPanelContent,\n headingLevel,\n toggle: () => toggleValue(value),\n }),\n [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n );\n const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n () => ({ extra: extraPanelContent, inPanel: false }),\n [extraPanelContent],\n );\n\n return (\n <AccordionItemContext.Provider value={itemContext}>\n <AccordionPanelSlotContext.Provider value={panelSlot}>\n <div ref={ref} data-state={isOpen ? 'open' : 'closed'} className={cn(className)} {...rest}>\n {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n {parts}\n {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n </div>\n </AccordionPanelSlotContext.Provider>\n </AccordionItemContext.Provider>\n );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/* Accordion.Trigger */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /** Ref to the trigger `<button>`. */\n ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n id: idProp,\n className,\n children,\n onClick,\n ref,\n ...rest\n}: AccordionTriggerProps) => {\n const item = useAccordionItemContext('Accordion.Trigger');\n const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n React.useEffect(() => {\n if (inPanel) {\n warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n }\n }, [inPanel]);\n const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n const state = item.isOpen ? 'open' : 'closed';\n\n const button = (\n <button\n type=\"button\"\n className={cn(\n 'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n 'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n disabledStyles,\n focusRingInset,\n className,\n )}\n {...rest}\n // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n // carries the item's id and panel reference.\n id={idProp || (inPanel ? undefined : item.triggerId)}\n // Only a panel region the item renders is referenced (none without panel content).\n aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n aria-expanded={item.isOpen}\n data-state={state}\n onClick={composeEventHandlers(onClick, item.toggle)}\n ref={ref}\n >\n {children}\n <ChevronDownIcon\n size={16}\n className={cn(\n 'shrink-0 transition-transform motion-reduce:transition-none',\n item.isOpen && 'rotate-180',\n )}\n />\n </button>\n );\n // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n return headingOutside ? button : <Heading className={HEADING_CLASS}>{button}</Heading>;\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/* Accordion.Panel */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Ref to the panel `<div role=\"region\">`. */\n ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n const item = useAccordionItemContext('Accordion.Panel');\n const slot = React.useContext(AccordionPanelSlotContext);\n const inPanel = slot?.inPanel ?? false;\n React.useEffect(() => {\n if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n }, [inPanel]);\n if (!item.isOpen) return null;\n if (inPanel) {\n // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n return (\n <div className={cn(className)} {...rest} id={idProp || undefined} ref={ref}>\n {children}\n </div>\n );\n }\n return (\n <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n <div\n role=\"region\"\n className={cn('px-4 pb-3 text-body-1 text-muted-foreground', className)}\n {...rest}\n id={idProp || item.panelId}\n aria-labelledby={item.triggerId}\n data-state=\"open\"\n ref={ref}\n >\n {children}\n {slot?.extra}\n </div>\n </AccordionPanelSlotContext.Provider>\n );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/* Export */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n Item: AccordionItem,\n Trigger: AccordionTrigger,\n Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion.mjs","names":["useId","useId$1","React","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","reportMissingContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","warnDeprecated","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","useControllable","list","next","onOpenItemChange","openCount","warnOnce","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","cn","accordionClassNames","className","findPart","node","child","found","part","barrier","getElementType","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","flattenChildren","children","keyed","key","trigger","panel","accordionTriggerClassNames","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","getPartId","panelSlot","accordionItemClassNames","idProp","item","inPanel","headingOutside","state","button","disabledStyles","focusRingInset","composeEventHandlers","onClick","ChevronDownIcon","slot","accordionPanelClassNames","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n accordionClassNames,\n accordionItemClassNames,\n accordionPanelClassNames,\n accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/* ------------------------------------------------------------------ */\n/* Contexts */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n openItems: readonly string[];\n toggle: (value: string) => void;\n /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n registerItem: (value: string) => () => void;\n baseId: string;\n headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n value: string;\n isOpen: boolean;\n /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n triggerId: string;\n /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n panelId: string;\n /** Whether the Item renders a panel region while open (a Panel, or other content). */\n hasPanelContent: boolean;\n headingLevel: AccordionHeadingLevel;\n toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n extra: React.ReactNode;\n /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n openItems: EMPTY,\n toggle: () => {},\n registerItem: () => () => {},\n baseId: 'wave-accordion-inert',\n headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n value: '',\n isOpen: false,\n triggerId: 'wave-accordion-inert-trigger',\n panelId: 'wave-accordion-inert-panel',\n hasPanelContent: false,\n headingLevel: 3,\n toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n const context = React.useContext(AccordionContext);\n if (context) return context;\n reportMissingContext(component, '<Accordion>');\n return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n const context = React.useContext(AccordionItemContext);\n if (context) return context;\n reportMissingContext(component, '<Accordion.Item>');\n return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n warnOnce(\n `Accordion:duplicate:${value}`,\n `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n 'Accordion; items with the same value open and close together and share their trigger and ' +\n 'panel ids.',\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Accordion */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n * Accordion pattern). Each `Accordion.Item` can override it.\n * @default 3\n */\n headingLevel?: AccordionHeadingLevel;\n /** Ref to the root `<div>`. */\n ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n /**\n * Whether only one or multiple items can be open at a time.\n * @default 'single'\n */\n type?: Extract<SelectionMode, 'single'>;\n /** Controlled open item (`null`: every item closed). */\n openItem?: string | null;\n /** Initially open item for uncontrolled usage. */\n defaultOpenItem?: string | null;\n /** Called with the new open item (`null` when it closed) when it changes. */\n onOpenItemChange?: (openItem: string | null) => void;\n /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n openItems?: readonly string[];\n /**\n * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n * `type=\"multiple\"`.\n */\n defaultOpenItems?: readonly string[];\n /**\n * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n * `type=\"multiple\"`.\n */\n onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n /** Whether only one or multiple items can be open at a time. */\n type: Extract<SelectionMode, 'multiple'>;\n /** Controlled array of open item values (a readonly array is accepted). */\n openItems?: readonly string[];\n /**\n * Initially open items for uncontrolled usage.\n * @default []\n */\n defaultOpenItems?: readonly string[];\n /** Called with the new open items (a new array) when they change. */\n onOpenItemsChange?: (openItems: string[]) => void;\n openItem?: never;\n defaultOpenItem?: never;\n onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n if (value === undefined) return undefined;\n return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n const {\n type,\n openItem,\n defaultOpenItem,\n onOpenItemChange,\n openItems: openItemsProp,\n defaultOpenItems,\n onOpenItemsChange,\n headingLevel = 3,\n className,\n children,\n ref,\n ...rest\n } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n const multiple = type === 'multiple';\n\n if (!multiple) {\n if (openItemsProp !== undefined) {\n warnDeprecated(\n 'Accordion',\n 'openItems',\n 'openItem',\n 'In single mode the Accordion takes one value.',\n );\n }\n if (defaultOpenItems !== undefined) {\n warnDeprecated(\n 'Accordion',\n 'defaultOpenItems',\n 'defaultOpenItem',\n 'In single mode the Accordion takes one value.',\n );\n }\n if (onOpenItemsChange !== undefined) {\n warnDeprecated(\n 'Accordion',\n 'onOpenItemsChange',\n 'onOpenItemChange',\n 'In single mode the Accordion reports one value.',\n );\n }\n }\n\n const controlledSingle = multiple ? undefined : openItem;\n const controlled = React.useMemo(\n () => toItems(controlledSingle) ?? openItemsProp,\n [controlledSingle, openItemsProp],\n );\n const [initialItems] = React.useState(\n () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n );\n\n const handleChange = (next: readonly string[]) => {\n const list = [...next];\n if (!multiple) onOpenItemChange?.(list[0] ?? null);\n onOpenItemsChange?.(list);\n };\n\n const [openItems, setOpenItems] = useControllable<readonly string[]>(\n controlled,\n initialItems,\n handleChange,\n );\n\n const openCount = openItems.length;\n React.useEffect(() => {\n if (!multiple && openCount > 1) {\n warnOnce(\n 'Accordion:single-multiple-open',\n `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n );\n }\n }, [multiple, openCount]);\n\n const toggle = React.useCallback(\n (value: string) => {\n setOpenItems((prev) => {\n if (prev.includes(value)) return prev.filter((v) => v !== value);\n return multiple ? [...prev, value] : [value];\n });\n },\n [multiple, setOpenItems],\n );\n\n // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n // effects touch it (through `registerItem`), never render.\n const itemCountsRef = React.useRef<Map<string, number>>(null);\n const registerItem = React.useCallback((value: string) => {\n itemCountsRef.current ??= new Map();\n const counts = itemCountsRef.current;\n const count = (counts.get(value) ?? 0) + 1;\n counts.set(value, count);\n if (count > 1) warnDuplicateValue(value);\n return () => {\n const remaining = (counts.get(value) ?? 1) - 1;\n if (remaining > 0) counts.set(value, remaining);\n else counts.delete(value);\n };\n }, []);\n\n const baseId = useId('accordion');\n const context = React.useMemo<AccordionContextValue>(\n () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n [openItems, toggle, registerItem, baseId, headingLevel],\n );\n\n return (\n <AccordionContext.Provider value={context}>\n {/* A nested Accordion's direct children are not inside the outer Item. */}\n <AccordionItemContext.Provider value={null}>\n <AccordionPanelSlotContext.Provider value={null}>\n <AccordionHeadingOutsideContext.Provider value={false}>\n <div\n ref={ref}\n className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n {...rest}\n >\n {children}\n </div>\n </AccordionHeadingOutsideContext.Provider>\n </AccordionPanelSlotContext.Provider>\n </AccordionItemContext.Provider>\n </AccordionContext.Provider>\n );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/* Accordion.Item */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Unique value identifying this accordion item. */\n value: string;\n /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n headingLevel?: AccordionHeadingLevel;\n /** Ref to the item `<div>`. */\n ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n id?: unknown;\n children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n node: unknown,\n part: React.ElementType,\n barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n if (Array.isArray(node)) {\n for (const child of node) {\n const found = findPart(child, part, barrier);\n if (found) return found;\n }\n return undefined;\n }\n if (!React.isValidElement<PartProps>(node)) return undefined;\n const type = getElementType(node, { suspend: false });\n if (type === part) return node;\n if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n const id = element?.props.id;\n return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n if (!React.isValidElement<PartProps>(node)) return false;\n const type = getElementType(node, { suspend: false });\n if (\n typeof type === 'string' ||\n type === AccordionTrigger ||\n type === AccordionPanel ||\n type === AccordionRoot ||\n type === AccordionItem\n ) {\n return false;\n }\n const child = node.props.children as React.ReactNode;\n return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n return (\n `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n 'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n 'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n 'itself and treats that component as panel content.'\n );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n value,\n headingLevel: headingLevelProp,\n className,\n children,\n ref,\n ...rest\n}: AccordionItemProps) => {\n const accordion = useAccordionContext('Accordion.Item');\n const isOpen = accordion.openItems.includes(value);\n const { toggle: toggleValue, baseId, registerItem } = accordion;\n React.useEffect(() => registerItem(value), [registerItem, value]);\n const headingLevel = headingLevelProp ?? accordion.headingLevel;\n const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n let triggerElement: React.ReactElement<PartProps> | undefined;\n let panelElement: React.ReactElement<PartProps> | undefined;\n const parts: React.ReactNode[] = [];\n const extra: React.ReactNode[] = [];\n for (const { key, node: child } of flattenChildren(children)) {\n const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n const panel = findPart(child, AccordionPanel, AccordionTrigger);\n if (trigger || panel) {\n triggerElement ??= trigger;\n panelElement ??= panel;\n parts.push(\n wrapsTriggerOnly(child) ? (\n <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n <AccordionHeadingOutsideContext.Provider value={true}>\n {child}\n </AccordionHeadingOutsideContext.Provider>\n </Heading>\n ) : (\n keyed\n ),\n );\n } else {\n extra.push(keyed);\n }\n }\n const hasTrigger = triggerElement !== undefined;\n const hasPanel = panelElement !== undefined;\n const triggerIdProp = idOf(triggerElement);\n const panelIdProp = idOf(panelElement);\n const hasPanelContent = hasPanel || extra.length > 0;\n const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n const itemContext = React.useMemo<AccordionItemContextValue>(\n () => ({\n value,\n isOpen,\n triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n hasPanelContent,\n headingLevel,\n toggle: () => toggleValue(value),\n }),\n [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n );\n const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n () => ({ extra: extraPanelContent, inPanel: false }),\n [extraPanelContent],\n );\n\n return (\n <AccordionItemContext.Provider value={itemContext}>\n <AccordionPanelSlotContext.Provider value={panelSlot}>\n <div\n ref={ref}\n data-state={isOpen ? 'open' : 'closed'}\n className={cn(accordionItemClassNames.root, className)}\n {...rest}\n >\n {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n {parts}\n {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n </div>\n </AccordionPanelSlotContext.Provider>\n </AccordionItemContext.Provider>\n );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/* Accordion.Trigger */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /** Ref to the trigger `<button>`. */\n ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n id: idProp,\n className,\n children,\n onClick,\n ref,\n ...rest\n}: AccordionTriggerProps) => {\n const item = useAccordionItemContext('Accordion.Trigger');\n const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n React.useEffect(() => {\n if (inPanel) {\n warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n }\n }, [inPanel]);\n const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n const state = item.isOpen ? 'open' : 'closed';\n\n const button = (\n <button\n type=\"button\"\n className={cn(\n accordionTriggerClassNames.root,\n 'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n 'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n disabledStyles,\n focusRingInset,\n className,\n )}\n {...rest}\n // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n // carries the item's id and panel reference.\n id={idProp || (inPanel ? undefined : item.triggerId)}\n // Only a panel region the item renders is referenced (none without panel content).\n aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n aria-expanded={item.isOpen}\n data-state={state}\n onClick={composeEventHandlers(onClick, item.toggle)}\n ref={ref}\n >\n {children}\n <ChevronDownIcon\n size={16}\n className={cn(\n accordionTriggerClassNames.expandIcon,\n 'shrink-0 transition-transform motion-reduce:transition-none',\n item.isOpen && 'rotate-180',\n )}\n />\n </button>\n );\n // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n return headingOutside ? (\n button\n ) : (\n <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/* Accordion.Panel */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Ref to the panel `<div role=\"region\">`. */\n ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n const item = useAccordionItemContext('Accordion.Panel');\n const slot = React.useContext(AccordionPanelSlotContext);\n const inPanel = slot?.inPanel ?? false;\n React.useEffect(() => {\n if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n }, [inPanel]);\n if (!item.isOpen) return null;\n if (inPanel) {\n // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n return (\n <div\n className={cn(accordionPanelClassNames.root, className)}\n {...rest}\n id={idProp || undefined}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n return (\n <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n <div\n role=\"region\"\n className={cn(\n accordionPanelClassNames.root,\n 'px-4 pb-3 text-body-1 text-muted-foreground',\n className,\n )}\n {...rest}\n id={idProp || item.panelId}\n aria-labelledby={item.triggerId}\n data-state=\"open\"\n ref={ref}\n >\n {children}\n {slot?.extra}\n </div>\n </AccordionPanelSlotContext.Provider>\n );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/* Export */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n Item: AccordionItem,\n Trigger: AccordionTrigger,\n Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/composeEventHandlers.cjs"),a=require("../../hooks/useEventCallback.cjs"),
|
|
1
|
+
"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/composeEventHandlers.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../hooks/useEventCallback.cjs"),s=require("../../hooks/useId.cjs"),c=require("../../lib/focus.cjs"),l=require("../../hooks/useMergedRefs.cjs"),u=require("../../lib/styles.cjs"),d=require("../../lib/icons.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=`button, a[href], input, select, textarea, label, summary, [role="button"], [tabindex]`,h=1;function g(e,t){let n=e.target;if(!n||typeof n.nodeType!=`number`||!t.contains(n))return!0;if(n.nodeType!==h)return!1;let r=n.closest(m);return r!==null&&r!==t&&t.contains(r)}var _=`Card:nested-interactive`,v=f.createContext(null),y=e=>{let{as:r,selected:m,onSelect:h,selectionControl:y=`card`,selectLabel:b,className:x,children:S,ref:C,onClick:w,onKeyDown:T,onKeyUp:E,onBlur:D,...O}=e,k=r??`div`,A=h!==void 0,j=A&&y===`checkbox`,M=A&&!j,N=k===`button`,P=s.useId(`card-title`),F=f.useRef(null),I=l.useMergedRefs(C,F);f.useEffect(()=>{let e=F.current;n.isDev&&e&&A&&(M&&!n.hasWarned(_)&&c.getTabbableElements(e).length>0&&n.warnOnce(_,'Card: a selectable card (`onSelect`) is a button and must not contain focusable elements (buttons, links, inputs). Use `selectionControl="checkbox"` for cards with interactive content.'),j&&!b&&!e.ownerDocument.getElementById(P)&&n.warnOnce(`Card:checkbox-name`,"Card: the selection checkbox has no accessible name. Render a `Card.Header` with a `title`, or pass `selectLabel`."))});let L=f.useRef(!1),R=o.useEventCallback(e=>{L.current=e}),z=o.useEventCallback(()=>{let e=L.current;return L.current=!1,e}),B=i.composeEventHandlers(w,e=>{A&&!g(e,e.currentTarget)&&h()}),V=M&&!N,H=i.composeEventHandlers(T,e=>{V&&(e.key===`Enter`||e.key===` `)&&(g(e,e.currentTarget)||(e.preventDefault(),e.key===` `?R(!0):e.repeat||h?.()))}),U=i.composeEventHandlers(E,e=>{V&&e.key===` `&&(!z()||e.defaultPrevented||g(e,e.currentTarget)||(e.preventDefault(),h?.()))},{checkDefaultPrevented:!1}),W=i.composeEventHandlers(D,()=>{V&&R(!1)},{checkDefaultPrevented:!1}),G={};return M&&(N?G.type=`button`:(G.role=`button`,G.tabIndex=0),m!==void 0&&(G[`aria-pressed`]=m)),(0,p.jsx)(v.Provider,{value:j?P:null,children:(0,p.jsxs)(k,{...G,...O,ref:I,"data-selected":m?``:void 0,className:t.cn(a.cardClassNames.root,`overflow-hidden rounded-md border border-border bg-card shadow-4`,(A||m!==void 0)&&`relative`,m&&t.cn(`border-primary bg-selected text-selected-foreground ring-1 ring-inset ring-primary`,u.forcedColors.selectedContainer),A&&`cursor-pointer`,M&&`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`,x),onClick:B,onKeyDown:H,onKeyUp:U,onBlur:W,children:[j&&(0,p.jsx)(`input`,{type:`checkbox`,checked:m??!1,onChange:()=>h(),"aria-label":b,"aria-labelledby":b?void 0:P,className:t.cn(a.cardClassNames.checkbox,`absolute end-3 top-3 m-0 size-4 cursor-pointer accent-primary`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`)}),m&&!j&&(0,p.jsx)(d.CheckIcon,{size:12,className:t.cn(a.cardClassNames.checkmark,`absolute end-2 top-2 text-primary`)}),S]})})};y.displayName=`Card`;var b=e=>{let{as:n,title:i,subtitle:o,className:s,children:c,ref:l,...u}=e,d=n??`div`,m=f.useContext(v),h=r.slotRendersContent(i),g=r.slotRendersContent(o);return(0,p.jsxs)(d,{ref:l,className:t.cn(a.cardHeaderClassNames.root,`p-4`,m&&`pe-10`,s),...u,children:[h&&(0,p.jsx)(`div`,{id:m??void 0,className:t.cn(a.cardHeaderClassNames.title,`text-subtitle-1`),children:r.materialiseSlotContent(i)}),g&&(0,p.jsx)(`div`,{className:t.cn(a.cardHeaderClassNames.subtitle,`text-caption-1 text-muted-foreground`),children:r.materialiseSlotContent(o)}),c]})};b.displayName=`CardHeader`;var x=e=>{let{as:n,className:r,ref:i,...o}=e;return(0,p.jsx)(n??`div`,{ref:i,className:t.cn(a.cardBodyClassNames.root,`p-4 pt-0`,r),...o})};x.displayName=`CardBody`;var S=e=>{let{as:n,className:r,ref:i,...o}=e;return(0,p.jsx)(n??`div`,{ref:i,className:t.cn(a.cardFooterClassNames.root,`flex justify-end gap-2 p-4 pt-0`,r),...o})};S.displayName=`CardFooter`;var C=Object.assign(y,{Header:b,Body:x,Footer:S});exports.Card=C,exports.CardBody=x,exports.CardFooter=S,exports.CardHeader=b;
|
|
2
2
|
//# sourceMappingURL=Card.cjs.map
|