@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13

package/cjs/components/FileButton/FileButton.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var useProps = require('../../core/MantineProvider/use-props/use-props.js');
@@ -11,33 +10,95 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+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;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const defaultProps = {
-    multiple: false,
+  multiple: false
 };
-const FileButton = React.forwardRef((props, ref) => {
-    const _a = useProps.useProps('FileButton', defaultProps, props), { onChange, children, multiple, accept, name, form, resetRef, disabled, capture, inputProps } = _a, others = tslib.__rest(_a, ["onChange", "children", "multiple", "accept", "name", "form", "resetRef", "disabled", "capture", "inputProps"]);
+const FileButton = React.forwardRef(
+  (props, ref) => {
+    const _a = useProps.useProps("FileButton", defaultProps, props), {
+      onChange,
+      children,
+      multiple,
+      accept,
+      name,
+      form,
+      resetRef,
+      disabled,
+      capture,
+      inputProps
+    } = _a, others = __objRest(_a, [
+      "onChange",
+      "children",
+      "multiple",
+      "accept",
+      "name",
+      "form",
+      "resetRef",
+      "disabled",
+      "capture",
+      "inputProps"
+    ]);
     const inputRef = React.useRef();
     const onClick = () => {
-        var _a;
-        !disabled && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click());
+      var _a2;
+      !disabled && ((_a2 = inputRef.current) == null ? void 0 : _a2.click());
     };
     const handleChange = (event) => {
-        if (multiple) {
-            onChange(Array.from(event.currentTarget.files));
-        }
-        else {
-            onChange(event.currentTarget.files[0] || null);
-        }
+      if (multiple) {
+        onChange(Array.from(event.currentTarget.files));
+      } else {
+        onChange(event.currentTarget.files[0] || null);
+      }
     };
     const reset = () => {
-        inputRef.current.value = '';
+      inputRef.current.value = "";
     };
     hooks.assignRef(resetRef, reset);
-    return (React__default.createElement(React__default.Fragment, null,
-        children(Object.assign({ onClick }, others)),
-        React__default.createElement("input", Object.assign({ style: { display: 'none' }, type: "file", accept: accept, multiple: multiple, onChange: handleChange, ref: hooks.useMergedRef(ref, inputRef), name: name, form: form, capture: capture }, inputProps))));
-});
-FileButton.displayName = '@mantine/core/FileButton';
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children(__spreadValues({ onClick }, others)), /* @__PURE__ */ React__default.createElement(
+      "input",
+      __spreadValues({
+        style: { display: "none" },
+        type: "file",
+        accept,
+        multiple,
+        onChange: handleChange,
+        ref: hooks.useMergedRef(ref, inputRef),
+        name,
+        form,
+        capture
+      }, inputProps)
+    ));
+  }
+);
+FileButton.displayName = "@mantine/core/FileButton";
 
 exports.FileButton = FileButton;
 //# sourceMappingURL=FileButton.js.map

