@basic-ui/core 0.0.53 → 0.0.56

package/build/esm/Modal/Modal.js

@@ -1,38 +1,33 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "children", "trapFocus", "style"];
 import { forwardRef, useRef } from 'react';
 import { useAutoFocus, useFocusReturn, useRemoveBodyScroll } from '../hooks';
 import { FocusLock } from '../FocusLock';
 import { assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      children = _ref.children,
-      _ref$trapFocus = _ref.trapFocus,
-      trapFocus = _ref$trapFocus === void 0 ? true : _ref$trapFocus,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var modalRef = useRef(null);
+export const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    as: Comp = 'div',
+    children,
+    trapFocus = true,
+    style = {},
+    ...otherProps
+  } = _ref;
+  const modalRef = useRef(null);
   useFocusReturn(trapFocus, modalRef);
   useRemoveBodyScroll(trapFocus, modalRef);
   useAutoFocus(trapFocus, modalRef);
   return /*#__PURE__*/_jsx(FocusLock, {
     childRef: modalRef,
     enabled: trapFocus,
-    children: /*#__PURE__*/_jsx(Comp, _extends(_extends({
+    children: /*#__PURE__*/_jsx(Comp, {
       ref: assignMultipleRefs(ref, modalRef),
       "data-modal-container": "",
       role: "dialog",
       "aria-modal": "true",
       style: style,
-      tabIndex: -1
-    }, otherProps), {}, {
+      tabIndex: -1,
+      ...otherProps,
       children: children
-    }))
+    })
   });
 });
 //# sourceMappingURL=Modal.js.map

package/build/esm/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["forwardRef","useRef","useAutoFocus","useFocusReturn","useRemoveBodyScroll","FocusLock","assignMultipleRefs","Modal","ref","as","Comp","children","trapFocus","style","otherProps","modalRef"],"sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["import type {\n  CSSProperties,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n} from 'react';\nimport { forwardRef, useRef } from 'react';\n\nimport { useAutoFocus, useFocusReturn, useRemoveBodyScroll } from '../hooks';\nimport { FocusLock } from '../FocusLock';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ModalProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  style?: CSSProperties;\n  trapFocus?: boolean;\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    { as: Comp = 'div', children, trapFocus = true, style = {}, ...otherProps },\n    ref\n  ) => {\n    const modalRef = useRef<HTMLDivElement>(null);\n\n    useFocusReturn(trapFocus, modalRef);\n    useRemoveBodyScroll(trapFocus, modalRef);\n    useAutoFocus(trapFocus, modalRef);\n\n    return (\n      <FocusLock childRef={modalRef} enabled={trapFocus}>\n        <Comp\n          ref={assignMultipleRefs(ref, modalRef)}\n          data-modal-container=\"\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          style={style}\n          tabIndex={-1}\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </FocusLock>\n    );\n  }\n);\n"],"mappings":";;;AAMA,SAASA,UAAT,EAAqBC,MAArB,QAAmC,OAAnC;AAEA,SAASC,YAAT,EAAuBC,cAAvB,EAAuCC,mBAAvC,QAAkE,UAAlE;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,IAAMC,KAAK,gBAAGP,UAAU,CAC7B,gBAEEQ,GAFF,EAGK;EAAA,mBAFDC,EAEC;EAAA,IAFGC,IAEH,wBAFU,KAEV;EAAA,IAFiBC,QAEjB,QAFiBA,QAEjB;EAAA,0BAF2BC,SAE3B;EAAA,IAF2BA,SAE3B,+BAFuC,IAEvC;EAAA,sBAF6CC,KAE7C;EAAA,IAF6CA,KAE7C,2BAFqD,EAErD;EAAA,IAF4DC,UAE5D;;EACH,IAAMC,QAAQ,GAAGd,MAAM,CAAiB,IAAjB,CAAvB;EAEAE,cAAc,CAACS,SAAD,EAAYG,QAAZ,CAAd;EACAX,mBAAmB,CAACQ,SAAD,EAAYG,QAAZ,CAAnB;EACAb,YAAY,CAACU,SAAD,EAAYG,QAAZ,CAAZ;EAEA,oBACE,KAAC,SAAD;IAAW,QAAQ,EAAEA,QAArB;IAA+B,OAAO,EAAEH,SAAxC;IAAA,uBACE,KAAC,IAAD;MACE,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMO,QAAN,CADzB;MAEE,wBAAqB,EAFvB;MAGE,IAAI,EAAC,QAHP;MAIE,cAAW,MAJb;MAKE,KAAK,EAAEF,KALT;MAME,QAAQ,EAAE,CAAC;IANb,GAOMC,UAPN;MAAA,UASGH;IATH;EADF,EADF;AAeD,CA1B4B,CAAxB"}
+{"version":3,"file":"Modal.js","names":["forwardRef","useRef","useAutoFocus","useFocusReturn","useRemoveBodyScroll","FocusLock","assignMultipleRefs","jsx","_jsx","Modal","_ref","ref","as","Comp","children","trapFocus","style","otherProps","modalRef","childRef","enabled","role","tabIndex"],"sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["import type {\n  CSSProperties,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n} from 'react';\nimport { forwardRef, useRef } from 'react';\n\nimport { useAutoFocus, useFocusReturn, useRemoveBodyScroll } from '../hooks';\nimport { FocusLock } from '../FocusLock';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ModalProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  style?: CSSProperties;\n  trapFocus?: boolean;\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    { as: Comp = 'div', children, trapFocus = true, style = {}, ...otherProps },\n    ref\n  ) => {\n    const modalRef = useRef<HTMLDivElement>(null);\n\n    useFocusReturn(trapFocus, modalRef);\n    useRemoveBodyScroll(trapFocus, modalRef);\n    useAutoFocus(trapFocus, modalRef);\n\n    return (\n      <FocusLock childRef={modalRef} enabled={trapFocus}>\n        <Comp\n          ref={assignMultipleRefs(ref, modalRef)}\n          data-modal-container=\"\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          style={style}\n          tabIndex={-1}\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </FocusLock>\n    );\n  }\n);\n"],"mappings":"AAMA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAE1C,SAASC,YAAY,EAAEC,cAAc,EAAEC,mBAAmB,QAAQ,UAAU;AAC5E,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU9C,OAAO,MAAMC,KAAK,gBAAGT,UAAU,CAC7B,CAAAU,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAAEC,QAAQ;IAAEC,SAAS,GAAG,IAAI;IAAEC,KAAK,GAAG,CAAC,CAAC;IAAE,GAAGC;EAAW,CAAC,GAAAP,IAAA;EAG3E,MAAMQ,QAAQ,GAAGjB,MAAM,CAAiB,IAAI,CAAC;EAE7CE,cAAc,CAACY,SAAS,EAAEG,QAAQ,CAAC;EACnCd,mBAAmB,CAACW,SAAS,EAAEG,QAAQ,CAAC;EACxChB,YAAY,CAACa,SAAS,EAAEG,QAAQ,CAAC;EAEjC,oBACEV,IAAA,CAACH,SAAS;IAACc,QAAQ,EAAED,QAAS;IAACE,OAAO,EAAEL,SAAU;IAAAD,QAAA,eAChDN,IAAA,CAACK,IAAI;MACHF,GAAG,EAAEL,kBAAkB,CAACK,GAAG,EAAEO,QAAQ,CAAE;MACvC,wBAAqB,EAAE;MACvBG,IAAI,EAAC,QAAQ;MACb,cAAW,MAAM;MACjBL,KAAK,EAAEA,KAAM;MACbM,QAAQ,EAAE,CAAC,CAAE;MAAA,GACTL,UAAU;MAAAH,QAAA,EAEbA;IAAQ,CACL;EAAC,CACE,CAAC;AAEhB,CACF,CAAC","ignoreList":[]}

