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

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

@@ -2,57 +2,165 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var filterProps = require('../../../utils/filter-props/filter-props.js');
 
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+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;
+};
 function extractStyleProps(others) {
-    const { m, mx, my, mt, mb, ml, mr, p, px, py, pt, pb, pl, pr, bg, c, opacity, ff, fz, fw, lts, ta, lh, fs, tt, td, w, miw, maw, h, mih, mah, bgsz, bgp, bgr, bga, pos, top, left, bottom, right, inset, display } = others, rest = tslib.__rest(others, ["m", "mx", "my", "mt", "mb", "ml", "mr", "p", "px", "py", "pt", "pb", "pl", "pr", "bg", "c", "opacity", "ff", "fz", "fw", "lts", "ta", "lh", "fs", "tt", "td", "w", "miw", "maw", "h", "mih", "mah", "bgsz", "bgp", "bgr", "bga", "pos", "top", "left", "bottom", "right", "inset", "display"]);
-    const styleProps = filterProps.filterProps({
-        m,
-        mx,
-        my,
-        mt,
-        mb,
-        ml,
-        mr,
-        p,
-        px,
-        py,
-        pt,
-        pb,
-        pl,
-        pr,
-        bg,
-        c,
-        opacity,
-        ff,
-        fz,
-        fw,
-        lts,
-        ta,
-        lh,
-        fs,
-        tt,
-        td,
-        w,
-        miw,
-        maw,
-        h,
-        mih,
-        mah,
-        bgsz,
-        bgp,
-        bgr,
-        bga,
-        pos,
-        top,
-        left,
-        bottom,
-        right,
-        inset,
-        display,
-    });
-    return { styleProps, rest: rest };
+  const _a = others, {
+    m,
+    mx,
+    my,
+    mt,
+    mb,
+    ml,
+    mr,
+    p,
+    px,
+    py,
+    pt,
+    pb,
+    pl,
+    pr,
+    bg,
+    c,
+    opacity,
+    ff,
+    fz,
+    fw,
+    lts,
+    ta,
+    lh,
+    fs,
+    tt,
+    td,
+    w,
+    miw,
+    maw,
+    h,
+    mih,
+    mah,
+    bgsz,
+    bgp,
+    bgr,
+    bga,
+    pos,
+    top,
+    left,
+    bottom,
+    right,
+    inset,
+    display,
+    hiddenFrom,
+    visibleFrom
+  } = _a, rest = __objRest(_a, [
+    "m",
+    "mx",
+    "my",
+    "mt",
+    "mb",
+    "ml",
+    "mr",
+    "p",
+    "px",
+    "py",
+    "pt",
+    "pb",
+    "pl",
+    "pr",
+    "bg",
+    "c",
+    "opacity",
+    "ff",
+    "fz",
+    "fw",
+    "lts",
+    "ta",
+    "lh",
+    "fs",
+    "tt",
+    "td",
+    "w",
+    "miw",
+    "maw",
+    "h",
+    "mih",
+    "mah",
+    "bgsz",
+    "bgp",
+    "bgr",
+    "bga",
+    "pos",
+    "top",
+    "left",
+    "bottom",
+    "right",
+    "inset",
+    "display",
+    "hiddenFrom",
+    "visibleFrom"
+  ]);
+  const styleProps = filterProps.filterProps({
+    m,
+    mx,
+    my,
+    mt,
+    mb,
+    ml,
+    mr,
+    p,
+    px,
+    py,
+    pt,
+    pb,
+    pl,
+    pr,
+    bg,
+    c,
+    opacity,
+    ff,
+    fz,
+    fw,
+    lts,
+    ta,
+    lh,
+    fs,
+    tt,
+    td,
+    w,
+    miw,
+    maw,
+    h,
+    mih,
+    mah,
+    bgsz,
+    bgp,
+    bgr,
+    bga,
+    pos,
+    top,
+    left,
+    bottom,
+    right,
+    inset,
+    display,
+    hiddenFrom,
+    visibleFrom
+  });
+  return { styleProps, rest };
 }
 
 exports.extractStyleProps = extractStyleProps;