package/cjs/components/FileButton/FileButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileButton.js","sources":["../../../src/components/FileButton/FileButton.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useRef, forwardRef } from 'react';\nimport { assignRef, useMergedRef } from '@mantine/hooks';\nimport { useProps } from '../../core';\n\nexport interface FileButtonProps<Multiple extends boolean = false> {\n  /** Called when files are picked */\n  onChange(payload: Multiple extends true ? File[] : File | null): void;\n\n  /** Function that receives button props and returns react node that should be rendered */\n  children(props: { onClick(): void }): React.ReactNode;\n\n  /** Determines whether user can pick more than one file */\n  multiple?: Multiple;\n\n  /** File input accept attribute, for example, `\"image/png,image/jpeg\"` */\n  accept?: string;\n\n  /** Input name attribute */\n  name?: string;\n\n  /** Input form attribute */\n  form?: string;\n\n  /** Reference of the function that should be called when value changes to null or empty array */\n  resetRef?: React.ForwardedRef<() => void>;\n\n  /** Disables file picker */\n  disabled?: boolean;\n\n  /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */\n  capture?: boolean | 'user' | 'environment';\n\n  /** Passes down props to the input element used to capture files */\n  inputProps?: React.ComponentPropsWithoutRef<'input'>;\n}\n\nconst defaultProps: Partial<FileButtonProps> = {\n  multiple: false,\n};\n\ntype FileButtonComponent = (<Multiple extends boolean = false>(\n  props: FileButtonProps<Multiple>\n) => React.ReactElement) & { displayName?: string };\n\nexport const FileButton: FileButtonComponent = forwardRef<HTMLInputElement, FileButtonProps>(\n  (props, ref) => {\n    const {\n      onChange,\n      children,\n      multiple,\n      accept,\n      name,\n      form,\n      resetRef,\n      disabled,\n      capture,\n      inputProps,\n      ...others\n    } = useProps('FileButton', defaultProps, props);\n\n    const inputRef = useRef<HTMLInputElement>();\n\n    const onClick = () => {\n      !disabled && inputRef.current?.click();\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (multiple) {\n        onChange(Array.from(event.currentTarget!.files!) as any);\n      } else {\n        onChange(event.currentTarget!.files![0] || null);\n      }\n    };\n\n    const reset = () => {\n      inputRef.current!.value = '';\n    };\n\n    assignRef(resetRef!, reset);\n\n    return (\n      <>\n        {children({ onClick, ...others })}\n\n        <input\n          style={{ display: 'none' }}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleChange}\n          ref={useMergedRef(ref, inputRef)}\n          name={name}\n          form={form}\n          capture={capture}\n          {...inputProps}\n        />\n      </>\n    );\n  }\n) as any;\n\nFileButton.displayName = '@mantine/core/FileButton';\n"],"names":["forwardRef","useProps","useRef","assignRef","React","useMergedRef"],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,YAAY,GAA6B;IAC7C,QAAQ,EAAE,KAAK;CAChB,CAAC;MAMW,UAAU,GAAwBA,gBAAU,CACvD,CAAC,KAAK,EAAE,GAAG;IACT,MAAM,KAYFC,iBAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAZzC,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,OAEmC,EAD1C,MAAM,oBAXL,+GAYL,CAA8C,CAAC;IAEhD,MAAM,QAAQ,GAAGC,YAAM,EAAoB,CAAC;IAE5C,MAAM,OAAO,GAAG;;QACd,CAAC,QAAQ,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAC;KACxC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA0C;QAC9D,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAc,CAAC,KAAM,CAAQ,CAAC,CAAC;SAC1D;aAAM;YACL,QAAQ,CAAC,KAAK,CAAC,aAAc,CAAC,KAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;SAClD;KACF,CAAC;IAEF,MAAM,KAAK,GAAG;QACZ,QAAQ,CAAC,OAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;KAC9B,CAAC;IAEFC,eAAS,CAAC,QAAS,EAAE,KAAK,CAAC,CAAC;IAE5B,QACEC;QACG,QAAQ,iBAAG,OAAO,IAAK,MAAM,EAAG;QAEjCA,sDACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAEC,kBAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IACZ,UAAU,EACd,CACD,EACH;AACJ,CAAC,EACM;AAET,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"version":3,"file":"FileButton.js","sources":["../../../src/components/FileButton/FileButton.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useRef, forwardRef } from 'react';\nimport { assignRef, useMergedRef } from '@mantine/hooks';\nimport { useProps } from '../../core';\n\nexport interface FileButtonProps<Multiple extends boolean = false> {\n  /** Called when files are picked */\n  onChange(payload: Multiple extends true ? File[] : File | null): void;\n\n  /** Function that receives button props and returns react node that should be rendered */\n  children(props: { onClick(): void }): React.ReactNode;\n\n  /** Determines whether user can pick more than one file */\n  multiple?: Multiple;\n\n  /** File input accept attribute, for example, `\"image/png,image/jpeg\"` */\n  accept?: string;\n\n  /** Input name attribute */\n  name?: string;\n\n  /** Input form attribute */\n  form?: string;\n\n  /** Reference of the function that should be called when value changes to null or empty array */\n  resetRef?: React.ForwardedRef<() => void>;\n\n  /** Disables file picker */\n  disabled?: boolean;\n\n  /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */\n  capture?: boolean | 'user' | 'environment';\n\n  /** Passes down props to the input element used to capture files */\n  inputProps?: React.ComponentPropsWithoutRef<'input'>;\n}\n\nconst defaultProps: Partial<FileButtonProps> = {\n  multiple: false,\n};\n\ntype FileButtonComponent = (<Multiple extends boolean = false>(\n  props: FileButtonProps<Multiple>\n) => React.ReactElement) & { displayName?: string };\n\nexport const FileButton: FileButtonComponent = forwardRef<HTMLInputElement, FileButtonProps>(\n  (props, ref) => {\n    const {\n      onChange,\n      children,\n      multiple,\n      accept,\n      name,\n      form,\n      resetRef,\n      disabled,\n      capture,\n      inputProps,\n      ...others\n    } = useProps('FileButton', defaultProps, props);\n\n    const inputRef = useRef<HTMLInputElement>();\n\n    const onClick = () => {\n      !disabled && inputRef.current?.click();\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (multiple) {\n        onChange(Array.from(event.currentTarget!.files!) as any);\n      } else {\n        onChange(event.currentTarget!.files![0] || null);\n      }\n    };\n\n    const reset = () => {\n      inputRef.current!.value = '';\n    };\n\n    assignRef(resetRef!, reset);\n\n    return (\n      <>\n        {children({ onClick, ...others })}\n\n        <input\n          style={{ display: 'none' }}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleChange}\n          ref={useMergedRef(ref, inputRef)}\n          name={name}\n          form={form}\n          capture={capture}\n          {...inputProps}\n        />\n      </>\n    );\n  }\n) as any;\n\nFileButton.displayName = '@mantine/core/FileButton';\n"],"names":["forwardRef","useProps","useRef","assignRef","React","useMergedRef"],"mappings":"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"}

