@okam/stack-ui 1.44.0 → 1.44.3

package/index28.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const b=require("react");require("./index94.js");const q=require("./index37.js"),x=require("react-aria");require("react-use");require("@react-spring/web");const v=require("./index89.js"),w=require("./index6.js");require("./index152.js");const F=require("react-stately");require("./index5.js");require("./index8.js");require("react-div-100vh");require("./index91.js");require("@react-aria/focus");require("./index96.js");require("./index16.js");require("radashi");require("./index149.js");require("sanitize-html");require("@react-aria/i18n");require("react-hook-form");require("./index97.js");const B=require("./index95.js"),I=require("./index69.js"),M=require("./index153.js");require("./index161.js");require("./index162.js");require("./index93.js");require("./index92.js");require("./index163.js");require("./index53.js");require("./index55.js");require("./index58.js");require("./index63.js");require("./index164.js");require("./index62.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index70.js");require("./index71.js");require("./index72.js");require("./index73.js");require("./index74.js");require("./index75.js");require("./index76.js");require("./index77.js");require("./index78.js");require("./index79.js");require("./index80.js");require("./index81.js");require("./index82.js");require("./index83.js");require("./index84.js");require("./index85.js");require("./index86.js");require("./index87.js");require("./index88.js");require("./index90.js");require("./index117.js");const T=({value:n})=>n===""?e.jsx(M,{width:"16",height:"16"}):e.jsx(I,{width:"16",height:"16"}),Q=n=>{const{setUserSearchQuery:o}=B.useUserQueryValHook(),{label:c,themeName:r="search",tokens:f,customTheme:g,disabled:j,errorMessage:a,placeholder:k,icon:l,isDisabled:$}=n,i=$||j,h={...n,isDisabled:i},t=F.useSearchFieldState(h),d=b.useRef(null),{labelProps:S,inputProps:s,errorMessageProps:p,clearButtonProps:N}=x.useSearchField(h,t,d),C=b.useCallback(P=>{var m;o(t.value),(m=s.onChange)==null||m.call(s,P)},[o,t.value,s]),D=a!=null,u={...f,isError:D,isDisabled:i??!1},y=v(`${r}.input`,u,g);return e.jsxs(q.default,{themeName:`${r}.wrapper`,tokens:u,"aria-disabled":i??!1,children:[c&&e.jsx(q.default,{...S,as:"label",themeName:`${r}.label`,tokens:u,children:c}),e.jsxs(q.default,{themeName:`${r}.container`,tokens:u,children:[e.jsx("input",{ref:d,...s,onChange:C,placeholder:k,className:y,disabled:i}),e.jsx(x.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.default,{isDisabled:i,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:[l==null&&e.jsx(T,{value:t.value}),l!=null&&l]})})]}),a&&e.jsx(R.default,{themeName:`${r}.errorMessage`,tokens:u,...p,children:a})]})};module.exports=Q;
+"use strict";const e=require("react/jsx-runtime"),x=require("react"),f=require("react-aria"),R=require("react-stately"),v=require("./index89.js"),w=require("./index95.js"),c=require("./index37.js"),F=require("./index6.js"),B=require("./index69.js"),I=require("./index153.js"),M=require("./index3.js"),T=({value:a})=>a===""?e.jsx(I,{width:"16",height:"16"}):e.jsx(B,{width:"16",height:"16"}),Q=a=>{const{setUserSearchQuery:u}=w.useUserQueryValHook(),{label:h,themeName:s="search",tokens:g,customTheme:j,disabled:q,errorMessage:i,placeholder:k,icon:o,isDisabled:$}=a,r=$||q,d={...a,isDisabled:r},l=R.useSearchFieldState(d),m=x.useRef(null),{labelProps:S,inputProps:n,errorMessageProps:p,clearButtonProps:N}=f.useSearchField(d,l,m),C=x.useCallback(P=>{var b;u(l.value),(b=n.onChange)==null||b.call(n,P)},[u,l.value,n]),D=i!=null,t={...g,isError:D,isDisabled:r??!1},y=v(`${s}.input`,t,j);return e.jsxs(c.default,{themeName:`${s}.wrapper`,tokens:t,"aria-disabled":r??!1,children:[h&&e.jsx(c.default,{...S,as:"label",themeName:`${s}.label`,tokens:t,children:h}),e.jsxs(c.default,{themeName:`${s}.container`,tokens:t,children:[e.jsx("input",{ref:m,...n,onChange:C,placeholder:k,className:y,disabled:r}),e.jsx(f.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(F.default,{isDisabled:r,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:r??!1},themeName:`${s}.icon`,"aria-label":"clear",children:[o==null&&e.jsx(T,{value:l.value}),o!=null&&o]})})]}),i&&e.jsx(M.default,{themeName:`${s}.errorMessage`,tokens:t,...p,children:i})]})};module.exports=Q;

