@okam/stack-ui 1.41.0 → 1.41.2

package/index256.mjs

@@ -1,5 +1,45 @@
-const a = "react-aria-clear-focus", c = "react-aria-focus";
+function f(l) {
+  if (c()) l.focus({
+    preventScroll: !0
+  });
+  else {
+    let e = n(l);
+    l.focus(), s(e);
+  }
+}
+let r = null;
+function c() {
+  if (r == null) {
+    r = !1;
+    try {
+      document.createElement("div").focus({
+        get preventScroll() {
+          return r = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return r;
+}
+function n(l) {
+  let e = l.parentNode, o = [], t = document.scrollingElement || document.documentElement;
+  for (; e instanceof HTMLElement && e !== t; )
+    (e.offsetHeight < e.scrollHeight || e.offsetWidth < e.scrollWidth) && o.push({
+      element: e,
+      scrollTop: e.scrollTop,
+      scrollLeft: e.scrollLeft
+    }), e = e.parentNode;
+  return t instanceof HTMLElement && o.push({
+    element: t,
+    scrollTop: t.scrollTop,
+    scrollLeft: t.scrollLeft
+  }), o;
+}
+function s(l) {
+  for (let { element: e, scrollTop: o, scrollLeft: t } of l)
+    e.scrollTop = o, e.scrollLeft = t;
+}
 export {
-  a as CLEAR_FOCUS_EVENT,
-  c as FOCUS_EVENT
+  f as focusWithoutScrolling
 };

package/index257.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index240.js");function t(e){return r.isMac()?e.metaKey:e.ctrlKey}exports.isCtrlKeyPressed=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index256.js"),a=require("./index241.js"),f=require("react"),s=f.createContext({isNative:!0,open:K,useHref:e=>e});function b(){return f.useContext(s)}function l(e,i,t=!0){var n,d;let{metaKey:r,ctrlKey:o,altKey:u,shiftKey:c}=i;a.isFirefox()&&(!((d=window.event)===null||d===void 0||(n=d.type)===null||n===void 0)&&n.startsWith("key"))&&e.target==="_blank"&&(a.isMac()?r=!0:o=!0);let v=a.isWebKit()&&a.isMac()&&!a.isIPad()&&process.env.NODE_ENV!=="test"?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:r,ctrlKey:o,altKey:u,shiftKey:c}):new MouseEvent("click",{metaKey:r,ctrlKey:o,altKey:u,shiftKey:c,bubbles:!0,cancelable:!0});l.isOpening=t,y.focusWithoutScrolling(e),e.dispatchEvent(v),l.isOpening=!1}l.isOpening=!1;function h(e,i){if(e instanceof HTMLAnchorElement)i(e);else if(e.hasAttribute("data-href")){let t=document.createElement("a");t.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(t.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(t.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(t.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(t.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(t.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(t),i(t),e.removeChild(t)}}function K(e,i){h(e,t=>l(t,i))}function $(e){let i=b();var t;const n=i.useHref((t=e==null?void 0:e.href)!==null&&t!==void 0?t:"");return{href:e!=null&&e.href?n:void 0,target:e==null?void 0:e.target,rel:e==null?void 0:e.rel,download:e==null?void 0:e.download,ping:e==null?void 0:e.ping,referrerPolicy:e==null?void 0:e.referrerPolicy}}exports.openLink=l;exports.useLinkProps=$;exports.useRouter=b;

package/index257.mjs

@@ -1,7 +1,60 @@
-import { isMac as a } from "./index240.mjs";
-function t(e) {
-  return a() ? e.metaKey : e.ctrlKey;
+import { focusWithoutScrolling as b } from "./index256.mjs";
+import { isFirefox as v, isMac as u, isWebKit as $, isIPad as s } from "./index241.mjs";
+import { useContext as y, createContext as h } from "react";
+const K = /* @__PURE__ */ h({
+  isNative: !0,
+  open: x,
+  useHref: (e) => e
+});
+function m() {
+  return y(K);
+}
+function n(e, i, t = !0) {
+  var a, d;
+  let { metaKey: r, ctrlKey: l, altKey: o, shiftKey: c } = i;
+  v() && (!((d = window.event) === null || d === void 0 || (a = d.type) === null || a === void 0) && a.startsWith("key")) && e.target === "_blank" && (u() ? r = !0 : l = !0);
+  let f = $() && u() && !s() && process.env.NODE_ENV !== "test" ? new KeyboardEvent("keydown", {
+    keyIdentifier: "Enter",
+    metaKey: r,
+    ctrlKey: l,
+    altKey: o,
+    shiftKey: c
+  }) : new MouseEvent("click", {
+    metaKey: r,
+    ctrlKey: l,
+    altKey: o,
+    shiftKey: c,
+    bubbles: !0,
+    cancelable: !0
+  });
+  n.isOpening = t, b(e), e.dispatchEvent(f), n.isOpening = !1;
+}
+n.isOpening = !1;
+function w(e, i) {
+  if (e instanceof HTMLAnchorElement) i(e);
+  else if (e.hasAttribute("data-href")) {
+    let t = document.createElement("a");
+    t.href = e.getAttribute("data-href"), e.hasAttribute("data-target") && (t.target = e.getAttribute("data-target")), e.hasAttribute("data-rel") && (t.rel = e.getAttribute("data-rel")), e.hasAttribute("data-download") && (t.download = e.getAttribute("data-download")), e.hasAttribute("data-ping") && (t.ping = e.getAttribute("data-ping")), e.hasAttribute("data-referrer-policy") && (t.referrerPolicy = e.getAttribute("data-referrer-policy")), e.appendChild(t), i(t), e.removeChild(t);
+  }
+}
+function x(e, i) {
+  w(e, (t) => n(t, i));
+}
+function E(e) {
+  let i = m();
+  var t;
+  const a = i.useHref((t = e == null ? void 0 : e.href) !== null && t !== void 0 ? t : "");
+  return {
+    href: e != null && e.href ? a : void 0,
+    target: e == null ? void 0 : e.target,
+    rel: e == null ? void 0 : e.rel,
+    download: e == null ? void 0 : e.download,
+    ping: e == null ? void 0 : e.ping,
+    referrerPolicy: e == null ? void 0 : e.referrerPolicy
+  };
 }
 export {
-  t as isCtrlKeyPressed
+  n as openLink,
+  E as useLinkProps,
+  m as useRouter
 };

package/index258.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"});let n=new Map,a=new Set;function o(){if(typeof window>"u")return;function r(e){return"propertyName"in e}let d=e=>{if(!r(e)||!e.target)return;let t=n.get(e.target);t||(t=new Set,n.set(e.target,t),e.target.addEventListener("transitioncancel",i,{once:!0})),t.add(e.propertyName)},i=e=>{if(!r(e)||!e.target)return;let t=n.get(e.target);if(t&&(t.delete(e.propertyName),t.size===0&&(e.target.removeEventListener("transitioncancel",i),n.delete(e.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)})}exports.runAfterTransition=c;

package/index258.mjs

@@ -1,22 +1,31 @@
-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);
+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);
+  });
 }
 export {
-  n as isFocusable
+  c as runAfterTransition
 };

package/index259.js

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

@@ -1,57 +1,34 @@
-import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index323.mjs";
-import { useRef as x, useCallback as $ } from "react";
-import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index234.mjs";
-import { getOwnerDocument as G } from "./index235.mjs";
-import { useGlobalListeners as L } from "./index242.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));
+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);
+    });
   }, [
-    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
+    a
   ]);
