@adgytec/adgytec-web-ui-components 2.3.1 → 2.4.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 +27 -16
- package/dist/App.d.ts +0 -1
- package/dist/assets/BottomSheetModal.css +1 -1
- package/dist/assets/Card.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/ListItem.css +1 -1
- package/dist/assets/Radio.css +1 -1
- package/dist/assets/SideSheetModal.css +1 -1
- package/dist/assets/Switch.css +1 -1
- package/dist/assets/ThemeSelector.css +1 -1
- package/dist/assets/core7.css +1 -1
- package/dist/chunks/ActionDialog +0 -1
- package/dist/chunks/ActionDialog.map +1 -1
- package/dist/chunks/AppBar +0 -1
- package/dist/chunks/AppBar.map +1 -1
- package/dist/chunks/AppBarAction +0 -1
- package/dist/chunks/AppBarAction.map +1 -1
- package/dist/chunks/AppBarAvatar +1 -2
- package/dist/chunks/AppBarAvatar.map +1 -1
- package/dist/chunks/AppBarHeadline +1 -2
- package/dist/chunks/AppBarHeadline.map +1 -1
- package/dist/chunks/BaseCalendar +2 -11
- package/dist/chunks/BaseCalendar.map +1 -1
- package/dist/chunks/BottomSheet +1 -2
- package/dist/chunks/BottomSheet.map +1 -1
- package/dist/chunks/BottomSheetModal +1 -2
- package/dist/chunks/BottomSheetModal.map +1 -1
- package/dist/chunks/ButtonGroup +1 -2
- package/dist/chunks/ButtonGroup.map +1 -1
- package/dist/chunks/CalendarCell +0 -1
- package/dist/chunks/CalendarCell.map +1 -1
- package/dist/chunks/CalendarGrid +1 -2
- package/dist/chunks/CalendarGrid.map +1 -1
- package/dist/chunks/CalendarMenuItem +1 -2
- package/dist/chunks/CalendarMenuItem.map +1 -1
- package/dist/chunks/Card +4 -5
- package/dist/chunks/Card.map +1 -1
- package/dist/chunks/CardIcon +1 -2
- package/dist/chunks/CardIcon.map +1 -1
- package/dist/chunks/CenteredSlider +1 -2
- package/dist/chunks/CenteredSlider.map +1 -1
- package/dist/chunks/ComboBox +1 -2
- package/dist/chunks/ComboBox.map +1 -1
- package/dist/chunks/ComboBoxPopover +0 -1
- package/dist/chunks/ComboBoxPopover.map +1 -1
- package/dist/chunks/ComboBoxTrigger +182 -200
- package/dist/chunks/ComboBoxTrigger.map +1 -1
- package/dist/chunks/ConnectedButtonGroup +0 -1
- package/dist/chunks/ConnectedButtonGroup.map +1 -1
- package/dist/chunks/Dialog +1 -2
- package/dist/chunks/Dialog.map +1 -1
- package/dist/chunks/Disclosure +1 -2
- package/dist/chunks/Disclosure.map +1 -1
- package/dist/chunks/DisclosureGroup +1 -2
- package/dist/chunks/DisclosureGroup.map +1 -1
- package/dist/chunks/DisclosureHeader +1 -2
- package/dist/chunks/DisclosureHeader.map +1 -1
- package/dist/chunks/DisclosurePanel +1 -2
- package/dist/chunks/DisclosurePanel.map +1 -1
- package/dist/chunks/Divider +1 -2
- package/dist/chunks/Divider.map +1 -1
- package/dist/chunks/FieldError +1 -2
- package/dist/chunks/FieldError.map +1 -1
- package/dist/chunks/GridBackgroundDecorator +0 -1
- package/dist/chunks/GridBackgroundDecorator.map +1 -1
- package/dist/chunks/Icon +1 -2
- package/dist/chunks/Icon.map +1 -1
- package/dist/chunks/Input +67 -78
- package/dist/chunks/Input.map +1 -1
- package/dist/chunks/Input2 +4 -8
- package/dist/chunks/Input2.map +1 -1
- package/dist/chunks/ListAction +0 -1
- package/dist/chunks/ListAction.map +1 -1
- package/dist/chunks/ListAvatar +1 -2
- package/dist/chunks/ListAvatar.map +1 -1
- package/dist/chunks/ListBox +12 -9
- package/dist/chunks/ListBox.map +1 -1
- package/dist/chunks/ListIcon +1 -2
- package/dist/chunks/ListIcon.map +1 -1
- package/dist/chunks/ListItem +62 -49
- package/dist/chunks/ListItem.map +1 -1
- package/dist/chunks/ListLabelText +1 -2
- package/dist/chunks/ListLabelText.map +1 -1
- package/dist/chunks/ListMedia +0 -1
- package/dist/chunks/ListMedia.map +1 -1
- package/dist/chunks/ListOverlineText +1 -2
- package/dist/chunks/ListOverlineText.map +1 -1
- package/dist/chunks/ListSupportingText +1 -2
- package/dist/chunks/ListSupportingText.map +1 -1
- package/dist/chunks/ListTrailingText +1 -2
- package/dist/chunks/ListTrailingText.map +1 -1
- package/dist/chunks/Loader +1 -2
- package/dist/chunks/Loader.map +1 -1
- package/dist/chunks/MenuPopover +1 -2
- package/dist/chunks/MenuPopover.map +1 -1
- package/dist/chunks/Modal +1 -2
- package/dist/chunks/Modal.map +1 -1
- package/dist/chunks/ModalOverlay +1 -2
- package/dist/chunks/ModalOverlay.map +1 -1
- package/dist/chunks/Navigation +2 -4
- package/dist/chunks/Navigation.map +1 -1
- package/dist/chunks/NavigationScrollContainer +2 -4
- package/dist/chunks/NavigationScrollContainer.map +1 -1
- package/dist/chunks/NavigationSection +1 -2
- package/dist/chunks/NavigationSection.map +1 -1
- package/dist/chunks/NavigationSectionLabel +1 -2
- package/dist/chunks/NavigationSectionLabel.map +1 -1
- package/dist/chunks/Popover +1 -2
- package/dist/chunks/Popover.map +1 -1
- package/dist/chunks/RadialGlowDecorator +0 -1
- package/dist/chunks/RadialGlowDecorator.map +1 -1
- package/dist/chunks/Radio +57 -70
- package/dist/chunks/Radio.map +1 -1
- package/dist/chunks/RichTooltip +1 -2
- package/dist/chunks/RichTooltip.map +1 -1
- package/dist/chunks/RichTooltipActions +1 -2
- package/dist/chunks/RichTooltipActions.map +1 -1
- package/dist/chunks/RichTooltipInfo +1 -2
- package/dist/chunks/RichTooltipInfo.map +1 -1
- package/dist/chunks/SearchField +0 -1
- package/dist/chunks/SearchField.map +1 -1
- package/dist/chunks/SelectPopover +1 -2
- package/dist/chunks/SelectPopover.map +1 -1
- package/dist/chunks/SelectTrigger +1 -2
- package/dist/chunks/SelectTrigger.map +1 -1
- package/dist/chunks/SideSheet +1 -2
- package/dist/chunks/SideSheet.map +1 -1
- package/dist/chunks/SideSheetModal +2 -3
- package/dist/chunks/SideSheetModal.map +1 -1
- package/dist/chunks/Slider +0 -1
- package/dist/chunks/Slider.map +1 -1
- package/dist/chunks/SliderOutput +1 -2
- package/dist/chunks/SliderOutput.map +1 -1
- package/dist/chunks/SliderStops +1 -2
- package/dist/chunks/SliderStops.map +1 -1
- package/dist/chunks/SliderThumb +0 -1
- package/dist/chunks/SliderThumb.map +1 -1
- package/dist/chunks/Snackbar +1 -2
- package/dist/chunks/Snackbar.map +1 -1
- package/dist/chunks/SplitButton +1 -2
- package/dist/chunks/SplitButton.map +1 -1
- package/dist/chunks/SplitButtonTrigger +1 -2
- package/dist/chunks/SplitButtonTrigger.map +1 -1
- package/dist/chunks/SubmenuPopover +0 -1
- package/dist/chunks/SubmenuPopover.map +1 -1
- package/dist/chunks/Switch +47 -48
- package/dist/chunks/Switch.map +1 -1
- package/dist/chunks/Tab +1 -2
- package/dist/chunks/Tab.map +1 -1
- package/dist/chunks/TabList +1 -2
- package/dist/chunks/TabList.map +1 -1
- package/dist/chunks/TabPanel +1 -2
- package/dist/chunks/TabPanel.map +1 -1
- package/dist/chunks/TabPanels +1 -2
- package/dist/chunks/TabPanels.map +1 -1
- package/dist/chunks/Tabs +1 -2
- package/dist/chunks/Tabs.map +1 -1
- package/dist/chunks/Tag +1 -2
- package/dist/chunks/Tag.map +1 -1
- package/dist/chunks/ThemeSelector +109 -85
- package/dist/chunks/ThemeSelector.map +1 -1
- package/dist/chunks/Toolbar +0 -1
- package/dist/chunks/Toolbar.map +1 -1
- package/dist/chunks/Tooltip +0 -1
- package/dist/chunks/Tooltip.map +1 -1
- package/dist/chunks/base +1 -2
- package/dist/chunks/compiler-runtime +2 -3
- package/dist/chunks/context +1 -2
- package/dist/chunks/core +3 -6
- package/dist/chunks/core.map +1 -1
- package/dist/chunks/core2 +0 -1
- package/dist/chunks/core2.map +1 -1
- package/dist/chunks/core3 +2 -5
- package/dist/chunks/core3.map +1 -1
- package/dist/chunks/core4 +0 -1
- package/dist/chunks/core4.map +1 -1
- package/dist/chunks/core5 +0 -1
- package/dist/chunks/core5.map +1 -1
- package/dist/chunks/core6 +9 -10
- package/dist/chunks/core6.map +1 -1
- package/dist/chunks/core7 +2 -5
- package/dist/chunks/core7.map +1 -1
- package/dist/chunks/core8 +1 -3
- package/dist/chunks/core8.map +1 -1
- package/dist/chunks/core9 +0 -1
- package/dist/chunks/core9.map +1 -1
- package/dist/chunks/navContext +1 -2
- package/dist/chunks/navContext.map +1 -1
- package/dist/chunks/tapTarget +0 -1
- package/dist/chunks/tapTarget.map +1 -1
- package/dist/chunks/types +1 -2
- package/dist/chunks/useHover +187 -225
- package/dist/chunks/useHover.map +1 -1
- package/dist/chunks/useSplash +1 -2
- package/dist/chunks/useSplash.map +1 -1
- package/dist/components/AppBar/AppBar/index.js +1 -2
- package/dist/components/AppBar/AppBarAction/index.js +1 -2
- package/dist/components/AppBar/AppBarAvatar/index.js +1 -2
- package/dist/components/AppBar/AppBarHeadline/index.js +1 -2
- package/dist/components/AppBar/AppBarState/index.js +2 -4
- package/dist/components/AppBar/AppBarState/index.js.map +1 -1
- package/dist/components/AppBar/core/index.js +2 -4
- package/dist/components/AppBar/core/index.js.map +1 -1
- package/dist/components/Button/Button/index.js +1 -2
- package/dist/components/Button/Button/index.js.map +1 -1
- package/dist/components/Button/ButtonGroups/ButtonGroup/index.js +1 -2
- package/dist/components/Button/ButtonGroups/ButtonGroupContext/index.js +3 -6
- package/dist/components/Button/ButtonGroups/ButtonGroupContext/index.js.map +1 -1
- package/dist/components/Button/ButtonGroups/ConnectedButton/index.js +1 -2
- package/dist/components/Button/ButtonGroups/ConnectedButtonGroup/index.js +1 -2
- package/dist/components/Button/IconButton/index.js +1 -2
- package/dist/components/Button/LinkButton/index.js +1 -2
- package/dist/components/Button/LinkButton/index.js.map +1 -1
- package/dist/components/Button/LinkIconButton/index.js +1 -2
- package/dist/components/Button/SplitButton/SplitButton/index.js +1 -2
- package/dist/components/Button/SplitButton/SplitButtonContext/index.js +2 -4
- package/dist/components/Button/SplitButton/SplitButtonContext/index.js.map +1 -1
- package/dist/components/Button/SplitButton/SplitButtonPrimary/index.js +1 -2
- package/dist/components/Button/SplitButton/SplitButtonTrigger/index.js +1 -2
- package/dist/components/Button/SplitButton/core/index.js +1 -2
- package/dist/components/Button/ToggleButton/index.js +1 -2
- package/dist/components/Button/ToggleButton/index.js.map +1 -1
- package/dist/components/Button/ToggleIconButton/index.js +1 -2
- package/dist/components/Button/core/index.js +1 -2
- package/dist/components/Calendar/BaseCalendar/index.js +1 -2
- package/dist/components/Calendar/Calendar/index.js +1 -2
- package/dist/components/Calendar/Calendar/index.js.map +1 -1
- package/dist/components/Calendar/CalendarCell/index.js +1 -2
- package/dist/components/Calendar/CalendarGrid/index.js +1 -2
- package/dist/components/Calendar/CalendarMenuItem/index.js +1 -2
- package/dist/components/Calendar/CalendarMonthMenu/index.js +1 -2
- package/dist/components/Calendar/CalendarMonthMenu/index.js.map +1 -1
- package/dist/components/Calendar/CalendarYearMenu/index.js +1 -2
- package/dist/components/Calendar/CalendarYearMenu/index.js.map +1 -1
- package/dist/components/Calendar/RangeCalendar/index.js +1 -2
- package/dist/components/Calendar/RangeCalendar/index.js.map +1 -1
- package/dist/components/Calendar/core/index.js +1 -2
- package/dist/components/Card/CardIcon/index.js +1 -2
- package/dist/components/Decorators/GridBackgroundDecorator/index.js +1 -2
- package/dist/components/Decorators/RadialGlowDecorator/index.js +1 -2
- package/dist/components/Dialog/ActionDialog/index.js +1 -2
- package/dist/components/Dialog/Dialog/index.js +1 -2
- package/dist/components/Dialog/Modal/index.js +1 -2
- package/dist/components/Dialog/ModalOverlay/index.js +1 -2
- package/dist/components/Dialog/core/index.js +2 -4
- package/dist/components/Dialog/core/index.js.map +1 -1
- package/dist/components/Disclosure/Disclosure/index.js +1 -2
- package/dist/components/Disclosure/DisclosureGroup/index.js +1 -2
- package/dist/components/Disclosure/DisclosureHeader/index.js +1 -2
- package/dist/components/Disclosure/DisclosurePanel/index.js +1 -2
- package/dist/components/Disclosure/context/index.js +1 -2
- package/dist/components/Disclosure/context/index.js.map +1 -1
- package/dist/components/Divider/index.js +1 -2
- package/dist/components/Icon/index.js +1 -2
- package/dist/components/Input/CharacterCount/index.js +1 -2
- package/dist/components/Input/CharacterCount/index.js.map +1 -1
- package/dist/components/Input/Checkbox/Checkbox.d.ts +14 -3
- package/dist/components/Input/Checkbox/CheckboxGroup.d.ts +3 -3
- package/dist/components/Input/Checkbox/context.d.ts +2 -4
- package/dist/components/Input/Checkbox/types.d.ts +11 -26
- package/dist/components/Input/DateField/index.js +1 -2
- package/dist/components/Input/DatePicker/DatePicker/index.js +1 -2
- package/dist/components/Input/DatePicker/DateRangePicker/index.js +1 -2
- package/dist/components/Input/DatePicker/core/index.js +1 -2
- package/dist/components/Input/Description/index.js +1 -2
- package/dist/components/Input/Description/index.js.map +1 -1
- package/dist/components/Input/FieldError/index.js +1 -2
- package/dist/components/Input/Input/index.js +1 -2
- package/dist/components/Input/Label/index.js +1 -2
- package/dist/components/Input/Label/index.js.map +1 -1
- package/dist/components/Input/Radio/Radio.d.ts +5 -4
- package/dist/components/Input/Radio/RadioGroup.d.ts +2 -2
- package/dist/components/Input/Radio/context.d.ts +2 -4
- package/dist/components/Input/Radio/index.js +1 -2
- package/dist/components/Input/Radio/types.d.ts +11 -25
- package/dist/components/Input/SearchField/index.js +1 -2
- package/dist/components/Input/Select/ComboBox/index.js +1 -2
- package/dist/components/Input/Select/ComboBoxPopover/index.js +1 -2
- package/dist/components/Input/Select/ComboBoxTrigger/index.js +1 -2
- package/dist/components/Input/Select/Select/index.js +1 -2
- package/dist/components/Input/Select/SelectItem/index.js +1 -2
- package/dist/components/Input/Select/SelectList/index.js +1 -2
- package/dist/components/Input/Select/SelectListSection/index.js +1 -2
- package/dist/components/Input/Select/SelectListSection/index.js.map +1 -1
- package/dist/components/Input/Select/SelectListSectionHeader/index.js +1 -2
- package/dist/components/Input/Select/SelectListSectionHeader/index.js.map +1 -1
- package/dist/components/Input/Select/SelectPopover/index.js +1 -2
- package/dist/components/Input/Select/SelectTrigger/index.js +1 -2
- package/dist/components/Input/Slider/CenteredSlider/index.js +1 -2
- package/dist/components/Input/Slider/CenteredSlider/types.d.ts +1 -1
- package/dist/components/Input/Slider/RangeSlider/RangeSlider.d.ts +1 -1
- package/dist/components/Input/Slider/RangeSlider/index.js +1 -2
- package/dist/components/Input/Slider/RangeSlider/index.js.map +1 -1
- package/dist/components/Input/Slider/RangeSlider/types.d.ts +1 -1
- package/dist/components/Input/Slider/Slider/Slider.d.ts +1 -1
- package/dist/components/Input/Slider/Slider/index.js +1 -2
- package/dist/components/Input/Slider/Slider/types.d.ts +1 -1
- package/dist/components/Input/Slider/SliderOutput/SliderOutput.d.ts +2 -2
- package/dist/components/Input/Slider/SliderOutput/index.js +1 -2
- package/dist/components/Input/Slider/SliderStops/index.js +1 -2
- package/dist/components/Input/Slider/SliderStops/types.d.ts +1 -1
- package/dist/components/Input/Slider/SliderThumb/SliderThumb.d.ts +2 -2
- package/dist/components/Input/Slider/SliderThumb/context.d.ts +2 -2
- package/dist/components/Input/Slider/SliderThumb/index.js +1 -2
- package/dist/components/Input/Slider/core/index.js +1 -2
- package/dist/components/Input/Slider/core/slider.d.ts +3 -3
- package/dist/components/Input/Switch/Switch.d.ts +20 -3
- package/dist/components/Input/Switch/index.js +1 -2
- package/dist/components/Input/Switch/types.d.ts +11 -12
- package/dist/components/Input/TextArea/index.js +1 -2
- package/dist/components/Input/TimeField/index.js +1 -2
- package/dist/components/Input/core/index.js +1 -2
- package/dist/components/Input/hooks/index.js +1 -2
- package/dist/components/List/ListAction/ListAction.d.ts +2 -2
- package/dist/components/List/ListAction/index.js +1 -2
- package/dist/components/List/ListAvatar/ListAvatar.d.ts +2 -2
- package/dist/components/List/ListAvatar/index.js +1 -2
- package/dist/components/List/ListBox/ListBox.d.ts +3 -3
- package/dist/components/List/ListBox/index.js +1 -2
- package/dist/components/List/ListBox/types.d.ts +14 -2
- package/dist/components/List/ListIcon/ListIcon.d.ts +2 -2
- package/dist/components/List/ListIcon/index.js +1 -2
- package/dist/components/List/ListItem/ListItem.d.ts +2 -1
- package/dist/components/List/ListItem/index.js +1 -2
- package/dist/components/List/ListItem/types.d.ts +17 -4
- package/dist/components/List/ListLabelText/ListLabelText.d.ts +2 -2
- package/dist/components/List/ListLabelText/index.js +1 -2
- package/dist/components/List/ListMedia/ListMedia.d.ts +1 -1
- package/dist/components/List/ListMedia/index.js +1 -2
- package/dist/components/List/ListMedia/types.d.ts +2 -2
- package/dist/components/List/ListOverlineText/ListOverlineText.d.ts +2 -2
- package/dist/components/List/ListOverlineText/index.js +1 -2
- package/dist/components/List/ListSupportingText/ListSupportingText.d.ts +2 -2
- package/dist/components/List/ListSupportingText/index.js +1 -2
- package/dist/components/List/ListTrailingText/ListTrailingText.d.ts +2 -2
- package/dist/components/List/ListTrailingText/index.js +1 -2
- package/dist/components/List/core/context.d.ts +18 -0
- package/dist/components/List/core/index.d.ts +2 -0
- package/dist/components/List/core/index.js +9 -0
- package/dist/components/List/core/index.js.map +1 -0
- package/dist/components/List/core/selectionIndicator.d.ts +8 -0
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/List/index.js +12 -11
- package/dist/components/Loader/Loader.d.ts +2 -2
- package/dist/components/Loader/index.js +1 -2
- package/dist/components/Menu/Menu/index.js +1 -2
- package/dist/components/Menu/Menu/index.js.map +1 -1
- package/dist/components/Menu/Menu/types.d.ts +3 -3
- package/dist/components/Menu/MenuItem/MenuItem.d.ts +2 -2
- package/dist/components/Menu/MenuItem/index.js +1 -2
- package/dist/components/Menu/MenuItem/index.js.map +1 -1
- package/dist/components/Menu/MenuItem/types.d.ts +3 -3
- package/dist/components/Menu/MenuPopover/MenuPopover.d.ts +3 -3
- package/dist/components/Menu/MenuPopover/index.js +1 -2
- package/dist/components/Menu/MenuSection/MenuSection.d.ts +4 -4
- package/dist/components/Menu/MenuSection/index.js +1 -2
- package/dist/components/Menu/MenuSection/index.js.map +1 -1
- package/dist/components/Menu/MenuSectionHeader/MenuSectionHeader.d.ts +2 -2
- package/dist/components/Menu/MenuSectionHeader/index.js +1 -2
- package/dist/components/Menu/MenuSectionHeader/index.js.map +1 -1
- package/dist/components/Menu/MenuShortcut/MenuShortcut.d.ts +2 -2
- package/dist/components/Menu/MenuShortcut/index.js +1 -2
- package/dist/components/Menu/MenuShortcut/index.js.map +1 -1
- package/dist/components/Menu/MenuTrailingText/MenuTrailingText.d.ts +2 -2
- package/dist/components/Menu/MenuTrailingText/index.js +1 -2
- package/dist/components/Menu/MenuTrailingText/index.js.map +1 -1
- package/dist/components/Menu/MenuTrigger/MenuTrigger.d.ts +3 -3
- package/dist/components/Menu/MenuTrigger/index.js +1 -2
- package/dist/components/Menu/MenuTrigger/index.js.map +1 -1
- package/dist/components/Menu/SubmenuPopover/SubmenuPopover.d.ts +1 -1
- package/dist/components/Menu/SubmenuPopover/index.js +1 -2
- package/dist/components/Menu/context/context.d.ts +1 -1
- package/dist/components/Menu/context/index.js +2 -4
- package/dist/components/Menu/context/index.js.map +1 -1
- package/dist/components/Menu/context/useMenuConfigContext.d.ts +1 -1
- package/dist/components/Menu/core/color.d.ts +1 -1
- package/dist/components/Menu/core/index.js +1 -2
- package/dist/components/Menu/core/layout.d.ts +1 -1
- package/dist/components/Navigation/Navigation/Navigation.d.ts +1 -1
- package/dist/components/Navigation/Navigation/navContext.d.ts +1 -1
- package/dist/components/Navigation/Navigation/navRenderingContext.d.ts +2 -2
- package/dist/components/Navigation/Navigation/types.d.ts +3 -3
- package/dist/components/Navigation/NavigationItem/NavigationButton/NavigationButton.d.ts +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationButton/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/NavigationButton/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationButton/types.d.ts +2 -2
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/NavigationItemIconRenderer.d.ts +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationLink/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/NavigationLink/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationLink/types.d.ts +2 -2
- package/dist/components/Navigation/NavigationItem/core/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/core/navigationItem.d.ts +2 -2
- package/dist/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.d.ts +2 -2
- package/dist/components/Navigation/NavigationScrollContainer/index.js +1 -2
- package/dist/components/Navigation/NavigationSection/NavigationSection/NavigationSection.d.ts +1 -1
- package/dist/components/Navigation/NavigationSection/NavigationSection/index.js +1 -2
- package/dist/components/Navigation/NavigationSection/NavigationSectionLabel/NavigationSectionLabel.d.ts +2 -2
- package/dist/components/Navigation/NavigationSection/NavigationSectionLabel/index.js +1 -2
- package/dist/components/Navigation/NavigationState/NavigationState.d.ts +2 -2
- package/dist/components/Navigation/NavigationState/context.d.ts +2 -2
- package/dist/components/Navigation/NavigationState/index.js +2 -4
- package/dist/components/Navigation/NavigationState/index.js.map +1 -1
- package/dist/components/Navigation/SubNavigation/SubNavigation/SubNavigation.d.ts +2 -2
- package/dist/components/Navigation/SubNavigation/SubNavigation/index.js +1 -2
- package/dist/components/Navigation/SubNavigation/SubNavigation/index.js.map +1 -1
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.d.ts +3 -3
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js +1 -2
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js.map +1 -1
- package/dist/components/Navigation/core/index.js +1 -2
- package/dist/components/Navigation/core/navigation.d.ts +2 -2
- package/dist/components/Navigation/core/navigationInfo.d.ts +2 -2
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Popover/index.js +1 -2
- package/dist/components/Sheets/BottomSheet/BottomSheet/index.d.ts +2 -0
- package/dist/components/Sheets/BottomSheet/BottomSheet/index.js +1 -0
- package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/context.d.ts +1 -1
- package/dist/components/Sheets/BottomSheet/BottomSheetModal/index.js +1 -0
- package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/types.d.ts +1 -1
- package/dist/components/Sheets/BottomSheet/index.d.ts +1 -1
- package/dist/components/Sheets/BottomSheet/index.js +3 -2
- package/dist/components/Sheets/SideSheet/SideSheet/index.d.ts +3 -0
- package/dist/components/Sheets/SideSheet/SideSheet/index.js +1 -0
- package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/context.d.ts +1 -1
- package/dist/components/Sheets/SideSheet/SideSheetModal/index.js +1 -0
- package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/types.d.ts +1 -1
- package/dist/components/Sheets/SideSheet/index.d.ts +1 -2
- package/dist/components/Sheets/SideSheet/index.js +3 -2
- package/dist/components/Sheets/index.d.ts +0 -2
- package/dist/components/Snackbar/index.js +1 -2
- package/dist/components/Splash/index.js +1 -2
- package/dist/components/Tabs/Tab/index.js +1 -2
- package/dist/components/Tabs/TabList/index.js +1 -2
- package/dist/components/Tabs/TabPanel/index.js +1 -2
- package/dist/components/Tabs/TabPanels/index.js +1 -2
- package/dist/components/Tabs/Tabs/index.js +1 -2
- package/dist/components/Tag/index.js +1 -2
- package/dist/components/ThemeSelector/ThemeItem.d.ts +7 -1
- package/dist/components/ThemeSelector/ThemeSelector.d.ts +2 -2
- package/dist/components/ThemeSelector/core.d.ts +21 -11
- package/dist/components/ThemeSelector/index.js +1 -2
- package/dist/components/ThemeSelector/types.d.ts +41 -0
- package/dist/components/Toolbar/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltip/RichTooltip.d.ts +4 -4
- package/dist/components/Tooltip/RichTooltip/RichTooltip/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipActions/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipInfo/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js.map +1 -1
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js.map +1 -1
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/RichTooltipTrigger.d.ts +53 -0
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/index.d.ts +1 -0
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/index.js +11 -0
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/index.js.map +1 -0
- package/dist/components/Tooltip/RichTooltip/index.d.ts +1 -0
- package/dist/components/Tooltip/RichTooltip/index.js +2 -1
- package/dist/components/Tooltip/Tooltip/index.js +1 -2
- package/dist/components/Tooltip/TooltipTrigger/index.js +1 -2
- package/dist/components/Tooltip/index.js +4 -3
- package/dist/index.js +111 -111
- package/dist/index.js.map +1 -1
- package/dist/preview/AppBar/AppBar.d.ts +2 -0
- package/dist/preview/AppBar/index.d.ts +1 -0
- package/dist/preview/BottomSheet/BottomSheet.d.ts +6 -0
- package/dist/preview/BottomSheet/index.d.ts +1 -0
- package/dist/preview/Button/Button.d.ts +2 -0
- package/dist/preview/Button/index.d.ts +1 -0
- package/dist/preview/ButtonGroup/ButtonGroup.d.ts +2 -0
- package/dist/preview/ButtonGroup/index.d.ts +1 -0
- package/dist/preview/Calendar/Calendar.d.ts +2 -0
- package/dist/preview/Calendar/index.d.ts +1 -0
- package/dist/preview/Card/Card.d.ts +2 -0
- package/dist/preview/Card/index.d.ts +1 -0
- package/dist/preview/CenteredSlider/CenteredSlider.d.ts +2 -0
- package/dist/preview/CenteredSlider/index.d.ts +1 -0
- package/dist/preview/Checkbox/Checkbox.d.ts +2 -0
- package/dist/preview/Checkbox/index.d.ts +1 -0
- package/dist/preview/Config/Config.d.ts +8 -0
- package/dist/preview/Config/index.d.ts +1 -0
- package/dist/preview/ConnectedButtonGroup/ConnectedButtonGroup.d.ts +2 -0
- package/dist/preview/ConnectedButtonGroup/index.d.ts +1 -0
- package/dist/preview/DateField/DateField.d.ts +6 -0
- package/dist/preview/DateField/index.d.ts +1 -0
- package/dist/preview/DatePicker/DatePicker.d.ts +2 -0
- package/dist/preview/DatePicker/index.d.ts +1 -0
- package/dist/preview/DateRangePicker/DateRangePicker.d.ts +2 -0
- package/dist/preview/DateRangePicker/index.d.ts +1 -0
- package/dist/preview/Decorators/Decorators.d.ts +2 -0
- package/dist/preview/Decorators/index.d.ts +1 -0
- package/dist/preview/Dialog/Dialog.d.ts +2 -0
- package/dist/preview/Dialog/index.d.ts +1 -0
- package/dist/preview/Disclosure/Disclosure.d.ts +2 -0
- package/dist/preview/Disclosure/index.d.ts +1 -0
- package/dist/preview/Gradients/Gradients.d.ts +6 -0
- package/dist/preview/Gradients/index.d.ts +1 -0
- package/dist/preview/Icon/Icon.d.ts +2 -0
- package/dist/preview/Icon/index.d.ts +1 -0
- package/dist/preview/IconButton/IconButton.d.ts +2 -0
- package/dist/preview/IconButton/index.d.ts +1 -0
- package/dist/preview/Input/Input.d.ts +6 -0
- package/dist/preview/Input/index.d.ts +1 -0
- package/dist/preview/Link/Link.d.ts +2 -0
- package/dist/preview/Link/index.d.ts +1 -0
- package/dist/preview/List/List.d.ts +2 -0
- package/dist/preview/List/index.d.ts +1 -0
- package/dist/preview/Menu/Menu.d.ts +3 -0
- package/dist/preview/Menu/index.d.ts +1 -0
- package/dist/preview/Navigation/Navigation.d.ts +3 -0
- package/dist/preview/Navigation/index.d.ts +1 -0
- package/dist/preview/Radio/Radio.d.ts +2 -0
- package/dist/preview/Radio/index.d.ts +1 -0
- package/dist/preview/RangeCalendar/RangeCalendar.d.ts +2 -0
- package/dist/preview/RangeCalendar/index.d.ts +1 -0
- package/dist/preview/RangeSlider/RangeSlider.d.ts +2 -0
- package/dist/preview/RangeSlider/index.d.ts +1 -0
- package/dist/preview/SearchField/SearchField.d.ts +2 -0
- package/dist/preview/SearchField/index.d.ts +1 -0
- package/dist/preview/Select/Select.d.ts +2 -0
- package/dist/preview/Select/index.d.ts +1 -0
- package/dist/preview/SideSheet/SideSheet.d.ts +7 -0
- package/dist/preview/SideSheet/index.d.ts +1 -0
- package/dist/preview/Slider/Slider.d.ts +2 -0
- package/dist/preview/Slider/index.d.ts +1 -0
- package/dist/preview/Snackbar/Snackbar.d.ts +2 -0
- package/dist/preview/Snackbar/index.d.ts +1 -0
- package/dist/preview/SplitButton/SplitButton.d.ts +10 -0
- package/dist/preview/SplitButton/index.d.ts +1 -0
- package/dist/preview/Switch/Switch.d.ts +2 -0
- package/dist/preview/Switch/index.d.ts +1 -0
- package/dist/preview/Tabs/Tabs.d.ts +7 -0
- package/dist/preview/Tabs/index.d.ts +1 -0
- package/dist/preview/Tags/Tags.d.ts +2 -0
- package/dist/preview/Tags/index.d.ts +1 -0
- package/dist/preview/TextArea/TextArea.d.ts +6 -0
- package/dist/preview/TextArea/index.d.ts +1 -0
- package/dist/preview/ThemeSelector/ThemeSelector.d.ts +2 -0
- package/dist/preview/ThemeSelector/index.d.ts +1 -0
- package/dist/preview/TimeField/TimeField.d.ts +6 -0
- package/dist/preview/TimeField/index.d.ts +1 -0
- package/dist/preview/Toolbar/Toolbar.d.ts +10 -0
- package/dist/preview/Toolbar/index.d.ts +1 -0
- package/dist/preview/Tooltip/Tooltip.d.ts +2 -0
- package/dist/preview/Tooltip/index.d.ts +1 -0
- package/package.json +13 -13
- package/dist/components/Sheets/BottomSheetModal/index.js +0 -2
- package/dist/components/Sheets/SideSheetModal/index.js +0 -2
- /package/dist/components/Sheets/BottomSheet/{BottomSheet.d.ts → BottomSheet/BottomSheet.d.ts} +0 -0
- /package/dist/components/Sheets/BottomSheet/{types.d.ts → BottomSheet/types.d.ts} +0 -0
- /package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/BottomSheetModal.d.ts +0 -0
- /package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/index.d.ts +0 -0
- /package/dist/components/Sheets/SideSheet/{SideSheet.d.ts → SideSheet/SideSheet.d.ts} +0 -0
- /package/dist/components/Sheets/SideSheet/{SideSheetDialog.d.ts → SideSheet/SideSheetDialog.d.ts} +0 -0
- /package/dist/components/Sheets/SideSheet/{types.d.ts → SideSheet/types.d.ts} +0 -0
- /package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/SideSheetModal.d.ts +0 -0
- /package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/index.d.ts +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Heading } from 'react-aria-components';
|
|
2
2
|
/**
|
|
3
|
-
* Props for the [`NavigationSectionLabel`](
|
|
3
|
+
* Props for the [`NavigationSectionLabel`](src/components/Navigation/NavigationSection/NavigationSectionLabel/NavigationSectionLabel.tsx) component.
|
|
4
4
|
*/
|
|
5
5
|
export interface NavigationSectionLabelProps extends React.ComponentPropsWithRef<typeof Heading> {
|
|
6
6
|
}
|
|
7
7
|
/**
|
|
8
|
-
* Styled title heading for a [`NavigationSection`](
|
|
8
|
+
* Styled title heading for a [`NavigationSection`](src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx).
|
|
9
9
|
*
|
|
10
10
|
* Rendered with Material Design 3 `titleSmall` typography and accessible heading semantics.
|
|
11
11
|
*
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as NavigationSectionLabel };
|
|
1
|
+
export { t as NavigationSectionLabel } from "../../../../chunks/NavigationSectionLabel";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
* Props for the [`NavigationState`](
|
|
3
|
+
* Props for the [`NavigationState`](src/components/Navigation/NavigationState/NavigationState.tsx) component.
|
|
4
4
|
*/
|
|
5
5
|
export interface NavigationStateProps {
|
|
6
6
|
/**
|
|
7
|
-
* Child elements, typically one or more [`Navigation`](
|
|
7
|
+
* Child elements, typically one or more [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) instances.
|
|
8
8
|
*/
|
|
9
9
|
children?: ReactNode;
|
|
10
10
|
}
|
|
@@ -34,8 +34,8 @@ export declare const NavigationStateContext: import('react').Context<NavigationS
|
|
|
34
34
|
/**
|
|
35
35
|
* Hook to access the current navigation state manager.
|
|
36
36
|
*
|
|
37
|
-
* @throws If called outside of a [`NavigationState`](
|
|
38
|
-
* or [`Navigation`](
|
|
37
|
+
* @throws If called outside of a [`NavigationState`](src/components/Navigation/NavigationState/NavigationState.tsx)
|
|
38
|
+
* or [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) component.
|
|
39
39
|
* @returns The current {@link NavigationStateContextType}.
|
|
40
40
|
*/
|
|
41
41
|
export declare function useNavigationState(): NavigationStateContextType;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { t as e } from "../../../chunks/compiler-runtime";
|
|
2
2
|
import { createContext as t, useContext as n, useRef as r, useState as i } from "react";
|
|
3
3
|
import { jsx as a } from "react/jsx-runtime";
|
|
4
|
-
|
|
4
|
+
// src/components/Navigation/NavigationState/context.ts
|
|
5
5
|
var o = t(null);
|
|
6
6
|
function s() {
|
|
7
7
|
let e = n(o);
|
|
8
8
|
if (e === null) throw Error("Missing navigation state. Ensure this component is rendered within Navigation component.");
|
|
9
9
|
return e;
|
|
10
10
|
}
|
|
11
|
-
|
|
12
|
-
//#region src/components/Navigation/NavigationState/NavigationState.tsx
|
|
11
|
+
// src/components/Navigation/NavigationState/NavigationState.tsx
|
|
13
12
|
var c = e(), l = (e) => {
|
|
14
13
|
let t = (0, c.c)(18), { children: n } = e, s;
|
|
15
14
|
t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], t[0] = s) : s = t[0];
|
|
@@ -55,7 +54,6 @@ var c = e(), l = (e) => {
|
|
|
55
54
|
children: n
|
|
56
55
|
}), t[15] = n, t[16] = T, t[17] = E) : E = t[17], E;
|
|
57
56
|
};
|
|
58
|
-
//#endregion
|
|
59
57
|
export { l as NavigationState, o as NavigationStateContext, s as useNavigationState };
|
|
60
58
|
|
|
61
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["id","item","x","prev","depth","children","_c","require_compiler_runtime","NavigationStateContext","createContext","useNavigationState","ctx","useContext","import_compiler_runtime","NavigationState","$","t0","t1","openSubNavs","setOpenSubNavs","useState","t2","navScrollRef","useRef","t3","id","getNavigationScrollProgress","t4","prev","item","depth","id_0","openSubNavigation","t5","item_0","x","id_1","removedItems","x_0","removedItem","prev_0","x_1","closeSubNavigation","t6","id_2","progress","saveNavigationScrollTopProgress","t7","item_1","id_3","isSubNavigationOpen","t8","depth_0","isInert","t9","t10","children"],"sources":["../../../../src/components/Navigation/NavigationState/context.ts","../../../../src/components/Navigation/NavigationState/NavigationState.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value managing sub-navigation transitions, inert state tracking, and scroll progress synchronization.\n */\nexport type NavigationStateContextType = {\n /**\n * Opens a sub-navigation panel at the specified depth level.\n */\n openSubNavigation: (id: string, depth: number) => void;\n /**\n * Closes the sub-navigation panel matching `id` and any panels nested deeper.\n */\n closeSubNavigation: (id: string) => void;\n /**\n * Saves scroll progress (0 to 1) for the navigation level matching `id`.\n */\n saveNavigationScrollTopProgress: (id: string, progress: number) => void;\n\n /**\n * Checks whether a given sub-navigation panel is currently open.\n */\n isSubNavigationOpen: (id: string) => boolean;\n /**\n * Checks whether a given depth level should be inert (i.e. covered by a deeper active sub-navigation panel).\n */\n isInert: (depth: number) => boolean;\n\n /**\n * Retrieves the saved scroll progress (0 to 1) for the navigation level matching `id`.\n */\n getNavigationScrollProgress: (id: string) => number;\n};\n\n/**\n * React context coordinating navigation transition stacks, inert states, and scroll synchronization.\n */\nexport const NavigationStateContext =\n createContext<NavigationStateContextType | null>(null);\n\n/**\n * Hook to access the current navigation state manager.\n *\n * @throws If called outside of a [`NavigationState`](
|
|
1
|
+
{"version":3,"file":"index.js","names":["id","item","x","prev","depth","children","_c","require_compiler_runtime","NavigationStateContext","createContext","useNavigationState","ctx","useContext","import_compiler_runtime","NavigationState","$","t0","t1","openSubNavs","setOpenSubNavs","useState","t2","navScrollRef","useRef","t3","id","getNavigationScrollProgress","t4","prev","item","depth","id_0","openSubNavigation","t5","item_0","x","id_1","removedItems","x_0","removedItem","prev_0","x_1","closeSubNavigation","t6","id_2","progress","saveNavigationScrollTopProgress","t7","item_1","id_3","isSubNavigationOpen","t8","depth_0","isInert","t9","t10","children"],"sources":["../../../../src/components/Navigation/NavigationState/context.ts","../../../../src/components/Navigation/NavigationState/NavigationState.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value managing sub-navigation transitions, inert state tracking, and scroll progress synchronization.\n */\nexport type NavigationStateContextType = {\n /**\n * Opens a sub-navigation panel at the specified depth level.\n */\n openSubNavigation: (id: string, depth: number) => void;\n /**\n * Closes the sub-navigation panel matching `id` and any panels nested deeper.\n */\n closeSubNavigation: (id: string) => void;\n /**\n * Saves scroll progress (0 to 1) for the navigation level matching `id`.\n */\n saveNavigationScrollTopProgress: (id: string, progress: number) => void;\n\n /**\n * Checks whether a given sub-navigation panel is currently open.\n */\n isSubNavigationOpen: (id: string) => boolean;\n /**\n * Checks whether a given depth level should be inert (i.e. covered by a deeper active sub-navigation panel).\n */\n isInert: (depth: number) => boolean;\n\n /**\n * Retrieves the saved scroll progress (0 to 1) for the navigation level matching `id`.\n */\n getNavigationScrollProgress: (id: string) => number;\n};\n\n/**\n * React context coordinating navigation transition stacks, inert states, and scroll synchronization.\n */\nexport const NavigationStateContext =\n createContext<NavigationStateContextType | null>(null);\n\n/**\n * Hook to access the current navigation state manager.\n *\n * @throws If called outside of a [`NavigationState`](src/components/Navigation/NavigationState/NavigationState.tsx)\n * or [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) component.\n * @returns The current {@link NavigationStateContextType}.\n */\nexport function useNavigationState() {\n const ctx = useContext(NavigationStateContext);\n if (ctx === null) {\n throw new Error(\n \"Missing navigation state. Ensure this component is rendered within Navigation component.\"\n );\n }\n\n return ctx;\n}\n","import { type ReactNode, useCallback, useRef, useState } from \"react\";\nimport { NavigationStateContext } from \"./context\";\nimport type { NavScrollInfo, SubNavItem } from \"./types\";\n\n/**\n * Props for the [`NavigationState`](src/components/Navigation/NavigationState/NavigationState.tsx) component.\n */\nexport interface NavigationStateProps {\n /**\n * Child elements, typically one or more [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) instances.\n */\n children?: ReactNode;\n}\n\n/**\n * Global navigation state coordinator component.\n *\n * Coordinates active sub-navigation panel stacks, tracks inert states for covered panels,\n * and maintains scroll position synchronization across multiple navigation instances\n * (such as a persistent desktop sidebar and a mobile drawer).\n *\n * @example\n * ```tsx\n * import { NavigationState, Navigation } from \"@adgytec/web-ui-components\";\n *\n * <NavigationState>\n * <Navigation label=\"Main Navigation\">\n * {...}\n * </Navigation>\n * </NavigationState>\n * ```\n */\nexport const NavigationState: React.FC<NavigationStateProps> = ({\n children,\n}) => {\n const [openSubNavs, setOpenSubNavs] = useState<SubNavItem[]>([]);\n const navScrollRef = useRef<NavScrollInfo>({});\n\n const getNavigationScrollProgress = useCallback((id: string) => {\n return navScrollRef.current[id] ?? 0;\n }, []);\n\n const openSubNavigation = useCallback((id: string, depth: number) => {\n setOpenSubNavs((prev) => [\n ...prev.filter((item) => item.depth < depth),\n { id, depth },\n ]);\n }, []);\n\n const closeSubNavigation = useCallback(\n (id: string) => {\n const item = openSubNavs.find((x) => x.id === id);\n if (!item) {\n return;\n }\n\n const removedItems = openSubNavs.filter(\n (x) => x.depth >= item.depth\n );\n for (const removedItem of removedItems) {\n delete navScrollRef.current[removedItem.id];\n }\n\n setOpenSubNavs((prev) => prev.filter((x) => x.depth < item.depth));\n },\n [openSubNavs]\n );\n\n const saveNavigationScrollTopProgress = useCallback(\n (id: string, progress: number) => {\n navScrollRef.current[id] = progress;\n },\n []\n );\n\n const isSubNavigationOpen = useCallback(\n (id: string) => {\n return openSubNavs.some((item) => item.id === id);\n },\n [openSubNavs]\n );\n\n const isInert = useCallback(\n (depth: number) => {\n const activeDepth = openSubNavs[openSubNavs.length - 1]?.depth ?? 0;\n\n return depth < activeDepth;\n },\n [openSubNavs]\n );\n\n return (\n <NavigationStateContext\n value={{\n getNavigationScrollProgress,\n openSubNavigation,\n closeSubNavigation,\n saveNavigationScrollTopProgress,\n isSubNavigationOpen,\n isInert,\n }}\n >\n {children}\n </NavigationStateContext>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
* Props for the [`SubNavigation`](
|
|
3
|
+
* Props for the [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) component.
|
|
4
4
|
*/
|
|
5
5
|
export interface SubNavigationProps extends React.ComponentPropsWithRef<"nav"> {
|
|
6
6
|
/**
|
|
7
7
|
* Heading title displayed at the top of the sub-navigation panel.
|
|
8
8
|
* If omitted, inherits the label provided to the ancestor
|
|
9
|
-
* [`SubNavigationTrigger`](
|
|
9
|
+
* [`SubNavigationTrigger`](src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx).
|
|
10
10
|
*/
|
|
11
11
|
label?: ReactNode;
|
|
12
12
|
}
|
|
@@ -14,7 +14,7 @@ import { ArrowLeft as _ } from "lucide-react";
|
|
|
14
14
|
import { FocusScope as v, useObjectRef as y } from "react-aria";
|
|
15
15
|
import { Transition as b } from "react-transition-group";
|
|
16
16
|
import { createPortal as x } from "react-dom";
|
|
17
|
-
|
|
17
|
+
// src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx
|
|
18
18
|
var S = e(), C = (e) => {
|
|
19
19
|
let C = (0, S.c)(30), w, T, E, D, O, k, A;
|
|
20
20
|
C[0] === e ? (w = C[1], T = C[2], E = C[3], D = C[4], O = C[5], k = C[6], A = C[7]) : ({className: T, label: D, children: w, inert: E, ref: k, style: A, ...O} = e, C[0] = e, C[1] = w, C[2] = T, C[3] = E, C[4] = D, C[5] = O, C[6] = k, C[7] = A);
|
|
@@ -70,7 +70,6 @@ var S = e(), C = (e) => {
|
|
|
70
70
|
let W;
|
|
71
71
|
return C[27] !== L || C[28] !== U ? (W = x(U, L), C[27] = L, C[28] = U, C[29] = W) : W = C[29], W;
|
|
72
72
|
};
|
|
73
|
-
//#endregion
|
|
74
73
|
export { C as SubNavigation };
|
|
75
74
|
|
|
76
75
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["subNavRef","status","ArrowLeft","headerLabel","children","_c","clsx","require_compiler_runtime","typography","useNavigationInfo","NavLabelContext","useNavigationContainer","clsx$1","import_compiler_runtime","SubNavigation","$","children","className","inert","label","props","ref","style","t0","subNavRef","useObjectRef","isInModal","useInDialog","useNavigationState","triggerLabel","useContext","headerLabel","container","t1","t2","id","isSubNavigationOpen","t3","depth","isInert","FocusScope","NavigationStyles","status","Header","SubNavigationHeaderStyles","IconButton","ArrowLeft","Heading","NavigationScrollContainer","t4","Transition","t5","createPortal"],"sources":["../../../../../src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { type ReactNode, useContext } from \"react\";\nimport { FocusScope, useObjectRef } from \"react-aria\";\nimport { Header, Heading } from \"react-aria-components\";\nimport { createPortal } from \"react-dom\";\nimport { Transition } from \"react-transition-group\";\nimport { IconButton } from \"@/components/Button\";\nimport { useInDialog } from \"@/components/Dialog\";\nimport { typography } from \"@/utils\";\nimport {\n NavigationStyles,\n NavLabelContext,\n SubNavigationHeaderStyles,\n useNavigationInfo,\n} from \"../../core\";\nimport { useNavigationContainer } from \"../../Navigation\";\nimport { NavigationScrollContainer } from \"../../NavigationScrollContainer\";\nimport { useNavigationState } from \"../../NavigationState\";\n\n/**\n * Props for the [`SubNavigation`](
|
|
1
|
+
{"version":3,"file":"index.js","names":["subNavRef","status","ArrowLeft","headerLabel","children","_c","clsx","require_compiler_runtime","typography","useNavigationInfo","NavLabelContext","useNavigationContainer","clsx$1","import_compiler_runtime","SubNavigation","$","children","className","inert","label","props","ref","style","t0","subNavRef","useObjectRef","isInModal","useInDialog","useNavigationState","triggerLabel","useContext","headerLabel","container","t1","t2","id","isSubNavigationOpen","t3","depth","isInert","FocusScope","NavigationStyles","status","Header","SubNavigationHeaderStyles","IconButton","ArrowLeft","Heading","NavigationScrollContainer","t4","Transition","t5","createPortal"],"sources":["../../../../../src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { type ReactNode, useContext } from \"react\";\nimport { FocusScope, useObjectRef } from \"react-aria\";\nimport { Header, Heading } from \"react-aria-components\";\nimport { createPortal } from \"react-dom\";\nimport { Transition } from \"react-transition-group\";\nimport { IconButton } from \"@/components/Button\";\nimport { useInDialog } from \"@/components/Dialog\";\nimport { typography } from \"@/utils\";\nimport {\n NavigationStyles,\n NavLabelContext,\n SubNavigationHeaderStyles,\n useNavigationInfo,\n} from \"../../core\";\nimport { useNavigationContainer } from \"../../Navigation\";\nimport { NavigationScrollContainer } from \"../../NavigationScrollContainer\";\nimport { useNavigationState } from \"../../NavigationState\";\n\n/**\n * Props for the [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) component.\n */\nexport interface SubNavigationProps extends React.ComponentPropsWithRef<\"nav\"> {\n /**\n * Heading title displayed at the top of the sub-navigation panel.\n * If omitted, inherits the label provided to the ancestor\n * [`SubNavigationTrigger`](src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx).\n */\n label?: ReactNode;\n}\n\n/**\n * Secondary sliding navigation panel rendered into the root navigation container via a React Portal.\n *\n * Provides a dedicated header with an animated back button, accessible focus containment via `FocusScope`,\n * slide-in transition animations, and independent scroll position synchronization.\n *\n * @example\n * ```tsx\n * import {\n * SubNavigationTrigger,\n * NavigationButton,\n * SubNavigation,\n * NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Folder, Plus } from \"lucide-react\";\n *\n * <SubNavigationTrigger stateID=\"projects\" label=\"Projects\">\n * <NavigationButton icon={Folder} />\n * <SubNavigation>\n * <NavigationLink href=\"/projects/new\" label=\"New Project\" icon={Plus} />\n * </SubNavigation>\n * </SubNavigationTrigger>\n * ```\n */\nexport const SubNavigation: React.FC<SubNavigationProps> = ({\n className,\n label,\n children,\n inert,\n ref,\n style,\n ...props\n}) => {\n const subNavRef = useObjectRef(ref);\n\n const isInModal = useInDialog();\n\n const { id, depth } = useNavigationInfo();\n const { isInert, isSubNavigationOpen } = useNavigationState();\n const { container } = useNavigationContainer();\n\n const triggerLabel = useContext(NavLabelContext);\n const headerLabel = label ?? triggerLabel;\n\n if (container === null) return null;\n\n return createPortal(\n <Transition\n nodeRef={subNavRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n in={isSubNavigationOpen(id)}\n mountOnEnter\n unmountOnExit\n >\n {(status) => (\n <FocusScope restoreFocus>\n <nav\n ref={subNavRef}\n className={clsx(NavigationStyles, className)}\n {...props}\n style={{\n ...style,\n zIndex: depth + 1,\n }}\n inert={inert ?? isInert(depth)}\n data-header={true}\n data-status={status}\n data-sub-nav={true}\n data-modal={isInModal || undefined}\n >\n <Header className={clsx(SubNavigationHeaderStyles)}>\n <IconButton\n icon={ArrowLeft}\n color=\"standard\"\n slot=\"close\"\n data-close-button\n />\n\n {headerLabel && (\n <Heading\n className={clsx(typography.titleLarge)}\n data-heading\n >\n {headerLabel}\n </Heading>\n )}\n </Header>\n\n <NavigationScrollContainer>\n {children}\n </NavigationScrollContainer>\n </nav>\n </FocusScope>\n )}\n </Transition>,\n container\n );\n};\n"],"mappings":"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"}
|
package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
* Props for the [`SubNavigationTrigger`](
|
|
3
|
+
* Props for the [`SubNavigationTrigger`](src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx) component.
|
|
4
4
|
*/
|
|
5
5
|
export interface SubNavigationTriggerProps {
|
|
6
6
|
/**
|
|
@@ -8,7 +8,7 @@ export interface SubNavigationTriggerProps {
|
|
|
8
8
|
*/
|
|
9
9
|
stateID: string;
|
|
10
10
|
/**
|
|
11
|
-
* Child elements, typically an opening trigger button and a [`SubNavigation`](
|
|
11
|
+
* Child elements, typically an opening trigger button and a [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) panel.
|
|
12
12
|
*/
|
|
13
13
|
children?: ReactNode;
|
|
14
14
|
/**
|
|
@@ -18,7 +18,7 @@ export interface SubNavigationTriggerProps {
|
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
20
|
* Orchestrator component tying together an opening action button and its sliding
|
|
21
|
-
* [`SubNavigation`](
|
|
21
|
+
* [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) panel.
|
|
22
22
|
*
|
|
23
23
|
* Configures button click handlers to slide the sub-navigation panel into view, increments the
|
|
24
24
|
* depth counter, and passes down the section label.
|
|
@@ -3,7 +3,7 @@ import { n as t, r as n, t as r } from "../../../../chunks/core8";
|
|
|
3
3
|
import { useNavigationState as i } from "../../NavigationState/index.js";
|
|
4
4
|
import { jsx as a } from "react/jsx-runtime";
|
|
5
5
|
import { ButtonContext as o, DEFAULT_SLOT as s, Provider as c } from "react-aria-components";
|
|
6
|
-
|
|
6
|
+
// src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx
|
|
7
7
|
var l = e(), u = (e) => {
|
|
8
8
|
let u = (0, l.c)(29), { stateID: d, children: f, label: p } = e, m = n(), { openSubNavigation: h, closeSubNavigation: g, isSubNavigationOpen: _ } = i(), v = `${m.id}--${d}`, y = m.depth + 1, b;
|
|
9
9
|
u[0] === p ? b = u[1] : (b = [r, p], u[0] = p, u[1] = b);
|
|
@@ -47,7 +47,6 @@ var l = e(), u = (e) => {
|
|
|
47
47
|
children: f
|
|
48
48
|
}), u[26] = f, u[27] = O, u[28] = k) : k = u[28], k;
|
|
49
49
|
};
|
|
50
|
-
//#endregion
|
|
51
50
|
export { u as SubNavigationTrigger };
|
|
52
51
|
|
|
53
52
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["children","_c","require_compiler_runtime","NavigationInfoContext","useNavigationInfo","NavLabelContext","import_compiler_runtime","SubNavigationTrigger","$","t0","parentInfo","useNavigationState","subNavID","stateID","depth","t1","label","t2","t3","t4","openSubNavigation","t5","isSubNavigationOpen","t6","t7","closeSubNavigation","t8","ButtonContext","DEFAULT_SLOT","t9","t10","children","Provider"],"sources":["../../../../../src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { ButtonContext, DEFAULT_SLOT, Provider } from \"react-aria-components\";\nimport {\n NavigationInfoContext,\n NavLabelContext,\n useNavigationInfo,\n} from \"../../core\";\nimport { useNavigationState } from \"../../NavigationState\";\n\n/**\n * Props for the [`SubNavigationTrigger`](
|
|
1
|
+
{"version":3,"file":"index.js","names":["children","_c","require_compiler_runtime","NavigationInfoContext","useNavigationInfo","NavLabelContext","import_compiler_runtime","SubNavigationTrigger","$","t0","parentInfo","useNavigationState","subNavID","stateID","depth","t1","label","t2","t3","t4","openSubNavigation","t5","isSubNavigationOpen","t6","t7","closeSubNavigation","t8","ButtonContext","DEFAULT_SLOT","t9","t10","children","Provider"],"sources":["../../../../../src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { ButtonContext, DEFAULT_SLOT, Provider } from \"react-aria-components\";\nimport {\n NavigationInfoContext,\n NavLabelContext,\n useNavigationInfo,\n} from \"../../core\";\nimport { useNavigationState } from \"../../NavigationState\";\n\n/**\n * Props for the [`SubNavigationTrigger`](src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx) component.\n */\nexport interface SubNavigationTriggerProps {\n /**\n * Unique state key used for referencing and animating this sub-navigation level.\n */\n stateID: string;\n\n /**\n * Child elements, typically an opening trigger button and a [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) panel.\n */\n children?: ReactNode;\n\n /**\n * Text or node label passed down to the trigger button and child sub-navigation header.\n */\n label: ReactNode;\n}\n\n/**\n * Orchestrator component tying together an opening action button and its sliding\n * [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) panel.\n *\n * Configures button click handlers to slide the sub-navigation panel into view, increments the\n * depth counter, and passes down the section label.\n *\n * @example\n * ```tsx\n * import {\n * SubNavigationTrigger,\n * NavigationButton,\n * SubNavigation,\n * NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Settings } from \"lucide-react\";\n *\n * <SubNavigationTrigger stateID=\"settings\" label=\"Settings\">\n * <NavigationButton icon={Settings} />\n * <SubNavigation>\n * <NavigationLink href=\"/settings/profile\" label=\"Profile\" />\n * </SubNavigation>\n * </SubNavigationTrigger>\n * ```\n */\nexport const SubNavigationTrigger: React.FC<SubNavigationTriggerProps> = ({\n stateID,\n children,\n label,\n}) => {\n const parentInfo = useNavigationInfo();\n const { openSubNavigation, closeSubNavigation, isSubNavigationOpen } =\n useNavigationState();\n\n const subNavID = `${parentInfo.id}--${stateID}`;\n const depth = parentInfo.depth + 1;\n\n return (\n <Provider\n values={[\n [NavLabelContext, label],\n [NavigationInfoContext, { id: subNavID, depth }],\n [\n ButtonContext,\n {\n slots: {\n [DEFAULT_SLOT]: {},\n open: {\n onPress: () => {\n openSubNavigation(subNavID, depth);\n },\n isPressed: isSubNavigationOpen(subNavID),\n },\n close: {\n onPress: () => {\n closeSubNavigation(subNavID);\n },\n },\n },\n },\n ],\n ]}\n >\n {children}\n </Provider>\n );\n};\n"],"mappings":";;;;;;A,aAsDaO,KAA4D,MAAA;CAAA,IAAAC,KAAA,GAAAP,EAAAA,EAAAA,CAAA,EAAA,GAAC,EAAA,YAAA,aAAA,aAAAQ,GAKtEC,IAAmBN,EAAkB,GACrC,EAAA,sBAAA,uBAAA,2BACIO,EAAmB,GAEvBC,IAAiB,GAAGF,EAAU,GAAG,IAAKG,KACtCC,IAAcJ,EAAU,QAAS,GAAEK;CAAA,AAAAP,EAAA,OAAAQ,IAKC,IAAAR,EAAA,MAAxB,IAAA,CAACH,GAAiBW,CAAK,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAD;CAAA,IAAAE;CAAA,AAAAT,EAAA,OAAAM,KAAAN,EAAA,OAAAI,KACxB,IAAA,CAACT,GAAuB;EAAA,IAAMS;EAAQ;CAAQ,CAAC,GAAC,EAAA,KAAAE,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAK,KAAA,IAAAT,EAAA;CAAA,IAAAU;CAAA,AAAAV,EAAA,OAAA,OAAA,IAAA,2BAAA,KAKpB,IAAA,CAAC,GAAC,EAAA,KAAAU,KAAA,IAAAV,EAAA;CAAA,IAAAW;CAAA,AAAAX,EAAA,OAAAM,KAAAN,EAAA,OAAAY,KAAAZ,EAAA,OAAAI,KAEL,UAAA;EACL,EAAkBA,GAAUE,CAAK;CAAC,GACrC,EAAA,KAAAA,GAAA,EAAA,KAAAM,GAAA,EAAA,KAAAR,GAAA,EAAA,KAAAO,KAAA,IAAAX,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,QAAAc,KAAAd,EAAA,QAAAI,KACU,IAAAU,EAAoBV,CAAQ,GAAC,EAAA,MAAAU,GAAA,EAAA,MAAAV,GAAA,EAAA,MAAAS,KAAA,IAAAb,EAAA;CAAA,IAAAe;CAAA,AAAAf,EAAA,QAAAW,KAAAX,EAAA,QAAAa,KAJtC,IAAA;EAAA,SACOF;EAER,WACUE;CACf,GAAC,EAAA,MAAAF,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAE,KAAA,IAAAf,EAAA;CAAA,IAAAgB;CAAA,AAAAhB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAI,KACM,IAAA,EAAA,eACM;EACL,EAAmBA,CAAQ;CAAC,EAEpC,GAAC,EAAA,MAAAa,GAAA,EAAA,MAAAb,GAAA,EAAA,MAAAY,KAAA,IAAAhB,EAAA;CAAA,IAAAkB;CAAA,AAAAlB,EAAA,QAAAe,KAAAf,EAAA,QAAAgB,KAfb,IAAA,CACIG,GACA,EAAA,OACW;GACFC,IAAeV;EAAE,MACZK;EAKL,OACMC;CAKX,EACJ,CAAC,GACJ,EAAA,MAAAD,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,KAAA,IAAAlB,EAAA;CAAA,IAAAqB;CAAA,AAAArB,EAAA,QAAAO,KAAAP,EAAA,QAAAS,KAAAT,EAAA,QAAAkB,KArBG,IAAA;EACJX;EACAE;EACAS;CAkBC,GACJ,EAAA,MAAAX,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAS,GAAA,EAAA,MAAAG,KAAA,IAAArB,EAAA;CAAA,IAAAsB;CAGM,OAHNtB,EAAA,QAAAuB,KAAAvB,EAAA,QAAAqB,KAvBL,IAAA,kBAACG,GAAD;EACY,QAAAH;EAwBP;CAzBI,CAAA,GA0BE,EAAA,MAAAE,GAAA,EAAA,MAAAF,GAAA,EAAA,MAAAC,KAAA,IAAAtB,EAAA,KA1BXsB;AA0BW"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { a as NavLabelContext, t as NavigationHeaderStyles, n as NavigationInfoContext, e as NavigationStyles, r as SubNavigationHeaderStyles, i as useNavigationInfo };
|
|
1
|
+
export { t as NavLabelContext, i as NavigationHeaderStyles, n as NavigationInfoContext, a as NavigationStyles, o as SubNavigationHeaderStyles, r as useNavigationInfo } from "../../../chunks/core8";
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export declare const NavigationStyles: string;
|
|
5
5
|
/**
|
|
6
|
-
* CSS class for the header area of a root [`Navigation`](
|
|
6
|
+
* CSS class for the header area of a root [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) container.
|
|
7
7
|
*/
|
|
8
8
|
export declare const NavigationHeaderStyles: string;
|
|
9
9
|
/**
|
|
10
|
-
* CSS class for the header area of a sliding [`SubNavigation`](
|
|
10
|
+
* CSS class for the header area of a sliding [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) panel.
|
|
11
11
|
*/
|
|
12
12
|
export declare const SubNavigationHeaderStyles: string;
|
|
@@ -18,8 +18,8 @@ export declare const NavigationInfoContext: import('react').Context<NavigationIn
|
|
|
18
18
|
/**
|
|
19
19
|
* Hook to access the current navigation level's unique ID and nesting depth.
|
|
20
20
|
*
|
|
21
|
-
* @throws If rendered outside of a [`Navigation`](
|
|
22
|
-
* or [`SubNavigation`](
|
|
21
|
+
* @throws If rendered outside of a [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx)
|
|
22
|
+
* or [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) component.
|
|
23
23
|
* @returns The current {@link NavigationInfoContextType}.
|
|
24
24
|
*/
|
|
25
25
|
export declare function useNavigationInfo(): NavigationInfoContextType;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Popover as AriaPopover } from 'react-aria-components';
|
|
2
2
|
/**
|
|
3
|
-
* Props for the [`Popover`](
|
|
3
|
+
* Props for the [`Popover`](src/components/Popover/Popover.tsx) component.
|
|
4
4
|
*
|
|
5
5
|
* Extends all properties from React Aria's `Popover`, including positioning (`placement`, `offset`, `crossOffset`),
|
|
6
6
|
* portal containers, and entry/exit transition states.
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as Popover };
|
|
1
|
+
export { t as Popover } from "../../chunks/Popover";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { t as BottomSheet } from "../../../../chunks/BottomSheet";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { n as BottomSheetContext, t as BottomSheetModal } from "../../../../chunks/BottomSheetModal";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Modal } from 'react-aria-components';
|
|
2
|
-
import { SheetLayout } from '
|
|
2
|
+
import { SheetLayout } from '../../core';
|
|
3
3
|
/**
|
|
4
4
|
* Props for the {@link BottomSheetModal} component.
|
|
5
5
|
* Extends React Aria Components `Modal` props with bottom-sheet layout configurations.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './BottomSheet';
|
|
2
|
-
export
|
|
2
|
+
export * from './BottomSheetModal';
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { n as e, t } from "../../../chunks/BottomSheetModal";
|
|
2
|
+
import { t as n } from "../../../chunks/BottomSheet";
|
|
3
|
+
export { n as BottomSheet, e as BottomSheetContext, t as BottomSheetModal };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { t as SideSheet, n as SideSheetDialog } from "../../../../chunks/SideSheet";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SheetLayout } from '
|
|
1
|
+
import { SheetLayout } from '../../core';
|
|
2
2
|
import { SideSheetAlignment } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* Context value passed from {@link SideSheetModal} to descendant side sheet components like {@link SideSheetDialog} and {@link SideSheet}.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { n as SideSheetContext, t as SideSheetModal } from "../../../../chunks/SideSheetModal";
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import { n as e, t } from "../../../chunks/
|
|
2
|
-
|
|
1
|
+
import { n as e, t } from "../../../chunks/SideSheetModal";
|
|
2
|
+
import { n, t as r } from "../../../chunks/SideSheet";
|
|
3
|
+
export { r as SideSheet, e as SideSheetContext, n as SideSheetDialog, t as SideSheetModal };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as SnackbarQueueContext, n as SnackbarRegion, t as useSnackbarQueue };
|
|
1
|
+
export { n as SnackbarQueueContext, t as SnackbarRegion, r as useSnackbarQueue } from "../../chunks/Snackbar";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as Splash, t as useSplash };
|
|
1
|
+
export { n as Splash, t as useSplash } from "../../chunks/useSplash";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as Tab };
|
|
1
|
+
export { t as Tab } from "../../../chunks/Tab";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as TabList };
|
|
1
|
+
export { t as TabList } from "../../../chunks/TabList";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as TabPanel };
|
|
1
|
+
export { t as TabPanel } from "../../../chunks/TabPanel";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as TabPanels };
|
|
1
|
+
export { t as TabPanels } from "../../../chunks/TabPanels";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as Tabs };
|
|
1
|
+
export { t as Tabs } from "../../../chunks/Tabs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as AvatarSize, n as Tag, t as TagIconSize };
|
|
1
|
+
export { n as AvatarSize, t as Tag, r as TagIconSize } from "../../chunks/Tag";
|
|
@@ -26,12 +26,18 @@ export interface ThemeItemProps {
|
|
|
26
26
|
* @default false
|
|
27
27
|
*/
|
|
28
28
|
useInline?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Whether the setting item is disabled (visually dimmed and non-interactive).
|
|
31
|
+
*
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
isDisabled?: boolean;
|
|
29
35
|
}
|
|
30
36
|
/**
|
|
31
37
|
* Layout helper component for a single setting item within {@link ThemeSelector}.
|
|
32
38
|
*
|
|
33
39
|
* Renders a styled heading (`typography.titleMedium`), an optional description (`typography.bodyMedium`),
|
|
34
|
-
* and the child controls. Supports both block rendering and inline `span` rendering.
|
|
40
|
+
* and the child controls. Supports both block rendering and inline `span` rendering, as well as disabled styling.
|
|
35
41
|
*
|
|
36
42
|
* @example
|
|
37
43
|
* ```tsx
|
|
@@ -3,9 +3,9 @@ import { ThemeSelectorProps } from './types';
|
|
|
3
3
|
* Settings UI component for managing application theme appearance.
|
|
4
4
|
*
|
|
5
5
|
* Provides user controls for:
|
|
6
|
-
* - **Theme Mode**: Connected button group with `"System"`, `"Light"`, and `"Dark"` options.
|
|
6
|
+
* - **Theme Mode**: Connected button group with `"System"`, `"Light"`, and `"Dark"` options, featuring dedicated icons.
|
|
7
7
|
* - **Theme Contrast**: Connected button group with `"Standard"`, `"Medium"`, and `"High"` options (disabled when monochrome is active).
|
|
8
|
-
* - **Monochrome Mode**: An interactive {@link Switch} to toggle neutral grayscale styling.
|
|
8
|
+
* - **Monochrome Mode**: An interactive {@link ListItem} with {@link Switch} and {@link ListIcon} to toggle neutral grayscale styling.
|
|
9
9
|
*
|
|
10
10
|
* Directly connects to {@link useTheme} to read and update theme settings, which are
|
|
11
11
|
* persisted to local storage and applied to `document.documentElement` by {@link ThemeProvider}.
|
|
@@ -1,11 +1,27 @@
|
|
|
1
|
+
import { LucideIcon } from 'lucide-react';
|
|
1
2
|
import { Key } from 'react-aria-components';
|
|
2
3
|
import { ThemeContrast, ThemeMode } from '../../utils';
|
|
3
4
|
import { ThemeContrastTranslations, ThemeModeTranslations } from './types';
|
|
4
5
|
/**
|
|
5
|
-
*
|
|
6
|
+
* Item representation for a theme mode option.
|
|
7
|
+
*/
|
|
8
|
+
export interface ThemeModeItem {
|
|
9
|
+
id: ThemeMode;
|
|
10
|
+
value: string;
|
|
11
|
+
icon: LucideIcon;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Item representation for a theme contrast option.
|
|
15
|
+
*/
|
|
16
|
+
export interface ThemeContrastItem {
|
|
17
|
+
id: ThemeContrast;
|
|
18
|
+
value: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Generates an array of theme mode options with translated labels and icons.
|
|
6
22
|
*
|
|
7
23
|
* @param modeDetails - Translations for theme mode labels (`system`, `light`, `dark`).
|
|
8
|
-
* @returns Array of mode items with `id` and
|
|
24
|
+
* @returns Array of mode items with `id`, localized `value`, and `icon`.
|
|
9
25
|
*
|
|
10
26
|
* @example
|
|
11
27
|
* ```tsx
|
|
@@ -17,10 +33,7 @@ import { ThemeContrastTranslations, ThemeModeTranslations } from './types';
|
|
|
17
33
|
* });
|
|
18
34
|
* ```
|
|
19
35
|
*/
|
|
20
|
-
export declare const modeItems: (modeDetails: ThemeModeTranslations) =>
|
|
21
|
-
id: ThemeMode;
|
|
22
|
-
value: string;
|
|
23
|
-
}[];
|
|
36
|
+
export declare const modeItems: (modeDetails: ThemeModeTranslations) => ThemeModeItem[];
|
|
24
37
|
/**
|
|
25
38
|
* Generates an array of theme contrast options with translated labels.
|
|
26
39
|
*
|
|
@@ -37,15 +50,12 @@ export declare const modeItems: (modeDetails: ThemeModeTranslations) => {
|
|
|
37
50
|
* });
|
|
38
51
|
* ```
|
|
39
52
|
*/
|
|
40
|
-
export declare const contrastItems: (contrastDetails: ThemeContrastTranslations) =>
|
|
41
|
-
id: ThemeContrast;
|
|
42
|
-
value: string;
|
|
43
|
-
}[];
|
|
53
|
+
export declare const contrastItems: (contrastDetails: ThemeContrastTranslations) => ThemeContrastItem[];
|
|
44
54
|
/**
|
|
45
55
|
* Type guard function to check if a React Aria `Key` is a valid {@link ThemeMode}.
|
|
46
56
|
*
|
|
47
57
|
* @param value - The key to test.
|
|
48
|
-
* @returns `true` if `value` is `"system"`, `"
|
|
58
|
+
* @returns `true` if `value` is `"system"`, `"dark"`, or `"light"`.
|
|
49
59
|
*
|
|
50
60
|
* @example
|
|
51
61
|
* ```tsx
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { i as ThemeItem, n as ThemeProvider, o as ThemeSelector, t as contrastItems, e as isThemeContrast, r as isThemeMode, a as modeItems };
|
|
1
|
+
export { r as ThemeItem, n as ThemeProvider, t as ThemeSelector, i as contrastItems, a as isThemeContrast, o as isThemeMode, s as modeItems } from "../../chunks/ThemeSelector";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ButtonSize, ConnectedButtonGroupColor } from '../Button';
|
|
1
2
|
/**
|
|
2
3
|
* Base translation interface providing a section heading and optional description.
|
|
3
4
|
*/
|
|
@@ -86,4 +87,44 @@ export type ThemeSelectorProps = {
|
|
|
86
87
|
* Custom text and translations for the Monochrome toggle section.
|
|
87
88
|
*/
|
|
88
89
|
monochromeDetails?: ThemeMonochromeTranslations;
|
|
90
|
+
/**
|
|
91
|
+
* Optional custom CSS class name applied to the root container.
|
|
92
|
+
*/
|
|
93
|
+
className?: string;
|
|
94
|
+
/**
|
|
95
|
+
* Color styling variant for the connected button groups.
|
|
96
|
+
*
|
|
97
|
+
* @default "tonal"
|
|
98
|
+
*/
|
|
99
|
+
buttonColor?: ConnectedButtonGroupColor;
|
|
100
|
+
/**
|
|
101
|
+
* Size of the connected button groups.
|
|
102
|
+
*
|
|
103
|
+
* @default "small"
|
|
104
|
+
*/
|
|
105
|
+
buttonSize?: ButtonSize;
|
|
106
|
+
/**
|
|
107
|
+
* Whether to show the Theme Mode selection section.
|
|
108
|
+
*
|
|
109
|
+
* @default true
|
|
110
|
+
*/
|
|
111
|
+
showMode?: boolean;
|
|
112
|
+
/**
|
|
113
|
+
* Whether to show the Theme Contrast selection section.
|
|
114
|
+
*
|
|
115
|
+
* @default true
|
|
116
|
+
*/
|
|
117
|
+
showContrast?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Whether to show the Monochrome toggle section.
|
|
120
|
+
*
|
|
121
|
+
* @default true
|
|
122
|
+
*/
|
|
123
|
+
showMonochrome?: boolean;
|
|
124
|
+
/**
|
|
125
|
+
* Whether to render dividers between sections.
|
|
126
|
+
*
|
|
127
|
+
* @default false
|
|
128
|
+
*/
|
|
129
|
+
showDividers?: boolean;
|
|
89
130
|
};
|