package/cjs/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":["filterProps"],"mappings":";;;;;;;SAGgB,iBAAiB,CAC/B,MAA6B;IAE7B,MAAM,EACJ,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,EACH,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,GAAG,EACH,GAAG,EACH,CAAC,EACD,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,KAEL,MAAM,EADL,IAAI,gBACL,MAAM,EA7CJ,+RA6CL,CAAS,CAAC;IACX,MAAM,UAAU,GAAGA,uBAAW,CAAC;QAC7B,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,CAAC;QACD,OAAO;QACP,EAAE;QACF,EAAE;QACF,EAAE;QACF,GAAG;QACH,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,CAAC;QACD,GAAG;QACH,GAAG;QACH,CAAC;QACD,GAAG;QACH,GAAG;QACH,IAAI;QACJ,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,IAAI;QACJ,MAAM;QACN,KAAK;QACL,KAAK;QACL,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAoB,EAAE,CAAC;AACpD;;;;"}
+{"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":["filterProps"],"mappings":"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"}

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

@@ -6,68 +6,102 @@ var index = require('../resolvers/index.js');
 var sortMediaQueries = require('./sort-media-queries.js');
 var keys = require('../../../utils/keys/keys.js');
 
-function hasResponsiveStyles(styleProp) {
-    if (typeof styleProp !== 'object' || styleProp === null) {
-        return false;
-    }
-    const breakpoints = Object.keys(styleProp);
-    if (breakpoints.length === 1 && breakpoints[0] === 'base') {
-        return false;
+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 true;
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function hasResponsiveStyles(styleProp) {
+  if (typeof styleProp !== "object" || styleProp === null) {
+    return false;
+  }
+  const breakpoints = Object.keys(styleProp);
+  if (breakpoints.length === 1 && breakpoints[0] === "base") {
+    return false;
+  }
+  return true;
 }
 function getBaseValue(value) {
-    if (typeof value === 'object' && value !== null) {
-        if ('base' in value) {
-            return value.base;
-        }
-        return undefined;
+  if (typeof value === "object" && value !== null) {
+    if ("base" in value) {
+      return value.base;
     }
-    return value;
+    return void 0;
+  }
+  return value;
 }
 function getBreakpointKeys(value) {
-    if (typeof value === 'object' && value !== null) {
-        return keys.keys(value).filter((key) => key !== 'base');
-    }
-    return [];
+  if (typeof value === "object" && value !== null) {
+    return keys.keys(value).filter((key) => key !== "base");
+  }
+  return [];
 }
 function getBreakpointValue(value, breakpoint) {
-    if (typeof value === 'object' && value !== null && breakpoint in value) {
-        return value[breakpoint];
-    }
-    return value;
+  if (typeof value === "object" && value !== null && breakpoint in value) {
+    return value[breakpoint];
+  }
+  return value;
 }
-function parseStyleProps({ styleProps, data, theme, }) {
-    return sortMediaQueries.sortMediaQueries(keys.keys(styleProps).reduce((acc, styleProp) => {
+function parseStyleProps({
+  styleProps,
+  data,
+  theme
+}) {
+  return sortMediaQueries.sortMediaQueries(
+    keys.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 properties = Array.isArray(propertyData.property) ? propertyData.property : [propertyData.property];
         const baseValue = getBaseValue(styleProps[styleProp]);
         if (!hasResponsiveStyles(styleProps[styleProp])) {
-            properties.forEach((property) => {
-                acc.inlineStyles[property] = index.resolvers[propertyData.type](baseValue, theme);
-            });
-            return acc;
+          properties.forEach((property) => {
+            acc.inlineStyles[property] = index.resolvers[propertyData.type](baseValue, theme);
+          });
+          return acc;
         }
         acc.hasResponsiveStyles = true;
         const breakpoints = getBreakpointKeys(styleProps[styleProp]);
         properties.forEach((property) => {
-            if (baseValue) {
-                acc.styles[property] = index.resolvers[propertyData.type](baseValue, theme);
-            }
-            breakpoints.forEach((breakpoint) => {
-                const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;
-                acc.media[bp] = Object.assign(Object.assign({}, acc.media[bp]), { [property]: index.resolvers[propertyData.type](getBreakpointValue(styleProps[styleProp], breakpoint), theme) });
+          if (baseValue) {
+            acc.styles[property] = index.resolvers[propertyData.type](baseValue, theme);
+          }
+          breakpoints.forEach((breakpoint) => {
+            const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;
+            acc.media[bp] = __spreadProps(__spreadValues({}, acc.media[bp]), {
+              [property]: index.resolvers[propertyData.type](
+                getBreakpointValue(styleProps[styleProp], breakpoint),
+                theme
+              )
             });
+          });
         });
         return acc;
-    }, {
+      },
+      {
         hasResponsiveStyles: false,
         styles: {},
         inlineStyles: {},
-        media: {},
-    }));
+        media: {}
+      }
+    )
+  );
 }
 
 exports.parseStyleProps = parseStyleProps;

package/cjs/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":["keys","sortMediaQueries","resolvers"],"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 { 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: Record<string, StyleProp<any>>;\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":["keys","sortMediaQueries","resolvers"],"mappings":"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"}

package/cjs/core/Box/style-props/parse-style-props/sort-media-queries.js

@@ -2,18 +2,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
-
+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;
+};
 function replaceMediaQuery(query) {
-    return query.replace('(min-width: ', '').replace('em)', '');
+  return query.replace("(min-width: ", "").replace("em)", "");
 }
 function sortMediaQueries(_a) {
-    var { media } = _a, props = tslib.__rest(_a, ["media"]);
-    const breakpoints = Object.keys(media);
-    const sortedMedia = breakpoints
-        .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))
-        .map((query) => ({ query, styles: media[query] }));
-    return Object.assign(Object.assign({}, props), { media: sortedMedia });
+  var _b = _a, {
+    media
+  } = _b, props = __objRest(_b, [
+    "media"
+  ]);
+  const breakpoints = Object.keys(media);
+  const sortedMedia = breakpoints.sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b))).map((query) => ({ query, styles: media[query] }));
+  return __spreadProps(__spreadValues({}, props), { media: sortedMedia });
 }
 
 exports.sortMediaQueries = sortMediaQueries;

