@okam/stack-ui 1.42.3 → 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 W=require("./index266.js");function L(e,o){let d=T(e,o,"left"),t=T(e,o,"top"),l=o.offsetWidth,f=o.offsetHeight,r=e.scrollLeft,n=e.scrollTop,{borderTopWidth:i,borderLeftWidth:s,scrollPaddingTop:c,scrollPaddingRight:a,scrollPaddingBottom:$,scrollPaddingLeft:S}=getComputedStyle(e),I=r+parseInt(s,10),u=n+parseInt(i,10),b=I+e.clientWidth,P=u+e.clientHeight,p=parseInt(c,10)||0,v=parseInt($,10)||0,h=parseInt(a,10)||0,g=parseInt(S,10)||0;d<=r+g?r=d-parseInt(s,10)-g:d+l>b-h&&(r+=d+l-b+h),t<=u+p?n=t-parseInt(i,10)-p:t+f>P-v&&(n+=t+f-P+v),e.scrollLeft=r,e.scrollTop=n}function T(e,o,d){const t=d==="left"?"offsetLeft":"offsetTop";let l=0;for(;o.offsetParent&&(l+=o[t],o.offsetParent!==e);){if(o.offsetParent.contains(e)){l-=e[t];break}o=o.offsetParent}return l}function k(e,o){if(e&&document.contains(e)){let r=document.scrollingElement||document.documentElement;if(window.getComputedStyle(r).overflow==="hidden"){let i=W.getScrollParents(e);for(let s of i)L(s,e)}else{var d;let{left:i,top:s}=e.getBoundingClientRect();e==null||(d=e.scrollIntoView)===null||d===void 0||d.call(e,{block:"nearest"});let{left:c,top:a}=e.getBoundingClientRect();if(Math.abs(i-c)>1||Math.abs(s-a)>1){var t,l,f;o==null||(l=o.containingElement)===null||l===void 0||(t=l.scrollIntoView)===null||t===void 0||t.call(l,{block:"center",inline:"center"}),(f=e.scrollIntoView)===null||f===void 0||f.call(e,{block:"nearest"})}}}}exports.scrollIntoView=L;exports.scrollIntoViewport=k;
+"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,46 +1,57 @@
-import { getScrollParents as I } from "./index266.mjs";
-function W(o, e) {
-  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
-  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
-}
-function L(o, e, t) {
-  const d = t === "left" ? "offsetLeft" : "offsetTop";
-  let l = 0;
-  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
-    if (e.offsetParent.contains(o)) {
-      l -= o[d];
-      break;
-    }
-    e = e.offsetParent;
-  }
-  return l;
-}
-function B(o, e) {
-  if (o && document.contains(o)) {
-    let f = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(f).overflow === "hidden") {
-      let i = I(o);
-      for (let s of i) W(s, o);
-    } else {
-      var t;
-      let { left: i, top: s } = o.getBoundingClientRect();
-      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
-        block: "nearest"
+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));
+  }, [
+    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
       });
-      let { left: n, top: a } = o.getBoundingClientRect();
-      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
-        var d, l, r;
-        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
-          block: "center",
-          inline: "center"
-        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
-          block: "nearest"
-        });
-      }
     }
