@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13

package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js

@@ -16,8 +16,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function getClassName({ theme, options, themeName, selector, classNamesPrefix, classNames, classes, unstyled, className, rootSelector, props, stylesCtx, }) {
-    return cx__default(getGlobalClassNames.getGlobalClassNames({ theme, options, unstyled }), getThemeClassNames.getThemeClassNames({ theme, themeName, selector, props, stylesCtx }), getVariantClassName.getVariantClassName({ options, classes, selector, unstyled }), getResolvedClassNames.getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }), getOptionsClassNames.getOptionsClassNames({ selector, stylesCtx, options, props, theme }), getRootClassName.getRootClassName({ rootSelector, selector, className }), getSelectorClassName.getSelectorClassName({ selector, classes, unstyled }), getStaticClassNames.getStaticClassNames({ themeName, classNamesPrefix, selector }), options === null || options === void 0 ? void 0 : options.className);
+function getClassName({
+  theme,
+  options,
+  themeName,
+  selector,
+  classNamesPrefix,
+  classNames,
+  classes,
+  unstyled,
+  className,
+  rootSelector,
+  props,
+  stylesCtx
+}) {
+  return cx__default(
+    getGlobalClassNames.getGlobalClassNames({ theme, options, unstyled }),
+    getThemeClassNames.getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),
+    getVariantClassName.getVariantClassName({ options, classes, selector, unstyled }),
+    getResolvedClassNames.getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),
+    getOptionsClassNames.getOptionsClassNames({ selector, stylesCtx, options, props, theme }),
+    getRootClassName.getRootClassName({ rootSelector, selector, className }),
+    getSelectorClassName.getSelectorClassName({ selector, classes, unstyled }),
+    getStaticClassNames.getStaticClassNames({ themeName, classNamesPrefix, selector }),
+    options == null ? void 0 : options.className
+  );
 }
 
 exports.getClassName = getClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-class-name.js","sources":["../../../../../src/core/styles-api/use-styles/get-class-name/get-class-name.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getStaticClassNames } from './get-static-class-names/get-static-class-names';\nimport { getThemeClassNames } from './get-theme-class-names/get-theme-class-names';\nimport { getGlobalClassNames } from './get-global-class-names/get-global-class-names';\nimport { getVariantClassName } from './get-variant-class-name/get-variant-class-name';\nimport { getRootClassName } from './get-root-class-name/get-root-class-name';\nimport { getSelectorClassName } from './get-selector-class-name/get-selector-class-name';\nimport { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names';\nimport { getOptionsClassNames } from './get-options-class-names/get-options-class-names';\n\nexport type _ClassNames =\n  | undefined\n  | Partial<Record<string, string>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, string>>);\n\nexport interface GetClassNameOptions {\n  /** Theme object, resolved by hook */\n  theme: MantineTheme;\n\n  /** Options for specified selector, may include `classNames` or `className` */\n  options: GetStylesApiOptions | undefined;\n\n  /** Name of the component which is used to get `classNames` from `theme.components` */\n  themeName: string[];\n\n  /** Class part specified in `getStyles` */\n  selector: string;\n\n  /** Prefix for all class names, resolved by hook, `mantine` by default */\n  classNamesPrefix: string;\n\n  /** `classNames` specified in the hook, only resolved `classNames[selector]` is added to the list */\n  classNames: _ClassNames;\n\n  /** Classes object, usually imported from `*.module.css` */\n  classes: Record<string, string>;\n\n  /** Determines whether classes from `classes` should be added to the list */\n  unstyled: boolean | undefined;\n\n  /** `className` specified in the hook, added to the list if `selector` is `rootSelector` */\n  className: string | undefined;\n\n  /** `rootSelector` specified in the hook, determines whether `className` should be added to the list */\n  rootSelector: string;\n\n  /** Component props, used as context for `classNames` and `options.classNames` */\n  props: Record<string, any>;\n\n  /** Component styles context, used as context for `classNames` and `options.classNames` */\n  stylesCtx?: Record<string, any> | undefined;\n}\n\nexport function getClassName({\n  theme,\n  options,\n  themeName,\n  selector,\n  classNamesPrefix,\n  classNames,\n  classes,\n  unstyled,\n  className,\n  rootSelector,\n  props,\n  stylesCtx,\n}: GetClassNameOptions) {\n  return cx(\n    getGlobalClassNames({ theme, options, unstyled }),\n    getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),\n    getVariantClassName({ options, classes, selector, unstyled }),\n    getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),\n    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),\n    getRootClassName({ rootSelector, selector, className }),\n    getSelectorClassName({ selector, classes, unstyled }),\n    getStaticClassNames({ themeName, classNamesPrefix, selector }),\n    options?.className\n  );\n}\n"],"names":["cx","getGlobalClassNames","getThemeClassNames","getVariantClassName","getResolvedClassNames","getOptionsClassNames","getRootClassName","getSelectorClassName","getStaticClassNames"],"mappings":";;;;;;;;;;;;;;;;;;SA2DgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,SAAS,GACW;IACpB,OAAOA,WAAE,CACPC,uCAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACjDC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpEC,uCAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC7DC,2CAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EACxEC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACpEC,iCAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACvDC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACrDC,uCAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,EAC9D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CACnB,CAAC;AACJ;;;;"}
+{"version":3,"file":"get-class-name.js","sources":["../../../../../src/core/styles-api/use-styles/get-class-name/get-class-name.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getStaticClassNames } from './get-static-class-names/get-static-class-names';\nimport { getThemeClassNames } from './get-theme-class-names/get-theme-class-names';\nimport { getGlobalClassNames } from './get-global-class-names/get-global-class-names';\nimport { getVariantClassName } from './get-variant-class-name/get-variant-class-name';\nimport { getRootClassName } from './get-root-class-name/get-root-class-name';\nimport { getSelectorClassName } from './get-selector-class-name/get-selector-class-name';\nimport { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names';\nimport { getOptionsClassNames } from './get-options-class-names/get-options-class-names';\n\ntype __ClassNames =\n  | undefined\n  | Partial<Record<string, string>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, string>>);\n\nexport type _ClassNames = __ClassNames | __ClassNames[];\n\nexport interface GetClassNameOptions {\n  /** Theme object, resolved by hook */\n  theme: MantineTheme;\n\n  /** Options for specified selector, may include `classNames` or `className` */\n  options: GetStylesApiOptions | undefined;\n\n  /** Name of the component which is used to get `classNames` from `theme.components` */\n  themeName: string[];\n\n  /** Class part specified in `getStyles` */\n  selector: string;\n\n  /** Prefix for all class names, resolved by hook, `mantine` by default */\n  classNamesPrefix: string;\n\n  /** `classNames` specified in the hook, only resolved `classNames[selector]` is added to the list */\n  classNames: _ClassNames;\n\n  /** Classes object, usually imported from `*.module.css` */\n  classes: Record<string, string>;\n\n  /** Determines whether classes from `classes` should be added to the list */\n  unstyled: boolean | undefined;\n\n  /** `className` specified in the hook, added to the list if `selector` is `rootSelector` */\n  className: string | undefined;\n\n  /** `rootSelector` specified in the hook, determines whether `className` should be added to the list */\n  rootSelector: string;\n\n  /** Component props, used as context for `classNames` and `options.classNames` */\n  props: Record<string, any>;\n\n  /** Component styles context, used as context for `classNames` and `options.classNames` */\n  stylesCtx?: Record<string, any> | undefined;\n}\n\nexport function getClassName({\n  theme,\n  options,\n  themeName,\n  selector,\n  classNamesPrefix,\n  classNames,\n  classes,\n  unstyled,\n  className,\n  rootSelector,\n  props,\n  stylesCtx,\n}: GetClassNameOptions) {\n  return cx(\n    getGlobalClassNames({ theme, options, unstyled }),\n    getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),\n    getVariantClassName({ options, classes, selector, unstyled }),\n    getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),\n    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),\n    getRootClassName({ rootSelector, selector, className }),\n    getSelectorClassName({ selector, classes, unstyled }),\n    getStaticClassNames({ themeName, classNamesPrefix, selector }),\n    options?.className\n  );\n}\n"],"names":["cx","getGlobalClassNames","getThemeClassNames","getVariantClassName","getResolvedClassNames","getOptionsClassNames","getRootClassName","getSelectorClassName","getStaticClassNames"],"mappings":";;;;;;;;;;;;;;;;;;AASO,SAAS,YAAY,CAAC;AAC7B,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,gBAAgB;AAClB,EAAE,UAAU;AACZ,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,OAAOA,WAAE;AACX,IAAIC,uCAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACrD,IAAIC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACxE,IAAIC,uCAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACjE,IAAIC,2CAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC5E,IAAIC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACxE,IAAIC,iCAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAC3D,IAAIC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACzD,IAAIC,uCAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AAClE,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS;AAChD,GAAG,CAAC;AACJ;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js

@@ -9,13 +9,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const FOCUS_CLASS_NAMES = {
-    always: 'mantine-focus-always',
-    auto: 'mantine-focus-auto',
-    never: 'mantine-focus-never',
+  always: "mantine-focus-always",
+  auto: "mantine-focus-auto",
+  never: "mantine-focus-never"
 };
-/** Returns classes that are defined globally (focus and active styles) based on options */
 function getGlobalClassNames({ theme, options, unstyled }) {
-    return cx__default((options === null || options === void 0 ? void 0 : options.focusable) && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]), (options === null || options === void 0 ? void 0 : options.active) && !unstyled && theme.activeClassName);
+  return cx__default(
+    (options == null ? void 0 : options.focusable) && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),
+    (options == null ? void 0 : options.active) && !unstyled && theme.activeClassName
+  );
 }
 
 exports.FOCUS_CLASS_NAMES = FOCUS_CLASS_NAMES;

