@mantine/core 9.3.1 → 9.4.0

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"}

package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-respect-reduce-motion.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.ts"],"sourcesContent":["import { useIsomorphicEffect } from '@mantine/hooks';\n\ninterface UseRespectReduceMotionOptions {\n  respectReducedMotion: boolean;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useRespectReduceMotion({\n  respectReducedMotion,\n  getRootElement,\n}: UseRespectReduceMotionOptions) {\n  useIsomorphicEffect(() => {\n    if (respectReducedMotion) {\n      getRootElement()?.setAttribute('data-respect-reduced-motion', 'true');\n    }\n  }, [respectReducedMotion]);\n}\n"],"mappings":";;;AAOA,SAAgB,uBAAuB,EACrC,sBACA,kBACgC;CAChC,0BAA0B;EACxB,IAAI,sBACF,eAAe,GAAG,aAAa,+BAA+B,MAAM;CAExE,GAAG,CAAC,oBAAoB,CAAC;AAC3B"}
+{"version":3,"file":"use-respect-reduce-motion.mjs","names":[],"sources":["../../../../src/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.ts"],"sourcesContent":["import { useIsomorphicEffect } from '@mantine/hooks';\n\ninterface UseRespectReduceMotionOptions {\n  respectReducedMotion: boolean;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useRespectReduceMotion({\n  respectReducedMotion,\n  getRootElement,\n}: UseRespectReduceMotionOptions) {\n  useIsomorphicEffect(() => {\n    if (respectReducedMotion) {\n      getRootElement()?.setAttribute('data-respect-reduced-motion', 'true');\n    }\n  }, [respectReducedMotion]);\n}\n"],"mappings":";;;AAOA,SAAgB,uBAAuB,EACrC,sBACA,kBACgC;CAChC,0BAA0B;EACxB,IAAI,sBACF,eAAe,CAAC,EAAE,aAAa,+BAA+B,MAAM;CAExE,GAAG,CAAC,oBAAoB,CAAC;AAC3B"}

package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-options-class-names.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types';\nimport {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector];\n}\n"],"mappings":";;;AAWA,SAAgB,qBAAqB,EACnC,UACA,WACA,SACA,OACA,SAC4B;CAC5B,OAAO,kBAAkB;EACvB;EACA,YAAY,SAAS;EACrB,OAAO,SAAS,SAAS;EACzB;CACF,CAAC,EAAE;AACL"}
+{"version":3,"file":"get-options-class-names.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types';\nimport {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector];\n}\n"],"mappings":";;;AAWA,SAAgB,qBAAqB,EACnC,UACA,WACA,SACA,OACA,SAC4B;CAC5B,OAAO,kBAAkB;EACvB;EACA,YAAY,SAAS;EACrB,OAAO,SAAS,SAAS;EACzB;CACF,CAAC,CAAC,CAAC;AACL"}

package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-resolved-class-names.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string;\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];\n}\n"],"mappings":";;;AASA,SAAgB,sBAAsB,EACpC,UACA,WACA,OACA,YACA,SAC+B;CAC/B,OAAO,kBAAkB;EAAE;EAAO;EAAY;EAAO;CAAU,CAAC,EAAE;AACpE"}
+{"version":3,"file":"get-resolved-class-names.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string;\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];\n}\n"],"mappings":";;;AASA,SAAgB,sBAAsB,EACpC,UACA,WACA,OACA,YACA,SAC+B;CAC/B,OAAO,kBAAkB;EAAE;EAAO;EAAY;EAAO;CAAU,CAAC,CAAC,CAAC;AACpE"}

