@mantine/core 7.0.0-alpha.8 → 7.0.0-alpha.9

package/esm/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":[],"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,OAAO,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,mBAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AACljB;;"}
+{"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":[],"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,OAAO,EAAE,CACP,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACjD,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpE,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC7D,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EACxE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACpE,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACvD,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACrD,mBAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,EAC9D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CACnB,CAAC;AACJ;;;;"}

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

@@ -1,13 +1,13 @@
-'use client';
 import cx from 'clsx';
 
 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((options == null ? void 0 : options.focusable) && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]), (options == null ? void 0 : options.active) && !unstyled && theme.activeClassName);
+    return cx((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);
 }
 
 export { FOCUS_CLASS_NAMES, getGlobalClassNames };

package/esm/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":[],"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,OAAO,EAAE,CAAC,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,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;AAC5N;;"}
+{"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":[],"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,OAAO,EAAE,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;;;;"}

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

@@ -1,19 +1,12 @@
-'use client';
 import { resolveClassNames } from '../resolve-class-names/resolve-class-names.js';
 
-function getOptionsClassNames({
-  selector,
-  stylesCtx,
-  options,
-  props,
-  theme
-}) {
-  return resolveClassNames({
-    theme,
-    classNames: options == null ? void 0 : options.classNames,
-    props: (options == null ? void 0 : options.props) || props,
-    stylesCtx
-  })[selector];
+function getOptionsClassNames({ selector, stylesCtx, options, props, theme, }) {
+    return 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];
 }
 
 export { getOptionsClassNames };

package/esm/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":[],"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,OAAO,iBAAiB,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;;"}
+{"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":[],"mappings":";;SAWgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,GACqB;IAC1B,OAAO,iBAAiB,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;;;;"}

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

@@ -1,14 +1,7 @@
-'use client';
 import { resolveClassNames } from '../resolve-class-names/resolve-class-names.js';
 
-function getResolvedClassNames({
-  selector,
-  stylesCtx,
-  theme,
-  classNames,
-  props
-}) {
-  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
+function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props, }) {
+    return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
 }
 
 export { getResolvedClassNames };

package/esm/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":[],"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,OAAO,iBAAiB,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":[],"mappings":";;SASgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,KAAK,GACwB;IAC7B,OAAO,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E;;;;"}

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

@@ -1,6 +1,6 @@
-'use client';
+/** Adds `className` to the list if given selector is root */
 function getRootClassName({ rootSelector, selector, className }) {
-  return rootSelector === selector ? className : void 0;
+    return rootSelector === selector ? className : undefined;
 }
 
 export { getRootClassName };

package/esm/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":";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;;"}
+{"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;;;;"}

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

@@ -1,6 +1,6 @@
-'use client';
+/** Returns class for given selector from library styles (`*.module.css`) */
 function getSelectorClassName({ selector, classes, unstyled }) {
-  return unstyled ? void 0 : classes[selector];
+    return unstyled ? undefined : classes[selector];
 }
 
 export { getSelectorClassName };

package/esm/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":";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;;"}
+{"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;;;;"}

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

