@okam/stack-ui 1.35.6 → 1.36.0

package/index177.mjs

@@ -1,20 +1,31 @@
-import { useEffectEvent as u } from "./index175.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);
+let n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+function o() {
+  if (typeof window > "u") return;
+  function r(t) {
+    return "propertyName" in t;
+  }
+  let d = (t) => {
+    if (!r(t) || !t.target) return;
+    let e = n.get(t.target);
+    e || (e = /* @__PURE__ */ new Set(), n.set(t.target, e), t.target.addEventListener("transitioncancel", i, {
+      once: !0
+    })), e.add(t.propertyName);
+  }, i = (t) => {
+    if (!r(t) || !t.target) return;
+    let e = n.get(t.target);
+    if (e && (e.delete(t.propertyName), e.size === 0 && (t.target.removeEventListener("transitioncancel", i), n.delete(t.target)), n.size === 0)) {
+      for (let s of a) s();
+      a.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", d), document.body.addEventListener("transitionend", i);
+}
+typeof document < "u" && (document.readyState !== "loading" ? o() : document.addEventListener("DOMContentLoaded", o));
+function c(r) {
+  requestAnimationFrame(() => {
+    n.size === 0 ? r() : a.add(r);
   });
-  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);
-    };
-  }, [
-    t,
-    r
-  ]);
 }
 export {
-  s as useFormReset
+  c as runAfterTransition
 };

package/index178.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])'],b=e.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');function n(t){return t.matches(b)}exports.isFocusable=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function b(){let a=o.useRef(new Map),d=o.useCallback((e,l,t,r)=>{let n=r!=null&&r.once?(...c)=>{a.current.delete(t),t(...c)}:t;a.current.set(t,{type:l,eventTarget:e,fn:n,options:r}),e.addEventListener(l,n,r)},[]),s=o.useCallback((e,l,t,r)=>{var n;let c=((n=a.current.get(t))===null||n===void 0?void 0:n.fn)||t;e.removeEventListener(l,c,r),a.current.delete(t)},[]),u=o.useCallback(()=>{a.current.forEach((e,l)=>{s(e.eventTarget,e.type,l,e.options)})},[s]);return o.useEffect(()=>u,[u]),{addGlobalListener:d,removeGlobalListener:s,removeAllGlobalListeners:u}}exports.useGlobalListeners=b;

package/index178.mjs

@@ -1,22 +1,34 @@
-const e = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  '[contenteditable]:not([contenteditable^="false"])'
-], b = e.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-function n(t) {
-  return t.matches(b);
+import { useRef as c, useCallback as f, useEffect as b } from "react";
+function L() {
+  let o = c(/* @__PURE__ */ new Map()), u = f((e, l, r, t) => {
+    let n = t != null && t.once ? (...d) => {
+      o.current.delete(r), r(...d);
+    } : r;
+    o.current.set(r, {
+      type: l,
+      eventTarget: e,
+      fn: n,
+      options: t
+    }), e.addEventListener(l, n, t);
+  }, []), a = f((e, l, r, t) => {
+    var n;
+    let d = ((n = o.current.get(r)) === null || n === void 0 ? void 0 : n.fn) || r;
+    e.removeEventListener(l, d, t), o.current.delete(r);
+  }, []), s = f(() => {
+    o.current.forEach((e, l) => {
+      a(e.eventTarget, e.type, l, e.options);
+    });
+  }, [
+    a
+  ]);
+  return b(() => s, [
+    s
+  ]), {
+    addGlobalListener: u,
+    removeGlobalListener: a,
+    removeAllGlobalListeners: s
+  };
 }
 export {
-  n as isFocusable
+  L as useGlobalListeners
 };

package/index179.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index281.js"),c=require("react"),l=require("./index160.js"),m=require("./index161.js"),p=require("./index169.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index156.js");function d(a,t){let{id:i,"aria-label":l,"aria-labelledby":e}=a;return i=r.useId(i),e&&l?e=[...new Set([i,...e.trim().split(/\s+/)])].join(" "):e&&(e=e.trim().split(/\s+/).join(" ")),!l&&!e&&t&&(l=t),{id:i,"aria-label":l,"aria-labelledby":e}}exports.useLabels=d;

package/index179.mjs

@@ -1,57 +1,17 @@
-import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index281.mjs";
-import { useRef as x, useCallback as $ } from "react";
-import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index160.mjs";
-import { getOwnerDocument as G } from "./index161.mjs";
-import { useGlobalListeners as L } from "./index169.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
-    }
+import { useId as b } from "./index156.mjs";
+function t(r, a) {
+  let { id: i, "aria-label": l, "aria-labelledby": e } = r;
+  return i = b(i), e && l ? e = [
+    .../* @__PURE__ */ new Set([
+      i,
+      ...e.trim().split(/\s+/)
+    ])
+  ].join(" ") : e && (e = e.trim().split(/\s+/).join(" ")), !l && !e && a && (l = a), {
+    id: i,
+    "aria-label": l,
+    "aria-labelledby": e
   };
 }
 export {
-  S as useFocusWithin
+  t as useLabels
 };