package/cjs/components/Floating/FloatingArrow/FloatingArrow.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var getArrowPositionStyles = require('./get-arrow-position-styles.js');
 var DirectionProvider = require('../../../core/DirectionProvider/DirectionProvider.js');
@@ -11,24 +10,83 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FloatingArrow = React.forwardRef((_a, ref) => {
-    var { position, arrowSize, arrowOffset, arrowRadius, arrowPosition, visible, arrowX, arrowY, style } = _a, others = tslib.__rest(_a, ["position", "arrowSize", "arrowOffset", "arrowRadius", "arrowPosition", "visible", "arrowX", "arrowY", "style"]);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const FloatingArrow = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      position,
+      arrowSize,
+      arrowOffset,
+      arrowRadius,
+      arrowPosition,
+      visible,
+      arrowX,
+      arrowY,
+      style
+    } = _b, others = __objRest(_b, [
+      "position",
+      "arrowSize",
+      "arrowOffset",
+      "arrowRadius",
+      "arrowPosition",
+      "visible",
+      "arrowX",
+      "arrowY",
+      "style"
+    ]);
     const { dir } = DirectionProvider.useDirection();
     if (!visible) {
-        return null;
+      return null;
     }
-    return (React__default.createElement("div", Object.assign({}, others, { ref: ref, style: Object.assign(Object.assign({}, style), getArrowPositionStyles.getArrowPositionStyles({
-            position,
-            arrowSize,
-            arrowOffset,
-            arrowRadius,
-            arrowPosition,
-            dir,
-            arrowX,
-            arrowY,
-        })) })));
-});
-FloatingArrow.displayName = '@mantine/core/FloatingArrow';
+    return /* @__PURE__ */ React__default.createElement(
+      "div",
+      __spreadProps(__spreadValues({}, others), {
+        ref,
+        style: __spreadValues(__spreadValues({}, style), getArrowPositionStyles.getArrowPositionStyles({
+          position,
+          arrowSize,
+          arrowOffset,
+          arrowRadius,
+          arrowPosition,
+          dir,
+          arrowX,
+          arrowY
+        }))
+      })
+    );
+  }
+);
+FloatingArrow.displayName = "@mantine/core/FloatingArrow";
 
 exports.FloatingArrow = FloatingArrow;
 //# sourceMappingURL=FloatingArrow.js.map