package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-class-names.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Partial<Record<string, string>> = {};\n\nfunction mergeClassNames(objects: Partial<Record<string, string>>[]) {\n  const merged: Partial<Record<string, string>> = {};\n\n  objects.forEach((obj) => {\n    Object.entries(obj).forEach(([key, value]) => {\n      if (merged[key]) {\n        merged[key] = cx(merged[key], value);\n      } else {\n        merged[key] = value;\n      }\n    });\n  });\n\n  return merged;\n}\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];\n  const resolvedClassNames = arrayClassNames.map((item) =>\n    typeof item === 'function' ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES\n  );\n\n  return mergeClassNames(resolvedClassNames);\n}\n"],"mappings":";;;AAWA,MAAM,oBAAqD,CAAC;AAE5D,SAAS,gBAAgB,SAA4C;CACnE,MAAM,SAA0C,CAAC;CAEjD,QAAQ,SAAS,QAAQ;EACvB,OAAO,QAAQ,GAAG,EAAE,SAAS,CAAC,KAAK,WAAW;GAC5C,IAAI,OAAO,MACT,OAAO,OAAO,GAAG,OAAO,MAAM,KAAK;QAEnC,OAAO,OAAO;EAElB,CAAC;CACH,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,kBAAkB,EAAE,OAAO,YAAY,OAAO,aAAqC;CAMjG,OAAO,iBALiB,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC,UAAU,GACjC,KAAK,SAC9C,OAAO,SAAS,aAAa,KAAK,OAAO,OAAO,SAAS,IAAI,QAAQ,iBAG/B,CAAC;AAC3C"}
+{"version":3,"file":"resolve-class-names.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Partial<Record<string, string>> = {};\n\nfunction mergeClassNames(objects: Partial<Record<string, string>>[]) {\n  const merged: Partial<Record<string, string>> = {};\n\n  objects.forEach((obj) => {\n    Object.entries(obj).forEach(([key, value]) => {\n      if (merged[key]) {\n        merged[key] = cx(merged[key], value);\n      } else {\n        merged[key] = value;\n      }\n    });\n  });\n\n  return merged;\n}\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];\n  const resolvedClassNames = arrayClassNames.map((item) =>\n    typeof item === 'function' ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES\n  );\n\n  return mergeClassNames(resolvedClassNames);\n}\n"],"mappings":";;;AAWA,MAAM,oBAAqD,CAAC;AAE5D,SAAS,gBAAgB,SAA4C;CACnE,MAAM,SAA0C,CAAC;CAEjD,QAAQ,SAAS,QAAQ;EACvB,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;GAC5C,IAAI,OAAO,MACT,OAAO,OAAO,GAAG,OAAO,MAAM,KAAK;QAEnC,OAAO,OAAO;EAElB,CAAC;CACH,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,kBAAkB,EAAE,OAAO,YAAY,OAAO,aAAqC;CAMjG,OAAO,iBALiB,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC,UAAU,EAAA,CACjC,KAAK,SAC9C,OAAO,SAAS,aAAa,KAAK,OAAO,OAAO,SAAS,IAAI,QAAQ,iBAG/B,CAAC;AAC3C"}

