@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,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as AppBarAvatar };
|
|
1
|
+
export { t as AppBarAvatar } from "../../../chunks/AppBarAvatar";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as AppBarHeadline };
|
|
1
|
+
export { t as AppBarHeadline } from "../../../chunks/AppBarHeadline";
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { createContext as e, useContext as t, useMemo as n, useState as r } from "react";
|
|
2
2
|
import { jsx as i } from "react/jsx-runtime";
|
|
3
|
-
|
|
3
|
+
// src/components/AppBar/AppBarState/context.ts
|
|
4
4
|
var a = e(null);
|
|
5
5
|
function o() {
|
|
6
6
|
return t(a);
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
//#region src/components/AppBar/AppBarState/AppBarState.tsx
|
|
8
|
+
// src/components/AppBar/AppBarState/AppBarState.tsx
|
|
10
9
|
var s = ({ children: e, initialScrolling: t = !1 }) => {
|
|
11
10
|
let [o, s] = r(t), c = n(() => ({
|
|
12
11
|
isScrolling: o,
|
|
@@ -17,7 +16,6 @@ var s = ({ children: e, initialScrolling: t = !1 }) => {
|
|
|
17
16
|
children: e
|
|
18
17
|
});
|
|
19
18
|
};
|
|
20
|
-
//#endregion
|
|
21
19
|
export { s as AppBarState, a as AppBarStateContext, o as useAppBarState };
|
|
22
20
|
|
|
23
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["AppBarStateContext","createContext","useAppBarState","useContext","AppBarState","scrolling","setScrolling","useState","initialScrolling","contextValue","useMemo"],"sources":["../../../../src/components/AppBar/AppBarState/context.ts","../../../../src/components/AppBar/AppBarState/AppBarState.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value representing the scrolling state of the application for the {@link AppBar}.\n */\nexport type AppBarStateContextType = {\n /** Whether the page or container is currently scrolled down. */\n isScrolling: boolean;\n /** Callback to update the scrolling status. */\n updateScrolling: (isScrolling: boolean) => void;\n};\n\n/**\n * React context for sharing scroll status with the {@link AppBar} to trigger scrolled styling.\n */\nexport const AppBarStateContext = createContext<AppBarStateContextType | null>(\n null\n);\n\n/**\n * Hook to access the current scrolling state and updater function for the {@link AppBar}.\n *\n * Can be used within scroll containers or event listeners to update the scrolling status\n * of the enclosing `<AppBar>` (toggling elevated/scrolled styling).\n *\n * @returns The active {@link AppBarStateContextType}, or `null` if called outside an `<AppBarState>` provider.\n *\n * @example\n * ```tsx\n * import { useAppBarState } from '@adgytec/web-ui-components';\n * import { useEffect } from 'react';\n *\n * function ScrollListener() {\n * const appBarState = useAppBarState();\n *\n * useEffect(() => {\n * const handleScroll = () => {\n * appBarState?.updateScrolling(window.scrollY > 0);\n * };\n * window.addEventListener('scroll', handleScroll, { passive: true });\n * return () => window.removeEventListener('scroll', handleScroll);\n * }, [appBarState]);\n *\n * return null;\n * }\n * ```\n */\nexport function useAppBarState() {\n return useContext(AppBarStateContext);\n}\n","import { type ReactNode, useMemo, useState } from \"react\";\nimport { AppBarStateContext } from \"./context\";\n\n/**\n * Props for the {@link AppBarState} provider component.\n */\nexport interface AppBarStateProps {\n /** The child components within the state context. */\n children?: ReactNode;\n /** Initial scrolling state. Defaults to `false`. */\n initialScrolling?: boolean;\n}\n\n/**\n * Context provider that manages and shares the scrolling state of the {@link AppBar}.\n *\n * When `isScrolling` is true, the `AppBar` container adopts its elevated / scrolled visual style\n * (using `--md-app-bar-on-scroll-background`).\n *\n * @example\n * ```tsx\n * import { AppBarState, AppBar, AppBarHeadline } from '@adgytec/web-ui-components';\n *\n * function App() {\n * return (\n * <AppBarState>\n * <AppBar headline={<AppBarHeadline>Title</AppBarHeadline>} />\n * <main>...</main>\n * </AppBarState>\n * );\n * }\n * ```\n */\nexport const AppBarState: React.FC<AppBarStateProps> = ({\n children,\n initialScrolling = false,\n}) => {\n const [scrolling, setScrolling] = useState(initialScrolling);\n const contextValue = useMemo(\n () => ({\n isScrolling: scrolling,\n updateScrolling: setScrolling,\n }),\n [scrolling]\n );\n\n return (\n <AppBarStateContext value={contextValue}>{children}</AppBarStateContext>\n );\n};\n"],"mappings":";;;AAeA,IAAaA,IAAqBC,EAC9B,IACJ;AA8BA,SAAOC,IAAA;CAAA,OACIC,EAAWH,CAAkB;AAAC
|
|
1
|
+
{"version":3,"file":"index.js","names":["AppBarStateContext","createContext","useAppBarState","useContext","AppBarState","scrolling","setScrolling","useState","initialScrolling","contextValue","useMemo"],"sources":["../../../../src/components/AppBar/AppBarState/context.ts","../../../../src/components/AppBar/AppBarState/AppBarState.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value representing the scrolling state of the application for the {@link AppBar}.\n */\nexport type AppBarStateContextType = {\n /** Whether the page or container is currently scrolled down. */\n isScrolling: boolean;\n /** Callback to update the scrolling status. */\n updateScrolling: (isScrolling: boolean) => void;\n};\n\n/**\n * React context for sharing scroll status with the {@link AppBar} to trigger scrolled styling.\n */\nexport const AppBarStateContext = createContext<AppBarStateContextType | null>(\n null\n);\n\n/**\n * Hook to access the current scrolling state and updater function for the {@link AppBar}.\n *\n * Can be used within scroll containers or event listeners to update the scrolling status\n * of the enclosing `<AppBar>` (toggling elevated/scrolled styling).\n *\n * @returns The active {@link AppBarStateContextType}, or `null` if called outside an `<AppBarState>` provider.\n *\n * @example\n * ```tsx\n * import { useAppBarState } from '@adgytec/web-ui-components';\n * import { useEffect } from 'react';\n *\n * function ScrollListener() {\n * const appBarState = useAppBarState();\n *\n * useEffect(() => {\n * const handleScroll = () => {\n * appBarState?.updateScrolling(window.scrollY > 0);\n * };\n * window.addEventListener('scroll', handleScroll, { passive: true });\n * return () => window.removeEventListener('scroll', handleScroll);\n * }, [appBarState]);\n *\n * return null;\n * }\n * ```\n */\nexport function useAppBarState() {\n return useContext(AppBarStateContext);\n}\n","import { type ReactNode, useMemo, useState } from \"react\";\nimport { AppBarStateContext } from \"./context\";\n\n/**\n * Props for the {@link AppBarState} provider component.\n */\nexport interface AppBarStateProps {\n /** The child components within the state context. */\n children?: ReactNode;\n /** Initial scrolling state. Defaults to `false`. */\n initialScrolling?: boolean;\n}\n\n/**\n * Context provider that manages and shares the scrolling state of the {@link AppBar}.\n *\n * When `isScrolling` is true, the `AppBar` container adopts its elevated / scrolled visual style\n * (using `--md-app-bar-on-scroll-background`).\n *\n * @example\n * ```tsx\n * import { AppBarState, AppBar, AppBarHeadline } from '@adgytec/web-ui-components';\n *\n * function App() {\n * return (\n * <AppBarState>\n * <AppBar headline={<AppBarHeadline>Title</AppBarHeadline>} />\n * <main>...</main>\n * </AppBarState>\n * );\n * }\n * ```\n */\nexport const AppBarState: React.FC<AppBarStateProps> = ({\n children,\n initialScrolling = false,\n}) => {\n const [scrolling, setScrolling] = useState(initialScrolling);\n const contextValue = useMemo(\n () => ({\n isScrolling: scrolling,\n updateScrolling: setScrolling,\n }),\n [scrolling]\n );\n\n return (\n <AppBarStateContext value={contextValue}>{children}</AppBarStateContext>\n );\n};\n"],"mappings":";;;AAeA,IAAaA,IAAqBC,EAC9B,IACJ;AA8BA,SAAOC,IAAA;CAAA,OACIC,EAAWH,CAAkB;AAAC;;ACfzC,IAAaI,KAA2C,EACpD,aACA,sBAAmB,SACjB;CACF,IAAM,CAACC,GAAWC,KAAgBC,EAASC,CAAgB,GACrDC,IAAeC,SACV;EACH,aAAaL;EACb,iBAAiBC;CACrB,IACA,CAACD,CAAS,CACd;CAEA,OACI,kBAACL,GAAD;EAAoB,OAAOS;EAAe;CAA6B,CAAA;AAE/E"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { t as e } from "../../../chunks/base";
|
|
2
2
|
import { createContext as t, useContext as n } from "react";
|
|
3
|
-
|
|
3
|
+
// src/components/AppBar/core/context.ts
|
|
4
4
|
var r = t(null);
|
|
5
5
|
function i() {
|
|
6
6
|
let e = n(r);
|
|
7
7
|
if (!e) throw Error("useAppBarContext must be used within AppBar component");
|
|
8
8
|
return e;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
//#region src/components/AppBar/core/size.ts
|
|
10
|
+
// src/components/AppBar/core/size.ts
|
|
12
11
|
var a = {
|
|
13
12
|
small: e.titleLarge,
|
|
14
13
|
medium: e.headlineMedium,
|
|
@@ -18,7 +17,6 @@ var a = {
|
|
|
18
17
|
medium: 36,
|
|
19
18
|
large: 44
|
|
20
19
|
};
|
|
21
|
-
//#endregion
|
|
22
20
|
export { r as AppBarContext, o as AppBarHeadlineBlockSize, a as AppBarHeadlineTypography, i as useAppBarContext };
|
|
23
21
|
|
|
24
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["typography","AppBarContext","createContext","useAppBarContext","context","useContext","AppBarHeadlineTypography","AppBarHeadlineBlockSize"],"sources":["../../../../src/components/AppBar/core/context.ts","../../../../src/components/AppBar/core/size.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { AppBarAlignment } from \"./alignment\";\nimport type { AppBarSize } from \"./size\";\n\n/**\n * Context value provided by the {@link AppBar} container to descendant components (such as {@link AppBarHeadline}).\n */\nexport type AppBarContextType = {\n /** The active layout size variant of the AppBar. */\n size: AppBarSize;\n /** The active headline alignment mode. */\n alignment: AppBarAlignment;\n /** The headline container height in pixels. */\n headlineBlockSize: number;\n /** The active typography CSS class name for the headline. */\n headlineTypography: string;\n};\n\n/**\n * React context for sharing configuration between {@link AppBar} and its descendants.\n */\nexport const AppBarContext = createContext<AppBarContextType | null>(null);\n\n/**\n * Custom hook to access the active {@link AppBarContext}.\n *\n * @throws {Error} If called outside of an `<AppBar>` provider tree.\n * @returns The active {@link AppBarContextType} values.\n */\nexport function useAppBarContext() {\n const context = useContext(AppBarContext);\n\n if (!context) {\n throw new Error(\n \"useAppBarContext must be used within AppBar component\"\n );\n }\n\n return context;\n}\n","import { typography } from \"@/utils\";\n\n/**\n * Height and typography scale variant for the {@link AppBar}.\n *\n * - `\"small\"`: Standard 64px single-row header with inline headline and actions.\n * - `\"medium\"`: Two-row header with prominent 36px title in the bottom row.\n * - `\"large\"`: Expressive two-row header with prominent 44px display title in the bottom row.\n */\nexport type AppBarSize = \"small\" | \"medium\" | \"large\";\n\n/**\n * Mapping of each {@link AppBarSize} variant to its corresponding typography class name.\n */\nexport const AppBarHeadlineTypography: Record<AppBarSize, string> = {\n small: typography.titleLarge,\n medium: typography.headlineMedium,\n large: typography.displaySmall,\n} as const;\n\n/**\n * Mapping of each {@link AppBarSize} variant to its headline container height (block-size in pixels).\n */\nexport const AppBarHeadlineBlockSize: Record<AppBarSize, number> = {\n small: 28,\n medium: 36,\n large: 44,\n} as const;\n"],"mappings":";;;AAqBA,IAAaC,IAAgBC,EAAwC,IAAI;AAQzE,SAAOC,IAAA;CACH,IAAAC,IAAgBC,EAAWJ,CAAa;CAExC,IAAI,CAACG,GACD,MAAU,MACN,uDACJ;CACH,OAEMA;AAAO
|
|
1
|
+
{"version":3,"file":"index.js","names":["typography","AppBarContext","createContext","useAppBarContext","context","useContext","AppBarHeadlineTypography","AppBarHeadlineBlockSize"],"sources":["../../../../src/components/AppBar/core/context.ts","../../../../src/components/AppBar/core/size.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { AppBarAlignment } from \"./alignment\";\nimport type { AppBarSize } from \"./size\";\n\n/**\n * Context value provided by the {@link AppBar} container to descendant components (such as {@link AppBarHeadline}).\n */\nexport type AppBarContextType = {\n /** The active layout size variant of the AppBar. */\n size: AppBarSize;\n /** The active headline alignment mode. */\n alignment: AppBarAlignment;\n /** The headline container height in pixels. */\n headlineBlockSize: number;\n /** The active typography CSS class name for the headline. */\n headlineTypography: string;\n};\n\n/**\n * React context for sharing configuration between {@link AppBar} and its descendants.\n */\nexport const AppBarContext = createContext<AppBarContextType | null>(null);\n\n/**\n * Custom hook to access the active {@link AppBarContext}.\n *\n * @throws {Error} If called outside of an `<AppBar>` provider tree.\n * @returns The active {@link AppBarContextType} values.\n */\nexport function useAppBarContext() {\n const context = useContext(AppBarContext);\n\n if (!context) {\n throw new Error(\n \"useAppBarContext must be used within AppBar component\"\n );\n }\n\n return context;\n}\n","import { typography } from \"@/utils\";\n\n/**\n * Height and typography scale variant for the {@link AppBar}.\n *\n * - `\"small\"`: Standard 64px single-row header with inline headline and actions.\n * - `\"medium\"`: Two-row header with prominent 36px title in the bottom row.\n * - `\"large\"`: Expressive two-row header with prominent 44px display title in the bottom row.\n */\nexport type AppBarSize = \"small\" | \"medium\" | \"large\";\n\n/**\n * Mapping of each {@link AppBarSize} variant to its corresponding typography class name.\n */\nexport const AppBarHeadlineTypography: Record<AppBarSize, string> = {\n small: typography.titleLarge,\n medium: typography.headlineMedium,\n large: typography.displaySmall,\n} as const;\n\n/**\n * Mapping of each {@link AppBarSize} variant to its headline container height (block-size in pixels).\n */\nexport const AppBarHeadlineBlockSize: Record<AppBarSize, number> = {\n small: 28,\n medium: 36,\n large: 44,\n} as const;\n"],"mappings":";;;AAqBA,IAAaC,IAAgBC,EAAwC,IAAI;AAQzE,SAAOC,IAAA;CACH,IAAAC,IAAgBC,EAAWJ,CAAa;CAExC,IAAI,CAACG,GACD,MAAU,MACN,uDACJ;CACH,OAEMA;AAAO;;ACxBlB,IAAaE,IAAuD;CAChE,OAAON,EAAW;CAClB,QAAQA,EAAW;CACnB,OAAOA,EAAW;AACtB,GAKaO,IAAsD;CAC/D,OAAO;CACP,QAAQ;CACR,OAAO;AACX"}
|
|
@@ -7,7 +7,7 @@ import { a as o, c as s, d as c, f as l, i as u, l as d, n as f, o as p, p as m,
|
|
|
7
7
|
import { clsx as _ } from "clsx";
|
|
8
8
|
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
9
9
|
import { Button as b } from "react-aria-components";
|
|
10
|
-
|
|
10
|
+
// src/components/Button/Button/Button.tsx
|
|
11
11
|
var x = e(), S = (e) => {
|
|
12
12
|
let S = (0, x.c)(41), C, w, T, E, D, O, k, A, j, M;
|
|
13
13
|
S[0] === e ? (C = S[1], w = S[2], T = S[3], E = S[4], D = S[5], O = S[6], k = S[7], A = S[8], j = S[9], M = S[10]) : ({size: j, shape: A, color: T, tooltip: M, icon: E, children: C, onPress: O, iconPlacement: D, className: w, ...k} = e, S[0] = e, S[1] = C, S[2] = w, S[3] = T, S[4] = E, S[5] = D, S[6] = O, S[7] = k, S[8] = A, S[9] = j, S[10] = M);
|
|
@@ -63,7 +63,6 @@ var x = e(), S = (e) => {
|
|
|
63
63
|
let K;
|
|
64
64
|
return S[38] !== G || S[39] !== M ? (K = h(G, M), S[38] = G, S[39] = M, S[40] = K) : K = S[40], K;
|
|
65
65
|
};
|
|
66
|
-
//#endregion
|
|
67
66
|
export { S as Button };
|
|
68
67
|
|
|
69
68
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["renderProps","iconSize","icon","handlePress","_c","AriaButton","require_compiler_runtime","Icon","Loader","Splash","useSplash","ButtonLabelTextMapping","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","newButtonBaseDataAttrs","withTooltip","buttonColorConfig","Button$1","import_compiler_runtime","Button","$","children","className","color","icon","iconPlacement","onPress","props","shape","size","tooltip","t0","t1","isChildFunc","t2","buttonColor","buttonShape","buttonSize","baseButtonDataAttrs","t3","clsx","TapTarget","renderProps","t4","buttonIconPlacement","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","iconSize","iconComp","isPending","t5","handlePress","t6"],"sources":["../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Loader } from \"@/components/Loader\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n ButtonSizeBase,\n buttonColorBase,\n buttonColorConfig,\n buttonSizeConfig,\n newButtonBaseDataAttrs,\n useButtonConfig,\n withTooltip,\n} from \"../core\";\nimport type { ButtonProps } from \"./types\";\n\n/**\n * A standard action button component implementing Material Design 3 guidelines.\n *\n * Supports filled, tonal, outlined, elevated, and text visual color schemes,\n * flexible sizing presets from extra-small to extra-large, leading or trailing icons,\n * loading spinner substitution when pending, ripple splash effects, and integrated tooltips.\n *\n * Built on top of React Aria's `Button` for accessible keyboard, screen reader,\n * and touch interaction.\n *\n * @example\n * ```tsx\n * <Button color=\"tonal\" icon={Save} onPress={() => handleSave()}>\n * Save\n * </Button>\n * ```\n */\nexport const Button: React.FC<ButtonProps> = ({\n size,\n shape,\n color,\n tooltip,\n icon,\n children,\n onPress,\n iconPlacement,\n className,\n ...props\n}) => {\n const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n useButtonConfig({\n size,\n shape,\n color,\n iconPlacement,\n });\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n const baseButtonDataAttrs = newButtonBaseDataAttrs({\n shape: buttonShape,\n size: buttonSize,\n color: buttonColor,\n });\n\n return withTooltip(\n <AriaButton\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonSizeConfig(buttonSize),\n buttonColorConfig(buttonColor),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n {...baseButtonDataAttrs}\n data-button\n >\n {(renderProps) => {\n const {\n isPending,\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n ...baseButtonDataAttrs,\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n const iconSize = ButtonIconSizeMapping[buttonSize];\n const iconComp = isPending ? (\n <Loader size={iconSize} />\n ) : (\n icon && <Icon icon={icon} size={iconSize} />\n );\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonSizeBase,\n ButtonLabelTextMapping[buttonSize]\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </AriaButton>,\n tooltip\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["renderProps","iconSize","icon","handlePress","_c","AriaButton","require_compiler_runtime","Icon","Loader","Splash","useSplash","ButtonLabelTextMapping","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","newButtonBaseDataAttrs","withTooltip","buttonColorConfig","Button$1","import_compiler_runtime","Button","$","children","className","color","icon","iconPlacement","onPress","props","shape","size","tooltip","t0","t1","isChildFunc","t2","buttonColor","buttonShape","buttonSize","baseButtonDataAttrs","t3","clsx","TapTarget","renderProps","t4","buttonIconPlacement","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","iconSize","iconComp","isPending","t5","handlePress","t6"],"sources":["../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Loader } from \"@/components/Loader\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n ButtonSizeBase,\n buttonColorBase,\n buttonColorConfig,\n buttonSizeConfig,\n newButtonBaseDataAttrs,\n useButtonConfig,\n withTooltip,\n} from \"../core\";\nimport type { ButtonProps } from \"./types\";\n\n/**\n * A standard action button component implementing Material Design 3 guidelines.\n *\n * Supports filled, tonal, outlined, elevated, and text visual color schemes,\n * flexible sizing presets from extra-small to extra-large, leading or trailing icons,\n * loading spinner substitution when pending, ripple splash effects, and integrated tooltips.\n *\n * Built on top of React Aria's `Button` for accessible keyboard, screen reader,\n * and touch interaction.\n *\n * @example\n * ```tsx\n * <Button color=\"tonal\" icon={Save} onPress={() => handleSave()}>\n * Save\n * </Button>\n * ```\n */\nexport const Button: React.FC<ButtonProps> = ({\n size,\n shape,\n color,\n tooltip,\n icon,\n children,\n onPress,\n iconPlacement,\n className,\n ...props\n}) => {\n const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n useButtonConfig({\n size,\n shape,\n color,\n iconPlacement,\n });\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n const baseButtonDataAttrs = newButtonBaseDataAttrs({\n shape: buttonShape,\n size: buttonSize,\n color: buttonColor,\n });\n\n return withTooltip(\n <AriaButton\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonSizeConfig(buttonSize),\n buttonColorConfig(buttonColor),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n {...baseButtonDataAttrs}\n data-button\n >\n {(renderProps) => {\n const {\n isPending,\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n ...baseButtonDataAttrs,\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n const iconSize = ButtonIconSizeMapping[buttonSize];\n const iconComp = isPending ? (\n <Loader size={iconSize} />\n ) : (\n icon && <Icon icon={icon} size={iconSize} />\n );\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonSizeBase,\n ButtonLabelTextMapping[buttonSize]\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </AriaButton>,\n tooltip\n );\n};\n"],"mappings":"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"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as ButtonGroup };
|
|
1
|
+
export { t as ButtonGroup } from "../../../../chunks/ButtonGroup";
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
import { createContext as e, useContext as t } from "react";
|
|
2
|
-
|
|
2
|
+
// src/components/Button/ButtonGroups/ButtonGroupContext/context.ts
|
|
3
3
|
var n = e({}), r = e({
|
|
4
4
|
size: "small",
|
|
5
5
|
shape: "round",
|
|
6
6
|
color: "filled"
|
|
7
7
|
});
|
|
8
|
-
|
|
9
|
-
//#region src/components/Button/ButtonGroups/ButtonGroupContext/useButtonGroupContext.ts
|
|
8
|
+
// src/components/Button/ButtonGroups/ButtonGroupContext/useButtonGroupContext.ts
|
|
10
9
|
function i() {
|
|
11
10
|
return t(n);
|
|
12
11
|
}
|
|
13
|
-
|
|
14
|
-
//#region src/components/Button/ButtonGroups/ButtonGroupContext/useConnectedButtonGroupContext.ts
|
|
12
|
+
// src/components/Button/ButtonGroups/ButtonGroupContext/useConnectedButtonGroupContext.ts
|
|
15
13
|
function a() {
|
|
16
14
|
return t(r);
|
|
17
15
|
}
|
|
18
|
-
//#endregion
|
|
19
16
|
export { n as ButtonGroupContext, r as ConnectedButtonGroupContext, i as useButtonGroupContext, a as useConnectedButtonGroupContext };
|
|
20
17
|
|
|
21
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ButtonGroupContext","createContext","ConnectedButtonGroupContext","useButtonGroupContext","useContext","useConnectedButtonGroupContext"],"sources":["../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/context.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useButtonGroupContext.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useConnectedButtonGroupContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type {\n ButtonIconPlacement,\n ButtonShape,\n ButtonSize,\n ConnectedButtonGroupColor,\n CoreButtonColor,\n} from \"../../core\";\n\n/**\n * Configuration options provided by a standard {@link ButtonGroup} to its descendant buttons.\n */\nexport type ButtonGroupContextValue = {\n /** Preset size inherited by child buttons. */\n size?: ButtonSize;\n /** Corner rounding shape inherited by child buttons. */\n shape?: ButtonShape;\n /** Visual color style variant inherited by child buttons. */\n color?: CoreButtonColor;\n /** Icon placement relative to label inherited by child buttons. */\n iconPlacement?: ButtonIconPlacement;\n};\n\n/**\n * React Context providing styling and layout configuration from an ancestor `ButtonGroup`\n * to child buttons.\n */\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue>({});\n\n/**\n * Configuration options provided by a {@link ConnectedButtonGroup} to nested {@link ConnectedButton}s.\n */\nexport type ConnectedButtonGroupContextValue = {\n /** Uniform size preset for connected buttons. */\n size: ButtonSize;\n /** Uniform corner shape preset for the connected group boundary. */\n shape: ButtonShape;\n /** Visual color style variant applied across connected buttons. */\n color: ConnectedButtonGroupColor;\n /** Default icon placement relative to label for connected buttons. */\n iconPlacement?: ButtonIconPlacement;\n};\n\n/**\n * React Context providing required size, shape, and color styling from an ancestor\n * `ConnectedButtonGroup` to its child `ConnectedButton` elements.\n */\nexport const ConnectedButtonGroupContext =\n createContext<ConnectedButtonGroupContextValue>({\n size: \"small\",\n shape: \"round\",\n color: \"filled\",\n });\n","import { useContext } from \"react\";\nimport { ButtonGroupContext } from \"./context\";\n\n/**\n * Accesses the enclosing {@link ButtonGroupContext} values.\n *\n * @returns The inherited configuration from the nearest ancestor `ButtonGroup`, or an empty object if unnested.\n */\nexport function useButtonGroupContext() {\n return useContext(ButtonGroupContext);\n}\n","import { useContext } from \"react\";\nimport { ConnectedButtonGroupContext } from \"./context\";\n\n/**\n * Accesses the enclosing {@link ConnectedButtonGroupContext} values.\n *\n * @returns The configuration provided by the enclosing `ConnectedButtonGroup`. Defaults to small/round/filled if unnested.\n */\nexport function useConnectedButtonGroupContext() {\n return useContext(ConnectedButtonGroupContext);\n}\n"],"mappings":";;AA2BA,IAAaA,IAAqBC,EAAuC,CAAC,CAAC,GAoB9DC,IACTD,EAAgD;CAC5C,MAAM;CACN,OAAO;CACP,OAAO;AACX,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","names":["ButtonGroupContext","createContext","ConnectedButtonGroupContext","useButtonGroupContext","useContext","useConnectedButtonGroupContext"],"sources":["../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/context.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useButtonGroupContext.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useConnectedButtonGroupContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type {\n ButtonIconPlacement,\n ButtonShape,\n ButtonSize,\n ConnectedButtonGroupColor,\n CoreButtonColor,\n} from \"../../core\";\n\n/**\n * Configuration options provided by a standard {@link ButtonGroup} to its descendant buttons.\n */\nexport type ButtonGroupContextValue = {\n /** Preset size inherited by child buttons. */\n size?: ButtonSize;\n /** Corner rounding shape inherited by child buttons. */\n shape?: ButtonShape;\n /** Visual color style variant inherited by child buttons. */\n color?: CoreButtonColor;\n /** Icon placement relative to label inherited by child buttons. */\n iconPlacement?: ButtonIconPlacement;\n};\n\n/**\n * React Context providing styling and layout configuration from an ancestor `ButtonGroup`\n * to child buttons.\n */\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue>({});\n\n/**\n * Configuration options provided by a {@link ConnectedButtonGroup} to nested {@link ConnectedButton}s.\n */\nexport type ConnectedButtonGroupContextValue = {\n /** Uniform size preset for connected buttons. */\n size: ButtonSize;\n /** Uniform corner shape preset for the connected group boundary. */\n shape: ButtonShape;\n /** Visual color style variant applied across connected buttons. */\n color: ConnectedButtonGroupColor;\n /** Default icon placement relative to label for connected buttons. */\n iconPlacement?: ButtonIconPlacement;\n};\n\n/**\n * React Context providing required size, shape, and color styling from an ancestor\n * `ConnectedButtonGroup` to its child `ConnectedButton` elements.\n */\nexport const ConnectedButtonGroupContext =\n createContext<ConnectedButtonGroupContextValue>({\n size: \"small\",\n shape: \"round\",\n color: \"filled\",\n });\n","import { useContext } from \"react\";\nimport { ButtonGroupContext } from \"./context\";\n\n/**\n * Accesses the enclosing {@link ButtonGroupContext} values.\n *\n * @returns The inherited configuration from the nearest ancestor `ButtonGroup`, or an empty object if unnested.\n */\nexport function useButtonGroupContext() {\n return useContext(ButtonGroupContext);\n}\n","import { useContext } from \"react\";\nimport { ConnectedButtonGroupContext } from \"./context\";\n\n/**\n * Accesses the enclosing {@link ConnectedButtonGroupContext} values.\n *\n * @returns The configuration provided by the enclosing `ConnectedButtonGroup`. Defaults to small/round/filled if unnested.\n */\nexport function useConnectedButtonGroupContext() {\n return useContext(ConnectedButtonGroupContext);\n}\n"],"mappings":";;AA2BA,IAAaA,IAAqBC,EAAuC,CAAC,CAAC,GAoB9DC,IACTD,EAAgD;CAC5C,MAAM;CACN,OAAO;CACP,OAAO;AACX,CAAC;;AC5CL,SAAOE,IAAA;CAAA,OACIC,EAAWJ,CAAkB;AAAC;;ACDzC,SAAOK,IAAA;CAAA,OACID,EAAWF,CAA2B;AAAC"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as ConnectedButton };
|
|
1
|
+
export { r as ConnectedButton } from "../../../../chunks/core";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as ConnectedButtonGroup };
|
|
1
|
+
export { t as ConnectedButtonGroup } from "../../../../chunks/ConnectedButtonGroup";
|
|
@@ -6,7 +6,7 @@ import { c as a, d as o, f as s, l as c, n as l, o as u, p as d, s as f, t as p,
|
|
|
6
6
|
import { clsx as h } from "clsx";
|
|
7
7
|
import { jsx as g, jsxs as _ } from "react/jsx-runtime";
|
|
8
8
|
import { Button as v } from "react-aria-components";
|
|
9
|
-
|
|
9
|
+
// src/components/Button/IconButton/IconButton.tsx
|
|
10
10
|
var y = ({ size: y, shape: b, color: x, width: S = "default", tooltip: C, icon: w, onPress: T, className: E, ...D }) => {
|
|
11
11
|
let { buttonColor: O, buttonShape: k, buttonSize: A } = l({
|
|
12
12
|
size: y,
|
|
@@ -48,7 +48,6 @@ var y = ({ size: y, shape: b, color: x, width: S = "default", tooltip: C, icon:
|
|
|
48
48
|
}
|
|
49
49
|
}), C);
|
|
50
50
|
};
|
|
51
|
-
//#endregion
|
|
52
51
|
export { y as IconButton };
|
|
53
52
|
|
|
54
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -6,7 +6,7 @@ import { a, c as o, d as s, f as c, i as l, l as u, n as d, o as f, p, t as m, u
|
|
|
6
6
|
import { clsx as g } from "clsx";
|
|
7
7
|
import { jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
8
8
|
import { Link as y } from "react-aria-components";
|
|
9
|
-
|
|
9
|
+
// src/components/Button/LinkButton/LinkButton.tsx
|
|
10
10
|
var b = e(), x = (e) => {
|
|
11
11
|
let x = (0, b.c)(41), S, C, w, T, E, D, O, k, A, j;
|
|
12
12
|
x[0] === e ? (S = x[1], C = x[2], w = x[3], T = x[4], E = x[5], D = x[6], O = x[7], k = x[8], A = x[9], j = x[10]) : ({size: A, shape: k, color: w, tooltip: j, icon: T, children: S, onPress: D, className: C, iconPlacement: E, ...O} = e, x[0] = e, x[1] = S, x[2] = C, x[3] = w, x[4] = T, x[5] = E, x[6] = D, x[7] = O, x[8] = k, x[9] = A, x[10] = j);
|
|
@@ -63,7 +63,6 @@ var b = e(), x = (e) => {
|
|
|
63
63
|
let G;
|
|
64
64
|
return x[38] !== W || x[39] !== j ? (G = m(W, j), x[38] = W, x[39] = j, x[40] = G) : G = x[40], G;
|
|
65
65
|
};
|
|
66
|
-
//#endregion
|
|
67
66
|
export { x as LinkButton };
|
|
68
67
|
|
|
69
68
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["renderProps","icon","iconSize","handlePress","_c","require_compiler_runtime","Icon","Splash","useSplash","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","withTooltip","buttonColorConfig","import_compiler_runtime","LinkButton","$","children","className","color","icon","iconPlacement","onPress","props","shape","size","tooltip","t0","t1","isChildFunc","t2","buttonColor","buttonShape","buttonSize","newButtonBaseDataAttrs","baseButtonDataAttrs","t3","clsx","TapTarget","renderProps","t4","buttonIconPlacement","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","iconSize","iconComp","ButtonLabelTextMapping","t5","handlePress","Link","t6"],"sources":["../../../../src/components/Button/LinkButton/LinkButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Link } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n ButtonSizeBase,\n buttonColorBase,\n buttonColorConfig,\n buttonSizeConfig,\n newButtonBaseDataAttrs,\n useButtonConfig,\n withTooltip,\n} from \"../core\";\nimport type { LinkButtonProps } from \"./types\";\n\n/**\n * A link component styled to look and behave like a Material Design 3 button.\n *\n * Used for navigation actions that should visually appear as standard buttons.\n * Renders an accessible anchor element underneath via React Aria's `Link`,\n * supporting native link behaviors (`href`, `target`, `rel`), keyboard activation,\n * ripple splash animations, icons, and tooltips.\n *\n * @example\n * ```tsx\n * <LinkButton href=\"https://example.com\" target=\"_blank\" icon={ExternalLink} iconPlacement=\"end\">\n * Visit Website\n * </LinkButton>\n * ```\n */\nexport const LinkButton: React.FC<LinkButtonProps> = ({\n size,\n shape,\n color,\n tooltip,\n icon,\n children,\n onPress,\n className,\n iconPlacement,\n ...props\n}) => {\n const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n useButtonConfig({\n size,\n shape,\n color,\n iconPlacement,\n });\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n const baseButtonDataAttrs = newButtonBaseDataAttrs({\n shape: buttonShape,\n size: buttonSize,\n color: buttonColor,\n });\n\n return withTooltip(\n <Link\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonSizeConfig(buttonSize),\n buttonColorConfig(buttonColor),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n {...baseButtonDataAttrs}\n data-button\n data-link-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n ...baseButtonDataAttrs,\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n const iconSize = ButtonIconSizeMapping[buttonSize];\n const iconComp = icon && <Icon icon={icon} size={iconSize} />;\n\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonSizeBase,\n ButtonLabelTextMapping[buttonSize]\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </Link>,\n tooltip\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["renderProps","icon","iconSize","handlePress","_c","require_compiler_runtime","Icon","Splash","useSplash","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","withTooltip","buttonColorConfig","import_compiler_runtime","LinkButton","$","children","className","color","icon","iconPlacement","onPress","props","shape","size","tooltip","t0","t1","isChildFunc","t2","buttonColor","buttonShape","buttonSize","newButtonBaseDataAttrs","baseButtonDataAttrs","t3","clsx","TapTarget","renderProps","t4","buttonIconPlacement","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","iconSize","iconComp","ButtonLabelTextMapping","t5","handlePress","Link","t6"],"sources":["../../../../src/components/Button/LinkButton/LinkButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Link } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n ButtonSizeBase,\n buttonColorBase,\n buttonColorConfig,\n buttonSizeConfig,\n newButtonBaseDataAttrs,\n useButtonConfig,\n withTooltip,\n} from \"../core\";\nimport type { LinkButtonProps } from \"./types\";\n\n/**\n * A link component styled to look and behave like a Material Design 3 button.\n *\n * Used for navigation actions that should visually appear as standard buttons.\n * Renders an accessible anchor element underneath via React Aria's `Link`,\n * supporting native link behaviors (`href`, `target`, `rel`), keyboard activation,\n * ripple splash animations, icons, and tooltips.\n *\n * @example\n * ```tsx\n * <LinkButton href=\"https://example.com\" target=\"_blank\" icon={ExternalLink} iconPlacement=\"end\">\n * Visit Website\n * </LinkButton>\n * ```\n */\nexport const LinkButton: React.FC<LinkButtonProps> = ({\n size,\n shape,\n color,\n tooltip,\n icon,\n children,\n onPress,\n className,\n iconPlacement,\n ...props\n}) => {\n const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n useButtonConfig({\n size,\n shape,\n color,\n iconPlacement,\n });\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n const baseButtonDataAttrs = newButtonBaseDataAttrs({\n shape: buttonShape,\n size: buttonSize,\n color: buttonColor,\n });\n\n return withTooltip(\n <Link\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonSizeConfig(buttonSize),\n buttonColorConfig(buttonColor),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n {...baseButtonDataAttrs}\n data-button\n data-link-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n ...baseButtonDataAttrs,\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n const iconSize = ButtonIconSizeMapping[buttonSize];\n const iconComp = icon && <Icon icon={icon} size={iconSize} />;\n\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonSizeBase,\n ButtonLabelTextMapping[buttonSize]\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </Link>,\n tooltip\n );\n};\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { c as i, d as a, f as o, l as s, n as c, o as l, p as u, s as d, t as f,
|
|
|
5
5
|
import { clsx as m } from "clsx";
|
|
6
6
|
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
7
7
|
import { Link as _ } from "react-aria-components";
|
|
8
|
-
|
|
8
|
+
// src/components/Button/LinkIconButton/LinkIconButton.tsx
|
|
9
9
|
var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, icon: C, onPress: w, className: T, ...E }) => {
|
|
10
10
|
let { buttonColor: D, buttonShape: O, buttonSize: k } = c({
|
|
11
11
|
size: v,
|
|
@@ -48,7 +48,6 @@ var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, icon:
|
|
|
48
48
|
}
|
|
49
49
|
}), S);
|
|
50
50
|
};
|
|
51
|
-
//#endregion
|
|
52
51
|
export { v as LinkIconButton };
|
|
53
52
|
|
|
54
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as SplitButton };
|
|
1
|
+
export { t as SplitButton } from "../../../../chunks/SplitButton";
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { createContext as e, useContext as t } from "react";
|
|
2
|
-
|
|
2
|
+
// src/components/Button/SplitButton/SplitButtonContext/context.ts
|
|
3
3
|
var n = e({
|
|
4
4
|
size: "small",
|
|
5
5
|
color: "filled"
|
|
6
6
|
});
|
|
7
|
-
|
|
8
|
-
//#region src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts
|
|
7
|
+
// src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts
|
|
9
8
|
function r() {
|
|
10
9
|
return t(n);
|
|
11
10
|
}
|
|
12
|
-
//#endregion
|
|
13
11
|
export { n as SplitButtonContext, r as useSplitButtonContext };
|
|
14
12
|
|
|
15
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SplitButtonContext","createContext","useSplitButtonContext","useContext"],"sources":["../../../../../src/components/Button/SplitButton/SplitButtonContext/context.ts","../../../../../src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ButtonSize, SplitButtonColor } from \"../../core\";\n\n/**\n * Context state shared across all components of a {@link SplitButton}.\n */\nexport type SplitButtonState = {\n /** Whether both primary action and trigger buttons are currently in a pending state. */\n isPending?: boolean;\n /** Whether both primary action and trigger buttons are currently disabled. */\n isDisabled?: boolean;\n\n /** Uniform size preset for the split button pair. */\n size: ButtonSize;\n /** Visual color style variant applied to both split button parts. */\n color: SplitButtonColor;\n};\n\n/**\n * React Context providing size, color, pending, and disabled state from\n * a parent `SplitButton` container to `SplitButtonPrimary` and `SplitButtonTrigger`.\n */\nexport const SplitButtonContext = createContext<SplitButtonState>({\n size: \"small\",\n color: \"filled\",\n});\n","import { useContext } from \"react\";\nimport { SplitButtonContext } from \"./context\";\n\n/**\n * Accesses the enclosing {@link SplitButtonContext} state.\n *\n * @returns The configuration and state provided by the nearest parent `SplitButton`. Defaults to small/filled if unnested.\n */\nexport function useSplitButtonContext() {\n return useContext(SplitButtonContext);\n}\n"],"mappings":";;AAsBA,IAAaA,IAAqBC,EAAgC;CAC9D,MAAM;CACN,OAAO;AACX,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","names":["SplitButtonContext","createContext","useSplitButtonContext","useContext"],"sources":["../../../../../src/components/Button/SplitButton/SplitButtonContext/context.ts","../../../../../src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ButtonSize, SplitButtonColor } from \"../../core\";\n\n/**\n * Context state shared across all components of a {@link SplitButton}.\n */\nexport type SplitButtonState = {\n /** Whether both primary action and trigger buttons are currently in a pending state. */\n isPending?: boolean;\n /** Whether both primary action and trigger buttons are currently disabled. */\n isDisabled?: boolean;\n\n /** Uniform size preset for the split button pair. */\n size: ButtonSize;\n /** Visual color style variant applied to both split button parts. */\n color: SplitButtonColor;\n};\n\n/**\n * React Context providing size, color, pending, and disabled state from\n * a parent `SplitButton` container to `SplitButtonPrimary` and `SplitButtonTrigger`.\n */\nexport const SplitButtonContext = createContext<SplitButtonState>({\n size: \"small\",\n color: \"filled\",\n});\n","import { useContext } from \"react\";\nimport { SplitButtonContext } from \"./context\";\n\n/**\n * Accesses the enclosing {@link SplitButtonContext} state.\n *\n * @returns The configuration and state provided by the nearest parent `SplitButton`. Defaults to small/filled if unnested.\n */\nexport function useSplitButtonContext() {\n return useContext(SplitButtonContext);\n}\n"],"mappings":";;AAsBA,IAAaA,IAAqBC,EAAgC;CAC9D,MAAM;CACN,OAAO;AACX,CAAC;;ACjBD,SAAOC,IAAA;CAAA,OACIC,EAAWH,CAAkB;AAAC"}
|
|
@@ -8,7 +8,7 @@ import { useSplitButtonContext as m } from "../SplitButtonContext/index.js";
|
|
|
8
8
|
import { clsx as h } from "clsx";
|
|
9
9
|
import { jsx as g, jsxs as _ } from "react/jsx-runtime";
|
|
10
10
|
import { Button as v } from "react-aria-components";
|
|
11
|
-
|
|
11
|
+
// src/components/Button/SplitButton/SplitButtonPrimary/SplitButtonPrimary.tsx
|
|
12
12
|
var y = ({ tooltip: y, icon: b, children: x, onPress: S, isDisabled: C, isPending: w, className: T, iconPlacement: E = "start", ...D }) => {
|
|
13
13
|
let O = m(), { splashInfo: k, handlePress: A } = i(S), j = typeof x == "function", M = w || O.isPending, N = C || O.isDisabled;
|
|
14
14
|
return u(/* @__PURE__ */ g(v, {
|
|
@@ -44,7 +44,6 @@ var y = ({ tooltip: y, icon: b, children: x, onPress: S, isDisabled: C, isPendin
|
|
|
44
44
|
}
|
|
45
45
|
}), y);
|
|
46
46
|
};
|
|
47
|
-
//#endregion
|
|
48
47
|
export { y as SplitButtonPrimary };
|
|
49
48
|
|
|
50
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as SplitButtonTrigger };
|
|
1
|
+
export { t as SplitButtonTrigger } from "../../../../chunks/SplitButtonTrigger";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { i as SplitButtonPrimaryBase, n as SplitButtonTriggerBase, r as SplitButtonTriggerIconSize, t as SplitButtonVariantBase, e as splitButtonSizeConfig };
|
|
1
|
+
export { t as SplitButtonPrimaryBase, n as SplitButtonTriggerBase, r as SplitButtonTriggerIconSize, i as SplitButtonVariantBase, a as splitButtonSizeConfig } from "../../../../chunks/core2";
|
|
@@ -6,7 +6,7 @@ import { a, c as o, d as s, f as c, i as l, l as u, n as d, o as f, p, t as m, u
|
|
|
6
6
|
import { clsx as g } from "clsx";
|
|
7
7
|
import { jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
8
8
|
import { ToggleButton as y } from "react-aria-components";
|
|
9
|
-
|
|
9
|
+
// src/components/Button/ToggleButton/ToggleButton.tsx
|
|
10
10
|
var b = e(), x = (e) => {
|
|
11
11
|
let x = (0, b.c)(45), S, C, w, T, E, D, O, k, A, j, M;
|
|
12
12
|
x[0] === e ? (S = x[1], C = x[2], w = x[3], T = x[4], E = x[5], D = x[6], O = x[7], k = x[8], A = x[9], j = x[10], M = x[11]) : ({size: j, shape: A, color: w, tooltip: M, selectedIcon: k, icon: T, children: S, onPress: D, className: C, iconPlacement: E, ...O} = e, x[0] = e, x[1] = S, x[2] = C, x[3] = w, x[4] = T, x[5] = E, x[6] = D, x[7] = O, x[8] = k, x[9] = A, x[10] = j, x[11] = M);
|
|
@@ -70,7 +70,6 @@ var b = e(), x = (e) => {
|
|
|
70
70
|
let J;
|
|
71
71
|
return x[42] !== q || x[43] !== M ? (J = m(q, M), x[42] = q, x[43] = M, x[44] = J) : J = x[44], J;
|
|
72
72
|
};
|
|
73
|
-
//#endregion
|
|
74
73
|
export { x as ToggleButton };
|
|
75
74
|
|
|
76
75
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["renderProps","iconToRender","iconSize","handlePress","_c","AriaToggleButton","require_compiler_runtime","Icon","Splash","useSplash","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","withTooltip","buttonColorConfig","ToggleButton$1","import_compiler_runtime","ToggleButton","$","children","className","color","icon","iconPlacement","onPress","props","selectedIcon","shape","size","tooltip","t0","t1","isChildFunc","t2","buttonColor","buttonShape","buttonSize","newButtonBaseDataAttrs","baseButtonDataAttrs","t3","toggleButtonDataAttrs","t4","clsx","TapTarget","renderProps","t5","buttonIconPlacement","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","isSelected","iconToRender","iconSize","iconComp","ButtonLabelTextMapping","t6","handlePress","t7"],"sources":["../../../../src/components/Button/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ToggleButton as AriaToggleButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n ButtonSizeBase,\n buttonColorBase,\n buttonColorConfig,\n buttonSizeConfig,\n newButtonBaseDataAttrs,\n useButtonConfig,\n withTooltip,\n} from \"../core\";\nimport type { ToggleButtonProps } from \"./types\";\n\n/**\n * A two-state toggle button implementing Material Design 3 Toggle Button guidelines.\n *\n * Allows users to toggle between active/selected and inactive/unselected states.\n * Supports swapping between `icon` and `selectedIcon` based on current selection state,\n * flexible sizing, shapes, and Material 3 toggle button color variants.\n *\n * Built on top of React Aria's `ToggleButton`.\n *\n * @example\n * ```tsx\n * <ToggleButton\n * icon={Bookmark}\n * selectedIcon={BookmarkCheck}\n * isSelected={isBookmarked}\n * onChange={setIsBookmarked}\n * >\n * Bookmark\n * </ToggleButton>\n * ```\n */\nexport const ToggleButton: React.FC<ToggleButtonProps> = ({\n size,\n shape,\n color,\n tooltip,\n selectedIcon,\n icon,\n children,\n onPress,\n className,\n iconPlacement,\n ...props\n}) => {\n const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n useButtonConfig({\n size,\n shape,\n color,\n iconPlacement,\n });\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n const baseButtonDataAttrs = newButtonBaseDataAttrs({\n shape: buttonShape,\n size: buttonSize,\n color: buttonColor,\n });\n\n const toggleButtonDataAttrs = {\n ...baseButtonDataAttrs,\n \"data-toggle-button\": true,\n };\n\n return withTooltip(\n <AriaToggleButton\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonSizeConfig(buttonSize),\n buttonColorConfig(buttonColor),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n {...toggleButtonDataAttrs}\n data-button\n >\n {(renderProps) => {\n const {\n isSelected,\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n ...toggleButtonDataAttrs,\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-selected\": isSelected || undefined,\n \"data-visual-button\": true,\n };\n\n let iconToRender = icon;\n if (isSelected && selectedIcon) iconToRender = selectedIcon;\n\n const iconSize = ButtonIconSizeMapping[buttonSize];\n\n const iconComp = iconToRender && (\n <Icon icon={iconToRender} size={iconSize} />\n );\n\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonSizeBase,\n ButtonLabelTextMapping[buttonSize]\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </AriaToggleButton>,\n tooltip\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["renderProps","iconToRender","iconSize","handlePress","_c","AriaToggleButton","require_compiler_runtime","Icon","Splash","useSplash","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","withTooltip","buttonColorConfig","ToggleButton$1","import_compiler_runtime","ToggleButton","$","children","className","color","icon","iconPlacement","onPress","props","selectedIcon","shape","size","tooltip","t0","t1","isChildFunc","t2","buttonColor","buttonShape","buttonSize","newButtonBaseDataAttrs","baseButtonDataAttrs","t3","toggleButtonDataAttrs","t4","clsx","TapTarget","renderProps","t5","buttonIconPlacement","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","isSelected","iconToRender","iconSize","iconComp","ButtonLabelTextMapping","t6","handlePress","t7"],"sources":["../../../../src/components/Button/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ToggleButton as AriaToggleButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n ButtonSizeBase,\n buttonColorBase,\n buttonColorConfig,\n buttonSizeConfig,\n newButtonBaseDataAttrs,\n useButtonConfig,\n withTooltip,\n} from \"../core\";\nimport type { ToggleButtonProps } from \"./types\";\n\n/**\n * A two-state toggle button implementing Material Design 3 Toggle Button guidelines.\n *\n * Allows users to toggle between active/selected and inactive/unselected states.\n * Supports swapping between `icon` and `selectedIcon` based on current selection state,\n * flexible sizing, shapes, and Material 3 toggle button color variants.\n *\n * Built on top of React Aria's `ToggleButton`.\n *\n * @example\n * ```tsx\n * <ToggleButton\n * icon={Bookmark}\n * selectedIcon={BookmarkCheck}\n * isSelected={isBookmarked}\n * onChange={setIsBookmarked}\n * >\n * Bookmark\n * </ToggleButton>\n * ```\n */\nexport const ToggleButton: React.FC<ToggleButtonProps> = ({\n size,\n shape,\n color,\n tooltip,\n selectedIcon,\n icon,\n children,\n onPress,\n className,\n iconPlacement,\n ...props\n}) => {\n const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n useButtonConfig({\n size,\n shape,\n color,\n iconPlacement,\n });\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n const baseButtonDataAttrs = newButtonBaseDataAttrs({\n shape: buttonShape,\n size: buttonSize,\n color: buttonColor,\n });\n\n const toggleButtonDataAttrs = {\n ...baseButtonDataAttrs,\n \"data-toggle-button\": true,\n };\n\n return withTooltip(\n <AriaToggleButton\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonSizeConfig(buttonSize),\n buttonColorConfig(buttonColor),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n {...toggleButtonDataAttrs}\n data-button\n >\n {(renderProps) => {\n const {\n isSelected,\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n ...toggleButtonDataAttrs,\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-selected\": isSelected || undefined,\n \"data-visual-button\": true,\n };\n\n let iconToRender = icon;\n if (isSelected && selectedIcon) iconToRender = selectedIcon;\n\n const iconSize = ButtonIconSizeMapping[buttonSize];\n\n const iconComp = iconToRender && (\n <Icon icon={iconToRender} size={iconSize} />\n );\n\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonSizeBase,\n ButtonLabelTextMapping[buttonSize]\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </AriaToggleButton>,\n tooltip\n );\n};\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { c as i, d as a, f as o, l as s, n as c, o as l, p as u, s as d, t as f,
|
|
|
5
5
|
import { clsx as m } from "clsx";
|
|
6
6
|
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
7
7
|
import { ToggleButton as _ } from "react-aria-components";
|
|
8
|
-
|
|
8
|
+
// src/components/Button/ToggleIconButton/ToggleIconButton.tsx
|
|
9
9
|
var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, selectedIcon: C, icon: w, onPress: T, className: E, ...D }) => {
|
|
10
10
|
let { buttonColor: O, buttonShape: k, buttonSize: A } = c({
|
|
11
11
|
size: v,
|
|
@@ -51,7 +51,6 @@ var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, select
|
|
|
51
51
|
}
|
|
52
52
|
}), S);
|
|
53
53
|
};
|
|
54
|
-
//#endregion
|
|
55
54
|
export { v as ToggleIconButton };
|
|
56
55
|
|
|
57
56
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { n as ButtonCore, i as ButtonIconSizeMapping, e as ButtonLabelTextMapping, r as ButtonReset, s as ButtonSizeBase, l as IconButtonIconSizeMapping, a as buttonColorBase, d as buttonColorConfig, t as buttonSizeConfig, c as newButtonBaseDataAttrs, o as useButtonConfig, u as withTooltip };
|
|
1
|
+
export { d as ButtonCore, i as ButtonIconSizeMapping, a as ButtonLabelTextMapping, f as ButtonReset, o as ButtonSizeBase, s as IconButtonIconSizeMapping, l as buttonColorBase, u as buttonColorConfig, c as buttonSizeConfig, p as newButtonBaseDataAttrs, n as useButtonConfig, t as withTooltip } from "../../../chunks/core";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as BaseCalendar };
|
|
1
|
+
export { t as BaseCalendar } from "../../../chunks/BaseCalendar";
|
|
@@ -4,7 +4,7 @@ import { t as n } from "../../../chunks/BaseCalendar";
|
|
|
4
4
|
import r from "clsx";
|
|
5
5
|
import { jsx as i } from "react/jsx-runtime";
|
|
6
6
|
import { Calendar as a } from "react-aria-components";
|
|
7
|
-
|
|
7
|
+
// src/components/Calendar/Calendar/Calendar.tsx
|
|
8
8
|
var o = e(), s = (e) => {
|
|
9
9
|
let s = (0, o.c)(20), c, l, u, d, f, p, m;
|
|
10
10
|
s[0] === e ? (c = s[1], l = s[2], u = s[3], d = s[4], f = s[5], p = s[6], m = s[7]) : ({weekdayStyle: m, className: c, previousMonthAriaLabel: d, nextMonthAriaLabel: l, previousYearAriaLabel: f, nextYearAriaLabel: u, ...p} = e, s[0] = e, s[1] = c, s[2] = l, s[3] = u, s[4] = d, s[5] = f, s[6] = p, s[7] = m);
|
|
@@ -26,7 +26,6 @@ var o = e(), s = (e) => {
|
|
|
26
26
|
children: g
|
|
27
27
|
}), s[16] = p, s[17] = h, s[18] = g, s[19] = _) : _ = s[19], _;
|
|
28
28
|
};
|
|
29
|
-
//#endregion
|
|
30
29
|
export { s as Calendar };
|
|
31
30
|
|
|
32
31
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["weekdayStyle","previousMonthAriaLabel","nextMonthAriaLabel","previousYearAriaLabel","nextYearAriaLabel","_c","clsx","AriaCalendar","require_compiler_runtime","CalendarBaseStyles","BaseCalendar","clsx$1","Calendar$1","import_compiler_runtime","Calendar","$","className","nextMonthAriaLabel","nextYearAriaLabel","previousMonthAriaLabel","previousYearAriaLabel","props","weekdayStyle","t0","t1","renderProps","t2","t3"],"sources":["../../../../src/components/Calendar/Calendar/Calendar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Calendar as AriaCalendar } from \"react-aria-components\";\nimport { BaseCalendar } from \"../BaseCalendar\";\nimport { CalendarBaseStyles, type WeekdayStyle } from \"../core\";\n\n/**\n * Props for the {@link Calendar} component.\n * Extends React Aria's `Calendar` props (excluding `children`, `visibleDuration`, and `pageBehavior`).\n */\nexport interface CalendarProps\n extends Omit<\n React.ComponentPropsWithRef<typeof AriaCalendar>,\n \"children\" | \"visibleDuration\" | \"pageBehavior\"\n > {\n /**\n * Formatting style for weekday column headers in the calendar grid.\n *\n * - `\"narrow\"`: Typically a single character (e.g. \"S\", \"M\", \"T\").\n * - `\"short\"`: Abbreviated weekday name (e.g. \"Sun\", \"Mon\", \"Tue\").\n */\n weekdayStyle?: WeekdayStyle;\n\n /** Accessible label for the previous month button. */\n previousMonthAriaLabel?: string;\n\n /** Accessible label for the next month button. */\n nextMonthAriaLabel?: string;\n\n /** Accessible label for the previous year button. */\n previousYearAriaLabel?: string;\n\n /** Accessible label for the next year button. */\n nextYearAriaLabel?: string;\n}\n\n/**\n * A single date selection calendar component implementing Material Design 3 Date Picker guidelines.\n *\n * Features an interactive date grid, fast month and year selector menus, localized date formatting,\n * keyboard accessibility, and touch-responsive ripple effects. Built on top of React Aria's `Calendar`.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@adgytec/web-ui-components';\n * import { today, getLocalTimeZone } from '@internationalized/date';\n *\n * <Calendar\n * aria-label=\"Appointment date\"\n * minValue={today(getLocalTimeZone())}\n * onChange={(date) => console.log('Selected date:', date)}\n * />\n * ```\n */\nexport const Calendar: React.FC<CalendarProps> = ({\n weekdayStyle,\n className,\n previousMonthAriaLabel,\n nextMonthAriaLabel,\n previousYearAriaLabel,\n nextYearAriaLabel,\n ...props\n}) => {\n return (\n <AriaCalendar\n className={(renderProps) =>\n clsx(\n CalendarBaseStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-calendar\n >\n <BaseCalendar\n weekdayStyle={weekdayStyle}\n previousMonthAriaLabel={previousMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n previousYearAriaLabel={previousYearAriaLabel}\n nextYearAriaLabel={nextYearAriaLabel}\n />\n </AriaCalendar>\n );\n};\n"],"mappings":";;;;;;;aAqDac,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAV,EAAAA,EAAAA,CAAA,EAAA,GAAAW,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAP,EAAA,OAAAQ,KAQhD,IAAAR,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OARiD,kIAAA,GAAAM,KAAAE,GAQjD,EAAA,KAAAA,GAAA,EAAA,KAAAP,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAT,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPT,EACIG,GACA,OAAOO,KAAc,aACfA,EAAUS,CACF,IAFdT,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAQ;CAAA,IAAAE;CAAA,AAAAX,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAO,KAKL,IAAA,kBAACZ,GAAD;EACkB;EACU;EACJ;EACG;EACJ;CAAiB,CAAA,GACtC,EAAA,MAAAO,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAI,KAAA,IAAAX,EAAA;CAAA,IAAAY;CACS,OADTZ,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KAAAT,EAAA,QAAAW,KAlBN,IAAA,kBAACnB,GAAD;EACe,WAAAiB;EAMN,GAEDH;EACJ,iBAAA;EAEA,UAAAK;CAZS,CAAA,GAmBE,EAAA,MAAAL,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,KAAA,IAAAZ,EAAA,KAnBfY;AAmBe"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["weekdayStyle","previousMonthAriaLabel","nextMonthAriaLabel","previousYearAriaLabel","nextYearAriaLabel","_c","clsx","AriaCalendar","require_compiler_runtime","CalendarBaseStyles","BaseCalendar","clsx$1","Calendar$1","import_compiler_runtime","Calendar","$","className","nextMonthAriaLabel","nextYearAriaLabel","previousMonthAriaLabel","previousYearAriaLabel","props","weekdayStyle","t0","t1","renderProps","t2","t3"],"sources":["../../../../src/components/Calendar/Calendar/Calendar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Calendar as AriaCalendar } from \"react-aria-components\";\nimport { BaseCalendar } from \"../BaseCalendar\";\nimport { CalendarBaseStyles, type WeekdayStyle } from \"../core\";\n\n/**\n * Props for the {@link Calendar} component.\n * Extends React Aria's `Calendar` props (excluding `children`, `visibleDuration`, and `pageBehavior`).\n */\nexport interface CalendarProps\n extends Omit<\n React.ComponentPropsWithRef<typeof AriaCalendar>,\n \"children\" | \"visibleDuration\" | \"pageBehavior\"\n > {\n /**\n * Formatting style for weekday column headers in the calendar grid.\n *\n * - `\"narrow\"`: Typically a single character (e.g. \"S\", \"M\", \"T\").\n * - `\"short\"`: Abbreviated weekday name (e.g. \"Sun\", \"Mon\", \"Tue\").\n */\n weekdayStyle?: WeekdayStyle;\n\n /** Accessible label for the previous month button. */\n previousMonthAriaLabel?: string;\n\n /** Accessible label for the next month button. */\n nextMonthAriaLabel?: string;\n\n /** Accessible label for the previous year button. */\n previousYearAriaLabel?: string;\n\n /** Accessible label for the next year button. */\n nextYearAriaLabel?: string;\n}\n\n/**\n * A single date selection calendar component implementing Material Design 3 Date Picker guidelines.\n *\n * Features an interactive date grid, fast month and year selector menus, localized date formatting,\n * keyboard accessibility, and touch-responsive ripple effects. Built on top of React Aria's `Calendar`.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@adgytec/web-ui-components';\n * import { today, getLocalTimeZone } from '@internationalized/date';\n *\n * <Calendar\n * aria-label=\"Appointment date\"\n * minValue={today(getLocalTimeZone())}\n * onChange={(date) => console.log('Selected date:', date)}\n * />\n * ```\n */\nexport const Calendar: React.FC<CalendarProps> = ({\n weekdayStyle,\n className,\n previousMonthAriaLabel,\n nextMonthAriaLabel,\n previousYearAriaLabel,\n nextYearAriaLabel,\n ...props\n}) => {\n return (\n <AriaCalendar\n className={(renderProps) =>\n clsx(\n CalendarBaseStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-calendar\n >\n <BaseCalendar\n weekdayStyle={weekdayStyle}\n previousMonthAriaLabel={previousMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n previousYearAriaLabel={previousYearAriaLabel}\n nextYearAriaLabel={nextYearAriaLabel}\n />\n </AriaCalendar>\n );\n};\n"],"mappings":";;;;;;;A,aAqDac,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAV,EAAAA,EAAAA,CAAA,EAAA,GAAAW,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAP,EAAA,OAAAQ,KAQhD,IAAAR,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OARiD,kIAAA,GAAAM,KAAAE,GAQjD,EAAA,KAAAA,GAAA,EAAA,KAAAP,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAT,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPT,EACIG,GACA,OAAOO,KAAc,aACfA,EAAUS,CACF,IAFdT,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAQ;CAAA,IAAAE;CAAA,AAAAX,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAO,KAKL,IAAA,kBAACZ,GAAD;EACkB;EACU;EACJ;EACG;EACJ;CAAiB,CAAA,GACtC,EAAA,MAAAO,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAI,KAAA,IAAAX,EAAA;CAAA,IAAAY;CACS,OADTZ,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KAAAT,EAAA,QAAAW,KAlBN,IAAA,kBAACnB,GAAD;EACe,WAAAiB;EAMN,GAEDH;EACJ,iBAAA;EAEA,UAAAK;CAZS,CAAA,GAmBE,EAAA,MAAAL,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,KAAA,IAAAZ,EAAA,KAnBfY;AAmBe"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as CalendarCell };
|
|
1
|
+
export { t as CalendarCell } from "../../../chunks/CalendarCell";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as CalendarGrid };
|
|
1
|
+
export { t as CalendarGrid } from "../../../chunks/CalendarGrid";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { e as CalendarMenuItem };
|
|
1
|
+
export { t as CalendarMenuItem } from "../../../chunks/CalendarMenuItem";
|
|
@@ -5,7 +5,7 @@ import { n as r } from "../../../chunks/core3";
|
|
|
5
5
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
6
|
import { ListBox as o, ListLayout as s, SelectionIndicator as c, Virtualizer as l } from "react-aria-components";
|
|
7
7
|
import { Check as u } from "lucide-react";
|
|
8
|
-
|
|
8
|
+
// src/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.tsx
|
|
9
9
|
var d = e(), f = (e) => {
|
|
10
10
|
let f = (0, d.c)(9), { onSelection: p, months: m } = e, h = r(), g;
|
|
11
11
|
f[0] === h.focusedDate.month ? g = f[1] : (g = [h.focusedDate.month], f[0] = h.focusedDate.month, f[1] = g);
|
|
@@ -42,7 +42,6 @@ var d = e(), f = (e) => {
|
|
|
42
42
|
})
|
|
43
43
|
}), f[5] = m, f[6] = g, f[7] = _, f[8] = v) : v = f[8], v;
|
|
44
44
|
};
|
|
45
|
-
//#endregion
|
|
46
45
|
export { f as CalendarMonthMenu };
|
|
47
46
|
|
|
48
47
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Check","ListLayout","months","_c","require_compiler_runtime","CalendarMenuItem","useCalendarState","import_compiler_runtime","CalendarMonthMenu","$","t0","state","t1","t2","onSelection","nextDate","item","endOfMonth","monthCompletelyInvalid","SelectionIndicator","Icon","Check","t3","months","Virtualizer","ListLayout","ListBox"],"sources":["../../../../src/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.tsx"],"sourcesContent":["import { Check } from \"lucide-react\";\nimport {\n ListBox,\n ListLayout,\n SelectionIndicator,\n Virtualizer,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarMenuItem } from \"../CalendarMenuItem\";\nimport { type MonthItem, useCalendarState } from \"../core\";\n\n/**\n * Props for the {@link CalendarMonthMenu} component.\n */\nexport interface CalendarMonthMenuProps {\n /** Callback invoked after a month item is selected to return to the calendar view. */\n onSelection: () => void;\n /** Array of selectable month objects to render in the virtualized list. */\n months: MonthItem[];\n}\n\n/**\n * A virtualized list menu allowing users to quickly pick a month in the calendar.\n *\n * Automatically highlights the currently focused month with a checkmark, disables months\n * that fall outside the allowable `minValue` / `maxValue` range, and shifts focused date on click.\n */\nexport const CalendarMonthMenu: React.FC<CalendarMonthMenuProps> = ({\n onSelection,\n months,\n}) => {\n const state = useCalendarState();\n\n return (\n <Virtualizer layout={ListLayout}>\n <ListBox\n aria-label=\"month selection\"\n autoFocus\n data-menu\n items={months}\n selectionMode=\"single\"\n selectedKeys={[state.focusedDate.month]}\n >\n {(item) => {\n const nextDate = state.focusedDate.set({\n month: item.id,\n day: 1,\n });\n\n const endOfMonth = nextDate.set({\n day: nextDate.calendar.getDaysInMonth(nextDate),\n });\n\n const monthCompletelyInvalid =\n (state.maxValue &&\n nextDate.compare(state.maxValue) > 0) ||\n (state.minValue &&\n endOfMonth.compare(state.minValue) < 0);\n\n return (\n <CalendarMenuItem\n onPress={() => {\n state.setFocusedDate(\n state.focusedDate.set({ month: item.id })\n );\n onSelection();\n }}\n isDisabled={monthCompletelyInvalid ?? undefined}\n textValue={item.formatted}\n >\n <SelectionIndicator>\n <Icon\n icon={Check}\n size={24}\n data-selected-icon\n />\n </SelectionIndicator>\n {item.formatted}\n </CalendarMenuItem>\n );\n }}\n </ListBox>\n </Virtualizer>\n );\n};\n"],"mappings":";;;;;;;;aA2BaQ,KAAsD,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAC,EAAA,gBAAA,cAAAO,GAIhEC,IAAcL,EAAiB,GAAEM;CAAA,AAAAH,EAAA,OAAAE,EAAA,YAAA,QAUkB,IAAAF,EAAA,MAAzB,IAAA,CAACE,EAAK,YAAY,KAAM,GAAC,EAAA,KAAAA,EAAA,YAAA,OAAA,EAAA,KAAAC;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAE,KAEtC,KAAA,MAAA;EACG,IAAAI,IAAiBJ,EAAK,YAAY,IAAK;GAAA,OAC5BK,EAAI;GAAG,KACT;EACT,CAAC,GAEDC,IAAmBF,EAAQ,IAAK,EAAA,KACvBA,EAAQ,SAAS,eAAgBA,CAAQ,EAClD,CAAC,GAEDG,IACKP,EAAK,YACFI,EAAQ,QAASJ,EAAK,QAAS,IAAI,KACtCA,EAAK,YACFM,EAAU,QAASN,EAAK,QAAS,IAAI;EAAG,OAG5C,kBAACN,GAAD;GACa,eAAA;IAIL,AAHAM,EAAK,eACDA,EAAK,YAAY,IAAK,EAAA,OAASK,EAAI,GAAI,CAAC,CAC5C,GACAF,EAAY;GAAC;GAEL,YAAAI,KAAA,KAAA;GACD,WAAAF,EAAI;GARnB,UAAA,CAUI,kBAACG,GAAD,EAAA,UACI,kBAACC,GAAD;IACUpB,MAAAqB;IACA,MAAA;IACN,sBAAA;GAAkB,CAAA,EAJP,CAAA,GAOlBL,EAAI,SAjBQ;;CAkBE,GAE1B,EAAA,KAAAF,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAE,KAAA,IAAAJ,EAAA;CAAA,IAAAa;CAEK,OAFLb,EAAA,OAAAc,KAAAd,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KA9CT,IAAA,kBAACW,GAAD;EAAqBvB,QAAAwB;EACjB,UAAA,kBAACC,GAAD;GACe,cAAA;GACX,WAAA;GACA,aAAA;GACOxB,OAAAqB;GACO,eAAA;GACA,cAAAX;GAEb,UAAAC;EARG,CAAA;CADA,CAAA,GAgDE,EAAA,KAAAU,GAAA,EAAA,KAAAX,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAS,KAAA,IAAAb,EAAA,IAhDda;AAgDc"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["Check","ListLayout","months","_c","require_compiler_runtime","CalendarMenuItem","useCalendarState","import_compiler_runtime","CalendarMonthMenu","$","t0","state","t1","t2","onSelection","nextDate","item","endOfMonth","monthCompletelyInvalid","SelectionIndicator","Icon","Check","t3","months","Virtualizer","ListLayout","ListBox"],"sources":["../../../../src/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.tsx"],"sourcesContent":["import { Check } from \"lucide-react\";\nimport {\n ListBox,\n ListLayout,\n SelectionIndicator,\n Virtualizer,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarMenuItem } from \"../CalendarMenuItem\";\nimport { type MonthItem, useCalendarState } from \"../core\";\n\n/**\n * Props for the {@link CalendarMonthMenu} component.\n */\nexport interface CalendarMonthMenuProps {\n /** Callback invoked after a month item is selected to return to the calendar view. */\n onSelection: () => void;\n /** Array of selectable month objects to render in the virtualized list. */\n months: MonthItem[];\n}\n\n/**\n * A virtualized list menu allowing users to quickly pick a month in the calendar.\n *\n * Automatically highlights the currently focused month with a checkmark, disables months\n * that fall outside the allowable `minValue` / `maxValue` range, and shifts focused date on click.\n */\nexport const CalendarMonthMenu: React.FC<CalendarMonthMenuProps> = ({\n onSelection,\n months,\n}) => {\n const state = useCalendarState();\n\n return (\n <Virtualizer layout={ListLayout}>\n <ListBox\n aria-label=\"month selection\"\n autoFocus\n data-menu\n items={months}\n selectionMode=\"single\"\n selectedKeys={[state.focusedDate.month]}\n >\n {(item) => {\n const nextDate = state.focusedDate.set({\n month: item.id,\n day: 1,\n });\n\n const endOfMonth = nextDate.set({\n day: nextDate.calendar.getDaysInMonth(nextDate),\n });\n\n const monthCompletelyInvalid =\n (state.maxValue &&\n nextDate.compare(state.maxValue) > 0) ||\n (state.minValue &&\n endOfMonth.compare(state.minValue) < 0);\n\n return (\n <CalendarMenuItem\n onPress={() => {\n state.setFocusedDate(\n state.focusedDate.set({ month: item.id })\n );\n onSelection();\n }}\n isDisabled={monthCompletelyInvalid ?? undefined}\n textValue={item.formatted}\n >\n <SelectionIndicator>\n <Icon\n icon={Check}\n size={24}\n data-selected-icon\n />\n </SelectionIndicator>\n {item.formatted}\n </CalendarMenuItem>\n );\n }}\n </ListBox>\n </Virtualizer>\n );\n};\n"],"mappings":";;;;;;;;A,aA2BaQ,KAAsD,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAC,EAAA,gBAAA,cAAAO,GAIhEC,IAAcL,EAAiB,GAAEM;CAAA,AAAAH,EAAA,OAAAE,EAAA,YAAA,QAUkB,IAAAF,EAAA,MAAzB,IAAA,CAACE,EAAK,YAAY,KAAM,GAAC,EAAA,KAAAA,EAAA,YAAA,OAAA,EAAA,KAAAC;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAE,KAEtC,KAAA,MAAA;EACG,IAAAI,IAAiBJ,EAAK,YAAY,IAAK;GAAA,OAC5BK,EAAI;GAAG,KACT;EACT,CAAC,GAEDC,IAAmBF,EAAQ,IAAK,EAAA,KACvBA,EAAQ,SAAS,eAAgBA,CAAQ,EAClD,CAAC,GAEDG,IACKP,EAAK,YACFI,EAAQ,QAASJ,EAAK,QAAS,IAAI,KACtCA,EAAK,YACFM,EAAU,QAASN,EAAK,QAAS,IAAI;EAAG,OAG5C,kBAACN,GAAD;GACa,eAAA;IAIL,AAHAM,EAAK,eACDA,EAAK,YAAY,IAAK,EAAA,OAASK,EAAI,GAAI,CAAC,CAC5C,GACAF,EAAY;GAAC;GAEL,YAAAI,KAAA,KAAA;GACD,WAAAF,EAAI;GARnB,UAAA,CAUI,kBAACG,GAAD,EAAA,UACI,kBAACC,GAAD;IACUpB,MAAAqB;IACA,MAAA;IACN,sBAAA;GAAkB,CAAA,EAJP,CAAA,GAOlBL,EAAI,SAjBQ;;CAkBE,GAE1B,EAAA,KAAAF,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAE,KAAA,IAAAJ,EAAA;CAAA,IAAAa;CAEK,OAFLb,EAAA,OAAAc,KAAAd,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KA9CT,IAAA,kBAACW,GAAD;EAAqBvB,QAAAwB;EACjB,UAAA,kBAACC,GAAD;GACe,cAAA;GACX,WAAA;GACA,aAAA;GACOxB,OAAAqB;GACO,eAAA;GACA,cAAAX;GAEb,UAAAC;EARG,CAAA;CADA,CAAA,GAgDE,EAAA,KAAAU,GAAA,EAAA,KAAAX,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAS,KAAA,IAAAb,EAAA,IAhDda;AAgDc"}
|