@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13
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/cjs/components/ActionIcon/ActionIcon.js +119 -33
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +79 -20
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/cjs/components/Affix/Affix.js +78 -28
- package/cjs/components/Affix/Affix.js.map +1 -1
- package/cjs/components/Alert/Alert.js +121 -41
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Anchor/Anchor.js +46 -5
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.js +48 -20
- package/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +109 -41
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js +2 -2
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js +49 -22
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js +37 -2
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.js +53 -19
- package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/Badge/Badge.js +110 -39
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js +87 -40
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +89 -31
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Burger/Burger.js +82 -29
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Button/Button.js +135 -55
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js +79 -20
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/cjs/components/Center/Center.js +46 -18
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Checkbox/CheckIcon.js +42 -9
- package/cjs/components/Checkbox/CheckIcon.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +140 -39
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js +61 -17
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup.context.js.map +1 -1
- package/cjs/components/CloseButton/CloseButton.js +49 -10
- package/cjs/components/CloseButton/CloseButton.js.map +1 -1
- package/cjs/components/CloseButton/CloseIcon.js +56 -7
- package/cjs/components/CloseButton/CloseIcon.js.map +1 -1
- package/cjs/components/Code/Code.js +61 -20
- package/cjs/components/Code/Code.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js +72 -24
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/Collapse/use-collapse.js +110 -71
- package/cjs/components/Collapse/use-collapse.js.map +1 -1
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js +64 -16
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.js +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +204 -87
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js +122 -44
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/cjs/components/ColorPicker/HueSlider/HueSlider.js +60 -11
- package/cjs/components/ColorPicker/HueSlider/HueSlider.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.js +139 -57
- package/cjs/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js +73 -10
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.js +48 -9
- package/cjs/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/cjs/components/ColorPicker/converters/converters.js +48 -48
- package/cjs/components/ColorPicker/converters/converters.js.map +1 -1
- package/cjs/components/ColorPicker/converters/parsers.js +116 -105
- package/cjs/components/ColorPicker/converters/parsers.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js +89 -28
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js +60 -4
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +14 -14
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/cjs/components/Container/Container.js +48 -20
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/CopyButton/CopyButton.js +34 -7
- package/cjs/components/CopyButton/CopyButton.js.map +1 -1
- package/cjs/components/Divider/Divider.js +86 -24
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Fieldset/Fieldset.js +104 -0
- package/cjs/components/Fieldset/Fieldset.js.map +1 -0
- package/cjs/components/Fieldset/Fieldset.module.css.js +8 -0
- package/cjs/components/Fieldset/Fieldset.module.css.js.map +1 -0
- package/cjs/components/FileButton/FileButton.js +79 -18
- package/cjs/components/FileButton/FileButton.js.map +1 -1
- package/cjs/components/Floating/FloatingArrow/FloatingArrow.js +74 -16
- package/cjs/components/Floating/FloatingArrow/FloatingArrow.js.map +1 -1
- package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js +91 -47
- package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js.map +1 -1
- package/cjs/components/Floating/get-floating-position/get-floating-position.js +6 -6
- package/cjs/components/Floating/get-floating-position/get-floating-position.js.map +1 -1
- package/cjs/components/Floating/use-delayed-hover.js +24 -26
- package/cjs/components/Floating/use-delayed-hover.js.map +1 -1
- package/cjs/components/Floating/use-floating-auto-update.js +27 -18
- package/cjs/components/Floating/use-floating-auto-update.js.map +1 -1
- package/cjs/components/FocusTrap/FocusTrap.js +12 -8
- package/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
- package/cjs/components/Group/Group.js +99 -34
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js +1 -1
- package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js.map +1 -1
- package/cjs/components/Highlight/Highlight.js +52 -5
- package/cjs/components/Highlight/Highlight.js.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js +13 -25
- package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/cjs/components/InlineInput/InlineInput.js +97 -23
- package/cjs/components/InlineInput/InlineInput.js.map +1 -1
- package/cjs/components/Input/Input.js +169 -54
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/InputDescription/InputDescription.js +80 -24
- package/cjs/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/cjs/components/Input/InputError/InputError.js +80 -24
- package/cjs/components/Input/InputError/InputError.js.map +1 -1
- package/cjs/components/Input/InputLabel/InputLabel.js +105 -33
- package/cjs/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js +65 -16
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js +176 -63
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js +6 -6
- package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js.map +1 -1
- package/cjs/components/Input/InputWrapper.context.js +4 -4
- package/cjs/components/Input/InputWrapper.context.js.map +1 -1
- package/cjs/components/Input/use-input-props.js +121 -35
- package/cjs/components/Input/use-input-props.js.map +1 -1
- package/cjs/components/InputBase/InputBase.js +37 -7
- package/cjs/components/InputBase/InputBase.js.map +1 -1
- package/cjs/components/Kbd/Kbd.js +50 -22
- package/cjs/components/Kbd/Kbd.js.map +1 -1
- package/cjs/components/Loader/Loader.js +90 -27
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/loaders/Bars.js +33 -6
- package/cjs/components/Loader/loaders/Bars.js.map +1 -1
- package/cjs/components/Loader/loaders/Dots.js +33 -12
- package/cjs/components/Loader/loaders/Dots.js.map +1 -1
- package/cjs/components/Loader/loaders/Oval.js +33 -3
- package/cjs/components/Loader/loaders/Oval.js.map +1 -1
- package/cjs/components/Mark/Mark.js +50 -22
- package/cjs/components/Mark/Mark.js.map +1 -1
- package/cjs/components/Mark/get-mark-color.js +8 -8
- package/cjs/components/Mark/get-mark-color.js.map +1 -1
- package/cjs/components/Modal/Modal.context.js +13 -0
- package/cjs/components/Modal/Modal.context.js.map +1 -0
- package/cjs/components/Modal/Modal.js +96 -0
- package/cjs/components/Modal/Modal.js.map +1 -0
- package/cjs/components/Modal/Modal.module.css.js +8 -0
- package/cjs/components/Modal/Modal.module.css.js.map +1 -0
- package/cjs/components/Modal/ModalBody.js +60 -0
- package/cjs/components/Modal/ModalBody.js.map +1 -0
- package/cjs/components/Modal/ModalCloseButton.js +60 -0
- package/cjs/components/Modal/ModalCloseButton.js.map +1 -0
- package/cjs/components/Modal/ModalContent.js +68 -0
- package/cjs/components/Modal/ModalContent.js.map +1 -0
- package/cjs/components/Modal/ModalHeader.js +60 -0
- package/cjs/components/Modal/ModalHeader.js.map +1 -0
- package/cjs/components/Modal/ModalOverlay.js +60 -0
- package/cjs/components/Modal/ModalOverlay.js.map +1 -0
- package/cjs/components/Modal/ModalRoot.js +133 -0
- package/cjs/components/Modal/ModalRoot.js.map +1 -0
- package/cjs/components/Modal/ModalTitle.js +60 -0
- package/cjs/components/Modal/ModalTitle.js.map +1 -0
- package/cjs/components/ModalBase/ModalBase.context.js +13 -0
- package/cjs/components/ModalBase/ModalBase.context.js.map +1 -0
- package/cjs/components/ModalBase/ModalBase.js +124 -0
- package/cjs/components/ModalBase/ModalBase.js.map +1 -0
- package/cjs/components/ModalBase/ModalBase.module.css.js +8 -0
- package/cjs/components/ModalBase/ModalBase.module.css.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseBody.js +57 -0
- package/cjs/components/ModalBase/ModalBaseBody.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseCloseButton.js +65 -0
- package/cjs/components/ModalBase/ModalBaseCloseButton.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseContent.js +86 -0
- package/cjs/components/ModalBase/ModalBaseContent.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseHeader.js +52 -0
- package/cjs/components/ModalBase/ModalBaseHeader.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseOverlay.js +70 -0
- package/cjs/components/ModalBase/ModalBaseOverlay.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseTitle.js +57 -0
- package/cjs/components/ModalBase/ModalBaseTitle.js.map +1 -0
- package/cjs/components/ModalBase/NativeScrollArea.js +16 -0
- package/cjs/components/ModalBase/NativeScrollArea.js.map +1 -0
- package/cjs/components/ModalBase/use-lock-scroll.js +28 -0
- package/cjs/components/ModalBase/use-lock-scroll.js.map +1 -0
- package/cjs/components/ModalBase/use-modal-body-id.js +18 -0
- package/cjs/components/ModalBase/use-modal-body-id.js.map +1 -0
- package/cjs/components/ModalBase/use-modal-title-id.js +18 -0
- package/cjs/components/ModalBase/use-modal-title-id.js.map +1 -0
- package/cjs/components/ModalBase/use-modal-transition.js +34 -0
- package/cjs/components/ModalBase/use-modal-transition.js.map +1 -0
- package/cjs/components/ModalBase/use-modal.js +40 -0
- package/cjs/components/ModalBase/use-modal.js.map +1 -0
- package/cjs/components/NativeSelect/NativeSelect.js +55 -7
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelectOption.js +36 -9
- package/cjs/components/NativeSelect/NativeSelectOption.js.map +1 -1
- package/cjs/components/Notification/Notification.js +153 -0
- package/cjs/components/Notification/Notification.js.map +1 -0
- package/cjs/components/Notification/Notification.module.css.js +8 -0
- package/cjs/components/Notification/Notification.module.css.js.map +1 -0
- package/cjs/components/Overlay/Overlay.js +93 -27
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Paper/Paper.js +83 -22
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Popover/Popover.context.js +3 -1
- package/cjs/components/Popover/Popover.context.js.map +1 -1
- package/cjs/components/Popover/Popover.js +213 -109
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js +131 -47
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +57 -20
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js.map +1 -1
- package/cjs/components/Popover/use-popover.js +75 -79
- package/cjs/components/Popover/use-popover.js.map +1 -1
- package/cjs/components/Portal/OptionalPortal.js +34 -7
- package/cjs/components/Portal/OptionalPortal.js.map +1 -1
- package/cjs/components/Portal/Portal.js +50 -24
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js +3 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js +187 -40
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +55 -23
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +80 -39
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +42 -10
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +50 -11
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +63 -24
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +72 -31
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +104 -51
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +3 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +120 -56
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +73 -26
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +72 -26
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +85 -40
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +48 -7
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -1
- package/cjs/components/ScrollArea/use-resize-observer.js +16 -16
- package/cjs/components/ScrollArea/use-resize-observer.js.map +1 -1
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js +14 -14
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -1
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js +6 -6
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js +11 -11
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +11 -11
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js +2 -2
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-size.js +4 -4
- package/cjs/components/ScrollArea/utils/get-thumb-size.js.map +1 -1
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +1 -1
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -1
- package/cjs/components/ScrollArea/utils/linear-scale.js +6 -6
- package/cjs/components/ScrollArea/utils/linear-scale.js.map +1 -1
- package/cjs/components/ScrollArea/utils/to-int.js +1 -1
- package/cjs/components/ScrollArea/utils/to-int.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +211 -88
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.js +39 -9
- package/cjs/components/Slider/Marks/Marks.js.map +1 -1
- package/cjs/components/Slider/Marks/is-mark-filled.js +1 -7
- package/cjs/components/Slider/Marks/is-mark-filled.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +359 -193
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +265 -123
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.context.js +3 -1
- package/cjs/components/Slider/Slider.context.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js +43 -6
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +80 -13
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/Track/Track.js +60 -13
- package/cjs/components/Slider/Track/Track.js.map +1 -1
- package/cjs/components/Slider/utils/get-change-value/get-change-value.js +16 -11
- package/cjs/components/Slider/utils/get-change-value/get-change-value.js.map +1 -1
- package/cjs/components/Slider/utils/get-client-position/get-client-position.js +5 -5
- package/cjs/components/Slider/utils/get-client-position/get-client-position.js.map +1 -1
- package/cjs/components/Slider/utils/get-position/get-position.js +2 -2
- package/cjs/components/Slider/utils/get-position/get-position.js.map +1 -1
- package/cjs/components/Stack/Stack.js +78 -25
- package/cjs/components/Stack/Stack.js.map +1 -1
- package/cjs/components/Switch/Switch.js +167 -53
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js +61 -17
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup.context.js.map +1 -1
- package/cjs/components/Table/Table.components.js +74 -39
- package/cjs/components/Table/Table.components.js.map +1 -1
- package/cjs/components/Table/Table.context.js +3 -1
- package/cjs/components/Table/Table.context.js.map +1 -1
- package/cjs/components/Table/Table.js +133 -42
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Tabs/Tabs.context.js +3 -1
- package/cjs/components/Tabs/Tabs.context.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +146 -60
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/TabsList/TabsList.js +61 -18
- package/cjs/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js +56 -14
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js +108 -31
- package/cjs/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/cjs/components/Text/Text.js +117 -41
- package/cjs/components/Text/Text.js.map +1 -1
- package/cjs/components/TextInput/TextInput.js +23 -3
- package/cjs/components/TextInput/TextInput.js.map +1 -1
- package/cjs/components/Title/Title.js +69 -29
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Title/get-title-size.js +12 -12
- package/cjs/components/Title/get-title-size.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +213 -68
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.js +139 -54
- package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js +54 -56
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map +1 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js +5 -7
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.js +74 -61
- package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
- package/cjs/components/Transition/Transition.js +35 -21
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/components/Transition/get-transition-props/get-transition-props.js +19 -3
- package/cjs/components/Transition/get-transition-props/get-transition-props.js.map +1 -1
- package/cjs/components/Transition/get-transition-styles/get-transition-styles.js +42 -17
- package/cjs/components/Transition/get-transition-styles/get-transition-styles.js.map +1 -1
- package/cjs/components/Transition/transitions.js +108 -79
- package/cjs/components/Transition/transitions.js.map +1 -1
- package/cjs/components/Transition/use-transition.js +48 -40
- package/cjs/components/Transition/use-transition.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js +43 -15
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/cjs/components/UnstyledButton/UnstyledButton.js +72 -16
- package/cjs/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/cjs/components/VisuallyHidden/VisuallyHidden.js +32 -4
- package/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/cjs/core/Box/Box.js +60 -17
- package/cjs/core/Box/Box.js.map +1 -1
- package/cjs/core/Box/get-box-mod/get-box-mod.js +38 -19
- package/cjs/core/Box/get-box-mod/get-box-mod.js.map +1 -1
- package/cjs/core/Box/get-box-style/get-box-style.js +38 -14
- package/cjs/core/Box/get-box-style/get-box-style.js.map +1 -1
- package/cjs/core/Box/get-style-object/get-style-object.js +29 -10
- package/cjs/core/Box/get-style-object/get-style-object.js.map +1 -1
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.js +150 -48
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.js.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js +71 -40
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/sort-media-queries.js +40 -9
- package/cjs/core/Box/style-props/parse-style-props/sort-media-queries.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js +5 -5
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +10 -10
- package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js +1 -1
- package/cjs/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/index.js +6 -6
- package/cjs/core/Box/style-props/resolvers/index.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js +4 -4
- package/cjs/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/size-resolver/size-resolver.js +4 -4
- package/cjs/core/Box/style-props/resolvers/size-resolver/size-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +11 -11
- package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/style-props-data.js +43 -43
- package/cjs/core/Box/style-props/style-props-data.js.map +1 -1
- package/cjs/core/Box/use-random-classname/use-random-classname.js +2 -2
- package/cjs/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/cjs/core/DirectionProvider/DirectionProvider.js +26 -20
- package/cjs/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/cjs/core/InlineStyles/InlineStyles.js +9 -2
- package/cjs/core/InlineStyles/InlineStyles.js.map +1 -1
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js +5 -3
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
- package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js +21 -7
- package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js +49 -4
- package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js.map +1 -1
- package/cjs/core/MantineProvider/Mantine.context.js +8 -8
- package/cjs/core/MantineProvider/Mantine.context.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +22 -17
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +101 -86
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js +3 -3
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js +21 -21
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineProvider.js +37 -23
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +19 -10
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/darken/darken.js +7 -7
- package/cjs/core/MantineProvider/color-functions/darken/darken.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js +152 -147
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/get-gradient/get-gradient.js +8 -8
- package/cjs/core/MantineProvider/color-functions/get-gradient/get-gradient.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js +7 -7
- package/cjs/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js +2 -2
- package/cjs/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/is-light-color/is-light-color.js +7 -7
- package/cjs/core/MantineProvider/color-functions/is-light-color/is-light-color.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/lighten/lighten.js +6 -6
- package/cjs/core/MantineProvider/color-functions/lighten/lighten.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js +34 -34
- package/cjs/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/rgba/rgba.js +5 -5
- package/cjs/core/MantineProvider/color-functions/rgba/rgba.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/to-rgba/to-rgba.js +91 -100
- package/cjs/core/MantineProvider/color-functions/to-rgba/to-rgba.js.map +1 -1
- package/cjs/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js +1 -1
- package/cjs/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/color-scheme-managers/local-storage-manager.js +40 -38
- package/cjs/core/MantineProvider/color-scheme-managers/local-storage-manager.js.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js +7 -11
- package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js +1 -3
- package/cjs/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/wrap-with-selector.js +2 -2
- package/cjs/core/MantineProvider/convert-css-variables/wrap-with-selector.js.map +1 -1
- package/cjs/core/MantineProvider/create-theme/create-theme.js +1 -1
- package/cjs/core/MantineProvider/create-theme/create-theme.js.map +1 -1
- package/cjs/core/MantineProvider/default-colors.js +168 -168
- package/cjs/core/MantineProvider/default-colors.js.map +1 -1
- package/cjs/core/MantineProvider/default-theme.js +81 -73
- package/cjs/core/MantineProvider/default-theme.js.map +1 -1
- package/cjs/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js +27 -28
- package/cjs/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js.map +1 -1
- package/cjs/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js +1 -1
- package/cjs/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js.map +1 -1
- package/cjs/core/MantineProvider/suppress-nextjs-warning.js +6 -12
- package/cjs/core/MantineProvider/suppress-nextjs-warning.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js +3 -3
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +43 -42
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +45 -39
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/use-props/use-props.js +21 -5
- package/cjs/core/MantineProvider/use-props/use-props.js.map +1 -1
- package/cjs/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js +10 -7
- package/cjs/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js.map +1 -1
- package/cjs/core/factory/create-polymorphic-component.js +1 -1
- package/cjs/core/factory/create-polymorphic-component.js.map +1 -1
- package/cjs/core/factory/factory.js +4 -4
- package/cjs/core/factory/factory.js.map +1 -1
- package/cjs/core/factory/polymorphic-factory.js +3 -3
- package/cjs/core/factory/polymorphic-factory.js.map +1 -1
- package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.js +1 -1
- package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js +25 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js +7 -5
- package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js +13 -7
- package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js +8 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js +1 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js +1 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js +6 -3
- package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js +18 -10
- package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js +7 -3
- package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js +24 -3
- package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/get-style.js +30 -2
- package/cjs/core/styles-api/use-styles/get-style/get-style.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js +34 -12
- package/cjs/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js +29 -10
- package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js +24 -8
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js +18 -7
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js.map +1 -1
- package/cjs/core/styles-api/use-styles/use-styles.js +46 -33
- package/cjs/core/styles-api/use-styles/use-styles.js.map +1 -1
- package/cjs/core/utils/camel-to-kebab-case/camel-to-kebab-case.js +1 -1
- package/cjs/core/utils/camel-to-kebab-case/camel-to-kebab-case.js.map +1 -1
- package/cjs/core/utils/close-on-escape/close-on-escape.js +9 -9
- package/cjs/core/utils/close-on-escape/close-on-escape.js.map +1 -1
- package/cjs/core/utils/create-safe-context/create-safe-context.js +10 -10
- package/cjs/core/utils/create-safe-context/create-safe-context.js.map +1 -1
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js +96 -85
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js.map +1 -1
- package/cjs/core/utils/deep-merge/deep-merge.js +33 -19
- package/cjs/core/utils/deep-merge/deep-merge.js.map +1 -1
- package/cjs/core/utils/filter-props/filter-props.js +6 -6
- package/cjs/core/utils/filter-props/filter-props.js.map +1 -1
- package/cjs/core/utils/find-element-ancestor/find-element-ancestor.js +4 -5
- package/cjs/core/utils/find-element-ancestor/find-element-ancestor.js.map +1 -1
- package/cjs/core/utils/get-default-z-index/get-default-z-index.js +6 -6
- package/cjs/core/utils/get-default-z-index/get-default-z-index.js.map +1 -1
- package/cjs/core/utils/get-safe-id/get-safe-id.js +6 -6
- package/cjs/core/utils/get-safe-id/get-safe-id.js.map +1 -1
- package/cjs/core/utils/get-size/get-size.js +13 -17
- package/cjs/core/utils/get-size/get-size.js.map +1 -1
- package/cjs/core/utils/is-element/is-element.js +9 -9
- package/cjs/core/utils/is-element/is-element.js.map +1 -1
- package/cjs/core/utils/is-number-like/is-number-like.js +9 -9
- package/cjs/core/utils/is-number-like/is-number-like.js.map +1 -1
- package/cjs/core/utils/keys/keys.js +1 -1
- package/cjs/core/utils/keys/keys.js.map +1 -1
- package/cjs/core/utils/noop/noop.js +2 -1
- package/cjs/core/utils/noop/noop.js.map +1 -1
- package/cjs/core/utils/units-converters/px.js +23 -24
- package/cjs/core/utils/units-converters/px.js.map +1 -1
- package/cjs/core/utils/units-converters/rem.js +25 -25
- package/cjs/core/utils/units-converters/rem.js.map +1 -1
- package/cjs/index.css +379 -38
- package/cjs/index.js +38 -0
- package/cjs/index.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js +119 -33
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +79 -20
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/esm/components/Affix/Affix.js +78 -28
- package/esm/components/Affix/Affix.js.map +1 -1
- package/esm/components/Alert/Alert.js +121 -41
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Anchor/Anchor.js +46 -5
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.js +48 -20
- package/esm/components/AspectRatio/AspectRatio.js.map +1 -1
- package/esm/components/Avatar/Avatar.js +109 -41
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js +2 -2
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js +49 -22
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/esm/components/Avatar/AvatarPlaceholderIcon.js +37 -2
- package/esm/components/Avatar/AvatarPlaceholderIcon.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.js +53 -19
- package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/Badge/Badge.js +110 -39
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js +87 -40
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js +89 -31
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Burger/Burger.js +82 -29
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Button/Button.js +135 -55
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.js +79 -20
- package/esm/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/esm/components/Center/Center.js +46 -18
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Checkbox/CheckIcon.js +42 -9
- package/esm/components/Checkbox/CheckIcon.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js +141 -40
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.js +61 -17
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup.context.js.map +1 -1
- package/esm/components/CloseButton/CloseButton.js +49 -10
- package/esm/components/CloseButton/CloseButton.js.map +1 -1
- package/esm/components/CloseButton/CloseIcon.js +56 -7
- package/esm/components/CloseButton/CloseIcon.js.map +1 -1
- package/esm/components/Code/Code.js +61 -20
- package/esm/components/Code/Code.js.map +1 -1
- package/esm/components/Collapse/Collapse.js +72 -24
- package/esm/components/Collapse/Collapse.js.map +1 -1
- package/esm/components/Collapse/use-collapse.js +110 -71
- package/esm/components/Collapse/use-collapse.js.map +1 -1
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js +64 -16
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.context.js +1 -1
- package/esm/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +204 -87
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js +122 -44
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/esm/components/ColorPicker/HueSlider/HueSlider.js +60 -11
- package/esm/components/ColorPicker/HueSlider/HueSlider.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.js +139 -57
- package/esm/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.js +73 -10
- package/esm/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/components/ColorPicker/Thumb/Thumb.js +48 -9
- package/esm/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/esm/components/ColorPicker/converters/converters.js +48 -48
- package/esm/components/ColorPicker/converters/converters.js.map +1 -1
- package/esm/components/ColorPicker/converters/parsers.js +116 -105
- package/esm/components/ColorPicker/converters/parsers.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js +89 -28
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js +60 -4
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +14 -14
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/esm/components/Container/Container.js +48 -20
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/CopyButton/CopyButton.js +34 -7
- package/esm/components/CopyButton/CopyButton.js.map +1 -1
- package/esm/components/Divider/Divider.js +86 -24
- package/esm/components/Divider/Divider.js.map +1 -1
- package/esm/components/Fieldset/Fieldset.js +96 -0
- package/esm/components/Fieldset/Fieldset.js.map +1 -0
- package/esm/components/Fieldset/Fieldset.module.css.js +4 -0
- package/esm/components/Fieldset/Fieldset.module.css.js.map +1 -0
- package/esm/components/FileButton/FileButton.js +79 -18
- package/esm/components/FileButton/FileButton.js.map +1 -1
- package/esm/components/Floating/FloatingArrow/FloatingArrow.js +74 -16
- package/esm/components/Floating/FloatingArrow/FloatingArrow.js.map +1 -1
- package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.js +91 -47
- package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.js.map +1 -1
- package/esm/components/Floating/get-floating-position/get-floating-position.js +6 -6
- package/esm/components/Floating/get-floating-position/get-floating-position.js.map +1 -1
- package/esm/components/Floating/use-delayed-hover.js +24 -26
- package/esm/components/Floating/use-delayed-hover.js.map +1 -1
- package/esm/components/Floating/use-floating-auto-update.js +27 -18
- package/esm/components/Floating/use-floating-auto-update.js.map +1 -1
- package/esm/components/FocusTrap/FocusTrap.js +12 -8
- package/esm/components/FocusTrap/FocusTrap.js.map +1 -1
- package/esm/components/Group/Group.js +99 -34
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Group/filter-falsy-children/filter-falsy-children.js +1 -1
- package/esm/components/Group/filter-falsy-children/filter-falsy-children.js.map +1 -1
- package/esm/components/Highlight/Highlight.js +52 -5
- package/esm/components/Highlight/Highlight.js.map +1 -1
- package/esm/components/Highlight/highlighter/highlighter.js +13 -25
- package/esm/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/esm/components/InlineInput/InlineInput.js +97 -24
- package/esm/components/InlineInput/InlineInput.js.map +1 -1
- package/esm/components/Input/Input.js +169 -54
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/InputDescription/InputDescription.js +80 -24
- package/esm/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/esm/components/Input/InputError/InputError.js +80 -24
- package/esm/components/Input/InputError/InputError.js.map +1 -1
- package/esm/components/Input/InputLabel/InputLabel.js +105 -33
- package/esm/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js +65 -16
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js +176 -63
- package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js +6 -6
- package/esm/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js.map +1 -1
- package/esm/components/Input/InputWrapper.context.js +4 -4
- package/esm/components/Input/InputWrapper.context.js.map +1 -1
- package/esm/components/Input/use-input-props.js +121 -35
- package/esm/components/Input/use-input-props.js.map +1 -1
- package/esm/components/InputBase/InputBase.js +37 -7
- package/esm/components/InputBase/InputBase.js.map +1 -1
- package/esm/components/Kbd/Kbd.js +50 -22
- package/esm/components/Kbd/Kbd.js.map +1 -1
- package/esm/components/Loader/Loader.js +90 -27
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Loader/loaders/Bars.js +33 -6
- package/esm/components/Loader/loaders/Bars.js.map +1 -1
- package/esm/components/Loader/loaders/Dots.js +33 -12
- package/esm/components/Loader/loaders/Dots.js.map +1 -1
- package/esm/components/Loader/loaders/Oval.js +33 -3
- package/esm/components/Loader/loaders/Oval.js.map +1 -1
- package/esm/components/Mark/Mark.js +50 -22
- package/esm/components/Mark/Mark.js.map +1 -1
- package/esm/components/Mark/get-mark-color.js +8 -8
- package/esm/components/Mark/get-mark-color.js.map +1 -1
- package/esm/components/Modal/Modal.context.js +8 -0
- package/esm/components/Modal/Modal.context.js.map +1 -0
- package/esm/components/Modal/Modal.js +88 -0
- package/esm/components/Modal/Modal.js.map +1 -0
- package/esm/components/Modal/Modal.module.css.js +4 -0
- package/esm/components/Modal/Modal.module.css.js.map +1 -0
- package/esm/components/Modal/ModalBody.js +52 -0
- package/esm/components/Modal/ModalBody.js.map +1 -0
- package/esm/components/Modal/ModalCloseButton.js +52 -0
- package/esm/components/Modal/ModalCloseButton.js.map +1 -0
- package/esm/components/Modal/ModalContent.js +60 -0
- package/esm/components/Modal/ModalContent.js.map +1 -0
- package/esm/components/Modal/ModalHeader.js +52 -0
- package/esm/components/Modal/ModalHeader.js.map +1 -0
- package/esm/components/Modal/ModalOverlay.js +52 -0
- package/esm/components/Modal/ModalOverlay.js.map +1 -0
- package/esm/components/Modal/ModalRoot.js +125 -0
- package/esm/components/Modal/ModalRoot.js.map +1 -0
- package/esm/components/Modal/ModalTitle.js +52 -0
- package/esm/components/Modal/ModalTitle.js.map +1 -0
- package/esm/components/ModalBase/ModalBase.context.js +8 -0
- package/esm/components/ModalBase/ModalBase.context.js.map +1 -0
- package/esm/components/ModalBase/ModalBase.js +116 -0
- package/esm/components/ModalBase/ModalBase.js.map +1 -0
- package/esm/components/ModalBase/ModalBase.module.css.js +4 -0
- package/esm/components/ModalBase/ModalBase.module.css.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseBody.js +48 -0
- package/esm/components/ModalBase/ModalBaseBody.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseCloseButton.js +56 -0
- package/esm/components/ModalBase/ModalBaseCloseButton.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseContent.js +77 -0
- package/esm/components/ModalBase/ModalBaseContent.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseHeader.js +43 -0
- package/esm/components/ModalBase/ModalBaseHeader.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseOverlay.js +62 -0
- package/esm/components/ModalBase/ModalBaseOverlay.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseTitle.js +48 -0
- package/esm/components/ModalBase/ModalBaseTitle.js.map +1 -0
- package/esm/components/ModalBase/NativeScrollArea.js +8 -0
- package/esm/components/ModalBase/NativeScrollArea.js.map +1 -0
- package/esm/components/ModalBase/use-lock-scroll.js +24 -0
- package/esm/components/ModalBase/use-lock-scroll.js.map +1 -0
- package/esm/components/ModalBase/use-modal-body-id.js +14 -0
- package/esm/components/ModalBase/use-modal-body-id.js.map +1 -0
- package/esm/components/ModalBase/use-modal-title-id.js +14 -0
- package/esm/components/ModalBase/use-modal-title-id.js.map +1 -0
- package/esm/components/ModalBase/use-modal-transition.js +30 -0
- package/esm/components/ModalBase/use-modal-transition.js.map +1 -0
- package/esm/components/ModalBase/use-modal.js +36 -0
- package/esm/components/ModalBase/use-modal.js.map +1 -0
- package/esm/components/NativeSelect/NativeSelect.js +55 -7
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelectOption.js +36 -9
- package/esm/components/NativeSelect/NativeSelectOption.js.map +1 -1
- package/esm/components/Notification/Notification.js +145 -0
- package/esm/components/Notification/Notification.js.map +1 -0
- package/esm/components/Notification/Notification.module.css.js +4 -0
- package/esm/components/Notification/Notification.module.css.js.map +1 -0
- package/esm/components/Overlay/Overlay.js +93 -27
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Paper/Paper.js +83 -22
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Popover/Popover.context.js +3 -1
- package/esm/components/Popover/Popover.context.js.map +1 -1
- package/esm/components/Popover/Popover.js +213 -109
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js +131 -47
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js +57 -20
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js.map +1 -1
- package/esm/components/Popover/use-popover.js +75 -79
- package/esm/components/Popover/use-popover.js.map +1 -1
- package/esm/components/Portal/OptionalPortal.js +34 -7
- package/esm/components/Portal/OptionalPortal.js.map +1 -1
- package/esm/components/Portal/Portal.js +50 -24
- package/esm/components/Portal/Portal.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.context.js +3 -1
- package/esm/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.js +187 -40
- package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +55 -23
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +80 -39
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +42 -10
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +50 -11
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +63 -24
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +72 -31
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +104 -51
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +3 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +120 -56
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +73 -26
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +72 -26
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +85 -40
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +48 -7
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -1
- package/esm/components/ScrollArea/use-resize-observer.js +16 -16
- package/esm/components/ScrollArea/use-resize-observer.js.map +1 -1
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js +14 -14
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -1
- package/esm/components/ScrollArea/utils/compose-event-handlers.js +6 -6
- package/esm/components/ScrollArea/utils/compose-event-handlers.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js +11 -11
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +11 -11
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js +2 -2
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-size.js +4 -4
- package/esm/components/ScrollArea/utils/get-thumb-size.js.map +1 -1
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +1 -1
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -1
- package/esm/components/ScrollArea/utils/linear-scale.js +6 -6
- package/esm/components/ScrollArea/utils/linear-scale.js.map +1 -1
- package/esm/components/ScrollArea/utils/to-int.js +1 -1
- package/esm/components/ScrollArea/utils/to-int.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +211 -88
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.js +39 -9
- package/esm/components/Slider/Marks/Marks.js.map +1 -1
- package/esm/components/Slider/Marks/is-mark-filled.js +1 -7
- package/esm/components/Slider/Marks/is-mark-filled.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +359 -193
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +265 -123
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/Slider.context.js +3 -1
- package/esm/components/Slider/Slider.context.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js +43 -6
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +80 -13
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Slider/Track/Track.js +60 -13
- package/esm/components/Slider/Track/Track.js.map +1 -1
- package/esm/components/Slider/utils/get-change-value/get-change-value.js +16 -11
- package/esm/components/Slider/utils/get-change-value/get-change-value.js.map +1 -1
- package/esm/components/Slider/utils/get-client-position/get-client-position.js +5 -5
- package/esm/components/Slider/utils/get-client-position/get-client-position.js.map +1 -1
- package/esm/components/Slider/utils/get-position/get-position.js +2 -2
- package/esm/components/Slider/utils/get-position/get-position.js.map +1 -1
- package/esm/components/Stack/Stack.js +78 -25
- package/esm/components/Stack/Stack.js.map +1 -1
- package/esm/components/Switch/Switch.js +168 -54
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js +61 -17
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/esm/components/Switch/SwitchGroup.context.js.map +1 -1
- package/esm/components/Table/Table.components.js +74 -39
- package/esm/components/Table/Table.components.js.map +1 -1
- package/esm/components/Table/Table.context.js +3 -1
- package/esm/components/Table/Table.context.js.map +1 -1
- package/esm/components/Table/Table.js +133 -42
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Tabs/Tabs.context.js +3 -1
- package/esm/components/Tabs/Tabs.context.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +146 -60
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/TabsList/TabsList.js +61 -18
- package/esm/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/esm/components/Tabs/TabsPanel/TabsPanel.js +56 -14
- package/esm/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js +108 -31
- package/esm/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/esm/components/Text/Text.js +117 -41
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/TextInput/TextInput.js +23 -3
- package/esm/components/TextInput/TextInput.js.map +1 -1
- package/esm/components/Title/Title.js +69 -29
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Title/get-title-size.js +12 -12
- package/esm/components/Title/get-title-size.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +213 -68
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js +139 -54
- package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js +54 -56
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map +1 -1
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js +5 -7
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js.map +1 -1
- package/esm/components/Tooltip/use-tooltip.js +74 -61
- package/esm/components/Tooltip/use-tooltip.js.map +1 -1
- package/esm/components/Transition/Transition.js +35 -21
- package/esm/components/Transition/Transition.js.map +1 -1
- package/esm/components/Transition/get-transition-props/get-transition-props.js +19 -3
- package/esm/components/Transition/get-transition-props/get-transition-props.js.map +1 -1
- package/esm/components/Transition/get-transition-styles/get-transition-styles.js +42 -17
- package/esm/components/Transition/get-transition-styles/get-transition-styles.js.map +1 -1
- package/esm/components/Transition/transitions.js +108 -79
- package/esm/components/Transition/transitions.js.map +1 -1
- package/esm/components/Transition/use-transition.js +48 -40
- package/esm/components/Transition/use-transition.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js +43 -15
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/esm/components/UnstyledButton/UnstyledButton.js +72 -16
- package/esm/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/esm/components/VisuallyHidden/VisuallyHidden.js +32 -4
- package/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/esm/core/Box/Box.js +60 -17
- package/esm/core/Box/Box.js.map +1 -1
- package/esm/core/Box/get-box-mod/get-box-mod.js +38 -19
- package/esm/core/Box/get-box-mod/get-box-mod.js.map +1 -1
- package/esm/core/Box/get-box-style/get-box-style.js +38 -14
- package/esm/core/Box/get-box-style/get-box-style.js.map +1 -1
- package/esm/core/Box/get-style-object/get-style-object.js +29 -10
- package/esm/core/Box/get-style-object/get-style-object.js.map +1 -1
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.js +150 -48
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.js.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.js +71 -40
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/sort-media-queries.js +40 -9
- package/esm/core/Box/style-props/parse-style-props/sort-media-queries.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js +5 -5
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +10 -10
- package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js +1 -1
- package/esm/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/index.js +6 -6
- package/esm/core/Box/style-props/resolvers/index.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js +4 -4
- package/esm/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/size-resolver/size-resolver.js +4 -4
- package/esm/core/Box/style-props/resolvers/size-resolver/size-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +11 -11
- package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
- package/esm/core/Box/style-props/style-props-data.js +43 -43
- package/esm/core/Box/style-props/style-props-data.js.map +1 -1
- package/esm/core/Box/use-random-classname/use-random-classname.js +2 -2
- package/esm/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/esm/core/DirectionProvider/DirectionProvider.js +26 -20
- package/esm/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/esm/core/InlineStyles/InlineStyles.js +9 -2
- package/esm/core/InlineStyles/InlineStyles.js.map +1 -1
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js +5 -3
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
- package/esm/core/InlineStyles/styles-to-string/styles-to-string.js +21 -7
- package/esm/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js +49 -4
- package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js.map +1 -1
- package/esm/core/MantineProvider/Mantine.context.js +8 -8
- package/esm/core/MantineProvider/Mantine.context.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +22 -17
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +101 -86
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.js +3 -3
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js +21 -21
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -1
- package/esm/core/MantineProvider/MantineProvider.js +37 -23
- package/esm/core/MantineProvider/MantineProvider.js.map +1 -1
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +19 -10
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/darken/darken.js +7 -7
- package/esm/core/MantineProvider/color-functions/darken/darken.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js +152 -147
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/get-gradient/get-gradient.js +8 -8
- package/esm/core/MantineProvider/color-functions/get-gradient/get-gradient.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js +7 -7
- package/esm/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js +2 -2
- package/esm/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/is-light-color/is-light-color.js +7 -7
- package/esm/core/MantineProvider/color-functions/is-light-color/is-light-color.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/lighten/lighten.js +6 -6
- package/esm/core/MantineProvider/color-functions/lighten/lighten.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js +34 -34
- package/esm/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/rgba/rgba.js +5 -5
- package/esm/core/MantineProvider/color-functions/rgba/rgba.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/to-rgba/to-rgba.js +91 -100
- package/esm/core/MantineProvider/color-functions/to-rgba/to-rgba.js.map +1 -1
- package/esm/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js +1 -1
- package/esm/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/color-scheme-managers/local-storage-manager.js +40 -38
- package/esm/core/MantineProvider/color-scheme-managers/local-storage-manager.js.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js +7 -11
- package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js +1 -3
- package/esm/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/wrap-with-selector.js +2 -2
- package/esm/core/MantineProvider/convert-css-variables/wrap-with-selector.js.map +1 -1
- package/esm/core/MantineProvider/create-theme/create-theme.js +1 -1
- package/esm/core/MantineProvider/create-theme/create-theme.js.map +1 -1
- package/esm/core/MantineProvider/default-colors.js +168 -168
- package/esm/core/MantineProvider/default-colors.js.map +1 -1
- package/esm/core/MantineProvider/default-theme.js +81 -73
- package/esm/core/MantineProvider/default-theme.js.map +1 -1
- package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js +27 -28
- package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js.map +1 -1
- package/esm/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js +1 -1
- package/esm/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js.map +1 -1
- package/esm/core/MantineProvider/suppress-nextjs-warning.js +6 -12
- package/esm/core/MantineProvider/suppress-nextjs-warning.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js +3 -3
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +43 -42
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +45 -39
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/use-props/use-props.js +21 -5
- package/esm/core/MantineProvider/use-props/use-props.js.map +1 -1
- package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js +10 -7
- package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js.map +1 -1
- package/esm/core/factory/create-polymorphic-component.js +1 -1
- package/esm/core/factory/create-polymorphic-component.js.map +1 -1
- package/esm/core/factory/factory.js +4 -4
- package/esm/core/factory/factory.js.map +1 -1
- package/esm/core/factory/polymorphic-factory.js +3 -3
- package/esm/core/factory/polymorphic-factory.js.map +1 -1
- package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js +1 -1
- package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-class-name.js +25 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js +7 -5
- package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js +13 -7
- package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js +8 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js +1 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js +1 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js +6 -3
- package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js +18 -10
- package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js +7 -3
- package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js +20 -3
- package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/get-style.js +30 -2
- package/esm/core/styles-api/use-styles/get-style/get-style.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js +34 -12
- package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js +29 -10
- package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js +24 -8
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js +18 -7
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js.map +1 -1
- package/esm/core/styles-api/use-styles/use-styles.js +46 -33
- package/esm/core/styles-api/use-styles/use-styles.js.map +1 -1
- package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.js +1 -1
- package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.js.map +1 -1
- package/esm/core/utils/close-on-escape/close-on-escape.js +9 -9
- package/esm/core/utils/close-on-escape/close-on-escape.js.map +1 -1
- package/esm/core/utils/create-safe-context/create-safe-context.js +10 -10
- package/esm/core/utils/create-safe-context/create-safe-context.js.map +1 -1
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js +96 -85
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js.map +1 -1
- package/esm/core/utils/deep-merge/deep-merge.js +33 -19
- package/esm/core/utils/deep-merge/deep-merge.js.map +1 -1
- package/esm/core/utils/filter-props/filter-props.js +6 -6
- package/esm/core/utils/filter-props/filter-props.js.map +1 -1
- package/esm/core/utils/find-element-ancestor/find-element-ancestor.js +4 -5
- package/esm/core/utils/find-element-ancestor/find-element-ancestor.js.map +1 -1
- package/esm/core/utils/get-default-z-index/get-default-z-index.js +6 -6
- package/esm/core/utils/get-default-z-index/get-default-z-index.js.map +1 -1
- package/esm/core/utils/get-safe-id/get-safe-id.js +6 -6
- package/esm/core/utils/get-safe-id/get-safe-id.js.map +1 -1
- package/esm/core/utils/get-size/get-size.js +13 -17
- package/esm/core/utils/get-size/get-size.js.map +1 -1
- package/esm/core/utils/is-element/is-element.js +9 -9
- package/esm/core/utils/is-element/is-element.js.map +1 -1
- package/esm/core/utils/is-number-like/is-number-like.js +9 -9
- package/esm/core/utils/is-number-like/is-number-like.js.map +1 -1
- package/esm/core/utils/keys/keys.js +1 -1
- package/esm/core/utils/keys/keys.js.map +1 -1
- package/esm/core/utils/noop/noop.js +2 -1
- package/esm/core/utils/noop/noop.js.map +1 -1
- package/esm/core/utils/units-converters/px.js +23 -24
- package/esm/core/utils/units-converters/px.js.map +1 -1
- package/esm/core/utils/units-converters/rem.js +25 -25
- package/esm/core/utils/units-converters/rem.js.map +1 -1
- package/esm/index.css +379 -38
- package/esm/index.js +19 -0
- package/esm/index.js.map +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +10 -0
- package/lib/components/Anchor/Anchor.d.ts +7 -0
- package/lib/components/Avatar/Avatar.d.ts +10 -0
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +7 -0
- package/lib/components/Badge/Badge.d.ts +7 -0
- package/lib/components/Button/Button.d.ts +9 -0
- package/lib/components/Center/Center.d.ts +7 -0
- package/lib/components/CloseButton/CloseButton.d.ts +6 -0
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +7 -0
- package/lib/components/Fieldset/Fieldset.d.ts +27 -0
- package/lib/components/Fieldset/index.d.ts +2 -0
- package/lib/components/Highlight/Highlight.d.ts +6 -0
- package/lib/components/InlineInput/InlineInput.d.ts +1 -0
- package/lib/components/InlineInput/index.d.ts +1 -1
- package/lib/components/Input/Input.d.ts +15 -0
- package/lib/components/InputBase/InputBase.d.ts +6 -0
- package/lib/components/Modal/Modal.context.d.ts +14 -0
- package/lib/components/Modal/Modal.d.ts +59 -0
- package/lib/components/Modal/ModalBody.d.ts +17 -0
- package/lib/components/Modal/ModalCloseButton.d.ts +17 -0
- package/lib/components/Modal/ModalContent.d.ts +17 -0
- package/lib/components/Modal/ModalHeader.d.ts +17 -0
- package/lib/components/Modal/ModalOverlay.d.ts +17 -0
- package/lib/components/Modal/ModalRoot.d.ts +39 -0
- package/lib/components/Modal/ModalTitle.d.ts +17 -0
- package/lib/components/Modal/index.d.ts +16 -0
- package/lib/components/ModalBase/ModalBase.context.d.ts +22 -0
- package/lib/components/ModalBase/ModalBase.d.ts +41 -0
- package/lib/components/ModalBase/ModalBaseBody.d.ts +5 -0
- package/lib/components/ModalBase/ModalBaseCloseButton.d.ts +5 -0
- package/lib/components/ModalBase/ModalBaseContent.d.ts +12 -0
- package/lib/components/ModalBase/ModalBaseHeader.d.ts +5 -0
- package/lib/components/ModalBase/ModalBaseOverlay.d.ts +9 -0
- package/lib/components/ModalBase/ModalBaseTitle.d.ts +5 -0
- package/lib/components/ModalBase/NativeScrollArea.d.ts +6 -0
- package/lib/components/ModalBase/index.d.ts +16 -0
- package/lib/components/ModalBase/use-lock-scroll.d.ts +6 -0
- package/lib/components/ModalBase/use-modal-body-id.d.ts +1 -0
- package/lib/components/ModalBase/use-modal-content.d.ts +12 -0
- package/lib/components/ModalBase/use-modal-title-id.d.ts +1 -0
- package/lib/components/ModalBase/use-modal-transition.d.ts +2 -0
- package/lib/components/ModalBase/use-modal.d.ts +19 -0
- package/lib/components/Notification/Notification.d.ts +44 -0
- package/lib/components/Notification/index.d.ts +2 -0
- package/lib/components/Overlay/Overlay.d.ts +7 -0
- package/lib/components/Paper/Paper.d.ts +6 -0
- package/lib/components/Text/Text.d.ts +7 -0
- package/lib/components/UnstyledButton/UnstyledButton.d.ts +5 -0
- package/lib/components/VisuallyHidden/VisuallyHidden.d.ts +1 -0
- package/lib/components/index.d.ts +4 -0
- package/lib/core/factory/factory.d.ts +4 -1
- package/lib/core/factory/polymorphic-factory.d.ts +2 -2
- package/lib/core/styles-api/styles-api.types.d.ts +1 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-class-name.d.ts +3 -1
- package/lib/core/styles-api/use-styles/use-styles.d.ts +2 -2
- package/lib/index.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __rest } from 'tslib';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { useScrollAreaContext } from '../ScrollArea.context.js';
|
|
4
3
|
import { ScrollAreaScrollbarVisible } from './ScrollAreaScrollbarVisible.js';
|
|
@@ -6,19 +5,52 @@ import { ScrollAreaScrollbarHover } from './ScrollAreaScrollbarHover.js';
|
|
|
6
5
|
import { ScrollAreaScrollbarScroll } from './ScrollAreaScrollbarScroll.js';
|
|
7
6
|
import { ScrollAreaScrollbarAuto } from './ScrollAreaScrollbarAuto.js';
|
|
8
7
|
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __defProps = Object.defineProperties;
|
|
10
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
11
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
12
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
13
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
14
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
|
+
var __spreadValues = (a, b) => {
|
|
16
|
+
for (var prop in b || (b = {}))
|
|
17
|
+
if (__hasOwnProp.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
if (__getOwnPropSymbols)
|
|
20
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
21
|
+
if (__propIsEnum.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
}
|
|
24
|
+
return a;
|
|
25
|
+
};
|
|
26
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
27
|
+
var __objRest = (source, exclude) => {
|
|
28
|
+
var target = {};
|
|
29
|
+
for (var prop in source)
|
|
30
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
31
|
+
target[prop] = source[prop];
|
|
32
|
+
if (source != null && __getOwnPropSymbols)
|
|
33
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
35
|
+
target[prop] = source[prop];
|
|
36
|
+
}
|
|
37
|
+
return target;
|
|
38
|
+
};
|
|
39
|
+
const ScrollAreaScrollbar = React.forwardRef(
|
|
40
|
+
(props, forwardedRef) => {
|
|
41
|
+
const _a = props, { forceMount } = _a, scrollbarProps = __objRest(_a, ["forceMount"]);
|
|
11
42
|
const context = useScrollAreaContext();
|
|
12
43
|
const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;
|
|
13
|
-
const isHorizontal = props.orientation ===
|
|
44
|
+
const isHorizontal = props.orientation === "horizontal";
|
|
14
45
|
React.useEffect(() => {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
46
|
+
isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);
|
|
47
|
+
return () => {
|
|
48
|
+
isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
|
|
49
|
+
};
|
|
19
50
|
}, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);
|
|
20
|
-
return context.type ===
|
|
21
|
-
}
|
|
51
|
+
return context.type === "hover" ? /* @__PURE__ */ React.createElement(ScrollAreaScrollbarHover, __spreadProps(__spreadValues({}, scrollbarProps), { ref: forwardedRef, forceMount })) : context.type === "scroll" ? /* @__PURE__ */ React.createElement(ScrollAreaScrollbarScroll, __spreadProps(__spreadValues({}, scrollbarProps), { ref: forwardedRef, forceMount })) : context.type === "auto" ? /* @__PURE__ */ React.createElement(ScrollAreaScrollbarAuto, __spreadProps(__spreadValues({}, scrollbarProps), { ref: forwardedRef, forceMount })) : context.type === "always" ? /* @__PURE__ */ React.createElement(ScrollAreaScrollbarVisible, __spreadProps(__spreadValues({}, scrollbarProps), { ref: forwardedRef })) : null;
|
|
52
|
+
}
|
|
53
|
+
);
|
|
22
54
|
|
|
23
55
|
export { ScrollAreaScrollbar };
|
|
24
56
|
//# sourceMappingURL=ScrollAreaScrollbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollAreaScrollbar.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\nimport { ScrollAreaScrollbarHover } from './ScrollAreaScrollbarHover';\nimport { ScrollAreaScrollbarScroll } from './ScrollAreaScrollbarScroll';\nimport { ScrollAreaScrollbarAuto } from './ScrollAreaScrollbarAuto';\n\ninterface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbar = React.forwardRef<HTMLDivElement, ScrollAreaScrollbarProps>(\n (props, forwardedRef) => {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;\n const isHorizontal = props.orientation === 'horizontal';\n\n React.useEffect(() => {\n isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);\n return () => {\n isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);\n };\n }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);\n\n return context.type === 'hover' ? (\n <ScrollAreaScrollbarHover {...scrollbarProps} ref={forwardedRef} forceMount={forceMount} />\n ) : context.type === 'scroll' ? (\n <ScrollAreaScrollbarScroll {...scrollbarProps} ref={forwardedRef} forceMount={forceMount} />\n ) : context.type === 'auto' ? (\n <ScrollAreaScrollbarAuto {...scrollbarProps} ref={forwardedRef} forceMount={forceMount} />\n ) : context.type === 'always' ? (\n <ScrollAreaScrollbarVisible {...scrollbarProps} ref={forwardedRef} />\n ) : null;\n }\n);\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollAreaScrollbar.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\nimport { ScrollAreaScrollbarHover } from './ScrollAreaScrollbarHover';\nimport { ScrollAreaScrollbarScroll } from './ScrollAreaScrollbarScroll';\nimport { ScrollAreaScrollbarAuto } from './ScrollAreaScrollbarAuto';\n\ninterface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbar = React.forwardRef<HTMLDivElement, ScrollAreaScrollbarProps>(\n (props, forwardedRef) => {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;\n const isHorizontal = props.orientation === 'horizontal';\n\n React.useEffect(() => {\n isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);\n return () => {\n isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);\n };\n }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);\n\n return context.type === 'hover' ? (\n <ScrollAreaScrollbarHover {...scrollbarProps} ref={forwardedRef} forceMount={forceMount} />\n ) : context.type === 'scroll' ? (\n <ScrollAreaScrollbarScroll {...scrollbarProps} ref={forwardedRef} forceMount={forceMount} />\n ) : context.type === 'auto' ? (\n <ScrollAreaScrollbarAuto {...scrollbarProps} ref={forwardedRef} forceMount={forceMount} />\n ) : context.type === 'always' ? (\n <ScrollAreaScrollbarVisible {...scrollbarProps} ref={forwardedRef} />\n ) : null;\n }\n);\n"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +1,68 @@
|
|
|
1
|
-
import { __rest } from 'tslib';
|
|
2
1
|
import React, { forwardRef, useState } from 'react';
|
|
3
2
|
import { useDebounceCallback } from '@mantine/hooks';
|
|
4
3
|
import { useScrollAreaContext } from '../ScrollArea.context.js';
|
|
5
4
|
import { ScrollAreaScrollbarVisible } from './ScrollAreaScrollbarVisible.js';
|
|
6
5
|
import { useResizeObserver } from '../use-resize-observer.js';
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __defProps = Object.defineProperties;
|
|
9
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
10
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
var __objRest = (source, exclude) => {
|
|
27
|
+
var target = {};
|
|
28
|
+
for (var prop in source)
|
|
29
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
if (source != null && __getOwnPropSymbols)
|
|
32
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
33
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
34
|
+
target[prop] = source[prop];
|
|
35
|
+
}
|
|
36
|
+
return target;
|
|
37
|
+
};
|
|
38
|
+
const ScrollAreaScrollbarAuto = forwardRef(
|
|
39
|
+
(props, ref) => {
|
|
9
40
|
const context = useScrollAreaContext();
|
|
10
|
-
const { forceMount } =
|
|
41
|
+
const _a = props, { forceMount } = _a, scrollbarProps = __objRest(_a, ["forceMount"]);
|
|
11
42
|
const [visible, setVisible] = useState(false);
|
|
12
|
-
const isHorizontal = props.orientation ===
|
|
43
|
+
const isHorizontal = props.orientation === "horizontal";
|
|
13
44
|
const handleResize = useDebounceCallback(() => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
45
|
+
if (context.viewport) {
|
|
46
|
+
const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;
|
|
47
|
+
const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;
|
|
48
|
+
setVisible(isHorizontal ? isOverflowX : isOverflowY);
|
|
49
|
+
}
|
|
19
50
|
}, 10);
|
|
20
51
|
useResizeObserver(context.viewport, handleResize);
|
|
21
52
|
useResizeObserver(context.content, handleResize);
|
|
22
53
|
if (forceMount || visible) {
|
|
23
|
-
|
|
54
|
+
return /* @__PURE__ */ React.createElement(
|
|
55
|
+
ScrollAreaScrollbarVisible,
|
|
56
|
+
__spreadProps(__spreadValues({
|
|
57
|
+
"data-state": visible ? "visible" : "hidden"
|
|
58
|
+
}, scrollbarProps), {
|
|
59
|
+
ref
|
|
60
|
+
})
|
|
61
|
+
);
|
|
24
62
|
}
|
|
25
63
|
return null;
|
|
26
|
-
}
|
|
64
|
+
}
|
|
65
|
+
);
|
|
27
66
|
|
|
28
67
|
export { ScrollAreaScrollbarAuto };
|
|
29
68
|
//# sourceMappingURL=ScrollAreaScrollbarAuto.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollAreaScrollbarAuto.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { useDebounceCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarVisibleProps,\n ScrollAreaScrollbarVisible,\n} from './ScrollAreaScrollbarVisible';\nimport { useResizeObserver } from '../use-resize-observer';\n\nexport interface ScrollAreaScrollbarAutoProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbarAuto = forwardRef<HTMLDivElement, ScrollAreaScrollbarAutoProps>(\n (props, ref) => {\n const context = useScrollAreaContext();\n const { forceMount, ...scrollbarProps } = props;\n const [visible, setVisible] = useState(false);\n const isHorizontal = props.orientation === 'horizontal';\n const handleResize = useDebounceCallback(() => {\n if (context.viewport) {\n const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;\n const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;\n setVisible(isHorizontal ? isOverflowX : isOverflowY);\n }\n }, 10);\n\n useResizeObserver(context.viewport, handleResize);\n useResizeObserver(context.content, handleResize);\n\n if (forceMount || visible) {\n return (\n <ScrollAreaScrollbarVisible\n data-state={visible ? 'visible' : 'hidden'}\n {...scrollbarProps}\n ref={ref}\n />\n );\n }\n\n return null;\n }\n);\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollAreaScrollbarAuto.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { useDebounceCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarVisibleProps,\n ScrollAreaScrollbarVisible,\n} from './ScrollAreaScrollbarVisible';\nimport { useResizeObserver } from '../use-resize-observer';\n\nexport interface ScrollAreaScrollbarAutoProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbarAuto = forwardRef<HTMLDivElement, ScrollAreaScrollbarAutoProps>(\n (props, ref) => {\n const context = useScrollAreaContext();\n const { forceMount, ...scrollbarProps } = props;\n const [visible, setVisible] = useState(false);\n const isHorizontal = props.orientation === 'horizontal';\n const handleResize = useDebounceCallback(() => {\n if (context.viewport) {\n const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;\n const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;\n setVisible(isHorizontal ? isOverflowX : isOverflowY);\n }\n }, 10);\n\n useResizeObserver(context.viewport, handleResize);\n useResizeObserver(context.content, handleResize);\n\n if (forceMount || visible) {\n return (\n <ScrollAreaScrollbarVisible\n data-state={visible ? 'visible' : 'hidden'}\n {...scrollbarProps}\n ref={ref}\n />\n );\n }\n\n return null;\n }\n);\n"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +1,77 @@
|
|
|
1
|
-
import { __rest } from 'tslib';
|
|
2
1
|
import React, { forwardRef, useState, useEffect } from 'react';
|
|
3
2
|
import { useScrollAreaContext } from '../ScrollArea.context.js';
|
|
4
3
|
import { ScrollAreaScrollbarAuto } from './ScrollAreaScrollbarAuto.js';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __defProps = Object.defineProperties;
|
|
7
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
+
var __objRest = (source, exclude) => {
|
|
25
|
+
var target = {};
|
|
26
|
+
for (var prop in source)
|
|
27
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
if (source != null && __getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
31
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
}
|
|
34
|
+
return target;
|
|
35
|
+
};
|
|
36
|
+
const ScrollAreaScrollbarHover = forwardRef(
|
|
37
|
+
(props, ref) => {
|
|
38
|
+
const _a = props, { forceMount } = _a, scrollbarProps = __objRest(_a, ["forceMount"]);
|
|
8
39
|
const context = useScrollAreaContext();
|
|
9
40
|
const [visible, setVisible] = useState(false);
|
|
10
41
|
useEffect(() => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
42
|
+
const { scrollArea } = context;
|
|
43
|
+
let hideTimer = 0;
|
|
44
|
+
if (scrollArea) {
|
|
45
|
+
const handlePointerEnter = () => {
|
|
46
|
+
window.clearTimeout(hideTimer);
|
|
47
|
+
setVisible(true);
|
|
48
|
+
};
|
|
49
|
+
const handlePointerLeave = () => {
|
|
50
|
+
hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);
|
|
51
|
+
};
|
|
52
|
+
scrollArea.addEventListener("pointerenter", handlePointerEnter);
|
|
53
|
+
scrollArea.addEventListener("pointerleave", handlePointerLeave);
|
|
54
|
+
return () => {
|
|
55
|
+
window.clearTimeout(hideTimer);
|
|
56
|
+
scrollArea.removeEventListener("pointerenter", handlePointerEnter);
|
|
57
|
+
scrollArea.removeEventListener("pointerleave", handlePointerLeave);
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
return void 0;
|
|
30
61
|
}, [context.scrollArea, context.scrollHideDelay]);
|
|
31
62
|
if (forceMount || visible) {
|
|
32
|
-
|
|
63
|
+
return /* @__PURE__ */ React.createElement(
|
|
64
|
+
ScrollAreaScrollbarAuto,
|
|
65
|
+
__spreadProps(__spreadValues({
|
|
66
|
+
"data-state": visible ? "visible" : "hidden"
|
|
67
|
+
}, scrollbarProps), {
|
|
68
|
+
ref
|
|
69
|
+
})
|
|
70
|
+
);
|
|
33
71
|
}
|
|
34
72
|
return null;
|
|
35
|
-
}
|
|
73
|
+
}
|
|
74
|
+
);
|
|
36
75
|
|
|
37
76
|
export { ScrollAreaScrollbarHover };
|
|
38
77
|
//# sourceMappingURL=ScrollAreaScrollbarHover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollAreaScrollbarHover.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAuto, ScrollAreaScrollbarAutoProps } from './ScrollAreaScrollbarAuto';\n\ninterface ScrollAreaScrollbarHoverProps extends ScrollAreaScrollbarAutoProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbarHover = forwardRef<HTMLDivElement, ScrollAreaScrollbarHoverProps>(\n (props, ref) => {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n const { scrollArea } = context;\n let hideTimer = 0;\n if (scrollArea) {\n const handlePointerEnter = () => {\n window.clearTimeout(hideTimer);\n setVisible(true);\n };\n const handlePointerLeave = () => {\n hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);\n };\n scrollArea.addEventListener('pointerenter', handlePointerEnter);\n scrollArea.addEventListener('pointerleave', handlePointerLeave);\n return () => {\n window.clearTimeout(hideTimer);\n scrollArea.removeEventListener('pointerenter', handlePointerEnter);\n scrollArea.removeEventListener('pointerleave', handlePointerLeave);\n };\n }\n\n return undefined;\n }, [context.scrollArea, context.scrollHideDelay]);\n\n if (forceMount || visible) {\n return (\n <ScrollAreaScrollbarAuto\n data-state={visible ? 'visible' : 'hidden'}\n {...scrollbarProps}\n ref={ref}\n />\n );\n }\n\n return null;\n }\n);\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollAreaScrollbarHover.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAuto, ScrollAreaScrollbarAutoProps } from './ScrollAreaScrollbarAuto';\n\ninterface ScrollAreaScrollbarHoverProps extends ScrollAreaScrollbarAutoProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbarHover = forwardRef<HTMLDivElement, ScrollAreaScrollbarHoverProps>(\n (props, ref) => {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n const { scrollArea } = context;\n let hideTimer = 0;\n if (scrollArea) {\n const handlePointerEnter = () => {\n window.clearTimeout(hideTimer);\n setVisible(true);\n };\n const handlePointerLeave = () => {\n hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);\n };\n scrollArea.addEventListener('pointerenter', handlePointerEnter);\n scrollArea.addEventListener('pointerleave', handlePointerLeave);\n return () => {\n window.clearTimeout(hideTimer);\n scrollArea.removeEventListener('pointerenter', handlePointerEnter);\n scrollArea.removeEventListener('pointerleave', handlePointerLeave);\n };\n }\n\n return undefined;\n }, [context.scrollArea, context.scrollHideDelay]);\n\n if (forceMount || visible) {\n return (\n <ScrollAreaScrollbarAuto\n data-state={visible ? 'visible' : 'hidden'}\n {...scrollbarProps}\n ref={ref}\n />\n );\n }\n\n return null;\n }\n);\n"],"names":[],"mappings":"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"}
|
|
@@ -1,47 +1,88 @@
|
|
|
1
|
-
import { __rest } from 'tslib';
|
|
2
1
|
import React, { forwardRef, useState, useEffect } from 'react';
|
|
3
2
|
import { useDebounceCallback } from '@mantine/hooks';
|
|
4
3
|
import { useScrollAreaContext } from '../ScrollArea.context.js';
|
|
5
4
|
import { ScrollAreaScrollbarVisible } from './ScrollAreaScrollbarVisible.js';
|
|
6
5
|
import { composeEventHandlers } from '../utils/compose-event-handlers.js';
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __defProps = Object.defineProperties;
|
|
9
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
10
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
var __objRest = (source, exclude) => {
|
|
27
|
+
var target = {};
|
|
28
|
+
for (var prop in source)
|
|
29
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
if (source != null && __getOwnPropSymbols)
|
|
32
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
33
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
34
|
+
target[prop] = source[prop];
|
|
35
|
+
}
|
|
36
|
+
return target;
|
|
37
|
+
};
|
|
38
|
+
const ScrollAreaScrollbarScroll = forwardRef(
|
|
39
|
+
(props, red) => {
|
|
40
|
+
const _a = props, { forceMount } = _a, scrollbarProps = __objRest(_a, ["forceMount"]);
|
|
10
41
|
const context = useScrollAreaContext();
|
|
11
|
-
const isHorizontal = props.orientation ===
|
|
12
|
-
const [state, setState] = useState(
|
|
13
|
-
const debounceScrollEnd = useDebounceCallback(() => setState(
|
|
42
|
+
const isHorizontal = props.orientation === "horizontal";
|
|
43
|
+
const [state, setState] = useState("hidden");
|
|
44
|
+
const debounceScrollEnd = useDebounceCallback(() => setState("idle"), 100);
|
|
14
45
|
useEffect(() => {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
46
|
+
if (state === "idle") {
|
|
47
|
+
const hideTimer = window.setTimeout(() => setState("hidden"), context.scrollHideDelay);
|
|
48
|
+
return () => window.clearTimeout(hideTimer);
|
|
49
|
+
}
|
|
50
|
+
return void 0;
|
|
20
51
|
}, [state, context.scrollHideDelay]);
|
|
21
52
|
useEffect(() => {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
53
|
+
const { viewport } = context;
|
|
54
|
+
const scrollDirection = isHorizontal ? "scrollLeft" : "scrollTop";
|
|
55
|
+
if (viewport) {
|
|
56
|
+
let prevScrollPos = viewport[scrollDirection];
|
|
57
|
+
const handleScroll = () => {
|
|
58
|
+
const scrollPos = viewport[scrollDirection];
|
|
59
|
+
const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;
|
|
60
|
+
if (hasScrollInDirectionChanged) {
|
|
61
|
+
setState("scrolling");
|
|
62
|
+
debounceScrollEnd();
|
|
63
|
+
}
|
|
64
|
+
prevScrollPos = scrollPos;
|
|
65
|
+
};
|
|
66
|
+
viewport.addEventListener("scroll", handleScroll);
|
|
67
|
+
return () => viewport.removeEventListener("scroll", handleScroll);
|
|
68
|
+
}
|
|
69
|
+
return void 0;
|
|
39
70
|
}, [context.viewport, isHorizontal, debounceScrollEnd]);
|
|
40
|
-
if (forceMount || state !==
|
|
41
|
-
|
|
71
|
+
if (forceMount || state !== "hidden") {
|
|
72
|
+
return /* @__PURE__ */ React.createElement(
|
|
73
|
+
ScrollAreaScrollbarVisible,
|
|
74
|
+
__spreadProps(__spreadValues({
|
|
75
|
+
"data-state": state === "hidden" ? "hidden" : "visible"
|
|
76
|
+
}, scrollbarProps), {
|
|
77
|
+
ref: red,
|
|
78
|
+
onPointerEnter: composeEventHandlers(props.onPointerEnter, () => setState("interacting")),
|
|
79
|
+
onPointerLeave: composeEventHandlers(props.onPointerLeave, () => setState("idle"))
|
|
80
|
+
})
|
|
81
|
+
);
|
|
42
82
|
}
|
|
43
83
|
return null;
|
|
44
|
-
}
|
|
84
|
+
}
|
|
85
|
+
);
|
|
45
86
|
|
|
46
87
|
export { ScrollAreaScrollbarScroll };
|
|
47
88
|
//# sourceMappingURL=ScrollAreaScrollbarScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollAreaScrollbarScroll.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport { useDebounceCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\nimport { composeEventHandlers } from '../utils';\n\ninterface ScrollAreaScrollbarScrollProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbarScroll = forwardRef<HTMLDivElement, ScrollAreaScrollbarScrollProps>(\n (props, red) => {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const isHorizontal = props.orientation === 'horizontal';\n const [state, setState] = useState<'hidden' | 'idle' | 'interacting' | 'scrolling'>('hidden');\n const debounceScrollEnd = useDebounceCallback(() => setState('idle'), 100);\n\n useEffect(() => {\n if (state === 'idle') {\n const hideTimer = window.setTimeout(() => setState('hidden'), context.scrollHideDelay);\n return () => window.clearTimeout(hideTimer);\n }\n\n return undefined;\n }, [state, context.scrollHideDelay]);\n\n useEffect(() => {\n const { viewport } = context;\n const scrollDirection = isHorizontal ? 'scrollLeft' : 'scrollTop';\n\n if (viewport) {\n let prevScrollPos = viewport[scrollDirection];\n const handleScroll = () => {\n const scrollPos = viewport[scrollDirection];\n const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;\n if (hasScrollInDirectionChanged) {\n setState('scrolling');\n debounceScrollEnd();\n }\n prevScrollPos = scrollPos;\n };\n viewport.addEventListener('scroll', handleScroll);\n return () => viewport.removeEventListener('scroll', handleScroll);\n }\n\n return undefined;\n }, [context.viewport, isHorizontal, debounceScrollEnd]);\n\n if (forceMount || state !== 'hidden') {\n return (\n <ScrollAreaScrollbarVisible\n data-state={state === 'hidden' ? 'hidden' : 'visible'}\n {...scrollbarProps}\n ref={red}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, () => setState('interacting'))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, () => setState('idle'))}\n />\n );\n }\n\n return null;\n }\n);\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollAreaScrollbarScroll.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport { useDebounceCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\nimport { composeEventHandlers } from '../utils';\n\ninterface ScrollAreaScrollbarScrollProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport const ScrollAreaScrollbarScroll = forwardRef<HTMLDivElement, ScrollAreaScrollbarScrollProps>(\n (props, red) => {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const isHorizontal = props.orientation === 'horizontal';\n const [state, setState] = useState<'hidden' | 'idle' | 'interacting' | 'scrolling'>('hidden');\n const debounceScrollEnd = useDebounceCallback(() => setState('idle'), 100);\n\n useEffect(() => {\n if (state === 'idle') {\n const hideTimer = window.setTimeout(() => setState('hidden'), context.scrollHideDelay);\n return () => window.clearTimeout(hideTimer);\n }\n\n return undefined;\n }, [state, context.scrollHideDelay]);\n\n useEffect(() => {\n const { viewport } = context;\n const scrollDirection = isHorizontal ? 'scrollLeft' : 'scrollTop';\n\n if (viewport) {\n let prevScrollPos = viewport[scrollDirection];\n const handleScroll = () => {\n const scrollPos = viewport[scrollDirection];\n const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;\n if (hasScrollInDirectionChanged) {\n setState('scrolling');\n debounceScrollEnd();\n }\n prevScrollPos = scrollPos;\n };\n viewport.addEventListener('scroll', handleScroll);\n return () => viewport.removeEventListener('scroll', handleScroll);\n }\n\n return undefined;\n }, [context.viewport, isHorizontal, debounceScrollEnd]);\n\n if (forceMount || state !== 'hidden') {\n return (\n <ScrollAreaScrollbarVisible\n data-state={state === 'hidden' ? 'hidden' : 'visible'}\n {...scrollbarProps}\n ref={red}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, () => setState('interacting'))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, () => setState('idle'))}\n />\n );\n }\n\n return null;\n }\n);\n"],"names":[],"mappings":"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"}
|