@mantine/core 7.0.0-alpha.8 → 7.0.0-alpha.9

package/esm/components/Transition/Transition.js

@@ -1,42 +1,29 @@
-'use client';
 import React from 'react';
 import { getTransitionStyles } from './get-transition-styles/get-transition-styles.js';
 import { useTransition } from './use-transition.js';
 
-function Transition({
-  keepMounted,
-  transition,
-  duration = 250,
-  exitDuration = duration,
-  mounted,
-  children,
-  timingFunction = "ease",
-  onExit,
-  onEntered,
-  onEnter,
-  onExited
-}) {
-  const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({
-    mounted,
-    exitDuration,
-    duration,
-    timingFunction,
-    onExit,
-    onEntered,
-    onEnter,
-    onExited
-  });
-  if (transitionDuration === 0) {
-    return mounted ? /* @__PURE__ */ React.createElement(React.Fragment, null, children({})) : keepMounted ? children({ display: "none" }) : null;
-  }
-  return transitionStatus === "exited" ? keepMounted ? children({ display: "none" }) : null : /* @__PURE__ */ React.createElement(React.Fragment, null, children(getTransitionStyles({
-    transition,
-    duration: transitionDuration,
-    state: transitionStatus,
-    timingFunction: transitionTimingFunction
-  })));
+function Transition({ keepMounted, transition, duration = 250, exitDuration = duration, mounted, children, timingFunction = 'ease', onExit, onEntered, onEnter, onExited, }) {
+    const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({
+        mounted,
+        exitDuration,
+        duration,
+        timingFunction,
+        onExit,
+        onEntered,
+        onEnter,
+        onExited,
+    });
+    if (transitionDuration === 0) {
+        return mounted ? React.createElement(React.Fragment, null, children({})) : keepMounted ? children({ display: 'none' }) : null;
+    }
+    return transitionStatus === 'exited' ? (keepMounted ? (children({ display: 'none' })) : null) : (React.createElement(React.Fragment, null, children(getTransitionStyles({
+        transition,
+        duration: transitionDuration,
+        state: transitionStatus,
+        timingFunction: transitionTimingFunction,
+    }))));
 }
-Transition.displayName = "@mantine/core/Transition";
+Transition.displayName = '@mantine/core/Transition';
 
 export { Transition };
 //# sourceMappingURL=Transition.js.map

package/esm/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":[],"mappings":";;;;;AAGO,SAAS,UAAU,CAAC;AAC3B,EAAE,WAAW;AACb,EAAE,UAAU;AACZ,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,GAAG,aAAa,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,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,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,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,mBAAmB,CAAC;AACrL,IAAI,UAAU;AACd,IAAI,QAAQ,EAAE,kBAAkB;AAChC,IAAI,KAAK,EAAE,gBAAgB;AAC3B,IAAI,cAAc,EAAE,wBAAwB;AAC5C,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC;AACD,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,\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":[],"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,GAAG,aAAa,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,GAAG,0CAAG,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,KAER,0CACG,QAAQ,CACP,mBAAmB,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;;;;"}

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

@@ -1,26 +1,9 @@
-'use client';
-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 __spreadValues(__spreadValues(__spreadValues({}, defaultTransition), componentTransition), transitionProps);
+    return Object.assign(Object.assign(Object.assign({}, defaultTransition), componentTransition), transitionProps);
 }
 
 export { getTransitionProps };

package/esm/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":";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;;"}
+{"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;;;;"}

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

@@ -1,51 +1,25 @@
-'use client';
 import { transitions } from '../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)) {
-      return {};
+function getTransitionStyles({ transition, state, duration, timingFunction, }) {
+    const shared = {
+        transitionDuration: `${duration}ms`,
+        transitionTimingFunction: timingFunction,
+    };
+    if (typeof transition === 'string') {
+        if (!(transition in transitions)) {
+            return {};
+        }
+        return Object.assign(Object.assign(Object.assign({ transitionProperty: transitions[transition].transitionProperty }, shared), transitions[transition].common), transitions[transition][transitionStatuses[state]]);
     }
-    return __spreadValues(__spreadValues(__spreadValues({
-      transitionProperty: transitions[transition].transitionProperty
-    }, shared), transitions[transition].common), transitions[transition][transitionStatuses[state]]);
-  }
-  return __spreadValues(__spreadValues(__spreadValues({
-    transitionProperty: transition.transitionProperty
-  }, shared), transition.common), transition[transitionStatuses[state]]);
+    return Object.assign(Object.assign(Object.assign({ transitionProperty: transition.transitionProperty }, shared), transition.common), transition[transitionStatuses[state]]);
 }
 
 export { getTransitionStyles };