package/cjs/core/Box/style-props/parse-style-props/sort-media-queries.js.map

@@ -1 +1 @@
-{"version":3,"file":"sort-media-queries.js","sources":["../../../../../src/core/Box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import type { ParseStylePropsResult } from './parse-style-props';\nimport type { InlineStylesMediaQuery } from '../../../InlineStyles';\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n  media: InlineStylesMediaQuery[];\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '');\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media);\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }));\n\n  return { ...props, media: sortedMedia };\n}\n"],"names":[],"mappings":";;;;;;AAOA,SAAS,iBAAiB,CAAC,KAAa;IACtC,OAAO,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;SAEe,gBAAgB,CAAC,EAGT;QAHS,EAC/B,KAAK,OAEiB,EADnB,KAAK,oBAFuB,SAGhC,CADS;IAER,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,WAAW;SAC5B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3E,GAAG,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAErD,uCAAY,KAAK,KAAE,KAAK,EAAE,WAAW,IAAG;AAC1C;;;;"}
+{"version":3,"file":"sort-media-queries.js","sources":["../../../../../src/core/Box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import type { ParseStylePropsResult } from './parse-style-props';\nimport type { InlineStylesMediaQuery } from '../../../InlineStyles';\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n  media: InlineStylesMediaQuery[];\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '');\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media);\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }));\n\n  return { ...props, media: sortedMedia };\n}\n"],"names":[],"mappings":"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"}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var parseThemeColor = require('../../../../MantineProvider/color-functions/parse-theme-color/parse-theme-color.js');
 
 function colorResolver(color, theme) {
-    const parsedColor = parseThemeColor.parseThemeColor({ color, theme });
-    if (parsedColor.color === 'dimmed') {
-        return 'var(--mantine-color-dimmed)';
-    }
-    return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;
+  const parsedColor = parseThemeColor.parseThemeColor({ color, theme });
+  if (parsedColor.color === "dimmed") {
+    return "var(--mantine-color-dimmed)";
+  }
+  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;
 }
 
 exports.colorResolver = colorResolver;

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

