@mantine/core 9.3.2 → 9.4.1

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeScript.mjs","names":[],"sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentProps<'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"],"mappings":";;;AAQA,MAAM,aAAa,EACjB,oBACA,iBACA,uBAEA,mBACI,uEAAuE,iBAAiB,OACxF;oDAC8C,gBAAgB;uHACmD,mBAAmB;;;;;AAM1I,SAAgB,kBAAkB,EAChC,qBAAqB,SACrB,kBAAkB,8BAClB,kBACA,GAAG,UACsB;CACzB,MAAM,sBAAsB;EAAC;EAAS;EAAQ;CAAM,EAAE,SAAS,kBAAkB,IAC7E,qBACA;CACJ,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,uBAAA;EACA,yBAAyB,EACvB,QAAQ,UAAU;GAChB,oBAAoB;GACpB;GACA;EACF,CAAC,EACH;CACD,CAAA;AAEL"}
+{"version":3,"file":"ColorSchemeScript.mjs","names":[],"sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentProps<'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"],"mappings":";;;AAQA,MAAM,aAAa,EACjB,oBACA,iBACA,uBAEA,mBACI,uEAAuE,iBAAiB,OACxF;oDAC8C,gBAAgB;uHACmD,mBAAmB;;;;;AAM1I,SAAgB,kBAAkB,EAChC,qBAAqB,SACrB,kBAAkB,8BAClB,kBACA,GAAG,UACsB;CACzB,MAAM,sBAAsB;EAAC;EAAS;EAAQ;CAAM,CAAC,CAAC,SAAS,kBAAkB,IAC7E,qBACA;CACJ,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,uBAAA;EACA,yBAAyB,EACvB,QAAQ,UAAU;GAChB,oBAAoB;GACpB;GACA;EACF,CAAC,EACH;CACD,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"Mantine.context.mjs","names":[],"sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, use } from 'react';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\nimport type { MantineColorScheme, MantineTheme } from './theme.types';\n\nexport interface MantineStylesTransform {\n  sx?: () => (sx: any) => string;\n  styles?: () => (styles: any, payload: any) => Record<string, string>;\n}\n\ninterface MantineContextValue {\n  colorScheme: MantineColorScheme;\n  setColorScheme: (colorScheme: MantineColorScheme) => void;\n  clearColorScheme: () => void;\n  getRootElement: () => HTMLElement | undefined;\n  classNamesPrefix: string;\n  getStyleNonce?: () => string | undefined;\n  cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n  cssVariablesSelector: string;\n  withStaticClasses: boolean;\n  headless?: boolean;\n  stylesTransform?: MantineStylesTransform;\n  env?: 'default' | 'test';\n  deduplicateInlineStyles?: boolean;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\n  const ctx = use(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\nexport function useMantineWithStaticClasses() {\n  return useMantineContext().withStaticClasses;\n}\n\nexport function useMantineIsHeadless() {\n  return useMantineContext().headless;\n}\n\nexport function useMantineSxTransform() {\n  return useMantineContext().stylesTransform?.sx;\n}\n\nexport function useMantineStylesTransform() {\n  return useMantineContext().stylesTransform?.styles;\n}\n\nexport function useMantineEnv() {\n  return useMantineContext().env || 'default';\n}\n\nexport function useMantineDeduplicateInlineStyles() {\n  return useMantineContext().deduplicateInlineStyles;\n}\n"],"mappings":";;;AAyBA,MAAa,iBAAiB,cAA0C,IAAI;AAE5E,SAAgB,oBAAoB;CAClC,MAAM,MAAM,IAAI,cAAc;CAE9B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,OAAO;AACT;AAEA,SAAgB,iCAAiC;CAC/C,OAAO,kBAAkB,EAAE;AAC7B;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,kBAAkB,EAAE;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,EAAE;AAC7B;AAEA,SAAgB,8BAA8B;CAC5C,OAAO,kBAAkB,EAAE;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,EAAE;AAC7B;AAEA,SAAgB,wBAAwB;CACtC,OAAO,kBAAkB,EAAE,iBAAiB;AAC9C;AAEA,SAAgB,4BAA4B;CAC1C,OAAO,kBAAkB,EAAE,iBAAiB;AAC9C;AAEA,SAAgB,gBAAgB;CAC9B,OAAO,kBAAkB,EAAE,OAAO;AACpC;AAEA,SAAgB,oCAAoC;CAClD,OAAO,kBAAkB,EAAE;AAC7B"}
+{"version":3,"file":"Mantine.context.mjs","names":[],"sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, use } from 'react';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\nimport type { MantineColorScheme, MantineTheme } from './theme.types';\n\nexport interface MantineStylesTransform {\n  sx?: () => (sx: any) => string;\n  styles?: () => (styles: any, payload: any) => Record<string, string>;\n}\n\ninterface MantineContextValue {\n  colorScheme: MantineColorScheme;\n  setColorScheme: (colorScheme: MantineColorScheme) => void;\n  clearColorScheme: () => void;\n  getRootElement: () => HTMLElement | undefined;\n  classNamesPrefix: string;\n  getStyleNonce?: () => string | undefined;\n  cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n  cssVariablesSelector: string;\n  withStaticClasses: boolean;\n  headless?: boolean;\n  stylesTransform?: MantineStylesTransform;\n  env?: 'default' | 'test';\n  deduplicateInlineStyles?: boolean;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\n  const ctx = use(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\nexport function useMantineWithStaticClasses() {\n  return useMantineContext().withStaticClasses;\n}\n\nexport function useMantineIsHeadless() {\n  return useMantineContext().headless;\n}\n\nexport function useMantineSxTransform() {\n  return useMantineContext().stylesTransform?.sx;\n}\n\nexport function useMantineStylesTransform() {\n  return useMantineContext().stylesTransform?.styles;\n}\n\nexport function useMantineEnv() {\n  return useMantineContext().env || 'default';\n}\n\nexport function useMantineDeduplicateInlineStyles() {\n  return useMantineContext().deduplicateInlineStyles;\n}\n"],"mappings":";;;AAyBA,MAAa,iBAAiB,cAA0C,IAAI;AAE5E,SAAgB,oBAAoB;CAClC,MAAM,MAAM,IAAI,cAAc;CAE9B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,OAAO;AACT;AAEA,SAAgB,iCAAiC;CAC/C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,8BAA8B;CAC5C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,wBAAwB;CACtC,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,4BAA4B;CAC1C,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,gBAAgB;CAC9B,OAAO,kBAAkB,CAAC,CAAC,OAAO;AACpC;AAEA,SAAgB,oCAAoC;CAClD,OAAO,kBAAkB,CAAC,CAAC;AAC7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"MantineClasses.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineClasses/MantineClasses.tsx"],"sourcesContent":["import { em, keys, px } from '../../utils';\nimport { useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\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 isPxBreakpoint = theme.breakpoints[breakpoint].includes('px');\n    const pxValue = px(theme.breakpoints[breakpoint]) as number;\n    const maxWidthBreakpoint = isPxBreakpoint ? `${pxValue - 0.1}px` : em(pxValue - 0.1);\n    const minWidthBreakpoint = isPxBreakpoint ? `${pxValue}px` : em(pxValue);\n\n    return `${acc}@media (max-width: ${maxWidthBreakpoint}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${minWidthBreakpoint}) {.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"],"mappings":";;;;;;;;AAIA,SAAgB,iBAAiB;CAC/B,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,QAAQ,qBAAqB;CAEnC,MAAM,UAAU,KAAK,MAAM,WAAW,EAAE,QAAgB,KAAK,eAAe;EAC1E,MAAM,iBAAiB,MAAM,YAAY,YAAY,SAAS,IAAI;EAClE,MAAM,UAAU,GAAG,MAAM,YAAY,WAAW;EAIhD,OAAO,GAAG,IAAI,qBAHa,iBAAiB,GAAG,UAAU,GAAI,MAAM,GAAG,UAAU,EAAG,EAG7B,2BAA2B,WAAW,kDAFjE,iBAAiB,GAAG,QAAQ,MAAM,GAAG,OAAO,EAE0F,0BAA0B,WAAW;CACxM,GAAG,EAAE;CAEL,OACE,oBAAC,SAAD;EACE,uBAAoB;EACpB,OAAO,QAAQ;EACf,yBAAyB,EAAE,QAAQ,QAAQ;CAC5C,CAAA;AAEL"}
+{"version":3,"file":"MantineClasses.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineClasses/MantineClasses.tsx"],"sourcesContent":["import { em, keys, px } from '../../utils';\nimport { useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\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 isPxBreakpoint = theme.breakpoints[breakpoint].includes('px');\n    const pxValue = px(theme.breakpoints[breakpoint]) as number;\n    const maxWidthBreakpoint = isPxBreakpoint ? `${pxValue - 0.1}px` : em(pxValue - 0.1);\n    const minWidthBreakpoint = isPxBreakpoint ? `${pxValue}px` : em(pxValue);\n\n    return `${acc}@media (max-width: ${maxWidthBreakpoint}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${minWidthBreakpoint}) {.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"],"mappings":";;;;;;;;AAIA,SAAgB,iBAAiB;CAC/B,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,QAAQ,qBAAqB;CAEnC,MAAM,UAAU,KAAK,MAAM,WAAW,CAAC,CAAC,QAAgB,KAAK,eAAe;EAC1E,MAAM,iBAAiB,MAAM,YAAY,WAAW,CAAC,SAAS,IAAI;EAClE,MAAM,UAAU,GAAG,MAAM,YAAY,WAAW;EAIhD,OAAO,GAAG,IAAI,qBAHa,iBAAiB,GAAG,UAAU,GAAI,MAAM,GAAG,UAAU,EAAG,EAG7B,2BAA2B,WAAW,kDAFjE,iBAAiB,GAAG,QAAQ,MAAM,GAAG,OAAO,EAE0F,0BAA0B,WAAW;CACxM,GAAG,EAAE;CAEL,OACE,oBAAC,SAAD;EACE,uBAAoB;EACpB,OAAO,QAAQ;EACf,yBAAyB,EAAE,QAAQ,QAAQ;CAC5C,CAAA;AAEL"}

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

@@ -2,9 +2,9 @@
 import { keys } from "../../utils/keys/keys.mjs";
 import { rem } from "../../utils/units-converters/rem.mjs";
 import { getPrimaryShade } from "../color-functions/get-primary-shade/get-primary-shade.mjs";
-import { getPrimaryContrastColor } from "../color-functions/get-contrast-color/get-contrast-color.mjs";
-import { getCSSColorVariables } from "./get-css-color-variables.mjs";
 import { isVirtualColor } from "./virtual-color/virtual-color.mjs";
+import { getPrimaryContrastColor, getVirtualColorContrast } from "../color-functions/get-contrast-color/get-contrast-color.mjs";
+import { getCSSColorVariables } from "./get-css-color-variables.mjs";
 //#region packages/@mantine/core/src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts
 function assignSizeVariables(variables, sizes, name) {
 	keys(sizes).forEach((size) => Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] }));
@@ -45,6 +45,7 @@ const defaultCssVariablesResolver = (theme) => {
 			"--mantine-color-text": theme.black,
 			"--mantine-color-body": theme.white,
 			"--mantine-color-error": "var(--mantine-color-red-6)",
+			"--mantine-color-success": "var(--mantine-color-teal-8)",
 			"--mantine-color-placeholder": "var(--mantine-color-gray-5)",
 			"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,
 			"--mantine-color-default": "var(--mantine-color-white)",
@@ -63,6 +64,7 @@ const defaultCssVariablesResolver = (theme) => {
 			"--mantine-color-text": "var(--mantine-color-dark-0)",
 			"--mantine-color-body": "var(--mantine-color-dark-7)",
 			"--mantine-color-error": "var(--mantine-color-red-8)",
+			"--mantine-color-success": "var(--mantine-color-teal-8)",
 			"--mantine-color-placeholder": "var(--mantine-color-dark-3)",
 			"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-4)`,
 			"--mantine-color-default": "var(--mantine-color-dark-6)",
@@ -102,6 +104,8 @@ const defaultCssVariablesResolver = (theme) => {
 				colorScheme: "dark",
 				withColorValues: true
 			}));
+			result.light[`--mantine-color-${value.name}-contrast`] = getVirtualColorContrast(value, theme, "light");
+			result.dark[`--mantine-color-${value.name}-contrast`] = getVirtualColorContrast(value, theme, "dark");
 			return;
 		}
 		value.forEach((shade, index) => {

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

@@ -1 +1 @@
-{"version":3,"file":"default-css-variables-resolver.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport { getPrimaryContrastColor, getPrimaryShade } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { getCSSColorVariables } from './get-css-color-variables';\nimport { isVirtualColor } from './virtual-color/virtual-color';\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 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-z-index-app': '100',\n      '--mantine-z-index-modal': '200',\n      '--mantine-z-index-popover': '300',\n      '--mantine-z-index-overlay': '400',\n      '--mantine-z-index-max': '9999',\n      '--mantine-scale': theme.scale.toString(),\n      '--mantine-cursor-type': theme.cursorType,\n      '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\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-heading-text-wrap': theme.headings.textWrap,\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-scheme': 'light',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, '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': 'var(--mantine-color-red-6)',\n      '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n      '--mantine-color-default': 'var(--mantine-color-white)',\n      '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n      '--mantine-color-default-color': 'var(--mantine-color-black)',\n      '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n      '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n    },\n    dark: {\n      '--mantine-color-scheme': 'dark',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n      '--mantine-color-bright': 'var(--mantine-color-white)',\n      '--mantine-color-text': 'var(--mantine-color-dark-0)',\n      '--mantine-color-body': 'var(--mantine-color-dark-7)',\n      '--mantine-color-error': 'var(--mantine-color-red-8)',\n      '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n      '--mantine-color-default': 'var(--mantine-color-dark-6)',\n      '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n      '--mantine-color-default-color': 'var(--mantine-color-white)',\n      '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n      '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-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  assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n  theme.colors[theme.primaryColor].forEach((_, index) => {\n    result.variables[`--mantine-primary-color-${index}`] =\n      `var(--mantine-color-${theme.primaryColor}-${index})`;\n  });\n\n  keys(theme.colors).forEach((color) => {\n    const value = theme.colors[color];\n\n    if (isVirtualColor(value)) {\n      Object.assign(\n        result.light,\n        getCSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.light,\n          colorScheme: 'light',\n          withColorValues: true,\n        })\n      );\n\n      Object.assign(\n        result.dark,\n        getCSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.dark,\n          colorScheme: 'dark',\n          withColorValues: true,\n        })\n      );\n\n      return;\n    }\n\n    value.forEach((shade, index) => {\n      result.variables[`--mantine-color-${color}-${index}`] = shade;\n    });\n\n    Object.assign(\n      result.light,\n      getCSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'light',\n        withColorValues: false,\n      })\n    );\n\n    Object.assign(\n      result.dark,\n      getCSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'dark',\n        withColorValues: false,\n      })\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"],"mappings":"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"}
+{"version":3,"file":"default-css-variables-resolver.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport {\n  getPrimaryContrastColor,\n  getPrimaryShade,\n  getVirtualColorContrast,\n} from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { getCSSColorVariables } from './get-css-color-variables';\nimport { isVirtualColor } from './virtual-color/virtual-color';\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 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-z-index-app': '100',\n      '--mantine-z-index-modal': '200',\n      '--mantine-z-index-popover': '300',\n      '--mantine-z-index-overlay': '400',\n      '--mantine-z-index-max': '9999',\n      '--mantine-scale': theme.scale.toString(),\n      '--mantine-cursor-type': theme.cursorType,\n      '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\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-heading-text-wrap': theme.headings.textWrap,\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-scheme': 'light',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, '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': 'var(--mantine-color-red-6)',\n      '--mantine-color-success': 'var(--mantine-color-teal-8)',\n      '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n      '--mantine-color-default': 'var(--mantine-color-white)',\n      '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n      '--mantine-color-default-color': 'var(--mantine-color-black)',\n      '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n      '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n    },\n    dark: {\n      '--mantine-color-scheme': 'dark',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n      '--mantine-color-bright': 'var(--mantine-color-white)',\n      '--mantine-color-text': 'var(--mantine-color-dark-0)',\n      '--mantine-color-body': 'var(--mantine-color-dark-7)',\n      '--mantine-color-error': 'var(--mantine-color-red-8)',\n      '--mantine-color-success': 'var(--mantine-color-teal-8)',\n      '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n      '--mantine-color-default': 'var(--mantine-color-dark-6)',\n      '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n      '--mantine-color-default-color': 'var(--mantine-color-white)',\n      '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n      '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-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  assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n  theme.colors[theme.primaryColor].forEach((_, index) => {\n    result.variables[`--mantine-primary-color-${index}`] =\n      `var(--mantine-color-${theme.primaryColor}-${index})`;\n  });\n\n  keys(theme.colors).forEach((color) => {\n    const value = theme.colors[color];\n\n    if (isVirtualColor(value)) {\n      Object.assign(\n        result.light,\n        getCSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.light,\n          colorScheme: 'light',\n          withColorValues: true,\n        })\n      );\n\n      Object.assign(\n        result.dark,\n        getCSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.dark,\n          colorScheme: 'dark',\n          withColorValues: true,\n        })\n      );\n\n      result.light[`--mantine-color-${value.name}-contrast`] = getVirtualColorContrast(\n        value,\n        theme,\n        'light'\n      );\n\n      result.dark[`--mantine-color-${value.name}-contrast`] = getVirtualColorContrast(\n        value,\n        theme,\n        'dark'\n      );\n\n      return;\n    }\n\n    value.forEach((shade, index) => {\n      result.variables[`--mantine-color-${color}-${index}`] = shade;\n    });\n\n    Object.assign(\n      result.light,\n      getCSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'light',\n        withColorValues: false,\n      })\n    );\n\n    Object.assign(\n      result.dark,\n      getCSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'dark',\n        withColorValues: false,\n      })\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"],"mappings":";;;;;;;;AAaA,SAAS,oBACP,WACA,OACA,MACA;CACA,KAAK,KAAK,CAAC,CAAC,SAAS,SACnB,OAAO,OAAO,WAAW,GAAG,aAAa,KAAK,GAAG,SAAS,MAAM,MAAM,CAAC,CACzE;AACF;AAEA,MAAa,+BAAqD,UAAU;CAC1E,MAAM,oBAAoB,gBAAgB,OAAO,OAAO;CACxD,MAAM,gBACJ,MAAM,iBAAiB,MAAM,SACzB,MAAM,OAAO,MAAM,iBACnB,IAAI,MAAM,aAAa;CAE7B,MAAM,SAAmC;EACvC,WAAW;GACT,yBAAyB;GACzB,2BAA2B;GAC3B,6BAA6B;GAC7B,6BAA6B;GAC7B,yBAAyB;GACzB,mBAAmB,MAAM,MAAM,SAAS;GACxC,yBAAyB,MAAM;GAC/B,mCAAmC,MAAM,gBAAgB,gBAAgB;GACzE,gCAAgC,MAAM,gBAAgB,cAAc;GACpE,yBAAyB,MAAM;GAC/B,yBAAyB,MAAM;GAC/B,yBAAyB,MAAM,YAAY;GAC3C,yBAAyB,MAAM;GAC/B,mCAAmC,MAAM;GACzC,kCAAkC,MAAM,SAAS;GACjD,iCAAiC,MAAM,SAAS;GAChD,+BAA+B,MAAM,SAAS;GAC9C,4BAA4B;GAG5B,kCAAkC,uBAAuB,MAAM,aAAa;GAC5E,wCAAwC,uBAAuB,MAAM,aAAa;GAClF,iCAAiC,uBAAuB,MAAM,aAAa;GAC3E,uCAAuC,uBAAuB,MAAM,aAAa;GACjF,uCAAuC,uBAAuB,MAAM,aAAa;EACnF;EACA,OAAO;GACL,0BAA0B;GAC1B,oCAAoC,wBAAwB,OAAO,OAAO;GAC1E,0BAA0B;GAC1B,wBAAwB,MAAM;GAC9B,wBAAwB,MAAM;GAC9B,yBAAyB;GACzB,2BAA2B;GAC3B,+BAA+B;GAC/B,0BAA0B,uBAAuB,MAAM,aAAa,GAAG,kBAAkB;GACzF,2BAA2B;GAC3B,iCAAiC;GACjC,iCAAiC;GACjC,kCAAkC;GAClC,0BAA0B;GAC1B,4BAA4B;GAC5B,kCAAkC;GAClC,mCAAmC;EACrC;EACA,MAAM;GACJ,0BAA0B;GAC1B,oCAAoC,wBAAwB,OAAO,MAAM;GACzE,0BAA0B;GAC1B,wBAAwB;GACxB,wBAAwB;GACxB,yBAAyB;GACzB,2BAA2B;GAC3B,+BAA+B;GAC/B,0BAA0B,uBAAuB,MAAM,aAAa;GACpE,2BAA2B;GAC3B,iCAAiC;GACjC,iCAAiC;GACjC,kCAAkC;GAClC,0BAA0B;GAC1B,4BAA4B;GAC5B,kCAAkC;GAClC,mCAAmC;EACrC;CACF;CAEA,oBAAoB,OAAO,WAAW,MAAM,aAAa,YAAY;CACrE,oBAAoB,OAAO,WAAW,MAAM,SAAS,SAAS;CAC9D,oBAAoB,OAAO,WAAW,MAAM,WAAW,WAAW;CAClE,oBAAoB,OAAO,WAAW,MAAM,aAAa,aAAa;CACtE,oBAAoB,OAAO,WAAW,MAAM,SAAS,QAAQ;CAC7D,oBAAoB,OAAO,WAAW,MAAM,QAAQ,QAAQ;CAC5D,oBAAoB,OAAO,WAAW,MAAM,aAAa,aAAa;CAEtE,MAAM,OAAO,MAAM,aAAa,CAAC,SAAS,GAAG,UAAU;EACrD,OAAO,UAAU,2BAA2B,WAC1C,uBAAuB,MAAM,aAAa,GAAG,MAAM;CACvD,CAAC;CAED,KAAK,MAAM,MAAM,CAAC,CAAC,SAAS,UAAU;EACpC,MAAM,QAAQ,MAAM,OAAO;EAE3B,IAAI,eAAe,KAAK,GAAG;GACzB,OAAO,OACL,OAAO,OACP,qBAAqB;IACnB;IACA,MAAM,MAAM;IACZ,OAAO,MAAM;IACb,aAAa;IACb,iBAAiB;GACnB,CAAC,CACH;GAEA,OAAO,OACL,OAAO,MACP,qBAAqB;IACnB;IACA,MAAM,MAAM;IACZ,OAAO,MAAM;IACb,aAAa;IACb,iBAAiB;GACnB,CAAC,CACH;GAEA,OAAO,MAAM,mBAAmB,MAAM,KAAK,cAAc,wBACvD,OACA,OACA,OACF;GAEA,OAAO,KAAK,mBAAmB,MAAM,KAAK,cAAc,wBACtD,OACA,OACA,MACF;GAEA;EACF;EAEA,MAAM,SAAS,OAAO,UAAU;GAC9B,OAAO,UAAU,mBAAmB,MAAM,GAAG,WAAW;EAC1D,CAAC;EAED,OAAO,OACL,OAAO,OACP,qBAAqB;GACnB;GACA;GACA,aAAa;GACb,iBAAiB;EACnB,CAAC,CACH;EAEA,OAAO,OACL,OAAO,MACP,qBAAqB;GACnB;GACA;GACA,aAAa;GACb,iBAAiB;EACnB,CAAC,CACH;CACF,CAAC;CAED,MAAM,WAAW,MAAM,SAAS;CAEhC,KAAK,QAAQ,CAAC,CAAC,SAAS,YAAY;EAClC,OAAO,UAAU,aAAa,QAAQ,eAAe,SAAS,QAAQ,CAAC;EACvE,OAAO,UAAU,aAAa,QAAQ,iBAAiB,SAAS,QAAQ,CAAC;EACzE,OAAO,UAAU,aAAa,QAAQ,iBACpC,SAAS,QAAQ,CAAC,cAAc,MAAM,SAAS;CACnD,CAAC;CAED,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"get-css-color-variables.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-css-color-variables.ts"],"sourcesContent":["import { alpha, darken, getPrimaryShade } from '../color-functions';\nimport { MantineColor, MantineTheme } from '../theme.types';\n\ninterface GetColorVariablesInput {\n  theme: MantineTheme;\n  color: MantineColor;\n  colorScheme: 'light' | 'dark';\n  name?: string;\n  withColorValues?: boolean;\n}\n\nexport function getCSSColorVariables({\n  theme,\n  color,\n  colorScheme,\n  name = color,\n  withColorValues = true,\n}: GetColorVariablesInput) {\n  if (!theme.colors[color]) {\n    return {};\n  }\n\n  if (colorScheme === 'light') {\n    const primaryShade = getPrimaryShade(theme, 'light');\n\n    const dynamicVariables = {\n      [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n      [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n        primaryShade === 9 ? 8 : primaryShade + 1\n      })`,\n      [`--mantine-color-${name}-light`]: `var(--mantine-color-${name}-${1})`,\n      [`--mantine-color-${name}-light-hover`]: `var(--mantine-color-${name}-${2})`,\n      [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${9})`,\n      [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n    };\n\n    if (!withColorValues) {\n      return dynamicVariables;\n    }\n\n    return {\n      [`--mantine-color-${name}-0`]: theme.colors[color][0],\n      [`--mantine-color-${name}-1`]: theme.colors[color][1],\n      [`--mantine-color-${name}-2`]: theme.colors[color][2],\n      [`--mantine-color-${name}-3`]: theme.colors[color][3],\n      [`--mantine-color-${name}-4`]: theme.colors[color][4],\n      [`--mantine-color-${name}-5`]: theme.colors[color][5],\n      [`--mantine-color-${name}-6`]: theme.colors[color][6],\n      [`--mantine-color-${name}-7`]: theme.colors[color][7],\n      [`--mantine-color-${name}-8`]: theme.colors[color][8],\n      [`--mantine-color-${name}-9`]: theme.colors[color][9],\n      ...dynamicVariables,\n    };\n  }\n\n  const primaryShade = getPrimaryShade(theme, 'dark');\n  const dynamicVariables = {\n    [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n    [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n    [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n      primaryShade === 9 ? 8 : primaryShade + 1\n    })`,\n    [`--mantine-color-${name}-light`]: darken(theme.colors[color][9], 0.5),\n    [`--mantine-color-${name}-light-hover`]: darken(theme.colors[color][9], 0.3),\n    [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-0)`,\n    [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n    [`--mantine-color-${name}-outline-hover`]: alpha(\n      theme.colors[color][Math.max(primaryShade - 4, 0)],\n      0.05\n    ),\n  };\n\n  if (!withColorValues) {\n    return dynamicVariables;\n  }\n\n  return {\n    [`--mantine-color-${name}-0`]: theme.colors[color][0],\n    [`--mantine-color-${name}-1`]: theme.colors[color][1],\n    [`--mantine-color-${name}-2`]: theme.colors[color][2],\n    [`--mantine-color-${name}-3`]: theme.colors[color][3],\n    [`--mantine-color-${name}-4`]: theme.colors[color][4],\n    [`--mantine-color-${name}-5`]: theme.colors[color][5],\n    [`--mantine-color-${name}-6`]: theme.colors[color][6],\n    [`--mantine-color-${name}-7`]: theme.colors[color][7],\n    [`--mantine-color-${name}-8`]: theme.colors[color][8],\n    [`--mantine-color-${name}-9`]: theme.colors[color][9],\n    ...dynamicVariables,\n  };\n}\n"],"mappings":";;;;;AAWA,SAAgB,qBAAqB,EACnC,OACA,OACA,aACA,OAAO,OACP,kBAAkB,QACO;CACzB,IAAI,CAAC,MAAM,OAAO,QAChB,OAAO,CAAC;CAGV,IAAI,gBAAgB,SAAS;EAC3B,MAAM,eAAe,gBAAgB,OAAO,OAAO;EAEnD,MAAM,mBAAmB;IACtB,mBAAmB,KAAK,SAAS,uBAAuB,KAAK;IAC7D,mBAAmB,KAAK,WAAW,uBAAuB,KAAK,GAAG,aAAa;IAC/E,mBAAmB,KAAK,iBAAiB,uBAAuB,KAAK,GACpE,iBAAiB,IAAI,IAAI,eAAe,EACzC;IACA,mBAAmB,KAAK,UAAU,uBAAuB,KAAK;IAC9D,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;IACpE,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;IACpE,mBAAmB,KAAK,YAAY,uBAAuB,KAAK,GAAG,aAAa;IAChF,mBAAmB,KAAK,kBAAkB,MAAM,MAAM,OAAO,OAAO,eAAe,GAAI;EAC1F;EAEA,IAAI,CAAC,iBACH,OAAO;EAGT,OAAO;IACJ,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;IAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GACnD,GAAG;EACL;CACF;CAEA,MAAM,eAAe,gBAAgB,OAAO,MAAM;CAClD,MAAM,mBAAmB;GACtB,mBAAmB,KAAK,SAAS,uBAAuB,KAAK;GAC7D,mBAAmB,KAAK,WAAW,uBAAuB,KAAK,GAAG,aAAa;GAC/E,mBAAmB,KAAK,iBAAiB,uBAAuB,KAAK,GACpE,iBAAiB,IAAI,IAAI,eAAe,EACzC;GACA,mBAAmB,KAAK,UAAU,OAAO,MAAM,OAAO,OAAO,IAAI,EAAG;GACpE,mBAAmB,KAAK,gBAAgB,OAAO,MAAM,OAAO,OAAO,IAAI,EAAG;GAC1E,mBAAmB,KAAK,gBAAgB,uBAAuB,KAAK;GACpE,mBAAmB,KAAK,YAAY,uBAAuB,KAAK,GAAG,KAAK,IAAI,eAAe,GAAG,CAAC,EAAE;GACjG,mBAAmB,KAAK,kBAAkB,MACzC,MAAM,OAAO,OAAO,KAAK,IAAI,eAAe,GAAG,CAAC,IAChD,GACF;CACF;CAEA,IAAI,CAAC,iBACH,OAAO;CAGT,OAAO;GACJ,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;GAClD,mBAAmB,KAAK,MAAM,MAAM,OAAO,OAAO;EACnD,GAAG;CACL;AACF"}
+{"version":3,"file":"get-css-color-variables.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/get-css-color-variables.ts"],"sourcesContent":["import { alpha, darken, getPrimaryShade } from '../color-functions';\nimport { MantineColor, MantineTheme } from '../theme.types';\n\ninterface GetColorVariablesInput {\n  theme: MantineTheme;\n  color: MantineColor;\n  colorScheme: 'light' | 'dark';\n  name?: string;\n  withColorValues?: boolean;\n}\n\nexport function getCSSColorVariables({\n  theme,\n  color,\n  colorScheme,\n  name = color,\n  withColorValues = true,\n}: GetColorVariablesInput) {\n  if (!theme.colors[color]) {\n    return {};\n  }\n\n  if (colorScheme === 'light') {\n    const primaryShade = getPrimaryShade(theme, 'light');\n\n    const dynamicVariables = {\n      [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n      [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n        primaryShade === 9 ? 8 : primaryShade + 1\n      })`,\n      [`--mantine-color-${name}-light`]: `var(--mantine-color-${name}-${1})`,\n      [`--mantine-color-${name}-light-hover`]: `var(--mantine-color-${name}-${2})`,\n      [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${9})`,\n      [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n    };\n\n    if (!withColorValues) {\n      return dynamicVariables;\n    }\n\n    return {\n      [`--mantine-color-${name}-0`]: theme.colors[color][0],\n      [`--mantine-color-${name}-1`]: theme.colors[color][1],\n      [`--mantine-color-${name}-2`]: theme.colors[color][2],\n      [`--mantine-color-${name}-3`]: theme.colors[color][3],\n      [`--mantine-color-${name}-4`]: theme.colors[color][4],\n      [`--mantine-color-${name}-5`]: theme.colors[color][5],\n      [`--mantine-color-${name}-6`]: theme.colors[color][6],\n      [`--mantine-color-${name}-7`]: theme.colors[color][7],\n      [`--mantine-color-${name}-8`]: theme.colors[color][8],\n      [`--mantine-color-${name}-9`]: theme.colors[color][9],\n      ...dynamicVariables,\n    };\n  }\n\n  const primaryShade = getPrimaryShade(theme, 'dark');\n  const dynamicVariables = {\n    [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n    [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n    [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n      primaryShade === 9 ? 8 : primaryShade + 1\n    })`,\n    [`--mantine-color-${name}-light`]: darken(theme.colors[color][9], 0.5),\n    [`--mantine-color-${name}-light-hover`]: darken(theme.colors[color][9], 0.3),\n    [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-0)`,\n    [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n    [`--mantine-color-${name}-outline-hover`]: alpha(\n      theme.colors[color][Math.max(primaryShade - 4, 0)],\n      0.05\n    ),\n  };\n\n  if (!withColorValues) {\n    return dynamicVariables;\n  }\n\n  return {\n    [`--mantine-color-${name}-0`]: theme.colors[color][0],\n    [`--mantine-color-${name}-1`]: theme.colors[color][1],\n    [`--mantine-color-${name}-2`]: theme.colors[color][2],\n    [`--mantine-color-${name}-3`]: theme.colors[color][3],\n    [`--mantine-color-${name}-4`]: theme.colors[color][4],\n    [`--mantine-color-${name}-5`]: theme.colors[color][5],\n    [`--mantine-color-${name}-6`]: theme.colors[color][6],\n    [`--mantine-color-${name}-7`]: theme.colors[color][7],\n    [`--mantine-color-${name}-8`]: theme.colors[color][8],\n    [`--mantine-color-${name}-9`]: theme.colors[color][9],\n    ...dynamicVariables,\n  };\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"remove-default-variables.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/remove-default-variables.ts"],"sourcesContent":["import { keys } from '../../utils';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\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"],"mappings":";;;;;AAKA,MAAM,sBAAsB,4BAA4B,aAAa;AAErE,SAAgB,uBAAuB,OAA2D;CAChG,MAAM,UAAoC;EACxC,WAAW,CAAC;EACZ,OAAO,CAAC;EACR,MAAM,CAAC;CACT;CAEA,KAAK,MAAM,SAAS,EAAE,SAAS,QAAQ;EACrC,IAAI,oBAAoB,UAAU,SAAS,MAAM,UAAU,MACzD,QAAQ,UAAU,OAAO,MAAM,UAAU;CAE7C,CAAC;CAED,KAAK,MAAM,KAAK,EAAE,SAAS,QAAQ;EACjC,IAAI,oBAAoB,MAAM,SAAS,MAAM,MAAM,MACjD,QAAQ,MAAM,OAAO,MAAM,MAAM;CAErC,CAAC;CAED,KAAK,MAAM,IAAI,EAAE,SAAS,QAAQ;EAChC,IAAI,oBAAoB,KAAK,SAAS,MAAM,KAAK,MAC/C,QAAQ,KAAK,OAAO,MAAM,KAAK;CAEnC,CAAC;CAED,OAAO;AACT"}
+{"version":3,"file":"remove-default-variables.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/remove-default-variables.ts"],"sourcesContent":["import { keys } from '../../utils';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { defaultCssVariablesResolver } from './default-css-variables-resolver';\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"],"mappings":";;;;;AAKA,MAAM,sBAAsB,4BAA4B,aAAa;AAErE,SAAgB,uBAAuB,OAA2D;CAChG,MAAM,UAAoC;EACxC,WAAW,CAAC;EACZ,OAAO,CAAC;EACR,MAAM,CAAC;CACT;CAEA,KAAK,MAAM,SAAS,CAAC,CAAC,SAAS,QAAQ;EACrC,IAAI,oBAAoB,UAAU,SAAS,MAAM,UAAU,MACzD,QAAQ,UAAU,OAAO,MAAM,UAAU;CAE7C,CAAC;CAED,KAAK,MAAM,KAAK,CAAC,CAAC,SAAS,QAAQ;EACjC,IAAI,oBAAoB,MAAM,SAAS,MAAM,MAAM,MACjD,QAAQ,MAAM,OAAO,MAAM,MAAM;CAErC,CAAC;CAED,KAAK,MAAM,IAAI,CAAC,CAAC,SAAS,QAAQ;EAChC,IAAI,oBAAoB,KAAK,SAAS,MAAM,KAAK,MAC/C,QAAQ,KAAK,OAAO,MAAM,KAAK;CAEnC,CAAC;CAED,OAAO;AACT"}

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

@@ -2,9 +2,9 @@
 import { keys } from "../../utils/keys/keys.mjs";
 import { rem } from "../../utils/units-converters/rem.mjs";
 import { getPrimaryShade } from "../color-functions/get-primary-shade/get-primary-shade.mjs";
+import { isVirtualColor } from "./virtual-color/virtual-color.mjs";
 import { alpha } from "../color-functions/rgba/rgba.mjs";
 import { getPrimaryContrastColor } from "../color-functions/get-contrast-color/get-contrast-color.mjs";
-import { isVirtualColor } from "./virtual-color/virtual-color.mjs";
 //#region packages/@mantine/core/src/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.ts
 function getV8CSSColorVariables({ theme, color, colorScheme, name = color, withColorValues = true }) {
 	if (!theme.colors[color]) return {};
@@ -100,6 +100,7 @@ const v8CssVariablesResolver = (theme) => {
 			"--mantine-color-text": theme.black,
 			"--mantine-color-body": theme.white,
 			"--mantine-color-error": "var(--mantine-color-red-6)",
+			"--mantine-color-success": "var(--mantine-color-teal-8)",
 			"--mantine-color-placeholder": "var(--mantine-color-gray-5)",
 			"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,
 			"--mantine-color-default": "var(--mantine-color-white)",
@@ -118,6 +119,7 @@ const v8CssVariablesResolver = (theme) => {
 			"--mantine-color-text": "var(--mantine-color-dark-0)",
 			"--mantine-color-body": "var(--mantine-color-dark-7)",
 			"--mantine-color-error": "var(--mantine-color-red-8)",
+			"--mantine-color-success": "var(--mantine-color-teal-8)",
 			"--mantine-color-placeholder": "var(--mantine-color-dark-3)",
 			"--mantine-color-anchor": `var(--mantine-color-${theme.primaryColor}-4)`,
 			"--mantine-color-default": "var(--mantine-color-dark-6)",

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

@@ -1 +1 @@
-{"version":3,"file":"v8-css-variables-resolver.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport { alpha, getPrimaryContrastColor, getPrimaryShade } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { CSSVariablesResolver } from './default-css-variables-resolver';\nimport { isVirtualColor } from './virtual-color/virtual-color';\n\ninterface GetV8ColorVariablesInput {\n  theme: MantineTheme;\n  color: string;\n  colorScheme: 'light' | 'dark';\n  name?: string;\n  withColorValues?: boolean;\n}\n\nfunction getV8CSSColorVariables({\n  theme,\n  color,\n  colorScheme,\n  name = color,\n  withColorValues = true,\n}: GetV8ColorVariablesInput) {\n  if (!theme.colors[color]) {\n    return {};\n  }\n\n  if (colorScheme === 'light') {\n    const primaryShade = getPrimaryShade(theme, 'light');\n\n    const dynamicVariables = {\n      [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n      [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n        primaryShade === 9 ? 8 : primaryShade + 1\n      })`,\n      [`--mantine-color-${name}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n      [`--mantine-color-${name}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.12),\n      [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n    };\n\n    if (!withColorValues) {\n      return dynamicVariables;\n    }\n\n    return {\n      [`--mantine-color-${name}-0`]: theme.colors[color][0],\n      [`--mantine-color-${name}-1`]: theme.colors[color][1],\n      [`--mantine-color-${name}-2`]: theme.colors[color][2],\n      [`--mantine-color-${name}-3`]: theme.colors[color][3],\n      [`--mantine-color-${name}-4`]: theme.colors[color][4],\n      [`--mantine-color-${name}-5`]: theme.colors[color][5],\n      [`--mantine-color-${name}-6`]: theme.colors[color][6],\n      [`--mantine-color-${name}-7`]: theme.colors[color][7],\n      [`--mantine-color-${name}-8`]: theme.colors[color][8],\n      [`--mantine-color-${name}-9`]: theme.colors[color][9],\n      ...dynamicVariables,\n    };\n  }\n\n  const primaryShade = getPrimaryShade(theme, 'dark');\n  const dynamicVariables = {\n    [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n    [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n    [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n      primaryShade === 9 ? 8 : primaryShade + 1\n    })`,\n    [`--mantine-color-${name}-light`]: alpha(\n      theme.colors[color][Math.max(0, primaryShade - 2)],\n      0.15\n    ),\n    [`--mantine-color-${name}-light-hover`]: alpha(\n      theme.colors[color][Math.max(0, primaryShade - 2)],\n      0.2\n    ),\n    [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 5, 0)})`,\n    [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n    [`--mantine-color-${name}-outline-hover`]: alpha(\n      theme.colors[color][Math.max(primaryShade - 4, 0)],\n      0.05\n    ),\n  };\n\n  if (!withColorValues) {\n    return dynamicVariables;\n  }\n\n  return {\n    [`--mantine-color-${name}-0`]: theme.colors[color][0],\n    [`--mantine-color-${name}-1`]: theme.colors[color][1],\n    [`--mantine-color-${name}-2`]: theme.colors[color][2],\n    [`--mantine-color-${name}-3`]: theme.colors[color][3],\n    [`--mantine-color-${name}-4`]: theme.colors[color][4],\n    [`--mantine-color-${name}-5`]: theme.colors[color][5],\n    [`--mantine-color-${name}-6`]: theme.colors[color][6],\n    [`--mantine-color-${name}-7`]: theme.colors[color][7],\n    [`--mantine-color-${name}-8`]: theme.colors[color][8],\n    [`--mantine-color-${name}-9`]: theme.colors[color][9],\n    ...dynamicVariables,\n  };\n}\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 v8CssVariablesResolver: CSSVariablesResolver = (theme) => {\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-z-index-app': '100',\n      '--mantine-z-index-modal': '200',\n      '--mantine-z-index-popover': '300',\n      '--mantine-z-index-overlay': '400',\n      '--mantine-z-index-max': '9999',\n      '--mantine-scale': theme.scale.toString(),\n      '--mantine-cursor-type': theme.cursorType,\n      '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\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-heading-text-wrap': theme.headings.textWrap,\n      '--mantine-radius-default': defaultRadius,\n\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-scheme': 'light',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, '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': 'var(--mantine-color-red-6)',\n      '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n      '--mantine-color-default': 'var(--mantine-color-white)',\n      '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n      '--mantine-color-default-color': 'var(--mantine-color-black)',\n      '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n      '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n    },\n    dark: {\n      '--mantine-color-scheme': 'dark',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n      '--mantine-color-bright': 'var(--mantine-color-white)',\n      '--mantine-color-text': 'var(--mantine-color-dark-0)',\n      '--mantine-color-body': 'var(--mantine-color-dark-7)',\n      '--mantine-color-error': 'var(--mantine-color-red-8)',\n      '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n      '--mantine-color-default': 'var(--mantine-color-dark-6)',\n      '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n      '--mantine-color-default-color': 'var(--mantine-color-white)',\n      '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n      '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-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  assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n  theme.colors[theme.primaryColor].forEach((_, index) => {\n    result.variables[`--mantine-primary-color-${index}`] =\n      `var(--mantine-color-${theme.primaryColor}-${index})`;\n  });\n\n  keys(theme.colors).forEach((color) => {\n    const value = theme.colors[color];\n\n    if (isVirtualColor(value)) {\n      Object.assign(\n        result.light,\n        getV8CSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.light,\n          colorScheme: 'light',\n          withColorValues: true,\n        })\n      );\n\n      Object.assign(\n        result.dark,\n        getV8CSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.dark,\n          colorScheme: 'dark',\n          withColorValues: true,\n        })\n      );\n\n      return;\n    }\n\n    value.forEach((shade, index) => {\n      result.variables[`--mantine-color-${color}-${index}`] = shade;\n    });\n\n    Object.assign(\n      result.light,\n      getV8CSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'light',\n        withColorValues: false,\n      })\n    );\n\n    Object.assign(\n      result.dark,\n      getV8CSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'dark',\n        withColorValues: false,\n      })\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"],"mappings":"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"}
+{"version":3,"file":"v8-css-variables-resolver.mjs","names":[],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.ts"],"sourcesContent":["import { keys, rem } from '../../utils';\nimport { alpha, getPrimaryContrastColor, getPrimaryShade } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\nimport { MantineTheme } from '../theme.types';\nimport { CSSVariablesResolver } from './default-css-variables-resolver';\nimport { isVirtualColor } from './virtual-color/virtual-color';\n\ninterface GetV8ColorVariablesInput {\n  theme: MantineTheme;\n  color: string;\n  colorScheme: 'light' | 'dark';\n  name?: string;\n  withColorValues?: boolean;\n}\n\nfunction getV8CSSColorVariables({\n  theme,\n  color,\n  colorScheme,\n  name = color,\n  withColorValues = true,\n}: GetV8ColorVariablesInput) {\n  if (!theme.colors[color]) {\n    return {};\n  }\n\n  if (colorScheme === 'light') {\n    const primaryShade = getPrimaryShade(theme, 'light');\n\n    const dynamicVariables = {\n      [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-filled)`,\n      [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n        primaryShade === 9 ? 8 : primaryShade + 1\n      })`,\n      [`--mantine-color-${name}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n      [`--mantine-color-${name}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.12),\n      [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${primaryShade})`,\n      [`--mantine-color-${name}-outline-hover`]: alpha(theme.colors[color][primaryShade], 0.05),\n    };\n\n    if (!withColorValues) {\n      return dynamicVariables;\n    }\n\n    return {\n      [`--mantine-color-${name}-0`]: theme.colors[color][0],\n      [`--mantine-color-${name}-1`]: theme.colors[color][1],\n      [`--mantine-color-${name}-2`]: theme.colors[color][2],\n      [`--mantine-color-${name}-3`]: theme.colors[color][3],\n      [`--mantine-color-${name}-4`]: theme.colors[color][4],\n      [`--mantine-color-${name}-5`]: theme.colors[color][5],\n      [`--mantine-color-${name}-6`]: theme.colors[color][6],\n      [`--mantine-color-${name}-7`]: theme.colors[color][7],\n      [`--mantine-color-${name}-8`]: theme.colors[color][8],\n      [`--mantine-color-${name}-9`]: theme.colors[color][9],\n      ...dynamicVariables,\n    };\n  }\n\n  const primaryShade = getPrimaryShade(theme, 'dark');\n  const dynamicVariables = {\n    [`--mantine-color-${name}-text`]: `var(--mantine-color-${name}-4)`,\n    [`--mantine-color-${name}-filled`]: `var(--mantine-color-${name}-${primaryShade})`,\n    [`--mantine-color-${name}-filled-hover`]: `var(--mantine-color-${name}-${\n      primaryShade === 9 ? 8 : primaryShade + 1\n    })`,\n    [`--mantine-color-${name}-light`]: alpha(\n      theme.colors[color][Math.max(0, primaryShade - 2)],\n      0.15\n    ),\n    [`--mantine-color-${name}-light-hover`]: alpha(\n      theme.colors[color][Math.max(0, primaryShade - 2)],\n      0.2\n    ),\n    [`--mantine-color-${name}-light-color`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 5, 0)})`,\n    [`--mantine-color-${name}-outline`]: `var(--mantine-color-${name}-${Math.max(primaryShade - 4, 0)})`,\n    [`--mantine-color-${name}-outline-hover`]: alpha(\n      theme.colors[color][Math.max(primaryShade - 4, 0)],\n      0.05\n    ),\n  };\n\n  if (!withColorValues) {\n    return dynamicVariables;\n  }\n\n  return {\n    [`--mantine-color-${name}-0`]: theme.colors[color][0],\n    [`--mantine-color-${name}-1`]: theme.colors[color][1],\n    [`--mantine-color-${name}-2`]: theme.colors[color][2],\n    [`--mantine-color-${name}-3`]: theme.colors[color][3],\n    [`--mantine-color-${name}-4`]: theme.colors[color][4],\n    [`--mantine-color-${name}-5`]: theme.colors[color][5],\n    [`--mantine-color-${name}-6`]: theme.colors[color][6],\n    [`--mantine-color-${name}-7`]: theme.colors[color][7],\n    [`--mantine-color-${name}-8`]: theme.colors[color][8],\n    [`--mantine-color-${name}-9`]: theme.colors[color][9],\n    ...dynamicVariables,\n  };\n}\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 v8CssVariablesResolver: CSSVariablesResolver = (theme) => {\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-z-index-app': '100',\n      '--mantine-z-index-modal': '200',\n      '--mantine-z-index-popover': '300',\n      '--mantine-z-index-overlay': '400',\n      '--mantine-z-index-max': '9999',\n      '--mantine-scale': theme.scale.toString(),\n      '--mantine-cursor-type': theme.cursorType,\n      '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\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-heading-text-wrap': theme.headings.textWrap,\n      '--mantine-radius-default': defaultRadius,\n\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-scheme': 'light',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, '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': 'var(--mantine-color-red-6)',\n      '--mantine-color-success': 'var(--mantine-color-teal-8)',\n      '--mantine-color-placeholder': 'var(--mantine-color-gray-5)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-${lightPrimaryShade})`,\n      '--mantine-color-default': 'var(--mantine-color-white)',\n      '--mantine-color-default-hover': 'var(--mantine-color-gray-0)',\n      '--mantine-color-default-color': 'var(--mantine-color-black)',\n      '--mantine-color-default-border': 'var(--mantine-color-gray-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-gray-6)',\n      '--mantine-color-disabled': 'var(--mantine-color-gray-2)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-gray-5)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-gray-3)',\n    },\n    dark: {\n      '--mantine-color-scheme': 'dark',\n      '--mantine-primary-color-contrast': getPrimaryContrastColor(theme, 'dark'),\n      '--mantine-color-bright': 'var(--mantine-color-white)',\n      '--mantine-color-text': 'var(--mantine-color-dark-0)',\n      '--mantine-color-body': 'var(--mantine-color-dark-7)',\n      '--mantine-color-error': 'var(--mantine-color-red-8)',\n      '--mantine-color-success': 'var(--mantine-color-teal-8)',\n      '--mantine-color-placeholder': 'var(--mantine-color-dark-3)',\n      '--mantine-color-anchor': `var(--mantine-color-${theme.primaryColor}-4)`,\n      '--mantine-color-default': 'var(--mantine-color-dark-6)',\n      '--mantine-color-default-hover': 'var(--mantine-color-dark-5)',\n      '--mantine-color-default-color': 'var(--mantine-color-white)',\n      '--mantine-color-default-border': 'var(--mantine-color-dark-4)',\n      '--mantine-color-dimmed': 'var(--mantine-color-dark-2)',\n      '--mantine-color-disabled': 'var(--mantine-color-dark-6)',\n      '--mantine-color-disabled-color': 'var(--mantine-color-dark-3)',\n      '--mantine-color-disabled-border': 'var(--mantine-color-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  assignSizeVariables(result.variables, theme.fontWeights, 'font-weight');\n\n  theme.colors[theme.primaryColor].forEach((_, index) => {\n    result.variables[`--mantine-primary-color-${index}`] =\n      `var(--mantine-color-${theme.primaryColor}-${index})`;\n  });\n\n  keys(theme.colors).forEach((color) => {\n    const value = theme.colors[color];\n\n    if (isVirtualColor(value)) {\n      Object.assign(\n        result.light,\n        getV8CSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.light,\n          colorScheme: 'light',\n          withColorValues: true,\n        })\n      );\n\n      Object.assign(\n        result.dark,\n        getV8CSSColorVariables({\n          theme,\n          name: value.name,\n          color: value.dark,\n          colorScheme: 'dark',\n          withColorValues: true,\n        })\n      );\n\n      return;\n    }\n\n    value.forEach((shade, index) => {\n      result.variables[`--mantine-color-${color}-${index}`] = shade;\n    });\n\n    Object.assign(\n      result.light,\n      getV8CSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'light',\n        withColorValues: false,\n      })\n    );\n\n    Object.assign(\n      result.dark,\n      getV8CSSColorVariables({\n        theme,\n        color,\n        colorScheme: 'dark',\n        withColorValues: false,\n      })\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"],"mappings":"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"}

package/esm/core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-color.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.ts"],"sourcesContent":["import { colorsTuple } from '../../color-functions';\nimport { MantineColor, MantineColorsTuple } from '../../theme.types';\n\ninterface VirtualColorInput {\n  dark: MantineColor;\n  light: MantineColor;\n  name: string;\n}\n\ntype VirtualColor = MantineColorsTuple & {\n  'mantine-virtual-color': true;\n  name: string;\n  dark: MantineColor;\n  light: MantineColor;\n};\n\nexport function virtualColor(input: VirtualColorInput): MantineColorsTuple {\n  const result = colorsTuple(\n    Array.from({ length: 10 }).map((_, i) => `var(--mantine-color-${input.name}-${i})`)\n  );\n\n  Object.defineProperty(result, 'mantine-virtual-color', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: true,\n  });\n\n  Object.defineProperty(result, 'dark', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.dark,\n  });\n\n  Object.defineProperty(result, 'light', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.light,\n  });\n\n  Object.defineProperty(result, 'name', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.name,\n  });\n\n  return result;\n}\n\nexport function isVirtualColor(value: unknown): value is VirtualColor {\n  return !!value && typeof value === 'object' && 'mantine-virtual-color' in value;\n}\n"],"mappings":";;AAgBA,SAAgB,aAAa,OAA8C;CACzE,MAAM,SAAS,YACb,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,uBAAuB,MAAM,KAAK,GAAG,EAAE,EAAE,CACpF;CAEA,OAAO,eAAe,QAAQ,yBAAyB;EACrD,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO;CACT,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,SAAS;EACrC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,eAAe,OAAuC;CACpE,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,2BAA2B;AAC5E"}
+{"version":3,"file":"virtual-color.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.ts"],"sourcesContent":["import { colorsTuple } from '../../color-functions';\nimport { MantineColor, MantineColorsTuple } from '../../theme.types';\n\ninterface VirtualColorInput {\n  dark: MantineColor;\n  light: MantineColor;\n  name: string;\n}\n\ntype VirtualColor = MantineColorsTuple & {\n  'mantine-virtual-color': true;\n  name: string;\n  dark: MantineColor;\n  light: MantineColor;\n};\n\nexport function virtualColor(input: VirtualColorInput): MantineColorsTuple {\n  const result = colorsTuple(\n    Array.from({ length: 10 }).map((_, i) => `var(--mantine-color-${input.name}-${i})`)\n  );\n\n  Object.defineProperty(result, 'mantine-virtual-color', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: true,\n  });\n\n  Object.defineProperty(result, 'dark', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.dark,\n  });\n\n  Object.defineProperty(result, 'light', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.light,\n  });\n\n  Object.defineProperty(result, 'name', {\n    enumerable: false,\n    writable: false,\n    configurable: false,\n    value: input.name,\n  });\n\n  return result;\n}\n\nexport function isVirtualColor(value: unknown): value is VirtualColor {\n  return !!value && typeof value === 'object' && 'mantine-virtual-color' in value;\n}\n"],"mappings":";;AAgBA,SAAgB,aAAa,OAA8C;CACzE,MAAM,SAAS,YACb,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,uBAAuB,MAAM,KAAK,GAAG,EAAE,EAAE,CACpF;CAEA,OAAO,eAAe,QAAQ,yBAAyB;EACrD,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO;CACT,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,SAAS;EACrC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO,eAAe,QAAQ,QAAQ;EACpC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO,MAAM;CACf,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,eAAe,OAAuC;CACpE,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,2BAA2B;AAC5E"}

package/esm/core/MantineProvider/color-functions/colors-tuple/colors-tuple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"colors-tuple.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/colors-tuple/colors-tuple.ts"],"sourcesContent":["import { MantineColorsTuple } from '../../theme.types';\n\nexport function colorsTuple(input: string | string[]): MantineColorsTuple {\n  if (Array.isArray(input)) {\n    return input as unknown as MantineColorsTuple;\n  }\n\n  return Array(10).fill(input) as unknown as MantineColorsTuple;\n}\n"],"mappings":";AAEA,SAAgB,YAAY,OAA8C;CACxE,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO;CAGT,OAAO,MAAM,EAAE,EAAE,KAAK,KAAK;AAC7B"}
+{"version":3,"file":"colors-tuple.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/colors-tuple/colors-tuple.ts"],"sourcesContent":["import { MantineColorsTuple } from '../../theme.types';\n\nexport function colorsTuple(input: string | string[]): MantineColorsTuple {\n  if (Array.isArray(input)) {\n    return input as unknown as MantineColorsTuple;\n  }\n\n  return Array(10).fill(input) as unknown as MantineColorsTuple;\n}\n"],"mappings":";AAEA,SAAgB,YAAY,OAA8C;CACxE,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO;CAGT,OAAO,MAAM,EAAE,CAAC,CAAC,KAAK,KAAK;AAC7B"}