package/esm/core/styles-api/use-styles/get-style/get-style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-style.mjs","names":[],"sources":["../../../../../src/core/styles-api/use-styles/get-style/get-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { resolveStyle } from './resolve-style/resolve-style';\nimport { resolveStyles } from './resolve-styles/resolve-styles';\n\nexport type _Styles =\n  | undefined\n  | Partial<Record<string, CSSProperties>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, CSSProperties>>);\n\nexport interface GetStyleInput {\n  theme: MantineTheme;\n  selector: string;\n  rootSelector: string;\n  options: GetStylesApiOptions | undefined;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  withStylesTransform?: boolean;\n  resolvedStyles: Record<string, any>;\n  resolvedThemeStyles: Record<string, any>;\n  resolvedVars: Record<string, any>;\n  resolvedRootStyle: CSSProperties;\n}\n\nexport function getStyle({\n  theme,\n  selector,\n  options,\n  props,\n  stylesCtx,\n  rootSelector,\n  withStylesTransform,\n  resolvedStyles,\n  resolvedThemeStyles,\n  resolvedVars,\n  resolvedRootStyle,\n}: GetStyleInput): CSSProperties {\n  return {\n    ...resolvedThemeStyles[selector],\n    ...resolvedStyles[selector],\n    ...(!withStylesTransform &&\n      resolveStyles({ theme, styles: options?.styles, props: options?.props || props, stylesCtx })[\n        selector\n      ]),\n    ...resolvedVars[selector],\n    ...(rootSelector === selector ? resolvedRootStyle : null),\n    ...resolveStyle({ style: options?.style, theme }),\n  };\n}\n"],"mappings":";;;;AA6BA,SAAgB,SAAS,EACvB,OACA,UACA,SACA,OACA,WACA,cACA,qBACA,gBACA,qBACA,cACA,qBAC+B;CAC/B,OAAO;EACL,GAAG,oBAAoB;EACvB,GAAG,eAAe;EAClB,GAAI,CAAC,uBACH,cAAc;GAAE;GAAO,QAAQ,SAAS;GAAQ,OAAO,SAAS,SAAS;GAAO;EAAU,CAAC,EACzF;EAEJ,GAAG,aAAa;EAChB,GAAI,iBAAiB,WAAW,oBAAoB;EACpD,GAAG,aAAa;GAAE,OAAO,SAAS;GAAO;EAAM,CAAC;CAClD;AACF"}
+{"version":3,"file":"get-style.mjs","names":[],"sources":["../../../../../src/core/styles-api/use-styles/get-style/get-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { resolveStyle } from './resolve-style/resolve-style';\nimport { resolveStyles } from './resolve-styles/resolve-styles';\n\nexport type _Styles =\n  | undefined\n  | Partial<Record<string, CSSProperties>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, CSSProperties>>);\n\nexport interface GetStyleInput {\n  theme: MantineTheme;\n  selector: string;\n  rootSelector: string;\n  options: GetStylesApiOptions | undefined;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  withStylesTransform?: boolean;\n  resolvedStyles: Record<string, any>;\n  resolvedThemeStyles: Record<string, any>;\n  resolvedVars: Record<string, any>;\n  resolvedRootStyle: CSSProperties;\n}\n\nexport function getStyle({\n  theme,\n  selector,\n  options,\n  props,\n  stylesCtx,\n  rootSelector,\n  withStylesTransform,\n  resolvedStyles,\n  resolvedThemeStyles,\n  resolvedVars,\n  resolvedRootStyle,\n}: GetStyleInput): CSSProperties {\n  return {\n    ...resolvedThemeStyles[selector],\n    ...resolvedStyles[selector],\n    ...(!withStylesTransform &&\n      resolveStyles({ theme, styles: options?.styles, props: options?.props || props, stylesCtx })[\n        selector\n      ]),\n    ...resolvedVars[selector],\n    ...(rootSelector === selector ? resolvedRootStyle : null),\n    ...resolveStyle({ style: options?.style, theme }),\n  };\n}\n"],"mappings":";;;;AA6BA,SAAgB,SAAS,EACvB,OACA,UACA,SACA,OACA,WACA,cACA,qBACA,gBACA,qBACA,cACA,qBAC+B;CAC/B,OAAO;EACL,GAAG,oBAAoB;EACvB,GAAG,eAAe;EAClB,GAAI,CAAC,uBACH,cAAc;GAAE;GAAO,QAAQ,SAAS;GAAQ,OAAO,SAAS,SAAS;GAAO;EAAU,CAAC,CAAC,CAC1F;EAEJ,GAAG,aAAa;EAChB,GAAI,iBAAiB,WAAW,oBAAoB;EACpD,GAAG,aAAa;GAAE,OAAO,SAAS;GAAO;EAAM,CAAC;CAClD;AACF"}