@@ -1 +1 @@
-{"version":3,"file":"color-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { MantineTheme, parseThemeColor } from '../../../../MantineProvider';\n\nexport function colorResolver(color: unknown, theme: MantineTheme) {\n  const parsedColor = parseThemeColor({ color, theme });\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--mantine-color-dimmed)';\n  }\n\n  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;\n}\n"],"names":["parseThemeColor"],"mappings":";;;;;;SAEgB,aAAa,CAAC,KAAc,EAAE,KAAmB;IAC/D,MAAM,WAAW,GAAGA,+BAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtD,IAAI,WAAW,CAAC,KAAK,KAAK,QAAQ,EAAE;QAClC,OAAO,6BAA6B,CAAC;KACtC;IAED,OAAO,WAAW,CAAC,QAAQ,GAAG,OAAO,WAAW,CAAC,QAAQ,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC;AACnF;;;;"}
+{"version":3,"file":"color-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { MantineTheme, parseThemeColor } from '../../../../MantineProvider';\n\nexport function colorResolver(color: unknown, theme: MantineTheme) {\n  const parsedColor = parseThemeColor({ color, theme });\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--mantine-color-dimmed)';\n  }\n\n  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;\n}\n"],"names":["parseThemeColor"],"mappings":";;;;;;AACO,SAAS,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE;AAC5C,EAAE,MAAM,WAAW,GAAGA,+BAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACxD,EAAE,IAAI,WAAW,CAAC,KAAK,KAAK,QAAQ,EAAE;AACtC,IAAI,OAAO,6BAA6B,CAAC;AACzC,GAAG;AACH,EAAE,OAAO,WAAW,CAAC,QAAQ,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;AACnF;;;;"}

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

@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var rem = require('../../../../utils/units-converters/rem.js');
 
 function fontSizeResolver(value, theme) {
-    if (typeof value === 'string' && value in theme.fontSizes) {
-        return `var(--mantine-font-size-${value})`;
-    }
-    if (typeof value === 'number') {
-        return rem.rem(value);
-    }
-    if (typeof value === 'string') {
-        return rem.rem(value);
-    }
-    return value;
+  if (typeof value === "string" && value in theme.fontSizes) {
+    return `var(--mantine-font-size-${value})`;
+  }
+  if (typeof value === "number") {
+    return rem.rem(value);
+  }
+  if (typeof value === "string") {
+    return rem.rem(value);
+  }
+  return value;
 }
 
 exports.fontSizeResolver = fontSizeResolver;

package/cjs/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  if (typeof value === 'string') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"names":["rem"],"mappings":";;;;;;SAGgB,gBAAgB,CAAC,KAAc,EAAE,KAAmB;IAClE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE;QACzD,OAAO,2BAA2B,KAAK,GAAG,CAAC;KAC5C;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAOA,OAAG,CAAC,KAAK,CAAC,CAAC;KACnB;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAOA,OAAG,CAAC,KAAK,CAAC,CAAC;KACnB;IAED,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":["rem"],"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,OAAOA,OAAG,CAAC,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,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/identity-resolver/identity-resolver.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function identityResolver(value) {
-    return value;
+  return value;
 }
 
 exports.identityResolver = identityResolver;

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

