@okam/stack-ui 1.32.1 → 1.32.3

package/index333.js

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

package/index333.mjs

@@ -1,12 +1,103 @@
-import { useLayoutEffect as f } from "./index172.mjs";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
+import { chain as $ } from "./index316.mjs";
+import { useLayoutEffect as b } from "./index172.mjs";
+import { getScrollParent as E } from "./index173.mjs";
+import { isIOS as y } from "./index174.mjs";
+const m = typeof document < "u" && window.visualViewport, T = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+let s = 0, f;
+function C(e = {}) {
+  let { isDisabled: t } = e;
+  b(() => {
+    if (!t)
+      return s++, s === 1 && (y() ? f = x() : f = S()), () => {
+        s--, s === 0 && f();
       };
-  });
+  }, [
+    t
+  ]);
+}
+function S() {
+  return $(l(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), l(document.documentElement, "overflow", "hidden"));
+}
+function x() {
+  let e, t, n = (r) => {
+    e = E(r.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = l(e, "overscrollBehavior", "contain"));
+  }, o = (r) => {
+    if (!e || e === document.documentElement || e === document.body) {
+      r.preventDefault();
+      return;
+    }
+    e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && r.preventDefault();
+  }, u = (r) => {
+    let c = r.target;
+    h(c) && c !== document.activeElement && (r.preventDefault(), p(), c.style.transform = "translateY(-2000px)", c.focus(), requestAnimationFrame(() => {
+      c.style.transform = "";
+    })), t && t();
+  }, a = (r) => {
+    let c = r.target;
+    h(c) && (p(), c.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
+      c.style.transform = "", m && (m.height < window.innerHeight ? requestAnimationFrame(() => {
+        w(c);
+      }) : m.addEventListener("resize", () => w(c), {
+        once: !0
+      }));
+    }));
+  }, i = null, p = () => {
+    if (i) return;
+    let r = () => {
+      window.scrollTo(0, 0);
+    }, c = window.pageXOffset, v = window.pageYOffset;
+    i = $(d(window, "scroll", r), l(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), l(document.documentElement, "overflow", "hidden"), l(document.body, "marginTop", `-${v}px`), () => {
+      window.scrollTo(c, v);
+    }), window.scrollTo(0, 0);
+  }, g = $(d(document, "touchstart", n, {
+    passive: !1,
+    capture: !0
+  }), d(document, "touchmove", o, {
+    passive: !1,
+    capture: !0
+  }), d(document, "touchend", u, {
+    passive: !1,
+    capture: !0
+  }), d(document, "focus", a, !0));
+  return () => {
+    t == null || t(), i == null || i(), g();
+  };
+}
+function l(e, t, n) {
+  let o = e.style[t];
+  return e.style[t] = n, () => {
+    e.style[t] = o;
+  };
+}
+function d(e, t, n, o) {
+  return e.addEventListener(t, n, o), () => {
+    e.removeEventListener(t, n, o);
+  };
+}
+function w(e) {
+  let t = document.scrollingElement || document.documentElement, n = e;
+  for (; n && n !== t; ) {
+    let o = E(n);
+    if (o !== document.documentElement && o !== document.body && o !== n) {
+      let u = o.getBoundingClientRect().top, a = n.getBoundingClientRect().top;
+      a > u + n.clientHeight && (o.scrollTop += a - u);
+    }
+    n = o.parentElement;
+  }
+}
+function h(e) {
+  return e instanceof HTMLInputElement && !T.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
 }
 export {
-  u as useSyncRef
+  C as usePreventScroll
 };

