@okam/stack-ui 1.40.0 → 1.41.0

package/index26.mjs

@@ -1,74 +1,35 @@
 "use client";
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { createCalendar as b } from "./index146.mjs";
-import { useLocale as N } from "@react-aria/i18n";
-import { useRef as u } from "react";
-import { useDateField as x, useDateSegment as R, useFocusRing as $, FocusRing as D } from "react-aria";
-import { useDateFieldState as S } from "react-stately";
-import k from "./index79.mjs";
-import { BoxWithForwardRef as f } from "./index28.mjs";
-function T(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l, segment: t, state: s } = o, i = u(null), { segmentProps: c } = R(t, s, i), m = k(`${a}.dateSegmentPlaceholder`), { focusProps: n, isFocusVisible: d } = $();
-  return /* @__PURE__ */ r(D, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ F(
-    f,
+import { jsxs as k, jsx as e } from "react/jsx-runtime";
+import { useCheckboxGroupState as x } from "./index157.mjs";
+import { useCheckboxGroup as f } from "react-aria";
+import { CheckboxGroupProvider as G } from "./index153.mjs";
+import i from "./index34.mjs";
+import m from "./index3.mjs";
+const y = (o) => {
+  const {
+    label: r,
+    isError: p = !1,
+    errorMessage: s,
+    isDisabled: t = !1,
+    children: h,
+    themeName: a = "checkboxGroup",
+    tokens: n
+  } = o, c = x(o), { groupProps: d, labelProps: u, errorMessageProps: l } = f(o, c), b = { ...n, isDisabled: t };
+  return /* @__PURE__ */ k(
+    i,
     {
-      ...c,
-      ...n,
-      ref: i,
-      themeName: `${a}.dateSegment`,
-      tokens: {
-        ...e,
-        // Hack since has-focus-ring is not getting applied
-        className: d ? `has-focus-ring ${e == null ? void 0 : e.className}` : (e == null ? void 0 : e.className) ?? ""
-      },
-      customTheme: l,
+      ...d,
+      "aria-disabled": t,
+      themeName: `${a}.checkboxGroup`,
+      tokens: b,
       children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: m,
-            "aria-hidden": "true",
-            style: {
-              visibility: t.isPlaceholder ? "visible" : "hidden",
-              height: t.isPlaceholder ? "" : 0,
-              pointerEvents: "none",
-              display: t.isPlaceholder ? "block" : "none"
-            },
-            children: t.placeholder
-          }
-        ),
-        t.isPlaceholder ? "" : t.text
+        r && /* @__PURE__ */ e(m, { ...u, tokens: { size: "h6" }, children: r }),
+        /* @__PURE__ */ e(i, { themeName: `${a}.checkboxGroupItemsGroup`, children: /* @__PURE__ */ e(G, { state: c, children: h }) }),
+        p && s && /* @__PURE__ */ e(m, { ...l, tokens: { isError: !0 }, children: s })
       ]
     }
-  ) });
-}
-function I(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l } = o, { locale: t } = N(), s = S({
-    ...o,
-    locale: t,
-    createCalendar: b
-  }), { isDisabled: i, isReadOnly: c, isRequired: m } = s, n = u(null), { fieldProps: d, isInvalid: g } = x(o, s, n), h = {
-    isInvalid: g,
-    isDisabled: i,
-    isReadOnly: c,
-    isRequired: m,
-    ...e
-  };
-  return /* @__PURE__ */ r(
-    f,
-    {
-      ...d,
-      ref: n,
-      themeName: `${a}.dateField`,
-      tokens: h,
-      customTheme: l,
-      children: s.segments.map((p, P) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ r(T, { themeName: a, tokens: h, segment: p, state: s }, P)
-      ))
-    }
   );
-}
+};
 export {
-  I as default
+  y as default
 };

