@mantine/core 7.1.3 → 7.1.6
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/Accordion/Accordion.context.js.map +1 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/Alert/Alert.js +1 -1
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Badge/Badge.js +1 -1
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Button/Button.js +1 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup.context.js.map +1 -1
- package/cjs/components/Chip/Chip.js +1 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/ChipGroup/ChipGroup.js.map +1 -1
- package/cjs/components/Chip/ChipGroup.context.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/Combobox/Combobox.context.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxClearButton/ComboboxClearButton.js.map +1 -1
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/cjs/components/Combobox/use-combobox/use-combobox.js.map +1 -1
- package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
- package/cjs/components/CopyButton/CopyButton.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js.map +1 -1
- package/cjs/components/FileButton/FileButton.js.map +1 -1
- package/cjs/components/FileInput/FileInput.js.map +1 -1
- package/cjs/components/Floating/use-delayed-hover.js.map +1 -1
- package/cjs/components/Floating/use-floating-auto-update.js.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/cjs/components/HoverCard/HoverCard.context.js.map +1 -1
- package/cjs/components/HoverCard/HoverCard.js.map +1 -1
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js +10 -2
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js.map +1 -1
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/JsonInput/JsonInput.js.map +1 -1
- package/cjs/components/Menu/Menu.context.js.map +1 -1
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.context.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.js.map +1 -1
- package/cjs/components/ModalBase/use-modal.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/NavLink/NavLink.js +1 -1
- package/cjs/components/NavLink/NavLink.js.map +1 -1
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/Pagination/Pagination.context.js.map +1 -1
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/Pill/Pill.js.map +1 -1
- package/cjs/components/PinInput/PinInput.js.map +1 -1
- package/cjs/components/Popover/Popover.context.js.map +1 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/use-popover.js.map +1 -1
- package/cjs/components/Radio/Radio.js +2 -1
- package/cjs/components/Radio/Radio.js.map +1 -1
- package/cjs/components/Radio/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/Radio/RadioGroup.context.js.map +1 -1
- package/cjs/components/Radio/RadioIcon.js +1 -1
- package/cjs/components/Radio/RadioIcon.js.map +1 -1
- package/cjs/components/Rating/Rating.js.map +1 -1
- package/cjs/components/Rating/RatingItem/RatingItem.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/Select/Select.js +2 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.js +1 -1
- package/cjs/components/Spoiler/Spoiler.js.map +1 -1
- package/cjs/components/Stepper/Stepper.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup.context.js.map +1 -1
- package/cjs/components/Tabs/Tabs.context.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/TagsInput/TagsInput.js +4 -0
- package/cjs/components/TagsInput/TagsInput.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.js +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/components/Transition/transitions.js +8 -8
- package/cjs/components/Transition/transitions.js.map +1 -1
- package/cjs/components/Transition/use-transition.js.map +1 -1
- package/cjs/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/cjs/core/MantineProvider/Mantine.context.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js +1 -1
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +5 -3
- 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.map +1 -1
- package/cjs/core/factory/create-polymorphic-component.js.map +1 -1
- package/cjs/core/utils/close-on-escape/close-on-escape.js.map +1 -1
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js.map +1 -1
- package/cjs/index.css +1 -1
- package/esm/components/Accordion/Accordion.context.mjs.map +1 -1
- package/esm/components/Accordion/Accordion.mjs.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.mjs +1 -1
- package/esm/components/ActionIcon/ActionIcon.mjs.map +1 -1
- package/esm/components/Alert/Alert.mjs +1 -1
- package/esm/components/Alert/Alert.mjs.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/esm/components/Badge/Badge.mjs +1 -1
- package/esm/components/Badge/Badge.mjs.map +1 -1
- package/esm/components/Button/Button.mjs +1 -1
- package/esm/components/Button/Button.mjs.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.mjs.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup.context.mjs.map +1 -1
- package/esm/components/Chip/Chip.mjs +1 -1
- package/esm/components/Chip/Chip.mjs.map +1 -1
- package/esm/components/Chip/ChipGroup/ChipGroup.mjs.map +1 -1
- package/esm/components/Chip/ChipGroup.context.mjs.map +1 -1
- package/esm/components/Collapse/Collapse.mjs.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.mjs.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.mjs.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.mjs.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.mjs.map +1 -1
- package/esm/components/Combobox/Combobox.context.mjs.map +1 -1
- package/esm/components/Combobox/Combobox.mjs.map +1 -1
- package/esm/components/Combobox/ComboboxClearButton/ComboboxClearButton.mjs.map +1 -1
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.mjs.map +1 -1
- package/esm/components/Combobox/use-combobox/use-combobox.mjs.map +1 -1
- package/esm/components/Combobox/use-combobox/use-virtualized-combobox.mjs.map +1 -1
- package/esm/components/CopyButton/CopyButton.mjs.map +1 -1
- package/esm/components/Dialog/Dialog.mjs.map +1 -1
- package/esm/components/FileButton/FileButton.mjs.map +1 -1
- package/esm/components/FileInput/FileInput.mjs.map +1 -1
- package/esm/components/Floating/use-delayed-hover.mjs.map +1 -1
- package/esm/components/Floating/use-floating-auto-update.mjs.map +1 -1
- package/esm/components/Highlight/highlighter/highlighter.mjs +1 -1
- package/esm/components/Highlight/highlighter/highlighter.mjs.map +1 -1
- package/esm/components/HoverCard/HoverCard.context.mjs.map +1 -1
- package/esm/components/HoverCard/HoverCard.mjs.map +1 -1
- package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.mjs +10 -2
- package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.mjs.map +1 -1
- package/esm/components/Image/Image.mjs.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.mjs.map +1 -1
- package/esm/components/JsonInput/JsonInput.mjs.map +1 -1
- package/esm/components/Menu/Menu.context.mjs.map +1 -1
- package/esm/components/Menu/Menu.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBase.context.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBase.mjs.map +1 -1
- package/esm/components/ModalBase/use-modal.mjs.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
- package/esm/components/NavLink/NavLink.mjs +1 -1
- package/esm/components/NavLink/NavLink.mjs.map +1 -1
- package/esm/components/Notification/Notification.mjs.map +1 -1
- package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
- package/esm/components/Pagination/Pagination.context.mjs.map +1 -1
- package/esm/components/Pagination/Pagination.mjs.map +1 -1
- package/esm/components/Pagination/PaginationRoot/PaginationRoot.mjs.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
- package/esm/components/Pill/Pill.mjs.map +1 -1
- package/esm/components/PinInput/PinInput.mjs.map +1 -1
- package/esm/components/Popover/Popover.context.mjs.map +1 -1
- package/esm/components/Popover/Popover.mjs.map +1 -1
- package/esm/components/Popover/use-popover.mjs.map +1 -1
- package/esm/components/Radio/Radio.mjs +2 -1
- package/esm/components/Radio/Radio.mjs.map +1 -1
- package/esm/components/Radio/RadioGroup/RadioGroup.mjs.map +1 -1
- package/esm/components/Radio/RadioGroup.context.mjs.map +1 -1
- package/esm/components/Radio/RadioIcon.mjs +1 -1
- package/esm/components/Radio/RadioIcon.mjs.map +1 -1
- package/esm/components/Rating/Rating.mjs.map +1 -1
- package/esm/components/Rating/RatingItem/RatingItem.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.context.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.mjs.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/esm/components/Select/Select.mjs +2 -1
- package/esm/components/Select/Select.mjs.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
- package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.mjs.map +1 -1
- package/esm/components/Spoiler/Spoiler.mjs +1 -1
- package/esm/components/Spoiler/Spoiler.mjs.map +1 -1
- package/esm/components/Stepper/Stepper.mjs.map +1 -1
- package/esm/components/Switch/SwitchGroup/SwitchGroup.mjs.map +1 -1
- package/esm/components/Switch/SwitchGroup.context.mjs.map +1 -1
- package/esm/components/Tabs/Tabs.context.mjs.map +1 -1
- package/esm/components/Tabs/Tabs.mjs.map +1 -1
- package/esm/components/TagsInput/TagsInput.mjs +4 -0
- package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.mjs +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.mjs.map +1 -1
- package/esm/components/Tooltip/Tooltip.mjs.map +1 -1
- package/esm/components/Tooltip/use-tooltip.mjs.map +1 -1
- package/esm/components/Transition/Transition.mjs.map +1 -1
- package/esm/components/Transition/transitions.mjs +8 -8
- package/esm/components/Transition/transitions.mjs.map +1 -1
- package/esm/components/Transition/use-transition.mjs.map +1 -1
- package/esm/core/DirectionProvider/DirectionProvider.mjs.map +1 -1
- package/esm/core/MantineProvider/Mantine.context.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineProvider.mjs.map +1 -1
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs +1 -1
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.mjs +5 -3
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.mjs.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs.map +1 -1
- package/esm/core/factory/create-polymorphic-component.mjs.map +1 -1
- package/esm/core/utils/close-on-escape/close-on-escape.mjs.map +1 -1
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs.map +1 -1
- package/esm/index.css +1 -1
- package/esm/index.layer.css +1 -1
- package/esm/styles/Button.css +1 -1
- package/esm/styles/Button.layer.css +1 -1
- package/esm/styles/Combobox.css +1 -1
- package/esm/styles/Combobox.layer.css +1 -1
- package/esm/styles/Radio.css +1 -1
- package/esm/styles/Radio.layer.css +1 -1
- package/esm/styles/Rating.css +1 -1
- package/esm/styles/Rating.layer.css +1 -1
- package/esm/styles/Table.css +1 -1
- package/esm/styles/Table.layer.css +1 -1
- package/lib/components/Accordion/Accordion.context.d.ts +4 -4
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +2 -2
- package/lib/components/Alert/Alert.d.ts +1 -1
- package/lib/components/Anchor/Anchor.d.ts +2 -2
- package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +2 -2
- package/lib/components/Autocomplete/Autocomplete.d.ts +1 -1
- package/lib/components/Avatar/Avatar.d.ts +2 -2
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +2 -2
- package/lib/components/Badge/Badge.d.ts +3 -3
- package/lib/components/Button/Button.d.ts +2 -2
- package/lib/components/Card/Card.d.ts +2 -2
- package/lib/components/Card/CardSection/CardSection.d.ts +2 -2
- package/lib/components/Center/Center.d.ts +2 -2
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/lib/components/Checkbox/CheckboxGroup.context.d.ts +1 -1
- package/lib/components/Chip/Chip.d.ts +1 -1
- package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +1 -1
- package/lib/components/Chip/ChipGroup.context.d.ts +2 -2
- package/lib/components/CloseButton/CloseButton.d.ts +2 -2
- package/lib/components/Collapse/Collapse.d.ts +1 -1
- package/lib/components/ColorPicker/ColorPicker.d.ts +3 -3
- package/lib/components/ColorPicker/ColorSlider/ColorSlider.d.ts +4 -4
- package/lib/components/ColorPicker/Saturation/Saturation.d.ts +4 -4
- package/lib/components/ColorPicker/Swatches/Swatches.d.ts +1 -1
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +2 -2
- package/lib/components/Combobox/Combobox.context.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +1 -1
- package/lib/components/Combobox/Combobox.types.d.ts +3 -3
- package/lib/components/Combobox/ComboboxClearButton/ComboboxClearButton.d.ts +1 -1
- package/lib/components/Combobox/use-combobox/use-combobox.d.ts +17 -17
- package/lib/components/Combobox/use-combobox/use-virtualized-combobox.d.ts +7 -7
- package/lib/components/CopyButton/CopyButton.d.ts +3 -3
- package/lib/components/Dialog/Dialog.d.ts +1 -1
- package/lib/components/FileButton/FileButton.d.ts +4 -4
- package/lib/components/FileInput/FileInput.d.ts +1 -1
- package/lib/components/Floating/use-delayed-hover.d.ts +2 -2
- package/lib/components/Floating/use-floating-auto-update.d.ts +1 -1
- package/lib/components/Highlight/Highlight.d.ts +2 -2
- package/lib/components/HoverCard/HoverCard.context.d.ts +2 -2
- package/lib/components/HoverCard/HoverCard.d.ts +2 -2
- package/lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts +2 -0
- package/lib/components/Image/Image.d.ts +4 -3
- package/lib/components/Input/Input.d.ts +2 -2
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +1 -1
- package/lib/components/InputBase/InputBase.d.ts +2 -2
- package/lib/components/JsonInput/JsonInput.d.ts +1 -1
- package/lib/components/Menu/Menu.context.d.ts +6 -6
- package/lib/components/Menu/Menu.d.ts +5 -5
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +2 -2
- package/lib/components/ModalBase/ModalBase.context.d.ts +5 -5
- package/lib/components/ModalBase/ModalBase.d.ts +1 -1
- package/lib/components/ModalBase/use-modal.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/lib/components/NavLink/NavLink.d.ts +4 -4
- package/lib/components/Notification/Notification.d.ts +1 -1
- package/lib/components/NumberInput/NumberInput.d.ts +4 -4
- package/lib/components/Overlay/Overlay.d.ts +2 -2
- package/lib/components/Pagination/Pagination.context.d.ts +6 -6
- package/lib/components/Pagination/Pagination.d.ts +1 -1
- package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts +10 -10
- package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts +6 -6
- package/lib/components/Paper/Paper.d.ts +2 -2
- package/lib/components/PasswordInput/PasswordInput.d.ts +1 -1
- package/lib/components/Pill/Pill.d.ts +1 -1
- package/lib/components/PinInput/PinInput.d.ts +2 -2
- package/lib/components/Popover/Popover.context.d.ts +6 -6
- package/lib/components/Popover/Popover.d.ts +4 -4
- package/lib/components/Popover/use-popover.d.ts +4 -4
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +1 -1
- package/lib/components/Radio/RadioGroup.context.d.ts +1 -1
- package/lib/components/Rating/Rating.d.ts +2 -2
- package/lib/components/Rating/RatingItem/RatingItem.d.ts +2 -2
- package/lib/components/ScrollArea/ScrollArea.context.d.ts +8 -8
- package/lib/components/ScrollArea/ScrollArea.d.ts +2 -2
- package/lib/components/ScrollArea/ScrollArea.types.d.ts +7 -7
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +5 -5
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.d.ts +4 -4
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/lib/components/Select/Select.d.ts +2 -2
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +3 -3
- package/lib/components/Slider/Slider/Slider.d.ts +3 -3
- package/lib/components/Slider/Thumb/Thumb.d.ts +4 -4
- package/lib/components/Stepper/Stepper.d.ts +1 -1
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +1 -1
- package/lib/components/Switch/SwitchGroup.context.d.ts +1 -1
- package/lib/components/Tabs/Tabs.context.d.ts +3 -3
- package/lib/components/Tabs/Tabs.d.ts +1 -1
- package/lib/components/TagsInput/TagsInput.d.ts +3 -3
- package/lib/components/Text/Text.d.ts +2 -2
- package/lib/components/Tooltip/Tooltip.d.ts +1 -1
- package/lib/components/Tooltip/use-tooltip.d.ts +1 -1
- package/lib/components/Transition/Transition.d.ts +1 -1
- package/lib/components/Transition/use-transition.d.ts +4 -4
- package/lib/components/UnstyledButton/UnstyledButton.d.ts +2 -2
- package/lib/core/Box/Box.d.ts +2 -2
- package/lib/core/DirectionProvider/DirectionProvider.d.ts +2 -2
- package/lib/core/MantineProvider/Mantine.context.d.ts +5 -5
- package/lib/core/MantineProvider/MantineCssVariables/get-merged-variables.d.ts +1 -1
- package/lib/core/MantineProvider/MantineProvider.d.ts +2 -2
- package/lib/core/MantineProvider/color-scheme-managers/types.d.ts +5 -5
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.d.ts +3 -1
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.d.ts +1 -1
- package/lib/core/factory/create-polymorphic-component.d.ts +4 -4
- package/lib/core/factory/polymorphic-factory.d.ts +2 -2
- package/lib/core/utils/close-on-escape/close-on-escape.d.ts +2 -2
- package/lib/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '../../core';\n\nexport type TransitionStatus =\n | 'entered'\n | 'exited'\n | 'entering'\n | 'exiting'\n | 'pre-exiting'\n | 'pre-entering';\n\ninterface UseTransition {\n duration: number;\n exitDuration: number;\n timingFunction: string;\n mounted: boolean;\n onEnter
|
|
1
|
+
{"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '../../core';\n\nexport type TransitionStatus =\n | 'entered'\n | 'exited'\n | 'entering'\n | 'exiting'\n | 'pre-exiting'\n | 'pre-entering';\n\ninterface UseTransition {\n duration: number;\n exitDuration: number;\n timingFunction: string;\n mounted: boolean;\n onEnter?: () => void;\n onExit?: () => void;\n onEntered?: () => void;\n onExited?: () => void;\n}\n\nexport function useTransition({\n duration,\n exitDuration,\n timingFunction,\n mounted,\n onEnter,\n onExit,\n onEntered,\n onExited,\n}: UseTransition) {\n const theme = useMantineTheme();\n const shouldReduceMotion = useReducedMotion();\n const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n const [transitionDuration, setTransitionDuration] = useState(reduceMotion ? 0 : duration);\n const [transitionStatus, setStatus] = useState<TransitionStatus>(mounted ? 'entered' : 'exited');\n const timeoutRef = useRef<number>(-1);\n\n const handleStateChange = (shouldMount: boolean) => {\n const preHandler = shouldMount ? onEnter : onExit;\n const handler = shouldMount ? onEntered : onExited;\n\n setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');\n window.clearTimeout(timeoutRef.current);\n\n const newTransitionDuration = reduceMotion ? 0 : shouldMount ? duration : exitDuration;\n setTransitionDuration(newTransitionDuration);\n\n if (newTransitionDuration === 0) {\n typeof preHandler === 'function' && preHandler();\n typeof handler === 'function' && handler();\n setStatus(shouldMount ? 'entered' : 'exited');\n } else {\n const preStateTimeout = window.setTimeout(() => {\n typeof preHandler === 'function' && preHandler();\n setStatus(shouldMount ? 'entering' : 'exiting');\n }, 10);\n\n timeoutRef.current = window.setTimeout(() => {\n window.clearTimeout(preStateTimeout);\n typeof handler === 'function' && handler();\n setStatus(shouldMount ? 'entered' : 'exited');\n }, newTransitionDuration);\n }\n };\n\n useDidUpdate(() => {\n handleStateChange(mounted);\n }, [mounted]);\n\n useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n return {\n transitionDuration,\n transitionStatus,\n transitionTimingFunction: timingFunction || 'ease',\n };\n}\n"],"names":["useMantineTheme","useReducedMotion","useState","useRef","useDidUpdate","useEffect"],"mappings":";;;;;;;;;AAGO,SAAS,aAAa,CAAC;AAC9B,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,kBAAkB,GAAGC,sBAAgB,EAAE,CAAC;AAChD,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,oBAAoB,GAAG,kBAAkB,GAAG,KAAK,CAAC;AAC/E,EAAE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGC,cAAQ,CAAC,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;AAC5F,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACjF,EAAE,MAAM,UAAU,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,iBAAiB,GAAG,CAAC,WAAW,KAAK;AAC7C,IAAI,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACtD,IAAI,MAAM,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,IAAI,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,MAAM,qBAAqB,GAAG,YAAY,GAAG,CAAC,GAAG,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;AAC3F,IAAI,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;AACjD,IAAI,IAAI,qBAAqB,KAAK,CAAC,EAAE;AACrC,MAAM,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACvD,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACjD,MAAM,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACpD,KAAK,MAAM;AACX,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACtD,QAAQ,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACzD,QAAQ,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AACxD,OAAO,EAAE,EAAE,CAAC,CAAC;AACb,MAAM,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACnD,QAAQ,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC7C,QAAQ,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACnD,QAAQ,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACtD,OAAO,EAAE,qBAAqB,CAAC,CAAC;AAChC,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,EAAEC,eAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AACrE,EAAE,OAAO;AACT,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,wBAAwB,EAAE,cAAc,IAAI,MAAM;AACtD,GAAG,CAAC;AACJ;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DirectionProvider.js","sources":["../../../src/core/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\n\nexport type Direction = 'ltr' | 'rtl';\n\nexport interface DirectionContextValue {\n dir: Direction;\n toggleDirection()
|
|
1
|
+
{"version":3,"file":"DirectionProvider.js","sources":["../../../src/core/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\n\nexport type Direction = 'ltr' | 'rtl';\n\nexport interface DirectionContextValue {\n dir: Direction;\n toggleDirection: () => void;\n setDirection: (dir: Direction) => void;\n}\n\nexport const DirectionContext = createContext<DirectionContextValue>({\n dir: 'ltr',\n toggleDirection: () => {},\n setDirection: () => {},\n});\n\nexport function useDirection() {\n return useContext(DirectionContext);\n}\n\nexport interface DirectionProviderProps {\n /** Your application */\n children: React.ReactNode;\n\n /** Direction set as a default value, `ltr` by default */\n initialDirection?: Direction;\n\n /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element), `true` by default */\n detectDirection?: boolean;\n}\n\nexport function DirectionProvider({\n children,\n initialDirection = 'ltr',\n detectDirection = true,\n}: DirectionProviderProps) {\n const [dir, setDir] = useState<Direction>(initialDirection);\n\n const setDirection = (direction: Direction) => {\n setDir(direction);\n document.documentElement.setAttribute('dir', direction);\n };\n\n const toggleDirection = () => setDirection(dir === 'ltr' ? 'rtl' : 'ltr');\n\n useIsomorphicEffect(() => {\n if (detectDirection) {\n const direction = document.documentElement.getAttribute('dir');\n if (direction === 'rtl' || direction === 'ltr') {\n setDirection(direction);\n }\n }\n }, []);\n\n return (\n <DirectionContext.Provider value={{ dir, toggleDirection, setDirection }}>\n {children}\n </DirectionContext.Provider>\n );\n}\n"],"names":["createContext","useContext","useState","useIsomorphicEffect","React"],"mappings":";;;;;;;;;;;;AAEY,MAAC,gBAAgB,GAAGA,mBAAa,CAAC;AAC9C,EAAE,GAAG,EAAE,KAAK;AACZ,EAAE,eAAe,EAAE,MAAM;AACzB,GAAG;AACH,EAAE,YAAY,EAAE,MAAM;AACtB,GAAG;AACH,CAAC,EAAE;AACI,SAAS,YAAY,GAAG;AAC/B,EAAE,OAAOC,gBAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC;AACM,SAAS,iBAAiB,CAAC;AAClC,EAAE,QAAQ;AACV,EAAE,gBAAgB,GAAG,KAAK;AAC1B,EAAE,eAAe,GAAG,IAAI;AACxB,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAGC,cAAQ,CAAC,gBAAgB,CAAC,CAAC;AACnD,EAAE,MAAM,YAAY,GAAG,CAAC,SAAS,KAAK;AACtC,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;AACtB,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC5D,GAAG,CAAC;AACJ,EAAE,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;AAC5E,EAAEC,yBAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,eAAe,EAAE;AACzB,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACrE,MAAM,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,KAAK,EAAE;AACtD,QAAQ,YAAY,CAAC,SAAS,CAAC,CAAC;AAChC,OAAO;AACP,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;AACrI;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mantine.context.js","sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { MantineTheme, MantineColorScheme } from './theme.types';\nimport type { MantineColorSchemeManager } from './color-scheme-managers';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\n\ninterface MantineContextValue {\n colorScheme: MantineColorScheme;\n setColorScheme(colorScheme: MantineColorScheme)
|
|
1
|
+
{"version":3,"file":"Mantine.context.js","sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { MantineTheme, MantineColorScheme } from './theme.types';\nimport type { MantineColorSchemeManager } from './color-scheme-managers';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\n\ninterface MantineContextValue {\n colorScheme: MantineColorScheme;\n setColorScheme: (colorScheme: MantineColorScheme) => void;\n clearColorScheme: () => void;\n colorSchemeManager: MantineColorSchemeManager;\n getRootElement: () => HTMLElement | undefined;\n classNamesPrefix: string;\n getStyleNonce?: () => string | undefined;\n cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n cssVariablesSelector: string;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\n const ctx = useContext(MantineContext);\n\n if (!ctx) {\n throw new Error('[@mantine/core] MantineProvider was not found in tree');\n }\n\n return ctx;\n}\n\nexport function useMantineCssVariablesResolver() {\n return useMantineContext().cssVariablesResolver;\n}\n\nexport function useMantineClassNamesPrefix() {\n return useMantineContext().classNamesPrefix;\n}\n\nexport function useMantineStyleNonce() {\n return useMantineContext().getStyleNonce;\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AACY,MAAC,cAAc,GAAGA,mBAAa,CAAC,IAAI,EAAE;AAC3C,SAAS,iBAAiB,GAAG;AACpC,EAAE,MAAM,GAAG,GAAGC,gBAAU,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACM,SAAS,8BAA8B,GAAG;AACjD,EAAE,OAAO,iBAAiB,EAAE,CAAC,oBAAoB,CAAC;AAClD,CAAC;AACM,SAAS,0BAA0B,GAAG;AAC7C,EAAE,OAAO,iBAAiB,EAAE,CAAC,gBAAgB,CAAC;AAC9C,CAAC;AACM,SAAS,oBAAoB,GAAG;AACvC,EAAE,OAAO,iBAAiB,EAAE,CAAC,aAAa,CAAC;AAC3C;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-merged-variables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-merged-variables.ts"],"sourcesContent":["import { deepMerge } from '../../utils';\nimport { MantineTheme } from '../theme.types';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\n\ninterface GetMergedVariablesInput {\n theme: MantineTheme;\n generator
|
|
1
|
+
{"version":3,"file":"get-merged-variables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-merged-variables.ts"],"sourcesContent":["import { deepMerge } from '../../utils';\nimport { MantineTheme } from '../theme.types';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\n\ninterface GetMergedVariablesInput {\n theme: MantineTheme;\n generator?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n}\n\nexport function getMergedVariables({ theme, generator }: GetMergedVariablesInput) {\n const defaultResolver = defaultCssVariablesResolver(theme);\n const providerGenerator = generator?.(theme);\n return providerGenerator ? deepMerge(defaultResolver, providerGenerator) : defaultResolver;\n}\n"],"names":["defaultCssVariablesResolver","deepMerge"],"mappings":";;;;;;;;AAEO,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACzD,EAAE,MAAM,eAAe,GAAGA,uDAA2B,CAAC,KAAK,CAAC,CAAC;AAC7D,EAAE,MAAM,iBAAiB,GAAG,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAC1E,EAAE,OAAO,iBAAiB,GAAGC,mBAAS,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,eAAe,CAAC;AAC7F;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './global.css';\nimport React from 'react';\nimport { suppressNextjsWarning } from './suppress-nextjs-warning';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { MantineClasses } from './MantineClasses';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nsuppressNextjsWarning();\n\nexport interface MantineProviderProps {\n /** Theme override object */\n theme?: MantineThemeOverride;\n\n /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n colorSchemeManager?: MantineColorSchemeManager;\n\n /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `light` by default */\n defaultColorScheme?: MantineColorScheme;\n\n /** Forces color scheme value, if set, MantineProvider ignores `colorSchemeManager` and `defaultColorScheme` */\n forceColorScheme?: 'light' | 'dark';\n\n /** CSS selector to which CSS variables should be added, `:root` by default */\n cssVariablesSelector?: string;\n\n /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n withCssVariables?: boolean;\n\n /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n getRootElement
|
|
1
|
+
{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './global.css';\nimport React from 'react';\nimport { suppressNextjsWarning } from './suppress-nextjs-warning';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { MantineClasses } from './MantineClasses';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nsuppressNextjsWarning();\n\nexport interface MantineProviderProps {\n /** Theme override object */\n theme?: MantineThemeOverride;\n\n /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n colorSchemeManager?: MantineColorSchemeManager;\n\n /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `light` by default */\n defaultColorScheme?: MantineColorScheme;\n\n /** Forces color scheme value, if set, MantineProvider ignores `colorSchemeManager` and `defaultColorScheme` */\n forceColorScheme?: 'light' | 'dark';\n\n /** CSS selector to which CSS variables should be added, `:root` by default */\n cssVariablesSelector?: string;\n\n /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n withCssVariables?: boolean;\n\n /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n getRootElement?: () => HTMLElement | undefined;\n\n /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n classNamesPrefix?: string;\n\n /** Function to generate nonce attribute added to all generated `<style />` tags */\n getStyleNonce?: () => string;\n\n /** Function to generate CSS variables based on theme object */\n cssVariablesResolver?: CSSVariablesResolver;\n\n /** Your application */\n children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n theme,\n children,\n getStyleNonce,\n withCssVariables = true,\n cssVariablesSelector = ':root',\n classNamesPrefix = 'mantine',\n colorSchemeManager = localStorageColorSchemeManager(),\n defaultColorScheme = 'light',\n getRootElement = () => document.documentElement,\n cssVariablesResolver,\n forceColorScheme,\n}: MantineProviderProps) {\n const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n defaultColorScheme,\n forceColorScheme,\n manager: colorSchemeManager,\n getRootElement,\n });\n\n useRespectReduceMotion({\n respectReducedMotion: theme?.respectReducedMotion || false,\n getRootElement,\n });\n\n return (\n <MantineContext.Provider\n value={{\n colorSchemeManager,\n colorScheme,\n setColorScheme,\n clearColorScheme,\n getRootElement,\n classNamesPrefix,\n getStyleNonce,\n cssVariablesResolver,\n cssVariablesSelector,\n }}\n >\n <MantineThemeProvider theme={theme}>\n {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n <MantineClasses />\n {children}\n </MantineThemeProvider>\n </MantineContext.Provider>\n );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":["suppressNextjsWarning","localStorageColorSchemeManager","useProviderColorScheme","useRespectReduceMotion","React","MantineContext","MantineThemeProvider","MantineCssVariables","MantineClasses"],"mappings":";;;;;;;;;;;;;;;;;;;AAUAA,2CAAqB,EAAE,CAAC;AACjB,SAAS,eAAe,CAAC;AAChC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,gBAAgB,GAAG,IAAI;AACzB,EAAE,oBAAoB,GAAG,OAAO;AAChC,EAAE,gBAAgB,GAAG,SAAS;AAC9B,EAAE,kBAAkB,GAAGC,kDAA8B,EAAE;AACvD,EAAE,kBAAkB,GAAG,OAAO;AAC9B,EAAE,cAAc,GAAG,MAAM,QAAQ,CAAC,eAAe;AACjD,EAAE,oBAAoB;AACtB,EAAE,gBAAgB;AAClB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAGC,6CAAsB,CAAC;AACnF,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,OAAO,EAAE,kBAAkB;AAC/B,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAEC,6CAAsB,CAAC;AACzB,IAAI,oBAAoB,EAAE,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,oBAAoB,KAAK,KAAK;AACxF,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa;AAC5C,IAAIC,8BAAc,CAAC,QAAQ;AAC3B,IAAI;AACJ,MAAM,KAAK,EAAE;AACb,QAAQ,kBAAkB;AAC1B,QAAQ,WAAW;AACnB,QAAQ,cAAc;AACtB,QAAQ,gBAAgB;AACxB,QAAQ,cAAc;AACtB,QAAQ,gBAAgB;AACxB,QAAQ,aAAa;AACrB,QAAQ,oBAAoB;AAC5B,QAAQ,oBAAoB;AAC5B,OAAO;AACP,KAAK;AACL,oBAAoBD,cAAK,CAAC,aAAa,CAACE,yCAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,gBAAgB,oBAAoBF,cAAK,CAAC,aAAa,CAACG,uCAAmB,EAAE,EAAE,oBAAoB,EAAE,CAAC,kBAAkBH,cAAK,CAAC,aAAa,CAACI,6BAAc,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;AACrP,GAAG,CAAC;AACJ,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;"}
|
|
@@ -15,7 +15,7 @@ const defaultVariantColorsResolver = ({
|
|
|
15
15
|
variant,
|
|
16
16
|
gradient
|
|
17
17
|
}) => {
|
|
18
|
-
const parsed = parseThemeColor.parseThemeColor({ color, theme });
|
|
18
|
+
const parsed = parseThemeColor.parseThemeColor({ color: color || theme.primaryColor, theme });
|
|
19
19
|
if (variant === "filled") {
|
|
20
20
|
if (parsed.isThemeColor) {
|
|
21
21
|
if (parsed.shade === void 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-variant-colors-resolver.js","sources":["../../../../../src/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts"],"sourcesContent":["import { MantineColor, MantineTheme, MantineGradient } from '../../theme.types';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\nimport { getGradient } from '../get-gradient/get-gradient';\nimport { darken } from '../darken/darken';\nimport { rgba } from '../rgba/rgba';\nimport { rem } from '../../../utils';\n\nexport interface VariantColorsResolverInput {\n color: MantineColor | undefined;\n theme: MantineTheme;\n variant: string;\n gradient?: MantineGradient;\n}\n\nexport interface VariantColorResolverResult {\n background: string;\n hover: string;\n color: string;\n border: string;\n}\n\nexport type VariantColorsResolver = (\n input: VariantColorsResolverInput\n) => VariantColorResolverResult;\n\nexport const defaultVariantColorsResolver: VariantColorsResolver = ({\n color,\n theme,\n variant,\n gradient,\n}) => {\n const parsed = parseThemeColor({ color, theme });\n\n if (variant === 'filled') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: `var(--mantine-color-${color}-filled)`,\n hover: `var(--mantine-color-${color}-filled-hover)`,\n color: 'var(--mantine-color-white)',\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n hover: `var(--mantine-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,\n color: 'var(--mantine-color-white)',\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: color!,\n hover: darken(color!, 0.1),\n color: 'var(--mantine-color-white)',\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'light') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: `var(--mantine-color-${color}-light)`,\n hover: `var(--mantine-color-${color}-light-hover)`,\n color: `var(--mantine-color-${color}-light-color)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n return {\n background: rgba(parsedColor, 0.1),\n hover: rgba(parsedColor, 0.12),\n color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: rgba(color!, 0.1),\n hover: rgba(color!, 0.12),\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'outline') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'transparent',\n hover: `var(--mantine-color-${color}-outline-hover)`,\n color: `var(--mantine-color-${color}-outline)`,\n border: `${rem(1)} solid var(--mantine-color-${color}-outline)`,\n };\n }\n\n return {\n background: 'transparent',\n hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n border: `${rem(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`,\n };\n }\n\n return {\n background: 'transparent',\n hover: rgba(color!, 0.05),\n color: color!,\n border: `${rem(1)} solid ${color}`,\n };\n }\n\n if (variant === 'subtle') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'transparent',\n hover: `var(--mantine-color-${color}-light-hover)`,\n color: `var(--mantine-color-${color}-light-color)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n return {\n background: 'transparent',\n hover: rgba(parsedColor, 0.12),\n color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'transparent',\n hover: rgba(color!, 0.12),\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'transparent') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'transparent',\n hover: 'transparent',\n color: `var(--mantine-color-${color}-light-color)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'transparent',\n hover: 'transparent',\n color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'transparent',\n hover: 'transparent',\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'white') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'var(--mantine-color-white)',\n hover: darken(theme.white, 0.01),\n color: `var(--mantine-color-${color}-filled)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'var(--mantine-color-white)',\n hover: darken(theme.white, 0.01),\n color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'var(--mantine-color-white)',\n hover: darken(theme.white, 0.01),\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'gradient') {\n return {\n background: getGradient(gradient, theme),\n hover: getGradient(gradient, theme),\n color: 'var(--mantine-color-white)',\n border: 'none',\n };\n }\n\n if (variant === 'default') {\n return {\n background: 'var(--mantine-color-default)',\n hover: 'var(--mantine-color-default-hover)',\n color: 'var(--mantine-color-default-color)',\n border: `${rem(1)} solid var(--mantine-color-default-border)`,\n };\n }\n\n return {} as VariantColorResolverResult;\n};\n"],"names":["parseThemeColor","rem","darken","rgba","getGradient"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"default-variant-colors-resolver.js","sources":["../../../../../src/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts"],"sourcesContent":["import { MantineColor, MantineTheme, MantineGradient } from '../../theme.types';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\nimport { getGradient } from '../get-gradient/get-gradient';\nimport { darken } from '../darken/darken';\nimport { rgba } from '../rgba/rgba';\nimport { rem } from '../../../utils';\n\nexport interface VariantColorsResolverInput {\n color: MantineColor | undefined;\n theme: MantineTheme;\n variant: string;\n gradient?: MantineGradient;\n}\n\nexport interface VariantColorResolverResult {\n background: string;\n hover: string;\n color: string;\n border: string;\n}\n\nexport type VariantColorsResolver = (\n input: VariantColorsResolverInput\n) => VariantColorResolverResult;\n\nexport const defaultVariantColorsResolver: VariantColorsResolver = ({\n color,\n theme,\n variant,\n gradient,\n}) => {\n const parsed = parseThemeColor({ color: color || theme.primaryColor, theme });\n\n if (variant === 'filled') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: `var(--mantine-color-${color}-filled)`,\n hover: `var(--mantine-color-${color}-filled-hover)`,\n color: 'var(--mantine-color-white)',\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n hover: `var(--mantine-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,\n color: 'var(--mantine-color-white)',\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: color!,\n hover: darken(color!, 0.1),\n color: 'var(--mantine-color-white)',\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'light') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: `var(--mantine-color-${color}-light)`,\n hover: `var(--mantine-color-${color}-light-hover)`,\n color: `var(--mantine-color-${color}-light-color)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n return {\n background: rgba(parsedColor, 0.1),\n hover: rgba(parsedColor, 0.12),\n color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: rgba(color!, 0.1),\n hover: rgba(color!, 0.12),\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'outline') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'transparent',\n hover: `var(--mantine-color-${color}-outline-hover)`,\n color: `var(--mantine-color-${color}-outline)`,\n border: `${rem(1)} solid var(--mantine-color-${color}-outline)`,\n };\n }\n\n return {\n background: 'transparent',\n hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n border: `${rem(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`,\n };\n }\n\n return {\n background: 'transparent',\n hover: rgba(color!, 0.05),\n color: color!,\n border: `${rem(1)} solid ${color}`,\n };\n }\n\n if (variant === 'subtle') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'transparent',\n hover: `var(--mantine-color-${color}-light-hover)`,\n color: `var(--mantine-color-${color}-light-color)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n return {\n background: 'transparent',\n hover: rgba(parsedColor, 0.12),\n color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'transparent',\n hover: rgba(color!, 0.12),\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'transparent') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'transparent',\n hover: 'transparent',\n color: `var(--mantine-color-${color}-light-color)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'transparent',\n hover: 'transparent',\n color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'transparent',\n hover: 'transparent',\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'white') {\n if (parsed.isThemeColor) {\n if (parsed.shade === undefined) {\n return {\n background: 'var(--mantine-color-white)',\n hover: darken(theme.white, 0.01),\n color: `var(--mantine-color-${color}-filled)`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'var(--mantine-color-white)',\n hover: darken(theme.white, 0.01),\n color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n return {\n background: 'var(--mantine-color-white)',\n hover: darken(theme.white, 0.01),\n color: color!,\n border: `${rem(1)} solid transparent`,\n };\n }\n\n if (variant === 'gradient') {\n return {\n background: getGradient(gradient, theme),\n hover: getGradient(gradient, theme),\n color: 'var(--mantine-color-white)',\n border: 'none',\n };\n }\n\n if (variant === 'default') {\n return {\n background: 'var(--mantine-color-default)',\n hover: 'var(--mantine-color-default-hover)',\n color: 'var(--mantine-color-default-color)',\n border: `${rem(1)} solid var(--mantine-color-default-border)`,\n };\n }\n\n return {} as VariantColorResolverResult;\n};\n"],"names":["parseThemeColor","rem","darken","rgba","getGradient"],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ function disableTransition() {
|
|
|
15
15
|
const clear = () => document.querySelectorAll("[data-mantine-disable-transition]").forEach((element) => element.remove());
|
|
16
16
|
return clear;
|
|
17
17
|
}
|
|
18
|
-
function useMantineColorScheme() {
|
|
18
|
+
function useMantineColorScheme({ keepTransitions } = {}) {
|
|
19
19
|
const clearStylesRef = React.useRef();
|
|
20
20
|
const timeoutRef = React.useRef();
|
|
21
21
|
const ctx = React.useContext(Mantine_context.MantineContext);
|
|
@@ -24,7 +24,8 @@ function useMantineColorScheme() {
|
|
|
24
24
|
}
|
|
25
25
|
const setColorScheme = (value) => {
|
|
26
26
|
ctx.setColorScheme(value);
|
|
27
|
-
clearStylesRef.current =
|
|
27
|
+
clearStylesRef.current = keepTransitions ? () => {
|
|
28
|
+
} : disableTransition();
|
|
28
29
|
window.clearTimeout(timeoutRef.current);
|
|
29
30
|
timeoutRef.current = window.setTimeout(() => {
|
|
30
31
|
var _a;
|
|
@@ -33,7 +34,8 @@ function useMantineColorScheme() {
|
|
|
33
34
|
};
|
|
34
35
|
const clearColorScheme = () => {
|
|
35
36
|
ctx.clearColorScheme();
|
|
36
|
-
clearStylesRef.current =
|
|
37
|
+
clearStylesRef.current = keepTransitions ? () => {
|
|
38
|
+
} : disableTransition();
|
|
37
39
|
window.clearTimeout(timeoutRef.current);
|
|
38
40
|
timeoutRef.current = window.setTimeout(() => {
|
|
39
41
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react';\nimport { useColorScheme } from '@mantine/hooks';\nimport { MantineContext } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition() {\n const style = document.createElement('style');\n style.innerHTML = '*, *::before, *::after {transition: none !important;}';\n style.setAttribute('data-mantine-disable-transition', 'true');\n document.head.appendChild(style);\n const clear = () =>\n document\n .querySelectorAll('[data-mantine-disable-transition]')\n .forEach((element) => element.remove());\n return clear;\n}\n\nexport function useMantineColorScheme() {\n const clearStylesRef = useRef<() => void>();\n const timeoutRef = useRef<number>();\n const ctx = useContext(MantineContext);\n\n if (!ctx) {\n throw new Error('[@mantine/core] MantineProvider was not found in tree');\n }\n\n const setColorScheme = (value: MantineColorScheme) => {\n ctx.setColorScheme(value);\n clearStylesRef.current = disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n const clearColorScheme = () => {\n ctx.clearColorScheme();\n clearStylesRef.current = disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n const osColorScheme = useColorScheme('light', { getInitialValueInEffect: false });\n const computedColorScheme = ctx.colorScheme === 'auto' ? osColorScheme : ctx.colorScheme;\n\n const toggleColorScheme = useCallback(\n () => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light'),\n [setColorScheme, computedColorScheme]\n );\n\n useEffect(\n () => () => {\n clearStylesRef.current?.();\n window.clearTimeout(timeoutRef.current);\n },\n []\n );\n\n return {\n colorScheme: ctx.colorScheme,\n setColorScheme,\n clearColorScheme,\n toggleColorScheme,\n };\n}\n"],"names":["useRef","useContext","MantineContext","useColorScheme","useCallback","useEffect"],"mappings":";;;;;;;;;AAGA,SAAS,iBAAiB,GAAG;AAC7B,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAChD,EAAE,KAAK,CAAC,SAAS,GAAG,uDAAuD,CAAC;AAC5E,EAAE,KAAK,CAAC,YAAY,CAAC,iCAAiC,EAAE,MAAM,CAAC,CAAC;AAChE,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,EAAE,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,gBAAgB,CAAC,mCAAmC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAC5H,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,qBAAqB,GAAG;
|
|
1
|
+
{"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react';\nimport { useColorScheme } from '@mantine/hooks';\nimport { MantineContext } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition() {\n const style = document.createElement('style');\n style.innerHTML = '*, *::before, *::after {transition: none !important;}';\n style.setAttribute('data-mantine-disable-transition', 'true');\n document.head.appendChild(style);\n const clear = () =>\n document\n .querySelectorAll('[data-mantine-disable-transition]')\n .forEach((element) => element.remove());\n return clear;\n}\n\nexport function useMantineColorScheme({ keepTransitions }: { keepTransitions?: boolean } = {}) {\n const clearStylesRef = useRef<() => void>();\n const timeoutRef = useRef<number>();\n const ctx = useContext(MantineContext);\n\n if (!ctx) {\n throw new Error('[@mantine/core] MantineProvider was not found in tree');\n }\n\n const setColorScheme = (value: MantineColorScheme) => {\n ctx.setColorScheme(value);\n clearStylesRef.current = keepTransitions ? () => {} : disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n const clearColorScheme = () => {\n ctx.clearColorScheme();\n clearStylesRef.current = keepTransitions ? () => {} : disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n const osColorScheme = useColorScheme('light', { getInitialValueInEffect: false });\n const computedColorScheme = ctx.colorScheme === 'auto' ? osColorScheme : ctx.colorScheme;\n\n const toggleColorScheme = useCallback(\n () => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light'),\n [setColorScheme, computedColorScheme]\n );\n\n useEffect(\n () => () => {\n clearStylesRef.current?.();\n window.clearTimeout(timeoutRef.current);\n },\n []\n );\n\n return {\n colorScheme: ctx.colorScheme,\n setColorScheme,\n clearColorScheme,\n toggleColorScheme,\n };\n}\n"],"names":["useRef","useContext","MantineContext","useColorScheme","useCallback","useEffect"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-provider-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n colorScheme: MantineColorScheme,\n getRootElement: () => HTMLElement | undefined\n) {\n const computedColorScheme =\n colorScheme !== 'auto'\n ? colorScheme\n : window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light';\n getRootElement()?.setAttribute('data-mantine-color-scheme', computedColorScheme);\n}\n\ntype MediaQueryCallback = (event: { matches: boolean; media: string }) => void;\n\ninterface UseProviderColorSchemeOptions {\n manager: MantineColorSchemeManager;\n defaultColorScheme: MantineColorScheme;\n forceColorScheme: 'light' | 'dark' | undefined;\n getRootElement()
|
|
1
|
+
{"version":3,"file":"use-provider-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n colorScheme: MantineColorScheme,\n getRootElement: () => HTMLElement | undefined\n) {\n const computedColorScheme =\n colorScheme !== 'auto'\n ? colorScheme\n : window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light';\n getRootElement()?.setAttribute('data-mantine-color-scheme', computedColorScheme);\n}\n\ntype MediaQueryCallback = (event: { matches: boolean; media: string }) => void;\n\ninterface UseProviderColorSchemeOptions {\n manager: MantineColorSchemeManager;\n defaultColorScheme: MantineColorScheme;\n forceColorScheme: 'light' | 'dark' | undefined;\n getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n manager,\n defaultColorScheme,\n getRootElement,\n forceColorScheme,\n}: UseProviderColorSchemeOptions) {\n const media = useRef<MediaQueryList>();\n const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n const colorSchemeValue = forceColorScheme || value;\n\n const setColorScheme = useCallback(\n (colorScheme: MantineColorScheme) => {\n if (!forceColorScheme) {\n setColorSchemeAttribute(colorScheme, getRootElement);\n setValue(colorScheme);\n manager.set(colorScheme);\n }\n },\n [manager.set, colorSchemeValue, forceColorScheme]\n );\n\n const clearColorScheme = useCallback(() => {\n setValue(defaultColorScheme);\n setColorSchemeAttribute(defaultColorScheme, getRootElement);\n manager.clear();\n }, [manager.clear, defaultColorScheme]);\n\n useEffect(() => {\n manager.subscribe(setColorScheme);\n return manager.unsubscribe;\n }, [manager.subscribe, manager.unsubscribe]);\n\n useIsomorphicEffect(() => {\n setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);\n }, []);\n\n useEffect(() => {\n if (forceColorScheme) {\n setColorSchemeAttribute(forceColorScheme, getRootElement);\n return () => {};\n }\n\n media.current = window.matchMedia('(prefers-color-scheme: dark)');\n const listener: MediaQueryCallback = (event) => {\n if (value === 'auto') {\n setColorSchemeAttribute(event.matches ? 'dark' : 'light', getRootElement);\n }\n };\n\n media.current?.addEventListener('change', listener);\n return () => media.current?.removeEventListener('change', listener);\n }, [value, forceColorScheme]);\n\n return { colorScheme: colorSchemeValue, setColorScheme, clearColorScheme };\n}\n"],"names":["useRef","useState","useCallback","useEffect","useIsomorphicEffect"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n C,\n React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n ? React.ComponentPropsWithRef<C>['ref']\n : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n ? InheritedProps<C, Props & ComponentProp<C>> & {\n ref?: PolymorphicRef<C>;\n renderRoot
|
|
1
|
+
{"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n C,\n React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n ? React.ComponentPropsWithRef<C>['ref']\n : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n ? InheritedProps<C, Props & ComponentProp<C>> & {\n ref?: PolymorphicRef<C>;\n renderRoot?: (props: any) => any;\n }\n : Props & { component: React.ElementType; renderRoot?: (props: Record<string, any>) => any };\n\nexport function createPolymorphicComponent<\n ComponentDefaultType,\n Props,\n StaticComponents = Record<string, never>,\n>(component: any) {\n type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n type _PolymorphicComponent = <C = ComponentDefaultType>(\n props: ComponentProps<C>\n ) => React.ReactElement;\n\n type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":";;;;;AAAO,SAAS,0BAA0B,CAAC,SAAS,EAAE;AACtD,EAAE,OAAO,SAAS,CAAC;AACnB;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"close-on-escape.js","sources":["../../../../src/core/utils/close-on-escape/close-on-escape.ts"],"sourcesContent":["import React from 'react';\nimport { noop } from '../noop/noop';\n\ninterface Options {\n active: boolean | undefined;\n onTrigger
|
|
1
|
+
{"version":3,"file":"close-on-escape.js","sources":["../../../../src/core/utils/close-on-escape/close-on-escape.ts"],"sourcesContent":["import React from 'react';\nimport { noop } from '../noop/noop';\n\ninterface Options {\n active: boolean | undefined;\n onTrigger?: () => void;\n onKeyDown?: (event: React.KeyboardEvent<any>) => void;\n}\n\nexport function closeOnEscape(\n callback?: (event: any) => void,\n options: Options = { active: true }\n) {\n if (typeof callback !== 'function' || !options.active) {\n return options.onKeyDown || noop;\n }\n\n return (event: React.KeyboardEvent<any>) => {\n if (event.key === 'Escape') {\n callback(event);\n options.onTrigger?.();\n }\n };\n}\n"],"names":["noop"],"mappings":";;;;;;;AACO,SAAS,aAAa,CAAC,QAAQ,EAAE,OAAO,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;AACpE,EAAE,IAAI,OAAO,QAAQ,KAAK,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;AACzD,IAAI,OAAO,OAAO,CAAC,SAAS,IAAIA,SAAI,CAAC;AACrC,GAAG;AACH,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAChC,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtB,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,SAAS,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACnE,KAAK;AACL,GAAG,CAAC;AACJ;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-scoped-keydown-handler.js","sources":["../../../../src/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nfunction getPreviousIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n for (let i = current - 1; i >= 0; i -= 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n\n if (loop) {\n for (let i = elements.length - 1; i > -1; i -= 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n }\n\n return current;\n}\n\nfunction getNextIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n for (let i = current + 1; i < elements.length; i += 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n\n if (loop) {\n for (let i = 0; i < elements.length; i += 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n }\n\n return current;\n}\n\n/** Validates that target element is on the same level as sibling, used to filter out children that have the same sibling selector */\nfunction onSameLevel(\n target: HTMLButtonElement,\n sibling: HTMLButtonElement,\n parentSelector: string\n) {\n return (\n findElementAncestor(target, parentSelector) === findElementAncestor(sibling, parentSelector)\n );\n}\n\ninterface GetElementsSiblingsInput {\n /** Selector used to find parent node, e.g. '[role=\"tablist\"]', '.mantine-Text-root' */\n parentSelector: string;\n\n /** Selector used to find element siblings, e.g. '[data-tab]' */\n siblingSelector: string;\n\n /** Determines whether next/previous indices should loop */\n loop?: boolean;\n\n /** Determines which arrow keys will be used */\n orientation: 'vertical' | 'horizontal';\n\n /** Text direction */\n dir?: 'rtl' | 'ltr';\n\n /** Determines whether element should be clicked when focused with keyboard event */\n activateOnFocus?: boolean;\n\n /** External keydown event */\n onKeyDown
|
|
1
|
+
{"version":3,"file":"create-scoped-keydown-handler.js","sources":["../../../../src/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nfunction getPreviousIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n for (let i = current - 1; i >= 0; i -= 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n\n if (loop) {\n for (let i = elements.length - 1; i > -1; i -= 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n }\n\n return current;\n}\n\nfunction getNextIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n for (let i = current + 1; i < elements.length; i += 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n\n if (loop) {\n for (let i = 0; i < elements.length; i += 1) {\n if (!elements[i].disabled) {\n return i;\n }\n }\n }\n\n return current;\n}\n\n/** Validates that target element is on the same level as sibling, used to filter out children that have the same sibling selector */\nfunction onSameLevel(\n target: HTMLButtonElement,\n sibling: HTMLButtonElement,\n parentSelector: string\n) {\n return (\n findElementAncestor(target, parentSelector) === findElementAncestor(sibling, parentSelector)\n );\n}\n\ninterface GetElementsSiblingsInput {\n /** Selector used to find parent node, e.g. '[role=\"tablist\"]', '.mantine-Text-root' */\n parentSelector: string;\n\n /** Selector used to find element siblings, e.g. '[data-tab]' */\n siblingSelector: string;\n\n /** Determines whether next/previous indices should loop */\n loop?: boolean;\n\n /** Determines which arrow keys will be used */\n orientation: 'vertical' | 'horizontal';\n\n /** Text direction */\n dir?: 'rtl' | 'ltr';\n\n /** Determines whether element should be clicked when focused with keyboard event */\n activateOnFocus?: boolean;\n\n /** External keydown event */\n onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\n\nexport function createScopedKeydownHandler({\n parentSelector,\n siblingSelector,\n onKeyDown,\n loop = true,\n activateOnFocus = false,\n dir = 'rtl',\n orientation,\n}: GetElementsSiblingsInput) {\n return (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event);\n\n const elements = Array.from(\n findElementAncestor(event.currentTarget, parentSelector)?.querySelectorAll<HTMLButtonElement>(\n siblingSelector\n ) || []\n ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector));\n\n const current = elements.findIndex((el) => event.currentTarget === el);\n const _nextIndex = getNextIndex(current, elements, loop);\n const _previousIndex = getPreviousIndex(current, elements, loop);\n const nextIndex = dir === 'rtl' ? _previousIndex : _nextIndex;\n const previousIndex = dir === 'rtl' ? _nextIndex : _previousIndex;\n\n switch (event.key) {\n case 'ArrowRight': {\n if (orientation === 'horizontal') {\n event.stopPropagation();\n event.preventDefault();\n elements[nextIndex].focus();\n activateOnFocus && elements[nextIndex].click();\n }\n\n break;\n }\n\n case 'ArrowLeft': {\n if (orientation === 'horizontal') {\n event.stopPropagation();\n event.preventDefault();\n elements[previousIndex].focus();\n activateOnFocus && elements[previousIndex].click();\n }\n\n break;\n }\n\n case 'ArrowUp': {\n if (orientation === 'vertical') {\n event.stopPropagation();\n event.preventDefault();\n elements[_previousIndex].focus();\n activateOnFocus && elements[_previousIndex].click();\n }\n\n break;\n }\n\n case 'ArrowDown': {\n if (orientation === 'vertical') {\n event.stopPropagation();\n event.preventDefault();\n elements[_nextIndex].focus();\n activateOnFocus && elements[_nextIndex].click();\n }\n\n break;\n }\n\n case 'Home': {\n event.stopPropagation();\n event.preventDefault();\n !elements[0].disabled && elements[0].focus();\n break;\n }\n\n case 'End': {\n event.stopPropagation();\n event.preventDefault();\n const last = elements.length - 1;\n !elements[last].disabled && elements[last].focus();\n break;\n }\n }\n };\n}\n"],"names":["findElementAncestor"],"mappings":"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"}
|