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

package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js

@@ -5,63 +5,61 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var react = require('@floating-ui/react');
 
-function useFloatingTooltip({ offset, position, }) {
-    const [opened, setOpened] = React.useState(false);
-    const boundaryRef = React.useRef();
-    const { x, y, reference, floating, refs, update, placement } = react.useFloating({
-        placement: position,
-        middleware: [
-            react.shift({
-                crossAxis: true,
-                padding: 5,
-                rootBoundary: 'document',
-            }),
-        ],
-    });
-    const horizontalOffset = placement.includes('right')
-        ? offset
-        : position.includes('left')
-            ? offset * -1
-            : 0;
-    const verticalOffset = placement.includes('bottom')
-        ? offset
-        : position.includes('top')
-            ? offset * -1
-            : 0;
-    const handleMouseMove = React.useCallback(({ clientX, clientY }) => {
-        reference({
-            getBoundingClientRect() {
-                return {
-                    width: 0,
-                    height: 0,
-                    x: clientX,
-                    y: clientY,
-                    left: clientX + horizontalOffset,
-                    top: clientY + verticalOffset,
-                    right: clientX,
-                    bottom: clientY,
-                };
-            },
-        });
-    }, [reference]);
-    React.useEffect(() => {
-        if (refs.floating.current) {
-            const boundary = boundaryRef.current;
-            boundary.addEventListener('mousemove', handleMouseMove);
-            const parents = react.getOverflowAncestors(refs.floating.current);
-            parents.forEach((parent) => {
-                parent.addEventListener('scroll', update);
-            });
-            return () => {
-                boundary.removeEventListener('mousemove', handleMouseMove);
-                parents.forEach((parent) => {
-                    parent.removeEventListener('scroll', update);
-                });
-            };
+function useFloatingTooltip({
+  offset,
+  position
+}) {
+  const [opened, setOpened] = React.useState(false);
+  const boundaryRef = React.useRef();
+  const { x, y, elements, refs, update, placement } = react.useFloating({
+    placement: position,
+    middleware: [
+      react.shift({
+        crossAxis: true,
+        padding: 5,
+        rootBoundary: "document"
+      })
+    ]
+  });
+  const horizontalOffset = placement.includes("right") ? offset : position.includes("left") ? offset * -1 : 0;
+  const verticalOffset = placement.includes("bottom") ? offset : position.includes("top") ? offset * -1 : 0;
+  const handleMouseMove = React.useCallback(
+    ({ clientX, clientY }) => {
+      refs.setPositionReference({
+        getBoundingClientRect() {
+          return {
+            width: 0,
+            height: 0,
+            x: clientX,
+            y: clientY,
+            left: clientX + horizontalOffset,
+            top: clientY + verticalOffset,
+            right: clientX,
+            bottom: clientY
+          };
         }
-        return undefined;
-    }, [reference, refs.floating.current, update, handleMouseMove, opened]);
-    return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };
+      });
+    },
+    [elements.reference]
+  );
+  React.useEffect(() => {
+    if (refs.floating.current) {
+      const boundary = boundaryRef.current;
+      boundary.addEventListener("mousemove", handleMouseMove);
+      const parents = react.getOverflowAncestors(refs.floating.current);
+      parents.forEach((parent) => {
+        parent.addEventListener("scroll", update);
+      });
+      return () => {
+        boundary.removeEventListener("mousemove", handleMouseMove);
+        parents.forEach((parent) => {
+          parent.removeEventListener("scroll", update);
+        });
+      };
+    }
+    return void 0;
+  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]);
+  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };
 }
 
 exports.useFloatingTooltip = useFloatingTooltip;