package/cjs/components/Floating/FloatingArrow/FloatingArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingArrow.js","sources":["../../../../src/components/Floating/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDirection } from '../../../core';\nimport { getArrowPositionStyles } from './get-arrow-position-styles';\nimport { ArrowPosition, FloatingPosition } from '../types';\n\ninterface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number;\n  arrowY: number;\n  visible: boolean | undefined;\n}\n\nexport const FloatingArrow = forwardRef<HTMLDivElement, FloatingArrowProps>(\n  (\n    {\n      position,\n      arrowSize,\n      arrowOffset,\n      arrowRadius,\n      arrowPosition,\n      visible,\n      arrowX,\n      arrowY,\n      style,\n      ...others\n    },\n    ref\n  ) => {\n    const { dir } = useDirection();\n    if (!visible) {\n      return null;\n    }\n\n    return (\n      <div\n        {...others}\n        ref={ref}\n        style={{\n          ...style,\n          ...getArrowPositionStyles({\n            position,\n            arrowSize,\n            arrowOffset,\n            arrowRadius,\n            arrowPosition,\n            dir,\n            arrowX,\n            arrowY,\n          }),\n        }}\n      />\n    );\n  }\n);\n\nFloatingArrow.displayName = '@mantine/core/FloatingArrow';\n"],"names":["forwardRef","useDirection","React","getArrowPositionStyles"],"mappings":";;;;;;;;;;;;;MAgBa,aAAa,GAAGA,gBAAU,CACrC,CACE,EAWC,EACD,GAAG;QAZH,EACE,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,aAAa,EACb,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,OAEN,EADI,MAAM,oBAVX,gHAWC,CADU;IAIX,MAAM,EAAE,GAAG,EAAE,GAAGC,8BAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,QACEC,sDACM,MAAM,IACV,GAAG,EAAE,GAAG,EACR,KAAK,kCACA,KAAK,GACLC,6CAAsB,CAAC;YACxB,QAAQ;YACR,SAAS;YACT,WAAW;YACX,WAAW;YACX,aAAa;YACb,GAAG;YACH,MAAM;YACN,MAAM;SACP,CAAC,KAEJ,EACF;AACJ,CAAC,EACD;AAEF,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}
+{"version":3,"file":"FloatingArrow.js","sources":["../../../../src/components/Floating/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDirection } from '../../../core';\nimport { getArrowPositionStyles } from './get-arrow-position-styles';\nimport { ArrowPosition, FloatingPosition } from '../types';\n\ninterface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number;\n  arrowY: number;\n  visible: boolean | undefined;\n}\n\nexport const FloatingArrow = forwardRef<HTMLDivElement, FloatingArrowProps>(\n  (\n    {\n      position,\n      arrowSize,\n      arrowOffset,\n      arrowRadius,\n      arrowPosition,\n      visible,\n      arrowX,\n      arrowY,\n      style,\n      ...others\n    },\n    ref\n  ) => {\n    const { dir } = useDirection();\n    if (!visible) {\n      return null;\n    }\n\n    return (\n      <div\n        {...others}\n        ref={ref}\n        style={{\n          ...style,\n          ...getArrowPositionStyles({\n            position,\n            arrowSize,\n            arrowOffset,\n            arrowRadius,\n            arrowPosition,\n            dir,\n            arrowX,\n            arrowY,\n          }),\n        }}\n      />\n    );\n  }\n);\n\nFloatingArrow.displayName = '@mantine/core/FloatingArrow';\n"],"names":["forwardRef","useDirection","React","getArrowPositionStyles"],"mappings":";;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAIU,MAAC,aAAa,GAAGA,gBAAU;AACvC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK;AACf,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE;AACjB,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,WAAW;AACjB,MAAM,WAAW;AACjB,MAAM,aAAa;AACnB,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACnC,MAAM,UAAU;AAChB,MAAM,WAAW;AACjB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,eAAe;AACrB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,EAAE,GAAG,EAAE,GAAGC,8BAAY,EAAE,CAAC;AACnC,IAAI,IAAI,CAAC,OAAO,EAAE;AAClB,MAAM,OAAO,IAAI,CAAC;AAClB,KAAK;AACL,IAAI,uBAAuBC,cAAK,CAAC,aAAa;AAC9C,MAAM,KAAK;AACX,MAAM,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAChD,QAAQ,GAAG;AACX,QAAQ,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAEC,6CAAsB,CAAC;AAChF,UAAU,QAAQ;AAClB,UAAU,SAAS;AACnB,UAAU,WAAW;AACrB,UAAU,WAAW;AACrB,UAAU,aAAa;AACvB,UAAU,GAAG;AACb,UAAU,MAAM;AAChB,UAAU,MAAM;AAChB,SAAS,CAAC,CAAC;AACX,OAAO,CAAC;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE;AACF,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}

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

@@ -4,59 +4,103 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var rem = require('../../../core/utils/units-converters/rem.js');
 
-function horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {
-    if (placement === 'center' || arrowPosition === 'center') {
-        return { top: arrowY };
-    }
-    if (placement === 'end') {
-        return { bottom: arrowOffset };
-    }
-    if (placement === 'start') {
-        return { top: arrowOffset };
+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 {};
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {
+  if (placement === "center" || arrowPosition === "center") {
+    return { top: arrowY };
+  }
+  if (placement === "end") {
+    return { bottom: arrowOffset };
+  }
+  if (placement === "start") {
+    return { top: arrowOffset };
+  }
+  return {};
 }
 function verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir) {
-    if (placement === 'center' || arrowPosition === 'center') {
-        return { left: arrowX };
-    }
-    if (placement === 'end') {
-        return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };
-    }
-    if (placement === 'start') {
-        return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };
-    }
-    return {};
+  if (placement === "center" || arrowPosition === "center") {
+    return { left: arrowX };
+  }
+  if (placement === "end") {
+    return { [dir === "ltr" ? "right" : "left"]: arrowOffset };
+  }
+  if (placement === "start") {
+    return { [dir === "ltr" ? "left" : "right"]: arrowOffset };
+  }
+  return {};
 }
 const radiusByFloatingSide = {
-    bottom: 'borderTopLeftRadius',
-    left: 'borderTopRightRadius',
-    right: 'borderBottomLeftRadius',
-    top: 'borderBottomRightRadius',
+  bottom: "borderTopLeftRadius",
+  left: "borderTopRightRadius",
+  right: "borderBottomLeftRadius",
+  top: "borderBottomRightRadius"
 };