package/build/esm/Modal/ModalBackdrop.js

@@ -1,60 +1,51 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "onClose", "onClick", "onMouseDown", "onKeyDown", "disableCloseOnClick", "disableEscapeKeyDown"];
 import { useRef, forwardRef } from 'react';
 import { assignMultipleRefs } from '../utils/assign-ref';
 import { wrapEvent } from '../utils/wrap-event';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var ModalBackdrop = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
-  var _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      onClose = _ref.onClose,
-      onClick = _ref.onClick,
-      onMouseDown = _ref.onMouseDown,
-      onKeyDown = _ref.onKeyDown,
-      _ref$disableCloseOnCl = _ref.disableCloseOnClick,
-      disableCloseOnClick = _ref$disableCloseOnCl === void 0 ? false : _ref$disableCloseOnCl,
-      _ref$disableEscapeKey = _ref.disableEscapeKeyDown,
-      disableEscapeKeyDown = _ref$disableEscapeKey === void 0 ? false : _ref$disableEscapeKey,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var ref = useRef();
-  var mouseDownTargetRef = useRef(null);
-
-  var handleClick = function handleClick(e) {
+export const ModalBackdrop = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
+  let {
+    as: Comp = 'div',
+    onClose,
+    onClick,
+    onMouseDown,
+    onKeyDown,
+    disableCloseOnClick = false,
+    disableEscapeKeyDown = false,
+    ...otherProps
+  } = _ref;
+  const ref = useRef(null);
+  const mouseDownTargetRef = useRef(null);
+  const handleClick = e => {
     // Ignore the events not coming from the "backdrop"
     // We don't want to close the dialog when clicking the dialog content.
     if (e.target !== e.currentTarget) {
       return;
-    } // Make sure the event starts and ends on the same DOM element.
-
+    }
 
+    // Make sure the event starts and ends on the same DOM element.
     if (e.target !== mouseDownTargetRef.current) {
       return;
     }
-
     mouseDownTargetRef.current = null;
-    !disableCloseOnClick && (onClose === null || onClose === void 0 ? void 0 : onClose());
+    !disableCloseOnClick && onClose?.();
     e.stopPropagation();
   };
-
-  var handleMouseDown = function handleMouseDown(e) {
+  const handleMouseDown = e => {
     mouseDownTargetRef.current = e.target;
   };
-
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     if (e.key === 'Escape') {
-      !disableEscapeKeyDown && (onClose === null || onClose === void 0 ? void 0 : onClose());
+      !disableEscapeKeyDown && onClose?.();
       e.stopPropagation();
     }
   };
-
-  return /*#__PURE__*/_jsx(Comp, _extends({
+  return /*#__PURE__*/_jsx(Comp, {
     ref: assignMultipleRefs(ref, forwardedRef),
     "data-modal-root": "",
     onClick: wrapEvent(onClick, handleClick),
     onMouseDown: wrapEvent(onMouseDown, handleMouseDown),
-    onKeyDown: wrapEvent(onKeyDown, handleKeyDown)
-  }, otherProps));
+    onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
+    ...otherProps
+  });
 });
 //# sourceMappingURL=ModalBackdrop.js.map