package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"merge-vars.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.ts"],"sourcesContent":["import { CssVariable } from '../../../../Box';\nimport { filterProps } from '../../../../utils';\n\nexport type ResolvedVars = Partial<Record<string, Record<CssVariable, string | undefined>>>;\n\nexport function mergeVars(vars: (ResolvedVars | undefined)[]) {\n  return vars.reduce<ResolvedVars>((acc, current) => {\n    if (current) {\n      Object.keys(current).forEach((key) => {\n        acc[key] = { ...acc[key], ...filterProps(current[key]!) };\n      });\n    }\n\n    return acc;\n  }, {});\n}\n"],"mappings":";;;AAKA,SAAgB,UAAU,MAAoC;CAC5D,OAAO,KAAK,QAAsB,KAAK,YAAY;EACjD,IAAI,SACF,OAAO,KAAK,OAAO,EAAE,SAAS,QAAQ;GACpC,IAAI,OAAO;IAAE,GAAG,IAAI;IAAM,GAAG,YAAY,QAAQ,IAAK;GAAE;EAC1D,CAAC;EAGH,OAAO;CACT,GAAG,CAAC,CAAC;AACP"}
+{"version":3,"file":"merge-vars.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.ts"],"sourcesContent":["import { CssVariable } from '../../../../Box';\nimport { filterProps } from '../../../../utils';\n\nexport type ResolvedVars = Partial<Record<string, Record<CssVariable, string | undefined>>>;\n\nexport function mergeVars(vars: (ResolvedVars | undefined)[]) {\n  return vars.reduce<ResolvedVars>((acc, current) => {\n    if (current) {\n      Object.keys(current).forEach((key) => {\n        acc[key] = { ...acc[key], ...filterProps(current[key]!) };\n      });\n    }\n\n    return acc;\n  }, {});\n}\n"],"mappings":";;;AAKA,SAAgB,UAAU,MAAoC;CAC5D,OAAO,KAAK,QAAsB,KAAK,YAAY;EACjD,IAAI,SACF,OAAO,KAAK,OAAO,CAAC,CAAC,SAAS,QAAQ;GACpC,IAAI,OAAO;IAAE,GAAG,IAAI;IAAM,GAAG,YAAY,QAAQ,IAAK;GAAE;EAC1D,CAAC;EAGH,OAAO;CACT,GAAG,CAAC,CAAC;AACP"}