package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-global-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface GetGlobalClassNamesOptions {\n  theme: MantineTheme;\n  unstyled: boolean | undefined;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport const FOCUS_CLASS_NAMES = {\n  always: 'mantine-focus-always',\n  auto: 'mantine-focus-auto',\n  never: 'mantine-focus-never',\n} as const;\n\n/** Returns classes that are defined globally (focus and active styles) based on options */\nexport function getGlobalClassNames({ theme, options, unstyled }: GetGlobalClassNamesOptions) {\n  return cx(\n    options?.focusable && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),\n    options?.active && !unstyled && theme.activeClassName\n  );\n}\n"],"names":["cx"],"mappings":";;;;;;;;;;MAUa,iBAAiB,GAAG;IAC/B,MAAM,EAAE,sBAAsB;IAC9B,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,qBAAqB;EACnB;AAEX;SACgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAA8B;IAC1F,OAAOA,WAAE,CACP,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,IAAI,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAC/F,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,CACtD,CAAC;AACJ;;;;;"}
+{"version":3,"file":"get-global-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface GetGlobalClassNamesOptions {\n  theme: MantineTheme;\n  unstyled: boolean | undefined;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport const FOCUS_CLASS_NAMES = {\n  always: 'mantine-focus-always',\n  auto: 'mantine-focus-auto',\n  never: 'mantine-focus-never',\n} as const;\n\n/** Returns classes that are defined globally (focus and active styles) based on options */\nexport function getGlobalClassNames({ theme, options, unstyled }: GetGlobalClassNamesOptions) {\n  return cx(\n    options?.focusable && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),\n    options?.active && !unstyled && theme.activeClassName\n  );\n}\n"],"names":["cx"],"mappings":";;;;;;;;;;AACY,MAAC,iBAAiB,GAAG;AACjC,EAAE,MAAM,EAAE,sBAAsB;AAChC,EAAE,IAAI,EAAE,oBAAoB;AAC5B,EAAE,KAAK,EAAE,qBAAqB;AAC9B,EAAE;AACK,SAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;AAClE,EAAE,OAAOA,WAAE;AACX,IAAI,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,IAAI,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAC/H,IAAI,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe;AACrF,GAAG,CAAC;AACJ;;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js