-  return h ? {
-    focusWithinProps: {
-      // These cannot be null, that would conflict in mergeProps
-      onFocus: void 0,
-      onBlur: void 0
-    }
-  } : {
-    focusWithinProps: {
-      onFocus: g,
-      onBlur: n
-    }
+  return b(() => s, [
+    s
+  ]), {
+    addGlobalListener: u,
+    removeGlobalListener: a,
+    removeAllGlobalListeners: s
   };
 }
 export {
-  S as useFocusWithin
+  L as useGlobalListeners
 };

package/index26.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),p=require("./index157.js"),G=require("react-aria"),m=require("./index153.js"),n=require("./index34.js"),i=require("./index3.js"),f=r=>{const{label:s,isError:a=!1,errorMessage:o,isDisabled:t=!1,children:x,themeName:c="checkboxGroup",tokens:h}=r,u=p.useCheckboxGroupState(r),{groupProps:l,labelProps:d,errorMessageProps:k}=G.useCheckboxGroup(r,u),b={...h,isDisabled:t};return e.jsxs(n.default,{...l,"aria-disabled":t,themeName:`${c}.checkboxGroup`,tokens:b,children:[s&&e.jsx(i.default,{...d,tokens:{size:"h6"},children:s}),e.jsx(n.default,{themeName:`${c}.checkboxGroupItemsGroup`,children:e.jsx(m.CheckboxGroupProvider,{state:u,children:x})}),a&&o&&e.jsx(i.default,{...k,tokens:{isError:!0},children:o})]})};module.exports=f;
+"use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const b=require("react");require("./index91.js");const q=require("./index35.js"),x=require("react-aria");require("react-use");require("@react-spring/web");const v=require("./index86.js"),w=require("./index6.js");require("./index144.js");const F=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index88.js");require("@react-aria/focus");require("./index93.js");require("./index14.js");require("radashi");require("./index142.js");require("sanitize-html");require("@react-aria/i18n");require("react-hook-form");require("./index94.js");const B=require("./index92.js"),I=require("./index67.js"),M=require("./index145.js");require("./index153.js");require("./index154.js");require("./index90.js");require("./index89.js");require("./index155.js");require("./index51.js");require("./index53.js");require("./index61.js");require("./index57.js");require("./index156.js");require("./index60.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index68.js");require("./index69.js");require("./index70.js");require("./index71.js");require("./index72.js");require("./index73.js");require("./index74.js");require("./index75.js");require("./index76.js");require("./index77.js");require("./index78.js");require("./index79.js");require("./index80.js");require("./index81.js");require("./index82.js");require("./index83.js");require("./index84.js");require("./index85.js");require("./index87.js");require("./index113.js");const T=({value:n})=>n===""?e.jsx(M,{width:"16",height:"16"}):e.jsx(I,{width:"16",height:"16"}),Q=n=>{const{setUserSearchQuery:o}=B.useUserQueryValHook(),{label:c,themeName:r="search",tokens:f,customTheme:g,disabled:j,errorMessage:a,placeholder:k,icon:l,isDisabled:$}=n,i=$||j,h={...n,isDisabled:i},t=F.useSearchFieldState(h),d=b.useRef(null),{labelProps:S,inputProps:s,errorMessageProps:p,clearButtonProps:N}=x.useSearchField(h,t,d),C=b.useCallback(P=>{var m;o(t.value),(m=s.onChange)==null||m.call(s,P)},[o,t.value,s]),D=a!=null,u={...f,isError:D,isDisabled:i??!1},y=v(`${r}.input`,u,g);return e.jsxs(q.default,{themeName:`${r}.wrapper`,tokens:u,"aria-disabled":i??!1,children:[c&&e.jsx(q.default,{...S,as:"label",themeName:`${r}.label`,tokens:u,children:c}),e.jsxs(q.default,{themeName:`${r}.container`,tokens:u,children:[e.jsx("input",{ref:d,...s,onChange:C,placeholder:k,className:y,disabled:i}),e.jsx(x.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.default,{isDisabled:i,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:[l==null&&e.jsx(T,{value:t.value}),l!=null&&l]})})]}),a&&e.jsx(R.default,{themeName:`${r}.errorMessage`,tokens:u,...p,children:a})]})};module.exports=Q;

