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

package/cjs/core/InlineStyles/InlineStyles.js

@@ -12,11 +12,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function InlineStyles({ selector, styles, media }) {
   const nonce = Mantine_context.useMantineStyleNonce();
-  return /* @__PURE__ */ React__default.createElement("style", {
-    "data-mantine-styles": "inline",
-    nonce: nonce == null ? void 0 : nonce(),
-    dangerouslySetInnerHTML: { __html: stylesToString.stylesToString({ selector, styles, media }) }
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    "style",
+    {
+      "data-mantine-styles": "inline",
+      nonce: nonce == null ? void 0 : nonce(),
+      dangerouslySetInnerHTML: { __html: stylesToString.stylesToString({ selector, styles, media }) }
+    }
+  );
 }
 
 exports.InlineStyles = InlineStyles;

package/cjs/core/InlineStyles/InlineStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineStyles.js","sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import React from 'react';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\nimport { useMantineStyleNonce } from '../MantineProvider';\n\nexport interface InlineStylesProps\n  extends InlineStylesInput,\n    Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {}\n\nexport function InlineStyles({ selector, styles, media }: InlineStylesInput) {\n  const nonce = useMantineStyleNonce();\n  return (\n    <style\n      data-mantine-styles=\"inline\"\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{ __html: stylesToString({ selector, styles, media }) }}\n    />\n  );\n}\n"],"names":["useMantineStyleNonce","React","stylesToString"],"mappings":";;;;;;;;;;;;AAGO,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAC1D,EAAE,MAAM,KAAK,GAAGA,oCAAoB,EAAE,CAAC;AACvC,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACtD,IAAI,qBAAqB,EAAE,QAAQ;AACnC,IAAI,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE;AAC3C,IAAI,uBAAuB,EAAE,EAAE,MAAM,EAAEC,6BAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;AACpF,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"InlineStyles.js","sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import React from 'react';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\nimport { useMantineStyleNonce } from '../MantineProvider';\n\nexport interface InlineStylesProps\n  extends InlineStylesInput,\n    Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {}\n\nexport function InlineStyles({ selector, styles, media }: InlineStylesInput) {\n  const nonce = useMantineStyleNonce();\n  return (\n    <style\n      data-mantine-styles=\"inline\"\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{ __html: stylesToString({ selector, styles, media }) }}\n    />\n  );\n}\n"],"names":["useMantineStyleNonce","React","stylesToString"],"mappings":";;;;;;;;;;;;AAGO,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAC1D,EAAE,MAAM,KAAK,GAAGA,oCAAoB,EAAE,CAAC;AACvC,EAAE,uBAAuBC,cAAK,CAAC,aAAa;AAC5C,IAAI,OAAO;AACX,IAAI;AACJ,MAAM,qBAAqB,EAAE,QAAQ;AACrC,MAAM,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE;AAC7C,MAAM,uBAAuB,EAAE,EAAE,MAAM,EAAEC,6BAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;AACtF,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js

@@ -6,8 +6,10 @@ var keys = require('../../utils/keys/keys.js');
 var camelToKebabCase = require('../../utils/camel-to-kebab-case/camel-to-kebab-case.js');
 
 function cssObjectToString(css) {
-  return keys.keys(css).reduce((acc, rule) => css[rule] !== void 0 ? `${acc}
-${camelToKebabCase.camelToKebabCase(rule)}: ${css[rule]};` : acc, "").trim();
+  return keys.keys(css).reduce(
+    (acc, rule) => css[rule] !== void 0 ? `${acc}${camelToKebabCase.camelToKebabCase(rule)}:${css[rule]};` : acc,
+    ""
+  ).trim();
 }
 
 exports.cssObjectToString = cssObjectToString;

package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js.map

@@ -1 +1 @@
-{"version":3,"file":"css-object-to-string.js","sources":["../../../../src/core/InlineStyles/css-object-to-string/css-object-to-string.ts"],"sourcesContent":["import { keys, camelToKebabCase } from '../../utils';\n\nexport function cssObjectToString(css: React.CSSProperties) {\n  return keys(css)\n    .reduce(\n      (acc, rule) =>\n        css[rule] !== undefined ? `${acc}\\n${camelToKebabCase(rule)}: ${css[rule]};` : acc,\n      ''\n    )\n    .trim();\n}\n"],"names":["keys","camelToKebabCase"],"mappings":";;;;;;;AACO,SAAS,iBAAiB,CAAC,GAAG,EAAE;AACvC,EAAE,OAAOA,SAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;AACvE,EAAEC,iCAAgB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AAC5D;;;;"}
+{"version":3,"file":"css-object-to-string.js","sources":["../../../../src/core/InlineStyles/css-object-to-string/css-object-to-string.ts"],"sourcesContent":["import { keys, camelToKebabCase } from '../../utils';\n\nexport function cssObjectToString(css: React.CSSProperties) {\n  return keys(css)\n    .reduce(\n      (acc, rule) =>\n        css[rule] !== undefined ? `${acc}${camelToKebabCase(rule)}:${css[rule]};` : acc,\n      ''\n    )\n    .trim();\n}\n"],"names":["keys","camelToKebabCase"],"mappings":";;;;;;;AACO,SAAS,iBAAiB,CAAC,GAAG,EAAE;AACvC,EAAE,OAAOA,SAAI,CAAC,GAAG,CAAC,CAAC,MAAM;AACzB,IAAI,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAEC,iCAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG;AAC/F,IAAI,EAAE;AACN,GAAG,CAAC,IAAI,EAAE,CAAC;AACX;;;;"}

package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js

@@ -4,23 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssObjectToString = require('../css-object-to-string/css-object-to-string.js');
 
-function padLines(string, count) {
-  const whitespace = " ".repeat(count);
-  return `${whitespace}${string.replace(/(?:\r\n|\r|\n)/g, `
-${whitespace}`)}`;
-}
 function stylesToString({ selector, styles, media }) {
-  const baseStyles = styles ? padLines(cssObjectToString.cssObjectToString(styles), 2) : "";
-  const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media ${item.query} {
-  ${selector} {
-${padLines(cssObjectToString.cssObjectToString(item.styles), 4)}
-  }
-}`);
-  return `${baseStyles ? `${selector} {
-${baseStyles}
-}
-
-` : ""}${mediaQueryStyles.join("\n\n")}`.trim();
+  const baseStyles = styles ? cssObjectToString.cssObjectToString(styles) : "";
+  const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString.cssObjectToString(item.styles)}}}`);
+  return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}`.trim();
 }
 
 exports.stylesToString = stylesToString;

package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles-to-string.js","sources":["../../../../src/core/InlineStyles/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { cssObjectToString } from '../css-object-to-string/css-object-to-string';\n\nfunction padLines(string: string, count: number) {\n  const whitespace = ' '.repeat(count);\n  return `${whitespace}${string.replace(/(?:\\r\\n|\\r|\\n)/g, `\\n${whitespace}`)}`;\n}\n\nexport interface InlineStylesMediaQuery {\n  query: string;\n  styles: React.CSSProperties;\n}\n\nexport interface InlineStylesInput {\n  selector: string;\n  styles?: React.CSSProperties;\n  media?: InlineStylesMediaQuery[];\n}\n\nexport function stylesToString({ selector, styles, media }: InlineStylesInput) {\n  const baseStyles = styles ? padLines(cssObjectToString(styles), 2) : '';\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map(\n        (item) =>\n          `@media ${item.query} {\\n  ${selector} {\\n${padLines(\n            cssObjectToString(item.styles),\n            4\n          )}\\n  }\\n}`\n      );\n\n  return `${baseStyles ? `${selector} {\\n${baseStyles}\\n}\\n\\n` : ''}${mediaQueryStyles.join(\n    '\\n\\n'\n  )}`.trim();\n}\n"],"names":["cssObjectToString"],"mappings":";;;;;;AACA,SAAS,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE;AACjC,EAAE,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACvC,EAAE,OAAO,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;AAC5D,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC;AACM,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAC5D,EAAE,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAACA,mCAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAC1E,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;AACjG,EAAE,EAAE,QAAQ,CAAC;AACb,EAAE,QAAQ,CAACA,mCAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9C;AACA,CAAC,CAAC,CAAC,CAAC;AACJ,EAAE,OAAO,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,QAAQ,CAAC;AACrC,EAAE,UAAU,CAAC;AACb;AACA;AACA,CAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAChD;;;;"}
+{"version":3,"file":"styles-to-string.js","sources":["../../../../src/core/InlineStyles/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { cssObjectToString } from '../css-object-to-string/css-object-to-string';\n\nexport interface InlineStylesMediaQuery {\n  query: string;\n  styles: React.CSSProperties;\n}\n\nexport interface InlineStylesInput {\n  selector: string;\n  styles?: React.CSSProperties;\n  media?: InlineStylesMediaQuery[];\n}\n\nexport function stylesToString({ selector, styles, media }: InlineStylesInput) {\n  const baseStyles = styles ? cssObjectToString(styles) : '';\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);\n\n  return `${baseStyles ? `${selector}{${baseStyles}}` : ''}${mediaQueryStyles.join('')}`.trim();\n}\n"],"names":["cssObjectToString"],"mappings":";;;;;;AACO,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAC5D,EAAE,MAAM,UAAU,GAAG,MAAM,GAAGA,mCAAiB,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;AAC7D,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAEA,mCAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnJ,EAAE,OAAO,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAChG;;;;"}

package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js

@@ -45,7 +45,8 @@ const getScript = ({
 }) => `
   try {
     var colorScheme = window.localStorage.getItem('${localStorageKey}') || '${defaultColorScheme}';
-    document.documentElement.setAttribute('data-mantine-color-scheme', colorScheme);
+    var computedColorScheme = colorScheme !== 'auto' ? colorScheme : window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    document.documentElement.setAttribute('data-mantine-color-scheme', computedColorScheme);
   } catch (e) {}
 `;
 function ColorSchemeScript(_a) {
@@ -56,10 +57,13 @@ function ColorSchemeScript(_a) {
     "defaultColorScheme",
     "localStorageKey"
   ]);
-  return /* @__PURE__ */ React__default.createElement("script", __spreadProps(__spreadValues({}, others), {
-    "data-mantine-script": true,
-    dangerouslySetInnerHTML: { __html: getScript({ defaultColorScheme, localStorageKey }) }
-  }));
+  return /* @__PURE__ */ React__default.createElement(
+    "script",
+    __spreadProps(__spreadValues({}, others), {
+      "data-mantine-script": true,
+      dangerouslySetInnerHTML: { __html: getScript({ defaultColorScheme, localStorageKey }) }
+    })
+  );
 }
 
 exports.ColorSchemeScript = ColorSchemeScript;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeScript.js","sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import React from 'react';\nimport type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'script'> {\n  defaultColorScheme?: MantineColorScheme;\n  localStorageKey?: string;\n}\n\nconst getScript = ({\n  defaultColorScheme,\n  localStorageKey,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey'>) => `\n  try {\n    var colorScheme = window.localStorage.getItem('${localStorageKey}') || '${defaultColorScheme}';\n    document.documentElement.setAttribute('data-mantine-color-scheme', colorScheme);\n  } catch (e) {}\n`;\n\nexport function ColorSchemeScript({\n  defaultColorScheme = 'auto',\n  localStorageKey = 'mantine-color-scheme',\n  ...others\n}: ColorSchemeScriptProps) {\n  return (\n    <script\n      {...others}\n      data-mantine-script\n      dangerouslySetInnerHTML={{ __html: getScript({ defaultColorScheme, localStorageKey }) }}\n    />\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ColorSchemeScript.js","sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import React from 'react';\nimport type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'script'> {\n  defaultColorScheme?: MantineColorScheme;\n  localStorageKey?: string;\n}\n\nconst getScript = ({\n  defaultColorScheme,\n  localStorageKey,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey'>) => `\n  try {\n    var colorScheme = window.localStorage.getItem('${localStorageKey}') || '${defaultColorScheme}';\n    var computedColorScheme = colorScheme !== 'auto' ? colorScheme : window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    document.documentElement.setAttribute('data-mantine-color-scheme', computedColorScheme);\n  } catch (e) {}\n`;\n\nexport function ColorSchemeScript({\n  defaultColorScheme = 'auto',\n  localStorageKey = 'mantine-color-scheme',\n  ...others\n}: ColorSchemeScriptProps) {\n  return (\n    <script\n      {...others}\n      data-mantine-script\n      dangerouslySetInnerHTML={{ __html: getScript({ defaultColorScheme, localStorageKey }) }}\n    />\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Mantine.context.js","sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { MantineTheme, MantineColorScheme } from './theme.types';\nimport type { MantineColorSchemeManager } from './color-scheme-managers';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\n\ninterface MantineContextValue {\n  colorScheme: MantineColorScheme;\n  setColorScheme(colorScheme: MantineColorScheme): void;\n  clearColorScheme(): void;\n  colorSchemeManager: MantineColorSchemeManager;\n  getRootElement(): HTMLElement | undefined;\n  classNamesPrefix: string;\n  getStyleNonce?(): string | undefined;\n  cssVariablesResolver?(theme: MantineTheme): ConvertCSSVariablesInput;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\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 ctx;\n}\n\nexport function useMantineCssVariablesResolver() {\n  return useMantineContext().cssVariablesResolver;\n}\n\nexport function useMantineClassNamesPrefix() {\n  return useMantineContext().classNamesPrefix;\n}\n\nexport function useMantineStyleNonce() {\n  return useMantineContext().getStyleNonce;\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAGA,mBAAa,CAAC,IAAI,EAAE;AAC3C,SAAS,iBAAiB,GAAG;AACpC,EAAE,MAAM,GAAG,GAAGC,gBAAU,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACM,SAAS,8BAA8B,GAAG;AACjD,EAAE,OAAO,iBAAiB,EAAE,CAAC,oBAAoB,CAAC;AAClD,CAAC;AACM,SAAS,0BAA0B,GAAG;AAC7C,EAAE,OAAO,iBAAiB,EAAE,CAAC,gBAAgB,CAAC;AAC9C,CAAC;AACM,SAAS,oBAAoB,GAAG;AACvC,EAAE,OAAO,iBAAiB,EAAE,CAAC,aAAa,CAAC;AAC3C;;;;;;;;"}
+{"version":3,"file":"Mantine.context.js","sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { MantineTheme, MantineColorScheme } from './theme.types';\nimport type { MantineColorSchemeManager } from './color-scheme-managers';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\n\ninterface MantineContextValue {\n  colorScheme: MantineColorScheme;\n  setColorScheme(colorScheme: MantineColorScheme): void;\n  clearColorScheme(): void;\n  colorSchemeManager: MantineColorSchemeManager;\n  getRootElement(): HTMLElement | undefined;\n  classNamesPrefix: string;\n  getStyleNonce?(): string | undefined;\n  cssVariablesResolver?(theme: MantineTheme): ConvertCSSVariablesInput;\n  cssVariablesSelector: string;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\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 ctx;\n}\n\nexport function useMantineCssVariablesResolver() {\n  return useMantineContext().cssVariablesResolver;\n}\n\nexport function useMantineClassNamesPrefix() {\n  return useMantineContext().classNamesPrefix;\n}\n\nexport function useMantineStyleNonce() {\n  return useMantineContext().getStyleNonce;\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAGA,mBAAa,CAAC,IAAI,EAAE;AAC3C,SAAS,iBAAiB,GAAG;AACpC,EAAE,MAAM,GAAG,GAAGC,gBAAU,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACM,SAAS,8BAA8B,GAAG;AACjD,EAAE,OAAO,iBAAiB,EAAE,CAAC,oBAAoB,CAAC;AAClD,CAAC;AACM,SAAS,0BAA0B,GAAG;AAC7C,EAAE,OAAO,iBAAiB,EAAE,CAAC,gBAAgB,CAAC;AAC9C,CAAC;AACM,SAAS,oBAAoB,GAAG;AACvC,EAAE,OAAO,iBAAiB,EAAE,CAAC,aAAa,CAAC;AAC3C;;;;;;;;"}

package/cjs/core/MantineProvider/MantineClasses/MantineClasses.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Mantine_context = require('../Mantine.context.js');
+var MantineThemeProvider = require('../MantineThemeProvider/MantineThemeProvider.js');
+var keys = require('../../utils/keys/keys.js');
+var px = require('../../utils/units-converters/px.js');
+var rem = require('../../utils/units-converters/rem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function MantineClasses() {
+  const theme = MantineThemeProvider.useMantineTheme();
+  const nonce = Mantine_context.useMantineStyleNonce();
+  const classes = keys.keys(theme.breakpoints).reduce((acc, breakpoint) => {
+    const pxValue = px.px(theme.breakpoints[breakpoint]);
+    return `${acc}@media (max-width: ${rem.em(
+      pxValue - 0.1
+    )}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${rem.em(
+      pxValue
+    )}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;
+  }, "");
+  return /* @__PURE__ */ React__default.createElement(
+    "style",
+    {
+      "data-mantine-styles": "classes",
+      nonce: nonce == null ? void 0 : nonce(),
+      dangerouslySetInnerHTML: { __html: classes }
+    }
+  );
+}
+
+exports.MantineClasses = MantineClasses;
+//# sourceMappingURL=MantineClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MantineClasses.js","sources":["../../../../src/core/MantineProvider/MantineClasses/MantineClasses.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { keys, px, em } from '../../utils';\nimport { useMantineStyleNonce } from '../Mantine.context';\n\nexport function MantineClasses() {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n\n  const classes = keys(theme.breakpoints).reduce<string>((acc, breakpoint) => {\n    const pxValue = px(theme.breakpoints[breakpoint]) as number;\n\n    return `${acc}@media (max-width: ${em(\n      pxValue - 0.1\n    )}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${em(\n      pxValue\n    )}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;\n  }, '');\n\n  return (\n    <style\n      data-mantine-styles=\"classes\"\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{ __html: classes }}\n    />\n  );\n}\n"],"names":["useMantineTheme","useMantineStyleNonce","keys","px","em","React"],"mappings":";;;;;;;;;;;;;;;AAIO,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,KAAK,GAAGC,oCAAoB,EAAE,CAAC;AACvC,EAAE,MAAM,OAAO,GAAGC,SAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU,KAAK;AACtE,IAAI,MAAM,OAAO,GAAGC,KAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;AACtD,IAAI,OAAO,CAAC,EAAE,GAAG,CAAC,mBAAmB,EAAEC,MAAE;AACzC,MAAM,OAAO,GAAG,GAAG;AACnB,KAAK,CAAC,yBAAyB,EAAE,UAAU,CAAC,gDAAgD,EAAEA,MAAE;AAChG,MAAM,OAAO;AACb,KAAK,CAAC,wBAAwB,EAAE,UAAU,CAAC,6BAA6B,CAAC,CAAC;AAC1E,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,uBAAuBC,cAAK,CAAC,aAAa;AAC5C,IAAI,OAAO;AACX,IAAI;AACJ,MAAM,qBAAqB,EAAE,SAAS;AACtC,MAAM,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE;AAC7C,MAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;AAClD,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

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