package/build/esm/Modal/ModalBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBackdrop.js","names":["useRef","forwardRef","assignMultipleRefs","wrapEvent","ModalBackdrop","forwardedRef","as","Comp","onClose","onClick","onMouseDown","onKeyDown","disableCloseOnClick","disableEscapeKeyDown","otherProps","ref","mouseDownTargetRef","handleClick","e","target","currentTarget","current","stopPropagation","handleMouseDown","handleKeyDown","key"],"sources":["../../../src/Modal/ModalBackdrop.tsx"],"sourcesContent":["import type {\n  HTMLAttributes,\n  ElementType,\n  CSSProperties,\n  MouseEvent,\n  KeyboardEvent,\n} from 'react';\nimport { useRef, forwardRef } from 'react';\n\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils/wrap-event';\n\nexport interface ModalBackdropProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClose?: () => void;\n  style?: CSSProperties;\n  disableCloseOnClick?: boolean;\n  disableEscapeKeyDown?: boolean;\n}\n\nexport const ModalBackdrop = forwardRef<HTMLDivElement, ModalBackdropProps>(\n  (\n    {\n      as: Comp = 'div',\n      onClose,\n      onClick,\n      onMouseDown,\n      onKeyDown,\n      disableCloseOnClick = false,\n      disableEscapeKeyDown = false,\n      ...otherProps\n    },\n    forwardedRef\n  ) => {\n    const ref = useRef();\n    const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n      // Ignore the events not coming from the \"backdrop\"\n      // We don't want to close the dialog when clicking the dialog content.\n      if (e.target !== e.currentTarget) {\n        return;\n      }\n\n      // Make sure the event starts and ends on the same DOM element.\n      if (e.target !== mouseDownTargetRef.current) {\n        return;\n      }\n\n      mouseDownTargetRef.current = null;\n      !disableCloseOnClick && onClose?.();\n      e.stopPropagation();\n    };\n\n    const handleMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n      mouseDownTargetRef.current = e.target;\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        !disableEscapeKeyDown && onClose?.();\n        e.stopPropagation();\n      }\n    };\n\n    return (\n      <Comp\n        ref={assignMultipleRefs(ref, forwardedRef)}\n        data-modal-root=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onMouseDown={wrapEvent(onMouseDown, handleMouseDown)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AAOA,SAASA,MAAT,EAAiBC,UAAjB,QAAmC,OAAnC;AAEA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AAWA,OAAO,IAAMC,aAAa,gBAAGH,UAAU,CACrC,gBAWEI,YAXF,EAYK;EAAA,mBAVDC,EAUC;EAAA,IAVGC,IAUH,wBAVU,KAUV;EAAA,IATDC,OASC,QATDA,OASC;EAAA,IARDC,OAQC,QARDA,OAQC;EAAA,IAPDC,WAOC,QAPDA,WAOC;EAAA,IANDC,SAMC,QANDA,SAMC;EAAA,iCALDC,mBAKC;EAAA,IALDA,mBAKC,sCALqB,KAKrB;EAAA,iCAJDC,oBAIC;EAAA,IAJDA,oBAIC,sCAJsB,KAItB;EAAA,IAHEC,UAGF;;EACH,IAAMC,GAAG,GAAGf,MAAM,EAAlB;EACA,IAAMgB,kBAAkB,GAAGhB,MAAM,CAAqB,IAArB,CAAjC;;EAEA,IAAMiB,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAmC;IACrD;IACA;IACA,IAAIA,CAAC,CAACC,MAAF,KAAaD,CAAC,CAACE,aAAnB,EAAkC;MAChC;IACD,CALoD,CAOrD;;;IACA,IAAIF,CAAC,CAACC,MAAF,KAAaH,kBAAkB,CAACK,OAApC,EAA6C;MAC3C;IACD;;IAEDL,kBAAkB,CAACK,OAAnB,GAA6B,IAA7B;IACA,CAACT,mBAAD,KAAwBJ,OAAxB,aAAwBA,OAAxB,uBAAwBA,OAAO,EAA/B;IACAU,CAAC,CAACI,eAAF;EACD,CAfD;;EAiBA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACL,CAAD,EAAmC;IACzDF,kBAAkB,CAACK,OAAnB,GAA6BH,CAAC,CAACC,MAA/B;EACD,CAFD;;EAIA,IAAMK,aAAa,GAAG,SAAhBA,aAAgB,CAACN,CAAD,EAAsC;IAC1D,IAAIA,CAAC,CAACO,GAAF,KAAU,QAAd,EAAwB;MACtB,CAACZ,oBAAD,KAAyBL,OAAzB,aAAyBA,OAAzB,uBAAyBA,OAAO,EAAhC;MACAU,CAAC,CAACI,eAAF;IACD;EACF,CALD;;EAOA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEpB,kBAAkB,CAACa,GAAD,EAAMV,YAAN,CADzB;IAEE,mBAAgB,EAFlB;IAGE,OAAO,EAAEF,SAAS,CAACM,OAAD,EAAUQ,WAAV,CAHpB;IAIE,WAAW,EAAEd,SAAS,CAACO,WAAD,EAAca,eAAd,CAJxB;IAKE,SAAS,EAAEpB,SAAS,CAACQ,SAAD,EAAYa,aAAZ;EALtB,GAMMV,UANN,EADF;AAUD,CAvDoC,CAAhC"}
+{"version":3,"file":"ModalBackdrop.js","names":["useRef","forwardRef","assignMultipleRefs","wrapEvent","jsx","_jsx","ModalBackdrop","_ref","forwardedRef","as","Comp","onClose","onClick","onMouseDown","onKeyDown","disableCloseOnClick","disableEscapeKeyDown","otherProps","ref","mouseDownTargetRef","handleClick","e","target","currentTarget","current","stopPropagation","handleMouseDown","handleKeyDown","key"],"sources":["../../../src/Modal/ModalBackdrop.tsx"],"sourcesContent":["import type {\n  HTMLAttributes,\n  ElementType,\n  CSSProperties,\n  MouseEvent,\n  KeyboardEvent,\n} from 'react';\nimport { useRef, forwardRef } from 'react';\n\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils/wrap-event';\n\nexport interface ModalBackdropProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClose?: () => void;\n  style?: CSSProperties;\n  disableCloseOnClick?: boolean;\n  disableEscapeKeyDown?: boolean;\n}\n\nexport const ModalBackdrop = forwardRef<HTMLDivElement, ModalBackdropProps>(\n  (\n    {\n      as: Comp = 'div',\n      onClose,\n      onClick,\n      onMouseDown,\n      onKeyDown,\n      disableCloseOnClick = false,\n      disableEscapeKeyDown = false,\n      ...otherProps\n    },\n    forwardedRef\n  ) => {\n    const ref = useRef(null);\n    const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n      // Ignore the events not coming from the \"backdrop\"\n      // We don't want to close the dialog when clicking the dialog content.\n      if (e.target !== e.currentTarget) {\n        return;\n      }\n\n      // Make sure the event starts and ends on the same DOM element.\n      if (e.target !== mouseDownTargetRef.current) {\n        return;\n      }\n\n      mouseDownTargetRef.current = null;\n      !disableCloseOnClick && onClose?.();\n      e.stopPropagation();\n    };\n\n    const handleMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n      mouseDownTargetRef.current = e.target;\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        !disableEscapeKeyDown && onClose?.();\n        e.stopPropagation();\n      }\n    };\n\n    return (\n      <Comp\n        ref={assignMultipleRefs(ref, forwardedRef)}\n        data-modal-root=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onMouseDown={wrapEvent(onMouseDown, handleMouseDown)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"AAOA,SAASA,MAAM,EAAEC,UAAU,QAAQ,OAAO;AAE1C,SAASC,kBAAkB,QAAQ,qBAAqB;AACxD,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWhD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAWEC,YAAY,KACT;EAAA,IAXH;IACEC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,OAAO;IACPC,OAAO;IACPC,WAAW;IACXC,SAAS;IACTC,mBAAmB,GAAG,KAAK;IAC3BC,oBAAoB,GAAG,KAAK;IAC5B,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,GAAG,GAAGlB,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMmB,kBAAkB,GAAGnB,MAAM,CAAqB,IAAI,CAAC;EAE3D,MAAMoB,WAAW,GAAIC,CAA6B,IAAK;IACrD;IACA;IACA,IAAIA,CAAC,CAACC,MAAM,KAAKD,CAAC,CAACE,aAAa,EAAE;MAChC;IACF;;IAEA;IACA,IAAIF,CAAC,CAACC,MAAM,KAAKH,kBAAkB,CAACK,OAAO,EAAE;MAC3C;IACF;IAEAL,kBAAkB,CAACK,OAAO,GAAG,IAAI;IACjC,CAACT,mBAAmB,IAAIJ,OAAO,GAAG,CAAC;IACnCU,CAAC,CAACI,eAAe,CAAC,CAAC;EACrB,CAAC;EAED,MAAMC,eAAe,GAAIL,CAA6B,IAAK;IACzDF,kBAAkB,CAACK,OAAO,GAAGH,CAAC,CAACC,MAAM;EACvC,CAAC;EAED,MAAMK,aAAa,GAAIN,CAAgC,IAAK;IAC1D,IAAIA,CAAC,CAACO,GAAG,KAAK,QAAQ,EAAE;MACtB,CAACZ,oBAAoB,IAAIL,OAAO,GAAG,CAAC;MACpCU,CAAC,CAACI,eAAe,CAAC,CAAC;IACrB;EACF,CAAC;EAED,oBACEpB,IAAA,CAACK,IAAI;IACHQ,GAAG,EAAEhB,kBAAkB,CAACgB,GAAG,EAAEV,YAAY,CAAE;IAC3C,mBAAgB,EAAE;IAClBI,OAAO,EAAET,SAAS,CAACS,OAAO,EAAEQ,WAAW,CAAE;IACzCP,WAAW,EAAEV,SAAS,CAACU,WAAW,EAAEa,eAAe,CAAE;IACrDZ,SAAS,EAAEX,SAAS,CAACW,SAAS,EAAEa,aAAa,CAAE;IAAA,GAC3CV;EAAU,CACf,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Modal/index.ts"],"sourcesContent":["export * from './Modal';\nexport * from './ModalBackdrop';\n"],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,iBAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Modal/index.ts"],"sourcesContent":["export * from './Modal';\nexport * from './ModalBackdrop';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,iBAAiB","ignoreList":[]}

package/build/esm/Popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, ElementType, RefObject, ReactNode } from 'react';
 import type { Placement, Modifier, PositioningStrategy, Rect } from '@popperjs/core';
