@okam/stack-ui 1.35.4 → 1.35.6

package/index170.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index145.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/index170.mjs

@@ -1,34 +1,17 @@
-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
+import { useId as b } from "./index145.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 {
-  L as useGlobalListeners
+  t as useLabels
 };

package/index171.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index142.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;
+"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/index171.mjs

@@ -1,17 +1,31 @@
-import { useId as b } from "./index142.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
-  };
+import { useEffect as d } from "react";
+function f() {
+  return typeof window.ResizeObserver < "u";
+}
+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
+  ]);
 }
 export {
-  t as useLabels
+  u as useResizeObserver
 };

package/index172.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index156.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;

package/index172.mjs

@@ -1,31 +1,12 @@
-import { useEffect as d } from "react";
-function f() {
-  return typeof window.ResizeObserver < "u";
-}
-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
-  ]);
+import { useLayoutEffect as f } from "./index156.mjs";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
 }
 export {
-  u as useResizeObserver
+  u as useSyncRef
 };

package/index173.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index157.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 t=require("./index174.js");function r(n,l){let e=n;for(t.isScrollable(e,l)&&(e=e.parentElement);e&&!t.isScrollable(e,l);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.getScrollParent=r;

package/index173.mjs

@@ -1,12 +1,9 @@
-import { useLayoutEffect as f } from "./index157.mjs";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
-      };
-  });
+import { isScrollable as l } from "./index174.mjs";
+function r(n, t) {
+  let e = n;
+  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
 }
 export {
-  u as useSyncRef
+  r as getScrollParent
 };

package/index174.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index175.js");function r(n,l){let e=n;for(t.isScrollable(e,l)&&(e=e.parentElement);e&&!t.isScrollable(e,l);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.getScrollParent=r;
+"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;

package/index174.mjs

@@ -1,9 +1,8 @@
-import { isScrollable as l } from "./index175.mjs";
-function r(n, t) {
-  let e = n;
-  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
-  return e || document.scrollingElement || document.documentElement;
+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;
 }
 export {
-  r as getScrollParent
+  c as isScrollable
 };

package/index175.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index156.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;

package/index175.mjs

@@ -1,8 +1,16 @@
-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 { useLayoutEffect as f } from "./index156.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);
+  }, []);
 }
 export {
-  c as isScrollable
+  s as useEffectEvent
 };

package/index176.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index157.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 i=require("./index167.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;

package/index176.mjs

@@ -1,16 +1,11 @@
-import { useLayoutEffect as f } from "./index157.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 { isAndroid as i } from "./index167.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";
 }
 export {
-  s as useEffectEvent
+  o as isVirtualClick,
+  u as isVirtualPointerEvent
 };

package/index177.js

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

package/index177.mjs

@@ -1,11 +1,20 @@
-import { isAndroid as i } from "./index168.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 { 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);
+  });
+  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 {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  s as useFormReset
 };

package/index178.js

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

package/index178.mjs

@@ -1,20 +1,22 @@
-import { useEffectEvent as u } from "./index176.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);
-  });
-  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
-  ]);
+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);
 }
 export {
-  s as useFormReset
+  n as isFocusable
 };

package/index179.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("./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;

package/index179.mjs

@@ -1,22 +1,57 @@
-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 { 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
+    }
+  };
 }
 export {
-  n as isFocusable
+  S as useFocusWithin
 };

