@okam/stack-ui 1.42.4 → 1.43.0

package/index27.mjs

@@ -1,121 +1,115 @@
 "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 "./index93.mjs";
-import l from "./index36.mjs";
-import { useSearchField as F, FocusRing as R } from "react-aria";
-import "react-use";
-import "@react-spring/web";
-import I from "./index88.mjs";
-import M from "./index6.mjs";
-import "./index148.mjs";
-import { useSearchFieldState as j } from "react-stately";
-import "./index5.mjs";
-import "react-div-100vh";
-import "./index90.mjs";
-import "@react-aria/focus";
-import "./index95.mjs";
-import "./index15.mjs";
-import "radashi";
-import "./index146.mjs";
-import "sanitize-html";
-import "@react-aria/i18n";
-import "react-hook-form";
-import "./index96.mjs";
-import { useUserQueryValHook as Q } from "./index94.mjs";
-import U from "./index68.mjs";
-import _ from "./index149.mjs";
-import "./index157.mjs";
-import "./index158.mjs";
-import "./index92.mjs";
-import "./index91.mjs";
-import "./index159.mjs";
-import "./index52.mjs";
-import "./index54.mjs";
-import "./index62.mjs";
-import "./index58.mjs";
-import "./index160.mjs";
-import "./index61.mjs";
-import "./index63.mjs";
-import "./index64.mjs";
-import "./index65.mjs";
-import "./index66.mjs";
-import "./index67.mjs";
-import "./index69.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 "./index89.mjs";
-import "./index116.mjs";
-const E = ({ value: m }) => m === "" ? /* @__PURE__ */ r(_, { width: "16", height: "16" }) : /* @__PURE__ */ r(U, { width: "16", height: "16" }), Yr = (m) => {
-  const { setUserSearchQuery: c } = Q(), {
-    label: h,
-    themeName: o = "search",
-    tokens: b,
-    customTheme: g,
-    disabled: k,
-    errorMessage: p,
-    placeholder: C,
-    icon: a,
-    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(
-    (P) => {
-      var f;
-      c(s.value), (f = e.onChange) == null || f.call(e, 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(
-        "input",
-        {
-          ref: d,
-          ...e,
-          onChange: $,
-          placeholder: C,
-          className: B,
-          disabled: t
-        }
-      ),
-      /* @__PURE__ */ r(R, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ n(
-        M,
-        {
-          isDisabled: t,
-          handlePress: D.onPress,
-          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: t ?? !1 },
-          themeName: `${o}.icon`,
-          "aria-label": "clear",
-          children: [
-            a == null && /* @__PURE__ */ r(E, { value: s.value }),
-            a != null && a
-          ]
-        }
-      ) })
-    ] }),
-    p && /* @__PURE__ */ r(T, { themeName: `${o}.errorMessage`, tokens: i, ...y, children: p })
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { useCheckbox as N } from "./index157.mjs";
+import { useFocusRing as P, FocusRing as j } from "@react-aria/focus";
+import { mergeProps as D } from "./index158.mjs";
+import { VisuallyHidden as I } from "./index159.mjs";
+import { useToggleState as O } from "./index160.mjs";
+import { isEmpty as B } from "radashi";
+import { useRef as H } from "react";
+import { useFormContext as S, Controller as V } from "react-hook-form";
+import x from "./index89.mjs";
+import { useTranslation as w } from "./index97.mjs";
+import A from "./index24.mjs";
+import y from "./index3.mjs";
+const L = (i) => {
+  const {
+    id: $,
+    label: e,
+    isDisabled: m = !1,
+    isError: d = !1,
+    errorMessage: h,
+    ariaLabel: u,
+    icon: f,
+    themeName: r = "checkbox",
+    tokens: n,
+    customTheme: c
+  } = i, l = O(i), k = H(null), { inputProps: g, labelProps: R } = N(i, l, k), { isSelected: T } = l, { focusProps: t, isFocusVisible: a } = P(), s = { ...n, selected: T, isDisabled: m, isError: d, isFocusVisible: a }, F = x(`${r}.container`, s, c), M = x(`${r}.checkBox`, s, c), q = x(`${r}.checkMark`, s, c), p = x(`${r}.checkMarkIcon`, s, c);
+  return /* @__PURE__ */ v("div", { children: [
+    /* @__PURE__ */ o(j, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ v(
+      "label",
+      {
+        className: F,
+        htmlFor: $,
+        "aria-label": u,
+        "aria-disabled": m,
+        ...R,
+        children: [
+          /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o("input", { type: "checkbox", ref: k, ...D(g, t) }) }),
+          /* @__PURE__ */ o("div", { className: M, children: /* @__PURE__ */ o("div", { className: q, children: f && /* @__PURE__ */ o(A, { icon: f, customTheme: p }) }) }),
+          /* @__PURE__ */ o(y, { themeName: `${r}.label`, tokens: s, children: e })
+        ]
+      }
+    ) }),
+    d && h && /* @__PURE__ */ o(y, { themeName: `${r}.errorMessage`, tokens: s, children: h })
   ] });