package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-tooltip.js","sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';\nimport { FloatingPosition } from '../../Floating';\n\ninterface UseFloatingTooltip {\n  offset: number;\n  position: FloatingPosition;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n  offset,\n  position,\n}: UseFloatingTooltip) {\n  const [opened, setOpened] = useState(false);\n  const boundaryRef = useRef<T>();\n  const { x, y, reference, floating, refs, update, placement } = useFloating({\n    placement: position,\n    middleware: [\n      shift({\n        crossAxis: true,\n        padding: 5,\n        rootBoundary: 'document',\n      }),\n    ],\n  });\n\n  const horizontalOffset = placement.includes('right')\n    ? offset\n    : position.includes('left')\n    ? offset * -1\n    : 0;\n\n  const verticalOffset = placement.includes('bottom')\n    ? offset\n    : position.includes('top')\n    ? offset * -1\n    : 0;\n\n  const handleMouseMove = useCallback(\n    ({ clientX, clientY }: MouseEvent | React.MouseEvent<T, MouseEvent>) => {\n      reference({\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: clientX,\n            y: clientY,\n            left: clientX + horizontalOffset,\n            top: clientY + verticalOffset,\n            right: clientX,\n            bottom: clientY,\n          };\n        },\n      });\n    },\n    [reference]\n  );\n\n  useEffect(() => {\n    if (refs.floating.current) {\n      const boundary = boundaryRef.current!;\n      boundary.addEventListener('mousemove', handleMouseMove);\n\n      const parents = getOverflowAncestors(refs.floating.current);\n      parents.forEach((parent) => {\n        parent.addEventListener('scroll', update);\n      });\n\n      return () => {\n        boundary.removeEventListener('mousemove', handleMouseMove);\n        parents.forEach((parent) => {\n          parent.removeEventListener('scroll', update);\n        });\n      };\n    }\n\n    return undefined;\n  }, [reference, refs.floating.current, update, handleMouseMove, opened]);\n\n  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };\n}\n"],"names":["useState","useRef","useFloating","shift","useCallback","useEffect","getOverflowAncestors"],"mappings":";;;;;;;SASgB,kBAAkB,CAA8B,EAC9D,MAAM,EACN,QAAQ,GACW;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAGC,YAAM,EAAK,CAAC;IAChC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAGC,iBAAW,CAAC;QACzE,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE;YACVC,WAAK,CAAC;gBACJ,SAAS,EAAE,IAAI;gBACf,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,UAAU;aACzB,CAAC;SACH;KACF,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;UAChD,MAAM;UACN,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;cACzB,MAAM,GAAG,CAAC,CAAC;cACX,CAAC,CAAC;IAEN,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;UAC/C,MAAM;UACN,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;cACxB,MAAM,GAAG,CAAC,CAAC;cACX,CAAC,CAAC;IAEN,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAgD;QACjE,SAAS,CAAC;YACR,qBAAqB;gBACnB,OAAO;oBACL,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,CAAC,EAAE,OAAO;oBACV,CAAC,EAAE,OAAO;oBACV,IAAI,EAAE,OAAO,GAAG,gBAAgB;oBAChC,GAAG,EAAE,OAAO,GAAG,cAAc;oBAC7B,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;iBAChB,CAAC;aACH;SACF,CAAC,CAAC;KACJ,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEFC,eAAS,CAAC;QACR,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAQ,CAAC;YACtC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAExD,MAAM,OAAO,GAAGC,0BAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;gBACrB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;aAC3C,CAAC,CAAC;YAEH,OAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;gBAC3D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;oBACrB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;iBAC9C,CAAC,CAAC;aACJ,CAAC;SACH;QAED,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAC7E;;;;"}
+{"version":3,"file":"use-floating-tooltip.js","sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';\nimport { FloatingPosition } from '../../Floating';\n\ninterface UseFloatingTooltip {\n  offset: number;\n  position: FloatingPosition;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n  offset,\n  position,\n}: UseFloatingTooltip) {\n  const [opened, setOpened] = useState(false);\n  const boundaryRef = useRef<T>();\n  const { x, y, elements, refs, update, placement } = useFloating({\n    placement: position,\n    middleware: [\n      shift({\n        crossAxis: true,\n        padding: 5,\n        rootBoundary: 'document',\n      }),\n    ],\n  });\n\n  const horizontalOffset = placement.includes('right')\n    ? offset\n    : position.includes('left')\n    ? offset * -1\n    : 0;\n\n  const verticalOffset = placement.includes('bottom')\n    ? offset\n    : position.includes('top')\n    ? offset * -1\n    : 0;\n\n  const handleMouseMove = useCallback(\n    ({ clientX, clientY }: MouseEvent | React.MouseEvent<T, MouseEvent>) => {\n      refs.setPositionReference({\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: clientX,\n            y: clientY,\n            left: clientX + horizontalOffset,\n            top: clientY + verticalOffset,\n            right: clientX,\n            bottom: clientY,\n          };\n        },\n      });\n    },\n    [elements.reference]\n  );\n\n  useEffect(() => {\n    if (refs.floating.current) {\n      const boundary = boundaryRef.current!;\n      boundary.addEventListener('mousemove', handleMouseMove);\n\n      const parents = getOverflowAncestors(refs.floating.current);\n      parents.forEach((parent) => {\n        parent.addEventListener('scroll', update);\n      });\n\n      return () => {\n        boundary.removeEventListener('mousemove', handleMouseMove);\n        parents.forEach((parent) => {\n          parent.removeEventListener('scroll', update);\n        });\n      };\n    }\n\n    return undefined;\n  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]);\n\n  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };\n}\n"],"names":["useState","useRef","useFloating","shift","useCallback","useEffect","getOverflowAncestors"],"mappings":";;;;;;;AAEO,SAAS,kBAAkB,CAAC;AACnC,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AAC9C,EAAE,MAAM,WAAW,GAAGC,YAAM,EAAE,CAAC;AAC/B,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAGC,iBAAW,CAAC;AAClE,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,UAAU,EAAE;AAChB,MAAMC,WAAK,CAAC;AACZ,QAAQ,SAAS,EAAE,IAAI;AACvB,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,YAAY,EAAE,UAAU;AAChC,OAAO,CAAC;AACR,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC9G,EAAE,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5G,EAAE,MAAM,eAAe,GAAGC,iBAAW;AACrC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK;AAC9B,MAAM,IAAI,CAAC,oBAAoB,CAAC;AAChC,QAAQ,qBAAqB,GAAG;AAChC,UAAU,OAAO;AACjB,YAAY,KAAK,EAAE,CAAC;AACpB,YAAY,MAAM,EAAE,CAAC;AACrB,YAAY,CAAC,EAAE,OAAO;AACtB,YAAY,CAAC,EAAE,OAAO;AACtB,YAAY,IAAI,EAAE,OAAO,GAAG,gBAAgB;AAC5C,YAAY,GAAG,EAAE,OAAO,GAAG,cAAc;AACzC,YAAY,KAAK,EAAE,OAAO;AAC1B,YAAY,MAAM,EAAE,OAAO;AAC3B,WAAW,CAAC;AACZ,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxB,GAAG,CAAC;AACJ,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC/B,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;AAC3C,MAAM,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAGC,0BAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAClE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK;AAClC,QAAQ,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAClD,OAAO,CAAC,CAAC;AACT,MAAM,OAAO,MAAM;AACnB,QAAQ,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AACnE,QAAQ,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK;AACpC,UAAU,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACvD,SAAS,CAAC,CAAC;AACX,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;AACnF,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;AAC/F;;;;"}