package/index18.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),k=require("react"),h=require("react-aria"),P=require("react-stately"),n=require("./index69.js"),T=require("./index75.js"),w=require("./index6.js"),y=require("./index50.js"),R=require("./index112.js"),v=require("./index3.js"),F=a=>{const{setUserSearchQuery:d}=T.useUserQueryValHook(),{label:i,themeName:s="search",tokens:m,customTheme:t,disabled:l,errorMessage:c,placeholder:x,icon:j}=a,o=P.useSearchFieldState(a);d(o.value);const u=k.useRef(null),{labelProps:p,inputProps:q,errorMessageProps:b,clearButtonProps:g}=h.useSearchField(a,o,u),r={...m,isError:c!=null},S=n(`${s}.wrapper`,r,t),$=n(`${s}.input`,r,t),N=n(`${s}.label`,r,t),f=n(`${s}.container`,r,t);return e.jsxs("div",{className:S,"aria-disabled":l,children:[i&&e.jsx("label",{...p,className:N,children:i}),e.jsxs("div",{className:f,children:[e.jsx("input",{ref:u,...q,placeholder:x,className:$,disabled:l}),e.jsx(h.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx(w.default,{handlePress:g.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow"},themeName:`${s}.icon`,"aria-label":"clear",children:j??(o.value===""?e.jsx(R,{width:"16",height:"16"}):e.jsx(y,{width:"16",height:"16"}))})})]}),c&&e.jsx(v.default,{themeName:`${s}.errorMessage`,tokens:r,...b,children:c})]})};module.exports=F;
+"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;

package/index18.mjs

@@ -1,37 +1,109 @@
 "use client";
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import k from "react";
-import { useSearchField as w, FocusRing as v } from "react-aria";
-import { useSearchFieldState as x } from "react-stately";
-import t from "./index69.mjs";
-import { useUserQueryValHook as C } from "./index75.mjs";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import "./index2.mjs";
+import x 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 "react-use";
+import "@react-spring/web";
+import C from "./index69.mjs";
 import F from "./index6.mjs";
-import R from "./index50.mjs";
-import B from "./index112.mjs";
-import M from "./index3.mjs";
-const z = (a) => {
-  const { setUserSearchQuery: u } = C(), { label: i, themeName: r = "search", tokens: p, customTheme: s, disabled: c, errorMessage: n, placeholder: d, icon: f } = a, l = x(a);
-  u(l.value);
-  const m = k.useRef(null), { labelProps: b, inputProps: g, errorMessageProps: T, clearButtonProps: N } = w(a, l, m), o = { ...p, isError: n != null }, S = t(`${r}.wrapper`, o, s), y = t(`${r}.input`, o, s), P = t(`${r}.label`, o, s), $ = t(`${r}.container`, o, s);
-  return /* @__PURE__ */ h("div", { className: S, "aria-disabled": c, children: [
-    i && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    /* @__PURE__ */ e("label", { ...b, className: P, children: i }),
-    /* @__PURE__ */ h("div", { className: $, children: [
-      /* @__PURE__ */ e("input", { ref: m, ...g, placeholder: d, className: y, disabled: c }),
-      /* @__PURE__ */ e(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ e(
+import "./index111.mjs";
+import { useSearchFieldState as R } from "react-stately";
+import "./index5.mjs";
+import "react-div-100vh";
+import "./index71.mjs";
+import "@react-aria/focus";
+import "./index10.mjs";
+import "./index76.mjs";
+import "./index12.mjs";
+import "./index120.mjs";
+import "sanitize-html";
+import "@react-aria/i18n";
+import "radashi";
+import "react-hook-form";
+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 "./index43.mjs";
+import "./index44.mjs";
+import "./index45.mjs";
+import "./index46.mjs";
+import "./index47.mjs";
+import "./index48.mjs";
+import "./index49.mjs";
+import "./index51.mjs";
+import "./index52.mjs";
+import "./index53.mjs";
+import "./index54.mjs";
+import "./index55.mjs";
+import "./index56.mjs";
+import "./index57.mjs";
+import "./index58.mjs";
+import "./index59.mjs";
+import "./index60.mjs";
+import "./index61.mjs";
+import "./index62.mjs";
+import "./index63.mjs";
+import "./index64.mjs";
+import "./index65.mjs";
+import "./index66.mjs";
+import "./index67.mjs";
+import "./index68.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(
+        "input",
+        {
+          ref: n,
+          ...P,
+          placeholder: b,
+          className: $,
+          disabled: t
+        }
+      ),
+      /* @__PURE__ */ r(B, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ r(
         F,
         {
-          handlePress: N.onPress,
-          tokens: { isIconOnly: !0, buttonStyle: "hollow" },
-          themeName: `${r}.icon`,
+          isDisabled: t,
+          handlePress: y.onPress,
+          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: t ?? !1 },
+          themeName: `${o}.icon`,
           "aria-label": "clear",
-          children: f ?? (l.value === "" ? /* @__PURE__ */ e(B, { width: "16", height: "16" }) : /* @__PURE__ */ e(R, { width: "16", height: "16" }))
+          children: g ?? (m.value === "" ? /* @__PURE__ */ r(v, { width: "16", height: "16" }) : /* @__PURE__ */ r(j, { width: "16", height: "16" }))
         }
       ) })
     ] }),
-    n && /* @__PURE__ */ e(M, { themeName: `${r}.errorMessage`, tokens: o, ...T, children: n })
+    i && /* @__PURE__ */ r(x, { themeName: `${o}.errorMessage`, tokens: e, ...S, children: i })
   ] });
 };
 export {
-  z as default
+  qr as default
 };

package/index180.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index281.js"),c=require("react"),l=require("./index161.js"),m=require("./index162.js"),p=require("./index170.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 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;