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

package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js

@@ -14,29 +14,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function getColorSchemeCssVariables(selector) {
-    return `
+  return `
   ${selector}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
   ${selector}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
 `;
 }
 function MantineCssVariables({ cssVariablesSelector }) {
-    const theme = MantineThemeProvider.useMantineTheme();
-    const nonce = Mantine_context.useMantineStyleNonce();
-    const generator = Mantine_context.useMantineCssVariablesResolver();
-    const mergedVariables = getMergedVariables.getMergedVariables({ theme, generator });
-    const shouldCleanVariables = cssVariablesSelector === ':root';
-    const cleanedVariables = shouldCleanVariables
-        ? removeDefaultVariables.removeDefaultVariables(mergedVariables)
-        : mergedVariables;
-    const css = convertCssVariables.convertCssVariables(cleanedVariables, cssVariablesSelector);
-    if (css) {
-        return (React__default.createElement("style", { "data-mantine-styles": true, nonce: nonce === null || nonce === void 0 ? void 0 : nonce(), dangerouslySetInnerHTML: {
-                __html: `${css}${shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)}`,
-            } }));
-    }
-    return null;
+  const theme = MantineThemeProvider.useMantineTheme();
+  const nonce = Mantine_context.useMantineStyleNonce();
+  const generator = Mantine_context.useMantineCssVariablesResolver();
+  const mergedVariables = getMergedVariables.getMergedVariables({ theme, generator });
+  const shouldCleanVariables = cssVariablesSelector === ":root";
+  const cleanedVariables = shouldCleanVariables ? removeDefaultVariables.removeDefaultVariables(mergedVariables) : mergedVariables;
+  const css = convertCssVariables.convertCssVariables(cleanedVariables, cssVariablesSelector);
+  if (css) {
+    return /* @__PURE__ */ React__default.createElement(
+      "style",
+      {
+        "data-mantine-styles": true,
+        nonce: nonce == null ? void 0 : nonce(),
+        dangerouslySetInnerHTML: {
+          __html: `${css}${shouldCleanVariables ? "" : getColorSchemeCssVariables(cssVariablesSelector)}`
+        }
+      }
+    );
+  }
+  return null;
 }
-MantineCssVariables.displayName = '@mantine/CssVariables';
+MantineCssVariables.displayName = "@mantine/CssVariables";
 
 exports.MantineCssVariables = MantineCssVariables;
 //# sourceMappingURL=MantineCssVariables.js.map

package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map

@@ -1 +1 @@
-{"version":3,"file":"MantineCssVariables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineStyleNonce, useMantineCssVariablesResolver } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n  cssVariablesSelector: string;\n}\n\nfunction getColorSchemeCssVariables(selector: string) {\n  return `\n  ${selector}[data-mantine-color-scheme=\"dark\"] { --mantine-color-scheme: dark; }\n  ${selector}[data-mantine-color-scheme=\"light\"] { --mantine-color-scheme: light; }\n`;\n}\n\nexport function MantineCssVariables({ cssVariablesSelector }: MantineCssVariablesProps) {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n  const generator = useMantineCssVariablesResolver();\n  const mergedVariables = getMergedVariables({ theme, generator });\n  const shouldCleanVariables = cssVariablesSelector === ':root';\n  const cleanedVariables = shouldCleanVariables\n    ? removeDefaultVariables(mergedVariables)\n    : mergedVariables;\n  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n  if (css) {\n    return (\n      <style\n        data-mantine-styles\n        nonce={nonce?.()}\n        dangerouslySetInnerHTML={{\n          __html: `${css}${\n            shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n          }`,\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"names":["useMantineTheme","useMantineStyleNonce","useMantineCssVariablesResolver","getMergedVariables","removeDefaultVariables","convertCssVariables","React"],"mappings":";;;;;;;;;;;;;;;AAWA,SAAS,0BAA0B,CAAC,QAAgB;IAClD,OAAO;IACL,QAAQ;IACR,QAAQ;CACX,CAAC;AACF,CAAC;SAEe,mBAAmB,CAAC,EAAE,oBAAoB,EAA4B;IACpF,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;IAChC,MAAM,KAAK,GAAGC,oCAAoB,EAAE,CAAC;IACrC,MAAM,SAAS,GAAGC,8CAA8B,EAAE,CAAC;IACnD,MAAM,eAAe,GAAGC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACjE,MAAM,oBAAoB,GAAG,oBAAoB,KAAK,OAAO,CAAC;IAC9D,MAAM,gBAAgB,GAAG,oBAAoB;UACzCC,6CAAsB,CAAC,eAAe,CAAC;UACvC,eAAe,CAAC;IACpB,MAAM,GAAG,GAAGC,uCAAmB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAExE,IAAI,GAAG,EAAE;QACP,QACEC,qEAEE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,EAChB,uBAAuB,EAAE;gBACvB,MAAM,EAAE,GAAG,GAAG,GACZ,oBAAoB,GAAG,EAAE,GAAG,0BAA0B,CAAC,oBAAoB,CAC7E,EAAE;aACH,GACD,EACF;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,mBAAmB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"MantineCssVariables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineStyleNonce, useMantineCssVariablesResolver } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n  cssVariablesSelector: string;\n}\n\nfunction getColorSchemeCssVariables(selector: string) {\n  return `\n  ${selector}[data-mantine-color-scheme=\"dark\"] { --mantine-color-scheme: dark; }\n  ${selector}[data-mantine-color-scheme=\"light\"] { --mantine-color-scheme: light; }\n`;\n}\n\nexport function MantineCssVariables({ cssVariablesSelector }: MantineCssVariablesProps) {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n  const generator = useMantineCssVariablesResolver();\n  const mergedVariables = getMergedVariables({ theme, generator });\n  const shouldCleanVariables = cssVariablesSelector === ':root';\n  const cleanedVariables = shouldCleanVariables\n    ? removeDefaultVariables(mergedVariables)\n    : mergedVariables;\n  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n  if (css) {\n    return (\n      <style\n        data-mantine-styles\n        nonce={nonce?.()}\n        dangerouslySetInnerHTML={{\n          __html: `${css}${\n            shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n          }`,\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"names":["useMantineTheme","useMantineStyleNonce","useMantineCssVariablesResolver","getMergedVariables","removeDefaultVariables","convertCssVariables","React"],"mappings":";;;;;;;;;;;;;;;AAMA,SAAS,0BAA0B,CAAC,QAAQ,EAAE;AAC9C,EAAE,OAAO,CAAC;AACV,EAAE,EAAE,QAAQ,CAAC;AACb,EAAE,EAAE,QAAQ,CAAC;AACb,CAAC,CAAC;AACF,CAAC;AACM,SAAS,mBAAmB,CAAC,EAAE,oBAAoB,EAAE,EAAE;AAC9D,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,KAAK,GAAGC,oCAAoB,EAAE,CAAC;AACvC,EAAE,MAAM,SAAS,GAAGC,8CAA8B,EAAE,CAAC;AACrD,EAAE,MAAM,eAAe,GAAGC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AACnE,EAAE,MAAM,oBAAoB,GAAG,oBAAoB,KAAK,OAAO,CAAC;AAChE,EAAE,MAAM,gBAAgB,GAAG,oBAAoB,GAAGC,6CAAsB,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;AAC5G,EAAE,MAAM,GAAG,GAAGC,uCAAmB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;AAC1E,EAAE,IAAI,GAAG,EAAE;AACX,IAAI,uBAAuBC,cAAK,CAAC,aAAa;AAC9C,MAAM,OAAO;AACb,MAAM;AACN,QAAQ,qBAAqB,EAAE,IAAI;AACnC,QAAQ,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE;AAC/C,QAAQ,uBAAuB,EAAE;AACjC,UAAU,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,oBAAoB,GAAG,EAAE,GAAG,0BAA0B,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACzG,SAAS;AACT,OAAO;AACP,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,mBAAmB,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js

@@ -8,95 +8,110 @@ var keys = require('../../utils/keys/keys.js');
 var rgba = require('../color-functions/rgba/rgba.js');
 
 function assignSizeVariables(variables, sizes, name) {
-    keys.keys(sizes).forEach((size) => Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] }));
+  keys.keys(sizes).forEach(
+    (size) => Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })
+  );
 }
 const defaultCssVariablesResolver = (theme) => {
-    const darkPrimaryShade = getPrimaryShade.getPrimaryShade(theme, 'dark');
-    const lightPrimaryShade = getPrimaryShade.getPrimaryShade(theme, 'light');
-    const defaultRadius = theme.defaultRadius in theme.radius
-        ? theme.radius[theme.defaultRadius]
-        : rem.rem(theme.defaultRadius);
-    const result = {
-        variables: {
-            '--mantine-scale': theme.scale.toString(),
-            '--mantine-cursor-type': theme.cursorType,
-            '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',
-            '--mantine-color-scheme': 'light dark',
-            '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',
-            '--mantine-color-white': theme.white,
-            '--mantine-color-black': theme.black,
-            '--mantine-color-primary': `var(--mantine-color-${theme.primaryColor}-filled)`,
-            '--mantine-line-height': theme.lineHeights.md,
-            '--mantine-font-family': theme.fontFamily,
-            '--mantine-font-family-monospace': theme.fontFamilyMonospace,
-            '--mantine-font-family-headings': theme.headings.fontFamily,
-            '--mantine-heading-font-weight': theme.headings.fontWeight,
-            '--mantine-radius-default': defaultRadius,
-        },
-        light: {
-            '--mantine-color-text': theme.black,
-            '--mantine-color-body': theme.white,
-            '--mantine-color-error': theme.colors.red[6],
-            '--mantine-color-placeholder': theme.colors.gray[5],
-            '--mantine-color-anchor': theme.colors[theme.primaryColor][lightPrimaryShade],
-            '--mantine-color-default': theme.white,
-            '--mantine-color-default-hover': theme.colors.gray[0],
-            '--mantine-color-default-color': theme.black,
-            '--mantine-color-default-border': theme.colors.gray[4],
-        },
-        dark: {
-            '--mantine-color-text': 'var(--mantine-color-dark-0)',
-            '--mantine-color-body': theme.colors.dark[7],
-            '--mantine-color-error': theme.colors.red[9],
-            '--mantine-color-placeholder': theme.colors.dark[3],
-            '--mantine-color-anchor': theme.colors[theme.primaryColor][4],
-            '--mantine-color-default': theme.colors.dark[6],
-            '--mantine-color-default-hover': theme.colors.dark[5],
-            '--mantine-color-default-color': theme.white,
-            '--mantine-color-default-border': theme.colors.dark[4],
-        },
-    };
-    assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');
-    assignSizeVariables(result.variables, theme.spacing, 'spacing');
-    assignSizeVariables(result.variables, theme.fontSizes, 'font-size');
-    assignSizeVariables(result.variables, theme.lineHeights, 'line-height');
-    assignSizeVariables(result.variables, theme.shadows, 'shadow');
-    assignSizeVariables(result.variables, theme.radius, 'radius');
-    result.light['--mantine-color-primary'] = theme.colors[theme.primaryColor][lightPrimaryShade];
-    result.dark['--mantine-color-primary'] = theme.colors[theme.primaryColor][darkPrimaryShade];
-    keys.keys(theme.colors).forEach((color) => {
-        theme.colors[color].forEach((shade, index) => {
-            result.variables[`--mantine-color-${color}-${index}`] = shade;
-        });
-        const lightFilledHover = lightPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][lightPrimaryShade + 1];
-        const darkFilledHover = darkPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][darkPrimaryShade + 1];
-        result.light['--mantine-color-dimmed'] = 'var(--mantine-color-gray-6)';
-        result.light[`--mantine-color-${color}-filled`] = theme.colors[color][lightPrimaryShade];
-        result.light[`--mantine-color-${color}-filled-hover`] = lightFilledHover;
-        result.light[`--mantine-color-${color}-light`] = rgba.rgba(theme.colors[color][lightPrimaryShade], 0.1);
-        result.light[`--mantine-color-${color}-light-hover`] = rgba.rgba(theme.colors[color][lightPrimaryShade], 0.12);
-        result.light[`--mantine-color-${color}-light-color`] = theme.colors[color][lightPrimaryShade];
-        result.light[`--mantine-color-${color}-outline`] = theme.colors[color][lightPrimaryShade];
-        result.light[`--mantine-color-${color}-outline-hover`] = rgba.rgba(theme.colors[color][lightPrimaryShade], 0.05);
-        result.dark['--mantine-color-dimmed'] = 'var(--mantine-color-dark-2)';
-        result.dark[`--mantine-color-${color}-filled`] = theme.colors[color][darkPrimaryShade];
-        result.dark[`--mantine-color-${color}-filled-hover`] = darkFilledHover;
-        result.dark[`--mantine-color-${color}-light`] = rgba.rgba(theme.colors[color][Math.max(0, darkPrimaryShade - 2)], 0.1);
-        result.dark[`--mantine-color-${color}-light-hover`] = rgba.rgba(theme.colors[color][Math.max(0, darkPrimaryShade - 2)], 0.12);
-        result.dark[`--mantine-color-${color}-light-color`] =
-            theme.colors[color][Math.max(darkPrimaryShade - 3, 0)];
-        result.dark[`--mantine-color-${color}-outline`] =
-            theme.colors[color][Math.max(darkPrimaryShade - 4, 0)];
-        result.dark[`--mantine-color-${color}-outline-hover`] = rgba.rgba(theme.colors[color][Math.max(darkPrimaryShade - 4, 0)], 0.05);
+  const darkPrimaryShade = getPrimaryShade.getPrimaryShade(theme, "dark");
+  const lightPrimaryShade = getPrimaryShade.getPrimaryShade(theme, "light");
+  const defaultRadius = theme.defaultRadius in theme.radius ? theme.radius[theme.defaultRadius] : rem.rem(theme.defaultRadius);
+  const result = {
+    variables: {
+      "--mantine-scale": theme.scale.toString(),
+      "--mantine-cursor-type": theme.cursorType,
+      "--mantine-webkit-font-smoothing": theme.fontSmoothing ? "antialiased" : "unset",
+      "--mantine-color-scheme": "light dark",
+      "--mantine-moz-font-smoothing": theme.fontSmoothing ? "grayscale" : "unset",
+      "--mantine-color-white": theme.white,
+      "--mantine-color-black": theme.black,
+      "--mantine-color-primary": `var(--mantine-color-${theme.primaryColor}-filled)`,
+      "--mantine-line-height": theme.lineHeights.md,
+      "--mantine-font-family": theme.fontFamily,
+      "--mantine-font-family-monospace": theme.fontFamilyMonospace,
+      "--mantine-font-family-headings": theme.headings.fontFamily,
+      "--mantine-heading-font-weight": theme.headings.fontWeight,
+      "--mantine-radius-default": defaultRadius
+    },
+    light: {
+      "--mantine-color-text": theme.black,
+      "--mantine-color-body": theme.white,
+      "--mantine-color-error": theme.colors.red[6],
+      "--mantine-color-placeholder": theme.colors.gray[5],
+      "--mantine-color-anchor": theme.colors[theme.primaryColor][lightPrimaryShade],
+      "--mantine-color-default": theme.white,
+      "--mantine-color-default-hover": theme.colors.gray[0],
+      "--mantine-color-default-color": theme.black,
+      "--mantine-color-default-border": theme.colors.gray[4]
+    },
+    dark: {
+      "--mantine-color-text": "var(--mantine-color-dark-0)",
+      "--mantine-color-body": theme.colors.dark[7],
+      "--mantine-color-error": theme.colors.red[9],
+      "--mantine-color-placeholder": theme.colors.dark[3],
+      "--mantine-color-anchor": theme.colors[theme.primaryColor][4],
+      "--mantine-color-default": theme.colors.dark[6],
+      "--mantine-color-default-hover": theme.colors.dark[5],
+      "--mantine-color-default-color": theme.white,
+      "--mantine-color-default-border": theme.colors.dark[4]
+    }
+  };
+  assignSizeVariables(result.variables, theme.breakpoints, "breakpoint");
+  assignSizeVariables(result.variables, theme.spacing, "spacing");
+  assignSizeVariables(result.variables, theme.fontSizes, "font-size");
+  assignSizeVariables(result.variables, theme.lineHeights, "line-height");
+  assignSizeVariables(result.variables, theme.shadows, "shadow");
+  assignSizeVariables(result.variables, theme.radius, "radius");
+  result.light["--mantine-color-primary"] = theme.colors[theme.primaryColor][lightPrimaryShade];
+  result.dark["--mantine-color-primary"] = theme.colors[theme.primaryColor][darkPrimaryShade];
+  keys.keys(theme.colors).forEach((color) => {
+    theme.colors[color].forEach((shade, index) => {
+      result.variables[`--mantine-color-${color}-${index}`] = shade;
     });
-    const headings = theme.headings.sizes;
-    keys.keys(headings).forEach((heading) => {
-        result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;
-        result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;
-        result.variables[`--mantine-${heading}-font-weight`] =
-            headings[heading].fontWeight || theme.headings.fontWeight;
-    });
-    return result;
+    const lightFilledHover = lightPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][lightPrimaryShade + 1];
+    const darkFilledHover = darkPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][darkPrimaryShade + 1];
+    result.light["--mantine-color-dimmed"] = "var(--mantine-color-gray-6)";
+    result.light[`--mantine-color-${color}-filled`] = theme.colors[color][lightPrimaryShade];
+    result.light[`--mantine-color-${color}-filled-hover`] = lightFilledHover;
+    result.light[`--mantine-color-${color}-light`] = rgba.rgba(
+      theme.colors[color][lightPrimaryShade],
+      0.1
+    );
+    result.light[`--mantine-color-${color}-light-hover`] = rgba.rgba(
+      theme.colors[color][lightPrimaryShade],
+      0.12
+    );
+    result.light[`--mantine-color-${color}-light-color`] = theme.colors[color][lightPrimaryShade];
+    result.light[`--mantine-color-${color}-outline`] = theme.colors[color][lightPrimaryShade];
+    result.light[`--mantine-color-${color}-outline-hover`] = rgba.rgba(
+      theme.colors[color][lightPrimaryShade],
+      0.05
+    );
+    result.dark["--mantine-color-dimmed"] = "var(--mantine-color-dark-2)";
+    result.dark[`--mantine-color-${color}-filled`] = theme.colors[color][darkPrimaryShade];
+    result.dark[`--mantine-color-${color}-filled-hover`] = darkFilledHover;
+    result.dark[`--mantine-color-${color}-light`] = rgba.rgba(
+      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],
+      0.1
+    );
+    result.dark[`--mantine-color-${color}-light-hover`] = rgba.rgba(
+      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],
+      0.12
+    );
+    result.dark[`--mantine-color-${color}-light-color`] = theme.colors[color][Math.max(darkPrimaryShade - 3, 0)];
+    result.dark[`--mantine-color-${color}-outline`] = theme.colors[color][Math.max(darkPrimaryShade - 4, 0)];
+    result.dark[`--mantine-color-${color}-outline-hover`] = rgba.rgba(
+      theme.colors[color][Math.max(darkPrimaryShade - 4, 0)],
+      0.05
+    );
+  });
+  const headings = theme.headings.sizes;
+  keys.keys(headings).forEach((heading) => {
+    result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;
+    result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;
+    result.variables[`--mantine-${heading}-font-weight`] = headings[heading].fontWeight || theme.headings.fontWeight;
+  });
+  return result;
 };
 
 exports.defaultCssVariablesResolver = defaultCssVariablesResolver;

