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

package/esm/core/Box/get-box-style/get-box-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-box-style.js","sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp, CssVarsProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n  theme: MantineTheme;\n  styleProps: React.CSSProperties;\n  style?: MantineStyleProp;\n  vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n  styles: MantineStyleProp | CssVarsProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme);\n  }\n\n  if (styles == null) {\n    return {};\n  }\n\n  return styles;\n}\n\nexport function getBoxStyle({\n  theme,\n  style,\n  vars,\n  styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n  const _style = mergeStyles(style, theme);\n  const _vars = mergeStyles(vars, theme);\n  return { ..._style, ..._vars, ...styleProps };\n}\n"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,SAAS,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE;AACpC,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC7B,IAAI,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACpH,GAAG;AACH,EAAE,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;AACpC,IAAI,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE;AACtB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC;AACM,SAAS,WAAW,CAAC;AAC5B,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,UAAU;AACZ,CAAC,EAAE;AACH,EAAE,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC3C,EAAE,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACzC,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AACvF;;;;"}
+{"version":3,"file":"get-box-style.js","sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp, CssVarsProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n  theme: MantineTheme;\n  styleProps: React.CSSProperties;\n  style?: MantineStyleProp;\n  vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n  styles: MantineStyleProp | CssVarsProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme);\n  }\n\n  if (styles == null) {\n    return {};\n  }\n\n  return styles;\n}\n\nexport function getBoxStyle({\n  theme,\n  style,\n  vars,\n  styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n  const _style = mergeStyles(style, theme);\n  const _vars = mergeStyles(vars, theme);\n  return { ..._style, ..._vars, ...styleProps };\n}\n"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,SAAS,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE;AACpC,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC7B,IAAI,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,MAAM;AAC7B,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACtF,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;AACpC,IAAI,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE;AACtB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC;AACM,SAAS,WAAW,CAAC;AAC5B,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,UAAU;AACZ,CAAC,EAAE;AACH,EAAE,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC3C,EAAE,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACzC,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AACvF;;;;"}

package/esm/core/Box/get-style-object/get-style-object.js

@@ -16,7 +16,10 @@ var __spreadValues = (a, b) => {
 };
 function getStyleObject(style, theme) {
   if (Array.isArray(style)) {
-    return [...style].reduce((acc, item) => __spreadValues(__spreadValues({}, acc), getStyleObject(item, theme)), {});
+    return [...style].reduce(
+      (acc, item) => __spreadValues(__spreadValues({}, acc), getStyleObject(item, theme)),
+      {}
+    );
   }
   if (typeof style === "function") {
     return style(theme);

package/esm/core/Box/get-style-object/get-style-object.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-style-object.js","sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n  style: MantineStyleProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,SAAS,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC5B,IAAI,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACtH,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACnC,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"get-style-object.js","sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n  style: MantineStyleProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,SAAS,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC5B,IAAI,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM;AAC5B,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACzF,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACnC,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/esm/core/Box/style-props/extract-style-props/extract-style-props.js

@@ -59,7 +59,9 @@ function extractStyleProps(others) {
     bottom,
     right,
     inset,
-    display
+    display,
+    hiddenFrom,
+    visibleFrom
   } = _a, rest = __objRest(_a, [
     "m",
     "mx",
@@ -103,7 +105,9 @@ function extractStyleProps(others) {
     "bottom",
     "right",
     "inset",
-    "display"
+    "display",
+    "hiddenFrom",
+    "visibleFrom"
   ]);
   const styleProps = filterProps({
     m,
@@ -148,7 +152,9 @@ function extractStyleProps(others) {
     bottom,
     right,
     inset,
-    display
+    display,
+    hiddenFrom,
+    visibleFrom
   });
   return { styleProps, rest };
 }

package/esm/core/Box/style-props/extract-style-props/extract-style-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"extract-style-props.js","sources":["../../../../../src/core/Box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils';\nimport type { MantineStyleProps } from '../style-props.types';\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: MantineStyleProps & T\n): { styleProps: MantineStyleProps; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    ...rest\n  } = others;\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n  });\n\n  return { styleProps, rest: rest as unknown as T };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"extract-style-props.js","sources":["../../../../../src/core/Box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils';\nimport type { MantineStyleProps } from '../style-props.types';\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: MantineStyleProps & T\n): { styleProps: MantineStyleProps; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    hiddenFrom,\n    visibleFrom,\n    ...rest\n  } = others;\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    hiddenFrom,\n    visibleFrom,\n  });\n\n  return { styleProps, rest: rest as unknown as T };\n}\n"],"names":[],"mappings":"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"}

package/esm/core/Box/style-props/parse-style-props/parse-style-props.js

@@ -57,36 +57,47 @@ function parseStyleProps({
   data,
   theme
 }) {
-  return sortMediaQueries(keys(styleProps).reduce((acc, styleProp) => {
-    const propertyData = data[styleProp];
-    const properties = Array.isArray(propertyData.property) ? propertyData.property : [propertyData.property];
-    const baseValue = getBaseValue(styleProps[styleProp]);
-    if (!hasResponsiveStyles(styleProps[styleProp])) {
-      properties.forEach((property) => {
-        acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);
-      });
-      return acc;
-    }
-    acc.hasResponsiveStyles = true;
-    const breakpoints = getBreakpointKeys(styleProps[styleProp]);
-    properties.forEach((property) => {
-      if (baseValue) {
-        acc.styles[property] = resolvers[propertyData.type](baseValue, theme);
-      }
-      breakpoints.forEach((breakpoint) => {
-        const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;
-        acc.media[bp] = __spreadProps(__spreadValues({}, acc.media[bp]), {
-          [property]: resolvers[propertyData.type](getBreakpointValue(styleProps[styleProp], breakpoint), theme)
+  return sortMediaQueries(
+    keys(styleProps).reduce(
+      (acc, styleProp) => {
+        if (styleProp === "hiddenFrom" || styleProp === "visibleFrom") {
+          return acc;
+        }
+        const propertyData = data[styleProp];
+        const properties = Array.isArray(propertyData.property) ? propertyData.property : [propertyData.property];
+        const baseValue = getBaseValue(styleProps[styleProp]);
+        if (!hasResponsiveStyles(styleProps[styleProp])) {
+          properties.forEach((property) => {
+            acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);
+          });
+          return acc;
+        }
+        acc.hasResponsiveStyles = true;
+        const breakpoints = getBreakpointKeys(styleProps[styleProp]);
+        properties.forEach((property) => {
+          if (baseValue) {
+            acc.styles[property] = resolvers[propertyData.type](baseValue, theme);
+          }
+          breakpoints.forEach((breakpoint) => {
+            const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;
+            acc.media[bp] = __spreadProps(__spreadValues({}, acc.media[bp]), {
+              [property]: resolvers[propertyData.type](
+                getBreakpointValue(styleProps[styleProp], breakpoint),
+                theme
+              )
+            });
+          });
         });
-      });
-    });
-    return acc;
-  }, {
-    hasResponsiveStyles: false,
-    styles: {},
-    inlineStyles: {},
-    media: {}
-  }));
+        return acc;
+      },
+      {
+        hasResponsiveStyles: false,
+        styles: {},
+        inlineStyles: {},
+        media: {}
+      }
+    )
+  );
 }
 
 export { parseStyleProps };

package/esm/core/Box/style-props/parse-style-props/parse-style-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"parse-style-props.js","sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { keys } from '../../../utils';\nimport type { MantineStyleProps, StyleProp } from '../style-props.types';\nimport type { SystemPropData } from '../style-props-data';\nimport { resolvers } from '../resolvers';\nimport { MantineTheme } from '../../../MantineProvider';\nimport type { SortMediaQueriesResult } from './sort-media-queries';\nimport { sortMediaQueries } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n  if (typeof styleProp !== 'object' || styleProp === null) {\n    return false;\n  }\n\n  const breakpoints = Object.keys(styleProp);\n\n  if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n    return false;\n  }\n\n  return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    if ('base' in value) {\n      return value.base;\n    }\n\n    return undefined;\n  }\n\n  return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    return keys(value).filter((key) => key !== 'base');\n  }\n\n  return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n  if (typeof value === 'object' && value !== null && breakpoint in value) {\n    return value[breakpoint as keyof typeof value];\n  }\n\n  return value;\n}\n\ninterface ParseStylePropsOptions {\n  styleProps: MantineStyleProps;\n  theme: MantineTheme;\n  data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n  hasResponsiveStyles: boolean;\n  inlineStyles: React.CSSProperties;\n  styles: React.CSSProperties;\n  media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n  styleProps,\n  data,\n  theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n  return sortMediaQueries(\n    keys(styleProps).reduce<{\n      hasResponsiveStyles: boolean;\n      inlineStyles: Record<string, unknown>;\n      styles: Record<string, unknown>;\n      media: Record<string, Record<string, unknown>>;\n    }>(\n      (acc, styleProp) => {\n        const propertyData = data[styleProp];\n        const properties = Array.isArray(propertyData.property)\n          ? propertyData.property\n          : [propertyData.property];\n        const baseValue = getBaseValue(styleProps[styleProp]);\n\n        if (!hasResponsiveStyles(styleProps[styleProp])) {\n          properties.forEach((property) => {\n            acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n          });\n\n          return acc;\n        }\n\n        acc.hasResponsiveStyles = true;\n\n        const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n        properties.forEach((property) => {\n          if (baseValue) {\n            acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n          }\n\n          breakpoints.forEach((breakpoint) => {\n            const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n            acc.media[bp] = {\n              ...acc.media[bp],\n              [property]: resolvers[propertyData.type](\n                getBreakpointValue(styleProps[styleProp], breakpoint),\n                theme\n              ),\n            };\n          });\n        });\n\n        return acc;\n      },\n      {\n        hasResponsiveStyles: false,\n        styles: {},\n        inlineStyles: {},\n        media: {},\n      }\n    )\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"parse-style-props.js","sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { keys } from '../../../utils';\nimport type { MantineStyleProps, StyleProp } from '../style-props.types';\nimport type { SystemPropData } from '../style-props-data';\nimport { resolvers } from '../resolvers';\nimport { MantineTheme } from '../../../MantineProvider';\nimport type { SortMediaQueriesResult } from './sort-media-queries';\nimport { sortMediaQueries } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n  if (typeof styleProp !== 'object' || styleProp === null) {\n    return false;\n  }\n\n  const breakpoints = Object.keys(styleProp);\n\n  if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n    return false;\n  }\n\n  return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    if ('base' in value) {\n      return value.base;\n    }\n\n    return undefined;\n  }\n\n  return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    return keys(value).filter((key) => key !== 'base');\n  }\n\n  return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n  if (typeof value === 'object' && value !== null && breakpoint in value) {\n    return value[breakpoint as keyof typeof value];\n  }\n\n  return value;\n}\n\ninterface ParseStylePropsOptions {\n  styleProps: MantineStyleProps;\n  theme: MantineTheme;\n  data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n  hasResponsiveStyles: boolean;\n  inlineStyles: React.CSSProperties;\n  styles: React.CSSProperties;\n  media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n  styleProps,\n  data,\n  theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n  return sortMediaQueries(\n    keys(styleProps).reduce<{\n      hasResponsiveStyles: boolean;\n      inlineStyles: Record<string, unknown>;\n      styles: Record<string, unknown>;\n      media: Record<string, Record<string, unknown>>;\n    }>(\n      (acc, styleProp) => {\n        if ((styleProp as string) === 'hiddenFrom' || (styleProp as string) === 'visibleFrom') {\n          return acc;\n        }\n\n        const propertyData = data[styleProp];\n        const properties = Array.isArray(propertyData.property)\n          ? propertyData.property\n          : [propertyData.property];\n        const baseValue = getBaseValue(styleProps[styleProp]);\n\n        if (!hasResponsiveStyles(styleProps[styleProp])) {\n          properties.forEach((property) => {\n            acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n          });\n\n          return acc;\n        }\n\n        acc.hasResponsiveStyles = true;\n\n        const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n        properties.forEach((property) => {\n          if (baseValue) {\n            acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n          }\n\n          breakpoints.forEach((breakpoint) => {\n            const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n            acc.media[bp] = {\n              ...acc.media[bp],\n              [property]: resolvers[propertyData.type](\n                getBreakpointValue(styleProps[styleProp], breakpoint),\n                theme\n              ),\n            };\n          });\n        });\n\n        return acc;\n      },\n      {\n        hasResponsiveStyles: false,\n        styles: {},\n        inlineStyles: {},\n        media: {},\n      }\n    )\n  );\n}\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAIlE,SAAS,mBAAmB,CAAC,SAAS,EAAE;AACxC,EAAE,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,IAAI,EAAE;AAC3D,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7C,EAAE,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;AAC7D,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,YAAY,CAAC,KAAK,EAAE;AAC7B,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;AACnD,IAAI,IAAI,MAAM,IAAI,KAAK,EAAE;AACzB,MAAM,OAAO,KAAK,CAAC,IAAI,CAAC;AACxB,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACD,SAAS,iBAAiB,CAAC,KAAK,EAAE;AAClC,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;AACnD,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,MAAM,CAAC,CAAC;AACvD,GAAG;AACH,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC;AACD,SAAS,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE;AAC/C,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,UAAU,IAAI,KAAK,EAAE;AAC1E,IAAI,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC;AAC7B,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,eAAe,CAAC;AAChC,EAAE,UAAU;AACZ,EAAE,IAAI;AACN,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,OAAO,gBAAgB;AACzB,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM;AAC3B,MAAM,CAAC,GAAG,EAAE,SAAS,KAAK;AAC1B,QAAQ,IAAI,SAAS,KAAK,YAAY,IAAI,SAAS,KAAK,aAAa,EAAE;AACvE,UAAU,OAAO,GAAG,CAAC;AACrB,SAAS;AACT,QAAQ,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,QAAQ,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AAClH,QAAQ,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AAC9D,QAAQ,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE;AACzD,UAAU,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK;AAC3C,YAAY,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AACxF,WAAW,CAAC,CAAC;AACb,UAAU,OAAO,GAAG,CAAC;AACrB,SAAS;AACT,QAAQ,GAAG,CAAC,mBAAmB,GAAG,IAAI,CAAC;AACvC,QAAQ,MAAM,WAAW,GAAG,iBAAiB,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AACrE,QAAQ,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK;AACzC,UAAU,IAAI,SAAS,EAAE;AACzB,YAAY,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAClF,WAAW;AACX,UAAU,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK;AAC9C,YAAY,MAAM,EAAE,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,YAAY,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE;AAC7E,cAAc,CAAC,QAAQ,GAAG,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;AACtD,gBAAgB,kBAAkB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;AACrE,gBAAgB,KAAK;AACrB,eAAe;AACf,aAAa,CAAC,CAAC;AACf,WAAW,CAAC,CAAC;AACb,SAAS,CAAC,CAAC;AACX,QAAQ,OAAO,GAAG,CAAC;AACnB,OAAO;AACP,MAAM;AACN,QAAQ,mBAAmB,EAAE,KAAK;AAClC,QAAQ,MAAM,EAAE,EAAE;AAClB,QAAQ,YAAY,EAAE,EAAE;AACxB,QAAQ,KAAK,EAAE,EAAE;AACjB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js

@@ -7,6 +7,9 @@ function fontSizeResolver(value, theme) {
   if (typeof value === "number") {
     return rem(value);
   }
+  if (typeof value === "string") {
+    return rem(value);
+  }
   return value;
 }
 

package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"font-size-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nexport function fontSizeResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.fontSizes) {\n    return `var(--mantine-font-size-${value})`;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;AACO,SAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE;AAC/C,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE;AAC7D,IAAI,OAAO,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/C,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"font-size-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nexport function fontSizeResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.fontSizes) {\n    return `var(--mantine-font-size-${value})`;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;AACO,SAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE;AAC/C,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE;AAC7D,IAAI,OAAO,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/C,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js

@@ -7,7 +7,7 @@ function spacingResolver(value, theme) {
   if (typeof value === "string") {
     const mod = value.replace("-", "");
     if (!(mod in theme.spacing)) {
-      return value;
+      return rem(value);
     }
     const variable = `--mantine-spacing-${mod}`;
     return value.startsWith("-") ? `calc(var(${variable}) * -1)` : `var(${variable})`;

package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nexport function spacingResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    const mod = value.replace('-', '');\n\n    if (!(mod in theme.spacing)) {\n      return value;\n    }\n\n    const variable = `--mantine-spacing-${mod}`;\n    return value.startsWith('-') ? `calc(var(${variable}) * -1)` : `var(${variable})`;\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;AACO,SAAS,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE;AAC9C,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACvC,IAAI,IAAI,EAAE,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,IAAI,MAAM,QAAQ,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;AAChD,IAAI,OAAO,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;AACtF,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"spacing-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nexport function spacingResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    const mod = value.replace('-', '');\n\n    if (!(mod in theme.spacing)) {\n      return rem(value);\n    }\n\n    const variable = `--mantine-spacing-${mod}`;\n    return value.startsWith('-') ? `calc(var(${variable}) * -1)` : `var(${variable})`;\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;AACO,SAAS,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE;AAC9C,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACvC,IAAI,IAAI,EAAE,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;AACxB,KAAK;AACL,IAAI,MAAM,QAAQ,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;AAChD,IAAI,OAAO,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;AACtF,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

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

@@ -2,7 +2,7 @@ import { useId } from 'react';
 
 function useRandomClassName() {
   const id = useId().replace(/:/g, "");
-  return `mantine-${id}`;
+  return `__m__-${id}`;
 }
 
 export { useRandomClassName };

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

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

package/esm/core/DirectionProvider/DirectionProvider.js

@@ -30,9 +30,7 @@ function DirectionProvider({
       }
     }
   }, []);
-  return /* @__PURE__ */ React.createElement(DirectionContext.Provider, {
-    value: { dir, toggleDirection, setDirection }
-  }, children);
+  return /* @__PURE__ */ React.createElement(DirectionContext.Provider, { value: { dir, toggleDirection, setDirection } }, children);
 }
 
 export { DirectionContext, DirectionProvider, useDirection };