package/index334.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(e,r){if(!e)return!1;let l=window.getComputedStyle(e),t=/(auto|scroll)/.test(l.overflow+l.overflowX+l.overflowY);return t&&r&&(t=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),t}exports.isScrollable=i;
+"use strict";const e=require("./index382.js"),r=require("./index383.js"),t=require("./index384.js"),s=require("./index385.js"),u=require("./index386.js"),n=require("./index387.js"),i=require("./index388.js"),o=require("./index389.js"),c=require("./index390.js"),q=require("./index391.js"),R=require("./index392.js"),l=require("./index393.js"),E=require("./index394.js"),S=require("./index395.js"),h=require("./index396.js"),L=require("./index397.js"),T=require("./index398.js"),a=require("./index399.js"),I=require("./index400.js"),P=require("./index401.js"),U=require("./index402.js"),d=require("./index403.js"),f=require("./index404.js"),p=require("./index405.js"),k=require("./index406.js"),K=require("./index407.js"),N=require("./index408.js"),b=require("./index409.js"),v=require("./index410.js"),z=require("./index411.js"),A=require("./index412.js"),B=require("./index413.js"),C=require("./index414.js"),D=require("./index415.js");exports.default={};exports.default={"ar-AE":e,"bg-BG":r,"cs-CZ":t,"da-DK":s,"de-DE":u,"el-GR":n,"en-US":i,"es-ES":o,"et-EE":c,"fi-FI":q,"fr-FR":R,"he-IL":l,"hr-HR":E,"hu-HU":S,"it-IT":h,"ja-JP":L,"ko-KR":T,"lt-LT":a,"lv-LV":I,"nb-NO":P,"nl-NL":U,"pl-PL":d,"pt-BR":f,"pt-PT":p,"ro-RO":k,"ru-RU":K,"sk-SK":N,"sl-SI":b,"sr-SP":v,"sv-SE":z,"tr-TR":A,"uk-UA":B,"zh-CN":C,"zh-TW":D};module.exports=exports.default;

package/index334.mjs

@@ -1,8 +1,74 @@
-function c(l, r) {
-  if (!l) return !1;
-  let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
-  return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
-}
+import r from "./index382.mjs";
+import o from "./index383.mjs";
+import f from "./index384.mjs";
+import t from "./index385.mjs";
+import p from "./index386.mjs";
+import $ from "./index387.mjs";
+import e from "./index388.mjs";
+import m from "./index389.mjs";
+import s from "./index390.mjs";
+import d from "./index391.mjs";
+import c from "./index392.mjs";
+import i from "./index393.mjs";
+import x from "./index394.mjs";
+import a from "./index395.mjs";
+import b from "./index396.mjs";
+import R from "./index397.mjs";
+import l from "./index398.mjs";
+import E from "./index399.mjs";
+import S from "./index400.mjs";
+import h from "./index401.mjs";
+import L from "./index402.mjs";
+import T from "./index403.mjs";
+import u from "./index404.mjs";
+import I from "./index405.mjs";
+import P from "./index406.mjs";
+import U from "./index407.mjs";
+import k from "./index408.mjs";
+import n from "./index409.mjs";
+import v from "./index410.mjs";
+import K from "./index411.mjs";
+import N from "./index412.mjs";
+import z from "./index413.mjs";
+import A from "./index414.mjs";
+import B from "./index415.mjs";
+var C = {};
+C = {
+  "ar-AE": r,
+  "bg-BG": o,
+  "cs-CZ": f,
+  "da-DK": t,
+  "de-DE": p,
+  "el-GR": $,
+  "en-US": e,
+  "es-ES": m,
+  "et-EE": s,
+  "fi-FI": d,
+  "fr-FR": c,
+  "he-IL": i,
+  "hr-HR": x,
+  "hu-HU": a,
+  "it-IT": b,
+  "ja-JP": R,
+  "ko-KR": l,
+  "lt-LT": E,
+  "lv-LV": S,
+  "nb-NO": h,
+  "nl-NL": L,
+  "pl-PL": T,
+  "pt-BR": u,
+  "pt-PT": I,
+  "ro-RO": P,
+  "ru-RU": U,
+  "sk-SK": k,
+  "sl-SI": n,
+  "sr-SP": v,
+  "sv-SE": K,
+  "tr-TR": N,
+  "uk-UA": z,
+  "zh-CN": A,
+  "zh-TW": B
+};
 export {
-  c as isScrollable
+  C as default
 };

