@mantine/core 4.2.9 → 5.0.0-alpha.10

package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 horizontalSide(placement, arrowSize, arrowOffset) {
+  if (placement === "center") {
+    return { top: `calc(50% - ${arrowSize / 2}px)` };
+  }
+  if (placement === "end") {
+    return { bottom: arrowOffset };
+  }
+  if (placement === "start") {
+    return { top: arrowOffset };
+  }
+  return {};
+}
+function verticalSide(placement, arrowSize, arrowOffset, dir) {
+  if (placement === "center") {
+    return { left: `calc(50% - ${arrowSize / 2}px)` };
+  }
+  if (placement === "end") {
+    return { [dir === "ltr" ? "right" : "left"]: arrowOffset };
+  }
+  if (placement === "start") {
+    return { [dir === "ltr" ? "left" : "right"]: arrowOffset };
+  }
+  return {};
+}
+function getArrowPositionStyles({
+  position,
+  withBorder,
+  arrowSize,
+  arrowOffset,
+  dir
+}) {
+  const [side, placement = "center"] = position.split("-");
+  const baseStyles = {
+    width: arrowSize,
+    height: arrowSize,
+    transform: "rotate(45deg)",
+    position: "absolute"
+  };
+  const arrowPosition = withBorder ? -arrowSize / 2 - 1 : -arrowSize / 2;
+  if (side === "left") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), horizontalSide(placement, arrowSize, arrowOffset)), {
+      [dir === "ltr" ? "right" : "left"]: arrowPosition,
+      [dir === "ltr" ? "borderLeft" : "borderRight"]: 0,
+      borderBottom: 0
+    });
+  }
+  if (side === "right") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), horizontalSide(placement, arrowSize, arrowOffset)), {
+      [dir === "ltr" ? "left" : "right"]: arrowPosition,
+      [dir === "ltr" ? "borderRight" : "borderLeft"]: 0,
+      borderTop: 0
+    });
+  }
+  if (side === "top") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), verticalSide(placement, arrowSize, arrowOffset, dir)), {
+      bottom: arrowPosition,
+      borderTop: 0,
+      [dir === "ltr" ? "borderLeft" : "borderRight"]: 0
+    });
+  }
+  if (side === "bottom") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), verticalSide(placement, arrowSize, arrowOffset, dir)), {
+      top: arrowPosition,
+      borderBottom: 0,
+      [dir === "ltr" ? "borderRight" : "borderLeft"]: 0
+    });
+  }
+  return {};
+}
+
+exports.getArrowPositionStyles = getArrowPositionStyles;
+//# sourceMappingURL=get-arrow-position-styles.js.map

package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-arrow-position-styles.js","sources":["../../../../src/components/Floating/FloatingArrow/get-arrow-position-styles.ts"],"sourcesContent":["import type { FloatingPosition, FloatingSide, FloatingPlacement } from '../types';\n\nfunction horizontalSide(\n  placement: FloatingPlacement | 'center',\n  arrowSize: number,\n  arrowOffset: number\n) {\n  if (placement === 'center') {\n    return { top: `calc(50% - ${arrowSize / 2}px)` };\n  }\n\n  if (placement === 'end') {\n    return { bottom: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { top: arrowOffset };\n  }\n\n  return {};\n}\n\nfunction verticalSide(\n  placement: FloatingPlacement | 'center',\n  arrowSize: number,\n  arrowOffset: number,\n  dir: 'rtl' | 'ltr'\n) {\n  if (placement === 'center') {\n    return { left: `calc(50% - ${arrowSize / 2}px)` };\n  }\n\n  if (placement === 'end') {\n    return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };\n  }\n\n  return {};\n}\n\nexport function getArrowPositionStyles({\n  position,\n  withBorder,\n  arrowSize,\n  arrowOffset,\n  dir,\n}: {\n  position: FloatingPosition;\n  withBorder: boolean;\n  arrowSize: number;\n  arrowOffset: number;\n  dir: 'rtl' | 'ltr';\n}) {\n  const [side, placement = 'center'] = position.split('-') as [FloatingSide, FloatingPlacement];\n  const baseStyles = {\n    width: arrowSize,\n    height: arrowSize,\n    transform: 'rotate(45deg)',\n    position: 'absolute',\n  };\n\n  const arrowPosition = withBorder ? -arrowSize / 2 - 1 : -arrowSize / 2;\n\n  if (side === 'left') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowSize, arrowOffset),\n      [dir === 'ltr' ? 'right' : 'left']: arrowPosition,\n      [dir === 'ltr' ? 'borderLeft' : 'borderRight']: 0,\n      borderBottom: 0,\n    };\n  }\n\n  if (side === 'right') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowSize, arrowOffset),\n      [dir === 'ltr' ? 'left' : 'right']: arrowPosition,\n      [dir === 'ltr' ? 'borderRight' : 'borderLeft']: 0,\n      borderTop: 0,\n    };\n  }\n\n  if (side === 'top') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowSize, arrowOffset, dir),\n      bottom: arrowPosition,\n      borderTop: 0,\n      [dir === 'ltr' ? 'borderLeft' : 'borderRight']: 0,\n    };\n  }\n\n  if (side === 'bottom') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowSize, arrowOffset, dir),\n      top: arrowPosition,\n      borderBottom: 0,\n      [dir === 'ltr' ? 'borderRight' : 'borderLeft']: 0,\n    };\n  }\n\n  return {};\n}\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,SAAS,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE;AAC3D,EAAE,IAAI,SAAS,KAAK,QAAQ,EAAE;AAC9B,IAAI,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;AACrD,GAAG;AACH,EAAE,IAAI,SAAS,KAAK,KAAK,EAAE;AAC3B,IAAI,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AACnC,GAAG;AACH,EAAE,IAAI,SAAS,KAAK,OAAO,EAAE;AAC7B,IAAI,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;AAChC,GAAG;AACH,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC;AACD,SAAS,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE;AAC9D,EAAE,IAAI,SAAS,KAAK,QAAQ,EAAE;AAC9B,IAAI,OAAO,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;AACtD,GAAG;AACH,EAAE,IAAI,SAAS,KAAK,KAAK,EAAE;AAC3B,IAAI,OAAO,EAAE,CAAC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,EAAE,CAAC;AAC/D,GAAG;AACH,EAAE,IAAI,SAAS,KAAK,OAAO,EAAE;AAC7B,IAAI,OAAO,EAAE,CAAC,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,EAAE,CAAC;AAC/D,GAAG;AACH,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC;AACM,SAAS,sBAAsB,CAAC;AACvC,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,SAAS;AACX,EAAE,WAAW;AACb,EAAE,GAAG;AACL,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC3D,EAAE,MAAM,UAAU,GAAG;AACrB,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,eAAe;AAC9B,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,UAAU,GAAG,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;AACzE,EAAE,IAAI,IAAI,KAAK,MAAM,EAAE;AACvB,IAAI,OAAO,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,EAAE;AAC5H,MAAM,CAAC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa;AACvD,MAAM,CAAC,GAAG,KAAK,KAAK,GAAG,YAAY,GAAG,aAAa,GAAG,CAAC;AACvD,MAAM,YAAY,EAAE,CAAC;AACrB,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,IAAI,IAAI,KAAK,OAAO,EAAE;AACxB,IAAI,OAAO,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,EAAE;AAC5H,MAAM,CAAC,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,aAAa;AACvD,MAAM,CAAC,GAAG,KAAK,KAAK,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC;AACvD,MAAM,SAAS,EAAE,CAAC;AAClB,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,IAAI,IAAI,KAAK,KAAK,EAAE;AACtB,IAAI,OAAO,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,EAAE;AAC/H,MAAM,MAAM,EAAE,aAAa;AAC3B,MAAM,SAAS,EAAE,CAAC;AAClB,MAAM,CAAC,GAAG,KAAK,KAAK,GAAG,YAAY,GAAG,aAAa,GAAG,CAAC;AACvD,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,IAAI,IAAI,KAAK,QAAQ,EAAE;AACzB,IAAI,OAAO,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,EAAE;AAC/H,MAAM,GAAG,EAAE,aAAa;AACxB,MAAM,YAAY,EAAE,CAAC;AACrB,MAAM,CAAC,GAAG,KAAK,KAAK,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC;AACvD,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,OAAO,EAAE,CAAC;AACZ;;;;"}