package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.context.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst TooltipGroupContext = createContext(false);\n\nexport const TooltipGroupProvider = TooltipGroupContext.Provider;\nexport const useTooltipGroupContext = () => useContext(TooltipGroupContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAEA,MAAM,mBAAmB,GAAGA,mBAAa,CAAC,KAAK,CAAC,CAAC;MAEpC,oBAAoB,GAAG,mBAAmB,CAAC,SAAS;MACpD,sBAAsB,GAAG,MAAMC,gBAAU,CAAC,mBAAmB;;;;;"}
+{"version":3,"file":"TooltipGroup.context.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst TooltipGroupContext = createContext(false);\n\nexport const TooltipGroupProvider = TooltipGroupContext.Provider;\nexport const useTooltipGroupContext = () => useContext(TooltipGroupContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AACA,MAAM,mBAAmB,GAAGA,mBAAa,CAAC,KAAK,CAAC,CAAC;AACrC,MAAC,oBAAoB,GAAG,mBAAmB,CAAC,SAAS;AACrD,MAAC,sBAAsB,GAAG,MAAMC,gBAAU,CAAC,mBAAmB;;;;;"}

package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js

@@ -11,17 +11,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable react/no-unused-prop-types */
 const defaultProps = {
-    openDelay: 0,
-    closeDelay: 0,
+  openDelay: 0,
+  closeDelay: 0
 };
 function TooltipGroup(props) {
-    const { openDelay, closeDelay, children } = useProps.useProps('TooltipGroup', defaultProps, props);
-    return (React__default.createElement(TooltipGroup_context.TooltipGroupProvider, { value: true },
-        React__default.createElement(react.FloatingDelayGroup, { delay: { open: openDelay, close: closeDelay } }, children)));
+  const { openDelay, closeDelay, children } = useProps.useProps("TooltipGroup", defaultProps, props);
+  return /* @__PURE__ */ React__default.createElement(TooltipGroup_context.TooltipGroupProvider, { value: true }, /* @__PURE__ */ React__default.createElement(react.FloatingDelayGroup, { delay: { open: openDelay, close: closeDelay } }, children));
 }
-TooltipGroup.displayName = '@mantine/core/TooltipGroup';
+TooltipGroup.displayName = "@mantine/core/TooltipGroup";
 
 exports.TooltipGroup = TooltipGroup;
 //# sourceMappingURL=TooltipGroup.js.map

package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport { useProps } from '../../../core';\nimport { TooltipGroupProvider } from './TooltipGroup.context';\n\nexport interface TooltipGroupProps {\n  /** <Tooltip /> components */\n  children: React.ReactNode;\n\n  /** Open delay in ms */\n  openDelay?: number;\n\n  /** Close delay in ms */\n  closeDelay?: number;\n}\n\nconst defaultProps: Partial<TooltipGroupProps> = {\n  openDelay: 0,\n  closeDelay: 0,\n};\n\nexport function TooltipGroup(props: TooltipGroupProps) {\n  const { openDelay, closeDelay, children } = useProps('TooltipGroup', defaultProps, props);\n\n  return (\n    <TooltipGroupProvider value>\n      <FloatingDelayGroup delay={{ open: openDelay, close: closeDelay }}>\n        {children}\n      </FloatingDelayGroup>\n    </TooltipGroupProvider>\n  );\n}\n\nTooltipGroup.displayName = '@mantine/core/TooltipGroup';\n"],"names":["useProps","React","TooltipGroupProvider","FloatingDelayGroup"],"mappings":";;;;;;;;;;;;;AAAA;AAiBA,MAAM,YAAY,GAA+B;IAC/C,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,CAAC;CACd,CAAC;SAEc,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAGA,iBAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAE1F,QACEC,6BAACC,yCAAoB,IAAC,KAAK;QACzBD,6BAACE,wBAAkB,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,QAAQ,CACU,CACA,EACvB;AACJ,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
+{"version":3,"file":"TooltipGroup.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport { useProps } from '../../../core';\nimport { TooltipGroupProvider } from './TooltipGroup.context';\n\nexport interface TooltipGroupProps {\n  /** <Tooltip /> components */\n  children: React.ReactNode;\n\n  /** Open delay in ms */\n  openDelay?: number;\n\n  /** Close delay in ms */\n  closeDelay?: number;\n}\n\nconst defaultProps: Partial<TooltipGroupProps> = {\n  openDelay: 0,\n  closeDelay: 0,\n};\n\nexport function TooltipGroup(props: TooltipGroupProps) {\n  const { openDelay, closeDelay, children } = useProps('TooltipGroup', defaultProps, props);\n\n  return (\n    <TooltipGroupProvider value>\n      <FloatingDelayGroup delay={{ open: openDelay, close: closeDelay }}>\n        {children}\n      </FloatingDelayGroup>\n    </TooltipGroupProvider>\n  );\n}\n\nTooltipGroup.displayName = '@mantine/core/TooltipGroup';\n"],"names":["useProps","React","TooltipGroupProvider","FloatingDelayGroup"],"mappings":";;;;;;;;;;;;;AAIA,MAAM,YAAY,GAAG;AACrB,EAAE,SAAS,EAAE,CAAC;AACd,EAAE,UAAU,EAAE,CAAC;AACf,CAAC,CAAC;AACK,SAAS,YAAY,CAAC,KAAK,EAAE;AACpC,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAGA,iBAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AAC5F,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,yCAAoB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkBD,cAAK,CAAC,aAAa,CAACE,wBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC1M,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}

package/cjs/components/Tooltip/use-tooltip.js

@@ -9,67 +9,78 @@ var TooltipGroup_context = require('./TooltipGroup/TooltipGroup.context.js');
 var useFloatingAutoUpdate = require('../Floating/use-floating-auto-update.js');
 
 function useTooltip(settings) {
-    var _a, _b, _c;
-    const [uncontrolledOpened, setUncontrolledOpened] = React.useState(false);
-    const controlled = typeof settings.opened === 'boolean';
-    const opened = controlled ? settings.opened : uncontrolledOpened;
-    const withinGroup = TooltipGroup_context.useTooltipGroupContext();
-    const uid = hooks.useId();
-    const { delay: groupDelay, currentId, setCurrentId } = react.useDelayGroupContext();
-    const onChange = React.useCallback((_opened) => {
-        setUncontrolledOpened(_opened);
-        if (_opened) {
-            setCurrentId(uid);
-        }
-    }, [setCurrentId, uid]);
-    const { x, y, reference, floating, context, refs, update, placement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }, } = react.useFloating({
-        placement: settings.position,
-        open: opened,
-        onOpenChange: onChange,
-        middleware: [
-            react.offset(settings.offset),
-            react.shift({ padding: 8 }),
-            react.flip(),
-            react.arrow({ element: settings.arrowRef, padding: settings.arrowOffset }),
-            ...(settings.inline ? [react.inline()] : []),
-        ],
-    });
-    const { getReferenceProps, getFloatingProps } = react.useInteractions([
-        react.useHover(context, {
-            enabled: (_a = settings.events) === null || _a === void 0 ? void 0 : _a.hover,
-            delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },
-            mouseOnly: !((_b = settings.events) === null || _b === void 0 ? void 0 : _b.touch),
-        }),
-        react.useFocus(context, { enabled: (_c = settings.events) === null || _c === void 0 ? void 0 : _c.focus, keyboardOnly: true }),
-        react.useRole(context, { role: 'tooltip' }),
-        // cannot be used with controlled tooltip, page jumps
-        react.useDismiss(context, { enabled: typeof settings.opened === undefined }),
-        react.useDelayGroup(context, { id: uid }),
-    ]);
-    useFloatingAutoUpdate.useFloatingAutoUpdate({
-        opened,
-        position: settings.position,
-        positionDependencies: settings.positionDependencies,
-        floating: { refs, update },
-    });
-    hooks.useDidUpdate(() => {
-        var _a;
-        (_a = settings.onPositionChange) === null || _a === void 0 ? void 0 : _a.call(settings, placement);
-    }, [placement]);
-    const isGroupPhase = opened && currentId && currentId !== uid;
-    return {
-        x,
-        y,
-        arrowX,
-        arrowY,
-        reference,
-        floating,
-        getFloatingProps,
-        getReferenceProps,
-        isGroupPhase,
-        opened,
-        placement,
-    };
+  var _a, _b, _c;
+  const [uncontrolledOpened, setUncontrolledOpened] = React.useState(false);
+  const controlled = typeof settings.opened === "boolean";
+  const opened = controlled ? settings.opened : uncontrolledOpened;
+  const withinGroup = TooltipGroup_context.useTooltipGroupContext();
+  const uid = hooks.useId();
+  const { delay: groupDelay, currentId, setCurrentId } = react.useDelayGroupContext();
+  const onChange = React.useCallback(
+    (_opened) => {
+      setUncontrolledOpened(_opened);
+      if (_opened) {
+        setCurrentId(uid);
+      }
+    },
+    [setCurrentId, uid]
+  );
+  const {
+    x,
+    y,
+    context,
+    refs,
+    update,
+    placement,
+    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }
+  } = react.useFloating({
+    placement: settings.position,
+    open: opened,
+    onOpenChange: onChange,
+    middleware: [
+      react.offset(settings.offset),
+      react.shift({ padding: 8 }),
+      react.flip(),
+      react.arrow({ element: settings.arrowRef, padding: settings.arrowOffset }),
+      ...settings.inline ? [react.inline()] : []
+    ]
+  });
+  const { getReferenceProps, getFloatingProps } = react.useInteractions([
+    react.useHover(context, {
+      enabled: (_a = settings.events) == null ? void 0 : _a.hover,
+      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },
+      mouseOnly: !((_b = settings.events) == null ? void 0 : _b.touch)
+    }),
+    react.useFocus(context, { enabled: (_c = settings.events) == null ? void 0 : _c.focus, keyboardOnly: true }),
+    react.useRole(context, { role: "tooltip" }),
+    // cannot be used with controlled tooltip, page jumps
+    react.useDismiss(context, { enabled: typeof settings.opened === void 0 }),
+    react.useDelayGroup(context, { id: uid })
+  ]);
+  useFloatingAutoUpdate.useFloatingAutoUpdate({
+    opened,
+    position: settings.position,
+    positionDependencies: settings.positionDependencies,
+    floating: { refs, update }
+  });
+  hooks.useDidUpdate(() => {
+    var _a2;
+    (_a2 = settings.onPositionChange) == null ? void 0 : _a2.call(settings, placement);
+  }, [placement]);
+  const isGroupPhase = opened && currentId && currentId !== uid;
+  return {
+    x,
+    y,
+    arrowX,
+    arrowY,
+    reference: refs.setReference,
+    floating: refs.setFloating,
+    getFloatingProps,
+    getReferenceProps,
+    isGroupPhase,
+    opened,
+    placement
+  };
 }
 
 exports.useTooltip = useTooltip;