-function getArrowPositionStyles({ position, arrowSize, arrowOffset, arrowRadius, arrowPosition, arrowX, arrowY, dir, }) {
-    const [side, placement = 'center'] = position.split('-');
-    const baseStyles = {
-        width: rem.rem(arrowSize),
-        height: rem.rem(arrowSize),
-        transform: 'rotate(45deg)',
-        position: 'absolute',
-        [radiusByFloatingSide[side]]: rem.rem(arrowRadius),
-    };
-    const arrowPlacement = rem.rem(-arrowSize / 2);
-    if (side === 'left') {
-        return Object.assign(Object.assign(Object.assign({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), { right: arrowPlacement, borderLeftColor: 'transparent', borderBottomColor: 'transparent' });
-    }
-    if (side === 'right') {
-        return Object.assign(Object.assign(Object.assign({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), { left: arrowPlacement, borderRightColor: 'transparent', borderTopColor: 'transparent' });
-    }
-    if (side === 'top') {
-        return Object.assign(Object.assign(Object.assign({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), { bottom: arrowPlacement, borderTopColor: 'transparent', borderLeftColor: 'transparent' });
-    }
-    if (side === 'bottom') {
-        return Object.assign(Object.assign(Object.assign({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), { top: arrowPlacement, borderBottomColor: 'transparent', borderRightColor: 'transparent' });
-    }
-    return {};
+function getArrowPositionStyles({
+  position,
+  arrowSize,
+  arrowOffset,
+  arrowRadius,
+  arrowPosition,
+  arrowX,
+  arrowY,
+  dir
+}) {
+  const [side, placement = "center"] = position.split("-");
+  const baseStyles = {
+    width: rem.rem(arrowSize),
+    height: rem.rem(arrowSize),
+    transform: "rotate(45deg)",
+    position: "absolute",
+    [radiusByFloatingSide[side]]: rem.rem(arrowRadius)
+  };
+  const arrowPlacement = rem.rem(-arrowSize / 2);
+  if (side === "left") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), {
+      right: arrowPlacement,
+      borderLeftColor: "transparent",
+      borderBottomColor: "transparent"
+    });
+  }
+  if (side === "right") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), {
+      left: arrowPlacement,
+      borderRightColor: "transparent",
+      borderTopColor: "transparent"
+    });
+  }
+  if (side === "top") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), {
+      bottom: arrowPlacement,
+      borderTopColor: "transparent",
+      borderLeftColor: "transparent"
+    });
+  }
+  if (side === "bottom") {
+    return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), {
+      top: arrowPlacement,
+      borderBottomColor: "transparent",
+      borderRightColor: "transparent"
+    });
+  }
+  return {};
 }
 
 exports.getArrowPositionStyles = getArrowPositionStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"get-arrow-position-styles.js","sources":["../../../../src/components/Floating/FloatingArrow/get-arrow-position-styles.ts"],"sourcesContent":["import { rem } from '../../../core';\nimport type { FloatingPosition, FloatingSide, FloatingPlacement, ArrowPosition } from '../types';\n\nfunction horizontalSide(\n  placement: FloatingPlacement | 'center',\n  arrowY: number,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { top: arrowY };\n  }\n\n  if (placement === 'end') {\n    return { bottom: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { top: arrowOffset };\n  }\n\n  return {};\n}\n\nfunction verticalSide(\n  placement: FloatingPlacement | 'center',\n  arrowX: number,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition,\n  dir: 'rtl' | 'ltr'\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { left: arrowX };\n  }\n\n  if (placement === 'end') {\n    return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };\n  }\n\n  return {};\n}\n\nconst radiusByFloatingSide: Record<\n  FloatingSide,\n  keyof Pick<\n    React.CSSProperties,\n    | 'borderBottomLeftRadius'\n    | 'borderBottomRightRadius'\n    | 'borderTopLeftRadius'\n    | 'borderTopRightRadius'\n  >\n> = {\n  bottom: 'borderTopLeftRadius',\n  left: 'borderTopRightRadius',\n  right: 'borderBottomLeftRadius',\n  top: 'borderBottomRightRadius',\n};\n\nexport function getArrowPositionStyles({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  arrowX,\n  arrowY,\n  dir,\n}: {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number;\n  arrowY: number;\n  dir: 'rtl' | 'ltr';\n}) {\n  const [side, placement = 'center'] = position.split('-') as [FloatingSide, FloatingPlacement];\n  const baseStyles = {\n    width: rem(arrowSize),\n    height: rem(arrowSize),\n    transform: 'rotate(45deg)',\n    position: 'absolute',\n    [radiusByFloatingSide[side]]: rem(arrowRadius),\n  };\n\n  const arrowPlacement = rem(-arrowSize / 2);\n\n  if (side === 'left') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      right: arrowPlacement,\n      borderLeftColor: 'transparent',\n      borderBottomColor: 'transparent',\n    };\n  }\n\n  if (side === 'right') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      left: arrowPlacement,\n      borderRightColor: 'transparent',\n      borderTopColor: 'transparent',\n    };\n  }\n\n  if (side === 'top') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      bottom: arrowPlacement,\n      borderTopColor: 'transparent',\n      borderLeftColor: 'transparent',\n    };\n  }\n\n  if (side === 'bottom') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      top: arrowPlacement,\n      borderBottomColor: 'transparent',\n      borderRightColor: 'transparent',\n    };\n  }\n\n  return {};\n}\n"],"names":["rem"],"mappings":"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"}