package/esm/core/styles-api/use-styles/use-styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-styles.mjs","names":[],"sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport type { MantineStyleProp } from '../../Box';\nimport { FactoryPayload } from '../../factory';\nimport {\n  useMantineClassNamesPrefix,\n  useMantineIsHeadless,\n  useMantineTheme,\n  useMantineWithStaticClasses,\n} from '../../MantineProvider';\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';\nimport {\n  Attributes,\n  ClassNames,\n  ClassNamesArray,\n  GetStylesApiOptions,\n  Styles,\n} from '../styles-api.types';\nimport { getClassName } from './get-class-name/get-class-name';\nimport { resolveClassNames } from './get-class-name/resolve-class-names/resolve-class-names';\nimport { getStyle } from './get-style/get-style';\nimport { resolveStyle } from './get-style/resolve-style/resolve-style';\nimport { resolveStyles } from './get-style/resolve-styles/resolve-styles';\nimport { mergeVars } from './get-style/resolve-vars/merge-vars';\nimport { useStylesTransform } from './use-transformed-styles';\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n  name: string | (string | undefined)[];\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n  props: Payload['props'];\n  stylesCtx?: Payload['ctx'];\n  className?: string;\n  style?: MantineStyleProp;\n  rootSelector?: Payload['stylesNames'];\n  unstyled?: boolean;\n  classNames?: ClassNames<Payload> | ClassNamesArray<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n  varsResolver?: VarsResolver<Payload>;\n  attributes?: Attributes<Payload>;\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n  selector: NonNullable<Payload['stylesNames']>,\n  options?: GetStylesApiOptions\n) => {\n  className: string;\n  style: CSSProperties;\n};\n\nexport function useStyles<Payload extends FactoryPayload>({\n  name,\n  classes,\n  props,\n  stylesCtx,\n  className,\n  style,\n  rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n  unstyled,\n  classNames,\n  styles,\n  vars,\n  varsResolver,\n  attributes,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n  const theme = useMantineTheme();\n  const classNamesPrefix = useMantineClassNamesPrefix();\n  const withStaticClasses = useMantineWithStaticClasses();\n  const headless = useMantineIsHeadless();\n  const themeName = (Array.isArray(name) ? name : [name]).filter((n) => n) as string[];\n  const { withStylesTransform, getTransformedStyles } = useStylesTransform({\n    props,\n    stylesCtx,\n    themeName,\n    theme,\n  });\n\n  const resolvedClassNames = resolveClassNames({ theme, classNames, props, stylesCtx });\n  const resolvedThemeClassNames = themeName.map((n) =>\n    resolveClassNames({ theme, classNames: theme.components[n]?.classNames, props, stylesCtx })\n  );\n\n  const resolvedComponentStyles = withStylesTransform\n    ? {}\n    : resolveStyles({ theme, styles, props, stylesCtx });\n\n  const resolvedThemeStyles: Record<string, any> = {};\n\n  if (!withStylesTransform) {\n    for (const n of themeName) {\n      const resolved = resolveStyles({\n        theme,\n        styles: theme.components[n]?.styles,\n        props,\n        stylesCtx,\n      });\n\n      for (const key of Object.keys(resolved)) {\n        resolvedThemeStyles[key] = { ...resolvedThemeStyles[key], ...resolved[key] };\n      }\n    }\n  }\n\n  const resolvedVars = mergeVars([\n    headless ? {} : varsResolver?.(theme, props, stylesCtx),\n    ...themeName.map((n) => theme.components?.[n]?.vars?.(theme, props, stylesCtx)),\n    vars?.(theme, props, stylesCtx),\n  ]);\n\n  const resolvedRootStyle = resolveStyle({ style, theme });\n\n  return (selector, options) => ({\n    ...attributes?.[selector],\n\n    className: getClassName({\n      theme,\n      options,\n      themeName,\n      selector,\n      classNamesPrefix,\n      resolvedClassNames,\n      resolvedThemeClassNames,\n      classes,\n      unstyled,\n      className,\n      rootSelector,\n      props,\n      stylesCtx,\n      withStaticClasses,\n      headless,\n      transformedStyles: getTransformedStyles([options?.styles, styles]),\n    }),\n\n    style: getStyle({\n      theme,\n      selector,\n      options,\n      props,\n      stylesCtx,\n      rootSelector,\n      withStylesTransform,\n      resolvedStyles: resolvedComponentStyles,\n      resolvedThemeStyles,\n      resolvedVars,\n      resolvedRootStyle,\n    }),\n  });\n}\n"],"mappings":";;;;;;;;;;;AAiDA,SAAgB,UAA0C,EACxD,MACA,SACA,OACA,WACA,WACA,OACA,eAAe,QACf,UACA,YACA,QACA,MACA,cACA,cACiD;CACjD,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,mBAAmB,2BAA2B;CACpD,MAAM,oBAAoB,4BAA4B;CACtD,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,GAAG,QAAQ,MAAM,CAAC;CACvE,MAAM,EAAE,qBAAqB,yBAAyB,mBAAmB;EACvE;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAqB,kBAAkB;EAAE;EAAO;EAAY;EAAO;CAAU,CAAC;CACpF,MAAM,0BAA0B,UAAU,KAAK,MAC7C,kBAAkB;EAAE;EAAO,YAAY,MAAM,WAAW,IAAI;EAAY;EAAO;CAAU,CAAC,CAC5F;CAEA,MAAM,0BAA0B,sBAC5B,CAAC,IACD,cAAc;EAAE;EAAO;EAAQ;EAAO;CAAU,CAAC;CAErD,MAAM,sBAA2C,CAAC;CAElD,IAAI,CAAC,qBACH,KAAK,MAAM,KAAK,WAAW;EACzB,MAAM,WAAW,cAAc;GAC7B;GACA,QAAQ,MAAM,WAAW,IAAI;GAC7B;GACA;EACF,CAAC;EAED,KAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,GACpC,oBAAoB,OAAO;GAAE,GAAG,oBAAoB;GAAM,GAAG,SAAS;EAAK;CAE/E;CAGF,MAAM,eAAe,UAAU;EAC7B,WAAW,CAAC,IAAI,eAAe,OAAO,OAAO,SAAS;EACtD,GAAG,UAAU,KAAK,MAAM,MAAM,aAAa,IAAI,OAAO,OAAO,OAAO,SAAS,CAAC;EAC9E,OAAO,OAAO,OAAO,SAAS;CAChC,CAAC;CAED,MAAM,oBAAoB,aAAa;EAAE;EAAO;CAAM,CAAC;CAEvD,QAAQ,UAAU,aAAa;EAC7B,GAAG,aAAa;EAEhB,WAAW,aAAa;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,mBAAmB,qBAAqB,CAAC,SAAS,QAAQ,MAAM,CAAC;EACnE,CAAC;EAED,OAAO,SAAS;GACd;GACA;GACA;GACA;GACA;GACA;GACA;GACA,gBAAgB;GAChB;GACA;GACA;EACF,CAAC;CACH;AACF"}
+{"version":3,"file":"use-styles.mjs","names":[],"sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport type { MantineStyleProp } from '../../Box';\nimport { FactoryPayload } from '../../factory';\nimport {\n  useMantineClassNamesPrefix,\n  useMantineIsHeadless,\n  useMantineTheme,\n  useMantineWithStaticClasses,\n} from '../../MantineProvider';\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';\nimport {\n  Attributes,\n  ClassNames,\n  ClassNamesArray,\n  GetStylesApiOptions,\n  Styles,\n} from '../styles-api.types';\nimport { getClassName } from './get-class-name/get-class-name';\nimport { resolveClassNames } from './get-class-name/resolve-class-names/resolve-class-names';\nimport { getStyle } from './get-style/get-style';\nimport { resolveStyle } from './get-style/resolve-style/resolve-style';\nimport { resolveStyles } from './get-style/resolve-styles/resolve-styles';\nimport { mergeVars } from './get-style/resolve-vars/merge-vars';\nimport { useStylesTransform } from './use-transformed-styles';\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n  name: string | (string | undefined)[];\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n  props: Payload['props'];\n  stylesCtx?: Payload['ctx'];\n  className?: string | undefined;\n  style?: MantineStyleProp;\n  rootSelector?: Payload['stylesNames'];\n  unstyled?: boolean;\n  classNames?: ClassNames<Payload> | ClassNamesArray<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n  varsResolver?: VarsResolver<Payload>;\n  attributes?: Attributes<Payload>;\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n  selector: NonNullable<Payload['stylesNames']>,\n  options?: GetStylesApiOptions\n) => {\n  className: string;\n  style: CSSProperties;\n};\n\nexport function useStyles<Payload extends FactoryPayload>({\n  name,\n  classes,\n  props,\n  stylesCtx,\n  className,\n  style,\n  rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n  unstyled,\n  classNames,\n  styles,\n  vars,\n  varsResolver,\n  attributes,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n  const theme = useMantineTheme();\n  const classNamesPrefix = useMantineClassNamesPrefix();\n  const withStaticClasses = useMantineWithStaticClasses();\n  const headless = useMantineIsHeadless();\n  const themeName = (Array.isArray(name) ? name : [name]).filter((n) => n) as string[];\n  const { withStylesTransform, getTransformedStyles } = useStylesTransform({\n    props,\n    stylesCtx,\n    themeName,\n    theme,\n  });\n\n  const resolvedClassNames = resolveClassNames({ theme, classNames, props, stylesCtx });\n  const resolvedThemeClassNames = themeName.map((n) =>\n    resolveClassNames({ theme, classNames: theme.components[n]?.classNames, props, stylesCtx })\n  );\n\n  const resolvedComponentStyles = withStylesTransform\n    ? {}\n    : resolveStyles({ theme, styles, props, stylesCtx });\n\n  const resolvedThemeStyles: Record<string, any> = {};\n\n  if (!withStylesTransform) {\n    for (const n of themeName) {\n      const resolved = resolveStyles({\n        theme,\n        styles: theme.components[n]?.styles,\n        props,\n        stylesCtx,\n      });\n\n      for (const key of Object.keys(resolved)) {\n        resolvedThemeStyles[key] = { ...resolvedThemeStyles[key], ...resolved[key] };\n      }\n    }\n  }\n\n  const resolvedVars = mergeVars([\n    headless ? {} : varsResolver?.(theme, props, stylesCtx),\n    ...themeName.map((n) => theme.components?.[n]?.vars?.(theme, props, stylesCtx)),\n    vars?.(theme, props, stylesCtx),\n  ]);\n\n  const resolvedRootStyle = resolveStyle({ style, theme });\n\n  return (selector, options) => ({\n    ...attributes?.[selector],\n\n    className: getClassName({\n      theme,\n      options,\n      themeName,\n      selector,\n      classNamesPrefix,\n      resolvedClassNames,\n      resolvedThemeClassNames,\n      classes,\n      unstyled,\n      className,\n      rootSelector,\n      props,\n      stylesCtx,\n      withStaticClasses,\n      headless,\n      transformedStyles: getTransformedStyles([options?.styles, styles]),\n    }),\n\n    style: getStyle({\n      theme,\n      selector,\n      options,\n      props,\n      stylesCtx,\n      rootSelector,\n      withStylesTransform,\n      resolvedStyles: resolvedComponentStyles,\n      resolvedThemeStyles,\n      resolvedVars,\n      resolvedRootStyle,\n    }),\n  });\n}\n"],"mappings":";;;;;;;;;;;AAiDA,SAAgB,UAA0C,EACxD,MACA,SACA,OACA,WACA,WACA,OACA,eAAe,QACf,UACA,YACA,QACA,MACA,cACA,cACiD;CACjD,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,mBAAmB,2BAA2B;CACpD,MAAM,oBAAoB,4BAA4B;CACtD,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAA,CAAG,QAAQ,MAAM,CAAC;CACvE,MAAM,EAAE,qBAAqB,yBAAyB,mBAAmB;EACvE;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAqB,kBAAkB;EAAE;EAAO;EAAY;EAAO;CAAU,CAAC;CACpF,MAAM,0BAA0B,UAAU,KAAK,MAC7C,kBAAkB;EAAE;EAAO,YAAY,MAAM,WAAW,EAAE,EAAE;EAAY;EAAO;CAAU,CAAC,CAC5F;CAEA,MAAM,0BAA0B,sBAC5B,CAAC,IACD,cAAc;EAAE;EAAO;EAAQ;EAAO;CAAU,CAAC;CAErD,MAAM,sBAA2C,CAAC;CAElD,IAAI,CAAC,qBACH,KAAK,MAAM,KAAK,WAAW;EACzB,MAAM,WAAW,cAAc;GAC7B;GACA,QAAQ,MAAM,WAAW,EAAE,EAAE;GAC7B;GACA;EACF,CAAC;EAED,KAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,GACpC,oBAAoB,OAAO;GAAE,GAAG,oBAAoB;GAAM,GAAG,SAAS;EAAK;CAE/E;CAGF,MAAM,eAAe,UAAU;EAC7B,WAAW,CAAC,IAAI,eAAe,OAAO,OAAO,SAAS;EACtD,GAAG,UAAU,KAAK,MAAM,MAAM,aAAa,EAAE,EAAE,OAAO,OAAO,OAAO,SAAS,CAAC;EAC9E,OAAO,OAAO,OAAO,SAAS;CAChC,CAAC;CAED,MAAM,oBAAoB,aAAa;EAAE;EAAO;CAAM,CAAC;CAEvD,QAAQ,UAAU,aAAa;EAC7B,GAAG,aAAa;EAEhB,WAAW,aAAa;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,mBAAmB,qBAAqB,CAAC,SAAS,QAAQ,MAAM,CAAC;EACnE,CAAC;EAED,OAAO,SAAS;GACd;GACA;GACA;GACA;GACA;GACA;GACA;GACA,gBAAgB;GAChB;GACA;GACA;EACF,CAAC;CACH;AACF"}