@@ -4,13 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var resolveClassNames = require('../resolve-class-names/resolve-class-names.js');
 
-function getOptionsClassNames({ selector, stylesCtx, options, props, theme, }) {
-    return resolveClassNames.resolveClassNames({
-        theme,
-        classNames: options === null || options === void 0 ? void 0 : options.classNames,
-        props: (options === null || options === void 0 ? void 0 : options.props) || props,
-        stylesCtx,
-    })[selector];
+function getOptionsClassNames({
+  selector,
+  stylesCtx,
+  options,
+  props,
+  theme
+}) {
+  return resolveClassNames.resolveClassNames({
+    theme,
+    classNames: options == null ? void 0 : options.classNames,
+    props: (options == null ? void 0 : options.props) || props,
+    stylesCtx
+  })[selector];
 }
 
 exports.getOptionsClassNames = getOptionsClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-options-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;SAWgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,GACqB;IAC1B,OAAOA,mCAAiB,CAAC;QACvB,KAAK;QACL,UAAU,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU;QAC/B,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,KAAK;QAC9B,SAAS;KACV,CAAC,CAAC,QAAQ,CAAC,CAAC;AACf;;;;"}
+{"version":3,"file":"get-options-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;AAGO,SAAS,oBAAoB,CAAC;AACrC,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,OAAOA,mCAAiB,CAAC;AAC3B,IAAI,KAAK;AACT,IAAI,UAAU,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,UAAU;AAC7D,IAAI,KAAK,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,KAAK;AAC9D,IAAI,SAAS;AACb,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;AACf;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js

@@ -4,8 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var resolveClassNames = require('../resolve-class-names/resolve-class-names.js');
 
-function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props, }) {
-    return resolveClassNames.resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
+function getResolvedClassNames({
+  selector,
+  stylesCtx,
+  theme,
+  classNames,
+  props
+}) {
+  return resolveClassNames.resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
 }
 
 exports.getResolvedClassNames = getResolvedClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-resolved-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string;\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;SASgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,KAAK,GACwB;IAC7B,OAAOA,mCAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E;;;;"}
+{"version":3,"file":"get-resolved-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string;\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;AAGO,SAAS,qBAAqB,CAAC;AACtC,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,OAAOA,mCAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/** Adds `className` to the list if given selector is root */
 function getRootClassName({ rootSelector, selector, className }) {
-    return rootSelector === selector ? className : undefined;
+  return rootSelector === selector ? className : void 0;
 }
 
 exports.getRootClassName = getRootClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-root-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.ts"],"sourcesContent":["interface GetRootClassNameInput {\n  rootSelector: string;\n  selector: string;\n  className: string | undefined;\n}\n\n/** Adds `className` to the list if given selector is root */\nexport function getRootClassName({ rootSelector, selector, className }: GetRootClassNameInput) {\n  return rootSelector === selector ? className : undefined;\n}\n"],"names":[],"mappings":";;;;AAMA;SACgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAyB;IAC3F,OAAO,YAAY,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC3D;;;;"}
+{"version":3,"file":"get-root-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.ts"],"sourcesContent":["interface GetRootClassNameInput {\n  rootSelector: string;\n  selector: string;\n  className: string | undefined;\n}\n\n/** Adds `className` to the list if given selector is root */\nexport function getRootClassName({ rootSelector, selector, className }: GetRootClassNameInput) {\n  return rootSelector === selector ? className : undefined;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;AACxE,EAAE,OAAO,YAAY,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;AACxD;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/** Returns class for given selector from library styles (`*.module.css`) */
 function getSelectorClassName({ selector, classes, unstyled }) {
-    return unstyled ? undefined : classes[selector];
+  return unstyled ? void 0 : classes[selector];
 }
 
 exports.getSelectorClassName = getSelectorClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-selector-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts"],"sourcesContent":["interface GetSelectorClassNameInput {\n  selector: string;\n  classes: Record<string, string>;\n  unstyled: boolean | undefined;\n}\n\n/** Returns class for given selector from library styles (`*.module.css`) */\nexport function getSelectorClassName({ selector, classes, unstyled }: GetSelectorClassNameInput) {\n  return unstyled ? undefined : classes[selector];\n}\n"],"names":[],"mappings":";;;;AAMA;SACgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAA6B;IAC7F,OAAO,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAClD;;;;"}
+{"version":3,"file":"get-selector-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts"],"sourcesContent":["interface GetSelectorClassNameInput {\n  selector: string;\n  classes: Record<string, string>;\n  unstyled: boolean | undefined;\n}\n\n/** Returns class for given selector from library styles (`*.module.css`) */\nexport function getSelectorClassName({ selector, classes, unstyled }: GetSelectorClassNameInput) {\n  return unstyled ? undefined : classes[selector];\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;AACtE,EAAE,OAAO,QAAQ,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC/C;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js

@@ -2,9 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/** Returns static component classes, for example, `.mantine-Input-wrapper` */
-function getStaticClassNames({ themeName, classNamesPrefix, selector, }) {
-    return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
+function getStaticClassNames({
+  themeName,
+  classNamesPrefix,
+  selector
+}) {
+  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
 }
 
 exports.getStaticClassNames = getStaticClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-static-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts"],"sourcesContent":["interface GetStaticClassNamesInput {\n  themeName: string[];\n  selector: string;\n  classNamesPrefix: string;\n}\n\n/** Returns static component classes, for example, `.mantine-Input-wrapper` */\nexport function getStaticClassNames({\n  themeName,\n  classNamesPrefix,\n  selector,\n}: GetStaticClassNamesInput) {\n  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);\n}\n"],"names":[],"mappings":";;;;AAMA;SACgB,mBAAmB,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACiB;IACzB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,gBAAgB,IAAI,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC;AACtE;;;;"}
+{"version":3,"file":"get-static-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts"],"sourcesContent":["interface GetStaticClassNamesInput {\n  themeName: string[];\n  selector: string;\n  classNamesPrefix: string;\n}\n\n/** Returns static component classes, for example, `.mantine-Input-wrapper` */\nexport function getStaticClassNames({\n  themeName,\n  classNamesPrefix,\n  selector,\n}: GetStaticClassNamesInput) {\n  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,mBAAmB,CAAC;AACpC,EAAE,SAAS;AACX,EAAE,gBAAgB;AAClB,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;AACtE;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js

@@ -4,16 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var resolveClassNames = require('../resolve-class-names/resolve-class-names.js');
 
-function getThemeClassNames({ themeName, theme, selector, props, stylesCtx, }) {
-    return themeName.map((n) => {
-        var _a, _b;
-        return (_b = resolveClassNames.resolveClassNames({
-            theme,
-            classNames: (_a = theme.components[n]) === null || _a === void 0 ? void 0 : _a.classNames,
-            props,
-            stylesCtx,
-        })) === null || _b === void 0 ? void 0 : _b[selector];
-    });
+function getThemeClassNames({
+  themeName,
+  theme,
+  selector,
+  props,
+  stylesCtx
+}) {
+  return themeName.map(
+    (n) => {
+      var _a, _b;
+      return (_b = resolveClassNames.resolveClassNames({
+        theme,
+        classNames: (_a = theme.components[n]) == null ? void 0 : _a.classNames,
+        props,
+        stylesCtx
+      })) == null ? void 0 : _b[selector];
+    }
+  );
 }
 
 exports.getThemeClassNames = getThemeClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveClassNames } from '../resolve-class-names/resolve-class-names';\n\ninterface GetThemeClassNamesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nexport function getThemeClassNames({\n  themeName,\n  theme,\n  selector,\n  props,\n  stylesCtx,\n}: GetThemeClassNamesOptions) {\n  return themeName.map(\n    (n) =>\n      resolveClassNames({\n        theme,\n        classNames: theme.components[n]?.classNames,\n        props,\n        stylesCtx,\n      })?.[selector]\n  );\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;SAWgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACiB;IAC1B,OAAO,SAAS,CAAC,GAAG,CAClB,CAAC,CAAC;;QACA,OAAA,MAAAA,mCAAiB,CAAC;YAChB,KAAK;YACL,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,0CAAE,UAAU;YAC3C,KAAK;YACL,SAAS;SACV,CAAC,0CAAG,QAAQ,CAAC,CAAA;KAAA,CACjB,CAAC;AACJ;;;;"}
+{"version":3,"file":"get-theme-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveClassNames } from '../resolve-class-names/resolve-class-names';\n\ninterface GetThemeClassNamesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nexport function getThemeClassNames({\n  themeName,\n  theme,\n  selector,\n  props,\n  stylesCtx,\n}: GetThemeClassNamesOptions) {\n  return themeName.map(\n    (n) =>\n      resolveClassNames({\n        theme,\n        classNames: theme.components[n]?.classNames,\n        props,\n        stylesCtx,\n      })?.[selector]\n  );\n}\n"],"names":["resolveClassNames"],"mappings":";;;;;;AACO,SAAS,kBAAkB,CAAC;AACnC,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG;AACtB,IAAI,CAAC,CAAC,KAAK;AACX,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,OAAO,CAAC,EAAE,GAAGA,mCAAiB,CAAC;AACrC,QAAQ,KAAK;AACb,QAAQ,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU;AAC/E,QAAQ,KAAK;AACb,QAAQ,SAAS;AACjB,OAAO,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;AAC1C,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js

@@ -2,9 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */
-function getVariantClassName({ options, classes, selector, unstyled, }) {
-    return (options === null || options === void 0 ? void 0 : options.variant) && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;
+function getVariantClassName({
+  options,
+  classes,
+  selector,
+  unstyled
+}) {
+  return (options == null ? void 0 : options.variant) && !unstyled ? classes[`${selector}--${options.variant}`] : void 0;
 }
 
 exports.getVariantClassName = getVariantClassName;

package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-variant-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetVariantClassNameInput {\n  options: GetStylesApiOptions | undefined;\n  classes: Record<string, string>;\n  selector: string;\n  unstyled: boolean | undefined;\n}\n\n/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */\nexport function getVariantClassName({\n  options,\n  classes,\n  selector,\n  unstyled,\n}: GetVariantClassNameInput) {\n  return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;\n}\n"],"names":[],"mappings":";;;;AASA;SACgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,GACiB;IACzB,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,QAAQ,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AAChG;;;;"}
+{"version":3,"file":"get-variant-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetVariantClassNameInput {\n  options: GetStylesApiOptions | undefined;\n  classes: Record<string, string>;\n  selector: string;\n  unstyled: boolean | undefined;\n}\n\n/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */\nexport function getVariantClassName({\n  options,\n  classes,\n  selector,\n  unstyled,\n}: GetVariantClassNameInput) {\n  return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,mBAAmB,CAAC;AACpC,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,OAAO,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;AACzH;;;;"}

package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js

@@ -2,11 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var cx = require('clsx');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
 const EMPTY_CLASS_NAMES = {};
+function mergeClassNames(objects) {
+  const merged = {};
+  objects.forEach((obj) => {
+    Object.entries(obj).forEach(([key, value]) => {
+      if (merged[key]) {
+        merged[key] = cx__default(merged[key], value);
+      } else {
+        merged[key] = value;
+      }
+    });
+  });
+  return merged;
+}
 function resolveClassNames({ theme, classNames, props, stylesCtx }) {
-    return typeof classNames === 'function'
-        ? classNames(theme, props, stylesCtx)
-        : classNames || EMPTY_CLASS_NAMES;
+  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];
+  const resolvedClassNames = arrayClassNames.map(
+    (item) => typeof item === "function" ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES
+  );
+  return mergeClassNames(resolvedClassNames);
 }
 
 exports.resolveClassNames = resolveClassNames;

package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Record<string, string> = {};\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  return typeof classNames === 'function'\n    ? classNames(theme, props, stylesCtx)\n    : classNames || EMPTY_CLASS_NAMES;\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,iBAAiB,GAA2B,EAAE,CAAC;SAErC,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAA0B;IAC/F,OAAO,OAAO,UAAU,KAAK,UAAU;UACnC,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;UACnC,UAAU,IAAI,iBAAiB,CAAC;AACtC;;;;"}
+{"version":3,"file":"resolve-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Partial<Record<string, string>> = {};\n\nfunction mergeClassNames(objects: Partial<Record<string, string>>[]) {\n  const merged: Partial<Record<string, string>> = {};\n\n  objects.forEach((obj) => {\n    Object.entries(obj).forEach(([key, value]) => {\n      if (merged[key]) {\n        merged[key] = cx(merged[key], value);\n      } else {\n        merged[key] = value;\n      }\n    });\n  });\n\n  return merged;\n}\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];\n  const resolvedClassNames = arrayClassNames.map((item) =>\n    typeof item === 'function' ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES\n  );\n\n  return mergeClassNames(resolvedClassNames);\n}\n"],"names":["cx"],"mappings":";;;;;;;;;;AACA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,SAAS,eAAe,CAAC,OAAO,EAAE;AAClC,EAAE,MAAM,MAAM,GAAG,EAAE,CAAC;AACpB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC3B,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK;AAClD,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE;AACvB,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAGA,WAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7C,OAAO,MAAM;AACb,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC5B,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC;AACM,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC3E,EAAE,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC;AAChF,EAAE,MAAM,kBAAkB,GAAG,eAAe,CAAC,GAAG;AAChD,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,IAAI,IAAI,iBAAiB;AACpG,GAAG,CAAC;AACJ,EAAE,OAAO,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAC7C;;;;"}

package/cjs/core/styles-api/use-styles/get-style/get-style.js

@@ -7,8 +7,36 @@ var resolveStyles = require('./resolve-styles/resolve-styles.js');
 var resolveStyle = require('./resolve-style/resolve-style.js');
 var resolveVars = require('./resolve-vars/resolve-vars.js');
 
-function getStyle({ theme, themeName, selector, options, props, stylesCtx, rootSelector, styles, style, vars, varsResolver, }) {
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getThemeStyles.getThemeStyles({ theme, themeName, props, stylesCtx, selector })), resolveStyles.resolveStyles({ theme, styles, props, stylesCtx })[selector]), resolveStyles.resolveStyles({ theme, styles: options === null || options === void 0 ? void 0 : options.styles, props: (options === null || options === void 0 ? void 0 : options.props) || props, stylesCtx })[selector]), resolveVars.resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), (rootSelector === selector ? resolveStyle.resolveStyle({ style, theme }) : null)), resolveStyle.resolveStyle({ style: options === null || options === void 0 ? void 0 : options.style, theme }));
+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;
+};
+function getStyle({
+  theme,
+  themeName,
+  selector,
+  options,
+  props,
+  stylesCtx,
+  rootSelector,
+  styles,
+  style,
+  vars,
+  varsResolver
+}) {
+  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getThemeStyles.getThemeStyles({ theme, themeName, props, stylesCtx, selector })), resolveStyles.resolveStyles({ theme, styles, props, stylesCtx })[selector]), resolveStyles.resolveStyles({ theme, styles: options == null ? void 0 : options.styles, props: (options == null ? void 0 : options.props) || props, stylesCtx })[selector]), resolveVars.resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), rootSelector === selector ? resolveStyle.resolveStyle({ style, theme }) : null), resolveStyle.resolveStyle({ style: options == null ? void 0 : options.style, theme }));
 }
 
 exports.getStyle = getStyle;