package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs

@@ -1,6 +1,7 @@
 "use client";
 import { rem } from "../../../utils/units-converters/rem.mjs";
 import { parseThemeColor } from "../parse-theme-color/parse-theme-color.mjs";
+import { isVirtualColor } from "../../MantineCssVariables/virtual-color/virtual-color.mjs";
 import { darken } from "../darken/darken.mjs";
 import { getGradient } from "../get-gradient/get-gradient.mjs";
 import { rgba } from "../rgba/rgba.mjs";
@@ -18,7 +19,8 @@ const defaultVariantColorsResolver = ({ color, theme, variant, gradient, autoCon
 		border: "none"
 	};
 	if (variant === "filled") {
-		const textColor = _autoContrast ? parsed.isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)" : "var(--mantine-color-white)";
+		const isVirtual = parsed.isThemeColor && parsed.shade === void 0 && isVirtualColor(theme.colors[parsed.color]);
+		const textColor = _autoContrast ? isVirtual ? `var(--mantine-color-${parsed.color}-contrast)` : parsed.isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)" : "var(--mantine-color-white)";
 		if (parsed.isThemeColor) {
 			if (parsed.shade === void 0) return {
 				background: `var(--mantine-color-${color}-filled)`,

package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"default-variant-colors-resolver.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts"],"sourcesContent":["import { rem } from '../../../utils';\nimport { MantineColor, MantineGradient, MantineTheme } from '../../theme.types';\nimport { darken } from '../darken/darken';\nimport { getGradient } from '../get-gradient/get-gradient';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\nimport { rgba } from '../rgba/rgba';\n\nexport interface VariantColorsResolverInput {\n  color: MantineColor | undefined;\n  theme: MantineTheme;\n  variant: string;\n  gradient?: MantineGradient;\n  autoContrast?: boolean;\n}\n\nexport interface VariantColorResolverResult {\n  background: string;\n  hover: string;\n  color: string;\n  border: string;\n  hoverColor?: string;\n}\n\nexport type VariantColorsResolver = (\n  input: VariantColorsResolverInput\n) => VariantColorResolverResult;\n\nexport const defaultVariantColorsResolver: VariantColorsResolver = ({\n  color,\n  theme,\n  variant,\n  gradient,\n  autoContrast,\n}) => {\n  const parsed = parseThemeColor({ color, theme });\n\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast;\n\n  if (variant === 'none') {\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: 'inherit',\n      border: 'none',\n    };\n  }\n\n  if (variant === 'filled') {\n    const textColor = _autoContrast\n      ? parsed.isLight\n        ? 'var(--mantine-color-black)'\n        : 'var(--mantine-color-white)'\n      : 'var(--mantine-color-white)';\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--mantine-color-${color}-filled)`,\n          hover: `var(--mantine-color-${color}-filled-hover)`,\n          color: textColor,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        hover: `var(--mantine-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,\n        color: textColor,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: color!,\n      hover: darken(color!, 0.1),\n      color: textColor,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'light') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--mantine-color-${color}-light)`,\n          hover: `var(--mantine-color-${color}-light-hover)`,\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n      return {\n        background: parsedColor,\n        hover: darken(parsedColor, 0.1),\n        color: `var(--mantine-color-${parsed.color}-light-color)`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: rgba(color!, 0.1),\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'outline') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--mantine-color-${color}-outline-hover)`,\n          color: `var(--mantine-color-${color}-outline)`,\n          border: `${rem(1)} solid var(--mantine-color-${color}-outline)`,\n        };\n      }\n\n      return {\n        background: 'transparent',\n        hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.05),\n      color: color!,\n      border: `${rem(1)} solid ${color}`,\n    };\n  }\n\n  if (variant === 'subtle') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--mantine-color-${color}-light-hover)`,\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n      return {\n        background: 'transparent',\n        hover: rgba(parsedColor, 0.12),\n        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'transparent') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: 'transparent',\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: 'transparent',\n        hover: 'transparent',\n        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'white') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'var(--mantine-color-white)',\n          hover: darken(theme.white, 0.01),\n          color: `var(--mantine-color-${color}-filled)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: 'var(--mantine-color-white)',\n        hover: darken(theme.white, 0.01),\n        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'var(--mantine-color-white)',\n      hover: darken(theme.white, 0.01),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'gradient') {\n    return {\n      background: getGradient(gradient, theme),\n      hover: getGradient(gradient, theme),\n      color: 'var(--mantine-color-white)',\n      border: 'none',\n    };\n  }\n\n  if (variant === 'default') {\n    return {\n      background: 'var(--mantine-color-default)',\n      hover: 'var(--mantine-color-default-hover)',\n      color: 'var(--mantine-color-default-color)',\n      border: `${rem(1)} solid var(--mantine-color-default-border)`,\n    };\n  }\n\n  return {} as VariantColorResolverResult;\n};\n"],"mappings":"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"}
+{"version":3,"file":"default-variant-colors-resolver.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts"],"sourcesContent":["import { rem } from '../../../utils';\nimport { isVirtualColor } from '../../MantineCssVariables/virtual-color/virtual-color';\nimport { MantineColor, MantineGradient, MantineTheme } from '../../theme.types';\nimport { darken } from '../darken/darken';\nimport { getGradient } from '../get-gradient/get-gradient';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\nimport { rgba } from '../rgba/rgba';\n\nexport interface VariantColorsResolverInput {\n  color: MantineColor | undefined;\n  theme: MantineTheme;\n  variant: string;\n  gradient?: MantineGradient;\n  autoContrast?: boolean;\n}\n\nexport interface VariantColorResolverResult {\n  background: string;\n  hover: string;\n  color: string;\n  border: string;\n  hoverColor?: string;\n}\n\nexport type VariantColorsResolver = (\n  input: VariantColorsResolverInput\n) => VariantColorResolverResult;\n\nexport const defaultVariantColorsResolver: VariantColorsResolver = ({\n  color,\n  theme,\n  variant,\n  gradient,\n  autoContrast,\n}) => {\n  const parsed = parseThemeColor({ color, theme });\n\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast;\n\n  if (variant === 'none') {\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: 'inherit',\n      border: 'none',\n    };\n  }\n\n  if (variant === 'filled') {\n    const isVirtual =\n      parsed.isThemeColor &&\n      parsed.shade === undefined &&\n      isVirtualColor(theme.colors[parsed.color]);\n    const textColor = _autoContrast\n      ? isVirtual\n        ? `var(--mantine-color-${parsed.color}-contrast)`\n        : parsed.isLight\n          ? 'var(--mantine-color-black)'\n          : 'var(--mantine-color-white)'\n      : 'var(--mantine-color-white)';\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--mantine-color-${color}-filled)`,\n          hover: `var(--mantine-color-${color}-filled-hover)`,\n          color: textColor,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        hover: `var(--mantine-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,\n        color: textColor,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: color!,\n      hover: darken(color!, 0.1),\n      color: textColor,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'light') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--mantine-color-${color}-light)`,\n          hover: `var(--mantine-color-${color}-light-hover)`,\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n      return {\n        background: parsedColor,\n        hover: darken(parsedColor, 0.1),\n        color: `var(--mantine-color-${parsed.color}-light-color)`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: rgba(color!, 0.1),\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'outline') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--mantine-color-${color}-outline-hover)`,\n          color: `var(--mantine-color-${color}-outline)`,\n          border: `${rem(1)} solid var(--mantine-color-${color}-outline)`,\n        };\n      }\n\n      return {\n        background: 'transparent',\n        hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.05),\n      color: color!,\n      border: `${rem(1)} solid ${color}`,\n    };\n  }\n\n  if (variant === 'subtle') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--mantine-color-${color}-light-hover)`,\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n      return {\n        background: 'transparent',\n        hover: rgba(parsedColor, 0.12),\n        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'transparent') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: 'transparent',\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: 'transparent',\n        hover: 'transparent',\n        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'white') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'var(--mantine-color-white)',\n          hover: darken(theme.white, 0.01),\n          color: `var(--mantine-color-${color}-filled)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: 'var(--mantine-color-white)',\n        hover: darken(theme.white, 0.01),\n        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'var(--mantine-color-white)',\n      hover: darken(theme.white, 0.01),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'gradient') {\n    return {\n      background: getGradient(gradient, theme),\n      hover: getGradient(gradient, theme),\n      color: 'var(--mantine-color-white)',\n      border: 'none',\n    };\n  }\n\n  if (variant === 'default') {\n    return {\n      background: 'var(--mantine-color-default)',\n      hover: 'var(--mantine-color-default-hover)',\n      color: 'var(--mantine-color-default-color)',\n      border: `${rem(1)} solid var(--mantine-color-default-border)`,\n    };\n  }\n\n  return {} as VariantColorResolverResult;\n};\n"],"mappings":"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"}