package/index335.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index334.js");function r(e,c){const t=[];for(;e&&e!==document.documentElement;)l.isScrollable(e,c)&&t.push(e),e=e.parentElement;return t}exports.getScrollParents=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let o=new WeakMap,n=[];function h(b,c=document.body){let i=new Set(b),a=new Set,u=t=>{for(let l of t.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))i.add(l);let r=l=>{if(i.has(l)||l.parentElement&&a.has(l.parentElement)&&l.parentElement.getAttribute("role")!=="row")return NodeFilter.FILTER_REJECT;for(let p of i)if(l.contains(p))return NodeFilter.FILTER_SKIP;return NodeFilter.FILTER_ACCEPT},e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:r}),E=r(t);if(E===NodeFilter.FILTER_ACCEPT&&f(t),E!==NodeFilter.FILTER_REJECT){let l=e.nextNode();for(;l!=null;)f(l),l=e.nextNode()}},f=t=>{var r;let e=(r=o.get(t))!==null&&r!==void 0?r:0;t.getAttribute("aria-hidden")==="true"&&e===0||(e===0&&t.setAttribute("aria-hidden","true"),a.add(t),o.set(t,e+1))};n.length&&n[n.length-1].disconnect(),u(c);let d=new MutationObserver(t=>{for(let r of t)if(!(r.type!=="childList"||r.addedNodes.length===0)&&![...i,...a].some(e=>e.contains(r.target))){for(let e of r.removedNodes)e instanceof Element&&(i.delete(e),a.delete(e));for(let e of r.addedNodes)(e instanceof HTMLElement||e instanceof SVGElement)&&(e.dataset.liveAnnouncer==="true"||e.dataset.reactAriaTopLayer==="true")?i.add(e):e instanceof Element&&u(e)}});d.observe(c,{childList:!0,subtree:!0});let s={observe(){d.observe(c,{childList:!0,subtree:!0})},disconnect(){d.disconnect()}};return n.push(s),()=>{d.disconnect();for(let t of a){let r=o.get(t);r!=null&&(r===1?(t.removeAttribute("aria-hidden"),o.delete(t)):o.set(t,r-1))}s===n[n.length-1]?(n.pop(),n.length&&n[n.length-1].observe()):n.splice(n.indexOf(s),1)}}exports.ariaHideOutside=h;

package/index335.mjs

@@ -1,10 +1,61 @@
-import { isScrollable as r } from "./index334.mjs";
-function s(e, t) {
-  const c = [];
-  for (; e && e !== document.documentElement; )
-    r(e, t) && c.push(e), e = e.parentElement;
-  return c;
+let o = /* @__PURE__ */ new WeakMap(), n = [];
+function b(p, c = document.body) {
+  let i = new Set(p), a = /* @__PURE__ */ new Set(), f = (t) => {
+    for (let l of t.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) i.add(l);
+    let r = (l) => {
+      if (i.has(l) || l.parentElement && a.has(l.parentElement) && l.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
+      for (let h of i)
+        if (l.contains(h)) return NodeFilter.FILTER_SKIP;
+      return NodeFilter.FILTER_ACCEPT;
+    }, e = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: r
+    }), E = r(t);
+    if (E === NodeFilter.FILTER_ACCEPT && u(t), E !== NodeFilter.FILTER_REJECT) {
+      let l = e.nextNode();
+      for (; l != null; )
+        u(l), l = e.nextNode();
+    }
+  }, u = (t) => {
+    var r;
+    let e = (r = o.get(t)) !== null && r !== void 0 ? r : 0;
+    t.getAttribute("aria-hidden") === "true" && e === 0 || (e === 0 && t.setAttribute("aria-hidden", "true"), a.add(t), o.set(t, e + 1));
+  };
+  n.length && n[n.length - 1].disconnect(), f(c);
+  let d = new MutationObserver((t) => {
+    for (let r of t)
+      if (!(r.type !== "childList" || r.addedNodes.length === 0) && ![
+        ...i,
+        ...a
+      ].some((e) => e.contains(r.target))) {
+        for (let e of r.removedNodes) e instanceof Element && (i.delete(e), a.delete(e));
+        for (let e of r.addedNodes)
+          (e instanceof HTMLElement || e instanceof SVGElement) && (e.dataset.liveAnnouncer === "true" || e.dataset.reactAriaTopLayer === "true") ? i.add(e) : e instanceof Element && f(e);
+      }
+  });
+  d.observe(c, {
+    childList: !0,
+    subtree: !0
+  });
+  let s = {
+    observe() {
+      d.observe(c, {
+        childList: !0,
+        subtree: !0
+      });
+    },
+    disconnect() {
+      d.disconnect();
+    }
+  };
+  return n.push(s), () => {
+    d.disconnect();
+    for (let t of a) {
+      let r = o.get(t);
+      r != null && (r === 1 ? (t.removeAttribute("aria-hidden"), o.delete(t)) : o.set(t, r - 1));
+    }
+    s === n[n.length - 1] ? (n.pop(), n.length && n[n.length - 1].observe()) : n.splice(n.indexOf(s), 1);
+  };
 }
 export {
-  s as getScrollParents
+  b as ariaHideOutside
 };

package/index336.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index172.js"),r=require("react");function o(t){const u=r.useRef(null);return n.useLayoutEffect(()=>{u.current=t},[t]),r.useCallback((...c)=>{const e=u.current;return e==null?void 0:e(...c)},[])}exports.useEffectEvent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=t.createContext({});function r(){var e;return(e=t.useContext(o))!==null&&e!==void 0?e:{}}exports.PortalContext=o;exports.useUNSTABLE_PortalContext=r;