package/cjs/core/styles-api/use-styles/get-style/get-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-style.js","sources":["../../../../../src/core/styles-api/use-styles/get-style/get-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { MantineStyleProp } from '../../../Box';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getThemeStyles } from './get-theme-styles/get-theme-styles';\nimport { resolveStyles } from './resolve-styles/resolve-styles';\nimport { resolveStyle } from './resolve-style/resolve-style';\nimport { resolveVars, VarsResolver } from './resolve-vars/resolve-vars';\n\nexport type _Styles =\n  | undefined\n  | Partial<Record<string, CSSProperties>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, CSSProperties>>);\n\nexport interface GetStyleInput {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  rootSelector: string;\n  options: GetStylesApiOptions | undefined;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  styles: _Styles;\n  style: MantineStyleProp | undefined;\n  vars: VarsResolver | undefined;\n  varsResolver: VarsResolver | undefined;\n}\n\nexport function getStyle({\n  theme,\n  themeName,\n  selector,\n  options,\n  props,\n  stylesCtx,\n  rootSelector,\n  styles,\n  style,\n  vars,\n  varsResolver,\n}: GetStyleInput): CSSProperties {\n  return {\n    ...getThemeStyles({ theme, themeName, props, stylesCtx, selector }),\n    ...resolveStyles({ theme, styles, props, stylesCtx })[selector],\n    ...resolveStyles({ theme, styles: options?.styles, props: options?.props || props, stylesCtx })[\n      selector\n    ],\n    ...resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName }),\n    ...(rootSelector === selector ? resolveStyle({ style, theme }) : null),\n    ...resolveStyle({ style: options?.style, theme }),\n  };\n}\n"],"names":["getThemeStyles","resolveStyles","resolveVars","resolveStyle"],"mappings":";;;;;;;;;SAgCgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,YAAY,EACZ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,GACE;IACd,+FACKA,6BAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,GAChEC,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAC5DA,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAE,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,KAAK,EAAE,SAAS,EAAE,CAAC,CAC7F,QAAQ,CACT,GACEC,uBAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,IAChF,YAAY,KAAK,QAAQ,GAAGC,yBAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,IAClEA,yBAAY,CAAC,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACjD;AACJ;;;;"}
+{"version":3,"file":"get-style.js","sources":["../../../../../src/core/styles-api/use-styles/get-style/get-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { MantineStyleProp } from '../../../Box';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getThemeStyles } from './get-theme-styles/get-theme-styles';\nimport { resolveStyles } from './resolve-styles/resolve-styles';\nimport { resolveStyle } from './resolve-style/resolve-style';\nimport { resolveVars, VarsResolver } from './resolve-vars/resolve-vars';\n\nexport type _Styles =\n  | undefined\n  | Partial<Record<string, CSSProperties>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, CSSProperties>>);\n\nexport interface GetStyleInput {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  rootSelector: string;\n  options: GetStylesApiOptions | undefined;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  styles: _Styles;\n  style: MantineStyleProp | undefined;\n  vars: VarsResolver | undefined;\n  varsResolver: VarsResolver | undefined;\n}\n\nexport function getStyle({\n  theme,\n  themeName,\n  selector,\n  options,\n  props,\n  stylesCtx,\n  rootSelector,\n  styles,\n  style,\n  vars,\n  varsResolver,\n}: GetStyleInput): CSSProperties {\n  return {\n    ...getThemeStyles({ theme, themeName, props, stylesCtx, selector }),\n    ...resolveStyles({ theme, styles, props, stylesCtx })[selector],\n    ...resolveStyles({ theme, styles: options?.styles, props: options?.props || props, stylesCtx })[\n      selector\n    ],\n    ...resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName }),\n    ...(rootSelector === selector ? resolveStyle({ style, theme }) : null),\n    ...resolveStyle({ style: options?.style, theme }),\n  };\n}\n"],"names":["getThemeStyles","resolveStyles","resolveVars","resolveStyle"],"mappings":";;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAKK,SAAS,QAAQ,CAAC;AACzB,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,MAAM;AACR,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,YAAY;AACd,CAAC,EAAE;AACH,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAEA,6BAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAEC,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAEA,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAEC,uBAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,QAAQ,GAAGC,yBAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,EAAEA,yBAAY,CAAC,EAAE,KAAK,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AAC1mB;;;;"}

