@sps-woodland/buttons 8.4.1 → 8.4.3

package/lib/index.es.js

@@ -1,68 +1,69 @@
-import * as d from "react";
-import de, { useRef as X, useCallback as _, useEffect as pe, useState as Ye, useMemo as ze, useContext as De } from "react";
-import { I18nContext as Xe, Spinner as qe, cl as Je, Metadata as Qe, Icon as Ze } from "@sps-woodland/core";
-import { code as g } from "@spscommerce/utils";
-function Oe(e) {
-  var t, n, r = "";
+import * as c from "react";
+import Ne, { useRef as re, useCallback as Q, useEffect as ee, useState as Oe, useMemo as De, useContext as je } from "react";
+import { Metadata as Ye, I18nContext as ze, Spinner as Xe, cl as qe, Icon as Je } from "@sps-woodland/core";
+import { useFocusable as Qe, FocusRing as Ze } from "@react-aria/focus";
+import { code as y } from "@spscommerce/utils";
+function Le(e) {
+  var t, r, o = "";
   if (typeof e == "string" || typeof e == "number")
-    r += e;
+    o += e;
   else if (typeof e == "object")
     if (Array.isArray(e)) {
-      var s = e.length;
-      for (t = 0; t < s; t++)
-        e[t] && (n = Oe(e[t])) && (r && (r += " "), r += n);
+      var i = e.length;
+      for (t = 0; t < i; t++)
+        e[t] && (r = Le(e[t])) && (o && (o += " "), o += r);
     } else
-      for (n in e)
-        e[n] && (r && (r += " "), r += n);
-  return r;
+      for (r in e)
+        e[r] && (o && (o += " "), o += r);
+  return o;
 }
 function et() {
-  for (var e, t, n = 0, r = "", s = arguments.length; n < s; n++)
-    (e = arguments[n]) && (t = Oe(e)) && (r && (r += " "), r += t);
-  return r;
+  for (var e, t, r = 0, o = "", i = arguments.length; r < i; r++)
+    (e = arguments[r]) && (t = Le(e)) && (o && (o += " "), o += t);
+  return o;
 }
-const fe = typeof document < "u" ? de.useLayoutEffect : () => {
+const Ce = typeof document < "u" ? Ne.useLayoutEffect : () => {
 };
-function U(e) {
-  const t = X(null);
-  return fe(() => {
+function R(e) {
+  const t = re(null);
+  return Ce(() => {
     t.current = e;
   }, [
     e
-  ]), _((...n) => {
-    const r = t.current;
-    return r == null ? void 0 : r(...n);
+  ]), Q((...r) => {
+    const o = t.current;
+    return o == null ? void 0 : o(...r);
   }, []);
 }
 let ye = /* @__PURE__ */ new Map();
 function tt(e, t) {
   if (e === t)
     return e;
-  let n = ye.get(e);
-  if (n)
-    return n(t), t;
-  let r = ye.get(t);
-  return r ? (r(e), e) : t;
+  let r = ye.get(e);
+  if (r)
+    return r(t), t;
+  let o = ye.get(t);
+  return o ? (o(e), e) : t;
 }
-function Ce(...e) {
+function _e(...e) {
   return (...t) => {
-    for (let n of e)
-      typeof n == "function" && n(...t);
+    for (let r of e)
+      typeof r == "function" && r(...t);
   };
 }
-const x = (e) => {
+const D = (e) => {
   var t;
   return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
-}, W = (e) => e && "window" in e && e.window === e ? e : x(e).defaultView || window;
-function H(...e) {
+}, H = (e) => e && "window" in e && e.window === e ? e : D(e).defaultView || window;
+function W(...e) {
   let t = {
     ...e[0]
   };
-  for (let n = 1; n < e.length; n++) {
-    let r = e[n];
-    for (let s in r) {
-      let l = t[s], u = r[s];
-      typeof l == "function" && typeof u == "function" && s[0] === "o" && s[1] === "n" && s.charCodeAt(2) >= 65 && s.charCodeAt(2) <= 90 ? t[s] = Ce(l, u) : (s === "className" || s === "UNSAFE_className") && typeof l == "string" && typeof u == "string" ? t[s] = et(l, u) : s === "id" && l && u ? t.id = tt(l, u) : t[s] = u !== void 0 ? u : l;
+  for (let r = 1; r < e.length; r++) {
+    let o = e[r];
+    for (let i in o) {
+      let d = t[i], u = o[i];
+      typeof d == "function" && typeof u == "function" && i[0] === "o" && i[1] === "n" && i.charCodeAt(2) >= 65 && i.charCodeAt(2) <= 90 ? t[i] = _e(d, u) : (i === "className" || i === "UNSAFE_className") && typeof d == "string" && typeof u == "string" ? t[i] = et(d, u) : i === "id" && d && u ? t.id = tt(d, u) : t[i] = u !== void 0 ? u : d;
     }
   }
   return t;
@@ -82,14 +83,14 @@ const nt = /* @__PURE__ */ new Set([
   "ping",
   "referrerPolicy"
 ]), st = /^(data-.*)$/;
-function at(e, t = {}) {
-  let { labelable: n, isLink: r, propNames: s } = t, l = {};
+function it(e, t = {}) {
+  let { labelable: r, isLink: o, propNames: i } = t, d = {};
   for (const u in e)
-    Object.prototype.hasOwnProperty.call(e, u) && (nt.has(u) || n && rt.has(u) || r && ot.has(u) || (s == null ? void 0 : s.has(u)) || st.test(u)) && (l[u] = e[u]);
-  return l;
+    Object.prototype.hasOwnProperty.call(e, u) && (nt.has(u) || r && rt.has(u) || o && ot.has(u) || (i == null ? void 0 : i.has(u)) || st.test(u)) && (d[u] = e[u]);
+  return d;
 }
-function K(e) {
-  if (it())
+function G(e) {
+  if (at())
     e.focus({
       preventScroll: !0
     });
@@ -98,272 +99,272 @@ function K(e) {
     e.focus(), ut(t);
   }
 }
-let J = null;
-function it() {
-  if (J == null) {
-    J = !1;
+let z = null;
+function at() {
+  if (z == null) {
+    z = !1;
     try {
       document.createElement("div").focus({
         get preventScroll() {
-          return J = !0, !0;
+          return z = !0, !0;
         }
       });
     } catch {
     }
   }
-  return J;
+  return z;
 }
 function lt(e) {
-  let t = e.parentNode, n = [], r = document.scrollingElement || document.documentElement;
-  for (; t instanceof HTMLElement && t !== r; )
-    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && n.push({
+  let t = e.parentNode, r = [], o = document.scrollingElement || document.documentElement;
+  for (; t instanceof HTMLElement && t !== o; )
+    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && r.push({
       element: t,
       scrollTop: t.scrollTop,
       scrollLeft: t.scrollLeft
     }), t = t.parentNode;
-  return r instanceof HTMLElement && n.push({
-    element: r,
-    scrollTop: r.scrollTop,
-    scrollLeft: r.scrollLeft
-  }), n;
+  return o instanceof HTMLElement && r.push({
+    element: o,
+    scrollTop: o.scrollTop,
+    scrollLeft: o.scrollLeft
+  }), r;
 }
 function ut(e) {
-  for (let { element: t, scrollTop: n, scrollLeft: r } of e)
-    t.scrollTop = n, t.scrollLeft = r;
+  for (let { element: t, scrollTop: r, scrollLeft: o } of e)
+    t.scrollTop = r, t.scrollLeft = o;
 }
-function re(e) {
+function oe(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);
+  return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((r) => e.test(r.brand))) || e.test(window.navigator.userAgent);
 }
-function me(e) {
+function be(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 Y() {
-  return me(/^Mac/i);
+function j() {
+  return be(/^Mac/i);
 }
 function ct() {
-  return me(/^iPhone/i);
-}
-function Le() {
-  return me(/^iPad/i) || Y() && navigator.maxTouchPoints > 1;
+  return be(/^iPhone/i);
 }
 function Ke() {
-  return ct() || Le();
+  return be(/^iPad/i) || j() && navigator.maxTouchPoints > 1;
+}
+function Ie() {
+  return ct() || Ke();
 }
 function dt() {
-  return re(/AppleWebKit/i) && !pt();
+  return oe(/AppleWebKit/i) && !pt();
 }
 function pt() {
-  return re(/Chrome/i);
+  return oe(/Chrome/i);
 }
-function _e() {
-  return re(/Android/i);
+function Ae() {
+  return oe(/Android/i);
 }
 function ft() {
-  return re(/Firefox/i);
+  return oe(/Firefox/i);
 }
-function z(e, t, n = !0) {
-  var r, s;
-  let { metaKey: l, ctrlKey: u, altKey: m, shiftKey: p } = t;
-  ft() && ((s = window.event) === null || s === void 0 || (r = s.type) === null || r === void 0 ? void 0 : r.startsWith("key")) && e.target === "_blank" && (Y() ? l = !0 : u = !0);
-  let h = dt() && Y() && !Le() ? new KeyboardEvent("keydown", {
+function Y(e, t, r = !0) {
+  var o, i;
+  let { metaKey: d, ctrlKey: u, altKey: p, shiftKey: b } = t;
+  ft() && ((i = window.event) === null || i === void 0 || (o = i.type) === null || o === void 0 ? void 0 : o.startsWith("key")) && e.target === "_blank" && (j() ? d = !0 : u = !0);
+  let E = dt() && j() && !Ke() ? new KeyboardEvent("keydown", {
     keyIdentifier: "Enter",
-    metaKey: l,
+    metaKey: d,
     ctrlKey: u,
-    altKey: m,
-    shiftKey: p
+    altKey: p,
+    shiftKey: b
   }) : new MouseEvent("click", {
-    metaKey: l,
+    metaKey: d,
     ctrlKey: u,
-    altKey: m,
-    shiftKey: p,
+    altKey: p,
+    shiftKey: b,
     bubbles: !0,
     cancelable: !0
   });
-  z.isOpening = n, K(e), e.dispatchEvent(h), z.isOpening = !1;
+  Y.isOpening = r, G(e), e.dispatchEvent(E), Y.isOpening = !1;
 }
-z.isOpening = !1;
-let V = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Set();
+Y.isOpening = !1;
+let F = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Set();
 function he() {
   if (typeof window > "u")
     return;
-  function e(r) {
-    return "propertyName" in r;
+  function e(o) {
+    return "propertyName" in o;
   }
-  let t = (r) => {
-    if (!e(r) || !r.target)
+  let t = (o) => {
+    if (!e(o) || !o.target)
       return;
-    let s = V.get(r.target);
-    s || (s = /* @__PURE__ */ new Set(), V.set(r.target, s), r.target.addEventListener("transitioncancel", n, {
+    let i = F.get(o.target);
+    i || (i = /* @__PURE__ */ new Set(), F.set(o.target, i), o.target.addEventListener("transitioncancel", r, {
       once: !0
-    })), s.add(r.propertyName);
-  }, n = (r) => {
-    if (!e(r) || !r.target)
+    })), i.add(o.propertyName);
+  }, r = (o) => {
+    if (!e(o) || !o.target)
       return;
-    let s = V.get(r.target);
-    if (!!s && (s.delete(r.propertyName), s.size === 0 && (r.target.removeEventListener("transitioncancel", n), V.delete(r.target)), V.size === 0)) {
-      for (let l of ie)
-        l();
-      ie.clear();
+    let i = F.get(o.target);
+    if (!!i && (i.delete(o.propertyName), i.size === 0 && (o.target.removeEventListener("transitioncancel", r), F.delete(o.target)), F.size === 0)) {
+      for (let d of ce)
+        d();
+      ce.clear();
     }
   };
-  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", n);
+  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", r);
 }
 typeof document < "u" && (document.readyState !== "loading" ? he() : document.addEventListener("DOMContentLoaded", he));
-function Ie(e) {
+function mt(e) {
   requestAnimationFrame(() => {
-    V.size === 0 ? e() : ie.add(e);
+    F.size === 0 ? e() : ce.add(e);
   });
 }
-function mt() {
-  let e = X(/* @__PURE__ */ new Map()), t = _((s, l, u, m) => {
-    let p = m != null && m.once ? (...h) => {
-      e.current.delete(u), u(...h);
+function bt() {
+  let e = re(/* @__PURE__ */ new Map()), t = Q((i, d, u, p) => {
+    let b = p != null && p.once ? (...E) => {
+      e.current.delete(u), u(...E);
     } : u;
     e.current.set(u, {
-      type: l,
-      eventTarget: s,
-      fn: p,
-      options: m
-    }), s.addEventListener(l, u, m);
-  }, []), n = _((s, l, u, m) => {
-    var p;
-    let h = ((p = e.current.get(u)) === null || p === void 0 ? void 0 : p.fn) || u;
-    s.removeEventListener(l, h, m), e.current.delete(u);
-  }, []), r = _(() => {
-    e.current.forEach((s, l) => {
-      n(s.eventTarget, s.type, l, s.options);
+      type: d,
+      eventTarget: i,
+      fn: b,
+      options: p
+    }), i.addEventListener(d, u, p);
+  }, []), r = Q((i, d, u, p) => {
+    var b;
+    let E = ((b = e.current.get(u)) === null || b === void 0 ? void 0 : b.fn) || u;
+    i.removeEventListener(d, E, p), e.current.delete(u);
+  }, []), o = Q(() => {
+    e.current.forEach((i, d) => {
+      r(i.eventTarget, i.type, d, i.options);
     });
   }, [
-    n
-  ]);
-  return pe(() => r, [
     r
+  ]);
+  return ee(() => o, [
+    o
   ]), {
     addGlobalListener: t,
-    removeGlobalListener: n,
-    removeAllGlobalListeners: r
+    removeGlobalListener: r,
+    removeAllGlobalListeners: o
   };
 }
-function Me(e, t) {
-  fe(() => {
+function gt(e, t) {
+  Ce(() => {
     if (e && e.ref && t)
       return e.ref.current = t.current, () => {
         e.ref && (e.ref.current = null);
       };
   });
 }
-function le(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : _e() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+function de(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : Ae() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function bt(e) {
-  return !_e() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+function vt(e) {
+  return !Ae() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
-function gt(e, t) {
+function yt(e, t) {
   return t.get ? t.get.call(e) : t.value;
 }
-function Ae(e, t, n) {
+function Me(e, t, r) {
   if (!t.has(e))
-    throw new TypeError("attempted to " + n + " private field on non-instance");
+    throw new TypeError("attempted to " + r + " private field on non-instance");
   return t.get(e);
 }
-function vt(e, t) {
-  var n = Ae(e, t, "get");
-  return gt(e, n);
+function ht(e, t) {
+  var r = Me(e, t, "get");
+  return yt(e, r);
 }
-function yt(e, t) {
+function Et(e, t) {
   if (t.has(e))
     throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
-function ht(e, t, n) {
-  yt(e, t), t.set(e, n);
+function $t(e, t, r) {
+  Et(e, t), t.set(e, r);
 }
-function $t(e, t, n) {
+function kt(e, t, r) {
   if (t.set)
-    t.set.call(e, n);
+    t.set.call(e, r);
   else {
     if (!t.writable)
       throw new TypeError("attempted to set read only private field");
-    t.value = n;
+    t.value = r;
   }
 }
-function $e(e, t, n) {
-  var r = Ae(e, t, "set");
-  return $t(e, r, n), n;
+function Ee(e, t, r) {
+  var o = Me(e, t, "set");
+  return kt(e, o, r), r;
 }
-let G = "default", ue = "", te = /* @__PURE__ */ new WeakMap();
-function ke(e) {
-  if (Ke()) {
-    if (G === "default") {
-      const t = x(e);
-      ue = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
+let U = "default", pe = "", Z = /* @__PURE__ */ new WeakMap();
+function $e(e) {
+  if (Ie()) {
+    if (U === "default") {
+      const t = D(e);
+      pe = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
     }
-    G = "disabled";
+    U = "disabled";
   } else
-    (e instanceof HTMLElement || e instanceof SVGElement) && (te.set(e, e.style.userSelect), e.style.userSelect = "none");
+    (e instanceof HTMLElement || e instanceof SVGElement) && (Z.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
-function Q(e) {
-  if (Ke()) {
-    if (G !== "disabled")
+function X(e) {
+  if (Ie()) {
+    if (U !== "disabled")
       return;
-    G = "restoring", setTimeout(() => {
-      Ie(() => {
-        if (G === "restoring") {
-          const t = x(e);
-          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ue || ""), ue = "", G = "default";
+    U = "restoring", setTimeout(() => {
+      mt(() => {
+        if (U === "restoring") {
+          const t = D(e);
+          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = pe || ""), pe = "", U = "default";
         }
       });
     }, 300);
-  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && te.has(e)) {
-    let t = te.get(e);
-    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), te.delete(e);
+  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && Z.has(e)) {
+    let t = Z.get(e);
+    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), Z.delete(e);
   }
 }
-const Fe = de.createContext({
+const Fe = Ne.createContext({
   register: () => {
   }
 });
 Fe.displayName = "PressResponderContext";
-function kt(e) {
-  let t = De(Fe);
+function wt(e) {
+  let t = je(Fe);
   if (t) {
-    let { register: n, ...r } = t;
-    e = H(r, e), n();
+    let { register: r, ...o } = t;
+    e = W(o, e), r();
   }
-  return Me(t, e.ref), e;
+  return gt(t, e.ref), e;
 }
-var Z = /* @__PURE__ */ new WeakMap();
-class ee {
+var q = /* @__PURE__ */ new WeakMap();
+class J {
   continuePropagation() {
-    $e(this, Z, !1);
+    Ee(this, q, !1);
   }
   get shouldStopPropagation() {
-    return vt(this, Z);
+    return ht(this, q);
   }
-  constructor(t, n, r) {
-    ht(this, Z, {
+  constructor(t, r, o) {
+    $t(this, q, {
       writable: !0,
       value: void 0
-    }), $e(this, Z, !0), this.type = t, this.pointerType = n, this.target = r.currentTarget, this.shiftKey = r.shiftKey, this.metaKey = r.metaKey, this.ctrlKey = r.ctrlKey, this.altKey = r.altKey;
+    }), Ee(this, q, !0), this.type = t, this.pointerType = r, this.target = o.currentTarget, this.shiftKey = o.shiftKey, this.metaKey = o.metaKey, this.ctrlKey = o.ctrlKey, this.altKey = o.altKey;
   }
 }
-const we = Symbol("linkClicked");
-function wt(e) {
+const ke = Symbol("linkClicked");
+function Tt(e) {
   let {
     onPress: t,
-    onPressChange: n,
-    onPressStart: r,
-    onPressEnd: s,
-    onPressUp: l,
+    onPressChange: r,
+    onPressStart: o,
+    onPressEnd: i,
+    onPressUp: d,
     isDisabled: u,
-    isPressed: m,
-    preventFocusOnPress: p,
-    shouldCancelOnPointerExit: h,
-    allowTextSelectionOnPress: $,
-    ref: M,
-    ...O
-  } = kt(e), [C, A] = Ye(!1), E = X({
+    isPressed: p,
+    preventFocusOnPress: b,
+    shouldCancelOnPointerExit: E,
+    allowTextSelectionOnPress: v,
+    ref: C,
+    ...x
+  } = wt(e), [m, P] = Oe(!1), k = re({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -373,232 +374,232 @@ function wt(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: k, removeAllGlobalListeners: N } = mt(), w = U((o, f) => {
-    let S = E.current;
-    if (u || S.didFirePressStart)
+  }), { addGlobalListener: T, removeAllGlobalListeners: N } = bt(), B = R((n, f) => {
+    let w = k.current;
+    if (u || w.didFirePressStart)
       return !1;
-    let c = !0;
-    if (S.isTriggeringEvent = !0, r) {
-      let b = new ee("pressstart", f, o);
-      r(b), c = b.shouldStopPropagation;
+    let l = !0;
+    if (w.isTriggeringEvent = !0, o) {
+      let g = new J("pressstart", f, n);
+      o(g), l = g.shouldStopPropagation;
     }
-    return n && n(!0), S.isTriggeringEvent = !1, S.didFirePressStart = !0, A(!0), c;
-  }), v = U((o, f, S = !0) => {
-    let c = E.current;
-    if (!c.didFirePressStart)
+    return r && r(!0), w.isTriggeringEvent = !1, w.didFirePressStart = !0, P(!0), l;
+  }), $ = R((n, f, w = !0) => {
+    let l = k.current;
+    if (!l.didFirePressStart)
       return !1;
-    c.ignoreClickAfterPress = !0, c.didFirePressStart = !1, c.isTriggeringEvent = !0;
-    let b = !0;
-    if (s) {
-      let a = new ee("pressend", f, o);
-      s(a), b = a.shouldStopPropagation;
+    l.ignoreClickAfterPress = !0, l.didFirePressStart = !1, l.isTriggeringEvent = !0;
+    let g = !0;
+    if (i) {
+      let s = new J("pressend", f, n);
+      i(s), g = s.shouldStopPropagation;
     }
-    if (n && n(!1), A(!1), t && S && !u) {
-      let a = new ee("press", f, o);
-      t(a), b && (b = a.shouldStopPropagation);
+    if (r && r(!1), P(!1), t && w && !u) {
+      let s = new J("press", f, n);
+      t(s), g && (g = s.shouldStopPropagation);
     }
-    return c.isTriggeringEvent = !1, b;
-  }), T = U((o, f) => {
-    let S = E.current;
+    return l.isTriggeringEvent = !1, g;
+  }), L = R((n, f) => {
+    let w = k.current;
     if (u)
       return !1;
-    if (l) {
-      S.isTriggeringEvent = !0;
-      let c = new ee("pressup", f, o);
-      return l(c), S.isTriggeringEvent = !1, c.shouldStopPropagation;
+    if (d) {
+      w.isTriggeringEvent = !0;
+      let l = new J("pressup", f, n);
+      return d(l), w.isTriggeringEvent = !1, l.shouldStopPropagation;
     }
     return !0;
-  }), B = U((o) => {
-    let f = E.current;
-    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && v(D(f.target, o), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, N(), $ || Q(f.target));
-  }), L = U((o) => {
-    h && B(o);
-  }), je = ze(() => {
-    let o = E.current, f = {
-      onKeyDown(c) {
-        if (se(c.nativeEvent, c.currentTarget) && c.currentTarget.contains(c.target)) {
-          var b;
-          Te(c.target, c.key) && c.preventDefault();
-          let a = !0;
-          if (!o.isPressed && !c.repeat) {
-            o.target = c.currentTarget, o.isPressed = !0, a = w(c, "keyboard");
-            let i = c.currentTarget, y = (F) => {
-              se(F, i) && !F.repeat && i.contains(F.target) && o.target && T(D(o.target, F), "keyboard");
+  }), O = R((n) => {
+    let f = k.current;
+    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && $(_(f.target, n), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, N(), v || X(f.target));
+  }), I = R((n) => {
+    E && O(n);
+  }), ie = De(() => {
+    let n = k.current, f = {
+      onKeyDown(l) {
+        if (ae(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
+          var g;
+          Te(l.target, l.key) && l.preventDefault();
+          let s = !0;
+          if (!n.isPressed && !l.repeat) {
+            n.target = l.currentTarget, n.isPressed = !0, s = B(l, "keyboard");
+            let a = l.currentTarget, h = (A) => {
+              ae(A, a) && !A.repeat && a.contains(A.target) && n.target && L(_(n.target, A), "keyboard");
             };
-            k(x(c.currentTarget), "keyup", Ce(y, S), !0);
+            T(D(l.currentTarget), "keyup", _e(h, w), !0);
           }
-          a && c.stopPropagation(), c.metaKey && Y() && ((b = o.metaKeyEvents) === null || b === void 0 || b.set(c.key, c.nativeEvent));
+          s && l.stopPropagation(), l.metaKey && j() && ((g = n.metaKeyEvents) === null || g === void 0 || g.set(l.key, l.nativeEvent));
         } else
-          c.key === "Meta" && (o.metaKeyEvents = /* @__PURE__ */ new Map());
+          l.key === "Meta" && (n.metaKeyEvents = /* @__PURE__ */ new Map());
       },
-      onClick(c) {
-        if (!(c && !c.currentTarget.contains(c.target)) && c && c.button === 0 && !o.isTriggeringEvent && !z.isOpening) {
-          let b = !0;
-          if (u && c.preventDefault(), !o.ignoreClickAfterPress && !o.ignoreEmulatedMouseEvents && !o.isPressed && (o.pointerType === "virtual" || le(c.nativeEvent))) {
-            !u && !p && K(c.currentTarget);
-            let a = w(c, "virtual"), i = T(c, "virtual"), y = v(c, "virtual");
-            b = a && i && y;
+      onClick(l) {
+        if (!(l && !l.currentTarget.contains(l.target)) && l && l.button === 0 && !n.isTriggeringEvent && !Y.isOpening) {
+          let g = !0;
+          if (u && l.preventDefault(), !n.ignoreClickAfterPress && !n.ignoreEmulatedMouseEvents && !n.isPressed && (n.pointerType === "virtual" || de(l.nativeEvent))) {
+            !u && !b && G(l.currentTarget);
+            let s = B(l, "virtual"), a = L(l, "virtual"), h = $(l, "virtual");
+            g = s && a && h;
           }
-          o.ignoreEmulatedMouseEvents = !1, o.ignoreClickAfterPress = !1, b && c.stopPropagation();
+          n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, g && l.stopPropagation();
         }
       }
-    }, S = (c) => {
-      var b;
-      if (o.isPressed && o.target && se(c, o.target)) {
+    }, w = (l) => {
+      var g;
+      if (n.isPressed && n.target && ae(l, n.target)) {
+        var s;
+        Te(l.target, l.key) && l.preventDefault();
+        let h = l.target;
+        $(_(n.target, l), "keyboard", n.target.contains(h)), N(), l.key !== "Enter" && ge(n.target) && n.target.contains(h) && !l[ke] && (l[ke] = !0, Y(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
+      } else if (l.key === "Meta" && ((g = n.metaKeyEvents) === null || g === void 0 ? void 0 : g.size)) {
         var a;
-        Te(c.target, c.key) && c.preventDefault();
-        let y = c.target;
-        v(D(o.target, c), "keyboard", o.target.contains(y)), N(), c.key !== "Enter" && be(o.target) && o.target.contains(y) && !c[we] && (c[we] = !0, z(o.target, c, !1)), o.isPressed = !1, (a = o.metaKeyEvents) === null || a === void 0 || a.delete(c.key);
-      } else if (c.key === "Meta" && ((b = o.metaKeyEvents) === null || b === void 0 ? void 0 : b.size)) {
-        var i;
-        let y = o.metaKeyEvents;
-        o.metaKeyEvents = void 0;
-        for (let F of y.values())
-          (i = o.target) === null || i === void 0 || i.dispatchEvent(new KeyboardEvent("keyup", F));
+        let h = n.metaKeyEvents;
+        n.metaKeyEvents = void 0;
+        for (let A of h.values())
+          (a = n.target) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent("keyup", A));
       }
     };
     if (typeof PointerEvent < "u") {
-      f.onPointerDown = (i) => {
-        if (i.button !== 0 || !i.currentTarget.contains(i.target))
+      f.onPointerDown = (a) => {
+        if (a.button !== 0 || !a.currentTarget.contains(a.target))
           return;
-        if (bt(i.nativeEvent)) {
-          o.pointerType = "virtual";
+        if (vt(a.nativeEvent)) {
+          n.pointerType = "virtual";
           return;
         }
-        ae(i.currentTarget) && i.preventDefault(), o.pointerType = i.pointerType;
-        let y = !0;
-        o.isPressed || (o.isPressed = !0, o.isOverTarget = !0, o.activePointerId = i.pointerId, o.target = i.currentTarget, !u && !p && K(i.currentTarget), $ || ke(o.target), y = w(i, o.pointerType), k(x(i.currentTarget), "pointermove", c, !1), k(x(i.currentTarget), "pointerup", b, !1), k(x(i.currentTarget), "pointercancel", a, !1)), y && i.stopPropagation();
-      }, f.onMouseDown = (i) => {
-        !i.currentTarget.contains(i.target) || i.button === 0 && (ae(i.currentTarget) && i.preventDefault(), i.stopPropagation());
-      }, f.onPointerUp = (i) => {
-        !i.currentTarget.contains(i.target) || o.pointerType === "virtual" || i.button === 0 && R(i, i.currentTarget) && T(i, o.pointerType || i.pointerType);
+        le(a.currentTarget) && a.preventDefault(), n.pointerType = a.pointerType;
+        let h = !0;
+        n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = a.pointerId, n.target = a.currentTarget, !u && !b && G(a.currentTarget), v || $e(n.target), h = B(a, n.pointerType), T(D(a.currentTarget), "pointermove", l, !1), T(D(a.currentTarget), "pointerup", g, !1), T(D(a.currentTarget), "pointercancel", s, !1)), h && a.stopPropagation();
+      }, f.onMouseDown = (a) => {
+        !a.currentTarget.contains(a.target) || a.button === 0 && (le(a.currentTarget) && a.preventDefault(), a.stopPropagation());
+      }, f.onPointerUp = (a) => {
+        !a.currentTarget.contains(a.target) || n.pointerType === "virtual" || a.button === 0 && M(a, a.currentTarget) && L(a, n.pointerType || a.pointerType);
       };
-      let c = (i) => {
-        i.pointerId === o.activePointerId && (o.target && R(i, o.target) ? !o.isOverTarget && o.pointerType != null && (o.isOverTarget = !0, w(D(o.target, i), o.pointerType)) : o.target && o.isOverTarget && o.pointerType != null && (o.isOverTarget = !1, v(D(o.target, i), o.pointerType, !1), L(i)));
-      }, b = (i) => {
-        i.pointerId === o.activePointerId && o.isPressed && i.button === 0 && o.target && (R(i, o.target) && o.pointerType != null ? v(D(o.target, i), o.pointerType) : o.isOverTarget && o.pointerType != null && v(D(o.target, i), o.pointerType, !1), o.isPressed = !1, o.isOverTarget = !1, o.activePointerId = null, o.pointerType = null, N(), $ || Q(o.target));
-      }, a = (i) => {
-        B(i);
+      let l = (a) => {
+        a.pointerId === n.activePointerId && (n.target && M(a, n.target) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, B(_(n.target, a), n.pointerType)) : n.target && n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, $(_(n.target, a), n.pointerType, !1), I(a)));
+      }, g = (a) => {
+        a.pointerId === n.activePointerId && n.isPressed && a.button === 0 && n.target && (M(a, n.target) && n.pointerType != null ? $(_(n.target, a), n.pointerType) : n.isOverTarget && n.pointerType != null && $(_(n.target, a), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, N(), v || X(n.target));
+      }, s = (a) => {
+        O(a);
       };
-      f.onDragStart = (i) => {
-        !i.currentTarget.contains(i.target) || B(i);
+      f.onDragStart = (a) => {
+        !a.currentTarget.contains(a.target) || O(a);
       };
     } else {
-      f.onMouseDown = (a) => {
-        if (a.button !== 0 || !a.currentTarget.contains(a.target))
+      f.onMouseDown = (s) => {
+        if (s.button !== 0 || !s.currentTarget.contains(s.target))
           return;
-        if (ae(a.currentTarget) && a.preventDefault(), o.ignoreEmulatedMouseEvents) {
-          a.stopPropagation();
+        if (le(s.currentTarget) && s.preventDefault(), n.ignoreEmulatedMouseEvents) {
+          s.stopPropagation();
           return;
         }
-        o.isPressed = !0, o.isOverTarget = !0, o.target = a.currentTarget, o.pointerType = le(a.nativeEvent) ? "virtual" : "mouse", !u && !p && K(a.currentTarget), w(a, o.pointerType) && a.stopPropagation(), k(x(a.currentTarget), "mouseup", c, !1);
-      }, f.onMouseEnter = (a) => {
-        if (!a.currentTarget.contains(a.target))
+        n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = de(s.nativeEvent) ? "virtual" : "mouse", !u && !b && G(s.currentTarget), B(s, n.pointerType) && s.stopPropagation(), T(D(s.currentTarget), "mouseup", l, !1);
+      }, f.onMouseEnter = (s) => {
+        if (!s.currentTarget.contains(s.target))
           return;
-        let i = !0;
-        o.isPressed && !o.ignoreEmulatedMouseEvents && o.pointerType != null && (o.isOverTarget = !0, i = w(a, o.pointerType)), i && a.stopPropagation();
-      }, f.onMouseLeave = (a) => {
-        if (!a.currentTarget.contains(a.target))
+        let a = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, a = B(s, n.pointerType)), a && s.stopPropagation();
+      }, f.onMouseLeave = (s) => {
+        if (!s.currentTarget.contains(s.target))
           return;
-        let i = !0;
-        o.isPressed && !o.ignoreEmulatedMouseEvents && o.pointerType != null && (o.isOverTarget = !1, i = v(a, o.pointerType, !1), L(a)), i && a.stopPropagation();
-      }, f.onMouseUp = (a) => {
-        !a.currentTarget.contains(a.target) || !o.ignoreEmulatedMouseEvents && a.button === 0 && T(a, o.pointerType || "mouse");
+        let a = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, a = $(s, n.pointerType, !1), I(s)), a && s.stopPropagation();
+      }, f.onMouseUp = (s) => {
+        !s.currentTarget.contains(s.target) || !n.ignoreEmulatedMouseEvents && s.button === 0 && L(s, n.pointerType || "mouse");
       };
-      let c = (a) => {
-        if (a.button === 0) {
-          if (o.isPressed = !1, N(), o.ignoreEmulatedMouseEvents) {
-            o.ignoreEmulatedMouseEvents = !1;
+      let l = (s) => {
+        if (s.button === 0) {
+          if (n.isPressed = !1, N(), n.ignoreEmulatedMouseEvents) {
+            n.ignoreEmulatedMouseEvents = !1;
             return;
           }
-          o.target && R(a, o.target) && o.pointerType != null ? v(D(o.target, a), o.pointerType) : o.target && o.isOverTarget && o.pointerType != null && v(D(o.target, a), o.pointerType, !1), o.isOverTarget = !1;
+          n.target && M(s, n.target) && n.pointerType != null ? $(_(n.target, s), n.pointerType) : n.target && n.isOverTarget && n.pointerType != null && $(_(n.target, s), n.pointerType, !1), n.isOverTarget = !1;
         }
       };
-      f.onTouchStart = (a) => {
-        if (!a.currentTarget.contains(a.target))
+      f.onTouchStart = (s) => {
+        if (!s.currentTarget.contains(s.target))
           return;
-        let i = Et(a.nativeEvent);
-        if (!i)
+        let a = Bt(s.nativeEvent);
+        if (!a)
           return;
-        o.activePointerId = i.identifier, o.ignoreEmulatedMouseEvents = !0, o.isOverTarget = !0, o.isPressed = !0, o.target = a.currentTarget, o.pointerType = "touch", !u && !p && K(a.currentTarget), $ || ke(o.target), w(a, o.pointerType) && a.stopPropagation(), k(W(a.currentTarget), "scroll", b, !0);
-      }, f.onTouchMove = (a) => {
-        if (!a.currentTarget.contains(a.target))
+        n.activePointerId = a.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = s.currentTarget, n.pointerType = "touch", !u && !b && G(s.currentTarget), v || $e(n.target), B(s, n.pointerType) && s.stopPropagation(), T(H(s.currentTarget), "scroll", g, !0);
+      }, f.onTouchMove = (s) => {
+        if (!s.currentTarget.contains(s.target))
           return;
-        if (!o.isPressed) {
-          a.stopPropagation();
+        if (!n.isPressed) {
+          s.stopPropagation();
           return;
         }
-        let i = Ee(a.nativeEvent, o.activePointerId), y = !0;
-        i && R(i, a.currentTarget) ? !o.isOverTarget && o.pointerType != null && (o.isOverTarget = !0, y = w(a, o.pointerType)) : o.isOverTarget && o.pointerType != null && (o.isOverTarget = !1, y = v(a, o.pointerType, !1), L(a)), y && a.stopPropagation();
-      }, f.onTouchEnd = (a) => {
-        if (!a.currentTarget.contains(a.target))
+        let a = we(s.nativeEvent, n.activePointerId), h = !0;
+        a && M(a, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, h = B(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, h = $(s, n.pointerType, !1), I(s)), h && s.stopPropagation();
+      }, f.onTouchEnd = (s) => {
+        if (!s.currentTarget.contains(s.target))
           return;
-        if (!o.isPressed) {
-          a.stopPropagation();
+        if (!n.isPressed) {
+          s.stopPropagation();
           return;
         }
-        let i = Ee(a.nativeEvent, o.activePointerId), y = !0;
-        i && R(i, a.currentTarget) && o.pointerType != null ? (T(a, o.pointerType), y = v(a, o.pointerType)) : o.isOverTarget && o.pointerType != null && (y = v(a, o.pointerType, !1)), y && a.stopPropagation(), o.isPressed = !1, o.activePointerId = null, o.isOverTarget = !1, o.ignoreEmulatedMouseEvents = !0, o.target && !$ && Q(o.target), N();
-      }, f.onTouchCancel = (a) => {
-        !a.currentTarget.contains(a.target) || (a.stopPropagation(), o.isPressed && B(a));
+        let a = we(s.nativeEvent, n.activePointerId), h = !0;
+        a && M(a, s.currentTarget) && n.pointerType != null ? (L(s, n.pointerType), h = $(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (h = $(s, n.pointerType, !1)), h && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !v && X(n.target), N();
+      }, f.onTouchCancel = (s) => {
+        !s.currentTarget.contains(s.target) || (s.stopPropagation(), n.isPressed && O(s));
       };
-      let b = (a) => {
-        o.isPressed && a.target.contains(o.target) && B({
-          currentTarget: o.target,
+      let g = (s) => {
+        n.isPressed && s.target.contains(n.target) && O({
+          currentTarget: n.target,
           shiftKey: !1,
           ctrlKey: !1,
           metaKey: !1,
           altKey: !1
         });
       };
-      f.onDragStart = (a) => {
-        !a.currentTarget.contains(a.target) || B(a);
+      f.onDragStart = (s) => {
+        !s.currentTarget.contains(s.target) || O(s);
       };
     }
     return f;
   }, [
-    k,
+    T,
     u,
-    p,
+    b,
     N,
+    v,
+    O,
+    I,
     $,
     B,
-    L,
-    v,
-    w,
-    T
+    L
   ]);
-  return pe(() => () => {
-    var o;
-    $ || Q((o = E.current.target) !== null && o !== void 0 ? o : void 0);
+  return ee(() => () => {
+    var n;
+    v || X((n = k.current.target) !== null && n !== void 0 ? n : void 0);
   }, [
-    $
+    v
   ]), {
-    isPressed: m || C,
-    pressProps: H(O, je)
+    isPressed: p || m,
+    pressProps: W(x, ie)
   };
 }
-function be(e) {
+function ge(e) {
   return e.tagName === "A" && e.hasAttribute("href");
 }
-function se(e, t) {
-  const { key: n, code: r } = e, s = t, l = s.getAttribute("role");
-  return (n === "Enter" || n === " " || n === "Spacebar" || r === "Space") && !(s instanceof W(s).HTMLInputElement && !Re(s, n) || s instanceof W(s).HTMLTextAreaElement || s.isContentEditable) && !((l === "link" || !l && be(s)) && n !== "Enter");
+function ae(e, t) {
+  const { key: r, code: o } = e, i = t, d = i.getAttribute("role");
+  return (r === "Enter" || r === " " || r === "Spacebar" || o === "Space") && !(i instanceof H(i).HTMLInputElement && !Ue(i, r) || i instanceof H(i).HTMLTextAreaElement || i.isContentEditable) && !((d === "link" || !d && ge(i)) && r !== "Enter");
 }
-function Et(e) {
+function Bt(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
-function Ee(e, t) {
-  const n = e.changedTouches;
-  for (let r = 0; r < n.length; r++) {
-    const s = n[r];
-    if (s.identifier === t)
-      return s;
+function we(e, t) {
+  const r = e.changedTouches;
+  for (let o = 0; o < r.length; o++) {
+    const i = r[o];
+    if (i.identifier === t)
+      return i;
   }
   return null;
 }
-function D(e, t) {
+function _(e, t) {
   return {
     currentTarget: e,
     shiftKey: t.shiftKey,
@@ -607,29 +608,29 @@ function D(e, t) {
     altKey: t.altKey
   };
 }
-function Tt(e) {
-  let t = 0, n = 0;
-  return e.width !== void 0 ? t = e.width / 2 : e.radiusX !== void 0 && (t = e.radiusX), e.height !== void 0 ? n = e.height / 2 : e.radiusY !== void 0 && (n = e.radiusY), {
-    top: e.clientY - n,
+function Pt(e) {
+  let t = 0, r = 0;
+  return e.width !== void 0 ? t = e.width / 2 : e.radiusX !== void 0 && (t = e.radiusX), e.height !== void 0 ? r = e.height / 2 : e.radiusY !== void 0 && (r = e.radiusY), {
+    top: e.clientY - r,
     right: e.clientX + t,
-    bottom: e.clientY + n,
+    bottom: e.clientY + r,
     left: e.clientX - t
   };
 }
-function Bt(e, t) {
+function xt(e, t) {
   return !(e.left > t.right || t.left > e.right || e.top > t.bottom || t.top > e.bottom);
 }
-function R(e, t) {
-  let n = t.getBoundingClientRect(), r = Tt(e);
-  return Bt(n, r);
+function M(e, t) {
+  let r = t.getBoundingClientRect(), o = Pt(e);
+  return xt(r, o);
 }
-function ae(e) {
+function le(e) {
   return !(e instanceof HTMLElement) || !e.hasAttribute("draggable");
 }
 function Te(e, t) {
-  return e instanceof HTMLInputElement ? !Re(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !be(e);
+  return e instanceof HTMLInputElement ? !Ue(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !ge(e);
 }
-const Pt = /* @__PURE__ */ new Set([
+const St = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -640,450 +641,308 @@ const Pt = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function Re(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : Pt.has(e.type);
+function Ue(e, t) {
+  return e.type === "checkbox" || e.type === "radio" ? t === " " : St.has(e.type);
 }
-class xt {
-  isDefaultPrevented() {
-    return this.nativeEvent.defaultPrevented;
-  }
-  preventDefault() {
-    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
-  }
-  stopPropagation() {
-    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
-  }
-  isPropagationStopped() {
-    return !1;
-  }
-  persist() {
-  }
-  constructor(t, n) {
-    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 St(e) {
-  let t = X({
-    isFocused: !1,
-    observer: null
-  });
-  fe(() => {
-    const r = t.current;
-    return () => {
-      r.observer && (r.observer.disconnect(), r.observer = null);
-    };
-  }, []);
-  let n = U((r) => {
-    e == null || e(r);
-  });
-  return _((r) => {
-    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
-      t.current.isFocused = !0;
-      let s = r.target, l = (u) => {
-        t.current.isFocused = !1, s.disabled && n(new xt("blur", u)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
-      };
-      s.addEventListener("focusout", l, {
-        once: !0
-      }), t.current.observer = new MutationObserver(() => {
-        if (t.current.isFocused && s.disabled) {
-          var u;
-          (u = t.current.observer) === null || u === void 0 || u.disconnect();
-          let m = s === document.activeElement ? null : document.activeElement;
-          s.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: m
-          })), s.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: !0,
-            relatedTarget: m
-          }));
-        }
-      }), t.current.observer.observe(s, {
-        attributes: !0,
-        attributeFilter: [
-          "disabled"
-        ]
-      });
-    }
-  }, [
-    n
-  ]);
-}
-function Nt(e) {
-  let { isDisabled: t, onFocus: n, onBlur: r, onFocusChange: s } = e;
-  const l = _((p) => {
-    if (p.target === p.currentTarget)
-      return r && r(p), s && s(!1), !0;
-  }, [
-    r,
-    s
-  ]), u = St(l), m = _((p) => {
-    p.target === p.currentTarget && document.activeElement === p.target && (n && n(p), s && s(!0), u(p));
-  }, [
-    s,
-    n,
-    u
-  ]);
-  return {
-    focusProps: {
-      onFocus: !t && (n || s || r) ? m : void 0,
-      onBlur: !t && (r || s) ? l : void 0
-    }
-  };
-}
-let q = null, Dt = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Map(), I = !1, ce = !1;
-function ge(e, t) {
-  for (let n of Dt)
-    n(e, t);
+let Nt = /* @__PURE__ */ new Set(), V = /* @__PURE__ */ new Map(), K = !1, fe = !1;
+function ve(e, t) {
+  for (let r of Nt)
+    r(e, t);
 }
 function Ot(e) {
-  return !(e.metaKey || !Y() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+  return !(e.metaKey || !j() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
-function ne(e) {
-  I = !0, Ot(e) && (q = "keyboard", ge("keyboard", e));
+function te(e) {
+  K = !0, Ot(e) && ve("keyboard", e);
 }
-function P(e) {
-  q = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (I = !0, ge("pointer", e));
+function S(e) {
+  (e.type === "mousedown" || e.type === "pointerdown") && (K = !0, ve("pointer", e));
 }
-function Ue(e) {
-  le(e) && (I = !0, q = "virtual");
+function He(e) {
+  de(e) && (K = !0);
 }
-function Ve(e) {
-  e.target === window || e.target === document || (!I && !ce && (q = "virtual", ge("virtual", e)), I = !1, ce = !1);
+function Re(e) {
+  e.target === window || e.target === document || (!K && !fe && ve("virtual", e), K = !1, fe = !1);
 }
 function Ge() {
-  I = !1, ce = !0;
+  K = !1, fe = !0;
 }
 function Be(e) {
-  if (typeof window > "u" || j.get(W(e)))
+  if (typeof window > "u" || V.get(H(e)))
     return;
-  const t = W(e), n = x(e);
-  let r = t.HTMLElement.prototype.focus;
+  const t = H(e), r = D(e);
+  let o = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
-    I = !0, r.apply(this, arguments);
-  }, n.addEventListener("keydown", ne, !0), n.addEventListener("keyup", ne, !0), n.addEventListener("click", Ue, !0), t.addEventListener("focus", Ve, !0), t.addEventListener("blur", Ge, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", P, !0), n.addEventListener("pointermove", P, !0), n.addEventListener("pointerup", P, !0)) : (n.addEventListener("mousedown", P, !0), n.addEventListener("mousemove", P, !0), n.addEventListener("mouseup", P, !0)), t.addEventListener("beforeunload", () => {
-    We(e);
+    K = !0, o.apply(this, arguments);
+  }, r.addEventListener("keydown", te, !0), r.addEventListener("keyup", te, !0), r.addEventListener("click", He, !0), t.addEventListener("focus", Re, !0), t.addEventListener("blur", Ge, !1), typeof PointerEvent < "u" ? (r.addEventListener("pointerdown", S, !0), r.addEventListener("pointermove", S, !0), r.addEventListener("pointerup", S, !0)) : (r.addEventListener("mousedown", S, !0), r.addEventListener("mousemove", S, !0), r.addEventListener("mouseup", S, !0)), t.addEventListener("beforeunload", () => {
+    Ve(e);
   }, {
     once: !0
-  }), j.set(t, {
-    focus: r
+  }), V.set(t, {
+    focus: o
   });
 }
-const We = (e, t) => {
-  const n = W(e), r = x(e);
-  t && r.removeEventListener("DOMContentLoaded", t), j.has(n) && (n.HTMLElement.prototype.focus = j.get(n).focus, r.removeEventListener("keydown", ne, !0), r.removeEventListener("keyup", ne, !0), r.removeEventListener("click", Ue, !0), n.removeEventListener("focus", Ve, !0), n.removeEventListener("blur", Ge, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", P, !0), r.removeEventListener("pointermove", P, !0), r.removeEventListener("pointerup", P, !0)) : (r.removeEventListener("mousedown", P, !0), r.removeEventListener("mousemove", P, !0), r.removeEventListener("mouseup", P, !0)), j.delete(n));
+const Ve = (e, t) => {
+  const r = H(e), o = D(e);
+  t && o.removeEventListener("DOMContentLoaded", t), V.has(r) && (r.HTMLElement.prototype.focus = V.get(r).focus, o.removeEventListener("keydown", te, !0), o.removeEventListener("keyup", te, !0), o.removeEventListener("click", He, !0), r.removeEventListener("focus", Re, !0), r.removeEventListener("blur", Ge, !1), typeof PointerEvent < "u" ? (o.removeEventListener("pointerdown", S, !0), o.removeEventListener("pointermove", S, !0), o.removeEventListener("pointerup", S, !0)) : (o.removeEventListener("mousedown", S, !0), o.removeEventListener("mousemove", S, !0), o.removeEventListener("mouseup", S, !0)), V.delete(r));
 };
-function Ct(e) {
-  const t = x(e);
-  let n;
-  return t.readyState !== "loading" ? Be(e) : (n = () => {
+function Dt(e) {
+  const t = D(e);
+  let r;
+  return t.readyState !== "loading" ? Be(e) : (r = () => {
     Be(e);
-  }, t.addEventListener("DOMContentLoaded", n)), () => We(e, n);
+  }, t.addEventListener("DOMContentLoaded", r)), () => Ve(e, r);
 }
-typeof document < "u" && Ct();
-function Lt() {
-  return q;
+typeof document < "u" && Dt();
+let ne = !1, ue = 0;
+function me() {
+  ne = !0, setTimeout(() => {
+    ne = !1;
+  }, 50);
 }
 function Pe(e) {
-  if (!e)
-    return;
-  let t = !0;
-  return (n) => {
-    let r = {
-      ...n,
-      preventDefault() {
-        n.preventDefault();
-      },
-      isDefaultPrevented() {
-        return n.isDefaultPrevented();
-      },
-      stopPropagation() {
-        console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
-      },
-      continuePropagation() {
-        t = !1;
-      }
-    };
-    e(r), t && n.stopPropagation();
-  };
-}
-function Kt(e) {
-  return {
-    keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: Pe(e.onKeyDown),
-      onKeyUp: Pe(e.onKeyUp)
-    }
-  };
-}
-function _t(e) {
-  const t = x(e);
-  if (Lt() === "virtual") {
-    let n = t.activeElement;
-    Ie(() => {
-      t.activeElement === n && e.isConnected && K(e);
-    });
-  } else
-    K(e);
-}
-function It(e, t) {
-  return !e || !t ? !1 : t.some((n) => n.contains(e));
-}
-class ve {
-  get size() {
-    return this.fastMap.size;
-  }
-  getTreeNode(t) {
-    return this.fastMap.get(t);
-  }
-  addTreeNode(t, n, r) {
-    let s = this.fastMap.get(n != null ? n : null);
-    if (!s)
-      return;
-    let l = new xe({
-      scopeRef: t
-    });
-    s.addChild(l), l.parent = s, this.fastMap.set(t, l), r && (l.nodeToRestore = r);
-  }
-  addNode(t) {
-    this.fastMap.set(t.scopeRef, t);
-  }
-  removeTreeNode(t) {
-    if (t === null)
-      return;
-    let n = this.fastMap.get(t);
-    if (!n)
-      return;
-    let r = n.parent;
-    for (let l of this.traverse())
-      l !== n && n.nodeToRestore && l.nodeToRestore && n.scopeRef && n.scopeRef.current && It(l.nodeToRestore, n.scopeRef.current) && (l.nodeToRestore = n.nodeToRestore);
-    let s = n.children;
-    r && (r.removeChild(n), s.size > 0 && s.forEach((l) => r && r.addChild(l))), this.fastMap.delete(n.scopeRef);
-  }
-  *traverse(t = this.root) {
-    if (t.scopeRef != null && (yield t), t.children.size > 0)
-      for (let n of t.children)
-        yield* this.traverse(n);
-  }
-  clone() {
-    var t;
-    let n = new ve();
-    var r;
-    for (let s of this.traverse())
-      n.addTreeNode(s.scopeRef, (r = (t = s.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && r !== void 0 ? r : null, s.nodeToRestore);
-    return n;
-  }
-  constructor() {
-    this.fastMap = /* @__PURE__ */ new Map(), this.root = new xe({
-      scopeRef: null
-    }), this.fastMap.set(null, this.root);
-  }
+  e.pointerType === "touch" && me();
 }
-class xe {
-  addChild(t) {
-    this.children.add(t), t.parent = this;
-  }
-  removeChild(t) {
-    this.children.delete(t), t.parent = void 0;
-  }
-  constructor(t) {
-    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
-  }
-}
-new ve();
-let Mt = /* @__PURE__ */ de.createContext(null);
-function At(e) {
-  let t = De(Mt) || {};
-  Me(t, e);
-  let { ref: n, ...r } = t;
-  return r;
+function Lt() {
+  if (!(typeof document > "u"))
+    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", Pe) : document.addEventListener("touchend", me), ue++, () => {
+      ue--, !(ue > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", Pe) : document.removeEventListener("touchend", me));
+    };
 }
-function Ft(e, t) {
-  let { focusProps: n } = Nt(e), { keyboardProps: r } = Kt(e), s = H(n, r), l = At(t), u = e.isDisabled ? {} : l, m = X(e.autoFocus);
-  return pe(() => {
-    m.current && t.current && _t(t.current), m.current = !1;
+function Ct(e) {
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: i } = e, [d, u] = Oe(!1), p = re({
+    isHovered: !1,
+    ignoreEmulatedMouseEvents: !1,
+    pointerType: "",
+    target: null
+  }).current;
+  ee(Lt, []);
+  let { hoverProps: b, triggerHoverEnd: E } = De(() => {
+    let v = (m, P) => {
+      if (p.pointerType = P, i || P === "touch" || p.isHovered || !m.currentTarget.contains(m.target))
+        return;
+      p.isHovered = !0;
+      let k = m.currentTarget;
+      p.target = k, t && t({
+        type: "hoverstart",
+        target: k,
+        pointerType: P
+      }), r && r(!0), u(!0);
+    }, C = (m, P) => {
+      if (p.pointerType = "", p.target = null, P === "touch" || !p.isHovered)
+        return;
+      p.isHovered = !1;
+      let k = m.currentTarget;
+      o && o({
+        type: "hoverend",
+        target: k,
+        pointerType: P
+      }), r && r(!1), u(!1);
+    }, x = {};
+    return typeof PointerEvent < "u" ? (x.onPointerEnter = (m) => {
+      ne && m.pointerType === "mouse" || v(m, m.pointerType);
+    }, x.onPointerLeave = (m) => {
+      !i && m.currentTarget.contains(m.target) && C(m, m.pointerType);
+    }) : (x.onTouchStart = () => {
+      p.ignoreEmulatedMouseEvents = !0;
+    }, x.onMouseEnter = (m) => {
+      !p.ignoreEmulatedMouseEvents && !ne && v(m, "mouse"), p.ignoreEmulatedMouseEvents = !1;
+    }, x.onMouseLeave = (m) => {
+      !i && m.currentTarget.contains(m.target) && C(m, "mouse");
+    }), {
+      hoverProps: x,
+      triggerHoverEnd: C
+    };
+  }, [
+    t,
+    r,
+    o,
+    i,
+    p
+  ]);
+  return ee(() => {
+    i && E({
+      currentTarget: p.target
+    }, p.pointerType);
   }, [
-    t
+    i
   ]), {
-    focusableProps: H({
-      ...s,
-      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
-    }, u)
+    hoverProps: b,
+    isHovered: d
   };
 }
-function Rt(e, t) {
+function _t(e, t) {
   let {
-    elementType: n = "button",
-    isDisabled: r,
-    onPress: s,
-    onPressStart: l,
+    elementType: r = "button",
+    isDisabled: o,
+    onPress: i,
+    onPressStart: d,
     onPressEnd: u,
-    onPressUp: m,
-    onPressChange: p,
-    preventFocusOnPress: h,
-    allowFocusWhenDisabled: $,
-    onClick: M,
-    href: O,
-    target: C,
-    rel: A,
-    type: E = "button"
-  } = e, k;
-  n === "button" ? k = {
-    type: E,
-    disabled: r
-  } : k = {
+    onPressUp: p,
+    onPressChange: b,
+    preventFocusOnPress: E,
+    allowFocusWhenDisabled: v,
+    onClick: C,
+    href: x,
+    target: m,
+    rel: P,
+    type: k = "button"
+  } = e, T;
+  r === "button" ? T = {
+    type: k,
+    disabled: o
+  } : T = {
     role: "button",
-    tabIndex: r ? void 0 : 0,
-    href: n === "a" && r ? void 0 : O,
-    target: n === "a" ? C : void 0,
-    type: n === "input" ? E : void 0,
-    disabled: n === "input" ? r : void 0,
-    "aria-disabled": !r || n === "input" ? void 0 : r,
-    rel: n === "a" ? A : void 0
+    tabIndex: o ? void 0 : 0,
+    href: r === "a" && o ? void 0 : x,
+    target: r === "a" ? m : void 0,
+    type: r === "input" ? k : void 0,
+    disabled: r === "input" ? o : void 0,
+    "aria-disabled": !o || r === "input" ? void 0 : o,
+    rel: r === "a" ? P : void 0
   };
-  let { pressProps: N, isPressed: w } = wt({
-    onPressStart: l,
+  let { pressProps: N, isPressed: B } = Tt({
+    onPressStart: d,
     onPressEnd: u,
-    onPressChange: p,
-    onPress: s,
-    onPressUp: m,
-    isDisabled: r,
-    preventFocusOnPress: h,
+    onPressChange: b,
+    onPress: i,
+    onPressUp: p,
+    isDisabled: o,
+    preventFocusOnPress: E,
     ref: t
-  }), { focusableProps: v } = Ft(e, t);
-  $ && (v.tabIndex = r ? -1 : v.tabIndex);
-  let T = H(v, N, at(e, {
+  }), { focusableProps: $ } = Qe(e, t);
+  v && ($.tabIndex = o ? -1 : $.tabIndex);
+  let L = W($, N, it(e, {
     labelable: !0
   }));
   return {
-    isPressed: w,
-    buttonProps: H(k, T, {
+    isPressed: B,
+    buttonProps: W(T, L, {
       "aria-haspopup": e["aria-haspopup"],
       "aria-expanded": e["aria-expanded"],
       "aria-controls": e["aria-controls"],
       "aria-pressed": e["aria-pressed"],
-      onClick: (B) => {
-        M && (M(B), console.warn("onClick is deprecated, please use onPress"));
+      onClick: (O) => {
+        C && (C(O), console.warn("onClick is deprecated, please use onPress"));
       }
     })
   };
 }
-function Ut(e, t, n) {
+function Kt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
-    value: n,
+    value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[t] = n, e;
+  }) : e[t] = r, e;
 }
-function Se(e, t) {
-  var n = Object.keys(e);
+function xe(e, t) {
+  var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    t && (r = r.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), n.push.apply(n, r);
+    var o = Object.getOwnPropertySymbols(e);
+    t && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), r.push.apply(r, o);
   }
-  return n;
+  return r;
 }
-function Ne(e) {
+function Se(e) {
   for (var t = 1; t < arguments.length; t++) {
-    var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Se(Object(n), !0).forEach(function(r) {
-      Ut(e, r, n[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Se(Object(n)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? xe(Object(r), !0).forEach(function(o) {
+      Kt(e, o, r[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : xe(Object(r)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(r, o));
     });
   }
   return e;
 }
-var Vt = (e, t, n) => {
-  for (var r of Object.keys(e)) {
-    var s;
-    if (e[r] !== ((s = t[r]) !== null && s !== void 0 ? s : n[r]))
+var It = (e, t, r) => {
+  for (var o of Object.keys(e)) {
+    var i;
+    if (e[o] !== ((i = t[o]) !== null && i !== void 0 ? i : r[o]))
       return !1;
   }
   return !0;
-}, oe = (e) => (t) => {
-  var n = e.defaultClassName, r = Ne(Ne({}, e.defaultVariants), t);
-  for (var s in r) {
-    var l, u = (l = r[s]) !== null && l !== void 0 ? l : e.defaultVariants[s];
+}, se = (e) => (t) => {
+  var r = e.defaultClassName, o = Se(Se({}, e.defaultVariants), t);
+  for (var i in o) {
+    var d, u = (d = o[i]) !== null && d !== void 0 ? d : e.defaultVariants[i];
     if (u != null) {
-      var m = u;
-      typeof m == "boolean" && (m = m === !0 ? "true" : "false");
-      var p = e.variantClassNames[s][m];
-      p && (n += " " + p);
+      var p = u;
+      typeof p == "boolean" && (p = p === !0 ? "true" : "false");
+      var b = e.variantClassNames[i][p];
+      b && (r += " " + b);
     }
   }
-  for (var [h, $] of e.compoundVariants)
-    Vt(h, r, e.defaultVariants) && (n += " " + $);
-  return n;
-}, Gt = oe({ defaultClassName: "_125pcxy0", variantClassNames: { disabled: { true: "_125pcxy1", false: "_125pcxy2" }, kind: { default: "_125pcxy3", link: "_125pcxy4", confirm: "_125pcxy5", delete: "_125pcxy6", key: "_125pcxy7", icon: "_125pcxy8" }, spinning: { true: "_125pcxy9", false: "_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "_125pcxyb"], [{ kind: "default", spinning: !0 }, "_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "_125pcxyd"], [{ kind: "delete", spinning: !0 }, "_125pcxye"], [{ kind: "key", spinning: !0 }, "_125pcxyf"], [{ disabled: !0, spinning: !1 }, "_125pcxyg"]] }), Wt = oe({ defaultClassName: "_125pcxyh", variantClassNames: { disabled: { true: "_125pcxyi", false: "_125pcxyj" }, kind: { icon: "_125pcxyk", default: "_125pcxyl", delete: "_125pcxym", key: "_125pcxyn", confirm: "_125pcxyo", link: "_125pcxyp" }, spinning: { true: "_125pcxyq", false: "_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Ht = "_125pcxyv", jt = oe({ defaultClassName: "_125pcxyw", variantClassNames: { spinning: { true: "_125pcxyx", false: "_125pcxyy" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), Yt = oe({ defaultClassName: "_125pcxys", variantClassNames: { spinning: { true: "_125pcxyt", false: "_125pcxyu" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
-const He = d.forwardRef(
-  ({
-    onClick: e,
-    onPress: t,
-    children: n,
-    className: r,
-    isDisabled: s,
-    disabled: l,
-    href: u,
-    icon: m,
-    kind: p = "default",
-    spinning: h,
-    spinningTitle: $,
-    title: M,
-    ...O
-  }, C) => {
-    var L;
-    const A = {
-      onPress: t != null ? t : e,
-      isDisabled: (L = l != null ? l : s) != null ? L : h,
-      ...O
-    }, { "data-testid": E } = O, k = C != null ? C : d.useRef(null), { buttonProps: N } = Rt(A, k), { t: w } = d.useContext(Xe), v = m && /* @__PURE__ */ d.createElement(
-      Ze,
-      {
-        className: Ht,
-        icon: m,
-        "aria-hidden": "true",
-        "data-testid": `${E}__${m}-icon`
-      }
-    );
-    let T;
-    p === "default" || p === "icon" || p === "link" ? T = "dark" : T = "light";
-    const B = h && /* @__PURE__ */ d.createElement(
-      qe,
-      {
-        color: T,
-        className: jt({ spinning: h }),
-        title: $ || w("design-system:button.spinningTitle"),
-        "data-testid": `${E}__spinner`
-      }
-    );
-    return /* @__PURE__ */ d.createElement("div", { className: Je(Gt({ disabled: s || l, kind: p, spinning: h }), r) }, u ? /* @__PURE__ */ d.createElement(
-      "a",
-      {
-        className: Yt({ spinning: h }),
-        ...O,
-        href: u,
-        title: M
-      },
-      v,
-      n,
-      B
-    ) : /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
-      "button",
-      {
-        className: Wt({ disabled: s || l, kind: p, spinning: h }),
-        disabled: s,
-        ...N,
-        ref: k,
-        title: M
-      },
-      v,
-      n ? /* @__PURE__ */ d.createElement("span", null, n) : "",
-      B
-    )));
-  }
-);
-Qe.set(He, {
+  for (var [E, v] of e.compoundVariants)
+    It(E, o, e.defaultVariants) && (r += " " + v);
+  return r;
+}, At = se({ defaultClassName: "_125pcxy0", variantClassNames: { disabled: { true: "_125pcxy1", false: "_125pcxy2" }, kind: { default: "_125pcxy3", link: "_125pcxy4", confirm: "_125pcxy5", delete: "_125pcxy6", key: "_125pcxy7", icon: "_125pcxy8" }, spinning: { true: "_125pcxy9", false: "_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "_125pcxyb"], [{ kind: "default", spinning: !0 }, "_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "_125pcxyd"], [{ kind: "delete", spinning: !0 }, "_125pcxye"], [{ kind: "key", spinning: !0 }, "_125pcxyf"], [{ disabled: !0, spinning: !1 }, "_125pcxyg"]] }), Mt = se({ defaultClassName: "_125pcxyh", variantClassNames: { disabled: { true: "_125pcxyi", false: "_125pcxyj" }, kind: { icon: "_125pcxyk", default: "_125pcxyl", delete: "_125pcxym", key: "_125pcxyn", confirm: "_125pcxyo", link: "_125pcxyp" }, spinning: { true: "_125pcxyq", false: "_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Ft = "_125pcxyv", Ut = se({ defaultClassName: "_125pcxyw", variantClassNames: { spinning: { true: "_125pcxyx", false: "_125pcxyy" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), Ht = se({ defaultClassName: "_125pcxys", variantClassNames: { spinning: { true: "_125pcxyt", false: "_125pcxyu" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+function Rt({
+  as: e,
+  onClick: t,
+  onPress: r,
+  children: o,
+  className: i,
+  isDisabled: d,
+  disabled: u,
+  href: p,
+  icon: b,
+  kind: E = "default",
+  spinning: v,
+  spinningTitle: C,
+  title: x,
+  ...m
+}, P) {
+  var g;
+  const k = e != null ? e : p ? "a" : "button", T = {
+    onPress: r != null ? r : t,
+    isDisabled: (g = u != null ? u : d) != null ? g : v,
+    ...m
+  }, { "data-testid": N } = m, B = P || c.useRef(null), { buttonProps: $ } = _t(T, B), { hoverProps: L } = Ct({ isDisabled: T.isDisabled }), { type: O, ...I } = $, ie = {
+    ...W(I, L),
+    ref: B,
+    title: x,
+    className: p ? Ht({ spinning: v }) : Mt({ disabled: d || u, kind: E, spinning: v }),
+    ...p ? { href: p } : { type: O }
+  }, { t: n } = c.useContext(ze), f = b && /* @__PURE__ */ c.createElement(
+    Je,
+    {
+      className: Ft,
+      icon: b,
+      "aria-hidden": "true",
+      "data-testid": `${N}__${b}-icon`
+    }
+  );
+  let w;
+  E === "default" || E === "icon" || E === "link" ? w = "dark" : w = "light";
+  const l = v && /* @__PURE__ */ c.createElement(
+    Xe,
+    {
+      color: w,
+      className: Ut({ spinning: v }),
+      title: C || n("design-system:button.spinningTitle"),
+      "data-testid": `${N}__spinner`
+    }
+  );
+  return /* @__PURE__ */ c.createElement(Ze, null, /* @__PURE__ */ c.createElement(
+    "div",
+    {
+      className: qe(
+        At({
+          disabled: d || u,
+          kind: E,
+          spinning: v
+        }),
+        i
+      )
+    },
+    /* @__PURE__ */ c.createElement(k, { ...ie }, f, o ? /* @__PURE__ */ c.createElement("span", null, o) : "", l)
+  ));
+}
+const We = c.forwardRef(Rt);
+Ye.set(We, {
   name: "Button",
   props: {
     disabled: "boolean",
@@ -1099,17 +958,17 @@ Qe.set(He, {
   },
   panellable: !0
 });
-const zt = {
-  components: [He],
-  description: () => /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, "Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."), /* @__PURE__ */ d.createElement("br", null), /* @__PURE__ */ d.createElement("h5", null, "Variants"), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Default: "), "For tertiary actions or actions of lower importance on a page."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Key: "), "For primary or important actions on a page."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Confirm: "), "For the main call to action on a page. There should only be one Confirm button per screen."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Delete: "), "For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Disabled: "), "For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it\u2019s disabled."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "With an Icon: "), "For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),
+const Gt = {
+  components: [We],
+  description: () => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, "Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."), /* @__PURE__ */ c.createElement("br", null), /* @__PURE__ */ c.createElement("h5", null, "Variants"), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Default: "), "For tertiary actions or actions of lower importance on a page."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Key: "), "For primary or important actions on a page."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Confirm: "), "For the main call to action on a page. There should only be one Confirm button per screen."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Delete: "), "For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Disabled: "), "For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it\u2019s disabled."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "With an Icon: "), "For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),
   examples: {
     basic: {
       label: "Basic Buttons",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("p", null, "The most common type of button that can be used in most cases. Example: Basic Buttons in a ", /* @__PURE__ */ d.createElement(e, { to: "modals" }, "Modal"), ".")),
+      description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("p", null, "The most common type of button that can be used in most cases. Example: Basic Buttons in a ", /* @__PURE__ */ c.createElement(e, { to: "modals" }, "Modal"), ".")),
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1128,7 +987,7 @@ const zt = {
         },
         withIcons: {
           description: "With Icons",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1147,7 +1006,7 @@ const zt = {
         },
         spinning: {
           description: "Spinning",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1171,7 +1030,7 @@ const zt = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: g`
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1213,7 +1072,7 @@ const zt = {
         },
         withIcons: {
           description: "With Icons",
-          react: g`
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1260,7 +1119,7 @@ const zt = {
         },
         spinning: {
           description: "Spinning",
-          react: g`
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1306,7 +1165,7 @@ const zt = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: g`
+          react: y`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1336,7 +1195,7 @@ const zt = {
         },
         withIcons: {
           description: "With Icons",
-          react: g`
+          react: y`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1380,11 +1239,11 @@ const zt = {
     },
     iconButtons: {
       label: "Icon Buttons",
-      description: ({ NavigateTo: e, Link: t }) => /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("p", null, "Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the", " ", /* @__PURE__ */ d.createElement(e, { to: "list-action-bar" }, "List Action Bar"), ". Do not use an icon that doesn't have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ", /* @__PURE__ */ d.createElement(t, { to: "/style-and-layout/icons/" }, "View All Icons"))),
+      description: ({ NavigateTo: e, Link: t }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("p", null, "Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the", " ", /* @__PURE__ */ c.createElement(e, { to: "list-action-bar" }, "List Action Bar"), ". Do not use an icon that doesn't have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ", /* @__PURE__ */ c.createElement(t, { to: "/style-and-layout/icons/" }, "View All Icons"))),
       examples: {
         standard: {
           description: "Standard Icon Buttons",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1406,8 +1265,8 @@ const zt = {
           `
         },
         dropdown: {
-          description: ({ NavigateTo: e }) => /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("h5", null, "Dropdown Icon Buttons"), /* @__PURE__ */ d.createElement("p", null, "Use these when there are several options available for action. Example: Dropdown Icon Button in a ", /* @__PURE__ */ d.createElement(e, { to: "content-rows" }, "Content Row"), ".")),
-          react: g`
+          description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h5", null, "Dropdown Icon Buttons"), /* @__PURE__ */ c.createElement("p", null, "Use these when there are several options available for action. Example: Dropdown Icon Button in a ", /* @__PURE__ */ c.createElement(e, { to: "content-rows" }, "Content Row"), ".")),
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1425,7 +1284,7 @@ const zt = {
         },
         spinner: {
           description: "Spinner",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1441,11 +1300,11 @@ const zt = {
     },
     textButtons: {
       label: "Text Buttons",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ d.createElement("p", null, "Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the", " ", /* @__PURE__ */ d.createElement(e, { to: "list-toolbar" }, "List Toolbar")),
+      description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement("p", null, "Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the", " ", /* @__PURE__ */ c.createElement(e, { to: "list-toolbar" }, "List Toolbar")),
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1462,7 +1321,7 @@ const zt = {
         },
         withIcons: {
           description: "With Icons",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1479,7 +1338,7 @@ const zt = {
         },
         spinner: {
           description: "Spinner",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1495,10 +1354,10 @@ const zt = {
     },
     submitButtons: {
       label: "Submit Buttons",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ d.createElement("p", null, "Use to submit a form. There can be a number of visual variations, for example a", " ", /* @__PURE__ */ d.createElement(e, { to: "modals" }, "Modal"), " uses Basic Button (Key) as its Submit Button."),
+      description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement("p", null, "Use to submit a form. There can be a number of visual variations, for example a", " ", /* @__PURE__ */ c.createElement(e, { to: "modals" }, "Modal"), " uses Basic Button (Key) as its Submit Button."),
       examples: {
         basic: {
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1526,7 +1385,7 @@ const zt = {
       description: "Used to link to another page, such as an external website. They may open in the same window or in a new one. It should only be used when a Text Button doesn't provide enough visual emphasis.",
       examples: {
         basic: {
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1544,11 +1403,11 @@ const zt = {
     },
     buttonGroups: {
       label: "Button Groups",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ d.createElement("p", null, "Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in ", /* @__PURE__ */ d.createElement(e, { to: "List Action Bar" }, "List Action Bar"), "."),
+      description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement("p", null, "Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in ", /* @__PURE__ */ c.createElement(e, { to: "List Action Bar" }, "List Action Bar"), "."),
       examples: {
         basic: {
           description: "Basic Button Groups",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1564,7 +1423,7 @@ const zt = {
         },
         icon: {
           description: "Icon Button Groups",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1579,7 +1438,7 @@ const zt = {
         },
         textAndIcons: {
           description: "Text Buttons + Icon Buttons Group",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1598,7 +1457,7 @@ const zt = {
         },
         textAndBasic: {
           description: "Text Buttons + Basic Buttons Group",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1618,7 +1477,7 @@ const zt = {
         },
         iconsAndBasic: {
           description: "Icon Buttons + Basic Buttons Group",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1639,7 +1498,7 @@ const zt = {
         },
         textIconsAndBasic: {
           description: "Text Buttons + Icon Buttons + Basic Buttons Group",
-          react: g`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1663,10 +1522,10 @@ const zt = {
       }
     }
   }
-}, Qt = {
-  Buttons: zt
+}, zt = {
+  Buttons: Gt
 };
 export {
-  He as Button,
-  Qt as MANIFEST
+  We as Button,
+  zt as MANIFEST
 };