+{"version":3,"file":"get-arrow-position-styles.js","sources":["../../../../src/components/Floating/FloatingArrow/get-arrow-position-styles.ts"],"sourcesContent":["import { rem } from '../../../core';\nimport type { FloatingPosition, FloatingSide, FloatingPlacement, ArrowPosition } from '../types';\n\nfunction horizontalSide(\n  placement: FloatingPlacement | 'center',\n  arrowY: number,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { top: arrowY };\n  }\n\n  if (placement === 'end') {\n    return { bottom: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { top: arrowOffset };\n  }\n\n  return {};\n}\n\nfunction verticalSide(\n  placement: FloatingPlacement | 'center',\n  arrowX: number,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition,\n  dir: 'rtl' | 'ltr'\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { left: arrowX };\n  }\n\n  if (placement === 'end') {\n    return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };\n  }\n\n  return {};\n}\n\nconst radiusByFloatingSide: Record<\n  FloatingSide,\n  keyof Pick<\n    React.CSSProperties,\n    | 'borderBottomLeftRadius'\n    | 'borderBottomRightRadius'\n    | 'borderTopLeftRadius'\n    | 'borderTopRightRadius'\n  >\n> = {\n  bottom: 'borderTopLeftRadius',\n  left: 'borderTopRightRadius',\n  right: 'borderBottomLeftRadius',\n  top: 'borderBottomRightRadius',\n};\n\nexport function getArrowPositionStyles({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  arrowX,\n  arrowY,\n  dir,\n}: {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number;\n  arrowY: number;\n  dir: 'rtl' | 'ltr';\n}) {\n  const [side, placement = 'center'] = position.split('-') as [FloatingSide, FloatingPlacement];\n  const baseStyles = {\n    width: rem(arrowSize),\n    height: rem(arrowSize),\n    transform: 'rotate(45deg)',\n    position: 'absolute',\n    [radiusByFloatingSide[side]]: rem(arrowRadius),\n  };\n\n  const arrowPlacement = rem(-arrowSize / 2);\n\n  if (side === 'left') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      right: arrowPlacement,\n      borderLeftColor: 'transparent',\n      borderBottomColor: 'transparent',\n    };\n  }\n\n  if (side === 'right') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      left: arrowPlacement,\n      borderRightColor: 'transparent',\n      borderTopColor: 'transparent',\n    };\n  }\n\n  if (side === 'top') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      bottom: arrowPlacement,\n      borderTopColor: 'transparent',\n      borderLeftColor: 'transparent',\n    };\n  }\n\n  if (side === 'bottom') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      top: arrowPlacement,\n      borderBottomColor: 'transparent',\n      borderRightColor: 'transparent',\n    };\n  }\n\n  return {};\n}\n"],"names":["rem"],"mappings":"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"}

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function getFloatingPosition(dir, position) {
-    if (dir === 'rtl' && (position.includes('right') || position.includes('left'))) {
-        const [side, placement] = position.split('-');
-        const flippedPosition = side === 'right' ? 'left' : 'right';
-        return placement === undefined ? flippedPosition : `${flippedPosition}-${placement}`;
-    }
-    return position;
+  if (dir === "rtl" && (position.includes("right") || position.includes("left"))) {
+    const [side, placement] = position.split("-");
+    const flippedPosition = side === "right" ? "left" : "right";
+    return placement === void 0 ? flippedPosition : `${flippedPosition}-${placement}`;
+  }
+  return position;
 }
 
 exports.getFloatingPosition = getFloatingPosition;

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

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

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