@@ -1,10 +1,6 @@
-'use client';
-function getStaticClassNames({
-  themeName,
-  classNamesPrefix,
-  selector
-}) {
-  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
+/** Returns static component classes, for example, `.mantine-Input-wrapper` */
+function getStaticClassNames({ themeName, classNamesPrefix, selector, }) {
+    return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
 }
 
 export { getStaticClassNames };

package/esm/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":";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;;"}
+{"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;;;;"}

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

@@ -1,22 +1,15 @@
-'use client';
 import { resolveClassNames } from '../resolve-class-names/resolve-class-names.js';
 
-function getThemeClassNames({
-  themeName,
-  theme,
-  selector,
-  props,
-  stylesCtx
-}) {
-  return themeName.map((n) => {
-    var _a, _b;
-    return (_b = resolveClassNames({
-      theme,
-      classNames: (_a = theme.components[n]) == null ? void 0 : _a.classNames,
-      props,
-      stylesCtx
-    })) == null ? void 0 : _b[selector];
-  });
+function getThemeClassNames({ themeName, theme, selector, props, stylesCtx, }) {
+    return themeName.map((n) => {
+        var _a, _b;
+        return (_b = 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];
+    });
 }
 
 export { getThemeClassNames };

package/esm/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":[],"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,CAAC,CAAC,CAAC,KAAK;AAC9B,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,OAAO,CAAC,EAAE,GAAG,iBAAiB,CAAC;AACnC,MAAM,KAAK;AACX,MAAM,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU;AAC7E,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;AACxC,GAAG,CAAC,CAAC;AACL;;"}
+{"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":[],"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,MAAA,iBAAiB,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;;;;"}

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

@@ -1,11 +1,6 @@
-'use client';
-function getVariantClassName({
-  options,
-  classes,
-  selector,
-  unstyled
-}) {
-  return (options == null ? void 0 : options.variant) && !unstyled ? classes[`${selector}--${options.variant}`] : void 0;
+/** 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;
 }
 
 export { getVariantClassName };

package/esm/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":";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;;"}
+{"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;;;;"}

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

@@ -1,7 +1,8 @@
-'use client';
 const EMPTY_CLASS_NAMES = {};
 function resolveClassNames({ theme, classNames, props, stylesCtx }) {
-  return typeof classNames === "function" ? classNames(theme, props, stylesCtx) : classNames || EMPTY_CLASS_NAMES;
+    return typeof classNames === 'function'
+        ? classNames(theme, props, stylesCtx)
+        : classNames || EMPTY_CLASS_NAMES;
 }
 
 export { resolveClassNames };

package/esm/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":";AAAA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACtB,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC3E,EAAE,OAAO,OAAO,UAAU,KAAK,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,UAAU,IAAI,iBAAiB,CAAC;AAClH;;"}
+{"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;;;;"}

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

@@ -1,39 +1,10 @@
-'use client';
 import { getThemeStyles } from './get-theme-styles/get-theme-styles.js';
 import { resolveStyles } from './resolve-styles/resolve-styles.js';
 import { resolveStyle } from './resolve-style/resolve-style.js';
 import { resolveVars } from './resolve-vars/resolve-vars.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 getStyle({
-  theme,
-  themeName,
-  selector,
-  options,
-  props,
-  stylesCtx,
-  rootSelector,
-  styles,
-  style,
-  vars,
-  varsResolver
-}) {
-  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getThemeStyles({ theme, themeName, props, stylesCtx, selector })), resolveStyles({ theme, styles, props, stylesCtx })[selector]), resolveStyles({ theme, styles: options == null ? void 0 : options.styles, props: (options == null ? void 0 : options.props) || props, stylesCtx })[selector]), resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), rootSelector === selector ? resolveStyle({ style, theme }) : null), resolveStyle({ style: options == null ? void 0 : options.style, theme }));
+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({ theme, themeName, props, stylesCtx, selector })), resolveStyles({ theme, styles, props, stylesCtx })[selector]), 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({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), (rootSelector === selector ? resolveStyle({ style, theme }) : null)), resolveStyle({ style: options === null || options === void 0 ? void 0 : options.style, theme }));
 }
 
 export { getStyle };

package/esm/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":[],"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,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,aAAa,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,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,QAAQ,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AAC1mB;;"}
+{"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":[],"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,+FACK,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,GAChE,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAC5D,aAAa,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,GACE,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,IAChF,YAAY,KAAK,QAAQ,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,IAClE,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACjD;AACJ;;;;"}

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

@@ -1,38 +1,17 @@
-'use client';
 import { resolveStyles } from '../resolve-styles/resolve-styles.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 getThemeStyles({
-  theme,
-  themeName,
-  props,
-  stylesCtx,
-  selector
-}) {
-  return themeName.map((n) => {
-    var _a;
-    return resolveStyles({
-      theme,
-      styles: (_a = theme.components[n]) == null ? void 0 : _a.styles,
-      props,
-      stylesCtx
-    })[selector];
-  }).reduce((acc, val) => __spreadValues(__spreadValues({}, acc), val), {});
+function getThemeStyles({ theme, themeName, props, stylesCtx, selector, }) {
+    return themeName
+        .map((n) => {
+        var _a;
+        return 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)), {});
 }
 
 export { getThemeStyles };

package/esm/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":[],"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,CAAC,CAAC,CAAC,KAAK;AAC9B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,aAAa,CAAC;AACzB,MAAM,KAAK;AACX,MAAM,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM;AACrE,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;AACjB,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5E;;"}
+{"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":[],"mappings":";;SAWgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GACc;IACtB,OAAO,SAAS;SACb,GAAG,CACF,CAAC,CAAC;;QACA,OAAA,aAAa,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;;;;"}

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

@@ -1,31 +1,14 @@
-'use client';
-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 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;
+    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);
+    }
+    if (style == null) {
+        return {};
+    }
+    return style;
 }
 
 export { resolveStyle };

package/esm/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":";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,CAAC,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,EAAE,EAAE,CAAC,CAAC;AAC/H,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;;"}
+{"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;;;;"}

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

@@ -1,7 +1,6 @@
-'use client';
 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;
 }
 
 export { resolveStyles };

package/esm/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":";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;;"}
+{"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;;;;"}

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

@@ -1,31 +1,14 @@
-'use client';
 import { filterProps } from '../../../../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] = __spreadValues(__spreadValues({}, acc[key]), filterProps(current[key]));
-      });
-    }
-    return acc;
-  }, {});
+    return vars.reduce((acc, current) => {
+        if (current) {
+            Object.keys(current).forEach((key) => {
+                acc[key] = Object.assign(Object.assign({}, acc[key]), filterProps(current[key]));
+            });
+        }
+        return acc;
+    }, {});
 }
 
 export { mergeVars };

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

@@ -1 +1 @@
-{"version":3,"file":"merge-vars.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.ts"],"sourcesContent":["import { CssVariable } from '../../../../Box';\nimport { filterProps } from '../../../../utils';\n\nexport type ResolvedVars = Partial<Record<string, Record<CssVariable, string | undefined>>>;\n\nexport function mergeVars(vars: (ResolvedVars | undefined)[]) {\n  return vars.reduce<ResolvedVars>((acc, current) => {\n    if (current) {\n      Object.keys(current).forEach((key) => {\n        acc[key] = { ...acc[key], ...filterProps(current[key]!) };\n      });\n    }\n\n    return acc;\n  }, {});\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;AAEK,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK;AACvC,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC5C,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3F,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;"}
+{"version":3,"file":"merge-vars.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.ts"],"sourcesContent":["import { CssVariable } from '../../../../Box';\nimport { filterProps } from '../../../../utils';\n\nexport type ResolvedVars = Partial<Record<string, Record<CssVariable, string | undefined>>>;\n\nexport function mergeVars(vars: (ResolvedVars | undefined)[]) {\n  return vars.reduce<ResolvedVars>((acc, current) => {\n    if (current) {\n      Object.keys(current).forEach((key) => {\n        acc[key] = { ...acc[key], ...filterProps(current[key]!) };\n      });\n    }\n\n    return acc;\n  }, {});\n}\n"],"names":[],"mappings":";;SAKgB,SAAS,CAAC,IAAkC;IAC1D,OAAO,IAAI,CAAC,MAAM,CAAe,CAAC,GAAG,EAAE,OAAO;QAC5C,IAAI,OAAO,EAAE;YACX,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;gBAC/B,GAAG,CAAC,GAAG,CAAC,mCAAQ,GAAG,CAAC,GAAG,CAAC,GAAK,WAAW,CAAC,OAAO,CAAC,GAAG,CAAE,CAAC,CAAE,CAAC;aAC3D,CAAC,CAAC;SACJ;QAED,OAAO,GAAG,CAAC;KACZ,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

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

@@ -1,24 +1,12 @@
-'use client';
 import { mergeVars } from './merge-vars.js';
 
-function resolveVars({
-  vars,
-  varsResolver,
-  theme,
-  props,
-  stylesCtx,
-  selector,
-  themeName
-}) {
-  var _a;
-  return (_a = mergeVars([
-    varsResolver == null ? void 0 : varsResolver(theme, props, stylesCtx),
-    ...themeName.map((name) => {
-      var _a2, _b, _c;
-      return (_c = (_b = (_a2 = theme.components) == null ? void 0 : _a2[name]) == null ? void 0 : _b.vars) == null ? void 0 : _c.call(_b, theme, props, stylesCtx);
-    }),
-    vars == null ? void 0 : vars(theme, props, stylesCtx)
-  ])) == null ? void 0 : _a[selector];
+function resolveVars({ vars, varsResolver, theme, props, stylesCtx, selector, themeName, }) {
+    var _a;
+    return (_a = mergeVars([
+        varsResolver === null || varsResolver === void 0 ? void 0 : varsResolver(theme, props, stylesCtx),
+        ...themeName.map((name) => { var _a, _b, _c; return (_c = (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b.vars) === null || _c === void 0 ? void 0 : _c.call(_b, theme, props, stylesCtx); }),
+        vars === null || vars === void 0 ? void 0 : vars(theme, props, stylesCtx),
+    ])) === null || _a === void 0 ? void 0 : _a[selector];
 }
 
 export { resolveVars };

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

@@ -1 +1 @@
-{"version":3,"file":"resolve-vars.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { CssVariable } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport { mergeVars } from './merge-vars';\n\ntype ResolvedVars = Partial<Record<string, Record<CssVariable, string>>>;\n\nexport type VarsResolver = (\n  theme: MantineTheme,\n  props: Record<string, any>,\n  stylesCtx: Record<string, any> | undefined\n) => ResolvedVars;\n\ninterface ResolveVarsInput {\n  vars: VarsResolver | undefined;\n  varsResolver: VarsResolver | undefined;\n  theme: MantineTheme;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n  themeName: string[];\n}\n\nexport function resolveVars({\n  vars,\n  varsResolver,\n  theme,\n  props,\n  stylesCtx,\n  selector,\n  themeName,\n}: ResolveVarsInput) {\n  return mergeVars([\n    varsResolver?.(theme, props, stylesCtx),\n    ...themeName.map((name) => theme.components?.[name]?.vars?.(theme, props, stylesCtx)),\n    vars?.(theme, props, stylesCtx),\n  ])?.[selector] as CSSProperties;\n}\n"],"names":[],"mappings":";;;AACO,SAAS,WAAW,CAAC;AAC5B,EAAE,IAAI;AACN,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;AACzB,IAAI,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;AACzE,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAC/B,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;AACtB,MAAM,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;AACpK,KAAK,CAAC;AACN,IAAI,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;AACzD,GAAG,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;AACtC;;"}
+{"version":3,"file":"resolve-vars.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { CssVariable } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport { mergeVars } from './merge-vars';\n\ntype ResolvedVars = Partial<Record<string, Record<CssVariable, string>>>;\n\nexport type VarsResolver = (\n  theme: MantineTheme,\n  props: Record<string, any>,\n  stylesCtx: Record<string, any> | undefined\n) => ResolvedVars;\n\ninterface ResolveVarsInput {\n  vars: VarsResolver | undefined;\n  varsResolver: VarsResolver | undefined;\n  theme: MantineTheme;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n  themeName: string[];\n}\n\nexport function resolveVars({\n  vars,\n  varsResolver,\n  theme,\n  props,\n  stylesCtx,\n  selector,\n  themeName,\n}: ResolveVarsInput) {\n  return mergeVars([\n    varsResolver?.(theme, props, stylesCtx),\n    ...themeName.map((name) => theme.components?.[name]?.vars?.(theme, props, stylesCtx)),\n    vars?.(theme, props, stylesCtx),\n  ])?.[selector] as CSSProperties;\n}\n"],"names":[],"mappings":";;SAuBgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,GACQ;;IACjB,OAAO,MAAA,SAAS,CAAC;QACf,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;QACvC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,uBAAK,OAAA,MAAA,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAG,IAAI,CAAC,0CAAE,IAAI,mDAAG,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA,EAAA,CAAC;QACrF,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;KAChC,CAAC,0CAAG,QAAQ,CAAkB,CAAC;AAClC;;;;"}