@mantine/core 7.0.0-alpha.18 → 7.0.0-alpha.19

package/cjs/index.js

@@ -22,6 +22,11 @@ var closeOnEscape = require('./core/utils/close-on-escape/close-on-escape.js');
 var noop = require('./core/utils/noop/noop.js');
 var getSize = require('./core/utils/get-size/get-size.js');
 var createEventHandler = require('./core/utils/create-event-handler/create-event-handler.js');
+var getBreakpointValue = require('./core/utils/get-breakpoint-value/get-breakpoint-value.js');
+var getSortedBreakpoints = require('./core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js');
+var getBaseValue = require('./core/utils/get-base-value/get-base-value.js');
+var getContextItemIndex = require('./core/utils/get-context-item-index/get-context-item-index.js');
+var useHovered = require('./core/utils/use-hovered/use-hovered.js');
 var createVarsResolver = require('./core/styles-api/create-vars-resolver/create-vars-resolver.js');
 var resolveClassNames = require('./core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js');
 var resolveStyles = require('./core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js');
@@ -68,6 +73,9 @@ var createPolymorphicComponent = require('./core/factory/create-polymorphic-comp
 var DirectionProvider = require('./core/DirectionProvider/DirectionProvider.js');
 var UnstyledButton = require('./components/UnstyledButton/UnstyledButton.js');
 var VisuallyHidden = require('./components/VisuallyHidden/VisuallyHidden.js');
+var Popover = require('./components/Popover/Popover.js');
+var PopoverDropdown = require('./components/Popover/PopoverDropdown/PopoverDropdown.js');
+var PopoverTarget = require('./components/Popover/PopoverTarget/PopoverTarget.js');
 var Accordion = require('./components/Accordion/Accordion.js');
 var AccordionChevron = require('./components/Accordion/AccordionChevron.js');
 var AccordionItem = require('./components/Accordion/AccordionItem/AccordionItem.js');
@@ -100,6 +108,8 @@ var Center = require('./components/Center/Center.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var CheckboxGroup = require('./components/Checkbox/CheckboxGroup/CheckboxGroup.js');
 var CheckIcon = require('./components/Checkbox/CheckIcon.js');
+var Chip = require('./components/Chip/Chip.js');
+var ChipGroup = require('./components/Chip/ChipGroup/ChipGroup.js');
 var CloseIcon = require('./components/CloseButton/CloseIcon.js');
 var CloseButton = require('./components/CloseButton/CloseButton.js');
 var Code = require('./components/Code/Code.js');
@@ -145,8 +155,13 @@ var useFloatingAutoUpdate = require('./components/Floating/use-floating-auto-upd
 var getFloatingPosition = require('./components/Floating/get-floating-position/get-floating-position.js');
 var FloatingArrow = require('./components/Floating/FloatingArrow/FloatingArrow.js');
 var FocusTrap = require('./components/FocusTrap/FocusTrap.js');
+var Grid = require('./components/Grid/Grid.js');
+var GridCol = require('./components/Grid/GridCol/GridCol.js');
 var Group = require('./components/Group/Group.js');
 var Highlight = require('./components/Highlight/Highlight.js');
+var HoverCard = require('./components/HoverCard/HoverCard.js');
+var HoverCardDropdown = require('./components/HoverCard/HoverCardDropdown/HoverCardDropdown.js');
+var HoverCardTarget = require('./components/HoverCard/HoverCardTarget/HoverCardTarget.js');
 var Input = require('./components/Input/Input.js');
 var InputWrapper = require('./components/Input/InputWrapper/InputWrapper.js');
 var InputDescription = require('./components/Input/InputDescription/InputDescription.js');
@@ -159,6 +174,12 @@ var InputBase = require('./components/InputBase/InputBase.js');
 var Kbd = require('./components/Kbd/Kbd.js');
 var Loader = require('./components/Loader/Loader.js');
 var Mark = require('./components/Mark/Mark.js');
+var Menu = require('./components/Menu/Menu.js');
+var MenuDivider = require('./components/Menu/MenuDivider/MenuDivider.js');
+var MenuItem = require('./components/Menu/MenuItem/MenuItem.js');
+var MenuLabel = require('./components/Menu/MenuLabel/MenuLabel.js');
+var MenuDropdown = require('./components/Menu/MenuDropdown/MenuDropdown.js');
+var MenuTarget = require('./components/Menu/MenuTarget/MenuTarget.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalRoot = require('./components/Modal/ModalRoot.js');
 var ModalBody = require('./components/Modal/ModalBody.js');
@@ -190,22 +211,28 @@ var Pill = require('./components/Pill/Pill.js');
 var PillGroup = require('./components/Pill/PillGroup/PillGroup.js');
 var PillsInput = require('./components/PillsInput/PillsInput.js');
 var PillsInputField = require('./components/PillsInput/PillsInputField/PillsInputField.js');
-var Popover = require('./components/Popover/Popover.js');
-var PopoverDropdown = require('./components/Popover/PopoverDropdown/PopoverDropdown.js');
-var PopoverTarget = require('./components/Popover/PopoverTarget/PopoverTarget.js');
 var Portal = require('./components/Portal/Portal.js');
 var OptionalPortal = require('./components/Portal/OptionalPortal.js');
+var Progress = require('./components/Progress/Progress.js');
+var ProgressLabel = require('./components/Progress/ProgressLabel/ProgressLabel.js');
+var ProgressRoot = require('./components/Progress/ProgressRoot/ProgressRoot.js');
+var ProgressSection = require('./components/Progress/ProgressSection/ProgressSection.js');
+var Rating = require('./components/Rating/Rating.js');
+var RingProgress = require('./components/RingProgress/RingProgress.js');
 var ScrollArea = require('./components/ScrollArea/ScrollArea.js');
 var SegmentedControl = require('./components/SegmentedControl/SegmentedControl.js');
 var Select = require('./components/Select/Select.js');
+var SimpleGrid = require('./components/SimpleGrid/SimpleGrid.js');
 var Skeleton = require('./components/Skeleton/Skeleton.js');
 var Slider = require('./components/Slider/Slider/Slider.js');
 var RangeSlider = require('./components/Slider/RangeSlider/RangeSlider.js');
+var Space = require('./components/Space/Space.js');
 var Stack = require('./components/Stack/Stack.js');
 var Switch = require('./components/Switch/Switch.js');
 var SwitchGroup = require('./components/Switch/SwitchGroup/SwitchGroup.js');
 var Table = require('./components/Table/Table.js');
 var Table_components = require('./components/Table/Table.components.js');
+var TableScrollContainer = require('./components/Table/TableScrollContainer.js');
 var Tabs = require('./components/Tabs/Tabs.js');
 var TabsList = require('./components/Tabs/TabsList/TabsList.js');
 var TabsTab = require('./components/Tabs/TabsTab/TabsTab.js');
@@ -249,6 +276,11 @@ exports.getShadow = getSize.getShadow;
 exports.getSize = getSize.getSize;
 exports.getSpacing = getSize.getSpacing;
 exports.createEventHandler = createEventHandler.createEventHandler;
+exports.getBreakpointValue = getBreakpointValue.getBreakpointValue;
+exports.getSortedBreakpoints = getSortedBreakpoints.getSortedBreakpoints;
+exports.getBaseValue = getBaseValue.getBaseValue;
+exports.getContextItemIndex = getContextItemIndex.getContextItemIndex;
+exports.useHovered = useHovered.useHovered;
 exports.createVarsResolver = createVarsResolver.createVarsResolver;
 exports.resolveClassNames = resolveClassNames.resolveClassNames;
 exports.resolveStyles = resolveStyles.resolveStyles;
@@ -305,6 +337,9 @@ exports.DirectionProvider = DirectionProvider.DirectionProvider;
 exports.useDirection = DirectionProvider.useDirection;
 exports.UnstyledButton = UnstyledButton.UnstyledButton;
 exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
+exports.Popover = Popover.Popover;
+exports.PopoverDropdown = PopoverDropdown.PopoverDropdown;
+exports.PopoverTarget = PopoverTarget.PopoverTarget;
 exports.Accordion = Accordion.Accordion;
 exports.AccordionChevron = AccordionChevron.AccordionChevron;
 exports.AccordionItem = AccordionItem.AccordionItem;
@@ -337,6 +372,8 @@ exports.Center = Center.Center;
 exports.Checkbox = Checkbox.Checkbox;
 exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
 exports.CheckIcon = CheckIcon.CheckIcon;
+exports.Chip = Chip.Chip;
+exports.ChipGroup = ChipGroup.ChipGroup;
 exports.CloseIcon = CloseIcon.CloseIcon;
 exports.CloseButton = CloseButton.CloseButton;
 exports.Code = Code.Code;
@@ -383,8 +420,13 @@ exports.useFloatingAutoUpdate = useFloatingAutoUpdate.useFloatingAutoUpdate;
 exports.getFloatingPosition = getFloatingPosition.getFloatingPosition;
 exports.FloatingArrow = FloatingArrow.FloatingArrow;
 exports.FocusTrap = FocusTrap.FocusTrap;
+exports.Grid = Grid.Grid;
+exports.GridCol = GridCol.GridCol;
 exports.Group = Group.Group;
 exports.Highlight = Highlight.Highlight;
+exports.HoverCard = HoverCard.HoverCard;
+exports.HoverCardDropdown = HoverCardDropdown.HoverCardDropdown;
+exports.HoverCardTarget = HoverCardTarget.HoverCardTarget;
 exports.Input = Input.Input;
 exports.InputWrapper = InputWrapper.InputWrapper;
 exports.InputDescription = InputDescription.InputDescription;
@@ -398,6 +440,12 @@ exports.Kbd = Kbd.Kbd;
 exports.Loader = Loader.Loader;
 exports.defaultLoaders = Loader.defaultLoaders;
 exports.Mark = Mark.Mark;
+exports.Menu = Menu.Menu;
+exports.MenuDivider = MenuDivider.MenuDivider;
+exports.MenuItem = MenuItem.MenuItem;
+exports.MenuLabel = MenuLabel.MenuLabel;
+exports.MenuDropdown = MenuDropdown.MenuDropdown;
+exports.MenuTarget = MenuTarget.MenuTarget;
 exports.Modal = Modal.Modal;
 exports.ModalRoot = ModalRoot.ModalRoot;
 exports.ModalBody = ModalBody.ModalBody;
@@ -432,18 +480,23 @@ exports.Pill = Pill.Pill;
 exports.PillGroup = PillGroup.PillGroup;
 exports.PillsInput = PillsInput.PillsInput;
 exports.PillsInputField = PillsInputField.PillsInputField;
-exports.Popover = Popover.Popover;
-exports.PopoverDropdown = PopoverDropdown.PopoverDropdown;
-exports.PopoverTarget = PopoverTarget.PopoverTarget;
 exports.Portal = Portal.Portal;
 exports.OptionalPortal = OptionalPortal.OptionalPortal;
+exports.Progress = Progress.Progress;
+exports.ProgressLabel = ProgressLabel.ProgressLabel;
+exports.ProgressRoot = ProgressRoot.ProgressRoot;
+exports.ProgressSection = ProgressSection.ProgressSection;
+exports.Rating = Rating.Rating;
+exports.RingProgress = RingProgress.RingProgress;
 exports.ScrollArea = ScrollArea.ScrollArea;
 exports.ScrollAreaAutosize = ScrollArea.ScrollAreaAutosize;
 exports.SegmentedControl = SegmentedControl.SegmentedControl;
 exports.Select = Select.Select;
+exports.SimpleGrid = SimpleGrid.SimpleGrid;
 exports.Skeleton = Skeleton.Skeleton;
 exports.Slider = Slider.Slider;
 exports.RangeSlider = RangeSlider.RangeSlider;
+exports.Space = Space.Space;
 exports.Stack = Stack.Stack;
 exports.Switch = Switch.Switch;
 exports.SwitchGroup = SwitchGroup.SwitchGroup;
@@ -455,6 +508,7 @@ exports.TableTfoot = Table_components.TableTfoot;
 exports.TableTh = Table_components.TableTh;
 exports.TableThead = Table_components.TableThead;
 exports.TableTr = Table_components.TableTr;
+exports.TableScrollContainer = TableScrollContainer.TableScrollContainer;
 exports.Tabs = Tabs.Tabs;
 exports.TabsList = TabsList.TabsList;
 exports.TabsTab = TabsTab.TabsTab;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/components/Accordion/Accordion.js

@@ -7,12 +7,12 @@ import { AccordionControl } from './AccordionControl/AccordionControl.js';
 import classes from './Accordion.module.css.js';
 import { AccordionProvider } from './Accordion.context.js';
 import { getSafeId } from '../../core/utils/get-safe-id/get-safe-id.js';
-import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
-import { getRadius } from '../../core/utils/get-size/get-size.js';
 import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
 import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
 import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
 import { rem } from '../../core/utils/units-converters/rem.js';
+import { getRadius } from '../../core/utils/get-size/get-size.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

package/esm/components/Affix/Affix.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import classes from './Affix.module.css.js';
 import { OptionalPortal } from '../Portal/OptionalPortal.js';
-import { getDefaultZIndex } from '../../core/utils/get-default-z-index/get-default-z-index.js';
 import { factory } from '../../core/factory/factory.js';
 import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
 import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
 import { Box } from '../../core/Box/Box.js';
+import { getDefaultZIndex } from '../../core/utils/get-default-z-index/get-default-z-index.js';
 import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
 import { rem } from '../../core/utils/units-converters/rem.js';
 

package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js

@@ -1,8 +1,8 @@
 import { isResponsiveSize } from '../is-responsive-size/is-responsive-size.js';
 import { isPrimitiveSize } from '../is-primitive-size/is-primitive-size.js';
-import { getBreakpointValue } from '../get-breakpoint-value/get-breakpoint-value.js';
 import { getBaseSize } from '../get-base-size/get-base-size.js';
 import { keys } from '../../../../core/utils/keys/keys.js';
+import { getBreakpointValue } from '../../../../core/utils/get-breakpoint-value/get-breakpoint-value.js';
 import { rem } from '../../../../core/utils/units-converters/rem.js';
 
 function assignAsideVariables({

package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"assign-aside-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { MantineTheme, keys, rem } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBreakpointValue } from '../get-breakpoint-value/get-breakpoint-value';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignAsideVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  maxMediaStyles: MediaQueryVariables;\n  aside: AppShellProps['aside'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function assignAsideVariables({\n  baseStyles,\n  minMediaStyles,\n  maxMediaStyles,\n  aside,\n  theme,\n}: AssignAsideVariablesInput) {\n  const asideWidth = aside?.width;\n  const collapsedAsideTransform = 'translateX(var(--app-shell-aside-width))';\n  const collapsedAsideTransformRtl = 'translateX(calc(var(--app-shell-aside-width) * -1))';\n\n  if (aside?.breakpoint && !aside?.collapsed?.mobile) {\n    maxMediaStyles[aside?.breakpoint] = maxMediaStyles[aside?.breakpoint] || {};\n    maxMediaStyles[aside?.breakpoint]['--app-shell-aside-width'] = '100%';\n    maxMediaStyles[aside?.breakpoint]['--app-shell-aside-offset'] = '0px';\n  }\n\n  if (isPrimitiveSize(asideWidth)) {\n    const baseSize = rem(getBaseSize(asideWidth));\n    baseStyles['--app-shell-aside-width'] = baseSize;\n    baseStyles['--app-shell-aside-offset'] = baseSize;\n  }\n\n  if (isResponsiveSize(asideWidth)) {\n    if (typeof asideWidth.base !== 'undefined') {\n      baseStyles['--app-shell-aside-width'] = rem(asideWidth.base);\n      baseStyles['--app-shell-aside-offset'] = rem(asideWidth.base);\n    }\n\n    keys(asideWidth).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-aside-width'] = rem(asideWidth![key]);\n        minMediaStyles[key]['--app-shell-aside-offset'] = rem(asideWidth![key]);\n      }\n    });\n  }\n\n  if (aside?.collapsed?.desktop) {\n    const breakpointValue = aside!.breakpoint;\n    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};\n    minMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n    minMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n    minMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px !important';\n  }\n\n  if (aside?.collapsed?.mobile) {\n    const breakpointValue = getBreakpointValue(aside!.breakpoint, theme) - 0.1;\n    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};\n    maxMediaStyles[breakpointValue]['--app-shell-aside-width'] = '100%';\n    maxMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px';\n    maxMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n    maxMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"assign-aside-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { MantineTheme, keys, rem, getBreakpointValue } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignAsideVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  maxMediaStyles: MediaQueryVariables;\n  aside: AppShellProps['aside'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function assignAsideVariables({\n  baseStyles,\n  minMediaStyles,\n  maxMediaStyles,\n  aside,\n  theme,\n}: AssignAsideVariablesInput) {\n  const asideWidth = aside?.width;\n  const collapsedAsideTransform = 'translateX(var(--app-shell-aside-width))';\n  const collapsedAsideTransformRtl = 'translateX(calc(var(--app-shell-aside-width) * -1))';\n\n  if (aside?.breakpoint && !aside?.collapsed?.mobile) {\n    maxMediaStyles[aside?.breakpoint] = maxMediaStyles[aside?.breakpoint] || {};\n    maxMediaStyles[aside?.breakpoint]['--app-shell-aside-width'] = '100%';\n    maxMediaStyles[aside?.breakpoint]['--app-shell-aside-offset'] = '0px';\n  }\n\n  if (isPrimitiveSize(asideWidth)) {\n    const baseSize = rem(getBaseSize(asideWidth));\n    baseStyles['--app-shell-aside-width'] = baseSize;\n    baseStyles['--app-shell-aside-offset'] = baseSize;\n  }\n\n  if (isResponsiveSize(asideWidth)) {\n    if (typeof asideWidth.base !== 'undefined') {\n      baseStyles['--app-shell-aside-width'] = rem(asideWidth.base);\n      baseStyles['--app-shell-aside-offset'] = rem(asideWidth.base);\n    }\n\n    keys(asideWidth).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-aside-width'] = rem(asideWidth![key]);\n        minMediaStyles[key]['--app-shell-aside-offset'] = rem(asideWidth![key]);\n      }\n    });\n  }\n\n  if (aside?.collapsed?.desktop) {\n    const breakpointValue = aside!.breakpoint;\n    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};\n    minMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n    minMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n    minMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px !important';\n  }\n\n  if (aside?.collapsed?.mobile) {\n    const breakpointValue = getBreakpointValue(aside!.breakpoint, theme) - 0.1;\n    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};\n    maxMediaStyles[breakpointValue]['--app-shell-aside-width'] = '100%';\n    maxMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px';\n    maxMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n    maxMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js

@@ -1,9 +1,9 @@
 import { isResponsiveSize } from '../is-responsive-size/is-responsive-size.js';
 import { isPrimitiveSize } from '../is-primitive-size/is-primitive-size.js';
-import { getBreakpointValue } from '../get-breakpoint-value/get-breakpoint-value.js';
 import { getBaseSize } from '../get-base-size/get-base-size.js';
 import { rem } from '../../../../core/utils/units-converters/rem.js';
 import { keys } from '../../../../core/utils/keys/keys.js';
+import { getBreakpointValue } from '../../../../core/utils/get-breakpoint-value/get-breakpoint-value.js';
 
 function assignNavbarVariables({
   baseStyles,

package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"assign-navbar-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { MantineTheme, keys, rem } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBreakpointValue } from '../get-breakpoint-value/get-breakpoint-value';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignNavbarVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  maxMediaStyles: MediaQueryVariables;\n  navbar: AppShellProps['navbar'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function assignNavbarVariables({\n  baseStyles,\n  minMediaStyles,\n  maxMediaStyles,\n  navbar,\n  theme,\n}: AssignNavbarVariablesInput) {\n  const navbarWidth = navbar?.width;\n  const collapsedNavbarTransform = 'translateX(calc(var(--app-shell-navbar-width) * -1))';\n  const collapsedNavbarTransformRtl = 'translateX(var(--app-shell-navbar-width))';\n\n  if (navbar?.breakpoint && !navbar?.collapsed?.mobile) {\n    maxMediaStyles[navbar?.breakpoint] = maxMediaStyles[navbar?.breakpoint] || {};\n    maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-width'] = '100%';\n    maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-offset'] = '0px';\n  }\n\n  if (isPrimitiveSize(navbarWidth)) {\n    const baseSize = rem(getBaseSize(navbarWidth));\n    baseStyles['--app-shell-navbar-width'] = baseSize;\n    baseStyles['--app-shell-navbar-offset'] = baseSize;\n  }\n\n  if (isResponsiveSize(navbarWidth)) {\n    if (typeof navbarWidth.base !== 'undefined') {\n      baseStyles['--app-shell-navbar-width'] = rem(navbarWidth.base);\n      baseStyles['--app-shell-navbar-offset'] = rem(navbarWidth.base);\n    }\n\n    keys(navbarWidth).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-navbar-width'] = rem(navbarWidth![key]);\n        minMediaStyles[key]['--app-shell-navbar-offset'] = rem(navbarWidth![key]);\n      }\n    });\n  }\n\n  if (navbar?.collapsed?.desktop) {\n    const breakpointValue = navbar!.breakpoint;\n    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};\n    minMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n    minMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n      collapsedNavbarTransformRtl;\n    minMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px !important';\n  }\n\n  if (navbar?.collapsed?.mobile) {\n    const breakpointValue = getBreakpointValue(navbar!.breakpoint, theme) - 0.1;\n    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-width'] = '100%';\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px';\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n      collapsedNavbarTransformRtl;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"assign-navbar-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { MantineTheme, keys, rem, getBreakpointValue } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignNavbarVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  maxMediaStyles: MediaQueryVariables;\n  navbar: AppShellProps['navbar'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function assignNavbarVariables({\n  baseStyles,\n  minMediaStyles,\n  maxMediaStyles,\n  navbar,\n  theme,\n}: AssignNavbarVariablesInput) {\n  const navbarWidth = navbar?.width;\n  const collapsedNavbarTransform = 'translateX(calc(var(--app-shell-navbar-width) * -1))';\n  const collapsedNavbarTransformRtl = 'translateX(var(--app-shell-navbar-width))';\n\n  if (navbar?.breakpoint && !navbar?.collapsed?.mobile) {\n    maxMediaStyles[navbar?.breakpoint] = maxMediaStyles[navbar?.breakpoint] || {};\n    maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-width'] = '100%';\n    maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-offset'] = '0px';\n  }\n\n  if (isPrimitiveSize(navbarWidth)) {\n    const baseSize = rem(getBaseSize(navbarWidth));\n    baseStyles['--app-shell-navbar-width'] = baseSize;\n    baseStyles['--app-shell-navbar-offset'] = baseSize;\n  }\n\n  if (isResponsiveSize(navbarWidth)) {\n    if (typeof navbarWidth.base !== 'undefined') {\n      baseStyles['--app-shell-navbar-width'] = rem(navbarWidth.base);\n      baseStyles['--app-shell-navbar-offset'] = rem(navbarWidth.base);\n    }\n\n    keys(navbarWidth).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-navbar-width'] = rem(navbarWidth![key]);\n        minMediaStyles[key]['--app-shell-navbar-offset'] = rem(navbarWidth![key]);\n      }\n    });\n  }\n\n  if (navbar?.collapsed?.desktop) {\n    const breakpointValue = navbar!.breakpoint;\n    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};\n    minMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n    minMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n      collapsedNavbarTransformRtl;\n    minMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px !important';\n  }\n\n  if (navbar?.collapsed?.mobile) {\n    const breakpointValue = getBreakpointValue(navbar!.breakpoint, theme) - 0.1;\n    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-width'] = '100%';\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px';\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n      collapsedNavbarTransformRtl;\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js

@@ -3,7 +3,7 @@ import { assignFooterVariables } from '../assign-footer-variables/assign-footer-
 import { assignHeaderVariables } from '../assign-header-variables/assign-header-variables.js';
 import { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables.js';
 import { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables.js';
-import { getSortedBreakpoints } from '../get-sorted-breakpoints/get-sorted-breakpoints.js';
+import { getSortedBreakpoints } from '../../../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js';
 import { em } from '../../../../core/utils/units-converters/rem.js';
 import { keys } from '../../../../core/utils/keys/keys.js';
 

package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { MantineTheme, em, keys } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\nimport { getSortedBreakpoints } from '../get-sorted-breakpoints/get-sorted-breakpoints';\n\nexport type CSSVariables = Record<`--${string}`, string>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string>>;\n\ninterface GetVariablesInput {\n  navbar: AppShellProps['navbar'] | undefined;\n  header: AppShellProps['header'] | undefined;\n  footer: AppShellProps['footer'] | undefined;\n  aside: AppShellProps['aside'] | undefined;\n  padding: AppShellProps['padding'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function getVariables({ navbar, header, footer, aside, padding, theme }: GetVariablesInput) {\n  const minMediaStyles: MediaQueryVariables = {};\n  const maxMediaStyles: MediaQueryVariables = {};\n  const baseStyles: CSSVariables = {};\n\n  assignNavbarVariables({\n    baseStyles,\n    minMediaStyles,\n    maxMediaStyles,\n    navbar,\n    theme,\n  });\n\n  assignAsideVariables({\n    baseStyles,\n    minMediaStyles,\n    maxMediaStyles,\n    aside,\n    theme,\n  });\n\n  assignHeaderVariables({ baseStyles, minMediaStyles, header });\n  assignFooterVariables({ baseStyles, minMediaStyles, footer });\n  assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n  const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme).map((breakpoint) => ({\n    query: `(min-width: ${em(breakpoint.px)})`,\n    styles: minMediaStyles[breakpoint.value],\n  }));\n\n  const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme).map((breakpoint) => ({\n    query: `(max-width: ${em(breakpoint.px)})`,\n    styles: maxMediaStyles[breakpoint.value],\n  }));\n\n  const media = [...minMedia, ...maxMedia];\n\n  return { baseStyles, media };\n}\n"],"names":[],"mappings":";;;;;;;;;AAOO,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AAChF,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,qBAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,sBAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC3C,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC/B;;;;"}
+{"version":3,"file":"get-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { MantineTheme, em, keys, getSortedBreakpoints } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\n\nexport type CSSVariables = Record<`--${string}`, string>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string>>;\n\ninterface GetVariablesInput {\n  navbar: AppShellProps['navbar'] | undefined;\n  header: AppShellProps['header'] | undefined;\n  footer: AppShellProps['footer'] | undefined;\n  aside: AppShellProps['aside'] | undefined;\n  padding: AppShellProps['padding'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function getVariables({ navbar, header, footer, aside, padding, theme }: GetVariablesInput) {\n  const minMediaStyles: MediaQueryVariables = {};\n  const maxMediaStyles: MediaQueryVariables = {};\n  const baseStyles: CSSVariables = {};\n\n  assignNavbarVariables({\n    baseStyles,\n    minMediaStyles,\n    maxMediaStyles,\n    navbar,\n    theme,\n  });\n\n  assignAsideVariables({\n    baseStyles,\n    minMediaStyles,\n    maxMediaStyles,\n    aside,\n    theme,\n  });\n\n  assignHeaderVariables({ baseStyles, minMediaStyles, header });\n  assignFooterVariables({ baseStyles, minMediaStyles, footer });\n  assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n  const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme).map((breakpoint) => ({\n    query: `(min-width: ${em(breakpoint.px)})`,\n    styles: minMediaStyles[breakpoint.value],\n  }));\n\n  const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme).map((breakpoint) => ({\n    query: `(max-width: ${em(breakpoint.px)})`,\n    styles: maxMediaStyles[breakpoint.value],\n  }));\n\n  const media = [...minMedia, ...maxMedia];\n\n  return { baseStyles, media };\n}\n"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AAChF,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,qBAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,sBAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC3C,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC/B;;;;"}

package/esm/components/Chip/Chip.js

@@ -0,0 +1,170 @@
+import React from 'react';
+import { useId, useUncontrolled } from '@mantine/hooks';
+import { useChipGroupContext } from './ChipGroup.context.js';
+import { ChipGroup } from './ChipGroup/ChipGroup.js';
+import classes from './Chip.module.css.js';
+import { CheckIcon } from '../Checkbox/CheckIcon.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { extractStyleProps } from '../../core/Box/style-props/extract-style-props/extract-style-props.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getFontSize, getSize, getRadius } from '../../core/utils/get-size/get-size.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  type: "checkbox",
+  size: "sm",
+  radius: "xl",
+  variant: "outline"
+};
+const varsResolver = createVarsResolver((theme, { size, radius, variant, color }) => {
+  const colors = theme.variantColorResolver({
+    color: color || theme.primaryColor,
+    theme,
+    variant
+  });
+  return {
+    root: {
+      "--chip-fz": getFontSize(size),
+      "--chip-size": getSize(size, "chip-size"),
+      "--chip-radius": getRadius(radius),
+      "--chip-checked-padding": getSize(size, "chip-checked-padding"),
+      "--chip-padding": getSize(size, "chip-padding"),
+      "--chip-icon-size": getSize(size, "chip-icon-size"),
+      "--chip-bg": colors.background,
+      "--chip-hover": colors.hover,
+      "--chip-color": colors.color,
+      "--chip-bd": colors.border,
+      "--chip-spacing": getSize(size, "chip-spacing")
+    }
+  };
+});
+const Chip = factory((_props, ref) => {
+  const props = useProps("Chip", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    id,
+    checked,
+    defaultChecked,
+    onChange,
+    value,
+    wrapperProps,
+    type,
+    disabled,
+    children,
+    size,
+    variant,
+    icon
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "id",
+    "checked",
+    "defaultChecked",
+    "onChange",
+    "value",
+    "wrapperProps",
+    "type",
+    "disabled",
+    "children",
+    "size",
+    "variant",
+    "icon"
+  ]);
+  const getStyles = useStyles({
+    name: "Chip",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const ctx = useChipGroupContext();
+  const uuid = useId(id);
+  const { styleProps, rest } = extractStyleProps(others);
+  const [_value, setValue] = useUncontrolled({
+    value: checked,
+    defaultValue: defaultChecked,
+    finalValue: false,
+    onChange
+  });
+  const contextProps = ctx ? {
+    checked: ctx.isChipSelected(value),
+    onChange: ctx.onChange,
+    type: ctx.multiple ? "checkbox" : "radio"
+  } : {};
+  const _checked = contextProps.checked || _value;
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues(__spreadValues({ size, variant }, getStyles("root")), styleProps), wrapperProps), /* @__PURE__ */ React.createElement(
+    "input",
+    __spreadValues(__spreadValues(__spreadProps(__spreadValues({
+      type
+    }, getStyles("input")), {
+      checked: _checked,
+      onChange: (event) => setValue(event.currentTarget.checked),
+      id: uuid,
+      disabled,
+      ref,
+      value
+    }), contextProps), rest)
+  ), /* @__PURE__ */ React.createElement(
+    "label",
+    __spreadValues({
+      htmlFor: uuid,
+      "data-checked": _checked || void 0,
+      "data-disabled": disabled || void 0
+    }, getStyles("label", { variant })),
+    _checked && /* @__PURE__ */ React.createElement("span", __spreadValues({}, getStyles("iconWrapper")), icon || /* @__PURE__ */ React.createElement(CheckIcon, __spreadValues({}, getStyles("checkIcon")))),
+    children
+  ));
+});
+Chip.classes = classes;
+Chip.displayName = "@mantine/core/Chip";
+Chip.Group = ChipGroup;
+
+export { Chip };
+//# sourceMappingURL=Chip.js.map

package/esm/components/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  MantineRadius,\n  MantineSize,\n  MantineColor,\n  extractStyleProps,\n  getSize,\n  getRadius,\n  getFontSize,\n} from '../../core';\nimport { CheckIcon } from '../Checkbox';\nimport { useChipGroupContext } from './ChipGroup.context';\nimport { ChipGroup } from './ChipGroup/ChipGroup';\nimport classes from './Chip.module.css';\n\nexport type ChipStylesNames = 'root' | 'input' | 'iconWrapper' | 'checkIcon' | 'label';\nexport type ChipVariant = 'outline' | 'filled' | 'light';\nexport type ChipCssVariables = {\n  root:\n    | '--chip-fz'\n    | '--chip-size'\n    | '--chip-icon-size'\n    | '--chip-padding'\n    | '--chip-checked-padding'\n    | '--chip-radius'\n    | '--chip-bg'\n    | '--chip-hover'\n    | '--chip-color'\n    | '--chip-bd'\n    | '--chip-spacing';\n};\n\nexport interface ChipProps\n  extends BoxProps,\n    StylesApiProps<ChipFactory>,\n    ElementProps<'input', 'size' | 'onChange'> {\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `'xl'` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Controls various properties, `'sm'` by default */\n  size?: MantineSize;\n\n  /** Chip input type */\n  type?: 'radio' | 'checkbox';\n\n  /** Chip label */\n  children: React.ReactNode;\n\n  /** Checked state for controlled component */\n  checked?: boolean;\n\n  /** Default checked state for uncontrolled component */\n  defaultChecked?: boolean;\n\n  /** Calls when checked state changes */\n  onChange?(checked: boolean): void;\n\n  /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` */\n  color?: MantineColor;\n\n  /** Static id to bind input with label */\n  id?: string;\n\n  /** Props passed down to the wrapper element */\n  wrapperProps?: Record<string, any>;\n\n  /** Replaces default icon */\n  icon?: React.ReactNode;\n}\n\nexport type ChipFactory = Factory<{\n  props: ChipProps;\n  ref: HTMLInputElement;\n  stylesNames: ChipStylesNames;\n  vars: ChipCssVariables;\n  variant: ChipVariant;\n  staticComponents: {\n    Group: typeof ChipGroup;\n  };\n}>;\n\nconst defaultProps: Partial<ChipProps> = {\n  type: 'checkbox',\n  size: 'sm',\n  radius: 'xl',\n  variant: 'outline',\n};\n\nconst varsResolver = createVarsResolver<ChipFactory>((theme, { size, radius, variant, color }) => {\n  const colors = theme.variantColorResolver({\n    color: color || theme.primaryColor,\n    theme,\n    variant: variant!,\n  });\n\n  return {\n    root: {\n      '--chip-fz': getFontSize(size),\n      '--chip-size': getSize(size, 'chip-size'),\n      '--chip-radius': getRadius(radius),\n      '--chip-checked-padding': getSize(size, 'chip-checked-padding'),\n      '--chip-padding': getSize(size, 'chip-padding'),\n      '--chip-icon-size': getSize(size, 'chip-icon-size'),\n      '--chip-bg': colors.background,\n      '--chip-hover': colors.hover,\n      '--chip-color': colors.color,\n      '--chip-bd': colors.border,\n      '--chip-spacing': getSize(size, 'chip-spacing'),\n    },\n  };\n});\n\nexport const Chip = factory<ChipFactory>((_props, ref) => {\n  const props = useProps('Chip', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    id,\n    checked,\n    defaultChecked,\n    onChange,\n    value,\n    wrapperProps,\n    type,\n    disabled,\n    children,\n    size,\n    variant,\n    icon,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ChipFactory>({\n    name: 'Chip',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const ctx = useChipGroupContext();\n  const uuid = useId(id);\n  const { styleProps, rest } = extractStyleProps(others);\n\n  const [_value, setValue] = useUncontrolled({\n    value: checked,\n    defaultValue: defaultChecked,\n    finalValue: false,\n    onChange,\n  });\n\n  const contextProps = ctx\n    ? {\n        checked: ctx.isChipSelected(value as string),\n        onChange: ctx.onChange,\n        type: ctx.multiple ? 'checkbox' : 'radio',\n      }\n    : {};\n\n  const _checked = contextProps.checked || _value;\n\n  return (\n    <Box size={size} variant={variant} {...getStyles('root')} {...styleProps} {...wrapperProps}>\n      <input\n        type={type}\n        {...getStyles('input')}\n        checked={_checked}\n        onChange={(event) => setValue(event.currentTarget.checked)}\n        id={uuid}\n        disabled={disabled}\n        ref={ref}\n        value={value}\n        {...contextProps}\n        {...rest}\n      />\n\n      <label\n        htmlFor={uuid}\n        data-checked={_checked || undefined}\n        data-disabled={disabled || undefined}\n        {...getStyles('label', { variant })}\n      >\n        {_checked && (\n          <span {...getStyles('iconWrapper')}>\n            {icon || <CheckIcon {...getStyles('checkIcon')} />}\n          </span>\n        )}\n        {children}\n      </label>\n    </Box>\n  );\n});\n\nChip.classes = classes;\nChip.displayName = '@mantine/core/Chip';\nChip.Group = ChipGroup;\n"],"names":[],"mappings":"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"}

package/esm/components/Chip/Chip.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"m-f59ffda3","label":"m-be049a53","label--outline":"m-3904c1af","label--filled":"m-fa109255","label--light":"m-f7e165c3","iconWrapper":"m-9ac86df9","checkIcon":"m-d6d72580","input":"m-bde07329"};
+
+export default classes;
+//# sourceMappingURL=Chip.module.css.js.map

package/esm/components/Chip/Chip.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Chip/ChipGroup/ChipGroup.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { useUncontrolled } from '@mantine/hooks';
+import { ChipGroupProvider } from '../ChipGroup.context.js';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
+
+const defaultProps = {};
+function ChipGroup(props) {
+  const { value, defaultValue, onChange, multiple, children } = useProps(
+    "ChipGroup",
+    defaultProps,
+    props
+  );
+  const [_value, setValue] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: multiple ? [] : null,
+    onChange
+  });
+  const isChipSelected = (val) => Array.isArray(_value) ? _value.includes(val) : val === _value;
+  const handleChange = (event) => {
+    const val = event.currentTarget.value;
+    if (Array.isArray(_value)) {
+      setValue(_value.includes(val) ? _value.filter((v) => v !== val) : [..._value, val]);
+    } else {
+      setValue(val);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(ChipGroupProvider, { value: { isChipSelected, onChange: handleChange, multiple } }, children);
+}
+ChipGroup.displayName = "@mantine/core/ChipGroup";
+
+export { ChipGroup };
+//# sourceMappingURL=ChipGroup.js.map

package/esm/components/Chip/ChipGroup/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","sources":["../../../../src/components/Chip/ChipGroup/ChipGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { useProps } from '../../../core';\nimport { ChipGroupProvider } from '../ChipGroup.context';\n\nexport interface ChipGroupProps<T extends boolean = false> {\n  /** Allow multiple values to be selected at a time */\n  multiple?: T;\n\n  /** Controlled component value */\n  value?: T extends true ? string[] : string | null;\n\n  /** Uncontrolled component initial value */\n  defaultValue?: T extends true ? string[] : string | null;\n\n  /** Called when value changes */\n  onChange?(value: T extends true ? string[] : string): void;\n\n  /** <Chip /> components */\n  children?: React.ReactNode;\n}\n\nconst defaultProps: Partial<ChipGroupProps<false>> = {};\n\nexport function ChipGroup<T extends boolean>(props: ChipGroupProps<T>) {\n  const { value, defaultValue, onChange, multiple, children } = useProps(\n    'ChipGroup',\n    defaultProps as any,\n    props\n  );\n\n  const [_value, setValue] = useUncontrolled<string | null | string[]>({\n    value,\n    defaultValue,\n    finalValue: multiple ? ([] as string[]) : null,\n    onChange,\n  });\n\n  const isChipSelected = (val: string) =>\n    Array.isArray(_value) ? _value.includes(val) : val === _value;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const val = event.currentTarget.value;\n    if (Array.isArray(_value)) {\n      setValue(_value.includes(val) ? _value.filter((v) => v !== val) : [..._value, val]);\n    } else {\n      setValue(val);\n    }\n  };\n\n  return (\n    <ChipGroupProvider value={{ isChipSelected, onChange: handleChange, multiple }}>\n      {children}\n    </ChipGroupProvider>\n  );\n}\n\nChipGroup.displayName = '@mantine/core/ChipGroup';\n"],"names":[],"mappings":";;;;;AAIA,MAAM,YAAY,GAAG,EAAE,CAAC;AACjB,SAAS,SAAS,CAAC,KAAK,EAAE;AACjC,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,QAAQ;AACxE,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,KAAK;AACT,GAAG,CAAC;AACJ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,QAAQ,GAAG,EAAE,GAAG,IAAI;AACpC,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,cAAc,GAAG,CAAC,GAAG,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,MAAM,CAAC;AAChG,EAAE,MAAM,YAAY,GAAG,CAAC,KAAK,KAAK;AAClC,IAAI,MAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AAC1C,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC/B,MAAM,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;AAC1F,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3I,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/esm/components/Chip/ChipGroup.context.js

@@ -0,0 +1,6 @@
+import { createOptionalContext } from '../../core/utils/create-optional-context/create-optional-context.js';
+
+const [ChipGroupProvider, useChipGroupContext] = createOptionalContext();
+
+export { ChipGroupProvider, useChipGroupContext };
+//# sourceMappingURL=ChipGroup.context.js.map

package/esm/components/Chip/ChipGroup.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.context.js","sources":["../../../src/components/Chip/ChipGroup.context.ts"],"sourcesContent":["import { createOptionalContext } from '../../core';\n\ninterface ChipGroupContextValue {\n  isChipSelected(value: string): boolean;\n  onChange(event: React.ChangeEvent<HTMLInputElement>): void;\n  multiple: boolean;\n}\n\nexport const [ChipGroupProvider, useChipGroupContext] =\n  createOptionalContext<ChipGroupContextValue>();\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,qBAAqB;;;;"}

package/esm/components/Collapse/Collapse.js

@@ -1,9 +1,9 @@
 import React, { forwardRef } from 'react';
 import { useReducedMotion } from '@mantine/hooks';
 import { useCollapse } from './use-collapse.js';
-import { useMantineTheme } from '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js';
 import { getStyleObject } from '../../core/Box/get-style-object/get-style-object.js';
 import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useMantineTheme } from '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js';
 import { Box } from '../../core/Box/Box.js';
 
 var __defProp = Object.defineProperty;