package/index18.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime");require("./index2.js");const P=require("./index3.js");require("@react-aria/accordion");const D=require("react");require("./index74.js");const a=require("./index27.js"),c=require("react-aria");require("react-use");require("@react-spring/web");const y=require("./index69.js"),R=require("./index6.js");require("./index111.js");const w=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index71.js");require("@react-aria/focus");require("./index10.js");require("./index76.js");require("./index12.js");require("./index120.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index77.js");const F=require("./index75.js"),M=require("./index50.js"),T=require("./index112.js");require("./index121.js");require("./index122.js");require("./index73.js");require("./index72.js");require("./index123.js");require("./index43.js");require("./index44.js");require("./index45.js");require("./index46.js");require("./index47.js");require("./index48.js");require("./index49.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index54.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index70.js");require("./index84.js");const v=n=>{const{setUserSearchQuery:d}=F.useUserQueryValHook(),{label:q,themeName:r="search",tokens:h,customTheme:m,disabled:b,errorMessage:u,placeholder:x,icon:f,isDisabled:p}=n,i=p||b,l={...n,isDisabled:i},t=w.useSearchFieldState(l);d(t.value);const o=D.useRef(null),{labelProps:j,inputProps:k,errorMessageProps:$,clearButtonProps:g}=c.useSearchField(l,t,o),S=u!=null,s={...h,isError:S,isDisabled:i??!1},N=y(`${r}.input`,s,m);return e.jsxs(a.default,{themeName:`${r}.wrapper`,tokens:s,"aria-disabled":i??!1,children:[q&&e.jsx(a.default,{...j,as:"label",themeName:`${r}.label`,tokens:s,children:q}),e.jsxs(a.default,{themeName:`${r}.container`,tokens:s,children:[e.jsx("input",{ref:o,...k,placeholder:x,className:N,disabled:i}),e.jsx(c.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx(R.default,{isDisabled:i,handlePress:g.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:f??(t.value===""?e.jsx(T,{width:"16",height:"16"}):e.jsx(M,{width:"16",height:"16"}))})})]}),u&&e.jsx(P.default,{themeName:`${r}.errorMessage`,tokens:s,...$,children:u})]})};module.exports=v;
+"use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const m=require("react");require("./index78.js");const n=require("./index27.js"),b=require("react-aria");require("react-use");require("@react-spring/web");const w=require("./index73.js"),F=require("./index6.js");require("./index117.js");const v=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index75.js");require("@react-aria/focus");require("./index10.js");require("./index80.js");require("./index12.js");require("./index126.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index81.js");const M=require("./index79.js"),T=require("./index54.js"),B=require("./index118.js");require("./index127.js");require("./index128.js");require("./index77.js");require("./index76.js");require("./index129.js");require("./index43.js");require("./index45.js");require("./index48.js");require("./index49.js");require("./index50.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index69.js");require("./index70.js");require("./index71.js");require("./index72.js");require("./index74.js");require("./index89.js");const I=q=>{const{setUserSearchQuery:l}=M.useUserQueryValHook(),{label:o,themeName:r="search",tokens:x,customTheme:f,disabled:g,errorMessage:t,placeholder:j,icon:k,isDisabled:$}=q,i=$||g,c={...q,isDisabled:i},a=v.useSearchFieldState(c),h=m.useRef(null),{labelProps:S,inputProps:s,errorMessageProps:p,clearButtonProps:N}=b.useSearchField(c,a,h),C=m.useCallback(P=>{var d;l(a.value),(d=s.onChange)==null||d.call(s,P)},[l,a.value,s]),D=t!=null,u={...x,isError:D,isDisabled:i??!1},y=w(`${r}.input`,u,f);return e.jsxs(n.default,{themeName:`${r}.wrapper`,tokens:u,"aria-disabled":i??!1,children:[o&&e.jsx(n.default,{...S,as:"label",themeName:`${r}.label`,tokens:u,children:o}),e.jsxs(n.default,{themeName:`${r}.container`,tokens:u,children:[e.jsx("input",{ref:h,...s,onChange:C,placeholder:j,className:y,disabled:i}),e.jsx(b.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx(F.default,{isDisabled:i,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:k??(a.value===""?e.jsx(B,{width:"16",height:"16"}):e.jsx(T,{width:"16",height:"16"}))})})]}),t&&e.jsx(R.default,{themeName:`${r}.errorMessage`,tokens:u,...p,children:t})]})};module.exports=I;

