@sps-woodland/focused-task 8.1.0 → 8.1.1

package/lib/index.es.js

@@ -1,51 +1,51 @@
 import { Metadata as Se, cl as R, combineEventHandlers as fe, useChildTestIdAttrBuilder as ze, selectChildren as _e, modChildren as Ge, contentOf as pe } from "@sps-woodland/core";
 import { Button as Ye } from "@sps-woodland/buttons";
-import * as g from "react";
-import $, { useState as V, useRef as w, useEffect as S, useCallback as T, useContext as H, useMemo as I } from "react";
+import * as f from "react";
+import h, { useState as V, useRef as y, useEffect as S, useCallback as T, useContext as H, useMemo as I } from "react";
 import Ue from "react-dom";
 import { code as me } from "@spscommerce/utils";
 function Je(e, t, n) {
-  let [r, o] = V(e || t), a = w(e !== void 0), i = e !== void 0;
+  let [r, o] = V(e || t), a = y(e !== void 0), l = e !== void 0;
   S(() => {
     let s = a.current;
-    s !== i && console.warn(`WARN: A component changed from ${s ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}.`), a.current = i;
+    s !== l && console.warn(`WARN: A component changed from ${s ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}.`), a.current = l;
   }, [
-    i
+    l
   ]);
-  let c = i ? e : r, l = T((s, ...u) => {
-    let f = (d, ...p) => {
-      n && (Object.is(c, d) || n(d, ...p)), i || (c = d);
+  let c = l ? e : r, i = T((s, ...u) => {
+    let p = (d, ...m) => {
+      n && (Object.is(c, d) || n(d, ...m)), l || (c = d);
     };
-    typeof s == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), o((p, ...m) => {
-      let F = s(i ? c : p, ...m);
-      return f(F, ...u), i ? p : F;
-    })) : (i || o(s), f(s, ...u));
+    typeof s == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), o((m, ...b) => {
+      let F = s(l ? c : m, ...b);
+      return p(F, ...u), l ? m : F;
+    })) : (l || o(s), p(s, ...u));
   }, [
-    i,
+    l,
     c,
     n
   ]);
   return [
     c,
-    l
+    i
   ];
 }
 const _ = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, Fe = /* @__PURE__ */ $.createContext(_), Xe = /* @__PURE__ */ $.createContext(!1);