package/cjs/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js

@@ -4,18 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var resolveStyles = require('../resolve-styles/resolve-styles.js');
 
-function getThemeStyles({ theme, themeName, props, stylesCtx, selector, }) {
-    return themeName
-        .map((n) => {
-        var _a;
-        return resolveStyles.resolveStyles({
-            theme,
-            styles: (_a = theme.components[n]) === null || _a === void 0 ? void 0 : _a.styles,
-            props,
-            stylesCtx,
-        })[selector];
-    })
-        .reduce((acc, val) => (Object.assign(Object.assign({}, acc), val)), {});
+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;
+};
+function getThemeStyles({
+  theme,
+  themeName,
+  props,
+  stylesCtx,
+  selector
+}) {
+  return themeName.map(
+    (n) => {
+      var _a;
+      return resolveStyles.resolveStyles({
+        theme,
+        styles: (_a = theme.components[n]) == null ? void 0 : _a.styles,
+        props,
+        stylesCtx
+      })[selector];
+    }
+  ).reduce((acc, val) => __spreadValues(__spreadValues({}, acc), val), {});
 }
 
 exports.getThemeStyles = getThemeStyles;

package/cjs/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveStyles } from '../resolve-styles/resolve-styles';\n\ninterface GetThemeStylesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n}\n\nexport function getThemeStyles({\n  theme,\n  themeName,\n  props,\n  stylesCtx,\n  selector,\n}: GetThemeStylesOptions) {\n  return themeName\n    .map(\n      (n) =>\n        resolveStyles({\n          theme,\n          styles: theme.components[n]?.styles,\n          props,\n          stylesCtx,\n        })[selector]\n    )\n    .reduce((acc, val) => ({ ...acc, ...val }), {});\n}\n"],"names":["resolveStyles"],"mappings":";;;;;;SAWgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GACc;IACtB,OAAO,SAAS;SACb,GAAG,CACF,CAAC,CAAC;;QACA,OAAAA,2BAAa,CAAC;YACZ,KAAK;YACL,MAAM,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,0CAAE,MAAM;YACnC,KAAK;YACL,SAAS;SACV,CAAC,CAAC,QAAQ,CAAC,CAAA;KAAA,CACf;SACA,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,sCAAW,GAAG,GAAK,GAAG,EAAG,EAAE,EAAE,CAAC,CAAC;AACpD;;;;"}
+{"version":3,"file":"get-theme-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveStyles } from '../resolve-styles/resolve-styles';\n\ninterface GetThemeStylesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n}\n\nexport function getThemeStyles({\n  theme,\n  themeName,\n  props,\n  stylesCtx,\n  selector,\n}: GetThemeStylesOptions) {\n  return themeName\n    .map(\n      (n) =>\n        resolveStyles({\n          theme,\n          styles: theme.components[n]?.styles,\n          props,\n          stylesCtx,\n        })[selector]\n    )\n    .reduce((acc, val) => ({ ...acc, ...val }), {});\n}\n"],"names":["resolveStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEK,SAAS,cAAc,CAAC;AAC/B,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG;AACtB,IAAI,CAAC,CAAC,KAAK;AACX,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,OAAOA,2BAAa,CAAC;AAC3B,QAAQ,KAAK;AACb,QAAQ,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM;AACvE,QAAQ,KAAK;AACb,QAAQ,SAAS;AACjB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;AACnB,KAAK;AACL,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3E;;;;"}