-  }
+  }, [
+    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 {
-  W as scrollIntoView,
-  B as scrollIntoViewport
+  S as useFocusWithin
 };

package/index271.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index243.js");function t(r){return r.mozInputSource===0&&r.isTrusted?!0:i.isAndroid()&&r.pointerType?r.type==="click"&&r.buttons===1:r.detail===0&&!r.pointerType}function o(r){return!i.isAndroid()&&r.width===0&&r.height===0||r.width===1&&r.height===1&&r.pressure===0&&r.detail===0&&r.pointerType==="mouse"}exports.isVirtualClick=t;exports.isVirtualPointerEvent=o;
+"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,11 +1,30 @@
-import { isAndroid as i } from "./index243.mjs";
-function o(r) {
-  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
-}
-function u(r) {
-  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+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 {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  w as useControlledState
 };

package/index272.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index269.js"),o=require("react");function s(t,d,u){let i=o.useRef(d),r=l.useEffectEvent(()=>{u&&u(i.current)});o.useEffect(()=>{var n;let e=t==null||(n=t.current)===null||n===void 0?void 0:n.form;return e==null||e.addEventListener("reset",r),()=>{e==null||e.removeEventListener("reset",r)}},[t,r])}exports.useFormReset=s;
+"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;

package/index272.mjs

@@ -1,20 +1,147 @@
-import { useEffectEvent as u } from "./index269.mjs";
-import { useRef as a, useEffect as f } from "react";
-function s(t, n, d) {
-  let i = a(n), r = u(() => {
-    d && d(i.current);
+import { calculatePosition as J, getRect as K } from "./index273.mjs";
+import { useCloseOnScroll as M } from "./index274.mjs";
+import { useState as Q, useRef as j, useEffect as W, useCallback as k } from "react";
+import { useLayoutEffect as H } from "./index240.mjs";
+import { useResizeObserver as I } from "./index255.mjs";
+import { useLocale as X } from "@react-aria/i18n";
+let t = typeof document < "u" ? window.visualViewport : null;
+function le(n) {
+  let { direction: $ } = X(), { arrowSize: b, targetRef: v, overlayRef: i, arrowRef: s, scrollRef: d = i, placement: L = "bottom", containerPadding: C = 12, shouldFlip: B = !0, boundaryElement: h = typeof document < "u" ? document.body : null, offset: S = 0, crossOffset: T = 0, shouldUpdatePosition: A = !0, isOpen: p = !0, onClose: m, maxHeight: x, arrowBoundaryOffset: F = 0 } = n, [e, q] = Q(null), N = [
+    A,
+    L,
+    i.current,
+    v.current,
+    s == null ? void 0 : s.current,
+    d.current,
+    C,
+    B,
+    h,
+    S,
+    T,
+    p,
+    $,
+    x,
+    F,
+    b
+  ], U = j(t == null ? void 0 : t.scale);
+  W(() => {
+    p && (U.current = t == null ? void 0 : t.scale);
+  }, [
+    p
+  ]);
+  let u = k(() => {
+    if (A === !1 || !p || !i.current || !v.current || !h || (t == null ? void 0 : t.scale) !== U.current) return;
+    let o = null;
+    if (d.current && d.current.contains(document.activeElement)) {
+      var a;
+      let r = (a = document.activeElement) === null || a === void 0 ? void 0 : a.getBoundingClientRect(), y = d.current.getBoundingClientRect();
+      var f;
+      if (o = {
+        type: "top",
+        offset: ((f = r == null ? void 0 : r.top) !== null && f !== void 0 ? f : 0) - y.top
+      }, o.offset > y.height / 2) {
+        o.type = "bottom";
+        var E;
+        o.offset = ((E = r == null ? void 0 : r.bottom) !== null && E !== void 0 ? E : 0) - y.bottom;
+      }
+    }
+    let l = i.current;
+    if (!x && i.current) {
+      var P;
+      l.style.top = "0px", l.style.bottom = "";
+      var z;
+      l.style.maxHeight = ((z = (P = window.visualViewport) === null || P === void 0 ? void 0 : P.height) !== null && z !== void 0 ? z : window.innerHeight) + "px";
+    }
+    let c = J({
+      placement: Z(L, $),
+      overlayNode: i.current,
+      targetNode: v.current,
+      scrollNode: d.current || i.current,
+      padding: C,
+      shouldFlip: B,
+      boundaryElement: h,
+      offset: S,
+      crossOffset: T,
+      maxHeight: x,
+      arrowSize: b ?? (s != null && s.current ? K(s.current, !0).width : 0),
+      arrowBoundaryOffset: F
+    });
+    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 && d.current) {
+        let r = document.activeElement.getBoundingClientRect(), y = d.current.getBoundingClientRect(), G = r[o.type] - y[o.type];
+        d.current.scrollTop += G - o.offset;
+      }
+      q(c);
+    }
+  }, N);
+  H(u, N), Y(u), I({
+    ref: i,
+    onResize: u
+  }), I({
+    ref: v,
+    onResize: u
   });
-  f(() => {
-    var o;
-    let e = t == null || (o = t.current) === null || o === void 0 ? void 0 : o.form;
-    return e == null || e.addEventListener("reset", r), () => {
-      e == null || e.removeEventListener("reset", r);
+  let g = j(!1);
+  H(() => {
+    let o, a = () => {
+      g.current = !0, clearTimeout(o), o = setTimeout(() => {
+        g.current = !1;
+      }, 500), u();
+    }, f = () => {
+      g.current && a();
+    };
+    return t == null || t.addEventListener("resize", a), t == null || t.addEventListener("scroll", f), () => {
+      t == null || t.removeEventListener("resize", a), t == null || t.removeEventListener("scroll", f);
     };
   }, [
-    t,
-    r
+    u
+  ]);
+  let D = k(() => {
+    g.current || m == null || m();
+  }, [
+    m,
+    g
   ]);
+  M({
+    triggerRef: v,
+    isOpen: p,
+    onClose: m && D
+  });
+  var R, O, 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: (R = e == null ? void 0 : e.maxHeight) !== null && R !== void 0 ? R : "100vh"
+      }
+    },
+    placement: (O = e == null ? void 0 : e.placement) !== null && O !== void 0 ? O : 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: u
+  };
+}
+function Y(n) {
+  H(() => (window.addEventListener("resize", n, !1), () => {
+    window.removeEventListener("resize", n, !1);
+  }), [
+    n
+  ]);
+}
+function Z(n, $) {
+  return $ === "rtl" ? n.replace("start", "right").replace("end", "left") : n.replace("start", "left").replace("end", "right");
 }
 export {
-  s as useFormReset
+  le as useOverlayPosition
 };

package/index273.js

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