package/esm/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs

@@ -1,22 +1,37 @@
 "use client";
 import { getPrimaryShade } from "../get-primary-shade/get-primary-shade.mjs";
 import { parseThemeColor } from "../parse-theme-color/parse-theme-color.mjs";
+import { isVirtualColor } from "../../MantineCssVariables/virtual-color/virtual-color.mjs";
 //#region packages/@mantine/core/src/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.ts
-function getContrastColor({ color, theme, autoContrast }) {
+function getContrastColor({ color, theme, autoContrast, colorScheme }) {
 	if (!(typeof autoContrast === "boolean" ? autoContrast : theme.autoContrast)) return "var(--mantine-color-white)";
 	return parseThemeColor({
 		color: color || theme.primaryColor,
-		theme
+		theme,
+		colorScheme
 	}).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
 }
+function getVirtualColorContrast(value, theme, colorScheme) {
+	return getContrastColor({
+		color: colorScheme === "dark" ? value.dark : value.light,
+		theme,
+		colorScheme,
+		autoContrast: true
+	});
+}
 function getPrimaryContrastColor(theme, colorScheme) {
+	const primaryColor = theme.colors[theme.primaryColor];
+	if (isVirtualColor(primaryColor)) {
+		if (!theme.autoContrast) return "var(--mantine-color-white)";
+		return getVirtualColorContrast(primaryColor, theme, colorScheme);
+	}
 	return getContrastColor({
-		color: theme.colors[theme.primaryColor][getPrimaryShade(theme, colorScheme)],
+		color: primaryColor[getPrimaryShade(theme, colorScheme)],
 		theme,
 		autoContrast: null
 	});
 }
 //#endregion
-export { getContrastColor, getPrimaryContrastColor };
+export { getContrastColor, getPrimaryContrastColor, getVirtualColorContrast };
 
 //# sourceMappingURL=get-contrast-color.mjs.map

package/esm/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-contrast-color.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.ts"],"sourcesContent":["import type { MantineTheme } from '../../theme.types';\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\n\ninterface GetContrastColorInput {\n  color: string | null | undefined;\n  theme: MantineTheme;\n  autoContrast?: boolean | undefined | null;\n}\n\nexport function getContrastColor({ color, theme, autoContrast }: GetContrastColorInput) {\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast;\n\n  if (!_autoContrast) {\n    return 'var(--mantine-color-white)';\n  }\n\n  const parsed = parseThemeColor({ color: color || theme.primaryColor, theme });\n  return parsed.isLight ? 'var(--mantine-color-black)' : 'var(--mantine-color-white)';\n}\n\nexport function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark') {\n  return getContrastColor({\n    color: theme.colors[theme.primaryColor][getPrimaryShade(theme, colorScheme)],\n    theme,\n    autoContrast: null,\n  });\n}\n"],"mappings":";;;;AAUA,SAAgB,iBAAiB,EAAE,OAAO,OAAO,gBAAuC;CAGtF,IAAI,EAFkB,OAAO,iBAAiB,YAAY,eAAe,MAAM,eAG7E,OAAO;CAIT,OADe,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;CAAM,CAC/D,EAAE,UAAU,+BAA+B;AACzD;AAEA,SAAgB,wBAAwB,OAAqB,aAA+B;CAC1F,OAAO,iBAAiB;EACtB,OAAO,MAAM,OAAO,MAAM,cAAc,gBAAgB,OAAO,WAAW;EAC1E;EACA,cAAc;CAChB,CAAC;AACH"}
+{"version":3,"file":"get-contrast-color.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.ts"],"sourcesContent":["import type { MantineColor, MantineColorScheme, MantineTheme } from '../../theme.types';\nimport { isVirtualColor } from '../../MantineCssVariables/virtual-color/virtual-color';\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\n\ninterface GetContrastColorInput {\n  color: string | null | undefined;\n  theme: MantineTheme;\n  autoContrast?: boolean | undefined | null;\n  colorScheme?: MantineColorScheme;\n}\n\nexport function getContrastColor({\n  color,\n  theme,\n  autoContrast,\n  colorScheme,\n}: GetContrastColorInput) {\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast;\n\n  if (!_autoContrast) {\n    return 'var(--mantine-color-white)';\n  }\n\n  const parsed = parseThemeColor({ color: color || theme.primaryColor, theme, colorScheme });\n  return parsed.isLight ? 'var(--mantine-color-black)' : 'var(--mantine-color-white)';\n}\n\nexport function getVirtualColorContrast(\n  value: { light: MantineColor; dark: MantineColor },\n  theme: MantineTheme,\n  colorScheme: 'light' | 'dark'\n) {\n  return getContrastColor({\n    color: colorScheme === 'dark' ? value.dark : value.light,\n    theme,\n    colorScheme,\n    autoContrast: true,\n  });\n}\n\nexport function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark') {\n  const primaryColor = theme.colors[theme.primaryColor];\n\n  if (isVirtualColor(primaryColor)) {\n    if (!theme.autoContrast) {\n      return 'var(--mantine-color-white)';\n    }\n\n    return getVirtualColorContrast(primaryColor, theme, colorScheme);\n  }\n\n  return getContrastColor({\n    color: primaryColor[getPrimaryShade(theme, colorScheme)],\n    theme,\n    autoContrast: null,\n  });\n}\n"],"mappings":";;;;;AAYA,SAAgB,iBAAiB,EAC/B,OACA,OACA,cACA,eACwB;CAGxB,IAAI,EAFkB,OAAO,iBAAiB,YAAY,eAAe,MAAM,eAG7E,OAAO;CAIT,OADe,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;EAAO;CAAY,CAC5E,CAAC,CAAC,UAAU,+BAA+B;AACzD;AAEA,SAAgB,wBACd,OACA,OACA,aACA;CACA,OAAO,iBAAiB;EACtB,OAAO,gBAAgB,SAAS,MAAM,OAAO,MAAM;EACnD;EACA;EACA,cAAc;CAChB,CAAC;AACH;AAEA,SAAgB,wBAAwB,OAAqB,aAA+B;CAC1F,MAAM,eAAe,MAAM,OAAO,MAAM;CAExC,IAAI,eAAe,YAAY,GAAG;EAChC,IAAI,CAAC,MAAM,cACT,OAAO;EAGT,OAAO,wBAAwB,cAAc,OAAO,WAAW;CACjE;CAEA,OAAO,iBAAiB;EACtB,OAAO,aAAa,gBAAgB,OAAO,WAAW;EACtD;EACA,cAAc;CAChB,CAAC;AACH"}