-export declare type OffsetsFunction = (arg0: {
+export type OffsetsFunction = (arg0: {
     popper: Rect;
     reference: Rect;
     placement: Placement;
@@ -8,7 +8,7 @@ export declare type OffsetsFunction = (arg0: {
 export interface PopperProps extends HTMLAttributes<HTMLDivElement> {
     as?: ElementType<any>;
     innerAs?: ElementType<any>;
-    anchorEl: RefObject<HTMLElement>;
+    anchorEl: RefObject<HTMLElement | null>;
     children?: ReactNode;
     placement?: Placement;
     strategy?: PositioningStrategy;
@@ -32,4 +32,4 @@ export interface PopperProps extends HTMLAttributes<HTMLDivElement> {
      */
     arrowPadding?: number;
 }
-export declare const Popper: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<PopperProps & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Popper: import("react").NamedExoticComponent<PopperProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Popper/Popper.js

@@ -1,105 +1,88 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["placement", "strategy", "as", "innerAs", "anchorEl", "children", "modifiers", "usePortal", "style", "portalSelector", "distance", "skidding", "arrowPadding", "offsetFn"];
 import { forwardRef, useRef, useEffect, useLayoutEffect, useMemo, memo } from 'react';
 import { createPopper } from '@popperjs/core';
 import { assignMultipleRefs } from '../utils/assign-ref';
 import { PopperProvider } from './context';
 import { Portal } from '../Portal';
 import { jsx as _jsx } from "react/jsx-runtime";
-var useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-var emptyModifiers = [];
-export var Popper = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Popper(_ref, forwardedRef) {
-  var _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-      _ref$strategy = _ref.strategy,
-      strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
-      _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      innerAs = _ref.innerAs,
-      anchorEl = _ref.anchorEl,
-      children = _ref.children,
-      _ref$modifiers = _ref.modifiers,
-      modifiers = _ref$modifiers === void 0 ? emptyModifiers : _ref$modifiers,
-      _ref$usePortal = _ref.usePortal,
-      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      _ref$portalSelector = _ref.portalSelector,
-      portalSelector = _ref$portalSelector === void 0 ? 'body' : _ref$portalSelector,
-      _ref$distance = _ref.distance,
-      distance = _ref$distance === void 0 ? 0 : _ref$distance,
-      _ref$skidding = _ref.skidding,
-      skidding = _ref$skidding === void 0 ? 0 : _ref$skidding,
-      _ref$arrowPadding = _ref.arrowPadding,
-      arrowPadding = _ref$arrowPadding === void 0 ? 5 : _ref$arrowPadding,
-      offsetFn = _ref.offsetFn,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var arrowRef = useRef(null);
-  var popperRef = useRef(null);
-  var popperEngineInstance = useRef(null);
-  var defaultModifiers = useMemo(function () {
-    var arrowModifier = {
+const useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+const emptyModifiers = [];
+export const Popper = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Popper(_ref, forwardedRef) {
+  let {
+    placement = 'bottom',
+    strategy = 'absolute',
+    as: Comp = 'div',
+    innerAs,
+    anchorEl,
+    children,
+    modifiers = emptyModifiers,
+    usePortal = false,
+    style = {},
+    portalSelector,
+    distance = 0,
+    skidding = 0,
+    arrowPadding = 5,
+    offsetFn,
+    ...props
+  } = _ref;
+  const arrowRef = useRef(null);
+  const popperRef = useRef(null);
+  const popperEngineInstance = useRef(null);
+  const defaultModifiers = useMemo(() => {
+    const arrowModifier = {
       name: 'arrow',
       options: {
         element: '[data-popper-arrow]',
         padding: arrowPadding
       }
     };
-    var offsetModifier = {
+    const offsetModifier = {
       name: 'offset',
       options: {
-        offset: offsetFn !== null && offsetFn !== void 0 ? offsetFn : [skidding, distance]
+        offset: offsetFn ?? [skidding, distance]
       }
     };
     return [arrowModifier, offsetModifier];
   }, [arrowPadding, distance, skidding, offsetFn]);
-  useEnhancedEffect(function () {
+  useEnhancedEffect(() => {
     if (anchorEl && anchorEl.current && popperRef.current) {
       popperEngineInstance.current = createPopper(anchorEl.current, popperRef.current, {
-        placement: placement,
-        strategy: strategy,
-        modifiers: [].concat(_toConsumableArray(defaultModifiers), _toConsumableArray(modifiers))
+        placement,
+        strategy,
+        modifiers: [...defaultModifiers, ...modifiers]
       });
     }
-
-    return function () {
+    return () => {
       popperEngineInstance.current && popperEngineInstance.current.destroy();
       popperEngineInstance.current = null;
     };
   }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);
-  useEnhancedEffect(function () {
-    var _popperEngineInstance;
-
-    (_popperEngineInstance = popperEngineInstance.current) === null || _popperEngineInstance === void 0 ? void 0 : _popperEngineInstance.forceUpdate();
+  useEnhancedEffect(() => {
+    popperEngineInstance.current?.forceUpdate();
   }, [props.hidden || props['aria-hidden']]);
-  var contextValue = {
-    arrowRef: arrowRef
+  const contextValue = {
+    arrowRef
   };
-
-  var ret = /*#__PURE__*/_jsx(PopperProvider, {
+  const ret = /*#__PURE__*/_jsx(PopperProvider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(Comp, _extends(_extends({}, props), {}, {
+    children: /*#__PURE__*/_jsx(Comp, {
+      ...props,
       as: innerAs,
       ref: assignMultipleRefs(popperRef, forwardedRef),
-      style: _extends({
+      style: {
         position: 'fixed',
         left: -5000,
-        top: -5000
-      }, style),
+        top: -5000,
+        ...style
+      },
       children: children
-    }))
+    })
   });
-
   if (usePortal) {
     return /*#__PURE__*/_jsx(Portal, {
       selector: portalSelector,
       children: ret
     });
   }
-
   return ret;
 }));
 //# sourceMappingURL=Popper.js.map

package/build/esm/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","names":["forwardRef","useRef","useEffect","useLayoutEffect","useMemo","memo","createPopper","assignMultipleRefs","PopperProvider","Portal","useEnhancedEffect","window","emptyModifiers","Popper","forwardedRef","placement","strategy","as","Comp","innerAs","anchorEl","children","modifiers","usePortal","style","portalSelector","distance","skidding","arrowPadding","offsetFn","props","arrowRef","popperRef","popperEngineInstance","defaultModifiers","arrowModifier","name","options","element","padding","offsetModifier","offset","current","destroy","forceUpdate","hidden","contextValue","ret","position","left","top"],"sources":["../../../src/Popper/Popper.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, RefObject, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  memo,\n} from 'react';\nimport type {\n  Placement,\n  Modifier,\n  PositioningStrategy,\n  Instance,\n  Rect,\n} from '@popperjs/core';\nimport { createPopper } from '@popperjs/core';\nimport type { OffsetModifier } from '@popperjs/core/lib/modifiers/offset';\nimport type { ArrowModifier } from '@popperjs/core/lib/modifiers/arrow';\n\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport type { PopperContextProps } from './context';\nimport { PopperProvider } from './context';\nimport { Portal } from '../Portal';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type OffsetsFunction = (arg0: {\n  popper: Rect;\n  reference: Rect;\n  placement: Placement;\n}) => [number | null | undefined, number | null | undefined];\n\nexport interface PopperProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  anchorEl: RefObject<HTMLElement>;\n  children?: ReactNode;\n  placement?: Placement;\n  strategy?: PositioningStrategy;\n  modifiers?: Array<Partial<Modifier<any, any>>>;\n  usePortal?: boolean;\n  portalSelector?: string;\n  /**\n   * Displaces the popper along the reference element.\n   */\n  skidding?: number;\n  /**\n   * Displaces the popper away from, or toward, the reference element in the direction of its placement. A positive number displaces it further away, while a negative number lets it overlap the reference.\n   */\n  distance?: number;\n  /**\n   * An optional function that must return a pair of [skidding, padding]. Useful for doing things like, displace the popper by 100%.\n   */\n  offsetFn?: OffsetsFunction;\n  /**\n   * If you don't want the arrow to reach the very edge of the popper (this is common if your popper has rounded corners using border-radius), you can apply some padding to it.\n   */\n  arrowPadding?: number;\n}\n\nconst emptyModifiers: Array<Partial<Modifier<any, any>>> = [];\nexport const Popper = memo(\n  forwardRef<HTMLDivElement, PopperProps>(function Popper(\n    {\n      placement = 'bottom',\n      strategy = 'absolute',\n      as: Comp = 'div',\n      innerAs,\n      anchorEl,\n      children,\n      modifiers = emptyModifiers,\n      usePortal = false,\n      style = {},\n      portalSelector = 'body',\n      distance = 0,\n      skidding = 0,\n      arrowPadding = 5,\n      offsetFn,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const arrowRef = useRef<HTMLSpanElement>(null);\n\n    const popperRef = useRef<HTMLDivElement | null>(null);\n    const popperEngineInstance = useRef<null | Instance>(null);\n\n    const defaultModifiers: Array<Partial<Modifier<any, any>>> = useMemo(() => {\n      const arrowModifier: Omit<ArrowModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'arrow',\n        options: {\n          element: '[data-popper-arrow]',\n          padding: arrowPadding,\n        },\n      };\n      const offsetModifier: Omit<OffsetModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'offset',\n        options: {\n          offset: offsetFn ?? [skidding, distance],\n        },\n      };\n\n      return [arrowModifier, offsetModifier];\n    }, [arrowPadding, distance, skidding, offsetFn]);\n\n    useEnhancedEffect(() => {\n      if (anchorEl && anchorEl.current && popperRef.current) {\n        popperEngineInstance.current = createPopper(\n          anchorEl.current,\n          popperRef.current,\n          {\n            placement,\n            strategy,\n            modifiers: [...defaultModifiers, ...modifiers],\n          }\n        );\n      }\n\n      return () => {\n        popperEngineInstance.current && popperEngineInstance.current.destroy();\n        popperEngineInstance.current = null;\n      };\n    }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);\n\n    useEnhancedEffect(() => {\n      popperEngineInstance.current?.forceUpdate();\n    }, [props.hidden || props['aria-hidden']]);\n\n    const contextValue: PopperContextProps = {\n      arrowRef,\n    };\n\n    const ret = (\n      <PopperProvider value={contextValue}>\n        <Comp\n          {...props}\n          as={innerAs}\n          ref={assignMultipleRefs(popperRef, forwardedRef)}\n          style={{ position: 'fixed', left: -5000, top: -5000, ...style }}\n        >\n          {children}\n        </Comp>\n      </PopperProvider>\n    );\n\n    if (usePortal) {\n      return <Portal selector={portalSelector}>{ret}</Portal>;\n    }\n\n    return ret;\n  })\n);\n"],"mappings":"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"}
+{"version":3,"file":"Popper.js","names":["forwardRef","useRef","useEffect","useLayoutEffect","useMemo","memo","createPopper","assignMultipleRefs","PopperProvider","Portal","jsx","_jsx","useEnhancedEffect","window","emptyModifiers","Popper","_ref","forwardedRef","placement","strategy","as","Comp","innerAs","anchorEl","children","modifiers","usePortal","style","portalSelector","distance","skidding","arrowPadding","offsetFn","props","arrowRef","popperRef","popperEngineInstance","defaultModifiers","arrowModifier","name","options","element","padding","offsetModifier","offset","current","destroy","forceUpdate","hidden","contextValue","ret","value","ref","position","left","top","selector"],"sources":["../../../src/Popper/Popper.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, RefObject, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  memo,\n} from 'react';\nimport type {\n  Placement,\n  Modifier,\n  PositioningStrategy,\n  Instance,\n  Rect,\n} from '@popperjs/core';\nimport { createPopper } from '@popperjs/core';\nimport type { OffsetModifier } from '@popperjs/core/lib/modifiers/offset';\nimport type { ArrowModifier } from '@popperjs/core/lib/modifiers/arrow';\n\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport type { PopperContextProps } from './context';\nimport { PopperProvider } from './context';\nimport { Portal } from '../Portal';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type OffsetsFunction = (arg0: {\n  popper: Rect;\n  reference: Rect;\n  placement: Placement;\n}) => [number | null | undefined, number | null | undefined];\n\nexport interface PopperProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  anchorEl: RefObject<HTMLElement | null>;\n  children?: ReactNode;\n  placement?: Placement;\n  strategy?: PositioningStrategy;\n  modifiers?: Array<Partial<Modifier<any, any>>>;\n  usePortal?: boolean;\n  portalSelector?: string;\n  /**\n   * Displaces the popper along the reference element.\n   */\n  skidding?: number;\n  /**\n   * Displaces the popper away from, or toward, the reference element in the direction of its placement. A positive number displaces it further away, while a negative number lets it overlap the reference.\n   */\n  distance?: number;\n  /**\n   * An optional function that must return a pair of [skidding, padding]. Useful for doing things like, displace the popper by 100%.\n   */\n  offsetFn?: OffsetsFunction;\n  /**\n   * If you don't want the arrow to reach the very edge of the popper (this is common if your popper has rounded corners using border-radius), you can apply some padding to it.\n   */\n  arrowPadding?: number;\n}\n\nconst emptyModifiers: Array<Partial<Modifier<any, any>>> = [];\nexport const Popper = memo(\n  forwardRef<HTMLDivElement, PopperProps>(function Popper(\n    {\n      placement = 'bottom',\n      strategy = 'absolute',\n      as: Comp = 'div',\n      innerAs,\n      anchorEl,\n      children,\n      modifiers = emptyModifiers,\n      usePortal = false,\n      style = {},\n      portalSelector,\n      distance = 0,\n      skidding = 0,\n      arrowPadding = 5,\n      offsetFn,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const arrowRef = useRef<HTMLSpanElement>(null);\n\n    const popperRef = useRef<HTMLDivElement | null>(null);\n    const popperEngineInstance = useRef<null | Instance>(null);\n\n    const defaultModifiers: Array<Partial<Modifier<any, any>>> = useMemo(() => {\n      const arrowModifier: Omit<ArrowModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'arrow',\n        options: {\n          element: '[data-popper-arrow]',\n          padding: arrowPadding,\n        },\n      };\n      const offsetModifier: Omit<OffsetModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'offset',\n        options: {\n          offset: offsetFn ?? [skidding, distance],\n        },\n      };\n\n      return [arrowModifier, offsetModifier];\n    }, [arrowPadding, distance, skidding, offsetFn]);\n\n    useEnhancedEffect(() => {\n      if (anchorEl && anchorEl.current && popperRef.current) {\n        popperEngineInstance.current = createPopper(\n          anchorEl.current,\n          popperRef.current,\n          {\n            placement,\n            strategy,\n            modifiers: [...defaultModifiers, ...modifiers],\n          }\n        );\n      }\n\n      return () => {\n        popperEngineInstance.current && popperEngineInstance.current.destroy();\n        popperEngineInstance.current = null;\n      };\n    }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);\n\n    useEnhancedEffect(() => {\n      popperEngineInstance.current?.forceUpdate();\n    }, [props.hidden || props['aria-hidden']]);\n\n    const contextValue: PopperContextProps = {\n      arrowRef,\n    };\n\n    const ret = (\n      <PopperProvider value={contextValue}>\n        <Comp\n          {...props}\n          as={innerAs}\n          ref={assignMultipleRefs(popperRef, forwardedRef)}\n          style={{ position: 'fixed', left: -5000, top: -5000, ...style }}\n        >\n          {children}\n        </Comp>\n      </PopperProvider>\n    );\n\n    if (usePortal) {\n      return <Portal selector={portalSelector}>{ret}</Portal>;\n    }\n\n    return ret;\n  })\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/Popper/PopperArrow.js

@@ -1,30 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as"];
 import { forwardRef } from 'react';
 import { usePopperContext } from './context';
 import { assignMultipleRefs } from '../utils/assign-ref';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var PopperArrow = /*#__PURE__*/forwardRef(function PopperArrow(_ref, _ref2) {
-  var _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var ctx = usePopperContext();
-
+export const PopperArrow = /*#__PURE__*/forwardRef(function PopperArrow(_ref, ref) {
+  let {
+    as: Comp = 'div',
+    ...props
+  } = _ref;
+  const ctx = usePopperContext();
   if (ctx === null) {
     return null;
   }
-
-  return /*#__PURE__*/_jsx(Comp, _extends(_extends({}, props), {}, {
-    ref: function ref(node) {
+  return /*#__PURE__*/_jsx(Comp, {
+    ...props,
+    ref: node => {
       if (node && ctx.arrowRef.current && ctx.arrowRef.current !== node) {
         throw new Error('You can only render one <PopperArrow /> per <Popper> component');
       }
-
-      assignMultipleRefs(_ref2, ctx.arrowRef)(node);
+      assignMultipleRefs(ref, ctx.arrowRef)(node);
     },
     "data-popper-arrow": ""
-  }));
+  });
 });
 //# sourceMappingURL=PopperArrow.js.map

package/build/esm/Popper/PopperArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopperArrow.js","names":["forwardRef","usePopperContext","assignMultipleRefs","PopperArrow","ref","as","Comp","props","ctx","node","arrowRef","current","Error"],"sources":["../../../src/Popper/PopperArrow.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { usePopperContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\n\nexport interface PopperArrowProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n}\n\nexport const PopperArrow = forwardRef<HTMLDivElement, PopperArrowProps>(\n  function PopperArrow({ as: Comp = 'div', ...props }, ref) {\n    const ctx = usePopperContext();\n\n    if (ctx === null) {\n      return null;\n    }\n\n    return (\n      <Comp\n        {...props}\n        ref={(node: HTMLDivElement | null) => {\n          if (node && ctx.arrowRef.current && ctx.arrowRef.current !== node) {\n            throw new Error(\n              'You can only render one <PopperArrow /> per <Popper> component'\n            );\n          }\n          assignMultipleRefs(ref, ctx.arrowRef)(node);\n        }}\n        data-popper-arrow=\"\"\n      />\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,kBAAT,QAAmC,qBAAnC;;AAOA,OAAO,IAAMC,WAAW,gBAAGH,UAAU,CACnC,SAASG,WAAT,OAAqDC,KAArD,EAA0D;EAAA,mBAAnCC,EAAmC;EAAA,IAA/BC,IAA+B,wBAAxB,KAAwB;EAAA,IAAdC,KAAc;;EACxD,IAAMC,GAAG,GAAGP,gBAAgB,EAA5B;;EAEA,IAAIO,GAAG,KAAK,IAAZ,EAAkB;IAChB,OAAO,IAAP;EACD;;EAED,oBACE,KAAC,IAAD,wBACMD,KADN;IAEE,GAAG,EAAE,aAACE,IAAD,EAAiC;MACpC,IAAIA,IAAI,IAAID,GAAG,CAACE,QAAJ,CAAaC,OAArB,IAAgCH,GAAG,CAACE,QAAJ,CAAaC,OAAb,KAAyBF,IAA7D,EAAmE;QACjE,MAAM,IAAIG,KAAJ,CACJ,gEADI,CAAN;MAGD;;MACDV,kBAAkB,CAACE,KAAD,EAAMI,GAAG,CAACE,QAAV,CAAlB,CAAsCD,IAAtC;IACD,CATH;IAUE,qBAAkB;EAVpB,GADF;AAcD,CAtBkC,CAA9B"}
+{"version":3,"file":"PopperArrow.js","names":["forwardRef","usePopperContext","assignMultipleRefs","jsx","_jsx","PopperArrow","_ref","ref","as","Comp","props","ctx","node","arrowRef","current","Error"],"sources":["../../../src/Popper/PopperArrow.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { usePopperContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\n\nexport interface PopperArrowProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n}\n\nexport const PopperArrow = forwardRef<HTMLDivElement, PopperArrowProps>(\n  function PopperArrow({ as: Comp = 'div', ...props }, ref) {\n    const ctx = usePopperContext();\n\n    if (ctx === null) {\n      return null;\n    }\n\n    return (\n      <Comp\n        {...props}\n        ref={(node: HTMLDivElement | null) => {\n          if (node && ctx.arrowRef.current && ctx.arrowRef.current !== node) {\n            throw new Error(\n              'You can only render one <PopperArrow /> per <Popper> component'\n            );\n          }\n          assignMultipleRefs(ref, ctx.arrowRef)(node);\n        }}\n        data-popper-arrow=\"\"\n      />\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,kBAAkB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzD,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CACnC,SAASK,WAAWA,CAAAC,IAAA,EAAiCC,GAAG,EAAE;EAAA,IAArC;IAAEC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAJ,IAAA;EACjD,MAAMK,GAAG,GAAGV,gBAAgB,CAAC,CAAC;EAE9B,IAAIU,GAAG,KAAK,IAAI,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACEP,IAAA,CAACK,IAAI;IAAA,GACCC,KAAK;IACTH,GAAG,EAAGK,IAA2B,IAAK;MACpC,IAAIA,IAAI,IAAID,GAAG,CAACE,QAAQ,CAACC,OAAO,IAAIH,GAAG,CAACE,QAAQ,CAACC,OAAO,KAAKF,IAAI,EAAE;QACjE,MAAM,IAAIG,KAAK,CACb,gEACF,CAAC;MACH;MACAb,kBAAkB,CAACK,GAAG,EAAEI,GAAG,CAACE,QAAQ,CAAC,CAACD,IAAI,CAAC;IAC7C,CAAE;IACF,qBAAkB;EAAE,CACrB,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/Popper/context.js

@@ -1,7 +1,5 @@
 import { createContext, useContext } from 'react';
-var context = /*#__PURE__*/createContext(null);
-export var PopperProvider = context.Provider;
-export var usePopperContext = function usePopperContext() {
-  return useContext(context);
-};
+const context = /*#__PURE__*/createContext(null);
+export const PopperProvider = context.Provider;
+export const usePopperContext = () => useContext(context);
 //# sourceMappingURL=context.js.map

package/build/esm/Popper/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","context","PopperProvider","Provider","usePopperContext"],"sources":["../../../src/Popper/context.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nexport interface PopperContextProps {\n  arrowRef: MutableRefObject<HTMLSpanElement | null>;\n}\n\nconst context = createContext<PopperContextProps | null>(null);\nexport const PopperProvider = context.Provider;\nexport const usePopperContext = () => useContext(context);\n"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAMA,IAAMC,OAAO,gBAAGF,aAAa,CAA4B,IAA5B,CAA7B;AACA,OAAO,IAAMG,cAAc,GAAGD,OAAO,CAACE,QAA/B;AACP,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,OAAMJ,UAAU,CAACC,OAAD,CAAhB;AAAA,CAAzB"}
+{"version":3,"file":"context.js","names":["createContext","useContext","context","PopperProvider","Provider","usePopperContext"],"sources":["../../../src/Popper/context.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nexport interface PopperContextProps {\n  arrowRef: MutableRefObject<HTMLSpanElement | null>;\n}\n\nconst context = createContext<PopperContextProps | null>(null);\nexport const PopperProvider = context.Provider;\nexport const usePopperContext = () => useContext(context);\n"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAMjD,MAAMC,OAAO,gBAAGF,aAAa,CAA4B,IAAI,CAAC;AAC9D,OAAO,MAAMG,cAAc,GAAGD,OAAO,CAACE,QAAQ;AAC9C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAMJ,UAAU,CAACC,OAAO,CAAC","ignoreList":[]}

package/build/esm/Popper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Popper/index.ts"],"sourcesContent":["export * from './Popper';\nexport * from './PopperArrow';\nexport * from './context';\n"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Popper/index.ts"],"sourcesContent":["export * from './Popper';\nexport * from './PopperArrow';\nexport * from './context';\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,WAAW","ignoreList":[]}

package/build/esm/Portal/Portal.js

@@ -2,25 +2,23 @@ import { useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { PortalSelectorContext } from './PortalSelectorProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Portal = function Portal(_ref) {
-  var children = _ref.children,
-      selectorProp = _ref.selector;
-  var selectorCtx = useContext(PortalSelectorContext);
-
+export const Portal = _ref => {
+  let {
+    children,
+    selector: selectorProp
+  } = _ref;
+  const selectorCtx = useContext(PortalSelectorContext);
   if (typeof window === 'undefined') {
     return null;
   }
-
-  var selector = selectorProp || selectorCtx || 'body';
-  var dom = typeof selector === 'string' ? document.querySelector(selector) : selector();
-
+  const selector = selectorProp || selectorCtx || 'body';
+  const dom = typeof selector === 'string' ? document.querySelector(selector) : selector();
   if (dom) {
-    return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx("div", {
       "data-portal": "",
       children: children
     }), dom);
   }
-
   return null;
 };
 //# sourceMappingURL=Portal.js.map

package/build/esm/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["useContext","createPortal","PortalSelectorContext","Portal","children","selectorProp","selector","selectorCtx","window","dom","document","querySelector"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import { useContext, type FC, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport type { PortalSelectorFn } from './PortalSelectorProvider';\nimport { PortalSelectorContext } from './PortalSelectorProvider';\n\nexport interface PortalProps {\n  children?: ReactNode;\n  selector?: PortalSelectorFn;\n}\n\nexport const Portal: FC<PortalProps> = ({\n  children,\n  selector: selectorProp,\n}) => {\n  const selectorCtx = useContext(PortalSelectorContext);\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const selector = selectorProp || selectorCtx || 'body';\n  const dom =\n    typeof selector === 'string'\n      ? document.querySelector(selector)\n      : selector();\n  if (dom) {\n    return createPortal(<div data-portal=\"\">{children}</div>, dom);\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAAoD,OAApD;AACA,SAASC,YAAT,QAA6B,WAA7B;AAGA,SAASC,qBAAT,QAAsC,0BAAtC;;AAOA,OAAO,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B,OAGjC;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADMC,YACN,QADJC,QACI;EACJ,IAAMC,WAAW,GAAGP,UAAU,CAACE,qBAAD,CAA9B;;EACA,IAAI,OAAOM,MAAP,KAAkB,WAAtB,EAAmC;IACjC,OAAO,IAAP;EACD;;EAED,IAAMF,QAAQ,GAAGD,YAAY,IAAIE,WAAhB,IAA+B,MAAhD;EACA,IAAME,GAAG,GACP,OAAOH,QAAP,KAAoB,QAApB,GACII,QAAQ,CAACC,aAAT,CAAuBL,QAAvB,CADJ,GAEIA,QAAQ,EAHd;;EAIA,IAAIG,GAAJ,EAAS;IACP,oBAAOR,YAAY,eAAC;MAAK,eAAY,EAAjB;MAAA,UAAqBG;IAArB,EAAD,EAAuCK,GAAvC,CAAnB;EACD;;EAED,OAAO,IAAP;AACD,CAnBM"}
+{"version":3,"file":"Portal.js","names":["useContext","createPortal","PortalSelectorContext","jsx","_jsx","Portal","_ref","children","selector","selectorProp","selectorCtx","window","dom","document","querySelector"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import { useContext, type FC, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport type { PortalSelectorFn } from './PortalSelectorProvider';\nimport { PortalSelectorContext } from './PortalSelectorProvider';\n\nexport interface PortalProps {\n  children?: ReactNode;\n  selector?: PortalSelectorFn;\n}\n\nexport const Portal: FC<PortalProps> = ({\n  children,\n  selector: selectorProp,\n}) => {\n  const selectorCtx = useContext(PortalSelectorContext);\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const selector = selectorProp || selectorCtx || 'body';\n  const dom =\n    typeof selector === 'string'\n      ? document.querySelector(selector)\n      : selector();\n  if (dom) {\n    return createPortal(<div data-portal=\"\">{children}</div>, dom);\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAiC,OAAO;AAC3D,SAASC,YAAY,QAAQ,WAAW;AAGxC,SAASC,qBAAqB,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOjE,OAAO,MAAMC,MAAuB,GAAGC,IAAA,IAGjC;EAAA,IAHkC;IACtCC,QAAQ;IACRC,QAAQ,EAAEC;EACZ,CAAC,GAAAH,IAAA;EACC,MAAMI,WAAW,GAAGV,UAAU,CAACE,qBAAqB,CAAC;EACrD,IAAI,OAAOS,MAAM,KAAK,WAAW,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,MAAMH,QAAQ,GAAGC,YAAY,IAAIC,WAAW,IAAI,MAAM;EACtD,MAAME,GAAG,GACP,OAAOJ,QAAQ,KAAK,QAAQ,GACxBK,QAAQ,CAACC,aAAa,CAACN,QAAQ,CAAC,GAChCA,QAAQ,CAAC,CAAC;EAChB,IAAII,GAAG,EAAE;IACP,oBAAOX,YAAY,cAACG,IAAA;MAAK,eAAY,EAAE;MAAAG,QAAA,EAAEA;IAAQ,CAAM,CAAC,EAAEK,GAAG,CAAC;EAChE;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/build/esm/Portal/PortalSelectorProvider.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
-export declare type PortalSelectorFn = string | (() => Element | null);
+export type PortalSelectorFn = string | (() => Element | null);
 export declare const PortalSelectorContext: import("react").Context<PortalSelectorFn | null>;
-export declare type PortalSelectorProviderProps = {
+export type PortalSelectorProviderProps = {
     selector: PortalSelectorFn;
     children?: ReactNode | ReactNode[];
 };
-export declare const PortalSelectorProvider: ({ selector, children, }: PortalSelectorProviderProps) => JSX.Element;
+export declare const PortalSelectorProvider: ({ selector, children, }: PortalSelectorProviderProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/Portal/PortalSelectorProvider.js

@@ -1,10 +1,12 @@
 import { createContext } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var PortalSelectorContext = /*#__PURE__*/createContext(null);
+export const PortalSelectorContext = /*#__PURE__*/createContext(null);
 PortalSelectorContext.displayName = 'PortalSelectorContext';
-export var PortalSelectorProvider = function PortalSelectorProvider(_ref) {
-  var selector = _ref.selector,
-      children = _ref.children;
+export const PortalSelectorProvider = _ref => {
+  let {
+    selector,
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(PortalSelectorContext.Provider, {
     value: selector,
     children: children

package/build/esm/Portal/PortalSelectorProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalSelectorProvider.js","names":["createContext","PortalSelectorContext","displayName","PortalSelectorProvider","selector","children"],"sources":["../../../src/Portal/PortalSelectorProvider.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type PortalSelectorFn = string | (() => Element | null);\nexport const PortalSelectorContext = createContext<PortalSelectorFn | null>(\n  null\n);\nPortalSelectorContext.displayName = 'PortalSelectorContext';\n\nexport type PortalSelectorProviderProps = {\n  selector: PortalSelectorFn;\n  children?: ReactNode | ReactNode[];\n};\n\nexport const PortalSelectorProvider = ({\n  selector,\n  children,\n}: PortalSelectorProviderProps) => {\n  return (\n    <PortalSelectorContext.Provider value={selector}>\n      {children}\n    </PortalSelectorContext.Provider>\n  );\n};\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;;AAIA,OAAO,IAAMC,qBAAqB,gBAAGD,aAAa,CAChD,IADgD,CAA3C;AAGPC,qBAAqB,CAACC,WAAtB,GAAoC,uBAApC;AAOA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAGH;EAAA,IAFjCC,QAEiC,QAFjCA,QAEiC;EAAA,IADjCC,QACiC,QADjCA,QACiC;EACjC,oBACE,KAAC,qBAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAED,QAAvC;IAAA,UACGC;EADH,EADF;AAKD,CATM"}
+{"version":3,"file":"PortalSelectorProvider.js","names":["createContext","jsx","_jsx","PortalSelectorContext","displayName","PortalSelectorProvider","_ref","selector","children","Provider","value"],"sources":["../../../src/Portal/PortalSelectorProvider.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type PortalSelectorFn = string | (() => Element | null);\nexport const PortalSelectorContext = createContext<PortalSelectorFn | null>(\n  null\n);\nPortalSelectorContext.displayName = 'PortalSelectorContext';\n\nexport type PortalSelectorProviderProps = {\n  selector: PortalSelectorFn;\n  children?: ReactNode | ReactNode[];\n};\n\nexport const PortalSelectorProvider = ({\n  selector,\n  children,\n}: PortalSelectorProviderProps) => {\n  return (\n    <PortalSelectorContext.Provider value={selector}>\n      {children}\n    </PortalSelectorContext.Provider>\n  );\n};\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItC,OAAO,MAAMC,qBAAqB,gBAAGH,aAAa,CAChD,IACF,CAAC;AACDG,qBAAqB,CAACC,WAAW,GAAG,uBAAuB;AAO3D,OAAO,MAAMC,sBAAsB,GAAGC,IAAA,IAGH;EAAA,IAHI;IACrCC,QAAQ;IACRC;EAC2B,CAAC,GAAAF,IAAA;EAC5B,oBACEJ,IAAA,CAACC,qBAAqB,CAACM,QAAQ;IAACC,KAAK,EAAEH,QAAS;IAAAC,QAAA,EAC7CA;EAAQ,CACqB,CAAC;AAErC,CAAC","ignoreList":[]}

package/build/esm/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PortalSelectorProvider"],"sources":["../../../src/Portal/index.ts"],"sourcesContent":["export * from './Portal';\nexport {\n  PortalSelectorProvider,\n  type PortalSelectorProviderProps,\n  type PortalSelectorFn,\n} from './PortalSelectorProvider';\n"],"mappings":"AAAA,cAAc,UAAd;AACA,SACEA,sBADF,QAIO,0BAJP"}
+{"version":3,"file":"index.js","names":["PortalSelectorProvider"],"sources":["../../../src/Portal/index.ts"],"sourcesContent":["export * from './Portal';\nexport {\n  PortalSelectorProvider,\n  type PortalSelectorProviderProps,\n  type PortalSelectorFn,\n} from './PortalSelectorProvider';\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,SACEA,sBAAsB,QAGjB,0BAA0B","ignoreList":[]}