package/index18.mjs

@@ -1,50 +1,47 @@
 "use client";
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import "./index2.mjs";
-import x from "./index3.mjs";
+import w from "./index3.mjs";
 import "@react-aria/accordion";
-import T from "react";
-import "./index74.mjs";
-import s from "./index27.mjs";
-import { useSearchField as w, FocusRing as B } from "react-aria";
+import B, { useCallback as F } from "react";
+import "./index78.mjs";
+import p from "./index27.mjs";
+import { useSearchField as R, FocusRing as v } from "react-aria";
 import "react-use";
 import "@react-spring/web";
-import C from "./index69.mjs";
-import F from "./index6.mjs";
-import "./index111.mjs";
-import { useSearchFieldState as R } from "react-stately";
+import M from "./index73.mjs";
+import j from "./index6.mjs";
+import "./index117.mjs";
+import { useSearchFieldState as I } from "react-stately";
 import "./index5.mjs";
 import "react-div-100vh";
-import "./index71.mjs";
+import "./index75.mjs";
 import "@react-aria/focus";
 import "./index10.mjs";
-import "./index76.mjs";
+import "./index80.mjs";
 import "./index12.mjs";
-import "./index120.mjs";
+import "./index126.mjs";
 import "sanitize-html";
 import "@react-aria/i18n";
 import "radashi";
 import "react-hook-form";
+import "./index81.mjs";
+import { useUserQueryValHook as Q } from "./index79.mjs";
+import U from "./index54.mjs";
+import _ from "./index118.mjs";
+import "./index127.mjs";
+import "./index128.mjs";
 import "./index77.mjs";
-import { useUserQueryValHook as M } from "./index75.mjs";
-import j from "./index50.mjs";
-import v from "./index112.mjs";
-import "./index121.mjs";
-import "./index122.mjs";
-import "./index73.mjs";
-import "./index72.mjs";
-import "./index123.mjs";
+import "./index76.mjs";
+import "./index129.mjs";
 import "./index43.mjs";
-import "./index44.mjs";
 import "./index45.mjs";
-import "./index46.mjs";
-import "./index47.mjs";
 import "./index48.mjs";
 import "./index49.mjs";
+import "./index50.mjs";
 import "./index51.mjs";
 import "./index52.mjs";
 import "./index53.mjs";
-import "./index54.mjs";
 import "./index55.mjs";
 import "./index56.mjs";
 import "./index57.mjs";
@@ -59,51 +56,60 @@ import "./index65.mjs";
 import "./index66.mjs";
 import "./index67.mjs";
 import "./index68.mjs";
+import "./index69.mjs";
 import "./index70.mjs";