package/esm/core/DirectionProvider/DirectionProvider.js.map

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

package/esm/core/InlineStyles/InlineStyles.js

@@ -4,11 +4,14 @@ import { useMantineStyleNonce } from '../MantineProvider/Mantine.context.js';
 
 function InlineStyles({ selector, styles, media }) {
   const nonce = useMantineStyleNonce();
-  return /* @__PURE__ */ React.createElement("style", {
-    "data-mantine-styles": "inline",
-    nonce: nonce == null ? void 0 : nonce(),
-    dangerouslySetInnerHTML: { __html: stylesToString({ selector, styles, media }) }
-  });
+  return /* @__PURE__ */ React.createElement(
+    "style",
+    {
+      "data-mantine-styles": "inline",
+      nonce: nonce == null ? void 0 : nonce(),
+      dangerouslySetInnerHTML: { __html: stylesToString({ selector, styles, media }) }
+    }
+  );
 }
 
 export { InlineStyles };

package/esm/core/InlineStyles/InlineStyles.js.map

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

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

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

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

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

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

@@ -1,22 +1,9 @@
 import { cssObjectToString } from '../css-object-to-string/css-object-to-string.js';
 
-function padLines(string, count) {
-  const whitespace = " ".repeat(count);
-  return `${whitespace}${string.replace(/(?:\r\n|\r|\n)/g, `
-${whitespace}`)}`;
-}
 function stylesToString({ selector, styles, media }) {
-  const baseStyles = styles ? padLines(cssObjectToString(styles), 2) : "";
-  const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media ${item.query} {
-  ${selector} {
-${padLines(cssObjectToString(item.styles), 4)}
-  }
-}`);
-  return `${baseStyles ? `${selector} {
-${baseStyles}
-}
-
-` : ""}${mediaQueryStyles.join("\n\n")}`.trim();
+  const baseStyles = styles ? cssObjectToString(styles) : "";
+  const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);
+  return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}`.trim();
 }
 
 export { stylesToString };

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

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

