@mantine/core 7.0.0-alpha.9 → 7.0.0-beta.1

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var rem = require('../../../../utils/units-converters/rem.js');
 
 function sizeResolver(value) {
-    if (typeof value === 'number') {
-        return rem.rem(value);
-    }
-    return value;
+  if (typeof value === "number") {
+    return rem.rem(value);
+  }
+  return value;
 }
 
 exports.sizeResolver = sizeResolver;

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

@@ -1 +1 @@
-{"version":3,"file":"size-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/size-resolver/size-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils';\n\nexport function sizeResolver(value: unknown) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"names":["rem"],"mappings":";;;;;;SAEgB,YAAY,CAAC,KAAc;IACzC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAOA,OAAG,CAAC,KAAK,CAAC,CAAC;KACnB;IAED,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"size-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/size-resolver/size-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils';\n\nexport function sizeResolver(value: unknown) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"names":["rem"],"mappings":";;;;;;AACO,SAAS,YAAY,CAAC,KAAK,EAAE;AACpC,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAOA,OAAG,CAAC,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

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

@@ -5,18 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var rem = require('../../../../utils/units-converters/rem.js');
 
 function spacingResolver(value, theme) {
-    if (typeof value === 'number') {
-        return rem.rem(value);
+  if (typeof value === "number") {
+    return rem.rem(value);
+  }
+  if (typeof value === "string") {
+    const mod = value.replace("-", "");
+    if (!(mod in theme.spacing)) {
+      return rem.rem(value);
     }
-    if (typeof value === 'string') {
-        const mod = value.replace('-', '');
-        if (!(mod in theme.spacing)) {
-            return rem.rem(value);
-        }
-        const variable = `--mantine-spacing-${mod}`;
-        return value.startsWith('-') ? `calc(var(${variable}) * -1)` : `var(${variable})`;
-    }
-    return value;
+    const variable = `--mantine-spacing-${mod}`;
+    return value.startsWith("-") ? `calc(var(${variable}) * -1)` : `var(${variable})`;
+  }
+  return value;
 }
 
 exports.spacingResolver = spacingResolver;

package/cjs/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 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":["rem"],"mappings":";;;;;;SAGgB,eAAe,CAAC,KAAc,EAAE,KAAmB;IACjE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAOA,OAAG,CAAC,KAAK,CAAC,CAAC;KACnB;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAEnC,IAAI,EAAE,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;YAC3B,OAAOA,OAAG,CAAC,KAAK,CAAC,CAAC;SACnB;QAED,MAAM,QAAQ,GAAG,qBAAqB,GAAG,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,YAAY,QAAQ,SAAS,GAAG,OAAO,QAAQ,GAAG,CAAC;KACnF;IAED,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":["rem"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE;AAC9C,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAOA,OAAG,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,OAAOA,OAAG,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/cjs/core/Box/style-props/style-props-data.js

@@ -3,49 +3,49 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const STYlE_PROPS_DATA = {
-    m: { type: 'spacing', property: 'margin' },
-    mt: { type: 'spacing', property: 'marginTop' },
-    mb: { type: 'spacing', property: 'marginBottom' },
-    ml: { type: 'spacing', property: 'marginLeft' },
-    mr: { type: 'spacing', property: 'marginRight' },
-    mx: { type: 'spacing', property: ['marginRight', 'marginLeft'] },
-    my: { type: 'spacing', property: ['marginTop', 'marginBottom'] },
-    p: { type: 'spacing', property: 'padding' },
-    pt: { type: 'spacing', property: 'paddingTop' },
-    pb: { type: 'spacing', property: 'paddingBottom' },
-    pl: { type: 'spacing', property: 'paddingLeft' },
-    pr: { type: 'spacing', property: 'paddingRight' },
-    px: { type: 'spacing', property: ['paddingRight', 'paddingLeft'] },
-    py: { type: 'spacing', property: ['paddingTop', 'paddingBottom'] },
-    bg: { type: 'color', property: 'background' },
-    c: { type: 'color', property: 'color' },
-    opacity: { type: 'identity', property: 'opacity' },
-    ff: { type: 'identity', property: 'fontFamily' },
-    fz: { type: 'fontSize', property: 'fontSize' },
-    fw: { type: 'identity', property: 'fontWeight' },
-    lts: { type: 'size', property: 'letterSpacing' },
-    ta: { type: 'identity', property: 'textAlign' },
-    lh: { type: 'lineHeight', property: 'lineHeight' },
-    fs: { type: 'identity', property: 'fontStyle' },
-    tt: { type: 'identity', property: 'textTransform' },
-    td: { type: 'identity', property: 'textDecoration' },
-    w: { type: 'spacing', property: 'width' },
-    miw: { type: 'spacing', property: 'minWidth' },
-    maw: { type: 'spacing', property: 'maxWidth' },
-    h: { type: 'spacing', property: 'height' },
-    mih: { type: 'spacing', property: 'minHeight' },
-    mah: { type: 'spacing', property: 'maxHeight' },
-    bgsz: { type: 'size', property: 'backgroundSize' },
-    bgp: { type: 'identity', property: 'backgroundPosition' },
-    bgr: { type: 'identity', property: 'backgroundRepeat' },
-    bga: { type: 'identity', property: 'backgroundAttachment' },
-    pos: { type: 'identity', property: 'position' },
-    top: { type: 'identity', property: 'top' },
-    left: { type: 'size', property: 'left' },
-    bottom: { type: 'size', property: 'bottom' },
-    right: { type: 'size', property: 'right' },
-    inset: { type: 'size', property: 'inset' },
-    display: { type: 'identity', property: 'display' },
+  m: { type: "spacing", property: "margin" },
+  mt: { type: "spacing", property: "marginTop" },
+  mb: { type: "spacing", property: "marginBottom" },
+  ml: { type: "spacing", property: "marginLeft" },
+  mr: { type: "spacing", property: "marginRight" },
+  mx: { type: "spacing", property: ["marginRight", "marginLeft"] },
+  my: { type: "spacing", property: ["marginTop", "marginBottom"] },
+  p: { type: "spacing", property: "padding" },
+  pt: { type: "spacing", property: "paddingTop" },
+  pb: { type: "spacing", property: "paddingBottom" },
+  pl: { type: "spacing", property: "paddingLeft" },
+  pr: { type: "spacing", property: "paddingRight" },
+  px: { type: "spacing", property: ["paddingRight", "paddingLeft"] },
+  py: { type: "spacing", property: ["paddingTop", "paddingBottom"] },
+  bg: { type: "color", property: "background" },
+  c: { type: "color", property: "color" },
+  opacity: { type: "identity", property: "opacity" },
+  ff: { type: "identity", property: "fontFamily" },
+  fz: { type: "fontSize", property: "fontSize" },
+  fw: { type: "identity", property: "fontWeight" },
+  lts: { type: "size", property: "letterSpacing" },
+  ta: { type: "identity", property: "textAlign" },
+  lh: { type: "lineHeight", property: "lineHeight" },
+  fs: { type: "identity", property: "fontStyle" },
+  tt: { type: "identity", property: "textTransform" },
+  td: { type: "identity", property: "textDecoration" },
+  w: { type: "spacing", property: "width" },
+  miw: { type: "spacing", property: "minWidth" },
+  maw: { type: "spacing", property: "maxWidth" },
+  h: { type: "spacing", property: "height" },
+  mih: { type: "spacing", property: "minHeight" },
+  mah: { type: "spacing", property: "maxHeight" },
+  bgsz: { type: "size", property: "backgroundSize" },
+  bgp: { type: "identity", property: "backgroundPosition" },
+  bgr: { type: "identity", property: "backgroundRepeat" },
+  bga: { type: "identity", property: "backgroundAttachment" },
+  pos: { type: "identity", property: "position" },
+  top: { type: "identity", property: "top" },
+  left: { type: "size", property: "left" },
+  bottom: { type: "size", property: "bottom" },
+  right: { type: "size", property: "right" },
+  inset: { type: "size", property: "inset" },
+  display: { type: "identity", property: "display" }
 };
 
 exports.STYlE_PROPS_DATA = STYlE_PROPS_DATA;

package/cjs/core/Box/style-props/style-props-data.js.map

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

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function useRandomClassName() {
-    const id = React.useId().replace(/:/g, '');
-    return `mantine-${id}`;
+  const id = React.useId().replace(/:/g, "");
+  return `__m__-${id}`;
 }
 
 exports.useRandomClassName = useRandomClassName;

package/cjs/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":["useId"],"mappings":";;;;;;SAEgB,kBAAkB;IAChC,MAAM,EAAE,GAAGA,WAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACrC,OAAO,WAAW,EAAE,EAAE,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":["useId"],"mappings":";;;;;;AACO,SAAS,kBAAkB,GAAG;AACrC,EAAE,MAAM,EAAE,GAAGA,WAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACvC,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;AACvB;;;;"}

package/cjs/core/DirectionProvider/DirectionProvider.js

@@ -10,29 +10,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const DirectionContext = React.createContext({
-    dir: 'ltr',
-    toggleDirection: () => { },
-    setDirection: () => { },
+  dir: "ltr",
+  toggleDirection: () => {
+  },
+  setDirection: () => {
+  }
 });
 function useDirection() {
-    return React.useContext(DirectionContext);
+  return React.useContext(DirectionContext);
 }
-function DirectionProvider({ children, initialDirection = 'ltr', detectDirection = true, }) {
-    const [dir, setDir] = React.useState(initialDirection);
-    const setDirection = (direction) => {
-        setDir(direction);
-        document.documentElement.setAttribute('dir', direction);
-    };
-    const toggleDirection = () => setDirection(dir === 'ltr' ? 'rtl' : 'ltr');
-    hooks.useIsomorphicEffect(() => {
-        if (detectDirection) {
-            const direction = document.documentElement.getAttribute('dir');
-            if (direction === 'rtl' || direction === 'ltr') {
-                setDirection(direction);
-            }
-        }
-    }, []);
-    return (React__default.createElement(DirectionContext.Provider, { value: { dir, toggleDirection, setDirection } }, children));
+function DirectionProvider({
+  children,
+  initialDirection = "ltr",
+  detectDirection = true
+}) {
+  const [dir, setDir] = React.useState(initialDirection);
+  const setDirection = (direction) => {
+    setDir(direction);
+    document.documentElement.setAttribute("dir", direction);
+  };
+  const toggleDirection = () => setDirection(dir === "ltr" ? "rtl" : "ltr");
+  hooks.useIsomorphicEffect(() => {
+    if (detectDirection) {
+      const direction = document.documentElement.getAttribute("dir");
+      if (direction === "rtl" || direction === "ltr") {
+        setDirection(direction);
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ React__default.createElement(DirectionContext.Provider, { value: { dir, toggleDirection, setDirection } }, children);
 }
 
 exports.DirectionContext = DirectionContext;

package/cjs/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":["createContext","useContext","useState","useIsomorphicEffect","React"],"mappings":";;;;;;;;;;;MAWa,gBAAgB,GAAGA,mBAAa,CAAwB;IACnE,GAAG,EAAE,KAAK;IACV,eAAe,EAAE,SAAQ;IACzB,YAAY,EAAE,SAAQ;CACvB,EAAE;SAEa,YAAY;IAC1B,OAAOC,gBAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC;SAae,iBAAiB,CAAC,EAChC,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,eAAe,GAAG,IAAI,GACC;IACvB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAGC,cAAQ,CAAY,gBAAgB,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,CAAC,SAAoB;QACxC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;KACzD,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;IAE1EC,yBAAmB,CAAC;QAClB,IAAI,eAAe,EAAE;YACnB,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC/D,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,KAAK,EAAE;gBAC9C,YAAY,CAAC,SAAS,CAAC,CAAC;aACzB;SACF;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEC,6BAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,YAAY,EAAE,IACrE,QAAQ,CACiB,EAC5B;AACJ;;;;;;"}
+{"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":["createContext","useContext","useState","useIsomorphicEffect","React"],"mappings":";;;;;;;;;;;AAEY,MAAC,gBAAgB,GAAGA,mBAAa,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,OAAOC,gBAAU,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,GAAGC,cAAQ,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,EAAEC,yBAAmB,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,uBAAuBC,cAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;AACrI;;;;;;"}

package/cjs/core/InlineStyles/InlineStyles.js

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles-to-string.js","sources":["../../../../src/core/InlineStyles/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { cssObjectToString } from '../css-object-to-string/css-object-to-string';\n\nfunction padLines(string: string, count: number) {\n  const whitespace = ' '.repeat(count);\n  return `${whitespace}${string.replace(/(?:\\r\\n|\\r|\\n)/g, `\\n${whitespace}`)}`;\n}\n\nexport interface InlineStylesMediaQuery {\n  query: string;\n  styles: React.CSSProperties;\n}\n\nexport interface InlineStylesInput {\n  selector: string;\n  styles?: React.CSSProperties;\n  media?: InlineStylesMediaQuery[];\n}\n\nexport function stylesToString({ selector, styles, media }: InlineStylesInput) {\n  const baseStyles = styles ? padLines(cssObjectToString(styles), 2) : '';\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map(\n        (item) =>\n          `@media ${item.query} {\\n  ${selector} {\\n${padLines(\n            cssObjectToString(item.styles),\n            4\n          )}\\n  }\\n}`\n      );\n\n  return `${baseStyles ? `${selector} {\\n${baseStyles}\\n}\\n\\n` : ''}${mediaQueryStyles.join(\n    '\\n\\n'\n  )}`.trim();\n}\n"],"names":["cssObjectToString"],"mappings":";;;;;;AAEA,SAAS,QAAQ,CAAC,MAAc,EAAE,KAAa;IAC7C,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,EAAE,KAAK,UAAU,EAAE,CAAC,EAAE,CAAC;AAChF,CAAC;SAae,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAqB;IAC3E,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAACA,mCAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;IACxE,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;UAC1C,EAAE;UACF,KAAK,CAAC,GAAG,CACP,CAAC,IAAI,KACH,UAAU,IAAI,CAAC,KAAK,SAAS,QAAQ,OAAO,QAAQ,CAClDA,mCAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9B,CAAC,CACF,UAAU,CACd,CAAC;IAEN,OAAO,GAAG,UAAU,GAAG,GAAG,QAAQ,OAAO,UAAU,SAAS,GAAG,EAAE,GAAG,gBAAgB,CAAC,IAAI,CACvF,MAAM,CACP,EAAE,CAAC,IAAI,EAAE,CAAC;AACb;;;;"}
+{"version":3,"file":"styles-to-string.js","sources":["../../../../src/core/InlineStyles/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { cssObjectToString } from '../css-object-to-string/css-object-to-string';\n\nexport interface InlineStylesMediaQuery {\n  query: string;\n  styles: React.CSSProperties;\n}\n\nexport interface InlineStylesInput {\n  selector: string;\n  styles?: React.CSSProperties;\n  media?: InlineStylesMediaQuery[];\n}\n\nexport function stylesToString({ selector, styles, media }: InlineStylesInput) {\n  const baseStyles = styles ? cssObjectToString(styles) : '';\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);\n\n  return `${baseStyles ? `${selector}{${baseStyles}}` : ''}${mediaQueryStyles.join('')}`.trim();\n}\n"],"names":["cssObjectToString"],"mappings":";;;;;;AACO,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAC5D,EAAE,MAAM,UAAU,GAAG,MAAM,GAAGA,mCAAiB,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;AAC7D,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAEA,mCAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnJ,EAAE,OAAO,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAChG;;;;"}

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

@@ -2,22 +2,72 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const getScript = ({ defaultColorScheme, localStorageKey, }) => `
-  try {
-    var colorScheme = window.localStorage.getItem('${localStorageKey}') || '${defaultColorScheme}';
-    document.documentElement.setAttribute('data-mantine-color-scheme', colorScheme);
-  } catch (e) {}
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const getScript = ({
+  defaultColorScheme,
+  localStorageKey,
+  forceColorScheme
+}) => forceColorScheme ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${forceColorScheme}');` : `try {
+  var colorScheme = window.localStorage.getItem("${localStorageKey}") || "${defaultColorScheme}";
+  var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
+} catch (e) {}
 `;
 function ColorSchemeScript(_a) {
-    var { defaultColorScheme = 'auto', localStorageKey = 'mantine-color-scheme' } = _a, others = tslib.__rest(_a, ["defaultColorScheme", "localStorageKey"]);
-    return (React__default.createElement("script", Object.assign({}, others, { "data-mantine-script": true, dangerouslySetInnerHTML: { __html: getScript({ defaultColorScheme, localStorageKey }) } })));
+  var _b = _a, {
+    defaultColorScheme = "auto",
+    localStorageKey = "mantine-color-scheme",
+    forceColorScheme
+  } = _b, others = __objRest(_b, [
+    "defaultColorScheme",
+    "localStorageKey",
+    "forceColorScheme"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(
+    "script",
+    __spreadProps(__spreadValues({}, others), {
+      "data-mantine-script": true,
+      dangerouslySetInnerHTML: {
+        __html: getScript({ defaultColorScheme, localStorageKey, forceColorScheme })
+      }
+    })
+  );
 }
 
 exports.ColorSchemeScript = ColorSchemeScript;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeScript.js","sources":["../../../../src/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.tsx"],"sourcesContent":["import React from 'react';\nimport type { MantineColorScheme } from '../theme.types';\n\nexport interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'script'> {\n  defaultColorScheme?: MantineColorScheme;\n  localStorageKey?: string;\n}\n\nconst getScript = ({\n  defaultColorScheme,\n  localStorageKey,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey'>) => `\n  try {\n    var colorScheme = window.localStorage.getItem('${localStorageKey}') || '${defaultColorScheme}';\n    document.documentElement.setAttribute('data-mantine-color-scheme', colorScheme);\n  } catch (e) {}\n`;\n\nexport function ColorSchemeScript({\n  defaultColorScheme = 'auto',\n  localStorageKey = 'mantine-color-scheme',\n  ...others\n}: ColorSchemeScriptProps) {\n  return (\n    <script\n      {...others}\n      data-mantine-script\n      dangerouslySetInnerHTML={{ __html: getScript({ defaultColorScheme, localStorageKey }) }}\n    />\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;AAQA,MAAM,SAAS,GAAG,CAAC,EACjB,kBAAkB,EAClB,eAAe,GACwD,KAAK;;qDAEzB,eAAe,UAAU,kBAAkB;;;CAG/F,CAAC;SAEc,iBAAiB,CAAC,EAIT;QAJS,EAChC,kBAAkB,GAAG,MAAM,EAC3B,eAAe,GAAG,sBAAsB,OAEjB,EADpB,MAAM,oBAHuB,yCAIjC,CADU;IAET,QACEA,yDACM,MAAM,iCAEV,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC,EAAE,IACvF,EACF;AACJ;;;;"}
+{"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  forceColorScheme?: 'light' | 'dark';\n  defaultColorScheme?: MantineColorScheme;\n  localStorageKey?: string;\n}\n\nconst getScript = ({\n  defaultColorScheme,\n  localStorageKey,\n  forceColorScheme,\n}: Pick<ColorSchemeScriptProps, 'defaultColorScheme' | 'localStorageKey' | 'forceColorScheme'>) =>\n  forceColorScheme\n    ? `document.documentElement.setAttribute(\"data-mantine-color-scheme\", '${forceColorScheme}');`\n    : `try {\n  var colorScheme = window.localStorage.getItem(\"${localStorageKey}\") || \"${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  forceColorScheme,\n  ...others\n}: ColorSchemeScriptProps) {\n  return (\n    <script\n      {...others}\n      data-mantine-script\n      dangerouslySetInnerHTML={{\n        __html: getScript({ defaultColorScheme, localStorageKey, forceColorScheme }),\n      }}\n    />\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -6,20 +6,20 @@ var React = require('react');
 
 const MantineContext = React.createContext(null);
 function useMantineContext() {
-    const ctx = React.useContext(MantineContext);
-    if (!ctx) {
-        throw new Error('[@mantine/core] MantineProvider was not found in tree');
-    }
-    return ctx;
+  const ctx = React.useContext(MantineContext);
+  if (!ctx) {
+    throw new Error("[@mantine/core] MantineProvider was not found in tree");
+  }
+  return ctx;
 }
 function useMantineCssVariablesResolver() {
-    return useMantineContext().cssVariablesResolver;
+  return useMantineContext().cssVariablesResolver;
 }
 function useMantineClassNamesPrefix() {
-    return useMantineContext().classNamesPrefix;
+  return useMantineContext().classNamesPrefix;
 }
 function useMantineStyleNonce() {
-    return useMantineContext().getStyleNonce;
+  return useMantineContext().getStyleNonce;
 }
 
 exports.MantineContext = MantineContext;

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

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

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

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

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

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