package/esm/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"parse-theme-color.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.ts"],"sourcesContent":["import type { CssVariable } from '../../../Box';\nimport type { MantineColorScheme, MantineColorShade, MantineTheme } from '../../theme.types';\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade';\nimport { isLightColor } from '../luminance/luminance';\n\ninterface ParseThemeColorOptions {\n  color: unknown;\n  theme: MantineTheme;\n  colorScheme?: MantineColorScheme;\n}\n\ninterface ParseThemeColorResult {\n  color: string;\n  value: string;\n  shade: MantineColorShade | undefined;\n  variable: CssVariable | undefined;\n  isThemeColor: boolean;\n  isLight: boolean;\n}\n\nexport function parseThemeColor({\n  color,\n  theme,\n  colorScheme,\n}: ParseThemeColorOptions): ParseThemeColorResult {\n  if (typeof color !== 'string') {\n    throw new Error(\n      `[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof color}`\n    );\n  }\n\n  if (color === 'bright') {\n    return {\n      color,\n      value: colorScheme === 'dark' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: '--mantine-color-bright',\n    };\n  }\n\n  if (color === 'dimmed') {\n    return {\n      color,\n      value: colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n        theme.luminanceThreshold\n      ),\n      variable: '--mantine-color-dimmed',\n    };\n  }\n\n  if (color === 'white' || color === 'black') {\n    return {\n      color,\n      value: color === 'white' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        color === 'white' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: `--mantine-color-${color}`,\n    };\n  }\n\n  const [_color, shade] = color.split('.');\n  const colorShade = shade ? (Number(shade) as MantineColorShade) : undefined;\n  const isThemeColor = _color in theme.colors;\n\n  if (isThemeColor) {\n    const colorValue =\n      colorShade !== undefined\n        ? theme.colors[_color][colorShade]\n        : theme.colors[_color][getPrimaryShade(theme, colorScheme || 'light')];\n\n    return {\n      color: _color,\n      value: colorValue,\n      shade: colorShade,\n      isThemeColor,\n      isLight: isLightColor(colorValue, theme.luminanceThreshold),\n      variable: shade\n        ? `--mantine-color-${_color}-${colorShade}`\n        : `--mantine-color-${_color}-filled`,\n    };\n  }\n\n  return {\n    color,\n    value: color,\n    isThemeColor,\n    isLight: isLightColor(color, theme.luminanceThreshold),\n    shade: colorShade,\n    variable: undefined,\n  };\n}\n"],"mappings":";;;;AAoBA,SAAgB,gBAAgB,EAC9B,OACA,OACA,eACgD;CAChD,IAAI,OAAO,UAAU,UACnB,MAAM,IAAI,MACR,qFAAqF,OAAO,OAC9F;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OAAO,gBAAgB,SAAS,MAAM,QAAQ,MAAM;EACpD,OAAO,KAAA;EACP,cAAc;EACd,SAAS,aACP,gBAAgB,SAAS,MAAM,QAAQ,MAAM,OAC7C,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OAAO,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK;EACzE,OAAO,KAAA;EACP,cAAc;EACd,SAAS,aACP,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK,IAClE,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,WAAW,UAAU,SACjC,OAAO;EACL;EACA,OAAO,UAAU,UAAU,MAAM,QAAQ,MAAM;EAC/C,OAAO,KAAA;EACP,cAAc;EACd,SAAS,aACP,UAAU,UAAU,MAAM,QAAQ,MAAM,OACxC,MAAM,kBACR;EACA,UAAU,mBAAmB;CAC/B;CAGF,MAAM,CAAC,QAAQ,SAAS,MAAM,MAAM,GAAG;CACvC,MAAM,aAAa,QAAS,OAAO,KAAK,IAA0B,KAAA;CAClE,MAAM,eAAe,UAAU,MAAM;CAErC,IAAI,cAAc;EAChB,MAAM,aACJ,eAAe,KAAA,IACX,MAAM,OAAO,QAAQ,cACrB,MAAM,OAAO,QAAQ,gBAAgB,OAAO,eAAe,OAAO;EAExE,OAAO;GACL,OAAO;GACP,OAAO;GACP,OAAO;GACP;GACA,SAAS,aAAa,YAAY,MAAM,kBAAkB;GAC1D,UAAU,QACN,mBAAmB,OAAO,GAAG,eAC7B,mBAAmB,OAAO;EAChC;CACF;CAEA,OAAO;EACL;EACA,OAAO;EACP;EACA,SAAS,aAAa,OAAO,MAAM,kBAAkB;EACrD,OAAO;EACP,UAAU,KAAA;CACZ;AACF"}
+{"version":3,"file":"parse-theme-color.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.ts"],"sourcesContent":["import type { CssVariable } from '../../../Box';\nimport type { MantineColorScheme, MantineColorShade, MantineTheme } from '../../theme.types';\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade';\nimport { isLightColor } from '../luminance/luminance';\n\ninterface ParseThemeColorOptions {\n  color: unknown;\n  theme: MantineTheme;\n  colorScheme?: MantineColorScheme;\n}\n\ninterface ParseThemeColorResult {\n  color: string;\n  value: string;\n  shade: MantineColorShade | undefined;\n  variable: CssVariable | undefined;\n  isThemeColor: boolean;\n  isLight: boolean;\n}\n\nexport function parseThemeColor({\n  color,\n  theme,\n  colorScheme,\n}: ParseThemeColorOptions): ParseThemeColorResult {\n  if (typeof color !== 'string') {\n    throw new Error(\n      `[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof color}`\n    );\n  }\n\n  if (color === 'bright') {\n    return {\n      color,\n      value: colorScheme === 'dark' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: '--mantine-color-bright',\n    };\n  }\n\n  if (color === 'dimmed') {\n    return {\n      color,\n      value: colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n        theme.luminanceThreshold\n      ),\n      variable: '--mantine-color-dimmed',\n    };\n  }\n\n  if (color === 'white' || color === 'black') {\n    return {\n      color,\n      value: color === 'white' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      isLight: isLightColor(\n        color === 'white' ? theme.white : theme.black,\n        theme.luminanceThreshold\n      ),\n      variable: `--mantine-color-${color}`,\n    };\n  }\n\n  const [_color, shade] = color.split('.');\n  const colorShade = shade ? (Number(shade) as MantineColorShade) : undefined;\n  const isThemeColor = _color in theme.colors;\n\n  if (isThemeColor) {\n    const colorValue =\n      colorShade !== undefined\n        ? theme.colors[_color][colorShade]\n        : theme.colors[_color][getPrimaryShade(theme, colorScheme || 'light')];\n\n    return {\n      color: _color,\n      value: colorValue,\n      shade: colorShade,\n      isThemeColor,\n      isLight: isLightColor(colorValue, theme.luminanceThreshold),\n      variable: shade\n        ? `--mantine-color-${_color}-${colorShade}`\n        : `--mantine-color-${_color}-filled`,\n    };\n  }\n\n  return {\n    color,\n    value: color,\n    isThemeColor,\n    isLight: isLightColor(color, theme.luminanceThreshold),\n    shade: colorShade,\n    variable: undefined,\n  };\n}\n"],"mappings":";;;;AAoBA,SAAgB,gBAAgB,EAC9B,OACA,OACA,eACgD;CAChD,IAAI,OAAO,UAAU,UACnB,MAAM,IAAI,MACR,qFAAqF,OAAO,OAC9F;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OAAO,gBAAgB,SAAS,MAAM,QAAQ,MAAM;EACpD,OAAO,KAAA;EACP,cAAc;EACd,SAAS,aACP,gBAAgB,SAAS,MAAM,QAAQ,MAAM,OAC7C,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,UACZ,OAAO;EACL;EACA,OAAO,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK;EACzE,OAAO,KAAA;EACP,cAAc;EACd,SAAS,aACP,gBAAgB,SAAS,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO,KAAK,IAClE,MAAM,kBACR;EACA,UAAU;CACZ;CAGF,IAAI,UAAU,WAAW,UAAU,SACjC,OAAO;EACL;EACA,OAAO,UAAU,UAAU,MAAM,QAAQ,MAAM;EAC/C,OAAO,KAAA;EACP,cAAc;EACd,SAAS,aACP,UAAU,UAAU,MAAM,QAAQ,MAAM,OACxC,MAAM,kBACR;EACA,UAAU,mBAAmB;CAC/B;CAGF,MAAM,CAAC,QAAQ,SAAS,MAAM,MAAM,GAAG;CACvC,MAAM,aAAa,QAAS,OAAO,KAAK,IAA0B,KAAA;CAClE,MAAM,eAAe,UAAU,MAAM;CAErC,IAAI,cAAc;EAChB,MAAM,aACJ,eAAe,KAAA,IACX,MAAM,OAAO,OAAO,CAAC,cACrB,MAAM,OAAO,OAAO,CAAC,gBAAgB,OAAO,eAAe,OAAO;EAExE,OAAO;GACL,OAAO;GACP,OAAO;GACP,OAAO;GACP;GACA,SAAS,aAAa,YAAY,MAAM,kBAAkB;GAC1D,UAAU,QACN,mBAAmB,OAAO,GAAG,eAC7B,mBAAmB,OAAO;EAChC;CACF;CAEA,OAAO;EACL;EACA,OAAO;EACP;EACA,SAAS,aAAa,OAAO,MAAM,kBAAkB;EACrD,OAAO;EACP,UAAU,KAAA;CACZ;AACF"}

