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

package/cjs/components/Accordion/Accordion.js

@@ -11,12 +11,12 @@ var AccordionControl = require('./AccordionControl/AccordionControl.js');
 var Accordion_module = require('./Accordion.module.css.js');
 var Accordion_context = require('./Accordion.context.js');
 var getSafeId = require('../../core/utils/get-safe-id/get-safe-id.js');
-var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
-var getSize = require('../../core/utils/get-size/get-size.js');
 var useProps = require('../../core/MantineProvider/use-props/use-props.js');
 var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
 var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
 var rem = require('../../core/utils/units-converters/rem.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 

package/cjs/components/Affix/Affix.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var Affix_module = require('./Affix.module.css.js');
 var OptionalPortal = require('../Portal/OptionalPortal.js');
-var getDefaultZIndex = require('../../core/utils/get-default-z-index/get-default-z-index.js');
 var factory = require('../../core/factory/factory.js');
 var useProps = require('../../core/MantineProvider/use-props/use-props.js');
 var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
 var Box = require('../../core/Box/Box.js');
+var getDefaultZIndex = require('../../core/utils/get-default-z-index/get-default-z-index.js');
 var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
 var rem = require('../../core/utils/units-converters/rem.js');
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var isResponsiveSize = require('../is-responsive-size/is-responsive-size.js');
 var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.js');
-var getBreakpointValue = require('../get-breakpoint-value/get-breakpoint-value.js');
 var getBaseSize = require('../get-base-size/get-base-size.js');
 var keys = require('../../../../core/utils/keys/keys.js');
+var getBreakpointValue = require('../../../../core/utils/get-breakpoint-value/get-breakpoint-value.js');
 var rem = require('../../../../core/utils/units-converters/rem.js');
 
 function assignAsideVariables({

package/cjs/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":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys","getBreakpointValue"],"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":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys","getBreakpointValue"],"mappings":"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"}

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var isResponsiveSize = require('../is-responsive-size/is-responsive-size.js');
 var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.js');
-var getBreakpointValue = require('../get-breakpoint-value/get-breakpoint-value.js');
 var getBaseSize = require('../get-base-size/get-base-size.js');
 var rem = require('../../../../core/utils/units-converters/rem.js');
 var keys = require('../../../../core/utils/keys/keys.js');
+var getBreakpointValue = require('../../../../core/utils/get-breakpoint-value/get-breakpoint-value.js');
 
 function assignNavbarVariables({
   baseStyles,

package/cjs/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":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys","getBreakpointValue"],"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":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys","getBreakpointValue"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ var assignFooterVariables = require('../assign-footer-variables/assign-footer-va
 var assignHeaderVariables = require('../assign-header-variables/assign-header-variables.js');
 var assignNavbarVariables = require('../assign-navbar-variables/assign-navbar-variables.js');
 var assignPaddingVariables = require('../assign-padding-variables/assign-padding-variables.js');
-var getSortedBreakpoints = require('../get-sorted-breakpoints/get-sorted-breakpoints.js');
+var getSortedBreakpoints = require('../../../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js');
 var rem = require('../../../../core/utils/units-converters/rem.js');
 var keys = require('../../../../core/utils/keys/keys.js');
 

package/cjs/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":["assignNavbarVariables","assignAsideVariables","assignHeaderVariables","assignFooterVariables","assignPaddingVariables","getSortedBreakpoints","keys","em"],"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,EAAEA,2CAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAEC,yCAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAEC,2CAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAEC,2CAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAEC,6CAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAGC,yCAAoB,CAACC,SAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAEC,MAAE,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,GAAGF,yCAAoB,CAACC,SAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAEC,MAAE,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":["assignNavbarVariables","assignAsideVariables","assignHeaderVariables","assignFooterVariables","assignPaddingVariables","getSortedBreakpoints","keys","em"],"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,EAAEA,2CAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAEC,yCAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAEC,2CAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAEC,2CAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAEC,6CAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAGC,yCAAoB,CAACC,SAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAEC,MAAE,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,GAAGF,yCAAoB,CAACC,SAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAEC,MAAE,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/cjs/components/Chip/Chip.js

@@ -0,0 +1,178 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var ChipGroup_context = require('./ChipGroup.context.js');
+var ChipGroup = require('./ChipGroup/ChipGroup.js');
+var Chip_module = require('./Chip.module.css.js');
+var CheckIcon = require('../Checkbox/CheckIcon.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var extractStyleProps = require('../../core/Box/style-props/extract-style-props/extract-style-props.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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.createVarsResolver((theme, { size, radius, variant, color }) => {
+  const colors = theme.variantColorResolver({
+    color: color || theme.primaryColor,
+    theme,
+    variant
+  });
+  return {
+    root: {
+      "--chip-fz": getSize.getFontSize(size),
+      "--chip-size": getSize.getSize(size, "chip-size"),
+      "--chip-radius": getSize.getRadius(radius),
+      "--chip-checked-padding": getSize.getSize(size, "chip-checked-padding"),
+      "--chip-padding": getSize.getSize(size, "chip-padding"),
+      "--chip-icon-size": getSize.getSize(size, "chip-icon-size"),
+      "--chip-bg": colors.background,
+      "--chip-hover": colors.hover,
+      "--chip-color": colors.color,
+      "--chip-bd": colors.border,
+      "--chip-spacing": getSize.getSize(size, "chip-spacing")
+    }
+  };
+});
+const Chip = factory.factory((_props, ref) => {
+  const props = useProps.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.useStyles({
+    name: "Chip",
+    classes: Chip_module['default'],
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const ctx = ChipGroup_context.useChipGroupContext();
+  const uuid = hooks.useId(id);
+  const { styleProps, rest } = extractStyleProps.extractStyleProps(others);
+  const [_value, setValue] = hooks.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__default.createElement(Box.Box, __spreadValues(__spreadValues(__spreadValues({ size, variant }, getStyles("root")), styleProps), wrapperProps), /* @__PURE__ */ React__default.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__default.createElement(
+    "label",
+    __spreadValues({
+      htmlFor: uuid,
+      "data-checked": _checked || void 0,
+      "data-disabled": disabled || void 0
+    }, getStyles("label", { variant })),
+    _checked && /* @__PURE__ */ React__default.createElement("span", __spreadValues({}, getStyles("iconWrapper")), icon || /* @__PURE__ */ React__default.createElement(CheckIcon.CheckIcon, __spreadValues({}, getStyles("checkIcon")))),
+    children
+  ));
+});
+Chip.classes = Chip_module['default'];
+Chip.displayName = "@mantine/core/Chip";
+Chip.Group = ChipGroup.ChipGroup;
+
+exports.Chip = Chip;
+//# sourceMappingURL=Chip.js.map

package/cjs/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":["createVarsResolver","getFontSize","getSize","getRadius","factory","useProps","useStyles","classes","useChipGroupContext","useId","extractStyleProps","useUncontrolled","React","Box","CheckIcon","ChipGroup"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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"};
+
+exports.default = classes;
+//# sourceMappingURL=Chip.module.css.js.map

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

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

package/cjs/components/Chip/ChipGroup/ChipGroup.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var ChipGroup_context = require('../ChipGroup.context.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {};
+function ChipGroup(props) {
+  const { value, defaultValue, onChange, multiple, children } = useProps.useProps(
+    "ChipGroup",
+    defaultProps,
+    props
+  );
+  const [_value, setValue] = hooks.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__default.createElement(ChipGroup_context.ChipGroupProvider, { value: { isChipSelected, onChange: handleChange, multiple } }, children);
+}
+ChipGroup.displayName = "@mantine/core/ChipGroup";
+
+exports.ChipGroup = ChipGroup;
+//# sourceMappingURL=ChipGroup.js.map

package/cjs/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":["useProps","useUncontrolled","React","ChipGroupProvider"],"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,GAAGA,iBAAQ;AACxE,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,KAAK;AACT,GAAG,CAAC;AACJ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,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,uBAAuBC,cAAK,CAAC,aAAa,CAACC,mCAAiB,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/cjs/components/Chip/ChipGroup.context.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createOptionalContext = require('../../core/utils/create-optional-context/create-optional-context.js');
+
+const [ChipGroupProvider, useChipGroupContext] = createOptionalContext.createOptionalContext();
+
+exports.ChipGroupProvider = ChipGroupProvider;
+exports.useChipGroupContext = useChipGroupContext;
+//# sourceMappingURL=ChipGroup.context.js.map

package/cjs/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":["createOptionalContext"],"mappings":";;;;;;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAGA,2CAAqB;;;;;"}

package/cjs/components/Collapse/Collapse.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var useCollapse = require('./use-collapse.js');
-var MantineThemeProvider = require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
 var getStyleObject = require('../../core/Box/get-style-object/get-style-object.js');
 var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var MantineThemeProvider = require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
 var Box = require('../../core/Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }

package/cjs/components/Floating/use-delayed-hover.js

@@ -13,7 +13,7 @@ function useDelayedHover({ open, close, openDelay, closeDelay }) {
   };
   const openDropdown = () => {
     clearTimeouts();
-    if (openDelay === 0) {
+    if (openDelay === 0 || openDelay === void 0) {
       open();
     } else {
       openTimeout.current = window.setTimeout(open, openDelay);
@@ -21,7 +21,7 @@ function useDelayedHover({ open, close, openDelay, closeDelay }) {
   };
   const closeDropdown = () => {
     clearTimeouts();
-    if (closeDelay === 0) {
+    if (closeDelay === 0 || closeDelay === void 0) {
       close();
     } else {
       closeTimeout.current = window.setTimeout(close, closeDelay);

package/cjs/components/Floating/use-delayed-hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-delayed-hover.js","sources":["../../../src/components/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\ninterface UseDelayedHoverInput {\n  open(): void;\n  close(): void;\n  openDelay: number;\n  closeDelay: number;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;AACxE,EAAE,MAAM,WAAW,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACjC,EAAE,MAAM,YAAY,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC7C,IAAI,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9C,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,IAAI,SAAS,KAAK,CAAC,EAAE;AACzB,MAAM,IAAI,EAAE,CAAC;AACb,KAAK,MAAM;AACX,MAAM,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC/D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,IAAI,UAAU,KAAK,CAAC,EAAE;AAC1B,MAAM,KAAK,EAAE,CAAC;AACd,KAAK,MAAM;AACX,MAAM,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAClE,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,eAAS,CAAC,MAAM,aAAa,EAAE,EAAE,CAAC,CAAC;AACrC,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACzC;;;;"}
+{"version":3,"file":"use-delayed-hover.js","sources":["../../../src/components/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\ninterface UseDelayedHoverInput {\n  open(): void;\n  close(): void;\n  openDelay: number | undefined;\n  closeDelay: number | undefined;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0 || openDelay === undefined) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0 || closeDelay === undefined) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;AACxE,EAAE,MAAM,WAAW,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACjC,EAAE,MAAM,YAAY,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC7C,IAAI,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9C,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,IAAI,SAAS,KAAK,CAAC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,KAAK,MAAM;AACX,MAAM,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC/D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,IAAI,UAAU,KAAK,CAAC,IAAI,UAAU,KAAK,KAAK,CAAC,EAAE;AACnD,MAAM,KAAK,EAAE,CAAC;AACd,KAAK,MAAM;AACX,MAAM,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAClE,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,eAAS,CAAC,MAAM,aAAa,EAAE,EAAE,CAAC,CAAC;AACrC,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACzC;;;;"}

package/cjs/components/Grid/Grid.context.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.js');
+
+const [GridProvider, useGridContext] = createSafeContext.createSafeContext(
+  "Grid component was not found in tree"
+);
+
+exports.GridProvider = GridProvider;
+exports.useGridContext = useGridContext;
+//# sourceMappingURL=Grid.context.js.map

package/cjs/components/Grid/Grid.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.context.js","sources":["../../../src/components/Grid/Grid.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { GridFactory } from './Grid';\n\ninterface GridContextValue {\n  getStyles: GetStylesApi<GridFactory>;\n  grow: boolean | undefined;\n  columns: number;\n}\n\nexport const [GridProvider, useGridContext] = createSafeContext<GridContextValue>(\n  'Grid component was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,mCAAiB;AAC/D,EAAE,sCAAsC;AACxC;;;;;"}

package/cjs/components/Grid/Grid.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var GridCol = require('./GridCol/GridCol.js');
+var Grid_context = require('./Grid.context.js');
+var GridVariables = require('./GridVariables.js');
+var Grid_module = require('./Grid.module.css.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var useRandomClassname = require('../../core/Box/use-random-classname/use-random-classname.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+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 __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 = {
+  gutter: "md",
+  grow: false,
+  columns: 12
+};
+const varsResolver = createVarsResolver.createVarsResolver((_, { justify, align }) => ({
+  root: {
+    "--grid-justify": justify,
+    "--grid-align": align
+  }
+}));
+const Grid = factory.factory((_props, ref) => {
+  const props = useProps.useProps("Grid", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    grow,
+    gutter,
+    columns,
+    align,
+    justify,
+    children
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "grow",
+    "gutter",
+    "columns",
+    "align",
+    "justify",
+    "children"
+  ]);
+  const getStyles = useStyles.useStyles({
+    name: "Grid",
+    classes: Grid_module['default'],
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const responsiveClassName = useRandomClassname.useRandomClassName();
+  return /* @__PURE__ */ React__default.createElement(Grid_context.GridProvider, { value: { getStyles, grow, columns } }, /* @__PURE__ */ React__default.createElement(GridVariables.GridVariables, __spreadValues({ selector: `.${responsiveClassName}` }, props)), /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({ ref }, getStyles("root", { className: responsiveClassName })), others), /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("inner")), children)));
+});
+Grid.classes = Grid_module['default'];
+Grid.displayName = "@mantine/core/Grid";
+Grid.Col = GridCol.GridCol;
+
+exports.Grid = Grid;
+//# sourceMappingURL=Grid.js.map