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

package/cjs/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveStyles } from '../resolve-styles/resolve-styles';\n\ninterface GetThemeStylesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n}\n\nexport function getThemeStyles({\n  theme,\n  themeName,\n  props,\n  stylesCtx,\n  selector,\n}: GetThemeStylesOptions) {\n  return themeName\n    .map(\n      (n) =>\n        resolveStyles({\n          theme,\n          styles: theme.components[n]?.styles,\n          props,\n          stylesCtx,\n        })[selector]\n    )\n    .reduce((acc, val) => ({ ...acc, ...val }), {});\n}\n"],"names":["resolveStyles"],"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;AAEK,SAAS,cAAc,CAAC;AAC/B,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;AAC9B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAOA,2BAAa,CAAC;AACzB,MAAM,KAAK;AACX,MAAM,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM;AACrE,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;AACjB,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5E;;;;"}
+{"version":3,"file":"get-theme-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveStyles } from '../resolve-styles/resolve-styles';\n\ninterface GetThemeStylesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n}\n\nexport function getThemeStyles({\n  theme,\n  themeName,\n  props,\n  stylesCtx,\n  selector,\n}: GetThemeStylesOptions) {\n  return themeName\n    .map(\n      (n) =>\n        resolveStyles({\n          theme,\n          styles: theme.components[n]?.styles,\n          props,\n          stylesCtx,\n        })[selector]\n    )\n    .reduce((acc, val) => ({ ...acc, ...val }), {});\n}\n"],"names":["resolveStyles"],"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;AAEK,SAAS,cAAc,CAAC;AAC/B,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,OAAO,SAAS,CAAC,GAAG;AACtB,IAAI,CAAC,CAAC,KAAK;AACX,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,OAAOA,2BAAa,CAAC;AAC3B,QAAQ,KAAK;AACb,QAAQ,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM;AACvE,QAAQ,KAAK;AACb,QAAQ,SAAS;AACjB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;AACnB,KAAK;AACL,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3E;;;;"}

package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js

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