package/cjs/components/Tooltip/use-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n  useFloating,\n  flip,\n  arrow,\n  offset,\n  shift,\n  useInteractions,\n  useHover,\n  useFocus,\n  useRole,\n  useDismiss,\n  useDelayGroupContext,\n  useDelayGroup,\n  inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n  position: FloatingPosition;\n  closeDelay?: number;\n  openDelay?: number;\n  onPositionChange?(position: FloatingPosition): void;\n  opened?: boolean;\n  offset: number | FloatingAxesOffsets;\n  arrowRef?: React.RefObject<HTMLDivElement>;\n  arrowOffset?: number;\n  events?: { hover: boolean; focus: boolean; touch: boolean };\n  positionDependencies: any[];\n  inline?: boolean;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n  const controlled = typeof settings.opened === 'boolean';\n  const opened = controlled ? settings.opened : uncontrolledOpened;\n  const withinGroup = useTooltipGroupContext();\n  const uid = useId();\n\n  const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n\n  const onChange = useCallback(\n    (_opened: boolean) => {\n      setUncontrolledOpened(_opened);\n\n      if (_opened) {\n        setCurrentId(uid);\n      }\n    },\n    [setCurrentId, uid]\n  );\n\n  const {\n    x,\n    y,\n    reference,\n    floating,\n    context,\n    refs,\n    update,\n    placement,\n    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n  } = useFloating({\n    placement: settings.position,\n    open: opened,\n    onOpenChange: onChange,\n    middleware: [\n      offset(settings.offset),\n      shift({ padding: 8 }),\n      flip(),\n      arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }),\n      ...(settings.inline ? [inline()] : []),\n    ],\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useHover(context, {\n      enabled: settings.events?.hover,\n      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n      mouseOnly: !settings.events?.touch,\n    }),\n    useFocus(context, { enabled: settings.events?.focus, keyboardOnly: true }),\n    useRole(context, { role: 'tooltip' }),\n    // cannot be used with controlled tooltip, page jumps\n    useDismiss(context, { enabled: typeof settings.opened === undefined }),\n    useDelayGroup(context, { id: uid }),\n  ]);\n\n  useFloatingAutoUpdate({\n    opened,\n    position: settings.position,\n    positionDependencies: settings.positionDependencies,\n    floating: { refs, update },\n  });\n\n  useDidUpdate(() => {\n    settings.onPositionChange?.(placement);\n  }, [placement]);\n\n  const isGroupPhase = opened && currentId && currentId !== uid;\n\n  return {\n    x,\n    y,\n    arrowX,\n    arrowY,\n    reference,\n    floating,\n    getFloatingProps,\n    getReferenceProps,\n    isGroupPhase,\n    opened,\n    placement,\n  };\n}\n"],"names":["useState","useTooltipGroupContext","useId","useDelayGroupContext","useCallback","useFloating","offset","shift","flip","arrow","inline","useInteractions","useHover","useFocus","useRole","useDismiss","useDelayGroup","useFloatingAutoUpdate","useDidUpdate"],"mappings":"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"}
+{"version":3,"file":"use-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n  useFloating,\n  flip,\n  arrow,\n  offset,\n  shift,\n  useInteractions,\n  useHover,\n  useFocus,\n  useRole,\n  useDismiss,\n  useDelayGroupContext,\n  useDelayGroup,\n  inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n  position: FloatingPosition;\n  closeDelay?: number;\n  openDelay?: number;\n  onPositionChange?(position: FloatingPosition): void;\n  opened?: boolean;\n  offset: number | FloatingAxesOffsets;\n  arrowRef?: React.RefObject<HTMLDivElement>;\n  arrowOffset?: number;\n  events?: { hover: boolean; focus: boolean; touch: boolean };\n  positionDependencies: any[];\n  inline?: boolean;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n  const controlled = typeof settings.opened === 'boolean';\n  const opened = controlled ? settings.opened : uncontrolledOpened;\n  const withinGroup = useTooltipGroupContext();\n  const uid = useId();\n\n  const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n\n  const onChange = useCallback(\n    (_opened: boolean) => {\n      setUncontrolledOpened(_opened);\n\n      if (_opened) {\n        setCurrentId(uid);\n      }\n    },\n    [setCurrentId, uid]\n  );\n\n  const {\n    x,\n    y,\n    context,\n    refs,\n    update,\n    placement,\n    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n  } = useFloating({\n    placement: settings.position,\n    open: opened,\n    onOpenChange: onChange,\n    middleware: [\n      offset(settings.offset),\n      shift({ padding: 8 }),\n      flip(),\n      arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }),\n      ...(settings.inline ? [inline()] : []),\n    ],\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useHover(context, {\n      enabled: settings.events?.hover,\n      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n      mouseOnly: !settings.events?.touch,\n    }),\n    useFocus(context, { enabled: settings.events?.focus, keyboardOnly: true }),\n    useRole(context, { role: 'tooltip' }),\n    // cannot be used with controlled tooltip, page jumps\n    useDismiss(context, { enabled: typeof settings.opened === undefined }),\n    useDelayGroup(context, { id: uid }),\n  ]);\n\n  useFloatingAutoUpdate({\n    opened,\n    position: settings.position,\n    positionDependencies: settings.positionDependencies,\n    floating: { refs, update },\n  });\n\n  useDidUpdate(() => {\n    settings.onPositionChange?.(placement);\n  }, [placement]);\n\n  const isGroupPhase = opened && currentId && currentId !== uid;\n\n  return {\n    x,\n    y,\n    arrowX,\n    arrowY,\n    reference: refs.setReference,\n    floating: refs.setFloating,\n    getFloatingProps,\n    getReferenceProps,\n    isGroupPhase,\n    opened,\n    placement,\n  };\n}\n"],"names":["useState","useTooltipGroupContext","useId","useDelayGroupContext","useCallback","useFloating","offset","shift","flip","arrow","inline","useInteractions","useHover","useFocus","useRole","useDismiss","useDelayGroup","useFloatingAutoUpdate","useDidUpdate"],"mappings":"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"}

