@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
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib = require('tslib');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
var getTitleSize = require('./get-title-size.js');
|
|
8
7
|
var Title_module = require('./Title.module.css.js');
|
|
@@ -16,40 +15,81 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
15
|
|
|
17
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
17
|
|
|
18
|
+
var __defProp = Object.defineProperty;
|
|
19
|
+
var __defProps = Object.defineProperties;
|
|
20
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
21
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
22
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
23
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
24
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
25
|
+
var __spreadValues = (a, b) => {
|
|
26
|
+
for (var prop in b || (b = {}))
|
|
27
|
+
if (__hasOwnProp.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
if (__getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
31
|
+
if (__propIsEnum.call(b, prop))
|
|
32
|
+
__defNormalProp(a, prop, b[prop]);
|
|
33
|
+
}
|
|
34
|
+
return a;
|
|
35
|
+
};
|
|
36
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
37
|
+
var __objRest = (source, exclude) => {
|
|
38
|
+
var target = {};
|
|
39
|
+
for (var prop in source)
|
|
40
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
41
|
+
target[prop] = source[prop];
|
|
42
|
+
if (source != null && __getOwnPropSymbols)
|
|
43
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
44
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
45
|
+
target[prop] = source[prop];
|
|
46
|
+
}
|
|
47
|
+
return target;
|
|
48
|
+
};
|
|
19
49
|
const defaultProps = {
|
|
20
|
-
|
|
50
|
+
order: 1
|
|
21
51
|
};
|
|
22
52
|
const varsResolver = createVarsResolver.createVarsResolver((_, { order, size }) => {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
53
|
+
const sizeVariables = getTitleSize.getTitleSize(order, size);
|
|
54
|
+
return {
|
|
55
|
+
root: {
|
|
56
|
+
"--title-fw": sizeVariables.fontWeight,
|
|
57
|
+
"--title-lh": sizeVariables.lineHeight,
|
|
58
|
+
"--title-fz": sizeVariables.fontSize
|
|
59
|
+
}
|
|
60
|
+
};
|
|
31
61
|
});
|
|
32
62
|
const Title = factory.factory((_props, ref) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
63
|
+
const props = useProps.useProps("Title", defaultProps, _props);
|
|
64
|
+
const _a = props, { classNames, className, style, styles, unstyled, order, vars, size, variant } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "order", "vars", "size", "variant"]);
|
|
65
|
+
const getStyles = useStyles.useStyles({
|
|
66
|
+
name: "Title",
|
|
67
|
+
props,
|
|
68
|
+
classes: Title_module['default'],
|
|
69
|
+
className,
|
|
70
|
+
style,
|
|
71
|
+
classNames,
|
|
72
|
+
styles,
|
|
73
|
+
unstyled,
|
|
74
|
+
vars,
|
|
75
|
+
varsResolver
|
|
76
|
+
});
|
|
77
|
+
if (![1, 2, 3, 4, 5, 6].includes(order)) {
|
|
78
|
+
return null;
|
|
79
|
+
}
|
|
80
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
81
|
+
Box.Box,
|
|
82
|
+
__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
|
|
83
|
+
component: `h${order}`,
|
|
84
|
+
variant,
|
|
85
|
+
ref,
|
|
86
|
+
mod: { order },
|
|
87
|
+
size
|
|
88
|
+
}), others)
|
|
89
|
+
);
|
|
51
90
|
});
|
|
52
|
-
Title.
|
|
91
|
+
Title.classes = Title_module['default'];
|
|
92
|
+
Title.displayName = "@mantine/core/Title";
|
|
53
93
|
|
|
54
94
|
exports.Title = Title;
|
|
55
95
|
//# sourceMappingURL=Title.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n Box,\n BoxProps,\n} from '../../core';\nimport { getTitleSize } from './get-title-size';\nimport classes from './Title.module.css';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport type TitleStylesNames = 'root';\nexport type TitleVariant = string;\nexport type TitleCssVariables = {\n root: '--title-fw' | '--title-lh' | '--title-fz';\n};\n\nexport interface TitleProps extends BoxProps, StylesApiProps<TitleFactory>, ElementProps<'h1'> {\n /** Determines which tag will be used (h1-h6), controls `font-size` style if `size` prop is not set, `1` by default */\n order?: TitleOrder;\n\n /** Changes title size, if not set, then size is controlled by `order` prop */\n size?: TitleSize;\n}\n\nexport type TitleFactory = Factory<{\n props: TitleProps;\n ref: HTMLHeadingElement;\n stylesNames: TitleStylesNames;\n vars: TitleCssVariables;\n variant: TitleVariant;\n}>;\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nconst varsResolver = createVarsResolver<TitleFactory>((_, { order, size }) => {\n const sizeVariables = getTitleSize(order!, size);\n return {\n root: {\n '--title-fw': sizeVariables.fontWeight,\n '--title-lh': sizeVariables.lineHeight,\n '--title-fz': sizeVariables.fontSize,\n },\n };\n});\n\nexport const Title = factory<TitleFactory>((_props, ref) => {\n const props = useProps('Title', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, order, vars, size, variant, ...others } =\n props;\n\n const getStyles = useStyles<TitleFactory>({\n name: 'Title',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n if (![1, 2, 3, 4, 5, 6].includes(order!)) {\n return null;\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={`h${order!}`}\n variant={variant}\n ref={ref}\n mod={{ order }}\n size={size}\n {...others}\n />\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":["createVarsResolver","getTitleSize","factory","useProps","useStyles","classes","React","Box"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n Box,\n BoxProps,\n} from '../../core';\nimport { getTitleSize } from './get-title-size';\nimport classes from './Title.module.css';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport type TitleStylesNames = 'root';\nexport type TitleVariant = string;\nexport type TitleCssVariables = {\n root: '--title-fw' | '--title-lh' | '--title-fz';\n};\n\nexport interface TitleProps extends BoxProps, StylesApiProps<TitleFactory>, ElementProps<'h1'> {\n /** Determines which tag will be used (h1-h6), controls `font-size` style if `size` prop is not set, `1` by default */\n order?: TitleOrder;\n\n /** Changes title size, if not set, then size is controlled by `order` prop */\n size?: TitleSize;\n}\n\nexport type TitleFactory = Factory<{\n props: TitleProps;\n ref: HTMLHeadingElement;\n stylesNames: TitleStylesNames;\n vars: TitleCssVariables;\n variant: TitleVariant;\n}>;\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nconst varsResolver = createVarsResolver<TitleFactory>((_, { order, size }) => {\n const sizeVariables = getTitleSize(order!, size);\n return {\n root: {\n '--title-fw': sizeVariables.fontWeight,\n '--title-lh': sizeVariables.lineHeight,\n '--title-fz': sizeVariables.fontSize,\n },\n };\n});\n\nexport const Title = factory<TitleFactory>((_props, ref) => {\n const props = useProps('Title', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, order, vars, size, variant, ...others } =\n props;\n\n const getStyles = useStyles<TitleFactory>({\n name: 'Title',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n if (![1, 2, 3, 4, 5, 6].includes(order!)) {\n return null;\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={`h${order!}`}\n variant={variant}\n ref={ref}\n mod={{ order }}\n size={size}\n {...others}\n />\n );\n});\n\nTitle.classes = classes;\nTitle.displayName = '@mantine/core/Title';\n"],"names":["createVarsResolver","getTitleSize","factory","useProps","useStyles","classes","React","Box"],"mappings":"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"}
|
|
@@ -4,21 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var rem = require('../../core/utils/units-converters/rem.js');
|
|
6
6
|
|
|
7
|
-
const headings = [
|
|
7
|
+
const headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
8
8
|
function getTitleSize(order, size) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
return {
|
|
12
|
-
fontSize: `var(--mantine-${titleSize}-font-size)`,
|
|
13
|
-
fontWeight: `var(--mantine-${titleSize}-font-weight)`,
|
|
14
|
-
lineHeight: `var(--mantine-${titleSize}-line-height)`,
|
|
15
|
-
};
|
|
16
|
-
}
|
|
9
|
+
const titleSize = size !== void 0 ? size : `h${order}`;
|
|
10
|
+
if (headings.includes(titleSize)) {
|
|
17
11
|
return {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
fontSize: `var(--mantine-${titleSize}-font-size)`,
|
|
13
|
+
fontWeight: `var(--mantine-${titleSize}-font-weight)`,
|
|
14
|
+
lineHeight: `var(--mantine-${titleSize}-line-height)`
|
|
21
15
|
};
|
|
16
|
+
}
|
|
17
|
+
return {
|
|
18
|
+
fontSize: rem.rem(titleSize),
|
|
19
|
+
fontWeight: `var(--mantine-h${order}-font-weight)`,
|
|
20
|
+
lineHeight: `var(--mantine-h${order}-line-height)`
|
|
21
|
+
};
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
exports.getTitleSize = getTitleSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-title-size.js","sources":["../../../src/components/Title/get-title-size.ts"],"sourcesContent":["import { rem } from '../../core';\nimport type { TitleSize, TitleOrder } from './Title';\n\nconst headings: unknown[] = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\nexport interface GetTitleSizeResult {\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n}\n\nexport function getTitleSize(order: TitleOrder, size: TitleSize | undefined): GetTitleSizeResult {\n const titleSize = size !== undefined ? size : `h${order}`;\n\n if (headings.includes(titleSize)) {\n return {\n fontSize: `var(--mantine-${titleSize}-font-size)`,\n fontWeight: `var(--mantine-${titleSize}-font-weight)`,\n lineHeight: `var(--mantine-${titleSize}-line-height)`,\n };\n }\n\n return {\n fontSize: rem(titleSize),\n fontWeight: `var(--mantine-h${order}-font-weight)`,\n lineHeight: `var(--mantine-h${order}-line-height)`,\n };\n}\n"],"names":["rem"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"get-title-size.js","sources":["../../../src/components/Title/get-title-size.ts"],"sourcesContent":["import { rem } from '../../core';\nimport type { TitleSize, TitleOrder } from './Title';\n\nconst headings: unknown[] = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\nexport interface GetTitleSizeResult {\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n}\n\nexport function getTitleSize(order: TitleOrder, size: TitleSize | undefined): GetTitleSizeResult {\n const titleSize = size !== undefined ? size : `h${order}`;\n\n if (headings.includes(titleSize)) {\n return {\n fontSize: `var(--mantine-${titleSize}-font-size)`,\n fontWeight: `var(--mantine-${titleSize}-font-weight)`,\n lineHeight: `var(--mantine-${titleSize}-line-height)`,\n };\n }\n\n return {\n fontSize: rem(titleSize),\n fontWeight: `var(--mantine-h${order}-font-weight)`,\n lineHeight: `var(--mantine-h${order}-line-height)`,\n };\n}\n"],"names":["rem"],"mappings":";;;;;;AACA,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC/C,SAAS,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE;AAC1C,EAAE,MAAM,SAAS,GAAG,IAAI,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AACzD,EAAE,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;AACpC,IAAI,OAAO;AACX,MAAM,QAAQ,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,WAAW,CAAC;AACvD,MAAM,UAAU,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC;AAC3D,MAAM,UAAU,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC;AAC3D,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO;AACT,IAAI,QAAQ,EAAEA,OAAG,CAAC,SAAS,CAAC;AAC5B,IAAI,UAAU,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC;AACtD,IAAI,UAAU,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC;AACtD,GAAG,CAAC;AACJ;;;;"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib = require('tslib');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
var hooks = require('@mantine/hooks');
|
|
8
7
|
var cx = require('clsx');
|
|
@@ -31,80 +30,226 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
31
30
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
32
31
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
33
32
|
|
|
33
|
+
var __defProp = Object.defineProperty;
|
|
34
|
+
var __defProps = Object.defineProperties;
|
|
35
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
36
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
37
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
38
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
39
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
40
|
+
var __spreadValues = (a, b) => {
|
|
41
|
+
for (var prop in b || (b = {}))
|
|
42
|
+
if (__hasOwnProp.call(b, prop))
|
|
43
|
+
__defNormalProp(a, prop, b[prop]);
|
|
44
|
+
if (__getOwnPropSymbols)
|
|
45
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
46
|
+
if (__propIsEnum.call(b, prop))
|
|
47
|
+
__defNormalProp(a, prop, b[prop]);
|
|
48
|
+
}
|
|
49
|
+
return a;
|
|
50
|
+
};
|
|
51
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
52
|
+
var __objRest = (source, exclude) => {
|
|
53
|
+
var target = {};
|
|
54
|
+
for (var prop in source)
|
|
55
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
56
|
+
target[prop] = source[prop];
|
|
57
|
+
if (source != null && __getOwnPropSymbols)
|
|
58
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
59
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
60
|
+
target[prop] = source[prop];
|
|
61
|
+
}
|
|
62
|
+
return target;
|
|
63
|
+
};
|
|
34
64
|
const defaultProps = {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
65
|
+
position: "top",
|
|
66
|
+
refProp: "ref",
|
|
67
|
+
withinPortal: true,
|
|
68
|
+
inline: false,
|
|
69
|
+
arrowSize: 4,
|
|
70
|
+
arrowOffset: 5,
|
|
71
|
+
arrowRadius: 0,
|
|
72
|
+
arrowPosition: "side",
|
|
73
|
+
offset: 5,
|
|
74
|
+
transitionProps: { duration: 100, transition: "fade" },
|
|
75
|
+
events: { hover: true, focus: false, touch: false },
|
|
76
|
+
zIndex: getDefaultZIndex.getDefaultZIndex("popover"),
|
|
77
|
+
positionDependencies: []
|
|
48
78
|
};
|
|
49
79
|
const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color }) => ({
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
80
|
+
tooltip: {
|
|
81
|
+
"--tooltip-radius": getSize.getRadius(radius),
|
|
82
|
+
"--tooltip-bg": color ? getThemeColor.getThemeColor(color, theme) : void 0
|
|
83
|
+
}
|
|
54
84
|
}));
|
|
55
85
|
const Tooltip = factory.factory((_props, ref) => {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
const props = useProps.useProps("Tooltip", defaultProps, _props);
|
|
87
|
+
const _a = useProps.useProps("Tooltip", defaultProps, props), {
|
|
88
|
+
children,
|
|
89
|
+
position,
|
|
90
|
+
refProp,
|
|
91
|
+
label,
|
|
92
|
+
openDelay,
|
|
93
|
+
closeDelay,
|
|
94
|
+
onPositionChange,
|
|
95
|
+
opened,
|
|
96
|
+
withinPortal,
|
|
97
|
+
radius,
|
|
98
|
+
color,
|
|
99
|
+
classNames,
|
|
100
|
+
styles,
|
|
101
|
+
unstyled,
|
|
102
|
+
style,
|
|
103
|
+
className,
|
|
104
|
+
withArrow,
|
|
105
|
+
arrowSize,
|
|
106
|
+
arrowOffset,
|
|
107
|
+
arrowRadius,
|
|
108
|
+
arrowPosition,
|
|
109
|
+
offset,
|
|
110
|
+
transitionProps,
|
|
111
|
+
multiline,
|
|
112
|
+
events,
|
|
113
|
+
zIndex,
|
|
114
|
+
disabled,
|
|
115
|
+
positionDependencies,
|
|
116
|
+
onClick,
|
|
117
|
+
onMouseEnter,
|
|
118
|
+
onMouseLeave,
|
|
119
|
+
inline,
|
|
120
|
+
variant,
|
|
121
|
+
keepMounted,
|
|
122
|
+
vars,
|
|
123
|
+
portalProps
|
|
124
|
+
} = _a, others = __objRest(_a, [
|
|
125
|
+
"children",
|
|
126
|
+
"position",
|
|
127
|
+
"refProp",
|
|
128
|
+
"label",
|
|
129
|
+
"openDelay",
|
|
130
|
+
"closeDelay",
|
|
131
|
+
"onPositionChange",
|
|
132
|
+
"opened",
|
|
133
|
+
"withinPortal",
|
|
134
|
+
"radius",
|
|
135
|
+
"color",
|
|
136
|
+
"classNames",
|
|
137
|
+
"styles",
|
|
138
|
+
"unstyled",
|
|
139
|
+
"style",
|
|
140
|
+
"className",
|
|
141
|
+
"withArrow",
|
|
142
|
+
"arrowSize",
|
|
143
|
+
"arrowOffset",
|
|
144
|
+
"arrowRadius",
|
|
145
|
+
"arrowPosition",
|
|
146
|
+
"offset",
|
|
147
|
+
"transitionProps",
|
|
148
|
+
"multiline",
|
|
149
|
+
"events",
|
|
150
|
+
"zIndex",
|
|
151
|
+
"disabled",
|
|
152
|
+
"positionDependencies",
|
|
153
|
+
"onClick",
|
|
154
|
+
"onMouseEnter",
|
|
155
|
+
"onMouseLeave",
|
|
156
|
+
"inline",
|
|
157
|
+
"variant",
|
|
158
|
+
"keepMounted",
|
|
159
|
+
"vars",
|
|
160
|
+
"portalProps"
|
|
161
|
+
]);
|
|
162
|
+
const { dir } = DirectionProvider.useDirection();
|
|
163
|
+
const arrowRef = React.useRef(null);
|
|
164
|
+
const tooltip = useTooltip.useTooltip({
|
|
165
|
+
position: getFloatingPosition.getFloatingPosition(dir, position),
|
|
166
|
+
closeDelay,
|
|
167
|
+
openDelay,
|
|
168
|
+
onPositionChange,
|
|
169
|
+
opened,
|
|
170
|
+
events,
|
|
171
|
+
arrowRef,
|
|
172
|
+
arrowOffset,
|
|
173
|
+
offset: typeof offset === "number" ? offset + (withArrow ? arrowSize / 2 : 0) : offset,
|
|
174
|
+
positionDependencies: [...positionDependencies, children],
|
|
175
|
+
inline
|
|
176
|
+
});
|
|
177
|
+
const getStyles = useStyles.useStyles({
|
|
178
|
+
name: "Tooltip",
|
|
179
|
+
props,
|
|
180
|
+
classes: Tooltip_module['default'],
|
|
181
|
+
className,
|
|
182
|
+
style,
|
|
183
|
+
classNames,
|
|
184
|
+
styles,
|
|
185
|
+
unstyled,
|
|
186
|
+
rootSelector: "tooltip",
|
|
187
|
+
vars,
|
|
188
|
+
varsResolver
|
|
189
|
+
});
|
|
190
|
+
if (!isElement.isElement(children)) {
|
|
191
|
+
throw new Error(
|
|
192
|
+
"[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
|
|
193
|
+
);
|
|
194
|
+
}
|
|
195
|
+
const targetRef = hooks.useMergedRef(tooltip.reference, children.ref, ref);
|
|
196
|
+
const transition = getTransitionProps.getTransitionProps(transitionProps, { duration: 100, transition: "fade" });
|
|
197
|
+
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(OptionalPortal.OptionalPortal, __spreadProps(__spreadValues({}, portalProps), { withinPortal }), /* @__PURE__ */ React__default.createElement(
|
|
198
|
+
Transition.Transition,
|
|
199
|
+
__spreadProps(__spreadValues({}, transition), {
|
|
200
|
+
keepMounted,
|
|
201
|
+
mounted: !disabled && !!tooltip.opened,
|
|
202
|
+
duration: tooltip.isGroupPhase ? 10 : transition.duration
|
|
203
|
+
}),
|
|
204
|
+
(transitionStyles) => {
|
|
205
|
+
var _a2, _b;
|
|
206
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
207
|
+
Box.Box,
|
|
208
|
+
__spreadValues(__spreadProps(__spreadValues({}, others), {
|
|
209
|
+
variant,
|
|
210
|
+
mod: { multiline }
|
|
211
|
+
}), tooltip.getFloatingProps({
|
|
212
|
+
ref: tooltip.floating,
|
|
213
|
+
className: getStyles("tooltip").className,
|
|
214
|
+
style: __spreadProps(__spreadValues(__spreadValues({}, getStyles("tooltip").style), transitionStyles), {
|
|
215
|
+
zIndex,
|
|
216
|
+
top: (_a2 = tooltip.y) != null ? _a2 : 0,
|
|
217
|
+
left: (_b = tooltip.x) != null ? _b : 0
|
|
218
|
+
})
|
|
219
|
+
})),
|
|
220
|
+
label,
|
|
221
|
+
/* @__PURE__ */ React__default.createElement(
|
|
222
|
+
FloatingArrow.FloatingArrow,
|
|
223
|
+
__spreadValues({
|
|
224
|
+
ref: arrowRef,
|
|
225
|
+
arrowX: tooltip.arrowX,
|
|
226
|
+
arrowY: tooltip.arrowY,
|
|
227
|
+
visible: withArrow,
|
|
228
|
+
position: tooltip.placement,
|
|
229
|
+
arrowSize,
|
|
230
|
+
arrowOffset,
|
|
231
|
+
arrowRadius,
|
|
232
|
+
arrowPosition
|
|
233
|
+
}, getStyles("arrow"))
|
|
234
|
+
)
|
|
235
|
+
);
|
|
88
236
|
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
})),
|
|
103
|
-
React.cloneElement(children, tooltip.getReferenceProps(Object.assign({ onClick,
|
|
104
|
-
onMouseEnter,
|
|
105
|
-
onMouseLeave, onMouseMove: props.onMouseMove, onPointerDown: props.onPointerDown, onPointerEnter: props.onPointerEnter, [refProp]: targetRef, className: cx__default(className, children.props.className) }, children.props)))));
|
|
237
|
+
)), React.cloneElement(
|
|
238
|
+
children,
|
|
239
|
+
tooltip.getReferenceProps(__spreadValues({
|
|
240
|
+
onClick,
|
|
241
|
+
onMouseEnter,
|
|
242
|
+
onMouseLeave,
|
|
243
|
+
onMouseMove: props.onMouseMove,
|
|
244
|
+
onPointerDown: props.onPointerDown,
|
|
245
|
+
onPointerEnter: props.onPointerEnter,
|
|
246
|
+
[refProp]: targetRef,
|
|
247
|
+
className: cx__default(className, children.props.className)
|
|
248
|
+
}, children.props))
|
|
249
|
+
));
|
|
106
250
|
});
|
|
107
|
-
Tooltip.
|
|
251
|
+
Tooltip.classes = Tooltip_module['default'];
|
|
252
|
+
Tooltip.displayName = "@mantine/core/Tooltip";
|
|
108
253
|
Tooltip.Floating = TooltipFloating.TooltipFloating;
|
|
109
254
|
Tooltip.Group = TooltipGroup.TooltipGroup;
|
|
110
255
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { cloneElement, useRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport cx from 'clsx';\nimport {\n Box,\n factory,\n getDefaultZIndex,\n isElement,\n useProps,\n useDirection,\n useStyles,\n getThemeColor,\n getRadius,\n createVarsResolver,\n Factory,\n} from '../../core';\nimport {\n ArrowPosition,\n FloatingArrow,\n FloatingAxesOffsets,\n FloatingPosition,\n getFloatingPosition,\n} from '../Floating';\nimport { Transition, TransitionOverride, getTransitionProps } from '../Transition';\nimport { OptionalPortal } from '../Portal';\nimport { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from './Tooltip.types';\nimport { TooltipFloating } from './TooltipFloating/TooltipFloating';\nimport { TooltipGroup } from './TooltipGroup/TooltipGroup';\nimport { useTooltip } from './use-tooltip';\nimport classes from './Tooltip.module.css';\n\nexport interface TooltipProps extends TooltipBaseProps {\n /** Called when tooltip position changes */\n onPositionChange?(position: FloatingPosition): void;\n\n /** Open delay in ms */\n openDelay?: number;\n\n /** Close delay in ms, `0` by default */\n closeDelay?: number;\n\n /** Controlled opened state */\n opened?: boolean;\n\n /** Space between target element and tooltip in px, `5` by default */\n offset?: number | FloatingAxesOffsets;\n\n /** Determines whether the tooltip should have an arrow, `false` by default */\n withArrow?: boolean;\n\n /** Arrow size in px, `4` by default */\n arrowSize?: number;\n\n /** Arrow offset in px, `5` by default */\n arrowOffset?: number;\n\n /** Arrow `border-radius` in px, `0` by default */\n arrowRadius?: number;\n\n /** Arrow position relative to the tooltip, `side` by default */\n arrowPosition?: ArrowPosition;\n\n /** Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type, `{ duration: 100, transition: 'fade' }` by default */\n transitionProps?: TransitionOverride;\n\n /** Determines which events will be used to show tooltip, `{ hover: true, focus: false, touch: false }` by default */\n events?: { hover: boolean; focus: boolean; touch: boolean };\n\n /** `useEffect` dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Must be set if the tooltip target is an inline element */\n inline?: boolean;\n\n /** If set, the tooltip will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */\n keepMounted?: boolean;\n}\n\nexport type TooltipFactory = Factory<{\n props: TooltipProps;\n ref: HTMLDivElement;\n stylesNames: TooltipStylesNames;\n vars: TooltipCssVariables;\n staticComponents: {\n Floating: typeof TooltipFloating;\n Group: typeof TooltipGroup;\n };\n}>;\n\nconst defaultProps: Partial<TooltipProps> = {\n position: 'top',\n refProp: 'ref',\n withinPortal: true,\n inline: false,\n arrowSize: 4,\n arrowOffset: 5,\n arrowRadius: 0,\n arrowPosition: 'side',\n offset: 5,\n transitionProps: { duration: 100, transition: 'fade' },\n events: { hover: true, focus: false, touch: false },\n zIndex: getDefaultZIndex('popover'),\n positionDependencies: [],\n};\n\nconst varsResolver = createVarsResolver<TooltipFactory>((theme, { radius, color }) => ({\n tooltip: {\n '--tooltip-radius': getRadius(radius),\n '--tooltip-bg': color ? getThemeColor(color, theme) : undefined,\n },\n}));\n\nexport const Tooltip = factory<TooltipFactory>((_props, ref) => {\n const props = useProps('Tooltip', defaultProps, _props);\n const {\n children,\n position,\n refProp,\n label,\n openDelay,\n closeDelay,\n onPositionChange,\n opened,\n withinPortal,\n radius,\n color,\n classNames,\n styles,\n unstyled,\n style,\n className,\n withArrow,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n offset,\n transitionProps,\n multiline,\n events,\n zIndex,\n disabled,\n positionDependencies,\n onClick,\n onMouseEnter,\n onMouseLeave,\n inline,\n variant,\n keepMounted,\n vars,\n portalProps,\n ...others\n } = useProps('Tooltip', defaultProps, props);\n\n const { dir } = useDirection();\n const arrowRef = useRef<HTMLDivElement>(null);\n const tooltip = useTooltip({\n position: getFloatingPosition(dir, position!),\n closeDelay,\n openDelay,\n onPositionChange,\n opened,\n events,\n arrowRef,\n arrowOffset,\n offset: typeof offset === 'number' ? offset! + (withArrow ? arrowSize! / 2 : 0) : offset!,\n positionDependencies: [...positionDependencies!, children],\n inline,\n });\n\n const getStyles = useStyles<TooltipFactory>({\n name: 'Tooltip',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'tooltip',\n vars,\n varsResolver,\n });\n\n if (!isElement(children)) {\n throw new Error(\n '[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported'\n );\n }\n\n const targetRef = useMergedRef(tooltip.reference, (children as any).ref, ref);\n const transition = getTransitionProps(transitionProps, { duration: 100, transition: 'fade' });\n\n return (\n <>\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n <Transition\n {...transition}\n keepMounted={keepMounted}\n mounted={!disabled && !!tooltip.opened}\n duration={tooltip.isGroupPhase ? 10 : transition.duration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n variant={variant}\n mod={{ multiline }}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: getStyles('tooltip').className,\n style: {\n ...getStyles('tooltip').style,\n ...transitionStyles,\n zIndex,\n top: tooltip.y ?? 0,\n left: tooltip.x ?? 0,\n },\n })}\n >\n {label}\n\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX!}\n arrowY={tooltip.arrowY!}\n visible={withArrow!}\n position={tooltip.placement!}\n arrowSize={arrowSize!}\n arrowOffset={arrowOffset!}\n arrowRadius={arrowRadius!}\n arrowPosition={arrowPosition!}\n {...getStyles('arrow')}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n\n {cloneElement(\n children,\n tooltip.getReferenceProps({\n onClick,\n onMouseEnter,\n onMouseLeave,\n onMouseMove: props.onMouseMove,\n onPointerDown: props.onPointerDown,\n onPointerEnter: props.onPointerEnter,\n [refProp!]: targetRef,\n className: cx(className, children.props.className),\n ...children.props,\n })\n )}\n </>\n );\n});\n\nTooltip.displayName = '@mantine/core/Tooltip';\nTooltip.Floating = TooltipFloating;\nTooltip.Group = TooltipGroup;\n"],"names":["getDefaultZIndex","createVarsResolver","getRadius","getThemeColor","factory","useProps","useDirection","useRef","useTooltip","getFloatingPosition","useStyles","classes","isElement","useMergedRef","getTransitionProps","React","OptionalPortal","Transition","Box","FloatingArrow","cloneElement","cx","TooltipFloating","TooltipGroup"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { cloneElement, useRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport cx from 'clsx';\nimport {\n Box,\n factory,\n getDefaultZIndex,\n isElement,\n useProps,\n useDirection,\n useStyles,\n getThemeColor,\n getRadius,\n createVarsResolver,\n Factory,\n} from '../../core';\nimport {\n ArrowPosition,\n FloatingArrow,\n FloatingAxesOffsets,\n FloatingPosition,\n getFloatingPosition,\n} from '../Floating';\nimport { Transition, TransitionOverride, getTransitionProps } from '../Transition';\nimport { OptionalPortal } from '../Portal';\nimport { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from './Tooltip.types';\nimport { TooltipFloating } from './TooltipFloating/TooltipFloating';\nimport { TooltipGroup } from './TooltipGroup/TooltipGroup';\nimport { useTooltip } from './use-tooltip';\nimport classes from './Tooltip.module.css';\n\nexport interface TooltipProps extends TooltipBaseProps {\n /** Called when tooltip position changes */\n onPositionChange?(position: FloatingPosition): void;\n\n /** Open delay in ms */\n openDelay?: number;\n\n /** Close delay in ms, `0` by default */\n closeDelay?: number;\n\n /** Controlled opened state */\n opened?: boolean;\n\n /** Space between target element and tooltip in px, `5` by default */\n offset?: number | FloatingAxesOffsets;\n\n /** Determines whether the tooltip should have an arrow, `false` by default */\n withArrow?: boolean;\n\n /** Arrow size in px, `4` by default */\n arrowSize?: number;\n\n /** Arrow offset in px, `5` by default */\n arrowOffset?: number;\n\n /** Arrow `border-radius` in px, `0` by default */\n arrowRadius?: number;\n\n /** Arrow position relative to the tooltip, `side` by default */\n arrowPosition?: ArrowPosition;\n\n /** Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type, `{ duration: 100, transition: 'fade' }` by default */\n transitionProps?: TransitionOverride;\n\n /** Determines which events will be used to show tooltip, `{ hover: true, focus: false, touch: false }` by default */\n events?: { hover: boolean; focus: boolean; touch: boolean };\n\n /** `useEffect` dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Must be set if the tooltip target is an inline element */\n inline?: boolean;\n\n /** If set, the tooltip will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */\n keepMounted?: boolean;\n}\n\nexport type TooltipFactory = Factory<{\n props: TooltipProps;\n ref: HTMLDivElement;\n stylesNames: TooltipStylesNames;\n vars: TooltipCssVariables;\n staticComponents: {\n Floating: typeof TooltipFloating;\n Group: typeof TooltipGroup;\n };\n}>;\n\nconst defaultProps: Partial<TooltipProps> = {\n position: 'top',\n refProp: 'ref',\n withinPortal: true,\n inline: false,\n arrowSize: 4,\n arrowOffset: 5,\n arrowRadius: 0,\n arrowPosition: 'side',\n offset: 5,\n transitionProps: { duration: 100, transition: 'fade' },\n events: { hover: true, focus: false, touch: false },\n zIndex: getDefaultZIndex('popover'),\n positionDependencies: [],\n};\n\nconst varsResolver = createVarsResolver<TooltipFactory>((theme, { radius, color }) => ({\n tooltip: {\n '--tooltip-radius': getRadius(radius),\n '--tooltip-bg': color ? getThemeColor(color, theme) : undefined,\n },\n}));\n\nexport const Tooltip = factory<TooltipFactory>((_props, ref) => {\n const props = useProps('Tooltip', defaultProps, _props);\n const {\n children,\n position,\n refProp,\n label,\n openDelay,\n closeDelay,\n onPositionChange,\n opened,\n withinPortal,\n radius,\n color,\n classNames,\n styles,\n unstyled,\n style,\n className,\n withArrow,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n offset,\n transitionProps,\n multiline,\n events,\n zIndex,\n disabled,\n positionDependencies,\n onClick,\n onMouseEnter,\n onMouseLeave,\n inline,\n variant,\n keepMounted,\n vars,\n portalProps,\n ...others\n } = useProps('Tooltip', defaultProps, props);\n\n const { dir } = useDirection();\n const arrowRef = useRef<HTMLDivElement>(null);\n const tooltip = useTooltip({\n position: getFloatingPosition(dir, position!),\n closeDelay,\n openDelay,\n onPositionChange,\n opened,\n events,\n arrowRef,\n arrowOffset,\n offset: typeof offset === 'number' ? offset! + (withArrow ? arrowSize! / 2 : 0) : offset!,\n positionDependencies: [...positionDependencies!, children],\n inline,\n });\n\n const getStyles = useStyles<TooltipFactory>({\n name: 'Tooltip',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'tooltip',\n vars,\n varsResolver,\n });\n\n if (!isElement(children)) {\n throw new Error(\n '[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported'\n );\n }\n\n const targetRef = useMergedRef(tooltip.reference, (children as any).ref, ref);\n const transition = getTransitionProps(transitionProps, { duration: 100, transition: 'fade' });\n\n return (\n <>\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n <Transition\n {...transition}\n keepMounted={keepMounted}\n mounted={!disabled && !!tooltip.opened}\n duration={tooltip.isGroupPhase ? 10 : transition.duration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n variant={variant}\n mod={{ multiline }}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: getStyles('tooltip').className,\n style: {\n ...getStyles('tooltip').style,\n ...transitionStyles,\n zIndex,\n top: tooltip.y ?? 0,\n left: tooltip.x ?? 0,\n },\n })}\n >\n {label}\n\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX!}\n arrowY={tooltip.arrowY!}\n visible={withArrow!}\n position={tooltip.placement!}\n arrowSize={arrowSize!}\n arrowOffset={arrowOffset!}\n arrowRadius={arrowRadius!}\n arrowPosition={arrowPosition!}\n {...getStyles('arrow')}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n\n {cloneElement(\n children,\n tooltip.getReferenceProps({\n onClick,\n onMouseEnter,\n onMouseLeave,\n onMouseMove: props.onMouseMove,\n onPointerDown: props.onPointerDown,\n onPointerEnter: props.onPointerEnter,\n [refProp!]: targetRef,\n className: cx(className, children.props.className),\n ...children.props,\n })\n )}\n </>\n );\n});\n\nTooltip.classes = classes;\nTooltip.displayName = '@mantine/core/Tooltip';\nTooltip.Floating = TooltipFloating;\nTooltip.Group = TooltipGroup;\n"],"names":["getDefaultZIndex","createVarsResolver","getRadius","getThemeColor","factory","useProps","useDirection","useRef","useTooltip","getFloatingPosition","useStyles","classes","isElement","useMergedRef","getTransitionProps","React","OptionalPortal","Transition","Box","FloatingArrow","cloneElement","cx","TooltipFloating","TooltipGroup"],"mappings":"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"}
|