package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-style.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineStyleProp } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface ResolveStyleInput {\n  style: MantineStyleProp | undefined;\n  theme: MantineTheme;\n}\n\nexport function resolveStyle({ style, theme }: ResolveStyleInput): CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...resolveStyle({ style: 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,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC/C,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,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC/H,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACnC,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"resolve-style.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineStyleProp } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface ResolveStyleInput {\n  style: MantineStyleProp | undefined;\n  theme: MantineTheme;\n}\n\nexport function resolveStyle({ style, theme }: ResolveStyleInput): CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...resolveStyle({ style: 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,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC/C,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC5B,IAAI,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM;AAC5B,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AAClG,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACnC,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js

@@ -2,9 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const emptyStyles = {};
+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 resolveStyles({ theme, styles, props, stylesCtx }) {
-  return typeof styles === "function" ? styles(theme, props, stylesCtx) : styles || emptyStyles;
+  const arrayStyles = Array.isArray(styles) ? styles : [styles];
+  return arrayStyles.reduce((acc, style) => {
+    if (typeof style === "function") {
+      return __spreadValues(__spreadValues({}, acc), style(theme, props, stylesCtx));
+    }
+    return __spreadValues(__spreadValues({}, acc), style);
+  }, {});
 }
 
 exports.resolveStyles = resolveStyles;

package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport type { MantineTheme } from '../../../../MantineProvider';\nimport type { _Styles } from '../get-style';\n\nexport interface ResolveStylesInput {\n  theme: MantineTheme;\n  styles: _Styles;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst emptyStyles: Record<string, CSSProperties> = {};\n\nexport function resolveStyles({ theme, styles, props, stylesCtx }: ResolveStylesInput) {\n  return typeof styles === 'function' ? styles(theme, props, stylesCtx) : styles || emptyStyles;\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,EAAE,CAAC;AAChB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACnE,EAAE,OAAO,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,MAAM,IAAI,WAAW,CAAC;AAChG;;;;"}
+{"version":3,"file":"resolve-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts"],"sourcesContent":["import type { MantineTheme } from '../../../../MantineProvider';\nimport type { _Styles } from '../get-style';\n\nexport interface ResolveStylesInput {\n  theme: MantineTheme;\n  styles: _Styles | _Styles[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nexport function resolveStyles({ theme, styles, props, stylesCtx }: ResolveStylesInput) {\n  const arrayStyles = Array.isArray(styles) ? styles : [styles];\n\n  return arrayStyles.reduce<Record<string, any>>((acc, style) => {\n    if (typeof style === 'function') {\n      return { ...acc, ...style(theme, props, stylesCtx) };\n    }\n\n    return { ...acc, ...style };\n  }, {});\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,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AACnE,EAAE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAChE,EAAE,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK;AAC5C,IAAI,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACrC,MAAM,OAAO,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AACrF,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC1D,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

package/cjs/core/styles-api/use-styles/use-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-styles.js","sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useMantineTheme, useMantineClassNamesPrefix } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../../Box';\nimport { FactoryPayload } from '../../factory';\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';\nimport { getClassName } from './get-class-name/get-class-name';\nimport { getStyle } from './get-style/get-style';\nimport { Styles, ClassNames, GetStylesApiOptions } from '../styles-api.types';\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n  name: string | (string | undefined)[];\n  classes: Payload['stylesNames'] extends string ? Record<Payload['stylesNames'], string> : never;\n  props: Payload['props'];\n  stylesCtx?: Payload['ctx'];\n  className?: string;\n  style?: MantineStyleProp;\n  rootSelector?: Payload['stylesNames'];\n  unstyled?: boolean;\n  classNames?: ClassNames<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n  varsResolver?: VarsResolver<Payload>;\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n  selector: NonNullable<Payload['stylesNames']>,\n  options?: GetStylesApiOptions\n) => {\n  className: string;\n  style: CSSProperties;\n};\n\nexport function useStyles<Payload extends FactoryPayload>({\n  name,\n  classes,\n  props,\n  stylesCtx,\n  className,\n  style,\n  rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n  unstyled,\n  classNames,\n  styles,\n  vars,\n  varsResolver,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n  const theme = useMantineTheme();\n  const classNamesPrefix = useMantineClassNamesPrefix();\n  const themeName = (Array.isArray(name) ? name : [name]).filter((n) => n) as string[];\n\n  return (selector, options) => ({\n    className: getClassName({\n      theme,\n      options,\n      themeName,\n      selector,\n      classNamesPrefix,\n      classNames,\n      classes,\n      unstyled,\n      className,\n      rootSelector,\n      props,\n      stylesCtx,\n    }),\n\n    style: getStyle({\n      theme,\n      themeName,\n      selector,\n      options,\n      props,\n      stylesCtx,\n      rootSelector,\n      styles,\n      style,\n      vars,\n      varsResolver,\n    }),\n  });\n}\n"],"names":["useMantineTheme","useMantineClassNamesPrefix","getClassName","getStyle"],"mappings":";;;;;;;;;AAGO,SAAS,SAAS,CAAC;AAC1B,EAAE,IAAI;AACN,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,YAAY,GAAG,MAAM;AACvB,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,YAAY;AACd,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,gBAAgB,GAAGC,0CAA0B,EAAE,CAAC;AACxD,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3E,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,MAAM;AACjC,IAAI,SAAS,EAAEC,yBAAY,CAAC;AAC5B,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC;AACN,IAAI,KAAK,EAAEC,iBAAQ,CAAC;AACpB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,IAAI;AACV,MAAM,YAAY;AAClB,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"use-styles.js","sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useMantineTheme, useMantineClassNamesPrefix } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../../Box';\nimport { FactoryPayload } from '../../factory';\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';\nimport { getClassName } from './get-class-name/get-class-name';\nimport { getStyle } from './get-style/get-style';\nimport { Styles, ClassNames, GetStylesApiOptions, ClassNamesArray } from '../styles-api.types';\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n  name: string | (string | undefined)[];\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n  props: Payload['props'];\n  stylesCtx?: Payload['ctx'];\n  className?: string;\n  style?: MantineStyleProp;\n  rootSelector?: Payload['stylesNames'];\n  unstyled?: boolean;\n  classNames?: ClassNames<Payload> | ClassNamesArray<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n  varsResolver?: VarsResolver<Payload>;\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n  selector: NonNullable<Payload['stylesNames']>,\n  options?: GetStylesApiOptions\n) => {\n  className: string;\n  style: CSSProperties;\n};\n\nexport function useStyles<Payload extends FactoryPayload>({\n  name,\n  classes,\n  props,\n  stylesCtx,\n  className,\n  style,\n  rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n  unstyled,\n  classNames,\n  styles,\n  vars,\n  varsResolver,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n  const theme = useMantineTheme();\n  const classNamesPrefix = useMantineClassNamesPrefix();\n  const themeName = (Array.isArray(name) ? name : [name]).filter((n) => n) as string[];\n\n  return (selector, options) => ({\n    className: getClassName({\n      theme,\n      options,\n      themeName,\n      selector,\n      classNamesPrefix,\n      classNames,\n      classes,\n      unstyled,\n      className,\n      rootSelector,\n      props,\n      stylesCtx,\n    }),\n\n    style: getStyle({\n      theme,\n      themeName,\n      selector,\n      options,\n      props,\n      stylesCtx,\n      rootSelector,\n      styles,\n      style,\n      vars,\n      varsResolver,\n    }),\n  });\n}\n"],"names":["useMantineTheme","useMantineClassNamesPrefix","getClassName","getStyle"],"mappings":";;;;;;;;;AAGO,SAAS,SAAS,CAAC;AAC1B,EAAE,IAAI;AACN,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,YAAY,GAAG,MAAM;AACvB,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,YAAY;AACd,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,gBAAgB,GAAGC,0CAA0B,EAAE,CAAC;AACxD,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3E,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,MAAM;AACjC,IAAI,SAAS,EAAEC,yBAAY,CAAC;AAC5B,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC;AACN,IAAI,KAAK,EAAEC,iBAAQ,CAAC;AACpB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,IAAI;AACV,MAAM,YAAY;AAClB,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL;;;;"}

package/cjs/core/utils/create-event-handler/create-event-handler.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function createEventHandler(parentEventHandler, eventHandler) {
+  return (event) => {
+    parentEventHandler == null ? void 0 : parentEventHandler(event);
+    eventHandler == null ? void 0 : eventHandler(event);
+  };
+}
+
+exports.createEventHandler = createEventHandler;
+//# sourceMappingURL=create-event-handler.js.map

package/cjs/core/utils/create-event-handler/create-event-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-event-handler.js","sources":["../../../../src/core/utils/create-event-handler/create-event-handler.ts"],"sourcesContent":["type EventHandler<Event> = ((event?: Event) => void) | undefined;\n\nexport function createEventHandler<Event>(\n  parentEventHandler: EventHandler<Event>,\n  eventHandler: EventHandler<Event>\n) {\n  return (event?: Event) => {\n    parentEventHandler?.(event);\n    eventHandler?.(event);\n  };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,kBAAkB,CAAC,kBAAkB,EAAE,YAAY,EAAE;AACrE,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,kBAAkB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AACpE,IAAI,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AACxD,GAAG,CAAC;AACJ;;;;"}

package/cjs/core/utils/create-optional-context/create-optional-context.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function createOptionalContext(initialValue = null) {
+  const Context = React.createContext(initialValue);
+  const useOptionalContext = () => React.useContext(Context);
+  const Provider = ({ children, value }) => /* @__PURE__ */ React__default.createElement(Context.Provider, { value }, children);
+  return [Provider, useOptionalContext];
+}
+
+exports.createOptionalContext = createOptionalContext;
+//# sourceMappingURL=create-optional-context.js.map

package/cjs/core/utils/create-optional-context/create-optional-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-optional-context.js","sources":["../../../../src/core/utils/create-optional-context/create-optional-context.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nexport function createOptionalContext<ContextValue>(initialValue: ContextValue | null = null) {\n  const Context = createContext<ContextValue | null>(initialValue);\n\n  const useOptionalContext = () => useContext(Context);\n\n  const Provider = ({ children, value }: { value: ContextValue; children: React.ReactNode }) => (\n    <Context.Provider value={value}>{children}</Context.Provider>\n  );\n\n  return [Provider, useOptionalContext] as const;\n}\n"],"names":["createContext","useContext","React"],"mappings":";;;;;;;;;;AACO,SAAS,qBAAqB,CAAC,YAAY,GAAG,IAAI,EAAE;AAC3D,EAAE,MAAM,OAAO,GAAGA,mBAAa,CAAC,YAAY,CAAC,CAAC;AAC9C,EAAE,MAAM,kBAAkB,GAAG,MAAMC,gBAAU,CAAC,OAAO,CAAC,CAAC;AACvD,EAAE,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqBC,cAAK,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACvH,EAAE,OAAO,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AACxC;;;;"}

package/cjs/core/utils/create-safe-context/create-safe-context.js

@@ -17,9 +17,7 @@ function createSafeContext(errorMessage) {
     }
     return ctx;
   };
-  const Provider = ({ children, value }) => /* @__PURE__ */ React__default.createElement(Context.Provider, {
-    value
-  }, children);
+  const Provider = ({ children, value }) => /* @__PURE__ */ React__default.createElement(Context.Provider, { value }, children);
   return [Provider, useSafeContext];
 }
 

package/cjs/core/utils/create-safe-context/create-safe-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-safe-context.js","sources":["../../../../src/core/utils/create-safe-context/create-safe-context.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nexport function createSafeContext<ContextValue>(errorMessage: string) {\n  const Context = createContext<ContextValue | null>(null);\n\n  const useSafeContext = () => {\n    const ctx = useContext(Context);\n\n    if (ctx === null) {\n      throw new Error(errorMessage);\n    }\n\n    return ctx;\n  };\n\n  const Provider = ({ children, value }: { value: ContextValue; children: React.ReactNode }) => (\n    <Context.Provider value={value}>{children}</Context.Provider>\n  );\n\n  return [Provider, useSafeContext] as const;\n}\n"],"names":["createContext","useContext","React"],"mappings":";;;;;;;;;;AACO,SAAS,iBAAiB,CAAC,YAAY,EAAE;AAChD,EAAE,MAAM,OAAO,GAAGA,mBAAa,CAAC,IAAI,CAAC,CAAC;AACtC,EAAE,MAAM,cAAc,GAAG,MAAM;AAC/B,IAAI,MAAM,GAAG,GAAGC,gBAAU,CAAC,OAAO,CAAC,CAAC;AACpC,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;AACtB,MAAM,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;AACpC,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqBC,cAAK,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE;AAClG,IAAI,KAAK;AACT,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,EAAE,OAAO,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AACpC;;;;"}
+{"version":3,"file":"create-safe-context.js","sources":["../../../../src/core/utils/create-safe-context/create-safe-context.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nexport function createSafeContext<ContextValue>(errorMessage: string) {\n  const Context = createContext<ContextValue | null>(null);\n\n  const useSafeContext = () => {\n    const ctx = useContext(Context);\n\n    if (ctx === null) {\n      throw new Error(errorMessage);\n    }\n\n    return ctx;\n  };\n\n  const Provider = ({ children, value }: { value: ContextValue; children: React.ReactNode }) => (\n    <Context.Provider value={value}>{children}</Context.Provider>\n  );\n\n  return [Provider, useSafeContext] as const;\n}\n"],"names":["createContext","useContext","React"],"mappings":";;;;;;;;;;AACO,SAAS,iBAAiB,CAAC,YAAY,EAAE;AAChD,EAAE,MAAM,OAAO,GAAGA,mBAAa,CAAC,IAAI,CAAC,CAAC;AACtC,EAAE,MAAM,cAAc,GAAG,MAAM;AAC/B,IAAI,MAAM,GAAG,GAAGC,gBAAU,CAAC,OAAO,CAAC,CAAC;AACpC,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;AACtB,MAAM,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;AACpC,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqBC,cAAK,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACvH,EAAE,OAAO,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AACpC;;;;"}

package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js

@@ -49,7 +49,11 @@ function createScopedKeydownHandler({
   return (event) => {
     var _a;
     onKeyDown == null ? void 0 : onKeyDown(event);
-    const elements = Array.from(((_a = findElementAncestor.findElementAncestor(event.currentTarget, parentSelector)) == null ? void 0 : _a.querySelectorAll(siblingSelector)) || []).filter((node) => onSameLevel(event.currentTarget, node, parentSelector));
+    const elements = Array.from(
+      ((_a = findElementAncestor.findElementAncestor(event.currentTarget, parentSelector)) == null ? void 0 : _a.querySelectorAll(
+        siblingSelector
+      )) || []
+    ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector));
     const current = elements.findIndex((el) => event.currentTarget === el);
     const _nextIndex = getNextIndex(current, elements, loop);
     const _previousIndex = getPreviousIndex(current, elements, loop);

package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-scoped-keydown-handler.js","sources":["../../../../src/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nfunction getPreviousIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current - 1; i >= 0; i -= 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = elements.length - 1; i > -1; i -= 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\nfunction getNextIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current + 1; i < elements.length; i += 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = 0; i < elements.length; i += 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\n/** Validates that target element is on the same level as sibling, used to filter out children that have the same sibling selector */\nfunction onSameLevel(\n  target: HTMLButtonElement,\n  sibling: HTMLButtonElement,\n  parentSelector: string\n) {\n  return (\n    findElementAncestor(target, parentSelector) === findElementAncestor(sibling, parentSelector)\n  );\n}\n\ninterface GetElementsSiblingsInput {\n  /** Selector used to find parent node, e.g. '[role=\"tablist\"]', '.mantine-Text-root' */\n  parentSelector: string;\n\n  /** Selector used to find element siblings, e.g. '[data-tab]' */\n  siblingSelector: string;\n\n  /** Determines whether next/previous indices should loop */\n  loop?: boolean;\n\n  /** Determines which arrow keys will be used */\n  orientation: 'vertical' | 'horizontal';\n\n  /** Text direction */\n  dir?: 'rtl' | 'ltr';\n\n  /** Determines whether element should be clicked when focused with keyboard event */\n  activateOnFocus?: boolean;\n\n  /** External keydown event */\n  onKeyDown?(event: React.KeyboardEvent<HTMLButtonElement>): void;\n}\n\nexport function createScopedKeydownHandler({\n  parentSelector,\n  siblingSelector,\n  onKeyDown,\n  loop = true,\n  activateOnFocus = false,\n  dir = 'rtl',\n  orientation,\n}: GetElementsSiblingsInput) {\n  return (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n\n    const elements = Array.from(\n      findElementAncestor(event.currentTarget, parentSelector)?.querySelectorAll<HTMLButtonElement>(\n        siblingSelector\n      ) || []\n    ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector));\n\n    const current = elements.findIndex((el) => event.currentTarget === el);\n    const _nextIndex = getNextIndex(current, elements, loop);\n    const _previousIndex = getPreviousIndex(current, elements, loop);\n    const nextIndex = dir === 'rtl' ? _previousIndex : _nextIndex;\n    const previousIndex = dir === 'rtl' ? _nextIndex : _previousIndex;\n\n    switch (event.key) {\n      case 'ArrowRight': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[nextIndex].focus();\n          activateOnFocus && elements[nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowLeft': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[previousIndex].focus();\n          activateOnFocus && elements[previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowUp': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_previousIndex].focus();\n          activateOnFocus && elements[_previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowDown': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_nextIndex].focus();\n          activateOnFocus && elements[_nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'Home': {\n        event.stopPropagation();\n        event.preventDefault();\n        !elements[0].disabled && elements[0].focus();\n        break;\n      }\n\n      case 'End': {\n        event.stopPropagation();\n        event.preventDefault();\n        const last = elements.length - 1;\n        !elements[last].disabled && elements[last].focus();\n        break;\n      }\n    }\n  };\n}\n"],"names":["findElementAncestor"],"mappings":"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"}
+{"version":3,"file":"create-scoped-keydown-handler.js","sources":["../../../../src/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nfunction getPreviousIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current - 1; i >= 0; i -= 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = elements.length - 1; i > -1; i -= 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\nfunction getNextIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current + 1; i < elements.length; i += 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = 0; i < elements.length; i += 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\n/** Validates that target element is on the same level as sibling, used to filter out children that have the same sibling selector */\nfunction onSameLevel(\n  target: HTMLButtonElement,\n  sibling: HTMLButtonElement,\n  parentSelector: string\n) {\n  return (\n    findElementAncestor(target, parentSelector) === findElementAncestor(sibling, parentSelector)\n  );\n}\n\ninterface GetElementsSiblingsInput {\n  /** Selector used to find parent node, e.g. '[role=\"tablist\"]', '.mantine-Text-root' */\n  parentSelector: string;\n\n  /** Selector used to find element siblings, e.g. '[data-tab]' */\n  siblingSelector: string;\n\n  /** Determines whether next/previous indices should loop */\n  loop?: boolean;\n\n  /** Determines which arrow keys will be used */\n  orientation: 'vertical' | 'horizontal';\n\n  /** Text direction */\n  dir?: 'rtl' | 'ltr';\n\n  /** Determines whether element should be clicked when focused with keyboard event */\n  activateOnFocus?: boolean;\n\n  /** External keydown event */\n  onKeyDown?(event: React.KeyboardEvent<HTMLButtonElement>): void;\n}\n\nexport function createScopedKeydownHandler({\n  parentSelector,\n  siblingSelector,\n  onKeyDown,\n  loop = true,\n  activateOnFocus = false,\n  dir = 'rtl',\n  orientation,\n}: GetElementsSiblingsInput) {\n  return (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n\n    const elements = Array.from(\n      findElementAncestor(event.currentTarget, parentSelector)?.querySelectorAll<HTMLButtonElement>(\n        siblingSelector\n      ) || []\n    ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector));\n\n    const current = elements.findIndex((el) => event.currentTarget === el);\n    const _nextIndex = getNextIndex(current, elements, loop);\n    const _previousIndex = getPreviousIndex(current, elements, loop);\n    const nextIndex = dir === 'rtl' ? _previousIndex : _nextIndex;\n    const previousIndex = dir === 'rtl' ? _nextIndex : _previousIndex;\n\n    switch (event.key) {\n      case 'ArrowRight': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[nextIndex].focus();\n          activateOnFocus && elements[nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowLeft': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[previousIndex].focus();\n          activateOnFocus && elements[previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowUp': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_previousIndex].focus();\n          activateOnFocus && elements[_previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowDown': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_nextIndex].focus();\n          activateOnFocus && elements[_nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'Home': {\n        event.stopPropagation();\n        event.preventDefault();\n        !elements[0].disabled && elements[0].focus();\n        break;\n      }\n\n      case 'End': {\n        event.stopPropagation();\n        event.preventDefault();\n        const last = elements.length - 1;\n        !elements[last].disabled && elements[last].focus();\n        break;\n      }\n    }\n  };\n}\n"],"names":["findElementAncestor"],"mappings":"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"}

package/cjs/core/utils/get-base-value/get-base-value.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getBaseValue(value) {
+  if (typeof value === "object" && value !== null) {
+    if ("base" in value) {
+      return value.base;
+    }
+    return void 0;
+  }
+  return value;
+}
+
+exports.getBaseValue = getBaseValue;
+//# sourceMappingURL=get-base-value.js.map

package/cjs/core/utils/get-base-value/get-base-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-base-value.js","sources":["../../../../src/core/utils/get-base-value/get-base-value.ts"],"sourcesContent":["import type { StyleProp } from '../../Box';\n\nexport function getBaseValue<Value = any>(value: StyleProp<Value>) {\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"],"names":[],"mappings":";;;;AAAO,SAAS,YAAY,CAAC,KAAK,EAAE;AACpC,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;AACnD,IAAI,IAAI,MAAM,IAAI,KAAK,EAAE;AACzB,MAAM,OAAO,KAAK,CAAC,IAAI,CAAC;AACxB,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var px = require('../units-converters/px.js');
+
+function getBreakpointValue(breakpoint, theme) {
+  if (breakpoint in theme.breakpoints) {
+    return px.px(theme.breakpoints[breakpoint]);
+  }
+  return px.px(breakpoint);
+}
+
+exports.getBreakpointValue = getBreakpointValue;
+//# sourceMappingURL=get-breakpoint-value.js.map

package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-breakpoint-value.js","sources":["../../../../src/core/utils/get-breakpoint-value/get-breakpoint-value.ts"],"sourcesContent":["import type { MantineTheme, MantineBreakpoint } from '../../MantineProvider';\nimport { px } from '../units-converters';\n\nexport function getBreakpointValue(breakpoint: number | string, theme: MantineTheme) {\n  if (breakpoint in theme.breakpoints) {\n    return px(theme.breakpoints[breakpoint as MantineBreakpoint]) as number;\n  }\n\n  return px(breakpoint) as number;\n}\n"],"names":["px"],"mappings":";;;;;;AACO,SAAS,kBAAkB,CAAC,UAAU,EAAE,KAAK,EAAE;AACtD,EAAE,IAAI,UAAU,IAAI,KAAK,CAAC,WAAW,EAAE;AACvC,IAAI,OAAOA,KAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;AAC7C,GAAG;AACH,EAAE,OAAOA,KAAE,CAAC,UAAU,CAAC,CAAC;AACxB;;;;"}

package/cjs/core/utils/get-context-item-index/get-context-item-index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var findElementAncestor = require('../find-element-ancestor/find-element-ancestor.js');
+
+function getContextItemIndex(elementSelector, parentSelector, node) {
+  var _a;
+  if (!node) {
+    return null;
+  }
+  return Array.from(
+    ((_a = findElementAncestor.findElementAncestor(node, parentSelector)) == null ? void 0 : _a.querySelectorAll(elementSelector)) || []
+  ).findIndex((element) => element === node);
+}
+
+exports.getContextItemIndex = getContextItemIndex;
+//# sourceMappingURL=get-context-item-index.js.map

package/cjs/core/utils/get-context-item-index/get-context-item-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-context-item-index.js","sources":["../../../../src/core/utils/get-context-item-index/get-context-item-index.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nexport function getContextItemIndex(\n  elementSelector: string,\n  parentSelector: string,\n  node: HTMLElement\n) {\n  if (!node) {\n    return null;\n  }\n\n  return Array.from(\n    findElementAncestor(node, parentSelector)?.querySelectorAll(elementSelector) || []\n  ).findIndex((element) => element === node);\n}\n"],"names":["findElementAncestor"],"mappings":";;;;;;AACO,SAAS,mBAAmB,CAAC,eAAe,EAAE,cAAc,EAAE,IAAI,EAAE;AAC3E,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC,IAAI;AACnB,IAAI,CAAC,CAAC,EAAE,GAAGA,uCAAmB,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,KAAK,EAAE;AACpH,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,IAAI,CAAC,CAAC;AAC7C;;;;"}

package/cjs/core/utils/get-size/get-size.js

@@ -6,6 +6,9 @@ var isNumberLike = require('../is-number-like/is-number-like.js');
 var rem = require('../units-converters/rem.js');
 
 function getSize(size, prefix = "size", convertToRem = true) {
+  if (size === void 0) {
+    return void 0;
+  }
   return isNumberLike.isNumberLike(size) ? convertToRem ? rem.rem(size) : size : `var(--${prefix}-${size})`;
 }
 function getSpacing(size) {

package/cjs/core/utils/get-size/get-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-size.js","sources":["../../../../src/core/utils/get-size/get-size.ts"],"sourcesContent":["import { isNumberLike } from '../is-number-like/is-number-like';\nimport { rem } from '../units-converters';\n\nexport function getSize(size: unknown, prefix = 'size', convertToRem = true): string {\n  return isNumberLike(size)\n    ? convertToRem\n      ? rem(size)\n      : (size as string)\n    : `var(--${prefix}-${size})`;\n}\n\nexport function getSpacing(size: unknown) {\n  return getSize(size, 'mantine-spacing');\n}\n\nexport function getRadius(size: unknown) {\n  if (size === undefined) {\n    return 'var(--mantine-radius-default)';\n  }\n\n  return getSize(size, 'mantine-radius');\n}\n\nexport function getFontSize(size: unknown) {\n  return getSize(size, 'mantine-font-size');\n}\n\nexport function getLineHeight(size: unknown) {\n  return getSize(size, 'mantine-line-height', false);\n}\n\nexport function getShadow(size: unknown) {\n  if (!size) {\n    return 'none';\n  }\n\n  return getSize(size, 'mantine-shadow');\n}\n"],"names":["isNumberLike","rem"],"mappings":";;;;;;;AAEO,SAAS,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE;AACpE,EAAE,OAAOA,yBAAY,CAAC,IAAI,CAAC,GAAG,YAAY,GAAGC,OAAG,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC3F,CAAC;AACM,SAAS,UAAU,CAAC,IAAI,EAAE;AACjC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AAC1C,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,+BAA+B,CAAC;AAC3C,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC,CAAC;AACM,SAAS,WAAW,CAAC,IAAI,EAAE;AAClC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;AAC5C,CAAC;AACM,SAAS,aAAa,CAAC,IAAI,EAAE;AACpC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;AACrD,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC;;;;;;;;;"}
+{"version":3,"file":"get-size.js","sources":["../../../../src/core/utils/get-size/get-size.ts"],"sourcesContent":["import { isNumberLike } from '../is-number-like/is-number-like';\nimport { rem } from '../units-converters';\n\nexport function getSize(size: unknown, prefix = 'size', convertToRem = true): string | undefined {\n  if (size === undefined) {\n    return undefined;\n  }\n\n  return isNumberLike(size)\n    ? convertToRem\n      ? rem(size)\n      : (size as string)\n    : `var(--${prefix}-${size})`;\n}\n\nexport function getSpacing(size: unknown) {\n  return getSize(size, 'mantine-spacing');\n}\n\nexport function getRadius(size: unknown) {\n  if (size === undefined) {\n    return 'var(--mantine-radius-default)';\n  }\n\n  return getSize(size, 'mantine-radius');\n}\n\nexport function getFontSize(size: unknown) {\n  return getSize(size, 'mantine-font-size');\n}\n\nexport function getLineHeight(size: unknown) {\n  return getSize(size, 'mantine-line-height', false);\n}\n\nexport function getShadow(size: unknown) {\n  if (!size) {\n    return 'none';\n  }\n\n  return getSize(size, 'mantine-shadow');\n}\n"],"names":["isNumberLike","rem"],"mappings":";;;;;;;AAEO,SAAS,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE;AACpE,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG;AACH,EAAE,OAAOA,yBAAY,CAAC,IAAI,CAAC,GAAG,YAAY,GAAGC,OAAG,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC3F,CAAC;AACM,SAAS,UAAU,CAAC,IAAI,EAAE;AACjC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AAC1C,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,+BAA+B,CAAC;AAC3C,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC,CAAC;AACM,SAAS,WAAW,CAAC,IAAI,EAAE;AAClC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;AAC5C,CAAC;AACM,SAAS,aAAa,CAAC,IAAI,EAAE;AACpC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;AACrD,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC;;;;;;;;;"}

package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getBreakpointValue = require('../get-breakpoint-value/get-breakpoint-value.js');
+
+function getSortedBreakpoints(breakpoints, theme) {
+  const convertedBreakpoints = breakpoints.map((breakpoint) => ({
+    value: breakpoint,
+    px: getBreakpointValue.getBreakpointValue(breakpoint, theme)
+  }));
+  convertedBreakpoints.sort((a, b) => a.px - b.px);
+  return convertedBreakpoints;
+}
+
+exports.getSortedBreakpoints = getSortedBreakpoints;
+//# sourceMappingURL=get-sorted-breakpoints.js.map

package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../../src/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport { getBreakpointValue } from '../get-breakpoint-value/get-breakpoint-value';\n\nexport function getSortedBreakpoints(breakpoints: string[], theme: MantineTheme) {\n  const convertedBreakpoints = breakpoints.map((breakpoint) => ({\n    value: breakpoint,\n    px: getBreakpointValue(breakpoint, theme),\n  }));\n\n  convertedBreakpoints.sort((a, b) => a.px - b.px);\n  return convertedBreakpoints;\n}\n"],"names":["getBreakpointValue"],"mappings":";;;;;;AACO,SAAS,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE;AACzD,EAAE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAChE,IAAI,KAAK,EAAE,UAAU;AACrB,IAAI,EAAE,EAAEA,qCAAkB,CAAC,UAAU,EAAE,KAAK,CAAC;AAC7C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACnD,EAAE,OAAO,oBAAoB,CAAC;AAC9B;;;;"}

package/cjs/core/utils/units-converters/px.js

@@ -2,21 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function px(value) {
-  if (typeof value === "number") {
+function getTransformedScaledValue(value) {
+  var _a;
+  if (typeof value !== "string" || !value.includes("var(--mantine-scale)")) {
     return value;
   }
-  if (typeof value === "string") {
-    if (value.includes("px")) {
-      return Number(value.replace("px", ""));
+  return (_a = value.match(/^calc\((.*?)\)$/)) == null ? void 0 : _a[1].split("*")[0].trim();
+}
+function px(value) {
+  const transformedValue = getTransformedScaledValue(value);
+  if (typeof transformedValue === "number") {
+    return transformedValue;
+  }
+  if (typeof transformedValue === "string") {
+    if (transformedValue.includes("calc") || transformedValue.includes("var")) {
+      return transformedValue;
+    }
+    if (transformedValue.includes("px")) {
+      return Number(transformedValue.replace("px", ""));
     }
-    if (value.includes("rem")) {
-      return Number(value.replace("rem", "")) * 16;
+    if (transformedValue.includes("rem")) {
+      return Number(transformedValue.replace("rem", "")) * 16;
     }
-    if (value.includes("em")) {
-      return Number(value.replace("em", "")) * 16;
+    if (transformedValue.includes("em")) {
+      return Number(transformedValue.replace("em", "")) * 16;
     }
-    return Number(value);
+    return Number(transformedValue);
   }
   return NaN;
 }

package/cjs/core/utils/units-converters/px.js.map

@@ -1 +1 @@
-{"version":3,"file":"px.js","sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["export function px(value: unknown) {\n  if (typeof value === 'number') {\n    return value;\n  }\n\n  if (typeof value === 'string') {\n    if (value.includes('px')) {\n      return Number(value.replace('px', ''));\n    }\n\n    if (value.includes('rem')) {\n      return Number(value.replace('rem', '')) * 16;\n    }\n\n    if (value.includes('em')) {\n      return Number(value.replace('em', '')) * 16;\n    }\n\n    return Number(value);\n  }\n\n  return NaN;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,EAAE,CAAC,KAAK,EAAE;AAC1B,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC9B,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AAC7C,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC/B,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AACnD,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC9B,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAClD,KAAK;AACL,IAAI,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}
+{"version":3,"file":"px.js","sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformedScaledValue(value: unknown) {\n  if (typeof value !== 'string' || !value.includes('var(--mantine-scale)')) {\n    return value;\n  }\n\n  return value\n    .match(/^calc\\((.*?)\\)$/)?.[1]\n    .split('*')[0]\n    .trim();\n}\n\nexport function px(value: unknown) {\n  const transformedValue = getTransformedScaledValue(value);\n\n  if (typeof transformedValue === 'number') {\n    return transformedValue;\n  }\n\n  if (typeof transformedValue === 'string') {\n    if (transformedValue.includes('calc') || transformedValue.includes('var')) {\n      return transformedValue;\n    }\n\n    if (transformedValue.includes('px')) {\n      return Number(transformedValue.replace('px', ''));\n    }\n\n    if (transformedValue.includes('rem')) {\n      return Number(transformedValue.replace('rem', '')) * 16;\n    }\n\n    if (transformedValue.includes('em')) {\n      return Number(transformedValue.replace('em', '')) * 16;\n    }\n\n    return Number(transformedValue);\n  }\n\n  return NaN;\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,yBAAyB,CAAC,KAAK,EAAE;AAC1C,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;AAC5E,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAC7F,CAAC;AACM,SAAS,EAAE,CAAC,KAAK,EAAE;AAC1B,EAAE,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;AAC5D,EAAE,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;AAC5C,IAAI,OAAO,gBAAgB,CAAC;AAC5B,GAAG;AACH,EAAE,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;AAC5C,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC/E,MAAM,OAAO,gBAAgB,CAAC;AAC9B,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzC,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AACxD,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC1C,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAC9D,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzC,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAC7D,KAAK;AACL,IAAI,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACpC,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}

package/cjs/core/utils/units-converters/rem.js

@@ -2,21 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function createConverter(units) {
-  return (px) => {
-    if (typeof px === "number") {
-      return `${px / 16}${units}`;
+function scaleRem(remValue) {
+  return `calc(${remValue} * var(--mantine-scale))`;
+}
+function createConverter(units, { shouldScale = false } = {}) {
+  return (value) => {
+    if (value === 0 || value === "0") {
+      return "0";
+    }
+    if (typeof value === "number") {
+      const val = `${value / 16}${units}`;
+      return shouldScale ? scaleRem(val) : val;
     }
-    if (typeof px === "string") {
-      const replaced = px.replace("px", "");
+    if (typeof value === "string") {
+      if (value.includes("calc(") || value.includes("var(")) {
+        return value;
+      }
+      if (value.includes(units)) {
+        return shouldScale ? scaleRem(value) : value;
+      }
+      const replaced = value.replace("px", "");
       if (!Number.isNaN(Number(replaced))) {
-        return `${Number(replaced) / 16}${units}`;
+        const val = `${Number(replaced) / 16}${units}`;
+        return shouldScale ? scaleRem(val) : val;
       }
     }
-    return px;
+    return value;
   };
 }
-const rem = createConverter("rem");
+const rem = createConverter("rem", { shouldScale: true });
 const em = createConverter("em");
 
 exports.em = em;

package/cjs/core/utils/units-converters/rem.js.map

@@ -1 +1 @@
-{"version":3,"file":"rem.js","sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function createConverter(units: string) {\n  return (px: unknown) => {\n    if (typeof px === 'number') {\n      return `${px / 16}${units}`;\n    }\n\n    if (typeof px === 'string') {\n      const replaced = px.replace('px', '');\n      if (!Number.isNaN(Number(replaced))) {\n        return `${Number(replaced) / 16}${units}`;\n      }\n    }\n\n    return px as string;\n  };\n}\n\nexport const rem = createConverter('rem');\nexport const em = createConverter('em');\n"],"names":[],"mappings":";;;;AAAA,SAAS,eAAe,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,CAAC,EAAE,KAAK;AACjB,IAAI,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;AAChC,MAAM,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAClC,KAAK;AACL,IAAI,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;AAChC,MAAM,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5C,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;AAC3C,QAAQ,OAAO,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAClD,OAAO;AACP,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd,GAAG,CAAC;AACJ,CAAC;AACW,MAAC,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE;AAC9B,MAAC,EAAE,GAAG,eAAe,CAAC,IAAI;;;;;"}
+{"version":3,"file":"rem.js","sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n  return `calc(${remValue} * var(--mantine-scale))`;\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n  return (value: unknown) => {\n    if (value === 0 || value === '0') {\n      return '0';\n    }\n\n    if (typeof value === 'number') {\n      const val = `${value / 16}${units}`;\n      return shouldScale ? scaleRem(val) : val;\n    }\n\n    if (typeof value === 'string') {\n      if (value.includes('calc(') || value.includes('var(')) {\n        return value;\n      }\n\n      if (value.includes(units)) {\n        return shouldScale ? scaleRem(value) : value;\n      }\n\n      const replaced = value.replace('px', '');\n      if (!Number.isNaN(Number(replaced))) {\n        const val = `${Number(replaced) / 16}${units}`;\n        return shouldScale ? scaleRem(val) : val;\n      }\n    }\n\n    return value as string;\n  };\n}\n\nexport const rem = createConverter('rem', { shouldScale: true });\nexport const em = createConverter('em');\n"],"names":[],"mappings":";;;;AAAA,SAAS,QAAQ,CAAC,QAAQ,EAAE;AAC5B,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AACpD,CAAC;AACD,SAAS,eAAe,CAAC,KAAK,EAAE,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,EAAE,EAAE;AAC9D,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE;AACtC,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1C,MAAM,OAAO,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAC/C,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC7D,QAAQ,OAAO,KAAK,CAAC;AACrB,OAAO;AACP,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACjC,QAAQ,OAAO,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACrD,OAAO;AACP,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC/C,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;AAC3C,QAAQ,MAAM,GAAG,GAAG,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AACvD,QAAQ,OAAO,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACjD,OAAO;AACP,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC;AACJ,CAAC;AACW,MAAC,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE;AACrD,MAAC,EAAE,GAAG,eAAe,CAAC,IAAI;;;;;"}

package/cjs/core/utils/use-hovered/use-hovered.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function useHovered() {
+  const [hovered, setHovered] = React.useState(-1);
+  const resetHovered = () => setHovered(-1);
+  return [hovered, { setHovered, resetHovered }];
+}
+
+exports.useHovered = useHovered;
+//# sourceMappingURL=use-hovered.js.map

package/cjs/core/utils/use-hovered/use-hovered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hovered.js","sources":["../../../../src/core/utils/use-hovered/use-hovered.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useHovered() {\n  const [hovered, setHovered] = useState<number | null>(-1);\n  const resetHovered = () => setHovered(-1);\n  return [hovered, { setHovered, resetHovered }] as const;\n}\n"],"names":["useState"],"mappings":";;;;;;AACO,SAAS,UAAU,GAAG;AAC7B,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7C,EAAE,MAAM,YAAY,GAAG,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5C,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC;AACjD;;;;"}