+}, re = ({
+  name: i,
+  label: $,
+  rules: e,
+  tokens: m,
+  ariaLabel: d,
+  defaultValue: h = !1,
+  themeName: u = "checkbox",
+  isDisabled: f = !1,
+  icon: r,
+  onChange: n,
+  onBlur: c,
+  ...l
+}) => {
+  const { control: k } = S(), { t: g } = w(), R = () => {
+    const t = Object.entries(l).filter(([a, s]) => a.startsWith("aria-"));
+    return Object.fromEntries(t);
+  }, T = {
+    required: e != null && e.required ? g("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...e
+  };
+  return /* @__PURE__ */ o(
+    V,
+    {
+      name: i,
+      control: k,
+      rules: T,
+      disabled: e == null ? void 0 : e.disabled,
+      defaultValue: h,
+      render: ({ field: t, fieldState: a }) => {
+        var E;
+        const { ref: s, value: F, ...M } = t, q = !B(a.error), p = {
+          isDisabled: t.disabled ?? f,
+          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+          isError: q
+        }, C = {
+          ...m,
+          ...p
+        };
+        return /* @__PURE__ */ o(
+          L,
+          {
+            ...M,
+            ...p,
+            ...R(),
+            id: i,
+            isSelected: F,
+            name: i,
+            themeName: u,
+            label: $,
+            tokens: C,
+            ariaLabel: d,
+            icon: r,
+            errorMessage: (E = a.error) == null ? void 0 : E.message,
+            onChange: (b) => {
+              t.onChange(b), n == null || n(b);
+            },
+            onBlur: (b) => {
+              t.onBlur(), c == null || c(b);
+            }
+          }
+        );
+      }
+    }
+  );
 };
 export {
-  Yr as default
+  re as ReactHookFormCheckBox,
+  L as default
 };

package/index270.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@react-aria/focus"),D=require("react"),h=require("./index265.js"),y=require("./index271.js"),t=[];function b(a,i){let{onClose:n,shouldCloseOnBlur:l,isOpen:o,isDismissable:u=!1,isKeyboardDismissDisabled:d=!1,shouldCloseOnInteractOutside:s}=a;D.useEffect(()=>{if(o&&!t.includes(i))return t.push(i),()=>{let e=t.indexOf(i);e>=0&&t.splice(e,1)}},[o,i]);let r=()=>{t[t.length-1]===i&&n&&n()},c=e=>{(!s||s(e.target))&&t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault())},f=e=>{(!s||s(e.target))&&(t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault()),r())},p=e=>{e.key==="Escape"&&!d&&!e.nativeEvent.isComposing&&(e.stopPropagation(),e.preventDefault(),r())};y.useInteractOutside({ref:i,onInteractOutside:u&&o?f:void 0,onInteractOutsideStart:c});let{focusWithinProps:O}=h.useFocusWithin({isDisabled:!l,onBlurWithin:e=>{!e.relatedTarget||v.isElementInChildOfActiveScope(e.relatedTarget)||(!s||s(e.relatedTarget))&&(n==null||n())}}),g=e=>{e.target===e.currentTarget&&e.preventDefault()};return{overlayProps:{onKeyDown:p,...O},underlayProps:{onPointerDown:g}}}exports.useOverlay=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index332.js"),c=require("react"),l=require("./index244.js"),m=require("./index245.js"),p=require("./index252.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/index270.mjs

@@ -1,52 +1,57 @@
-import { isElementInChildOfActiveScope as g } from "@react-aria/focus";
-import { useEffect as m } from "react";
-import { useFocusWithin as v } from "./index265.mjs";
-import { useInteractOutside as b } from "./index271.mjs";
-const t = [];
-function C(a, i) {
-  let { onClose: o, shouldCloseOnBlur: l, isOpen: n, isDismissable: d = !1, isKeyboardDismissDisabled: u = !1, shouldCloseOnInteractOutside: s } = a;
-  m(() => {
-    if (n && !t.includes(i))
-      return t.push(i), () => {
-        let e = t.indexOf(i);
-        e >= 0 && t.splice(e, 1);
-      };
+import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index332.mjs";
+import { useRef as x, useCallback as $ } from "react";
+import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index244.mjs";
+import { getOwnerDocument as G } from "./index245.mjs";
+import { useGlobalListeners as L } from "./index252.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));
   }, [
-    n,
-    i
+    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
   ]);
-  let r = () => {
-    t[t.length - 1] === i && o && o();
-  }, f = (e) => {
-    (!s || s(e.target)) && t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault());
-  }, p = (e) => {
-    (!s || s(e.target)) && (t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault()), r());
-  }, c = (e) => {
-    e.key === "Escape" && !u && !e.nativeEvent.isComposing && (e.stopPropagation(), e.preventDefault(), r());
-  };
-  b({
-    ref: i,
-    onInteractOutside: d && n ? p : void 0,
-    onInteractOutsideStart: f
-  });
-  let { focusWithinProps: O } = v({
-    isDisabled: !l,
-    onBlurWithin: (e) => {
-      !e.relatedTarget || g(e.relatedTarget) || (!s || s(e.relatedTarget)) && (o == null || o());
+  return h ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
     }
-  }), D = (e) => {
-    e.target === e.currentTarget && e.preventDefault();
-  };
-  return {
-    overlayProps: {
-      onKeyDown: c,
-      ...O
-    },
-    underlayProps: {
-      onPointerDown: D
+  } : {
+    focusWithinProps: {
+      onFocus: g,
+      onBlur: n
     }
   };
 }
 export {
-  C as useOverlay
+  S as useFocusWithin
 };

