@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.21

package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js

@@ -6,14 +6,13 @@ var cssVariablesObjectToString = require('./css-variables-object-to-string.js');
 var wrapWithSelector = require('./wrap-with-selector.js');
 
 function convertCssVariables(input, selector) {
-  const shared = wrapWithSelector.wrapWithSelector(selector, cssVariablesObjectToString.cssVariablesObjectToString(input.variables));
+  const sharedVariables = cssVariablesObjectToString.cssVariablesObjectToString(input.variables);
+  const shared = sharedVariables ? wrapWithSelector.wrapWithSelector(selector, sharedVariables) : "";
   const dark = cssVariablesObjectToString.cssVariablesObjectToString(input.dark);
-  const darkMedia = wrapWithSelector.wrapWithSelector([selector, "@media (prefers-color-scheme: dark)"], dark);
-  const darkForced = wrapWithSelector.wrapWithSelector(`${selector}[data-mantine-color-scheme="dark"]`, dark);
+  const darkForced = dark ? wrapWithSelector.wrapWithSelector(`${selector}[data-mantine-color-scheme="dark"]`, dark) : "";
   const light = cssVariablesObjectToString.cssVariablesObjectToString(input.light);
-  const lightMedia = wrapWithSelector.wrapWithSelector([selector, "@media (prefers-color-scheme: light)"], light);
-  const lightForced = wrapWithSelector.wrapWithSelector(`${selector}[data-mantine-color-scheme="light"]`, light);
-  return `${shared}${darkMedia}${darkForced}${lightMedia}${lightForced}`;
+  const lightForced = light ? wrapWithSelector.wrapWithSelector(`${selector}[data-mantine-color-scheme="light"]`, light) : "";
+  return `${shared}${darkForced}${lightForced}`;
 }
 
 exports.convertCssVariables = convertCssVariables;

package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"convert-css-variables.js","sources":["../../../../src/core/MantineProvider/convert-css-variables/convert-css-variables.ts"],"sourcesContent":["import { cssVariablesObjectToString, CSSVariables } from './css-variables-object-to-string';\nimport { wrapWithSelector } from './wrap-with-selector';\n\nexport interface ConvertCSSVariablesInput {\n  /** Shared CSS variables that should be accessible independent from color scheme */\n  variables: CSSVariables;\n\n  /** CSS variables available only in dark color scheme */\n  dark: CSSVariables;\n\n  /** CSS variables available only in light color scheme */\n  light: CSSVariables;\n}\n\nexport function convertCssVariables(input: ConvertCSSVariablesInput, selector: string) {\n  const shared = wrapWithSelector(selector, cssVariablesObjectToString(input.variables));\n\n  const dark = cssVariablesObjectToString(input.dark);\n  const darkMedia = wrapWithSelector([selector, '@media (prefers-color-scheme: dark)'], dark);\n  const darkForced = wrapWithSelector(`${selector}[data-mantine-color-scheme=\"dark\"]`, dark);\n\n  const light = cssVariablesObjectToString(input.light);\n  const lightMedia = wrapWithSelector([selector, '@media (prefers-color-scheme: light)'], light);\n  const lightForced = wrapWithSelector(`${selector}[data-mantine-color-scheme=\"light\"]`, light);\n\n  return `${shared}${darkMedia}${darkForced}${lightMedia}${lightForced}`;\n}\n"],"names":["wrapWithSelector","cssVariablesObjectToString"],"mappings":";;;;;;;AAEO,SAAS,mBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAE;AACrD,EAAE,MAAM,MAAM,GAAGA,iCAAgB,CAAC,QAAQ,EAAEC,qDAA0B,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACzF,EAAE,MAAM,IAAI,GAAGA,qDAA0B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACtD,EAAE,MAAM,SAAS,GAAGD,iCAAgB,CAAC,CAAC,QAAQ,EAAE,qCAAqC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC9F,EAAE,MAAM,UAAU,GAAGA,iCAAgB,CAAC,CAAC,EAAE,QAAQ,CAAC,kCAAkC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7F,EAAE,MAAM,KAAK,GAAGC,qDAA0B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACxD,EAAE,MAAM,UAAU,GAAGD,iCAAgB,CAAC,CAAC,QAAQ,EAAE,sCAAsC,CAAC,EAAE,KAAK,CAAC,CAAC;AACjG,EAAE,MAAM,WAAW,GAAGA,iCAAgB,CAAC,CAAC,EAAE,QAAQ,CAAC,mCAAmC,CAAC,EAAE,KAAK,CAAC,CAAC;AAChG,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;AACzE;;;;"}
+{"version":3,"file":"convert-css-variables.js","sources":["../../../../src/core/MantineProvider/convert-css-variables/convert-css-variables.ts"],"sourcesContent":["import { cssVariablesObjectToString, CSSVariables } from './css-variables-object-to-string';\nimport { wrapWithSelector } from './wrap-with-selector';\n\nexport interface ConvertCSSVariablesInput {\n  /** Shared CSS variables that should be accessible independent from color scheme */\n  variables: CSSVariables;\n\n  /** CSS variables available only in dark color scheme */\n  dark: CSSVariables;\n\n  /** CSS variables available only in light color scheme */\n  light: CSSVariables;\n}\n\nexport function convertCssVariables(input: ConvertCSSVariablesInput, selector: string) {\n  const sharedVariables = cssVariablesObjectToString(input.variables);\n  const shared = sharedVariables ? wrapWithSelector(selector, sharedVariables) : '';\n\n  const dark = cssVariablesObjectToString(input.dark);\n  const darkForced = dark\n    ? wrapWithSelector(`${selector}[data-mantine-color-scheme=\"dark\"]`, dark)\n    : '';\n\n  const light = cssVariablesObjectToString(input.light);\n  const lightForced = light\n    ? wrapWithSelector(`${selector}[data-mantine-color-scheme=\"light\"]`, light)\n    : '';\n\n  return `${shared}${darkForced}${lightForced}`;\n}\n"],"names":["cssVariablesObjectToString","wrapWithSelector"],"mappings":";;;;;;;AAEO,SAAS,mBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAE;AACrD,EAAE,MAAM,eAAe,GAAGA,qDAA0B,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AACtE,EAAE,MAAM,MAAM,GAAG,eAAe,GAAGC,iCAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,GAAG,EAAE,CAAC;AACpF,EAAE,MAAM,IAAI,GAAGD,qDAA0B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACtD,EAAE,MAAM,UAAU,GAAG,IAAI,GAAGC,iCAAgB,CAAC,CAAC,EAAE,QAAQ,CAAC,kCAAkC,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;AACzG,EAAE,MAAM,KAAK,GAAGD,qDAA0B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACxD,EAAE,MAAM,WAAW,GAAG,KAAK,GAAGC,iCAAgB,CAAC,CAAC,EAAE,QAAQ,CAAC,mCAAmC,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;AAC7G,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;AAChD;;;;"}