package/cjs/components/Transition/Transition.js

@@ -10,28 +10,42 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function Transition({ keepMounted, transition, duration = 250, exitDuration = duration, mounted, children, timingFunction = 'ease', onExit, onEntered, onEnter, onExited, }) {
-    const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition.useTransition({
-        mounted,
-        exitDuration,
-        duration,
-        timingFunction,
-        onExit,
-        onEntered,
-        onEnter,
-        onExited,
-    });
-    if (transitionDuration === 0) {
-        return mounted ? React__default.createElement(React__default.Fragment, null, children({})) : keepMounted ? children({ display: 'none' }) : null;
-    }
-    return transitionStatus === 'exited' ? (keepMounted ? (children({ display: 'none' })) : null) : (React__default.createElement(React__default.Fragment, null, children(getTransitionStyles.getTransitionStyles({
-        transition,
-        duration: transitionDuration,
-        state: transitionStatus,
-        timingFunction: transitionTimingFunction,
-    }))));
+function Transition({
+  keepMounted,
+  transition = "fade",
+  duration = 250,
+  exitDuration = duration,
+  mounted,
+  children,
+  timingFunction = "ease",
+  onExit,
+  onEntered,
+  onEnter,
+  onExited
+}) {
+  const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition.useTransition({
+    mounted,
+    exitDuration,
+    duration,
+    timingFunction,
+    onExit,
+    onEntered,
+    onEnter,
+    onExited
+  });
+  if (transitionDuration === 0) {
+    return mounted ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children({})) : keepMounted ? children({ display: "none" }) : null;
+  }
+  return transitionStatus === "exited" ? keepMounted ? children({ display: "none" }) : null : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children(
+    getTransitionStyles.getTransitionStyles({
+      transition,
+      duration: transitionDuration,
+      state: transitionStatus,
+      timingFunction: transitionTimingFunction
+    })
+  ));
 }