package/index271.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index241.js"),v=require("./index258.js"),m=require("react");function D(r){let{ref:n,onInteractOutside:s,isDisabled:d,onInteractOutsideStart:l}=r,E=m.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}),o=v.useEffectEvent(e=>{s&&c(e,n)&&(l&&l(e),E.current.isPointerDown=!0)}),f=v.useEffectEvent(e=>{s&&s(e)});m.useEffect(()=>{let e=E.current;if(d)return;const p=n.current,t=w.getOwnerDocument(p);if(typeof PointerEvent<"u"){let i=u=>{e.isPointerDown&&c(u,n)&&f(u),e.isPointerDown=!1};return t.addEventListener("pointerdown",o,!0),t.addEventListener("pointerup",i,!0),()=>{t.removeEventListener("pointerdown",o,!0),t.removeEventListener("pointerup",i,!0)}}else if(process.env.NODE_ENV==="test"){let i=a=>{e.ignoreEmulatedMouseEvents?e.ignoreEmulatedMouseEvents=!1:e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1},u=a=>{e.ignoreEmulatedMouseEvents=!0,e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1};return t.addEventListener("mousedown",o,!0),t.addEventListener("mouseup",i,!0),t.addEventListener("touchstart",o,!0),t.addEventListener("touchend",u,!0),()=>{t.removeEventListener("mousedown",o,!0),t.removeEventListener("mouseup",i,!0),t.removeEventListener("touchstart",o,!0),t.removeEventListener("touchend",u,!0)}}},[n,d,o,f])}function c(r,n){if(r.button>0)return!1;if(r.target){const s=r.target.ownerDocument;if(!s||!s.documentElement.contains(r.target)||r.target.closest("[data-react-aria-top-layer]"))return!1}return n.current?!r.composedPath().includes(n.current):!1}exports.useInteractOutside=D;
+"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/index271.mjs

