@mantine/core 7.0.0-alpha.7 → 7.0.0-alpha.9
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 +35 -112
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.module.css.js +0 -1
- package/cjs/components/ActionIcon/ActionIcon.module.css.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +20 -76
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js +0 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js.map +1 -1
- package/cjs/components/Affix/Affix.js +28 -82
- package/cjs/components/Affix/Affix.js.map +1 -1
- package/cjs/components/Affix/Affix.module.css.js +0 -1
- package/cjs/components/Affix/Affix.module.css.js.map +1 -1
- package/cjs/components/Alert/Alert.js +41 -120
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Alert/Alert.module.css.js +0 -1
- package/cjs/components/Alert/Alert.module.css.js.map +1 -1
- package/cjs/components/Anchor/Anchor.js +5 -43
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/Anchor/Anchor.module.css.js +0 -1
- package/cjs/components/Anchor/Anchor.module.css.js.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.js +20 -50
- package/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.module.css.js +0 -1
- package/cjs/components/AspectRatio/AspectRatio.module.css.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +43 -111
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/Avatar.module.css.js +0 -1
- package/cjs/components/Avatar/Avatar.module.css.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js +2 -3
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js +22 -53
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +0 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +1 -1
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js +2 -31
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.js +19 -50
- package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.module.css.js +0 -1
- package/cjs/components/BackgroundImage/BackgroundImage.module.css.js.map +1 -1
- package/cjs/components/Badge/Badge.js +41 -108
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.module.css.js +0 -1
- package/cjs/components/Badge/Badge.module.css.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js +40 -90
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.module.css.js +0 -1
- package/cjs/components/Blockquote/Blockquote.module.css.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +31 -90
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.module.css.js +0 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.module.css.js.map +1 -1
- package/cjs/components/Burger/Burger.js +28 -83
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Burger/Burger.module.css.js +0 -1
- package/cjs/components/Burger/Burger.module.css.js.map +1 -1
- package/cjs/components/Button/Button.js +57 -141
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.module.css.js +0 -1
- package/cjs/components/Button/Button.module.css.js.map +1 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js +20 -76
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.module.css.js +0 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.module.css.js.map +1 -1
- package/cjs/components/Center/Center.js +18 -48
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Center/Center.module.css.js +0 -1
- package/cjs/components/Center/Center.module.css.js.map +1 -1
- package/cjs/components/Checkbox/CheckIcon.js +3 -27
- package/cjs/components/Checkbox/CheckIcon.js.map +1 -1
- package/cjs/components/CloseButton/CloseButton.js +10 -44
- package/cjs/components/CloseButton/CloseButton.js.map +1 -1
- package/cjs/components/CloseButton/CloseIcon.js +5 -46
- package/cjs/components/CloseButton/CloseIcon.js.map +1 -1
- package/cjs/components/Code/Code.js +20 -58
- package/cjs/components/Code/Code.js.map +1 -1
- package/cjs/components/Code/Code.module.css.js +0 -1
- package/cjs/components/Code/Code.module.css.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js +23 -68
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/Collapse/use-collapse.js +71 -111
- package/cjs/components/Collapse/use-collapse.js.map +1 -1
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js +16 -56
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.js +1 -2
- package/cjs/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +87 -199
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.module.css.js +0 -1
- package/cjs/components/ColorPicker/ColorPicker.module.css.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js +44 -115
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/cjs/components/ColorPicker/HueSlider/HueSlider.js +11 -52
- package/cjs/components/ColorPicker/HueSlider/HueSlider.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.js +57 -118
- package/cjs/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js +9 -70
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.js +8 -43
- package/cjs/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/cjs/components/ColorPicker/converters/converters.js +48 -49
- package/cjs/components/ColorPicker/converters/converters.js.map +1 -1
- package/cjs/components/ColorPicker/converters/parsers.js +105 -117
- package/cjs/components/ColorPicker/converters/parsers.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js +28 -82
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.module.css.js +0 -1
- package/cjs/components/ColorSwatch/ColorSwatch.module.css.js.map +1 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js +4 -54
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js +0 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js.map +1 -1
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +14 -15
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/cjs/components/Container/Container.js +20 -50
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/Container/Container.module.css.js +0 -1
- package/cjs/components/Container/Container.module.css.js.map +1 -1
- package/cjs/components/CopyButton/CopyButton.js +7 -35
- package/cjs/components/CopyButton/CopyButton.js.map +1 -1
- package/cjs/components/Divider/Divider.js +24 -85
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Divider/Divider.module.css.js +0 -1
- package/cjs/components/Divider/Divider.module.css.js.map +1 -1
- package/cjs/components/FileButton/FileButton.js +24 -81
- package/cjs/components/FileButton/FileButton.js.map +1 -1
- package/cjs/components/Floating/FloatingArrow/FloatingArrow.js +17 -71
- package/cjs/components/Floating/FloatingArrow/FloatingArrow.js.map +1 -1
- package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js +47 -92
- 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 -7
- package/cjs/components/Floating/get-floating-position/get-floating-position.js.map +1 -1
- package/cjs/components/Floating/use-delayed-hover.js +26 -25
- package/cjs/components/Floating/use-delayed-hover.js.map +1 -1
- package/cjs/components/Floating/use-floating-auto-update.js +20 -26
- package/cjs/components/Floating/use-floating-auto-update.js.map +1 -1
- package/cjs/components/FocusTrap/FocusTrap.js +8 -13
- package/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
- package/cjs/components/Group/Group.js +33 -98
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/Group.module.css.js +0 -1
- package/cjs/components/Group/Group.module.css.js.map +1 -1
- package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js +1 -2
- package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js.map +1 -1
- package/cjs/components/Highlight/Highlight.js +5 -49
- package/cjs/components/Highlight/Highlight.js.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js +25 -14
- package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/cjs/components/InlineInput/InlineInput.js +23 -97
- package/cjs/components/InlineInput/InlineInput.js.map +1 -1
- package/cjs/components/InlineInput/InlineInput.module.css.js +0 -1
- package/cjs/components/InlineInput/InlineInput.module.css.js.map +1 -1
- package/cjs/components/Input/Input.js +54 -152
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/Input.module.css.js +0 -1
- package/cjs/components/Input/Input.module.css.js.map +1 -1
- package/cjs/components/Input/InputDescription/InputDescription.js +24 -77
- package/cjs/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/cjs/components/Input/InputError/InputError.js +24 -77
- package/cjs/components/Input/InputError/InputError.js.map +1 -1
- package/cjs/components/Input/InputLabel/InputLabel.js +33 -102
- package/cjs/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js +16 -69
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.module.css.js +0 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.module.css.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js +63 -166
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.module.css.js +0 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.module.css.js.map +1 -1
- package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js +6 -7
- package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js.map +1 -1
- package/cjs/components/Input/InputWrapper.context.js +4 -5
- package/cjs/components/Input/InputWrapper.context.js.map +1 -1
- package/cjs/components/Input/use-input-props.js +35 -122
- package/cjs/components/Input/use-input-props.js.map +1 -1
- package/cjs/components/InputBase/InputBase.js +7 -39
- package/cjs/components/InputBase/InputBase.js.map +1 -1
- package/cjs/components/Kbd/Kbd.js +22 -53
- package/cjs/components/Kbd/Kbd.js.map +1 -1
- package/cjs/components/Kbd/Kbd.module.css.js +0 -1
- package/cjs/components/Kbd/Kbd.module.css.js.map +1 -1
- package/cjs/components/Loader/Loader.js +27 -87
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/Loader.module.css.js +0 -1
- package/cjs/components/Loader/Loader.module.css.js.map +1 -1
- package/cjs/components/Loader/loaders/Bars.js +6 -45
- package/cjs/components/Loader/loaders/Bars.js.map +1 -1
- package/cjs/components/Loader/loaders/Bars.module.css.js +0 -1
- package/cjs/components/Loader/loaders/Bars.module.css.js.map +1 -1
- package/cjs/components/Loader/loaders/Dots.js +12 -57
- package/cjs/components/Loader/loaders/Dots.js.map +1 -1
- package/cjs/components/Loader/loaders/Dots.module.css.js +0 -1
- package/cjs/components/Loader/loaders/Dots.module.css.js.map +1 -1
- package/cjs/components/Loader/loaders/Oval.js +3 -39
- package/cjs/components/Loader/loaders/Oval.js.map +1 -1
- package/cjs/components/Loader/loaders/Oval.module.css.js +0 -1
- package/cjs/components/Loader/loaders/Oval.module.css.js.map +1 -1
- package/cjs/components/Mark/Mark.js +22 -54
- package/cjs/components/Mark/Mark.js.map +1 -1
- package/cjs/components/Mark/Mark.module.css.js +0 -1
- package/cjs/components/Mark/Mark.module.css.js.map +1 -1
- package/cjs/components/Mark/get-mark-color.js +8 -9
- package/cjs/components/Mark/get-mark-color.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelect.js +7 -53
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelectOption.js +9 -45
- package/cjs/components/NativeSelect/NativeSelectOption.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js +26 -93
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Overlay/Overlay.module.css.js +0 -1
- package/cjs/components/Overlay/Overlay.module.css.js.map +1 -1
- package/cjs/components/Paper/Paper.js +21 -79
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Paper/Paper.module.css.js +0 -1
- package/cjs/components/Paper/Paper.module.css.js.map +1 -1
- package/cjs/components/Popover/Popover.context.js +1 -2
- package/cjs/components/Popover/Popover.context.js.map +1 -1
- package/cjs/components/Popover/Popover.js +112 -207
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.module.css.js +0 -1
- package/cjs/components/Popover/Popover.module.css.js.map +1 -1
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js +48 -123
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +20 -52
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js.map +1 -1
- package/cjs/components/Popover/use-popover.js +79 -76
- package/cjs/components/Popover/use-popover.js.map +1 -1
- package/cjs/components/Portal/OptionalPortal.js +7 -35
- package/cjs/components/Portal/OptionalPortal.js.map +1 -1
- package/cjs/components/Portal/Portal.js +24 -51
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js +1 -2
- package/cjs/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js +40 -165
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.module.css.js +0 -1
- package/cjs/components/ScrollArea/ScrollArea.module.css.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +23 -59
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +39 -74
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +12 -54
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +17 -52
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +28 -63
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +34 -71
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +51 -99
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +1 -2
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +57 -115
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +31 -74
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +31 -73
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +42 -85
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +7 -46
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -1
- package/cjs/components/ScrollArea/use-resize-observer.js +16 -17
- package/cjs/components/ScrollArea/use-resize-observer.js.map +1 -1
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js +14 -15
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -1
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js +6 -7
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js +11 -12
- 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 -12
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js +2 -3
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-size.js +4 -5
- package/cjs/components/ScrollArea/utils/get-thumb-size.js.map +1 -1
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +1 -2
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -1
- package/cjs/components/ScrollArea/utils/linear-scale.js +6 -7
- package/cjs/components/ScrollArea/utils/linear-scale.js.map +1 -1
- package/cjs/components/ScrollArea/utils/to-int.js +1 -2
- package/cjs/components/ScrollArea/utils/to-int.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +87 -186
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.module.css.js +0 -1
- package/cjs/components/SegmentedControl/SegmentedControl.module.css.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.js +9 -32
- package/cjs/components/Slider/Marks/Marks.js.map +1 -1
- package/cjs/components/Slider/Marks/is-mark-filled.js +7 -2
- package/cjs/components/Slider/Marks/is-mark-filled.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +192 -322
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +122 -242
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.context.js +1 -2
- package/cjs/components/Slider/Slider.context.js.map +1 -1
- package/cjs/components/Slider/Slider.module.css.js +0 -1
- package/cjs/components/Slider/Slider.module.css.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js +5 -38
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +14 -71
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/Track/Track.js +13 -66
- package/cjs/components/Slider/Track/Track.js.map +1 -1
- package/cjs/components/Slider/utils/get-change-value/get-change-value.js +11 -17
- 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 -6
- 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 -3
- package/cjs/components/Slider/utils/get-position/get-position.js.map +1 -1
- package/cjs/components/Stack/Stack.js +25 -82
- package/cjs/components/Stack/Stack.js.map +1 -1
- package/cjs/components/Stack/Stack.module.css.js +0 -1
- package/cjs/components/Stack/Stack.module.css.js.map +1 -1
- package/cjs/components/Switch/Switch.js +53 -157
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.module.css.js +0 -1
- package/cjs/components/Switch/Switch.module.css.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js +17 -53
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup.context.js +0 -1
- package/cjs/components/Switch/SwitchGroup.context.js.map +1 -1
- package/cjs/components/Table/Table.components.js +39 -70
- package/cjs/components/Table/Table.components.js.map +1 -1
- package/cjs/components/Table/Table.context.js +1 -2
- package/cjs/components/Table/Table.context.js.map +1 -1
- package/cjs/components/Table/Table.js +42 -124
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.module.css.js +0 -1
- package/cjs/components/Table/Table.module.css.js.map +1 -1
- package/cjs/components/Tabs/Tabs.context.js +1 -2
- package/cjs/components/Tabs/Tabs.context.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +61 -139
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.module.css.js +0 -1
- package/cjs/components/Tabs/Tabs.module.css.js.map +1 -1
- package/cjs/components/Tabs/TabsList/TabsList.js +18 -56
- package/cjs/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js +14 -51
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js +31 -105
- package/cjs/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/cjs/components/Text/Text.js +40 -111
- package/cjs/components/Text/Text.js.map +1 -1
- package/cjs/components/Text/Text.module.css.js +0 -1
- package/cjs/components/Text/Text.module.css.js.map +1 -1
- package/cjs/components/TextInput/TextInput.js +3 -28
- package/cjs/components/TextInput/TextInput.js.map +1 -1
- package/cjs/components/Title/Title.js +29 -66
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Title/Title.module.css.js +0 -1
- package/cjs/components/Title/Title.module.css.js.map +1 -1
- package/cjs/components/Title/get-title-size.js +12 -13
- package/cjs/components/Title/get-title-size.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +69 -199
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.module.css.js +0 -1
- package/cjs/components/Tooltip/Tooltip.module.css.js.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.js +54 -135
- package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js +55 -51
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.context.js +0 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map +1 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js +7 -10
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.js +61 -71
- package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
- package/cjs/components/Transition/Transition.js +21 -34
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/components/Transition/get-transition-props/get-transition-props.js +3 -20
- 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 +17 -43
- package/cjs/components/Transition/get-transition-styles/get-transition-styles.js.map +1 -1
- package/cjs/components/Transition/transitions.js +79 -109
- package/cjs/components/Transition/transitions.js.map +1 -1
- package/cjs/components/Transition/use-transition.js +40 -49
- package/cjs/components/Transition/use-transition.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js +15 -45
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +0 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js.map +1 -1
- package/cjs/components/UnstyledButton/UnstyledButton.js +16 -67
- package/cjs/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/cjs/components/UnstyledButton/UnstyledButton.module.css.js +0 -1
- package/cjs/components/UnstyledButton/UnstyledButton.module.css.js.map +1 -1
- package/cjs/components/VisuallyHidden/VisuallyHidden.js +4 -34
- package/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/cjs/components/VisuallyHidden/VisuallyHidden.module.css.js +0 -1
- package/cjs/components/VisuallyHidden/VisuallyHidden.module.css.js.map +1 -1
- package/cjs/core/Box/Box.js +20 -56
- package/cjs/core/Box/Box.js.map +1 -1
- package/cjs/core/Box/get-box-mod/get-box-mod.js +19 -36
- 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 +14 -36
- 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 +10 -27
- 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 +48 -151
- 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 +52 -76
- 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 +9 -41
- 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 -6
- 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 -11
- 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 -2
- 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 -7
- 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 -5
- 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 -5
- 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 -12
- 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 -44
- 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 -3
- package/cjs/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/cjs/core/DirectionProvider/DirectionProvider.js +20 -29
- package/cjs/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/cjs/core/InlineStyles/InlineStyles.js +2 -7
- package/cjs/core/InlineStyles/InlineStyles.js.map +1 -1
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js +3 -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 +7 -15
- package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js +4 -47
- package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js.map +1 -1
- package/cjs/core/MantineProvider/Mantine.context.js +8 -9
- package/cjs/core/MantineProvider/Mantine.context.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +17 -20
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +86 -82
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js +3 -4
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js +21 -22
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineProvider.js +24 -39
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +10 -17
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/darken/darken.js +7 -8
- 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 +147 -153
- 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 -9
- 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 -8
- 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 -3
- 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 -8
- 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 -7
- 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 -35
- 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 -6
- package/cjs/core/MantineProvider/color-functions/rgba/rgba.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/to-rgba/to-rgba.js +100 -92
- 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 -2
- 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 +38 -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 +17 -10
- 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 +3 -2
- 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 -3
- package/cjs/core/MantineProvider/convert-css-variables/wrap-with-selector.js.map +1 -1
- package/cjs/core/MantineProvider/create-theme/create-theme.js +1 -2
- package/cjs/core/MantineProvider/create-theme/create-theme.js.map +1 -1
- package/cjs/core/MantineProvider/default-colors.js +168 -169
- package/cjs/core/MantineProvider/default-colors.js.map +1 -1
- package/cjs/core/MantineProvider/default-theme.js +73 -74
- package/cjs/core/MantineProvider/default-theme.js.map +1 -1
- package/cjs/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js +28 -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 -2
- package/cjs/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js.map +1 -1
- package/cjs/core/MantineProvider/suppress-nextjs-warning.js +12 -7
- 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 -4
- 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 +46 -45
- 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 +22 -27
- 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 +5 -22
- 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 +7 -11
- 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 -2
- package/cjs/core/factory/create-polymorphic-component.js.map +1 -1
- package/cjs/core/factory/factory.js +4 -5
- package/cjs/core/factory/factory.js.map +1 -1
- package/cjs/core/factory/polymorphic-factory.js +3 -4
- package/cjs/core/factory/polymorphic-factory.js.map +1 -1
- package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.js +1 -2
- 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 +2 -16
- 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 +5 -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 +7 -14
- 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 +2 -9
- 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 +2 -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 +2 -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 +3 -7
- 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 +10 -17
- 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 +3 -8
- 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 +3 -2
- 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 +2 -31
- 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 +12 -33
- 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 +10 -27
- 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 -2
- 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 +8 -25
- 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 +7 -19
- 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 +33 -47
- 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 -2
- 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 -10
- 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 -13
- 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 +85 -93
- 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 +19 -34
- package/cjs/core/utils/deep-merge/deep-merge.js.map +1 -1
- package/cjs/core/utils/filter-props/filter-props.js +6 -7
- package/cjs/core/utils/filter-props/filter-props.js.map +1 -1
- package/cjs/core/utils/find-element-ancestor/find-element-ancestor.js +5 -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 -7
- 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 -7
- package/cjs/core/utils/get-safe-id/get-safe-id.js.map +1 -1
- package/cjs/core/utils/get-size/get-size.js +17 -14
- package/cjs/core/utils/get-size/get-size.js.map +1 -1
- package/cjs/core/utils/is-element/is-element.js +9 -10
- package/cjs/core/utils/is-element/is-element.js.map +1 -1
- package/cjs/core/utils/is-number-like/is-number-like.js +9 -10
- package/cjs/core/utils/is-number-like/is-number-like.js.map +1 -1
- package/cjs/core/utils/keys/keys.js +1 -2
- package/cjs/core/utils/keys/keys.js.map +1 -1
- package/cjs/core/utils/noop/noop.js +1 -3
- package/cjs/core/utils/noop/noop.js.map +1 -1
- package/cjs/core/utils/units-converters/px.js +24 -24
- package/cjs/core/utils/units-converters/px.js.map +1 -1
- package/cjs/core/utils/units-converters/rem.js +25 -26
- package/cjs/core/utils/units-converters/rem.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js +35 -112
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.module.css.js +0 -1
- package/esm/components/ActionIcon/ActionIcon.module.css.js.map +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +20 -76
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js +0 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js.map +1 -1
- package/esm/components/Affix/Affix.js +28 -82
- package/esm/components/Affix/Affix.js.map +1 -1
- package/esm/components/Affix/Affix.module.css.js +0 -1
- package/esm/components/Affix/Affix.module.css.js.map +1 -1
- package/esm/components/Alert/Alert.js +41 -120
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Alert/Alert.module.css.js +0 -1
- package/esm/components/Alert/Alert.module.css.js.map +1 -1
- package/esm/components/Anchor/Anchor.js +5 -43
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/Anchor/Anchor.module.css.js +0 -1
- package/esm/components/Anchor/Anchor.module.css.js.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.js +20 -50
- package/esm/components/AspectRatio/AspectRatio.js.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.module.css.js +0 -1
- package/esm/components/AspectRatio/AspectRatio.module.css.js.map +1 -1
- package/esm/components/Avatar/Avatar.js +43 -111
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/Avatar.module.css.js +0 -1
- package/esm/components/Avatar/Avatar.module.css.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js +2 -3
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js +22 -53
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +0 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +1 -1
- package/esm/components/Avatar/AvatarPlaceholderIcon.js +2 -31
- package/esm/components/Avatar/AvatarPlaceholderIcon.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.js +19 -50
- package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.module.css.js +0 -1
- package/esm/components/BackgroundImage/BackgroundImage.module.css.js.map +1 -1
- package/esm/components/Badge/Badge.js +41 -108
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Badge/Badge.module.css.js +0 -1
- package/esm/components/Badge/Badge.module.css.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js +40 -90
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.module.css.js +0 -1
- package/esm/components/Blockquote/Blockquote.module.css.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js +31 -90
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.module.css.js +0 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.module.css.js.map +1 -1
- package/esm/components/Burger/Burger.js +28 -83
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Burger/Burger.module.css.js +0 -1
- package/esm/components/Burger/Burger.module.css.js.map +1 -1
- package/esm/components/Button/Button.js +57 -141
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/Button.module.css.js +0 -1
- package/esm/components/Button/Button.module.css.js.map +1 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.js +20 -76
- package/esm/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.module.css.js +0 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.module.css.js.map +1 -1
- package/esm/components/Center/Center.js +18 -48
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Center/Center.module.css.js +0 -1
- package/esm/components/Center/Center.module.css.js.map +1 -1
- package/esm/components/Checkbox/CheckIcon.js +3 -27
- package/esm/components/Checkbox/CheckIcon.js.map +1 -1
- package/esm/components/CloseButton/CloseButton.js +10 -44
- package/esm/components/CloseButton/CloseButton.js.map +1 -1
- package/esm/components/CloseButton/CloseIcon.js +5 -46
- package/esm/components/CloseButton/CloseIcon.js.map +1 -1
- package/esm/components/Code/Code.js +20 -58
- package/esm/components/Code/Code.js.map +1 -1
- package/esm/components/Code/Code.module.css.js +0 -1
- package/esm/components/Code/Code.module.css.js.map +1 -1
- package/esm/components/Collapse/Collapse.js +23 -68
- package/esm/components/Collapse/Collapse.js.map +1 -1
- package/esm/components/Collapse/use-collapse.js +71 -111
- package/esm/components/Collapse/use-collapse.js.map +1 -1
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js +16 -56
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.context.js +1 -2
- package/esm/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +87 -199
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.module.css.js +0 -1
- package/esm/components/ColorPicker/ColorPicker.module.css.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js +44 -115
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/esm/components/ColorPicker/HueSlider/HueSlider.js +11 -52
- package/esm/components/ColorPicker/HueSlider/HueSlider.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.js +57 -118
- package/esm/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.js +9 -70
- package/esm/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/components/ColorPicker/Thumb/Thumb.js +8 -43
- package/esm/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/esm/components/ColorPicker/converters/converters.js +48 -49
- package/esm/components/ColorPicker/converters/converters.js.map +1 -1
- package/esm/components/ColorPicker/converters/parsers.js +105 -117
- package/esm/components/ColorPicker/converters/parsers.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js +28 -82
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.module.css.js +0 -1
- package/esm/components/ColorSwatch/ColorSwatch.module.css.js.map +1 -1
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js +4 -54
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js +0 -1
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js.map +1 -1
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +14 -15
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/esm/components/Container/Container.js +20 -50
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/Container/Container.module.css.js +0 -1
- package/esm/components/Container/Container.module.css.js.map +1 -1
- package/esm/components/CopyButton/CopyButton.js +7 -35
- package/esm/components/CopyButton/CopyButton.js.map +1 -1
- package/esm/components/Divider/Divider.js +24 -85
- package/esm/components/Divider/Divider.js.map +1 -1
- package/esm/components/Divider/Divider.module.css.js +0 -1
- package/esm/components/Divider/Divider.module.css.js.map +1 -1
- package/esm/components/FileButton/FileButton.js +24 -81
- package/esm/components/FileButton/FileButton.js.map +1 -1
- package/esm/components/Floating/FloatingArrow/FloatingArrow.js +17 -71
- package/esm/components/Floating/FloatingArrow/FloatingArrow.js.map +1 -1
- package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.js +47 -92
- 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 -7
- package/esm/components/Floating/get-floating-position/get-floating-position.js.map +1 -1
- package/esm/components/Floating/use-delayed-hover.js +26 -25
- package/esm/components/Floating/use-delayed-hover.js.map +1 -1
- package/esm/components/Floating/use-floating-auto-update.js +20 -26
- package/esm/components/Floating/use-floating-auto-update.js.map +1 -1
- package/esm/components/FocusTrap/FocusTrap.js +8 -13
- package/esm/components/FocusTrap/FocusTrap.js.map +1 -1
- package/esm/components/Group/Group.js +33 -98
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Group/Group.module.css.js +0 -1
- package/esm/components/Group/Group.module.css.js.map +1 -1
- package/esm/components/Group/filter-falsy-children/filter-falsy-children.js +1 -2
- package/esm/components/Group/filter-falsy-children/filter-falsy-children.js.map +1 -1
- package/esm/components/Highlight/Highlight.js +5 -49
- package/esm/components/Highlight/Highlight.js.map +1 -1
- package/esm/components/Highlight/highlighter/highlighter.js +25 -14
- package/esm/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/esm/components/InlineInput/InlineInput.js +23 -97
- package/esm/components/InlineInput/InlineInput.js.map +1 -1
- package/esm/components/InlineInput/InlineInput.module.css.js +0 -1
- package/esm/components/InlineInput/InlineInput.module.css.js.map +1 -1
- package/esm/components/Input/Input.js +54 -152
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/Input.module.css.js +0 -1
- package/esm/components/Input/Input.module.css.js.map +1 -1
- package/esm/components/Input/InputDescription/InputDescription.js +24 -77
- package/esm/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/esm/components/Input/InputError/InputError.js +24 -77
- package/esm/components/Input/InputError/InputError.js.map +1 -1
- package/esm/components/Input/InputLabel/InputLabel.js +33 -102
- package/esm/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js +16 -69
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js +0 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js +63 -166
- package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.module.css.js +0 -1
- package/esm/components/Input/InputWrapper/InputWrapper.module.css.js.map +1 -1
- package/esm/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js +6 -7
- package/esm/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js.map +1 -1
- package/esm/components/Input/InputWrapper.context.js +4 -5
- package/esm/components/Input/InputWrapper.context.js.map +1 -1
- package/esm/components/Input/use-input-props.js +35 -122
- package/esm/components/Input/use-input-props.js.map +1 -1
- package/esm/components/InputBase/InputBase.js +7 -39
- package/esm/components/InputBase/InputBase.js.map +1 -1
- package/esm/components/Kbd/Kbd.js +22 -53
- package/esm/components/Kbd/Kbd.js.map +1 -1
- package/esm/components/Kbd/Kbd.module.css.js +0 -1
- package/esm/components/Kbd/Kbd.module.css.js.map +1 -1
- package/esm/components/Loader/Loader.js +27 -87
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Loader/Loader.module.css.js +0 -1
- package/esm/components/Loader/Loader.module.css.js.map +1 -1
- package/esm/components/Loader/loaders/Bars.js +6 -45
- package/esm/components/Loader/loaders/Bars.js.map +1 -1
- package/esm/components/Loader/loaders/Bars.module.css.js +0 -1
- package/esm/components/Loader/loaders/Bars.module.css.js.map +1 -1
- package/esm/components/Loader/loaders/Dots.js +12 -57
- package/esm/components/Loader/loaders/Dots.js.map +1 -1
- package/esm/components/Loader/loaders/Dots.module.css.js +0 -1
- package/esm/components/Loader/loaders/Dots.module.css.js.map +1 -1
- package/esm/components/Loader/loaders/Oval.js +3 -39
- package/esm/components/Loader/loaders/Oval.js.map +1 -1
- package/esm/components/Loader/loaders/Oval.module.css.js +0 -1
- package/esm/components/Loader/loaders/Oval.module.css.js.map +1 -1
- package/esm/components/Mark/Mark.js +22 -54
- package/esm/components/Mark/Mark.js.map +1 -1
- package/esm/components/Mark/Mark.module.css.js +0 -1
- package/esm/components/Mark/Mark.module.css.js.map +1 -1
- package/esm/components/Mark/get-mark-color.js +8 -9
- package/esm/components/Mark/get-mark-color.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelect.js +7 -53
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelectOption.js +9 -45
- package/esm/components/NativeSelect/NativeSelectOption.js.map +1 -1
- package/esm/components/Overlay/Overlay.js +26 -93
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Overlay/Overlay.module.css.js +0 -1
- package/esm/components/Overlay/Overlay.module.css.js.map +1 -1
- package/esm/components/Paper/Paper.js +21 -79
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Paper/Paper.module.css.js +0 -1
- package/esm/components/Paper/Paper.module.css.js.map +1 -1
- package/esm/components/Popover/Popover.context.js +1 -2
- package/esm/components/Popover/Popover.context.js.map +1 -1
- package/esm/components/Popover/Popover.js +112 -207
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/Popover.module.css.js +0 -1
- package/esm/components/Popover/Popover.module.css.js.map +1 -1
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js +48 -123
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js +20 -52
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js.map +1 -1
- package/esm/components/Popover/use-popover.js +79 -76
- package/esm/components/Popover/use-popover.js.map +1 -1
- package/esm/components/Portal/OptionalPortal.js +7 -35
- package/esm/components/Portal/OptionalPortal.js.map +1 -1
- package/esm/components/Portal/Portal.js +24 -51
- package/esm/components/Portal/Portal.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.context.js +1 -2
- package/esm/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.js +40 -165
- package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.module.css.js +0 -1
- package/esm/components/ScrollArea/ScrollArea.module.css.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +23 -59
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +39 -74
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +12 -54
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +17 -52
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +28 -63
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +34 -71
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +51 -99
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +1 -2
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +57 -115
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +31 -74
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +31 -73
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +42 -85
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +7 -46
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -1
- package/esm/components/ScrollArea/use-resize-observer.js +16 -17
- package/esm/components/ScrollArea/use-resize-observer.js.map +1 -1
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js +14 -15
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -1
- package/esm/components/ScrollArea/utils/compose-event-handlers.js +6 -7
- package/esm/components/ScrollArea/utils/compose-event-handlers.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js +11 -12
- 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 -12
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js +2 -3
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-size.js +4 -5
- package/esm/components/ScrollArea/utils/get-thumb-size.js.map +1 -1
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +1 -2
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -1
- package/esm/components/ScrollArea/utils/linear-scale.js +6 -7
- package/esm/components/ScrollArea/utils/linear-scale.js.map +1 -1
- package/esm/components/ScrollArea/utils/to-int.js +1 -2
- package/esm/components/ScrollArea/utils/to-int.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +87 -186
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.module.css.js +0 -1
- package/esm/components/SegmentedControl/SegmentedControl.module.css.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.js +9 -32
- package/esm/components/Slider/Marks/Marks.js.map +1 -1
- package/esm/components/Slider/Marks/is-mark-filled.js +7 -2
- package/esm/components/Slider/Marks/is-mark-filled.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +192 -322
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +122 -242
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/Slider.context.js +1 -2
- package/esm/components/Slider/Slider.context.js.map +1 -1
- package/esm/components/Slider/Slider.module.css.js +0 -1
- package/esm/components/Slider/Slider.module.css.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js +5 -38
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +14 -71
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Slider/Track/Track.js +13 -66
- package/esm/components/Slider/Track/Track.js.map +1 -1
- package/esm/components/Slider/utils/get-change-value/get-change-value.js +11 -17
- 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 -6
- 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 -3
- package/esm/components/Slider/utils/get-position/get-position.js.map +1 -1
- package/esm/components/Stack/Stack.js +25 -82
- package/esm/components/Stack/Stack.js.map +1 -1
- package/esm/components/Stack/Stack.module.css.js +0 -1
- package/esm/components/Stack/Stack.module.css.js.map +1 -1
- package/esm/components/Switch/Switch.js +53 -157
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/Switch.module.css.js +0 -1
- package/esm/components/Switch/Switch.module.css.js.map +1 -1
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js +17 -53
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/esm/components/Switch/SwitchGroup.context.js +0 -1
- package/esm/components/Switch/SwitchGroup.context.js.map +1 -1
- package/esm/components/Table/Table.components.js +39 -70
- package/esm/components/Table/Table.components.js.map +1 -1
- package/esm/components/Table/Table.context.js +1 -2
- package/esm/components/Table/Table.context.js.map +1 -1
- package/esm/components/Table/Table.js +42 -124
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Table.module.css.js +0 -1
- package/esm/components/Table/Table.module.css.js.map +1 -1
- package/esm/components/Tabs/Tabs.context.js +1 -2
- package/esm/components/Tabs/Tabs.context.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +61 -139
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/Tabs.module.css.js +0 -1
- package/esm/components/Tabs/Tabs.module.css.js.map +1 -1
- package/esm/components/Tabs/TabsList/TabsList.js +18 -56
- package/esm/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/esm/components/Tabs/TabsPanel/TabsPanel.js +14 -51
- package/esm/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js +31 -105
- package/esm/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/esm/components/Text/Text.js +40 -111
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/Text/Text.module.css.js +0 -1
- package/esm/components/Text/Text.module.css.js.map +1 -1
- package/esm/components/TextInput/TextInput.js +3 -28
- package/esm/components/TextInput/TextInput.js.map +1 -1
- package/esm/components/Title/Title.js +29 -66
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Title/Title.module.css.js +0 -1
- package/esm/components/Title/Title.module.css.js.map +1 -1
- package/esm/components/Title/get-title-size.js +12 -13
- package/esm/components/Title/get-title-size.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +69 -199
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.module.css.js +0 -1
- package/esm/components/Tooltip/Tooltip.module.css.js.map +1 -1
- package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js +54 -135
- package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js +55 -51
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.context.js +0 -1
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map +1 -1
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js +7 -10
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js.map +1 -1
- package/esm/components/Tooltip/use-tooltip.js +61 -71
- package/esm/components/Tooltip/use-tooltip.js.map +1 -1
- package/esm/components/Transition/Transition.js +21 -34
- package/esm/components/Transition/Transition.js.map +1 -1
- package/esm/components/Transition/get-transition-props/get-transition-props.js +3 -20
- 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 +17 -43
- package/esm/components/Transition/get-transition-styles/get-transition-styles.js.map +1 -1
- package/esm/components/Transition/transitions.js +79 -109
- package/esm/components/Transition/transitions.js.map +1 -1
- package/esm/components/Transition/use-transition.js +40 -49
- package/esm/components/Transition/use-transition.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js +15 -45
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +0 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js.map +1 -1
- package/esm/components/UnstyledButton/UnstyledButton.js +16 -67
- package/esm/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/esm/components/UnstyledButton/UnstyledButton.module.css.js +0 -1
- package/esm/components/UnstyledButton/UnstyledButton.module.css.js.map +1 -1
- package/esm/components/VisuallyHidden/VisuallyHidden.js +4 -34
- package/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/esm/components/VisuallyHidden/VisuallyHidden.module.css.js +0 -1
- package/esm/components/VisuallyHidden/VisuallyHidden.module.css.js.map +1 -1
- package/esm/core/Box/Box.js +20 -56
- package/esm/core/Box/Box.js.map +1 -1
- package/esm/core/Box/get-box-mod/get-box-mod.js +19 -36
- 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 +14 -36
- 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 +10 -27
- 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 +48 -151
- 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 +52 -76
- 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 +9 -41
- 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 -6
- 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 -11
- 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 -2
- 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 -7
- 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 -5
- 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 -5
- 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 -12
- 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 -44
- 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 -3
- package/esm/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/esm/core/DirectionProvider/DirectionProvider.js +20 -29
- package/esm/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/esm/core/InlineStyles/InlineStyles.js +2 -7
- package/esm/core/InlineStyles/InlineStyles.js.map +1 -1
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js +3 -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 +7 -15
- package/esm/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js +4 -47
- package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js.map +1 -1
- package/esm/core/MantineProvider/Mantine.context.js +8 -9
- package/esm/core/MantineProvider/Mantine.context.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +17 -20
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +86 -82
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.js +3 -4
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js +21 -22
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -1
- package/esm/core/MantineProvider/MantineProvider.js +24 -39
- package/esm/core/MantineProvider/MantineProvider.js.map +1 -1
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +10 -17
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/darken/darken.js +7 -8
- 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 +147 -153
- 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 -9
- 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 -8
- 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 -3
- 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 -8
- 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 -7
- 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 -35
- 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 -6
- package/esm/core/MantineProvider/color-functions/rgba/rgba.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/to-rgba/to-rgba.js +100 -92
- 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 -2
- 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 +38 -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 +17 -10
- 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 +3 -2
- 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 -3
- package/esm/core/MantineProvider/convert-css-variables/wrap-with-selector.js.map +1 -1
- package/esm/core/MantineProvider/create-theme/create-theme.js +1 -2
- package/esm/core/MantineProvider/create-theme/create-theme.js.map +1 -1
- package/esm/core/MantineProvider/default-colors.js +168 -169
- package/esm/core/MantineProvider/default-colors.js.map +1 -1
- package/esm/core/MantineProvider/default-theme.js +73 -74
- package/esm/core/MantineProvider/default-theme.js.map +1 -1
- package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js +28 -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 -2
- package/esm/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js.map +1 -1
- package/esm/core/MantineProvider/suppress-nextjs-warning.js +12 -7
- 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 -4
- 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 +46 -45
- 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 +22 -27
- 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 +5 -22
- 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 +7 -11
- 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 -2
- package/esm/core/factory/create-polymorphic-component.js.map +1 -1
- package/esm/core/factory/factory.js +4 -5
- package/esm/core/factory/factory.js.map +1 -1
- package/esm/core/factory/polymorphic-factory.js +3 -4
- package/esm/core/factory/polymorphic-factory.js.map +1 -1
- package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js +1 -2
- 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 +2 -16
- 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 +5 -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 +7 -14
- 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 +2 -9
- 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 +2 -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 +2 -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 +3 -7
- 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 +10 -17
- 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 +3 -8
- 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 +3 -2
- 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 +2 -31
- 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 +12 -33
- 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 +10 -27
- 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 -2
- 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 +8 -25
- 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 +7 -19
- 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 +33 -47
- 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 -2
- 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 -10
- 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 -13
- 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 +85 -93
- 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 +19 -34
- package/esm/core/utils/deep-merge/deep-merge.js.map +1 -1
- package/esm/core/utils/filter-props/filter-props.js +6 -7
- package/esm/core/utils/filter-props/filter-props.js.map +1 -1
- package/esm/core/utils/find-element-ancestor/find-element-ancestor.js +5 -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 -7
- 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 -7
- package/esm/core/utils/get-safe-id/get-safe-id.js.map +1 -1
- package/esm/core/utils/get-size/get-size.js +17 -14
- package/esm/core/utils/get-size/get-size.js.map +1 -1
- package/esm/core/utils/is-element/is-element.js +9 -10
- package/esm/core/utils/is-element/is-element.js.map +1 -1
- package/esm/core/utils/is-number-like/is-number-like.js +9 -10
- package/esm/core/utils/is-number-like/is-number-like.js.map +1 -1
- package/esm/core/utils/keys/keys.js +1 -2
- package/esm/core/utils/keys/keys.js.map +1 -1
- package/esm/core/utils/noop/noop.js +1 -3
- package/esm/core/utils/noop/noop.js.map +1 -1
- package/esm/core/utils/units-converters/px.js +24 -24
- package/esm/core/utils/units-converters/px.js.map +1 -1
- package/esm/core/utils/units-converters/rem.js +25 -26
- package/esm/core/utils/units-converters/rem.js.map +1 -1
- package/lib/components/Input/use-input-props.d.ts +6 -6
- package/package.json +15 -7
- package/styles.css +0 -4806
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsList.js","sources":["../../../../src/components/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n useProps,\n factory,\n ElementProps,\n StylesApiProps,\n Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsListStylesNames = 'list';\n\nexport interface TabsListProps\n extends BoxProps,\n StylesApiProps<TabsListFactory>,\n ElementProps<'div'> {\n /** `Tabs.Tab` components */\n children: React.ReactNode;\n\n /** Determines whether tabs should take all available space, `false` by default */\n grow?: boolean;\n\n /** Tabs alignment, `flex-start` by default */\n justify?: React.CSSProperties['justifyContent'];\n}\n\nexport type TabsListFactory = Factory<{\n props: TabsListProps;\n ref: HTMLDivElement;\n stylesNames: TabsListStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TabsListProps> = {};\n\nexport const TabsList = factory<TabsListFactory>((_props, ref) => {\n const props = useProps('TabsList', defaultProps, _props);\n const { children, className, grow, justify, classNames, styles, style, ...others } = props;\n\n const ctx = useTabsContext();\n\n return (\n <Box\n {...others}\n {...ctx.getStyles('list', {\n className,\n style,\n classNames,\n styles,\n props,\n variant: ctx.variant,\n })}\n ref={ref}\n role=\"tablist\"\n variant={ctx.variant}\n mod={{\n grow,\n orientation: ctx.orientation,\n placement: ctx.orientation === 'vertical' && ctx.placement,\n inverted: ctx.inverted,\n }}\n aria-orientation={ctx.orientation}\n __vars={{ '--tabs-justify': justify }}\n >\n {children}\n </Box>\n );\n});\n\nTabsList.displayName = '@mantine/core/TabsList';\n"],"names":["factory","useProps","useTabsContext","React","Box"],"mappings":";;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TabsList.js","sources":["../../../../src/components/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n useProps,\n factory,\n ElementProps,\n StylesApiProps,\n Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsListStylesNames = 'list';\n\nexport interface TabsListProps\n extends BoxProps,\n StylesApiProps<TabsListFactory>,\n ElementProps<'div'> {\n /** `Tabs.Tab` components */\n children: React.ReactNode;\n\n /** Determines whether tabs should take all available space, `false` by default */\n grow?: boolean;\n\n /** Tabs alignment, `flex-start` by default */\n justify?: React.CSSProperties['justifyContent'];\n}\n\nexport type TabsListFactory = Factory<{\n props: TabsListProps;\n ref: HTMLDivElement;\n stylesNames: TabsListStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TabsListProps> = {};\n\nexport const TabsList = factory<TabsListFactory>((_props, ref) => {\n const props = useProps('TabsList', defaultProps, _props);\n const { children, className, grow, justify, classNames, styles, style, ...others } = props;\n\n const ctx = useTabsContext();\n\n return (\n <Box\n {...others}\n {...ctx.getStyles('list', {\n className,\n style,\n classNames,\n styles,\n props,\n variant: ctx.variant,\n })}\n ref={ref}\n role=\"tablist\"\n variant={ctx.variant}\n mod={{\n grow,\n orientation: ctx.orientation,\n placement: ctx.orientation === 'vertical' && ctx.placement,\n inverted: ctx.inverted,\n }}\n aria-orientation={ctx.orientation}\n __vars={{ '--tabs-justify': justify }}\n >\n {children}\n </Box>\n );\n});\n\nTabsList.displayName = '@mantine/core/TabsList';\n"],"names":["factory","useProps","useTabsContext","React","Box"],"mappings":";;;;;;;;;;;;;;;AAmCA,MAAM,YAAY,GAA2B,EAAE,CAAC;MAEnC,QAAQ,GAAGA,eAAO,CAAkB,CAAC,MAAM,EAAE,GAAG;IAC3D,MAAM,KAAK,GAAGC,iBAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACzD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAApF,6EAA4E,CAAQ,CAAC;IAE3F,MAAM,GAAG,GAAGC,2BAAc,EAAE,CAAC;IAE7B,QACEC,6BAACC,OAAG,oBACE,MAAM,EACN,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE;QACxB,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,KAAK;QACL,OAAO,EAAE,GAAG,CAAC,OAAO;KACrB,CAAC,IACF,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,GAAG,EAAE;YACH,IAAI;YACJ,WAAW,EAAE,GAAG,CAAC,WAAW;YAC5B,SAAS,EAAE,GAAG,CAAC,WAAW,KAAK,UAAU,IAAI,GAAG,CAAC,SAAS;YAC1D,QAAQ,EAAE,GAAG,CAAC,QAAQ;SACvB,sBACiB,GAAG,CAAC,WAAW,EACjC,MAAM,EAAE,EAAE,gBAAgB,EAAE,OAAO,EAAE,KAEpC,QAAQ,CACL,EACN;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
'use strict';
|
|
3
2
|
|
|
4
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
4
|
|
|
5
|
+
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var Tabs_context = require('../Tabs.context.js');
|
|
8
8
|
var factory = require('../../../core/factory/factory.js');
|
|
@@ -13,59 +13,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
|
|
16
|
-
var __defProp = Object.defineProperty;
|
|
17
|
-
var __defProps = Object.defineProperties;
|
|
18
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
19
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
20
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
21
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
22
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
23
|
-
var __spreadValues = (a, b) => {
|
|
24
|
-
for (var prop in b || (b = {}))
|
|
25
|
-
if (__hasOwnProp.call(b, prop))
|
|
26
|
-
__defNormalProp(a, prop, b[prop]);
|
|
27
|
-
if (__getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
29
|
-
if (__propIsEnum.call(b, prop))
|
|
30
|
-
__defNormalProp(a, prop, b[prop]);
|
|
31
|
-
}
|
|
32
|
-
return a;
|
|
33
|
-
};
|
|
34
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
35
|
-
var __objRest = (source, exclude) => {
|
|
36
|
-
var target = {};
|
|
37
|
-
for (var prop in source)
|
|
38
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
39
|
-
target[prop] = source[prop];
|
|
40
|
-
if (source != null && __getOwnPropSymbols)
|
|
41
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
42
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
43
|
-
target[prop] = source[prop];
|
|
44
|
-
}
|
|
45
|
-
return target;
|
|
46
|
-
};
|
|
47
16
|
const defaultProps = {};
|
|
48
17
|
const TabsPanel = factory.factory((_props, ref) => {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
ref,
|
|
62
|
-
mod: { orientation: ctx.orientation },
|
|
63
|
-
role: "tabpanel",
|
|
64
|
-
id: ctx.getPanelId(value),
|
|
65
|
-
"aria-labelledby": ctx.getTabId(value)
|
|
66
|
-
}), content);
|
|
18
|
+
const props = useProps.useProps('TabsPanel', defaultProps, _props);
|
|
19
|
+
const { children, className, value, classNames, styles, style } = props, others = tslib.__rest(props, ["children", "className", "value", "classNames", "styles", "style"]);
|
|
20
|
+
const ctx = Tabs_context.useTabsContext();
|
|
21
|
+
const active = ctx.value === value;
|
|
22
|
+
const content = ctx.keepMounted ? children : active ? children : null;
|
|
23
|
+
return (React__default.createElement(Box.Box, Object.assign({}, others, ctx.getStyles('panel', {
|
|
24
|
+
className,
|
|
25
|
+
classNames,
|
|
26
|
+
styles,
|
|
27
|
+
style: [style, !active ? { display: 'none' } : undefined],
|
|
28
|
+
props,
|
|
29
|
+
}), { ref: ref, mod: { orientation: ctx.orientation }, role: "tabpanel", id: ctx.getPanelId(value), "aria-labelledby": ctx.getTabId(value) }), content));
|
|
67
30
|
});
|
|
68
|
-
TabsPanel.displayName =
|
|
31
|
+
TabsPanel.displayName = '@mantine/core/TabsPanel';
|
|
69
32
|
|
|
70
33
|
exports.TabsPanel = TabsPanel;
|
|
71
34
|
//# sourceMappingURL=TabsPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsPanel.js","sources":["../../../../src/components/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n useProps,\n factory,\n ElementProps,\n StylesApiProps,\n Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsPanelStylesNames = 'panel';\n\nexport interface TabsPanelProps\n extends BoxProps,\n StylesApiProps<TabsPanelFactory>,\n ElementProps<'div'> {\n /** Panel content */\n children: React.ReactNode;\n\n /** Value of associated control */\n value: string;\n}\n\nexport type TabsPanelFactory = Factory<{\n props: TabsPanelProps;\n ref: HTMLDivElement;\n stylesNames: TabsPanelStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TabsPanelProps> = {};\n\nexport const TabsPanel = factory<TabsPanelFactory>((_props, ref) => {\n const props = useProps('TabsPanel', defaultProps, _props);\n const { children, className, value, classNames, styles, style, ...others } = props;\n\n const ctx = useTabsContext();\n\n const active = ctx.value === value;\n const content = ctx.keepMounted ? children : active ? children : null;\n\n return (\n <Box\n {...others}\n {...ctx.getStyles('panel', {\n className,\n classNames,\n styles,\n style: [style, !active ? { display: 'none' } : undefined],\n props,\n })}\n ref={ref}\n mod={{ orientation: ctx.orientation }}\n role=\"tabpanel\"\n id={ctx.getPanelId(value)}\n aria-labelledby={ctx.getTabId(value)}\n >\n {content}\n </Box>\n );\n});\n\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":["factory","useProps","useTabsContext","React","Box"],"mappings":";;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TabsPanel.js","sources":["../../../../src/components/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n useProps,\n factory,\n ElementProps,\n StylesApiProps,\n Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsPanelStylesNames = 'panel';\n\nexport interface TabsPanelProps\n extends BoxProps,\n StylesApiProps<TabsPanelFactory>,\n ElementProps<'div'> {\n /** Panel content */\n children: React.ReactNode;\n\n /** Value of associated control */\n value: string;\n}\n\nexport type TabsPanelFactory = Factory<{\n props: TabsPanelProps;\n ref: HTMLDivElement;\n stylesNames: TabsPanelStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TabsPanelProps> = {};\n\nexport const TabsPanel = factory<TabsPanelFactory>((_props, ref) => {\n const props = useProps('TabsPanel', defaultProps, _props);\n const { children, className, value, classNames, styles, style, ...others } = props;\n\n const ctx = useTabsContext();\n\n const active = ctx.value === value;\n const content = ctx.keepMounted ? children : active ? children : null;\n\n return (\n <Box\n {...others}\n {...ctx.getStyles('panel', {\n className,\n classNames,\n styles,\n style: [style, !active ? { display: 'none' } : undefined],\n props,\n })}\n ref={ref}\n mod={{ orientation: ctx.orientation }}\n role=\"tabpanel\"\n id={ctx.getPanelId(value)}\n aria-labelledby={ctx.getTabId(value)}\n >\n {content}\n </Box>\n );\n});\n\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":["factory","useProps","useTabsContext","React","Box"],"mappings":";;;;;;;;;;;;;;;AAgCA,MAAM,YAAY,GAA4B,EAAE,CAAC;MAEpC,SAAS,GAAGA,eAAO,CAAmB,CAAC,MAAM,EAAE,GAAG;IAC7D,MAAM,KAAK,GAAGC,iBAAQ,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC1D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAA5E,mEAAoE,CAAQ,CAAC;IAEnF,MAAM,GAAG,GAAGC,2BAAc,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;IACnC,MAAM,OAAO,GAAG,GAAG,CAAC,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;IAEtE,QACEC,6BAACC,OAAG,oBACE,MAAM,EACN,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE;QACzB,SAAS;QACT,UAAU;QACV,MAAM;QACN,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACzD,KAAK;KACN,CAAC,IACF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,CAAC,WAAW,EAAE,EACrC,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,qBACR,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,KAEnC,OAAO,CACJ,EACN;AACJ,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
'use strict';
|
|
3
2
|
|
|
4
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
4
|
|
|
5
|
+
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var Tabs_context = require('../Tabs.context.js');
|
|
8
8
|
var UnstyledButton = require('../../UnstyledButton/UnstyledButton.js');
|
|
@@ -17,113 +17,39 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
17
|
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
19
|
|
|
20
|
-
var __defProp = Object.defineProperty;
|
|
21
|
-
var __defProps = Object.defineProperties;
|
|
22
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
23
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
24
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
25
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
26
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
27
|
-
var __spreadValues = (a, b) => {
|
|
28
|
-
for (var prop in b || (b = {}))
|
|
29
|
-
if (__hasOwnProp.call(b, prop))
|
|
30
|
-
__defNormalProp(a, prop, b[prop]);
|
|
31
|
-
if (__getOwnPropSymbols)
|
|
32
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
33
|
-
if (__propIsEnum.call(b, prop))
|
|
34
|
-
__defNormalProp(a, prop, b[prop]);
|
|
35
|
-
}
|
|
36
|
-
return a;
|
|
37
|
-
};
|
|
38
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
39
|
-
var __objRest = (source, exclude) => {
|
|
40
|
-
var target = {};
|
|
41
|
-
for (var prop in source)
|
|
42
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
43
|
-
target[prop] = source[prop];
|
|
44
|
-
if (source != null && __getOwnPropSymbols)
|
|
45
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
46
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
47
|
-
target[prop] = source[prop];
|
|
48
|
-
}
|
|
49
|
-
return target;
|
|
50
|
-
};
|
|
51
20
|
const defaultProps = {};
|
|
52
21
|
const TabsTab = factory.factory((_props, ref) => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
style,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
]);
|
|
83
|
-
const theme = MantineThemeProvider.useMantineTheme();
|
|
84
|
-
const { dir } = DirectionProvider.useDirection();
|
|
85
|
-
const ctx = Tabs_context.useTabsContext();
|
|
86
|
-
const active = value === ctx.value;
|
|
87
|
-
const activateTab = (event) => {
|
|
88
|
-
ctx.onChange(ctx.allowTabDeactivation ? value === ctx.value ? null : value : value);
|
|
89
|
-
onClick == null ? void 0 : onClick(event);
|
|
90
|
-
};
|
|
91
|
-
const stylesApiProps = { classNames, styles, props };
|
|
92
|
-
return /* @__PURE__ */ React__default.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues(__spreadValues({}, others), ctx.getStyles("tab", __spreadValues({ className, style, variant: ctx.variant }, stylesApiProps))), {
|
|
93
|
-
disabled,
|
|
94
|
-
unstyled: ctx.unstyled,
|
|
95
|
-
variant: ctx.variant,
|
|
96
|
-
mod: {
|
|
97
|
-
active,
|
|
98
|
-
disabled,
|
|
99
|
-
orientation: ctx.orientation,
|
|
100
|
-
inverted: ctx.inverted,
|
|
101
|
-
placement: ctx.orientation === "vertical" && ctx.placement
|
|
102
|
-
},
|
|
103
|
-
ref,
|
|
104
|
-
role: "tab",
|
|
105
|
-
id: ctx.getTabId(value),
|
|
106
|
-
"aria-selected": active,
|
|
107
|
-
tabIndex: active || ctx.value === null ? 0 : -1,
|
|
108
|
-
"aria-controls": ctx.getPanelId(value),
|
|
109
|
-
onClick: activateTab,
|
|
110
|
-
__vars: { "--tabs-color": color ? getThemeColor.getThemeColor(color, theme) : void 0 },
|
|
111
|
-
onKeyDown: createScopedKeydownHandler.createScopedKeydownHandler({
|
|
112
|
-
siblingSelector: '[role="tab"]',
|
|
113
|
-
parentSelector: '[role="tablist"]',
|
|
114
|
-
activateOnFocus: ctx.activateTabWithKeyboard,
|
|
115
|
-
loop: ctx.loop,
|
|
116
|
-
orientation: ctx.orientation || "horizontal",
|
|
117
|
-
dir,
|
|
118
|
-
onKeyDown
|
|
119
|
-
})
|
|
120
|
-
}), leftSection && /* @__PURE__ */ React__default.createElement("span", __spreadProps(__spreadValues({}, ctx.getStyles("tabSection", stylesApiProps)), {
|
|
121
|
-
"data-position": "left"
|
|
122
|
-
}), leftSection), children && /* @__PURE__ */ React__default.createElement("span", __spreadValues({}, ctx.getStyles("tabLabel", stylesApiProps)), children), rightSection && /* @__PURE__ */ React__default.createElement("span", __spreadProps(__spreadValues({}, ctx.getStyles("tabSection", stylesApiProps)), {
|
|
123
|
-
"data-position": "right"
|
|
124
|
-
}), rightSection));
|
|
22
|
+
const props = useProps.useProps('TabsTab', defaultProps, _props);
|
|
23
|
+
const { className, children, rightSection, leftSection, value, onClick, onKeyDown, disabled, color, style, classNames, styles, vars } = props, others = tslib.__rest(props, ["className", "children", "rightSection", "leftSection", "value", "onClick", "onKeyDown", "disabled", "color", "style", "classNames", "styles", "vars"]);
|
|
24
|
+
const theme = MantineThemeProvider.useMantineTheme();
|
|
25
|
+
const { dir } = DirectionProvider.useDirection();
|
|
26
|
+
const ctx = Tabs_context.useTabsContext();
|
|
27
|
+
const active = value === ctx.value;
|
|
28
|
+
const activateTab = (event) => {
|
|
29
|
+
ctx.onChange(ctx.allowTabDeactivation ? (value === ctx.value ? null : value) : value);
|
|
30
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
31
|
+
};
|
|
32
|
+
const stylesApiProps = { classNames, styles, props };
|
|
33
|
+
return (React__default.createElement(UnstyledButton.UnstyledButton, Object.assign({}, others, ctx.getStyles('tab', Object.assign({ className, style, variant: ctx.variant }, stylesApiProps)), { disabled: disabled, unstyled: ctx.unstyled, variant: ctx.variant, mod: {
|
|
34
|
+
active,
|
|
35
|
+
disabled,
|
|
36
|
+
orientation: ctx.orientation,
|
|
37
|
+
inverted: ctx.inverted,
|
|
38
|
+
placement: ctx.orientation === 'vertical' && ctx.placement,
|
|
39
|
+
}, ref: ref, role: "tab", id: ctx.getTabId(value), "aria-selected": active, tabIndex: active || ctx.value === null ? 0 : -1, "aria-controls": ctx.getPanelId(value), onClick: activateTab, __vars: { '--tabs-color': color ? getThemeColor.getThemeColor(color, theme) : undefined }, onKeyDown: createScopedKeydownHandler.createScopedKeydownHandler({
|
|
40
|
+
siblingSelector: '[role="tab"]',
|
|
41
|
+
parentSelector: '[role="tablist"]',
|
|
42
|
+
activateOnFocus: ctx.activateTabWithKeyboard,
|
|
43
|
+
loop: ctx.loop,
|
|
44
|
+
orientation: ctx.orientation || 'horizontal',
|
|
45
|
+
dir,
|
|
46
|
+
onKeyDown,
|
|
47
|
+
}) }),
|
|
48
|
+
leftSection && (React__default.createElement("span", Object.assign({}, ctx.getStyles('tabSection', stylesApiProps), { "data-position": "left" }), leftSection)),
|
|
49
|
+
children && React__default.createElement("span", Object.assign({}, ctx.getStyles('tabLabel', stylesApiProps)), children),
|
|
50
|
+
rightSection && (React__default.createElement("span", Object.assign({}, ctx.getStyles('tabSection', stylesApiProps), { "data-position": "right" }), rightSection))));
|
|
125
51
|
});
|
|
126
|
-
TabsTab.displayName =
|
|
52
|
+
TabsTab.displayName = '@mantine/core/TabsTab';
|
|
127
53
|
|
|
128
54
|
exports.TabsTab = TabsTab;
|
|
129
55
|
//# sourceMappingURL=TabsTab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTab.js","sources":["../../../../src/components/Tabs/TabsTab/TabsTab.tsx"],"sourcesContent":["import React from 'react';\nimport {\n useProps,\n factory,\n ElementProps,\n MantineColor,\n createScopedKeydownHandler,\n useDirection,\n useMantineTheme,\n getThemeColor,\n StylesApiProps,\n Factory,\n} from '../../../core';\nimport { UnstyledButton, UnstyledButtonProps } from '../../UnstyledButton';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsTabStylesNames = 'tab' | 'tabSection' | 'tabLabel';\n\nexport interface TabsTabProps\n extends Omit<UnstyledButtonProps, 'classNames' | 'styles' | 'vars'>,\n StylesApiProps<TabsTabFactory>,\n ElementProps<'button'> {\n /** Value of associated panel */\n value: string;\n\n /** Tab label */\n children?: React.ReactNode;\n\n /** Content displayed on the right side of the label, for example, icon */\n rightSection?: React.ReactNode;\n\n /** Content displayed on the left side of the label, for example, icon */\n leftSection?: React.ReactNode;\n\n /** Key of `theme.colors` or any valid CSS color, controls control color based on `variant` */\n color?: MantineColor;\n}\n\nexport type TabsTabFactory = Factory<{\n props: TabsTabProps;\n ref: HTMLButtonElement;\n stylesNames: TabsTabStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TabsTabProps> = {};\n\nexport const TabsTab = factory<TabsTabFactory>((_props, ref) => {\n const props = useProps('TabsTab', defaultProps, _props);\n const {\n className,\n children,\n rightSection,\n leftSection,\n value,\n onClick,\n onKeyDown,\n disabled,\n color,\n style,\n classNames,\n styles,\n vars,\n ...others\n } = props;\n\n const theme = useMantineTheme();\n const { dir } = useDirection();\n const ctx = useTabsContext();\n const active = value === ctx.value;\n const activateTab = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n ctx.onChange(ctx.allowTabDeactivation ? (value === ctx.value ? null : value) : value);\n onClick?.(event);\n };\n\n const stylesApiProps = { classNames, styles, props };\n\n return (\n <UnstyledButton\n {...others}\n {...ctx.getStyles('tab', { className, style, variant: ctx.variant, ...stylesApiProps })}\n disabled={disabled}\n unstyled={ctx.unstyled}\n variant={ctx.variant}\n mod={{\n active,\n disabled,\n orientation: ctx.orientation,\n inverted: ctx.inverted,\n placement: ctx.orientation === 'vertical' && ctx.placement,\n }}\n ref={ref}\n role=\"tab\"\n id={ctx.getTabId(value)}\n aria-selected={active}\n tabIndex={active || ctx.value === null ? 0 : -1}\n aria-controls={ctx.getPanelId(value)}\n onClick={activateTab}\n __vars={{ '--tabs-color': color ? getThemeColor(color, theme) : undefined }}\n onKeyDown={createScopedKeydownHandler({\n siblingSelector: '[role=\"tab\"]',\n parentSelector: '[role=\"tablist\"]',\n activateOnFocus: ctx.activateTabWithKeyboard,\n loop: ctx.loop,\n orientation: ctx.orientation || 'horizontal',\n dir,\n onKeyDown,\n })}\n >\n {leftSection && (\n <span {...ctx.getStyles('tabSection', stylesApiProps)} data-position=\"left\">\n {leftSection}\n </span>\n )}\n {children && <span {...ctx.getStyles('tabLabel', stylesApiProps)}>{children}</span>}\n {rightSection && (\n <span {...ctx.getStyles('tabSection', stylesApiProps)} data-position=\"right\">\n {rightSection}\n </span>\n )}\n </UnstyledButton>\n );\n});\n\nTabsTab.displayName = '@mantine/core/TabsTab';\n"],"names":["factory","useProps","useMantineTheme","useDirection","useTabsContext","React","UnstyledButton","getThemeColor","createScopedKeydownHandler"],"mappings":";;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TabsTab.js","sources":["../../../../src/components/Tabs/TabsTab/TabsTab.tsx"],"sourcesContent":["import React from 'react';\nimport {\n useProps,\n factory,\n ElementProps,\n MantineColor,\n createScopedKeydownHandler,\n useDirection,\n useMantineTheme,\n getThemeColor,\n StylesApiProps,\n Factory,\n} from '../../../core';\nimport { UnstyledButton, UnstyledButtonProps } from '../../UnstyledButton';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsTabStylesNames = 'tab' | 'tabSection' | 'tabLabel';\n\nexport interface TabsTabProps\n extends Omit<UnstyledButtonProps, 'classNames' | 'styles' | 'vars'>,\n StylesApiProps<TabsTabFactory>,\n ElementProps<'button'> {\n /** Value of associated panel */\n value: string;\n\n /** Tab label */\n children?: React.ReactNode;\n\n /** Content displayed on the right side of the label, for example, icon */\n rightSection?: React.ReactNode;\n\n /** Content displayed on the left side of the label, for example, icon */\n leftSection?: React.ReactNode;\n\n /** Key of `theme.colors` or any valid CSS color, controls control color based on `variant` */\n color?: MantineColor;\n}\n\nexport type TabsTabFactory = Factory<{\n props: TabsTabProps;\n ref: HTMLButtonElement;\n stylesNames: TabsTabStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TabsTabProps> = {};\n\nexport const TabsTab = factory<TabsTabFactory>((_props, ref) => {\n const props = useProps('TabsTab', defaultProps, _props);\n const {\n className,\n children,\n rightSection,\n leftSection,\n value,\n onClick,\n onKeyDown,\n disabled,\n color,\n style,\n classNames,\n styles,\n vars,\n ...others\n } = props;\n\n const theme = useMantineTheme();\n const { dir } = useDirection();\n const ctx = useTabsContext();\n const active = value === ctx.value;\n const activateTab = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n ctx.onChange(ctx.allowTabDeactivation ? (value === ctx.value ? null : value) : value);\n onClick?.(event);\n };\n\n const stylesApiProps = { classNames, styles, props };\n\n return (\n <UnstyledButton\n {...others}\n {...ctx.getStyles('tab', { className, style, variant: ctx.variant, ...stylesApiProps })}\n disabled={disabled}\n unstyled={ctx.unstyled}\n variant={ctx.variant}\n mod={{\n active,\n disabled,\n orientation: ctx.orientation,\n inverted: ctx.inverted,\n placement: ctx.orientation === 'vertical' && ctx.placement,\n }}\n ref={ref}\n role=\"tab\"\n id={ctx.getTabId(value)}\n aria-selected={active}\n tabIndex={active || ctx.value === null ? 0 : -1}\n aria-controls={ctx.getPanelId(value)}\n onClick={activateTab}\n __vars={{ '--tabs-color': color ? getThemeColor(color, theme) : undefined }}\n onKeyDown={createScopedKeydownHandler({\n siblingSelector: '[role=\"tab\"]',\n parentSelector: '[role=\"tablist\"]',\n activateOnFocus: ctx.activateTabWithKeyboard,\n loop: ctx.loop,\n orientation: ctx.orientation || 'horizontal',\n dir,\n onKeyDown,\n })}\n >\n {leftSection && (\n <span {...ctx.getStyles('tabSection', stylesApiProps)} data-position=\"left\">\n {leftSection}\n </span>\n )}\n {children && <span {...ctx.getStyles('tabLabel', stylesApiProps)}>{children}</span>}\n {rightSection && (\n <span {...ctx.getStyles('tabSection', stylesApiProps)} data-position=\"right\">\n {rightSection}\n </span>\n )}\n </UnstyledButton>\n );\n});\n\nTabsTab.displayName = '@mantine/core/TabsTab';\n"],"names":["factory","useProps","useMantineTheme","useDirection","useTabsContext","React","UnstyledButton","getThemeColor","createScopedKeydownHandler"],"mappings":";;;;;;;;;;;;;;;;;;;AA6CA,MAAM,YAAY,GAA0B,EAAE,CAAC;MAElC,OAAO,GAAGA,eAAO,CAAiB,CAAC,MAAM,EAAE,GAAG;IACzD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACxD,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,UAAU,EACV,MAAM,EACN,IAAI,KAEF,KAAK,EADJ,MAAM,gBACP,KAAK,EAfH,uJAeL,CAAQ,CAAC;IAEV,MAAM,KAAK,GAAGC,oCAAe,EAAE,CAAC;IAChC,MAAM,EAAE,GAAG,EAAE,GAAGC,8BAAY,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAGC,2BAAc,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;IACnC,MAAM,WAAW,GAAG,CAAC,KAAsD;QACzE,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,oBAAoB,IAAI,KAAK,KAAK,GAAG,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;QACtF,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;KAClB,CAAC;IAEF,MAAM,cAAc,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAErD,QACEC,6BAACC,6BAAc,oBACT,MAAM,EACN,GAAG,CAAC,SAAS,CAAC,KAAK,kBAAI,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,IAAK,cAAc,EAAG,IACvF,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,GAAG,EAAE;YACH,MAAM;YACN,QAAQ;YACR,WAAW,EAAE,GAAG,CAAC,WAAW;YAC5B,QAAQ,EAAE,GAAG,CAAC,QAAQ;YACtB,SAAS,EAAE,GAAG,CAAC,WAAW,KAAK,UAAU,IAAI,GAAG,CAAC,SAAS;SAC3D,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,mBACR,MAAM,EACrB,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,mBAChC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,EACpC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,EAAE,cAAc,EAAE,KAAK,GAAGC,2BAAa,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,SAAS,EAAE,EAC3E,SAAS,EAAEC,qDAA0B,CAAC;YACpC,eAAe,EAAE,cAAc;YAC/B,cAAc,EAAE,kBAAkB;YAClC,eAAe,EAAE,GAAG,CAAC,uBAAuB;YAC5C,IAAI,EAAE,GAAG,CAAC,IAAI;YACd,WAAW,EAAE,GAAG,CAAC,WAAW,IAAI,YAAY;YAC5C,GAAG;YACH,SAAS;SACV,CAAC;QAED,WAAW,KACVH,uDAAU,GAAG,CAAC,SAAS,CAAC,YAAY,EAAE,cAAc,CAAC,qBAAgB,MAAM,KACxE,WAAW,CACP,CACR;QACA,QAAQ,IAAIA,uDAAU,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAQ;QAClF,YAAY,KACXA,uDAAU,GAAG,CAAC,SAAS,CAAC,YAAY,EAAE,cAAc,CAAC,qBAAgB,OAAO,KACzE,YAAY,CACR,CACR,CACc,EACjB;AACJ,CAAC,EAAE;AAEH,OAAO,CAAC,WAAW,GAAG,uBAAuB;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
'use strict';
|
|
3
2
|
|
|
4
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
4
|
|
|
5
|
+
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var Text_module = require('./Text.module.css.js');
|
|
8
8
|
var getSize = require('../../core/utils/get-size/get-size.js');
|
|
@@ -17,125 +17,54 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
17
|
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
24
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
25
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
26
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
27
|
-
var __spreadValues = (a, b) => {
|
|
28
|
-
for (var prop in b || (b = {}))
|
|
29
|
-
if (__hasOwnProp.call(b, prop))
|
|
30
|
-
__defNormalProp(a, prop, b[prop]);
|
|
31
|
-
if (__getOwnPropSymbols)
|
|
32
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
33
|
-
if (__propIsEnum.call(b, prop))
|
|
34
|
-
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
function getTextTruncate(truncate) {
|
|
21
|
+
if (truncate === 'start') {
|
|
22
|
+
return 'start';
|
|
35
23
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
39
|
-
var __objRest = (source, exclude) => {
|
|
40
|
-
var target = {};
|
|
41
|
-
for (var prop in source)
|
|
42
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
43
|
-
target[prop] = source[prop];
|
|
44
|
-
if (source != null && __getOwnPropSymbols)
|
|
45
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
46
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
47
|
-
target[prop] = source[prop];
|
|
24
|
+
if (truncate === 'end' || truncate) {
|
|
25
|
+
return 'end';
|
|
48
26
|
}
|
|
49
|
-
|
|
50
|
-
};
|
|
51
|
-
function getTextTruncate(truncate) {
|
|
52
|
-
if (truncate === "start") {
|
|
53
|
-
return "start";
|
|
54
|
-
}
|
|
55
|
-
if (truncate === "end" || truncate) {
|
|
56
|
-
return "end";
|
|
57
|
-
}
|
|
58
|
-
return void 0;
|
|
27
|
+
return undefined;
|
|
59
28
|
}
|
|
60
29
|
const defaultProps = {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
30
|
+
variant: 'text',
|
|
31
|
+
inherit: false,
|
|
32
|
+
size: 'md',
|
|
64
33
|
};
|
|
65
34
|
const varsResolver = createVarsResolver.createVarsResolver((theme, { variant, lineClamp, gradient, size }) => ({
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
35
|
+
root: {
|
|
36
|
+
'--text-fz': getSize.getFontSize(size),
|
|
37
|
+
'--text-lh': getSize.getLineHeight(size),
|
|
38
|
+
'--text-gradient': variant === 'gradient' ? getGradient.getGradient(gradient, theme) : undefined,
|
|
39
|
+
'--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,
|
|
40
|
+
},
|
|
72
41
|
}));
|
|
73
42
|
const Text = polymorphicFactory.polymorphicFactory((_props, ref) => {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
"gradient",
|
|
98
|
-
"span",
|
|
99
|
-
"__staticSelector",
|
|
100
|
-
"vars",
|
|
101
|
-
"className",
|
|
102
|
-
"style",
|
|
103
|
-
"classNames",
|
|
104
|
-
"styles",
|
|
105
|
-
"unstyled",
|
|
106
|
-
"variant",
|
|
107
|
-
"mod",
|
|
108
|
-
"size"
|
|
109
|
-
]);
|
|
110
|
-
const getStyles = useStyles.useStyles({
|
|
111
|
-
name: ["Text", __staticSelector],
|
|
112
|
-
props,
|
|
113
|
-
classes: Text_module['default'],
|
|
114
|
-
className,
|
|
115
|
-
style,
|
|
116
|
-
classNames,
|
|
117
|
-
styles,
|
|
118
|
-
unstyled,
|
|
119
|
-
vars,
|
|
120
|
-
varsResolver
|
|
121
|
-
});
|
|
122
|
-
return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root", { focusable: true })), {
|
|
123
|
-
ref,
|
|
124
|
-
component: span ? "span" : "p",
|
|
125
|
-
variant,
|
|
126
|
-
mod: [
|
|
127
|
-
{
|
|
128
|
-
"data-truncate": getTextTruncate(truncate),
|
|
129
|
-
"data-line-clamp": typeof lineClamp === "number",
|
|
130
|
-
"data-inline": inline,
|
|
131
|
-
"data-inherit": inherit
|
|
132
|
-
},
|
|
133
|
-
mod
|
|
134
|
-
],
|
|
135
|
-
size
|
|
136
|
-
}), others));
|
|
43
|
+
const props = useProps.useProps('Text', defaultProps, _props);
|
|
44
|
+
const { lineClamp, truncate, inline, inherit, gradient, span, __staticSelector, vars, className, style, classNames, styles, unstyled, variant, mod, size } = props, others = tslib.__rest(props, ["lineClamp", "truncate", "inline", "inherit", "gradient", "span", "__staticSelector", "vars", "className", "style", "classNames", "styles", "unstyled", "variant", "mod", "size"]);
|
|
45
|
+
const getStyles = useStyles.useStyles({
|
|
46
|
+
name: ['Text', __staticSelector],
|
|
47
|
+
props,
|
|
48
|
+
classes: Text_module['default'],
|
|
49
|
+
className,
|
|
50
|
+
style,
|
|
51
|
+
classNames,
|
|
52
|
+
styles,
|
|
53
|
+
unstyled,
|
|
54
|
+
vars,
|
|
55
|
+
varsResolver,
|
|
56
|
+
});
|
|
57
|
+
return (React__default.createElement(Box.Box, Object.assign({}, getStyles('root', { focusable: true }), { ref: ref, component: span ? 'span' : 'p', variant: variant, mod: [
|
|
58
|
+
{
|
|
59
|
+
'data-truncate': getTextTruncate(truncate),
|
|
60
|
+
'data-line-clamp': typeof lineClamp === 'number',
|
|
61
|
+
'data-inline': inline,
|
|
62
|
+
'data-inherit': inherit,
|
|
63
|
+
},
|
|
64
|
+
mod,
|
|
65
|
+
], size: size }, others)));
|
|
137
66
|
});
|
|
138
|
-
Text.displayName =
|
|
67
|
+
Text.displayName = '@mantine/core/Text';
|
|
139
68
|
|
|
140
69
|
exports.Text = Text;
|
|
141
70
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n MantineGradient,\n useStyles,\n useProps,\n getGradient,\n BoxMod,\n createVarsResolver,\n PolymorphicFactory,\n MantineSize,\n getFontSize,\n getLineHeight,\n} from '../../core';\nimport classes from './Text.module.css';\n\ntype TextTruncate = 'end' | 'start' | boolean;\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n if (truncate === 'start') {\n return 'start';\n }\n\n if (truncate === 'end' || truncate) {\n return 'end';\n }\n\n return undefined;\n}\n\nexport type TextStylesNames = 'root';\nexport type TextVariant = 'text' | 'gradient';\nexport type TextCssVariables = {\n root: '--text-gradient' | '--text-line-clamp' | '--text-fz' | '--text-lh';\n};\n\nexport interface TextProps extends BoxProps, StylesApiProps<TextFactory> {\n __staticSelector?: string;\n mod?: BoxMod;\n\n /** Controls `font-size` and `line-height`, `'md'` by default */\n size?: MantineSize | (string & {});\n\n /** Number of lines after which Text will be truncated */\n lineClamp?: number;\n\n /** Side on which Text must be truncated, if `true`, text in truncated from the start */\n truncate?: TextTruncate;\n\n /** Sets `line-height` to 1 for centering, `false` by default */\n inline?: boolean;\n\n /** Determines whether font properties should be inherited from the parent, `false` by default */\n inherit?: boolean;\n\n /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */\n gradient?: MantineGradient;\n\n /** Shorthand for `component=\"span\"`, `false` by default, default root element is `p` */\n span?: boolean;\n}\n\nexport type TextFactory = PolymorphicFactory<{\n props: TextProps;\n defaultComponent: 'div';\n defaultRef: HTMLParagraphElement;\n stylesNames: TextStylesNames;\n vars: TextCssVariables;\n variant: TextVariant;\n}>;\n\nconst defaultProps: Partial<TextProps> = {\n variant: 'text',\n inherit: false,\n size: 'md',\n};\n\nconst varsResolver = createVarsResolver<TextFactory>(\n (theme, { variant, lineClamp, gradient, size }) => ({\n root: {\n '--text-fz': getFontSize(size),\n '--text-lh': getLineHeight(size),\n '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n },\n })\n);\n\nexport const Text = polymorphicFactory<TextFactory>((_props, ref) => {\n const props = useProps('Text', defaultProps, _props);\n const {\n lineClamp,\n truncate,\n inline,\n inherit,\n gradient,\n span,\n __staticSelector,\n vars,\n className,\n style,\n classNames,\n styles,\n unstyled,\n variant,\n mod,\n size,\n ...others\n } = props;\n\n const getStyles = useStyles<TextFactory>({\n name: ['Text', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n ref={ref}\n component={span ? 'span' : 'p'}\n variant={variant}\n mod={[\n {\n 'data-truncate': getTextTruncate(truncate),\n 'data-line-clamp': typeof lineClamp === 'number',\n 'data-inline': inline,\n 'data-inherit': inherit,\n },\n mod,\n ]}\n size={size}\n {...others}\n />\n );\n});\n\nText.displayName = '@mantine/core/Text';\n"],"names":["createVarsResolver","getFontSize","getLineHeight","getGradient","polymorphicFactory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n MantineGradient,\n useStyles,\n useProps,\n getGradient,\n BoxMod,\n createVarsResolver,\n PolymorphicFactory,\n MantineSize,\n getFontSize,\n getLineHeight,\n} from '../../core';\nimport classes from './Text.module.css';\n\ntype TextTruncate = 'end' | 'start' | boolean;\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n if (truncate === 'start') {\n return 'start';\n }\n\n if (truncate === 'end' || truncate) {\n return 'end';\n }\n\n return undefined;\n}\n\nexport type TextStylesNames = 'root';\nexport type TextVariant = 'text' | 'gradient';\nexport type TextCssVariables = {\n root: '--text-gradient' | '--text-line-clamp' | '--text-fz' | '--text-lh';\n};\n\nexport interface TextProps extends BoxProps, StylesApiProps<TextFactory> {\n __staticSelector?: string;\n mod?: BoxMod;\n\n /** Controls `font-size` and `line-height`, `'md'` by default */\n size?: MantineSize | (string & {});\n\n /** Number of lines after which Text will be truncated */\n lineClamp?: number;\n\n /** Side on which Text must be truncated, if `true`, text in truncated from the start */\n truncate?: TextTruncate;\n\n /** Sets `line-height` to 1 for centering, `false` by default */\n inline?: boolean;\n\n /** Determines whether font properties should be inherited from the parent, `false` by default */\n inherit?: boolean;\n\n /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */\n gradient?: MantineGradient;\n\n /** Shorthand for `component=\"span\"`, `false` by default, default root element is `p` */\n span?: boolean;\n}\n\nexport type TextFactory = PolymorphicFactory<{\n props: TextProps;\n defaultComponent: 'div';\n defaultRef: HTMLParagraphElement;\n stylesNames: TextStylesNames;\n vars: TextCssVariables;\n variant: TextVariant;\n}>;\n\nconst defaultProps: Partial<TextProps> = {\n variant: 'text',\n inherit: false,\n size: 'md',\n};\n\nconst varsResolver = createVarsResolver<TextFactory>(\n (theme, { variant, lineClamp, gradient, size }) => ({\n root: {\n '--text-fz': getFontSize(size),\n '--text-lh': getLineHeight(size),\n '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n },\n })\n);\n\nexport const Text = polymorphicFactory<TextFactory>((_props, ref) => {\n const props = useProps('Text', defaultProps, _props);\n const {\n lineClamp,\n truncate,\n inline,\n inherit,\n gradient,\n span,\n __staticSelector,\n vars,\n className,\n style,\n classNames,\n styles,\n unstyled,\n variant,\n mod,\n size,\n ...others\n } = props;\n\n const getStyles = useStyles<TextFactory>({\n name: ['Text', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n ref={ref}\n component={span ? 'span' : 'p'}\n variant={variant}\n mod={[\n {\n 'data-truncate': getTextTruncate(truncate),\n 'data-line-clamp': typeof lineClamp === 'number',\n 'data-inline': inline,\n 'data-inherit': inherit,\n },\n mod,\n ]}\n size={size}\n {...others}\n />\n );\n});\n\nText.displayName = '@mantine/core/Text';\n"],"names":["createVarsResolver","getFontSize","getLineHeight","getGradient","polymorphicFactory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,SAAS,eAAe,CAAC,QAAkC;IACzD,IAAI,QAAQ,KAAK,OAAO,EAAE;QACxB,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,EAAE;QAClC,OAAO,KAAK,CAAC;KACd;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AA2CD,MAAM,YAAY,GAAuB;IACvC,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CACrC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM;IAClD,IAAI,EAAE;QACJ,WAAW,EAAEC,mBAAW,CAAC,IAAI,CAAC;QAC9B,WAAW,EAAEC,qBAAa,CAAC,IAAI,CAAC;QAChC,iBAAiB,EAAE,OAAO,KAAK,UAAU,GAAGC,uBAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,SAAS;QACpF,mBAAmB,EAAE,OAAO,SAAS,KAAK,QAAQ,GAAG,SAAS,CAAC,QAAQ,EAAE,GAAG,SAAS;KACtF;CACF,CAAC,CACH,CAAC;MAEW,IAAI,GAAGC,qCAAkB,CAAc,CAAC,MAAM,EAAE,GAAG;IAC9D,MAAM,KAAK,GAAGC,iBAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,EACH,IAAI,KAEF,KAAK,EADJ,MAAM,gBACP,KAAK,EAlBH,kLAkBL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAc;QACvC,IAAI,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC;QAChC,KAAK;iBACLC,sBAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,oBACE,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,IAC1C,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,GAAG,EAC9B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;YACH;gBACE,eAAe,EAAE,eAAe,CAAC,QAAQ,CAAC;gBAC1C,iBAAiB,EAAE,OAAO,SAAS,KAAK,QAAQ;gBAChD,aAAa,EAAE,MAAM;gBACrB,cAAc,EAAE,OAAO;aACxB;YACD,GAAG;SACJ,EACD,IAAI,EAAE,IAAI,IACN,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,IAAI,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
'use strict';
|
|
3
2
|
|
|
4
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -12,36 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
|
|
13
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
13
|
|
|
15
|
-
var __defProp = Object.defineProperty;
|
|
16
|
-
var __defProps = Object.defineProperties;
|
|
17
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
18
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
19
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
20
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
21
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
22
|
-
var __spreadValues = (a, b) => {
|
|
23
|
-
for (var prop in b || (b = {}))
|
|
24
|
-
if (__hasOwnProp.call(b, prop))
|
|
25
|
-
__defNormalProp(a, prop, b[prop]);
|
|
26
|
-
if (__getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
28
|
-
if (__propIsEnum.call(b, prop))
|
|
29
|
-
__defNormalProp(a, prop, b[prop]);
|
|
30
|
-
}
|
|
31
|
-
return a;
|
|
32
|
-
};
|
|
33
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
34
14
|
const defaultProps = {};
|
|
35
15
|
const TextInput = factory.factory((props, ref) => {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
component: "input",
|
|
39
|
-
ref
|
|
40
|
-
}, _props), {
|
|
41
|
-
__staticSelector: "TextInput"
|
|
42
|
-
}));
|
|
16
|
+
const _props = useProps.useProps('TextInput', defaultProps, props);
|
|
17
|
+
return React__default.createElement(InputBase.InputBase, Object.assign({ component: "input", ref: ref }, _props, { __staticSelector: "TextInput" }));
|
|
43
18
|
});
|
|
44
|
-
TextInput.displayName =
|
|
19
|
+
TextInput.displayName = '@mantine/core/TextInput';
|
|
45
20
|
|
|
46
21
|
exports.TextInput = TextInput;
|
|
47
22
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, ElementProps, useProps, Factory } from '../../core';\nimport { InputBase, InputBaseProps } from '../InputBase';\nimport { __InputStylesNames } from '../Input';\n\nexport interface TextInputProps extends InputBaseProps, ElementProps<'input', 'size'> {}\n\nexport type TextInputFactory = Factory<{\n props: TextInputProps;\n ref: HTMLInputElement;\n stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps: Partial<TextInputProps> = {};\n\nexport const TextInput = factory<TextInputFactory>((props, ref) => {\n const _props = useProps('TextInput', defaultProps, props);\n\n return <InputBase component=\"input\" ref={ref} {..._props} __staticSelector=\"TextInput\" />;\n});\n\nTextInput.displayName = '@mantine/core/TextInput';\n"],"names":["factory","useProps","React","InputBase"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, ElementProps, useProps, Factory } from '../../core';\nimport { InputBase, InputBaseProps } from '../InputBase';\nimport { __InputStylesNames } from '../Input';\n\nexport interface TextInputProps extends InputBaseProps, ElementProps<'input', 'size'> {}\n\nexport type TextInputFactory = Factory<{\n props: TextInputProps;\n ref: HTMLInputElement;\n stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps: Partial<TextInputProps> = {};\n\nexport const TextInput = factory<TextInputFactory>((props, ref) => {\n const _props = useProps('TextInput', defaultProps, props);\n\n return <InputBase component=\"input\" ref={ref} {..._props} __staticSelector=\"TextInput\" />;\n});\n\nTextInput.displayName = '@mantine/core/TextInput';\n"],"names":["factory","useProps","React","InputBase"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,YAAY,GAA4B,EAAE,CAAC;MAEpC,SAAS,GAAGA,eAAO,CAAmB,CAAC,KAAK,EAAE,GAAG;IAC5D,MAAM,MAAM,GAAGC,iBAAQ,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAE1D,OAAOC,6BAACC,mBAAS,kBAAC,SAAS,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAM,MAAM,IAAE,gBAAgB,EAAC,WAAW,IAAG,CAAC;AAC5F,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
|