@mantine/core 6.0.9 → 7.0.0-alpha.2

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

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+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;
+};
+function mergeStyles(styles, theme) {
+  if (Array.isArray(styles)) {
+    return [...styles].reduce((acc, item) => __spreadValues(__spreadValues({}, acc), mergeStyles(item, theme)), {});
+  }
+  if (typeof styles === "function") {
+    return styles(theme);
+  }
+  if (styles == null) {
+    return {};
+  }
+  return styles;
+}
+function getBoxStyle({
+  theme,
+  style,
+  vars,
+  styleProps
+}) {
+  const _style = mergeStyles(style, theme);
+  const _vars = mergeStyles(vars, theme);
+  return __spreadValues(__spreadValues(__spreadValues({}, _style), _vars), styleProps);
+}
+
+export { getBoxStyle };
+//# sourceMappingURL=get-box-style.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+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;
+};
+function getStyleObject(style, theme) {
+  if (Array.isArray(style)) {
+    return [...style].reduce((acc, item) => __spreadValues(__spreadValues({}, acc), getStyleObject(item, theme)), {});
+  }
+  if (typeof style === "function") {
+    return style(theme);
+  }
+  if (style == null) {
+    return {};
+  }
+  return style;
+}
+
+export { getStyleObject };
+//# sourceMappingURL=get-style-object.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,157 @@
+import { filterProps } from '../../../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 _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
+  } = _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"
+  ]);
+  const styleProps = 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 };
+}
+
+export { extractStyleProps };
+//# sourceMappingURL=extract-style-props.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,93 @@
+import { resolvers } from '../resolvers/index.js';
+import { sortMediaQueries } from './sort-media-queries.js';
+import { keys } from '../../../utils/keys/keys.js';
+
+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));
+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 void 0;
+  }
+  return value;
+}
+function getBreakpointKeys(value) {
+  if (typeof value === "object" && value !== null) {
+    return 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;
+}
+function parseStyleProps({
+  styleProps,
+  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 acc;
+  }, {
+    hasResponsiveStyles: false,
+    styles: {},
+    inlineStyles: {},
+    media: {}
+  }));
+}
+
+export { parseStyleProps };
+//# sourceMappingURL=parse-style-props.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,47 @@
+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)", "");
+}
+function sortMediaQueries(_a) {
+  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 });
+}
+
+export { sortMediaQueries };
+//# sourceMappingURL=sort-media-queries.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,12 @@
+import { parseThemeColor } from '../../../../MantineProvider/color-functions/parse-theme-color/parse-theme-color.js';
+
+function colorResolver(color, theme) {
+  const parsedColor = parseThemeColor({ color, theme });
+  if (parsedColor.color === "dimmed") {
+    return "var(--mantine-color-dimmed)";
+  }
+  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;
+}
+
+export { colorResolver };
+//# sourceMappingURL=color-resolver.js.map

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

@@ -0,0 +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":[],"mappings":";;AACO,SAAS,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE;AAC5C,EAAE,MAAM,WAAW,GAAG,eAAe,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/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js

@@ -0,0 +1,14 @@
+import { rem } from '../../../../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(value);
+  }
+  return value;
+}
+
+export { fontSizeResolver };
+//# sourceMappingURL=font-size-resolver.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,6 @@
+function identityResolver(value) {
+  return value;
+}
+
+export { identityResolver };
+//# sourceMappingURL=identity-resolver.js.map

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

@@ -0,0 +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":"AAAO,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACxC,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

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

@@ -0,0 +1,18 @@
+import { colorResolver } from './color-resolver/color-resolver.js';
+import { fontSizeResolver } from './font-size-resolver/font-size-resolver.js';
+import { spacingResolver } from './spacing-resolver/spacing-resolver.js';
+import { identityResolver } from './identity-resolver/identity-resolver.js';
+import { sizeResolver } from './size-resolver/size-resolver.js';
+import { lineHeightResolver } from './line-height-resolver/line-height-resolver.js';
+
+const resolvers = {
+  color: colorResolver,
+  fontSize: fontSizeResolver,
+  spacing: spacingResolver,
+  identity: identityResolver,
+  size: sizeResolver,
+  lineHeight: lineHeightResolver
+};
+
+export { resolvers };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[],"mappings":";;;;;;;AAMY,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,aAAa;AACtB,EAAE,QAAQ,EAAE,gBAAgB;AAC5B,EAAE,OAAO,EAAE,eAAe;AAC1B,EAAE,QAAQ,EAAE,gBAAgB;AAC5B,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,UAAU,EAAE,kBAAkB;AAChC;;;;"}

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

@@ -0,0 +1,9 @@
+function lineHeightResolver(value, theme) {
+  if (typeof value === "string" && value in theme.fontSizes) {
+    return `var(--mantine-line-height-${value})`;
+  }
+  return value;
+}
+
+export { lineHeightResolver };
+//# sourceMappingURL=line-height-resolver.js.map

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

@@ -0,0 +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":"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;;;;"}

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

@@ -0,0 +1,11 @@
+import { rem } from '../../../../utils/units-converters/rem.js';
+
+function sizeResolver(value) {
+  if (typeof value === "number") {
+    return rem(value);
+  }
+  return value;
+}
+
+export { sizeResolver };
+//# sourceMappingURL=size-resolver.js.map

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

@@ -0,0 +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":[],"mappings":";;AACO,SAAS,YAAY,CAAC,KAAK,EAAE;AACpC,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

@@ -0,0 +1,19 @@
+import { rem } from '../../../../utils/units-converters/rem.js';
+
+function spacingResolver(value, theme) {
+  if (typeof value === "number") {
+    return rem(value);
+  }
+  if (typeof value === "string") {
+    const mod = value.replace("-", "");
+    if (!(mod in theme.spacing)) {
+      return value;
+    }
+    const variable = `--mantine-spacing-${mod}`;
+    return value.startsWith("-") ? `calc(var(${variable}) * -1)` : `var(${variable})`;
+  }
+  return value;
+}
+
+export { spacingResolver };
+//# sourceMappingURL=spacing-resolver.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,48 @@
+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" }
+};
+
+export { STYlE_PROPS_DATA };
+//# sourceMappingURL=style-props-data.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,9 @@
+import { useId } from 'react';
+
+function useRandomClassName() {
+  const id = useId().replace(/:/g, "");
+  return `mantine-${id}`;
+}
+
+export { useRandomClassName };
+//# sourceMappingURL=use-random-classname.js.map

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

@@ -0,0 +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;;;;"}