@mantine/core 7.0.0 → 7.0.1-alpha.1

package/esm/core/Box/style-props/style-props-data.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-props-data.mjs","sources":["../../../../src/core/Box/style-props/style-props-data.ts"],"sourcesContent":["import type { StylePropType } from './resolvers';\nimport type { MantineStyleProps } from './style-props.types';\n\nexport interface SystemPropData {\n  type: StylePropType;\n  property: string | string[];\n}\n\nexport const STYlE_PROPS_DATA: Record<keyof MantineStyleProps, SystemPropData> = {\n  m: { type: 'spacing', property: 'margin' },\n  mt: { type: 'spacing', property: 'marginTop' },\n  mb: { type: 'spacing', property: 'marginBottom' },\n  ml: { type: 'spacing', property: 'marginLeft' },\n  mr: { type: 'spacing', property: 'marginRight' },\n  mx: { type: 'spacing', property: ['marginRight', 'marginLeft'] },\n  my: { type: 'spacing', property: ['marginTop', 'marginBottom'] },\n\n  p: { type: 'spacing', property: 'padding' },\n  pt: { type: 'spacing', property: 'paddingTop' },\n  pb: { type: 'spacing', property: 'paddingBottom' },\n  pl: { type: 'spacing', property: 'paddingLeft' },\n  pr: { type: 'spacing', property: 'paddingRight' },\n  px: { type: 'spacing', property: ['paddingRight', 'paddingLeft'] },\n  py: { type: 'spacing', property: ['paddingTop', 'paddingBottom'] },\n\n  bg: { type: 'color', property: 'background' },\n  c: { type: 'color', property: 'color' },\n  opacity: { type: 'identity', property: 'opacity' },\n\n  ff: { type: 'identity', property: 'fontFamily' },\n  fz: { type: 'fontSize', property: 'fontSize' },\n  fw: { type: 'identity', property: 'fontWeight' },\n  lts: { type: 'size', property: 'letterSpacing' },\n  ta: { type: 'identity', property: 'textAlign' },\n  lh: { type: 'lineHeight', property: 'lineHeight' },\n  fs: { type: 'identity', property: 'fontStyle' },\n  tt: { type: 'identity', property: 'textTransform' },\n  td: { type: 'identity', property: 'textDecoration' },\n\n  w: { type: 'spacing', property: 'width' },\n  miw: { type: 'spacing', property: 'minWidth' },\n  maw: { type: 'spacing', property: 'maxWidth' },\n  h: { type: 'spacing', property: 'height' },\n  mih: { type: 'spacing', property: 'minHeight' },\n  mah: { type: 'spacing', property: 'maxHeight' },\n\n  bgsz: { type: 'size', property: 'backgroundSize' },\n  bgp: { type: 'identity', property: 'backgroundPosition' },\n  bgr: { type: 'identity', property: 'backgroundRepeat' },\n  bga: { type: 'identity', property: 'backgroundAttachment' },\n\n  pos: { type: 'identity', property: 'position' },\n  top: { type: 'identity', property: 'top' },\n  left: { type: 'size', property: 'left' },\n  bottom: { type: 'size', property: 'bottom' },\n  right: { type: 'size', property: 'right' },\n  inset: { type: 'size', property: 'inset' },\n\n  display: { type: 'identity', property: 'display' },\n};\n"],"names":[],"mappings":"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"}

package/esm/core/Box/use-random-classname/use-random-classname.mjs

@@ -0,0 +1,9 @@
+import { useId } from 'react';
+
+function useRandomClassName() {
+  const id = useId().replace(/:/g, "");
+  return `__m__-${id}`;
+}
+
+export { useRandomClassName };
+//# sourceMappingURL=use-random-classname.mjs.map

package/esm/core/Box/use-random-classname/use-random-classname.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-random-classname.mjs","sources":["../../../../src/core/Box/use-random-classname/use-random-classname.ts"],"sourcesContent":["import { useId } from 'react';\n\nexport function useRandomClassName() {\n  const id = useId().replace(/:/g, '');\n  return `__m__-${id}`;\n}\n"],"names":[],"mappings":";;AACO,SAAS,kBAAkB,GAAG;AACrC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACvC,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;AACvB;;;;"}