-Transition.displayName = '@mantine/core/Transition';
+Transition.displayName = "@mantine/core/Transition";
 
 exports.Transition = Transition;
 //# sourceMappingURL=Transition.js.map

package/cjs/components/Transition/Transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transition.js","sources":["../../../src/components/Transition/Transition.tsx"],"sourcesContent":["import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles';\nimport { useTransition } from './use-transition';\nimport { MantineTransition } from './transitions';\n\nexport interface TransitionProps {\n  /** If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */\n  keepMounted?: boolean;\n\n  /** Transition name or object */\n  transition: MantineTransition;\n\n  /** Transition duration in ms, `250` by default */\n  duration?: number;\n\n  /** Exit transition duration in ms, `250` by default */\n  exitDuration?: number;\n\n  /** Transition timing function, `theme.transitionTimingFunction` by default */\n  timingFunction?: string;\n\n  /** Determines whether component should be mounted to the DOM */\n  mounted: boolean;\n\n  /** Render function with transition styles argument */\n  children(styles: React.CSSProperties): JSX.Element;\n\n  /** Called when exit transition ends */\n  onExited?: () => void;\n\n  /** Called when exit transition starts */\n  onExit?: () => void;\n\n  /** Called when enter transition starts */\n  onEnter?: () => void;\n\n  /** Called when enter transition ends */\n  onEntered?: () => void;\n}\n\nexport type TransitionOverride = Partial<Omit<TransitionProps, 'mounted'>>;\n\nexport function Transition({\n  keepMounted,\n  transition,\n  duration = 250,\n  exitDuration = duration,\n  mounted,\n  children,\n  timingFunction = 'ease',\n  onExit,\n  onEntered,\n  onEnter,\n  onExited,\n}: TransitionProps) {\n  const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n    mounted,\n    exitDuration,\n    duration,\n    timingFunction,\n    onExit,\n    onEntered,\n    onEnter,\n    onExited,\n  });\n\n  if (transitionDuration === 0) {\n    return mounted ? <>{children({})}</> : keepMounted ? children({ display: 'none' }) : null;\n  }\n\n  return transitionStatus === 'exited' ? (\n    keepMounted ? (\n      children({ display: 'none' })\n    ) : null\n  ) : (\n    <>\n      {children(\n        getTransitionStyles({\n          transition,\n          duration: transitionDuration,\n          state: transitionStatus,\n          timingFunction: transitionTimingFunction,\n        })\n      )}\n    </>\n  );\n}\n\nTransition.displayName = '@mantine/core/Transition';\n"],"names":["useTransition","React","getTransitionStyles"],"mappings":";;;;;;;;;;;;SA0CgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,GAAG,GAAG,EACd,YAAY,GAAG,QAAQ,EACvB,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,MAAM,EACvB,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,GACQ;IAChB,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,GAAGA,2BAAa,CAAC;QACvF,OAAO;QACP,YAAY;QACZ,QAAQ;QACR,cAAc;QACd,MAAM;QACN,SAAS;QACT,OAAO;QACP,QAAQ;KACT,CAAC,CAAC;IAEH,IAAI,kBAAkB,KAAK,CAAC,EAAE;QAC5B,OAAO,OAAO,GAAGC,4DAAG,QAAQ,CAAC,EAAE,CAAC,CAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;KAC3F;IAED,OAAO,gBAAgB,KAAK,QAAQ,IAClC,WAAW,IACT,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,IAC3B,IAAI,KAERA,4DACG,QAAQ,CACPC,uCAAmB,CAAC;QAClB,UAAU;QACV,QAAQ,EAAE,kBAAkB;QAC5B,KAAK,EAAE,gBAAgB;QACvB,cAAc,EAAE,wBAAwB;KACzC,CAAC,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"version":3,"file":"Transition.js","sources":["../../../src/components/Transition/Transition.tsx"],"sourcesContent":["import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles';\nimport { useTransition } from './use-transition';\nimport { MantineTransition } from './transitions';\n\nexport interface TransitionProps {\n  /** If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */\n  keepMounted?: boolean;\n\n  /** Transition name or object */\n  transition?: MantineTransition;\n\n  /** Transition duration in ms, `250` by default */\n  duration?: number;\n\n  /** Exit transition duration in ms, `250` by default */\n  exitDuration?: number;\n\n  /** Transition timing function, `theme.transitionTimingFunction` by default */\n  timingFunction?: string;\n\n  /** Determines whether component should be mounted to the DOM */\n  mounted: boolean;\n\n  /** Render function with transition styles argument */\n  children(styles: React.CSSProperties): JSX.Element;\n\n  /** Called when exit transition ends */\n  onExited?: () => void;\n\n  /** Called when exit transition starts */\n  onExit?: () => void;\n\n  /** Called when enter transition starts */\n  onEnter?: () => void;\n\n  /** Called when enter transition ends */\n  onEntered?: () => void;\n}\n\nexport type TransitionOverride = Partial<Omit<TransitionProps, 'mounted'>>;\n\nexport function Transition({\n  keepMounted,\n  transition = 'fade',\n  duration = 250,\n  exitDuration = duration,\n  mounted,\n  children,\n  timingFunction = 'ease',\n  onExit,\n  onEntered,\n  onEnter,\n  onExited,\n}: TransitionProps) {\n  const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n    mounted,\n    exitDuration,\n    duration,\n    timingFunction,\n    onExit,\n    onEntered,\n    onEnter,\n    onExited,\n  });\n\n  if (transitionDuration === 0) {\n    return mounted ? <>{children({})}</> : keepMounted ? children({ display: 'none' }) : null;\n  }\n\n  return transitionStatus === 'exited' ? (\n    keepMounted ? (\n      children({ display: 'none' })\n    ) : null\n  ) : (\n    <>\n      {children(\n        getTransitionStyles({\n          transition,\n          duration: transitionDuration,\n          state: transitionStatus,\n          timingFunction: transitionTimingFunction,\n        })\n      )}\n    </>\n  );\n}\n\nTransition.displayName = '@mantine/core/Transition';\n"],"names":["useTransition","React","getTransitionStyles"],"mappings":";;;;;;;;;;;;AAGO,SAAS,UAAU,CAAC;AAC3B,EAAE,WAAW;AACb,EAAE,UAAU,GAAG,MAAM;AACrB,EAAE,QAAQ,GAAG,GAAG;AAChB,EAAE,YAAY,GAAG,QAAQ;AACzB,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,cAAc,GAAG,MAAM;AACzB,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,GAAGA,2BAAa,CAAC;AAC3F,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,kBAAkB,KAAK,CAAC,EAAE;AAChC,IAAI,OAAO,OAAO,mBAAmBC,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;AAClJ,GAAG;AACH,EAAE,OAAO,gBAAgB,KAAK,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,mBAAmBA,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ;AAChK,IAAIC,uCAAmB,CAAC;AACxB,MAAM,UAAU;AAChB,MAAM,QAAQ,EAAE,kBAAkB;AAClC,MAAM,KAAK,EAAE,gBAAgB;AAC7B,MAAM,cAAc,EAAE,wBAAwB;AAC9C,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/cjs/components/Transition/get-transition-props/get-transition-props.js