package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeScript.js","sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import React from 'react';\nimport type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'script'> {\n  defaultColorScheme?: MantineColorScheme;\n  localStorageKey?: string;\n}\n\nconst getScript = ({\n  defaultColorScheme,\n  localStorageKey,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey'>) => `\n  try {\n    var colorScheme = window.localStorage.getItem('${localStorageKey}') || '${defaultColorScheme}';\n    document.documentElement.setAttribute('data-mantine-color-scheme', colorScheme);\n  } catch (e) {}\n`;\n\nexport function ColorSchemeScript({\n  defaultColorScheme = 'auto',\n  localStorageKey = 'mantine-color-scheme',\n  ...others\n}: ColorSchemeScriptProps) {\n  return (\n    <script\n      {...others}\n      data-mantine-script\n      dangerouslySetInnerHTML={{ __html: getScript({ defaultColorScheme, localStorageKey }) }}\n    />\n  );\n}\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC;AACnB,EAAE,kBAAkB;AACpB,EAAE,eAAe;AACjB,CAAC,KAAK,CAAC;AACP;AACA,mDAAmD,EAAE,eAAe,CAAC,OAAO,EAAE,kBAAkB,CAAC;AACjG;AACA;AACA,CAAC,CAAC;AACK,SAAS,iBAAiB,CAAC,EAAE,EAAE;AACtC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,kBAAkB,GAAG,MAAM;AAC/B,IAAI,eAAe,GAAG,sBAAsB;AAC5C,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AACjG,IAAI,qBAAqB,EAAE,IAAI;AAC/B,IAAI,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC,EAAE;AAC3F,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"ColorSchemeScript.js","sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import React from 'react';\nimport type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'script'> {\n  defaultColorScheme?: MantineColorScheme;\n  localStorageKey?: string;\n}\n\nconst getScript = ({\n  defaultColorScheme,\n  localStorageKey,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey'>) => `\n  try {\n    var colorScheme = window.localStorage.getItem('${localStorageKey}') || '${defaultColorScheme}';\n    var computedColorScheme = colorScheme !== 'auto' ? colorScheme : window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    document.documentElement.setAttribute('data-mantine-color-scheme', computedColorScheme);\n  } catch (e) {}\n`;\n\nexport function ColorSchemeScript({\n  defaultColorScheme = 'auto',\n  localStorageKey = 'mantine-color-scheme',\n  ...others\n}: ColorSchemeScriptProps) {\n  return (\n    <script\n      {...others}\n      data-mantine-script\n      dangerouslySetInnerHTML={{ __html: getScript({ defaultColorScheme, localStorageKey }) }}\n    />\n  );\n}\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC;AACnB,EAAE,kBAAkB;AACpB,EAAE,eAAe;AACjB,CAAC,KAAK,CAAC;AACP;AACA,mDAAmD,EAAE,eAAe,CAAC,OAAO,EAAE,kBAAkB,CAAC;AACjG;AACA;AACA;AACA,CAAC,CAAC;AACK,SAAS,iBAAiB,CAAC,EAAE,EAAE;AACtC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,kBAAkB,GAAG,MAAM;AAC/B,IAAI,eAAe,GAAG,sBAAsB;AAC5C,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa;AAC5C,IAAI,QAAQ;AACZ,IAAI,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAC9C,MAAM,qBAAqB,EAAE,IAAI;AACjC,MAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC,EAAE;AAC7F,KAAK,CAAC;AACN,GAAG,CAAC;AACJ;;;;"}

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

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

package/esm/core/MantineProvider/MantineClasses/MantineClasses.js

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

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

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

package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { useMantineStyleNonce, useMantineCssVariablesResolver } from '../Mantine.context.js';
 import { convertCssVariables } from '../convert-css-variables/convert-css-variables.js';
 import { getMergedVariables } from './get-merged-variables.js';
+import { removeDefaultVariables } from './remove-default-variables.js';
 import { useMantineTheme } from '../MantineThemeProvider/MantineThemeProvider.js';
 
 function getColorSchemeCssVariables(selector) {
@@ -14,14 +15,23 @@ function MantineCssVariables({ cssVariablesSelector }) {
   const theme = useMantineTheme();
   const nonce = useMantineStyleNonce();
   const generator = useMantineCssVariablesResolver();
-  const css = convertCssVariables(getMergedVariables({ theme, generator }), cssVariablesSelector);
-  return /* @__PURE__ */ React.createElement("style", {
-    "data-mantine-styles": true,
-    nonce: nonce == null ? void 0 : nonce(),
-    dangerouslySetInnerHTML: {
-      __html: `${css}${getColorSchemeCssVariables(cssVariablesSelector)}`
-    }
-  });
+  const mergedVariables = getMergedVariables({ theme, generator });
+  const shouldCleanVariables = cssVariablesSelector === ":root";
+  const cleanedVariables = shouldCleanVariables ? removeDefaultVariables(mergedVariables) : mergedVariables;
+  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);
+  if (css) {
+    return /* @__PURE__ */ React.createElement(
+      "style",
+      {
+        "data-mantine-styles": true,
+        nonce: nonce == null ? void 0 : nonce(),
+        dangerouslySetInnerHTML: {
+          __html: `${css}${shouldCleanVariables ? "" : getColorSchemeCssVariables(cssVariablesSelector)}`
+        }
+      }
+    );
+  }
+  return null;
 }
 MantineCssVariables.displayName = "@mantine/CssVariables";
 

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

@@ -1 +1 @@
-{"version":3,"file":"MantineCssVariables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineStyleNonce, useMantineCssVariablesResolver } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { getMergedVariables } from './get-merged-variables';\n\ninterface MantineCssVariablesProps {\n  cssVariablesSelector: string;\n}\n\nfunction getColorSchemeCssVariables(selector: string) {\n  return `\n  ${selector}[data-mantine-color-scheme=\"dark\"] { --mantine-color-scheme: dark; }\n  ${selector}[data-mantine-color-scheme=\"light\"] { --mantine-color-scheme: light; }\n`;\n}\n\nexport function MantineCssVariables({ cssVariablesSelector }: MantineCssVariablesProps) {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n  const generator = useMantineCssVariablesResolver();\n  const css = convertCssVariables(getMergedVariables({ theme, generator }), cssVariablesSelector);\n\n  return (\n    <style\n      data-mantine-styles\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{\n        __html: `${css}${getColorSchemeCssVariables(cssVariablesSelector)}`,\n      }}\n    />\n  );\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"names":[],"mappings":";;;;;;AAKA,SAAS,0BAA0B,CAAC,QAAQ,EAAE;AAC9C,EAAE,OAAO,CAAC;AACV,EAAE,EAAE,QAAQ,CAAC;AACb,EAAE,EAAE,QAAQ,CAAC;AACb,CAAC,CAAC;AACF,CAAC;AACM,SAAS,mBAAmB,CAAC,EAAE,oBAAoB,EAAE,EAAE;AAC9D,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;AACvC,EAAE,MAAM,SAAS,GAAG,8BAA8B,EAAE,CAAC;AACrD,EAAE,MAAM,GAAG,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,oBAAoB,CAAC,CAAC;AAClG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACtD,IAAI,qBAAqB,EAAE,IAAI;AAC/B,IAAI,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE;AAC3C,IAAI,uBAAuB,EAAE;AAC7B,MAAM,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,0BAA0B,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACzE,KAAK;AACL,GAAG,CAAC,CAAC;AACL,CAAC;AACD,mBAAmB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"MantineCssVariables.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineStyleNonce, useMantineCssVariablesResolver } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n  cssVariablesSelector: string;\n}\n\nfunction getColorSchemeCssVariables(selector: string) {\n  return `\n  ${selector}[data-mantine-color-scheme=\"dark\"] { --mantine-color-scheme: dark; }\n  ${selector}[data-mantine-color-scheme=\"light\"] { --mantine-color-scheme: light; }\n`;\n}\n\nexport function MantineCssVariables({ cssVariablesSelector }: MantineCssVariablesProps) {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n  const generator = useMantineCssVariablesResolver();\n  const mergedVariables = getMergedVariables({ theme, generator });\n  const shouldCleanVariables = cssVariablesSelector === ':root';\n  const cleanedVariables = shouldCleanVariables\n    ? removeDefaultVariables(mergedVariables)\n    : mergedVariables;\n  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n  if (css) {\n    return (\n      <style\n        data-mantine-styles\n        nonce={nonce?.()}\n        dangerouslySetInnerHTML={{\n          __html: `${css}${\n            shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n          }`,\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"names":[],"mappings":";;;;;;;AAMA,SAAS,0BAA0B,CAAC,QAAQ,EAAE;AAC9C,EAAE,OAAO,CAAC;AACV,EAAE,EAAE,QAAQ,CAAC;AACb,EAAE,EAAE,QAAQ,CAAC;AACb,CAAC,CAAC;AACF,CAAC;AACM,SAAS,mBAAmB,CAAC,EAAE,oBAAoB,EAAE,EAAE;AAC9D,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;AACvC,EAAE,MAAM,SAAS,GAAG,8BAA8B,EAAE,CAAC;AACrD,EAAE,MAAM,eAAe,GAAG,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AACnE,EAAE,MAAM,oBAAoB,GAAG,oBAAoB,KAAK,OAAO,CAAC;AAChE,EAAE,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,sBAAsB,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;AAC5G,EAAE,MAAM,GAAG,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;AAC1E,EAAE,IAAI,GAAG,EAAE;AACX,IAAI,uBAAuB,KAAK,CAAC,aAAa;AAC9C,MAAM,OAAO;AACb,MAAM;AACN,QAAQ,qBAAqB,EAAE,IAAI;AACnC,QAAQ,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE;AAC/C,QAAQ,uBAAuB,EAAE;AACjC,UAAU,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,oBAAoB,GAAG,EAAE,GAAG,0BAA0B,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACzG,SAAS;AACT,OAAO;AACP,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,mBAAmB,CAAC,WAAW,GAAG,uBAAuB;;;;"}