package/esm/core/MantineProvider/color-functions/to-rgba/to-rgba.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"to-rgba.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/to-rgba/to-rgba.ts"],"sourcesContent":["export interface RGBA {\n  r: number;\n  g: number;\n  b: number;\n  a: number;\n}\n\nfunction isHexColor(hex: string): boolean {\n  const HEX_REGEXP = /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i;\n\n  return HEX_REGEXP.test(hex);\n}\n\nfunction hexToRgba(color: string): RGBA {\n  let hexString = color.replace('#', '');\n\n  if (hexString.length === 3) {\n    const shorthandHex = hexString.split('');\n    hexString = [\n      shorthandHex[0],\n      shorthandHex[0],\n      shorthandHex[1],\n      shorthandHex[1],\n      shorthandHex[2],\n      shorthandHex[2],\n    ].join('');\n  }\n\n  if (hexString.length === 8) {\n    const alpha = parseInt(hexString.slice(6, 8), 16) / 255;\n\n    return {\n      r: parseInt(hexString.slice(0, 2), 16),\n      g: parseInt(hexString.slice(2, 4), 16),\n      b: parseInt(hexString.slice(4, 6), 16),\n      a: alpha,\n    };\n  }\n\n  const parsed = parseInt(hexString, 16);\n  const r = (parsed >> 16) & 255;\n  const g = (parsed >> 8) & 255;\n  const b = parsed & 255;\n\n  return {\n    r,\n    g,\n    b,\n    a: 1,\n  };\n}\n\nfunction rgbStringToRgba(color: string): RGBA {\n  const [r, g, b, a] = color\n    .replace(/[^0-9,./]/g, '')\n    .split(/[/,]/)\n    .map(Number);\n\n  return { r, g, b, a: a === undefined ? 1 : a };\n}\n\nfunction hslStringToRgba(hslaString: string): RGBA {\n  const hslaRegex =\n    /^hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+%)\\s*,\\s*(\\d+%)\\s*(,\\s*(0?\\.\\d+|\\d+(\\.\\d+)?))?\\s*\\)$/i;\n\n  const matches = hslaString.match(hslaRegex);\n  if (!matches) {\n    return {\n      r: 0,\n      g: 0,\n      b: 0,\n      a: 1,\n    };\n  }\n\n  const h = parseInt(matches[1], 10);\n  const s = parseInt(matches[2], 10) / 100;\n  const l = parseInt(matches[3], 10) / 100;\n  const a = matches[5] ? parseFloat(matches[5]) : undefined;\n\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const huePrime = h / 60;\n  const x = chroma * (1 - Math.abs((huePrime % 2) - 1));\n  const m = l - chroma / 2;\n\n  let r: number;\n  let g: number;\n  let b: number;\n\n  if (huePrime >= 0 && huePrime < 1) {\n    r = chroma;\n    g = x;\n    b = 0;\n  } else if (huePrime >= 1 && huePrime < 2) {\n    r = x;\n    g = chroma;\n    b = 0;\n  } else if (huePrime >= 2 && huePrime < 3) {\n    r = 0;\n    g = chroma;\n    b = x;\n  } else if (huePrime >= 3 && huePrime < 4) {\n    r = 0;\n    g = x;\n    b = chroma;\n  } else if (huePrime >= 4 && huePrime < 5) {\n    r = x;\n    g = 0;\n    b = chroma;\n  } else {\n    r = chroma;\n    g = 0;\n    b = x;\n  }\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n    a: a || 1,\n  };\n}\n\nexport function toRgba(color: string): RGBA {\n  if (isHexColor(color)) {\n    return hexToRgba(color);\n  }\n\n  if (color.startsWith('rgb')) {\n    return rgbStringToRgba(color);\n  }\n\n  if (color.startsWith('hsl')) {\n    return hslStringToRgba(color);\n  }\n\n  return {\n    r: 0,\n    g: 0,\n    b: 0,\n    a: 1,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"to-rgba.mjs","names":[],"sources":["../../../../../src/core/MantineProvider/color-functions/to-rgba/to-rgba.ts"],"sourcesContent":["export interface RGBA {\n  r: number;\n  g: number;\n  b: number;\n  a: number;\n}\n\nfunction isHexColor(hex: string): boolean {\n  const HEX_REGEXP = /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i;\n\n  return HEX_REGEXP.test(hex);\n}\n\nfunction hexToRgba(color: string): RGBA {\n  let hexString = color.replace('#', '');\n\n  if (hexString.length === 3) {\n    const shorthandHex = hexString.split('');\n    hexString = [\n      shorthandHex[0],\n      shorthandHex[0],\n      shorthandHex[1],\n      shorthandHex[1],\n      shorthandHex[2],\n      shorthandHex[2],\n    ].join('');\n  }\n\n  if (hexString.length === 8) {\n    const alpha = parseInt(hexString.slice(6, 8), 16) / 255;\n\n    return {\n      r: parseInt(hexString.slice(0, 2), 16),\n      g: parseInt(hexString.slice(2, 4), 16),\n      b: parseInt(hexString.slice(4, 6), 16),\n      a: alpha,\n    };\n  }\n\n  const parsed = parseInt(hexString, 16);\n  const r = (parsed >> 16) & 255;\n  const g = (parsed >> 8) & 255;\n  const b = parsed & 255;\n\n  return {\n    r,\n    g,\n    b,\n    a: 1,\n  };\n}\n\nfunction rgbStringToRgba(color: string): RGBA {\n  const [r, g, b, a] = color\n    .replace(/[^0-9,./]/g, '')\n    .split(/[/,]/)\n    .map(Number);\n\n  return { r, g, b, a: a === undefined ? 1 : a };\n}\n\nfunction hslStringToRgba(hslaString: string): RGBA {\n  const hslaRegex =\n    /^hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+%)\\s*,\\s*(\\d+%)\\s*(,\\s*(0?\\.\\d+|\\d+(\\.\\d+)?))?\\s*\\)$/i;\n\n  const matches = hslaString.match(hslaRegex);\n  if (!matches) {\n    return {\n      r: 0,\n      g: 0,\n      b: 0,\n      a: 1,\n    };\n  }\n\n  const h = parseInt(matches[1], 10);\n  const s = parseInt(matches[2], 10) / 100;\n  const l = parseInt(matches[3], 10) / 100;\n  const a = matches[5] ? parseFloat(matches[5]) : undefined;\n\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const huePrime = h / 60;\n  const x = chroma * (1 - Math.abs((huePrime % 2) - 1));\n  const m = l - chroma / 2;\n\n  let r: number;\n  let g: number;\n  let b: number;\n\n  if (huePrime >= 0 && huePrime < 1) {\n    r = chroma;\n    g = x;\n    b = 0;\n  } else if (huePrime >= 1 && huePrime < 2) {\n    r = x;\n    g = chroma;\n    b = 0;\n  } else if (huePrime >= 2 && huePrime < 3) {\n    r = 0;\n    g = chroma;\n    b = x;\n  } else if (huePrime >= 3 && huePrime < 4) {\n    r = 0;\n    g = x;\n    b = chroma;\n  } else if (huePrime >= 4 && huePrime < 5) {\n    r = x;\n    g = 0;\n    b = chroma;\n  } else {\n    r = chroma;\n    g = 0;\n    b = x;\n  }\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n    a: a || 1,\n  };\n}\n\nexport function toRgba(color: string): RGBA {\n  if (isHexColor(color)) {\n    return hexToRgba(color);\n  }\n\n  if (color.startsWith('rgb')) {\n    return rgbStringToRgba(color);\n  }\n\n  if (color.startsWith('hsl')) {\n    return hslStringToRgba(color);\n  }\n\n  return {\n    r: 0,\n    g: 0,\n    b: 0,\n    a: 1,\n  };\n}\n"],"mappings":"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"}