@@ -1,51 +1,30 @@
-import { getOwnerDocument as p } from "./index241.mjs";
-import { useEffectEvent as m } from "./index258.mjs";
-import { useRef as w, useEffect as D } from "react";
-function $(r) {
-  let { ref: n, onInteractOutside: s, isDisabled: d, onInteractOutsideStart: l } = r, E = w({
-    isPointerDown: !1,
-    ignoreEmulatedMouseEvents: !1
-  }), o = m((e) => {
-    s && c(e, n) && (l && l(e), E.current.isPointerDown = !0);
-  }), f = m((e) => {
-    s && s(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;
   });
-  D(() => {
-    let e = E.current;
-    if (d) return;
-    const v = n.current, t = p(v);
-    if (typeof PointerEvent < "u") {
-      let i = (u) => {
-        e.isPointerDown && c(u, n) && f(u), e.isPointerDown = !1;
-      };
-      return t.addEventListener("pointerdown", o, !0), t.addEventListener("pointerup", i, !0), () => {
-        t.removeEventListener("pointerdown", o, !0), t.removeEventListener("pointerup", i, !0);
-      };
-    } else if (process.env.NODE_ENV === "test") {
-      let i = (a) => {
-        e.ignoreEmulatedMouseEvents ? e.ignoreEmulatedMouseEvents = !1 : e.isPointerDown && c(a, n) && f(a), e.isPointerDown = !1;
-      }, u = (a) => {
-        e.ignoreEmulatedMouseEvents = !0, e.isPointerDown && c(a, n) && f(a), e.isPointerDown = !1;
-      };
-      return t.addEventListener("mousedown", o, !0), t.addEventListener("mouseup", i, !0), t.addEventListener("touchstart", o, !0), t.addEventListener("touchend", u, !0), () => {
-        t.removeEventListener("mousedown", o, !0), t.removeEventListener("mouseup", i, !0), t.removeEventListener("touchstart", o, !0), t.removeEventListener("touchend", u, !0);
-      };
-    }
+  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));
   }, [
-    n,
-    d,
-    o,
-    f
+    o
   ]);
-}
-function c(r, n) {
-  if (r.button > 0) return !1;
-  if (r.target) {
-    const s = r.target.ownerDocument;
-    if (!s || !s.documentElement.contains(r.target) || r.target.closest("[data-react-aria-top-layer]")) return !1;
-  }
-  return n.current ? !r.composedPath().includes(n.current) : !1;
+  return [
+    a,
+    E
+  ];
 }
 export {
-  $ as useInteractOutside
+  w as useControlledState
 };

package/index272.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index239.js"),E=require("./index236.js"),w=require("./index253.js"),S=require("./index246.js"),m=typeof document<"u"&&window.visualViewport,y=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let s=0,f;function T(e={}){let{isDisabled:t}=e;E.useLayoutEffect(()=>{if(!t)return s++,s===1&&(S.isIOS()?f=x():f=b()),()=>{s--,s===0&&f()}},[t])}function b(){return v.chain(r(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),r(document.documentElement,"overflow","hidden"))}function x(){let e,t,n=c=>{e=w.getScrollParent(c.target,!0),!(e===document.documentElement&&e===document.body)&&e instanceof HTMLElement&&window.getComputedStyle(e).overscrollBehavior==="auto"&&(t=r(e,"overscrollBehavior","contain"))},o=c=>{if(!e||e===document.documentElement||e===document.body){c.preventDefault();return}e.scrollHeight===e.clientHeight&&e.scrollWidth===e.clientWidth&&c.preventDefault()},u=()=>{t&&t()},a=c=>{let l=c.target;L(l)&&(h(),l.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{l.style.transform="",m&&(m.height<window.innerHeight?requestAnimationFrame(()=>{$(l)}):m.addEventListener("resize",()=>$(l),{once:!0}))}))},i=null,h=()=>{if(i)return;let c=()=>{window.scrollTo(0,0)},l=window.pageXOffset,p=window.pageYOffset;i=v.chain(d(window,"scroll",c),r(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),r(document.documentElement,"overflow","hidden"),r(document.body,"marginTop",`-${p}px`),()=>{window.scrollTo(l,p)}),window.scrollTo(0,0)},g=v.chain(d(document,"touchstart",n,{passive:!1,capture:!0}),d(document,"touchmove",o,{passive:!1,capture:!0}),d(document,"touchend",u,{passive:!1,capture:!0}),d(document,"focus",a,!0));return()=>{t==null||t(),i==null||i(),g()}}function r(e,t,n){let o=e.style[t];return e.style[t]=n,()=>{e.style[t]=o}}function d(e,t,n,o){return e.addEventListener(t,n,o),()=>{e.removeEventListener(t,n,o)}}function $(e){let t=document.scrollingElement||document.documentElement,n=e;for(;n&&n!==t;){let o=w.getScrollParent(n);if(o!==document.documentElement&&o!==document.body&&o!==n){let u=o.getBoundingClientRect().top,a=n.getBoundingClientRect().top;a>u+n.clientHeight&&(o.scrollTop+=a-u)}n=o.parentElement}}function L(e){return e instanceof HTMLInputElement&&!y.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}exports.usePreventScroll=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./index273.js"),G=require("./index274.js"),v=require("react"),C=require("./index240.js"),U=require("./index255.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;