package/cjs/components/Floating/get-floating-position/get-floating-position.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getFloatingPosition(dir, position) {
+  if (dir === "rtl" && (position.includes("right") || position.includes("left"))) {
+    const [side, placement] = position.split("-");
+    const flippedPosition = side === "right" ? "left" : "right";
+    return placement === void 0 ? flippedPosition : `${flippedPosition}-${placement}`;
+  }
+  return position;
+}
+
+exports.getFloatingPosition = getFloatingPosition;
+//# sourceMappingURL=get-floating-position.js.map

package/cjs/components/Floating/get-floating-position/get-floating-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-floating-position.js","sources":["../../../../src/components/Floating/get-floating-position/get-floating-position.ts"],"sourcesContent":["import type { FloatingPosition, FloatingSide, FloatingPlacement } from '../types';\n\nexport function getFloatingPosition(\n  dir: 'rtl' | 'ltr',\n  position: FloatingPosition\n): FloatingPosition {\n  if (dir === 'rtl' && (position.includes('right') || position.includes('left'))) {\n    const [side, placement] = position.split('-') as [FloatingSide, FloatingPlacement];\n    const flippedPosition = side === 'right' ? 'left' : 'right';\n    return placement === undefined ? flippedPosition : `${flippedPosition}-${placement}`;\n  }\n\n  return position;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,mBAAmB,CAAC,GAAG,EAAE,QAAQ,EAAE;AACnD,EAAE,IAAI,GAAG,KAAK,KAAK,KAAK,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE;AAClF,IAAI,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAClD,IAAI,MAAM,eAAe,GAAG,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAChE,IAAI,OAAO,SAAS,KAAK,KAAK,CAAC,GAAG,eAAe,GAAG,CAAC,EAAE,eAAe,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;AACtF,GAAG;AACH,EAAE,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/cjs/components/Floating/use-delayed-hover.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function useDelayedHover({ open, close, openDelay, closeDelay }) {
+  const openTimeout = React.useRef(-1);
+  const closeTimeout = React.useRef(-1);
+  const clearTimeouts = () => {
+    window.clearTimeout(openTimeout.current);
+    window.clearTimeout(closeTimeout.current);
+  };
+  const openDropdown = () => {
+    clearTimeouts();
+    if (openDelay === 0) {
+      open();
+    } else {
+      openTimeout.current = window.setTimeout(open, openDelay);
+    }
+  };
+  const closeDropdown = () => {
+    clearTimeouts();
+    if (closeDelay === 0) {
+      close();
+    } else {
+      closeTimeout.current = window.setTimeout(close, closeDelay);
+    }
+  };
+  React.useEffect(() => clearTimeouts, []);
+  return { openDropdown, closeDropdown };
+}
+
+exports.useDelayedHover = useDelayedHover;
+//# sourceMappingURL=use-delayed-hover.js.map

package/cjs/components/Floating/use-delayed-hover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-delayed-hover.js","sources":["../../../src/components/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\ninterface UseDelayedHoverInput {\n  open(): void;\n  close(): void;\n  openDelay: number;\n  closeDelay: number;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;AACxE,EAAE,MAAM,WAAW,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACjC,EAAE,MAAM,YAAY,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC7C,IAAI,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9C,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,IAAI,SAAS,KAAK,CAAC,EAAE;AACzB,MAAM,IAAI,EAAE,CAAC;AACb,KAAK,MAAM;AACX,MAAM,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC/D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,IAAI,UAAU,KAAK,CAAC,EAAE;AAC1B,MAAM,KAAK,EAAE,CAAC;AACd,KAAK,MAAM;AACX,MAAM,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAClE,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,eAAS,CAAC,MAAM,aAAa,EAAE,EAAE,CAAC,CAAC;AACrC,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACzC;;;;"}

package/cjs/components/Floating/use-floating-auto-update.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactDomInteractions = require('@floating-ui/react-dom-interactions');
+var hooks = require('@mantine/hooks');
+
+function useFloatingAutoUpdate({ opened, floating, positionDependencies }) {
+  const [delayedUpdate, setDelayedUpdate] = React.useState(0);
+  React.useEffect(() => {
+    if (floating.refs.reference.current && floating.refs.floating.current) {
+      return reactDomInteractions.autoUpdate(floating.refs.reference.current, floating.refs.floating.current, floating.update);
+    }
+    return void 0;
+  }, [floating.refs.reference, floating.refs.floating, opened, delayedUpdate]);
+  hooks.useDidUpdate(() => {
+    floating.update();
+  }, positionDependencies);
+  hooks.useDidUpdate(() => {
+    setDelayedUpdate((c) => c + 1);
+  }, [opened]);
+}
+
+exports.useFloatingAutoUpdate = useFloatingAutoUpdate;
+//# sourceMappingURL=use-floating-auto-update.js.map

package/cjs/components/Floating/use-floating-auto-update.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-auto-update.js","sources":["../../../src/components/Floating/use-floating-auto-update.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { autoUpdate } from '@floating-ui/react-dom-interactions';\nimport { useDidUpdate } from '@mantine/hooks';\n\ninterface Payload {\n  opened: boolean;\n  floating: {\n    update(): void;\n    refs: {\n      floating: React.MutableRefObject<any>;\n      reference: React.MutableRefObject<any>;\n    };\n  };\n  positionDependencies: any[];\n}\n\nexport function useFloatingAutoUpdate({ opened, floating, positionDependencies }: Payload) {\n  const [delayedUpdate, setDelayedUpdate] = useState(0);\n\n  useEffect(() => {\n    if (floating.refs.reference.current && floating.refs.floating.current) {\n      return autoUpdate(\n        floating.refs.reference.current,\n        floating.refs.floating.current,\n        floating.update\n      );\n    }\n\n    return undefined;\n  }, [floating.refs.reference, floating.refs.floating, opened, delayedUpdate]);\n\n  useDidUpdate(() => {\n    floating.update();\n  }, positionDependencies);\n\n  useDidUpdate(() => {\n    setDelayedUpdate((c) => c + 1);\n  }, [opened]);\n}\n"],"names":["useState","useEffect","autoUpdate","useDidUpdate"],"mappings":";;;;;;;;AAGO,SAAS,qBAAqB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,EAAE;AAClF,EAAE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC,CAAC;AACxD,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC3E,MAAM,OAAOC,+BAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC1G,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;AAC/E,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;AACtB,GAAG,EAAE,oBAAoB,CAAC,CAAC;AAC3B,EAAEA,kBAAY,CAAC,MAAM;AACrB,IAAI,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACnC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf;;;;"}

package/cjs/components/FocusTrap/FocusTrap.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var utils = require('@mantine/utils');
+var hooks = require('@mantine/hooks');
+
+function FocusTrap({
+  children,
+  active = true,
+  refProp = "ref"
+}) {
+  const focusTrapRef = hooks.useFocusTrap(active);
+  const ref = hooks.useMergedRef(focusTrapRef, children == null ? void 0 : children.ref);
+  if (!utils.isElement(children)) {
+    return children;
+  }
+  return React.cloneElement(children, { [refProp]: ref });
+}
+FocusTrap.displayName = "@mantine/core/FocusTrap";
+
+exports.FocusTrap = FocusTrap;
+//# sourceMappingURL=FocusTrap.js.map

package/cjs/components/FocusTrap/FocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.js","sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { isElement } from '@mantine/utils';\nimport { useFocusTrap, useMergedRef } from '@mantine/hooks';\n\nexport interface FocusTrapProps {\n  /** Element at which focus should be trapped, should support ref prop */\n  children: any;\n\n  /** Determines whether focus should be trapped within child element */\n  active?: boolean;\n\n  /** Prop that should be used to access component ref */\n  refProp?: string;\n}\n\nexport function FocusTrap({\n  children,\n  active = true,\n  refProp = 'ref',\n}: FocusTrapProps): React.ReactElement {\n  const focusTrapRef = useFocusTrap(active);\n  const ref = useMergedRef(focusTrapRef, children?.ref);\n\n  if (!isElement(children)) {\n    return children;\n  }\n\n  return cloneElement(children, { [refProp]: ref });\n}\n\nFocusTrap.displayName = '@mantine/core/FocusTrap';\n"],"names":["useFocusTrap","useMergedRef","isElement","cloneElement"],"mappings":";;;;;;;;AAGO,SAAS,SAAS,CAAC;AAC1B,EAAE,QAAQ;AACV,EAAE,MAAM,GAAG,IAAI;AACf,EAAE,OAAO,GAAG,KAAK;AACjB,CAAC,EAAE;AACH,EAAE,MAAM,YAAY,GAAGA,kBAAY,CAAC,MAAM,CAAC,CAAC;AAC5C,EAAE,MAAM,GAAG,GAAGC,kBAAY,CAAC,YAAY,EAAE,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;AACnF,EAAE,IAAI,CAACC,eAAS,CAAC,QAAQ,CAAC,EAAE;AAC5B,IAAI,OAAO,QAAQ,CAAC;AACpB,GAAG;AACH,EAAE,OAAOC,kBAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC;AACpD,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/cjs/components/Grid/Col/Col.js

@@ -52,7 +52,7 @@ function isValidSpan(span) {
   return typeof span === "number" && span > 0 && span % 1 === 0;
 }
 const Col = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Col", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("Grid.Col", defaultProps, props), {
     children,
     span,
     offset,
@@ -67,9 +67,8 @@ const Col = React.forwardRef((props, ref) => {
     lg,
     xl,
     className,
-    classNames,
-    styles: styles$1,
-    id
+    id,
+    unstyled
   } = _a, others = __objRest(_a, [
     "children",
     "span",
@@ -85,14 +84,16 @@ const Col = React.forwardRef((props, ref) => {
     "lg",
     "xl",
     "className",
-    "classNames",
-    "styles",
-    "id"
+    "id",
+    "unstyled"
   ]);
-  const { columns, gutter, grow } = Grid_context.useGridContext("Grid.Col");
-  const colSpan = span || columns;
+  const ctx = Grid_context.useGridContext();
+  if (!ctx) {
+    throw new Error("[@mantine/core] Grid.Col was used outside of Grid context");
+  }
+  const colSpan = span || ctx.columns;
   const { classes, cx } = Col_styles['default']({
-    gutter,
+    gutter: ctx.gutter,
     offset,
     offsetXs,
     offsetSm,
@@ -104,11 +105,11 @@ const Col = React.forwardRef((props, ref) => {
     md,
     lg,
     xl,
-    grow,
-    columns,
+    grow: ctx.grow,
+    columns: ctx.columns,
     span: colSpan
-  }, { classNames, styles: styles$1, name: "Col" });
-  if (!isValidSpan(colSpan) || colSpan > columns) {
+  }, { unstyled, name: "Col" });
+  if (!isValidSpan(colSpan) || colSpan > ctx.columns) {
     return null;
   }
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({

package/cjs/components/Grid/Col/Col.js.map

@@ -1 +1 @@
-{"version":3,"file":"Col.js","sources":["../../../../src/components/Grid/Col/Col.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useGridContext } from '../Grid.context';\nimport useStyles from './Col.styles';\n\nexport interface ColProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Default col span */\n  span?: number;\n\n  /** Column left offset */\n  offset?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xs) */\n  offsetXs?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.sm) */\n  offsetSm?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.md) */\n  offsetMd?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.lg) */\n  offsetLg?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xl) */\n  offsetXl?: number;\n\n  /** Col span at (min-width: theme.breakpoints.xs) */\n  xs?: number;\n\n  /** Col span at (min-width: theme.breakpoints.sm) */\n  sm?: number;\n\n  /** Col span at (min-width: theme.breakpoints.md) */\n  md?: number;\n\n  /** Col span at (min-width: theme.breakpoints.lg) */\n  lg?: number;\n\n  /** Col span at (min-width: theme.breakpoints.xl) */\n  xl?: number;\n}\n\nconst defaultProps: Partial<ColProps> = {\n  offset: 0,\n  offsetXs: 0,\n  offsetSm: 0,\n  offsetMd: 0,\n  offsetLg: 0,\n  offsetXl: 0,\n};\n\nfunction isValidSpan(span: number) {\n  return typeof span === 'number' && span > 0 && span % 1 === 0;\n}\n\nexport const Col = forwardRef<HTMLDivElement, ColProps>((props: ColProps, ref) => {\n  const {\n    children,\n    span,\n    offset,\n    offsetXs,\n    offsetSm,\n    offsetMd,\n    offsetLg,\n    offsetXl,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    className,\n    classNames,\n    styles,\n    id,\n    ...others\n  } = useMantineDefaultProps('Col', defaultProps, props);\n\n  const { columns, gutter, grow } = useGridContext('Grid.Col');\n  const colSpan = span || columns;\n  const { classes, cx } = useStyles(\n    {\n      gutter,\n      offset,\n      offsetXs,\n      offsetSm,\n      offsetMd,\n      offsetLg,\n      offsetXl,\n      xs,\n      sm,\n      md,\n      lg,\n      xl,\n      grow,\n      columns,\n      span: colSpan,\n    },\n    { classNames, styles, name: 'Col' }\n  );\n\n  if (!isValidSpan(colSpan) || colSpan > columns) {\n    return null;\n  }\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nCol.displayName = '@mantine/core/Col';\n"],"names":["forwardRef","useMantineDefaultProps","styles","useGridContext","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"Col.js","sources":["../../../../src/components/Grid/Col/Col.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useGridContext } from '../Grid.context';\nimport useStyles from './Col.styles';\n\nexport interface ColProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Default col span */\n  span?: number;\n\n  /** Column left offset */\n  offset?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xs) */\n  offsetXs?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.sm) */\n  offsetSm?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.md) */\n  offsetMd?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.lg) */\n  offsetLg?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xl) */\n  offsetXl?: number;\n\n  /** Col span at (min-width: theme.breakpoints.xs) */\n  xs?: number;\n\n  /** Col span at (min-width: theme.breakpoints.sm) */\n  sm?: number;\n\n  /** Col span at (min-width: theme.breakpoints.md) */\n  md?: number;\n\n  /** Col span at (min-width: theme.breakpoints.lg) */\n  lg?: number;\n\n  /** Col span at (min-width: theme.breakpoints.xl) */\n  xl?: number;\n}\n\nconst defaultProps: Partial<ColProps> = {\n  offset: 0,\n  offsetXs: 0,\n  offsetSm: 0,\n  offsetMd: 0,\n  offsetLg: 0,\n  offsetXl: 0,\n};\n\nfunction isValidSpan(span: number) {\n  return typeof span === 'number' && span > 0 && span % 1 === 0;\n}\n\nexport const Col = forwardRef<HTMLDivElement, ColProps>((props: ColProps, ref) => {\n  const {\n    children,\n    span,\n    offset,\n    offsetXs,\n    offsetSm,\n    offsetMd,\n    offsetLg,\n    offsetXl,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    className,\n    id,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Grid.Col', defaultProps, props);\n\n  const ctx = useGridContext();\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] Grid.Col was used outside of Grid context');\n  }\n\n  const colSpan = span || ctx.columns;\n  const { classes, cx } = useStyles(\n    {\n      gutter: ctx.gutter,\n      offset,\n      offsetXs,\n      offsetSm,\n      offsetMd,\n      offsetLg,\n      offsetXl,\n      xs,\n      sm,\n      md,\n      lg,\n      xl,\n      grow: ctx.grow,\n      columns: ctx.columns,\n      span: colSpan,\n    },\n    { unstyled, name: 'Col' }\n  );\n\n  if (!isValidSpan(colSpan) || colSpan > ctx.columns) {\n    return null;\n  }\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nCol.displayName = '@mantine/core/Col';\n"],"names":["forwardRef","useComponentDefaultProps","useGridContext","useStyles","React","Box"],"mappings":"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"}

package/cjs/components/Grid/Grid.context.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createUseContext = require('../../utils/create-use-context/create-use-context.js');
+var React = require('react');
 
-const [GridProvider, useGridContext] = createUseContext.createUseContext(null);
+const GridContext = React.createContext(null);
+const GridProvider = GridContext.Provider;
+const useGridContext = () => React.useContext(GridContext);
 
 exports.GridProvider = GridProvider;
 exports.useGridContext = useGridContext;

package/cjs/components/Grid/Grid.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.context.js","sources":["../../../src/components/Grid/Grid.context.ts"],"sourcesContent":["import type { MantineNumberSize } from '@mantine/styles';\nimport { createUseContext } from '../../utils';\n\ninterface GridContextValue {\n  gutter: MantineNumberSize;\n  grow: boolean;\n  columns: number;\n}\n\nexport const [GridProvider, useGridContext] = createUseContext<GridContextValue>(null);\n"],"names":["createUseContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,iCAAgB,CAAC,IAAI;;;;;"}
+{"version":3,"file":"Grid.context.js","sources":["../../../src/components/Grid/Grid.context.ts"],"sourcesContent":["import type { MantineNumberSize } from '@mantine/styles';\nimport { createContext, useContext } from 'react';\n\ninterface GridContextValue {\n  gutter: MantineNumberSize;\n  grow: boolean;\n  columns: number;\n}\n\nconst GridContext = createContext<GridContextValue>(null);\n\nexport const GridProvider = GridContext.Provider;\nexport const useGridContext = () => useContext(GridContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AACA,MAAM,WAAW,GAAGA,mBAAa,CAAC,IAAI,CAAC,CAAC;AAC5B,MAAC,YAAY,GAAG,WAAW,CAAC,SAAS;AACrC,MAAC,cAAc,GAAG,MAAMC,gBAAU,CAAC,WAAW;;;;;"}

package/cjs/components/Grid/Grid.js

@@ -48,30 +48,8 @@ const defaultProps = {
   columns: 12
 };
 const Grid = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Grid", defaultProps, props), {
-    gutter,
-    children,
-    grow,
-    justify,
-    align,
-    columns,
-    className,
-    classNames,
-    styles: styles$1,
-    id
-  } = _a, others = __objRest(_a, [
-    "gutter",
-    "children",
-    "grow",
-    "justify",
-    "align",
-    "columns",
-    "className",
-    "classNames",
-    "styles",
-    "id"
-  ]);
-  const { classes, cx } = Grid_styles['default']({ gutter, justify, align }, { classNames, styles: styles$1, name: "Grid" });
+  const _a = styles.useComponentDefaultProps("Grid", defaultProps, props), { gutter, children, grow, justify, align, columns, className, id, unstyled } = _a, others = __objRest(_a, ["gutter", "children", "grow", "justify", "align", "columns", "className", "id", "unstyled"]);
+  const { classes, cx } = Grid_styles['default']({ gutter, justify, align }, { unstyled, name: "Grid" });
   return /* @__PURE__ */ React__default.createElement(Grid_context.GridProvider, {
     value: { gutter, grow, columns }
   }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({

package/cjs/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Col } from './Col/Col';\nimport { GridProvider } from './Grid.context';\nimport useStyles from './Grid.styles';\n\nexport interface GridProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** <Col /> components only */\n  children: React.ReactNode;\n\n  /** Spacing between columns predefined value from theme.spacing or number for gutter in px  */\n  gutter?: MantineNumberSize;\n\n  /** Should columns in the last row take 100% of grid width */\n  grow?: boolean;\n\n  /** Set grid justify-content property */\n  justify?: React.CSSProperties['justifyContent'];\n\n  /** Set grid align-content property */\n  align?: React.CSSProperties['alignContent'];\n\n  /** Amount of columns in each row */\n  columns?: number;\n}\n\ntype GridComponent = ForwardRefWithStaticComponents<GridProps, { Col: typeof Col }>;\n\nconst defaultProps: Partial<GridProps> = {\n  gutter: 'md',\n  justify: 'flex-start',\n  align: 'stretch',\n  columns: 12,\n};\n\nexport const Grid: GridComponent = forwardRef<HTMLDivElement, GridProps>(\n  (props: GridProps, ref) => {\n    const {\n      gutter,\n      children,\n      grow,\n      justify,\n      align,\n      columns,\n      className,\n      classNames,\n      styles,\n      id,\n      ...others\n    } = useMantineDefaultProps('Grid', defaultProps, props);\n\n    const { classes, cx } = useStyles(\n      { gutter, justify, align },\n      { classNames, styles, name: 'Grid' }\n    );\n\n    return (\n      <GridProvider value={{ gutter, grow, columns }}>\n        <Box className={cx(classes.root, className)} ref={ref} {...others}>\n          {children}\n        </Box>\n      </GridProvider>\n    );\n  }\n) as any;\n\nGrid.Col = Col;\nGrid.displayName = '@mantine/core/Grid';\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","React","GridProvider","Box","Col"],"mappings":"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"}
+{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { Col } from './Col/Col';\nimport { GridProvider } from './Grid.context';\nimport useStyles from './Grid.styles';\n\nexport interface GridProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** <Col /> components only */\n  children: React.ReactNode;\n\n  /** Spacing between columns predefined value from theme.spacing or number for gutter in px  */\n  gutter?: MantineNumberSize;\n\n  /** Should columns in the last row take 100% of grid width */\n  grow?: boolean;\n\n  /** Set grid justify-content property */\n  justify?: React.CSSProperties['justifyContent'];\n\n  /** Set grid align-content property */\n  align?: React.CSSProperties['alignContent'];\n\n  /** Amount of columns in each row */\n  columns?: number;\n}\n\ntype GridComponent = ForwardRefWithStaticComponents<GridProps, { Col: typeof Col }>;\n\nconst defaultProps: Partial<GridProps> = {\n  gutter: 'md',\n  justify: 'flex-start',\n  align: 'stretch',\n  columns: 12,\n};\n\nexport const Grid: GridComponent = forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n  const { gutter, children, grow, justify, align, columns, className, id, unstyled, ...others } =\n    useComponentDefaultProps('Grid', defaultProps, props);\n  const { classes, cx } = useStyles({ gutter, justify, align }, { unstyled, name: 'Grid' });\n\n  return (\n    <GridProvider value={{ gutter, grow, columns }}>\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {children}\n      </Box>\n    </GridProvider>\n  );\n}) as any;\n\nGrid.Col = Col;\nGrid.displayName = '@mantine/core/Grid';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","GridProvider","Box","Col"],"mappings":"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"}

package/cjs/components/Group/Group.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styles = require('@mantine/styles');
+var filterFalsyChildren = require('./filter-falsy-children/filter-falsy-children.js');
 var Group_styles = require('./Group.styles.js');
-var filterFalsyChildren = require('../../utils/filter-falsy-children/filter-falsy-children.js');
 var Box = require('../Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -42,33 +42,10 @@ var __objRest = (source, exclude) => {
 };
 const defaultProps = {
   position: "left",
-  spacing: "md",
-  direction: "row"
+  spacing: "md"
 };
 const Group = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Group", defaultProps, props), {
-    className,
-    position,
-    align,
-    children,
-    noWrap,
-    grow,
-    spacing,
-    direction,
-    classNames,
-    styles: styles$1
-  } = _a, others = __objRest(_a, [
-    "className",
-    "position",
-    "align",
-    "children",
-    "noWrap",
-    "grow",
-    "spacing",
-    "direction",
-    "classNames",
-    "styles"
-  ]);
+  const _a = styles.useComponentDefaultProps("Group", defaultProps, props), { className, position, align, children, noWrap, grow, spacing, unstyled } = _a, others = __objRest(_a, ["className", "position", "align", "children", "noWrap", "grow", "spacing", "unstyled"]);
   const filteredChildren = filterFalsyChildren.filterFalsyChildren(children);
   const { classes, cx } = Group_styles['default']({
     align,
@@ -76,9 +53,8 @@ const Group = React.forwardRef((props, ref) => {
     noWrap,
     spacing,
     position,
-    direction,
     count: filteredChildren.length
-  }, { classNames, styles: styles$1, name: "Group" });
+  }, { unstyled, name: "Group" });
   const items = filteredChildren.map((child) => {
     var _a2;
     if (typeof child === "object" && child !== null && "props" in child) {

package/cjs/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { filterFalsyChildren } from '../../utils';\nimport { Box } from '../Box';\nimport useStyles, { GroupPosition } from './Group.styles';\n\nexport interface GroupProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Defines justify-content property */\n  position?: GroupPosition;\n\n  /** Defined flex-wrap property */\n  noWrap?: boolean;\n\n  /** Defines flex-grow property for each element, true -> 1, false -> 0 */\n  grow?: boolean;\n\n  /** Space between elements */\n  spacing?: MantineNumberSize;\n\n  /** Defines flex-direction property, row for horizontal, column for vertical */\n  direction?: 'row' | 'column';\n\n  /** Defines align-items css property */\n  align?: React.CSSProperties['alignItems'];\n}\n\nconst defaultProps: Partial<GroupProps> = {\n  position: 'left',\n  spacing: 'md',\n  direction: 'row',\n};\n\nexport const Group = forwardRef<HTMLDivElement, GroupProps>((props: GroupProps, ref) => {\n  const {\n    className,\n    position,\n    align,\n    children,\n    noWrap,\n    grow,\n    spacing,\n    direction,\n    classNames,\n    styles,\n    ...others\n  } = useMantineDefaultProps('Group', defaultProps, props);\n\n  const filteredChildren = filterFalsyChildren(children);\n  const { classes, cx } = useStyles(\n    {\n      align,\n      grow,\n      noWrap,\n      spacing,\n      position,\n      direction,\n      count: filteredChildren.length,\n    },\n    { classNames, styles, name: 'Group' }\n  );\n\n  const items = filteredChildren.map((child) => {\n    if (typeof child === 'object' && child !== null && 'props' in child) {\n      return React.cloneElement(child, {\n        className: cx(classes.child, child.props?.className),\n      });\n    }\n\n    return child;\n  });\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {items}\n    </Box>\n  );\n});\n\nGroup.displayName = '@mantine/core/Group';\n"],"names":["forwardRef","useMantineDefaultProps","styles","filterFalsyChildren","useStyles","React","Box"],"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,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMF,MAAM,YAAY,GAAG;AACrB,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,SAAS,EAAE,KAAK;AAClB,CAAC,CAAC;AACU,MAAC,KAAK,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,GAAGC,6BAAsB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACnE,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,UAAU;AACd,YAAIC,QAAM;AACV,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,gBAAgB,GAAGC,uCAAmB,CAAC,QAAQ,CAAC,CAAC;AACzD,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,uBAAS,CAAC;AACpC,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,KAAK,EAAE,gBAAgB,CAAC,MAAM;AAClC,GAAG,EAAE,EAAE,UAAU,UAAEF,QAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAC5C,EAAE,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK;AAChD,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;AACzE,MAAM,OAAOG,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACvC,QAAQ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC;AAC1F,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AACrB,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport useStyles, { GroupPosition } from './Group.styles';\n\nexport interface GroupProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Defines justify-content property */\n  position?: GroupPosition;\n\n  /** Defined flex-wrap property */\n  noWrap?: boolean;\n\n  /** Defines flex-grow property for each element, true -> 1, false -> 0 */\n  grow?: boolean;\n\n  /** Space between elements */\n  spacing?: MantineNumberSize;\n\n  /** Defines align-items css property */\n  align?: React.CSSProperties['alignItems'];\n}\n\nconst defaultProps: Partial<GroupProps> = {\n  position: 'left',\n  spacing: 'md',\n};\n\nexport const Group = forwardRef<HTMLDivElement, GroupProps>((props: GroupProps, ref) => {\n  const { className, position, align, children, noWrap, grow, spacing, unstyled, ...others } =\n    useComponentDefaultProps('Group', defaultProps, props);\n\n  const filteredChildren = filterFalsyChildren(children);\n  const { classes, cx } = useStyles(\n    {\n      align,\n      grow,\n      noWrap,\n      spacing,\n      position,\n      count: filteredChildren.length,\n    },\n    { unstyled, name: 'Group' }\n  );\n\n  const items = filteredChildren.map((child) => {\n    if (typeof child === 'object' && child !== null && 'props' in child) {\n      return React.cloneElement(child, {\n        className: cx(classes.child, child.props?.className),\n      });\n    }\n\n    return child;\n  });\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {items}\n    </Box>\n  );\n});\n\nGroup.displayName = '@mantine/core/Group';\n"],"names":["forwardRef","useComponentDefaultProps","filterFalsyChildren","useStyles","React","Box"],"mappings":"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"}

package/cjs/components/Group/Group.styles.js

@@ -4,28 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styles = require('@mantine/styles');
 
-const POSITIONS = {
+const GROUP_POSITIONS = {
   left: "flex-start",
   center: "center",
   right: "flex-end",
   apart: "space-between"
 };
-var useStyles = styles.createStyles((theme, { spacing, position, noWrap, direction, grow, align, count }) => ({
+var useStyles = styles.createStyles((theme, { spacing, position, noWrap, grow, align, count }) => ({
   root: {
     boxSizing: "border-box",
     display: "flex",
-    flexDirection: direction,
-    alignItems: align || (direction === "row" ? "center" : grow ? "stretch" : position === "apart" ? "flex-start" : POSITIONS[position]),
+    flexDirection: "row",
+    alignItems: align || "center",
     flexWrap: noWrap ? "nowrap" : "wrap",
-    justifyContent: direction === "row" ? POSITIONS[position] : void 0,
+    justifyContent: GROUP_POSITIONS[position],
     gap: theme.fn.size({ size: spacing, sizes: theme.spacing })
   },
   child: {
     boxSizing: "border-box",
-    maxWidth: grow && direction === "row" ? `calc(${100 / count}% - ${theme.fn.size({ size: spacing, sizes: theme.spacing }) - theme.fn.size({ size: spacing, sizes: theme.spacing }) / count}px)` : void 0,
+    maxWidth: grow ? `calc(${100 / count}% - ${theme.fn.size({ size: spacing, sizes: theme.spacing }) - theme.fn.size({ size: spacing, sizes: theme.spacing }) / count}px)` : void 0,
     flexGrow: grow ? 1 : 0
   }
 }));
 
+exports.GROUP_POSITIONS = GROUP_POSITIONS;
 exports.default = useStyles;
 //# sourceMappingURL=Group.styles.js.map

package/cjs/components/Group/Group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.styles.js","sources":["../../../src/components/Group/Group.styles.ts"],"sourcesContent":["import React from 'react';\nimport { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport type GroupPosition = 'right' | 'center' | 'left' | 'apart';\n\nexport interface GroupStylesParams {\n  position: GroupPosition;\n  noWrap: boolean;\n  grow: boolean;\n  spacing: MantineNumberSize;\n  direction: 'row' | 'column';\n  align: React.CSSProperties['alignItems'];\n  count: number;\n}\n\nconst POSITIONS = {\n  left: 'flex-start',\n  center: 'center',\n  right: 'flex-end',\n  apart: 'space-between',\n};\n\nexport default createStyles(\n  (theme, { spacing, position, noWrap, direction, grow, align, count }: GroupStylesParams) => ({\n    root: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexDirection: direction,\n      alignItems:\n        align ||\n        (direction === 'row'\n          ? 'center'\n          : grow\n          ? 'stretch'\n          : position === 'apart'\n          ? 'flex-start'\n          : POSITIONS[position]),\n      flexWrap: noWrap ? 'nowrap' : 'wrap',\n      justifyContent: direction === 'row' ? POSITIONS[position] : undefined,\n      gap: theme.fn.size({ size: spacing, sizes: theme.spacing }),\n    },\n\n    child: {\n      boxSizing: 'border-box',\n      maxWidth:\n        grow && direction === 'row'\n          ? `calc(${100 / count}% - ${\n              theme.fn.size({ size: spacing, sizes: theme.spacing }) -\n              theme.fn.size({ size: spacing, sizes: theme.spacing }) / count\n            }px)`\n          : undefined,\n      flexGrow: grow ? 1 : 0,\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":";;;;;;AACA,MAAM,SAAS,GAAG;AAClB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,KAAK,EAAE,UAAU;AACnB,EAAE,KAAK,EAAE,eAAe;AACxB,CAAC,CAAC;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM;AACtG,EAAE,IAAI,EAAE;AACR,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,SAAS;AAC5B,IAAI,UAAU,EAAE,KAAK,KAAK,SAAS,KAAK,KAAK,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,KAAK,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;AACxI,IAAI,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM;AACxC,IAAI,cAAc,EAAE,SAAS,KAAK,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;AACtE,IAAI,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC/D,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,QAAQ,EAAE,IAAI,IAAI,SAAS,KAAK,KAAK,GAAG,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC3M,IAAI,QAAQ,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC;AAC1B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Group.styles.js","sources":["../../../src/components/Group/Group.styles.ts"],"sourcesContent":["import React from 'react';\nimport { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport type GroupPosition = 'right' | 'center' | 'left' | 'apart';\n\nexport interface GroupStylesParams {\n  position: GroupPosition;\n  noWrap: boolean;\n  grow: boolean;\n  spacing: MantineNumberSize;\n  align: React.CSSProperties['alignItems'];\n  count: number;\n}\n\nexport const GROUP_POSITIONS = {\n  left: 'flex-start',\n  center: 'center',\n  right: 'flex-end',\n  apart: 'space-between',\n};\n\nexport default createStyles(\n  (theme, { spacing, position, noWrap, grow, align, count }: GroupStylesParams) => ({\n    root: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: align || 'center',\n      flexWrap: noWrap ? 'nowrap' : 'wrap',\n      justifyContent: GROUP_POSITIONS[position],\n      gap: theme.fn.size({ size: spacing, sizes: theme.spacing }),\n    },\n\n    child: {\n      boxSizing: 'border-box',\n      maxWidth: grow\n        ? `calc(${100 / count}% - ${\n            theme.fn.size({ size: spacing, sizes: theme.spacing }) -\n            theme.fn.size({ size: spacing, sizes: theme.spacing }) / count\n          }px)`\n        : undefined,\n      flexGrow: grow ? 1 : 0,\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":";;;;;;AACY,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,KAAK,EAAE,UAAU;AACnB,EAAE,KAAK,EAAE,eAAe;AACxB,EAAE;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM;AAC3F,EAAE,IAAI,EAAE;AACR,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,KAAK;AACxB,IAAI,UAAU,EAAE,KAAK,IAAI,QAAQ;AACjC,IAAI,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM;AACxC,IAAI,cAAc,EAAE,eAAe,CAAC,QAAQ,CAAC;AAC7C,IAAI,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC/D,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,QAAQ,EAAE,IAAI,GAAG,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACpL,IAAI,QAAQ,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC;AAC1B,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-falsy-children.js","sources":["../../../../src/components/Group/filter-falsy-children/filter-falsy-children.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode } from 'react';\n\nexport function filterFalsyChildren(children: ReactNode) {\n  return (Children.toArray(children) as ReactElement[]).filter(Boolean);\n}\n"],"names":["Children"],"mappings":";;;;;;AACO,SAAS,mBAAmB,CAAC,QAAQ,EAAE;AAC9C,EAAE,OAAOA,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACpD;;;;"}

package/cjs/components/Highlight/Highlight.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
 var Text = require('../Text/Text.js');
 var Mark = require('../Mark/Mark.js');
 var highlighter = require('./highlighter/highlighter.js');
@@ -43,13 +44,14 @@ var __objRest = (source, exclude) => {
 const defaultProps = {
   highlightColor: "yellow"
 };
-const Highlight = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Highlight", defaultProps, props), { children, highlight, highlightColor, component, highlightStyles } = _a, others = __objRest(_a, ["children", "highlight", "highlightColor", "component", "highlightStyles"]);
+const _Highlight = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("Highlight", defaultProps, props), { children, highlight, highlightColor, highlightStyles, unstyled } = _a, others = __objRest(_a, ["children", "highlight", "highlightColor", "highlightStyles", "unstyled"]);
   const highlightChunks = highlighter.highlighter(children, highlight);
   return /* @__PURE__ */ React__default.createElement(Text.Text, __spreadValues({
-    component,
+    unstyled,
     ref
   }, others), highlightChunks.map(({ chunk, highlighted }, i) => highlighted ? /* @__PURE__ */ React__default.createElement(Mark.Mark, {
+    unstyled,
     key: i,
     color: highlightColor,
     sx: highlightStyles
@@ -57,7 +59,9 @@ const Highlight = React.forwardRef((props, ref) => {
     key: i
   }, chunk)));
 });
-Highlight.displayName = "@mantine/core/Highlight";
+_Highlight.displayName = "@mantine/core/Highlight";
+const Highlight = utils.createPolymorphicComponent(_Highlight);
 
 exports.Highlight = Highlight;
+exports._Highlight = _Highlight;
 //# sourceMappingURL=Highlight.js.map