package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js

@@ -2,17 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function resolveStyle({ style, theme }) {
-    if (Array.isArray(style)) {
-        return [...style].reduce((acc, item) => (Object.assign(Object.assign({}, acc), resolveStyle({ style: item, theme }))), {});
-    }
-    if (typeof style === 'function') {
-        return style(theme);
+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]);
     }
-    if (style == null) {
-        return {};
-    }
-    return style;
+  return a;
+};
+function resolveStyle({ style, theme }) {
+  if (Array.isArray(style)) {
+    return [...style].reduce(
+      (acc, item) => __spreadValues(__spreadValues({}, acc), resolveStyle({ style: item, theme })),
+      {}
+    );
+  }
+  if (typeof style === "function") {
+    return style(theme);
+  }
+  if (style == null) {
+    return {};
+  }
+  return style;
 }
 
 exports.resolveStyle = resolveStyle;

package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-style.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineStyleProp } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface ResolveStyleInput {\n  style: MantineStyleProp | undefined;\n  theme: MantineTheme;\n}\n\nexport function resolveStyle({ style, theme }: ResolveStyleInput): CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...resolveStyle({ style: item, theme }) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"mappings":";;;;SASgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAqB;IAC9D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CACtB,CAAC,GAAG,EAAE,IAAI,sCAAW,GAAG,GAAK,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAG,EACpE,EAAE,CACH,CAAC;KACH;IAED,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;QAC/B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;KACrB;IAED,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,OAAO,EAAE,CAAC;KACX;IAED,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"resolve-style.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineStyleProp } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface ResolveStyleInput {\n  style: MantineStyleProp | undefined;\n  theme: MantineTheme;\n}\n\nexport function resolveStyle({ style, theme }: ResolveStyleInput): CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...resolveStyle({ style: item, theme }) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC/C,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC5B,IAAI,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM;AAC5B,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AAClG,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACnC,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const emptyStyles = {};
 function resolveStyles({ theme, styles, props, stylesCtx }) {
-    return typeof styles === 'function' ? styles(theme, props, stylesCtx) : styles || emptyStyles;
+  return typeof styles === "function" ? styles(theme, props, stylesCtx) : styles || emptyStyles;
 }
 
 exports.resolveStyles = resolveStyles;