@@ -5,32 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function useDelayedHover({ open, close, openDelay, closeDelay }) {
-    const openTimeout = React.useRef(-1);
-    const closeTimeout = React.useRef(-1);
-    const clearTimeouts = () => {
-        window.clearTimeout(openTimeout.current);
-        window.clearTimeout(closeTimeout.current);
-    };
-    const openDropdown = () => {
-        clearTimeouts();
-        if (openDelay === 0) {
-            open();
-        }
-        else {
-            openTimeout.current = window.setTimeout(open, openDelay);
-        }
-    };
-    const closeDropdown = () => {
-        clearTimeouts();
-        if (closeDelay === 0) {
-            close();
-        }
-        else {
-            closeTimeout.current = window.setTimeout(close, closeDelay);
-        }
-    };
-    React.useEffect(() => clearTimeouts, []);
-    return { openDropdown, closeDropdown };
+  const openTimeout = React.useRef(-1);
+  const closeTimeout = React.useRef(-1);
+  const clearTimeouts = () => {
+    window.clearTimeout(openTimeout.current);
+    window.clearTimeout(closeTimeout.current);
+  };
+  const openDropdown = () => {
+    clearTimeouts();
+    if (openDelay === 0) {
+      open();
+    } else {
+      openTimeout.current = window.setTimeout(open, openDelay);
+    }
+  };
+  const closeDropdown = () => {
+    clearTimeouts();
+    if (closeDelay === 0) {
+      close();
+    } else {
+      closeTimeout.current = window.setTimeout(close, closeDelay);
+    }
+  };
+  React.useEffect(() => clearTimeouts, []);
+  return { openDropdown, closeDropdown };
 }
 
 exports.useDelayedHover = useDelayedHover;

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

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

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