+}, Fe = /* @__PURE__ */ h.createContext(_), Xe = /* @__PURE__ */ h.createContext(!1);
 let Qe = Boolean(typeof window < "u" && window.document && window.document.createElement), Z = /* @__PURE__ */ new WeakMap();
 function Ze(e = !1) {
-  let t = H(Fe), n = w(null);
+  let t = H(Fe), n = y(null);
   if (n.current === null && !e) {
     var r, o;
-    let a = (o = $.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || o === void 0 || (r = o.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
+    let a = (o = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || o === void 0 || (r = o.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
     if (a) {
-      let i = Z.get(a);
-      i == null ? Z.set(a, {
+      let l = Z.get(a);
+      l == null ? Z.set(a, {
         id: t.current,
         state: a.memoizedState
-      }) : a.memoizedState !== i.state && (t.current = i.id, Z.delete(a));
+      }) : a.memoizedState !== l.state && (t.current = l.id, Z.delete(a));
     }
     n.current = ++t.current;
   }
@@ -58,10 +58,10 @@ function et(e) {
   return e || `${r}-${n}`;
 }
 function tt(e) {
-  let t = $.useId(), [n] = V(Pe()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${_.prefix}`;
+  let t = h.useId(), [n] = V(Pe()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${_.prefix}`;
   return e || `${r}-${t}`;
 }
-const nt = typeof $.useId == "function" ? tt : et;
+const nt = typeof h.useId == "function" ? tt : et;
 function rt() {
   return !1;
 }
@@ -73,31 +73,31 @@ function at(e) {
   };
 }
 function Pe() {
-  return typeof $.useSyncExternalStore == "function" ? $.useSyncExternalStore(at, rt, ot) : H(Xe);
+  return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(at, rt, ot) : H(Xe);
 }
-function Ce(e) {
+function ke(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number")
     r += e;
   else if (typeof e == "object")
     if (Array.isArray(e))
       for (t = 0; t < e.length; t++)
-        e[t] && (n = Ce(e[t])) && (r && (r += " "), r += n);
+        e[t] && (n = ke(e[t])) && (r && (r += " "), r += n);
     else
       for (t in e)
         e[t] && (r && (r += " "), r += t);
   return r;
 }
-function it() {
+function lt() {
   for (var e, t, n = 0, r = ""; n < arguments.length; )
-    (e = arguments[n++]) && (t = Ce(e)) && (r && (r += " "), r += t);
+    (e = arguments[n++]) && (t = ke(e)) && (r && (r += " "), r += t);
   return r;
 }
-const h = typeof document < "u" ? $.useLayoutEffect : () => {
+const g = typeof document < "u" ? h.useLayoutEffect : () => {
 };
 function W(e) {
-  const t = w(null);
-  return h(() => {
+  const t = y(null);
+  return g(() => {
     t.current = e;
   }, [
     e
@@ -106,20 +106,20 @@ function W(e) {
     return r(...n);
   }, []);
 }
-function lt(e) {
-  let [t, n] = V(e), r = w(null), o = W(() => {
-    let i = r.current.next();
-    if (i.done) {
+function it(e) {
+  let [t, n] = V(e), r = y(null), o = W(() => {
+    let l = r.current.next();
+    if (l.done) {
       r.current = null;
       return;
     }
-    t === i.value ? o() : n(i.value);
+    t === l.value ? o() : n(l.value);
   });
-  h(() => {
+  g(() => {
     r.current && o();
   });
-  let a = W((i) => {
-    r.current = i(t), o();
+  let a = W((l) => {
+    r.current = l(t), o();
   });
   return [
     t,
@@ -127,20 +127,20 @@ function lt(e) {
   ];
 }
 let ct = Boolean(typeof window < "u" && window.document && window.document.createElement), G = /* @__PURE__ */ new Map();
-function Le(e) {
-  let [t, n] = V(e), r = w(null), o = nt(t), a = T((i) => {
-    r.current = i;
+function Ce(e) {
+  let [t, n] = V(e), r = y(null), o = nt(t), a = T((l) => {
+    r.current = l;
   }, []);
-  return ct && G.set(o, a), h(() => {
-    let i = o;
+  return ct && G.set(o, a), g(() => {
+    let l = o;
     return () => {
-      G.delete(i);
+      G.delete(l);
     };
   }, [
     o
   ]), S(() => {
-    let i = r.current;
-    i && (r.current = null, n(i));
+    let l = r.current;
+    l && (r.current = null, n(l));
   }), o;
 }
 function st(e, t) {
@@ -153,7 +153,7 @@ function st(e, t) {
   return r ? (r(e), e) : t;
 }
 function ut(e = []) {
-  let t = Le(), [n, r] = lt(t), o = T(() => {
+  let t = Ce(), [n, r] = it(t), o = T(() => {
     r(function* () {
       yield t, yield document.getElementById(t) ? t : void 0;
     });
@@ -161,7 +161,7 @@ function ut(e = []) {
     t,
     r
   ]);
-  return h(o, [
+  return g(o, [
     t,
     o,
     ...e
@@ -184,8 +184,8 @@ function ft(...e) {
   for (let n = 1; n < e.length; n++) {
     let r = e[n];
     for (let o in r) {
-      let a = t[o], i = r[o];
-      typeof a == "function" && typeof i == "function" && o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= 65 && o.charCodeAt(2) <= 90 ? t[o] = Y(a, i) : (o === "className" || o === "UNSAFE_className") && typeof a == "string" && typeof i == "string" ? t[o] = it(a, i) : o === "id" && a && i ? t.id = st(a, i) : t[o] = i !== void 0 ? i : a;
+      let a = t[o], l = r[o];
+      typeof a == "function" && typeof l == "function" && o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= 65 && o.charCodeAt(2) <= 90 ? t[o] = Y(a, l) : (o === "className" || o === "UNSAFE_className") && typeof a == "string" && typeof l == "string" ? t[o] = lt(a, l) : o === "id" && a && l ? t.id = st(a, l) : t[o] = l !== void 0 ? l : a;
     }
   }
   return t;
@@ -207,8 +207,8 @@ const pt = /* @__PURE__ */ new Set([
 ]), vt = /^(data-.*)$/;
 function $t(e, t = {}) {
   let { labelable: n, isLink: r, propNames: o } = t, a = {};
-  for (const i in e)
-    Object.prototype.hasOwnProperty.call(e, i) && (pt.has(i) || n && mt.has(i) || r && bt.has(i) || (o == null ? void 0 : o.has(i)) || vt.test(i)) && (a[i] = e[i]);
+  for (const l in e)
+    Object.prototype.hasOwnProperty.call(e, l) && (pt.has(l) || n && mt.has(l) || r && bt.has(l) || (o == null ? void 0 : o.has(l)) || vt.test(l)) && (a[l] = e[l]);
   return a;
 }
 function be(e) {
@@ -254,28 +254,28 @@ function Et(e) {
   for (let { element: t, scrollTop: n, scrollLeft: r } of e)
     t.scrollTop = n, t.scrollLeft = r;
 }
-function wt(e) {
+function yt(e) {
   var t;
   return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((n) => e.test(n.brand))) || e.test(window.navigator.userAgent);
 }
-function ie(e) {
+function le(e) {
   var t;
   return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
 }
-function ke() {
-  return ie(/^Mac/i);
+function Le() {
+  return le(/^Mac/i);
 }
-function yt() {
-  return ie(/^iPhone/i);
+function wt() {
+  return le(/^iPhone/i);
 }
 function Tt() {
-  return ie(/^iPad/i) || ke() && navigator.maxTouchPoints > 1;
+  return le(/^iPad/i) || Le() && navigator.maxTouchPoints > 1;
 }
 function xt() {
-  return yt() || Tt();
+  return wt() || Tt();
 }
 function Nt() {
-  return wt(/Android/i);
+  return yt(/Android/i);
 }
 let O = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
 function ve() {
@@ -312,7 +312,7 @@ function $e(e) {
 function Ft(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : Nt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-const Me = $.createContext({
+const Me = h.createContext({
   register: () => {
   }
 });
@@ -322,11 +322,11 @@ function Pt({ children: e }) {
     register: () => {
     }
   }), []);
-  return /* @__PURE__ */ $.createElement(Me.Provider, {
+  return /* @__PURE__ */ h.createElement(Me.Provider, {
     value: t
   }, e);
 }
-class Ct {
+class kt {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -345,12 +345,12 @@ class Ct {
     this.nativeEvent = n, this.target = n.target, this.currentTarget = n.currentTarget, this.relatedTarget = n.relatedTarget, this.bubbles = n.bubbles, this.cancelable = n.cancelable, this.defaultPrevented = n.defaultPrevented, this.eventPhase = n.eventPhase, this.isTrusted = n.isTrusted, this.timeStamp = n.timeStamp, this.type = t;
   }
 }
-function Lt(e) {
-  let t = w({
+function Ct(e) {
+  let t = y({
     isFocused: !1,
     observer: null
   });
-  h(() => {
+  g(() => {
     const r = t.current;
     return () => {
       r.observer && (r.observer.disconnect(), r.observer = null);
@@ -362,15 +362,15 @@ function Lt(e) {
   return T((r) => {
     if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
-      let o = r.target, a = (i) => {
-        t.current.isFocused = !1, o.disabled && n(new Ct("blur", i)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+      let o = r.target, a = (l) => {
+        t.current.isFocused = !1, o.disabled && n(new kt("blur", l)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
       o.addEventListener("focusout", a, {
         once: !0
       }), t.current.observer = new MutationObserver(() => {
         if (t.current.isFocused && o.disabled) {
-          var i;
-          (i = t.current.observer) === null || i === void 0 || i.disconnect();
+          var l;
+          (l = t.current.observer) === null || l === void 0 || l.disconnect();
           let c = o === document.activeElement ? null : document.activeElement;
           o.dispatchEvent(new FocusEvent("blur", {
             relatedTarget: c
@@ -390,51 +390,51 @@ function Lt(e) {
     n
   ]);
 }
-let K = null, kt = /* @__PURE__ */ new Set(), he = !1, L = !1, re = !1;
-function le(e, t) {
-  for (let n of kt)
+let K = null, Lt = /* @__PURE__ */ new Set(), he = !1, C = !1, re = !1;
+function ie(e, t) {
+  for (let n of Lt)
     n(e, t);
 }
 function Ot(e) {
-  return !(e.metaKey || !ke() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+  return !(e.metaKey || !Le() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function ge(e) {
-  L = !0, Ot(e) && (K = "keyboard", le("keyboard", e));
+  C = !0, Ot(e) && (K = "keyboard", ie("keyboard", e));
 }
-function k(e) {
-  K = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (L = !0, le("pointer", e));
+function L(e) {
+  K = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (C = !0, ie("pointer", e));
 }
 function Mt(e) {
-  Ft(e) && (L = !0, K = "virtual");
+  Ft(e) && (C = !0, K = "virtual");
 }
 function Dt(e) {
-  e.target === window || e.target === document || (!L && !re && (K = "virtual", le("virtual", e)), L = !1, re = !1);
+  e.target === window || e.target === document || (!C && !re && (K = "virtual", ie("virtual", e)), C = !1, re = !1);
 }
 function At() {
-  L = !1, re = !0;
+  C = !1, re = !0;
 }
 function Ee() {
   if (typeof window > "u" || he)
     return;
   let e = HTMLElement.prototype.focus;
   HTMLElement.prototype.focus = function() {
-    L = !0, e.apply(this, arguments);
-  }, document.addEventListener("keydown", ge, !0), document.addEventListener("keyup", ge, !0), document.addEventListener("click", Mt, !0), window.addEventListener("focus", Dt, !0), window.addEventListener("blur", At, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", k, !0), document.addEventListener("pointermove", k, !0), document.addEventListener("pointerup", k, !0)) : (document.addEventListener("mousedown", k, !0), document.addEventListener("mousemove", k, !0), document.addEventListener("mouseup", k, !0)), he = !0;
+    C = !0, e.apply(this, arguments);
+  }, document.addEventListener("keydown", ge, !0), document.addEventListener("keyup", ge, !0), document.addEventListener("click", Mt, !0), window.addEventListener("focus", Dt, !0), window.addEventListener("blur", At, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", L, !0), document.addEventListener("pointermove", L, !0), document.addEventListener("pointerup", L, !0)) : (document.addEventListener("mousedown", L, !0), document.addEventListener("mousemove", L, !0), document.addEventListener("mouseup", L, !0)), he = !0;
 }
 typeof document < "u" && (document.readyState !== "loading" ? Ee() : document.addEventListener("DOMContentLoaded", Ee));
 function Rt() {
   return K;
 }
 function It(e) {
-  let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, a = w({
+  let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, a = y({
     isFocusWithin: !1
-  }), i = T((s) => {
+  }), l = T((s) => {
     a.current.isFocusWithin && !s.currentTarget.contains(s.relatedTarget) && (a.current.isFocusWithin = !1, n && n(s), o && o(!1));
   }, [
     n,
     o,
     a
-  ]), c = Lt(i), l = T((s) => {
+  ]), c = Ct(l), i = T((s) => {
     !a.current.isFocusWithin && document.activeElement === s.target && (r && r(s), o && o(!0), a.current.isFocusWithin = !0, c(s));
   }, [
     r,
@@ -448,46 +448,46 @@ function It(e) {
     }
   } : {
     focusWithinProps: {
-      onFocus: l,
-      onBlur: i
+      onFocus: i,
+      onBlur: l
     }
   };
 }
 function Bt(e) {
-  let { ref: t, onInteractOutside: n, isDisabled: r, onInteractOutsideStart: o } = e, a = w({
+  let { ref: t, onInteractOutside: n, isDisabled: r, onInteractOutsideStart: o } = e, a = y({
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
-  }), i = W((l) => {
-    n && j(l, t) && (o && o(l), a.current.isPointerDown = !0);
-  }), c = W((l) => {
-    n && n(l);
+  }), l = W((i) => {
+    n && j(i, t) && (o && o(i), a.current.isPointerDown = !0);
+  }), c = W((i) => {
+    n && n(i);
   });
   S(() => {
-    let l = a.current;
+    let i = a.current;
     if (r)
       return;
     const s = t.current, u = dt(s);
     if (typeof PointerEvent < "u") {
-      let f = (d) => {
-        l.isPointerDown && j(d, t) && c(d), l.isPointerDown = !1;
+      let p = (d) => {
+        i.isPointerDown && j(d, t) && c(d), i.isPointerDown = !1;
       };
-      return u.addEventListener("pointerdown", i, !0), u.addEventListener("pointerup", f, !0), () => {
-        u.removeEventListener("pointerdown", i, !0), u.removeEventListener("pointerup", f, !0);
+      return u.addEventListener("pointerdown", l, !0), u.addEventListener("pointerup", p, !0), () => {
+        u.removeEventListener("pointerdown", l, !0), u.removeEventListener("pointerup", p, !0);
       };
     } else {
-      let f = (p) => {
-        l.ignoreEmulatedMouseEvents ? l.ignoreEmulatedMouseEvents = !1 : l.isPointerDown && j(p, t) && c(p), l.isPointerDown = !1;
-      }, d = (p) => {
-        l.ignoreEmulatedMouseEvents = !0, l.isPointerDown && j(p, t) && c(p), l.isPointerDown = !1;
+      let p = (m) => {
+        i.ignoreEmulatedMouseEvents ? i.ignoreEmulatedMouseEvents = !1 : i.isPointerDown && j(m, t) && c(m), i.isPointerDown = !1;
+      }, d = (m) => {
+        i.ignoreEmulatedMouseEvents = !0, i.isPointerDown && j(m, t) && c(m), i.isPointerDown = !1;
       };
-      return u.addEventListener("mousedown", i, !0), u.addEventListener("mouseup", f, !0), u.addEventListener("touchstart", i, !0), u.addEventListener("touchend", d, !0), () => {
-        u.removeEventListener("mousedown", i, !0), u.removeEventListener("mouseup", f, !0), u.removeEventListener("touchstart", i, !0), u.removeEventListener("touchend", d, !0);
+      return u.addEventListener("mousedown", l, !0), u.addEventListener("mouseup", p, !0), u.addEventListener("touchstart", l, !0), u.addEventListener("touchend", d, !0), () => {
+        u.removeEventListener("mousedown", l, !0), u.removeEventListener("mouseup", p, !0), u.removeEventListener("touchstart", l, !0), u.removeEventListener("touchend", d, !0);
       };
     }
   }, [
     t,
     r,
-    i,
+    l,
     c
   ]);
 }
@@ -516,8 +516,8 @@ function Wt(e) {
   let { display: t, visibility: n } = e.style, r = t !== "none" && n !== "hidden" && n !== "collapse";
   if (r) {
     const { getComputedStyle: o } = e.ownerDocument.defaultView;
-    let { display: a, visibility: i } = o(e);
-    r = a !== "none" && i !== "hidden" && i !== "collapse";
+    let { display: a, visibility: l } = o(e);
+    r = a !== "none" && l !== "hidden" && l !== "collapse";
   }
   return r;
 }
@@ -527,108 +527,108 @@ function Vt(e, t) {
 function De(e, t) {
   return e.nodeName !== "#comment" && Wt(e) && Vt(e, t) && (!e.parentElement || De(e.parentElement, e));
 }
-const we = /* @__PURE__ */ $.createContext(null);
-let b = null;
+const ye = /* @__PURE__ */ h.createContext(null);
+let v = null;
 function Ht(e) {
-  let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, a = w(null), i = w(null), c = w([]), { parentNode: l } = H(we) || {}, s = I(() => new ae({
+  let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, a = y(null), l = y(null), c = y([]), { parentNode: i } = H(ye) || {}, s = I(() => new ae({
     scopeRef: c
   }), [
     c
   ]);
-  h(() => {
-    let d = l || v.root;
-    if (v.getTreeNode(d.scopeRef) && b && !J(b, d.scopeRef)) {
-      let p = v.getTreeNode(b);
-      p && (d = p);
+  g(() => {
+    let d = i || $.root;
+    if ($.getTreeNode(d.scopeRef) && v && !J(v, d.scopeRef)) {
+      let m = $.getTreeNode(v);
+      m && (d = m);
     }
-    d.addChild(s), v.addNode(s);
+    d.addChild(s), $.addNode(s);
   }, [
     s,
-    l
-  ]), h(() => {
-    let d = v.getTreeNode(c);
+    i
+  ]), g(() => {
+    let d = $.getTreeNode(c);
     d && (d.contain = !!n);
   }, [
     n
-  ]), h(() => {
+  ]), g(() => {
     var d;
-    let p = (d = a.current) === null || d === void 0 ? void 0 : d.nextSibling, m = [];
-    for (; p && p !== i.current; )
-      m.push(p), p = p.nextSibling;
-    c.current = m;
+    let m = (d = a.current) === null || d === void 0 ? void 0 : d.nextSibling, b = [];
+    for (; m && m !== l.current; )
+      b.push(m), m = m.nextSibling;
+    c.current = b;
   }, [
     t
   ]), Yt(c, r, n), zt(c, n), Jt(c, r, n), Gt(c, o), S(() => {
-    let d = document.activeElement, p = null;
+    let d = document.activeElement, m = null;
     if (E(d, c.current)) {
-      for (let m of v.traverse())
-        m.scopeRef && E(d, m.scopeRef.current) && (p = m);
-      p === v.getTreeNode(c) && (b = p.scopeRef);
+      for (let b of $.traverse())
+        b.scopeRef && E(d, b.scopeRef.current) && (m = b);
+      m === $.getTreeNode(c) && (v = m.scopeRef);
     }
   }, [
     c
-  ]), h(() => () => {
-    var d, p, m;
-    let F = (m = (p = v.getTreeNode(c)) === null || p === void 0 || (d = p.parent) === null || d === void 0 ? void 0 : d.scopeRef) !== null && m !== void 0 ? m : null;
-    (c === b || J(c, b)) && (!F || v.getTreeNode(F)) && (b = F), v.removeTreeNode(c);
+  ]), g(() => () => {
+    var d, m, b;
+    let F = (b = (m = $.getTreeNode(c)) === null || m === void 0 || (d = m.parent) === null || d === void 0 ? void 0 : d.scopeRef) !== null && b !== void 0 ? b : null;
+    (c === v || J(c, v)) && (!F || $.getTreeNode(F)) && (v = F), $.removeTreeNode(c);
   }, [
     c
   ]);
-  let u = I(() => Kt(c), []), f = I(() => ({
+  let u = I(() => Kt(c), []), p = I(() => ({
     focusManager: u,
     parentNode: s
   }), [
     s,
     u
   ]);
-  return /* @__PURE__ */ $.createElement(we.Provider, {
-    value: f
-  }, /* @__PURE__ */ $.createElement("span", {
+  return /* @__PURE__ */ h.createElement(ye.Provider, {
+    value: p
+  }, /* @__PURE__ */ h.createElement("span", {
     "data-focus-scope-start": !0,
     hidden: !0,
     ref: a
-  }), t, /* @__PURE__ */ $.createElement("span", {
+  }), t, /* @__PURE__ */ h.createElement("span", {
     "data-focus-scope-end": !0,
     hidden: !0,
-    ref: i
+    ref: l
   }));
 }
 function Kt(e) {
   return {
     focusNext(t = {}) {
-      let n = e.current, { from: r, tabbable: o, wrap: a, accept: i } = t, c = r || document.activeElement, l = n[0].previousElementSibling, s = C(n), u = P(s, {
+      let n = e.current, { from: r, tabbable: o, wrap: a, accept: l } = t, c = r || document.activeElement, i = n[0].previousElementSibling, s = k(n), u = P(s, {
         tabbable: o,
-        accept: i
+        accept: l
       }, n);
-      u.currentNode = E(c, n) ? c : l;
-      let f = u.nextNode();
-      return !f && a && (u.currentNode = l, f = u.nextNode()), f && N(f, !0), f;
+      u.currentNode = E(c, n) ? c : i;
+      let p = u.nextNode();
+      return !p && a && (u.currentNode = i, p = u.nextNode()), p && N(p, !0), p;
     },
     focusPrevious(t = {}) {
-      let n = e.current, { from: r, tabbable: o, wrap: a, accept: i } = t, c = r || document.activeElement, l = n[n.length - 1].nextElementSibling, s = C(n), u = P(s, {
+      let n = e.current, { from: r, tabbable: o, wrap: a, accept: l } = t, c = r || document.activeElement, i = n[n.length - 1].nextElementSibling, s = k(n), u = P(s, {
         tabbable: o,
-        accept: i
+        accept: l
       }, n);
-      u.currentNode = E(c, n) ? c : l;
-      let f = u.previousNode();
-      return !f && a && (u.currentNode = l, f = u.previousNode()), f && N(f, !0), f;
+      u.currentNode = E(c, n) ? c : i;
+      let p = u.previousNode();
+      return !p && a && (u.currentNode = i, p = u.previousNode()), p && N(p, !0), p;
     },
     focusFirst(t = {}) {
-      let n = e.current, { tabbable: r, accept: o } = t, a = C(n), i = P(a, {
+      let n = e.current, { tabbable: r, accept: o } = t, a = k(n), l = P(a, {
         tabbable: r,
         accept: o
       }, n);
-      i.currentNode = n[0].previousElementSibling;
-      let c = i.nextNode();
+      l.currentNode = n[0].previousElementSibling;
+      let c = l.nextNode();
       return c && N(c, !0), c;
     },
     focusLast(t = {}) {
-      let n = e.current, { tabbable: r, accept: o } = t, a = C(n), i = P(a, {
+      let n = e.current, { tabbable: r, accept: o } = t, a = k(n), l = P(a, {
         tabbable: r,
         accept: o
       }, n);
-      i.currentNode = n[n.length - 1].nextElementSibling;
-      let c = i.previousNode();
+      l.currentNode = n[n.length - 1].nextElementSibling;
+      let c = l.previousNode();
       return c && N(c, !0), c;
     }
   };
@@ -650,11 +650,11 @@ const ce = [
 ], qt = ce.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
 ce.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
 const jt = ce.join(':not([hidden]):not([tabindex="-1"]),');
-function C(e) {
+function k(e) {
   return e[0].parentElement;
 }
 function A(e) {
-  let t = v.getTreeNode(b);
+  let t = $.getTreeNode(v);
   for (; t && t.scopeRef !== e; ) {
     if (t.contain)
       return !1;
@@ -663,46 +663,46 @@ function A(e) {
   return !0;
 }
 function zt(e, t) {
-  let n = w(), r = w();
-  h(() => {
+  let n = y(), r = y();
+  g(() => {
     let o = e.current;
     if (!t) {
       r.current && (cancelAnimationFrame(r.current), r.current = void 0);
       return;
     }
-    let a = (l) => {
-      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !A(e))
+    let a = (i) => {
+      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !A(e))
         return;
       let s = document.activeElement, u = e.current;
       if (!u || !E(s, u))
         return;
-      let f = C(u), d = P(f, {
+      let p = k(u), d = P(p, {
         tabbable: !0
       }, u);
       if (!s)
         return;
       d.currentNode = s;
-      let p = l.shiftKey ? d.previousNode() : d.nextNode();
-      p || (d.currentNode = l.shiftKey ? u[u.length - 1].nextElementSibling : u[0].previousElementSibling, p = l.shiftKey ? d.previousNode() : d.nextNode()), l.preventDefault(), p && N(p, !0);
-    }, i = (l) => {
-      (!b || J(b, e)) && E(l.target, e.current) ? (b = e, n.current = l.target) : A(e) && !U(l.target, e) ? n.current ? n.current.focus() : b && b.current && X(b.current) : A(e) && (n.current = l.target);
-    }, c = (l) => {
+      let m = i.shiftKey ? d.previousNode() : d.nextNode();
+      m || (d.currentNode = i.shiftKey ? u[u.length - 1].nextElementSibling : u[0].previousElementSibling, m = i.shiftKey ? d.previousNode() : d.nextNode()), i.preventDefault(), m && N(m, !0);
+    }, l = (i) => {
+      (!v || J(v, e)) && E(i.target, e.current) ? (v = e, n.current = i.target) : A(e) && !U(i.target, e) ? n.current ? n.current.focus() : v && v.current && X(v.current) : A(e) && (n.current = i.target);
+    }, c = (i) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
         if (document.activeElement && A(e) && !U(document.activeElement, e))
-          if (b = e, document.body.contains(l.target)) {
+          if (v = e, document.body.contains(i.target)) {
             var s;
-            n.current = l.target, (s = n.current) === null || s === void 0 || s.focus();
+            n.current = i.target, (s = n.current) === null || s === void 0 || s.focus();
           } else
-            b.current && X(b.current);
+            v.current && X(v.current);
       });
     };
-    return document.addEventListener("keydown", a, !1), document.addEventListener("focusin", i, !1), o == null || o.forEach((l) => l.addEventListener("focusin", i, !1)), o == null || o.forEach((l) => l.addEventListener("focusout", c, !1)), () => {
-      document.removeEventListener("keydown", a, !1), document.removeEventListener("focusin", i, !1), o == null || o.forEach((l) => l.removeEventListener("focusin", i, !1)), o == null || o.forEach((l) => l.removeEventListener("focusout", c, !1));
+    return document.addEventListener("keydown", a, !1), document.addEventListener("focusin", l, !1), o == null || o.forEach((i) => i.addEventListener("focusin", l, !1)), o == null || o.forEach((i) => i.addEventListener("focusout", c, !1)), () => {
+      document.removeEventListener("keydown", a, !1), document.removeEventListener("focusin", l, !1), o == null || o.forEach((i) => i.removeEventListener("focusin", l, !1)), o == null || o.forEach((i) => i.removeEventListener("focusout", c, !1));
     };
   }, [
     e,
     t
-  ]), h(() => () => {
+  ]), g(() => () => {
     r.current && cancelAnimationFrame(r.current);
   }, [
     r
@@ -717,17 +717,17 @@ function E(e, t) {
 function U(e, t = null) {
   if (e instanceof Element && e.closest("[data-react-aria-top-layer]"))
     return !0;
-  for (let { scopeRef: n } of v.traverse(v.getTreeNode(t)))
+  for (let { scopeRef: n } of $.traverse($.getTreeNode(t)))
     if (n && E(e, n.current))
       return !0;
   return !1;
 }
 function _t(e) {
-  return U(e, b);
+  return U(e, v);
 }
 function J(e, t) {
   var n;
-  let r = (n = v.getTreeNode(t)) === null || n === void 0 ? void 0 : n.parent;
+  let r = (n = $.getTreeNode(t)) === null || n === void 0 ? void 0 : n.parent;
   for (; r; ) {
     if (r.scopeRef === e)
       return !0;
@@ -748,30 +748,30 @@ function N(e, t = !1) {
     }
 }
 function X(e, t = !0) {
-  let n = e[0].previousElementSibling, r = C(e), o = P(r, {
+  let n = e[0].previousElementSibling, r = k(e), o = P(r, {
     tabbable: t
   }, e);
   o.currentNode = n;
   let a = o.nextNode();
-  t && !a && (r = C(e), o = P(r, {
+  t && !a && (r = k(e), o = P(r, {
     tabbable: !1
   }, e), o.currentNode = n, a = o.nextNode()), N(a);
 }
 function Gt(e, t) {
-  const n = $.useRef(t);
+  const n = h.useRef(t);
   S(() => {
-    n.current && (b = e, !E(document.activeElement, b.current) && e.current && X(e.current)), n.current = !1;
+    n.current && (v = e, !E(document.activeElement, v.current) && e.current && X(e.current)), n.current = !1;
   }, [
     e
   ]);
 }
 function Yt(e, t, n) {
-  h(() => {
+  g(() => {
     if (t || n)
       return;
     let r = e.current, o = (a) => {
-      let i = a.target;
-      E(i, e.current) ? b = e : Ae(i) || (b = null);
+      let l = a.target;
+      E(l, e.current) ? v = e : Ae(l) || (v = null);
     };
     return document.addEventListener("focusin", o, !1), r == null || r.forEach((a) => a.addEventListener("focusin", o, !1)), () => {
       document.removeEventListener("focusin", o, !1), r == null || r.forEach((a) => a.removeEventListener("focusin", o, !1));
@@ -783,7 +783,7 @@ function Yt(e, t, n) {
   ]);
 }
 function Ut(e) {
-  let t = v.getTreeNode(b);
+  let t = $.getTreeNode(v);
   for (; t && t.scopeRef !== e; ) {
     if (t.nodeToRestore)
       return !1;
@@ -792,43 +792,43 @@ function Ut(e) {
   return (t == null ? void 0 : t.scopeRef) === e;
 }
 function Jt(e, t, n) {
-  const r = w(typeof document < "u" ? document.activeElement : null);
-  h(() => {
+  const r = y(typeof document < "u" ? document.activeElement : null);
+  g(() => {
     let o = e.current;
     if (!t || n)
       return;
     let a = () => {
-      (!b || J(b, e)) && E(document.activeElement, e.current) && (b = e);
+      (!v || J(v, e)) && E(document.activeElement, e.current) && (v = e);
     };
-    return document.addEventListener("focusin", a, !1), o == null || o.forEach((i) => i.addEventListener("focusin", a, !1)), () => {
-      document.removeEventListener("focusin", a, !1), o == null || o.forEach((i) => i.removeEventListener("focusin", a, !1));
+    return document.addEventListener("focusin", a, !1), o == null || o.forEach((l) => l.addEventListener("focusin", a, !1)), () => {
+      document.removeEventListener("focusin", a, !1), o == null || o.forEach((l) => l.removeEventListener("focusin", a, !1));
     };
   }, [
     e,
     n
-  ]), h(() => {
+  ]), g(() => {
     if (!t)
       return;
     let o = (a) => {
       if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !A(e))
         return;
-      let i = document.activeElement;
-      if (!E(i, e.current))
+      let l = document.activeElement;
+      if (!E(l, e.current))
         return;
-      let c = v.getTreeNode(e);
+      let c = $.getTreeNode(e);
       if (!c)
         return;
-      let l = c.nodeToRestore, s = P(document.body, {
+      let i = c.nodeToRestore, s = P(document.body, {
         tabbable: !0
       });
-      s.currentNode = i;
+      s.currentNode = l;
       let u = a.shiftKey ? s.previousNode() : s.nextNode();
-      if ((!l || !document.body.contains(l) || l === document.body) && (l = void 0, c.nodeToRestore = void 0), (!u || !E(u, e.current)) && l) {
-        s.currentNode = l;
+      if ((!i || !document.body.contains(i) || i === document.body) && (i = void 0, c.nodeToRestore = void 0), (!u || !E(u, e.current)) && i) {
+        s.currentNode = i;
         do
           u = a.shiftKey ? s.previousNode() : s.nextNode();
         while (E(u, e.current));
-        a.preventDefault(), a.stopPropagation(), u ? N(u, !0) : Ae(l) ? N(l, !0) : i.blur();
+        a.preventDefault(), a.stopPropagation(), u ? N(u, !0) : Ae(i) ? N(i, !0) : l.blur();
       }
     };
     return n || document.addEventListener("keydown", o, !0), () => {
@@ -838,22 +838,22 @@ function Jt(e, t, n) {
     e,
     t,
     n
-  ]), h(() => {
+  ]), g(() => {
     if (!t)
       return;
-    let o = v.getTreeNode(e);
+    let o = $.getTreeNode(e);
     if (!!o) {
       var a;
       return o.nodeToRestore = (a = r.current) !== null && a !== void 0 ? a : void 0, () => {
-        let i = v.getTreeNode(e);
-        if (!i)
+        let l = $.getTreeNode(e);
+        if (!l)
           return;
-        let c = i.nodeToRestore;
+        let c = l.nodeToRestore;
         if (t && c && (E(document.activeElement, e.current) || document.activeElement === document.body && Ut(e))) {
-          let l = v.clone();
+          let i = $.clone();
           requestAnimationFrame(() => {
             if (document.activeElement === document.body) {
-              let s = l.getTreeNode(e);
+              let s = i.getTreeNode(e);
               for (; s; ) {
                 if (s.nodeToRestore && document.body.contains(s.nodeToRestore)) {
                   N(s.nodeToRestore);
@@ -861,8 +861,8 @@ function Jt(e, t, n) {
                 }
                 s = s.parent;
               }
-              for (s = l.getTreeNode(e); s; ) {
-                if (s.scopeRef && s.scopeRef.current && v.getTreeNode(s.scopeRef)) {
+              for (s = i.getTreeNode(e); s; ) {
+                if (s.scopeRef && s.scopeRef.current && $.getTreeNode(s.scopeRef)) {
                   X(s.scopeRef.current, !0);
                   return;
                 }
@@ -881,8 +881,8 @@ function Jt(e, t, n) {
 function P(e, t, n) {
   let r = t != null && t.tabbable ? jt : qt, o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode(a) {
-      var i;
-      return !(t == null || (i = t.from) === null || i === void 0) && i.contains(a) ? NodeFilter.FILTER_REJECT : a.matches(r) && De(a) && (!n || E(a, n)) && (!(t != null && t.accept) || t.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      var l;
+      return !(t == null || (l = t.from) === null || l === void 0) && l.contains(a) ? NodeFilter.FILTER_REJECT : a.matches(r) && De(a) && (!n || E(a, n)) && (!(t != null && t.accept) || t.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
   return t != null && t.from && (o.currentNode = t.from), o;
@@ -948,25 +948,25 @@ class ae {
     this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
   }
 }
-let v = new se();
+let $ = new se();
 const Xt = /* @__PURE__ */ new WeakMap(), x = [];
 function Qt(e, t) {
-  let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: a = !1, isKeyboardDismissDisabled: i = !1, shouldCloseOnInteractOutside: c } = e;
+  let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: a = !1, isKeyboardDismissDisabled: l = !1, shouldCloseOnInteractOutside: c } = e;
   S(() => (o && x.push(t), () => {
-    let m = x.indexOf(t);
-    m >= 0 && x.splice(m, 1);
+    let b = x.indexOf(t);
+    b >= 0 && x.splice(b, 1);
   }), [
     o,
     t
   ]);
-  let l = () => {
+  let i = () => {
     x[x.length - 1] === t && n && n();
-  }, s = (m) => {
-    (!c || c(m.target)) && x[x.length - 1] === t && (m.stopPropagation(), m.preventDefault());
-  }, u = (m) => {
-    (!c || c(m.target)) && (x[x.length - 1] === t && (m.stopPropagation(), m.preventDefault()), l());
-  }, f = (m) => {
-    m.key === "Escape" && !i && (m.stopPropagation(), m.preventDefault(), l());
+  }, s = (b) => {
+    (!c || c(b.target)) && x[x.length - 1] === t && (b.stopPropagation(), b.preventDefault());
+  }, u = (b) => {
+    (!c || c(b.target)) && (x[x.length - 1] === t && (b.stopPropagation(), b.preventDefault()), i());
+  }, p = (b) => {
+    b.key === "Escape" && !l && (b.stopPropagation(), b.preventDefault(), i());
   };
   Bt({
     ref: t,
@@ -975,19 +975,19 @@ function Qt(e, t) {
   });
   let { focusWithinProps: d } = It({
     isDisabled: !r,
-    onBlurWithin: (m) => {
-      !m.relatedTarget || _t(m.relatedTarget) || (!c || c(m.relatedTarget)) && n();
+    onBlurWithin: (b) => {
+      !b.relatedTarget || _t(b.relatedTarget) || (!c || c(b.relatedTarget)) && n();
     }
-  }), p = (m) => {
-    m.target === m.currentTarget && m.preventDefault();
+  }), m = (b) => {
+    b.target === b.currentTarget && b.preventDefault();
   };
   return {
     overlayProps: {
-      onKeyDown: f,
+      onKeyDown: p,
       ...d
     },
     underlayProps: {
-      onPointerDown: p
+      onPointerDown: m
     }
   };
 }
@@ -998,16 +998,16 @@ function Zt(e, t, n) {
   });
   let a;
   r === "menu" ? a = !0 : r === "listbox" && (a = "listbox");
-  let i = Le();
+  let l = Ce();
   return {
     triggerProps: {
       "aria-haspopup": a,
       "aria-expanded": o,
-      "aria-controls": o ? i : null,
+      "aria-controls": o ? l : null,
       onPress: t.toggle
     },
     overlayProps: {
-      id: i
+      id: l
     }
   };
 }
@@ -1025,7 +1025,7 @@ const ee = typeof document < "u" && window.visualViewport, en = /* @__PURE__ */
 let z = 0, te;
 function tn(e = {}) {
   let { isDisabled: t } = e;
-  h(() => {
+  g(() => {
     if (!t)
       return z++, z === 1 && (xt() ? te = rn() : te = nn()), () => {
         z--, z === 0 && te();
@@ -1038,32 +1038,32 @@ function nn() {
   return Y(B(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), B(document.documentElement, "overflow", "hidden"));
 }
 function rn() {
-  let e, t = 0, n = (f) => {
-    e = Oe(f.target), !(e === document.documentElement && e === document.body) && (t = f.changedTouches[0].pageY);
-  }, r = (f) => {
+  let e, t = 0, n = (p) => {
+    e = Oe(p.target), !(e === document.documentElement && e === document.body) && (t = p.changedTouches[0].pageY);
+  }, r = (p) => {
     if (!e || e === document.documentElement || e === document.body) {
-      f.preventDefault();
+      p.preventDefault();
       return;
     }
-    let d = f.changedTouches[0].pageY, p = e.scrollTop, m = e.scrollHeight - e.clientHeight;
-    m !== 0 && ((p <= 0 && d > t || p >= m && d < t) && f.preventDefault(), t = d);
-  }, o = (f) => {
-    let d = f.target;
-    Te(d) && d !== document.activeElement && (f.preventDefault(), d.style.transform = "translateY(-2000px)", d.focus(), requestAnimationFrame(() => {
+    let d = p.changedTouches[0].pageY, m = e.scrollTop, b = e.scrollHeight - e.clientHeight;
+    b !== 0 && ((m <= 0 && d > t || m >= b && d < t) && p.preventDefault(), t = d);
+  }, o = (p) => {
+    let d = p.target;
+    Te(d) && d !== document.activeElement && (p.preventDefault(), d.style.transform = "translateY(-2000px)", d.focus(), requestAnimationFrame(() => {
       d.style.transform = "";
     }));
-  }, a = (f) => {
-    let d = f.target;
+  }, a = (p) => {
+    let d = p.target;
     Te(d) && (d.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
       d.style.transform = "", ee && (ee.height < window.innerHeight ? requestAnimationFrame(() => {
-        ye(d);
-      }) : ee.addEventListener("resize", () => ye(d), {
+        we(d);
+      }) : ee.addEventListener("resize", () => we(d), {
         once: !0
       }));
     }));
-  }, i = () => {
+  }, l = () => {
     window.scrollTo(0, 0);
-  }, c = window.pageXOffset, l = window.pageYOffset, s = Y(B(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), B(document.documentElement, "overflow", "hidden"), B(document.body, "marginTop", `-${l}px`));
+  }, c = window.pageXOffset, i = window.pageYOffset, s = Y(B(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), B(document.documentElement, "overflow", "hidden"), B(document.body, "marginTop", `-${i}px`));
   window.scrollTo(0, 0);
   let u = Y(M(document, "touchstart", n, {
     passive: !1,
@@ -1074,9 +1074,9 @@ function rn() {
   }), M(document, "touchend", o, {
     passive: !1,
     capture: !0
-  }), M(document, "focus", a, !0), M(window, "scroll", i));
+  }), M(document, "focus", a, !0), M(window, "scroll", l));
   return () => {
-    s(), u(), window.scrollTo(c, l);
+    s(), u(), window.scrollTo(c, i);
   };
 }
 function B(e, t, n) {
@@ -1090,7 +1090,7 @@ function M(e, t, n, r) {
     e.removeEventListener(t, n, r);
   };
 }
-function ye(e) {
+function we(e) {
   let t = document.scrollingElement || document.documentElement;
   for (; e && e !== t; ) {
     let n = Oe(e);
@@ -1104,34 +1104,34 @@ function ye(e) {
 function Te(e) {
   return e instanceof HTMLInputElement && !en.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
 }
-let D = /* @__PURE__ */ new WeakMap(), y = [];
+let D = /* @__PURE__ */ new WeakMap(), w = [];
 function on(e, t = document.body) {
-  let n = new Set(e), r = /* @__PURE__ */ new Set(), o = (l) => {
-    for (let d of l.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
+  let n = new Set(e), r = /* @__PURE__ */ new Set(), o = (i) => {
+    for (let d of i.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
       n.add(d);
     let s = (d) => {
       if (n.has(d) || r.has(d.parentElement) && d.parentElement.getAttribute("role") !== "row")
         return NodeFilter.FILTER_REJECT;
-      for (let p of n)
-        if (d.contains(p))
+      for (let m of n)
+        if (d.contains(m))
           return NodeFilter.FILTER_SKIP;
       return NodeFilter.FILTER_ACCEPT;
-    }, u = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, {
+    }, u = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, {
       acceptNode: s
-    }), f = s(l);
-    if (f === NodeFilter.FILTER_ACCEPT && a(l), f !== NodeFilter.FILTER_REJECT) {
+    }), p = s(i);
+    if (p === NodeFilter.FILTER_ACCEPT && a(i), p !== NodeFilter.FILTER_REJECT) {
       let d = u.nextNode();
       for (; d != null; )
         a(d), d = u.nextNode();
     }
-  }, a = (l) => {
+  }, a = (i) => {
     var s;
-    let u = (s = D.get(l)) !== null && s !== void 0 ? s : 0;
-    l.getAttribute("aria-hidden") === "true" && u === 0 || (u === 0 && l.setAttribute("aria-hidden", "true"), r.add(l), D.set(l, u + 1));
+    let u = (s = D.get(i)) !== null && s !== void 0 ? s : 0;
+    i.getAttribute("aria-hidden") === "true" && u === 0 || (u === 0 && i.setAttribute("aria-hidden", "true"), r.add(i), D.set(i, u + 1));
   };
-  y.length && y[y.length - 1].disconnect(), o(t);
-  let i = new MutationObserver((l) => {
-    for (let s of l)
+  w.length && w[w.length - 1].disconnect(), o(t);
+  let l = new MutationObserver((i) => {
+    for (let s of i)
       if (!(s.type !== "childList" || s.addedNodes.length === 0) && ![
         ...n,
         ...r
@@ -1142,33 +1142,33 @@ function on(e, t = document.body) {
           (u instanceof HTMLElement || u instanceof SVGElement) && (u.dataset.liveAnnouncer === "true" || u.dataset.reactAriaTopLayer === "true") ? n.add(u) : u instanceof Element && o(u);
       }
   });
-  i.observe(t, {
+  l.observe(t, {
     childList: !0,
     subtree: !0
   });
   let c = {
     observe() {
-      i.observe(t, {
+      l.observe(t, {
         childList: !0,
         subtree: !0
       });
     },
     disconnect() {
-      i.disconnect();
+      l.disconnect();
     }
   };
-  return y.push(c), () => {
-    i.disconnect();
-    for (let l of r) {
-      let s = D.get(l);
-      s === 1 ? (l.removeAttribute("aria-hidden"), D.delete(l)) : D.set(l, s - 1);
+  return w.push(c), () => {
+    l.disconnect();
+    for (let i of r) {
+      let s = D.get(i);
+      s === 1 ? (i.removeAttribute("aria-hidden"), D.delete(i)) : D.set(i, s - 1);
     }
-    c === y[y.length - 1] ? (y.pop(), y.length && y[y.length - 1].observe()) : y.splice(y.indexOf(c), 1);
+    c === w[w.length - 1] ? (w.pop(), w.length && w[w.length - 1].observe()) : w.splice(w.indexOf(c), 1);
   };
 }
-const Re = /* @__PURE__ */ $.createContext(null);
+const Re = /* @__PURE__ */ h.createContext(null);
 function an(e) {
-  let t = Pe(), { portalContainer: n = t ? null : document.body, isExiting: r } = e, [o, a] = V(!1), i = I(() => ({
+  let t = Pe(), { portalContainer: n = t ? null : document.body, isExiting: r } = e, [o, a] = V(!1), l = I(() => ({
     contain: o,
     setContain: a
   }), [
@@ -1178,16 +1178,16 @@ function an(e) {
   if (!n)
     return null;
   let c = e.children;
-  return e.disableFocusManagement || (c = /* @__PURE__ */ $.createElement(Ht, {
+  return e.disableFocusManagement || (c = /* @__PURE__ */ h.createElement(Ht, {
     restoreFocus: !0,
     contain: o && !r
-  }, c)), c = /* @__PURE__ */ $.createElement(Re.Provider, {
-    value: i
-  }, /* @__PURE__ */ $.createElement(Pt, null, c)), /* @__PURE__ */ Ue.createPortal(c, n);
+  }, c)), c = /* @__PURE__ */ h.createElement(Re.Provider, {
+    value: l
+  }, /* @__PURE__ */ h.createElement(Pt, null, c)), /* @__PURE__ */ Ue.createPortal(c, n);
 }
 function Ie() {
   let e = H(Re), t = e == null ? void 0 : e.setContain;
-  h(() => {
+  g(() => {
     t == null || t(!0);
   }, [
     t
@@ -1217,7 +1217,7 @@ function ln(e, t, n) {
 function cn(e, t) {
   let { role: n = "dialog" } = e, r = ut();
   r = e["aria-label"] ? void 0 : r;
-  let o = w(!1);
+  let o = y(!1);
   return S(() => {
     if (t.current && !t.current.contains(document.activeElement)) {
       oe(t.current);
@@ -1286,12 +1286,12 @@ var un = (e, t, n) => {
 }, dn = (e) => (t) => {
   var n = e.defaultClassName, r = Ne(Ne({}, e.defaultVariants), t);
   for (var o in r) {
-    var a, i = (a = r[o]) !== null && a !== void 0 ? a : e.defaultVariants[o];
-    if (i != null) {
-      var c = i;
+    var a, l = (a = r[o]) !== null && a !== void 0 ? a : e.defaultVariants[o];
+    if (l != null) {
+      var c = l;
       typeof c == "boolean" && (c = c === !0 ? "true" : "false");
-      var l = e.variantClassNames[o][c];
-      l && (n += " " + l);
+      var i = e.variantClassNames[o][c];
+      i && (n += " " + i);
     }
   }
   for (var [s, u] of e.compoundVariants)
@@ -1303,31 +1303,31 @@ function Be({
   className: t = "",
   ...n
 }) {
-  return /* @__PURE__ */ g.createElement("div", { className: R(hn, t), ...n }, /* @__PURE__ */ g.createElement("div", { className: R(vn) }, /* @__PURE__ */ g.createElement("div", { className: R($n) }, e)));
+  return /* @__PURE__ */ f.createElement("div", { className: R(hn, t), ...n }, /* @__PURE__ */ f.createElement("div", { className: R(vn) }, /* @__PURE__ */ f.createElement("div", { className: R($n) }, e)));
 }
 Se.set(Be, { name: "FocusedTaskActions" });
-function wn({
+function yn({
   children: e,
   className: t,
   "data-testid": n,
   onBlur: r,
   onFocus: o,
   overlayProps: a,
-  state: i,
+  state: l,
   onClose: c,
-  fullWidth: l = !1,
+  fullWidth: i = !1,
   ...s
 }) {
-  const u = g.useRef(null), { modalProps: f, underlayProps: d } = ln(
+  const u = f.useRef(null), { modalProps: p, underlayProps: d } = ln(
     { ...s },
-    i,
+    l,
     u
-  ), { dialogProps: p, titleProps: m } = cn(s, u), F = fe(f.onFocus, p.onFocus, o), Ve = fe(f.onBlur, p.onBlur, r), He = ze({ "data-testid": n }), [Q, Ke] = _e(e, [{ type: Be }]);
+  ), { dialogProps: m, titleProps: b } = cn(s, u), F = fe(p.onFocus, m.onFocus, o), Ve = fe(p.onBlur, m.onBlur, r), He = ze({ "data-testid": n }), [Q, Ke] = _e(e, [{ type: Be }]);
   function qe() {
-    c && typeof c == "function" && c(), i.close();
+    c && typeof c == "function" && c(), l.close();
   }
   const ue = function() {
-    return /* @__PURE__ */ g.createElement(
+    return /* @__PURE__ */ f.createElement(
       Ye,
       {
         "aria-label": "Close",
@@ -1338,11 +1338,11 @@ function wn({
       }
     );
   }, je = Ge(Ke, (de) => de.type === ue ? [{ className: R(de.props.classname, mn) }] : []);
-  return /* @__PURE__ */ g.createElement(an, null, /* @__PURE__ */ g.createElement("div", { className: En, ...d, ...s }, /* @__PURE__ */ g.createElement(
+  return /* @__PURE__ */ f.createElement(an, null, /* @__PURE__ */ f.createElement("div", { className: En, ...d, ...s }, /* @__PURE__ */ f.createElement(
     "div",
     {
-      ...f,
       ...p,
+      ...m,
       ...a,
       onFocus: F,
       onBlur: Ve,
@@ -1350,13 +1350,13 @@ function wn({
       ref: u,
       className: R(bn, t)
     },
-    /* @__PURE__ */ g.createElement("div", { ...m, className: gn }, /* @__PURE__ */ g.createElement(ue, null)),
-    /* @__PURE__ */ g.createElement("div", { className: fn({ fullWidth: l }) }, pe(je, i.close)),
-    Q && Q.length > 0 && /* @__PURE__ */ g.createElement(g.Fragment, null, pe(Q, i.close))
+    /* @__PURE__ */ f.createElement("div", { ...b, className: gn }, /* @__PURE__ */ f.createElement(ue, null)),
+    /* @__PURE__ */ f.createElement("div", { className: fn({ fullWidth: i }) }, pe(je, l.close)),
+    Q && Q.length > 0 && /* @__PURE__ */ f.createElement(f.Fragment, null, pe(Q, l.close))
   )));
 }
 function We(e) {
-  return e.state.isOpen ? /* @__PURE__ */ g.createElement(wn, { ...e }, e.children) : /* @__PURE__ */ g.createElement(g.Fragment, null);
+  return e.state.isOpen ? /* @__PURE__ */ f.createElement(yn, { ...e }, e.children) : /* @__PURE__ */ f.createElement(f.Fragment, null);
 }
 Se.set(We, {
   name: "FocusedTask",
@@ -1367,7 +1367,7 @@ Se.set(We, {
     onFocus: { type: "() => void" }
   }
 });
-function yn(e) {
+function wn(e) {
   let [t, n] = Je(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
   const r = T(() => {
     n(!0);
@@ -1391,11 +1391,11 @@ function yn(e) {
     toggle: a
   };
 }
-function Cn(e = {}) {
-  const t = yn(e), n = w(null), { triggerProps: r, overlayProps: o } = Zt({ type: "dialog" }, t, n), { onPress: a, ...i } = r;
+function kn(e = {}) {
+  const t = wn(e), n = y(null), { triggerProps: r, overlayProps: o } = Zt({ type: "dialog" }, t, n), { onPress: a, ...l } = r;
   return {
     triggerProps: {
-      ...i,
+      ...l,
       onClick: a,
       ref: n
     },
@@ -1406,12 +1406,16 @@ function Cn(e = {}) {
 const Tn = {
   components: [We],
   examples: {
+    hooks: {
+      label: "Using the Hook",
+      description: () => /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("p", null, "To use the focused task component, you must call the ", /* @__PURE__ */ f.createElement("code", null, "useFocusedTask"), " hook. Optional arguments for this hook include:"), /* @__PURE__ */ f.createElement("dl", null, /* @__PURE__ */ f.createElement("dt", null, /* @__PURE__ */ f.createElement("code", null, "isOpen"), ": boolean"), /* @__PURE__ */ f.createElement("dd", null, "Whether the overlay is open by default (controlled)"), /* @__PURE__ */ f.createElement("dt", null, /* @__PURE__ */ f.createElement("code", null, "defaultOpen"), ": boolean"), /* @__PURE__ */ f.createElement("dd", null, "Whether the overlay is open by default (uncontrolled)."), /* @__PURE__ */ f.createElement("dt", null, /* @__PURE__ */ f.createElement("code", null, "onOpenChange"), ": function"), /* @__PURE__ */ f.createElement("dd", null, "Handler that is called when the overlay's open state changes.", /* @__PURE__ */ f.createElement("code", null, "(isOpen: boolean) => void"))), /* @__PURE__ */ f.createElement("h5", null, "Focused Task Props, Focused Task State, and Trigger Props"), /* @__PURE__ */ f.createElement("p", null, "The ", /* @__PURE__ */ f.createElement("code", null, "useFocusedTask"), " returns an object with ", /* @__PURE__ */ f.createElement("code", null, "focusedTaskProps"), ",", " ", /* @__PURE__ */ f.createElement("code", null, "focusedTaskState"), " and ", /* @__PURE__ */ f.createElement("code", null, "triggerProps")), /* @__PURE__ */ f.createElement("p", null, "The ", /* @__PURE__ */ f.createElement("code", null, "triggerProps"), " need to be spread on the element that triggers the focused task."), /* @__PURE__ */ f.createElement("p", null, "The ", /* @__PURE__ */ f.createElement("code", null, "focusedTaskState"), " object (which is also included in ", /* @__PURE__ */ f.createElement("code", null, "focusedTaskProps"), ") allows programmatic access to the state of the focused task. This includes a read only", " ", /* @__PURE__ */ f.createElement("code", null, "isOpen"), " property, a ", /* @__PURE__ */ f.createElement("code", null, "setOpen(isOpen: boolean)"), " method which can be use to set whether the overlay is open, an ", /* @__PURE__ */ f.createElement("code", null, "open()"), " method which opens the overlay, a ", /* @__PURE__ */ f.createElement("code", null, "close()"), " method which closes the overlay and a", " ", /* @__PURE__ */ f.createElement("code", null, "toggle()"), " method that toggles the overlay's visiblity."), /* @__PURE__ */ f.createElement("p", null, "The ", /* @__PURE__ */ f.createElement("code", null, "focusedTaskProps"), " should be spread on the actual ", /* @__PURE__ */ f.createElement("code", null, "FocusedTask"), " component."), /* @__PURE__ */ f.createElement("p", null, "Please refer to the examples to see its implementation"))
+    },
     standard: {
       label: "Standard",
       examples: {
         basic: {
           react: me`
-          import { FocusedTask, FocusedTaskActions } from "@sps-woodland/focused-task";
+          import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
           import { Button } from "@sps-woodland/buttons";
           import { Card } from "@sps-woodland/cards";
           import { grid } from "@sps-woodland/tokens";
@@ -1457,7 +1461,7 @@ const Tn = {
       examples: {
         basic: {
           react: me`
-          import { FocusedTask, FocusedTaskActions } from "@sps-woodland/focused-task";
+          import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
           import { Button } from "@sps-woodland/buttons";
           import { Card } from "@sps-woodland/cards";
           import { grid } from "@sps-woodland/tokens";
@@ -1500,12 +1504,12 @@ const Tn = {
       }
     }
   }
-}, Ln = {
+}, Cn = {
   "Focused Task": Tn
 };
 export {
   We as FocusedTask,
   Be as FocusedTaskActions,
-  Ln as MANIFEST,
-  Cn as useFocusedTask
+  Cn as MANIFEST,
+  kn as useFocusedTask
 };