@okam/stack-ui 1.40.1 → 1.41.1

package/index26.mjs

@@ -1,74 +1,120 @@
 "use client";
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { createCalendar as b } from "./index147.mjs";
-import { useLocale as N } from "@react-aria/i18n";
-import { useRef as u } from "react";
-import { useDateField as x, useDateSegment as R, useFocusRing as $, FocusRing as D } from "react-aria";
-import { useDateFieldState as S } from "react-stately";
-import k from "./index79.mjs";
-import { BoxWithForwardRef as f } from "./index28.mjs";
-function T(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l, segment: t, state: s } = o, i = u(null), { segmentProps: c } = R(t, s, i), m = k(`${a}.dateSegmentPlaceholder`), { focusProps: n, isFocusVisible: d } = $();
-  return /* @__PURE__ */ r(D, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ F(
-    f,
-    {
-      ...c,
-      ...n,
-      ref: i,
-      themeName: `${a}.dateSegment`,
-      tokens: {
-        ...e,
-        // Hack since has-focus-ring is not getting applied
-        className: d ? `has-focus-ring ${e == null ? void 0 : e.className}` : (e == null ? void 0 : e.className) ?? ""
-      },
-      customTheme: l,
-      children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: m,
-            "aria-hidden": "true",
-            style: {
-              visibility: t.isPlaceholder ? "visible" : "hidden",
-              height: t.isPlaceholder ? "" : 0,
-              pointerEvents: "none",
-              display: t.isPlaceholder ? "block" : "none"
-            },
-            children: t.placeholder
-          }
-        ),
-        t.isPlaceholder ? "" : t.text
-      ]
-    }
-  ) });
-}
-function I(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l } = o, { locale: t } = N(), s = S({
-    ...o,
-    locale: t,
-    createCalendar: b
-  }), { isDisabled: i, isReadOnly: c, isRequired: m } = s, n = u(null), { fieldProps: d, isInvalid: g } = x(o, s, n), h = {
-    isInvalid: g,
-    isDisabled: i,
-    isReadOnly: c,
-    isRequired: m,
-    ...e
-  };
-  return /* @__PURE__ */ r(
-    f,
-    {
-      ...d,
-      ref: n,
-      themeName: `${a}.dateField`,
-      tokens: h,
-      customTheme: l,
-      children: s.segments.map((p, P) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ r(T, { themeName: a, tokens: h, segment: p, state: s }, P)
-      ))
-    }
-  );
-}
+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 {
-  I as default
+  Xr as default
 };

package/index260.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var t,i;return this.disabledKeys.has(e)||!!(!((i=this.collection.getItem(e))===null||i===void 0||(t=i.props)===null||t===void 0)&&t.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){let t=e;do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(t!=null&&this.isDisabled(t));return t}getPreviousKey(e){let t=e;do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(t!=null&&this.isDisabled(t));return t}constructor(e,t,i,l=new Set){this.collection=e,this.flipDirection=t==="rtl"&&i==="horizontal",this.disabledKeys=l,this.tabDirection=i==="horizontal"}}exports.TabsKeyboardDelegate=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/index260.mjs

