@okam/stack-ui 1.41.0 → 1.41.2

package/index23.mjs

@@ -1,170 +1,21 @@
 "use client";
-import { jsxs as M, jsx as i } from "react/jsx-runtime";
-import { isEmpty as A } from "radashi";
-import { useRef as T } from "react";
-import { useSelect as K, HiddenSelect as L } from "react-aria";
-import { useFormContext as V, Controller as C } from "react-hook-form";
-import { useSelectState as Q } from "react-stately";
-import { useTranslation as U } from "./index93.mjs";
-import W from "./index34.mjs";
-import { ButtonWithForwardRef as _ } from "./index6.mjs";
-import z from "./index21.mjs";
-import j from "./index3.mjs";
-import G from "./index47.mjs";
-import { ListBox as J } from "./index146.mjs";
-import X from "./index147.mjs";
-const Y = (q) => {
-  var S;
+import { jsx as u } from "react/jsx-runtime";
+import { useDateFormatter as d } from "@react-aria/i18n";
+import { isEmpty as h } from "radashi";
+import { useIsSSR as l } from "react-aria";
+import S from "./index86.mjs";
+const F = (o) => {
   const {
-    name: h,
-    placeholderLabel: v,
-    disabled: e,
-    required: u,
-    isInvalid: b,
-    hookFormRef: c,
-    isError: m = !1,
-    errorMessage: l,
-    themeName: r = "select",
-    tokens: p,
-    customTheme: O,
-    label: f,
-    onSelectionChange: I,
-    defaultValue: $,
-    value: x,
-    icon: y,
-    popoverMatchesWidth: P,
-    options: d,
-    ...t
-  } = q, s = T(), n = T(null), D = (a) => {
-    a && (c == null || c(a), s.current = a);
-  }, E = d == null ? void 0 : d.filter((a) => {
-    var w;
-    return !((w = a.key) != null && w.includes("header-"));
-  }), o = Q({
-    ...t,
-    children: G,
-    selectedKey: x,
-    defaultSelectedKey: $,
-    items: E,
-    onSelectionChange: I,
-    isDisabled: e,
-    isRequired: u,
-    isInvalid: b
-  }), { triggerProps: F, menuProps: R, labelProps: g, valueProps: B } = K(
-    { ...t, label: f, isDisabled: e, isRequired: u, isInvalid: b },
-    o,
-    D
-  ), { onPress: N, onPressStart: k, ...H } = F;
-  return /* @__PURE__ */ M(W, { themeName: `${r}.wrapper`, children: [
-    f && /* @__PURE__ */ i(j, { ...g, as: "label", themeName: `${r}.label`, children: f }),
-    /* @__PURE__ */ i(L, { state: o, triggerRef: n, name: h, isDisabled: !0 }),
-    /* @__PURE__ */ M(W, { themeName: `${r}.container`, children: [
-      /* @__PURE__ */ M(
-        _,
-        {
-          ...H,
-          handlePress: (a) => {
-            N == null || N(a), k == null || k(a);
-          },
-          ref: n,
-          disabled: e,
-          themeName: `${r}.button`,
-          tokens: { ...p, intent: m ? "error" : "default" },
-          children: [
-            /* @__PURE__ */ i("span", { ...B, children: o.selectedItem ? o.selectedItem.rendered : v }),
-            /* @__PURE__ */ i(z, { icon: y ?? "ArrowDown" })
-          ]
-        }
-      ),
-      o.isOpen && n.current && /* @__PURE__ */ i(
-        X,
-        {
-          tokens: p,
-          state: o,
-          triggerRef: n,
-          placement: "bottom",
-          themeName: `${r}.popover`,
-          style: { [`--${r}-container-width`]: `${(S = n.current) == null ? void 0 : S.offsetWidth}px` },
-          children: /* @__PURE__ */ i(J, { ...R, themeName: r, state: o, optionsWithHeaders: d ?? [] })
-        }
-      ),
-      m && /* @__PURE__ */ i(j, { tokens: { ...p, isError: m }, themeName: `${r}.errorMessage`, children: l })
-    ] })
-  ] });
-}, fe = ({
-  id: q,
-  name: h,
-  label: v,
-  rules: e,
-  tokens: u,
-  defaultValue: b,
-  themeName: c = "select",
-  required: m,
-  onChange: l,
-  options: r,
-  placeholderLabel: p,
-  icon: O,
-  popoverMatchesWidth: f,
-  value: I,
-  ...$
-}) => {
-  const { control: x } = V(), { t: y } = U(), P = () => {
-    const t = Object.entries($).filter(([s, n]) => s.startsWith("aria-"));
-    return Object.fromEntries(t);
-  }, d = {
-    required: m ? y("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...e
-  };
-  return /* @__PURE__ */ i(
-    C,
-    {
-      name: h,
-      control: x,
-      rules: d,
-      disabled: e == null ? void 0 : e.disabled,
-      defaultValue: b ?? I,
-      render: ({ field: t, fieldState: s }) => {
-        var R;
-        const { ref: n, ...D } = t, E = !A(s.error), o = {
-          isDisabled: t.disabled ?? !1,
-          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: s.invalid,
-          isError: E
-        }, F = {
-          ...u,
-          ...o
-        };
-        return /* @__PURE__ */ i(
-          Y,
-          {
-            ...D,
-            ...o,
-            ...P(),
-            id: q,
-            hookFormRef: n,
-            name: h,
-            themeName: c,
-            label: v,
-            tokens: F,
-            disabled: t.disabled,
-            required: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            isInvalid: s.invalid,
-            errorMessage: (R = s.error) == null ? void 0 : R.message,
-            value: t.value,
-            options: r,
-            placeholderLabel: p,
-            icon: O,
-            popoverMatchesWidth: f,
-            onSelectionChange: (g) => {
-              t.onChange(g), l == null || l(g);
-            }
-          }
-        );
-      }
-    }
-  );
+    as: m = "time",
+    date: r,
+    tokens: a,
+    customTheme: n,
+    dateFormatterOptions: s = { month: "long", day: "numeric", year: "numeric" },
+    themeName: i = "typography",
+    ...p
+  } = o, c = l(), t = new Date(r), e = d(s).format(t), f = S(i, a, n);
+  return c || h(e) ? null : /* @__PURE__ */ u(m, { ...p, dateTime: t.toISOString(), className: f, children: e });
 };
 export {
-  fe as ReactHookFormSelect,
-  Y as default
+  F as default
 };

package/index230.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof document<"u"?e.useLayoutEffect:()=>{};exports.useLayoutEffect=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index231.js"),A=require("./index232.js"),f=require("react"),P=require("./index233.js"),j=require("./index234.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/index230.mjs

@@ -1,6 +1,143 @@
-import e from "react";
-const f = typeof document < "u" ? e.useLayoutEffect : () => {
-};
+import { calculatePosition as D } from "./index231.mjs";
+import { useCloseOnScroll as G } from "./index232.mjs";
+import { useState as J, useRef as U, useEffect as K, useCallback as j } from "react";
+import { useLayoutEffect as z } from "./index233.mjs";
+import { useResizeObserver as k } from "./index234.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;
+      }
+    }
+    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 {
+    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 {
-  f as useLayoutEffect
+  te as useOverlayPosition
 };

package/index231.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index252.js"),a=require("./index230.js"),n=require("react");function o(c){let[u,l]=n.useState(c),e=n.useRef(null),r=f.useEffectEvent(()=>{if(!e.current)return;let t=e.current.next();if(t.done){e.current=null;return}u===t.value?r():l(t.value)});a.useLayoutEffect(()=>{e.current&&r()});let s=f.useEffectEvent(t=>{e.current=t(u),r()});return[u,s]}exports.useValueEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./index241.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;

package/index231.mjs

@@ -1,27 +1,200 @@
-import { useEffectEvent as u } from "./index252.mjs";
-import { useLayoutEffect as l } from "./index230.mjs";
-import { useState as o, useRef as s } from "react";
-function p(a) {
-  let [f, c] = o(a), e = s(null), r = u(() => {
-    if (!e.current) return;
-    let t = e.current.next();
-    if (t.done) {
-      e.current = null;
-      return;
-    }
-    f === t.value ? r() : c(t.value);
-  });
-  l(() => {
-    e.current && r();
-  });
-  let n = u((t) => {
-    e.current = t(f), r();
-  });
-  return [
-    f,
-    n
-  ];
+import { isWebKit as ot } from "./index241.mjs";
+import { clamp as G } from "./index285.mjs";
+const P = {
+  top: "top",
+  bottom: "top",
+  left: "left",
+  right: "left"
+}, z = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, it = {
+  top: "left",
+  left: "top"
+}, K = {
+  top: "height",
+  left: "width"
+}, B = {
+  width: "totalWidth",
+  height: "totalHeight"
+}, H = {};
+let u = typeof document < "u" ? window.visualViewport : null;
+function j(e) {
+  let t = 0, o = 0, c = 0, i = 0, a = 0, f = 0, l = {};
+  var $;
+  let p = (($ = u == null ? void 0 : u.scale) !== null && $ !== void 0 ? $ : 1) > 1;
+  if (e.tagName === "BODY") {
+    let h = document.documentElement;
+    c = h.clientWidth, i = h.clientHeight;
+    var s;
+    t = (s = u == null ? void 0 : u.width) !== null && s !== void 0 ? s : c;
+    var g;
+    o = (g = u == null ? void 0 : u.height) !== null && g !== void 0 ? g : i, l.top = h.scrollTop || e.scrollTop, l.left = h.scrollLeft || e.scrollLeft, u && (a = u.offsetTop, f = u.offsetLeft);
+  } else
+    ({ width: t, height: o, top: a, left: f } = M(e)), l.top = e.scrollTop, l.left = e.scrollLeft, c = t, i = o;
+  if (ot() && (e.tagName === "BODY" || e.tagName === "HTML") && p) {
+    l.top = 0, l.left = 0;
+    var d;
+    a = (d = u == null ? void 0 : u.pageTop) !== null && d !== void 0 ? d : 0;
+    var r;
+    f = (r = u == null ? void 0 : u.pageLeft) !== null && r !== void 0 ? r : 0;
+  }
+  return {
+    width: t,
+    height: o,
+    totalWidth: c,
+    totalHeight: i,
+    scroll: l,
+    top: a,
+    left: f
+  };
+}
+function ct(e) {
+  return {
+    top: e.scrollTop,
+    left: e.scrollLeft,
+    width: e.scrollWidth,
+    height: e.scrollHeight
+  };
+}
+function q(e, t, o, c, i, a, f) {
+  var l;
+  let $ = (l = i.scroll[e]) !== null && l !== void 0 ? l : 0, p = c[K[e]], s = c.scroll[P[e]] + a, g = p + c.scroll[P[e]] - a, d = t - $ + f[e] - c[P[e]], r = t - $ + o + f[e] - c[P[e]];
+  return d < s ? s - d : r > g ? Math.max(g - r, s - d) : 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 = P[t] || "right", i = it[c];
+  P[o] || (o = "center");
+  let a = K[c], f = K[i];
+  return H[e] = {
+    placement: t,
+    crossPlacement: o,
+    axis: c,
+    crossAxis: i,
+    size: a,
+    crossSize: f
+  }, H[e];
+}
+function Z(e, t, o, c, i, a, f, l, $, p) {
+  let { placement: s, crossPlacement: g, axis: d, crossAxis: r, size: h, crossSize: v } = c, n = {};
+  var w;
+  n[r] = (w = e[r]) !== null && w !== void 0 ? w : 0;
+  var m, x, E, T;
+  g === "center" ? n[r] += (((m = e[v]) !== null && m !== void 0 ? m : 0) - ((x = o[v]) !== null && x !== void 0 ? x : 0)) / 2 : g !== r && (n[r] += ((E = e[v]) !== null && E !== void 0 ? E : 0) - ((T = o[v]) !== null && T !== void 0 ? T : 0)), n[r] += a;
+  const _ = e[r] - o[v] + $ + p, I = e[r] + e[v] - $ - p;
+  if (n[r] = G(n[r], _, I), s === d) {
+    const b = l ? f[h] : t[B[h]];
+    n[z[d]] = Math.floor(b - e[d] + i);
+  } else n[d] = Math.floor(e[d] + e[h] + i);
+  return n;
+}
+function at(e, t, o, c, i, a, f, l) {
+  const $ = c ? o.height : t[B.height];
+  var p;
+  let s = e.top != null ? o.top + e.top : o.top + ($ - ((p = e.bottom) !== null && p !== void 0 ? p : 0) - f);
+  var g, d, r, h, v, n;
+  let w = l !== "top" ? (
+    // We want the distance between the top of the overlay to the bottom of the boundary
+    Math.max(0, t.height + t.top + ((g = t.scroll.top) !== null && g !== void 0 ? g : 0) - s - (((d = i.top) !== null && d !== void 0 ? d : 0) + ((r = i.bottom) !== null && r !== void 0 ? r : 0) + a))
+  ) : Math.max(0, s + f - (t.top + ((h = t.scroll.top) !== null && h !== void 0 ? h : 0)) - (((v = i.top) !== null && v !== void 0 ? v : 0) + ((n = i.bottom) !== null && n !== void 0 ? n : 0) + a));
+  return Math.min(t.height - a * 2, w);
+}
+function Q(e, t, o, c, i, a) {
+  let { placement: f, axis: l, size: $ } = a;
+  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 g;
+  return Math.max(0, e[$] + e[l] + e.scroll[l] - t[l] - o[l] - o[$] - ((g = c[l]) !== null && g !== void 0 ? g : 0) - c[z[l]] - i);
+}
+function nt(e, t, o, c, i, a, f, l, $, p, s, g, d, r, h, v) {
+  let n = J(e), { size: w, crossAxis: m, crossSize: x, placement: E, crossPlacement: T } = n, _ = Z(t, l, o, n, s, g, p, d, h, v), I = s, b = Q(l, p, t, i, a + s, n);
+  if (f && c[w] > b) {
+    let X = J(`${z[E]} ${T}`), lt = Z(t, l, o, X, s, g, p, d, h, v);
+    Q(l, p, t, i, a + s, X) > b && (n = X, _ = lt, I = s);
+  }
+  let L = "bottom";
+  n.axis === "top" ? n.placement === "top" ? L = "top" : n.placement === "bottom" && (L = "bottom") : n.crossAxis === "top" && (n.crossPlacement === "top" ? L = "bottom" : n.crossPlacement === "bottom" && (L = "top"));
+  let S = q(m, _[m], o[x], l, $, a, p);
+  _[m] += S;
+  let C = at(_, l, p, d, i, a, o.height, L);
+  r && r < C && (C = r), o.height = Math.min(o.height, C), _ = Z(t, l, o, n, I, g, p, d, h, v), S = q(m, _[m], o[x], l, $, a, p), _[m] += S;
+  let A = {}, k = t[m] + 0.5 * t[x] - _[m] - i[P[m]];
+  const V = h / 2 + v;
+  var F, N, R, Y;
+  const D = P[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), O = o[x] - D - h / 2 - v, y = t[m] + h / 2 - (_[m] + i[P[m]]), tt = t[m] + t[x] - h / 2 - (_[m] + i[P[m]]), et = G(k, y, tt);
+  return A[m] = G(et, V, O), {
+    position: _,
+    maxHeight: C,
+    arrowOffsetLeft: A.left,
+    arrowOffsetTop: A.top,
+    placement: n.placement
+  };
+}
+function dt(e) {
+  let { placement: t, targetNode: o, overlayNode: c, scrollNode: i, padding: a, shouldFlip: f, boundaryElement: l, offset: $, crossOffset: p, maxHeight: s, arrowSize: g = 0, arrowBoundaryOffset: d = 0 } = e, r = c instanceof HTMLElement ? pt(c) : document.documentElement, h = r === document.documentElement;
+  const v = window.getComputedStyle(r).position;
+  let n = !!v && v !== "static", w = h ? M(o) : U(o, r);
+  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), x = rt(c);
+  var E, T;
+  m.width += ((E = x.left) !== null && E !== void 0 ? E : 0) + ((T = x.right) !== null && T !== void 0 ? T : 0);
+  var _, I;
+  m.height += ((_ = x.top) !== null && _ !== void 0 ? _ : 0) + ((I = x.bottom) !== null && I !== void 0 ? I : 0);
+  let b = ct(i), L = j(l), S = j(r), C = l.tagName === "BODY" ? M(r) : U(r, l);
+  return r.tagName === "HTML" && l.tagName === "BODY" && (S.scroll.top = 0, S.scroll.left = 0), nt(t, w, m, b, x, a, f, L, S, C, $, p, n, s, g, d);
+}
+function M(e) {
+  let { top: t, left: o, width: c, height: i } = e.getBoundingClientRect(), { scrollTop: a, scrollLeft: f, clientTop: l, clientLeft: $ } = document.documentElement;
+  return {
+    top: t + a - l,
+    left: o + f - $,
+    width: c,
+    height: i
+  };
+}
+function U(e, t) {
+  let o = window.getComputedStyle(e), c;
+  if (o.position === "fixed") {
+    let { top: i, left: a, width: f, height: l } = e.getBoundingClientRect();
+    c = {
+      top: i,
+      left: a,
+      width: f,
+      height: l
+    };
+  } else {
+    c = M(e);
+    let i = M(t), a = window.getComputedStyle(t);
+    i.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, i.left += (parseInt(a.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 pt(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";
 }
 export {
-  p as useValueEffect
+  dt as calculatePosition,
+  nt as calculatePositionInternal
 };

package/index232.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c={prefix:String(Math.round(Math.random()*1e10)),current:0},d=e.createContext(c),l=e.createContext(!1);let f=!!(typeof window<"u"&&window.document&&window.document.createElement),s=new WeakMap;function v(r=!1){let t=e.useContext(d),n=e.useRef(null);if(n.current===null&&!r){var a,u;let o=(u=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||u===void 0||(a=u.ReactCurrentOwner)===null||a===void 0?void 0:a.current;if(o){let i=s.get(o);i==null?s.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==i.state&&(t.current=i.id,s.delete(o))}n.current=++t.current}return n.current}function p(r){let t=e.useContext(d);t===c&&!f&&process.env.NODE_ENV!=="production"&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=v(!!r),a=t===c&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return r||`${a}-${n}`}function S(r){let t=e.useId(),[n]=e.useState($()),a=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${c.prefix}`;return r||`${a}-${t}`}const b=typeof e.useId=="function"?S:p;function x(){return!1}function m(){return!0}function g(r){return()=>{}}function $(){return typeof e.useSyncExternalStore=="function"?e.useSyncExternalStore(g,x,m):e.useContext(l)}exports.useIsSSR=$;exports.useSSRSafeId=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=new WeakMap;function c(s){let{triggerRef:e,isOpen:r,onClose:t}=s;a.useEffect(()=>{if(!r||t===null)return;let o=n=>{let l=n.target;if(!e.current||l instanceof Node&&!l.contains(e.current)||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement)return;let f=t||i.get(e.current);f&&f()};return window.addEventListener("scroll",o,!0),()=>{window.removeEventListener("scroll",o,!0)}},[r,t,e])}exports.onCloseMap=i;exports.useCloseOnScroll=c;