package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"convert-css-variables.mjs","names":[],"sources":["../../../../src/core/MantineProvider/convert-css-variables/convert-css-variables.ts"],"sourcesContent":["import { CSSVariables, cssVariablesObjectToString } from './css-variables-object-to-string';\n\nexport interface ConvertCSSVariablesInput {\n  /** Shared CSS variables that should be accessible independent from color scheme */\n  variables: CSSVariables;\n\n  /** CSS variables available only in dark color scheme */\n  dark: CSSVariables;\n\n  /** CSS variables available only in light color scheme */\n  light: CSSVariables;\n}\n\nexport function convertCssVariables(input: ConvertCSSVariablesInput, selectorOverride?: string) {\n  const selectors = selectorOverride ? [selectorOverride] : [':root', ':host'];\n  const sharedVariables = cssVariablesObjectToString(input.variables);\n  const shared = sharedVariables ? `${selectors.join(', ')}{${sharedVariables}}` : '';\n  const dark = cssVariablesObjectToString(input.dark);\n  const light = cssVariablesObjectToString(input.light);\n\n  const selectorsWithScheme = (scheme: 'light' | 'dark') =>\n    selectors\n      .map((selector) =>\n        selector === ':host'\n          ? `${selector}([data-mantine-color-scheme=\"${scheme}\"])`\n          : `${selector}[data-mantine-color-scheme=\"${scheme}\"]`\n      )\n      .join(', ');\n\n  const darkForced = dark ? `${selectorsWithScheme('dark')}{${dark}}` : '';\n  const lightForced = light ? `${selectorsWithScheme('light')}{${light}}` : '';\n\n  return `${shared}\\n\\n${darkForced}\\n\\n${lightForced}`;\n}\n"],"mappings":";;;AAaA,SAAgB,oBAAoB,OAAiC,kBAA2B;CAC9F,MAAM,YAAY,mBAAmB,CAAC,gBAAgB,IAAI,CAAC,SAAS,OAAO;CAC3E,MAAM,kBAAkB,2BAA2B,MAAM,SAAS;CAClE,MAAM,SAAS,kBAAkB,GAAG,UAAU,KAAK,IAAI,EAAE,GAAG,gBAAgB,KAAK;CACjF,MAAM,OAAO,2BAA2B,MAAM,IAAI;CAClD,MAAM,QAAQ,2BAA2B,MAAM,KAAK;CAEpD,MAAM,uBAAuB,WAC3B,UACG,KAAK,aACJ,aAAa,UACT,GAAG,SAAS,+BAA+B,OAAO,OAClD,GAAG,SAAS,8BAA8B,OAAO,GACvD,EACC,KAAK,IAAI;CAKd,OAAO,GAAG,OAAO,MAHE,OAAO,GAAG,oBAAoB,MAAM,EAAE,GAAG,KAAK,KAAK,GAGpC,MAFd,QAAQ,GAAG,oBAAoB,OAAO,EAAE,GAAG,MAAM,KAAK;AAG5E"}
+{"version":3,"file":"convert-css-variables.mjs","names":[],"sources":["../../../../src/core/MantineProvider/convert-css-variables/convert-css-variables.ts"],"sourcesContent":["import { CSSVariables, cssVariablesObjectToString } from './css-variables-object-to-string';\n\nexport interface ConvertCSSVariablesInput {\n  /** Shared CSS variables that should be accessible independent from color scheme */\n  variables: CSSVariables;\n\n  /** CSS variables available only in dark color scheme */\n  dark: CSSVariables;\n\n  /** CSS variables available only in light color scheme */\n  light: CSSVariables;\n}\n\nexport function convertCssVariables(input: ConvertCSSVariablesInput, selectorOverride?: string) {\n  const selectors = selectorOverride ? [selectorOverride] : [':root', ':host'];\n  const sharedVariables = cssVariablesObjectToString(input.variables);\n  const shared = sharedVariables ? `${selectors.join(', ')}{${sharedVariables}}` : '';\n  const dark = cssVariablesObjectToString(input.dark);\n  const light = cssVariablesObjectToString(input.light);\n\n  const selectorsWithScheme = (scheme: 'light' | 'dark') =>\n    selectors\n      .map((selector) =>\n        selector === ':host'\n          ? `${selector}([data-mantine-color-scheme=\"${scheme}\"])`\n          : `${selector}[data-mantine-color-scheme=\"${scheme}\"]`\n      )\n      .join(', ');\n\n  const darkForced = dark ? `${selectorsWithScheme('dark')}{${dark}}` : '';\n  const lightForced = light ? `${selectorsWithScheme('light')}{${light}}` : '';\n\n  return `${shared}\\n\\n${darkForced}\\n\\n${lightForced}`;\n}\n"],"mappings":";;;AAaA,SAAgB,oBAAoB,OAAiC,kBAA2B;CAC9F,MAAM,YAAY,mBAAmB,CAAC,gBAAgB,IAAI,CAAC,SAAS,OAAO;CAC3E,MAAM,kBAAkB,2BAA2B,MAAM,SAAS;CAClE,MAAM,SAAS,kBAAkB,GAAG,UAAU,KAAK,IAAI,EAAE,GAAG,gBAAgB,KAAK;CACjF,MAAM,OAAO,2BAA2B,MAAM,IAAI;CAClD,MAAM,QAAQ,2BAA2B,MAAM,KAAK;CAEpD,MAAM,uBAAuB,WAC3B,UACG,KAAK,aACJ,aAAa,UACT,GAAG,SAAS,+BAA+B,OAAO,OAClD,GAAG,SAAS,8BAA8B,OAAO,GACvD,CAAC,CACA,KAAK,IAAI;CAKd,OAAO,GAAG,OAAO,MAHE,OAAO,GAAG,oBAAoB,MAAM,EAAE,GAAG,KAAK,KAAK,GAGpC,MAFd,QAAQ,GAAG,oBAAoB,OAAO,EAAE,GAAG,MAAM,KAAK;AAG5E"}