@@ -1 +1 @@
-{"version":3,"file":"identity-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/identity-resolver/identity-resolver.ts"],"sourcesContent":["export function identityResolver(value: unknown) {\n  return value;\n}\n"],"names":[],"mappings":";;;;SAAgB,gBAAgB,CAAC,KAAc;IAC7C,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"identity-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/identity-resolver/identity-resolver.ts"],"sourcesContent":["export function identityResolver(value: unknown) {\n  return value;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACxC,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/cjs/core/Box/style-props/resolvers/index.js

@@ -10,12 +10,12 @@ var sizeResolver = require('./size-resolver/size-resolver.js');
 var lineHeightResolver = require('./line-height-resolver/line-height-resolver.js');
 
 const resolvers = {
-    color: colorResolver.colorResolver,
-    fontSize: fontSizeResolver.fontSizeResolver,
-    spacing: spacingResolver.spacingResolver,
-    identity: identityResolver.identityResolver,
-    size: sizeResolver.sizeResolver,
-    lineHeight: lineHeightResolver.lineHeightResolver,
+  color: colorResolver.colorResolver,
+  fontSize: fontSizeResolver.fontSizeResolver,
+  spacing: spacingResolver.spacingResolver,
+  identity: identityResolver.identityResolver,
+  size: sizeResolver.sizeResolver,
+  lineHeight: lineHeightResolver.lineHeightResolver
 };
 
 exports.resolvers = resolvers;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/core/Box/style-props/resolvers/index.ts"],"sourcesContent":["import { colorResolver } from './color-resolver/color-resolver';\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver';\nimport { spacingResolver } from './spacing-resolver/spacing-resolver';\nimport { identityResolver } from './identity-resolver/identity-resolver';\nimport { sizeResolver } from './size-resolver/size-resolver';\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver';\n\nexport const resolvers = {\n  color: colorResolver,\n  fontSize: fontSizeResolver,\n  spacing: spacingResolver,\n  identity: identityResolver,\n  size: sizeResolver,\n  lineHeight: lineHeightResolver,\n};\n\nexport type StylePropType = keyof typeof resolvers;\n"],"names":["colorResolver","fontSizeResolver","spacingResolver","identityResolver","sizeResolver","lineHeightResolver"],"mappings":";;;;;;;;;;;MAOa,SAAS,GAAG;IACvB,KAAK,EAAEA,2BAAa;IACpB,QAAQ,EAAEC,iCAAgB;IAC1B,OAAO,EAAEC,+BAAe;IACxB,QAAQ,EAAEC,iCAAgB;IAC1B,IAAI,EAAEC,yBAAY;IAClB,UAAU,EAAEC,qCAAkB;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/core/Box/style-props/resolvers/index.ts"],"sourcesContent":["import { colorResolver } from './color-resolver/color-resolver';\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver';\nimport { spacingResolver } from './spacing-resolver/spacing-resolver';\nimport { identityResolver } from './identity-resolver/identity-resolver';\nimport { sizeResolver } from './size-resolver/size-resolver';\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver';\n\nexport const resolvers = {\n  color: colorResolver,\n  fontSize: fontSizeResolver,\n  spacing: spacingResolver,\n  identity: identityResolver,\n  size: sizeResolver,\n  lineHeight: lineHeightResolver,\n};\n\nexport type StylePropType = keyof typeof resolvers;\n"],"names":["colorResolver","fontSizeResolver","spacingResolver","identityResolver","sizeResolver","lineHeightResolver"],"mappings":";;;;;;;;;;;AAMY,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAEA,2BAAa;AACtB,EAAE,QAAQ,EAAEC,iCAAgB;AAC5B,EAAE,OAAO,EAAEC,+BAAe;AAC1B,EAAE,QAAQ,EAAEC,iCAAgB;AAC5B,EAAE,IAAI,EAAEC,yBAAY;AACpB,EAAE,UAAU,EAAEC,qCAAkB;AAChC;;;;"}

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function lineHeightResolver(value, theme) {
-    if (typeof value === 'string' && value in theme.fontSizes) {
-        return `var(--mantine-line-height-${value})`;
-    }
-    return value;
+  if (typeof value === "string" && value in theme.fontSizes) {
+    return `var(--mantine-line-height-${value})`;
+  }
+  return value;
 }
 
 exports.lineHeightResolver = lineHeightResolver;

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

@@ -1 +1 @@
-{"version":3,"file":"line-height-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\n\nexport function lineHeightResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.fontSizes) {\n    return `var(--mantine-line-height-${value})`;\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;;;SAEgB,kBAAkB,CAAC,KAAc,EAAE,KAAmB;IACpE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE;QACzD,OAAO,6BAA6B,KAAK,GAAG,CAAC;KAC9C;IAED,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"line-height-resolver.js","sources":["../../../../../../src/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\n\nexport function lineHeightResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.fontSizes) {\n    return `var(--mantine-line-height-${value})`;\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE;AACjD,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE;AAC7D,IAAI,OAAO,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}