package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport type { MantineTheme } from '../../../../MantineProvider';\nimport type { _Styles } from '../get-style';\n\nexport interface ResolveStylesInput {\n  theme: MantineTheme;\n  styles: _Styles;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst emptyStyles: Record<string, CSSProperties> = {};\n\nexport function resolveStyles({ theme, styles, props, stylesCtx }: ResolveStylesInput) {\n  return typeof styles === 'function' ? styles(theme, props, stylesCtx) : styles || emptyStyles;\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,WAAW,GAAkC,EAAE,CAAC;SAEtC,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAsB;IACnF,OAAO,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,MAAM,IAAI,WAAW,CAAC;AAChG;;;;"}
+{"version":3,"file":"resolve-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport type { MantineTheme } from '../../../../MantineProvider';\nimport type { _Styles } from '../get-style';\n\nexport interface ResolveStylesInput {\n  theme: MantineTheme;\n  styles: _Styles;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst emptyStyles: Record<string, CSSProperties> = {};\n\nexport function resolveStyles({ theme, styles, props, stylesCtx }: ResolveStylesInput) {\n  return typeof styles === 'function' ? styles(theme, props, stylesCtx) : styles || emptyStyles;\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,EAAE,CAAC;AAChB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACnE,EAAE,OAAO,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,MAAM,IAAI,WAAW,CAAC;AAChG;;;;"}

package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js

@@ -4,15 +4,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var filterProps = require('../../../../utils/filter-props/filter-props.js');
 
+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;
+};
 function mergeVars(vars) {
-    return vars.reduce((acc, current) => {
-        if (current) {
-            Object.keys(current).forEach((key) => {
-                acc[key] = Object.assign(Object.assign({}, acc[key]), filterProps.filterProps(current[key]));
-            });
-        }
-        return acc;
-    }, {});
+  return vars.reduce((acc, current) => {
+    if (current) {
+      Object.keys(current).forEach((key) => {
+        acc[key] = __spreadValues(__spreadValues({}, acc[key]), filterProps.filterProps(current[key]));
+      });
+    }
+    return acc;
+  }, {});
 }
 
 exports.mergeVars = mergeVars;