package/cjs/core/MantineProvider/default-theme.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var defaultColors = require('./default-colors.js');
 var defaultVariantColorsResolver = require('./color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js');
+var rem = require('../utils/units-converters/rem.js');
 
 const DEFAULT_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji";
 const DEFAULT_THEME = {
+  scale: 1,
   fontSmoothing: true,
   focusRing: "auto",
   white: "#fff",
@@ -27,20 +29,20 @@ const DEFAULT_THEME = {
     fontFamily: DEFAULT_FONT_FAMILY,
     fontWeight: "700",
     sizes: {
-      h1: { fontSize: "2.125rem", lineHeight: "1.3" },
-      h2: { fontSize: "1.625rem", lineHeight: "1.35" },
-      h3: { fontSize: "1.375rem", lineHeight: "1.4" },
-      h4: { fontSize: "1.125rem", lineHeight: "1.45" },
-      h5: { fontSize: "1rem", lineHeight: "1.5" },
-      h6: { fontSize: "0.875rem", lineHeight: "1.5" }
+      h1: { fontSize: rem.rem(34), lineHeight: "1.3" },
+      h2: { fontSize: rem.rem(26), lineHeight: "1.35" },
+      h3: { fontSize: rem.rem(22), lineHeight: "1.4" },
+      h4: { fontSize: rem.rem(18), lineHeight: "1.45" },
+      h5: { fontSize: rem.rem(16), lineHeight: "1.5" },
+      h6: { fontSize: rem.rem(14), lineHeight: "1.5" }
     }
   },
   fontSizes: {
-    xs: "0.75rem",
-    sm: "0.875rem",
-    md: "1rem",
-    lg: "1.125rem",
-    xl: "1.25rem"
+    xs: rem.rem(12),
+    sm: rem.rem(14),
+    md: rem.rem(16),
+    lg: rem.rem(18),
+    xl: rem.rem(20)
   },
   lineHeights: {
     xs: "1.4",
@@ -50,18 +52,18 @@ const DEFAULT_THEME = {
     xl: "1.65"
   },
   radius: {
-    xs: "0.125rem",
-    sm: "0.25rem",
-    md: "0.5rem",
-    lg: "1rem",
-    xl: "2rem"
+    xs: rem.rem(2),
+    sm: rem.rem(4),
+    md: rem.rem(8),
+    lg: rem.rem(16),
+    xl: rem.rem(32)
   },
   spacing: {
-    xs: "0.625rem",
-    sm: "0.75rem",
-    md: "1rem",
-    lg: "1.25rem",
-    xl: "1.5rem"
+    xs: rem.rem(10),
+    sm: rem.rem(12),
+    md: rem.rem(16),
+    lg: rem.rem(20),
+    xl: rem.rem(32)
   },
   breakpoints: {
     xs: "36em",
@@ -71,11 +73,19 @@ const DEFAULT_THEME = {
     xl: "88em"
   },
   shadows: {
-    xs: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1)",
-    sm: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 0.625rem 0.9375rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.4375rem 0.4375rem -0.3125rem",
-    md: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 1.25rem 1.5625rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.625rem 0.625rem -0.3125rem",
-    lg: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 1.75rem 1.4375rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 0.75rem 0.75rem -0.4375rem",
-    xl: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"
+    xs: `0 ${rem.rem(1)} ${rem.rem(3)} rgba(0, 0, 0, 0.05), 0 ${rem.rem(1)} ${rem.rem(2)} rgba(0, 0, 0, 0.1)`,
+    sm: `0 ${rem.rem(1)} ${rem.rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem.rem(10)} ${rem.rem(
+      15
+    )} ${rem.rem(-5)}, rgba(0, 0, 0, 0.04) 0 ${rem.rem(7)} ${rem.rem(7)} ${rem.rem(-5)}`,
+    md: `0 ${rem.rem(1)} ${rem.rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem.rem(20)} ${rem.rem(
+      25
+    )} ${rem.rem(-5)}, rgba(0, 0, 0, 0.04) 0 ${rem.rem(10)} ${rem.rem(10)} ${rem.rem(-5)}`,
+    lg: `0 ${rem.rem(1)} ${rem.rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem.rem(28)} ${rem.rem(
+      23
+    )} ${rem.rem(-7)}, rgba(0, 0, 0, 0.04) 0 ${rem.rem(12)} ${rem.rem(12)} ${rem.rem(-7)}`,
+    xl: `0 ${rem.rem(1)} ${rem.rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem.rem(36)} ${rem.rem(
+      28
+    )} ${rem.rem(-7)}, rgba(0, 0, 0, 0.04) 0 ${rem.rem(17)} ${rem.rem(17)} ${rem.rem(-7)}`
   },
   other: {},
   components: {}

package/cjs/core/MantineProvider/default-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-theme.js","sources":["../../../src/core/MantineProvider/default-theme.ts"],"sourcesContent":["import type { MantineTheme } from './theme.types';\nimport { DEFAULT_COLORS } from './default-colors';\nimport { defaultVariantColorsResolver } from './color-functions';\n\nconst DEFAULT_FONT_FAMILY =\n  '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji';\n\nexport const DEFAULT_THEME: MantineTheme = {\n  fontSmoothing: true,\n  focusRing: 'auto',\n  white: '#fff',\n  black: '#000',\n  colors: DEFAULT_COLORS,\n  primaryShade: { light: 6, dark: 8 },\n  primaryColor: 'blue',\n  variantColorResolver: defaultVariantColorsResolver,\n  fontFamily: DEFAULT_FONT_FAMILY,\n  fontFamilyMonospace:\n    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace',\n  respectReducedMotion: false,\n  cursorType: 'default',\n  defaultGradient: { from: 'blue', to: 'cyan', deg: 45 },\n  defaultRadius: 'sm',\n  activeClassName: 'mantine-active',\n  focusClassName: '',\n\n  headings: {\n    fontFamily: DEFAULT_FONT_FAMILY,\n    fontWeight: '700',\n    sizes: {\n      h1: { fontSize: '2.125rem', lineHeight: '1.3' },\n      h2: { fontSize: '1.625rem', lineHeight: '1.35' },\n      h3: { fontSize: '1.375rem', lineHeight: '1.4' },\n      h4: { fontSize: '1.125rem', lineHeight: '1.45' },\n      h5: { fontSize: '1rem', lineHeight: '1.5' },\n      h6: { fontSize: '0.875rem', lineHeight: '1.5' },\n    },\n  },\n\n  fontSizes: {\n    xs: '0.75rem',\n    sm: '0.875rem',\n    md: '1rem',\n    lg: '1.125rem',\n    xl: '1.25rem',\n  },\n\n  lineHeights: {\n    xs: '1.4',\n    sm: '1.45',\n    md: '1.55',\n    lg: '1.6',\n    xl: '1.65',\n  },\n\n  radius: {\n    xs: '0.125rem',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '1rem',\n    xl: '2rem',\n  },\n\n  spacing: {\n    xs: '0.625rem',\n    sm: '0.75rem',\n    md: '1rem',\n    lg: '1.25rem',\n    xl: '1.5rem',\n  },\n\n  breakpoints: {\n    xs: '36em',\n    sm: '48em',\n    md: '62em',\n    lg: '75em',\n    xl: '88em',\n  },\n\n  shadows: {\n    xs: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1)',\n    sm: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 0.625rem 0.9375rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.4375rem 0.4375rem -0.3125rem',\n    md: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 1.25rem 1.5625rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.625rem 0.625rem -0.3125rem',\n    lg: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 1.75rem 1.4375rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 0.75rem 0.75rem -0.4375rem',\n    xl: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem',\n  },\n\n  other: {},\n  components: {},\n};\n"],"names":["DEFAULT_COLORS","defaultVariantColorsResolver"],"mappings":"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"}
+{"version":3,"file":"default-theme.js","sources":["../../../src/core/MantineProvider/default-theme.ts"],"sourcesContent":["import type { MantineTheme } from './theme.types';\nimport { DEFAULT_COLORS } from './default-colors';\nimport { defaultVariantColorsResolver } from './color-functions';\nimport { rem } from '../utils';\n\nconst DEFAULT_FONT_FAMILY =\n  '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji';\n\nexport const DEFAULT_THEME: MantineTheme = {\n  scale: 1,\n  fontSmoothing: true,\n  focusRing: 'auto',\n  white: '#fff',\n  black: '#000',\n  colors: DEFAULT_COLORS,\n  primaryShade: { light: 6, dark: 8 },\n  primaryColor: 'blue',\n  variantColorResolver: defaultVariantColorsResolver,\n  fontFamily: DEFAULT_FONT_FAMILY,\n  fontFamilyMonospace:\n    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace',\n  respectReducedMotion: false,\n  cursorType: 'default',\n  defaultGradient: { from: 'blue', to: 'cyan', deg: 45 },\n  defaultRadius: 'sm',\n  activeClassName: 'mantine-active',\n  focusClassName: '',\n\n  headings: {\n    fontFamily: DEFAULT_FONT_FAMILY,\n    fontWeight: '700',\n    sizes: {\n      h1: { fontSize: rem(34), lineHeight: '1.3' },\n      h2: { fontSize: rem(26), lineHeight: '1.35' },\n      h3: { fontSize: rem(22), lineHeight: '1.4' },\n      h4: { fontSize: rem(18), lineHeight: '1.45' },\n      h5: { fontSize: rem(16), lineHeight: '1.5' },\n      h6: { fontSize: rem(14), lineHeight: '1.5' },\n    },\n  },\n\n  fontSizes: {\n    xs: rem(12),\n    sm: rem(14),\n    md: rem(16),\n    lg: rem(18),\n    xl: rem(20),\n  },\n\n  lineHeights: {\n    xs: '1.4',\n    sm: '1.45',\n    md: '1.55',\n    lg: '1.6',\n    xl: '1.65',\n  },\n\n  radius: {\n    xs: rem(2),\n    sm: rem(4),\n    md: rem(8),\n    lg: rem(16),\n    xl: rem(32),\n  },\n\n  spacing: {\n    xs: rem(10),\n    sm: rem(12),\n    md: rem(16),\n    lg: rem(20),\n    xl: rem(32),\n  },\n\n  breakpoints: {\n    xs: '36em',\n    sm: '48em',\n    md: '62em',\n    lg: '75em',\n    xl: '88em',\n  },\n\n  shadows: {\n    xs: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), 0 ${rem(1)} ${rem(2)} rgba(0, 0, 0, 0.1)`,\n    sm: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(10)} ${rem(\n      15\n    )} ${rem(-5)}, rgba(0, 0, 0, 0.04) 0 ${rem(7)} ${rem(7)} ${rem(-5)}`,\n    md: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(20)} ${rem(\n      25\n    )} ${rem(-5)}, rgba(0, 0, 0, 0.04) 0 ${rem(10)} ${rem(10)} ${rem(-5)}`,\n    lg: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(28)} ${rem(\n      23\n    )} ${rem(-7)}, rgba(0, 0, 0, 0.04) 0 ${rem(12)} ${rem(12)} ${rem(-7)}`,\n    xl: `0 ${rem(1)} ${rem(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${rem(36)} ${rem(\n      28\n    )} ${rem(-7)}, rgba(0, 0, 0, 0.04) 0 ${rem(17)} ${rem(17)} ${rem(-7)}`,\n  },\n\n  other: {},\n  components: {},\n};\n"],"names":["DEFAULT_COLORS","defaultVariantColorsResolver","rem"],"mappings":"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"}

package/cjs/core/MantineProvider/suppress-nextjs-warning.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function suppressNextjsWarning() {
+  const originalError = console.error;
+  console.error = (...args) => {
+    if (args.length > 1 && typeof args[0] === "string" && args[0].toLowerCase().includes("extra attributes from the server") && typeof args[1] === "string" && args[1].toLowerCase().includes("data-mantine-color-scheme")) ; else {
+      originalError(...args);
+    }
+  };
+}
+
+exports.suppressNextjsWarning = suppressNextjsWarning;
+//# sourceMappingURL=suppress-nextjs-warning.js.map

package/cjs/core/MantineProvider/suppress-nextjs-warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suppress-nextjs-warning.js","sources":["../../../src/core/MantineProvider/suppress-nextjs-warning.ts"],"sourcesContent":["/* eslint-disable no-console */\nexport function suppressNextjsWarning() {\n  const originalError = console.error;\n\n  console.error = (...args) => {\n    if (\n      args.length > 1 &&\n      typeof args[0] === 'string' &&\n      args[0].toLowerCase().includes('extra attributes from the server') &&\n      typeof args[1] === 'string' &&\n      args[1].toLowerCase().includes('data-mantine-color-scheme')\n    ) {\n      // Suppress the warning\n    } else {\n      originalError(...args);\n    }\n  };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC;AACtC,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,KAAK;AAC/B,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,kCAAkC,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAAE,CACvN,MAAM;AACX,MAAM,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC;AAC7B,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js

@@ -5,15 +5,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var Mantine_context = require('../Mantine.context.js');
 
+function disableTransition() {
+  const style = document.createElement("style");
+  style.innerHTML = "*, *::before, *::after {transition: none !important;}";
+  style.setAttribute("data-mantine-disable-transition", "true");
+  document.head.appendChild(style);
+  const clear = () => document.querySelectorAll("[data-mantine-disable-transition]").forEach((element) => element.remove());
+  return clear;
+}
 function useMantineColorScheme() {
+  const clearStylesRef = React.useRef();
+  const timeoutRef = React.useRef();
   const ctx = React.useContext(Mantine_context.MantineContext);
   if (!ctx) {
     throw new Error("[@mantine/core] MantineProvider was not found in tree");
   }
+  const setColorScheme = (value) => {
+    ctx.setColorScheme(value);
+    clearStylesRef.current = disableTransition();
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = window.setTimeout(() => {
+      var _a;
+      (_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
+    }, 10);
+  };
+  const clearColorScheme = () => {
+    ctx.clearColorScheme();
+    clearStylesRef.current = disableTransition();
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = window.setTimeout(() => {
+      var _a;
+      (_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
+    }, 10);
+  };
+  React.useEffect(
+    () => () => {
+      var _a;
+      (_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
+      window.clearTimeout(timeoutRef.current);
+    },
+    []
+  );
   return {
     colorScheme: ctx.colorScheme,
-    setColorScheme: ctx.setColorScheme,
-    clearColorScheme: ctx.clearColorScheme
+    setColorScheme,
+    clearColorScheme
   };
 }
 

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { MantineContext } from '../Mantine.context';\n\nexport function useMantineColorScheme() {\n  const ctx = useContext(MantineContext);\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  return {\n    colorScheme: ctx.colorScheme,\n    setColorScheme: ctx.setColorScheme,\n    clearColorScheme: ctx.clearColorScheme,\n  };\n}\n"],"names":["useContext","MantineContext"],"mappings":";;;;;;;AAEO,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,GAAG,GAAGA,gBAAU,CAACC,8BAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,GAAG,CAAC,WAAW;AAChC,IAAI,cAAc,EAAE,GAAG,CAAC,cAAc;AACtC,IAAI,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;AAC1C,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport { MantineContext } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition() {\n  const style = document.createElement('style');\n  style.innerHTML = '*, *::before, *::after {transition: none !important;}';\n  style.setAttribute('data-mantine-disable-transition', 'true');\n  document.head.appendChild(style);\n  const clear = () =>\n    document\n      .querySelectorAll('[data-mantine-disable-transition]')\n      .forEach((element) => element.remove());\n  return clear;\n}\n\nexport function useMantineColorScheme() {\n  const clearStylesRef = useRef<() => void>();\n  const timeoutRef = useRef<number>();\n  const ctx = useContext(MantineContext);\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  const setColorScheme = (value: MantineColorScheme) => {\n    ctx.setColorScheme(value);\n    clearStylesRef.current = disableTransition();\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const clearColorScheme = () => {\n    ctx.clearColorScheme();\n    clearStylesRef.current = disableTransition();\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  useEffect(\n    () => () => {\n      clearStylesRef.current?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n    []\n  );\n\n  return {\n    colorScheme: ctx.colorScheme,\n    setColorScheme,\n    clearColorScheme,\n  };\n}\n"],"names":["useRef","useContext","MantineContext","useEffect"],"mappings":";;;;;;;AAEA,SAAS,iBAAiB,GAAG;AAC7B,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAChD,EAAE,KAAK,CAAC,SAAS,GAAG,uDAAuD,CAAC;AAC5E,EAAE,KAAK,CAAC,YAAY,CAAC,iCAAiC,EAAE,MAAM,CAAC,CAAC;AAChE,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,EAAE,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,gBAAgB,CAAC,mCAAmC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAC5H,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,cAAc,GAAGA,YAAM,EAAE,CAAC;AAClC,EAAE,MAAM,UAAU,GAAGA,YAAM,EAAE,CAAC;AAC9B,EAAE,MAAM,GAAG,GAAGC,gBAAU,CAACC,8BAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,MAAM,cAAc,GAAG,CAAC,KAAK,KAAK;AACpC,IAAI,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9B,IAAI,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;AACjD,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,MAAM;AACjC,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC;AAC3B,IAAI,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;AACjD,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAEC,eAAS;AACX,IAAI,MAAM,MAAM;AAChB,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC9C,KAAK;AACL,IAAI,EAAE;AACN,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,GAAG,CAAC,WAAW;AAChC,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;"}

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js

@@ -7,19 +7,24 @@ var hooks = require('@mantine/hooks');
 
 function setColorSchemeAttribute(colorScheme, getRootElement) {
   var _a;
-  (_a = getRootElement()) == null ? void 0 : _a.setAttribute("data-mantine-color-scheme", colorScheme);
+  const computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  (_a = getRootElement()) == null ? void 0 : _a.setAttribute("data-mantine-color-scheme", computedColorScheme);
 }
 function useProviderColorScheme({
   manager,
   defaultColorScheme,
   getRootElement
 }) {
+  const media = React.useRef();
   const [value, setValue] = React.useState(() => manager.get(defaultColorScheme));
-  const setColorScheme = React.useCallback((colorScheme) => {
-    setValue(colorScheme);
-    setColorSchemeAttribute(colorScheme, getRootElement);
-    manager.set(colorScheme);
-  }, [manager.set, value]);
+  const setColorScheme = React.useCallback(
+    (colorScheme) => {
+      setValue(colorScheme);
+      setColorSchemeAttribute(colorScheme, getRootElement);
+      manager.set(colorScheme);
+    },
+    [manager.set, value]
+  );
   const clearColorScheme = React.useCallback(() => {
     setValue(defaultColorScheme);
     setColorSchemeAttribute(defaultColorScheme, getRootElement);
@@ -32,6 +37,20 @@ function useProviderColorScheme({
   hooks.useIsomorphicEffect(() => {
     setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);
   }, []);
+  React.useEffect(() => {
+    var _a;
+    media.current = window.matchMedia("(prefers-color-scheme: dark)");
+    const listener = (event) => {
+      if (value === "auto") {
+        setColorSchemeAttribute(event.matches ? "dark" : "light", getRootElement);
+      }
+    };
+    (_a = media.current) == null ? void 0 : _a.addEventListener("change", listener);
+    return () => {
+      var _a2;
+      return (_a2 = media.current) == null ? void 0 : _a2.removeEventListener("change", listener);
+    };
+  }, [value]);
   return { colorScheme: value, setColorScheme, clearColorScheme };
 }
 

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-provider-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n  colorScheme: MantineColorScheme,\n  getRootElement: () => HTMLElement | undefined\n) {\n  getRootElement()?.setAttribute('data-mantine-color-scheme', colorScheme);\n}\n\ninterface UseProviderColorSchemeOptions {\n  manager: MantineColorSchemeManager;\n  defaultColorScheme: MantineColorScheme;\n  getRootElement(): HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n}: UseProviderColorSchemeOptions) {\n  const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n\n  const setColorScheme = useCallback(\n    (colorScheme: MantineColorScheme) => {\n      setValue(colorScheme);\n      setColorSchemeAttribute(colorScheme, getRootElement);\n      manager.set(colorScheme);\n    },\n    [manager.set, value]\n  );\n\n  const clearColorScheme = useCallback(() => {\n    setValue(defaultColorScheme);\n    setColorSchemeAttribute(defaultColorScheme, getRootElement);\n    manager.clear();\n  }, [manager.clear, defaultColorScheme]);\n\n  useEffect(() => {\n    manager.subscribe(setColorScheme);\n    return manager.unsubscribe;\n  }, [manager.subscribe, manager.unsubscribe]);\n\n  useIsomorphicEffect(() => {\n    setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);\n  }, []);\n\n  return { colorScheme: value, setColorScheme, clearColorScheme };\n}\n"],"names":["useState","useCallback","useEffect","useIsomorphicEffect"],"mappings":";;;;;;;AAEA,SAAS,uBAAuB,CAAC,WAAW,EAAE,cAAc,EAAE;AAC9D,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,2BAA2B,EAAE,WAAW,CAAC,CAAC;AACvG,CAAC;AACM,SAAS,sBAAsB,CAAC;AACvC,EAAE,OAAO;AACT,EAAE,kBAAkB;AACpB,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC5E,EAAE,MAAM,cAAc,GAAGC,iBAAW,CAAC,CAAC,WAAW,KAAK;AACtD,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC1B,IAAI,uBAAuB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AACzD,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;AAC7B,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3B,EAAE,MAAM,gBAAgB,GAAGA,iBAAW,CAAC,MAAM;AAC7C,IAAI,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AACjC,IAAI,uBAAuB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAChE,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;AACpB,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAC1C,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AACtC,IAAI,OAAO,OAAO,CAAC,WAAW,CAAC;AAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;AAC/C,EAAEC,yBAAmB,CAAC,MAAM;AAC5B,IAAI,uBAAuB,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,cAAc,CAAC,CAAC;AAC7E,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAClE;;;;"}
+{"version":3,"file":"use-provider-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n  colorScheme: MantineColorScheme,\n  getRootElement: () => HTMLElement | undefined\n) {\n  const computedColorScheme =\n    colorScheme !== 'auto'\n      ? colorScheme\n      : window.matchMedia('(prefers-color-scheme: dark)').matches\n      ? 'dark'\n      : 'light';\n  getRootElement()?.setAttribute('data-mantine-color-scheme', computedColorScheme);\n}\n\ntype MediaQueryCallback = (event: { matches: boolean; media: string }) => void;\n\ninterface UseProviderColorSchemeOptions {\n  manager: MantineColorSchemeManager;\n  defaultColorScheme: MantineColorScheme;\n  getRootElement(): HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n}: UseProviderColorSchemeOptions) {\n  const media = useRef<MediaQueryList>();\n  const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n\n  const setColorScheme = useCallback(\n    (colorScheme: MantineColorScheme) => {\n      setValue(colorScheme);\n      setColorSchemeAttribute(colorScheme, getRootElement);\n      manager.set(colorScheme);\n    },\n    [manager.set, value]\n  );\n\n  const clearColorScheme = useCallback(() => {\n    setValue(defaultColorScheme);\n    setColorSchemeAttribute(defaultColorScheme, getRootElement);\n    manager.clear();\n  }, [manager.clear, defaultColorScheme]);\n\n  useEffect(() => {\n    manager.subscribe(setColorScheme);\n    return manager.unsubscribe;\n  }, [manager.subscribe, manager.unsubscribe]);\n\n  useIsomorphicEffect(() => {\n    setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);\n  }, []);\n\n  useEffect(() => {\n    media.current = window.matchMedia('(prefers-color-scheme: dark)');\n    const listener: MediaQueryCallback = (event) => {\n      if (value === 'auto') {\n        setColorSchemeAttribute(event.matches ? 'dark' : 'light', getRootElement);\n      }\n    };\n\n    media.current?.addEventListener('change', listener);\n    return () => media.current?.removeEventListener('change', listener);\n  }, [value]);\n\n  return { colorScheme: value, setColorScheme, clearColorScheme };\n}\n"],"names":["useRef","useState","useCallback","useEffect","useIsomorphicEffect"],"mappings":"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"}

package/cjs/core/factory/create-polymorphic-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n  Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n  C,\n  React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n  component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n  ? React.ComponentPropsWithRef<C>['ref']\n  : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n  ? InheritedProps<C, Props & ComponentProp<C>> & { ref?: PolymorphicRef<C> }\n  : Props & { component: React.ElementType };\n\nexport function createPolymorphicComponent<\n  ComponentDefaultType,\n  Props,\n  StaticComponents = Record<string, never>\n>(component: any) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n  type _PolymorphicComponent = <C = ComponentDefaultType>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n  return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,0BAA0B,CAAC,SAAS,EAAE;AACtD,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}
+{"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n  Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n  C,\n  React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n  component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n  ? React.ComponentPropsWithRef<C>['ref']\n  : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n  ? InheritedProps<C, Props & ComponentProp<C>> & { ref?: PolymorphicRef<C> }\n  : Props & { component: React.ElementType };\n\nexport function createPolymorphicComponent<\n  ComponentDefaultType,\n  Props,\n  StaticComponents = Record<string, never>,\n>(component: any) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n  type _PolymorphicComponent = <C = ComponentDefaultType>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n  return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,0BAA0B,CAAC,SAAS,EAAE;AACtD,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/cjs/core/factory/factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n  props: Record<string, any>;\n  ctx?: any;\n  ref?: any;\n  stylesNames?: string;\n  vars?: any;\n  variant?: string;\n  staticComponents?: Record<string, any>;\n  // Compound components cannot have classNames, styles and vars on MantineProvider\n  compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n  classNames?: ClassNames<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n  ? ExtendCompoundComponent<Payload>\n  : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n  ? Input\n  : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n  extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n  Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n  ThemeExtend<Payload> &\n  StaticComponents<Payload['staticComponents']>;\n\nexport function identity<T>(value: T): T {\n  return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n  const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n  Component.extend = identity as any;\n\n  return Component as MantineComponent<Payload>;\n}\n"],"names":["forwardRef"],"mappings":";;;;;;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;;"}
+{"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n  props: Record<string, any>;\n  ctx?: any;\n  ref?: any;\n  stylesNames?: string;\n  vars?: any;\n  variant?: string;\n  staticComponents?: Record<string, any>;\n  // Compound components cannot have classNames, styles and vars on MantineProvider\n  compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n  classNames?: ClassNames<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n  ? ExtendCompoundComponent<Payload>\n  : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n  ? Input\n  : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n  extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type ComponentClasses<Payload extends FactoryPayload> = {\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n};\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n  Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n  ThemeExtend<Payload> &\n  ComponentClasses<Payload> &\n  StaticComponents<Payload['staticComponents']>;\n\nexport function identity<T>(value: T): T {\n  return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n  const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n  Component.extend = identity as any;\n\n  return Component as MantineComponent<Payload>;\n}\n"],"names":["forwardRef"],"mappings":";;;;;;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;;"}

package/cjs/core/factory/polymorphic-factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic-factory.js","sources":["../../../src/core/factory/polymorphic-factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport { FactoryPayload, StaticComponents, ThemeExtend, identity } from './factory';\nimport { PolymorphicComponentProps } from './create-polymorphic-component';\n\nexport interface PolymorphicFactoryPayload extends FactoryPayload {\n  defaultComponent: any;\n  defaultRef: any;\n}\n\nexport function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['defaultRef'], Payload['props']>\n) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Payload['props']>;\n\n  type _PolymorphicComponent = <C = Payload['defaultComponent']>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent &\n    ComponentProperties &\n    ThemeExtend<Payload> &\n    StaticComponents<Payload['staticComponents']>;\n\n  const Component = forwardRef(ui) as unknown as PolymorphicComponent;\n\n  Component.extend = identity as any;\n\n  return Component as PolymorphicComponent;\n}\n"],"names":["forwardRef","identity"],"mappings":";;;;;;;AAEO,SAAS,kBAAkB,CAAC,EAAE,EAAE;AACvC,EAAE,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAGC,gBAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}
+{"version":3,"file":"polymorphic-factory.js","sources":["../../../src/core/factory/polymorphic-factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport {\n  FactoryPayload,\n  StaticComponents,\n  ThemeExtend,\n  identity,\n  ComponentClasses,\n} from './factory';\nimport { PolymorphicComponentProps } from './create-polymorphic-component';\n\nexport interface PolymorphicFactoryPayload extends FactoryPayload {\n  defaultComponent: any;\n  defaultRef: any;\n}\n\nexport function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['defaultRef'], Payload['props']>\n) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Payload['props']>;\n\n  type _PolymorphicComponent = <C = Payload['defaultComponent']>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent &\n    ComponentProperties &\n    ThemeExtend<Payload> &\n    ComponentClasses<Payload> &\n    StaticComponents<Payload['staticComponents']>;\n\n  const Component = forwardRef(ui) as unknown as PolymorphicComponent;\n\n  Component.extend = identity as any;\n\n  return Component as PolymorphicComponent;\n}\n"],"names":["forwardRef","identity"],"mappings":";;;;;;;AAIO,SAAS,kBAAkB,CAAC,EAAE,EAAE;AACvC,EAAE,MAAM,SAAS,GAAGA,gBAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAGC,gBAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/cjs/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var resolveClassNames = require('../use-styles/get-class-name/resolve-class-names/resolve-class-names.js');
+var resolveStyles = require('../use-styles/get-style/resolve-styles/resolve-styles.js');
+var MantineThemeProvider = require('../../MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
+
+function useResolvedStylesApi({
+  classNames,
+  styles,
+  props,
+  stylesCtx
+}) {
+  const theme = MantineThemeProvider.useMantineTheme();
+  return {
+    resolvedClassNames: resolveClassNames.resolveClassNames({
+      theme,
+      classNames,
+      props,
+      stylesCtx: stylesCtx || void 0
+    }),
+    resolvedStyles: resolveStyles.resolveStyles({
+      theme,
+      styles,
+      props,
+      stylesCtx: stylesCtx || void 0
+    })
+  };
+}
+
+exports.useResolvedStylesApi = useResolvedStylesApi;
+//# sourceMappingURL=use-resolved-styles-api.js.map

package/cjs/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resolved-styles-api.js","sources":["../../../../src/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.ts"],"sourcesContent":["import { FactoryPayload } from '../../factory';\nimport { useMantineTheme } from '../../MantineProvider';\nimport { ClassNames, Styles } from '../styles-api.types';\nimport { resolveClassNames } from '../use-styles/get-class-name/resolve-class-names/resolve-class-names';\nimport { resolveStyles } from '../use-styles/get-style/resolve-styles/resolve-styles';\n\nexport interface UseResolvedStylesApiInput<Payload extends FactoryPayload> {\n  classNames: ClassNames<Payload> | undefined;\n  styles: Styles<Payload> | undefined;\n  props: Record<string, any>;\n  stylesCtx?: Record<string, any>;\n}\n\nexport function useResolvedStylesApi<Payload extends FactoryPayload>({\n  classNames,\n  styles,\n  props,\n  stylesCtx,\n}: UseResolvedStylesApiInput<Payload>) {\n  const theme = useMantineTheme();\n\n  return {\n    resolvedClassNames: resolveClassNames({\n      theme,\n      classNames,\n      props,\n      stylesCtx: stylesCtx || undefined,\n    }),\n\n    resolvedStyles: resolveStyles({\n      theme,\n      styles,\n      props,\n      stylesCtx: stylesCtx || undefined,\n    }),\n  };\n}\n"],"names":["useMantineTheme","resolveClassNames","resolveStyles"],"mappings":";;;;;;;;AAGO,SAAS,oBAAoB,CAAC;AACrC,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,KAAK;AACP,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,OAAO;AACT,IAAI,kBAAkB,EAAEC,mCAAiB,CAAC;AAC1C,MAAM,KAAK;AACX,MAAM,UAAU;AAChB,MAAM,KAAK;AACX,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,CAAC;AACpC,KAAK,CAAC;AACN,IAAI,cAAc,EAAEC,2BAAa,CAAC;AAClC,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,CAAC;AACpC,KAAK,CAAC;AACN,GAAG,CAAC;AACJ;;;;"}

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

@@ -30,7 +30,17 @@ function getClassName({
   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);
+  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":";;;;;;;;;;;;;;;;;;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,CAACC,uCAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAEC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAEC,uCAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAEC,2CAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAEC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAEC,iCAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAEC,yCAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAEC,uCAAmB,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\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

@@ -14,7 +14,10 @@ const FOCUS_CLASS_NAMES = {
   never: "mantine-focus-never"
 };
 function getGlobalClassNames({ theme, options, unstyled }) {
-  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);
+  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":";;;;;;;;;;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,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":["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-theme-class-names/get-theme-class-names.js

@@ -11,15 +11,17 @@ function getThemeClassNames({
   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];
-  });
+  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":";;;;;;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,GAAGA,mCAAiB,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":["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/resolve-class-names/resolve-class-names.js

@@ -2,9 +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":";;;;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 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-theme-styles/get-theme-styles.js

@@ -27,15 +27,17 @@ function getThemeStyles({
   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), {});
+  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;