package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-css-variables-resolver.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { MantineRadius, MantineTheme } from '../theme.types';\nimport { keys, rem } from '../../utils';\nimport { getPrimaryShade, rgba } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\n\nexport type CSSVariablesResolver = (theme: MantineTheme) => ConvertCSSVariablesInput;\n\nfunction assignSizeVariables(\n  variables: Record<string, string>,\n  sizes: Record<string, string>,\n  name: string\n) {\n  keys(sizes).forEach((size) =>\n    Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n  );\n}\n\nexport const defaultCssVariablesResolver: CSSVariablesResolver = (theme) => {\n  const darkPrimaryShade = getPrimaryShade(theme, 'dark');\n  const lightPrimaryShade = getPrimaryShade(theme, 'light');\n  const defaultRadius =\n    theme.defaultRadius in theme.radius\n      ? theme.radius[theme.defaultRadius as MantineRadius]\n      : rem(theme.defaultRadius);\n\n  const result: ConvertCSSVariablesInput = {\n    variables: {\n      '--mantine-scale': theme.scale.toString(),\n      '--mantine-cursor-type': theme.cursorType,\n      '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n      '--mantine-color-scheme': 'light dark',\n      '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n      '--mantine-color-white': theme.white,\n      '--mantine-color-black': theme.black,\n      '--mantine-color-primary': `var(--mantine-color-${theme.primaryColor}-filled)`,\n      '--mantine-line-height': theme.lineHeights.md,\n      '--mantine-font-family': theme.fontFamily,\n      '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n      '--mantine-font-family-headings': theme.headings.fontFamily,\n      '--mantine-heading-font-weight': theme.headings.fontWeight,\n      '--mantine-radius-default': defaultRadius,\n    },\n    light: {\n      '--mantine-color-text': theme.black,\n      '--mantine-color-body': theme.white,\n      '--mantine-color-error': theme.colors.red[6],\n      '--mantine-color-placeholder': theme.colors.gray[5],\n      '--mantine-color-anchor': theme.colors[theme.primaryColor][lightPrimaryShade],\n      '--mantine-color-default': theme.white,\n      '--mantine-color-default-hover': theme.colors.gray[0],\n      '--mantine-color-default-color': theme.black,\n      '--mantine-color-default-border': theme.colors.gray[4],\n    },\n    dark: {\n      '--mantine-color-text': 'var(--mantine-color-dark-0)',\n      '--mantine-color-body': theme.colors.dark[7],\n      '--mantine-color-error': theme.colors.red[9],\n      '--mantine-color-placeholder': theme.colors.dark[3],\n      '--mantine-color-anchor': theme.colors[theme.primaryColor][4],\n      '--mantine-color-default': theme.colors.dark[6],\n      '--mantine-color-default-hover': theme.colors.dark[5],\n      '--mantine-color-default-color': theme.white,\n      '--mantine-color-default-border': theme.colors.dark[4],\n    },\n  };\n\n  assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n  assignSizeVariables(result.variables, theme.spacing, 'spacing');\n  assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n  assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n  assignSizeVariables(result.variables, theme.shadows, 'shadow');\n  assignSizeVariables(result.variables, theme.radius, 'radius');\n\n  result.light['--mantine-color-primary'] = theme.colors[theme.primaryColor][lightPrimaryShade];\n  result.dark['--mantine-color-primary'] = theme.colors[theme.primaryColor][darkPrimaryShade];\n\n  keys(theme.colors).forEach((color) => {\n    theme.colors[color].forEach((shade, index) => {\n      result.variables[`--mantine-color-${color}-${index}`] = shade;\n    });\n\n    const lightFilledHover =\n      lightPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][lightPrimaryShade + 1];\n\n    const darkFilledHover =\n      darkPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][darkPrimaryShade + 1];\n\n    result.light['--mantine-color-dimmed'] = 'var(--mantine-color-gray-6)';\n    result.light[`--mantine-color-${color}-filled`] = theme.colors[color][lightPrimaryShade];\n    result.light[`--mantine-color-${color}-filled-hover`] = lightFilledHover;\n    result.light[`--mantine-color-${color}-light`] = rgba(\n      theme.colors[color][lightPrimaryShade],\n      0.1\n    );\n    result.light[`--mantine-color-${color}-light-hover`] = rgba(\n      theme.colors[color][lightPrimaryShade],\n      0.12\n    );\n    result.light[`--mantine-color-${color}-light-color`] = theme.colors[color][lightPrimaryShade];\n    result.light[`--mantine-color-${color}-outline`] = theme.colors[color][lightPrimaryShade];\n    result.light[`--mantine-color-${color}-outline-hover`] = rgba(\n      theme.colors[color][lightPrimaryShade],\n      0.05\n    );\n\n    result.dark['--mantine-color-dimmed'] = 'var(--mantine-color-dark-2)';\n    result.dark[`--mantine-color-${color}-filled`] = theme.colors[color][darkPrimaryShade];\n    result.dark[`--mantine-color-${color}-filled-hover`] = darkFilledHover;\n    result.dark[`--mantine-color-${color}-light`] = rgba(\n      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n      0.1\n    );\n    result.dark[`--mantine-color-${color}-light-hover`] = rgba(\n      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n      0.12\n    );\n    result.dark[`--mantine-color-${color}-light-color`] =\n      theme.colors[color][Math.max(darkPrimaryShade - 3, 0)];\n    result.dark[`--mantine-color-${color}-outline`] =\n      theme.colors[color][Math.max(darkPrimaryShade - 4, 0)];\n    result.dark[`--mantine-color-${color}-outline-hover`] = rgba(\n      theme.colors[color][Math.max(darkPrimaryShade - 4, 0)],\n      0.05\n    );\n  });\n\n  const headings = theme.headings.sizes;\n\n  keys(headings).forEach((heading) => {\n    result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n    result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n    result.variables[`--mantine-${heading}-font-weight`] =\n      headings[heading].fontWeight || theme.headings.fontWeight;\n  });\n\n  return result;\n};\n"],"names":["keys","getPrimaryShade","rem","rgba"],"mappings":"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"}
+{"version":3,"file":"default-css-variables-resolver.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { MantineRadius, MantineTheme } from '../theme.types';\nimport { keys, rem } from '../../utils';\nimport { getPrimaryShade, rgba } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\n\nexport type CSSVariablesResolver = (theme: MantineTheme) => ConvertCSSVariablesInput;\n\nfunction assignSizeVariables(\n  variables: Record<string, string>,\n  sizes: Record<string, string>,\n  name: string\n) {\n  keys(sizes).forEach((size) =>\n    Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n  );\n}\n\nexport const defaultCssVariablesResolver: CSSVariablesResolver = (theme) => {\n  const darkPrimaryShade = getPrimaryShade(theme, 'dark');\n  const lightPrimaryShade = getPrimaryShade(theme, 'light');\n  const defaultRadius =\n    theme.defaultRadius in theme.radius\n      ? theme.radius[theme.defaultRadius as MantineRadius]\n      : rem(theme.defaultRadius);\n\n  const result: ConvertCSSVariablesInput = {\n    variables: {\n      '--mantine-scale': theme.scale.toString(),\n      '--mantine-cursor-type': theme.cursorType,\n      '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n      '--mantine-color-scheme': 'light dark',\n      '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n      '--mantine-color-white': theme.white,\n      '--mantine-color-black': theme.black,\n      '--mantine-color-primary': `var(--mantine-color-${theme.primaryColor}-filled)`,\n      '--mantine-line-height': theme.lineHeights.md,\n      '--mantine-font-family': theme.fontFamily,\n      '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n      '--mantine-font-family-headings': theme.headings.fontFamily,\n      '--mantine-heading-font-weight': theme.headings.fontWeight,\n      '--mantine-radius-default': defaultRadius,\n    },\n    light: {\n      '--mantine-color-text': theme.black,\n      '--mantine-color-body': theme.white,\n      '--mantine-color-error': theme.colors.red[6],\n      '--mantine-color-placeholder': theme.colors.gray[5],\n      '--mantine-color-anchor': theme.colors[theme.primaryColor][lightPrimaryShade],\n      '--mantine-color-default': theme.white,\n      '--mantine-color-default-hover': theme.colors.gray[0],\n      '--mantine-color-default-color': theme.black,\n      '--mantine-color-default-border': theme.colors.gray[4],\n    },\n    dark: {\n      '--mantine-color-text': 'var(--mantine-color-dark-0)',\n      '--mantine-color-body': theme.colors.dark[7],\n      '--mantine-color-error': theme.colors.red[9],\n      '--mantine-color-placeholder': theme.colors.dark[3],\n      '--mantine-color-anchor': theme.colors[theme.primaryColor][4],\n      '--mantine-color-default': theme.colors.dark[6],\n      '--mantine-color-default-hover': theme.colors.dark[5],\n      '--mantine-color-default-color': theme.white,\n      '--mantine-color-default-border': theme.colors.dark[4],\n    },\n  };\n\n  assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n  assignSizeVariables(result.variables, theme.spacing, 'spacing');\n  assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n  assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n  assignSizeVariables(result.variables, theme.shadows, 'shadow');\n  assignSizeVariables(result.variables, theme.radius, 'radius');\n\n  result.light['--mantine-color-primary'] = theme.colors[theme.primaryColor][lightPrimaryShade];\n  result.dark['--mantine-color-primary'] = theme.colors[theme.primaryColor][darkPrimaryShade];\n\n  keys(theme.colors).forEach((color) => {\n    theme.colors[color].forEach((shade, index) => {\n      result.variables[`--mantine-color-${color}-${index}`] = shade;\n    });\n\n    const lightFilledHover =\n      lightPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][lightPrimaryShade + 1];\n\n    const darkFilledHover =\n      darkPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][darkPrimaryShade + 1];\n\n    result.light['--mantine-color-dimmed'] = 'var(--mantine-color-gray-6)';\n    result.light[`--mantine-color-${color}-filled`] = theme.colors[color][lightPrimaryShade];\n    result.light[`--mantine-color-${color}-filled-hover`] = lightFilledHover;\n    result.light[`--mantine-color-${color}-light`] = rgba(\n      theme.colors[color][lightPrimaryShade],\n      0.1\n    );\n    result.light[`--mantine-color-${color}-light-hover`] = rgba(\n      theme.colors[color][lightPrimaryShade],\n      0.12\n    );\n    result.light[`--mantine-color-${color}-light-color`] = theme.colors[color][lightPrimaryShade];\n    result.light[`--mantine-color-${color}-outline`] = theme.colors[color][lightPrimaryShade];\n    result.light[`--mantine-color-${color}-outline-hover`] = rgba(\n      theme.colors[color][lightPrimaryShade],\n      0.05\n    );\n\n    result.dark['--mantine-color-dimmed'] = 'var(--mantine-color-dark-2)';\n    result.dark[`--mantine-color-${color}-filled`] = theme.colors[color][darkPrimaryShade];\n    result.dark[`--mantine-color-${color}-filled-hover`] = darkFilledHover;\n    result.dark[`--mantine-color-${color}-light`] = rgba(\n      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n      0.1\n    );\n    result.dark[`--mantine-color-${color}-light-hover`] = rgba(\n      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n      0.12\n    );\n    result.dark[`--mantine-color-${color}-light-color`] =\n      theme.colors[color][Math.max(darkPrimaryShade - 3, 0)];\n    result.dark[`--mantine-color-${color}-outline`] =\n      theme.colors[color][Math.max(darkPrimaryShade - 4, 0)];\n    result.dark[`--mantine-color-${color}-outline-hover`] = rgba(\n      theme.colors[color][Math.max(darkPrimaryShade - 4, 0)],\n      0.05\n    );\n  });\n\n  const headings = theme.headings.sizes;\n\n  keys(headings).forEach((heading) => {\n    result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n    result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n    result.variables[`--mantine-${heading}-font-weight`] =\n      headings[heading].fontWeight || theme.headings.fontWeight;\n  });\n\n  return result;\n};\n"],"names":["keys","getPrimaryShade","rem","rgba"],"mappings":"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"}

package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js

@@ -6,9 +6,9 @@ var defaultCssVariablesResolver = require('./default-css-variables-resolver.js')
 var deepMerge = require('../../utils/deep-merge/deep-merge.js');
 
 function getMergedVariables({ theme, generator }) {
-    const defaultResolver = defaultCssVariablesResolver.defaultCssVariablesResolver(theme);
-    const providerGenerator = generator === null || generator === void 0 ? void 0 : generator(theme);
-    return providerGenerator ? deepMerge.deepMerge(defaultResolver, providerGenerator) : defaultResolver;
+  const defaultResolver = defaultCssVariablesResolver.defaultCssVariablesResolver(theme);
+  const providerGenerator = generator == null ? void 0 : generator(theme);
+  return providerGenerator ? deepMerge.deepMerge(defaultResolver, providerGenerator) : defaultResolver;
 }
 
 exports.getMergedVariables = getMergedVariables;

package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-merged-variables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-merged-variables.ts"],"sourcesContent":["import { deepMerge } from '../../utils';\nimport { MantineTheme } from '../theme.types';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\n\ninterface GetMergedVariablesInput {\n  theme: MantineTheme;\n  generator?(theme: MantineTheme): ConvertCSSVariablesInput;\n}\n\nexport function getMergedVariables({ theme, generator }: GetMergedVariablesInput) {\n  const defaultResolver = defaultCssVariablesResolver(theme);\n  const providerGenerator = generator?.(theme);\n  return providerGenerator ? deepMerge(defaultResolver, providerGenerator) : defaultResolver;\n}\n"],"names":["defaultCssVariablesResolver","deepMerge"],"mappings":";;;;;;;SAUgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAA2B;IAC9E,MAAM,eAAe,GAAGA,uDAA2B,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;IAC7C,OAAO,iBAAiB,GAAGC,mBAAS,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,eAAe,CAAC;AAC7F;;;;"}
+{"version":3,"file":"get-merged-variables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-merged-variables.ts"],"sourcesContent":["import { deepMerge } from '../../utils';\nimport { MantineTheme } from '../theme.types';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\n\ninterface GetMergedVariablesInput {\n  theme: MantineTheme;\n  generator?(theme: MantineTheme): ConvertCSSVariablesInput;\n}\n\nexport function getMergedVariables({ theme, generator }: GetMergedVariablesInput) {\n  const defaultResolver = defaultCssVariablesResolver(theme);\n  const providerGenerator = generator?.(theme);\n  return providerGenerator ? deepMerge(defaultResolver, providerGenerator) : defaultResolver;\n}\n"],"names":["defaultCssVariablesResolver","deepMerge"],"mappings":";;;;;;;AAEO,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACzD,EAAE,MAAM,eAAe,GAAGA,uDAA2B,CAAC,KAAK,CAAC,CAAC;AAC7D,EAAE,MAAM,iBAAiB,GAAG,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAC1E,EAAE,OAAO,iBAAiB,GAAGC,mBAAS,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,eAAe,CAAC;AAC7F;;;;"}

package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js

@@ -8,27 +8,27 @@ var keys = require('../../utils/keys/keys.js');
 
 const defaultCssVariables = defaultCssVariablesResolver.defaultCssVariablesResolver(defaultTheme.DEFAULT_THEME);
 function removeDefaultVariables(input) {
-    const cleaned = {
-        variables: {},
-        light: {},
-        dark: {},
-    };
-    keys.keys(input.variables).forEach((key) => {
-        if (defaultCssVariables.variables[key] !== input.variables[key]) {
-            cleaned.variables[key] = input.variables[key];
-        }
-    });
-    keys.keys(input.light).forEach((key) => {
-        if (defaultCssVariables.light[key] !== input.light[key]) {
-            cleaned.light[key] = input.light[key];
-        }
-    });
-    keys.keys(input.dark).forEach((key) => {
-        if (defaultCssVariables.dark[key] !== input.dark[key]) {
-            cleaned.dark[key] = input.dark[key];
-        }
-    });
-    return cleaned;
+  const cleaned = {
+    variables: {},
+    light: {},
+    dark: {}
+  };
+  keys.keys(input.variables).forEach((key) => {
+    if (defaultCssVariables.variables[key] !== input.variables[key]) {
+      cleaned.variables[key] = input.variables[key];
+    }
+  });
+  keys.keys(input.light).forEach((key) => {
+    if (defaultCssVariables.light[key] !== input.light[key]) {
+      cleaned.light[key] = input.light[key];
+    }
+  });
+  keys.keys(input.dark).forEach((key) => {
+    if (defaultCssVariables.dark[key] !== input.dark[key]) {
+      cleaned.dark[key] = input.dark[key];
+    }
+  });
+  return cleaned;
 }
 
 exports.removeDefaultVariables = removeDefaultVariables;

package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"remove-default-variables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/remove-default-variables.ts"],"sourcesContent":["import { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { keys } from '../../utils';\n\nconst defaultCssVariables = defaultCssVariablesResolver(DEFAULT_THEME);\n\nexport function removeDefaultVariables(input: ConvertCSSVariablesInput): ConvertCSSVariablesInput {\n  const cleaned: ConvertCSSVariablesInput = {\n    variables: {},\n    light: {},\n    dark: {},\n  };\n\n  keys(input.variables).forEach((key) => {\n    if (defaultCssVariables.variables[key] !== input.variables[key]) {\n      cleaned.variables[key] = input.variables[key];\n    }\n  });\n\n  keys(input.light).forEach((key) => {\n    if (defaultCssVariables.light[key] !== input.light[key]) {\n      cleaned.light[key] = input.light[key];\n    }\n  });\n\n  keys(input.dark).forEach((key) => {\n    if (defaultCssVariables.dark[key] !== input.dark[key]) {\n      cleaned.dark[key] = input.dark[key];\n    }\n  });\n\n  return cleaned;\n}\n"],"names":["defaultCssVariablesResolver","DEFAULT_THEME","keys"],"mappings":";;;;;;;;AAKA,MAAM,mBAAmB,GAAGA,uDAA2B,CAACC,0BAAa,CAAC,CAAC;SAEvD,sBAAsB,CAAC,KAA+B;IACpE,MAAM,OAAO,GAA6B;QACxC,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACT,CAAC;IAEFC,SAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;QAChC,IAAI,mBAAmB,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;YAC/D,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SAC/C;KACF,CAAC,CAAC;IAEHA,SAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;QAC5B,IAAI,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACvD,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACvC;KACF,CAAC,CAAC;IAEHA,SAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;QAC3B,IAAI,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACrD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACrC;KACF,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"remove-default-variables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/remove-default-variables.ts"],"sourcesContent":["import { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { keys } from '../../utils';\n\nconst defaultCssVariables = defaultCssVariablesResolver(DEFAULT_THEME);\n\nexport function removeDefaultVariables(input: ConvertCSSVariablesInput): ConvertCSSVariablesInput {\n  const cleaned: ConvertCSSVariablesInput = {\n    variables: {},\n    light: {},\n    dark: {},\n  };\n\n  keys(input.variables).forEach((key) => {\n    if (defaultCssVariables.variables[key] !== input.variables[key]) {\n      cleaned.variables[key] = input.variables[key];\n    }\n  });\n\n  keys(input.light).forEach((key) => {\n    if (defaultCssVariables.light[key] !== input.light[key]) {\n      cleaned.light[key] = input.light[key];\n    }\n  });\n\n  keys(input.dark).forEach((key) => {\n    if (defaultCssVariables.dark[key] !== input.dark[key]) {\n      cleaned.dark[key] = input.dark[key];\n    }\n  });\n\n  return cleaned;\n}\n"],"names":["defaultCssVariablesResolver","DEFAULT_THEME","keys"],"mappings":";;;;;;;;AAGA,MAAM,mBAAmB,GAAGA,uDAA2B,CAACC,0BAAa,CAAC,CAAC;AAChE,SAAS,sBAAsB,CAAC,KAAK,EAAE;AAC9C,EAAE,MAAM,OAAO,GAAG;AAClB,IAAI,SAAS,EAAE,EAAE;AACjB,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC;AACJ,EAAEC,SAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACzC,IAAI,IAAI,mBAAmB,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;AACrE,MAAM,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AACpD,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAEA,SAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACrC,IAAI,IAAI,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;AAC7D,MAAM,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC5C,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAEA,SAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACpC,IAAI,IAAI,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;AAC3D,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1C,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,OAAO,CAAC;AACjB;;;;"}

package/cjs/core/MantineProvider/MantineProvider.js

@@ -16,31 +16,45 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 suppressNextjsWarning.suppressNextjsWarning();
-function MantineProvider({ theme, children, getStyleNonce, withCssVariables = true, cssVariablesSelector = ':root', classNamesPrefix = 'mantine', colorSchemeManager = localStorageManager.localStorageColorSchemeManager(), defaultColorScheme = 'auto', getRootElement = () => document.documentElement, cssVariablesResolver, }) {
-    const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme.useProviderColorScheme({
-        defaultColorScheme,
-        manager: colorSchemeManager,
+function MantineProvider({
+  theme,
+  children,
+  getStyleNonce,
+  withCssVariables = true,
+  cssVariablesSelector = ":root",
+  classNamesPrefix = "mantine",
+  colorSchemeManager = localStorageManager.localStorageColorSchemeManager(),
+  defaultColorScheme = "auto",
+  getRootElement = () => document.documentElement,
+  cssVariablesResolver
+}) {
+  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme.useProviderColorScheme({
+    defaultColorScheme,
+    manager: colorSchemeManager,
+    getRootElement
+  });
+  useRespectReduceMotion.useRespectReduceMotion({
+    respectReducedMotion: (theme == null ? void 0 : theme.respectReducedMotion) || false,
+    getRootElement
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    Mantine_context.MantineContext.Provider,
+    {
+      value: {
+        colorSchemeManager,
+        colorScheme,
+        setColorScheme,
+        clearColorScheme,
         getRootElement,
-    });
-    useRespectReduceMotion.useRespectReduceMotion({
-        respectReducedMotion: (theme === null || theme === void 0 ? void 0 : theme.respectReducedMotion) || false,
-        getRootElement,
-    });
-    return (React__default.createElement(Mantine_context.MantineContext.Provider, { value: {
-            colorSchemeManager,
-            colorScheme,
-            setColorScheme,
-            clearColorScheme,
-            getRootElement,
-            classNamesPrefix,
-            getStyleNonce,
-            cssVariablesResolver,
-        } },
-        React__default.createElement(MantineThemeProvider.MantineThemeProvider, { theme: theme },
-            withCssVariables && React__default.createElement(MantineCssVariables.MantineCssVariables, { cssVariablesSelector: cssVariablesSelector }),
-            children)));
+        classNamesPrefix,
+        getStyleNonce,
+        cssVariablesResolver
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(MantineThemeProvider.MantineThemeProvider, { theme }, withCssVariables && /* @__PURE__ */ React__default.createElement(MantineCssVariables.MantineCssVariables, { cssVariablesSelector }), children)
+  );
 }
-MantineProvider.displayName = '@mantine/core/MantineProvider';
+MantineProvider.displayName = "@mantine/core/MantineProvider";
 
 exports.MantineProvider = MantineProvider;
 //# sourceMappingURL=MantineProvider.js.map

package/cjs/core/MantineProvider/MantineProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './styles/css-reset.css';\nimport './styles/global-styles.css';\nimport './styles/default-css-variables.css';\nimport React from 'react';\nimport { suppressNextjsWarning } from './suppress-nextjs-warning';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nsuppressNextjsWarning();\n\nexport interface MantineProviderProps {\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n  colorSchemeManager?: MantineColorSchemeManager;\n\n  /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `auto` by default */\n  defaultColorScheme?: MantineColorScheme;\n\n  /** CSS selector to which CSS variables should be added, `:root` by default */\n  cssVariablesSelector?: string;\n\n  /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n  withCssVariables?: boolean;\n\n  /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n  getRootElement?(): HTMLElement | undefined;\n\n  /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n  classNamesPrefix?: string;\n\n  /** Function to generate nonce attribute added to all generated `<style />` tags */\n  getStyleNonce?(): string;\n\n  /** Function to generate CSS variables based on theme object */\n  cssVariablesResolver?: CSSVariablesResolver;\n\n  /** Your application */\n  children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n  theme,\n  children,\n  getStyleNonce,\n  withCssVariables = true,\n  cssVariablesSelector = ':root',\n  classNamesPrefix = 'mantine',\n  colorSchemeManager = localStorageColorSchemeManager(),\n  defaultColorScheme = 'auto',\n  getRootElement = () => document.documentElement,\n  cssVariablesResolver,\n}: MantineProviderProps) {\n  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n    defaultColorScheme,\n    manager: colorSchemeManager,\n    getRootElement,\n  });\n\n  useRespectReduceMotion({\n    respectReducedMotion: theme?.respectReducedMotion || false,\n    getRootElement,\n  });\n\n  return (\n    <MantineContext.Provider\n      value={{\n        colorSchemeManager,\n        colorScheme,\n        setColorScheme,\n        clearColorScheme,\n        getRootElement,\n        classNamesPrefix,\n        getStyleNonce,\n        cssVariablesResolver,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>\n        {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n        {children}\n      </MantineThemeProvider>\n    </MantineContext.Provider>\n  );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":["suppressNextjsWarning","localStorageColorSchemeManager","useProviderColorScheme","useRespectReduceMotion","React","MantineContext","MantineThemeProvider","MantineCssVariables"],"mappings":";;;;;;;;;;;;;;;;;AAaAA,2CAAqB,EAAE,CAAC;SAkCR,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,GAAG,IAAI,EACvB,oBAAoB,GAAG,OAAO,EAC9B,gBAAgB,GAAG,SAAS,EAC5B,kBAAkB,GAAGC,kDAA8B,EAAE,EACrD,kBAAkB,GAAG,MAAM,EAC3B,cAAc,GAAG,MAAM,QAAQ,CAAC,eAAe,EAC/C,oBAAoB,GACC;IACrB,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAGC,6CAAsB,CAAC;QAC/E,kBAAkB;QAClB,OAAO,EAAE,kBAAkB;QAC3B,cAAc;KACf,CAAC,CAAC;IAEHC,6CAAsB,CAAC;QACrB,oBAAoB,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,oBAAoB,KAAI,KAAK;QAC1D,cAAc;KACf,CAAC,CAAC;IAEH,QACEC,6BAACC,8BAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,kBAAkB;YAClB,WAAW;YACX,cAAc;YACd,gBAAgB;YAChB,cAAc;YACd,gBAAgB;YAChB,aAAa;YACb,oBAAoB;SACrB;QAEDD,6BAACE,yCAAoB,IAAC,KAAK,EAAE,KAAK;YAC/B,gBAAgB,IAAIF,6BAACG,uCAAmB,IAAC,oBAAoB,EAAE,oBAAoB,GAAI;YACvF,QAAQ,CACY,CACC,EAC1B;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}
+{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './styles/css-reset.css';\nimport './styles/global-styles.css';\nimport './styles/default-css-variables.css';\nimport React from 'react';\nimport { suppressNextjsWarning } from './suppress-nextjs-warning';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nsuppressNextjsWarning();\n\nexport interface MantineProviderProps {\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n  colorSchemeManager?: MantineColorSchemeManager;\n\n  /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `auto` by default */\n  defaultColorScheme?: MantineColorScheme;\n\n  /** CSS selector to which CSS variables should be added, `:root` by default */\n  cssVariablesSelector?: string;\n\n  /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n  withCssVariables?: boolean;\n\n  /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n  getRootElement?(): HTMLElement | undefined;\n\n  /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n  classNamesPrefix?: string;\n\n  /** Function to generate nonce attribute added to all generated `<style />` tags */\n  getStyleNonce?(): string;\n\n  /** Function to generate CSS variables based on theme object */\n  cssVariablesResolver?: CSSVariablesResolver;\n\n  /** Your application */\n  children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n  theme,\n  children,\n  getStyleNonce,\n  withCssVariables = true,\n  cssVariablesSelector = ':root',\n  classNamesPrefix = 'mantine',\n  colorSchemeManager = localStorageColorSchemeManager(),\n  defaultColorScheme = 'auto',\n  getRootElement = () => document.documentElement,\n  cssVariablesResolver,\n}: MantineProviderProps) {\n  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n    defaultColorScheme,\n    manager: colorSchemeManager,\n    getRootElement,\n  });\n\n  useRespectReduceMotion({\n    respectReducedMotion: theme?.respectReducedMotion || false,\n    getRootElement,\n  });\n\n  return (\n    <MantineContext.Provider\n      value={{\n        colorSchemeManager,\n        colorScheme,\n        setColorScheme,\n        clearColorScheme,\n        getRootElement,\n        classNamesPrefix,\n        getStyleNonce,\n        cssVariablesResolver,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>\n        {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n        {children}\n      </MantineThemeProvider>\n    </MantineContext.Provider>\n  );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":["suppressNextjsWarning","localStorageColorSchemeManager","useProviderColorScheme","useRespectReduceMotion","React","MantineContext","MantineThemeProvider","MantineCssVariables"],"mappings":";;;;;;;;;;;;;;;;;AAWAA,2CAAqB,EAAE,CAAC;AACjB,SAAS,eAAe,CAAC;AAChC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,gBAAgB,GAAG,IAAI;AACzB,EAAE,oBAAoB,GAAG,OAAO;AAChC,EAAE,gBAAgB,GAAG,SAAS;AAC9B,EAAE,kBAAkB,GAAGC,kDAA8B,EAAE;AACvD,EAAE,kBAAkB,GAAG,MAAM;AAC7B,EAAE,cAAc,GAAG,MAAM,QAAQ,CAAC,eAAe;AACjD,EAAE,oBAAoB;AACtB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAGC,6CAAsB,CAAC;AACnF,IAAI,kBAAkB;AACtB,IAAI,OAAO,EAAE,kBAAkB;AAC/B,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAEC,6CAAsB,CAAC;AACzB,IAAI,oBAAoB,EAAE,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,oBAAoB,KAAK,KAAK;AACxF,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa;AAC5C,IAAIC,8BAAc,CAAC,QAAQ;AAC3B,IAAI;AACJ,MAAM,KAAK,EAAE;AACb,QAAQ,kBAAkB;AAC1B,QAAQ,WAAW;AACnB,QAAQ,cAAc;AACtB,QAAQ,gBAAgB;AACxB,QAAQ,cAAc;AACtB,QAAQ,gBAAgB;AACxB,QAAQ,aAAa;AACrB,QAAQ,oBAAoB;AAC5B,OAAO;AACP,KAAK;AACL,oBAAoBD,cAAK,CAAC,aAAa,CAACE,yCAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,gBAAgB,oBAAoBF,cAAK,CAAC,aAAa,CAACG,uCAAmB,EAAE,EAAE,oBAAoB,EAAE,CAAC,EAAE,QAAQ,CAAC;AAC1L,GAAG,CAAC;AACJ,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}

package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js

@@ -13,18 +13,27 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 const MantineThemeContext = React.createContext(null);
 const useSafeMantineTheme = () => React.useContext(MantineThemeContext) || defaultTheme.DEFAULT_THEME;
 function useMantineTheme() {
-    const ctx = React.useContext(MantineThemeContext);
-    if (!ctx) {
-        throw new Error('@mantine/core: MantineThemeProvider is not found in component tree, make sure you have it in your app');
-    }
-    return ctx;
+  const ctx = React.useContext(MantineThemeContext);
+  if (!ctx) {
+    throw new Error(
+      "@mantine/core: MantineThemeProvider is not found in component tree, make sure you have it in your app"
+    );
+  }
+  return ctx;
 }
-function MantineThemeProvider({ theme, children, inherit = true, }) {
-    const parentTheme = useSafeMantineTheme();
-    const mergedTheme = React.useMemo(() => mergeMantineTheme.mergeMantineTheme(inherit ? parentTheme : defaultTheme.DEFAULT_THEME, theme), [theme, parentTheme, inherit]);
-    return (React__default.createElement(MantineThemeContext.Provider, { value: mergedTheme }, children));
+function MantineThemeProvider({
+  theme,
+  children,
+  inherit = true
+}) {
+  const parentTheme = useSafeMantineTheme();
+  const mergedTheme = React.useMemo(
+    () => mergeMantineTheme.mergeMantineTheme(inherit ? parentTheme : defaultTheme.DEFAULT_THEME, theme),
+    [theme, parentTheme, inherit]
+  );
+  return /* @__PURE__ */ React__default.createElement(MantineThemeContext.Provider, { value: mergedTheme }, children);
 }
-MantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';
+MantineThemeProvider.displayName = "@mantine/core/MantineThemeProvider";
 
 exports.MantineThemeContext = MantineThemeContext;
 exports.MantineThemeProvider = MantineThemeProvider;

package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MantineThemeProvider.js","sources":["../../../../src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { MantineTheme, MantineThemeOverride } from '../theme.types';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { mergeMantineTheme } from '../merge-mantine-theme';\n\nexport const MantineThemeContext = createContext<MantineTheme | null>(null);\n\nexport const useSafeMantineTheme = () => useContext(MantineThemeContext) || DEFAULT_THEME;\n\nexport function useMantineTheme() {\n  const ctx = useContext(MantineThemeContext);\n  if (!ctx) {\n    throw new Error(\n      '@mantine/core: MantineThemeProvider is not found in component tree, make sure you have it in your app'\n    );\n  }\n\n  return ctx;\n}\n\nexport interface MantineThemeProviderProps {\n  /** Determines whether theme should be inherited from parent MantineProvider, `true` by default */\n  inherit?: boolean;\n\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Your application or part of the application that requires different theme */\n  children: React.ReactNode;\n}\n\nexport function MantineThemeProvider({\n  theme,\n  children,\n  inherit = true,\n}: MantineThemeProviderProps) {\n  const parentTheme = useSafeMantineTheme();\n  const mergedTheme = useMemo(\n    () => mergeMantineTheme(inherit ? parentTheme : DEFAULT_THEME, theme),\n    [theme, parentTheme, inherit]\n  );\n\n  return (\n    <MantineThemeContext.Provider value={mergedTheme}>{children}</MantineThemeContext.Provider>\n  );\n}\n\nMantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';\n"],"names":["createContext","useContext","DEFAULT_THEME","useMemo","mergeMantineTheme","React"],"mappings":";;;;;;;;;;;;MAKa,mBAAmB,GAAGA,mBAAa,CAAsB,IAAI,EAAE;MAE/D,mBAAmB,GAAG,MAAMC,gBAAU,CAAC,mBAAmB,CAAC,IAAIC,2BAAc;SAE1E,eAAe;IAC7B,MAAM,GAAG,GAAGD,gBAAU,CAAC,mBAAmB,CAAC,CAAC;IAC5C,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CACb,uGAAuG,CACxG,CAAC;KACH;IAED,OAAO,GAAG,CAAC;AACb,CAAC;SAae,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,IAAI,GACY;IAC1B,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;IAC1C,MAAM,WAAW,GAAGE,aAAO,CACzB,MAAMC,mCAAiB,CAAC,OAAO,GAAG,WAAW,GAAGF,0BAAa,EAAE,KAAK,CAAC,EACrE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,CAC9B,CAAC;IAEF,QACEG,6BAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAAG,QAAQ,CAAgC,EAC3F;AACJ,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,oCAAoC;;;;;;;"}
+{"version":3,"file":"MantineThemeProvider.js","sources":["../../../../src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { MantineTheme, MantineThemeOverride } from '../theme.types';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { mergeMantineTheme } from '../merge-mantine-theme';\n\nexport const MantineThemeContext = createContext<MantineTheme | null>(null);\n\nexport const useSafeMantineTheme = () => useContext(MantineThemeContext) || DEFAULT_THEME;\n\nexport function useMantineTheme() {\n  const ctx = useContext(MantineThemeContext);\n  if (!ctx) {\n    throw new Error(\n      '@mantine/core: MantineThemeProvider is not found in component tree, make sure you have it in your app'\n    );\n  }\n\n  return ctx;\n}\n\nexport interface MantineThemeProviderProps {\n  /** Determines whether theme should be inherited from parent MantineProvider, `true` by default */\n  inherit?: boolean;\n\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Your application or part of the application that requires different theme */\n  children: React.ReactNode;\n}\n\nexport function MantineThemeProvider({\n  theme,\n  children,\n  inherit = true,\n}: MantineThemeProviderProps) {\n  const parentTheme = useSafeMantineTheme();\n  const mergedTheme = useMemo(\n    () => mergeMantineTheme(inherit ? parentTheme : DEFAULT_THEME, theme),\n    [theme, parentTheme, inherit]\n  );\n\n  return (\n    <MantineThemeContext.Provider value={mergedTheme}>{children}</MantineThemeContext.Provider>\n  );\n}\n\nMantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';\n"],"names":["createContext","useContext","DEFAULT_THEME","useMemo","mergeMantineTheme","React"],"mappings":";;;;;;;;;;;;AAGY,MAAC,mBAAmB,GAAGA,mBAAa,CAAC,IAAI,EAAE;AAC3C,MAAC,mBAAmB,GAAG,MAAMC,gBAAU,CAAC,mBAAmB,CAAC,IAAIC,2BAAc;AACnF,SAAS,eAAe,GAAG;AAClC,EAAE,MAAM,GAAG,GAAGD,gBAAU,CAAC,mBAAmB,CAAC,CAAC;AAC9C,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK;AACnB,MAAM,uGAAuG;AAC7G,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACM,SAAS,oBAAoB,CAAC;AACrC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,OAAO,GAAG,IAAI;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;AAC5C,EAAE,MAAM,WAAW,GAAGE,aAAO;AAC7B,IAAI,MAAMC,mCAAiB,CAAC,OAAO,GAAG,WAAW,GAAGF,0BAAa,EAAE,KAAK,CAAC;AACzE,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,uBAAuBG,cAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC7G,CAAC;AACD,oBAAoB,CAAC,WAAW,GAAG,oCAAoC;;;;;;;"}

package/cjs/core/MantineProvider/color-functions/darken/darken.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var toRgba = require('../to-rgba/to-rgba.js');
 
 function darken(color, alpha) {
-    if (color.startsWith('var(')) {
-        return color;
-    }
-    const { r, g, b, a } = toRgba.toRgba(color);
-    const f = 1 - alpha;
-    const dark = (input) => Math.round(input * f);
-    return `rgba(${dark(r)}, ${dark(g)}, ${dark(b)}, ${a})`;
+  if (color.startsWith("var(")) {
+    return color;
+  }
+  const { r, g, b, a } = toRgba.toRgba(color);
+  const f = 1 - alpha;
+  const dark = (input) => Math.round(input * f);
+  return `rgba(${dark(r)}, ${dark(g)}, ${dark(b)}, ${a})`;
 }
 
 exports.darken = darken;