@mantine/core 7.1.3 → 7.2.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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 -0
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Button/Button.js +2 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +15 -10
- package/cjs/components/Checkbox/Checkbox.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.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/ColorInput/ColorInput.js +1 -1
- package/cjs/components/ColorInput/ColorInput.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/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/Flex/Flex.js +2 -2
- package/cjs/components/Flex/Flex.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/Input.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/Loader/Loader.js +7 -2
- package/cjs/components/Loader/Loader.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/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/NavLink/NavLink.js.map +1 -1
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/NumberFormatter/NumberFormatter.js +56 -0
- package/cjs/components/NumberFormatter/NumberFormatter.js.map +1 -0
- 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 +5 -6
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/Pill/Pill.js.map +1 -1
- package/cjs/components/PillsInput/PillsInput.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 +14 -9
- 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.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/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/Table/Table.components.js +4 -1
- package/cjs/components/Table/Table.components.js.map +1 -1
- package/cjs/components/Table/Table.context.js.map +1 -1
- package/cjs/components/Table/Table.js +21 -5
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.module.css.js +1 -1
- package/cjs/components/Table/TableDataRenderer.js +19 -0
- package/cjs/components/Table/TableDataRenderer.js.map +1 -0
- 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/TextInput/TextInput.js.map +1 -1
- package/cjs/components/Textarea/Textarea.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/Box/Box.js +6 -0
- package/cjs/core/Box/Box.js.map +1 -1
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.js +9 -3
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.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.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/RemoveScroll.js +11 -0
- package/cjs/core/RemoveScroll.js.map +1 -0
- 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 +2 -2
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +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 -0
- package/esm/components/ActionIcon/ActionIcon.mjs.map +1 -1
- package/esm/components/Alert/Alert.mjs.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/esm/components/Button/Button.mjs +2 -1
- package/esm/components/Button/Button.mjs.map +1 -1
- package/esm/components/Checkbox/Checkbox.mjs +15 -10
- package/esm/components/Checkbox/Checkbox.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.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/ColorInput/ColorInput.mjs +1 -1
- package/esm/components/ColorInput/ColorInput.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/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/Flex/Flex.mjs +2 -2
- package/esm/components/Flex/Flex.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/Input.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/Loader/Loader.mjs +7 -2
- package/esm/components/Loader/Loader.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/NativeSelect/NativeSelect.mjs.map +1 -1
- package/esm/components/NavLink/NavLink.mjs.map +1 -1
- package/esm/components/Notification/Notification.mjs.map +1 -1
- package/esm/components/NumberFormatter/NumberFormatter.mjs +48 -0
- package/esm/components/NumberFormatter/NumberFormatter.mjs.map +1 -0
- 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 +5 -6
- package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
- package/esm/components/Pill/Pill.mjs.map +1 -1
- package/esm/components/PillsInput/PillsInput.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 +14 -9
- 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.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/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/Table/Table.components.mjs +4 -1
- package/esm/components/Table/Table.components.mjs.map +1 -1
- package/esm/components/Table/Table.context.mjs.map +1 -1
- package/esm/components/Table/Table.mjs +21 -5
- package/esm/components/Table/Table.mjs.map +1 -1
- package/esm/components/Table/Table.module.mjs +1 -1
- package/esm/components/Table/TableDataRenderer.mjs +11 -0
- package/esm/components/Table/TableDataRenderer.mjs.map +1 -0
- 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/TextInput/TextInput.mjs.map +1 -1
- package/esm/components/Textarea/Textarea.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/Box/Box.mjs +6 -0
- package/esm/core/Box/Box.mjs.map +1 -1
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.mjs +9 -3
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.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.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/RemoveScroll.mjs +7 -0
- package/esm/core/RemoveScroll.mjs.map +1 -0
- 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 +2 -2
- package/esm/index.layer.css +2 -2
- package/esm/index.mjs +1 -0
- package/esm/index.mjs.map +1 -1
- package/esm/styles/ActionIcon.css +1 -1
- package/esm/styles/ActionIcon.layer.css +1 -1
- package/esm/styles/Button.css +1 -1
- package/esm/styles/Button.layer.css +1 -1
- package/esm/styles/Checkbox.css +1 -1
- package/esm/styles/Checkbox.layer.css +1 -1
- package/esm/styles/ColorPicker.css +1 -1
- package/esm/styles/ColorPicker.layer.css +1 -1
- package/esm/styles/Radio.css +1 -1
- package/esm/styles/Radio.layer.css +1 -1
- package/esm/styles/Table.css +1 -1
- package/esm/styles/Table.layer.css +1 -1
- package/esm/styles/global.css +1 -1
- package/esm/styles/global.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 +3 -3
- 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 +3 -3
- 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/Checkbox.d.ts +4 -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 +5 -5
- package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +3 -3
- 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 +4 -5
- package/lib/components/Flex/Flex.d.ts +24 -9
- 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 +5 -3
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +1 -1
- package/lib/components/Input/use-input-props.d.ts +4 -4
- package/lib/components/InputBase/InputBase.d.ts +2 -2
- package/lib/components/JsonInput/JsonInput.d.ts +1 -1
- package/lib/components/Loader/Loader.d.ts +2 -0
- 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/NativeSelect/NativeSelect.d.ts +3 -4
- package/lib/components/NavLink/NavLink.d.ts +4 -4
- package/lib/components/Notification/Notification.d.ts +1 -1
- package/lib/components/NumberFormatter/NumberFormatter.d.ts +34 -0
- package/lib/components/NumberFormatter/index.d.ts +2 -0
- 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 +4 -5
- package/lib/components/Pill/Pill.d.ts +1 -1
- package/lib/components/PillsInput/PillsInput.d.ts +6 -4
- 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/Radio.d.ts +3 -1
- 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/Table/Table.components.d.ts +1 -0
- package/lib/components/Table/Table.context.d.ts +1 -0
- package/lib/components/Table/Table.d.ts +16 -1
- package/lib/components/Table/TableDataRenderer.d.ts +8 -0
- package/lib/components/Table/index.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/TextInput/TextInput.d.ts +3 -4
- package/lib/components/Textarea/Textarea.d.ts +4 -4
- 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/components/index.d.ts +1 -0
- package/lib/core/Box/Box.d.ts +6 -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-functions/default-variant-colors-resolver/default-variant-colors-resolver.d.ts +1 -0
- package/lib/core/MantineProvider/color-scheme-managers/types.d.ts +5 -5
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
- 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/MantineType.d.ts +3 -0
- package/lib/core/RemoveScroll.d.ts +1 -0
- 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-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n useFloating,\n flip,\n arrow,\n offset,\n shift,\n useInteractions,\n useHover,\n useFocus,\n useRole,\n useDismiss,\n useDelayGroupContext,\n useDelayGroup,\n inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n position: FloatingPosition;\n closeDelay?: number;\n openDelay?: number;\n onPositionChange
|
|
1
|
+
{"version":3,"file":"use-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n useFloating,\n flip,\n arrow,\n offset,\n shift,\n useInteractions,\n useHover,\n useFocus,\n useRole,\n useDismiss,\n useDelayGroupContext,\n useDelayGroup,\n inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n position: FloatingPosition;\n closeDelay?: number;\n openDelay?: number;\n onPositionChange?: (position: FloatingPosition) => void;\n opened?: boolean;\n offset: number | FloatingAxesOffsets;\n arrowRef?: React.RefObject<HTMLDivElement>;\n arrowOffset?: number;\n events?: { hover: boolean; focus: boolean; touch: boolean };\n positionDependencies: any[];\n inline?: boolean;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n const controlled = typeof settings.opened === 'boolean';\n const opened = controlled ? settings.opened : uncontrolledOpened;\n const withinGroup = useTooltipGroupContext();\n const uid = useId();\n\n const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n\n const onChange = useCallback(\n (_opened: boolean) => {\n setUncontrolledOpened(_opened);\n\n if (_opened) {\n setCurrentId(uid);\n }\n },\n [setCurrentId, uid]\n );\n\n const {\n x,\n y,\n context,\n refs,\n update,\n placement,\n middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n } = useFloating({\n placement: settings.position,\n open: opened,\n onOpenChange: onChange,\n middleware: [\n offset(settings.offset),\n shift({ padding: 8 }),\n flip(),\n arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }),\n ...(settings.inline ? [inline()] : []),\n ],\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(context, {\n enabled: settings.events?.hover,\n delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n mouseOnly: !settings.events?.touch,\n }),\n useFocus(context, { enabled: settings.events?.focus, keyboardOnly: true }),\n useRole(context, { role: 'tooltip' }),\n // cannot be used with controlled tooltip, page jumps\n useDismiss(context, { enabled: typeof settings.opened === undefined }),\n useDelayGroup(context, { id: uid }),\n ]);\n\n useFloatingAutoUpdate({\n opened,\n position: settings.position,\n positionDependencies: settings.positionDependencies,\n floating: { refs, update },\n });\n\n useDidUpdate(() => {\n settings.onPositionChange?.(placement);\n }, [placement]);\n\n const isGroupPhase = opened && currentId && currentId !== uid;\n\n return {\n x,\n y,\n arrowX,\n arrowY,\n reference: refs.setReference,\n floating: refs.setFloating,\n getFloatingProps,\n getReferenceProps,\n isGroupPhase,\n opened,\n placement,\n };\n}\n"],"names":["useState","useTooltipGroupContext","useId","useDelayGroupContext","useCallback","useFloating","offset","shift","flip","arrow","inline","useInteractions","useHover","useFocus","useRole","useDismiss","useDelayGroup","useFloatingAutoUpdate","useDidUpdate"],"mappings":";;;;;;;;;;;AAmBO,SAAS,UAAU,CAAC,QAAQ,EAAE;AACrC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACjB,EAAE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AACtE,EAAE,MAAM,UAAU,GAAG,OAAO,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAC;AAC1D,EAAE,MAAM,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,MAAM,GAAG,kBAAkB,CAAC;AACnE,EAAE,MAAM,WAAW,GAAGC,2CAAsB,EAAE,CAAC;AAC/C,EAAE,MAAM,GAAG,GAAGC,WAAK,EAAE,CAAC;AACtB,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,GAAGC,0BAAoB,EAAE,CAAC;AAChF,EAAE,MAAM,QAAQ,GAAGC,iBAAW;AAC9B,IAAI,CAAC,OAAO,KAAK;AACjB,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACrC,MAAM,IAAI,OAAO,EAAE;AACnB,QAAQ,YAAY,CAAC,GAAG,CAAC,CAAC;AAC1B,OAAO;AACP,KAAK;AACL,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC;AACvB,GAAG,CAAC;AACJ,EAAE,MAAM;AACR,IAAI,CAAC;AACL,IAAI,CAAC;AACL,IAAI,OAAO;AACX,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;AAC5D,GAAG,GAAGC,iBAAW,CAAC;AAClB,IAAI,SAAS,EAAE,QAAQ,CAAC,QAAQ;AAChC,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,YAAY,EAAE,QAAQ;AAC1B,IAAI,UAAU,EAAE;AAChB,MAAMC,YAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC7B,MAAMC,WAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;AAC3B,MAAMC,UAAI,EAAE;AACZ,MAAMC,WAAK,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC;AAC1E,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,CAACC,YAAM,EAAE,CAAC,GAAG,EAAE;AAC1C,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAGC,qBAAe,CAAC;AAClE,IAAIC,cAAQ,CAAC,OAAO,EAAE;AACtB,MAAM,OAAO,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK;AACjE,MAAM,KAAK,EAAE,WAAW,GAAG,UAAU,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE;AAChG,MAAM,SAAS,EAAE,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;AACtE,KAAK,CAAC;AACN,IAAIC,cAAQ,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AAC1G,IAAIC,aAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AACzC;AACA,IAAIC,gBAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,EAAE,CAAC;AACvE,IAAIC,mBAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;AACvC,GAAG,CAAC,CAAC;AACL,EAAEC,2CAAqB,CAAC;AACxB,IAAI,MAAM;AACV,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AAC/B,IAAI,oBAAoB,EAAE,QAAQ,CAAC,oBAAoB;AACvD,IAAI,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC9B,GAAG,CAAC,CAAC;AACL,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,gBAAgB,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvF,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,EAAE,MAAM,YAAY,GAAG,MAAM,IAAI,SAAS,IAAI,SAAS,KAAK,GAAG,CAAC;AAChE,EAAE,OAAO;AACT,IAAI,CAAC;AACL,IAAI,CAAC;AACL,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,SAAS,EAAE,IAAI,CAAC,YAAY;AAChC,IAAI,QAAQ,EAAE,IAAI,CAAC,WAAW;AAC9B,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,GAAG,CAAC;AACJ;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Transition.js","sources":["../../../src/components/Transition/Transition.tsx"],"sourcesContent":["import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles';\nimport { useTransition } from './use-transition';\nimport { MantineTransition } from './transitions';\n\nexport interface TransitionProps {\n /** If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */\n keepMounted?: boolean;\n\n /** Transition name or object */\n transition?: MantineTransition;\n\n /** Transition duration in ms, `250` by default */\n duration?: number;\n\n /** Exit transition duration in ms, `250` by default */\n exitDuration?: number;\n\n /** Transition timing function, `theme.transitionTimingFunction` by default */\n timingFunction?: string;\n\n /** Determines whether component should be mounted to the DOM */\n mounted: boolean;\n\n /** Render function with transition styles argument */\n children(styles: React.CSSProperties)
|
|
1
|
+
{"version":3,"file":"Transition.js","sources":["../../../src/components/Transition/Transition.tsx"],"sourcesContent":["import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles';\nimport { useTransition } from './use-transition';\nimport { MantineTransition } from './transitions';\n\nexport interface TransitionProps {\n /** If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */\n keepMounted?: boolean;\n\n /** Transition name or object */\n transition?: MantineTransition;\n\n /** Transition duration in ms, `250` by default */\n duration?: number;\n\n /** Exit transition duration in ms, `250` by default */\n exitDuration?: number;\n\n /** Transition timing function, `theme.transitionTimingFunction` by default */\n timingFunction?: string;\n\n /** Determines whether component should be mounted to the DOM */\n mounted: boolean;\n\n /** Render function with transition styles argument */\n children: (styles: React.CSSProperties) => JSX.Element;\n\n /** Called when exit transition ends */\n onExited?: () => void;\n\n /** Called when exit transition starts */\n onExit?: () => void;\n\n /** Called when enter transition starts */\n onEnter?: () => void;\n\n /** Called when enter transition ends */\n onEntered?: () => void;\n}\n\nexport type TransitionOverride = Partial<Omit<TransitionProps, 'mounted'>>;\n\nexport function Transition({\n keepMounted,\n transition = 'fade',\n duration = 250,\n exitDuration = duration,\n mounted,\n children,\n timingFunction = 'ease',\n onExit,\n onEntered,\n onEnter,\n onExited,\n}: TransitionProps) {\n const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n mounted,\n exitDuration,\n duration,\n timingFunction,\n onExit,\n onEntered,\n onEnter,\n onExited,\n });\n\n if (transitionDuration === 0) {\n return mounted ? <>{children({})}</> : keepMounted ? children({ display: 'none' }) : null;\n }\n\n return transitionStatus === 'exited' ? (\n keepMounted ? (\n children({ display: 'none' })\n ) : null\n ) : (\n <>\n {children(\n getTransitionStyles({\n transition,\n duration: transitionDuration,\n state: transitionStatus,\n timingFunction: transitionTimingFunction,\n })\n )}\n </>\n );\n}\n\nTransition.displayName = '@mantine/core/Transition';\n"],"names":["useTransition","React","getTransitionStyles"],"mappings":";;;;;;;;;;;;;AAGO,SAAS,UAAU,CAAC;AAC3B,EAAE,WAAW;AACb,EAAE,UAAU,GAAG,MAAM;AACrB,EAAE,QAAQ,GAAG,GAAG;AAChB,EAAE,YAAY,GAAG,QAAQ;AACzB,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,cAAc,GAAG,MAAM;AACzB,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,GAAGA,2BAAa,CAAC;AAC3F,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,kBAAkB,KAAK,CAAC,EAAE;AAChC,IAAI,OAAO,OAAO,mBAAmBC,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;AAClJ,GAAG;AACH,EAAE,OAAO,gBAAgB,KAAK,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,mBAAmBA,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ;AAChK,IAAIC,uCAAmB,CAAC;AACxB,MAAM,UAAU;AAChB,MAAM,QAAQ,EAAE,kBAAkB;AAClC,MAAM,KAAK,EAAE,gBAAgB;AAC7B,MAAM,cAAc,EAAE,wBAAwB;AAC9C,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;"}
|
|
@@ -24,11 +24,11 @@ var __spreadValues = (a, b) => {
|
|
|
24
24
|
return a;
|
|
25
25
|
};
|
|
26
26
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
27
|
-
const popIn = {
|
|
27
|
+
const popIn = (from) => ({
|
|
28
28
|
in: { opacity: 1, transform: "scale(1)" },
|
|
29
|
-
out: { opacity: 0, transform: `scale(.9) translateY(${rem.rem(10)})` },
|
|
29
|
+
out: { opacity: 0, transform: `scale(.9) translateY(${rem.rem(from === "bottom" ? 10 : -10)})` },
|
|
30
30
|
transitionProperty: "transform, opacity"
|
|
31
|
-
};
|
|
31
|
+
});
|
|
32
32
|
const transitions = {
|
|
33
33
|
fade: {
|
|
34
34
|
in: { opacity: 1 },
|
|
@@ -101,19 +101,19 @@ const transitions = {
|
|
|
101
101
|
common: { transformOrigin: "right" },
|
|
102
102
|
transitionProperty: "transform, opacity"
|
|
103
103
|
},
|
|
104
|
-
pop: __spreadProps(__spreadValues({}, popIn), {
|
|
104
|
+
pop: __spreadProps(__spreadValues({}, popIn("bottom")), {
|
|
105
105
|
common: { transformOrigin: "center center" }
|
|
106
106
|
}),
|
|
107
|
-
"pop-bottom-left": __spreadProps(__spreadValues({}, popIn), {
|
|
107
|
+
"pop-bottom-left": __spreadProps(__spreadValues({}, popIn("bottom")), {
|
|
108
108
|
common: { transformOrigin: "bottom left" }
|
|
109
109
|
}),
|
|
110
|
-
"pop-bottom-right": __spreadProps(__spreadValues({}, popIn), {
|
|
110
|
+
"pop-bottom-right": __spreadProps(__spreadValues({}, popIn("bottom")), {
|
|
111
111
|
common: { transformOrigin: "bottom right" }
|
|
112
112
|
}),
|
|
113
|
-
"pop-top-left": __spreadProps(__spreadValues({}, popIn), {
|
|
113
|
+
"pop-top-left": __spreadProps(__spreadValues({}, popIn("top")), {
|
|
114
114
|
common: { transformOrigin: "top left" }
|
|
115
115
|
}),
|
|
116
|
-
"pop-top-right": __spreadProps(__spreadValues({}, popIn), {
|
|
116
|
+
"pop-top-right": __spreadProps(__spreadValues({}, popIn("top")), {
|
|
117
117
|
common: { transformOrigin: "top right" }
|
|
118
118
|
})
|
|
119
119
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transitions.js","sources":["../../../src/components/Transition/transitions.ts"],"sourcesContent":["import React from 'react';\nimport { rem } from '../../core';\n\nexport interface MantineTransitionStyles {\n common?: React.CSSProperties;\n in: React.CSSProperties;\n out: React.CSSProperties;\n transitionProperty: React.CSSProperties['transitionProperty'];\n}\n\nexport type MantineTransitionName =\n | 'fade'\n | 'skew-up'\n | 'skew-down'\n | 'rotate-right'\n | 'rotate-left'\n | 'slide-down'\n | 'slide-up'\n | 'slide-right'\n | 'slide-left'\n | 'scale-y'\n | 'scale-x'\n | 'scale'\n | 'pop'\n | 'pop-top-left'\n | 'pop-top-right'\n | 'pop-bottom-left'\n | 'pop-bottom-right';\n\nexport type MantineTransition = MantineTransitionName | MantineTransitionStyles;\n\nconst popIn = {\n in: { opacity: 1, transform: 'scale(1)' },\n out: { opacity: 0, transform: `scale(.9) translateY(${rem(10)})` },\n transitionProperty: 'transform, opacity',\n};\n\nexport const transitions: Record<MantineTransitionName, MantineTransitionStyles> = {\n fade: {\n in: { opacity: 1 },\n out: { opacity: 0 },\n transitionProperty: 'opacity',\n },\n\n scale: {\n in: { opacity: 1, transform: 'scale(1)' },\n out: { opacity: 0, transform: 'scale(0)' },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'scale-y': {\n in: { opacity: 1, transform: 'scaleY(1)' },\n out: { opacity: 0, transform: 'scaleY(0)' },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'scale-x': {\n in: { opacity: 1, transform: 'scaleX(1)' },\n out: { opacity: 0, transform: 'scaleX(0)' },\n common: { transformOrigin: 'left' },\n transitionProperty: 'transform, opacity',\n },\n\n 'skew-up': {\n in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n out: { opacity: 0, transform: `translateY(-${rem(20)}) skew(-10deg, -5deg)` },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'skew-down': {\n in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },\n common: { transformOrigin: 'bottom' },\n transitionProperty: 'transform, opacity',\n },\n\n 'rotate-left': {\n in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },\n common: { transformOrigin: 'bottom' },\n transitionProperty: 'transform, opacity',\n },\n\n 'rotate-right': {\n in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-down': {\n in: { opacity: 1, transform: 'translateY(0)' },\n out: { opacity: 0, transform: 'translateY(-100%)' },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-up': {\n in: { opacity: 1, transform: 'translateY(0)' },\n out: { opacity: 0, transform: 'translateY(100%)' },\n common: { transformOrigin: 'bottom' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-left': {\n in: { opacity: 1, transform: 'translateX(0)' },\n out: { opacity: 0, transform: 'translateX(100%)' },\n common: { transformOrigin: 'left' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-right': {\n in: { opacity: 1, transform: 'translateX(0)' },\n out: { opacity: 0, transform: 'translateX(-100%)' },\n common: { transformOrigin: 'right' },\n transitionProperty: 'transform, opacity',\n },\n\n pop: {\n ...popIn,\n common: { transformOrigin: 'center center' },\n },\n\n 'pop-bottom-left': {\n ...popIn,\n common: { transformOrigin: 'bottom left' },\n },\n\n 'pop-bottom-right': {\n ...popIn,\n common: { transformOrigin: 'bottom right' },\n },\n\n 'pop-top-left': {\n ...popIn,\n common: { transformOrigin: 'top left' },\n },\n\n 'pop-top-right': {\n ...popIn,\n common: { transformOrigin: 'top right' },\n },\n};\n"],"names":["rem"],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,MAAM,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"transitions.js","sources":["../../../src/components/Transition/transitions.ts"],"sourcesContent":["import React from 'react';\nimport { rem } from '../../core';\n\nexport interface MantineTransitionStyles {\n common?: React.CSSProperties;\n in: React.CSSProperties;\n out: React.CSSProperties;\n transitionProperty: React.CSSProperties['transitionProperty'];\n}\n\nexport type MantineTransitionName =\n | 'fade'\n | 'skew-up'\n | 'skew-down'\n | 'rotate-right'\n | 'rotate-left'\n | 'slide-down'\n | 'slide-up'\n | 'slide-right'\n | 'slide-left'\n | 'scale-y'\n | 'scale-x'\n | 'scale'\n | 'pop'\n | 'pop-top-left'\n | 'pop-top-right'\n | 'pop-bottom-left'\n | 'pop-bottom-right';\n\nexport type MantineTransition = MantineTransitionName | MantineTransitionStyles;\n\nconst popIn = (from: 'top' | 'bottom') => ({\n in: { opacity: 1, transform: 'scale(1)' },\n out: { opacity: 0, transform: `scale(.9) translateY(${rem(from === 'bottom' ? 10 : -10)})` },\n transitionProperty: 'transform, opacity',\n});\n\nexport const transitions: Record<MantineTransitionName, MantineTransitionStyles> = {\n fade: {\n in: { opacity: 1 },\n out: { opacity: 0 },\n transitionProperty: 'opacity',\n },\n\n scale: {\n in: { opacity: 1, transform: 'scale(1)' },\n out: { opacity: 0, transform: 'scale(0)' },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'scale-y': {\n in: { opacity: 1, transform: 'scaleY(1)' },\n out: { opacity: 0, transform: 'scaleY(0)' },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'scale-x': {\n in: { opacity: 1, transform: 'scaleX(1)' },\n out: { opacity: 0, transform: 'scaleX(0)' },\n common: { transformOrigin: 'left' },\n transitionProperty: 'transform, opacity',\n },\n\n 'skew-up': {\n in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n out: { opacity: 0, transform: `translateY(-${rem(20)}) skew(-10deg, -5deg)` },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'skew-down': {\n in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },\n common: { transformOrigin: 'bottom' },\n transitionProperty: 'transform, opacity',\n },\n\n 'rotate-left': {\n in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },\n common: { transformOrigin: 'bottom' },\n transitionProperty: 'transform, opacity',\n },\n\n 'rotate-right': {\n in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-down': {\n in: { opacity: 1, transform: 'translateY(0)' },\n out: { opacity: 0, transform: 'translateY(-100%)' },\n common: { transformOrigin: 'top' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-up': {\n in: { opacity: 1, transform: 'translateY(0)' },\n out: { opacity: 0, transform: 'translateY(100%)' },\n common: { transformOrigin: 'bottom' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-left': {\n in: { opacity: 1, transform: 'translateX(0)' },\n out: { opacity: 0, transform: 'translateX(100%)' },\n common: { transformOrigin: 'left' },\n transitionProperty: 'transform, opacity',\n },\n\n 'slide-right': {\n in: { opacity: 1, transform: 'translateX(0)' },\n out: { opacity: 0, transform: 'translateX(-100%)' },\n common: { transformOrigin: 'right' },\n transitionProperty: 'transform, opacity',\n },\n\n pop: {\n ...popIn('bottom'),\n common: { transformOrigin: 'center center' },\n },\n\n 'pop-bottom-left': {\n ...popIn('bottom'),\n common: { transformOrigin: 'bottom left' },\n },\n\n 'pop-bottom-right': {\n ...popIn('bottom'),\n common: { transformOrigin: 'bottom right' },\n },\n\n 'pop-top-left': {\n ...popIn('top'),\n common: { transformOrigin: 'top left' },\n },\n\n 'pop-top-right': {\n ...popIn('top'),\n common: { transformOrigin: 'top right' },\n },\n};\n"],"names":["rem"],"mappings":"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"}
|
|
@@ -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;;"}
|
package/cjs/core/Box/Box.js
CHANGED
|
@@ -61,6 +61,8 @@ const _Box = React.forwardRef(
|
|
|
61
61
|
size,
|
|
62
62
|
hiddenFrom,
|
|
63
63
|
visibleFrom,
|
|
64
|
+
lightHidden,
|
|
65
|
+
darkHidden,
|
|
64
66
|
renderRoot
|
|
65
67
|
} = _b, others = __objRest(_b, [
|
|
66
68
|
"component",
|
|
@@ -72,6 +74,8 @@ const _Box = React.forwardRef(
|
|
|
72
74
|
"size",
|
|
73
75
|
"hiddenFrom",
|
|
74
76
|
"visibleFrom",
|
|
77
|
+
"lightHidden",
|
|
78
|
+
"darkHidden",
|
|
75
79
|
"renderRoot"
|
|
76
80
|
]);
|
|
77
81
|
const theme = MantineThemeProvider.useMantineTheme();
|
|
@@ -93,6 +97,8 @@ const _Box = React.forwardRef(
|
|
|
93
97
|
}),
|
|
94
98
|
className: cx__default(className, {
|
|
95
99
|
[responsiveClassName]: parsedStyleProps.hasResponsiveStyles,
|
|
100
|
+
"mantine-light-hidden": lightHidden,
|
|
101
|
+
"mantine-dark-hidden": darkHidden,
|
|
96
102
|
[`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,
|
|
97
103
|
[`mantine-visible-from-${visibleFrom}`]: visibleFrom
|
|
98
104
|
}),
|
package/cjs/core/Box/Box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme, MantineBreakpoint } from '../MantineProvider';\nimport { InlineStyles } from '../InlineStyles';\nimport { createPolymorphicComponent } from '../factory';\nimport type { MantineStyleProp, CssVarsProp } from './Box.types';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\nimport {\n MantineStyleProps,\n extractStyleProps,\n parseStyleProps,\n STYlE_PROPS_DATA,\n} from './style-props';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { isNumberLike } from '../utils';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n /** Class added to the root element, if applicable */\n className?: string;\n\n /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n style?: MantineStyleProp;\n\n /** CSS variables defined on root component element */\n __vars?: CssVarsProp;\n\n /** Breakpoint above which the component is hidden with `display: none` */\n hiddenFrom?: MantineBreakpoint;\n\n /** Breakpoint below which the component is hidden with `display: none` */\n visibleFrom?: MantineBreakpoint;\n}\n\nexport type ElementProps<\n ElementType extends React.ElementType,\n PropsToOmit extends string = never,\n> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n /** Variant passed from parent component, sets `data-variant` */\n variant?: string;\n\n /** Size passed from parent component, sets `data-size` if value is not number like */\n size?: string | number;\n\n /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n mod?: BoxMod;\n}\n\nconst _Box = forwardRef<\n HTMLDivElement,\n BoxComponentProps & { component: any; className: string; renderRoot: any }\n>(\n (\n {\n component,\n style,\n __vars,\n className,\n variant,\n mod,\n size,\n hiddenFrom,\n visibleFrom,\n renderRoot,\n ...others\n },\n ref\n ) => {\n const theme = useMantineTheme();\n const Element = component || 'div';\n const { styleProps, rest } = extractStyleProps(others);\n const responsiveClassName = useRandomClassName();\n const parsedStyleProps = parseStyleProps({\n styleProps,\n theme,\n data: STYlE_PROPS_DATA,\n });\n\n const props = {\n ref,\n style: getBoxStyle({\n theme,\n style,\n vars: __vars,\n styleProps: parsedStyleProps.inlineStyles,\n }),\n className: cx(className, {\n [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n }),\n 'data-variant': variant,\n 'data-size': isNumberLike(size) ? undefined : size || undefined,\n ...getBoxMod(mod),\n ...rest,\n };\n\n return (\n <>\n {parsedStyleProps.hasResponsiveStyles && (\n <InlineStyles\n selector={`.${responsiveClassName}`}\n styles={parsedStyleProps.styles}\n media={parsedStyleProps.media}\n />\n )}\n\n {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n </>\n );\n }\n);\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = createPolymorphicComponent<'div', BoxComponentProps>(_Box);\n"],"names":["forwardRef","useMantineTheme","extractStyleProps","useRandomClassName","parseStyleProps","STYlE_PROPS_DATA","getBoxStyle","cx","isNumberLike","getBoxMod","React","InlineStyles","createPolymorphicComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Box.js","sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme, MantineBreakpoint } from '../MantineProvider';\nimport { InlineStyles } from '../InlineStyles';\nimport { createPolymorphicComponent } from '../factory';\nimport type { MantineStyleProp, CssVarsProp } from './Box.types';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\nimport {\n MantineStyleProps,\n extractStyleProps,\n parseStyleProps,\n STYlE_PROPS_DATA,\n} from './style-props';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { isNumberLike } from '../utils';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n /** Class added to the root element, if applicable */\n className?: string;\n\n /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n style?: MantineStyleProp;\n\n /** CSS variables defined on root component element */\n __vars?: CssVarsProp;\n\n /** Breakpoint above which the component is hidden with `display: none` */\n hiddenFrom?: MantineBreakpoint;\n\n /** Breakpoint below which the component is hidden with `display: none` */\n visibleFrom?: MantineBreakpoint;\n\n /** Determines whether component should be hidden in light color scheme with `display: none` */\n lightHidden?: boolean;\n\n /** Determines whether component should be hidden in dark color scheme with `display: none` */\n darkHidden?: boolean;\n}\n\nexport type ElementProps<\n ElementType extends React.ElementType,\n PropsToOmit extends string = never,\n> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n /** Variant passed from parent component, sets `data-variant` */\n variant?: string;\n\n /** Size passed from parent component, sets `data-size` if value is not number like */\n size?: string | number;\n\n /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n mod?: BoxMod;\n}\n\nconst _Box = forwardRef<\n HTMLDivElement,\n BoxComponentProps & { component: any; className: string; renderRoot: any }\n>(\n (\n {\n component,\n style,\n __vars,\n className,\n variant,\n mod,\n size,\n hiddenFrom,\n visibleFrom,\n lightHidden,\n darkHidden,\n renderRoot,\n ...others\n },\n ref\n ) => {\n const theme = useMantineTheme();\n const Element = component || 'div';\n const { styleProps, rest } = extractStyleProps(others);\n const responsiveClassName = useRandomClassName();\n const parsedStyleProps = parseStyleProps({\n styleProps,\n theme,\n data: STYlE_PROPS_DATA,\n });\n\n const props = {\n ref,\n style: getBoxStyle({\n theme,\n style,\n vars: __vars,\n styleProps: parsedStyleProps.inlineStyles,\n }),\n className: cx(className, {\n [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n 'mantine-light-hidden': lightHidden,\n 'mantine-dark-hidden': darkHidden,\n [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n }),\n 'data-variant': variant,\n 'data-size': isNumberLike(size) ? undefined : size || undefined,\n ...getBoxMod(mod),\n ...rest,\n };\n\n return (\n <>\n {parsedStyleProps.hasResponsiveStyles && (\n <InlineStyles\n selector={`.${responsiveClassName}`}\n styles={parsedStyleProps.styles}\n media={parsedStyleProps.media}\n />\n )}\n\n {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n </>\n );\n }\n);\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = createPolymorphicComponent<'div', BoxComponentProps>(_Box);\n"],"names":["forwardRef","useMantineTheme","extractStyleProps","useRandomClassName","parseStyleProps","STYlE_PROPS_DATA","getBoxStyle","cx","isNumberLike","getBoxMod","React","InlineStyles","createPolymorphicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAeF,MAAM,IAAI,GAAGA,gBAAU;AACvB,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK;AACf,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE;AACjB,MAAM,SAAS;AACf,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,GAAG;AACT,MAAM,IAAI;AACV,MAAM,UAAU;AAChB,MAAM,WAAW;AACjB,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,UAAU;AAChB,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACnC,MAAM,WAAW;AACjB,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,MAAM,SAAS;AACf,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,KAAK,GAAGC,oCAAe,EAAE,CAAC;AACpC,IAAI,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC;AACvC,IAAI,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAGC,mCAAiB,CAAC,MAAM,CAAC,CAAC;AAC3D,IAAI,MAAM,mBAAmB,GAAGC,qCAAkB,EAAE,CAAC;AACrD,IAAI,MAAM,gBAAgB,GAAGC,+BAAe,CAAC;AAC7C,MAAM,UAAU;AAChB,MAAM,KAAK;AACX,MAAM,IAAI,EAAEC,+BAAgB;AAC5B,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,KAAK,GAAG,cAAc,CAAC,cAAc,CAAC;AAChD,MAAM,GAAG;AACT,MAAM,KAAK,EAAEC,uBAAW,CAAC;AACzB,QAAQ,KAAK;AACb,QAAQ,KAAK;AACb,QAAQ,IAAI,EAAE,MAAM;AACpB,QAAQ,UAAU,EAAE,gBAAgB,CAAC,YAAY;AACjD,OAAO,CAAC;AACR,MAAM,SAAS,EAAEC,WAAE,CAAC,SAAS,EAAE;AAC/B,QAAQ,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,mBAAmB;AACnE,QAAQ,sBAAsB,EAAE,WAAW;AAC3C,QAAQ,qBAAqB,EAAE,UAAU;AACzC,QAAQ,CAAC,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC,GAAG,UAAU;AACzD,QAAQ,CAAC,CAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC,GAAG,WAAW;AAC5D,OAAO,CAAC;AACR,MAAM,cAAc,EAAE,OAAO;AAC7B,MAAM,WAAW,EAAEC,yBAAY,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC;AAC/D,KAAK,EAAEC,mBAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC9B,IAAI,uBAAuBC,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,gBAAgB,CAAC,mBAAmB,oBAAoBA,cAAK,CAAC,aAAa;AAChJ,MAAMC,yBAAY;AAClB,MAAM;AACN,QAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAC3C,QAAQ,MAAM,EAAE,gBAAgB,CAAC,MAAM;AACvC,QAAQ,KAAK,EAAE,gBAAgB,CAAC,KAAK;AACrC,OAAO;AACP,KAAK,EAAE,OAAO,UAAU,KAAK,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,mBAAmBD,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACvI,GAAG;AACH,CAAC,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAC3B,MAAC,GAAG,GAAGE,qDAA0B,CAAC,IAAI;;"}
|
|
@@ -66,7 +66,9 @@ function extractStyleProps(others) {
|
|
|
66
66
|
inset,
|
|
67
67
|
display,
|
|
68
68
|
hiddenFrom,
|
|
69
|
-
visibleFrom
|
|
69
|
+
visibleFrom,
|
|
70
|
+
lightHidden,
|
|
71
|
+
darkHidden
|
|
70
72
|
} = _a, rest = __objRest(_a, [
|
|
71
73
|
"m",
|
|
72
74
|
"mx",
|
|
@@ -112,7 +114,9 @@ function extractStyleProps(others) {
|
|
|
112
114
|
"inset",
|
|
113
115
|
"display",
|
|
114
116
|
"hiddenFrom",
|
|
115
|
-
"visibleFrom"
|
|
117
|
+
"visibleFrom",
|
|
118
|
+
"lightHidden",
|
|
119
|
+
"darkHidden"
|
|
116
120
|
]);
|
|
117
121
|
const styleProps = filterProps.filterProps({
|
|
118
122
|
m,
|
|
@@ -159,7 +163,9 @@ function extractStyleProps(others) {
|
|
|
159
163
|
inset,
|
|
160
164
|
display,
|
|
161
165
|
hiddenFrom,
|
|
162
|
-
visibleFrom
|
|
166
|
+
visibleFrom,
|
|
167
|
+
lightHidden,
|
|
168
|
+
darkHidden
|
|
163
169
|
});
|
|
164
170
|
return { styleProps, rest };
|
|
165
171
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-style-props.js","sources":["../../../../../src/core/Box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils';\nimport type { MantineStyleProps } from '../style-props.types';\n\nexport function extractStyleProps<T extends Record<string, any>>(\n others: MantineStyleProps & T\n): { styleProps: MantineStyleProps; rest: T } {\n const {\n m,\n mx,\n my,\n mt,\n mb,\n ml,\n mr,\n p,\n px,\n py,\n pt,\n pb,\n pl,\n pr,\n bg,\n c,\n opacity,\n ff,\n fz,\n fw,\n lts,\n ta,\n lh,\n fs,\n tt,\n td,\n w,\n miw,\n maw,\n h,\n mih,\n mah,\n bgsz,\n bgp,\n bgr,\n bga,\n pos,\n top,\n left,\n bottom,\n right,\n inset,\n display,\n hiddenFrom,\n visibleFrom,\n ...rest\n } = others;\n const styleProps = filterProps({\n m,\n mx,\n my,\n mt,\n mb,\n ml,\n mr,\n p,\n px,\n py,\n pt,\n pb,\n pl,\n pr,\n bg,\n c,\n opacity,\n ff,\n fz,\n fw,\n lts,\n ta,\n lh,\n fs,\n tt,\n td,\n w,\n miw,\n maw,\n h,\n mih,\n mah,\n bgsz,\n bgp,\n bgr,\n bga,\n pos,\n top,\n left,\n bottom,\n right,\n inset,\n display,\n hiddenFrom,\n visibleFrom,\n });\n\n return { styleProps, rest: rest as unknown as T };\n}\n"],"names":["filterProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"extract-style-props.js","sources":["../../../../../src/core/Box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils';\nimport type { MantineStyleProps } from '../style-props.types';\n\nexport function extractStyleProps<T extends Record<string, any>>(\n others: MantineStyleProps & T\n): { styleProps: MantineStyleProps; rest: T } {\n const {\n m,\n mx,\n my,\n mt,\n mb,\n ml,\n mr,\n p,\n px,\n py,\n pt,\n pb,\n pl,\n pr,\n bg,\n c,\n opacity,\n ff,\n fz,\n fw,\n lts,\n ta,\n lh,\n fs,\n tt,\n td,\n w,\n miw,\n maw,\n h,\n mih,\n mah,\n bgsz,\n bgp,\n bgr,\n bga,\n pos,\n top,\n left,\n bottom,\n right,\n inset,\n display,\n hiddenFrom,\n visibleFrom,\n lightHidden,\n darkHidden,\n ...rest\n } = others;\n\n const styleProps = filterProps({\n m,\n mx,\n my,\n mt,\n mb,\n ml,\n mr,\n p,\n px,\n py,\n pt,\n pb,\n pl,\n pr,\n bg,\n c,\n opacity,\n ff,\n fz,\n fw,\n lts,\n ta,\n lh,\n fs,\n tt,\n td,\n w,\n miw,\n maw,\n h,\n mih,\n mah,\n bgsz,\n bgp,\n bgr,\n bga,\n pos,\n top,\n left,\n bottom,\n right,\n inset,\n display,\n hiddenFrom,\n visibleFrom,\n lightHidden,\n darkHidden,\n });\n\n return { styleProps, rest: rest as unknown as T };\n}\n"],"names":["filterProps"],"mappings":"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"}
|
|
@@ -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;;"}
|
|
@@ -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 hoverColor?: 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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"}
|
|
@@ -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":";;;;;;;;;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,CAAC,EAAE,eAAe,EAAE,GAAG,EAAE,EAAE;AAChE,EAAE,MAAM,cAAc,GAAGA,YAAM,EAAE,CAAC;AAClC,EAAE,MAAM,UAAU,GAAGA,YAAM,EAAE,CAAC;AAC9B,EAAE,MAAM,GAAG,GAAGC,gBAAU,CAACC,8BAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,MAAM,cAAc,GAAG,CAAC,KAAK,KAAK;AACpC,IAAI,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9B,IAAI,cAAc,CAAC,OAAO,GAAG,eAAe,GAAG,MAAM;AACrD,KAAK,GAAG,iBAAiB,EAAE,CAAC;AAC5B,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,MAAM;AACjC,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC;AAC3B,IAAI,cAAc,CAAC,OAAO,GAAG,eAAe,GAAG,MAAM;AACrD,KAAK,GAAG,iBAAiB,EAAE,CAAC;AAC5B,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAGC,oBAAc,CAAC,OAAO,EAAE,EAAE,uBAAuB,EAAE,KAAK,EAAE,CAAC,CAAC;AACpF,EAAE,MAAM,mBAAmB,GAAG,GAAG,CAAC,WAAW,KAAK,MAAM,GAAG,aAAa,GAAG,GAAG,CAAC,WAAW,CAAC;AAC3F,EAAE,MAAM,iBAAiB,GAAGC,iBAAW;AACvC,IAAI,MAAM,cAAc,CAAC,mBAAmB,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5E,IAAI,CAAC,cAAc,EAAE,mBAAmB,CAAC;AACzC,GAAG,CAAC;AACJ,EAAEC,eAAS;AACX,IAAI,MAAM,MAAM;AAChB,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC9C,KAAK;AACL,IAAI,EAAE;AACN,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,GAAG,CAAC,WAAW;AAChC,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AACrB,GAAG,CAAC;AACJ;;"}
|
|
@@ -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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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var reactRemoveScroll = require('react-remove-scroll');
|
|
7
|
+
|
|
8
|
+
const RemoveScroll = reactRemoveScroll.RemoveScroll;
|
|
9
|
+
|
|
10
|
+
exports.RemoveScroll = RemoveScroll;
|
|
11
|
+
//# sourceMappingURL=RemoveScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RemoveScroll.js","sources":["../../src/core/RemoveScroll.tsx"],"sourcesContent":["'use client';\nimport { RemoveScroll as _RemoveScroll } from 'react-remove-scroll';\n\nexport const RemoveScroll = _RemoveScroll;\n"],"names":["_RemoveScroll"],"mappings":";;;;;;;AAEY,MAAC,YAAY,GAAGA;;"}
|
|
@@ -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;;"}
|