package/esm/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":[],"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,IAAI,WAAW,CAAC,EAAE;AACtC,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC;AACxD,MAAM,kBAAkB,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,kBAAkB;AACpE,KAAK,EAAE,MAAM,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,WAAW,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;;"}
+{"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":[],"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,IAAI,WAAW,CAAC,EAAE;YAChC,OAAO,EAAE,CAAC;SACX;QAED,mDACE,kBAAkB,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,kBAAkB,IAC3D,MAAM,GACN,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,GAC9B,WAAW,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;;;;"}

package/esm/components/Transition/transitions.js

@@ -1,117 +1,87 @@
-'use client';
 import { rem } from '../../core/utils/units-converters/rem.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const popIn = {
-  in: { opacity: 1, transform: "scale(1)" },
-  out: { opacity: 0, transform: `scale(.9) translateY(${rem(10)})` },
-  transitionProperty: "transform, opacity"
+    in: { opacity: 1, transform: 'scale(1)' },
+    out: { opacity: 0, transform: `scale(.9) translateY(${rem(10)})` },
+    transitionProperty: 'transform, opacity',
 };
 const transitions = {
-  fade: {
-    in: { opacity: 1 },
-    out: { opacity: 0 },
-    transitionProperty: "opacity"
-  },
-  scale: {
-    in: { opacity: 1, transform: "scale(1)" },
-    out: { opacity: 0, transform: "scale(0)" },
-    common: { transformOrigin: "top" },
-    transitionProperty: "transform, opacity"
-  },
-  "scale-y": {
-    in: { opacity: 1, transform: "scaleY(1)" },
-    out: { opacity: 0, transform: "scaleY(0)" },
-    common: { transformOrigin: "top" },
-    transitionProperty: "transform, opacity"
-  },
-  "scale-x": {
-    in: { opacity: 1, transform: "scaleX(1)" },
-    out: { opacity: 0, transform: "scaleX(0)" },
-    common: { transformOrigin: "left" },
-    transitionProperty: "transform, opacity"
-  },
-  "skew-up": {
-    in: { opacity: 1, transform: "translateY(0) skew(0deg, 0deg)" },
-    out: { opacity: 0, transform: `translateY(-${rem(20)}) skew(-10deg, -5deg)` },
-    common: { transformOrigin: "top" },
-    transitionProperty: "transform, opacity"
-  },
-  "skew-down": {
-    in: { opacity: 1, transform: "translateY(0) skew(0deg, 0deg)" },
-    out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },
-    common: { transformOrigin: "bottom" },
-    transitionProperty: "transform, opacity"
-  },
-  "rotate-left": {
-    in: { opacity: 1, transform: "translateY(0) rotate(0deg)" },
-    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },
-    common: { transformOrigin: "bottom" },
-    transitionProperty: "transform, opacity"
-  },
-  "rotate-right": {
-    in: { opacity: 1, transform: "translateY(0) rotate(0deg)" },
-    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },
-    common: { transformOrigin: "top" },
-    transitionProperty: "transform, opacity"
-  },
-  "slide-down": {
-    in: { opacity: 1, transform: "translateY(0)" },
-    out: { opacity: 0, transform: "translateY(-100%)" },
-    common: { transformOrigin: "top" },
-    transitionProperty: "transform, opacity"
-  },
-  "slide-up": {
-    in: { opacity: 1, transform: "translateY(0)" },
-    out: { opacity: 0, transform: "translateY(100%)" },
-    common: { transformOrigin: "bottom" },
-    transitionProperty: "transform, opacity"
-  },
-  "slide-left": {
-    in: { opacity: 1, transform: "translateX(0)" },
-    out: { opacity: 0, transform: "translateX(100%)" },
-    common: { transformOrigin: "left" },
-    transitionProperty: "transform, opacity"
-  },
-  "slide-right": {
-    in: { opacity: 1, transform: "translateX(0)" },
-    out: { opacity: 0, transform: "translateX(-100%)" },
-    common: { transformOrigin: "right" },
-    transitionProperty: "transform, opacity"
-  },
-  pop: __spreadProps(__spreadValues({}, popIn), {
-    common: { transformOrigin: "center center" }
-  }),
-  "pop-bottom-left": __spreadProps(__spreadValues({}, popIn), {
-    common: { transformOrigin: "bottom left" }
-  }),
-  "pop-bottom-right": __spreadProps(__spreadValues({}, popIn), {
-    common: { transformOrigin: "bottom right" }
-  }),
-  "pop-top-left": __spreadProps(__spreadValues({}, popIn), {
-    common: { transformOrigin: "top left" }
-  }),
-  "pop-top-right": __spreadProps(__spreadValues({}, popIn), {
-    common: { transformOrigin: "top right" }
-  })
+    fade: {
+        in: { opacity: 1 },
+        out: { opacity: 0 },
+        transitionProperty: 'opacity',
+    },
+    scale: {
+        in: { opacity: 1, transform: 'scale(1)' },
+        out: { opacity: 0, transform: 'scale(0)' },
+        common: { transformOrigin: 'top' },
+        transitionProperty: 'transform, opacity',
+    },
+    'scale-y': {
+        in: { opacity: 1, transform: 'scaleY(1)' },
+        out: { opacity: 0, transform: 'scaleY(0)' },
+        common: { transformOrigin: 'top' },
+        transitionProperty: 'transform, opacity',
+    },
+    'scale-x': {
+        in: { opacity: 1, transform: 'scaleX(1)' },
+        out: { opacity: 0, transform: 'scaleX(0)' },
+        common: { transformOrigin: 'left' },
+        transitionProperty: 'transform, opacity',
+    },
+    'skew-up': {
+        in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },
+        out: { opacity: 0, transform: `translateY(-${rem(20)}) skew(-10deg, -5deg)` },
+        common: { transformOrigin: 'top' },
+        transitionProperty: 'transform, opacity',
+    },
+    'skew-down': {
+        in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },
+        out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },
+        common: { transformOrigin: 'bottom' },
+        transitionProperty: 'transform, opacity',
+    },
+    'rotate-left': {
+        in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },
+        out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },
+        common: { transformOrigin: 'bottom' },
+        transitionProperty: 'transform, opacity',
+    },
+    'rotate-right': {
+        in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },
+        out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },
+        common: { transformOrigin: 'top' },
+        transitionProperty: 'transform, opacity',
+    },
+    'slide-down': {
+        in: { opacity: 1, transform: 'translateY(0)' },
+        out: { opacity: 0, transform: 'translateY(-100%)' },
+        common: { transformOrigin: 'top' },
+        transitionProperty: 'transform, opacity',
+    },
+    'slide-up': {
+        in: { opacity: 1, transform: 'translateY(0)' },
+        out: { opacity: 0, transform: 'translateY(100%)' },
+        common: { transformOrigin: 'bottom' },
+        transitionProperty: 'transform, opacity',
+    },
+    'slide-left': {
+        in: { opacity: 1, transform: 'translateX(0)' },
+        out: { opacity: 0, transform: 'translateX(100%)' },
+        common: { transformOrigin: 'left' },
+        transitionProperty: 'transform, opacity',
+    },
+    'slide-right': {
+        in: { opacity: 1, transform: 'translateX(0)' },
+        out: { opacity: 0, transform: 'translateX(-100%)' },
+        common: { transformOrigin: 'right' },
+        transitionProperty: 'transform, opacity',
+    },
+    pop: Object.assign(Object.assign({}, popIn), { common: { transformOrigin: 'center center' } }),
+    'pop-bottom-left': Object.assign(Object.assign({}, popIn), { common: { transformOrigin: 'bottom left' } }),
+    'pop-bottom-right': Object.assign(Object.assign({}, popIn), { common: { transformOrigin: 'bottom right' } }),
+    'pop-top-left': Object.assign(Object.assign({}, popIn), { common: { transformOrigin: 'top left' } }),
+    'pop-top-right': Object.assign(Object.assign({}, popIn), { common: { transformOrigin: 'top right' } }),
 };
 
 export { transitions };