package/index260.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./index318.js"),fe=require("./index319.js"),$=require("./index134.js"),H=require("./index182.js"),ae=require("./index183.js"),j=require("./index188.js"),w=require("./index195.js"),O=require("./index197.js"),G=require("./index196.js"),J=require("./index200.js"),b=require("./index201.js"),de=require("react-dom"),p=require("react"),Q=require("./index306.js"),X=require("./index317.js"),Y=require("@react-aria/focus"),ve=require("@react-aria/i18n");function ye(Z){let{selectionManager:e,keyboardDelegate:t,ref:i,autoFocus:P=!1,shouldFocusWrap:S=!1,disallowEmptySelection:_=!1,disallowSelectAll:ee=!1,escapeKeyBehavior:le="clearSelection",selectOnFocus:m=e.selectionBehavior==="replace",disallowTypeAhead:te=!1,shouldUseVirtualFocus:K,allowsTabNavigation:oe=!1,isVirtualized:L,scrollRef:f=i,linkBehavior:N="action"}=Z,{direction:T}=ve.useLocale(),re=ae.useRouter(),ue=l=>{var r;if(l.altKey&&l.key==="Tab"&&l.preventDefault(),!(!((r=i.current)===null||r===void 0)&&r.contains(l.target)))return;const u=(o,v)=>{if(o!=null){if(e.isLink(o)&&N==="selection"&&m&&!F.isNonContiguousSelectionModifier(l)){de.flushSync(()=>{e.setFocusedKey(o,v)});let y=F.getItemElement(i,o),W=e.getItemProps(o);y&&re.open(y,l,W.href,W.routerOptions);return}if(e.setFocusedKey(o,v),e.isLink(o)&&N==="override")return;l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&!F.isNonContiguousSelectionModifier(l)&&e.replaceSelection(o)}};switch(l.key){case"ArrowDown":if(t.getKeyBelow){var n,s,c;let o=e.focusedKey!=null?(n=t.getKeyBelow)===null||n===void 0?void 0:n.call(t,e.focusedKey):(s=t.getFirstKey)===null||s===void 0?void 0:s.call(t);o==null&&S&&(o=(c=t.getFirstKey)===null||c===void 0?void 0:c.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o))}break;case"ArrowUp":if(t.getKeyAbove){var a,d,k;let o=e.focusedKey!=null?(a=t.getKeyAbove)===null||a===void 0?void 0:a.call(t,e.focusedKey):(d=t.getLastKey)===null||d===void 0?void 0:d.call(t);o==null&&S&&(o=(k=t.getLastKey)===null||k===void 0?void 0:k.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o))}break;case"ArrowLeft":if(t.getKeyLeftOf){var q,A,M;let o=e.focusedKey!=null?(q=t.getKeyLeftOf)===null||q===void 0?void 0:q.call(t,e.focusedKey):null;o==null&&S&&(o=T==="rtl"?(A=t.getFirstKey)===null||A===void 0?void 0:A.call(t,e.focusedKey):(M=t.getLastKey)===null||M===void 0?void 0:M.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o,T==="rtl"?"first":"last"))}break;case"ArrowRight":if(t.getKeyRightOf){var C,x,V;let o=e.focusedKey!=null?(C=t.getKeyRightOf)===null||C===void 0?void 0:C.call(t,e.focusedKey):null;o==null&&S&&(o=T==="rtl"?(x=t.getLastKey)===null||x===void 0?void 0:x.call(t,e.focusedKey):(V=t.getFirstKey)===null||V===void 0?void 0:V.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o,T==="rtl"?"last":"first"))}break;case"Home":if(t.getFirstKey){if(e.focusedKey===null&&l.shiftKey)return;l.preventDefault();let o=t.getFirstKey(e.focusedKey,b.isCtrlKeyPressed(l));e.setFocusedKey(o),o!=null&&(b.isCtrlKeyPressed(l)&&l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&e.replaceSelection(o))}break;case"End":if(t.getLastKey){if(e.focusedKey===null&&l.shiftKey)return;l.preventDefault();let o=t.getLastKey(e.focusedKey,b.isCtrlKeyPressed(l));e.setFocusedKey(o),o!=null&&(b.isCtrlKeyPressed(l)&&l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&e.replaceSelection(o))}break;case"PageDown":if(t.getKeyPageBelow&&e.focusedKey!=null){let o=t.getKeyPageBelow(e.focusedKey);o!=null&&(l.preventDefault(),u(o))}break;case"PageUp":if(t.getKeyPageAbove&&e.focusedKey!=null){let o=t.getKeyPageAbove(e.focusedKey);o!=null&&(l.preventDefault(),u(o))}break;case"a":b.isCtrlKeyPressed(l)&&e.selectionMode==="multiple"&&ee!==!0&&(l.preventDefault(),e.selectAll());break;case"Escape":le==="clearSelection"&&!_&&e.selectedKeys.size!==0&&(l.stopPropagation(),l.preventDefault(),e.clearSelection());break;case"Tab":if(!oe){if(l.shiftKey)i.current.focus();else{let o=Y.getFocusableTreeWalker(i.current,{tabbable:!0}),v,y;do y=o.lastChild(),y&&(v=y);while(y);v&&!v.contains(document.activeElement)&&H.focusWithoutScrolling(v)}break}}},D=p.useRef({top:0,left:0});w.useEvent(f,"scroll",L?void 0:()=>{var l,r,u,n;D.current={top:(u=(l=f.current)===null||l===void 0?void 0:l.scrollTop)!==null&&u!==void 0?u:0,left:(n=(r=f.current)===null||r===void 0?void 0:r.scrollLeft)!==null&&n!==void 0?n:0}});let ie=l=>{if(e.isFocused){l.currentTarget.contains(l.target)||e.setFocused(!1);return}if(l.currentTarget.contains(l.target)){if(e.setFocused(!0),e.focusedKey==null){var r,u;let c=d=>{d!=null&&(e.setFocusedKey(d),m&&!e.isSelected(d)&&e.replaceSelection(d))},a=l.relatedTarget;var n,s;a&&l.currentTarget.compareDocumentPosition(a)&Node.DOCUMENT_POSITION_FOLLOWING?c((n=e.lastSelectedKey)!==null&&n!==void 0?n:(r=t.getLastKey)===null||r===void 0?void 0:r.call(t)):c((s=e.firstSelectedKey)!==null&&s!==void 0?s:(u=t.getFirstKey)===null||u===void 0?void 0:u.call(t))}else!L&&f.current&&(f.current.scrollTop=D.current.top,f.current.scrollLeft=D.current.left);if(e.focusedKey!=null&&f.current){let c=F.getItemElement(i,e.focusedKey);c instanceof HTMLElement&&(!c.contains(document.activeElement)&&!K&&H.focusWithoutScrolling(c),Q.getInteractionModality()==="keyboard"&&O.scrollIntoViewport(c,{containingElement:i.current}))}}},ne=l=>{l.currentTarget.contains(l.relatedTarget)||e.setFocused(!1)},E=p.useRef(!1);w.useEvent(i,J.FOCUS_EVENT,K?l=>{let{detail:r}=l;l.stopPropagation(),e.setFocused(!0),(r==null?void 0:r.focusStrategy)==="first"&&(E.current=!0)}:void 0);let U=G.useEffectEvent(()=>{var l,r;let u=(r=(l=t.getFirstKey)===null||l===void 0?void 0:l.call(t))!==null&&r!==void 0?r:null;u==null?(Y.moveVirtualFocus(i.current),e.collection.size>0&&(E.current=!1)):(e.setFocusedKey(u),E.current=!1)});j.useUpdateLayoutEffect(()=>{E.current&&U()},[e.collection,U]);let g=G.useEffectEvent(()=>{e.collection.size>0&&(E.current=!1)});j.useUpdateLayoutEffect(()=>{g()},[e.focusedKey,g]),w.useEvent(i,J.CLEAR_FOCUS_EVENT,K?l=>{var r;l.stopPropagation(),e.setFocused(!1),!((r=l.detail)===null||r===void 0)&&r.clearFocusKey&&e.setFocusedKey(null)}:void 0);const B=p.useRef(P),h=p.useRef(!1);p.useEffect(()=>{if(B.current){var l,r;let s=null;var u;P==="first"&&(s=(u=(l=t.getFirstKey)===null||l===void 0?void 0:l.call(t))!==null&&u!==void 0?u:null);var n;P==="last"&&(s=(n=(r=t.getLastKey)===null||r===void 0?void 0:r.call(t))!==null&&n!==void 0?n:null);let c=e.selectedKeys;if(c.size){for(let a of c)if(e.canSelectItem(a)){s=a;break}}e.setFocused(!0),e.setFocusedKey(s),s==null&&!K&&i.current&&X.focusSafely(i.current),e.collection.size>0&&(B.current=!1,h.current=!0)}});let I=p.useRef(e.focusedKey);p.useEffect(()=>{if(e.isFocused&&e.focusedKey!=null&&(e.focusedKey!==I.current||h.current)&&f.current&&i.current){let l=Q.getInteractionModality(),r=F.getItemElement(i,e.focusedKey);if(!(r instanceof HTMLElement))return;(l==="keyboard"||h.current)&&(O.scrollIntoView(f.current,r),l!=="virtual"&&O.scrollIntoViewport(r,{containingElement:i.current}))}!K&&e.isFocused&&e.focusedKey==null&&I.current!=null&&i.current&&X.focusSafely(i.current),I.current=e.focusedKey,h.current=!1}),w.useEvent(i,"react-aria-focus-scope-restore",l=>{l.preventDefault(),e.setFocused(!0)});let R={onKeyDown:ue,onFocus:ie,onBlur:ne,onMouseDown(l){f.current===l.target&&l.preventDefault()}},{typeSelectProps:ce}=fe.useTypeSelect({keyboardDelegate:t,selectionManager:e});te||(R=$.mergeProps(ce,R));let z;K||(z=e.focusedKey==null?0:-1);let se=F.useCollectionId(e.collection);return{collectionProps:$.mergeProps(R,{tabIndex:z,"data-collection":se})}}exports.useSelectableCollection=ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function m(o,p,s){let[b,u]=l.useState(o||p),i=l.useRef(o!==void 0),e=o!==void 0;l.useEffect(()=>{let t=i.current;t!==e&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),i.current=e},[e]);let n=e?o:b,S=l.useCallback((t,...f)=>{let d=(r,...c)=>{s&&(Object.is(n,r)||s(r,...c)),e||(n=r)};typeof t=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),u((c,...V)=>{let a=t(e?n:c,...V);return d(a,...f),e?c:a})):(e||u(t),d(t,...f))},[e,n,s]);return[n,S]}exports.useControlledState=m;