@@ -1,46 +1,22 @@
-class r {
-  getKeyLeftOf(e) {
-    return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
-  }
-  getKeyRightOf(e) {
-    return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
-  }
-  isDisabled(e) {
-    var t, i;
-    return this.disabledKeys.has(e) || !!(!((i = this.collection.getItem(e)) === null || i === void 0 || (t = i.props) === null || t === void 0) && t.isDisabled);
-  }
-  getFirstKey() {
-    let e = this.collection.getFirstKey();
-    return e != null && this.isDisabled(e) && (e = this.getNextKey(e)), e;
-  }
-  getLastKey() {
-    let e = this.collection.getLastKey();
-    return e != null && this.isDisabled(e) && (e = this.getPreviousKey(e)), e;
-  }
-  getKeyAbove(e) {
-    return this.tabDirection ? null : this.getPreviousKey(e);
-  }
-  getKeyBelow(e) {
-    return this.tabDirection ? null : this.getNextKey(e);
-  }
-  getNextKey(e) {
-    let t = e;
-    do
-      t = this.collection.getKeyAfter(t), t == null && (t = this.collection.getFirstKey());
-    while (t != null && this.isDisabled(t));
-    return t;
-  }
-  getPreviousKey(e) {
-    let t = e;
-    do
-      t = this.collection.getKeyBefore(t), t == null && (t = this.collection.getLastKey());
-    while (t != null && this.isDisabled(t));
-    return t;
-  }
-  constructor(e, t, i, s = /* @__PURE__ */ new Set()) {
-    this.collection = e, this.flipDirection = t === "rtl" && i === "horizontal", this.disabledKeys = s, this.tabDirection = i === "horizontal";
-  }
+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 {
-  r as TabsKeyboardDelegate
+  n as isFocusable
 };

package/index261.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./index319.js"),fe=require("./index320.js"),$=require("./index134.js"),H=require("./index183.js"),ae=require("./index184.js"),j=require("./index189.js"),w=require("./index196.js"),O=require("./index198.js"),G=require("./index197.js"),J=require("./index201.js"),b=require("./index202.js"),de=require("react-dom"),p=require("react"),Q=require("./index307.js"),X=require("./index318.js"),Y=require("@react-aria/focus"),ve=require("@react-aria/i18n");function ye(Z){let{selectionManager:e,keyboardDelegate:t,ref:i,autoFocus:P=!1,shouldFocusWrap:S=!1,disallowEmptySelection:_=!1,disallowSelectAll:ee=!1,escapeKeyBehavior:le="clearSelection",selectOnFocus:m=e.selectionBehavior==="replace",disallowTypeAhead:te=!1,shouldUseVirtualFocus:K,allowsTabNavigation:oe=!1,isVirtualized:L,scrollRef:f=i,linkBehavior:N="action"}=Z,{direction:T}=ve.useLocale(),re=ae.useRouter(),ue=l=>{var r;if(l.altKey&&l.key==="Tab"&&l.preventDefault(),!(!((r=i.current)===null||r===void 0)&&r.contains(l.target)))return;const u=(o,v)=>{if(o!=null){if(e.isLink(o)&&N==="selection"&&m&&!F.isNonContiguousSelectionModifier(l)){de.flushSync(()=>{e.setFocusedKey(o,v)});let y=F.getItemElement(i,o),W=e.getItemProps(o);y&&re.open(y,l,W.href,W.routerOptions);return}if(e.setFocusedKey(o,v),e.isLink(o)&&N==="override")return;l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&!F.isNonContiguousSelectionModifier(l)&&e.replaceSelection(o)}};switch(l.key){case"ArrowDown":if(t.getKeyBelow){var n,s,c;let o=e.focusedKey!=null?(n=t.getKeyBelow)===null||n===void 0?void 0:n.call(t,e.focusedKey):(s=t.getFirstKey)===null||s===void 0?void 0:s.call(t);o==null&&S&&(o=(c=t.getFirstKey)===null||c===void 0?void 0:c.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o))}break;case"ArrowUp":if(t.getKeyAbove){var a,d,k;let o=e.focusedKey!=null?(a=t.getKeyAbove)===null||a===void 0?void 0:a.call(t,e.focusedKey):(d=t.getLastKey)===null||d===void 0?void 0:d.call(t);o==null&&S&&(o=(k=t.getLastKey)===null||k===void 0?void 0:k.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o))}break;case"ArrowLeft":if(t.getKeyLeftOf){var q,A,M;let o=e.focusedKey!=null?(q=t.getKeyLeftOf)===null||q===void 0?void 0:q.call(t,e.focusedKey):null;o==null&&S&&(o=T==="rtl"?(A=t.getFirstKey)===null||A===void 0?void 0:A.call(t,e.focusedKey):(M=t.getLastKey)===null||M===void 0?void 0:M.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o,T==="rtl"?"first":"last"))}break;case"ArrowRight":if(t.getKeyRightOf){var C,x,V;let o=e.focusedKey!=null?(C=t.getKeyRightOf)===null||C===void 0?void 0:C.call(t,e.focusedKey):null;o==null&&S&&(o=T==="rtl"?(x=t.getLastKey)===null||x===void 0?void 0:x.call(t,e.focusedKey):(V=t.getFirstKey)===null||V===void 0?void 0:V.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o,T==="rtl"?"last":"first"))}break;case"Home":if(t.getFirstKey){if(e.focusedKey===null&&l.shiftKey)return;l.preventDefault();let o=t.getFirstKey(e.focusedKey,b.isCtrlKeyPressed(l));e.setFocusedKey(o),o!=null&&(b.isCtrlKeyPressed(l)&&l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&e.replaceSelection(o))}break;case"End":if(t.getLastKey){if(e.focusedKey===null&&l.shiftKey)return;l.preventDefault();let o=t.getLastKey(e.focusedKey,b.isCtrlKeyPressed(l));e.setFocusedKey(o),o!=null&&(b.isCtrlKeyPressed(l)&&l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&e.replaceSelection(o))}break;case"PageDown":if(t.getKeyPageBelow&&e.focusedKey!=null){let o=t.getKeyPageBelow(e.focusedKey);o!=null&&(l.preventDefault(),u(o))}break;case"PageUp":if(t.getKeyPageAbove&&e.focusedKey!=null){let o=t.getKeyPageAbove(e.focusedKey);o!=null&&(l.preventDefault(),u(o))}break;case"a":b.isCtrlKeyPressed(l)&&e.selectionMode==="multiple"&&ee!==!0&&(l.preventDefault(),e.selectAll());break;case"Escape":le==="clearSelection"&&!_&&e.selectedKeys.size!==0&&(l.stopPropagation(),l.preventDefault(),e.clearSelection());break;case"Tab":if(!oe){if(l.shiftKey)i.current.focus();else{let o=Y.getFocusableTreeWalker(i.current,{tabbable:!0}),v,y;do y=o.lastChild(),y&&(v=y);while(y);v&&!v.contains(document.activeElement)&&H.focusWithoutScrolling(v)}break}}},D=p.useRef({top:0,left:0});w.useEvent(f,"scroll",L?void 0:()=>{var l,r,u,n;D.current={top:(u=(l=f.current)===null||l===void 0?void 0:l.scrollTop)!==null&&u!==void 0?u:0,left:(n=(r=f.current)===null||r===void 0?void 0:r.scrollLeft)!==null&&n!==void 0?n:0}});let ie=l=>{if(e.isFocused){l.currentTarget.contains(l.target)||e.setFocused(!1);return}if(l.currentTarget.contains(l.target)){if(e.setFocused(!0),e.focusedKey==null){var r,u;let c=d=>{d!=null&&(e.setFocusedKey(d),m&&!e.isSelected(d)&&e.replaceSelection(d))},a=l.relatedTarget;var n,s;a&&l.currentTarget.compareDocumentPosition(a)&Node.DOCUMENT_POSITION_FOLLOWING?c((n=e.lastSelectedKey)!==null&&n!==void 0?n:(r=t.getLastKey)===null||r===void 0?void 0:r.call(t)):c((s=e.firstSelectedKey)!==null&&s!==void 0?s:(u=t.getFirstKey)===null||u===void 0?void 0:u.call(t))}else!L&&f.current&&(f.current.scrollTop=D.current.top,f.current.scrollLeft=D.current.left);if(e.focusedKey!=null&&f.current){let c=F.getItemElement(i,e.focusedKey);c instanceof HTMLElement&&(!c.contains(document.activeElement)&&!K&&H.focusWithoutScrolling(c),Q.getInteractionModality()==="keyboard"&&O.scrollIntoViewport(c,{containingElement:i.current}))}}},ne=l=>{l.currentTarget.contains(l.relatedTarget)||e.setFocused(!1)},E=p.useRef(!1);w.useEvent(i,J.FOCUS_EVENT,K?l=>{let{detail:r}=l;l.stopPropagation(),e.setFocused(!0),(r==null?void 0:r.focusStrategy)==="first"&&(E.current=!0)}:void 0);let U=G.useEffectEvent(()=>{var l,r;let u=(r=(l=t.getFirstKey)===null||l===void 0?void 0:l.call(t))!==null&&r!==void 0?r:null;u==null?(Y.moveVirtualFocus(i.current),e.collection.size>0&&(E.current=!1)):(e.setFocusedKey(u),E.current=!1)});j.useUpdateLayoutEffect(()=>{E.current&&U()},[e.collection,U]);let g=G.useEffectEvent(()=>{e.collection.size>0&&(E.current=!1)});j.useUpdateLayoutEffect(()=>{g()},[e.focusedKey,g]),w.useEvent(i,J.CLEAR_FOCUS_EVENT,K?l=>{var r;l.stopPropagation(),e.setFocused(!1),!((r=l.detail)===null||r===void 0)&&r.clearFocusKey&&e.setFocusedKey(null)}:void 0);const B=p.useRef(P),h=p.useRef(!1);p.useEffect(()=>{if(B.current){var l,r;let s=null;var u;P==="first"&&(s=(u=(l=t.getFirstKey)===null||l===void 0?void 0:l.call(t))!==null&&u!==void 0?u:null);var n;P==="last"&&(s=(n=(r=t.getLastKey)===null||r===void 0?void 0:r.call(t))!==null&&n!==void 0?n:null);let c=e.selectedKeys;if(c.size){for(let a of c)if(e.canSelectItem(a)){s=a;break}}e.setFocused(!0),e.setFocusedKey(s),s==null&&!K&&i.current&&X.focusSafely(i.current),e.collection.size>0&&(B.current=!1,h.current=!0)}});let I=p.useRef(e.focusedKey);p.useEffect(()=>{if(e.isFocused&&e.focusedKey!=null&&(e.focusedKey!==I.current||h.current)&&f.current&&i.current){let l=Q.getInteractionModality(),r=F.getItemElement(i,e.focusedKey);if(!(r instanceof HTMLElement))return;(l==="keyboard"||h.current)&&(O.scrollIntoView(f.current,r),l!=="virtual"&&O.scrollIntoViewport(r,{containingElement:i.current}))}!K&&e.isFocused&&e.focusedKey==null&&I.current!=null&&i.current&&X.focusSafely(i.current),I.current=e.focusedKey,h.current=!1}),w.useEvent(i,"react-aria-focus-scope-restore",l=>{l.preventDefault(),e.setFocused(!0)});let R={onKeyDown:ue,onFocus:ie,onBlur:ne,onMouseDown(l){f.current===l.target&&l.preventDefault()}},{typeSelectProps:ce}=fe.useTypeSelect({keyboardDelegate:t,selectionManager:e});te||(R=$.mergeProps(ce,R));let z;K||(z=e.focusedKey==null?0:-1);let se=F.useCollectionId(e.collection);return{collectionProps:$.mergeProps(R,{tabIndex:z,"data-collection":se})}}exports.useSelectableCollection=ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index323.js"),c=require("react"),l=require("./index236.js"),m=require("./index237.js"),p=require("./index244.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/index261.mjs

@@ -1,233 +1,57 @@
-import { getItemElement as V, useCollectionId as fe, isNonContiguousSelectionModifier as H } from "./index319.mjs";
-import { useTypeSelect as ae } from "./index320.mjs";
-import { mergeProps as G } from "./index134.mjs";
-import { focusWithoutScrolling as j } from "./index183.mjs";
-import { useRouter as de } from "./index184.mjs";
-import { useUpdateLayoutEffect as q } from "./index189.mjs";
-import { useEvent as S } from "./index196.mjs";
-import { scrollIntoView as ve, scrollIntoViewport as J } from "./index198.mjs";
-import { useEffectEvent as Q } from "./index197.mjs";
-import { FOCUS_EVENT as pe, CLEAR_FOCUS_EVENT as ye } from "./index201.mjs";
-import { isCtrlKeyPressed as m } from "./index202.mjs";
-import { flushSync as be } from "react-dom";
-import { useRef as $, useEffect as X } from "react";
-import { getInteractionModality as Y } from "./index307.mjs";
-import { focusSafely as Z } from "./index318.mjs";
-import { moveVirtualFocus as Ke, getFocusableTreeWalker as me } from "@react-aria/focus";
-import { useLocale as $e } from "@react-aria/i18n";
-function Ce(g) {
-  let { selectionManager: e, keyboardDelegate: o, ref: i, autoFocus: h = !1, shouldFocusWrap: F = !1, disallowEmptySelection: _ = !1, disallowSelectAll: ee = !1, escapeKeyBehavior: le = "clearSelection", selectOnFocus: b = e.selectionBehavior === "replace", disallowTypeAhead: oe = !1, shouldUseVirtualFocus: y, allowsTabNavigation: te = !1, isVirtualized: B, scrollRef: f = i, linkBehavior: C = "action" } = g, { direction: x } = $e(), re = de(), ce = (l) => {
-    var r;
-    if (l.altKey && l.key === "Tab" && l.preventDefault(), !(!((r = i.current) === null || r === void 0) && r.contains(l.target))) return;
-    const c = (t, v) => {
-      if (t != null) {
-        if (e.isLink(t) && C === "selection" && b && !H(l)) {
-          be(() => {
-            e.setFocusedKey(t, v);
+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 "./index236.mjs";
+import { getOwnerDocument as G } from "./index237.mjs";
+import { useGlobalListeners as L } from "./index244.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
           });
-          let p = V(i, t), W = e.getItemProps(t);
-          p && re.open(p, l, W.href, W.routerOptions);
-          return;
-        }
-        if (e.setFocusedKey(t, v), e.isLink(t) && C === "override") return;
-        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && !H(l) && e.replaceSelection(t);
-      }
-    };
-    switch (l.key) {
-      case "ArrowDown":
-        if (o.getKeyBelow) {
-          var n, s, u;
-          let t = e.focusedKey != null ? (n = o.getKeyBelow) === null || n === void 0 ? void 0 : n.call(o, e.focusedKey) : (s = o.getFirstKey) === null || s === void 0 ? void 0 : s.call(o);
-          t == null && F && (t = (u = o.getFirstKey) === null || u === void 0 ? void 0 : u.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowUp":
-        if (o.getKeyAbove) {
-          var a, d, P;
-          let t = e.focusedKey != null ? (a = o.getKeyAbove) === null || a === void 0 ? void 0 : a.call(o, e.focusedKey) : (d = o.getLastKey) === null || d === void 0 ? void 0 : d.call(o);
-          t == null && F && (t = (P = o.getLastKey) === null || P === void 0 ? void 0 : P.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowLeft":
-        if (o.getKeyLeftOf) {
-          var k, A, I;
-          let t = e.focusedKey != null ? (k = o.getKeyLeftOf) === null || k === void 0 ? void 0 : k.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (A = o.getFirstKey) === null || A === void 0 ? void 0 : A.call(o, e.focusedKey) : (I = o.getLastKey) === null || I === void 0 ? void 0 : I.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "first" : "last"));
-        }
-        break;
-      case "ArrowRight":
-        if (o.getKeyRightOf) {
-          var M, R, O;
-          let t = e.focusedKey != null ? (M = o.getKeyRightOf) === null || M === void 0 ? void 0 : M.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (R = o.getLastKey) === null || R === void 0 ? void 0 : R.call(o, e.focusedKey) : (O = o.getFirstKey) === null || O === void 0 ? void 0 : O.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "last" : "first"));
-        }
-        break;
-      case "Home":
-        if (o.getFirstKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getFirstKey(e.focusedKey, m(l));
-          e.setFocusedKey(t), t != null && (m(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "End":
-        if (o.getLastKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getLastKey(e.focusedKey, m(l));
-          e.setFocusedKey(t), t != null && (m(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "PageDown":
-        if (o.getKeyPageBelow && e.focusedKey != null) {
-          let t = o.getKeyPageBelow(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
+          W(d, f);
+          let m = v(d);
+          n(m);
         }
-        break;
-      case "PageUp":
-        if (o.getKeyPageAbove && e.focusedKey != null) {
-          let t = o.getKeyPageAbove(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "a":
-        m(l) && e.selectionMode === "multiple" && ee !== !0 && (l.preventDefault(), e.selectAll());
-        break;
-      case "Escape":
-        le === "clearSelection" && !_ && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
-        break;
-      case "Tab":
-        if (!te) {
-          if (l.shiftKey) i.current.focus();
-          else {
-            let t = me(i.current, {
-              tabbable: !0
-            }), v, p;
-            do
-              p = t.lastChild(), p && (v = p);
-            while (p);
-            v && !v.contains(document.activeElement) && j(v);
-          }
-          break;
-        }
-    }
-  }, w = $({
-    top: 0,
-    left: 0
-  });
-  S(f, "scroll", B ? void 0 : () => {
-    var l, r, c, n;
-    w.current = {
-      top: (c = (l = f.current) === null || l === void 0 ? void 0 : l.scrollTop) !== null && c !== void 0 ? c : 0,
-      left: (n = (r = f.current) === null || r === void 0 ? void 0 : r.scrollLeft) !== null && n !== void 0 ? n : 0
-    };
-  });
-  let ie = (l) => {
-    if (e.isFocused) {
-      l.currentTarget.contains(l.target) || e.setFocused(!1);
-      return;
-    }
-    if (l.currentTarget.contains(l.target)) {
-      if (e.setFocused(!0), e.focusedKey == null) {
-        var r, c;
-        let u = (d) => {
-          d != null && (e.setFocusedKey(d), b && !e.isSelected(d) && e.replaceSelection(d));
-        }, a = l.relatedTarget;
-        var n, s;
-        a && l.currentTarget.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING ? u((n = e.lastSelectedKey) !== null && n !== void 0 ? n : (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) : u((s = e.firstSelectedKey) !== null && s !== void 0 ? s : (c = o.getFirstKey) === null || c === void 0 ? void 0 : c.call(o));
-      } else !B && f.current && (f.current.scrollTop = w.current.top, f.current.scrollLeft = w.current.left);
-      if (e.focusedKey != null && f.current) {
-        let u = V(i, e.focusedKey);
-        u instanceof HTMLElement && (!u.contains(document.activeElement) && !y && j(u), Y() === "keyboard" && J(u, {
-          containingElement: i.current
-        }));
-      }
+      }, {
+        capture: !0
+      });
     }
-  }, ne = (l) => {
-    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
-  }, K = $(!1);
-  S(i, pe, y ? (l) => {
-    let { detail: r } = l;
-    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && (K.current = !0);
-  } : void 0);
-  let N = Q(() => {
-    var l, r;
-    let c = (r = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && r !== void 0 ? r : null;
-    c == null ? (Ke(i.current), e.collection.size > 0 && (K.current = !1)) : (e.setFocusedKey(c), K.current = !1);
-  });
-  q(() => {
-    K.current && N();
   }, [
-    e.collection,
-    N
+    o,
+    t,
+    u,
+    c,
+    n
   ]);
-  let U = Q(() => {
-    e.collection.size > 0 && (K.current = !1);
-  });
-  q(() => {
-    U();
-  }, [
-    e.focusedKey,
-    U
-  ]), S(i, ye, y ? (l) => {
-    var r;
-    l.stopPropagation(), e.setFocused(!1), !((r = l.detail) === null || r === void 0) && r.clearFocusKey && e.setFocusedKey(null);
-  } : void 0);
-  const z = $(h), T = $(!1);
-  X(() => {
-    if (z.current) {
-      var l, r;
-      let s = null;
-      var c;
-      h === "first" && (s = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
-      var n;
-      h === "last" && (s = (n = (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) !== null && n !== void 0 ? n : null);
-      let u = e.selectedKeys;
-      if (u.size) {
-        for (let a of u) if (e.canSelectItem(a)) {
-          s = a;
-          break;
-        }
-      }
-      e.setFocused(!0), e.setFocusedKey(s), s == null && !y && i.current && Z(i.current), e.collection.size > 0 && (z.current = !1, T.current = !0);
-    }
-  });
-  let D = $(e.focusedKey);
-  X(() => {
-    if (e.isFocused && e.focusedKey != null && (e.focusedKey !== D.current || T.current) && f.current && i.current) {
-      let l = Y(), r = V(i, e.focusedKey);
-      if (!(r instanceof HTMLElement))
-        return;
-      (l === "keyboard" || T.current) && (ve(f.current, r), l !== "virtual" && J(r, {
-        containingElement: i.current
-      }));
+  return h ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
     }
-    !y && e.isFocused && e.focusedKey == null && D.current != null && i.current && Z(i.current), D.current = e.focusedKey, T.current = !1;
-  }), S(i, "react-aria-focus-scope-restore", (l) => {
-    l.preventDefault(), e.setFocused(!0);
-  });
-  let E = {
-    onKeyDown: ce,
-    onFocus: ie,
-    onBlur: ne,
-    onMouseDown(l) {
-      f.current === l.target && l.preventDefault();
+  } : {
+    focusWithinProps: {
+      onFocus: g,
+      onBlur: n
     }
-  }, { typeSelectProps: ue } = ae({
-    keyboardDelegate: o,
-    selectionManager: e
-  });
-  oe || (E = G(ue, E));
-  let L;
-  y || (L = e.focusedKey == null ? 0 : -1);
-  let se = fe(e.collection);
-  return {
-    collectionProps: G(E, {
-      tabIndex: L,
-      "data-collection": se
-    })
   };
 }
 export {
-  Ce as useSelectableCollection
+  S as useFocusWithin
 };

package/index262.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index321.js"),y=require("./index171.js"),g=require("react");function K(t){var l;let[e,s]=y.useControlledState(t.selectedKey,(l=t.defaultSelectedKey)!==null&&l!==void 0?l:null,t.onSelectionChange),i=g.useMemo(()=>e!=null?[e]:[],[e]),{collection:a,disabledKeys:u,selectionManager:d}=S.useListState({...t,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:i,onSelectionChange:o=>{if(o==="all")return;var n;let c=(n=o.values().next().value)!==null&&n!==void 0?n:null;c===e&&t.onSelectionChange&&t.onSelectionChange(c),s(c)}}),r=e!=null?a.getItem(e):null;return{collection:a,disabledKeys:u,selectionManager:d,selectedKey:e,setSelectedKey:s,selectedItem:r}}exports.useSingleSelectListState=K;
+"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;