package/index336.mjs

@@ -1,16 +1,10 @@
-import { useLayoutEffect as f } from "./index172.mjs";
-import { useRef as o, useCallback as a } from "react";
-function s(r) {
-  const t = o(null);
-  return f(() => {
-    t.current = r;
-  }, [
-    r
-  ]), a((...c) => {
-    const e = t.current;
-    return e == null ? void 0 : e(...c);
-  }, []);
+import { useContext as e, createContext as o } from "react";
+const r = /* @__PURE__ */ o({});
+function a() {
+  var t;
+  return (t = e(r)) !== null && t !== void 0 ? t : {};
 }
 export {
-  s as useEffectEvent
+  r as PortalContext,
+  a as useUNSTABLE_PortalContext
 };

package/index337.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index174.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 o=require("./index338.js"),e=require("react");function n({children:r}){let t=e.useMemo(()=>({register:()=>{}}),[]);return e.createElement(o.PressResponderContext.Provider,{value:t},r)}exports.ClearPressResponder=n;

package/index337.mjs

@@ -1,11 +1,14 @@
-import { isAndroid as i } from "./index174.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 { PressResponderContext as t } from "./index338.mjs";
+import a, { useMemo as o } from "react";
+function n({ children: e }) {
+  let r = o(() => ({
+    register: () => {
+    }
+  }), []);
+  return /* @__PURE__ */ a.createElement(t.Provider, {
+    value: r
+  }, e);
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  n as ClearPressResponder
 };

package/index339.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("./index172.js"),d=require("./index336.js");class i{isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}constructor(t,e){this.nativeEvent=e,this.target=e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget,this.bubbles=e.bubbles,this.cancelable=e.cancelable,this.defaultPrevented=e.defaultPrevented,this.eventPhase=e.eventPhase,this.isTrusted=e.isTrusted,this.timeStamp=e.timeStamp,this.type=t}}function b(u){let t=c.useRef({isFocused:!1,observer:null});l.useLayoutEffect(()=>{const r=t.current;return()=>{r.observer&&(r.observer.disconnect(),r.observer=null)}},[]);let e=d.useEffectEvent(r=>{u==null||u(r)});return c.useCallback(r=>{if(r.target instanceof HTMLButtonElement||r.target instanceof HTMLInputElement||r.target instanceof HTMLTextAreaElement||r.target instanceof HTMLSelectElement){t.current.isFocused=!0;let s=r.target,o=n=>{t.current.isFocused=!1,s.disabled&&e(new i("blur",n)),t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};s.addEventListener("focusout",o,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&s.disabled){var n;(n=t.current.observer)===null||n===void 0||n.disconnect();let a=s===document.activeElement?null:document.activeElement;s.dispatchEvent(new FocusEvent("blur",{relatedTarget:a})),s.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:a}))}}),t.current.observer.observe(s,{attributes:!0,attributeFilter:["disabled"]})}},[e])}exports.SyntheticFocusEvent=i;exports.useSyntheticBlurEvent=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("./index172.js"),d=require("./index326.js");class i{isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}constructor(t,e){this.nativeEvent=e,this.target=e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget,this.bubbles=e.bubbles,this.cancelable=e.cancelable,this.defaultPrevented=e.defaultPrevented,this.eventPhase=e.eventPhase,this.isTrusted=e.isTrusted,this.timeStamp=e.timeStamp,this.type=t}}function b(u){let t=c.useRef({isFocused:!1,observer:null});l.useLayoutEffect(()=>{const r=t.current;return()=>{r.observer&&(r.observer.disconnect(),r.observer=null)}},[]);let e=d.useEffectEvent(r=>{u==null||u(r)});return c.useCallback(r=>{if(r.target instanceof HTMLButtonElement||r.target instanceof HTMLInputElement||r.target instanceof HTMLTextAreaElement||r.target instanceof HTMLSelectElement){t.current.isFocused=!0;let s=r.target,o=n=>{t.current.isFocused=!1,s.disabled&&e(new i("blur",n)),t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};s.addEventListener("focusout",o,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&s.disabled){var n;(n=t.current.observer)===null||n===void 0||n.disconnect();let a=s===document.activeElement?null:document.activeElement;s.dispatchEvent(new FocusEvent("blur",{relatedTarget:a})),s.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:a}))}}),t.current.observer.observe(s,{attributes:!0,attributeFilter:["disabled"]})}},[e])}exports.SyntheticFocusEvent=i;exports.useSyntheticBlurEvent=b;

package/index339.mjs