package/esm/core/DirectionProvider/DirectionProvider.mjs

@@ -0,0 +1,37 @@
+import React, { createContext, useContext, useState } from 'react';
+import { useIsomorphicEffect } from '@mantine/hooks';
+
+const DirectionContext = createContext({
+  dir: "ltr",
+  toggleDirection: () => {
+  },
+  setDirection: () => {
+  }
+});
+function useDirection() {
+  return useContext(DirectionContext);
+}
+function DirectionProvider({
+  children,
+  initialDirection = "ltr",
+  detectDirection = true
+}) {
+  const [dir, setDir] = useState(initialDirection);
+  const setDirection = (direction) => {
+    setDir(direction);
+    document.documentElement.setAttribute("dir", direction);
+  };
+  const toggleDirection = () => setDirection(dir === "ltr" ? "rtl" : "ltr");
+  useIsomorphicEffect(() => {
+    if (detectDirection) {
+      const direction = document.documentElement.getAttribute("dir");
+      if (direction === "rtl" || direction === "ltr") {
+        setDirection(direction);
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ React.createElement(DirectionContext.Provider, { value: { dir, toggleDirection, setDirection } }, children);
+}
+
+export { DirectionContext, DirectionProvider, useDirection };
+//# sourceMappingURL=DirectionProvider.mjs.map

package/esm/core/DirectionProvider/DirectionProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.mjs","sources":["../../../src/core/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\n\nexport type Direction = 'ltr' | 'rtl';\n\nexport interface DirectionContextValue {\n  dir: Direction;\n  toggleDirection(): void;\n  setDirection(dir: Direction): void;\n}\n\nexport const DirectionContext = createContext<DirectionContextValue>({\n  dir: 'ltr',\n  toggleDirection: () => {},\n  setDirection: () => {},\n});\n\nexport function useDirection() {\n  return useContext(DirectionContext);\n}\n\nexport interface DirectionProviderProps {\n  /** Your application */\n  children: React.ReactNode;\n\n  /** Direction set as a default value, `ltr` by default */\n  initialDirection?: Direction;\n\n  /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element), `true` by default  */\n  detectDirection?: boolean;\n}\n\nexport function DirectionProvider({\n  children,\n  initialDirection = 'ltr',\n  detectDirection = true,\n}: DirectionProviderProps) {\n  const [dir, setDir] = useState<Direction>(initialDirection);\n\n  const setDirection = (direction: Direction) => {\n    setDir(direction);\n    document.documentElement.setAttribute('dir', direction);\n  };\n\n  const toggleDirection = () => setDirection(dir === 'ltr' ? 'rtl' : 'ltr');\n\n  useIsomorphicEffect(() => {\n    if (detectDirection) {\n      const direction = document.documentElement.getAttribute('dir');\n      if (direction === 'rtl' || direction === 'ltr') {\n        setDirection(direction);\n      }\n    }\n  }, []);\n\n  return (\n    <DirectionContext.Provider value={{ dir, toggleDirection, setDirection }}>\n      {children}\n    </DirectionContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;AAEY,MAAC,gBAAgB,GAAG,aAAa,CAAC;AAC9C,EAAE,GAAG,EAAE,KAAK;AACZ,EAAE,eAAe,EAAE,MAAM;AACzB,GAAG;AACH,EAAE,YAAY,EAAE,MAAM;AACtB,GAAG;AACH,CAAC,EAAE;AACI,SAAS,YAAY,GAAG;AAC/B,EAAE,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC;AACM,SAAS,iBAAiB,CAAC;AAClC,EAAE,QAAQ;AACV,EAAE,gBAAgB,GAAG,KAAK;AAC1B,EAAE,eAAe,GAAG,IAAI;AACxB,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AACnD,EAAE,MAAM,YAAY,GAAG,CAAC,SAAS,KAAK;AACtC,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;AACtB,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC5D,GAAG,CAAC;AACJ,EAAE,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;AAC5E,EAAE,mBAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,eAAe,EAAE;AACzB,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACrE,MAAM,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,KAAK,EAAE;AACtD,QAAQ,YAAY,CAAC,SAAS,CAAC,CAAC;AAChC,OAAO;AACP,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;AACrI;;;;"}

package/esm/core/InlineStyles/InlineStyles.mjs

@@ -0,0 +1,18 @@
+import React from 'react';
+import { stylesToString } from './styles-to-string/styles-to-string.mjs';
+import { useMantineStyleNonce } from '../MantineProvider/Mantine.context.mjs';
+
+function InlineStyles({ selector, styles, media }) {
+  const nonce = useMantineStyleNonce();
+  return /* @__PURE__ */ React.createElement(
+    "style",
+    {
+      "data-mantine-styles": "inline",
+      nonce: nonce == null ? void 0 : nonce(),
+      dangerouslySetInnerHTML: { __html: stylesToString({ selector, styles, media }) }
+    }
+  );
+}
+
+export { InlineStyles };
+//# sourceMappingURL=InlineStyles.mjs.map

package/esm/core/InlineStyles/InlineStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineStyles.mjs","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":[],"mappings":";;;;AAGO,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAC1D,EAAE,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;AACvC,EAAE,uBAAuB,KAAK,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,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;AACtF,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.mjs

@@ -0,0 +1,12 @@
+import { keys } from '../../utils/keys/keys.mjs';
+import { camelToKebabCase } from '../../utils/camel-to-kebab-case/camel-to-kebab-case.mjs';
+
+function cssObjectToString(css) {
+  return keys(css).reduce(
+    (acc, rule) => css[rule] !== void 0 ? `${acc}${camelToKebabCase(rule)}:${css[rule]};` : acc,
+    ""
+  ).trim();
+}
+
+export { cssObjectToString };
+//# sourceMappingURL=css-object-to-string.mjs.map

package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-object-to-string.mjs","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":[],"mappings":";;;AACO,SAAS,iBAAiB,CAAC,GAAG,EAAE;AACvC,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM;AACzB,IAAI,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,gBAAgB,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/esm/core/InlineStyles/styles-to-string/styles-to-string.mjs

@@ -0,0 +1,10 @@
+import { cssObjectToString } from '../css-object-to-string/css-object-to-string.mjs';
+
+function stylesToString({ selector, styles, media }) {
+  const baseStyles = styles ? cssObjectToString(styles) : "";
+  const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);
+  return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}`.trim();
+}
+
+export { stylesToString };
+//# sourceMappingURL=styles-to-string.mjs.map

package/esm/core/InlineStyles/styles-to-string/styles-to-string.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-to-string.mjs","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":[],"mappings":";;AACO,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAC5D,EAAE,MAAM,UAAU,GAAG,MAAM,GAAG,iBAAiB,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,EAAE,iBAAiB,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/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.mjs

@@ -0,0 +1,72 @@
+import React from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const getScript = ({
+  defaultColorScheme,
+  localStorageKey,
+  forceColorScheme
+}) => forceColorScheme ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${forceColorScheme}');` : `try {
+  var _colorScheme = window.localStorage.getItem("${localStorageKey}");
+  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${defaultColorScheme}";
+  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) {
+  var _b = _a, {
+    defaultColorScheme = "light",
+    localStorageKey = "mantine-color-scheme-value",
+    forceColorScheme
+  } = _b, others = __objRest(_b, [
+    "defaultColorScheme",
+    "localStorageKey",
+    "forceColorScheme"
+  ]);
+  const _defaultColorScheme = ["light", "dark", "auto"].includes(defaultColorScheme) ? defaultColorScheme : "light";
+  return /* @__PURE__ */ React.createElement(
+    "script",
+    __spreadProps(__spreadValues({}, others), {
+      "data-mantine-script": true,
+      dangerouslySetInnerHTML: {
+        __html: getScript({
+          defaultColorScheme: _defaultColorScheme,
+          localStorageKey,
+          forceColorScheme
+        })
+      }
+    })
+  );
+}
+
+export { ColorSchemeScript };
+//# sourceMappingURL=ColorSchemeScript.mjs.map

package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSchemeScript.mjs","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  forceColorScheme?: 'light' | 'dark';\n  defaultColorScheme?: MantineColorScheme;\n  localStorageKey?: string;\n}\n\nconst getScript = ({\n  defaultColorScheme,\n  localStorageKey,\n  forceColorScheme,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey' | 'forceColorScheme'>) =>\n  forceColorScheme\n    ? `document.documentElement.setAttribute(\"data-mantine-color-scheme\", '${forceColorScheme}');`\n    : `try {\n  var _colorScheme = window.localStorage.getItem(\"${localStorageKey}\");\n  var colorScheme = _colorScheme === \"light\" || _colorScheme === \"dark\" || _colorScheme === \"auto\" ? _colorScheme : \"${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 = 'light',\n  localStorageKey = 'mantine-color-scheme-value',\n  forceColorScheme,\n  ...others\n}: ColorSchemeScriptProps) {\n  const _defaultColorScheme = ['light', 'dark', 'auto'].includes(defaultColorScheme)\n    ? defaultColorScheme\n    : 'light';\n  return (\n    <script\n      {...others}\n      data-mantine-script\n      dangerouslySetInnerHTML={{\n        __html: getScript({\n          defaultColorScheme: _defaultColorScheme,\n          localStorageKey,\n          forceColorScheme,\n        }),\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/esm/core/MantineProvider/Mantine.context.mjs

@@ -0,0 +1,22 @@
+import { createContext, useContext } from 'react';
+
+const MantineContext = createContext(null);
+function useMantineContext() {
+  const ctx = useContext(MantineContext);
+  if (!ctx) {
+    throw new Error("[@mantine/core] MantineProvider was not found in tree");
+  }
+  return ctx;
+}
+function useMantineCssVariablesResolver() {
+  return useMantineContext().cssVariablesResolver;
+}
+function useMantineClassNamesPrefix() {
+  return useMantineContext().classNamesPrefix;
+}
+function useMantineStyleNonce() {
+  return useMantineContext().getStyleNonce;
+}
+
+export { MantineContext, useMantineClassNamesPrefix, useMantineContext, useMantineCssVariablesResolver, useMantineStyleNonce };
+//# sourceMappingURL=Mantine.context.mjs.map

package/esm/core/MantineProvider/Mantine.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mantine.context.mjs","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":[],"mappings":";;AACY,MAAC,cAAc,GAAG,aAAa,CAAC,IAAI,EAAE;AAC3C,SAAS,iBAAiB,GAAG;AACpC,EAAE,MAAM,GAAG,GAAG,UAAU,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/esm/core/MantineProvider/MantineClasses/MantineClasses.mjs

@@ -0,0 +1,30 @@
+import React from 'react';
+import { useMantineStyleNonce } from '../Mantine.context.mjs';
+import { useMantineTheme } from '../MantineThemeProvider/MantineThemeProvider.mjs';
+import { keys } from '../../utils/keys/keys.mjs';
+import { px } from '../../utils/units-converters/px.mjs';
+import { em } from '../../utils/units-converters/rem.mjs';
+
+function MantineClasses() {
+  const theme = useMantineTheme();
+  const nonce = useMantineStyleNonce();
+  const classes = keys(theme.breakpoints).reduce((acc, breakpoint) => {
+    const pxValue = px(theme.breakpoints[breakpoint]);
+    return `${acc}@media (max-width: ${em(
+      pxValue - 0.1
+    )}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${em(
+      pxValue
+    )}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;
+  }, "");
+  return /* @__PURE__ */ React.createElement(
+    "style",
+    {
+      "data-mantine-styles": "classes",
+      nonce: nonce == null ? void 0 : nonce(),
+      dangerouslySetInnerHTML: { __html: classes }
+    }
+  );
+}
+
+export { MantineClasses };
+//# sourceMappingURL=MantineClasses.mjs.map

package/esm/core/MantineProvider/MantineClasses/MantineClasses.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MantineClasses.mjs","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":[],"mappings":";;;;;;;AAIO,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;AACvC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU,KAAK;AACtE,IAAI,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;AACtD,IAAI,OAAO,CAAC,EAAE,GAAG,CAAC,mBAAmB,EAAE,EAAE;AACzC,MAAM,OAAO,GAAG,GAAG;AACnB,KAAK,CAAC,yBAAyB,EAAE,UAAU,CAAC,gDAAgD,EAAE,EAAE;AAChG,MAAM,OAAO;AACb,KAAK,CAAC,wBAAwB,EAAE,UAAU,CAAC,6BAA6B,CAAC,CAAC;AAC1E,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,uBAAuB,KAAK,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/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs

@@ -0,0 +1,39 @@
+import React from 'react';
+import { useMantineStyleNonce, useMantineCssVariablesResolver } from '../Mantine.context.mjs';
+import { convertCssVariables } from '../convert-css-variables/convert-css-variables.mjs';
+import { getMergedVariables } from './get-merged-variables.mjs';
+import { removeDefaultVariables } from './remove-default-variables.mjs';
+import { useMantineTheme } from '../MantineThemeProvider/MantineThemeProvider.mjs';
+
+function getColorSchemeCssVariables(selector) {
+  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 = useMantineTheme();
+  const nonce = useMantineStyleNonce();
+  const generator = useMantineCssVariablesResolver();
+  const mergedVariables = getMergedVariables({ theme, generator });
+  const shouldCleanVariables = cssVariablesSelector === ":root";
+  const cleanedVariables = shouldCleanVariables ? removeDefaultVariables(mergedVariables) : mergedVariables;
+  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);
+  if (css) {
+    return /* @__PURE__ */ React.createElement(
+      "style",
+      {
+        "data-mantine-styles": true,
+        nonce: nonce == null ? void 0 : nonce(),
+        dangerouslySetInnerHTML: {
+          __html: `${css}${shouldCleanVariables ? "" : getColorSchemeCssVariables(cssVariablesSelector)}`
+        }
+      }
+    );
+  }
+  return null;
+}
+MantineCssVariables.displayName = "@mantine/CssVariables";
+
+export { MantineCssVariables };
+//# sourceMappingURL=MantineCssVariables.mjs.map

package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MantineCssVariables.mjs","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":[],"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,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;AACvC,EAAE,MAAM,SAAS,GAAG,8BAA8B,EAAE,CAAC;AACrD,EAAE,MAAM,eAAe,GAAG,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AACnE,EAAE,MAAM,oBAAoB,GAAG,oBAAoB,KAAK,OAAO,CAAC;AAChE,EAAE,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,sBAAsB,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;AAC5G,EAAE,MAAM,GAAG,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;AAC1E,EAAE,IAAI,GAAG,EAAE;AACX,IAAI,uBAAuB,KAAK,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/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs

@@ -0,0 +1,119 @@
+import { getPrimaryShade } from '../color-functions/get-primary-shade/get-primary-shade.mjs';
+import { rem } from '../../utils/units-converters/rem.mjs';
+import { keys } from '../../utils/keys/keys.mjs';
+import { rgba } from '../color-functions/rgba/rgba.mjs';
+
+function assignSizeVariables(variables, sizes, name) {
+  keys(sizes).forEach(
+    (size) => Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })
+  );
+}
+const defaultCssVariablesResolver = (theme) => {
+  const darkPrimaryShade = getPrimaryShade(theme, "dark");
+  const lightPrimaryShade = getPrimaryShade(theme, "light");
+  const defaultRadius = theme.defaultRadius in theme.radius ? theme.radius[theme.defaultRadius] : 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-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,
+      // Primary colors
+      "--mantine-primary-color-filled": `var(--mantine-color-${theme.primaryColor}-filled)`,
+      "--mantine-primary-color-filled-hover": `var(--mantine-color-${theme.primaryColor}-filled-hover)`,
+      "--mantine-primary-color-light": `var(--mantine-color-${theme.primaryColor}-light)`,
+      "--mantine-primary-color-light-hover": `var(--mantine-color-${theme.primaryColor}-light-hover)`,
+      "--mantine-primary-color-light-color": `var(--mantine-color-${theme.primaryColor}-light-color)`
+    },
+    light: {
+      "--mantine-color-bright": "var(--mantine-color-black)",
+      "--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-bright": "var(--mantine-color-white)",
+      "--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");
+  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(
+      theme.colors[color][lightPrimaryShade],
+      0.1
+    );
+    result.light[`--mantine-color-${color}-light-hover`] = 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(
+      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(
+      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],
+      0.15
+    );
+    result.dark[`--mantine-color-${color}-light-hover`] = rgba(
+      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],
+      0.2
+    );
+    result.dark[`--mantine-color-${color}-light-color`] = theme.colors[color][Math.max(darkPrimaryShade - 5, 0)];
+    result.dark[`--mantine-color-${color}-outline`] = theme.colors[color][Math.max(darkPrimaryShade - 4, 0)];
+    result.dark[`--mantine-color-${color}-outline-hover`] = rgba(
+      theme.colors[color][Math.max(darkPrimaryShade - 4, 0)],
+      0.05
+    );
+  });
+  const headings = theme.headings.sizes;
+  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;
+};
+
+export { defaultCssVariablesResolver };
+//# sourceMappingURL=default-css-variables-resolver.mjs.map

package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-css-variables-resolver.mjs","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 as 'xs']\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-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      // Primary colors\n      '--mantine-primary-color-filled': `var(--mantine-color-${theme.primaryColor}-filled)`,\n      '--mantine-primary-color-filled-hover': `var(--mantine-color-${theme.primaryColor}-filled-hover)`,\n      '--mantine-primary-color-light': `var(--mantine-color-${theme.primaryColor}-light)`,\n      '--mantine-primary-color-light-hover': `var(--mantine-color-${theme.primaryColor}-light-hover)`,\n      '--mantine-primary-color-light-color': `var(--mantine-color-${theme.primaryColor}-light-color)`,\n    },\n    light: {\n      '--mantine-color-bright': 'var(--mantine-color-black)',\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-bright': 'var(--mantine-color-white)',\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  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.15\n    );\n    result.dark[`--mantine-color-${color}-light-hover`] = rgba(\n      theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n      0.2\n    );\n    result.dark[`--mantine-color-${color}-light-color`] =\n      theme.colors[color][Math.max(darkPrimaryShade - 5, 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":[],"mappings":";;;;;AAEA,SAAS,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO;AACrB,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACtF,GAAG,CAAC;AACJ,CAAC;AACW,MAAC,2BAA2B,GAAG,CAAC,KAAK,KAAK;AACtD,EAAE,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC1D,EAAE,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAC5D,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;AAC3H,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,SAAS,EAAE;AACf,MAAM,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;AAC/C,MAAM,uBAAuB,EAAE,KAAK,CAAC,UAAU;AAC/C,MAAM,iCAAiC,EAAE,KAAK,CAAC,aAAa,GAAG,aAAa,GAAG,OAAO;AACtF,MAAM,wBAAwB,EAAE,YAAY;AAC5C,MAAM,8BAA8B,EAAE,KAAK,CAAC,aAAa,GAAG,WAAW,GAAG,OAAO;AACjF,MAAM,uBAAuB,EAAE,KAAK,CAAC,KAAK;AAC1C,MAAM,uBAAuB,EAAE,KAAK,CAAC,KAAK;AAC1C,MAAM,uBAAuB,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE;AACnD,MAAM,uBAAuB,EAAE,KAAK,CAAC,UAAU;AAC/C,MAAM,iCAAiC,EAAE,KAAK,CAAC,mBAAmB;AAClE,MAAM,gCAAgC,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU;AACjE,MAAM,+BAA+B,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU;AAChE,MAAM,0BAA0B,EAAE,aAAa;AAC/C;AACA,MAAM,gCAAgC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC;AAC3F,MAAM,sCAAsC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;AACvG,MAAM,+BAA+B,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;AACzF,MAAM,qCAAqC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC;AACrG,MAAM,qCAAqC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC;AACrG,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,wBAAwB,EAAE,4BAA4B;AAC5D,MAAM,sBAAsB,EAAE,KAAK,CAAC,KAAK;AACzC,MAAM,sBAAsB,EAAE,KAAK,CAAC,KAAK;AACzC,MAAM,uBAAuB,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD,MAAM,6BAA6B,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACzD,MAAM,wBAAwB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC;AACnF,MAAM,yBAAyB,EAAE,KAAK,CAAC,KAAK;AAC5C,MAAM,+BAA+B,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3D,MAAM,+BAA+B,EAAE,KAAK,CAAC,KAAK;AAClD,MAAM,gCAAgC,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5D,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,wBAAwB,EAAE,4BAA4B;AAC5D,MAAM,sBAAsB,EAAE,6BAA6B;AAC3D,MAAM,sBAAsB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,MAAM,uBAAuB,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD,MAAM,6BAA6B,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACzD,MAAM,wBAAwB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AACnE,MAAM,yBAAyB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrD,MAAM,+BAA+B,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3D,MAAM,+BAA+B,EAAE,KAAK,CAAC,KAAK;AAClD,MAAM,gCAAgC,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,mBAAmB,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AACzE,EAAE,mBAAmB,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAClE,EAAE,mBAAmB,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACtE,EAAE,mBAAmB,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC1E,EAAE,mBAAmB,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AACjE,EAAE,mBAAmB,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAChE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AACxC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK;AAClD,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AACpE,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,gBAAgB,GAAG,iBAAiB,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;AAC3H,IAAI,MAAM,eAAe,GAAG,gBAAgB,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;AACxH,IAAI,MAAM,CAAC,KAAK,CAAC,wBAAwB,CAAC,GAAG,6BAA6B,CAAC;AAC3E,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAC7F,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,gBAAgB,CAAC;AAC7E,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI;AACzD,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC;AAC5C,MAAM,GAAG;AACT,KAAK,CAAC;AACN,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,GAAG,IAAI;AAC/D,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC;AAC5C,MAAM,IAAI;AACV,KAAK,CAAC;AACN,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAClG,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAC9F,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,GAAG,IAAI;AACjE,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC;AAC5C,MAAM,IAAI;AACV,KAAK,CAAC;AACN,IAAI,MAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,GAAG,6BAA6B,CAAC;AAC1E,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAC3F,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,eAAe,CAAC;AAC3E,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI;AACxD,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC;AAC5D,MAAM,IAAI;AACV,KAAK,CAAC;AACN,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,GAAG,IAAI;AAC9D,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC;AAC5D,MAAM,GAAG;AACT,KAAK,CAAC;AACN,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACjH,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7G,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,GAAG,IAAI;AAChE,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5D,MAAM,IAAI;AACV,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AACxC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;AACtC,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;AACpF,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;AACxF,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACrH,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.mjs

@@ -0,0 +1,11 @@
+import { defaultCssVariablesResolver } from './default-css-variables-resolver.mjs';
+import { deepMerge } from '../../utils/deep-merge/deep-merge.mjs';
+
+function getMergedVariables({ theme, generator }) {
+  const defaultResolver = defaultCssVariablesResolver(theme);
+  const providerGenerator = generator == null ? void 0 : generator(theme);
+  return providerGenerator ? deepMerge(defaultResolver, providerGenerator) : defaultResolver;
+}
+
+export { getMergedVariables };
+//# sourceMappingURL=get-merged-variables.mjs.map

package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-merged-variables.mjs","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":[],"mappings":";;;AAEO,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACzD,EAAE,MAAM,eAAe,GAAG,2BAA2B,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,GAAG,SAAS,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,eAAe,CAAC;AAC7F;;;;"}

package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.mjs

@@ -0,0 +1,31 @@
+import { defaultCssVariablesResolver } from './default-css-variables-resolver.mjs';
+import { DEFAULT_THEME } from '../default-theme.mjs';
+import { keys } from '../../utils/keys/keys.mjs';
+
+const defaultCssVariables = defaultCssVariablesResolver(DEFAULT_THEME);
+function removeDefaultVariables(input) {
+  const cleaned = {
+    variables: {},
+    light: {},
+    dark: {}
+  };
+  keys(input.variables).forEach((key) => {
+    if (defaultCssVariables.variables[key] !== input.variables[key]) {
+      cleaned.variables[key] = input.variables[key];
+    }
+  });
+  keys(input.light).forEach((key) => {
+    if (defaultCssVariables.light[key] !== input.light[key]) {
+      cleaned.light[key] = input.light[key];
+    }
+  });
+  keys(input.dark).forEach((key) => {
+    if (defaultCssVariables.dark[key] !== input.dark[key]) {
+      cleaned.dark[key] = input.dark[key];
+    }
+  });
+  return cleaned;
+}
+
+export { removeDefaultVariables };
+//# sourceMappingURL=remove-default-variables.mjs.map

package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-default-variables.mjs","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":[],"mappings":";;;;AAGA,MAAM,mBAAmB,GAAG,2BAA2B,CAAC,aAAa,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,EAAE,IAAI,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,EAAE,IAAI,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,EAAE,IAAI,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/esm/core/MantineProvider/MantineProvider.mjs

@@ -0,0 +1,56 @@
+import React from 'react';
+import { suppressNextjsWarning } from './suppress-nextjs-warning.mjs';
+import { MantineContext } from './Mantine.context.mjs';
+import { localStorageColorSchemeManager } from './color-scheme-managers/local-storage-manager.mjs';
+import { useProviderColorScheme } from './use-mantine-color-scheme/use-provider-color-scheme.mjs';
+import { useRespectReduceMotion } from './use-respect-reduce-motion/use-respect-reduce-motion.mjs';
+import { MantineThemeProvider } from './MantineThemeProvider/MantineThemeProvider.mjs';
+import { MantineCssVariables } from './MantineCssVariables/MantineCssVariables.mjs';
+import { MantineClasses } from './MantineClasses/MantineClasses.mjs';
+
+suppressNextjsWarning();
+function MantineProvider({
+  theme,
+  children,
+  getStyleNonce,
+  withCssVariables = true,
+  cssVariablesSelector = ":root",
+  classNamesPrefix = "mantine",
+  colorSchemeManager = localStorageColorSchemeManager(),
+  defaultColorScheme = "light",
+  getRootElement = () => document.documentElement,
+  cssVariablesResolver,
+  forceColorScheme
+}) {
+  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({
+    defaultColorScheme,
+    forceColorScheme,
+    manager: colorSchemeManager,
+    getRootElement
+  });
+  useRespectReduceMotion({
+    respectReducedMotion: (theme == null ? void 0 : theme.respectReducedMotion) || false,
+    getRootElement
+  });
+  return /* @__PURE__ */ React.createElement(
+    MantineContext.Provider,
+    {
+      value: {
+        colorSchemeManager,
+        colorScheme,
+        setColorScheme,
+        clearColorScheme,
+        getRootElement,
+        classNamesPrefix,
+        getStyleNonce,
+        cssVariablesResolver,
+        cssVariablesSelector
+      }
+    },
+    /* @__PURE__ */ React.createElement(MantineThemeProvider, { theme }, withCssVariables && /* @__PURE__ */ React.createElement(MantineCssVariables, { cssVariablesSelector }), /* @__PURE__ */ React.createElement(MantineClasses, null), children)
+  );
+}
+MantineProvider.displayName = "@mantine/core/MantineProvider";
+
+export { MantineProvider };
+//# sourceMappingURL=MantineProvider.mjs.map

package/esm/core/MantineProvider/MantineProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MantineProvider.mjs","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, `light` by default */\n  defaultColorScheme?: MantineColorScheme;\n\n  /** Forces color scheme value, if set, MantineProvider ignores `colorSchemeManager` and `defaultColorScheme` */\n  forceColorScheme?: 'light' | 'dark';\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 = 'light',\n  getRootElement = () => document.documentElement,\n  cssVariablesResolver,\n  forceColorScheme,\n}: MantineProviderProps) {\n  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n    defaultColorScheme,\n    forceColorScheme,\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":[],"mappings":";;;;;;;;;;AAUA,qBAAqB,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,GAAG,8BAA8B,EAAE;AACvD,EAAE,kBAAkB,GAAG,OAAO;AAC9B,EAAE,cAAc,GAAG,MAAM,QAAQ,CAAC,eAAe;AACjD,EAAE,oBAAoB;AACtB,EAAE,gBAAgB;AAClB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,CAAC;AACnF,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,OAAO,EAAE,kBAAkB;AAC/B,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,sBAAsB,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,uBAAuB,KAAK,CAAC,aAAa;AAC5C,IAAI,cAAc,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,oBAAoB,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,gBAAgB,oBAAoB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,EAAE,oBAAoB,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;AACrP,GAAG,CAAC;AACJ,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}