package/index26.mjs

@@ -1,35 +1,120 @@
 "use client";
-import { jsxs as k, jsx as e } from "react/jsx-runtime";
-import { useCheckboxGroupState as x } from "./index157.mjs";
-import { useCheckboxGroup as f } from "react-aria";
-import { CheckboxGroupProvider as G } from "./index153.mjs";
-import i from "./index34.mjs";
-import m from "./index3.mjs";
-const y = (o) => {
-  const {
-    label: r,
-    isError: p = !1,
-    errorMessage: s,
-    isDisabled: t = !1,
-    children: h,
-    themeName: a = "checkboxGroup",
-    tokens: n
-  } = o, c = x(o), { groupProps: d, labelProps: u, errorMessageProps: l } = f(o, c), b = { ...n, isDisabled: t };
-  return /* @__PURE__ */ k(
-    i,
-    {
-      ...d,
-      "aria-disabled": t,
-      themeName: `${a}.checkboxGroup`,
-      tokens: b,
-      children: [
-        r && /* @__PURE__ */ e(m, { ...u, tokens: { size: "h6" }, children: r }),
-        /* @__PURE__ */ e(i, { themeName: `${a}.checkboxGroupItemsGroup`, children: /* @__PURE__ */ e(G, { state: c, children: h }) }),
-        p && s && /* @__PURE__ */ e(m, { ...l, tokens: { isError: !0 }, children: s })
-      ]
-    }
-  );
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import "./index2.mjs";
+import T from "./index3.mjs";
+import "@react-aria/accordion";
+import v, { useCallback as w } from "react";
+import "./index91.mjs";
+import l from "./index35.mjs";
+import { useSearchField as F, FocusRing as R } from "react-aria";
+import "react-use";
+import "@react-spring/web";
+import I from "./index86.mjs";
+import M from "./index6.mjs";
+import "./index144.mjs";
+import { useSearchFieldState as j } from "react-stately";
+import "./index5.mjs";
+import "react-div-100vh";
+import "./index88.mjs";
+import "@react-aria/focus";
+import "./index93.mjs";
+import "./index14.mjs";
+import "radashi";
+import "./index142.mjs";
+import "sanitize-html";
+import "@react-aria/i18n";
+import "react-hook-form";
+import "./index94.mjs";
+import { useUserQueryValHook as Q } from "./index92.mjs";
+import U from "./index67.mjs";
+import _ from "./index145.mjs";
+import "./index153.mjs";
+import "./index154.mjs";
+import "./index90.mjs";
+import "./index89.mjs";
+import "./index155.mjs";
+import "./index51.mjs";
+import "./index53.mjs";
+import "./index61.mjs";
+import "./index57.mjs";
+import "./index156.mjs";
+import "./index60.mjs";
+import "./index62.mjs";
+import "./index63.mjs";
+import "./index64.mjs";
+import "./index65.mjs";
+import "./index66.mjs";
+import "./index68.mjs";
+import "./index69.mjs";
+import "./index70.mjs";
+import "./index71.mjs";
+import "./index72.mjs";
+import "./index73.mjs";
+import "./index74.mjs";
+import "./index75.mjs";
+import "./index76.mjs";
+import "./index77.mjs";
+import "./index78.mjs";
+import "./index79.mjs";
+import "./index80.mjs";
+import "./index81.mjs";
+import "./index82.mjs";
+import "./index83.mjs";
+import "./index84.mjs";
+import "./index85.mjs";
+import "./index87.mjs";
+import "./index113.mjs";
+const E = ({ value: m }) => m === "" ? /* @__PURE__ */ r(_, { width: "16", height: "16" }) : /* @__PURE__ */ r(U, { width: "16", height: "16" }), Xr = (m) => {
+  const { setUserSearchQuery: c } = Q(), {
+    label: h,
+    themeName: o = "search",
+    tokens: b,
+    customTheme: g,
+    disabled: k,
+    errorMessage: p,
+    placeholder: C,
+    icon: a,
+    isDisabled: N
+  } = m, t = N || k, u = { ...m, isDisabled: t }, s = j(u), d = v.useRef(null), { labelProps: S, inputProps: e, errorMessageProps: y, clearButtonProps: D } = F(u, s, d), $ = w(
+    (P) => {
+      var f;
+      c(s.value), (f = e.onChange) == null || f.call(e, P);
+    },
+    [c, s.value, e]
+  ), x = p != null, i = { ...b, isError: x, isDisabled: t ?? !1 }, B = I(`${o}.input`, i, g);
+  return /* @__PURE__ */ n(l, { themeName: `${o}.wrapper`, tokens: i, "aria-disabled": t ?? !1, children: [
+    h && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+    /* @__PURE__ */ r(l, { ...S, as: "label", themeName: `${o}.label`, tokens: i, children: h }),
+    /* @__PURE__ */ n(l, { themeName: `${o}.container`, tokens: i, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: d,
+          ...e,
+          onChange: $,
+          placeholder: C,
+          className: B,
+          disabled: t
+        }
+      ),
+      /* @__PURE__ */ r(R, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ n(
+        M,
+        {
+          isDisabled: t,
+          handlePress: D.onPress,
+          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: t ?? !1 },
+          themeName: `${o}.icon`,
+          "aria-label": "clear",
+          children: [
+            a == null && /* @__PURE__ */ r(E, { value: s.value }),
+            a != null && a
+          ]
+        }
+      ) })
+    ] }),
+    p && /* @__PURE__ */ r(T, { themeName: `${o}.errorMessage`, tokens: i, ...y, children: p })
+  ] });
 };
 export {
-  y as default
+  Xr as default
 };

package/index260.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("./index233.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/index260.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 "./index233.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/index261.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index262.js"),A=require("./index263.js"),f=require("react"),P=require("./index230.js"),j=require("./index245.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 u=require("./index233.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;