package/esm/core/styles-api/use-styles/use-transformed-styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-transformed-styles.mjs","names":[],"sources":["../../../../src/core/styles-api/use-styles/use-transformed-styles.ts"],"sourcesContent":["import { MantineTheme, useMantineStylesTransform } from '../../MantineProvider';\n\ninterface UseTransformedStylesInput {\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  themeName: string[];\n  theme: MantineTheme;\n}\n\nexport function useStylesTransform({\n  props,\n  stylesCtx,\n  themeName,\n  theme,\n}: UseTransformedStylesInput) {\n  const stylesTransform = useMantineStylesTransform()?.();\n\n  const getTransformedStyles = (styles: any[]) => {\n    if (!stylesTransform) {\n      return [];\n    }\n\n    const transformedStyles = styles.map((style) =>\n      stylesTransform(style, { props, theme, ctx: stylesCtx })\n    );\n\n    return [\n      ...transformedStyles,\n      ...themeName.map((n) =>\n        stylesTransform(theme.components[n]?.styles, { props, theme, ctx: stylesCtx })\n      ),\n    ].filter(Boolean) as Record<string, string>[];\n  };\n\n  return {\n    getTransformedStyles,\n    withStylesTransform: !!stylesTransform,\n  };\n}\n"],"mappings":";;;AASA,SAAgB,mBAAmB,EACjC,OACA,WACA,WACA,SAC4B;CAC5B,MAAM,kBAAkB,0BAA0B,IAAI;CAEtD,MAAM,wBAAwB,WAAkB;EAC9C,IAAI,CAAC,iBACH,OAAO,CAAC;EAOV,OAAO,CACL,GALwB,OAAO,KAAK,UACpC,gBAAgB,OAAO;GAAE;GAAO;GAAO,KAAK;EAAU,CAAC,CAIpC,GACnB,GAAG,UAAU,KAAK,MAChB,gBAAgB,MAAM,WAAW,IAAI,QAAQ;GAAE;GAAO;GAAO,KAAK;EAAU,CAAC,CAC/E,CACF,EAAE,OAAO,OAAO;CAClB;CAEA,OAAO;EACL;EACA,qBAAqB,CAAC,CAAC;CACzB;AACF"}
+{"version":3,"file":"use-transformed-styles.mjs","names":[],"sources":["../../../../src/core/styles-api/use-styles/use-transformed-styles.ts"],"sourcesContent":["import { MantineTheme, useMantineStylesTransform } from '../../MantineProvider';\n\ninterface UseTransformedStylesInput {\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  themeName: string[];\n  theme: MantineTheme;\n}\n\nexport function useStylesTransform({\n  props,\n  stylesCtx,\n  themeName,\n  theme,\n}: UseTransformedStylesInput) {\n  const stylesTransform = useMantineStylesTransform()?.();\n\n  const getTransformedStyles = (styles: any[]) => {\n    if (!stylesTransform) {\n      return [];\n    }\n\n    const transformedStyles = styles.map((style) =>\n      stylesTransform(style, { props, theme, ctx: stylesCtx })\n    );\n\n    return [\n      ...transformedStyles,\n      ...themeName.map((n) =>\n        stylesTransform(theme.components[n]?.styles, { props, theme, ctx: stylesCtx })\n      ),\n    ].filter(Boolean) as Record<string, string>[];\n  };\n\n  return {\n    getTransformedStyles,\n    withStylesTransform: !!stylesTransform,\n  };\n}\n"],"mappings":";;;AASA,SAAgB,mBAAmB,EACjC,OACA,WACA,WACA,SAC4B;CAC5B,MAAM,kBAAkB,0BAA0B,CAAC,GAAG;CAEtD,MAAM,wBAAwB,WAAkB;EAC9C,IAAI,CAAC,iBACH,OAAO,CAAC;EAOV,OAAO,CACL,GALwB,OAAO,KAAK,UACpC,gBAAgB,OAAO;GAAE;GAAO;GAAO,KAAK;EAAU,CAAC,CAIpC,GACnB,GAAG,UAAU,KAAK,MAChB,gBAAgB,MAAM,WAAW,EAAE,EAAE,QAAQ;GAAE;GAAO;GAAO,KAAK;EAAU,CAAC,CAC/E,CACF,CAAC,CAAC,OAAO,OAAO;CAClB;CAEA,OAAO;EACL;EACA,qBAAqB,CAAC,CAAC;CACzB;AACF"}

package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs

@@ -64,15 +64,13 @@ function createScopedKeydownHandler({ parentSelector, siblingSelector, onKeyDown
 			case "Home":
 				event.stopPropagation();
 				event.preventDefault();
-				!elements[0].disabled && elements[0].focus();
+				elements[getNextIndex(-1, elements, false)]?.focus();
 				break;
-			case "End": {
+			case "End":
 				event.stopPropagation();
 				event.preventDefault();
-				const last = elements.length - 1;
-				!elements[last].disabled && elements[last].focus();
+				elements[getPreviousIndex(elements.length, elements, false)]?.focus();
 				break;
-			}
 		}
 	};
 }