package/esm/core/MantineProvider/convert-css-variables/css-variables-object-to-string.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"css-variables-object-to-string.mjs","names":[],"sources":["../../../../src/core/MantineProvider/convert-css-variables/css-variables-object-to-string.ts"],"sourcesContent":["import type { CssVariable } from '../../Box';\n\nexport type CSSVariables = Record<CssVariable, string>;\n\nexport function cssVariablesObjectToString(variables: CSSVariables) {\n  return Object.entries(variables)\n    .map(([name, value]) => `${name}: ${value};`)\n    .join('');\n}\n"],"mappings":";;AAIA,SAAgB,2BAA2B,WAAyB;CAClE,OAAO,OAAO,QAAQ,SAAS,EAC5B,KAAK,CAAC,MAAM,WAAW,GAAG,KAAK,IAAI,MAAM,EAAE,EAC3C,KAAK,EAAE;AACZ"}
+{"version":3,"file":"css-variables-object-to-string.mjs","names":[],"sources":["../../../../src/core/MantineProvider/convert-css-variables/css-variables-object-to-string.ts"],"sourcesContent":["import type { CssVariable } from '../../Box';\n\nexport type CSSVariables = Record<CssVariable, string>;\n\nexport function cssVariablesObjectToString(variables: CSSVariables) {\n  return Object.entries(variables)\n    .map(([name, value]) => `${name}: ${value};`)\n    .join('');\n}\n"],"mappings":";;AAIA,SAAgB,2BAA2B,WAAyB;CAClE,OAAO,OAAO,QAAQ,SAAS,CAAC,CAC7B,KAAK,CAAC,MAAM,WAAW,GAAG,KAAK,IAAI,MAAM,EAAE,CAAC,CAC5C,KAAK,EAAE;AACZ"}