@@ -6,6 +6,7 @@ var React = require('react');
 var Mantine_context = require('../Mantine.context.js');
 var convertCssVariables = require('../convert-css-variables/convert-css-variables.js');
 var getMergedVariables = require('./get-merged-variables.js');
+var removeDefaultVariables = require('./remove-default-variables.js');
 var MantineThemeProvider = require('../MantineThemeProvider/MantineThemeProvider.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -22,14 +23,23 @@ function MantineCssVariables({ cssVariablesSelector }) {
   const theme = MantineThemeProvider.useMantineTheme();
   const nonce = Mantine_context.useMantineStyleNonce();
   const generator = Mantine_context.useMantineCssVariablesResolver();
-  const css = convertCssVariables.convertCssVariables(getMergedVariables.getMergedVariables({ theme, generator }), cssVariablesSelector);
-  return /* @__PURE__ */ React__default.createElement("style", {
-    "data-mantine-styles": true,
-    nonce: nonce == null ? void 0 : nonce(),
-    dangerouslySetInnerHTML: {
-      __html: `${css}${getColorSchemeCssVariables(cssVariablesSelector)}`
-    }
-  });
+  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";
 

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';\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 css = convertCssVariables(getMergedVariables({ theme, generator }), cssVariablesSelector);\n\n  return (\n    <style\n      data-mantine-styles\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{\n        __html: `${css}${getColorSchemeCssVariables(cssVariablesSelector)}`,\n      }}\n    />\n  );\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"names":["useMantineTheme","useMantineStyleNonce","useMantineCssVariablesResolver","convertCssVariables","getMergedVariables","React"],"mappings":";;;;;;;;;;;;;;AAKA,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,GAAG,GAAGC,uCAAmB,CAACC,qCAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,oBAAoB,CAAC,CAAC;AAClG,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACtD,IAAI,qBAAqB,EAAE,IAAI;AAC/B,IAAI,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE;AAC3C,IAAI,uBAAuB,EAAE;AAC7B,MAAM,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,0BAA0B,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACzE,KAAK;AACL,GAAG,CAAC,CAAC;AACL,CAAC;AACD,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,7 +8,9 @@ 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");
@@ -16,6 +18,7 @@ const defaultCssVariablesResolver = (theme) => {
   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",
@@ -70,19 +73,37 @@ const defaultCssVariablesResolver = (theme) => {
     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`] = 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.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`] = 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);
+    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) => {

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 { 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]\n      : rem(theme.defaultRadius);\n\n  const result: ConvertCSSVariablesInput = {\n    variables: {\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/remove-default-variables.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defaultCssVariablesResolver = require('./default-css-variables-resolver.js');
+var defaultTheme = require('../default-theme.js');
+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;
+}
+
+exports.removeDefaultVariables = removeDefaultVariables;
+//# sourceMappingURL=remove-default-variables.js.map

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

@@ -0,0 +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":";;;;;;;;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

@@ -3,17 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var suppressNextjsWarning = require('./suppress-nextjs-warning.js');
 var Mantine_context = require('./Mantine.context.js');
 var localStorageManager = require('./color-scheme-managers/local-storage-manager.js');
 var useProviderColorScheme = require('./use-mantine-color-scheme/use-provider-color-scheme.js');
 var useRespectReduceMotion = require('./use-respect-reduce-motion/use-respect-reduce-motion.js');
 var MantineThemeProvider = require('./MantineThemeProvider/MantineThemeProvider.js');
 var MantineCssVariables = require('./MantineCssVariables/MantineCssVariables.js');
+var MantineClasses = require('./MantineClasses/MantineClasses.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+suppressNextjsWarning.suppressNextjsWarning();
 function MantineProvider({
   theme,
   children,
@@ -35,22 +38,23 @@ function MantineProvider({
     respectReducedMotion: (theme == null ? void 0 : theme.respectReducedMotion) || false,
     getRootElement
   });
-  return /* @__PURE__ */ React__default.createElement(Mantine_context.MantineContext.Provider, {
-    value: {
-      colorSchemeManager,
-      colorScheme,
-      setColorScheme,
-      clearColorScheme,
-      getRootElement,
-      classNamesPrefix,
-      getStyleNonce,
-      cssVariablesResolver
-    }
-  }, /* @__PURE__ */ React__default.createElement(MantineThemeProvider.MantineThemeProvider, {
-    theme
-  }, withCssVariables && /* @__PURE__ */ React__default.createElement(MantineCssVariables.MantineCssVariables, {
-    cssVariablesSelector
-  }), children));
+  return /* @__PURE__ */ React__default.createElement(
+    Mantine_context.MantineContext.Provider,
+    {
+      value: {
+        colorSchemeManager,
+        colorScheme,
+        setColorScheme,
+        clearColorScheme,
+        getRootElement,
+        classNamesPrefix,
+        getStyleNonce,
+        cssVariablesResolver,
+        cssVariablesSelector
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(MantineThemeProvider.MantineThemeProvider, { theme }, withCssVariables && /* @__PURE__ */ React__default.createElement(MantineCssVariables.MantineCssVariables, { cssVariablesSelector }), /* @__PURE__ */ React__default.createElement(MantineClasses.MantineClasses, null), children)
+  );
 }
 MantineProvider.displayName = "@mantine/core/MantineProvider";
 

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';\n\nimport React from 'react';\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\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 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 ro 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 classNames (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 styles 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":["localStorageColorSchemeManager","useProviderColorScheme","useRespectReduceMotion","React","MantineContext","MantineThemeProvider","MantineCssVariables"],"mappings":";;;;;;;;;;;;;;;;AASO,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,GAAGA,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,CAACC,8BAAc,CAAC,QAAQ,EAAE;AACtE,IAAI,KAAK,EAAE;AACX,MAAM,kBAAkB;AACxB,MAAM,WAAW;AACjB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAC1B,KAAK;AACL,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,yCAAoB,EAAE;AAC/D,IAAI,KAAK;AACT,GAAG,EAAE,gBAAgB,oBAAoBF,cAAK,CAAC,aAAa,CAACG,uCAAmB,EAAE;AAClF,IAAI,oBAAoB;AACxB,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}
+{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './global.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 { MantineClasses } from './MantineClasses';\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        cssVariablesSelector,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>\n        {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n        <MantineClasses />\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","MantineClasses"],"mappings":";;;;;;;;;;;;;;;;;;AAUAA,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,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,kBAAkBH,cAAK,CAAC,aAAa,CAACI,6BAAc,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;AACrP,GAAG,CAAC;AACJ,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}

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

@@ -15,7 +15,9 @@ const useSafeMantineTheme = () => React.useContext(MantineThemeContext) || defau
 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");
+    throw new Error(
+      "@mantine/core: MantineThemeProvider is not found in component tree, make sure you have it in your app"
+    );
   }
   return ctx;
 }
@@ -25,10 +27,11 @@ function MantineThemeProvider({
   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);
+  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";
 

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":";;;;;;;;;;;;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,CAAC,uGAAuG,CAAC,CAAC;AAC7H,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,CAAC,MAAMC,mCAAiB,CAAC,OAAO,GAAG,WAAW,GAAGF,0BAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AACpI,EAAE,uBAAuBG,cAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE;AAC3E,IAAI,KAAK,EAAE,WAAW;AACtB,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,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-scheme-managers/local-storage-manager.js

@@ -23,7 +23,10 @@ function localStorageColorSchemeManager({
       try {
         window.localStorage.setItem(key, value);
       } catch (error) {
-        console.warn("[@mantine/core] Local storage color scheme manager was unable to save color scheme.", error);
+        console.warn(
+          "[@mantine/core] Local storage color scheme manager was unable to save color scheme.",
+          error
+        );
       }
     },
     subscribe: (onUpdate) => {

package/cjs/core/MantineProvider/color-scheme-managers/local-storage-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"local-storage-manager.js","sources":["../../../../src/core/MantineProvider/color-scheme-managers/local-storage-manager.ts"],"sourcesContent":["import type { MantineColorScheme } from '../theme.types';\nimport type { MantineColorSchemeManager } from './types';\nimport { isMantineColorScheme } from './is-mantine-color-scheme';\n\nexport interface LocalStorageColorSchemeManagerOptions {\n  /** Local storage key used to retrieve value with `localStorage.getItem(key)`, `mantine-color-scheme` by default */\n  key?: string;\n}\n\nexport function localStorageColorSchemeManager({\n  key = 'mantine-color-scheme',\n}: LocalStorageColorSchemeManagerOptions = {}): MantineColorSchemeManager {\n  let handleStorageEvent: (event: StorageEvent) => void;\n\n  return {\n    get: (defaultValue) => {\n      if (typeof window === 'undefined') {\n        return defaultValue;\n      }\n\n      try {\n        return (window.localStorage.getItem(key) as MantineColorScheme) || defaultValue;\n      } catch {\n        return defaultValue;\n      }\n    },\n\n    set: (value) => {\n      try {\n        window.localStorage.setItem(key, value);\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          '[@mantine/core] Local storage color scheme manager was unable to save color scheme.',\n          error\n        );\n      }\n    },\n\n    subscribe: (onUpdate) => {\n      handleStorageEvent = (event) => {\n        if (event.storageArea === window.localStorage && event.key === key) {\n          isMantineColorScheme(event.newValue) && onUpdate(event.newValue);\n        }\n      };\n\n      window.addEventListener('storage', handleStorageEvent);\n    },\n\n    unsubscribe: () => {\n      window.removeEventListener('storage', handleStorageEvent);\n    },\n\n    clear: () => {\n      window.localStorage.removeItem(key);\n    },\n  };\n}\n"],"names":["isMantineColorScheme"],"mappings":";;;;;;AACO,SAAS,8BAA8B,CAAC;AAC/C,EAAE,GAAG,GAAG,sBAAsB;AAC9B,CAAC,GAAG,EAAE,EAAE;AACR,EAAE,IAAI,kBAAkB,CAAC;AACzB,EAAE,OAAO;AACT,IAAI,GAAG,EAAE,CAAC,YAAY,KAAK;AAC3B,MAAM,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACzC,QAAQ,OAAO,YAAY,CAAC;AAC5B,OAAO;AACP,MAAM,IAAI;AACV,QAAQ,OAAO,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;AAChE,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,OAAO,YAAY,CAAC;AAC5B,OAAO;AACP,KAAK;AACL,IAAI,GAAG,EAAE,CAAC,KAAK,KAAK;AACpB,MAAM,IAAI;AACV,QAAQ,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAChD,OAAO,CAAC,OAAO,KAAK,EAAE;AACtB,QAAQ,OAAO,CAAC,IAAI,CAAC,qFAAqF,EAAE,KAAK,CAAC,CAAC;AACnH,OAAO;AACP,KAAK;AACL,IAAI,SAAS,EAAE,CAAC,QAAQ,KAAK;AAC7B,MAAM,kBAAkB,GAAG,CAAC,KAAK,KAAK;AACtC,QAAQ,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;AAC5E,UAAUA,yCAAoB,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC3E,SAAS;AACT,OAAO,CAAC;AACR,MAAM,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;AAC7D,KAAK;AACL,IAAI,WAAW,EAAE,MAAM;AACvB,MAAM,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;AAChE,KAAK;AACL,IAAI,KAAK,EAAE,MAAM;AACjB,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC1C,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"local-storage-manager.js","sources":["../../../../src/core/MantineProvider/color-scheme-managers/local-storage-manager.ts"],"sourcesContent":["import type { MantineColorScheme } from '../theme.types';\nimport type { MantineColorSchemeManager } from './types';\nimport { isMantineColorScheme } from './is-mantine-color-scheme';\n\nexport interface LocalStorageColorSchemeManagerOptions {\n  /** Local storage key used to retrieve value with `localStorage.getItem(key)`, `mantine-color-scheme` by default */\n  key?: string;\n}\n\nexport function localStorageColorSchemeManager({\n  key = 'mantine-color-scheme',\n}: LocalStorageColorSchemeManagerOptions = {}): MantineColorSchemeManager {\n  let handleStorageEvent: (event: StorageEvent) => void;\n\n  return {\n    get: (defaultValue) => {\n      if (typeof window === 'undefined') {\n        return defaultValue;\n      }\n\n      try {\n        return (window.localStorage.getItem(key) as MantineColorScheme) || defaultValue;\n      } catch {\n        return defaultValue;\n      }\n    },\n\n    set: (value) => {\n      try {\n        window.localStorage.setItem(key, value);\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          '[@mantine/core] Local storage color scheme manager was unable to save color scheme.',\n          error\n        );\n      }\n    },\n\n    subscribe: (onUpdate) => {\n      handleStorageEvent = (event) => {\n        if (event.storageArea === window.localStorage && event.key === key) {\n          isMantineColorScheme(event.newValue) && onUpdate(event.newValue);\n        }\n      };\n\n      window.addEventListener('storage', handleStorageEvent);\n    },\n\n    unsubscribe: () => {\n      window.removeEventListener('storage', handleStorageEvent);\n    },\n\n    clear: () => {\n      window.localStorage.removeItem(key);\n    },\n  };\n}\n"],"names":["isMantineColorScheme"],"mappings":";;;;;;AACO,SAAS,8BAA8B,CAAC;AAC/C,EAAE,GAAG,GAAG,sBAAsB;AAC9B,CAAC,GAAG,EAAE,EAAE;AACR,EAAE,IAAI,kBAAkB,CAAC;AACzB,EAAE,OAAO;AACT,IAAI,GAAG,EAAE,CAAC,YAAY,KAAK;AAC3B,MAAM,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACzC,QAAQ,OAAO,YAAY,CAAC;AAC5B,OAAO;AACP,MAAM,IAAI;AACV,QAAQ,OAAO,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;AAChE,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,OAAO,YAAY,CAAC;AAC5B,OAAO;AACP,KAAK;AACL,IAAI,GAAG,EAAE,CAAC,KAAK,KAAK;AACpB,MAAM,IAAI;AACV,QAAQ,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAChD,OAAO,CAAC,OAAO,KAAK,EAAE;AACtB,QAAQ,OAAO,CAAC,IAAI;AACpB,UAAU,qFAAqF;AAC/F,UAAU,KAAK;AACf,SAAS,CAAC;AACV,OAAO;AACP,KAAK;AACL,IAAI,SAAS,EAAE,CAAC,QAAQ,KAAK;AAC7B,MAAM,kBAAkB,GAAG,CAAC,KAAK,KAAK;AACtC,QAAQ,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;AAC5E,UAAUA,yCAAoB,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC3E,SAAS;AACT,OAAO,CAAC;AACR,MAAM,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;AAC7D,KAAK;AACL,IAAI,WAAW,EAAE,MAAM;AACvB,MAAM,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;AAChE,KAAK;AACL,IAAI,KAAK,EAAE,MAAM;AACjB,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC1C,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}