@mantine/core 9.3.1 → 9.4.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.cjs +1 -0
- package/cjs/components/Accordion/Accordion.cjs.map +1 -1
- package/cjs/components/Accordion/Accordion.context.cjs.map +1 -1
- package/cjs/components/Accordion/AccordionChevron.cjs.map +1 -1
- package/cjs/components/Accordion/AccordionControl/AccordionControl.cjs.map +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.cjs.map +1 -1
- package/cjs/components/Accordion/AccordionItem.context.cjs.map +1 -1
- package/cjs/components/Accordion/AccordionPanel/AccordionPanel.cjs.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.cjs +1 -0
- package/cjs/components/ActionIcon/ActionIcon.cjs.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.cjs +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.cjs.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.cjs.map +1 -1
- package/cjs/components/Affix/Affix.cjs.map +1 -1
- package/cjs/components/Alert/Alert.cjs.map +1 -1
- package/cjs/components/Anchor/Anchor.cjs.map +1 -1
- package/cjs/components/AngleSlider/AngleSlider.cjs.map +1 -1
- package/cjs/components/AppShell/AppShell.cjs.map +1 -1
- package/cjs/components/AppShell/AppShell.context.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellAside/AppShellAside.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellFooter/AppShellFooter.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellHeader/AppShellHeader.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMain/AppShellMain.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellNavbar/AppShellNavbar.cjs.map +1 -1
- package/cjs/components/AppShell/AppShellSection/AppShellSection.cjs.map +1 -1
- package/cjs/components/AppShell/use-resizing/use-resizing.cjs.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.cjs.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.cjs.map +1 -1
- package/cjs/components/Avatar/Avatar.cjs.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.cjs.map +1 -1
- package/cjs/components/Avatar/AvatarPlaceholderIcon.cjs.map +1 -1
- package/cjs/components/Avatar/get-initials/get-initials.cjs.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.cjs.map +1 -1
- package/cjs/components/Badge/Badge.cjs.map +1 -1
- package/cjs/components/Blockquote/Blockquote.cjs.map +1 -1
- package/cjs/components/Blockquote/Blockquote.module.cjs.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.cjs.map +1 -1
- package/cjs/components/Burger/Burger.cjs.map +1 -1
- package/cjs/components/Button/Button.cjs.map +1 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.cjs.map +1 -1
- package/cjs/components/Button/ButtonGroupSection/ButtonGroupSection.cjs.map +1 -1
- package/cjs/components/Card/Card.cjs.map +1 -1
- package/cjs/components/Card/Card.context.cjs.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.cjs.map +1 -1
- package/cjs/components/Center/Center.cjs.map +1 -1
- package/cjs/components/Checkbox/CheckIcon.cjs.map +1 -1
- package/cjs/components/Checkbox/Checkbox.cjs +2 -1
- package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
- package/cjs/components/Checkbox/CheckboxCard/CheckboxCard.cjs.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.cjs.map +1 -1
- package/cjs/components/Checkbox/CheckboxIndicator/CheckboxIndicator.cjs.map +1 -1
- package/cjs/components/Chip/Chip.cjs.map +1 -1
- package/cjs/components/Chip/ChipGroup/ChipGroup.cjs.map +1 -1
- package/cjs/components/CloseButton/CloseButton.cjs.map +1 -1
- package/cjs/components/CloseButton/CloseIcon.cjs.map +1 -1
- package/cjs/components/Code/Code.cjs.map +1 -1
- package/cjs/components/Collapse/Collapse.cjs.map +1 -1
- package/cjs/components/ColorInput/ColorInput.cjs.map +1 -1
- package/cjs/components/ColorInput/EyeDropperIcon.cjs.map +1 -1
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.cjs.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.cjs.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.cjs.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.cjs.map +1 -1
- package/cjs/components/ColorPicker/HueSlider/HueSlider.cjs.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.cjs.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.cjs.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.cjs.map +1 -1
- package/cjs/components/ColorPicker/converters/converters.cjs.map +1 -1
- package/cjs/components/ColorPicker/converters/parsers.cjs.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.cjs.map +1 -1
- package/cjs/components/Combobox/Combobox.cjs +1 -0
- package/cjs/components/Combobox/Combobox.cjs.map +1 -1
- package/cjs/components/Combobox/Combobox.context.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxClearButton/ComboboxClearButton.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxDropdown/ComboboxDropdown.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.cjs +3 -2
- package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxHiddenInput/ComboboxHiddenInput.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxOption/ComboboxOption.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.cjs.map +1 -1
- package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.cjs.map +1 -1
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.cjs +2 -2
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.cjs.map +1 -1
- package/cjs/components/Combobox/OptionsDropdown/default-options-filter.cjs.map +1 -1
- package/cjs/components/Combobox/use-combobox/get-index/get-index.cjs.map +1 -1
- package/cjs/components/Combobox/use-combobox/use-combobox.cjs.map +1 -1
- package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.cjs.map +1 -1
- package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs.map +1 -1
- package/cjs/components/Combobox/use-pills-reorder/use-pills-reorder.cjs.map +1 -1
- package/cjs/components/ComboboxPopover/ComboboxPopover.cjs +218 -0
- package/cjs/components/ComboboxPopover/ComboboxPopover.cjs.map +1 -0
- package/cjs/components/ComboboxPopover/ComboboxPopoverTarget.cjs +45 -0
- package/cjs/components/ComboboxPopover/ComboboxPopoverTarget.cjs.map +1 -0
- package/cjs/components/Container/Container.cjs.map +1 -1
- package/cjs/components/CopyButton/CopyButton.cjs.map +1 -1
- package/cjs/components/DataList/DataList.cjs +61 -0
- package/cjs/components/DataList/DataList.cjs.map +1 -0
- package/cjs/components/DataList/DataList.context.cjs +8 -0
- package/cjs/components/DataList/DataList.context.cjs.map +1 -0
- package/cjs/components/DataList/DataList.module.cjs +12 -0
- package/cjs/components/DataList/DataList.module.cjs.map +1 -0
- package/cjs/components/DataList/DataListItem/DataListItem.cjs +32 -0
- package/cjs/components/DataList/DataListItem/DataListItem.cjs.map +1 -0
- package/cjs/components/DataList/DataListItemLabel/DataListItemLabel.cjs +33 -0
- package/cjs/components/DataList/DataListItemLabel/DataListItemLabel.cjs.map +1 -0
- package/cjs/components/DataList/DataListItemValue/DataListItemValue.cjs +33 -0
- package/cjs/components/DataList/DataListItemValue/DataListItemValue.cjs.map +1 -0
- package/cjs/components/Dialog/Dialog.cjs.map +1 -1
- package/cjs/components/Divider/Divider.cjs.map +1 -1
- package/cjs/components/Drawer/Drawer.cjs.map +1 -1
- package/cjs/components/Drawer/Drawer.context.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerBody.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerCloseButton.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerContent.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerHeader.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerOverlay.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerRoot.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerStack.cjs.map +1 -1
- package/cjs/components/Drawer/DrawerTitle.cjs.map +1 -1
- package/cjs/components/EmptyState/EmptyState.cjs +102 -0
- package/cjs/components/EmptyState/EmptyState.cjs.map +1 -0
- package/cjs/components/EmptyState/EmptyState.context.cjs +8 -0
- package/cjs/components/EmptyState/EmptyState.context.cjs.map +1 -0
- package/cjs/components/EmptyState/EmptyState.module.cjs +14 -0
- package/cjs/components/EmptyState/EmptyState.module.cjs.map +1 -0
- package/cjs/components/EmptyState/EmptyStateActions/EmptyStateActions.cjs +28 -0
- package/cjs/components/EmptyState/EmptyStateActions/EmptyStateActions.cjs.map +1 -0
- package/cjs/components/EmptyState/EmptyStateDescription/EmptyStateDescription.cjs +29 -0
- package/cjs/components/EmptyState/EmptyStateDescription/EmptyStateDescription.cjs.map +1 -0
- package/cjs/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.cjs +29 -0
- package/cjs/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.cjs.map +1 -0
- package/cjs/components/EmptyState/EmptyStateTitle/EmptyStateTitle.cjs +30 -0
- package/cjs/components/EmptyState/EmptyStateTitle/EmptyStateTitle.cjs.map +1 -0
- package/cjs/components/Fieldset/Fieldset.cjs.map +1 -1
- package/cjs/components/FileButton/FileButton.cjs.map +1 -1
- package/cjs/components/FileInput/FileInput.cjs.map +1 -1
- package/cjs/components/Flex/Flex.cjs.map +1 -1
- package/cjs/components/FloatingIndicator/FloatingIndicator.cjs.map +1 -1
- package/cjs/components/FloatingIndicator/use-floating-indicator.cjs.map +1 -1
- package/cjs/components/FloatingWindow/FloatingWindow.cjs.map +1 -1
- package/cjs/components/FocusTrap/FocusTrap.cjs.map +1 -1
- package/cjs/components/Grid/Grid.cjs.map +1 -1
- package/cjs/components/Grid/Grid.context.cjs.map +1 -1
- package/cjs/components/Grid/GridCol/GridCol.cjs.map +1 -1
- package/cjs/components/Grid/GridCol/GridColVariables.cjs.map +1 -1
- package/cjs/components/Grid/GridVariables.cjs.map +1 -1
- package/cjs/components/Group/Group.cjs.map +1 -1
- package/cjs/components/Group/filter-falsy-children/filter-falsy-children.cjs.map +1 -1
- package/cjs/components/Highlight/Highlight.cjs.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.cjs.map +1 -1
- package/cjs/components/HoverCard/HoverCard.cjs +1 -0
- package/cjs/components/HoverCard/HoverCard.cjs.map +1 -1
- package/cjs/components/HoverCard/HoverCard.context.cjs.map +1 -1
- package/cjs/components/HoverCard/HoverCardDropdown/HoverCardDropdown.cjs.map +1 -1
- package/cjs/components/HoverCard/HoverCardGroup/HoverCardGroup.cjs.map +1 -1
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.cjs +10 -2
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.cjs.map +1 -1
- package/cjs/components/HoverCard/use-hover-card.cjs +24 -0
- package/cjs/components/HoverCard/use-hover-card.cjs.map +1 -1
- package/cjs/components/Image/Image.cjs.map +1 -1
- package/cjs/components/Indicator/Indicator.cjs.map +1 -1
- package/cjs/components/Input/Input.cjs +7 -2
- package/cjs/components/Input/Input.cjs.map +1 -1
- package/cjs/components/Input/Input.context.cjs.map +1 -1
- package/cjs/components/Input/Input.module.cjs +1 -0
- package/cjs/components/Input/Input.module.cjs.map +1 -1
- package/cjs/components/Input/InputClearButton/InputClearButton.cjs.map +1 -1
- package/cjs/components/Input/InputClearSection/InputClearSection.cjs.map +1 -1
- package/cjs/components/Input/InputDescription/InputDescription.cjs.map +1 -1
- package/cjs/components/Input/InputError/InputError.cjs.map +1 -1
- package/cjs/components/Input/InputLabel/InputLabel.cjs.map +1 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.cjs.map +1 -1
- package/cjs/components/Input/InputSuccess/InputSuccess.cjs +48 -0
- package/cjs/components/Input/InputSuccess/InputSuccess.cjs.map +1 -0
- package/cjs/components/Input/InputWrapper/InputWrapper.cjs +22 -5
- package/cjs/components/Input/InputWrapper/InputWrapper.cjs.map +1 -1
- package/cjs/components/Input/InputWrapper.context.cjs.map +1 -1
- package/cjs/components/Input/use-input-props.cjs +4 -1
- package/cjs/components/Input/use-input-props.cjs.map +1 -1
- package/cjs/components/InputBase/InputBase.cjs.map +1 -1
- package/cjs/components/JsonInput/JsonInput.cjs.map +1 -1
- package/cjs/components/JsonInput/validate-json/validate-json.cjs.map +1 -1
- package/cjs/components/Kbd/Kbd.cjs.map +1 -1
- package/cjs/components/List/List.cjs.map +1 -1
- package/cjs/components/List/List.context.cjs.map +1 -1
- package/cjs/components/List/ListItem/ListItem.cjs.map +1 -1
- package/cjs/components/Loader/Loader.cjs.map +1 -1
- package/cjs/components/Loader/loaders/Bars.cjs.map +1 -1
- package/cjs/components/Loader/loaders/Dots.cjs.map +1 -1
- package/cjs/components/Loader/loaders/Oval.cjs.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.cjs.map +1 -1
- package/cjs/components/Mark/Mark.cjs.map +1 -1
- package/cjs/components/Marquee/Marquee.cjs.map +1 -1
- package/cjs/components/MaskInput/MaskInput.cjs.map +1 -1
- package/cjs/components/MaskInput/use-mask-input-props.cjs.map +1 -1
- package/cjs/components/Menu/Menu.cjs.map +1 -1
- package/cjs/components/Menu/Menu.context.cjs.map +1 -1
- package/cjs/components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.cjs.map +1 -1
- package/cjs/components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.context.cjs.map +1 -1
- package/cjs/components/Menu/MenuCheckboxItem/MenuCheckboxItem.cjs.map +1 -1
- package/cjs/components/Menu/MenuContextMenu/MenuContextMenu.cjs.map +1 -1
- package/cjs/components/Menu/MenuDivider/MenuDivider.cjs.map +1 -1
- package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs.map +1 -1
- package/cjs/components/Menu/MenuItem/MenuItem.cjs.map +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.cjs.map +1 -1
- package/cjs/components/Menu/MenuRadioGroup/MenuRadioGroup.cjs.map +1 -1
- package/cjs/components/Menu/MenuRadioGroup/MenuRadioGroup.context.cjs.map +1 -1
- package/cjs/components/Menu/MenuRadioItem/MenuRadioItem.cjs.map +1 -1
- package/cjs/components/Menu/MenuSearch/MenuSearch.cjs.map +1 -1
- package/cjs/components/Menu/MenuSelectableItem/MenuSelectableItem.cjs.map +1 -1
- package/cjs/components/Menu/MenuSub/MenuSub.cjs.map +1 -1
- package/cjs/components/Menu/MenuSub/MenuSub.context.cjs.map +1 -1
- package/cjs/components/Menu/MenuSubDropdown/MenuSubDropdown.cjs.map +1 -1
- package/cjs/components/Menu/MenuSubItem/MenuSubItem.cjs.map +1 -1
- package/cjs/components/Menu/MenuSubTarget/MenuSubTarget.cjs.map +1 -1
- package/cjs/components/Menu/MenuTarget/MenuTarget.cjs.map +1 -1
- package/cjs/components/Menu/use-menu-type-ahead.cjs.map +1 -1
- package/cjs/components/Menubar/Menubar.cjs +146 -0
- package/cjs/components/Menubar/Menubar.cjs.map +1 -0
- package/cjs/components/Menubar/Menubar.context.cjs +12 -0
- package/cjs/components/Menubar/Menubar.context.cjs.map +1 -0
- package/cjs/components/Menubar/Menubar.module.cjs +10 -0
- package/cjs/components/Menubar/Menubar.module.cjs.map +1 -0
- package/cjs/components/Menubar/MenubarDropdown/MenubarDropdown.cjs +61 -0
- package/cjs/components/Menubar/MenubarDropdown/MenubarDropdown.cjs.map +1 -0
- package/cjs/components/Menubar/MenubarMenu/MenubarMenu.cjs +59 -0
- package/cjs/components/Menubar/MenubarMenu/MenubarMenu.cjs.map +1 -0
- package/cjs/components/Menubar/MenubarTarget/MenubarTarget.cjs +143 -0
- package/cjs/components/Menubar/MenubarTarget/MenubarTarget.cjs.map +1 -0
- package/cjs/components/Modal/Modal.cjs.map +1 -1
- package/cjs/components/Modal/Modal.context.cjs.map +1 -1
- package/cjs/components/Modal/ModalBody.cjs.map +1 -1
- package/cjs/components/Modal/ModalCloseButton.cjs.map +1 -1
- package/cjs/components/Modal/ModalContent.cjs.map +1 -1
- package/cjs/components/Modal/ModalHeader.cjs.map +1 -1
- package/cjs/components/Modal/ModalOverlay.cjs.map +1 -1
- package/cjs/components/Modal/ModalRoot.cjs.map +1 -1
- package/cjs/components/Modal/ModalStack.cjs.map +1 -1
- package/cjs/components/Modal/ModalTitle.cjs.map +1 -1
- package/cjs/components/Modal/use-modals-stack.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBase.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBase.context.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBaseBody.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBaseCloseButton.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBaseContent.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBaseHeader.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBaseOverlay.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBaseTitle.cjs.map +1 -1
- package/cjs/components/ModalBase/NativeScrollArea.cjs.map +1 -1
- package/cjs/components/ModalBase/use-lock-scroll.cjs.map +1 -1
- package/cjs/components/ModalBase/use-modal-body-id.cjs.map +1 -1
- package/cjs/components/ModalBase/use-modal-title-id.cjs.map +1 -1
- package/cjs/components/ModalBase/use-modal.cjs.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.cjs +4 -1
- package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
- package/cjs/components/MultiSelect/filter-picked-values.cjs.map +1 -1
- package/cjs/components/NativeSelect/NativeSelect.cjs.map +1 -1
- package/cjs/components/NativeSelect/NativeSelectOption.cjs.map +1 -1
- package/cjs/components/NavLink/NavLink.cjs.map +1 -1
- package/cjs/components/Notification/Notification.cjs.map +1 -1
- package/cjs/components/NumberFormatter/NumberFormatter.cjs.map +1 -1
- package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
- package/cjs/components/NumberInput/NumberInputChevron.cjs.map +1 -1
- package/cjs/components/OverflowList/OverflowList.cjs.map +1 -1
- package/cjs/components/OverflowList/get-row-position-data.cjs.map +1 -1
- package/cjs/components/OverflowList/use-dimensions.cjs.map +1 -1
- package/cjs/components/Overlay/Overlay.cjs.map +1 -1
- package/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/cjs/components/Pagination/Pagination.context.cjs.map +1 -1
- package/cjs/components/Pagination/Pagination.icons.cjs.map +1 -1
- package/cjs/components/Pagination/PaginationControl/PaginationControl.cjs.map +1 -1
- package/cjs/components/Pagination/PaginationDots/PaginationDots.cjs.map +1 -1
- package/cjs/components/Pagination/PaginationEdges/PaginationEdges.cjs.map +1 -1
- package/cjs/components/Pagination/PaginationItems/PaginationItems.cjs.map +1 -1
- package/cjs/components/Pagination/PaginationLabel/PaginationLabel.cjs.map +1 -1
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.cjs.map +1 -1
- package/cjs/components/Paper/Paper.cjs.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.cjs +13 -2
- package/cjs/components/PasswordInput/PasswordInput.cjs.map +1 -1
- package/cjs/components/PasswordInput/PasswordToggleIcon.cjs.map +1 -1
- package/cjs/components/Pill/Pill.cjs.map +1 -1
- package/cjs/components/Pill/PillGroup/PillGroup.cjs.map +1 -1
- package/cjs/components/PillsInput/PillsInput.cjs.map +1 -1
- package/cjs/components/PillsInput/PillsInput.context.cjs.map +1 -1
- package/cjs/components/PillsInput/PillsInputField/PillsInputField.cjs.map +1 -1
- package/cjs/components/PinInput/PinInput.cjs +2 -1
- package/cjs/components/PinInput/PinInput.cjs.map +1 -1
- package/cjs/components/PinInput/create-pin-array/create-pin-array.cjs.map +1 -1
- package/cjs/components/Popover/Popover.cjs +2 -1
- package/cjs/components/Popover/Popover.cjs.map +1 -1
- package/cjs/components/Popover/Popover.context.cjs.map +1 -1
- package/cjs/components/Popover/PopoverContextMenu/PopoverContextMenu.cjs.map +1 -1
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.cjs +1 -0
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.cjs.map +1 -1
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.cjs.map +1 -1
- package/cjs/components/Popover/use-popover.cjs +23 -11
- package/cjs/components/Popover/use-popover.cjs.map +1 -1
- package/cjs/components/Portal/OptionalPortal.cjs.map +1 -1
- package/cjs/components/Portal/Portal.cjs.map +1 -1
- package/cjs/components/Progress/Progress.cjs.map +1 -1
- package/cjs/components/Progress/Progress.context.cjs.map +1 -1
- package/cjs/components/Progress/ProgressLabel/ProgressLabel.cjs.map +1 -1
- package/cjs/components/Progress/ProgressRoot/ProgressRoot.cjs.map +1 -1
- package/cjs/components/Progress/ProgressSection/ProgressSection.cjs.map +1 -1
- package/cjs/components/Radio/Radio.cjs.map +1 -1
- package/cjs/components/Radio/RadioCard/RadioCard.cjs.map +1 -1
- package/cjs/components/Radio/RadioGroup/RadioGroup.cjs.map +1 -1
- package/cjs/components/Radio/RadioIcon.cjs.map +1 -1
- package/cjs/components/Radio/RadioIndicator/RadioIndicator.cjs.map +1 -1
- package/cjs/components/Rating/Rating.cjs.map +1 -1
- package/cjs/components/Rating/Rating.context.cjs.map +1 -1
- package/cjs/components/Rating/RatingItem/RatingItem.cjs.map +1 -1
- package/cjs/components/Rating/StarSymbol/StarIcon.cjs.map +1 -1
- package/cjs/components/Rating/StarSymbol/StarSymbol.cjs.map +1 -1
- package/cjs/components/RingProgress/Curve/Curve.cjs.map +1 -1
- package/cjs/components/RingProgress/RingProgress.cjs.map +1 -1
- package/cjs/components/RingProgress/get-curves/get-curves.cjs.map +1 -1
- package/cjs/components/RollingNumber/DigitColumn.cjs.map +1 -1
- package/cjs/components/RollingNumber/RollingNumber.cjs.map +1 -1
- package/cjs/components/RollingNumber/get-digit-parts.cjs.map +1 -1
- package/cjs/components/RollingNumber/get-render-slots.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.context.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.cjs +1 -0
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.cjs.map +1 -1
- package/cjs/components/ScrollArea/use-resize-observer.cjs.map +1 -1
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.cjs.map +1 -1
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.cjs.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.cjs.map +1 -1
- package/cjs/components/Scroller/Scroller.cjs.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.cjs.map +1 -1
- package/cjs/components/Select/Select.cjs.map +1 -1
- package/cjs/components/SemiCircleProgress/SemiCircleProgress.cjs +4 -1
- package/cjs/components/SemiCircleProgress/SemiCircleProgress.cjs.map +1 -1
- package/cjs/components/SemiCircleProgress/SemiCircleProgress.module.cjs.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.cjs.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGridVariables.cjs.map +1 -1
- package/cjs/components/Skeleton/Skeleton.cjs.map +1 -1
- package/cjs/components/Slider/Marks/Marks.cjs.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.cjs.map +1 -1
- package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
- package/cjs/components/Slider/Slider.context.cjs.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.cjs.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.cjs.map +1 -1
- package/cjs/components/Slider/Track/Track.cjs.map +1 -1
- package/cjs/components/Slider/utils/get-precision/get-precision.cjs.map +1 -1
- package/cjs/components/Slider/utils/get-step-mark-value/get-step-mark-value.cjs.map +1 -1
- package/cjs/components/Space/Space.cjs.map +1 -1
- package/cjs/components/Splitter/GripIcon.cjs.map +1 -1
- package/cjs/components/Splitter/Splitter.cjs +27 -4
- package/cjs/components/Splitter/Splitter.cjs.map +1 -1
- package/cjs/components/Splitter/Splitter.context.cjs.map +1 -1
- package/cjs/components/Splitter/SplitterPane/SplitterPane.cjs +1 -2
- package/cjs/components/Splitter/SplitterPane/SplitterPane.cjs.map +1 -1
- package/cjs/components/Spoiler/Spoiler.cjs.map +1 -1
- package/cjs/components/Stack/Stack.cjs.map +1 -1
- package/cjs/components/Stepper/Stepper.cjs.map +1 -1
- package/cjs/components/Stepper/Stepper.context.cjs.map +1 -1
- package/cjs/components/Stepper/StepperStep/StepperStep.cjs.map +1 -1
- package/cjs/components/Switch/Switch.cjs.map +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.cjs.map +1 -1
- package/cjs/components/Table/Table.cjs.map +1 -1
- package/cjs/components/Table/Table.components.cjs.map +1 -1
- package/cjs/components/Table/Table.context.cjs.map +1 -1
- package/cjs/components/Table/TableDataRenderer.cjs.map +1 -1
- package/cjs/components/Table/TableScrollContainer.cjs.map +1 -1
- package/cjs/components/TableOfContents/TableOfContents.cjs.map +1 -1
- package/cjs/components/Tabs/Tabs.cjs +16 -1
- package/cjs/components/Tabs/Tabs.cjs.map +1 -1
- package/cjs/components/Tabs/Tabs.context.cjs.map +1 -1
- package/cjs/components/Tabs/TabsList/TabsList.cjs.map +1 -1
- package/cjs/components/Tabs/TabsPanel/TabsPanel.cjs +6 -0
- package/cjs/components/Tabs/TabsPanel/TabsPanel.cjs.map +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.cjs +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.cjs.map +1 -1
- package/cjs/components/TagsInput/TagsInput.cjs +4 -1
- package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
- package/cjs/components/TagsInput/filter-picked-tags.cjs.map +1 -1
- package/cjs/components/TagsInput/get-splitted-tags.cjs.map +1 -1
- package/cjs/components/Text/Text.cjs.map +1 -1
- package/cjs/components/Text/Text.module.cjs.map +1 -1
- package/cjs/components/TextInput/TextInput.cjs.map +1 -1
- package/cjs/components/Textarea/Autosize.cjs +14 -0
- package/cjs/components/Textarea/Autosize.cjs.map +1 -1
- package/cjs/components/Textarea/Textarea.cjs.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.cjs.map +1 -1
- package/cjs/components/Timeline/Timeline.cjs.map +1 -1
- package/cjs/components/Timeline/Timeline.context.cjs.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.cjs.map +1 -1
- package/cjs/components/Title/Title.cjs.map +1 -1
- package/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.cjs.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.cjs.map +1 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.cjs.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.cjs.map +1 -1
- package/cjs/components/Transition/Transition.cjs +17 -10
- package/cjs/components/Transition/Transition.cjs.map +1 -1
- package/cjs/components/Transition/get-transition-styles/get-transition-styles.cjs.map +1 -1
- package/cjs/components/Transition/use-transition.cjs.map +1 -1
- package/cjs/components/Tree/FlatTreeNode.cjs.map +1 -1
- package/cjs/components/Tree/Tree.cjs.map +1 -1
- package/cjs/components/Tree/TreeNode.cjs.map +1 -1
- package/cjs/components/Tree/filter-tree-data/filter-tree-data.cjs.map +1 -1
- package/cjs/components/Tree/is-node-checked/is-node-checked.cjs.map +1 -1
- package/cjs/components/Tree/is-node-indeterminate/is-node-indeterminate.cjs.map +1 -1
- package/cjs/components/Tree/use-tree-node-drag-drop.cjs.map +1 -1
- package/cjs/components/Tree/use-tree.cjs.map +1 -1
- package/cjs/components/TreeSelect/TreeSelect.cjs +7 -1
- package/cjs/components/TreeSelect/TreeSelect.cjs.map +1 -1
- package/cjs/components/TreeSelect/TreeSelectOption.cjs.map +1 -1
- package/cjs/components/TreeSelect/get-checked-values-by-strategy.cjs.map +1 -1
- package/cjs/components/Typography/Typography.cjs.map +1 -1
- package/cjs/components/UnstyledButton/UnstyledButton.cjs.map +1 -1
- package/cjs/components/VisuallyHidden/VisuallyHidden.cjs.map +1 -1
- package/cjs/core/Box/Box.cjs.map +1 -1
- package/cjs/core/Box/get-box-mod/get-box-mod.cjs.map +1 -1
- package/cjs/core/Box/get-box-style/get-box-style.cjs.map +1 -1
- package/cjs/core/Box/get-style-object/get-style-object.cjs.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.cjs.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/sort-media-queries.cjs.map +1 -1
- package/cjs/core/Box/style-props/resolvers/border-resolver/border-resolver.cjs.map +1 -1
- package/cjs/core/Box/use-random-classname/use-random-classname.cjs.map +1 -1
- package/cjs/core/DirectionProvider/DirectionProvider.cjs.map +1 -1
- package/cjs/core/InlineStyles/InlineStyles.cjs.map +1 -1
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.cjs.map +1 -1
- package/cjs/core/InlineStyles/hash-styles.cjs.map +1 -1
- package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.cjs.map +1 -1
- package/cjs/core/MantineProvider/Mantine.context.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineClasses/MantineClasses.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.cjs +5 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/get-css-color-variables.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.cjs +3 -1
- package/cjs/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineProvider.cjs.map +1 -1
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs.map +1 -1
- package/cjs/core/MantineProvider/color-functions/colors-tuple/colors-tuple.cjs.map +1 -1
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs +3 -1
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs.map +1 -1
- package/cjs/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.cjs +19 -3
- package/cjs/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.cjs.map +1 -1
- package/cjs/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.cjs.map +1 -1
- package/cjs/core/MantineProvider/color-functions/to-rgba/to-rgba.cjs.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.cjs.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/css-variables-object-to-string.cjs.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.cjs.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.cjs.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs.map +1 -1
- package/cjs/core/MantineProvider/use-props/use-props.cjs.map +1 -1
- package/cjs/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.cjs.map +1 -1
- package/cjs/core/factory/factory.cjs.map +1 -1
- package/cjs/core/factory/polymorphic-factory.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/get-style.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/use-styles.cjs.map +1 -1
- package/cjs/core/styles-api/use-styles/use-transformed-styles.cjs.map +1 -1
- package/cjs/core/utils/create-safe-context/create-safe-context.cjs.map +1 -1
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.cjs +3 -5
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.cjs.map +1 -1
- package/cjs/core/utils/create-use-external-events/create-use-external-events.cjs.map +1 -1
- package/cjs/core/utils/deep-merge/deep-merge.cjs.map +1 -1
- package/cjs/core/utils/filter-props/filter-props.cjs.map +1 -1
- package/cjs/core/utils/get-context-item-index/get-context-item-index.cjs.map +1 -1
- package/cjs/core/utils/get-safe-id/get-safe-id.cjs.map +1 -1
- package/cjs/core/utils/is-number-like/is-number-like.cjs.map +1 -1
- package/cjs/core/utils/units-converters/px.cjs.map +1 -1
- package/cjs/core/utils/units-converters/rem.cjs.map +1 -1
- package/cjs/core/utils/use-hovered/use-hovered.cjs.map +1 -1
- package/cjs/index.cjs +42 -2
- package/cjs/utils/Floating/FloatingArrow/FloatingArrow.cjs.map +1 -1
- package/cjs/utils/Floating/use-context-menu-handlers.cjs.map +1 -1
- package/cjs/utils/Floating/use-delayed-hover.cjs.map +1 -1
- package/cjs/utils/InlineInput/InlineInput.cjs.map +1 -1
- package/cjs/utils/InputsGroupFieldset/InputsGroupFieldset.cjs.map +1 -1
- package/esm/components/Accordion/Accordion.mjs +1 -0
- 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/ActionIcon/ActionIconGroup/ActionIconGroup.mjs +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.mjs.map +1 -1
- package/esm/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.mjs.map +1 -1
- package/esm/components/AppShell/AppShellFooter/AppShellFooter.mjs.map +1 -1
- package/esm/components/AppShell/AppShellHeader/AppShellHeader.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMain/AppShellMain.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.mjs.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.mjs.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.mjs.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.mjs.map +1 -1
- package/esm/components/Avatar/get-initials/get-initials.mjs.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.mjs.map +1 -1
- package/esm/components/Blockquote/Blockquote.mjs.map +1 -1
- package/esm/components/Blockquote/Blockquote.module.mjs.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.mjs.map +1 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.mjs.map +1 -1
- package/esm/components/Button/ButtonGroupSection/ButtonGroupSection.mjs.map +1 -1
- package/esm/components/Checkbox/Checkbox.mjs +2 -1
- package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
- package/esm/components/Collapse/Collapse.mjs.map +1 -1
- package/esm/components/ColorInput/ColorInput.mjs.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.mjs.map +1 -1
- package/esm/components/ColorPicker/converters/converters.mjs.map +1 -1
- package/esm/components/ColorPicker/converters/parsers.mjs.map +1 -1
- package/esm/components/Combobox/Combobox.mjs +1 -0
- package/esm/components/Combobox/Combobox.mjs.map +1 -1
- package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.mjs.map +1 -1
- package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.mjs.map +1 -1
- package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.mjs +3 -2
- package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.mjs.map +1 -1
- package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.mjs.map +1 -1
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.mjs +2 -2
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.mjs.map +1 -1
- package/esm/components/Combobox/OptionsDropdown/default-options-filter.mjs.map +1 -1
- package/esm/components/Combobox/use-combobox/get-index/get-index.mjs.map +1 -1
- package/esm/components/Combobox/use-combobox/use-combobox.mjs.map +1 -1
- package/esm/components/Combobox/use-pills-reorder/use-pills-reorder.mjs.map +1 -1
- package/esm/components/ComboboxPopover/ComboboxPopover.mjs +216 -0
- package/esm/components/ComboboxPopover/ComboboxPopover.mjs.map +1 -0
- package/esm/components/ComboboxPopover/ComboboxPopoverTarget.mjs +45 -0
- package/esm/components/ComboboxPopover/ComboboxPopoverTarget.mjs.map +1 -0
- package/esm/components/DataList/DataList.context.mjs +8 -0
- package/esm/components/DataList/DataList.context.mjs.map +1 -0
- package/esm/components/DataList/DataList.mjs +61 -0
- package/esm/components/DataList/DataList.mjs.map +1 -0
- package/esm/components/DataList/DataList.module.mjs +12 -0
- package/esm/components/DataList/DataList.module.mjs.map +1 -0
- package/esm/components/DataList/DataListItem/DataListItem.mjs +32 -0
- package/esm/components/DataList/DataListItem/DataListItem.mjs.map +1 -0
- package/esm/components/DataList/DataListItemLabel/DataListItemLabel.mjs +33 -0
- package/esm/components/DataList/DataListItemLabel/DataListItemLabel.mjs.map +1 -0
- package/esm/components/DataList/DataListItemValue/DataListItemValue.mjs +33 -0
- package/esm/components/DataList/DataListItemValue/DataListItemValue.mjs.map +1 -0
- package/esm/components/Drawer/DrawerBody.mjs.map +1 -1
- package/esm/components/Drawer/DrawerCloseButton.mjs.map +1 -1
- package/esm/components/Drawer/DrawerHeader.mjs.map +1 -1
- package/esm/components/Drawer/DrawerOverlay.mjs.map +1 -1
- package/esm/components/Drawer/DrawerRoot.mjs.map +1 -1
- package/esm/components/Drawer/DrawerTitle.mjs.map +1 -1
- package/esm/components/EmptyState/EmptyState.context.mjs +8 -0
- package/esm/components/EmptyState/EmptyState.context.mjs.map +1 -0
- package/esm/components/EmptyState/EmptyState.mjs +102 -0
- package/esm/components/EmptyState/EmptyState.mjs.map +1 -0
- package/esm/components/EmptyState/EmptyState.module.mjs +14 -0
- package/esm/components/EmptyState/EmptyState.module.mjs.map +1 -0
- package/esm/components/EmptyState/EmptyStateActions/EmptyStateActions.mjs +28 -0
- package/esm/components/EmptyState/EmptyStateActions/EmptyStateActions.mjs.map +1 -0
- package/esm/components/EmptyState/EmptyStateDescription/EmptyStateDescription.mjs +29 -0
- package/esm/components/EmptyState/EmptyStateDescription/EmptyStateDescription.mjs.map +1 -0
- package/esm/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.mjs +29 -0
- package/esm/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.mjs.map +1 -0
- package/esm/components/EmptyState/EmptyStateTitle/EmptyStateTitle.mjs +30 -0
- package/esm/components/EmptyState/EmptyStateTitle/EmptyStateTitle.mjs.map +1 -0
- package/esm/components/FileInput/FileInput.mjs.map +1 -1
- package/esm/components/Grid/GridCol/GridColVariables.mjs.map +1 -1
- package/esm/components/Grid/GridVariables.mjs.map +1 -1
- package/esm/components/Group/Group.mjs.map +1 -1
- package/esm/components/Group/filter-falsy-children/filter-falsy-children.mjs.map +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 +1 -0
- package/esm/components/HoverCard/HoverCard.mjs.map +1 -1
- package/esm/components/HoverCard/HoverCardDropdown/HoverCardDropdown.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/HoverCard/use-hover-card.mjs +24 -0
- package/esm/components/HoverCard/use-hover-card.mjs.map +1 -1
- package/esm/components/Input/Input.mjs +7 -2
- package/esm/components/Input/Input.mjs.map +1 -1
- package/esm/components/Input/Input.module.mjs +1 -0
- package/esm/components/Input/Input.module.mjs.map +1 -1
- package/esm/components/Input/InputDescription/InputDescription.mjs.map +1 -1
- package/esm/components/Input/InputError/InputError.mjs.map +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.mjs.map +1 -1
- package/esm/components/Input/InputSuccess/InputSuccess.mjs +48 -0
- package/esm/components/Input/InputSuccess/InputSuccess.mjs.map +1 -0
- package/esm/components/Input/InputWrapper/InputWrapper.mjs +22 -5
- package/esm/components/Input/InputWrapper/InputWrapper.mjs.map +1 -1
- package/esm/components/Input/use-input-props.mjs +4 -1
- package/esm/components/Input/use-input-props.mjs.map +1 -1
- package/esm/components/JsonInput/validate-json/validate-json.mjs.map +1 -1
- package/esm/components/Kbd/Kbd.mjs.map +1 -1
- package/esm/components/Mark/Mark.mjs.map +1 -1
- package/esm/components/Marquee/Marquee.mjs.map +1 -1
- package/esm/components/Menu/MenuDivider/MenuDivider.mjs.map +1 -1
- package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs.map +1 -1
- package/esm/components/Menu/MenuItem/MenuItem.mjs.map +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.mjs.map +1 -1
- package/esm/components/Menu/MenuSearch/MenuSearch.mjs.map +1 -1
- package/esm/components/Menu/MenuSelectableItem/MenuSelectableItem.mjs.map +1 -1
- package/esm/components/Menu/MenuSub/MenuSub.mjs.map +1 -1
- package/esm/components/Menu/MenuSubItem/MenuSubItem.mjs.map +1 -1
- package/esm/components/Menu/use-menu-type-ahead.mjs.map +1 -1
- package/esm/components/Menubar/Menubar.context.mjs +9 -0
- package/esm/components/Menubar/Menubar.context.mjs.map +1 -0
- package/esm/components/Menubar/Menubar.mjs +146 -0
- package/esm/components/Menubar/Menubar.mjs.map +1 -0
- package/esm/components/Menubar/Menubar.module.mjs +10 -0
- package/esm/components/Menubar/Menubar.module.mjs.map +1 -0
- package/esm/components/Menubar/MenubarDropdown/MenubarDropdown.mjs +61 -0
- package/esm/components/Menubar/MenubarDropdown/MenubarDropdown.mjs.map +1 -0
- package/esm/components/Menubar/MenubarMenu/MenubarMenu.mjs +59 -0
- package/esm/components/Menubar/MenubarMenu/MenubarMenu.mjs.map +1 -0
- package/esm/components/Menubar/MenubarTarget/MenubarTarget.mjs +143 -0
- package/esm/components/Menubar/MenubarTarget/MenubarTarget.mjs.map +1 -0
- package/esm/components/Modal/ModalBody.mjs.map +1 -1
- package/esm/components/Modal/ModalCloseButton.mjs.map +1 -1
- package/esm/components/Modal/ModalHeader.mjs.map +1 -1
- package/esm/components/Modal/ModalOverlay.mjs.map +1 -1
- package/esm/components/Modal/ModalTitle.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBase.mjs.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.mjs +4 -1
- package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
- package/esm/components/MultiSelect/filter-picked-values.mjs.map +1 -1
- package/esm/components/NativeSelect/NativeSelect.mjs.map +1 -1
- package/esm/components/NativeSelect/NativeSelectOption.mjs.map +1 -1
- package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
- package/esm/components/OverflowList/OverflowList.mjs.map +1 -1
- package/esm/components/OverflowList/get-row-position-data.mjs.map +1 -1
- package/esm/components/OverflowList/use-dimensions.mjs.map +1 -1
- package/esm/components/Overlay/Overlay.mjs.map +1 -1
- package/esm/components/Pagination/Pagination.icons.mjs.map +1 -1
- package/esm/components/Pagination/Pagination.mjs.map +1 -1
- package/esm/components/Pagination/PaginationDots/PaginationDots.mjs.map +1 -1
- package/esm/components/Pagination/PaginationItems/PaginationItems.mjs.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.mjs +13 -2
- package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
- package/esm/components/Pill/PillGroup/PillGroup.mjs.map +1 -1
- package/esm/components/PillsInput/PillsInput.mjs.map +1 -1
- package/esm/components/PinInput/PinInput.mjs +2 -1
- package/esm/components/PinInput/PinInput.mjs.map +1 -1
- package/esm/components/PinInput/create-pin-array/create-pin-array.mjs.map +1 -1
- package/esm/components/Popover/Popover.context.mjs.map +1 -1
- package/esm/components/Popover/Popover.mjs +2 -1
- package/esm/components/Popover/Popover.mjs.map +1 -1
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.mjs +1 -0
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.mjs.map +1 -1
- package/esm/components/Popover/use-popover.mjs +23 -11
- package/esm/components/Popover/use-popover.mjs.map +1 -1
- package/esm/components/Portal/Portal.mjs.map +1 -1
- package/esm/components/Progress/ProgressLabel/ProgressLabel.mjs.map +1 -1
- package/esm/components/Radio/Radio.mjs.map +1 -1
- package/esm/components/Radio/RadioCard/RadioCard.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/Rating/StarSymbol/StarSymbol.mjs.map +1 -1
- package/esm/components/RingProgress/RingProgress.mjs.map +1 -1
- package/esm/components/RingProgress/get-curves/get-curves.mjs.map +1 -1
- package/esm/components/RollingNumber/get-digit-parts.mjs.map +1 -1
- package/esm/components/RollingNumber/get-render-slots.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.mjs +1 -0
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.mjs.map +1 -1
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.mjs.map +1 -1
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.mjs.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.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/SemiCircleProgress/SemiCircleProgress.mjs +4 -1
- package/esm/components/SemiCircleProgress/SemiCircleProgress.mjs.map +1 -1
- package/esm/components/SemiCircleProgress/SemiCircleProgress.module.mjs.map +1 -1
- package/esm/components/SimpleGrid/SimpleGridVariables.mjs.map +1 -1
- package/esm/components/Skeleton/Skeleton.mjs.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.mjs.map +1 -1
- package/esm/components/Slider/utils/get-precision/get-precision.mjs.map +1 -1
- package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs.map +1 -1
- package/esm/components/Splitter/Splitter.context.mjs.map +1 -1
- package/esm/components/Splitter/Splitter.mjs +27 -4
- package/esm/components/Splitter/Splitter.mjs.map +1 -1
- package/esm/components/Splitter/SplitterPane/SplitterPane.mjs +1 -2
- package/esm/components/Splitter/SplitterPane/SplitterPane.mjs.map +1 -1
- package/esm/components/Stack/Stack.mjs.map +1 -1
- package/esm/components/Stepper/Stepper.mjs.map +1 -1
- package/esm/components/Switch/Switch.mjs.map +1 -1
- package/esm/components/Table/Table.components.mjs.map +1 -1
- package/esm/components/TableOfContents/TableOfContents.mjs.map +1 -1
- package/esm/components/Tabs/Tabs.context.mjs.map +1 -1
- package/esm/components/Tabs/Tabs.mjs +18 -3
- package/esm/components/Tabs/Tabs.mjs.map +1 -1
- package/esm/components/Tabs/TabsPanel/TabsPanel.mjs +7 -1
- package/esm/components/Tabs/TabsPanel/TabsPanel.mjs.map +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.mjs +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.mjs.map +1 -1
- package/esm/components/TagsInput/TagsInput.mjs +4 -1
- package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
- package/esm/components/TagsInput/filter-picked-tags.mjs.map +1 -1
- package/esm/components/TagsInput/get-splitted-tags.mjs.map +1 -1
- package/esm/components/Text/Text.mjs.map +1 -1
- package/esm/components/Text/Text.module.mjs.map +1 -1
- package/esm/components/Textarea/Autosize.mjs +14 -0
- package/esm/components/Textarea/Autosize.mjs.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.mjs.map +1 -1
- package/esm/components/Title/Title.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 +17 -10
- package/esm/components/Transition/Transition.mjs.map +1 -1
- package/esm/components/Transition/get-transition-styles/get-transition-styles.mjs.map +1 -1
- package/esm/components/Tree/FlatTreeNode.mjs.map +1 -1
- package/esm/components/Tree/TreeNode.mjs.map +1 -1
- package/esm/components/Tree/filter-tree-data/filter-tree-data.mjs.map +1 -1
- package/esm/components/Tree/is-node-checked/is-node-checked.mjs.map +1 -1
- package/esm/components/Tree/is-node-indeterminate/is-node-indeterminate.mjs.map +1 -1
- package/esm/components/Tree/use-tree.mjs.map +1 -1
- package/esm/components/TreeSelect/TreeSelect.mjs +7 -1
- package/esm/components/TreeSelect/TreeSelect.mjs.map +1 -1
- package/esm/components/TreeSelect/get-checked-values-by-strategy.mjs.map +1 -1
- package/esm/components/Typography/Typography.mjs.map +1 -1
- package/esm/components/UnstyledButton/UnstyledButton.mjs.map +1 -1
- package/esm/components/VisuallyHidden/VisuallyHidden.mjs.map +1 -1
- package/esm/core/Box/Box.mjs.map +1 -1
- package/esm/core/Box/get-box-mod/get-box-mod.mjs.map +1 -1
- package/esm/core/Box/get-box-style/get-box-style.mjs.map +1 -1
- package/esm/core/Box/get-style-object/get-style-object.mjs.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.mjs.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/sort-media-queries.mjs.map +1 -1
- package/esm/core/Box/style-props/resolvers/border-resolver/border-resolver.mjs.map +1 -1
- package/esm/core/Box/use-random-classname/use-random-classname.mjs.map +1 -1
- package/esm/core/InlineStyles/InlineStyles.mjs.map +1 -1
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.mjs.map +1 -1
- package/esm/core/InlineStyles/hash-styles.mjs.map +1 -1
- package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.mjs.map +1 -1
- package/esm/core/MantineProvider/Mantine.context.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineClasses/MantineClasses.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs +6 -2
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/get-css-color-variables.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.mjs +3 -1
- package/esm/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.mjs.map +1 -1
- package/esm/core/MantineProvider/color-functions/colors-tuple/colors-tuple.mjs.map +1 -1
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs +3 -1
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs.map +1 -1
- package/esm/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs +19 -4
- package/esm/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs.map +1 -1
- package/esm/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.mjs.map +1 -1
- package/esm/core/MantineProvider/color-functions/to-rgba/to-rgba.mjs.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.mjs.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/css-variables-object-to-string.mjs.map +1 -1
- 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/MantineProvider/use-props/use-props.mjs.map +1 -1
- package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.mjs.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.mjs.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.mjs.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/get-style.mjs.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs.map +1 -1
- package/esm/core/styles-api/use-styles/use-styles.mjs.map +1 -1
- package/esm/core/styles-api/use-styles/use-transformed-styles.mjs.map +1 -1
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs +3 -5
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs.map +1 -1
- package/esm/core/utils/create-use-external-events/create-use-external-events.mjs.map +1 -1
- package/esm/core/utils/deep-merge/deep-merge.mjs.map +1 -1
- package/esm/core/utils/filter-props/filter-props.mjs.map +1 -1
- package/esm/core/utils/get-context-item-index/get-context-item-index.mjs.map +1 -1
- package/esm/core/utils/get-safe-id/get-safe-id.mjs.map +1 -1
- package/esm/core/utils/is-number-like/is-number-like.mjs.map +1 -1
- package/esm/core/utils/units-converters/px.mjs.map +1 -1
- package/esm/core/utils/units-converters/rem.mjs.map +1 -1
- package/esm/index.mjs +23 -4
- package/lib/components/Accordion/Accordion.d.ts +4 -4
- package/lib/components/ActionIcon/ActionIcon.d.ts +3 -3
- package/lib/components/Combobox/Combobox.types.d.ts +4 -3
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +1 -1
- package/lib/components/Combobox/index.d.ts +1 -1
- package/lib/components/ComboboxPopover/ComboboxPopover.d.ts +110 -0
- package/lib/components/ComboboxPopover/ComboboxPopover.types.d.ts +2 -0
- package/lib/components/ComboboxPopover/ComboboxPopoverTarget.d.ts +16 -0
- package/lib/components/ComboboxPopover/index.d.ts +14 -0
- package/lib/components/DataList/DataList.context.d.ts +6 -0
- package/lib/components/DataList/DataList.d.ts +44 -0
- package/lib/components/DataList/DataListItem/DataListItem.d.ts +18 -0
- package/lib/components/DataList/DataListItemLabel/DataListItemLabel.d.ts +18 -0
- package/lib/components/DataList/DataListItemValue/DataListItemValue.d.ts +18 -0
- package/lib/components/DataList/index.d.ts +32 -0
- package/lib/components/EmptyState/EmptyState.context.d.ts +8 -0
- package/lib/components/EmptyState/EmptyState.d.ts +83 -0
- package/lib/components/EmptyState/EmptyStateActions/EmptyStateActions.d.ts +18 -0
- package/lib/components/EmptyState/EmptyStateDescription/EmptyStateDescription.d.ts +18 -0
- package/lib/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.d.ts +18 -0
- package/lib/components/EmptyState/EmptyStateTitle/EmptyStateTitle.d.ts +20 -0
- package/lib/components/EmptyState/index.d.ts +13 -0
- package/lib/components/HoverCard/HoverCard.context.d.ts +1 -0
- package/lib/components/HoverCard/use-hover-card.d.ts +1 -0
- package/lib/components/Input/Input.d.ts +11 -0
- package/lib/components/Input/InputSuccess/InputSuccess.d.ts +23 -0
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +7 -2
- package/lib/components/Input/index.d.ts +3 -1
- package/lib/components/Input/use-input-props.d.ts +8 -5
- package/lib/components/MaskInput/use-mask-input-props.d.ts +7 -3
- package/lib/components/Menubar/Menubar.context.d.ts +51 -0
- package/lib/components/Menubar/Menubar.d.ts +56 -0
- package/lib/components/Menubar/MenubarDropdown/MenubarDropdown.d.ts +7 -0
- package/lib/components/Menubar/MenubarMenu/MenubarMenu.d.ts +9 -0
- package/lib/components/Menubar/MenubarTarget/MenubarTarget.d.ts +14 -0
- package/lib/components/Menubar/index.d.ts +11 -0
- package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/lib/components/NativeSelect/NativeSelect.d.ts +2 -2
- package/lib/components/Pagination/Pagination.icons.d.ts +1 -1
- package/lib/components/PinInput/PinInput.d.ts +2 -0
- package/lib/components/Popover/Popover.context.d.ts +1 -0
- package/lib/components/Popover/Popover.d.ts +7 -0
- package/lib/components/Slider/Thumb/Thumb.d.ts +1 -1
- package/lib/components/Splitter/Splitter.context.d.ts +3 -1
- package/lib/components/Splitter/Splitter.d.ts +12 -10
- package/lib/components/Splitter/SplitterPane/SplitterPane.d.ts +9 -8
- package/lib/components/Tabs/Tabs.context.d.ts +2 -0
- package/lib/components/Transition/Transition.d.ts +8 -1
- package/lib/components/index.d.ts +4 -0
- package/lib/core/Box/Box.d.ts +1 -1
- package/lib/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.d.ts +7 -2
- package/lib/core/MantineProvider/color-functions/index.d.ts +1 -1
- package/lib/core/styles-api/styles-api.types.d.ts +2 -2
- package/lib/core/styles-api/use-styles/use-styles.d.ts +1 -1
- package/package.json +5 -5
- package/styles/Blockquote.css +1 -1
- package/styles/Blockquote.layer.css +1 -1
- package/styles/DataList.css +54 -0
- package/styles/DataList.layer.css +55 -0
- package/styles/EmptyState.css +121 -0
- package/styles/EmptyState.layer.css +122 -0
- package/styles/Input.css +21 -2
- package/styles/Input.layer.css +21 -2
- package/styles/Menubar.css +29 -0
- package/styles/Menubar.layer.css +30 -0
- package/styles/SemiCircleProgress.css +1 -0
- package/styles/SemiCircleProgress.layer.css +1 -0
- package/styles/Text.css +1 -1
- package/styles/Text.layer.css +1 -1
- package/styles/default-css-variables.css +2 -0
- package/styles/default-css-variables.layer.css +2 -0
- package/styles.css +233 -4
- package/styles.layer.css +233 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Typography.module.css';\n\nexport type TypographyStylesNames = 'root';\n\nexport interface TypographyProps\n extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {}\n\nexport type TypographyFactory = Factory<{\n props: TypographyProps;\n ref: HTMLDivElement;\n stylesNames: TypographyStylesNames;\n}>;\n\nexport const Typography = factory<TypographyFactory>((_props) => {\n const props = useProps('Typography', null, _props);\n const { classNames, className, style, styles, unstyled, attributes, ...others } = props;\n\n const getStyles = useStyles<TypographyFactory>({\n name: 'Typography',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box {...getStyles('root')} {...others} />;\n});\n\nTypography.classes = classes;\nTypography.displayName = '@mantine/core/Typography';\n\nexport namespace Typography {\n export type Props = TypographyProps;\n export type StylesNames = TypographyStylesNames;\n export type Factory = TypographyFactory;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,aAAaA,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,YAAY,GAAG,WAAW;CAclF,OAAO,iBAAA,GAAA,kBAAA,
|
|
1
|
+
{"version":3,"file":"Typography.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Typography.module.css';\n\nexport type TypographyStylesNames = 'root';\n\nexport interface TypographyProps\n extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {}\n\nexport type TypographyFactory = Factory<{\n props: TypographyProps;\n ref: HTMLDivElement;\n stylesNames: TypographyStylesNames;\n}>;\n\nexport const Typography = factory<TypographyFactory>((_props) => {\n const props = useProps('Typography', null, _props);\n const { classNames, className, style, styles, unstyled, attributes, ...others } = props;\n\n const getStyles = useStyles<TypographyFactory>({\n name: 'Typography',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box {...getStyles('root')} {...others} />;\n});\n\nTypography.classes = classes;\nTypography.displayName = '@mantine/core/Typography';\n\nexport namespace Typography {\n export type Props = TypographyProps;\n export type StylesNames = TypographyStylesNames;\n export type Factory = TypographyFactory;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,aAAaA,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,YAAY,GAAG,WAAW;CAclF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,GAZMC,mBAAAA,UAA6B;GAC7C,MAAM;GACN,SAAA,0BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEwB,CAAC,CAAC,MAAM;EAAG,GAAI;CAAS,CAAA;AAClD,CAAC;AAED,WAAW,UAAUC,0BAAAA;AACrB,WAAW,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnstyledButton.cjs","names":["polymorphicFactory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n Box,\n BoxComponentProps,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n __staticSelector?: string;\n}\n\nconst defaultProps = {\n __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n props: UnstyledButtonProps;\n stylesNames: UnstyledButtonStylesNames;\n defaultComponent: 'button';\n defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n (_props: UnstyledButtonProps & { component?: any }) => {\n const props = useProps('UnstyledButton', defaultProps, _props);\n const {\n className,\n component = 'button',\n __staticSelector,\n unstyled,\n classNames,\n styles,\n style,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<UnstyledButtonFactory>({\n name: __staticSelector,\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n component={component}\n type={component === 'button' ? 'button' : undefined}\n {...others}\n />\n );\n }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n\nexport namespace UnstyledButton {\n export type Props = UnstyledButtonProps;\n export type StylesNames = UnstyledButtonStylesNames;\n export type Factory = UnstyledButtonFactory;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,iBACpB;AASA,MAAa,iBAAiBA,4BAAAA,oBAC3B,WAAsD;CACrD,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;CAcJ,OACE,iBAAA,GAAA,kBAAA,
|
|
1
|
+
{"version":3,"file":"UnstyledButton.cjs","names":["polymorphicFactory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n Box,\n BoxComponentProps,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n __staticSelector?: string;\n}\n\nconst defaultProps = {\n __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n props: UnstyledButtonProps;\n stylesNames: UnstyledButtonStylesNames;\n defaultComponent: 'button';\n defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n (_props: UnstyledButtonProps & { component?: any }) => {\n const props = useProps('UnstyledButton', defaultProps, _props);\n const {\n className,\n component = 'button',\n __staticSelector,\n unstyled,\n classNames,\n styles,\n style,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<UnstyledButtonFactory>({\n name: __staticSelector,\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n component={component}\n type={component === 'button' ? 'button' : undefined}\n {...others}\n />\n );\n }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n\nexport namespace UnstyledButton {\n export type Props = UnstyledButtonProps;\n export type StylesNames = UnstyledButtonStylesNames;\n export type Factory = UnstyledButtonFactory;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,iBACpB;AASA,MAAa,iBAAiBA,4BAAAA,oBAC3B,WAAsD;CACrD,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;CAcJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAdcC,mBAAAA,UAAiC;GACjD,MAAM;GACN;GACA,SAAA,8BAAA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAIgB,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,CAAC;EAC9B;EACX,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,GAAI;CACL,CAAA;AAEL,CACF;AAEA,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisuallyHidden.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n props: VisuallyHiddenProps;\n ref: HTMLSpanElement;\n stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n const props = useProps('VisuallyHidden', null, _props);\n const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n const getStyles = useStyles<VisuallyHiddenFactory>({\n name: 'VisuallyHidden',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n\nexport namespace VisuallyHidden {\n export type Props = VisuallyHiddenProps;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiBA,gBAAAA,SAAgC,WAAW;CACvE,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,MAAM,MAAM;CACrD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAcxF,OAAO,iBAAA,GAAA,kBAAA,
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n props: VisuallyHiddenProps;\n ref: HTMLSpanElement;\n stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n const props = useProps('VisuallyHidden', null, _props);\n const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n const getStyles = useStyles<VisuallyHiddenFactory>({\n name: 'VisuallyHidden',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n\nexport namespace VisuallyHidden {\n export type Props = VisuallyHiddenProps;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiBA,gBAAAA,SAAgC,WAAW;CACvE,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,MAAM,MAAM;CACrD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAcxF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,WAAU;EAAO,GAZXC,mBAAAA,UAAiC;GACjD,MAAM;GACN,SAAA,8BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEyC,CAAC,CAAC,MAAM;EAAG,GAAI;CAAS,CAAA;AACnE,CAAC;AAED,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc"}
|
package/cjs/core/Box/Box.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.cjs","names":["useMantineTheme","extractStyleProps","useMantineSxTransform","useRandomClassName","parseStyleProps","STYlE_PROPS_DATA","useMantineDeduplicateInlineStyles","hashStyleProps","getBoxStyle","isNumberLike","getBoxMod","InlineStyles","polymorphic"],"sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { polymorphic } from '../factory';\nimport { hashStyleProps, InlineStyles } from '../InlineStyles';\nimport {\n MantineBreakpoint,\n useMantineDeduplicateInlineStyles,\n useMantineSxTransform,\n useMantineTheme,\n} from '../MantineProvider';\nimport { isNumberLike } from '../utils';\nimport type { CssVarsProp, MantineStyleProp } from './Box.types';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport {\n extractStyleProps,\n MantineStyleProps,\n parseStyleProps,\n STYlE_PROPS_DATA,\n} from './style-props';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\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 /** `size` property passed down the HTML element */\n __size?: string;\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 /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n mod?: BoxMod;\n}\n\nexport type ElementProps<\n ElementType extends React.ElementType,\n PropsToOmit extends string = never,\n> = Omit<React.ComponentProps<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\nfunction _Box({\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 __size,\n ref,\n ...others\n}: BoxComponentProps & { component: any; className: string; renderRoot: any; ref: any }) {\n const theme = useMantineTheme();\n const Element = component || 'div';\n const { styleProps, rest } = extractStyleProps(others);\n const useSxTransform = useMantineSxTransform();\n const transformedSx = useSxTransform?.()?.(styleProps.sx);\n const randomClassName = useRandomClassName();\n const parsedStyleProps = parseStyleProps({\n styleProps,\n theme,\n data: STYlE_PROPS_DATA,\n });\n\n const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n const responsiveClassName =\n deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n : randomClassName;\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, transformedSx, {\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 size: __size,\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 deduplicate={deduplicateInlineStyles}\n />\n )}\n\n {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n </>\n );\n}\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = polymorphic<'div', BoxComponentProps>(_Box);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkEA,SAAS,KAAK,EACZ,WACA,OACA,QACA,WACA,SACA,KACA,MACA,YACA,aACA,aACA,YACA,YACA,QACA,KACA,GAAG,UACoF;CACvF,MAAM,QAAQA,6BAAAA,gBAAgB;CAC9B,MAAM,UAAU,aAAa;CAC7B,MAAM,EAAE,YAAY,SAASC,4BAAAA,kBAAkB,MAAM;CAErD,MAAM,gBADiBC,wBAAAA,sBACY,
|
|
1
|
+
{"version":3,"file":"Box.cjs","names":["useMantineTheme","extractStyleProps","useMantineSxTransform","useRandomClassName","parseStyleProps","STYlE_PROPS_DATA","useMantineDeduplicateInlineStyles","hashStyleProps","getBoxStyle","isNumberLike","getBoxMod","InlineStyles","polymorphic"],"sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { polymorphic } from '../factory';\nimport { hashStyleProps, InlineStyles } from '../InlineStyles';\nimport {\n MantineBreakpoint,\n useMantineDeduplicateInlineStyles,\n useMantineSxTransform,\n useMantineTheme,\n} from '../MantineProvider';\nimport { isNumberLike } from '../utils';\nimport type { CssVarsProp, MantineStyleProp } from './Box.types';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport {\n extractStyleProps,\n MantineStyleProps,\n parseStyleProps,\n STYlE_PROPS_DATA,\n} from './style-props';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\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 | undefined;\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 /** `size` property passed down the HTML element */\n __size?: string;\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 /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n mod?: BoxMod;\n}\n\nexport type ElementProps<\n ElementType extends React.ElementType,\n PropsToOmit extends string = never,\n> = Omit<React.ComponentProps<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\nfunction _Box({\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 __size,\n ref,\n ...others\n}: BoxComponentProps & { component: any; className: string; renderRoot: any; ref: any }) {\n const theme = useMantineTheme();\n const Element = component || 'div';\n const { styleProps, rest } = extractStyleProps(others);\n const useSxTransform = useMantineSxTransform();\n const transformedSx = useSxTransform?.()?.(styleProps.sx);\n const randomClassName = useRandomClassName();\n const parsedStyleProps = parseStyleProps({\n styleProps,\n theme,\n data: STYlE_PROPS_DATA,\n });\n\n const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n const responsiveClassName =\n deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n : randomClassName;\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, transformedSx, {\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 size: __size,\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 deduplicate={deduplicateInlineStyles}\n />\n )}\n\n {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n </>\n );\n}\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = polymorphic<'div', BoxComponentProps>(_Box);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkEA,SAAS,KAAK,EACZ,WACA,OACA,QACA,WACA,SACA,KACA,MACA,YACA,aACA,aACA,YACA,YACA,QACA,KACA,GAAG,UACoF;CACvF,MAAM,QAAQA,6BAAAA,gBAAgB;CAC9B,MAAM,UAAU,aAAa;CAC7B,MAAM,EAAE,YAAY,SAASC,4BAAAA,kBAAkB,MAAM;CAErD,MAAM,gBADiBC,wBAAAA,sBACY,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;CACxD,MAAM,kBAAkBC,6BAAAA,mBAAmB;CAC3C,MAAM,mBAAmBC,0BAAAA,gBAAgB;EACvC;EACA;EACA,MAAMC,yBAAAA;CACR,CAAC;CAED,MAAM,0BAA0BC,wBAAAA,kCAAkC;CAClE,MAAM,sBACJ,2BAA2B,iBAAiB,sBACxCC,oBAAAA,eAAe,iBAAiB,QAAQ,iBAAiB,KAAK,IAC9D;CAEN,MAAM,QAAQ;EACZ;EACA,OAAOC,sBAAAA,YAAY;GACjB;GACA;GACA,MAAM;GACN,YAAY,iBAAiB;EAC/B,CAAC;EACD,YAAA,GAAA,KAAA,QAAA,CAAc,WAAW,eAAe;IACrC,sBAAsB,iBAAiB;GACxC,wBAAwB;GACxB,uBAAuB;IACtB,uBAAuB,eAAe;IACtC,wBAAwB,gBAAgB;EAC3C,CAAC;EACD,gBAAgB;EAChB,aAAaC,uBAAAA,aAAa,IAAI,IAAI,KAAA,IAAY,QAAQ,KAAA;EACtD,MAAM;EACN,GAAGC,oBAAAA,UAAU,GAAG;EAChB,GAAG;CACL;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,uBAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;EACE,UAAU,IAAI;EACd,QAAQ,iBAAiB;EACzB,OAAO,iBAAiB;EACxB,aAAa;CACd,CAAA,GAGF,OAAO,eAAe,aAAa,WAAW,KAAK,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD,EAAS,GAAI,MAAQ,CAAA,CAC7E,EAAA,CAAA;AAEN;AAEA,KAAK,cAAc;AAEnB,MAAa,MAAMC,qCAAAA,YAAsC,IAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-box-mod.cjs","names":[],"sources":["../../../../src/core/Box/get-box-mod/get-box-mod.ts"],"sourcesContent":["function transformModKey(key: string) {\n const cleanKey = key.startsWith('data-') ? key.slice(5) : key;\n const kebabKey = cleanKey.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n return `data-${kebabKey}`;\n}\n\nexport function getMod(props: Record<string, any>) {\n return Object.keys(props).reduce<Record<string, any>>((acc, key) => {\n const value = props[key];\n\n if (value === undefined || value === '' || value === false || value === null) {\n return acc;\n }\n\n acc[transformModKey(key)] = props[key];\n return acc;\n }, {});\n}\n\nexport function getBoxMod(mod?: any): Record<string, any> | null {\n if (!mod) {\n return null;\n }\n\n if (typeof mod === 'string') {\n return { [transformModKey(mod)]: true };\n }\n\n if (Array.isArray(mod)) {\n return [...mod].reduce<Record<`data-${string}`, any>>(\n (acc, value) => ({ ...acc, ...getBoxMod(value) }),\n {}\n );\n }\n\n return getMod(mod);\n}\n"],"mappings":";;AAAA,SAAS,gBAAgB,KAAa;CAGpC,OAAO,SAFU,IAAI,WAAW,OAAO,IAAI,IAAI,MAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"get-box-mod.cjs","names":[],"sources":["../../../../src/core/Box/get-box-mod/get-box-mod.ts"],"sourcesContent":["function transformModKey(key: string) {\n const cleanKey = key.startsWith('data-') ? key.slice(5) : key;\n const kebabKey = cleanKey.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n return `data-${kebabKey}`;\n}\n\nexport function getMod(props: Record<string, any>) {\n return Object.keys(props).reduce<Record<string, any>>((acc, key) => {\n const value = props[key];\n\n if (value === undefined || value === '' || value === false || value === null) {\n return acc;\n }\n\n acc[transformModKey(key)] = props[key];\n return acc;\n }, {});\n}\n\nexport function getBoxMod(mod?: any): Record<string, any> | null {\n if (!mod) {\n return null;\n }\n\n if (typeof mod === 'string') {\n return { [transformModKey(mod)]: true };\n }\n\n if (Array.isArray(mod)) {\n return [...mod].reduce<Record<`data-${string}`, any>>(\n (acc, value) => ({ ...acc, ...getBoxMod(value) }),\n {}\n );\n }\n\n return getMod(mod);\n}\n"],"mappings":";;AAAA,SAAS,gBAAgB,KAAa;CAGpC,OAAO,SAFU,IAAI,WAAW,OAAO,IAAI,IAAI,MAAM,CAAC,IAAI,IAAA,CAChC,QAAQ,mBAAmB,OAAO,CAAC,CAAC,YACxC;AACxB;AAEA,SAAgB,OAAO,OAA4B;CACjD,OAAO,OAAO,KAAK,KAAK,CAAC,CAAC,QAA6B,KAAK,QAAQ;EAClE,MAAM,QAAQ,MAAM;EAEpB,IAAI,UAAU,KAAA,KAAa,UAAU,MAAM,UAAU,SAAS,UAAU,MACtE,OAAO;EAGT,IAAI,gBAAgB,GAAG,KAAK,MAAM;EAClC,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAgB,UAAU,KAAuC;CAC/D,IAAI,CAAC,KACH,OAAO;CAGT,IAAI,OAAO,QAAQ,UACjB,OAAO,GAAG,gBAAgB,GAAG,IAAI,KAAK;CAGxC,IAAI,MAAM,QAAQ,GAAG,GACnB,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,QACb,KAAK,WAAW;EAAE,GAAG;EAAK,GAAG,UAAU,KAAK;CAAE,IAC/C,CAAC,CACH;CAGF,OAAO,OAAO,GAAG;AACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-box-style.cjs","names":[],"sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { CssVarsProp, MantineStyleProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n theme: MantineTheme;\n styleProps: React.CSSProperties;\n style?: MantineStyleProp;\n vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n styles: MantineStyleProp | CssVarsProp | undefined,\n theme: MantineTheme\n): React.CSSProperties {\n if (Array.isArray(styles)) {\n return [...styles].reduce<Record<string, any>>(\n (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n {}\n );\n }\n\n if (typeof styles === 'function') {\n return styles(theme);\n }\n\n if (styles == null) {\n return {};\n }\n\n return styles;\n}\n\nexport function getBoxStyle({\n theme,\n style,\n vars,\n styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n const _style = mergeStyles(style, theme);\n const _vars = mergeStyles(vars, theme);\n return { ..._style, ..._vars, ...styleProps };\n}\n"],"mappings":";;AAUA,SAAS,YACP,QACA,OACqB;CACrB,IAAI,MAAM,QAAQ,MAAM,GACtB,OAAO,CAAC,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"get-box-style.cjs","names":[],"sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { CssVarsProp, MantineStyleProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n theme: MantineTheme;\n styleProps: React.CSSProperties;\n style?: MantineStyleProp;\n vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n styles: MantineStyleProp | CssVarsProp | undefined,\n theme: MantineTheme\n): React.CSSProperties {\n if (Array.isArray(styles)) {\n return [...styles].reduce<Record<string, any>>(\n (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n {}\n );\n }\n\n if (typeof styles === 'function') {\n return styles(theme);\n }\n\n if (styles == null) {\n return {};\n }\n\n return styles;\n}\n\nexport function getBoxStyle({\n theme,\n style,\n vars,\n styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n const _style = mergeStyles(style, theme);\n const _vars = mergeStyles(vars, theme);\n return { ..._style, ..._vars, ...styleProps };\n}\n"],"mappings":";;AAUA,SAAS,YACP,QACA,OACqB;CACrB,IAAI,MAAM,QAAQ,MAAM,GACtB,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,QAChB,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,YAAY,MAAM,KAAK;CAAE,IACtD,CAAC,CACH;CAGF,IAAI,OAAO,WAAW,YACpB,OAAO,OAAO,KAAK;CAGrB,IAAI,UAAU,MACZ,OAAO,CAAC;CAGV,OAAO;AACT;AAEA,SAAgB,YAAY,EAC1B,OACA,OACA,MACA,cAC0C;CAC1C,MAAM,SAAS,YAAY,OAAO,KAAK;CACvC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,OAAO;EAAE,GAAG;EAAQ,GAAG;EAAO,GAAG;CAAW;AAC9C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-style-object.cjs","names":[],"sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n style: MantineStyleProp | undefined,\n theme: MantineTheme\n): React.CSSProperties {\n if (Array.isArray(style)) {\n return [...style].reduce<Record<string, any>>(\n (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n {}\n );\n }\n\n if (typeof style === 'function') {\n return style(theme);\n }\n\n if (style == null) {\n return {};\n }\n\n return style;\n}\n"],"mappings":";;AAGA,SAAgB,eACd,OACA,OACqB;CACrB,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,CAAC,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"get-style-object.cjs","names":[],"sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n style: MantineStyleProp | undefined,\n theme: MantineTheme\n): React.CSSProperties {\n if (Array.isArray(style)) {\n return [...style].reduce<Record<string, any>>(\n (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n {}\n );\n }\n\n if (typeof style === 'function') {\n return style(theme);\n }\n\n if (style == null) {\n return {};\n }\n\n return style;\n}\n"],"mappings":";;AAGA,SAAgB,eACd,OACA,OACqB;CACrB,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,QACf,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,eAAe,MAAM,KAAK;CAAE,IACzD,CAAC,CACH;CAGF,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,KAAK;CAGpB,IAAI,SAAS,MACX,OAAO,CAAC;CAGV,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parse-style-props.cjs","names":["keys","sortMediaQueries","resolvers"],"sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { MantineTheme } from '../../../MantineProvider';\nimport { keys } from '../../../utils';\nimport { resolvers } from '../resolvers';\nimport type { SystemPropData } from '../style-props-data';\nimport type { StyleProp } from '../style-props.types';\nimport { sortMediaQueries, SortMediaQueriesResult } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n if (typeof styleProp !== 'object' || styleProp === null) {\n return false;\n }\n\n const breakpoints = Object.keys(styleProp);\n\n if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n return false;\n }\n\n return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n if ('base' in value) {\n return value.base;\n }\n\n return undefined;\n }\n\n return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n return keys(value).filter((key) => key !== 'base');\n }\n\n return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n if (typeof value === 'object' && value !== null && breakpoint in value) {\n return value[breakpoint as keyof typeof value];\n }\n\n return value;\n}\n\ninterface ParseStylePropsOptions {\n styleProps: Record<string, StyleProp<any>>;\n theme: MantineTheme;\n data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n hasResponsiveStyles: boolean;\n inlineStyles: React.CSSProperties;\n styles: React.CSSProperties;\n media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n styleProps,\n data,\n theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n return sortMediaQueries(\n keys(styleProps).reduce<{\n hasResponsiveStyles: boolean;\n inlineStyles: Record<string, unknown>;\n styles: Record<string, unknown>;\n media: Record<string, Record<string, unknown>>;\n }>(\n (acc, styleProp) => {\n if (\n (styleProp as string) === 'hiddenFrom' ||\n (styleProp as string) === 'visibleFrom' ||\n (styleProp as string) === 'sx'\n ) {\n return acc;\n }\n\n const propertyData = data[styleProp];\n const properties = Array.isArray(propertyData.property)\n ? propertyData.property\n : [propertyData.property];\n const baseValue = getBaseValue(styleProps[styleProp]);\n\n if (!hasResponsiveStyles(styleProps[styleProp])) {\n properties.forEach((property) => {\n acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n });\n\n return acc;\n }\n\n acc.hasResponsiveStyles = true;\n\n const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n properties.forEach((property) => {\n if (baseValue != null) {\n acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n }\n\n breakpoints.forEach((breakpoint) => {\n const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n acc.media[bp] = {\n ...acc.media[bp],\n [property]: resolvers[propertyData.type](\n getBreakpointValue(styleProps[styleProp], breakpoint),\n theme\n ),\n };\n });\n });\n\n return acc;\n },\n {\n hasResponsiveStyles: false,\n styles: {},\n inlineStyles: {},\n media: {},\n }\n )\n );\n}\n"],"mappings":";;;;;AAOA,SAAS,oBAAoB,WAA+B;CAC1D,IAAI,OAAO,cAAc,YAAY,cAAc,MACjD,OAAO;CAGT,MAAM,cAAc,OAAO,KAAK,SAAS;CAEzC,IAAI,YAAY,WAAW,KAAK,YAAY,OAAO,QACjD,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,aAAa,OAA2B;CAC/C,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;EAC/C,IAAI,UAAU,OACZ,OAAO,MAAM;EAGf;CACF;CAEA,OAAO;AACT;AAEA,SAAS,kBAAkB,OAA2B;CACpD,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAOA,aAAAA,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"parse-style-props.cjs","names":["keys","sortMediaQueries","resolvers"],"sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { MantineTheme } from '../../../MantineProvider';\nimport { keys } from '../../../utils';\nimport { resolvers } from '../resolvers';\nimport type { SystemPropData } from '../style-props-data';\nimport type { StyleProp } from '../style-props.types';\nimport { sortMediaQueries, SortMediaQueriesResult } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n if (typeof styleProp !== 'object' || styleProp === null) {\n return false;\n }\n\n const breakpoints = Object.keys(styleProp);\n\n if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n return false;\n }\n\n return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n if ('base' in value) {\n return value.base;\n }\n\n return undefined;\n }\n\n return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n return keys(value).filter((key) => key !== 'base');\n }\n\n return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n if (typeof value === 'object' && value !== null && breakpoint in value) {\n return value[breakpoint as keyof typeof value];\n }\n\n return value;\n}\n\ninterface ParseStylePropsOptions {\n styleProps: Record<string, StyleProp<any>>;\n theme: MantineTheme;\n data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n hasResponsiveStyles: boolean;\n inlineStyles: React.CSSProperties;\n styles: React.CSSProperties;\n media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n styleProps,\n data,\n theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n return sortMediaQueries(\n keys(styleProps).reduce<{\n hasResponsiveStyles: boolean;\n inlineStyles: Record<string, unknown>;\n styles: Record<string, unknown>;\n media: Record<string, Record<string, unknown>>;\n }>(\n (acc, styleProp) => {\n if (\n (styleProp as string) === 'hiddenFrom' ||\n (styleProp as string) === 'visibleFrom' ||\n (styleProp as string) === 'sx'\n ) {\n return acc;\n }\n\n const propertyData = data[styleProp];\n const properties = Array.isArray(propertyData.property)\n ? propertyData.property\n : [propertyData.property];\n const baseValue = getBaseValue(styleProps[styleProp]);\n\n if (!hasResponsiveStyles(styleProps[styleProp])) {\n properties.forEach((property) => {\n acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n });\n\n return acc;\n }\n\n acc.hasResponsiveStyles = true;\n\n const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n properties.forEach((property) => {\n if (baseValue != null) {\n acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n }\n\n breakpoints.forEach((breakpoint) => {\n const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n acc.media[bp] = {\n ...acc.media[bp],\n [property]: resolvers[propertyData.type](\n getBreakpointValue(styleProps[styleProp], breakpoint),\n theme\n ),\n };\n });\n });\n\n return acc;\n },\n {\n hasResponsiveStyles: false,\n styles: {},\n inlineStyles: {},\n media: {},\n }\n )\n );\n}\n"],"mappings":";;;;;AAOA,SAAS,oBAAoB,WAA+B;CAC1D,IAAI,OAAO,cAAc,YAAY,cAAc,MACjD,OAAO;CAGT,MAAM,cAAc,OAAO,KAAK,SAAS;CAEzC,IAAI,YAAY,WAAW,KAAK,YAAY,OAAO,QACjD,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,aAAa,OAA2B;CAC/C,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;EAC/C,IAAI,UAAU,OACZ,OAAO,MAAM;EAGf;CACF;CAEA,OAAO;AACT;AAEA,SAAS,kBAAkB,OAA2B;CACpD,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAOA,aAAAA,KAAK,KAAK,CAAC,CAAC,QAAQ,QAAQ,QAAQ,MAAM;CAGnD,OAAO,CAAC;AACV;AAEA,SAAS,mBAAmB,OAA2B,YAAoB;CACzE,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,OAC/D,OAAO,MAAM;CAGf,OAAO;AACT;AAeA,SAAgB,gBAAgB,EAC9B,YACA,MACA,SACiD;CACjD,OAAOC,2BAAAA,iBACLD,aAAAA,KAAK,UAAU,CAAC,CAAC,QAMd,KAAK,cAAc;EAClB,IACG,cAAyB,gBACzB,cAAyB,iBACzB,cAAyB,MAE1B,OAAO;EAGT,MAAM,eAAe,KAAK;EAC1B,MAAM,aAAa,MAAM,QAAQ,aAAa,QAAQ,IAClD,aAAa,WACb,CAAC,aAAa,QAAQ;EAC1B,MAAM,YAAY,aAAa,WAAW,UAAU;EAEpD,IAAI,CAAC,oBAAoB,WAAW,UAAU,GAAG;GAC/C,WAAW,SAAS,aAAa;IAC/B,IAAI,aAAa,YAAYE,cAAAA,UAAU,aAAa,KAAK,CAAC,WAAW,KAAK;GAC5E,CAAC;GAED,OAAO;EACT;EAEA,IAAI,sBAAsB;EAE1B,MAAM,cAAc,kBAAkB,WAAW,UAAU;EAE3D,WAAW,SAAS,aAAa;GAC/B,IAAI,aAAa,MACf,IAAI,OAAO,YAAYA,cAAAA,UAAU,aAAa,KAAK,CAAC,WAAW,KAAK;GAGtE,YAAY,SAAS,eAAe;IAClC,MAAM,KAAK,eAAe,MAAM,YAAY,YAAY;IACxD,IAAI,MAAM,MAAM;KACd,GAAG,IAAI,MAAM;MACZ,WAAWA,cAAAA,UAAU,aAAa,KAAK,CACtC,mBAAmB,WAAW,YAAY,UAAU,GACpD,KACF;IACF;GACF,CAAC;EACH,CAAC;EAED,OAAO;CACT,GACA;EACE,qBAAqB;EACrB,QAAQ,CAAC;EACT,cAAc,CAAC;EACf,OAAO,CAAC;CACV,CACF,CACF;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort-media-queries.cjs","names":[],"sources":["../../../../../src/core/Box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import type { InlineStylesMediaQuery } from '../../../InlineStyles';\nimport type { ParseStylePropsResult } from './parse-style-props';\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n media: InlineStylesMediaQuery[];\n}\n\nfunction replaceMediaQuery(query: string) {\n return query.replace('(min-width: ', '').replace('em)', '');\n}\n\nexport function sortMediaQueries({\n media,\n ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n const breakpoints = Object.keys(media);\n const sortedMedia = breakpoints\n .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n .map((query) => ({ query, styles: media[query] }));\n\n return { ...props, media: sortedMedia };\n}\n"],"mappings":";;AAOA,SAAS,kBAAkB,OAAe;CACxC,OAAO,MAAM,QAAQ,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"sort-media-queries.cjs","names":[],"sources":["../../../../../src/core/Box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import type { InlineStylesMediaQuery } from '../../../InlineStyles';\nimport type { ParseStylePropsResult } from './parse-style-props';\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n media: InlineStylesMediaQuery[];\n}\n\nfunction replaceMediaQuery(query: string) {\n return query.replace('(min-width: ', '').replace('em)', '');\n}\n\nexport function sortMediaQueries({\n media,\n ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n const breakpoints = Object.keys(media);\n const sortedMedia = breakpoints\n .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n .map((query) => ({ query, styles: media[query] }));\n\n return { ...props, media: sortedMedia };\n}\n"],"mappings":";;AAOA,SAAS,kBAAkB,OAAe;CACxC,OAAO,MAAM,QAAQ,gBAAgB,EAAE,CAAC,CAAC,QAAQ,OAAO,EAAE;AAC5D;AAEA,SAAgB,iBAAiB,EAC/B,OACA,GAAG,SAC6C;CAEhD,MAAM,cADc,OAAO,KAAK,KACF,CAAC,CAC5B,MAAM,GAAG,MAAM,OAAO,kBAAkB,CAAC,CAAC,IAAI,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAC3E,KAAK,WAAW;EAAE;EAAO,QAAQ,MAAM;CAAO,EAAE;CAEnD,OAAO;EAAE,GAAG;EAAO,OAAO;CAAY;AACxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"border-resolver.cjs","names":["rem","colorResolver"],"sources":["../../../../../../src/core/Box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\nimport { colorResolver } from '../color-resolver/color-resolver';\n\nexport function borderResolver(value: unknown, theme: MantineTheme) {\n if (typeof value === 'number') {\n return rem(value);\n }\n\n if (typeof value === 'string') {\n const [size, style, ...colorTuple] = value.split(' ').filter((val) => val.trim() !== '');\n let result = `${rem(size)}`;\n style && (result += ` ${style}`);\n colorTuple.length > 0 && (result += ` ${colorResolver(colorTuple.join(' '), theme)}`);\n return result.trim();\n }\n\n return value;\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAqB;CAClE,IAAI,OAAO,UAAU,UACnB,OAAOA,YAAAA,IAAI,KAAK;CAGlB,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"border-resolver.cjs","names":["rem","colorResolver"],"sources":["../../../../../../src/core/Box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\nimport { colorResolver } from '../color-resolver/color-resolver';\n\nexport function borderResolver(value: unknown, theme: MantineTheme) {\n if (typeof value === 'number') {\n return rem(value);\n }\n\n if (typeof value === 'string') {\n const [size, style, ...colorTuple] = value.split(' ').filter((val) => val.trim() !== '');\n let result = `${rem(size)}`;\n style && (result += ` ${style}`);\n colorTuple.length > 0 && (result += ` ${colorResolver(colorTuple.join(' '), theme)}`);\n return result.trim();\n }\n\n return value;\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAqB;CAClE,IAAI,OAAO,UAAU,UACnB,OAAOA,YAAAA,IAAI,KAAK;CAGlB,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,QAAQ,IAAI,KAAK,MAAM,EAAE;EACvF,IAAI,SAAS,GAAGA,YAAAA,IAAI,IAAI;EACxB,UAAU,UAAU,IAAI;EACxB,WAAW,SAAS,MAAM,UAAU,IAAIC,uBAAAA,cAAc,WAAW,KAAK,GAAG,GAAG,KAAK;EACjF,OAAO,OAAO,KAAK;CACrB;CAEA,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-random-classname.cjs","names":[],"sources":["../../../../src/core/Box/use-random-classname/use-random-classname.ts"],"sourcesContent":["import { useId } from 'react';\n\nexport function useRandomClassName() {\n const id = useId().replace(/[:«»]/g, '');\n return `__m__-${id}`;\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAqB;CAEnC,OAAO,UAAA,GAAA,MAAA,
|
|
1
|
+
{"version":3,"file":"use-random-classname.cjs","names":[],"sources":["../../../../src/core/Box/use-random-classname/use-random-classname.ts"],"sourcesContent":["import { useId } from 'react';\n\nexport function useRandomClassName() {\n const id = useId().replace(/[:«»]/g, '');\n return `__m__-${id}`;\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAqB;CAEnC,OAAO,UAAA,GAAA,MAAA,MAAA,CADU,CAAC,CAAC,QAAQ,UAAU,EACpB;AACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DirectionProvider.cjs","names":[],"sources":["../../../src/core/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import { createContext, use, useCallback, useState } from 'react';\nimport { useIsomorphicEffect, useMutationObserverTarget } 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 use(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) @default true */\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 = useCallback((direction: Direction) => {\n setDir(direction);\n if (document.documentElement.getAttribute('dir') !== direction) {\n document.documentElement.setAttribute('dir', direction);\n }\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 setDir(direction);\n }\n }\n }, []);\n\n const mutationCallback = useCallback<MutationCallback>(() => {\n if (typeof document === 'undefined') {\n return;\n }\n const direction = document.documentElement.getAttribute('dir');\n if (direction === 'rtl' || direction === 'ltr') {\n setDir((prev) => (prev !== direction ? (direction as Direction) : prev));\n }\n }, []);\n\n useMutationObserverTarget(\n mutationCallback,\n detectDirection ? { attributes: true, attributeFilter: ['dir'] } : {},\n typeof document !== 'undefined' && detectDirection ? document.documentElement : null\n );\n\n return (\n <DirectionContext value={{ dir, toggleDirection, setDirection }}>{children}</DirectionContext>\n );\n}\n"],"mappings":";;;;;AAWA,MAAa,oBAAA,GAAA,MAAA,
|
|
1
|
+
{"version":3,"file":"DirectionProvider.cjs","names":[],"sources":["../../../src/core/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import { createContext, use, useCallback, useState } from 'react';\nimport { useIsomorphicEffect, useMutationObserverTarget } 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 use(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) @default true */\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 = useCallback((direction: Direction) => {\n setDir(direction);\n if (document.documentElement.getAttribute('dir') !== direction) {\n document.documentElement.setAttribute('dir', direction);\n }\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 setDir(direction);\n }\n }\n }, []);\n\n const mutationCallback = useCallback<MutationCallback>(() => {\n if (typeof document === 'undefined') {\n return;\n }\n const direction = document.documentElement.getAttribute('dir');\n if (direction === 'rtl' || direction === 'ltr') {\n setDir((prev) => (prev !== direction ? (direction as Direction) : prev));\n }\n }, []);\n\n useMutationObserverTarget(\n mutationCallback,\n detectDirection ? { attributes: true, attributeFilter: ['dir'] } : {},\n typeof document !== 'undefined' && detectDirection ? document.documentElement : null\n );\n\n return (\n <DirectionContext value={{ dir, toggleDirection, setDirection }}>{children}</DirectionContext>\n );\n}\n"],"mappings":";;;;;AAWA,MAAa,oBAAA,GAAA,MAAA,cAAA,CAAwD;CACnE,KAAK;CACL,uBAAuB,CAAC;CACxB,oBAAoB,CAAC;AACvB,CAAC;AAED,SAAgB,eAAe;CAC7B,QAAA,GAAA,MAAA,IAAA,CAAW,gBAAgB;AAC7B;AAaA,SAAgB,kBAAkB,EAChC,UACA,mBAAmB,OACnB,kBAAkB,QACO;CACzB,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,SAAA,CAA8B,gBAAgB;CAE1D,MAAM,gBAAA,GAAA,MAAA,YAAA,EAA4B,cAAyB;EACzD,OAAO,SAAS;EAChB,IAAI,SAAS,gBAAgB,aAAa,KAAK,MAAM,WACnD,SAAS,gBAAgB,aAAa,OAAO,SAAS;CAE1D,GAAG,CAAC,CAAC;CAEL,MAAM,wBAAwB,aAAa,QAAQ,QAAQ,QAAQ,KAAK;CAExE,CAAA,GAAA,eAAA,oBAAA,OAA0B;EACxB,IAAI,iBAAiB;GACnB,MAAM,YAAY,SAAS,gBAAgB,aAAa,KAAK;GAC7D,IAAI,cAAc,SAAS,cAAc,OACvC,OAAO,SAAS;EAEpB;CACF,GAAG,CAAC,CAAC;CAYL,CAAA,GAAA,eAAA,0BAAA,EAAA,GAAA,MAAA,YAAA,OAV6D;EAC3D,IAAI,OAAO,aAAa,aACtB;EAEF,MAAM,YAAY,SAAS,gBAAgB,aAAa,KAAK;EAC7D,IAAI,cAAc,SAAS,cAAc,OACvC,QAAQ,SAAU,SAAS,YAAa,YAA0B,IAAK;CAE3E,GAAG,CAAC,CAGa,GACf,kBAAkB;EAAE,YAAY;EAAM,iBAAiB,CAAC,KAAK;CAAE,IAAI,CAAC,GACpE,OAAO,aAAa,eAAe,kBAAkB,SAAS,kBAAkB,IAClF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;GAAE;GAAK;GAAiB;EAAa;EAAI;CAA2B,CAAA;AAEjG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineStyles.cjs","names":["useMantineStyleNonce","stylesToString"],"sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import { useMantineStyleNonce } from '../MantineProvider';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\n\nexport interface InlineStylesProps\n extends InlineStylesInput, Omit<React.ComponentProps<'style'>, keyof InlineStylesInput> {\n deduplicate?: boolean;\n}\n\nfunction simpleHash(str: string): string {\n let hash = 5381;\n for (let i = 0; i < str.length; i++) {\n hash = ((hash << 5) + hash + str.charCodeAt(i)) & 0xffffffff;\n }\n return (hash >>> 0).toString(36);\n}\n\nexport function InlineStyles({ deduplicate, ...props }: InlineStylesProps) {\n const nonce = useMantineStyleNonce();\n const css = stylesToString(props);\n\n if (deduplicate) {\n return (\n <style href={`mantine-${simpleHash(css)}`} precedence=\"mantine\" nonce={nonce?.()}>\n {css}\n </style>\n );\n }\n\n return (\n <style\n data-mantine-styles=\"inline\"\n nonce={nonce?.()}\n dangerouslySetInnerHTML={{ __html: css }}\n />\n );\n}\n"],"mappings":";;;;;AAQA,SAAS,WAAW,KAAqB;CACvC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,QAAS,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC,IAAK;CAEpD,QAAQ,SAAS,
|
|
1
|
+
{"version":3,"file":"InlineStyles.cjs","names":["useMantineStyleNonce","stylesToString"],"sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import { useMantineStyleNonce } from '../MantineProvider';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\n\nexport interface InlineStylesProps\n extends InlineStylesInput, Omit<React.ComponentProps<'style'>, keyof InlineStylesInput> {\n deduplicate?: boolean;\n}\n\nfunction simpleHash(str: string): string {\n let hash = 5381;\n for (let i = 0; i < str.length; i++) {\n hash = ((hash << 5) + hash + str.charCodeAt(i)) & 0xffffffff;\n }\n return (hash >>> 0).toString(36);\n}\n\nexport function InlineStyles({ deduplicate, ...props }: InlineStylesProps) {\n const nonce = useMantineStyleNonce();\n const css = stylesToString(props);\n\n if (deduplicate) {\n return (\n <style href={`mantine-${simpleHash(css)}`} precedence=\"mantine\" nonce={nonce?.()}>\n {css}\n </style>\n );\n }\n\n return (\n <style\n data-mantine-styles=\"inline\"\n nonce={nonce?.()}\n dangerouslySetInnerHTML={{ __html: css }}\n />\n );\n}\n"],"mappings":";;;;;AAQA,SAAS,WAAW,KAAqB;CACvC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,QAAS,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC,IAAK;CAEpD,QAAQ,SAAS,EAAA,CAAG,SAAS,EAAE;AACjC;AAEA,SAAgB,aAAa,EAAE,aAAa,GAAG,SAA4B;CACzE,MAAM,QAAQA,wBAAAA,qBAAqB;CACnC,MAAM,MAAMC,yBAAAA,eAAe,KAAK;CAEhC,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAO,MAAM,WAAW,WAAW,GAAG;EAAK,YAAW;EAAU,OAAO,QAAQ;YAC5E;CACI,CAAA;CAIX,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,uBAAoB;EACpB,OAAO,QAAQ;EACf,yBAAyB,EAAE,QAAQ,IAAI;CACxC,CAAA;AAEL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-object-to-string.cjs","names":["keys","camelToKebabCase"],"sources":["../../../../src/core/InlineStyles/css-object-to-string/css-object-to-string.ts"],"sourcesContent":["import { camelToKebabCase, keys } from '../../utils';\n\nexport function cssObjectToString(css: React.CSSProperties) {\n return keys(css)\n .reduce(\n (acc, rule) =>\n css[rule] !== undefined ? `${acc}${camelToKebabCase(rule)}:${css[rule]};` : acc,\n ''\n )\n .trim();\n}\n"],"mappings":";;;;AAEA,SAAgB,kBAAkB,KAA0B;CAC1D,OAAOA,aAAAA,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"css-object-to-string.cjs","names":["keys","camelToKebabCase"],"sources":["../../../../src/core/InlineStyles/css-object-to-string/css-object-to-string.ts"],"sourcesContent":["import { camelToKebabCase, keys } from '../../utils';\n\nexport function cssObjectToString(css: React.CSSProperties) {\n return keys(css)\n .reduce(\n (acc, rule) =>\n css[rule] !== undefined ? `${acc}${camelToKebabCase(rule)}:${css[rule]};` : acc,\n ''\n )\n .trim();\n}\n"],"mappings":";;;;AAEA,SAAgB,kBAAkB,KAA0B;CAC1D,OAAOA,aAAAA,KAAK,GAAG,CAAC,CACb,QACE,KAAK,SACJ,IAAI,UAAU,KAAA,IAAY,GAAG,MAAMC,4BAAAA,iBAAiB,IAAI,EAAE,GAAG,IAAI,MAAM,KAAK,KAC9E,EACF,CAAC,CACA,KAAK;AACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hash-styles.cjs","names":["cssObjectToString"],"sources":["../../../src/core/InlineStyles/hash-styles.ts"],"sourcesContent":["import { cssObjectToString } from './css-object-to-string/css-object-to-string';\nimport type { InlineStylesMediaQuery } from './styles-to-string/styles-to-string';\n\nfunction djb2Hash(str: string): string {\n let hash = 5381;\n for (let i = 0; i < str.length; i++) {\n hash = ((hash << 5) + hash + str.charCodeAt(i)) & 0xffffffff;\n }\n return (hash >>> 0).toString(36);\n}\n\nexport function hashStyleProps(\n styles: React.CSSProperties | undefined,\n media: InlineStylesMediaQuery[] | undefined\n): string {\n const stylesStr = styles ? cssObjectToString(styles) : '';\n const mediaStr = Array.isArray(media)\n ? media.map((m) => `${m.query}:${cssObjectToString(m.styles)}`).join('|')\n : '';\n return `__mdi__-${djb2Hash(`${stylesStr}|${mediaStr}`)}`;\n}\n"],"mappings":";;;AAGA,SAAS,SAAS,KAAqB;CACrC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,QAAS,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC,IAAK;CAEpD,QAAQ,SAAS,
|
|
1
|
+
{"version":3,"file":"hash-styles.cjs","names":["cssObjectToString"],"sources":["../../../src/core/InlineStyles/hash-styles.ts"],"sourcesContent":["import { cssObjectToString } from './css-object-to-string/css-object-to-string';\nimport type { InlineStylesMediaQuery } from './styles-to-string/styles-to-string';\n\nfunction djb2Hash(str: string): string {\n let hash = 5381;\n for (let i = 0; i < str.length; i++) {\n hash = ((hash << 5) + hash + str.charCodeAt(i)) & 0xffffffff;\n }\n return (hash >>> 0).toString(36);\n}\n\nexport function hashStyleProps(\n styles: React.CSSProperties | undefined,\n media: InlineStylesMediaQuery[] | undefined\n): string {\n const stylesStr = styles ? cssObjectToString(styles) : '';\n const mediaStr = Array.isArray(media)\n ? media.map((m) => `${m.query}:${cssObjectToString(m.styles)}`).join('|')\n : '';\n return `__mdi__-${djb2Hash(`${stylesStr}|${mediaStr}`)}`;\n}\n"],"mappings":";;;AAGA,SAAS,SAAS,KAAqB;CACrC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,QAAS,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC,IAAK;CAEpD,QAAQ,SAAS,EAAA,CAAG,SAAS,EAAE;AACjC;AAEA,SAAgB,eACd,QACA,OACQ;CAKR,OAAO,WAAW,SAAS,GAJT,SAASA,6BAAAA,kBAAkB,MAAM,IAAI,GAIf,GAHvB,MAAM,QAAQ,KAAK,IAChC,MAAM,KAAK,MAAM,GAAG,EAAE,MAAM,GAAGA,6BAAAA,kBAAkB,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,IACtE,IACiD;AACvD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorSchemeScript.cjs","names":[],"sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentProps<'script'> {\n forceColorScheme?: 'light' | 'dark';\n defaultColorScheme?: MantineColorScheme;\n localStorageKey?: string;\n}\n\nconst getScript = ({\n defaultColorScheme,\n localStorageKey,\n forceColorScheme,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey' | 'forceColorScheme'>) =>\n forceColorScheme\n ? `document.documentElement.setAttribute(\"data-mantine-color-scheme\", '${forceColorScheme}');`\n : `try {\n var _colorScheme = window.localStorage.getItem(\"${localStorageKey}\");\n var colorScheme = _colorScheme === \"light\" || _colorScheme === \"dark\" || _colorScheme === \"auto\" ? _colorScheme : \"${defaultColorScheme}\";\n var computedColorScheme = colorScheme !== \"auto\" ? colorScheme : window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n document.documentElement.setAttribute(\"data-mantine-color-scheme\", computedColorScheme);\n} catch (e) {}\n`;\n\nexport function ColorSchemeScript({\n defaultColorScheme = 'light',\n localStorageKey = 'mantine-color-scheme-value',\n forceColorScheme,\n ...others\n}: ColorSchemeScriptProps) {\n const _defaultColorScheme = ['light', 'dark', 'auto'].includes(defaultColorScheme)\n ? defaultColorScheme\n : 'light';\n return (\n <script\n {...others}\n data-mantine-script\n dangerouslySetInnerHTML={{\n __html: getScript({\n defaultColorScheme: _defaultColorScheme,\n localStorageKey,\n forceColorScheme,\n }),\n }}\n />\n );\n}\n"],"mappings":";;;AAQA,MAAM,aAAa,EACjB,oBACA,iBACA,uBAEA,mBACI,uEAAuE,iBAAiB,OACxF;oDAC8C,gBAAgB;uHACmD,mBAAmB;;;;;AAM1I,SAAgB,kBAAkB,EAChC,qBAAqB,SACrB,kBAAkB,8BAClB,kBACA,GAAG,UACsB;CACzB,MAAM,sBAAsB;EAAC;EAAS;EAAQ;CAAM,
|
|
1
|
+
{"version":3,"file":"ColorSchemeScript.cjs","names":[],"sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentProps<'script'> {\n forceColorScheme?: 'light' | 'dark';\n defaultColorScheme?: MantineColorScheme;\n localStorageKey?: string;\n}\n\nconst getScript = ({\n defaultColorScheme,\n localStorageKey,\n forceColorScheme,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey' | 'forceColorScheme'>) =>\n forceColorScheme\n ? `document.documentElement.setAttribute(\"data-mantine-color-scheme\", '${forceColorScheme}');`\n : `try {\n var _colorScheme = window.localStorage.getItem(\"${localStorageKey}\");\n var colorScheme = _colorScheme === \"light\" || _colorScheme === \"dark\" || _colorScheme === \"auto\" ? _colorScheme : \"${defaultColorScheme}\";\n var computedColorScheme = colorScheme !== \"auto\" ? colorScheme : window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n document.documentElement.setAttribute(\"data-mantine-color-scheme\", computedColorScheme);\n} catch (e) {}\n`;\n\nexport function ColorSchemeScript({\n defaultColorScheme = 'light',\n localStorageKey = 'mantine-color-scheme-value',\n forceColorScheme,\n ...others\n}: ColorSchemeScriptProps) {\n const _defaultColorScheme = ['light', 'dark', 'auto'].includes(defaultColorScheme)\n ? defaultColorScheme\n : 'light';\n return (\n <script\n {...others}\n data-mantine-script\n dangerouslySetInnerHTML={{\n __html: getScript({\n defaultColorScheme: _defaultColorScheme,\n localStorageKey,\n forceColorScheme,\n }),\n }}\n />\n );\n}\n"],"mappings":";;;AAQA,MAAM,aAAa,EACjB,oBACA,iBACA,uBAEA,mBACI,uEAAuE,iBAAiB,OACxF;oDAC8C,gBAAgB;uHACmD,mBAAmB;;;;;AAM1I,SAAgB,kBAAkB,EAChC,qBAAqB,SACrB,kBAAkB,8BAClB,kBACA,GAAG,UACsB;CACzB,MAAM,sBAAsB;EAAC;EAAS;EAAQ;CAAM,CAAC,CAAC,SAAS,kBAAkB,IAC7E,qBACA;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,GAAI;EACJ,uBAAA;EACA,yBAAyB,EACvB,QAAQ,UAAU;GAChB,oBAAoB;GACpB;GACA;EACF,CAAC,EACH;CACD,CAAA;AAEL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mantine.context.cjs","names":[],"sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, use } from 'react';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\nimport type { MantineColorScheme, MantineTheme } from './theme.types';\n\nexport interface MantineStylesTransform {\n sx?: () => (sx: any) => string;\n styles?: () => (styles: any, payload: any) => Record<string, string>;\n}\n\ninterface MantineContextValue {\n colorScheme: MantineColorScheme;\n setColorScheme: (colorScheme: MantineColorScheme) => void;\n clearColorScheme: () => void;\n getRootElement: () => HTMLElement | undefined;\n classNamesPrefix: string;\n getStyleNonce?: () => string | undefined;\n cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n cssVariablesSelector: string;\n withStaticClasses: boolean;\n headless?: boolean;\n stylesTransform?: MantineStylesTransform;\n env?: 'default' | 'test';\n deduplicateInlineStyles?: boolean;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\n const ctx = use(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\nexport function useMantineWithStaticClasses() {\n return useMantineContext().withStaticClasses;\n}\n\nexport function useMantineIsHeadless() {\n return useMantineContext().headless;\n}\n\nexport function useMantineSxTransform() {\n return useMantineContext().stylesTransform?.sx;\n}\n\nexport function useMantineStylesTransform() {\n return useMantineContext().stylesTransform?.styles;\n}\n\nexport function useMantineEnv() {\n return useMantineContext().env || 'default';\n}\n\nexport function useMantineDeduplicateInlineStyles() {\n return useMantineContext().deduplicateInlineStyles;\n}\n"],"mappings":";;;AAyBA,MAAa,kBAAA,GAAA,MAAA,
|
|
1
|
+
{"version":3,"file":"Mantine.context.cjs","names":[],"sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, use } from 'react';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\nimport type { MantineColorScheme, MantineTheme } from './theme.types';\n\nexport interface MantineStylesTransform {\n sx?: () => (sx: any) => string;\n styles?: () => (styles: any, payload: any) => Record<string, string>;\n}\n\ninterface MantineContextValue {\n colorScheme: MantineColorScheme;\n setColorScheme: (colorScheme: MantineColorScheme) => void;\n clearColorScheme: () => void;\n getRootElement: () => HTMLElement | undefined;\n classNamesPrefix: string;\n getStyleNonce?: () => string | undefined;\n cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n cssVariablesSelector: string;\n withStaticClasses: boolean;\n headless?: boolean;\n stylesTransform?: MantineStylesTransform;\n env?: 'default' | 'test';\n deduplicateInlineStyles?: boolean;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\n const ctx = use(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\nexport function useMantineWithStaticClasses() {\n return useMantineContext().withStaticClasses;\n}\n\nexport function useMantineIsHeadless() {\n return useMantineContext().headless;\n}\n\nexport function useMantineSxTransform() {\n return useMantineContext().stylesTransform?.sx;\n}\n\nexport function useMantineStylesTransform() {\n return useMantineContext().stylesTransform?.styles;\n}\n\nexport function useMantineEnv() {\n return useMantineContext().env || 'default';\n}\n\nexport function useMantineDeduplicateInlineStyles() {\n return useMantineContext().deduplicateInlineStyles;\n}\n"],"mappings":";;;AAyBA,MAAa,kBAAA,GAAA,MAAA,cAAA,CAA2D,IAAI;AAE5E,SAAgB,oBAAoB;CAClC,MAAM,OAAA,GAAA,MAAA,IAAA,CAAU,cAAc;CAE9B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,OAAO;AACT;AAEA,SAAgB,iCAAiC;CAC/C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,8BAA8B;CAC5C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,wBAAwB;CACtC,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,4BAA4B;CAC1C,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,gBAAgB;CAC9B,OAAO,kBAAkB,CAAC,CAAC,OAAO;AACpC;AAEA,SAAgB,oCAAoC;CAClD,OAAO,kBAAkB,CAAC,CAAC;AAC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MantineClasses.cjs","names":["useMantineTheme","useMantineStyleNonce","keys","px","em"],"sources":["../../../../src/core/MantineProvider/MantineClasses/MantineClasses.tsx"],"sourcesContent":["import { em, keys, px } from '../../utils';\nimport { useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\n\nexport function MantineClasses() {\n const theme = useMantineTheme();\n const nonce = useMantineStyleNonce();\n\n const classes = keys(theme.breakpoints).reduce<string>((acc, breakpoint) => {\n const isPxBreakpoint = theme.breakpoints[breakpoint].includes('px');\n const pxValue = px(theme.breakpoints[breakpoint]) as number;\n const maxWidthBreakpoint = isPxBreakpoint ? `${pxValue - 0.1}px` : em(pxValue - 0.1);\n const minWidthBreakpoint = isPxBreakpoint ? `${pxValue}px` : em(pxValue);\n\n return `${acc}@media (max-width: ${maxWidthBreakpoint}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${minWidthBreakpoint}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;\n }, '');\n\n return (\n <style\n data-mantine-styles=\"classes\"\n nonce={nonce?.()}\n dangerouslySetInnerHTML={{ __html: classes }}\n />\n );\n}\n"],"mappings":";;;;;;;;AAIA,SAAgB,iBAAiB;CAC/B,MAAM,QAAQA,6BAAAA,gBAAgB;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CAEnC,MAAM,UAAUC,aAAAA,KAAK,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"MantineClasses.cjs","names":["useMantineTheme","useMantineStyleNonce","keys","px","em"],"sources":["../../../../src/core/MantineProvider/MantineClasses/MantineClasses.tsx"],"sourcesContent":["import { em, keys, px } from '../../utils';\nimport { useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\n\nexport function MantineClasses() {\n const theme = useMantineTheme();\n const nonce = useMantineStyleNonce();\n\n const classes = keys(theme.breakpoints).reduce<string>((acc, breakpoint) => {\n const isPxBreakpoint = theme.breakpoints[breakpoint].includes('px');\n const pxValue = px(theme.breakpoints[breakpoint]) as number;\n const maxWidthBreakpoint = isPxBreakpoint ? `${pxValue - 0.1}px` : em(pxValue - 0.1);\n const minWidthBreakpoint = isPxBreakpoint ? `${pxValue}px` : em(pxValue);\n\n return `${acc}@media (max-width: ${maxWidthBreakpoint}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${minWidthBreakpoint}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;\n }, '');\n\n return (\n <style\n data-mantine-styles=\"classes\"\n nonce={nonce?.()}\n dangerouslySetInnerHTML={{ __html: classes }}\n />\n );\n}\n"],"mappings":";;;;;;;;AAIA,SAAgB,iBAAiB;CAC/B,MAAM,QAAQA,6BAAAA,gBAAgB;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CAEnC,MAAM,UAAUC,aAAAA,KAAK,MAAM,WAAW,CAAC,CAAC,QAAgB,KAAK,eAAe;EAC1E,MAAM,iBAAiB,MAAM,YAAY,WAAW,CAAC,SAAS,IAAI;EAClE,MAAM,UAAUC,WAAAA,GAAG,MAAM,YAAY,WAAW;EAIhD,OAAO,GAAG,IAAI,qBAHa,iBAAiB,GAAG,UAAU,GAAI,MAAMC,YAAAA,GAAG,UAAU,EAAG,EAG7B,2BAA2B,WAAW,kDAFjE,iBAAiB,GAAG,QAAQ,MAAMA,YAAAA,GAAG,OAAO,EAE0F,0BAA0B,WAAW;CACxM,GAAG,EAAE;CAEL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,uBAAoB;EACpB,OAAO,QAAQ;EACf,yBAAyB,EAAE,QAAQ,QAAQ;CAC5C,CAAA;AAEL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MantineCssVariables.cjs","names":["convertCssVariables","useMantineTheme","useMantineStyleNonce","getMergedVariables","useMantineCssVariablesResolver","removeDefaultVariables"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { useMantineCssVariablesResolver, useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n cssVariablesSelector?: string;\n deduplicateCssVariables: boolean;\n}\n\nfunction getColorSchemeCssVariables(selectorOverride?: string) {\n return convertCssVariables(\n {\n variables: {},\n dark: { '--mantine-color-scheme': 'dark' },\n light: { '--mantine-color-scheme': 'light' },\n },\n selectorOverride\n );\n}\n\nexport function MantineCssVariables({\n cssVariablesSelector,\n deduplicateCssVariables,\n}: MantineCssVariablesProps) {\n const theme = useMantineTheme();\n const nonce = useMantineStyleNonce();\n const generator = useMantineCssVariablesResolver();\n const mergedVariables = getMergedVariables({ theme, generator });\n const shouldCleanVariables =\n (cssVariablesSelector === undefined ||\n cssVariablesSelector === ':root' ||\n cssVariablesSelector === ':host') &&\n deduplicateCssVariables;\n const cleanedVariables = shouldCleanVariables\n ? removeDefaultVariables(mergedVariables)\n : mergedVariables;\n const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n if (css) {\n return (\n <style\n data-mantine-styles\n nonce={nonce?.()}\n dangerouslySetInnerHTML={{\n __html: `${css}${\n shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n }`,\n }}\n />\n );\n }\n\n return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"mappings":";;;;;;;;AAWA,SAAS,2BAA2B,kBAA2B;CAC7D,OAAOA,8BAAAA,oBACL;EACE,WAAW,CAAC;EACZ,MAAM,EAAE,0BAA0B,OAAO;EACzC,OAAO,EAAE,0BAA0B,QAAQ;CAC7C,GACA,gBACF;AACF;AAEA,SAAgB,oBAAoB,EAClC,sBACA,2BAC2B;CAC3B,MAAM,QAAQC,6BAAAA,gBAAgB;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CAEnC,MAAM,kBAAkBC,6BAAAA,mBAAmB;EAAE;EAAO,WADlCC,wBAAAA,+BAC0C;CAAE,CAAC;CAC/D,MAAM,wBACH,yBAAyB,KAAA,KACxB,yBAAyB,WACzB,yBAAyB,YAC3B;CAIF,MAAM,MAAMJ,8BAAAA,oBAHa,uBACrBK,iCAAAA,uBAAuB,eAAe,IACtC,iBAC8C,oBAAoB;CAEtE,IAAI,KACF,OACE,iBAAA,GAAA,kBAAA,
|
|
1
|
+
{"version":3,"file":"MantineCssVariables.cjs","names":["convertCssVariables","useMantineTheme","useMantineStyleNonce","getMergedVariables","useMantineCssVariablesResolver","removeDefaultVariables"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { useMantineCssVariablesResolver, useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n cssVariablesSelector?: string;\n deduplicateCssVariables: boolean;\n}\n\nfunction getColorSchemeCssVariables(selectorOverride?: string) {\n return convertCssVariables(\n {\n variables: {},\n dark: { '--mantine-color-scheme': 'dark' },\n light: { '--mantine-color-scheme': 'light' },\n },\n selectorOverride\n );\n}\n\nexport function MantineCssVariables({\n cssVariablesSelector,\n deduplicateCssVariables,\n}: MantineCssVariablesProps) {\n const theme = useMantineTheme();\n const nonce = useMantineStyleNonce();\n const generator = useMantineCssVariablesResolver();\n const mergedVariables = getMergedVariables({ theme, generator });\n const shouldCleanVariables =\n (cssVariablesSelector === undefined ||\n cssVariablesSelector === ':root' ||\n cssVariablesSelector === ':host') &&\n deduplicateCssVariables;\n const cleanedVariables = shouldCleanVariables\n ? removeDefaultVariables(mergedVariables)\n : mergedVariables;\n const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n if (css) {\n return (\n <style\n data-mantine-styles\n nonce={nonce?.()}\n dangerouslySetInnerHTML={{\n __html: `${css}${\n shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n }`,\n }}\n />\n );\n }\n\n return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"mappings":";;;;;;;;AAWA,SAAS,2BAA2B,kBAA2B;CAC7D,OAAOA,8BAAAA,oBACL;EACE,WAAW,CAAC;EACZ,MAAM,EAAE,0BAA0B,OAAO;EACzC,OAAO,EAAE,0BAA0B,QAAQ;CAC7C,GACA,gBACF;AACF;AAEA,SAAgB,oBAAoB,EAClC,sBACA,2BAC2B;CAC3B,MAAM,QAAQC,6BAAAA,gBAAgB;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CAEnC,MAAM,kBAAkBC,6BAAAA,mBAAmB;EAAE;EAAO,WADlCC,wBAAAA,+BAC0C;CAAE,CAAC;CAC/D,MAAM,wBACH,yBAAyB,KAAA,KACxB,yBAAyB,WACzB,yBAAyB,YAC3B;CAIF,MAAM,MAAMJ,8BAAAA,oBAHa,uBACrBK,iCAAAA,uBAAuB,eAAe,IACtC,iBAC8C,oBAAoB;CAEtE,IAAI,KACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,uBAAA;EACA,OAAO,QAAQ;EACf,yBAAyB,EACvB,QAAQ,GAAG,MACT,uBAAuB,KAAK,2BAA2B,oBAAoB,IAE/E;CACD,CAAA;CAIL,OAAO;AACT;AAEA,oBAAoB,cAAc"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
const require_keys = require("../../utils/keys/keys.cjs");
|
|
3
3
|
const require_rem = require("../../utils/units-converters/rem.cjs");
|
|
4
4
|
const require_get_primary_shade = require("../color-functions/get-primary-shade/get-primary-shade.cjs");
|
|
5
|
+
const require_virtual_color = require("./virtual-color/virtual-color.cjs");
|
|
5
6
|
const require_get_contrast_color = require("../color-functions/get-contrast-color/get-contrast-color.cjs");
|
|
6
7
|
const require_get_css_color_variables = require("./get-css-color-variables.cjs");
|
|
7
|
-
const require_virtual_color = require("./virtual-color/virtual-color.cjs");
|
|
8
8
|
//#region packages/@mantine/core/src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts
|
|
9
9
|
function assignSizeVariables(variables, sizes, name) {
|
|
10
10
|
require_keys.keys(sizes).forEach((size) => Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] }));
|
|
@@ -45,6 +45,7 @@ const defaultCssVariablesResolver = (theme) => {
|
|
|
45
45
|
"--mantine-color-text": theme.black,
|
|
46
46
|
"--mantine-color-body": theme.white,
|
|
47
47
|
"--mantine-color-error": "var(--mantine-color-red-6)",
|
|
48
|
+
"--mantine-color-success": "var(--mantine-color-teal-8)",
|
|
48
49
|
"--mantine-color-placeholder": "var(--mantine-color-gray-5)",
|
|
49
50
|
"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,
|
|
50
51
|
"--mantine-color-default": "var(--mantine-color-white)",
|
|
@@ -63,6 +64,7 @@ const defaultCssVariablesResolver = (theme) => {
|
|
|
63
64
|
"--mantine-color-text": "var(--mantine-color-dark-0)",
|
|
64
65
|
"--mantine-color-body": "var(--mantine-color-dark-7)",
|
|
65
66
|
"--mantine-color-error": "var(--mantine-color-red-8)",
|
|
67
|
+
"--mantine-color-success": "var(--mantine-color-teal-8)",
|
|
66
68
|
"--mantine-color-placeholder": "var(--mantine-color-dark-3)",
|
|
67
69
|
"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-4)`,
|
|
68
70
|
"--mantine-color-default": "var(--mantine-color-dark-6)",
|
|
@@ -102,6 +104,8 @@ const defaultCssVariablesResolver = (theme) => {
|
|
|
102
104
|
colorScheme: "dark",
|
|
103
105
|
withColorValues: true
|
|
104
106
|
}));
|
|
107
|
+
result.light[`--mantine-color-${value.name}-contrast`] = require_get_contrast_color.getVirtualColorContrast(value, theme, "light");
|
|
108
|
+
result.dark[`--mantine-color-${value.name}-contrast`] = require_get_contrast_color.getVirtualColorContrast(value, theme, "dark");
|
|
105
109
|
return;
|
|
106
110
|
}
|
|
107
111
|
value.forEach((shade, index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-css-variables-resolver.cjs","names":["getPrimaryShade","rem","getPrimaryContrastColor","isVirtualColor","getCSSColorVariables"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport { getPrimaryContrastColor, getPrimaryShade } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { getCSSColorVariables } from './get-css-color-variables';\nimport { isVirtualColor } from './virtual-color/virtual-color';\n\nexport type CSSVariablesResolver = (theme: MantineTheme) => ConvertCSSVariablesInput;\n\nfunction assignSizeVariables(\n variables: Record<string, string>,\n sizes: Record<string, string>,\n name: string\n) {\n keys(sizes).forEach((size) =>\n Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n );\n}\n\nexport const defaultCssVariablesResolver: CSSVariablesResolver = (theme) => {\n const lightPrimaryShade = getPrimaryShade(theme, 'light');\n const defaultRadius =\n theme.defaultRadius in theme.radius\n ? theme.radius[theme.defaultRadius as 'xs']\n : rem(theme.defaultRadius);\n\n const result: ConvertCSSVariablesInput = {\n variables: {\n '--mantine-z-index-app': '100',\n '--mantine-z-index-modal': '200',\n '--mantine-z-index-popover': '300',\n '--mantine-z-index-overlay': '400',\n '--mantine-z-index-max': '9999',\n '--mantine-scale': theme.scale.toString(),\n '--mantine-cursor-type': theme.cursorType,\n '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n '--mantine-color-white': theme.white,\n '--mantine-color-black': theme.black,\n '--mantine-line-height': theme.lineHeights.md,\n '--mantine-font-family': theme.fontFamily,\n '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n '--mantine-font-family-headings': theme.headings.fontFamily,\n '--mantine-heading-font-weight': theme.headings.fontWeight,\n '--mantine-heading-text-wrap': theme.headings.textWrap,\n '--mantine-radius-default': defaultRadius,\n\n // Primary colors\n '--mantine-primary-color-filled': `var(--mantine-color-${theme.primaryColor}-filled)`,\n '--mantine-primary-color-filled-hover': `var(--mantine-color-${theme.primaryColor}-filled-hover)`,\n '--mantine-primary-color-light': `var(--mantine-color-${theme.primaryColor}-light)`,\n '--mantine-primary-color-light-hover': `var(--mantine-color-${theme.primaryColor}-light-hover)`,\n '--mantine-primary-color-light-color': `var(--mantine-color-${theme.primaryColor}-light-color)`,\n },\n light: {\n '--mantine-color-scheme': 'light',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'light'),\n '--mantine-color-bright': 'var(--mantine-color-black)',\n '--mantine-color-text': theme.black,\n '--mantine-color-body': theme.white,\n '--mantine-color-error': 'var(--mantine-color-red-6)',\n '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n '--mantine-color-default-color': 'var(--mantine-color-black)',\n '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n },\n dark: {\n '--mantine-color-scheme': 'dark',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n '--mantine-color-bright': 'var(--mantine-color-white)',\n '--mantine-color-text': 'var(--mantine-color-dark-0)',\n '--mantine-color-body': 'var(--mantine-color-dark-7)',\n '--mantine-color-error': 'var(--mantine-color-red-8)',\n '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n '--mantine-color-default': 'var(--mantine-color-dark-6)',\n '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n '--mantine-color-default-color': 'var(--mantine-color-white)',\n '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n '--mantine-color-disabled-border': 'var(--mantine-color-dark-4)',\n },\n };\n\n assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n assignSizeVariables(result.variables, theme.spacing, 'spacing');\n assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n assignSizeVariables(result.variables, theme.shadows, 'shadow');\n assignSizeVariables(result.variables, theme.radius, 'radius');\n assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n theme.colors[theme.primaryColor].forEach((_, index) => {\n result.variables[`--mantine-primary-color-${index}`] =\n `var(--mantine-color-${theme.primaryColor}-${index})`;\n });\n\n keys(theme.colors).forEach((color) => {\n const value = theme.colors[color];\n\n if (isVirtualColor(value)) {\n Object.assign(\n result.light,\n getCSSColorVariables({\n theme,\n name: value.name,\n color: value.light,\n colorScheme: 'light',\n withColorValues: true,\n })\n );\n\n Object.assign(\n result.dark,\n getCSSColorVariables({\n theme,\n name: value.name,\n color: value.dark,\n colorScheme: 'dark',\n withColorValues: true,\n })\n );\n\n return;\n }\n\n value.forEach((shade, index) => {\n result.variables[`--mantine-color-${color}-${index}`] = shade;\n });\n\n Object.assign(\n result.light,\n getCSSColorVariables({\n theme,\n color,\n colorScheme: 'light',\n withColorValues: false,\n })\n );\n\n Object.assign(\n result.dark,\n getCSSColorVariables({\n theme,\n color,\n colorScheme: 'dark',\n withColorValues: false,\n })\n );\n });\n\n const headings = theme.headings.sizes;\n\n keys(headings).forEach((heading) => {\n result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n result.variables[`--mantine-${heading}-font-weight`] =\n headings[heading].fontWeight || theme.headings.fontWeight;\n });\n\n return result;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"default-css-variables-resolver.cjs","names":["getPrimaryShade","rem","getPrimaryContrastColor","isVirtualColor","getCSSColorVariables","getVirtualColorContrast"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport {\n getPrimaryContrastColor,\n getPrimaryShade,\n getVirtualColorContrast,\n} from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { getCSSColorVariables } from './get-css-color-variables';\nimport { isVirtualColor } from './virtual-color/virtual-color';\n\nexport type CSSVariablesResolver = (theme: MantineTheme) => ConvertCSSVariablesInput;\n\nfunction assignSizeVariables(\n variables: Record<string, string>,\n sizes: Record<string, string>,\n name: string\n) {\n keys(sizes).forEach((size) =>\n Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n );\n}\n\nexport const defaultCssVariablesResolver: CSSVariablesResolver = (theme) => {\n const lightPrimaryShade = getPrimaryShade(theme, 'light');\n const defaultRadius =\n theme.defaultRadius in theme.radius\n ? theme.radius[theme.defaultRadius as 'xs']\n : rem(theme.defaultRadius);\n\n const result: ConvertCSSVariablesInput = {\n variables: {\n '--mantine-z-index-app': '100',\n '--mantine-z-index-modal': '200',\n '--mantine-z-index-popover': '300',\n '--mantine-z-index-overlay': '400',\n '--mantine-z-index-max': '9999',\n '--mantine-scale': theme.scale.toString(),\n '--mantine-cursor-type': theme.cursorType,\n '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n '--mantine-color-white': theme.white,\n '--mantine-color-black': theme.black,\n '--mantine-line-height': theme.lineHeights.md,\n '--mantine-font-family': theme.fontFamily,\n '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n '--mantine-font-family-headings': theme.headings.fontFamily,\n '--mantine-heading-font-weight': theme.headings.fontWeight,\n '--mantine-heading-text-wrap': theme.headings.textWrap,\n '--mantine-radius-default': defaultRadius,\n\n // Primary colors\n '--mantine-primary-color-filled': `var(--mantine-color-${theme.primaryColor}-filled)`,\n '--mantine-primary-color-filled-hover': `var(--mantine-color-${theme.primaryColor}-filled-hover)`,\n '--mantine-primary-color-light': `var(--mantine-color-${theme.primaryColor}-light)`,\n '--mantine-primary-color-light-hover': `var(--mantine-color-${theme.primaryColor}-light-hover)`,\n '--mantine-primary-color-light-color': `var(--mantine-color-${theme.primaryColor}-light-color)`,\n },\n light: {\n '--mantine-color-scheme': 'light',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'light'),\n '--mantine-color-bright': 'var(--mantine-color-black)',\n '--mantine-color-text': theme.black,\n '--mantine-color-body': theme.white,\n '--mantine-color-error': 'var(--mantine-color-red-6)',\n '--mantine-color-success': 'var(--mantine-color-teal-8)',\n '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n '--mantine-color-default-color': 'var(--mantine-color-black)',\n '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n },\n dark: {\n '--mantine-color-scheme': 'dark',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n '--mantine-color-bright': 'var(--mantine-color-white)',\n '--mantine-color-text': 'var(--mantine-color-dark-0)',\n '--mantine-color-body': 'var(--mantine-color-dark-7)',\n '--mantine-color-error': 'var(--mantine-color-red-8)',\n '--mantine-color-success': 'var(--mantine-color-teal-8)',\n '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n '--mantine-color-default': 'var(--mantine-color-dark-6)',\n '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n '--mantine-color-default-color': 'var(--mantine-color-white)',\n '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n '--mantine-color-disabled-border': 'var(--mantine-color-dark-4)',\n },\n };\n\n assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n assignSizeVariables(result.variables, theme.spacing, 'spacing');\n assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n assignSizeVariables(result.variables, theme.shadows, 'shadow');\n assignSizeVariables(result.variables, theme.radius, 'radius');\n assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n theme.colors[theme.primaryColor].forEach((_, index) => {\n result.variables[`--mantine-primary-color-${index}`] =\n `var(--mantine-color-${theme.primaryColor}-${index})`;\n });\n\n keys(theme.colors).forEach((color) => {\n const value = theme.colors[color];\n\n if (isVirtualColor(value)) {\n Object.assign(\n result.light,\n getCSSColorVariables({\n theme,\n name: value.name,\n color: value.light,\n colorScheme: 'light',\n withColorValues: true,\n })\n );\n\n Object.assign(\n result.dark,\n getCSSColorVariables({\n theme,\n name: value.name,\n color: value.dark,\n colorScheme: 'dark',\n withColorValues: true,\n })\n );\n\n result.light[`--mantine-color-${value.name}-contrast`] = getVirtualColorContrast(\n value,\n theme,\n 'light'\n );\n\n result.dark[`--mantine-color-${value.name}-contrast`] = getVirtualColorContrast(\n value,\n theme,\n 'dark'\n );\n\n return;\n }\n\n value.forEach((shade, index) => {\n result.variables[`--mantine-color-${color}-${index}`] = shade;\n });\n\n Object.assign(\n result.light,\n getCSSColorVariables({\n theme,\n color,\n colorScheme: 'light',\n withColorValues: false,\n })\n );\n\n Object.assign(\n result.dark,\n getCSSColorVariables({\n theme,\n color,\n colorScheme: 'dark',\n withColorValues: false,\n })\n );\n });\n\n const headings = theme.headings.sizes;\n\n keys(headings).forEach((heading) => {\n result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n result.variables[`--mantine-${heading}-font-weight`] =\n headings[heading].fontWeight || theme.headings.fontWeight;\n });\n\n return result;\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-css-color-variables.cjs","names":["getPrimaryShade","alpha","darken"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-css-color-variables.ts"],"sourcesContent":["import { alpha, darken, getPrimaryShade } from '../color-functions';\nimport { MantineColor, MantineTheme } from '../theme.types';\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' | 'dark';\n name?: string;\n withColorValues?: boolean;\n}\n\nexport function getCSSColorVariables({\n theme,\n color,\n colorScheme,\n name = color,\n withColorValues = true,\n}: GetColorVariablesInput) {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: `var(--mantine-color-${name}-${1})`,\n [`--mantine-color-${name}-light-hover`]: `var(--mantine-color-${name}-${2})`,\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${9})`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n }\n\n const primaryShade = getPrimaryShade(theme, 'dark');\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: darken(theme.colors[color][9], 0.5),\n [`--mantine-color-${name}-light-hover`]: darken(theme.colors[color][9], 0.3),\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-0)`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(\n theme.colors[color][Math.max(primaryShade - 4, 0)],\n 0.05\n ),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n}\n"],"mappings":";;;;;AAWA,SAAgB,qBAAqB,EACnC,OACA,OACA,aACA,OAAO,OACP,kBAAkB,QACO;CACzB,IAAI,CAAC,MAAM,OAAO,QAChB,OAAO,CAAC;CAGV,IAAI,gBAAgB,SAAS;EAC3B,MAAM,eAAeA,0BAAAA,gBAAgB,OAAO,OAAO;EAEnD,MAAM,mBAAmB;IACtB,mBAAmB,KAAK,SAAS,uBAAuB,KAAK;IAC7D,mBAAmB,KAAK,WAAW,uBAAuB,KAAK,GAAG,aAAa;IAC/E,mBAAmB,KAAK,iBAAiB,uBAAuB,KAAK,GACpE,iBAAiB,IAAI,IAAI,eAAe,EACzC;IACA,mBAAmB,KAAK,UAAU,uBAAuB,KAAK;IAC9D,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;IACpE,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;IACpE,mBAAmB,KAAK,YAAY,uBAAuB,KAAK,GAAG,aAAa;IAChF,mBAAmB,KAAK,kBAAkBC,aAAAA,MAAM,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"get-css-color-variables.cjs","names":["getPrimaryShade","alpha","darken"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-css-color-variables.ts"],"sourcesContent":["import { alpha, darken, getPrimaryShade } from '../color-functions';\nimport { MantineColor, MantineTheme } from '../theme.types';\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' | 'dark';\n name?: string;\n withColorValues?: boolean;\n}\n\nexport function getCSSColorVariables({\n theme,\n color,\n colorScheme,\n name = color,\n withColorValues = true,\n}: GetColorVariablesInput) {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: `var(--mantine-color-${name}-${1})`,\n [`--mantine-color-${name}-light-hover`]: `var(--mantine-color-${name}-${2})`,\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${9})`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n }\n\n const primaryShade = getPrimaryShade(theme, 'dark');\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: darken(theme.colors[color][9], 0.5),\n [`--mantine-color-${name}-light-hover`]: darken(theme.colors[color][9], 0.3),\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-0)`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(\n theme.colors[color][Math.max(primaryShade - 4, 0)],\n 0.05\n ),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n}\n"],"mappings":";;;;;AAWA,SAAgB,qBAAqB,EACnC,OACA,OACA,aACA,OAAO,OACP,kBAAkB,QACO;CACzB,IAAI,CAAC,MAAM,OAAO,QAChB,OAAO,CAAC;CAGV,IAAI,gBAAgB,SAAS;EAC3B,MAAM,eAAeA,0BAAAA,gBAAgB,OAAO,OAAO;EAEnD,MAAM,mBAAmB;IACtB,mBAAmB,KAAK,SAAS,uBAAuB,KAAK;IAC7D,mBAAmB,KAAK,WAAW,uBAAuB,KAAK,GAAG,aAAa;IAC/E,mBAAmB,KAAK,iBAAiB,uBAAuB,KAAK,GACpE,iBAAiB,IAAI,IAAI,eAAe,EACzC;IACA,mBAAmB,KAAK,UAAU,uBAAuB,KAAK;IAC9D,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;IACpE,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;IACpE,mBAAmB,KAAK,YAAY,uBAAuB,KAAK,GAAG,aAAa;IAChF,mBAAmB,KAAK,kBAAkBC,aAAAA,MAAM,MAAM,OAAO,MAAM,CAAC,eAAe,GAAI;EAC1F;EAEA,IAAI,CAAC,iBACH,OAAO;EAGT,OAAO;IACJ,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GACnD,GAAG;EACL;CACF;CAEA,MAAM,eAAeD,0BAAAA,gBAAgB,OAAO,MAAM;CAClD,MAAM,mBAAmB;GACtB,mBAAmB,KAAK,SAAS,uBAAuB,KAAK;GAC7D,mBAAmB,KAAK,WAAW,uBAAuB,KAAK,GAAG,aAAa;GAC/E,mBAAmB,KAAK,iBAAiB,uBAAuB,KAAK,GACpE,iBAAiB,IAAI,IAAI,eAAe,EACzC;GACA,mBAAmB,KAAK,UAAUE,eAAAA,OAAO,MAAM,OAAO,MAAM,CAAC,IAAI,EAAG;GACpE,mBAAmB,KAAK,gBAAgBA,eAAAA,OAAO,MAAM,OAAO,MAAM,CAAC,IAAI,EAAG;GAC1E,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;GACpE,mBAAmB,KAAK,YAAY,uBAAuB,KAAK,GAAG,KAAK,IAAI,eAAe,GAAG,CAAC,EAAE;GACjG,mBAAmB,KAAK,kBAAkBD,aAAAA,MACzC,MAAM,OAAO,MAAM,CAAC,KAAK,IAAI,eAAe,GAAG,CAAC,IAChD,GACF;CACF;CAEA,IAAI,CAAC,iBACH,OAAO;CAGT,OAAO;GACJ,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,MAAM,CAAC;EACnD,GAAG;CACL;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remove-default-variables.cjs","names":["defaultCssVariablesResolver","DEFAULT_THEME"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/remove-default-variables.ts"],"sourcesContent":["import { keys } from '../../utils';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\n\nconst defaultCssVariables = defaultCssVariablesResolver(DEFAULT_THEME);\n\nexport function removeDefaultVariables(input: ConvertCSSVariablesInput): ConvertCSSVariablesInput {\n const cleaned: ConvertCSSVariablesInput = {\n variables: {},\n light: {},\n dark: {},\n };\n\n keys(input.variables).forEach((key) => {\n if (defaultCssVariables.variables[key] !== input.variables[key]) {\n cleaned.variables[key] = input.variables[key];\n }\n });\n\n keys(input.light).forEach((key) => {\n if (defaultCssVariables.light[key] !== input.light[key]) {\n cleaned.light[key] = input.light[key];\n }\n });\n\n keys(input.dark).forEach((key) => {\n if (defaultCssVariables.dark[key] !== input.dark[key]) {\n cleaned.dark[key] = input.dark[key];\n }\n });\n\n return cleaned;\n}\n"],"mappings":";;;;AAKA,MAAM,oEAAsBA,
|
|
1
|
+
{"version":3,"file":"remove-default-variables.cjs","names":["defaultCssVariablesResolver","DEFAULT_THEME"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/remove-default-variables.ts"],"sourcesContent":["import { keys } from '../../utils';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\n\nconst defaultCssVariables = defaultCssVariablesResolver(DEFAULT_THEME);\n\nexport function removeDefaultVariables(input: ConvertCSSVariablesInput): ConvertCSSVariablesInput {\n const cleaned: ConvertCSSVariablesInput = {\n variables: {},\n light: {},\n dark: {},\n };\n\n keys(input.variables).forEach((key) => {\n if (defaultCssVariables.variables[key] !== input.variables[key]) {\n cleaned.variables[key] = input.variables[key];\n }\n });\n\n keys(input.light).forEach((key) => {\n if (defaultCssVariables.light[key] !== input.light[key]) {\n cleaned.light[key] = input.light[key];\n }\n });\n\n keys(input.dark).forEach((key) => {\n if (defaultCssVariables.dark[key] !== input.dark[key]) {\n cleaned.dark[key] = input.dark[key];\n }\n });\n\n return cleaned;\n}\n"],"mappings":";;;;AAKA,MAAM,oEAAsBA,CAAAA,CAAAA,4BAA4BC,sBAAAA,aAAa;AAErE,SAAgB,uBAAuB,OAA2D;CAChG,MAAM,UAAoC;EACxC,WAAW,CAAC;EACZ,OAAO,CAAC;EACR,MAAM,CAAC;CACT;CAEA,aAAA,KAAK,MAAM,SAAS,CAAC,CAAC,SAAS,QAAQ;EACrC,IAAI,oBAAoB,UAAU,SAAS,MAAM,UAAU,MACzD,QAAQ,UAAU,OAAO,MAAM,UAAU;CAE7C,CAAC;CAED,aAAA,KAAK,MAAM,KAAK,CAAC,CAAC,SAAS,QAAQ;EACjC,IAAI,oBAAoB,MAAM,SAAS,MAAM,MAAM,MACjD,QAAQ,MAAM,OAAO,MAAM,MAAM;CAErC,CAAC;CAED,aAAA,KAAK,MAAM,IAAI,CAAC,CAAC,SAAS,QAAQ;EAChC,IAAI,oBAAoB,KAAK,SAAS,MAAM,KAAK,MAC/C,QAAQ,KAAK,OAAO,MAAM,KAAK;CAEnC,CAAC;CAED,OAAO;AACT"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
const require_keys = require("../../utils/keys/keys.cjs");
|
|
3
3
|
const require_rem = require("../../utils/units-converters/rem.cjs");
|
|
4
4
|
const require_get_primary_shade = require("../color-functions/get-primary-shade/get-primary-shade.cjs");
|
|
5
|
+
const require_virtual_color = require("./virtual-color/virtual-color.cjs");
|
|
5
6
|
const require_rgba = require("../color-functions/rgba/rgba.cjs");
|
|
6
7
|
const require_get_contrast_color = require("../color-functions/get-contrast-color/get-contrast-color.cjs");
|
|
7
|
-
const require_virtual_color = require("./virtual-color/virtual-color.cjs");
|
|
8
8
|
//#region packages/@mantine/core/src/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.ts
|
|
9
9
|
function getV8CSSColorVariables({ theme, color, colorScheme, name = color, withColorValues = true }) {
|
|
10
10
|
if (!theme.colors[color]) return {};
|
|
@@ -100,6 +100,7 @@ const v8CssVariablesResolver = (theme) => {
|
|
|
100
100
|
"--mantine-color-text": theme.black,
|
|
101
101
|
"--mantine-color-body": theme.white,
|
|
102
102
|
"--mantine-color-error": "var(--mantine-color-red-6)",
|
|
103
|
+
"--mantine-color-success": "var(--mantine-color-teal-8)",
|
|
103
104
|
"--mantine-color-placeholder": "var(--mantine-color-gray-5)",
|
|
104
105
|
"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,
|
|
105
106
|
"--mantine-color-default": "var(--mantine-color-white)",
|
|
@@ -118,6 +119,7 @@ const v8CssVariablesResolver = (theme) => {
|
|
|
118
119
|
"--mantine-color-text": "var(--mantine-color-dark-0)",
|
|
119
120
|
"--mantine-color-body": "var(--mantine-color-dark-7)",
|
|
120
121
|
"--mantine-color-error": "var(--mantine-color-red-8)",
|
|
122
|
+
"--mantine-color-success": "var(--mantine-color-teal-8)",
|
|
121
123
|
"--mantine-color-placeholder": "var(--mantine-color-dark-3)",
|
|
122
124
|
"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-4)`,
|
|
123
125
|
"--mantine-color-default": "var(--mantine-color-dark-6)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v8-css-variables-resolver.cjs","names":["getPrimaryShade","alpha","rem","getPrimaryContrastColor","isVirtualColor"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport { alpha, getPrimaryContrastColor, getPrimaryShade } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { CSSVariablesResolver } from './default-css-variables-resolver';\nimport { isVirtualColor } from './virtual-color/virtual-color';\n\ninterface GetV8ColorVariablesInput {\n theme: MantineTheme;\n color: string;\n colorScheme: 'light' | 'dark';\n name?: string;\n withColorValues?: boolean;\n}\n\nfunction getV8CSSColorVariables({\n theme,\n color,\n colorScheme,\n name = color,\n withColorValues = true,\n}: GetV8ColorVariablesInput) {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${name}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.12),\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n }\n\n const primaryShade = getPrimaryShade(theme, 'dark');\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: alpha(\n theme.colors[color][Math.max(0, primaryShade - 2)],\n 0.15\n ),\n [`--mantine-color-${name}-light-hover`]: alpha(\n theme.colors[color][Math.max(0, primaryShade - 2)],\n 0.2\n ),\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 5, 0)})`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(\n theme.colors[color][Math.max(primaryShade - 4, 0)],\n 0.05\n ),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n}\n\nfunction assignSizeVariables(\n variables: Record<string, string>,\n sizes: Record<string, string>,\n name: string\n) {\n keys(sizes).forEach((size) =>\n Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n );\n}\n\nexport const v8CssVariablesResolver: CSSVariablesResolver = (theme) => {\n const lightPrimaryShade = getPrimaryShade(theme, 'light');\n const defaultRadius =\n theme.defaultRadius in theme.radius\n ? theme.radius[theme.defaultRadius as 'xs']\n : rem(theme.defaultRadius);\n\n const result: ConvertCSSVariablesInput = {\n variables: {\n '--mantine-z-index-app': '100',\n '--mantine-z-index-modal': '200',\n '--mantine-z-index-popover': '300',\n '--mantine-z-index-overlay': '400',\n '--mantine-z-index-max': '9999',\n '--mantine-scale': theme.scale.toString(),\n '--mantine-cursor-type': theme.cursorType,\n '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n '--mantine-color-white': theme.white,\n '--mantine-color-black': theme.black,\n '--mantine-line-height': theme.lineHeights.md,\n '--mantine-font-family': theme.fontFamily,\n '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n '--mantine-font-family-headings': theme.headings.fontFamily,\n '--mantine-heading-font-weight': theme.headings.fontWeight,\n '--mantine-heading-text-wrap': theme.headings.textWrap,\n '--mantine-radius-default': defaultRadius,\n\n '--mantine-primary-color-filled': `var(--mantine-color-${theme.primaryColor}-filled)`,\n '--mantine-primary-color-filled-hover': `var(--mantine-color-${theme.primaryColor}-filled-hover)`,\n '--mantine-primary-color-light': `var(--mantine-color-${theme.primaryColor}-light)`,\n '--mantine-primary-color-light-hover': `var(--mantine-color-${theme.primaryColor}-light-hover)`,\n '--mantine-primary-color-light-color': `var(--mantine-color-${theme.primaryColor}-light-color)`,\n },\n light: {\n '--mantine-color-scheme': 'light',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'light'),\n '--mantine-color-bright': 'var(--mantine-color-black)',\n '--mantine-color-text': theme.black,\n '--mantine-color-body': theme.white,\n '--mantine-color-error': 'var(--mantine-color-red-6)',\n '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n '--mantine-color-default-color': 'var(--mantine-color-black)',\n '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n },\n dark: {\n '--mantine-color-scheme': 'dark',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n '--mantine-color-bright': 'var(--mantine-color-white)',\n '--mantine-color-text': 'var(--mantine-color-dark-0)',\n '--mantine-color-body': 'var(--mantine-color-dark-7)',\n '--mantine-color-error': 'var(--mantine-color-red-8)',\n '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n '--mantine-color-default': 'var(--mantine-color-dark-6)',\n '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n '--mantine-color-default-color': 'var(--mantine-color-white)',\n '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n '--mantine-color-disabled-border': 'var(--mantine-color-dark-4)',\n },\n };\n\n assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n assignSizeVariables(result.variables, theme.spacing, 'spacing');\n assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n assignSizeVariables(result.variables, theme.shadows, 'shadow');\n assignSizeVariables(result.variables, theme.radius, 'radius');\n assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n theme.colors[theme.primaryColor].forEach((_, index) => {\n result.variables[`--mantine-primary-color-${index}`] =\n `var(--mantine-color-${theme.primaryColor}-${index})`;\n });\n\n keys(theme.colors).forEach((color) => {\n const value = theme.colors[color];\n\n if (isVirtualColor(value)) {\n Object.assign(\n result.light,\n getV8CSSColorVariables({\n theme,\n name: value.name,\n color: value.light,\n colorScheme: 'light',\n withColorValues: true,\n })\n );\n\n Object.assign(\n result.dark,\n getV8CSSColorVariables({\n theme,\n name: value.name,\n color: value.dark,\n colorScheme: 'dark',\n withColorValues: true,\n })\n );\n\n return;\n }\n\n value.forEach((shade, index) => {\n result.variables[`--mantine-color-${color}-${index}`] = shade;\n });\n\n Object.assign(\n result.light,\n getV8CSSColorVariables({\n theme,\n color,\n colorScheme: 'light',\n withColorValues: false,\n })\n );\n\n Object.assign(\n result.dark,\n getV8CSSColorVariables({\n theme,\n color,\n colorScheme: 'dark',\n withColorValues: false,\n })\n );\n });\n\n const headings = theme.headings.sizes;\n\n keys(headings).forEach((heading) => {\n result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n result.variables[`--mantine-${heading}-font-weight`] =\n headings[heading].fontWeight || theme.headings.fontWeight;\n });\n\n return result;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"v8-css-variables-resolver.cjs","names":["getPrimaryShade","alpha","rem","getPrimaryContrastColor","isVirtualColor"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport { alpha, getPrimaryContrastColor, getPrimaryShade } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { CSSVariablesResolver } from './default-css-variables-resolver';\nimport { isVirtualColor } from './virtual-color/virtual-color';\n\ninterface GetV8ColorVariablesInput {\n theme: MantineTheme;\n color: string;\n colorScheme: 'light' | 'dark';\n name?: string;\n withColorValues?: boolean;\n}\n\nfunction getV8CSSColorVariables({\n theme,\n color,\n colorScheme,\n name = color,\n withColorValues = true,\n}: GetV8ColorVariablesInput) {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${name}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.12),\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n }\n\n const primaryShade = getPrimaryShade(theme, 'dark');\n const dynamicVariables = {\n [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n primaryShade === 9 ? 8 : primaryShade + 1\n })`,\n [`--mantine-color-${name}-light`]: alpha(\n theme.colors[color][Math.max(0, primaryShade - 2)],\n 0.15\n ),\n [`--mantine-color-${name}-light-hover`]: alpha(\n theme.colors[color][Math.max(0, primaryShade - 2)],\n 0.2\n ),\n [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 5, 0)})`,\n [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n [`--mantine-color-${name}-outline-hover`]: alpha(\n theme.colors[color][Math.max(primaryShade - 4, 0)],\n 0.05\n ),\n };\n\n if (!withColorValues) {\n return dynamicVariables;\n }\n\n return {\n [`--mantine-color-${name}-0`]: theme.colors[color][0],\n [`--mantine-color-${name}-1`]: theme.colors[color][1],\n [`--mantine-color-${name}-2`]: theme.colors[color][2],\n [`--mantine-color-${name}-3`]: theme.colors[color][3],\n [`--mantine-color-${name}-4`]: theme.colors[color][4],\n [`--mantine-color-${name}-5`]: theme.colors[color][5],\n [`--mantine-color-${name}-6`]: theme.colors[color][6],\n [`--mantine-color-${name}-7`]: theme.colors[color][7],\n [`--mantine-color-${name}-8`]: theme.colors[color][8],\n [`--mantine-color-${name}-9`]: theme.colors[color][9],\n ...dynamicVariables,\n };\n}\n\nfunction assignSizeVariables(\n variables: Record<string, string>,\n sizes: Record<string, string>,\n name: string\n) {\n keys(sizes).forEach((size) =>\n Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n );\n}\n\nexport const v8CssVariablesResolver: CSSVariablesResolver = (theme) => {\n const lightPrimaryShade = getPrimaryShade(theme, 'light');\n const defaultRadius =\n theme.defaultRadius in theme.radius\n ? theme.radius[theme.defaultRadius as 'xs']\n : rem(theme.defaultRadius);\n\n const result: ConvertCSSVariablesInput = {\n variables: {\n '--mantine-z-index-app': '100',\n '--mantine-z-index-modal': '200',\n '--mantine-z-index-popover': '300',\n '--mantine-z-index-overlay': '400',\n '--mantine-z-index-max': '9999',\n '--mantine-scale': theme.scale.toString(),\n '--mantine-cursor-type': theme.cursorType,\n '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n '--mantine-color-white': theme.white,\n '--mantine-color-black': theme.black,\n '--mantine-line-height': theme.lineHeights.md,\n '--mantine-font-family': theme.fontFamily,\n '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n '--mantine-font-family-headings': theme.headings.fontFamily,\n '--mantine-heading-font-weight': theme.headings.fontWeight,\n '--mantine-heading-text-wrap': theme.headings.textWrap,\n '--mantine-radius-default': defaultRadius,\n\n '--mantine-primary-color-filled': `var(--mantine-color-${theme.primaryColor}-filled)`,\n '--mantine-primary-color-filled-hover': `var(--mantine-color-${theme.primaryColor}-filled-hover)`,\n '--mantine-primary-color-light': `var(--mantine-color-${theme.primaryColor}-light)`,\n '--mantine-primary-color-light-hover': `var(--mantine-color-${theme.primaryColor}-light-hover)`,\n '--mantine-primary-color-light-color': `var(--mantine-color-${theme.primaryColor}-light-color)`,\n },\n light: {\n '--mantine-color-scheme': 'light',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'light'),\n '--mantine-color-bright': 'var(--mantine-color-black)',\n '--mantine-color-text': theme.black,\n '--mantine-color-body': theme.white,\n '--mantine-color-error': 'var(--mantine-color-red-6)',\n '--mantine-color-success': 'var(--mantine-color-teal-8)',\n '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n '--mantine-color-default-color': 'var(--mantine-color-black)',\n '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n },\n dark: {\n '--mantine-color-scheme': 'dark',\n '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n '--mantine-color-bright': 'var(--mantine-color-white)',\n '--mantine-color-text': 'var(--mantine-color-dark-0)',\n '--mantine-color-body': 'var(--mantine-color-dark-7)',\n '--mantine-color-error': 'var(--mantine-color-red-8)',\n '--mantine-color-success': 'var(--mantine-color-teal-8)',\n '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n '--mantine-color-default': 'var(--mantine-color-dark-6)',\n '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n '--mantine-color-default-color': 'var(--mantine-color-white)',\n '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n '--mantine-color-disabled-border': 'var(--mantine-color-dark-4)',\n },\n };\n\n assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n assignSizeVariables(result.variables, theme.spacing, 'spacing');\n assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n assignSizeVariables(result.variables, theme.shadows, 'shadow');\n assignSizeVariables(result.variables, theme.radius, 'radius');\n assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n theme.colors[theme.primaryColor].forEach((_, index) => {\n result.variables[`--mantine-primary-color-${index}`] =\n `var(--mantine-color-${theme.primaryColor}-${index})`;\n });\n\n keys(theme.colors).forEach((color) => {\n const value = theme.colors[color];\n\n if (isVirtualColor(value)) {\n Object.assign(\n result.light,\n getV8CSSColorVariables({\n theme,\n name: value.name,\n color: value.light,\n colorScheme: 'light',\n withColorValues: true,\n })\n );\n\n Object.assign(\n result.dark,\n getV8CSSColorVariables({\n theme,\n name: value.name,\n color: value.dark,\n colorScheme: 'dark',\n withColorValues: true,\n })\n );\n\n return;\n }\n\n value.forEach((shade, index) => {\n result.variables[`--mantine-color-${color}-${index}`] = shade;\n });\n\n Object.assign(\n result.light,\n getV8CSSColorVariables({\n theme,\n color,\n colorScheme: 'light',\n withColorValues: false,\n })\n );\n\n Object.assign(\n result.dark,\n getV8CSSColorVariables({\n theme,\n color,\n colorScheme: 'dark',\n withColorValues: false,\n })\n );\n });\n\n const headings = theme.headings.sizes;\n\n keys(headings).forEach((heading) => {\n result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n result.variables[`--mantine-${heading}-font-weight`] =\n headings[heading].fontWeight || theme.headings.fontWeight;\n });\n\n return result;\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-color.cjs","names":["colorsTuple"],"sources":["../../../../../src/core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.ts"],"sourcesContent":["import { colorsTuple } from '../../color-functions';\nimport { MantineColor, MantineColorsTuple } from '../../theme.types';\n\ninterface VirtualColorInput {\n dark: MantineColor;\n light: MantineColor;\n name: string;\n}\n\ntype VirtualColor = MantineColorsTuple & {\n 'mantine-virtual-color': true;\n name: string;\n dark: MantineColor;\n light: MantineColor;\n};\n\nexport function virtualColor(input: VirtualColorInput): MantineColorsTuple {\n const result = colorsTuple(\n Array.from({ length: 10 }).map((_, i) => `var(--mantine-color-${input.name}-${i})`)\n );\n\n Object.defineProperty(result, 'mantine-virtual-color', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: true,\n });\n\n Object.defineProperty(result, 'dark', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: input.dark,\n });\n\n Object.defineProperty(result, 'light', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: input.light,\n });\n\n Object.defineProperty(result, 'name', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: input.name,\n });\n\n return result;\n}\n\nexport function isVirtualColor(value: unknown): value is VirtualColor {\n return !!value && typeof value === 'object' && 'mantine-virtual-color' in value;\n}\n"],"mappings":";;AAgBA,SAAgB,aAAa,OAA8C;CACzE,MAAM,SAASA,qBAAAA,YACb,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"virtual-color.cjs","names":["colorsTuple"],"sources":["../../../../../src/core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.ts"],"sourcesContent":["import { colorsTuple } from '../../color-functions';\nimport { MantineColor, MantineColorsTuple } from '../../theme.types';\n\ninterface VirtualColorInput {\n dark: MantineColor;\n light: MantineColor;\n name: string;\n}\n\ntype VirtualColor = MantineColorsTuple & {\n 'mantine-virtual-color': true;\n name: string;\n dark: MantineColor;\n light: MantineColor;\n};\n\nexport function virtualColor(input: VirtualColorInput): MantineColorsTuple {\n const result = colorsTuple(\n Array.from({ length: 10 }).map((_, i) => `var(--mantine-color-${input.name}-${i})`)\n );\n\n Object.defineProperty(result, 'mantine-virtual-color', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: true,\n });\n\n Object.defineProperty(result, 'dark', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: input.dark,\n });\n\n Object.defineProperty(result, 'light', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: input.light,\n });\n\n Object.defineProperty(result, 'name', {\n enumerable: false,\n writable: false,\n configurable: false,\n value: input.name,\n });\n\n return result;\n}\n\nexport function isVirtualColor(value: unknown): value is VirtualColor {\n return !!value && typeof value === 'object' && 'mantine-virtual-color' in value;\n}\n"],"mappings":";;AAgBA,SAAgB,aAAa,OAA8C;CACzE,MAAM,SAASA,qBAAAA,YACb,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,uBAAuB,MAAM,KAAK,GAAG,EAAE,EAAE,CACpF;CAEA,OAAO,eAAe,QAAQ,yBAAyB;EACrD,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO;CACT,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,SAAS;EACrC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,eAAe,OAAuC;CACpE,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,2BAA2B;AAC5E"}
|