package/index260.mjs

@@ -1,233 +1,30 @@
-import { getItemElement as V, useCollectionId as fe, isNonContiguousSelectionModifier as H } from "./index318.mjs";
-import { useTypeSelect as ae } from "./index319.mjs";
-import { mergeProps as G } from "./index134.mjs";
-import { focusWithoutScrolling as j } from "./index182.mjs";
-import { useRouter as de } from "./index183.mjs";
-import { useUpdateLayoutEffect as q } from "./index188.mjs";
-import { useEvent as S } from "./index195.mjs";
-import { scrollIntoView as ve, scrollIntoViewport as J } from "./index197.mjs";
-import { useEffectEvent as Q } from "./index196.mjs";
-import { FOCUS_EVENT as pe, CLEAR_FOCUS_EVENT as ye } from "./index200.mjs";
-import { isCtrlKeyPressed as m } from "./index201.mjs";
-import { flushSync as be } from "react-dom";
-import { useRef as $, useEffect as X } from "react";
-import { getInteractionModality as Y } from "./index306.mjs";
-import { focusSafely as Z } from "./index317.mjs";
-import { moveVirtualFocus as Ke, getFocusableTreeWalker as me } from "@react-aria/focus";
-import { useLocale as $e } from "@react-aria/i18n";
-function Ce(g) {
-  let { selectionManager: e, keyboardDelegate: o, ref: i, autoFocus: h = !1, shouldFocusWrap: F = !1, disallowEmptySelection: _ = !1, disallowSelectAll: ee = !1, escapeKeyBehavior: le = "clearSelection", selectOnFocus: b = e.selectionBehavior === "replace", disallowTypeAhead: oe = !1, shouldUseVirtualFocus: y, allowsTabNavigation: te = !1, isVirtualized: B, scrollRef: f = i, linkBehavior: C = "action" } = g, { direction: x } = $e(), re = de(), ce = (l) => {
-    var r;
-    if (l.altKey && l.key === "Tab" && l.preventDefault(), !(!((r = i.current) === null || r === void 0) && r.contains(l.target))) return;
-    const c = (t, v) => {
-      if (t != null) {
-        if (e.isLink(t) && C === "selection" && b && !H(l)) {
-          be(() => {
-            e.setFocusedKey(t, v);
-          });
-          let p = V(i, t), W = e.getItemProps(t);
-          p && re.open(p, l, W.href, W.routerOptions);
-          return;
-        }
-        if (e.setFocusedKey(t, v), e.isLink(t) && C === "override") return;
-        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && !H(l) && e.replaceSelection(t);
-      }
-    };
-    switch (l.key) {
-      case "ArrowDown":
-        if (o.getKeyBelow) {
-          var n, s, u;
-          let t = e.focusedKey != null ? (n = o.getKeyBelow) === null || n === void 0 ? void 0 : n.call(o, e.focusedKey) : (s = o.getFirstKey) === null || s === void 0 ? void 0 : s.call(o);
-          t == null && F && (t = (u = o.getFirstKey) === null || u === void 0 ? void 0 : u.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowUp":
-        if (o.getKeyAbove) {
-          var a, d, P;
-          let t = e.focusedKey != null ? (a = o.getKeyAbove) === null || a === void 0 ? void 0 : a.call(o, e.focusedKey) : (d = o.getLastKey) === null || d === void 0 ? void 0 : d.call(o);
-          t == null && F && (t = (P = o.getLastKey) === null || P === void 0 ? void 0 : P.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowLeft":
-        if (o.getKeyLeftOf) {
-          var k, A, I;
-          let t = e.focusedKey != null ? (k = o.getKeyLeftOf) === null || k === void 0 ? void 0 : k.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (A = o.getFirstKey) === null || A === void 0 ? void 0 : A.call(o, e.focusedKey) : (I = o.getLastKey) === null || I === void 0 ? void 0 : I.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "first" : "last"));
-        }
-        break;
-      case "ArrowRight":
-        if (o.getKeyRightOf) {
-          var M, R, O;
-          let t = e.focusedKey != null ? (M = o.getKeyRightOf) === null || M === void 0 ? void 0 : M.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (R = o.getLastKey) === null || R === void 0 ? void 0 : R.call(o, e.focusedKey) : (O = o.getFirstKey) === null || O === void 0 ? void 0 : O.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "last" : "first"));
-        }
-        break;
-      case "Home":
-        if (o.getFirstKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getFirstKey(e.focusedKey, m(l));
-          e.setFocusedKey(t), t != null && (m(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "End":
-        if (o.getLastKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getLastKey(e.focusedKey, m(l));
-          e.setFocusedKey(t), t != null && (m(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "PageDown":
-        if (o.getKeyPageBelow && e.focusedKey != null) {
-          let t = o.getKeyPageBelow(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "PageUp":
-        if (o.getKeyPageAbove && e.focusedKey != null) {
-          let t = o.getKeyPageAbove(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "a":
-        m(l) && e.selectionMode === "multiple" && ee !== !0 && (l.preventDefault(), e.selectAll());
-        break;
-      case "Escape":
-        le === "clearSelection" && !_ && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
-        break;
-      case "Tab":
-        if (!te) {
-          if (l.shiftKey) i.current.focus();
-          else {
-            let t = me(i.current, {
-              tabbable: !0
-            }), v, p;
-            do
-              p = t.lastChild(), p && (v = p);
-            while (p);
-            v && !v.contains(document.activeElement) && j(v);
-          }
-          break;
-        }
-    }
-  }, w = $({
-    top: 0,
-    left: 0
-  });
-  S(f, "scroll", B ? void 0 : () => {
-    var l, r, c, n;
-    w.current = {
-      top: (c = (l = f.current) === null || l === void 0 ? void 0 : l.scrollTop) !== null && c !== void 0 ? c : 0,
-      left: (n = (r = f.current) === null || r === void 0 ? void 0 : r.scrollLeft) !== null && n !== void 0 ? n : 0
-    };
-  });
-  let ie = (l) => {
-    if (e.isFocused) {
-      l.currentTarget.contains(l.target) || e.setFocused(!1);
-      return;
-    }
-    if (l.currentTarget.contains(l.target)) {
-      if (e.setFocused(!0), e.focusedKey == null) {
-        var r, c;
-        let u = (d) => {
-          d != null && (e.setFocusedKey(d), b && !e.isSelected(d) && e.replaceSelection(d));
-        }, a = l.relatedTarget;
-        var n, s;
-        a && l.currentTarget.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING ? u((n = e.lastSelectedKey) !== null && n !== void 0 ? n : (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) : u((s = e.firstSelectedKey) !== null && s !== void 0 ? s : (c = o.getFirstKey) === null || c === void 0 ? void 0 : c.call(o));
-      } else !B && f.current && (f.current.scrollTop = w.current.top, f.current.scrollLeft = w.current.left);
-      if (e.focusedKey != null && f.current) {
-        let u = V(i, e.focusedKey);
-        u instanceof HTMLElement && (!u.contains(document.activeElement) && !y && j(u), Y() === "keyboard" && J(u, {
-          containingElement: i.current
-        }));
-      }
-    }
-  }, ne = (l) => {
-    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
-  }, K = $(!1);
-  S(i, pe, y ? (l) => {
-    let { detail: r } = l;
-    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && (K.current = !0);
-  } : void 0);
-  let N = Q(() => {
-    var l, r;
-    let c = (r = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && r !== void 0 ? r : null;
-    c == null ? (Ke(i.current), e.collection.size > 0 && (K.current = !1)) : (e.setFocusedKey(c), K.current = !1);
-  });
-  q(() => {
-    K.current && N();
+import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
+function S(n, a, l) {
+  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
+  E(() => {
+    let t = i.current;
+    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
   }, [
-    e.collection,
-    N
+    e
   ]);
-  let U = Q(() => {
-    e.collection.size > 0 && (K.current = !1);
-  });
-  q(() => {
-    U();
+  let o = e ? n : p, b = N((t, ...u) => {
+    let f = (r, ...c) => {
+      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
+    };
+    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
+      let d = t(e ? o : c, ...m);
+      return f(d, ...u), e ? c : d;
+    })) : (e || s(t), f(t, ...u));
   }, [
-    e.focusedKey,
-    U
-  ]), S(i, ye, y ? (l) => {
-    var r;
-    l.stopPropagation(), e.setFocused(!1), !((r = l.detail) === null || r === void 0) && r.clearFocusKey && e.setFocusedKey(null);
-  } : void 0);
-  const z = $(h), T = $(!1);
-  X(() => {
-    if (z.current) {
-      var l, r;
-      let s = null;
-      var c;
-      h === "first" && (s = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
-      var n;
-      h === "last" && (s = (n = (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) !== null && n !== void 0 ? n : null);
-      let u = e.selectedKeys;
-      if (u.size) {
-        for (let a of u) if (e.canSelectItem(a)) {
-          s = a;
-          break;
-        }
-      }
-      e.setFocused(!0), e.setFocusedKey(s), s == null && !y && i.current && Z(i.current), e.collection.size > 0 && (z.current = !1, T.current = !0);
-    }
-  });
-  let D = $(e.focusedKey);
-  X(() => {
-    if (e.isFocused && e.focusedKey != null && (e.focusedKey !== D.current || T.current) && f.current && i.current) {
-      let l = Y(), r = V(i, e.focusedKey);
-      if (!(r instanceof HTMLElement))
-        return;
-      (l === "keyboard" || T.current) && (ve(f.current, r), l !== "virtual" && J(r, {
-        containingElement: i.current
-      }));
-    }
-    !y && e.isFocused && e.focusedKey == null && D.current != null && i.current && Z(i.current), D.current = e.focusedKey, T.current = !1;
-  }), S(i, "react-aria-focus-scope-restore", (l) => {
-    l.preventDefault(), e.setFocused(!0);
-  });
-  let E = {
-    onKeyDown: ce,
-    onFocus: ie,
-    onBlur: ne,
-    onMouseDown(l) {
-      f.current === l.target && l.preventDefault();
-    }
-  }, { typeSelectProps: ue } = ae({
-    keyboardDelegate: o,
-    selectionManager: e
-  });
-  oe || (E = G(ue, E));
-  let L;
-  y || (L = e.focusedKey == null ? 0 : -1);
-  let se = fe(e.collection);
-  return {
-    collectionProps: G(E, {
-      tabIndex: L,
-      "data-collection": se
-    })
-  };
+    e,
+    o,
+    l
+  ]);
+  return [
+    o,
+    b
+  ];
 }
 export {
-  Ce as useSelectableCollection
+  S as useControlledState
 };

package/index261.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index320.js"),y=require("./index170.js"),g=require("react");function K(t){var l;let[e,s]=y.useControlledState(t.selectedKey,(l=t.defaultSelectedKey)!==null&&l!==void 0?l:null,t.onSelectionChange),i=g.useMemo(()=>e!=null?[e]:[],[e]),{collection:a,disabledKeys:u,selectionManager:d}=S.useListState({...t,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:i,onSelectionChange:o=>{if(o==="all")return;var n;let c=(n=o.values().next().value)!==null&&n!==void 0?n:null;c===e&&t.onSelectionChange&&t.onSelectionChange(c),s(c)}}),r=e!=null?a.getItem(e):null;return{collection:a,disabledKeys:u,selectionManager:d,selectedKey:e,setSelectedKey:s,selectedItem:r}}exports.useSingleSelectListState=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index262.js"),A=require("./index263.js"),f=require("react"),P=require("./index230.js"),j=require("./index245.js"),D=require("@react-aria/i18n");let e=typeof document<"u"?window.visualViewport:null;function G(n){let{direction:h}=D.useLocale(),{arrowSize:$=0,targetRef:v,overlayRef:i,scrollRef:s=i,placement:w="bottom",containerPadding:C=12,shouldFlip:H=!0,boundaryElement:R=typeof document<"u"?document.body:null,offset:S=0,crossOffset:B=0,shouldUpdatePosition:q=!0,isOpen:p=!0,onClose:m,maxHeight:O,arrowBoundaryOffset:T=0}=n,[t,k]=f.useState(null),F=[q,w,i.current,v.current,s.current,C,H,R,S,B,p,h,O,T,$],N=f.useRef(e==null?void 0:e.scale);f.useEffect(()=>{p&&(N.current=e==null?void 0:e.scale)},[p]);let u=f.useCallback(()=>{if(q===!1||!p||!i.current||!v.current||!R||(e==null?void 0:e.scale)!==N.current)return;let o=null;if(s.current&&s.current.contains(document.activeElement)){var a;let r=(a=document.activeElement)===null||a===void 0?void 0:a.getBoundingClientRect(),g=s.current.getBoundingClientRect();var d;if(o={type:"top",offset:((d=r==null?void 0:r.top)!==null&&d!==void 0?d:0)-g.top},o.offset>g.height/2){o.type="bottom";var x;o.offset=((x=r==null?void 0:r.bottom)!==null&&x!==void 0?x:0)-g.bottom}}let l=i.current;if(!O&&i.current){var z;l.style.top="0px",l.style.bottom="";var L;l.style.maxHeight=((L=(z=window.visualViewport)===null||z===void 0?void 0:z.height)!==null&&L!==void 0?L:window.innerHeight)+"px"}let c=M.calculatePosition({placement:K(w,h),overlayNode:i.current,targetNode:v.current,scrollNode:s.current||i.current,padding:C,shouldFlip:H,boundaryElement:R,offset:S,crossOffset:B,maxHeight:O,arrowSize:$,arrowBoundaryOffset:T});if(c.position){if(l.style.top="",l.style.bottom="",l.style.left="",l.style.right="",Object.keys(c.position).forEach(r=>l.style[r]=c.position[r]+"px"),l.style.maxHeight=c.maxHeight!=null?c.maxHeight+"px":"",o&&document.activeElement&&s.current){let r=document.activeElement.getBoundingClientRect(),g=s.current.getBoundingClientRect(),I=r[o.type]-g[o.type];s.current.scrollTop+=I-o.offset}k(c)}},F);P.useLayoutEffect(u,F),J(u),j.useResizeObserver({ref:i,onResize:u}),j.useResizeObserver({ref:v,onResize:u});let y=f.useRef(!1);P.useLayoutEffect(()=>{let o,a=()=>{y.current=!0,clearTimeout(o),o=setTimeout(()=>{y.current=!1},500),u()},d=()=>{y.current&&a()};return e==null||e.addEventListener("resize",a),e==null||e.addEventListener("scroll",d),()=>{e==null||e.removeEventListener("resize",a),e==null||e.removeEventListener("scroll",d)}},[u]);let U=f.useCallback(()=>{y.current||m==null||m()},[m,y]);A.useCloseOnScroll({triggerRef:v,isOpen:p,onClose:m&&U});var b,E;return{overlayProps:{style:{position:"absolute",zIndex:1e5,...t==null?void 0:t.position,maxHeight:(b=t==null?void 0:t.maxHeight)!==null&&b!==void 0?b:"100vh"}},placement:(E=t==null?void 0:t.placement)!==null&&E!==void 0?E:null,arrowProps:{"aria-hidden":"true",role:"presentation",style:{left:t==null?void 0:t.arrowOffsetLeft,top:t==null?void 0:t.arrowOffsetTop}},updatePosition:u}}function J(n){P.useLayoutEffect(()=>(window.addEventListener("resize",n,!1),()=>{window.removeEventListener("resize",n,!1)}),[n])}function K(n,h){return h==="rtl"?n.replace("start","right").replace("end","left"):n.replace("start","left").replace("end","right")}exports.useOverlayPosition=G;

package/index261.mjs

@@ -1,34 +1,143 @@
-import { useListState as f } from "./index320.mjs";
-import { useControlledState as S } from "./index170.mjs";
-import { useMemo as y } from "react";
-function g(l) {
-  var t;
-  let [e, c] = S(l.selectedKey, (t = l.defaultSelectedKey) !== null && t !== void 0 ? t : null, l.onSelectionChange), i = y(() => e != null ? [
-    e
-  ] : [], [
-    e
-  ]), { collection: o, disabledKeys: d, selectionManager: u } = f({
-    ...l,
-    selectionMode: "single",
-    disallowEmptySelection: !0,
-    allowDuplicateSelectionEvents: !0,
-    selectedKeys: i,
-    onSelectionChange: (s) => {
-      if (s === "all") return;
-      var n;
-      let a = (n = s.values().next().value) !== null && n !== void 0 ? n : null;
-      a === e && l.onSelectionChange && l.onSelectionChange(a), c(a);
+import { calculatePosition as D } from "./index262.mjs";
+import { useCloseOnScroll as G } from "./index263.mjs";
+import { useState as J, useRef as U, useEffect as K, useCallback as j } from "react";
+import { useLayoutEffect as z } from "./index230.mjs";
+import { useResizeObserver as k } from "./index245.mjs";
+import { useLocale as M } from "@react-aria/i18n";
+let e = typeof document < "u" ? window.visualViewport : null;
+function te(n) {
+  let { direction: y } = M(), { arrowSize: w = 0, targetRef: c, overlayRef: i, scrollRef: s = i, placement: H = "bottom", containerPadding: P = 12, shouldFlip: L = !0, boundaryElement: $ = typeof document < "u" ? document.body : null, offset: C = 0, crossOffset: B = 0, shouldUpdatePosition: S = !0, isOpen: v = !0, onClose: p, maxHeight: b, arrowBoundaryOffset: T = 0 } = n, [t, I] = J(null), F = [
+    S,
+    H,
+    i.current,
+    c.current,
+    s.current,
+    P,
+    L,
+    $,
+    C,
+    B,
+    v,
+    y,
+    b,
+    T,
+    w
+  ], N = U(e == null ? void 0 : e.scale);
+  K(() => {
+    v && (N.current = e == null ? void 0 : e.scale);
+  }, [
+    v
+  ]);
+  let a = j(() => {
+    if (S === !1 || !v || !i.current || !c.current || !$ || (e == null ? void 0 : e.scale) !== N.current) return;
+    let o = null;
+    if (s.current && s.current.contains(document.activeElement)) {
+      var d;
+      let r = (d = document.activeElement) === null || d === void 0 ? void 0 : d.getBoundingClientRect(), g = s.current.getBoundingClientRect();
+      var u;
+      if (o = {
+        type: "top",
+        offset: ((u = r == null ? void 0 : r.top) !== null && u !== void 0 ? u : 0) - g.top
+      }, o.offset > g.height / 2) {
+        o.type = "bottom";
+        var R;
+        o.offset = ((R = r == null ? void 0 : r.bottom) !== null && R !== void 0 ? R : 0) - g.bottom;
+      }
     }
-  }), r = e != null ? o.getItem(e) : null;
+    let l = i.current;
+    if (!b && i.current) {
+      var O;
+      l.style.top = "0px", l.style.bottom = "";
+      var E;
+      l.style.maxHeight = ((E = (O = window.visualViewport) === null || O === void 0 ? void 0 : O.height) !== null && E !== void 0 ? E : window.innerHeight) + "px";
+    }
+    let f = D({
+      placement: W(H, y),
+      overlayNode: i.current,
+      targetNode: c.current,
+      scrollNode: s.current || i.current,
+      padding: P,
+      shouldFlip: L,
+      boundaryElement: $,
+      offset: C,
+      crossOffset: B,
+      maxHeight: b,
+      arrowSize: w,
+      arrowBoundaryOffset: T
+    });
+    if (f.position) {
+      if (l.style.top = "", l.style.bottom = "", l.style.left = "", l.style.right = "", Object.keys(f.position).forEach((r) => l.style[r] = f.position[r] + "px"), l.style.maxHeight = f.maxHeight != null ? f.maxHeight + "px" : "", o && document.activeElement && s.current) {
+        let r = document.activeElement.getBoundingClientRect(), g = s.current.getBoundingClientRect(), A = r[o.type] - g[o.type];
+        s.current.scrollTop += A - o.offset;
+      }
+      I(f);
+    }
+  }, F);
+  z(a, F), Q(a), k({
+    ref: i,
+    onResize: a
+  }), k({
+    ref: c,
+    onResize: a
+  });
+  let m = U(!1);
+  z(() => {
+    let o, d = () => {
+      m.current = !0, clearTimeout(o), o = setTimeout(() => {
+        m.current = !1;
+      }, 500), a();
+    }, u = () => {
+      m.current && d();
+    };
+    return e == null || e.addEventListener("resize", d), e == null || e.addEventListener("scroll", u), () => {
+      e == null || e.removeEventListener("resize", d), e == null || e.removeEventListener("scroll", u);
+    };
+  }, [
+    a
+  ]);
+  let q = j(() => {
+    m.current || p == null || p();
+  }, [
+    p,
+    m
+  ]);
+  G({
+    triggerRef: c,
+    isOpen: v,
+    onClose: p && q
+  });
+  var h, x;
   return {
-    collection: o,
-    disabledKeys: d,
-    selectionManager: u,
-    selectedKey: e,
-    setSelectedKey: c,
-    selectedItem: r
+    overlayProps: {
+      style: {
+        position: "absolute",
+        zIndex: 1e5,
+        ...t == null ? void 0 : t.position,
+        maxHeight: (h = t == null ? void 0 : t.maxHeight) !== null && h !== void 0 ? h : "100vh"
+      }
+    },
+    placement: (x = t == null ? void 0 : t.placement) !== null && x !== void 0 ? x : null,
+    arrowProps: {
+      "aria-hidden": "true",
+      role: "presentation",
+      style: {
+        left: t == null ? void 0 : t.arrowOffsetLeft,
+        top: t == null ? void 0 : t.arrowOffsetTop
+      }
+    },
+    updatePosition: a
   };
 }
+function Q(n) {
+  z(() => (window.addEventListener("resize", n, !1), () => {
+    window.removeEventListener("resize", n, !1);
+  }), [
+    n
+  ]);
+}
+function W(n, y) {
+  return y === "rtl" ? n.replace("start", "right").replace("end", "left") : n.replace("start", "left").replace("end", "right");
+}
 export {
-  g as useSingleSelectListState
+  te as useOverlayPosition
 };

package/index262.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(e,t=-1/0,a=1/0){return Math.min(Math.max(e,t),a)}exports.clamp=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./index240.js"),q=require("./index285.js"),x={top:"top",bottom:"top",left:"left",right:"left"},z={top:"bottom",bottom:"top",left:"right",right:"left"},ct={top:"left",left:"top"},j={top:"height",left:"width"},B={width:"totalWidth",height:"totalHeight"},H={};let $=typeof document<"u"?window.visualViewport:null;function G(e){let t=0,o=0,c=0,i=0,r=0,f=0,l={};var v;let p=((v=$==null?void 0:$.scale)!==null&&v!==void 0?v:1)>1;if(e.tagName==="BODY"){let h=document.documentElement;c=h.clientWidth,i=h.clientHeight;var s;t=(s=$==null?void 0:$.width)!==null&&s!==void 0?s:c;var d;o=(d=$==null?void 0:$.height)!==null&&d!==void 0?d:i,l.top=h.scrollTop||e.scrollTop,l.left=h.scrollLeft||e.scrollLeft,$&&(r=$.offsetTop,f=$.offsetLeft)}else({width:t,height:o,top:r,left:f}=M(e)),l.top=e.scrollTop,l.left=e.scrollLeft,c=t,i=o;if(it.isWebKit()&&(e.tagName==="BODY"||e.tagName==="HTML")&&p){l.top=0,l.left=0;var g;r=(g=$==null?void 0:$.pageTop)!==null&&g!==void 0?g:0;var n;f=(n=$==null?void 0:$.pageLeft)!==null&&n!==void 0?n:0}return{width:t,height:o,totalWidth:c,totalHeight:i,scroll:l,top:r,left:f}}function nt(e){return{top:e.scrollTop,left:e.scrollLeft,width:e.scrollWidth,height:e.scrollHeight}}function K(e,t,o,c,i,r,f){var l;let v=(l=i.scroll[e])!==null&&l!==void 0?l:0,p=c[j[e]],s=c.scroll[x[e]]+r,d=p+c.scroll[x[e]]-r,g=t-v+f[e]-c[x[e]],n=t-v+o+f[e]-c[x[e]];return g<s?s-g:n>d?Math.max(d-n,s-g):0}function rt(e){let t=window.getComputedStyle(e);return{top:parseInt(t.marginTop,10)||0,bottom:parseInt(t.marginBottom,10)||0,left:parseInt(t.marginLeft,10)||0,right:parseInt(t.marginRight,10)||0}}function J(e){if(H[e])return H[e];let[t,o]=e.split(" "),c=x[t]||"right",i=ct[c];x[o]||(o="center");let r=j[c],f=j[i];return H[e]={placement:t,crossPlacement:o,axis:c,crossAxis:i,size:r,crossSize:f},H[e]}function Z(e,t,o,c,i,r,f,l,v,p){let{placement:s,crossPlacement:d,axis:g,crossAxis:n,size:h,crossSize:u}=c,a={};var w;a[n]=(w=e[n])!==null&&w!==void 0?w:0;var m,P,E,T;d==="center"?a[n]+=(((m=e[u])!==null&&m!==void 0?m:0)-((P=o[u])!==null&&P!==void 0?P:0))/2:d!==n&&(a[n]+=((E=e[u])!==null&&E!==void 0?E:0)-((T=o[u])!==null&&T!==void 0?T:0)),a[n]+=r;const _=e[n]-o[u]+v+p,S=e[n]+e[u]-v-p;if(a[n]=q.clamp(a[n],_,S),s===g){const L=l?f[h]:t[B[h]];a[z[g]]=Math.floor(L-e[g]+i)}else a[g]=Math.floor(e[g]+e[h]+i);return a}function at(e,t,o,c,i,r,f,l){const v=c?o.height:t[B.height];var p;let s=e.top!=null?o.top+e.top:o.top+(v-((p=e.bottom)!==null&&p!==void 0?p:0)-f);var d,g,n,h,u,a;let w=l!=="top"?Math.max(0,t.height+t.top+((d=t.scroll.top)!==null&&d!==void 0?d:0)-s-(((g=i.top)!==null&&g!==void 0?g:0)+((n=i.bottom)!==null&&n!==void 0?n:0)+r)):Math.max(0,s+f-(t.top+((h=t.scroll.top)!==null&&h!==void 0?h:0))-(((u=i.top)!==null&&u!==void 0?u:0)+((a=i.bottom)!==null&&a!==void 0?a:0)+r));return Math.min(t.height-r*2,w)}function Q(e,t,o,c,i,r){let{placement:f,axis:l,size:v}=r;var p,s;if(f===l)return Math.max(0,o[l]-e[l]-((p=e.scroll[l])!==null&&p!==void 0?p:0)+t[l]-((s=c[l])!==null&&s!==void 0?s:0)-c[z[l]]-i);var d;return Math.max(0,e[v]+e[l]+e.scroll[l]-t[l]-o[l]-o[v]-((d=c[l])!==null&&d!==void 0?d:0)-c[z[l]]-i)}function V(e,t,o,c,i,r,f,l,v,p,s,d,g,n,h,u){let a=J(e),{size:w,crossAxis:m,crossSize:P,placement:E,crossPlacement:T}=a,_=Z(t,l,o,a,s,d,p,g,h,u),S=s,L=Q(l,p,t,i,r+s,a);if(f&&c[w]>L){let X=J(`${z[E]} ${T}`),ot=Z(t,l,o,X,s,d,p,g,h,u);Q(l,p,t,i,r+s,X)>L&&(a=X,_=ot,S=s)}let b="bottom";a.axis==="top"?a.placement==="top"?b="top":a.placement==="bottom"&&(b="bottom"):a.crossAxis==="top"&&(a.crossPlacement==="top"?b="bottom":a.crossPlacement==="bottom"&&(b="top"));let I=K(m,_[m],o[P],l,v,r,p);_[m]+=I;let C=at(_,l,p,g,i,r,o.height,b);n&&n<C&&(C=n),o.height=Math.min(o.height,C),_=Z(t,l,o,a,S,d,p,g,h,u),I=K(m,_[m],o[P],l,v,r,p),_[m]+=I;let A={},k=t[m]+.5*t[P]-_[m]-i[x[m]];const D=h/2+u;var F,N,R,Y;const O=x[m]==="left"?((F=i.left)!==null&&F!==void 0?F:0)+((N=i.right)!==null&&N!==void 0?N:0):((R=i.top)!==null&&R!==void 0?R:0)+((Y=i.bottom)!==null&&Y!==void 0?Y:0),y=o[P]-O-h/2-u,tt=t[m]+h/2-(_[m]+i[x[m]]),et=t[m]+t[P]-h/2-(_[m]+i[x[m]]),lt=q.clamp(k,tt,et);return A[m]=q.clamp(lt,D,y),{position:_,maxHeight:C,arrowOffsetLeft:A.left,arrowOffsetTop:A.top,placement:a.placement}}function pt(e){let{placement:t,targetNode:o,overlayNode:c,scrollNode:i,padding:r,shouldFlip:f,boundaryElement:l,offset:v,crossOffset:p,maxHeight:s,arrowSize:d=0,arrowBoundaryOffset:g=0}=e,n=c instanceof HTMLElement?st(c):document.documentElement,h=n===document.documentElement;const u=window.getComputedStyle(n).position;let a=!!u&&u!=="static",w=h?M(o):U(o,n);if(!h){let{marginTop:A,marginLeft:k}=window.getComputedStyle(o);w.top+=parseInt(A,10)||0,w.left+=parseInt(k,10)||0}let m=M(c),P=rt(c);var E,T;m.width+=((E=P.left)!==null&&E!==void 0?E:0)+((T=P.right)!==null&&T!==void 0?T:0);var _,S;m.height+=((_=P.top)!==null&&_!==void 0?_:0)+((S=P.bottom)!==null&&S!==void 0?S:0);let L=nt(i),b=G(l),I=G(n),C=l.tagName==="BODY"?M(n):U(n,l);return n.tagName==="HTML"&&l.tagName==="BODY"&&(I.scroll.top=0,I.scroll.left=0),V(t,w,m,L,P,r,f,b,I,C,v,p,a,s,d,g)}function M(e){let{top:t,left:o,width:c,height:i}=e.getBoundingClientRect(),{scrollTop:r,scrollLeft:f,clientTop:l,clientLeft:v}=document.documentElement;return{top:t+r-l,left:o+f-v,width:c,height:i}}function U(e,t){let o=window.getComputedStyle(e),c;if(o.position==="fixed"){let{top:i,left:r,width:f,height:l}=e.getBoundingClientRect();c={top:i,left:r,width:f,height:l}}else{c=M(e);let i=M(t),r=window.getComputedStyle(t);i.top+=(parseInt(r.borderTopWidth,10)||0)-t.scrollTop,i.left+=(parseInt(r.borderLeftWidth,10)||0)-t.scrollLeft,c.top-=i.top,c.left-=i.left}return c.top-=parseInt(o.marginTop,10)||0,c.left-=parseInt(o.marginLeft,10)||0,c}function st(e){let t=e.offsetParent;if(t&&t===document.body&&window.getComputedStyle(t).position==="static"&&!W(t)&&(t=document.documentElement),t==null)for(t=e.parentElement;t&&!W(t);)t=t.parentElement;return t||document.documentElement}function W(e){let t=window.getComputedStyle(e);return t.transform!=="none"||/transform|perspective/.test(t.willChange)||t.filter!=="none"||t.contain==="paint"||"backdropFilter"in t&&t.backdropFilter!=="none"||"WebkitBackdropFilter"in t&&t.WebkitBackdropFilter!=="none"}exports.calculatePosition=pt;exports.calculatePositionInternal=V;