package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-mantine-color-scheme.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { use, useCallback, useEffect, useRef } from 'react';\nimport { useColorScheme } from '@mantine/hooks';\nimport { noop } from '../../utils';\nimport { MantineContext, useMantineStyleNonce } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition(nonce: string | undefined) {\n  const style = document.createElement('style');\n  style.setAttribute('data-mantine-styles', 'inline');\n  style.innerHTML = '*, *::before, *::after {transition: none !important;}';\n  style.setAttribute('data-mantine-disable-transition', 'true');\n  nonce && style.setAttribute('nonce', nonce);\n\n  document.head.appendChild(style);\n  const clear = () =>\n    document\n      .querySelectorAll('[data-mantine-disable-transition]')\n      .forEach((element) => element.remove());\n  return clear;\n}\n\nexport function useMantineColorScheme({ keepTransitions }: { keepTransitions?: boolean } = {}) {\n  const clearStylesRef = useRef<() => void>(noop);\n  const timeoutRef = useRef<number>(-1);\n  const ctx = use(MantineContext);\n  const nonce = useMantineStyleNonce();\n  const nonceValue = useRef(nonce?.());\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  const setColorScheme = (value: MantineColorScheme) => {\n    ctx.setColorScheme(value);\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const clearColorScheme = () => {\n    ctx.clearColorScheme();\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const osColorScheme = useColorScheme('light', { getInitialValueInEffect: false });\n  const computedColorScheme = ctx.colorScheme === 'auto' ? osColorScheme : ctx.colorScheme;\n\n  const toggleColorScheme = useCallback(\n    () => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light'),\n    [setColorScheme, computedColorScheme]\n  );\n\n  useEffect(\n    () => () => {\n      clearStylesRef.current?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n    []\n  );\n\n  return {\n    colorScheme: ctx.colorScheme,\n    setColorScheme,\n    clearColorScheme,\n    toggleColorScheme,\n  };\n}\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB,OAA2B;CACpD,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,aAAa,uBAAuB,QAAQ;CAClD,MAAM,YAAY;CAClB,MAAM,aAAa,mCAAmC,MAAM;CAC5D,SAAS,MAAM,aAAa,SAAS,KAAK;CAE1C,SAAS,KAAK,YAAY,KAAK;CAC/B,MAAM,cACJ,SACG,iBAAiB,mCAAmC,EACpD,SAAS,YAAY,QAAQ,OAAO,CAAC;CAC1C,OAAO;AACT;AAEA,SAAgB,sBAAsB,EAAE,oBAAmD,CAAC,GAAG;CAC7F,MAAM,iBAAiB,OAAmB,IAAI;CAC9C,MAAM,aAAa,OAAe,EAAE;CACpC,MAAM,MAAM,IAAI,cAAc;CAE9B,MAAM,aAAa,OADL,qBACgB,IAAI,CAAC;CAEnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,MAAM,kBAAkB,UAA8B;EACpD,IAAI,eAAe,KAAK;EACxB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,yBAAyB;EAC7B,IAAI,iBAAiB;EACrB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,gBAAgB,eAAe,SAAS,EAAE,yBAAyB,MAAM,CAAC;CAChF,MAAM,sBAAsB,IAAI,gBAAgB,SAAS,gBAAgB,IAAI;CAE7E,MAAM,oBAAoB,kBAClB,eAAe,wBAAwB,UAAU,SAAS,OAAO,GACvE,CAAC,gBAAgB,mBAAmB,CACtC;CAEA,sBACc;EACV,eAAe,UAAU;EACzB,OAAO,aAAa,WAAW,OAAO;CACxC,GACA,CAAC,CACH;CAEA,OAAO;EACL,aAAa,IAAI;EACjB;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-mantine-color-scheme.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { use, useCallback, useEffect, useRef } from 'react';\nimport { useColorScheme } from '@mantine/hooks';\nimport { noop } from '../../utils';\nimport { MantineContext, useMantineStyleNonce } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition(nonce: string | undefined) {\n  const style = document.createElement('style');\n  style.setAttribute('data-mantine-styles', 'inline');\n  style.innerHTML = '*, *::before, *::after {transition: none !important;}';\n  style.setAttribute('data-mantine-disable-transition', 'true');\n  nonce && style.setAttribute('nonce', nonce);\n\n  document.head.appendChild(style);\n  const clear = () =>\n    document\n      .querySelectorAll('[data-mantine-disable-transition]')\n      .forEach((element) => element.remove());\n  return clear;\n}\n\nexport function useMantineColorScheme({ keepTransitions }: { keepTransitions?: boolean } = {}) {\n  const clearStylesRef = useRef<() => void>(noop);\n  const timeoutRef = useRef<number>(-1);\n  const ctx = use(MantineContext);\n  const nonce = useMantineStyleNonce();\n  const nonceValue = useRef(nonce?.());\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  const setColorScheme = (value: MantineColorScheme) => {\n    ctx.setColorScheme(value);\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const clearColorScheme = () => {\n    ctx.clearColorScheme();\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const osColorScheme = useColorScheme('light', { getInitialValueInEffect: false });\n  const computedColorScheme = ctx.colorScheme === 'auto' ? osColorScheme : ctx.colorScheme;\n\n  const toggleColorScheme = useCallback(\n    () => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light'),\n    [setColorScheme, computedColorScheme]\n  );\n\n  useEffect(\n    () => () => {\n      clearStylesRef.current?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n    []\n  );\n\n  return {\n    colorScheme: ctx.colorScheme,\n    setColorScheme,\n    clearColorScheme,\n    toggleColorScheme,\n  };\n}\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB,OAA2B;CACpD,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,aAAa,uBAAuB,QAAQ;CAClD,MAAM,YAAY;CAClB,MAAM,aAAa,mCAAmC,MAAM;CAC5D,SAAS,MAAM,aAAa,SAAS,KAAK;CAE1C,SAAS,KAAK,YAAY,KAAK;CAC/B,MAAM,cACJ,SACG,iBAAiB,mCAAmC,CAAC,CACrD,SAAS,YAAY,QAAQ,OAAO,CAAC;CAC1C,OAAO;AACT;AAEA,SAAgB,sBAAsB,EAAE,oBAAmD,CAAC,GAAG;CAC7F,MAAM,iBAAiB,OAAmB,IAAI;CAC9C,MAAM,aAAa,OAAe,EAAE;CACpC,MAAM,MAAM,IAAI,cAAc;CAE9B,MAAM,aAAa,OADL,qBACgB,CAAC,GAAG,CAAC;CAEnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,MAAM,kBAAkB,UAA8B;EACpD,IAAI,eAAe,KAAK;EACxB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,yBAAyB;EAC7B,IAAI,iBAAiB;EACrB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,gBAAgB,eAAe,SAAS,EAAE,yBAAyB,MAAM,CAAC;CAChF,MAAM,sBAAsB,IAAI,gBAAgB,SAAS,gBAAgB,IAAI;CAE7E,MAAM,oBAAoB,kBAClB,eAAe,wBAAwB,UAAU,SAAS,OAAO,GACvE,CAAC,gBAAgB,mBAAmB,CACtC;CAEA,sBACc;EACV,eAAe,UAAU;EACzB,OAAO,aAAa,WAAW,OAAO;CACxC,GACA,CAAC,CACH;CAEA,OAAO;EACL,aAAa,IAAI;EACjB;EACA;EACA;CACF;AACF"}

package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-provider-color-scheme.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n  colorScheme: MantineColorScheme,\n  getRootElement: () => HTMLElement | undefined\n) {\n  const hasDarkColorScheme =\n    typeof window !== 'undefined' &&\n    'matchMedia' in window &&\n    window.matchMedia('(prefers-color-scheme: dark)')?.matches;\n\n  const computedColorScheme =\n    colorScheme !== 'auto' ? colorScheme : hasDarkColorScheme ? 'dark' : 'light';\n  getRootElement()?.setAttribute('data-mantine-color-scheme', computedColorScheme);\n}\n\ntype MediaQueryCallback = (event: { matches: boolean; media: string }) => void;\n\ninterface UseProviderColorSchemeOptions {\n  manager: MantineColorSchemeManager;\n  defaultColorScheme: MantineColorScheme;\n  forceColorScheme: 'light' | 'dark' | undefined;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n  forceColorScheme,\n}: UseProviderColorSchemeOptions) {\n  const media = useRef<MediaQueryList>(null);\n  const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n  const colorSchemeValue = forceColorScheme || value;\n\n  const setColorScheme = useCallback(\n    (colorScheme: MantineColorScheme) => {\n      if (!forceColorScheme) {\n        setColorSchemeAttribute(colorScheme, getRootElement);\n        setValue(colorScheme);\n        manager.set(colorScheme);\n      }\n    },\n    [manager.set, colorSchemeValue, forceColorScheme]\n  );\n\n  const clearColorScheme = useCallback(() => {\n    setValue(defaultColorScheme);\n    setColorSchemeAttribute(defaultColorScheme, getRootElement);\n    manager.clear();\n  }, [manager.clear, defaultColorScheme]);\n\n  useEffect(() => {\n    manager.subscribe(setColorScheme);\n    return manager.unsubscribe;\n  }, [manager.subscribe, manager.unsubscribe]);\n\n  useIsomorphicEffect(() => {\n    setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);\n  }, []);\n\n  useEffect(() => {\n    if (forceColorScheme) {\n      setColorSchemeAttribute(forceColorScheme, getRootElement);\n      return () => {};\n    }\n\n    if (forceColorScheme === undefined) {\n      setColorSchemeAttribute(value, getRootElement);\n    }\n\n    if (typeof window !== 'undefined' && 'matchMedia' in window) {\n      media.current = window.matchMedia('(prefers-color-scheme: dark)');\n    }\n\n    const listener: MediaQueryCallback = (event) => {\n      if (value === 'auto') {\n        setColorSchemeAttribute(event.matches ? 'dark' : 'light', getRootElement);\n      }\n    };\n\n    media.current?.addEventListener('change', listener);\n    return () => media.current?.removeEventListener('change', listener);\n  }, [value, forceColorScheme]);\n\n  return { colorScheme: colorSchemeValue, setColorScheme, clearColorScheme };\n}\n"],"mappings":";;;;AAKA,SAAS,wBACP,aACA,gBACA;CACA,MAAM,qBACJ,OAAO,WAAW,eAClB,gBAAgB,UAChB,OAAO,WAAW,8BAA8B,GAAG;CAErD,MAAM,sBACJ,gBAAgB,SAAS,cAAc,qBAAqB,SAAS;CACvE,eAAe,GAAG,aAAa,6BAA6B,mBAAmB;AACjF;AAWA,SAAgB,uBAAuB,EACrC,SACA,oBACA,gBACA,oBACgC;CAChC,MAAM,QAAQ,OAAuB,IAAI;CACzC,MAAM,CAAC,OAAO,YAAY,eAAe,QAAQ,IAAI,kBAAkB,CAAC;CACxE,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,iBAAiB,aACpB,gBAAoC;EACnC,IAAI,CAAC,kBAAkB;GACrB,wBAAwB,aAAa,cAAc;GACnD,SAAS,WAAW;GACpB,QAAQ,IAAI,WAAW;EACzB;CACF,GACA;EAAC,QAAQ;EAAK;EAAkB;CAAgB,CAClD;CAEA,MAAM,mBAAmB,kBAAkB;EACzC,SAAS,kBAAkB;EAC3B,wBAAwB,oBAAoB,cAAc;EAC1D,QAAQ,MAAM;CAChB,GAAG,CAAC,QAAQ,OAAO,kBAAkB,CAAC;CAEtC,gBAAgB;EACd,QAAQ,UAAU,cAAc;EAChC,OAAO,QAAQ;CACjB,GAAG,CAAC,QAAQ,WAAW,QAAQ,WAAW,CAAC;CAE3C,0BAA0B;EACxB,wBAAwB,QAAQ,IAAI,kBAAkB,GAAG,cAAc;CACzE,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,IAAI,kBAAkB;GACpB,wBAAwB,kBAAkB,cAAc;GACxD,aAAa,CAAC;EAChB;EAEA,IAAI,qBAAqB,KAAA,GACvB,wBAAwB,OAAO,cAAc;EAG/C,IAAI,OAAO,WAAW,eAAe,gBAAgB,QACnD,MAAM,UAAU,OAAO,WAAW,8BAA8B;EAGlE,MAAM,YAAgC,UAAU;GAC9C,IAAI,UAAU,QACZ,wBAAwB,MAAM,UAAU,SAAS,SAAS,cAAc;EAE5E;EAEA,MAAM,SAAS,iBAAiB,UAAU,QAAQ;EAClD,aAAa,MAAM,SAAS,oBAAoB,UAAU,QAAQ;CACpE,GAAG,CAAC,OAAO,gBAAgB,CAAC;CAE5B,OAAO;EAAE,aAAa;EAAkB;EAAgB;CAAiB;AAC3E"}
+{"version":3,"file":"use-provider-color-scheme.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n  colorScheme: MantineColorScheme,\n  getRootElement: () => HTMLElement | undefined\n) {\n  const hasDarkColorScheme =\n    typeof window !== 'undefined' &&\n    'matchMedia' in window &&\n    window.matchMedia('(prefers-color-scheme: dark)')?.matches;\n\n  const computedColorScheme =\n    colorScheme !== 'auto' ? colorScheme : hasDarkColorScheme ? 'dark' : 'light';\n  getRootElement()?.setAttribute('data-mantine-color-scheme', computedColorScheme);\n}\n\ntype MediaQueryCallback = (event: { matches: boolean; media: string }) => void;\n\ninterface UseProviderColorSchemeOptions {\n  manager: MantineColorSchemeManager;\n  defaultColorScheme: MantineColorScheme;\n  forceColorScheme: 'light' | 'dark' | undefined;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n  forceColorScheme,\n}: UseProviderColorSchemeOptions) {\n  const media = useRef<MediaQueryList>(null);\n  const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n  const colorSchemeValue = forceColorScheme || value;\n\n  const setColorScheme = useCallback(\n    (colorScheme: MantineColorScheme) => {\n      if (!forceColorScheme) {\n        setColorSchemeAttribute(colorScheme, getRootElement);\n        setValue(colorScheme);\n        manager.set(colorScheme);\n      }\n    },\n    [manager.set, colorSchemeValue, forceColorScheme]\n  );\n\n  const clearColorScheme = useCallback(() => {\n    setValue(defaultColorScheme);\n    setColorSchemeAttribute(defaultColorScheme, getRootElement);\n    manager.clear();\n  }, [manager.clear, defaultColorScheme]);\n\n  useEffect(() => {\n    manager.subscribe(setColorScheme);\n    return manager.unsubscribe;\n  }, [manager.subscribe, manager.unsubscribe]);\n\n  useIsomorphicEffect(() => {\n    setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);\n  }, []);\n\n  useEffect(() => {\n    if (forceColorScheme) {\n      setColorSchemeAttribute(forceColorScheme, getRootElement);\n      return () => {};\n    }\n\n    if (forceColorScheme === undefined) {\n      setColorSchemeAttribute(value, getRootElement);\n    }\n\n    if (typeof window !== 'undefined' && 'matchMedia' in window) {\n      media.current = window.matchMedia('(prefers-color-scheme: dark)');\n    }\n\n    const listener: MediaQueryCallback = (event) => {\n      if (value === 'auto') {\n        setColorSchemeAttribute(event.matches ? 'dark' : 'light', getRootElement);\n      }\n    };\n\n    media.current?.addEventListener('change', listener);\n    return () => media.current?.removeEventListener('change', listener);\n  }, [value, forceColorScheme]);\n\n  return { colorScheme: colorSchemeValue, setColorScheme, clearColorScheme };\n}\n"],"mappings":";;;;AAKA,SAAS,wBACP,aACA,gBACA;CACA,MAAM,qBACJ,OAAO,WAAW,eAClB,gBAAgB,UAChB,OAAO,WAAW,8BAA8B,CAAC,EAAE;CAErD,MAAM,sBACJ,gBAAgB,SAAS,cAAc,qBAAqB,SAAS;CACvE,eAAe,CAAC,EAAE,aAAa,6BAA6B,mBAAmB;AACjF;AAWA,SAAgB,uBAAuB,EACrC,SACA,oBACA,gBACA,oBACgC;CAChC,MAAM,QAAQ,OAAuB,IAAI;CACzC,MAAM,CAAC,OAAO,YAAY,eAAe,QAAQ,IAAI,kBAAkB,CAAC;CACxE,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,iBAAiB,aACpB,gBAAoC;EACnC,IAAI,CAAC,kBAAkB;GACrB,wBAAwB,aAAa,cAAc;GACnD,SAAS,WAAW;GACpB,QAAQ,IAAI,WAAW;EACzB;CACF,GACA;EAAC,QAAQ;EAAK;EAAkB;CAAgB,CAClD;CAEA,MAAM,mBAAmB,kBAAkB;EACzC,SAAS,kBAAkB;EAC3B,wBAAwB,oBAAoB,cAAc;EAC1D,QAAQ,MAAM;CAChB,GAAG,CAAC,QAAQ,OAAO,kBAAkB,CAAC;CAEtC,gBAAgB;EACd,QAAQ,UAAU,cAAc;EAChC,OAAO,QAAQ;CACjB,GAAG,CAAC,QAAQ,WAAW,QAAQ,WAAW,CAAC;CAE3C,0BAA0B;EACxB,wBAAwB,QAAQ,IAAI,kBAAkB,GAAG,cAAc;CACzE,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,IAAI,kBAAkB;GACpB,wBAAwB,kBAAkB,cAAc;GACxD,aAAa,CAAC;EAChB;EAEA,IAAI,qBAAqB,KAAA,GACvB,wBAAwB,OAAO,cAAc;EAG/C,IAAI,OAAO,WAAW,eAAe,gBAAgB,QACnD,MAAM,UAAU,OAAO,WAAW,8BAA8B;EAGlE,MAAM,YAAgC,UAAU;GAC9C,IAAI,UAAU,QACZ,wBAAwB,MAAM,UAAU,SAAS,SAAS,cAAc;EAE5E;EAEA,MAAM,SAAS,iBAAiB,UAAU,QAAQ;EAClD,aAAa,MAAM,SAAS,oBAAoB,UAAU,QAAQ;CACpE,GAAG,CAAC,OAAO,gBAAgB,CAAC;CAE5B,OAAO;EAAE,aAAa;EAAkB;EAAgB;CAAiB;AAC3E"}

package/esm/core/MantineProvider/use-props/use-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-props.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-props/use-props.ts"],"sourcesContent":["import { filterProps } from '../../utils';\nimport { useMantineTheme } from '../MantineThemeProvider';\n\nexport function useProps<T extends Record<string, any>, U extends Partial<T> | null = {}>(\n  component: string | (string | undefined)[],\n  defaultProps: U,\n  props: T\n): T &\n  (U extends null | undefined\n    ? {}\n    : {\n        [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>;\n      }) {\n  const theme = useMantineTheme();\n  const names = (Array.isArray(component) ? component : [component]).filter(Boolean) as string[];\n\n  let contextProps: Record<string, any> = {};\n  for (const name of names) {\n    const payload = theme.components[name]?.defaultProps;\n    const resolved = typeof payload === 'function' ? payload(theme) : payload;\n    if (resolved) {\n      contextProps = { ...contextProps, ...resolved };\n    }\n  }\n\n  return { ...defaultProps, ...contextProps, ...filterProps(props) } as any;\n}\n"],"mappings":";;;;AAGA,SAAgB,SACd,WACA,cACA,OAMO;CACP,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS,GAAG,OAAO,OAAO;CAEjF,IAAI,eAAoC,CAAC;CACzC,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,UAAU,MAAM,WAAW,OAAO;EACxC,MAAM,WAAW,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI;EAClE,IAAI,UACF,eAAe;GAAE,GAAG;GAAc,GAAG;EAAS;CAElD;CAEA,OAAO;EAAE,GAAG;EAAc,GAAG;EAAc,GAAG,YAAY,KAAK;CAAE;AACnE"}
+{"version":3,"file":"use-props.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-props/use-props.ts"],"sourcesContent":["import { filterProps } from '../../utils';\nimport { useMantineTheme } from '../MantineThemeProvider';\n\nexport function useProps<T extends Record<string, any>, U extends Partial<T> | null = {}>(\n  component: string | (string | undefined)[],\n  defaultProps: U,\n  props: T\n): T &\n  (U extends null | undefined\n    ? {}\n    : {\n        [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>;\n      }) {\n  const theme = useMantineTheme();\n  const names = (Array.isArray(component) ? component : [component]).filter(Boolean) as string[];\n\n  let contextProps: Record<string, any> = {};\n  for (const name of names) {\n    const payload = theme.components[name]?.defaultProps;\n    const resolved = typeof payload === 'function' ? payload(theme) : payload;\n    if (resolved) {\n      contextProps = { ...contextProps, ...resolved };\n    }\n  }\n\n  return { ...defaultProps, ...contextProps, ...filterProps(props) } as any;\n}\n"],"mappings":";;;;AAGA,SAAgB,SACd,WACA,cACA,OAMO;CACP,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS,EAAA,CAAG,OAAO,OAAO;CAEjF,IAAI,eAAoC,CAAC;CACzC,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,UAAU,MAAM,WAAW,KAAK,EAAE;EACxC,MAAM,WAAW,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI;EAClE,IAAI,UACF,eAAe;GAAE,GAAG;GAAc,GAAG;EAAS;CAElD;CAEA,OAAO;EAAE,GAAG;EAAc,GAAG;EAAc,GAAG,YAAY,KAAK;CAAE;AACnE"}