package/index28.mjs

@@ -1,122 +1,66 @@
 "use client";
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "./index2.mjs";
-import T from "./index3.mjs";
-import "@react-aria/accordion";
-import v, { useCallback as w } from "react";
-import "./index94.mjs";
-import l from "./index37.mjs";
-import { useSearchField as F, FocusRing as R } from "react-aria";
-import "react-use";
-import "@react-spring/web";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import T, { useCallback as v } from "react";
+import { useSearchField as w, FocusRing as F } from "react-aria";
+import { useSearchFieldState as R } from "react-stately";
 import I from "./index89.mjs";
-import M from "./index6.mjs";
-import "./index152.mjs";
-import { useSearchFieldState as j } from "react-stately";
-import "./index5.mjs";
-import "./index8.mjs";
-import "react-div-100vh";
-import "./index91.mjs";
-import "@react-aria/focus";
-import "./index96.mjs";
-import "./index16.mjs";
-import "radashi";
-import "./index149.mjs";
-import "sanitize-html";
-import "@react-aria/i18n";
-import "react-hook-form";
-import "./index97.mjs";
-import { useUserQueryValHook as Q } from "./index95.mjs";
-import U from "./index69.mjs";
-import _ from "./index153.mjs";
-import "./index161.mjs";
-import "./index162.mjs";
-import "./index93.mjs";
-import "./index92.mjs";
-import "./index163.mjs";
-import "./index53.mjs";
-import "./index55.mjs";
-import "./index58.mjs";
-import "./index63.mjs";
-import "./index164.mjs";
-import "./index62.mjs";
-import "./index64.mjs";
-import "./index65.mjs";
-import "./index66.mjs";
-import "./index67.mjs";
-import "./index68.mjs";
-import "./index70.mjs";
-import "./index71.mjs";
-import "./index72.mjs";
-import "./index73.mjs";
-import "./index74.mjs";
-import "./index75.mjs";
-import "./index76.mjs";
-import "./index77.mjs";
-import "./index78.mjs";
-import "./index79.mjs";
-import "./index80.mjs";
-import "./index81.mjs";
-import "./index82.mjs";
-import "./index83.mjs";
-import "./index84.mjs";
-import "./index85.mjs";
-import "./index86.mjs";
-import "./index87.mjs";
-import "./index88.mjs";
-import "./index90.mjs";
-import "./index117.mjs";
-const E = ({ value: m }) => m === "" ? /* @__PURE__ */ r(_, { width: "16", height: "16" }) : /* @__PURE__ */ r(U, { width: "16", height: "16" }), Zr = (m) => {
-  const { setUserSearchQuery: c } = Q(), {
-    label: h,
-    themeName: o = "search",
+import { useUserQueryValHook as M } from "./index95.mjs";
+import m from "./index37.mjs";
+import j from "./index6.mjs";
+import Q from "./index69.mjs";
+import U from "./index153.mjs";
+import _ from "./index3.mjs";
+const E = ({ value: a }) => a === "" ? /* @__PURE__ */ e(U, { width: "16", height: "16" }) : /* @__PURE__ */ e(Q, { width: "16", height: "16" }), X = (a) => {
+  const { setUserSearchQuery: h } = M(), {
+    label: u,
+    themeName: s = "search",
     tokens: b,
     customTheme: g,
     disabled: k,
-    errorMessage: p,
+    errorMessage: l,
     placeholder: C,
-    icon: a,
+    icon: i,
     isDisabled: N
-  } = m, t = N || k, u = { ...m, isDisabled: t }, s = j(u), d = v.useRef(null), { labelProps: S, inputProps: e, errorMessageProps: y, clearButtonProps: D } = F(u, s, d), $ = w(
+  } = a, r = N || k, d = { ...a, isDisabled: r }, n = R(d), f = T.useRef(null), { labelProps: S, inputProps: o, errorMessageProps: y, clearButtonProps: D } = w(d, n, f), $ = v(
     (P) => {
-      var f;
-      c(s.value), (f = e.onChange) == null || f.call(e, P);
+      var p;
+      h(n.value), (p = o.onChange) == null || p.call(o, P);
     },
-    [c, s.value, e]
-  ), x = p != null, i = { ...b, isError: x, isDisabled: t ?? !1 }, B = I(`${o}.input`, i, g);
-  return /* @__PURE__ */ n(l, { themeName: `${o}.wrapper`, tokens: i, "aria-disabled": t ?? !1, children: [
-    h && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    /* @__PURE__ */ r(l, { ...S, as: "label", themeName: `${o}.label`, tokens: i, children: h }),
-    /* @__PURE__ */ n(l, { themeName: `${o}.container`, tokens: i, children: [
-      /* @__PURE__ */ r(
+    [h, n.value, o]
+  ), x = l != null, t = { ...b, isError: x, isDisabled: r ?? !1 }, B = I(`${s}.input`, t, g);
+  return /* @__PURE__ */ c(m, { themeName: `${s}.wrapper`, tokens: t, "aria-disabled": r ?? !1, children: [
+    u && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+    /* @__PURE__ */ e(m, { ...S, as: "label", themeName: `${s}.label`, tokens: t, children: u }),
+    /* @__PURE__ */ c(m, { themeName: `${s}.container`, tokens: t, children: [
+      /* @__PURE__ */ e(
         "input",
         {
-          ref: d,
-          ...e,
+          ref: f,
+          ...o,
           onChange: $,
           placeholder: C,
           className: B,
-          disabled: t
+          disabled: r
         }
       ),
-      /* @__PURE__ */ r(R, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ n(
-        M,
+      /* @__PURE__ */ e(F, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ c(
+        j,
         {
-          isDisabled: t,
+          isDisabled: r,
           handlePress: D.onPress,
-          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: t ?? !1 },
-          themeName: `${o}.icon`,
+          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: r ?? !1 },
+          themeName: `${s}.icon`,
           "aria-label": "clear",
           children: [
-            a == null && /* @__PURE__ */ r(E, { value: s.value }),
-            a != null && a
+            i == null && /* @__PURE__ */ e(E, { value: n.value }),
+            i != null && i
           ]
         }
       ) })
     ] }),
-    p && /* @__PURE__ */ r(T, { themeName: `${o}.errorMessage`, tokens: i, ...y, children: p })
+    l && /* @__PURE__ */ e(_, { themeName: `${s}.errorMessage`, tokens: t, ...y, children: l })
   ] });
 };
 export {
-  Zr as default
+  X as default
 };

package/index280.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext({});function r(){var t;return(t=e.useContext(o))!==null&&t!==void 0?t:{}}exports.PortalContext=o;exports.useUNSAFE_PortalContext=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index336.js"),c=require("react"),l=require("./index240.js"),m=require("./index241.js"),p=require("./index248.js");function B(b){let{isDisabled:v,onBlurWithin:i,onFocusWithin:s,onFocusWithinChange:t}=b,n=c.useRef({isFocusWithin:!1}),{addGlobalListener:a,removeAllGlobalListeners:f}=p.useGlobalListeners(),r=c.useCallback(e=>{e.currentTarget.contains(e.target)&&n.current.isFocusWithin&&!e.currentTarget.contains(e.relatedTarget)&&(n.current.isFocusWithin=!1,f(),i&&i(e),t&&t(!1))},[i,t,n,f]),g=o.useSyntheticBlurEvent(r),W=c.useCallback(e=>{if(!e.currentTarget.contains(e.target))return;const u=m.getOwnerDocument(e.target),T=l.getActiveElement(u);if(!n.current.isFocusWithin&&T===l.getEventTarget(e.nativeEvent)){s&&s(e),t&&t(!0),n.current.isFocusWithin=!0,g(e);let h=e.currentTarget;a(u,"focus",d=>{if(n.current.isFocusWithin&&!l.nodeContains(h,d.target)){let F=new u.defaultView.FocusEvent("blur",{relatedTarget:d.target});o.setEventTarget(F,h);let E=o.createSyntheticEvent(F);r(E)}},{capture:!0})}},[s,t,g,a,r]);return v?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:W,onBlur:r}}}exports.useFocusWithin=B;

package/index280.mjs

@@ -1,10 +1,57 @@
-import { useContext as e, createContext as o } from "react";
-const r = /* @__PURE__ */ o({});
-function a() {
-  var t;
-  return (t = e(r)) !== null && t !== void 0 ? t : {};
+import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index336.mjs";
+import { useRef as x, useCallback as $ } from "react";
+import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index240.mjs";
+import { getOwnerDocument as G } from "./index241.mjs";
+import { useGlobalListeners as L } from "./index248.mjs";
+function S(b) {
+  let { isDisabled: h, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = x({
+    isFocusWithin: !1
+  }), { addGlobalListener: c, removeAllGlobalListeners: s } = L(), n = $((e) => {
+    e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, s(), i && i(e), t && t(!1));
+  }, [
+    i,
+    t,
+    r,
+    s
+  ]), u = F(n), g = $((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    const a = G(e.target), p = E(a);
+    if (!r.current.isFocusWithin && p === T(e.nativeEvent)) {
+      o && o(e), t && t(!0), r.current.isFocusWithin = !0, u(e);
+      let f = e.currentTarget;
+      c(a, "focus", (l) => {
+        if (r.current.isFocusWithin && !B(f, l.target)) {
+          let d = new a.defaultView.FocusEvent("blur", {
+            relatedTarget: l.target
+          });
+          W(d, f);
+          let m = v(d);
+          n(m);
+        }
+      }, {
+        capture: !0
+      });
+    }
+  }, [
+    o,
+    t,
+    u,
+    c,
+    n
+  ]);
+  return h ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: g,
+      onBlur: n
+    }
+  };
 }
 export {
-  r as PortalContext,
-  a as useUNSAFE_PortalContext
+  S as useFocusWithin
 };

package/index281.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index330.js"),e=require("react");function n({children:r}){let t=e.useMemo(()=>({register:()=>{}}),[]);return e.createElement(o.PressResponderContext.Provider,{value:t},r)}exports.ClearPressResponder=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");var u;const E=typeof document<"u"?(u=e.useInsertionEffect)!==null&&u!==void 0?u:e.useLayoutEffect:()=>{};function R(c,d,n){let[f,i]=e.useState(c||d),o=e.useRef(f),s=e.useRef(c!==void 0),r=c!==void 0;e.useEffect(()=>{let t=s.current;t!==r&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${r?"controlled":"uncontrolled"}.`),s.current=r},[r]);let a=r?c:f;E(()=>{o.current=a});let[,$]=e.useReducer(()=>({}),{}),b=e.useCallback((t,...p)=>{let l=typeof t=="function"?t(o.current):t;Object.is(o.current,l)||(o.current=l,i(l),$(),n==null||n(l,...p))},[n]);return[a,b]}exports.useControlledState=R;

package/index281.mjs

@@ -1,14 +1,30 @@
-import { PressResponderContext as t } from "./index330.mjs";
-import a, { useMemo as o } from "react";
-function n({ children: e }) {
-  let r = o(() => ({
-    register: () => {
-    }
-  }), []);
-  return /* @__PURE__ */ a.createElement(t.Provider, {
-    value: r
-  }, e);
+import s, { useState as R, useRef as d, useEffect as V, useReducer as m, useCallback as _ } from "react";
+var l;
+const y = typeof document < "u" ? (l = s.useInsertionEffect) !== null && l !== void 0 ? l : s.useLayoutEffect : () => {
+};
+function w(r, i, o) {
+  let [u, $] = R(r || i), c = d(u), f = d(r !== void 0), t = r !== void 0;
+  V(() => {
+    let e = f.current;
+    e !== t && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${e ? "controlled" : "uncontrolled"} to ${t ? "controlled" : "uncontrolled"}.`), f.current = t;
+  }, [
+    t
+  ]);
+  let a = t ? r : u;
+  y(() => {
+    c.current = a;
+  });
+  let [, p] = m(() => ({}), {}), E = _((e, ...b) => {
+    let n = typeof e == "function" ? e(c.current) : e;
+    Object.is(c.current, n) || (c.current = n, $(n), p(), o == null || o(n, ...b));
+  }, [
+    o
+  ]);
+  return [
+    a,
+    E
+  ];
 }
 export {
-  n as ClearPressResponder
+  w as useControlledState
 };

package/index282.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new WeakMap;function a(t,e,n){if(!t)return"";typeof e=="string"&&(e=e.replace(/\s+/g,""));let r=o.get(t);return process.env.NODE_ENV!=="production"&&!r&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${r}-${n}-${e}`}exports.generateId=a;exports.tabsIds=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index343.js"),y=require("./index281.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;

package/index282.mjs

@@ -1,12 +1,34 @@
-const o = /* @__PURE__ */ new WeakMap();
-function n(r, e, a) {
-  if (!r)
-    return "";
-  typeof e == "string" && (e = e.replace(/\s+/g, ""));
-  let t = o.get(r);
-  return process.env.NODE_ENV !== "production" && !t && console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."), `${t}-${a}-${e}`;
+import { useListState as f } from "./index343.mjs";
+import { useControlledState as S } from "./index281.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);
+    }
+  }), r = e != null ? o.getItem(e) : null;
+  return {
+    collection: o,
+    disabledKeys: d,
+    selectionManager: u,
+    selectedKey: e,
+    setSelectedKey: c,
+    selectedItem: r
+  };
 }
 export {
-  n as generateId,
-  o as tabsIds
+  g as useSingleSelectListState
 };

package/index283.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index341.js"),z=require("./index185.js"),G=require("./index243.js"),C=require("./index158.js"),L=require("./index249.js"),H=require("./index267.js"),J=require("./index238.js"),Q=require("./index338.js"),W=require("./index340.js"),X=require("@react-aria/focus"),m=require("react");function Y(s){let{id:h,selectionManager:t,key:o,ref:r,shouldSelectOnPressUp:$,shouldUseVirtualFocus:c,focus:F,isDisabled:l,onAction:v,allowsDifferentPressOrigin:I,linkBehavior:u="action"}=s,w=L.useRouter();h=z.useId(h);let a=e=>{if(e.pointerType==="keyboard"&&O.isNonContiguousSelectionModifier(e))t.toggleSelection(o);else{if(t.selectionMode==="none")return;if(t.isLink(o)){if(u==="selection"&&r.current){let d=t.getItemProps(o);w.open(r.current,e,d.href,d.routerOptions),t.setSelectedKeys(t.selectedKeys);return}else if(u==="override"||u==="none")return}t.selectionMode==="single"?t.isSelected(o)&&!t.disallowEmptySelection?t.toggleSelection(o):t.replaceSelection(o):e&&e.shiftKey?t.extendSelection(o):t.selectionBehavior==="toggle"||e&&(H.isCtrlKeyPressed(e)||e.pointerType==="touch"||e.pointerType==="virtual")?t.toggleSelection(o):t.replaceSelection(o)}};m.useEffect(()=>{o===t.focusedKey&&t.isFocused&&(c?X.moveVirtualFocus(r.current):F?F():document.activeElement!==r.current&&r.current&&W.focusSafely(r.current))},[r,o,t.focusedKey,t.childFocusStrategy,t.isFocused,c]),l=l||t.isDisabled(o);let f={};!c&&!l?f={tabIndex:o===t.focusedKey?0:-1,onFocus(e){e.target===r.current&&t.setFocusedKey(o)}}:l&&(f.onMouseDown=e=>{e.preventDefault()});let B=t.isLink(o)&&u==="override",M=v&&s.UNSTABLE_itemBehavior==="action",A=t.isLink(o)&&u!=="selection"&&u!=="none",n=!l&&t.canSelectItem(o)&&!B&&!M,k=(v||A)&&!l,p=k&&(t.selectionBehavior==="replace"?!n:!n||t.isEmpty),T=k&&n&&t.selectionBehavior==="replace",y=p||T,g=m.useRef(null),S=y&&n,D=m.useRef(!1),K=m.useRef(!1),P=t.getItemProps(o),b=e=>{if(v){var d;v(),(d=r.current)===null||d===void 0||d.dispatchEvent(new CustomEvent("react-aria-item-action",{bubbles:!0}))}A&&r.current&&w.open(r.current,e,P.href,P.routerOptions)},i={ref:r};if($?(i.onPressStart=e=>{g.current=e.pointerType,D.current=S,e.pointerType==="keyboard"&&(!y||E())&&a(e)},I?(i.onPressUp=p?void 0:e=>{e.pointerType==="mouse"&&n&&a(e)},i.onPress=p?b:e=>{e.pointerType!=="keyboard"&&e.pointerType!=="mouse"&&n&&a(e)}):i.onPress=e=>{if(p||T&&e.pointerType!=="mouse"){if(e.pointerType==="keyboard"&&!q())return;b(e)}else e.pointerType!=="keyboard"&&n&&a(e)}):(i.onPressStart=e=>{g.current=e.pointerType,D.current=S,K.current=p,n&&(e.pointerType==="mouse"&&!p||e.pointerType==="keyboard"&&(!k||E()))&&a(e)},i.onPress=e=>{(e.pointerType==="touch"||e.pointerType==="pen"||e.pointerType==="virtual"||e.pointerType==="keyboard"&&y&&q()||e.pointerType==="mouse"&&K.current)&&(y?b(e):n&&a(e))}),f["data-collection"]=O.getCollectionId(t.collection),f["data-key"]=o,i.preventFocusOnPress=c,c&&(i=C.mergeProps(i,{onPressStart(e){e.pointerType!=="touch"&&(t.setFocused(!0),t.setFocusedKey(o))},onPress(e){e.pointerType==="touch"&&(t.setFocused(!0),t.setFocusedKey(o))}})),P)for(let e of["onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick"])P[e]&&(i[e]=G.chain(i[e],P[e]));let{pressProps:U,isPressed:R}=J.usePress(i),x=T?e=>{g.current==="mouse"&&(e.stopPropagation(),e.preventDefault(),b(e))}:void 0,{longPressProps:V}=Q.useLongPress({isDisabled:!S,onLongPress(e){e.pointerType==="touch"&&(a(e),t.setSelectionBehavior("toggle"))}}),N=e=>{g.current==="touch"&&D.current&&e.preventDefault()},j=u!=="none"&&t.isLink(o)?e=>{L.openLink.isOpening||e.preventDefault()}:void 0;return{itemProps:C.mergeProps(f,n||p||c&&!l?U:{},S?V:{},{onDoubleClick:x,onDragStartCapture:N,onClick:j,id:h},c?{onMouseDown:e=>e.preventDefault()}:void 0),isPressed:R,isSelected:t.isSelected(o),isFocused:t.isFocused&&t.focusedKey===o,isDisabled:l,allowsSelection:n,hasAction:y}}function q(){let s=window.event;return(s==null?void 0:s.key)==="Enter"}function E(){let s=window.event;return(s==null?void 0:s.key)===" "||(s==null?void 0:s.code)==="Space"}exports.useSelectableItem=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./index284.js"),G=require("./index285.js"),v=require("react"),C=require("./index236.js"),U=require("./index251.js"),J=require("@react-aria/i18n");let t=typeof document<"u"?window.visualViewport:null;function K(l){let{direction:R}=J.useLocale(),{arrowSize:O,targetRef:p,overlayRef:i,arrowRef:s,scrollRef:u=i,placement:H="bottom",containerPadding:S=12,shouldFlip:B=!0,boundaryElement:b=typeof document<"u"?document.body:null,offset:q=0,crossOffset:T=0,shouldUpdatePosition:A=!0,isOpen:g=!0,onClose:m,maxHeight:x,arrowBoundaryOffset:F=0}=l,[e,I]=v.useState(null),N=[A,H,i.current,p.current,s==null?void 0:s.current,u.current,S,B,b,q,T,g,R,x,F,O],j=v.useRef(t==null?void 0:t.scale);v.useEffect(()=>{g&&(j.current=t==null?void 0:t.scale)},[g]);let d=v.useCallback(()=>{if(A===!1||!g||!i.current||!p.current||!b||(t==null?void 0:t.scale)!==j.current)return;let o=null;if(u.current&&u.current.contains(document.activeElement)){var a;let r=(a=document.activeElement)===null||a===void 0?void 0:a.getBoundingClientRect(),h=u.current.getBoundingClientRect();var c;if(o={type:"top",offset:((c=r==null?void 0:r.top)!==null&&c!==void 0?c:0)-h.top},o.offset>h.height/2){o.type="bottom";var z;o.offset=((z=r==null?void 0:r.bottom)!==null&&z!==void 0?z:0)-h.bottom}}let n=i.current;if(!x&&i.current){var L;n.style.top="0px",n.style.bottom="";var $;n.style.maxHeight=(($=(L=window.visualViewport)===null||L===void 0?void 0:L.height)!==null&&$!==void 0?$:window.innerHeight)+"px"}let f=k.calculatePosition({placement:W(H,R),overlayNode:i.current,targetNode:p.current,scrollNode:u.current||i.current,padding:S,shouldFlip:B,boundaryElement:b,offset:q,crossOffset:T,maxHeight:x,arrowSize:O??(s!=null&&s.current?k.getRect(s.current,!0).width:0),arrowBoundaryOffset:F});if(f.position){if(n.style.top="",n.style.bottom="",n.style.left="",n.style.right="",Object.keys(f.position).forEach(r=>n.style[r]=f.position[r]+"px"),n.style.maxHeight=f.maxHeight!=null?f.maxHeight+"px":"",o&&document.activeElement&&u.current){let r=document.activeElement.getBoundingClientRect(),h=u.current.getBoundingClientRect(),D=r[o.type]-h[o.type];u.current.scrollTop+=D-o.offset}I(f)}},N);C.useLayoutEffect(d,N),Q(d),U.useResizeObserver({ref:i,onResize:d}),U.useResizeObserver({ref:p,onResize:d});let y=v.useRef(!1);C.useLayoutEffect(()=>{let o,a=()=>{y.current=!0,clearTimeout(o),o=setTimeout(()=>{y.current=!1},500),d()},c=()=>{y.current&&a()};return t==null||t.addEventListener("resize",a),t==null||t.addEventListener("scroll",c),()=>{t==null||t.removeEventListener("resize",a),t==null||t.removeEventListener("scroll",c)}},[d]);let M=v.useCallback(()=>{y.current||m==null||m()},[m,y]);G.useCloseOnScroll({triggerRef:p,isOpen:g,onClose:m&&M});var E,P,w;return{overlayProps:{style:{position:e?"absolute":"fixed",top:e?void 0:0,left:e?void 0:0,zIndex:1e5,...e==null?void 0:e.position,maxHeight:(E=e==null?void 0:e.maxHeight)!==null&&E!==void 0?E:"100vh"}},placement:(P=e==null?void 0:e.placement)!==null&&P!==void 0?P:null,triggerAnchorPoint:(w=e==null?void 0:e.triggerAnchorPoint)!==null&&w!==void 0?w:null,arrowProps:{"aria-hidden":"true",role:"presentation",style:{left:e==null?void 0:e.arrowOffsetLeft,top:e==null?void 0:e.arrowOffsetTop}},updatePosition:d}}function Q(l){C.useLayoutEffect(()=>(window.addEventListener("resize",l,!1),()=>{window.removeEventListener("resize",l,!1)}),[l])}function W(l,R){return R==="rtl"?l.replace("start","right").replace("end","left"):l.replace("start","left").replace("end","right")}exports.useOverlayPosition=K;