@@ -1,6 +1,6 @@
 import { useRef as o, useCallback as i } from "react";
 import { useLayoutEffect as l } from "./index172.mjs";
-import { useEffectEvent as d } from "./index336.mjs";
+import { useEffectEvent as d } from "./index326.mjs";
 class f {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;

package/index340.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index328.js"),c=require("./index331.js"),o=require("./index174.js");let n="default",s="",l=new WeakMap;function r(e){if(o.isIOS()){if(n==="default"){const t=i.getOwnerDocument(e);s=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}n="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(l.set(e,e.style.userSelect),e.style.userSelect="none")}function u(e){if(o.isIOS()){if(n!=="disabled")return;n="restoring",setTimeout(()=>{c.runAfterTransition(()=>{if(n==="restoring"){const t=i.getOwnerDocument(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=s||""),s="",n="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&l.has(e)){let t=l.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),l.delete(e)}}exports.disableTextSelection=r;exports.restoreTextSelection=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index317.js"),c=require("./index320.js"),o=require("./index174.js");let n="default",s="",l=new WeakMap;function r(e){if(o.isIOS()){if(n==="default"){const t=i.getOwnerDocument(e);s=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}n="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(l.set(e,e.style.userSelect),e.style.userSelect="none")}function u(e){if(o.isIOS()){if(n!=="disabled")return;n="restoring",setTimeout(()=>{c.runAfterTransition(()=>{if(n==="restoring"){const t=i.getOwnerDocument(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=s||""),s="",n="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&l.has(e)){let t=l.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),l.delete(e)}}exports.disableTextSelection=r;exports.restoreTextSelection=u;

package/index340.mjs

@@ -1,5 +1,5 @@
-import { getOwnerDocument as c } from "./index328.mjs";
-import { runAfterTransition as i } from "./index331.mjs";
+import { getOwnerDocument as c } from "./index317.mjs";
+import { runAfterTransition as i } from "./index320.mjs";
 import { isIOS as o } from "./index174.mjs";
 let n = "default", l = "", s = /* @__PURE__ */ new WeakMap();
 function r(e) {

package/index343.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index142.js"),u=require("./index171.js");function n(t){let{id:l,label:s,"aria-labelledby":e,"aria-label":b,labelElementType:o="label"}=t;l=r.useId(l);let a=r.useId(),i={};s?(e=e?`${a} ${e}`:a,i={id:a,htmlFor:o==="label"?l:void 0}):!e&&!b&&console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");let d=u.useLabels({id:l,"aria-label":b,"aria-labelledby":e});return{labelProps:i,fieldProps:d}}exports.useLabel=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index139.js"),u=require("./index171.js");function n(t){let{id:l,label:s,"aria-labelledby":e,"aria-label":b,labelElementType:o="label"}=t;l=r.useId(l);let a=r.useId(),i={};s?(e=e?`${a} ${e}`:a,i={id:a,htmlFor:o==="label"?l:void 0}):!e&&!b&&console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");let d=u.useLabels({id:l,"aria-label":b,"aria-labelledby":e});return{labelProps:i,fieldProps:d}}exports.useLabel=n;

package/index343.mjs

@@ -1,4 +1,4 @@
-import { useId as r } from "./index142.mjs";
+import { useId as r } from "./index139.mjs";
 import { useLabels as f } from "./index171.mjs";
 function $(o) {
   let { id: l, label: d, "aria-labelledby": e, "aria-label": b, labelElementType: t = "label" } = o;

package/index99.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),y=require("@react-aria/accordion"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index69.js"),F=require("./index143.js"),i=require("./index25.js"),w=require("./index6.js"),C=require("./index14.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:p}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},A=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:A,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...p,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;
+"use strict";const e=require("react/jsx-runtime"),y=require("@react-aria/accordion"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index69.js"),F=require("./index138.js"),i=require("./index25.js"),w=require("./index6.js"),C=require("./index14.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:p}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},A=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:A,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...p,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;

package/index99.mjs

@@ -4,7 +4,7 @@ import { useRef as F } from "react";
 import { FocusRing as I, FocusScope as R } from "react-aria";
 import { useUpdateEffect as w } from "react-use";
 import { useAccordionCtx as B } from "./index69.mjs";
-import C from "./index143.mjs";
+import C from "./index138.mjs";
 import i from "./index25.mjs";
 import { ButtonWithForwardRef as D } from "./index6.mjs";
 import K from "./index14.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.32.1",
+  "version": "1.32.3",
   "types": "./index.d.ts",
   "exports": {
     ".": {