-import "./index84.mjs";
-const qr = (p) => {
-  const { setUserSearchQuery: h } = M(), {
-    label: a,
-    themeName: o = "search",
-    tokens: d,
-    customTheme: u,
-    disabled: f,
-    errorMessage: i,
-    placeholder: b,
-    icon: g,
-    isDisabled: k
-  } = p, t = k || f, l = { ...p, isDisabled: t }, m = R(l);
-  h(m.value);
-  const n = T.useRef(null), { labelProps: N, inputProps: P, errorMessageProps: S, clearButtonProps: y } = w(l, m, n), D = i != null, e = { ...d, isError: D, isDisabled: t ?? !1 }, $ = C(`${o}.input`, e, u);
-  return /* @__PURE__ */ c(s, { themeName: `${o}.wrapper`, tokens: e, "aria-disabled": t ?? !1, children: [
-    a && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    /* @__PURE__ */ r(s, { ...N, as: "label", themeName: `${o}.label`, tokens: e, children: a }),
-    /* @__PURE__ */ c(s, { themeName: `${o}.container`, tokens: e, children: [
-      /* @__PURE__ */ r(
+import "./index71.mjs";
+import "./index72.mjs";
+import "./index74.mjs";
+import "./index89.mjs";
+const Lo = (a) => {
+  const { setUserSearchQuery: l } = Q(), {
+    label: n,
+    themeName: r = "search",
+    tokens: f,
+    customTheme: b,
+    disabled: g,
+    errorMessage: s,
+    placeholder: k,
+    icon: C,
+    isDisabled: N
+  } = a, e = N || g, c = { ...a, isDisabled: e }, m = I(c), h = B.useRef(null), { labelProps: S, inputProps: t, errorMessageProps: y, clearButtonProps: D } = R(c, m, h), $ = F(
+    (T) => {
+      var d;
+      l(m.value), (d = t.onChange) == null || d.call(t, T);
+    },
+    [l, m.value, t]
+  ), x = s != null, i = { ...f, isError: x, isDisabled: e ?? !1 }, P = M(`${r}.input`, i, b);
+  return /* @__PURE__ */ u(p, { themeName: `${r}.wrapper`, tokens: i, "aria-disabled": e ?? !1, children: [
+    n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+    /* @__PURE__ */ o(p, { ...S, as: "label", themeName: `${r}.label`, tokens: i, children: n }),
+    /* @__PURE__ */ u(p, { themeName: `${r}.container`, tokens: i, children: [
+      /* @__PURE__ */ o(
         "input",
         {
-          ref: n,
-          ...P,
-          placeholder: b,
-          className: $,
-          disabled: t
+          ref: h,
+          ...t,
+          onChange: $,
+          placeholder: k,
+          className: P,
+          disabled: e
         }
       ),
-      /* @__PURE__ */ r(B, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ r(
-        F,
+      /* @__PURE__ */ o(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(
+        j,
         {
-          isDisabled: t,
-          handlePress: y.onPress,
-          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: t ?? !1 },
-          themeName: `${o}.icon`,
+          isDisabled: e,
+          handlePress: D.onPress,
+          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: e ?? !1 },
+          themeName: `${r}.icon`,
           "aria-label": "clear",
-          children: g ?? (m.value === "" ? /* @__PURE__ */ r(v, { width: "16", height: "16" }) : /* @__PURE__ */ r(j, { width: "16", height: "16" }))
+          children: C ?? (m.value === "" ? /* @__PURE__ */ o(_, { width: "16", height: "16" }) : /* @__PURE__ */ o(U, { width: "16", height: "16" }))
         }
       ) })
     ] }),
-    i && /* @__PURE__ */ r(x, { themeName: `${o}.errorMessage`, tokens: e, ...S, children: i })
+    s && /* @__PURE__ */ o(w, { themeName: `${r}.errorMessage`, tokens: i, ...y, children: s })
   ] });
 };
 export {
-  qr as default
+  Lo as default
 };

package/index180.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function m(o,p,s){let[b,u]=l.useState(o||p),i=l.useRef(o!==void 0),e=o!==void 0;l.useEffect(()=>{let t=i.current;t!==e&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),i.current=e},[e]);let n=e?o:b,S=l.useCallback((t,...f)=>{let d=(r,...c)=>{s&&(Object.is(n,r)||s(r,...c)),e||(n=r)};typeof t=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),u((c,...V)=>{let a=t(e?n:c,...V);return d(a,...f),e?c:a})):(e||u(t),d(t,...f))},[e,n,s]);return[n,S]}exports.useControlledState=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index165.js"),f=require("react");function a(c,t){const e=f.useRef(!0),u=f.useRef(null);r.useLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),r.useLayoutEffect(()=>{e.current?e.current=!1:(!u.current||t.some((s,o)=>!Object.is(s,u[o])))&&c(),u.current=t},t)}exports.useUpdateLayoutEffect=a;

package/index180.mjs

@@ -1,30 +1,13 @@
-import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
-function S(n, a, l) {
-  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
-  E(() => {
-    let t = i.current;
-    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
-  }, [
-    e
-  ]);
-  let o = e ? n : p, b = N((t, ...u) => {
-    let f = (r, ...c) => {
-      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
-    };
-    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
-      let d = t(e ? o : c, ...m);
-      return f(d, ...u), e ? c : d;
-    })) : (e || s(t), f(t, ...u));
-  }, [
-    e,
-    o,
-    l
-  ]);
-  return [
-    o,
-    b
-  ];
+import { useLayoutEffect as f } from "./index165.mjs";
+import { useRef as u } from "react";
+function i(c, r) {
+  const t = u(!0), e = u(null);
+  f(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), f(() => {
+    t.current ? t.current = !1 : (!e.current || r.some((a, o) => !Object.is(a, e[o]))) && c(), e.current = r;
+  }, r);
 }
 export {
-  S as useControlledState
+  i as useUpdateLayoutEffect
 };

package/index181.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index182.js"),A=require("./index183.js"),f=require("react"),P=require("./index156.js"),j=require("./index171.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function u(){return typeof window.ResizeObserver<"u"}function b(i){const{ref:e,box:s,onResize:r}=i;d.useEffect(()=>{let n=e==null?void 0:e.current;if(n)if(u()){const t=new window.ResizeObserver(o=>{o.length&&r()});return t.observe(n,{box:s}),()=>{n&&t.unobserve(n)}}else return window.addEventListener("resize",r,!1),()=>{window.removeEventListener("resize",r,!1)}},[r,e,s])}exports.useResizeObserver=b;

package/index181.mjs

@@ -1,143 +1,31 @@
-import { calculatePosition as D } from "./index182.mjs";
-import { useCloseOnScroll as G } from "./index183.mjs";
-import { useState as J, useRef as U, useEffect as K, useCallback as j } from "react";
-import { useLayoutEffect as z } from "./index156.mjs";
-import { useResizeObserver as k } from "./index171.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
-  };
+import { useEffect as d } from "react";
+function f() {
+  return typeof window.ResizeObserver < "u";
 }
-function Q(n) {
-  z(() => (window.addEventListener("resize", n, !1), () => {
-    window.removeEventListener("resize", n, !1);
-  }), [
-    n
+function u(o) {
+  const { ref: e, box: s, onResize: r } = o;
+  d(() => {
+    let n = e == null ? void 0 : e.current;
+    if (n)
+      if (f()) {
+        const i = new window.ResizeObserver((t) => {
+          t.length && r();
+        });
+        return i.observe(n, {
+          box: s
+        }), () => {
+          n && i.unobserve(n);
+        };
+      } else
+        return window.addEventListener("resize", r, !1), () => {
+          window.removeEventListener("resize", r, !1);
+        };
+  }, [
+    r,
+    e,
+    s
   ]);
 }
-function W(n, y) {
-  return y === "rtl" ? n.replace("start", "right").replace("end", "left") : n.replace("start", "left").replace("end", "right");
-}
 export {
-  te as useOverlayPosition
+  u as useResizeObserver
 };

package/index182.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./index167.js"),q=require("./index234.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index165.js");function f(e,r){u.useLayoutEffect(()=>{if(e&&e.ref&&r)return e.ref.current=r.current,()=>{e.ref&&(e.ref.current=null)}})}exports.useSyncRef=f;