@@ -6,26 +6,35 @@ var React = require('react');
 var react = require('@floating-ui/react');
 var hooks = require('@mantine/hooks');
 
-function useFloatingAutoUpdate({ opened, floating, position, positionDependencies, }) {
-    const [delayedUpdate, setDelayedUpdate] = React.useState(0);
-    React.useEffect(() => {
-        if (floating.refs.reference.current && floating.refs.floating.current) {
-            return react.autoUpdate(floating.refs.reference.current, floating.refs.floating.current, floating.update);
-        }
-        return undefined;
-    }, [
+function useFloatingAutoUpdate({
+  opened,
+  floating,
+  position,
+  positionDependencies
+}) {
+  const [delayedUpdate, setDelayedUpdate] = React.useState(0);
+  React.useEffect(() => {
+    if (floating.refs.reference.current && floating.refs.floating.current) {
+      return react.autoUpdate(
         floating.refs.reference.current,
         floating.refs.floating.current,
-        opened,
-        delayedUpdate,
-        position,
-    ]);
-    hooks.useDidUpdate(() => {
-        floating.update();
-    }, positionDependencies);
-    hooks.useDidUpdate(() => {
-        setDelayedUpdate((c) => c + 1);
-    }, [opened]);
+        floating.update
+      );
+    }
+    return void 0;
+  }, [
+    floating.refs.reference.current,
+    floating.refs.floating.current,
+    opened,
+    delayedUpdate,
+    position
+  ]);
+  hooks.useDidUpdate(() => {
+    floating.update();
+  }, positionDependencies);
+  hooks.useDidUpdate(() => {
+    setDelayedUpdate((c) => c + 1);
+  }, [opened]);
 }
 
 exports.useFloatingAutoUpdate = useFloatingAutoUpdate;