@@ -2,12 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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;
+};
 const defaultTransition = {
-    duration: 100,
-    transition: 'fade',
+  duration: 100,
+  transition: "fade"
 };
 function getTransitionProps(transitionProps, componentTransition) {
-    return Object.assign(Object.assign(Object.assign({}, defaultTransition), componentTransition), transitionProps);
+  return __spreadValues(__spreadValues(__spreadValues({}, defaultTransition), componentTransition), transitionProps);
 }
 
 exports.getTransitionProps = getTransitionProps;

package/cjs/components/Transition/get-transition-props/get-transition-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-transition-props.js","sources":["../../../../src/components/Transition/get-transition-props/get-transition-props.ts"],"sourcesContent":["import type { SetRequired } from 'type-fest';\nimport type { TransitionOverride } from '../Transition';\n\ntype MinimalTransitionOverride = SetRequired<TransitionOverride, 'duration' | 'transition'>;\n\nconst defaultTransition: MinimalTransitionOverride = {\n  duration: 100,\n  transition: 'fade',\n};\n\nexport function getTransitionProps(\n  transitionProps: TransitionOverride | undefined,\n  componentTransition: TransitionOverride | undefined\n): MinimalTransitionOverride {\n  return { ...defaultTransition, ...componentTransition, ...transitionProps };\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,iBAAiB,GAA8B;IACnD,QAAQ,EAAE,GAAG;IACb,UAAU,EAAE,MAAM;CACnB,CAAC;SAEc,kBAAkB,CAChC,eAA+C,EAC/C,mBAAmD;IAEnD,qDAAY,iBAAiB,GAAK,mBAAmB,GAAK,eAAe,EAAG;AAC9E;;;;"}
+{"version":3,"file":"get-transition-props.js","sources":["../../../../src/components/Transition/get-transition-props/get-transition-props.ts"],"sourcesContent":["import type { SetRequired } from 'type-fest';\nimport type { TransitionOverride } from '../Transition';\n\ntype MinimalTransitionOverride = SetRequired<TransitionOverride, 'duration' | 'transition'>;\n\nconst defaultTransition: MinimalTransitionOverride = {\n  duration: 100,\n  transition: 'fade',\n};\n\nexport function getTransitionProps(\n  transitionProps: TransitionOverride | undefined,\n  componentTransition: TransitionOverride | undefined\n): MinimalTransitionOverride {\n  return { ...defaultTransition, ...componentTransition, ...transitionProps };\n}\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,MAAM,iBAAiB,GAAG;AAC1B,EAAE,QAAQ,EAAE,GAAG;AACf,EAAE,UAAU,EAAE,MAAM;AACpB,CAAC,CAAC;AACK,SAAS,kBAAkB,CAAC,eAAe,EAAE,mBAAmB,EAAE;AACzE,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,iBAAiB,CAAC,EAAE,mBAAmB,CAAC,EAAE,eAAe,CAAC,CAAC;AACrH;;;;"}

package/cjs/components/Transition/get-transition-styles/get-transition-styles.js

@@ -4,26 +4,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var transitions = require('../transitions.js');
 
+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;
+};
 const transitionStatuses = {
-    entering: 'in',
-    entered: 'in',
-    exiting: 'out',
-    exited: 'out',
-    'pre-exiting': 'out',
-    'pre-entering': 'out',
+  entering: "in",
+  entered: "in",
+  exiting: "out",
+  exited: "out",
+  "pre-exiting": "out",
+  "pre-entering": "out"
 };
-function getTransitionStyles({ transition, state, duration, timingFunction, }) {
-    const shared = {
-        transitionDuration: `${duration}ms`,
-        transitionTimingFunction: timingFunction,
-    };
-    if (typeof transition === 'string') {
-        if (!(transition in transitions.transitions)) {
-            return {};
-        }
-        return Object.assign(Object.assign(Object.assign({ transitionProperty: transitions.transitions[transition].transitionProperty }, shared), transitions.transitions[transition].common), transitions.transitions[transition][transitionStatuses[state]]);
+function getTransitionStyles({
+  transition,
+  state,
+  duration,
+  timingFunction
+}) {
+  const shared = {
+    transitionDuration: `${duration}ms`,
+    transitionTimingFunction: timingFunction
+  };
+  if (typeof transition === "string") {
+    if (!(transition in transitions.transitions)) {
+      return {};
     }
-    return Object.assign(Object.assign(Object.assign({ transitionProperty: transition.transitionProperty }, shared), transition.common), transition[transitionStatuses[state]]);
+    return __spreadValues(__spreadValues(__spreadValues({
+      transitionProperty: transitions.transitions[transition].transitionProperty
+    }, shared), transitions.transitions[transition].common), transitions.transitions[transition][transitionStatuses[state]]);
+  }
+  return __spreadValues(__spreadValues(__spreadValues({
+    transitionProperty: transition.transitionProperty
+  }, shared), transition.common), transition[transitionStatuses[state]]);
 }
 
 exports.getTransitionStyles = getTransitionStyles;

package/cjs/components/Transition/get-transition-styles/get-transition-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-transition-styles.js","sources":["../../../../src/components/Transition/get-transition-styles/get-transition-styles.ts"],"sourcesContent":["import { MantineTransition, transitions } from '../transitions';\n\nconst transitionStatuses = {\n  entering: 'in',\n  entered: 'in',\n  exiting: 'out',\n  exited: 'out',\n  'pre-exiting': 'out',\n  'pre-entering': 'out',\n} as const;\n\nexport function getTransitionStyles({\n  transition,\n  state,\n  duration,\n  timingFunction,\n}: {\n  transition: MantineTransition;\n  state: keyof typeof transitionStatuses;\n  duration: number;\n  timingFunction: React.CSSProperties['transitionTimingFunction'];\n}): React.CSSProperties {\n  const shared = {\n    transitionDuration: `${duration}ms`,\n    transitionTimingFunction: timingFunction,\n  };\n\n  if (typeof transition === 'string') {\n    if (!(transition in transitions)) {\n      return {};\n    }\n\n    return {\n      transitionProperty: transitions[transition].transitionProperty,\n      ...shared,\n      ...transitions[transition].common,\n      ...transitions[transition][transitionStatuses[state]],\n    };\n  }\n\n  return {\n    transitionProperty: transition.transitionProperty,\n    ...shared,\n    ...transition.common,\n    ...transition[transitionStatuses[state]],\n  };\n}\n"],"names":["transitions"],"mappings":";;;;;;AAEA,MAAM,kBAAkB,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;CACb,CAAC;SAEK,mBAAmB,CAAC,EAClC,UAAU,EACV,KAAK,EACL,QAAQ,EACR,cAAc,GAMf;IACC,MAAM,MAAM,GAAG;QACb,kBAAkB,EAAE,GAAG,QAAQ,IAAI;QACnC,wBAAwB,EAAE,cAAc;KACzC,CAAC;IAEF,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,IAAI,EAAE,UAAU,IAAIA,uBAAW,CAAC,EAAE;YAChC,OAAO,EAAE,CAAC;SACX;QAED,mDACE,kBAAkB,EAAEA,uBAAW,CAAC,UAAU,CAAC,CAAC,kBAAkB,IAC3D,MAAM,GACNA,uBAAW,CAAC,UAAU,CAAC,CAAC,MAAM,GAC9BA,uBAAW,CAAC,UAAU,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EACrD;KACH;IAED,mDACE,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,IAC9C,MAAM,GACN,UAAU,CAAC,MAAM,GACjB,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EACxC;AACJ;;;;"}
+{"version":3,"file":"get-transition-styles.js","sources":["../../../../src/components/Transition/get-transition-styles/get-transition-styles.ts"],"sourcesContent":["import { MantineTransition, transitions } from '../transitions';\n\nconst transitionStatuses = {\n  entering: 'in',\n  entered: 'in',\n  exiting: 'out',\n  exited: 'out',\n  'pre-exiting': 'out',\n  'pre-entering': 'out',\n} as const;\n\nexport function getTransitionStyles({\n  transition,\n  state,\n  duration,\n  timingFunction,\n}: {\n  transition: MantineTransition;\n  state: keyof typeof transitionStatuses;\n  duration: number;\n  timingFunction: React.CSSProperties['transitionTimingFunction'];\n}): React.CSSProperties {\n  const shared = {\n    transitionDuration: `${duration}ms`,\n    transitionTimingFunction: timingFunction,\n  };\n\n  if (typeof transition === 'string') {\n    if (!(transition in transitions)) {\n      return {};\n    }\n\n    return {\n      transitionProperty: transitions[transition].transitionProperty,\n      ...shared,\n      ...transitions[transition].common,\n      ...transitions[transition][transitionStatuses[state]],\n    };\n  }\n\n  return {\n    transitionProperty: transition.transitionProperty,\n    ...shared,\n    ...transition.common,\n    ...transition[transitionStatuses[state]],\n  };\n}\n"],"names":["transitions"],"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;AAEF,MAAM,kBAAkB,GAAG;AAC3B,EAAE,QAAQ,EAAE,IAAI;AAChB,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,OAAO,EAAE,KAAK;AAChB,EAAE,MAAM,EAAE,KAAK;AACf,EAAE,aAAa,EAAE,KAAK;AACtB,EAAE,cAAc,EAAE,KAAK;AACvB,CAAC,CAAC;AACK,SAAS,mBAAmB,CAAC;AACpC,EAAE,UAAU;AACZ,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,kBAAkB,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC;AACvC,IAAI,wBAAwB,EAAE,cAAc;AAC5C,GAAG,CAAC;AACJ,EAAE,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;AACtC,IAAI,IAAI,EAAE,UAAU,IAAIA,uBAAW,CAAC,EAAE;AACtC,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC;AACxD,MAAM,kBAAkB,EAAEA,uBAAW,CAAC,UAAU,CAAC,CAAC,kBAAkB;AACpE,KAAK,EAAE,MAAM,CAAC,EAAEA,uBAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAEA,uBAAW,CAAC,UAAU,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACrG,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC;AACtD,IAAI,kBAAkB,EAAE,UAAU,CAAC,kBAAkB;AACrD,GAAG,EAAE,MAAM,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACzE;;;;"}