package/esm/components/Transition/transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.js","sources":["../../../src/components/Transition/transitions.ts"],"sourcesContent":["import React from 'react';\nimport { rem } from '../../core';\n\nexport interface MantineTransitionStyles {\n  common?: React.CSSProperties;\n  in: React.CSSProperties;\n  out: React.CSSProperties;\n  transitionProperty: React.CSSProperties['transitionProperty'];\n}\n\nexport type MantineTransitionName =\n  | 'fade'\n  | 'skew-up'\n  | 'skew-down'\n  | 'rotate-right'\n  | 'rotate-left'\n  | 'slide-down'\n  | 'slide-up'\n  | 'slide-right'\n  | 'slide-left'\n  | 'scale-y'\n  | 'scale-x'\n  | 'scale'\n  | 'pop'\n  | 'pop-top-left'\n  | 'pop-top-right'\n  | 'pop-bottom-left'\n  | 'pop-bottom-right';\n\nexport type MantineTransition = MantineTransitionName | MantineTransitionStyles;\n\nconst popIn = {\n  in: { opacity: 1, transform: 'scale(1)' },\n  out: { opacity: 0, transform: `scale(.9) translateY(${rem(10)})` },\n  transitionProperty: 'transform, opacity',\n};\n\nexport const transitions: Record<MantineTransitionName, MantineTransitionStyles> = {\n  fade: {\n    in: { opacity: 1 },\n    out: { opacity: 0 },\n    transitionProperty: 'opacity',\n  },\n\n  scale: {\n    in: { opacity: 1, transform: 'scale(1)' },\n    out: { opacity: 0, transform: 'scale(0)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'scale-y': {\n    in: { opacity: 1, transform: 'scaleY(1)' },\n    out: { opacity: 0, transform: 'scaleY(0)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'scale-x': {\n    in: { opacity: 1, transform: 'scaleX(1)' },\n    out: { opacity: 0, transform: 'scaleX(0)' },\n    common: { transformOrigin: 'left' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'skew-up': {\n    in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n    out: { opacity: 0, transform: `translateY(-${rem(20)}) skew(-10deg, -5deg)` },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'skew-down': {\n    in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'rotate-left': {\n    in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'rotate-right': {\n    in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-down': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: 'translateY(-100%)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-up': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: 'translateY(100%)' },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-left': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: 'translateX(100%)' },\n    common: { transformOrigin: 'left' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-right': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: 'translateX(-100%)' },\n    common: { transformOrigin: 'right' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  pop: {\n    ...popIn,\n    common: { transformOrigin: 'center center' },\n  },\n\n  'pop-bottom-left': {\n    ...popIn,\n    common: { transformOrigin: 'bottom left' },\n  },\n\n  'pop-bottom-right': {\n    ...popIn,\n    common: { transformOrigin: 'bottom right' },\n  },\n\n  'pop-top-left': {\n    ...popIn,\n    common: { transformOrigin: 'top left' },\n  },\n\n  'pop-top-right': {\n    ...popIn,\n    common: { transformOrigin: 'top right' },\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"transitions.js","sources":["../../../src/components/Transition/transitions.ts"],"sourcesContent":["import React from 'react';\nimport { rem } from '../../core';\n\nexport interface MantineTransitionStyles {\n  common?: React.CSSProperties;\n  in: React.CSSProperties;\n  out: React.CSSProperties;\n  transitionProperty: React.CSSProperties['transitionProperty'];\n}\n\nexport type MantineTransitionName =\n  | 'fade'\n  | 'skew-up'\n  | 'skew-down'\n  | 'rotate-right'\n  | 'rotate-left'\n  | 'slide-down'\n  | 'slide-up'\n  | 'slide-right'\n  | 'slide-left'\n  | 'scale-y'\n  | 'scale-x'\n  | 'scale'\n  | 'pop'\n  | 'pop-top-left'\n  | 'pop-top-right'\n  | 'pop-bottom-left'\n  | 'pop-bottom-right';\n\nexport type MantineTransition = MantineTransitionName | MantineTransitionStyles;\n\nconst popIn = {\n  in: { opacity: 1, transform: 'scale(1)' },\n  out: { opacity: 0, transform: `scale(.9) translateY(${rem(10)})` },\n  transitionProperty: 'transform, opacity',\n};\n\nexport const transitions: Record<MantineTransitionName, MantineTransitionStyles> = {\n  fade: {\n    in: { opacity: 1 },\n    out: { opacity: 0 },\n    transitionProperty: 'opacity',\n  },\n\n  scale: {\n    in: { opacity: 1, transform: 'scale(1)' },\n    out: { opacity: 0, transform: 'scale(0)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'scale-y': {\n    in: { opacity: 1, transform: 'scaleY(1)' },\n    out: { opacity: 0, transform: 'scaleY(0)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'scale-x': {\n    in: { opacity: 1, transform: 'scaleX(1)' },\n    out: { opacity: 0, transform: 'scaleX(0)' },\n    common: { transformOrigin: 'left' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'skew-up': {\n    in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n    out: { opacity: 0, transform: `translateY(-${rem(20)}) skew(-10deg, -5deg)` },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'skew-down': {\n    in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'rotate-left': {\n    in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'rotate-right': {\n    in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-down': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: 'translateY(-100%)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-up': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: 'translateY(100%)' },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-left': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: 'translateX(100%)' },\n    common: { transformOrigin: 'left' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-right': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: 'translateX(-100%)' },\n    common: { transformOrigin: 'right' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  pop: {\n    ...popIn,\n    common: { transformOrigin: 'center center' },\n  },\n\n  'pop-bottom-left': {\n    ...popIn,\n    common: { transformOrigin: 'bottom left' },\n  },\n\n  'pop-bottom-right': {\n    ...popIn,\n    common: { transformOrigin: 'bottom right' },\n  },\n\n  'pop-top-left': {\n    ...popIn,\n    common: { transformOrigin: 'top left' },\n  },\n\n  'pop-top-right': {\n    ...popIn,\n    common: { transformOrigin: 'top right' },\n  },\n};\n"],"names":[],"mappings":"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"}

package/esm/components/Transition/use-transition.js

@@ -1,56 +1,47 @@
-'use client';
 import { useState, useRef, useEffect } from 'react';
 import { useReducedMotion, useDidUpdate } from '@mantine/hooks';
 import { useMantineTheme } from '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js';
 
-function useTransition({
-  duration,
-  exitDuration,
-  timingFunction,
-  mounted,
-  onEnter,
-  onExit,
-  onEntered,
-  onExited
-}) {
-  const theme = useMantineTheme();
-  const shouldReduceMotion = useReducedMotion();
-  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;
-  const [transitionDuration, setTransitionDuration] = useState(reduceMotion ? 0 : duration);
-  const [transitionStatus, setStatus] = useState(mounted ? "entered" : "exited");
-  const timeoutRef = useRef(-1);
-  const handleStateChange = (shouldMount) => {
-    const preHandler = shouldMount ? onEnter : onExit;
-    const handler = shouldMount ? onEntered : onExited;
-    setStatus(shouldMount ? "pre-entering" : "pre-exiting");
-    window.clearTimeout(timeoutRef.current);
-    const newTransitionDuration = reduceMotion ? 0 : shouldMount ? duration : exitDuration;
-    setTransitionDuration(newTransitionDuration);
-    if (newTransitionDuration === 0) {
-      typeof preHandler === "function" && preHandler();
-      typeof handler === "function" && handler();
-      setStatus(shouldMount ? "entered" : "exited");
-    } else {
-      const preStateTimeout = window.setTimeout(() => {
-        typeof preHandler === "function" && preHandler();
-        setStatus(shouldMount ? "entering" : "exiting");
-      }, 10);
-      timeoutRef.current = window.setTimeout(() => {
-        window.clearTimeout(preStateTimeout);
-        typeof handler === "function" && handler();
-        setStatus(shouldMount ? "entered" : "exited");
-      }, newTransitionDuration);
-    }
-  };
-  useDidUpdate(() => {
-    handleStateChange(mounted);
-  }, [mounted]);
-  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
-  return {
-    transitionDuration,
-    transitionStatus,
-    transitionTimingFunction: timingFunction || "ease"
-  };
+function useTransition({ duration, exitDuration, timingFunction, mounted, onEnter, onExit, onEntered, onExited, }) {
+    const theme = useMantineTheme();
+    const shouldReduceMotion = useReducedMotion();
+    const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;
+    const [transitionDuration, setTransitionDuration] = useState(reduceMotion ? 0 : duration);
+    const [transitionStatus, setStatus] = useState(mounted ? 'entered' : 'exited');
+    const timeoutRef = useRef(-1);
+    const handleStateChange = (shouldMount) => {
+        const preHandler = shouldMount ? onEnter : onExit;
+        const handler = shouldMount ? onEntered : onExited;
+        setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');
+        window.clearTimeout(timeoutRef.current);
+        const newTransitionDuration = reduceMotion ? 0 : shouldMount ? duration : exitDuration;
+        setTransitionDuration(newTransitionDuration);
+        if (newTransitionDuration === 0) {
+            typeof preHandler === 'function' && preHandler();
+            typeof handler === 'function' && handler();
+            setStatus(shouldMount ? 'entered' : 'exited');
+        }
+        else {
+            const preStateTimeout = window.setTimeout(() => {
+                typeof preHandler === 'function' && preHandler();
+                setStatus(shouldMount ? 'entering' : 'exiting');
+            }, 10);
+            timeoutRef.current = window.setTimeout(() => {
+                window.clearTimeout(preStateTimeout);
+                typeof handler === 'function' && handler();
+                setStatus(shouldMount ? 'entered' : 'exited');
+            }, newTransitionDuration);
+        }
+    };
+    useDidUpdate(() => {
+        handleStateChange(mounted);
+    }, [mounted]);
+    useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
+    return {
+        transitionDuration,
+        transitionStatus,
+        transitionTimingFunction: timingFunction || 'ease',
+    };
 }
 
 export { useTransition };

package/esm/components/Transition/use-transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '../../core';\n\nexport type TransitionStatus =\n  | 'entered'\n  | 'exited'\n  | 'entering'\n  | 'exiting'\n  | 'pre-exiting'\n  | 'pre-entering';\n\ninterface UseTransition {\n  duration: number;\n  exitDuration: number;\n  timingFunction: string;\n  mounted: boolean;\n  onEnter?(): void;\n  onExit?(): void;\n  onEntered?(): void;\n  onExited?(): void;\n}\n\nexport function useTransition({\n  duration,\n  exitDuration,\n  timingFunction,\n  mounted,\n  onEnter,\n  onExit,\n  onEntered,\n  onExited,\n}: UseTransition) {\n  const theme = useMantineTheme();\n  const shouldReduceMotion = useReducedMotion();\n  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n  const [transitionDuration, setTransitionDuration] = useState(reduceMotion ? 0 : duration);\n  const [transitionStatus, setStatus] = useState<TransitionStatus>(mounted ? 'entered' : 'exited');\n  const timeoutRef = useRef<number>(-1);\n\n  const handleStateChange = (shouldMount: boolean) => {\n    const preHandler = shouldMount ? onEnter : onExit;\n    const handler = shouldMount ? onEntered : onExited;\n\n    setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');\n    window.clearTimeout(timeoutRef.current);\n\n    const newTransitionDuration = reduceMotion ? 0 : shouldMount ? duration : exitDuration;\n    setTransitionDuration(newTransitionDuration);\n\n    if (newTransitionDuration === 0) {\n      typeof preHandler === 'function' && preHandler();\n      typeof handler === 'function' && handler();\n      setStatus(shouldMount ? 'entered' : 'exited');\n    } else {\n      const preStateTimeout = window.setTimeout(() => {\n        typeof preHandler === 'function' && preHandler();\n        setStatus(shouldMount ? 'entering' : 'exiting');\n      }, 10);\n\n      timeoutRef.current = window.setTimeout(() => {\n        window.clearTimeout(preStateTimeout);\n        typeof handler === 'function' && handler();\n        setStatus(shouldMount ? 'entered' : 'exited');\n      }, newTransitionDuration);\n    }\n  };\n\n  useDidUpdate(() => {\n    handleStateChange(mounted);\n  }, [mounted]);\n\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n  return {\n    transitionDuration,\n    transitionStatus,\n    transitionTimingFunction: timingFunction || 'ease',\n  };\n}\n"],"names":[],"mappings":";;;;;AAGO,SAAS,aAAa,CAAC;AAC9B,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,kBAAkB,GAAG,gBAAgB,EAAE,CAAC;AAChD,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,oBAAoB,GAAG,kBAAkB,GAAG,KAAK,CAAC;AAC/E,EAAE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;AAC5F,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACjF,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,iBAAiB,GAAG,CAAC,WAAW,KAAK;AAC7C,IAAI,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACtD,IAAI,MAAM,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,IAAI,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,MAAM,qBAAqB,GAAG,YAAY,GAAG,CAAC,GAAG,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;AAC3F,IAAI,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;AACjD,IAAI,IAAI,qBAAqB,KAAK,CAAC,EAAE;AACrC,MAAM,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACvD,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACjD,MAAM,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACpD,KAAK,MAAM;AACX,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACtD,QAAQ,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACzD,QAAQ,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AACxD,OAAO,EAAE,EAAE,CAAC,CAAC;AACb,MAAM,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACnD,QAAQ,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC7C,QAAQ,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACnD,QAAQ,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACtD,OAAO,EAAE,qBAAqB,CAAC,CAAC;AAChC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,EAAE,SAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AACrE,EAAE,OAAO;AACT,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,wBAAwB,EAAE,cAAc,IAAI,MAAM;AACtD,GAAG,CAAC;AACJ;;"}
+{"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '../../core';\n\nexport type TransitionStatus =\n  | 'entered'\n  | 'exited'\n  | 'entering'\n  | 'exiting'\n  | 'pre-exiting'\n  | 'pre-entering';\n\ninterface UseTransition {\n  duration: number;\n  exitDuration: number;\n  timingFunction: string;\n  mounted: boolean;\n  onEnter?(): void;\n  onExit?(): void;\n  onEntered?(): void;\n  onExited?(): void;\n}\n\nexport function useTransition({\n  duration,\n  exitDuration,\n  timingFunction,\n  mounted,\n  onEnter,\n  onExit,\n  onEntered,\n  onExited,\n}: UseTransition) {\n  const theme = useMantineTheme();\n  const shouldReduceMotion = useReducedMotion();\n  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n  const [transitionDuration, setTransitionDuration] = useState(reduceMotion ? 0 : duration);\n  const [transitionStatus, setStatus] = useState<TransitionStatus>(mounted ? 'entered' : 'exited');\n  const timeoutRef = useRef<number>(-1);\n\n  const handleStateChange = (shouldMount: boolean) => {\n    const preHandler = shouldMount ? onEnter : onExit;\n    const handler = shouldMount ? onEntered : onExited;\n\n    setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');\n    window.clearTimeout(timeoutRef.current);\n\n    const newTransitionDuration = reduceMotion ? 0 : shouldMount ? duration : exitDuration;\n    setTransitionDuration(newTransitionDuration);\n\n    if (newTransitionDuration === 0) {\n      typeof preHandler === 'function' && preHandler();\n      typeof handler === 'function' && handler();\n      setStatus(shouldMount ? 'entered' : 'exited');\n    } else {\n      const preStateTimeout = window.setTimeout(() => {\n        typeof preHandler === 'function' && preHandler();\n        setStatus(shouldMount ? 'entering' : 'exiting');\n      }, 10);\n\n      timeoutRef.current = window.setTimeout(() => {\n        window.clearTimeout(preStateTimeout);\n        typeof handler === 'function' && handler();\n        setStatus(shouldMount ? 'entered' : 'exited');\n      }, newTransitionDuration);\n    }\n  };\n\n  useDidUpdate(() => {\n    handleStateChange(mounted);\n  }, [mounted]);\n\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n  return {\n    transitionDuration,\n    transitionStatus,\n    transitionTimingFunction: timingFunction || 'ease',\n  };\n}\n"],"names":[],"mappings":";;;;SAuBgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,OAAO,EACP,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,GACM;IACd,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,kBAAkB,GAAG,gBAAgB,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,oBAAoB,GAAG,kBAAkB,GAAG,KAAK,CAAC;IAC7E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;IAC1F,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAmB,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;IACjG,MAAM,UAAU,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,CAAC,WAAoB;QAC7C,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;QAClD,MAAM,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;QAEnD,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC;QACxD,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAExC,MAAM,qBAAqB,GAAG,YAAY,GAAG,CAAC,GAAG,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;QACvF,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;QAE7C,IAAI,qBAAqB,KAAK,CAAC,EAAE;YAC/B,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;YACjD,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;YAC3C,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;SAC/C;aAAM;YACL,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC;gBACxC,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;gBACjD,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;aACjD,EAAE,EAAE,CAAC,CAAC;YAEP,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;gBACrC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;gBACrC,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;gBAC3C,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;aAC/C,EAAE,qBAAqB,CAAC,CAAC;SAC3B;KACF,CAAC;IAEF,YAAY,CAAC;QACX,iBAAiB,CAAC,OAAO,CAAC,CAAC;KAC5B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,OAAO;QACL,kBAAkB;QAClB,gBAAgB;QAChB,wBAAwB,EAAE,cAAc,IAAI,MAAM;KACnD,CAAC;AACJ;;;;"}