@sps-woodland/buttons 8.2.1 → 8.3.0

package/lib/index.es.js

@@ -1,256 +1,266 @@
 import * as d from "react";
-import ce, { useRef as j, useCallback as K, useEffect as ue, useState as Ve, useMemo as Ge, useContext as De } from "react";
-import { I18nContext as We, Icon as He, Spinner as je, cl as ze, Metadata as Ye } from "@sps-woodland/core";
+import de, { useRef as X, useCallback as K, useEffect as pe, useState as ze, useMemo as Ye, useContext as De } from "react";
+import { I18nContext as Xe, Icon as qe, Spinner as Je, cl as Qe, Metadata as Ze } from "@sps-woodland/core";
 import { code as g } from "@spscommerce/utils";
 function Oe(e) {
-  var t, n, o = "";
+  var t, n, r = "";
   if (typeof e == "string" || typeof e == "number")
-    o += e;
+    r += e;
   else if (typeof e == "object")
-    if (Array.isArray(e))
-      for (t = 0; t < e.length; t++)
-        e[t] && (n = Oe(e[t])) && (o && (o += " "), o += n);
-    else
-      for (t in e)
-        e[t] && (o && (o += " "), o += t);
-  return o;
-}
-function Xe() {
-  for (var e, t, n = 0, o = ""; n < arguments.length; )
-    (e = arguments[n++]) && (t = Oe(e)) && (o && (o += " "), o += t);
-  return o;
-}
-const de = typeof document < "u" ? ce.useLayoutEffect : () => {
+    if (Array.isArray(e)) {
+      var s = e.length;
+      for (t = 0; t < s; t++)
+        e[t] && (n = Oe(e[t])) && (r && (r += " "), r += n);
+    } else
+      for (n in e)
+        e[n] && (r && (r += " "), r += n);
+  return r;
+}
+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;
+}
+const fe = typeof document < "u" ? de.useLayoutEffect : () => {
 };
-function R(e) {
-  const t = j(null);
-  return de(() => {
+function U(e) {
+  const t = X(null);
+  return fe(() => {
     t.current = e;
   }, [
     e
   ]), K((...n) => {
-    const o = t.current;
-    return o(...n);
+    const r = t.current;
+    return r == null ? void 0 : r(...n);
   }, []);
 }
-let ge = /* @__PURE__ */ new Map();
-function qe(e, t) {
+let ye = /* @__PURE__ */ new Map();
+function tt(e, t) {
   if (e === t)
     return e;
-  let n = ge.get(e);
+  let n = ye.get(e);
   if (n)
     return n(t), t;
-  let o = ge.get(t);
-  return o ? (o(e), e) : t;
+  let r = ye.get(t);
+  return r ? (r(e), e) : t;
 }
-function Je(...e) {
+function Ce(...e) {
   return (...t) => {
     for (let n of e)
       typeof n == "function" && n(...t);
   };
 }
-const N = (e) => {
+const x = (e) => {
   var t;
   return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
-}, oe = (e) => e && "window" in e && e.window === e ? e : N(e).defaultView || window;
-function G(...e) {
+}, W = (e) => e && "window" in e && e.window === e ? e : x(e).defaultView || window;
+function H(...e) {
   let t = {
     ...e[0]
   };
   for (let n = 1; n < e.length; n++) {
-    let o = e[n];
-    for (let s in o) {
-      let u = t[s], c = o[s];
-      typeof u == "function" && typeof c == "function" && s[0] === "o" && s[1] === "n" && s.charCodeAt(2) >= 65 && s.charCodeAt(2) <= 90 ? t[s] = Je(u, c) : (s === "className" || s === "UNSAFE_className") && typeof u == "string" && typeof c == "string" ? t[s] = Xe(u, c) : s === "id" && u && c ? t.id = qe(u, c) : t[s] = c !== void 0 ? c : u;
+    let r = e[n];
+    for (let s in r) {
+      let l = t[s], c = r[s];
+      typeof l == "function" && typeof c == "function" && s[0] === "o" && s[1] === "n" && s.charCodeAt(2) >= 65 && s.charCodeAt(2) <= 90 ? t[s] = Ce(l, c) : (s === "className" || s === "UNSAFE_className") && typeof l == "string" && typeof c == "string" ? t[s] = et(l, c) : s === "id" && l && c ? t.id = tt(l, c) : t[s] = c !== void 0 ? c : l;
     }
   }
   return t;
 }
-const Qe = /* @__PURE__ */ new Set([
+const nt = /* @__PURE__ */ new Set([
   "id"
-]), Ze = /* @__PURE__ */ new Set([
+]), rt = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
-]), et = /* @__PURE__ */ new Set([
+]), ot = /* @__PURE__ */ new Set([
   "href",
   "target",
   "rel",
   "download",
   "ping",
   "referrerPolicy"
-]), tt = /^(data-.*)$/;
-function nt(e, t = {}) {
-  let { labelable: n, isLink: o, propNames: s } = t, u = {};
+]), st = /^(data-.*)$/;
+function at(e, t = {}) {
+  let { labelable: n, isLink: r, propNames: s } = t, l = {};
   for (const c in e)
-    Object.prototype.hasOwnProperty.call(e, c) && (Qe.has(c) || n && Ze.has(c) || o && et.has(c) || (s == null ? void 0 : s.has(c)) || tt.test(c)) && (u[c] = e[c]);
-  return u;
+    Object.prototype.hasOwnProperty.call(e, c) && (nt.has(c) || n && rt.has(c) || r && ot.has(c) || (s == null ? void 0 : s.has(c)) || st.test(c)) && (l[c] = e[c]);
+  return l;
 }
 function _(e) {
-  if (rt())
+  if (it())
     e.focus({
       preventScroll: !0
     });
   else {
-    let t = ot(e);
-    e.focus(), st(t);
+    let t = lt(e);
+    e.focus(), ct(t);
   }
 }
-let X = null;
-function rt() {
-  if (X == null) {
-    X = !1;
+let Q = null;
+function it() {
+  if (Q == null) {
+    Q = !1;
     try {
-      var e = document.createElement("div");
-      e.focus({
+      document.createElement("div").focus({
         get preventScroll() {
-          return X = !0, !0;
+          return Q = !0, !0;
         }
       });
     } catch {
     }
   }
-  return X;
+  return Q;
 }
-function ot(e) {
-  for (var t = e.parentNode, n = [], o = document.scrollingElement || document.documentElement; t instanceof HTMLElement && t !== o; )
+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({
       element: t,
       scrollTop: t.scrollTop,
       scrollLeft: t.scrollLeft
     }), t = t.parentNode;
-  return o instanceof HTMLElement && n.push({
-    element: o,
-    scrollTop: o.scrollTop,
-    scrollLeft: o.scrollLeft
+  return r instanceof HTMLElement && n.push({
+    element: r,
+    scrollTop: r.scrollTop,
+    scrollLeft: r.scrollLeft
   }), n;
 }
-function st(e) {
-  for (let { element: t, scrollTop: n, scrollLeft: o } of e)
-    t.scrollTop = n, t.scrollLeft = o;
+function ct(e) {
+  for (let { element: t, scrollTop: n, scrollLeft: r } of e)
+    t.scrollTop = n, t.scrollLeft = r;
 }
-function ee(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);
 }
-function pe(e) {
+function me(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 W() {
-  return pe(/^Mac/i);
+function z() {
+  return me(/^Mac/i);
 }
-function at() {
-  return pe(/^iPhone/i);
+function ut() {
+  return me(/^iPhone/i);
 }
-function Ce() {
-  return pe(/^iPad/i) || W() && navigator.maxTouchPoints > 1;
+function Le() {
+  return me(/^iPad/i) || z() && navigator.maxTouchPoints > 1;
 }
 function _e() {
-  return at() || Ce();
+  return ut() || Le();
 }
-function it() {
-  return ee(/AppleWebKit/i) && !lt();
+function dt() {
+  return oe(/AppleWebKit/i) && !pt();
 }
-function lt() {
-  return ee(/Chrome/i);
+function pt() {
+  return oe(/Chrome/i);
 }
 function Ke() {
-  return ee(/Android/i);
+  return oe(/Android/i);
 }
-function ct() {
-  return ee(/Firefox/i);
+function ft() {
+  return oe(/Firefox/i);
 }
-function H(e, t, n = !0) {
-  var o, s;
-  let { metaKey: u, ctrlKey: c, altKey: m, shiftKey: p } = t;
-  ct() && ((s = window.event) === null || s === void 0 || (o = s.type) === null || o === void 0 ? void 0 : o.startsWith("key")) && e.target === "_blank" && (W() ? u = !0 : c = !0);
-  let y = it() && W() && !Ce() ? new KeyboardEvent("keydown", {
+function Y(e, t, n = !0) {
+  var r, s;
+  let { metaKey: l, ctrlKey: c, 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" && (z() ? l = !0 : c = !0);
+  let h = dt() && z() && !Le() ? new KeyboardEvent("keydown", {
     keyIdentifier: "Enter",
-    metaKey: u,
+    metaKey: l,
     ctrlKey: c,
     altKey: m,
     shiftKey: p
   }) : new MouseEvent("click", {
-    metaKey: u,
+    metaKey: l,
     ctrlKey: c,
     altKey: m,
     shiftKey: p,
     bubbles: !0,
     cancelable: !0
   });
-  H.isOpening = n, _(e), e.dispatchEvent(y), H.isOpening = !1;
+  Y.isOpening = n, _(e), e.dispatchEvent(h), Y.isOpening = !1;
 }
-H.isOpening = !1;
-let U = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new Set();
-function ve() {
+Y.isOpening = !1;
+let V = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Set();
+function he() {
   if (typeof window > "u")
     return;
-  let e = (n) => {
-    let o = U.get(n.target);
-    o || (o = /* @__PURE__ */ new Set(), U.set(n.target, o), n.target.addEventListener("transitioncancel", t)), o.add(n.propertyName);
-  }, t = (n) => {
-    let o = U.get(n.target);
-    if (!!o && (o.delete(n.propertyName), o.size === 0 && (n.target.removeEventListener("transitioncancel", t), U.delete(n.target)), U.size === 0)) {
-      for (let s of se)
-        s();
-      se.clear();
+  function e(r) {
+    return "propertyName" in r;
+  }
+  let t = (r) => {
+    if (!e(r) || !r.target)
+      return;
+    let s = V.get(r.target);
+    s || (s = /* @__PURE__ */ new Set(), V.set(r.target, s), r.target.addEventListener("transitioncancel", n, {
+      once: !0
+    })), s.add(r.propertyName);
+  }, n = (r) => {
+    if (!e(r) || !r.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();
     }
   };
-  document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
+  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", n);
 }
-typeof document < "u" && (document.readyState !== "loading" ? ve() : document.addEventListener("DOMContentLoaded", ve));
-function Le(e) {
+typeof document < "u" && (document.readyState !== "loading" ? he() : document.addEventListener("DOMContentLoaded", he));
+function Ie(e) {
   requestAnimationFrame(() => {
-    U.size === 0 ? e() : se.add(e);
+    V.size === 0 ? e() : ie.add(e);
   });
 }
-function ut() {
-  let e = j(/* @__PURE__ */ new Map()), t = K((s, u, c, m) => {
-    let p = m != null && m.once ? (...y) => {
-      e.current.delete(c), c(...y);
+function mt() {
+  let e = X(/* @__PURE__ */ new Map()), t = K((s, l, c, m) => {
+    let p = m != null && m.once ? (...h) => {
+      e.current.delete(c), c(...h);
     } : c;
     e.current.set(c, {
-      type: u,
+      type: l,
       eventTarget: s,
       fn: p,
       options: m
-    }), s.addEventListener(u, c, m);
-  }, []), n = K((s, u, c, m) => {
+    }), s.addEventListener(l, c, m);
+  }, []), n = K((s, l, c, m) => {
     var p;
-    let y = ((p = e.current.get(c)) === null || p === void 0 ? void 0 : p.fn) || c;
-    s.removeEventListener(u, y, m), e.current.delete(c);
-  }, []), o = K(() => {
-    e.current.forEach((s, u) => {
-      n(s.eventTarget, s.type, u, s.options);
+    let h = ((p = e.current.get(c)) === null || p === void 0 ? void 0 : p.fn) || c;
+    s.removeEventListener(l, h, m), e.current.delete(c);
+  }, []), r = K(() => {
+    e.current.forEach((s, l) => {
+      n(s.eventTarget, s.type, l, s.options);
     });
   }, [
     n
   ]);
-  return ue(() => o, [
-    o
+  return pe(() => r, [
+    r
   ]), {
     addGlobalListener: t,
     removeGlobalListener: n,
-    removeAllGlobalListeners: o
+    removeAllGlobalListeners: r
   };
 }
-function Ie(e, t) {
-  de(() => {
+function Me(e, t) {
+  fe(() => {
     if (e && e.ref && t)
       return e.ref.current = t.current, () => {
-        e.ref.current = null;
+        e.ref && (e.ref.current = null);
       };
   });
 }
-function ae(e) {
+function le(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : Ke() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function dt(e) {
+function bt(e) {
   return !Ke() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
-function pt(e, t) {
+function gt(e, t) {
   return t.get ? t.get.call(e) : t.value;
 }
 function Ae(e, t, n) {
@@ -258,18 +268,18 @@ function Ae(e, t, n) {
     throw new TypeError("attempted to " + n + " private field on non-instance");
   return t.get(e);
 }
-function ft(e, t) {
+function vt(e, t) {
   var n = Ae(e, t, "get");
-  return pt(e, n);
+  return gt(e, n);
 }
-function mt(e, t) {
+function yt(e, t) {
   if (t.has(e))
     throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
-function bt(e, t, n) {
-  mt(e, t), t.set(e, n);
+function ht(e, t, n) {
+  yt(e, t), t.set(e, n);
 }
-function gt(e, t, n) {
+function $t(e, t, n) {
   if (t.set)
     t.set.call(e, n);
   else {
@@ -278,82 +288,82 @@ function gt(e, t, n) {
     t.value = n;
   }
 }
-function ye(e, t, n) {
-  var o = Ae(e, t, "set");
-  return gt(e, o, n), n;
+function $e(e, t, n) {
+  var r = Ae(e, t, "set");
+  return $t(e, r, n), n;
 }
-let V = "default", ie = "", Z = /* @__PURE__ */ new WeakMap();
-function he(e) {
+let G = "default", ce = "", ne = /* @__PURE__ */ new WeakMap();
+function ke(e) {
   if (_e()) {
-    if (V === "default") {
-      const t = N(e);
-      ie = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
+    if (G === "default") {
+      const t = x(e);
+      ce = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
     }
-    V = "disabled";
+    G = "disabled";
   } else
-    (e instanceof HTMLElement || e instanceof SVGElement) && (Z.set(e, e.style.userSelect), e.style.userSelect = "none");
+    (e instanceof HTMLElement || e instanceof SVGElement) && (ne.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
-function q(e) {
+function Z(e) {
   if (_e()) {
-    if (V !== "disabled")
+    if (G !== "disabled")
       return;
-    V = "restoring", setTimeout(() => {
-      Le(() => {
-        if (V === "restoring") {
-          const t = N(e);
-          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ie || ""), ie = "", V = "default";
+    G = "restoring", setTimeout(() => {
+      Ie(() => {
+        if (G === "restoring") {
+          const t = x(e);
+          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ce || ""), ce = "", G = "default";
         }
       });
     }, 300);
-  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && Z.has(e)) {
-    let t = Z.get(e);
-    e.style.userSelect === "none" && t && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), Z.delete(e);
+  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && ne.has(e)) {
+    let t = ne.get(e);
+    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), ne.delete(e);
   }
 }
-const Me = ce.createContext({
+const Fe = de.createContext({
   register: () => {
   }
 });
-Me.displayName = "PressResponderContext";
-function vt(e) {
-  let t = De(Me);
+Fe.displayName = "PressResponderContext";
+function kt(e) {
+  let t = De(Fe);
   if (t) {
-    let { register: n, ...o } = t;
-    e = G(o, e), n();
+    let { register: n, ...r } = t;
+    e = H(r, e), n();
   }
-  return Ie(t, e.ref), e;
+  return Me(t, e.ref), e;
 }
-var J = /* @__PURE__ */ new WeakMap();
-class Q {
+var ee = /* @__PURE__ */ new WeakMap();
+class te {
   continuePropagation() {
-    ye(this, J, !1);
+    $e(this, ee, !1);
   }
   get shouldStopPropagation() {
-    return ft(this, J);
+    return vt(this, ee);
   }
-  constructor(t, n, o) {
-    bt(this, J, {
+  constructor(t, n, r) {
+    ht(this, ee, {
       writable: !0,
       value: void 0
-    }), ye(this, J, !0), this.type = t, this.pointerType = n, this.target = o.currentTarget, this.shiftKey = o.shiftKey, this.metaKey = o.metaKey, this.ctrlKey = o.ctrlKey, this.altKey = o.altKey;
+    }), $e(this, ee, !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;
   }
 }
-const $e = Symbol("linkClicked");
-function yt(e) {
+const we = Symbol("linkClicked");
+function wt(e) {
   let {
     onPress: t,
     onPressChange: n,
-    onPressStart: o,
+    onPressStart: r,
     onPressEnd: s,
-    onPressUp: u,
+    onPressUp: l,
     isDisabled: c,
     isPressed: m,
     preventFocusOnPress: p,
-    shouldCancelOnPointerExit: y,
+    shouldCancelOnPointerExit: h,
     allowTextSelectionOnPress: $,
-    ref: I,
-    ...D
-  } = vt(e), [O, A] = Ve(!1), T = j({
+    ref: M,
+    ...O
+  } = kt(e), [C, A] = ze(!1), E = X({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -363,174 +373,178 @@ function yt(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: k, removeAllGlobalListeners: x } = ut(), w = R((r, f) => {
-    let E = T.current;
-    if (c || E.didFirePressStart)
+  }), { addGlobalListener: k, removeAllGlobalListeners: N } = mt(), w = U((o, f) => {
+    let S = E.current;
+    if (c || S.didFirePressStart)
       return !1;
-    let l = !0;
-    if (E.isTriggeringEvent = !0, o) {
-      let b = new Q("pressstart", f, r);
-      o(b), l = b.shouldStopPropagation;
+    let u = !0;
+    if (S.isTriggeringEvent = !0, r) {
+      let b = new te("pressstart", f, o);
+      r(b), u = b.shouldStopPropagation;
     }
-    return n && n(!0), E.isTriggeringEvent = !1, E.didFirePressStart = !0, A(!0), l;
-  }), v = R((r, f, E = !0) => {
-    let l = T.current;
-    if (!l.didFirePressStart)
+    return n && n(!0), S.isTriggeringEvent = !1, S.didFirePressStart = !0, A(!0), u;
+  }), v = U((o, f, S = !0) => {
+    let u = E.current;
+    if (!u.didFirePressStart)
       return !1;
-    l.ignoreClickAfterPress = !0, l.didFirePressStart = !1, l.isTriggeringEvent = !0;
+    u.ignoreClickAfterPress = !0, u.didFirePressStart = !1, u.isTriggeringEvent = !0;
     let b = !0;
     if (s) {
-      let a = new Q("pressend", f, r);
+      let a = new te("pressend", f, o);
       s(a), b = a.shouldStopPropagation;
     }
-    if (n && n(!1), A(!1), t && E && !c) {
-      let a = new Q("press", f, r);
+    if (n && n(!1), A(!1), t && S && !c) {
+      let a = new te("press", f, o);
       t(a), b && (b = a.shouldStopPropagation);
     }
-    return l.isTriggeringEvent = !1, b;
-  }), B = R((r, f) => {
-    let E = T.current;
+    return u.isTriggeringEvent = !1, b;
+  }), T = U((o, f) => {
+    let S = E.current;
     if (c)
       return !1;
-    if (u) {
-      E.isTriggeringEvent = !0;
-      let l = new Q("pressup", f, r);
-      return u(l), E.isTriggeringEvent = !1, l.shouldStopPropagation;
+    if (l) {
+      S.isTriggeringEvent = !0;
+      let u = new te("pressup", f, o);
+      return l(u), S.isTriggeringEvent = !1, u.shouldStopPropagation;
     }
     return !0;
-  }), P = R((r) => {
-    let f = T.current;
-    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && v(S(f.target, r), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, x(), $ || q(f.target));
-  }), C = R((r) => {
-    y && P(r);
-  }), Ue = Ge(() => {
-    let r = T.current, f = {
-      onKeyDown(l) {
-        if (ne(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
+  }), 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(), $ || Z(f.target));
+  }), L = U((o) => {
+    h && B(o);
+  }), je = Ye(() => {
+    let o = E.current, f = {
+      onKeyDown(u) {
+        if (se(u.nativeEvent, u.currentTarget) && u.currentTarget.contains(u.target)) {
           var b;
-          we(l.target, l.key) && l.preventDefault();
+          Te(u.target, u.key) && u.preventDefault();
           let a = !0;
-          !r.isPressed && !l.repeat && (r.target = l.currentTarget, r.isPressed = !0, a = w(l, "keyboard"), k(N(l.currentTarget), "keyup", E, !1)), a && l.stopPropagation(), l.metaKey && W() && ((b = r.metaKeyEvents) === null || b === void 0 || b.set(l.key, l.nativeEvent));
+          if (!o.isPressed && !u.repeat) {
+            o.target = u.currentTarget, o.isPressed = !0, a = w(u, "keyboard");
+            let i = u.currentTarget, y = (F) => {
+              se(F, i) && !F.repeat && i.contains(F.target) && o.target && T(D(o.target, F), "keyboard");
+            };
+            k(x(u.currentTarget), "keyup", Ce(y, S), !0);
+          }
+          a && u.stopPropagation(), u.metaKey && z() && ((b = o.metaKeyEvents) === null || b === void 0 || b.set(u.key, u.nativeEvent));
         } else
-          l.key === "Meta" && (r.metaKeyEvents = /* @__PURE__ */ new Map());
+          u.key === "Meta" && (o.metaKeyEvents = /* @__PURE__ */ new Map());
       },
-      onKeyUp(l) {
-        ne(l.nativeEvent, l.currentTarget) && !l.repeat && l.currentTarget.contains(l.target) && r.target && B(S(r.target, l), "keyboard");
-      },
-      onClick(l) {
-        if (!(l && !l.currentTarget.contains(l.target)) && l && l.button === 0 && !r.isTriggeringEvent && !H.isOpening) {
+      onClick(u) {
+        if (!(u && !u.currentTarget.contains(u.target)) && u && u.button === 0 && !o.isTriggeringEvent && !Y.isOpening) {
           let b = !0;
-          if (c && l.preventDefault(), !r.ignoreClickAfterPress && !r.ignoreEmulatedMouseEvents && !r.isPressed && (r.pointerType === "virtual" || ae(l.nativeEvent))) {
-            !c && !p && _(l.currentTarget);
-            let a = w(l, "virtual"), i = B(l, "virtual"), h = v(l, "virtual");
-            b = a && i && h;
+          if (c && u.preventDefault(), !o.ignoreClickAfterPress && !o.ignoreEmulatedMouseEvents && !o.isPressed && (o.pointerType === "virtual" || le(u.nativeEvent))) {
+            !c && !p && _(u.currentTarget);
+            let a = w(u, "virtual"), i = T(u, "virtual"), y = v(u, "virtual");
+            b = a && i && y;
           }
-          r.ignoreEmulatedMouseEvents = !1, r.ignoreClickAfterPress = !1, b && l.stopPropagation();
+          o.ignoreEmulatedMouseEvents = !1, o.ignoreClickAfterPress = !1, b && u.stopPropagation();
         }
       }
-    }, E = (l) => {
+    }, S = (u) => {
       var b;
-      if (r.isPressed && r.target && ne(l, r.target)) {
+      if (o.isPressed && o.target && se(u, o.target)) {
         var a;
-        we(l.target, l.key) && l.preventDefault();
-        let h = l.target, te = v(S(r.target, l), "keyboard", r.target.contains(h));
-        x(), te && l.stopPropagation(), l.key !== "Enter" && fe(r.target) && r.target.contains(h) && !l[$e] && (l[$e] = !0, H(r.target, l, !1)), r.isPressed = !1, (a = r.metaKeyEvents) === null || a === void 0 || a.delete(l.key);
-      } else if (l.key === "Meta" && ((b = r.metaKeyEvents) === null || b === void 0 ? void 0 : b.size)) {
+        Te(u.target, u.key) && u.preventDefault();
+        let y = u.target;
+        v(D(o.target, u), "keyboard", o.target.contains(y)), N(), u.key !== "Enter" && be(o.target) && o.target.contains(y) && !u[we] && (u[we] = !0, Y(o.target, u, !1)), o.isPressed = !1, (a = o.metaKeyEvents) === null || a === void 0 || a.delete(u.key);
+      } else if (u.key === "Meta" && ((b = o.metaKeyEvents) === null || b === void 0 ? void 0 : b.size)) {
         var i;
-        let h = r.metaKeyEvents;
-        r.metaKeyEvents = void 0;
-        for (let te of h.values())
-          (i = r.target) === null || i === void 0 || i.dispatchEvent(new KeyboardEvent("keyup", te));
+        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));
       }
     };
     if (typeof PointerEvent < "u") {
       f.onPointerDown = (i) => {
         if (i.button !== 0 || !i.currentTarget.contains(i.target))
           return;
-        if (dt(i.nativeEvent)) {
-          r.pointerType = "virtual";
+        if (bt(i.nativeEvent)) {
+          o.pointerType = "virtual";
           return;
         }
-        re(i.currentTarget) && i.preventDefault(), r.pointerType = i.pointerType;
-        let h = !0;
-        r.isPressed || (r.isPressed = !0, r.isOverTarget = !0, r.activePointerId = i.pointerId, r.target = i.currentTarget, !c && !p && _(i.currentTarget), $ || he(r.target), h = w(i, r.pointerType), k(N(i.currentTarget), "pointermove", l, !1), k(N(i.currentTarget), "pointerup", b, !1), k(N(i.currentTarget), "pointercancel", a, !1)), h && i.stopPropagation();
+        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, !c && !p && _(i.currentTarget), $ || ke(o.target), y = w(i, o.pointerType), k(x(i.currentTarget), "pointermove", u, !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 && (re(i.currentTarget) && i.preventDefault(), i.stopPropagation());
+        !i.currentTarget.contains(i.target) || i.button === 0 && (ae(i.currentTarget) && i.preventDefault(), i.stopPropagation());
       }, f.onPointerUp = (i) => {
-        !i.currentTarget.contains(i.target) || r.pointerType === "virtual" || i.button === 0 && M(i, i.currentTarget) && B(i, r.pointerType || i.pointerType);
+        !i.currentTarget.contains(i.target) || o.pointerType === "virtual" || i.button === 0 && R(i, i.currentTarget) && T(i, o.pointerType || i.pointerType);
       };
-      let l = (i) => {
-        i.pointerId === r.activePointerId && (r.target && M(i, r.target) ? !r.isOverTarget && r.pointerType != null && (r.isOverTarget = !0, w(S(r.target, i), r.pointerType)) : r.target && r.isOverTarget && r.pointerType != null && (r.isOverTarget = !1, v(S(r.target, i), r.pointerType, !1), C(i)));
+      let u = (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 === r.activePointerId && r.isPressed && i.button === 0 && r.target && (M(i, r.target) && r.pointerType != null ? v(S(r.target, i), r.pointerType) : r.isOverTarget && r.pointerType != null && v(S(r.target, i), r.pointerType, !1), r.isPressed = !1, r.isOverTarget = !1, r.activePointerId = null, r.pointerType = null, x(), $ || q(r.target));
+        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(), $ || Z(o.target));
       }, a = (i) => {
-        P(i);
+        B(i);
       };
       f.onDragStart = (i) => {
-        !i.currentTarget.contains(i.target) || P(i);
+        !i.currentTarget.contains(i.target) || B(i);
       };
     } else {
       f.onMouseDown = (a) => {
         if (a.button !== 0 || !a.currentTarget.contains(a.target))
           return;
-        if (re(a.currentTarget) && a.preventDefault(), r.ignoreEmulatedMouseEvents) {
+        if (ae(a.currentTarget) && a.preventDefault(), o.ignoreEmulatedMouseEvents) {
           a.stopPropagation();
           return;
         }
-        r.isPressed = !0, r.isOverTarget = !0, r.target = a.currentTarget, r.pointerType = ae(a.nativeEvent) ? "virtual" : "mouse", !c && !p && _(a.currentTarget), w(a, r.pointerType) && a.stopPropagation(), k(N(a.currentTarget), "mouseup", l, !1);
+        o.isPressed = !0, o.isOverTarget = !0, o.target = a.currentTarget, o.pointerType = le(a.nativeEvent) ? "virtual" : "mouse", !c && !p && _(a.currentTarget), w(a, o.pointerType) && a.stopPropagation(), k(x(a.currentTarget), "mouseup", u, !1);
       }, f.onMouseEnter = (a) => {
         if (!a.currentTarget.contains(a.target))
           return;
         let i = !0;
-        r.isPressed && !r.ignoreEmulatedMouseEvents && r.pointerType != null && (r.isOverTarget = !0, i = w(a, r.pointerType)), i && a.stopPropagation();
+        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))
           return;
         let i = !0;
-        r.isPressed && !r.ignoreEmulatedMouseEvents && r.pointerType != null && (r.isOverTarget = !1, i = v(a, r.pointerType, !1), C(a)), i && a.stopPropagation();
+        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) || !r.ignoreEmulatedMouseEvents && a.button === 0 && B(a, r.pointerType || "mouse");
+        !a.currentTarget.contains(a.target) || !o.ignoreEmulatedMouseEvents && a.button === 0 && T(a, o.pointerType || "mouse");
       };
-      let l = (a) => {
+      let u = (a) => {
         if (a.button === 0) {
-          if (r.isPressed = !1, x(), r.ignoreEmulatedMouseEvents) {
-            r.ignoreEmulatedMouseEvents = !1;
+          if (o.isPressed = !1, N(), o.ignoreEmulatedMouseEvents) {
+            o.ignoreEmulatedMouseEvents = !1;
             return;
           }
-          r.target && M(a, r.target) && r.pointerType != null ? v(S(r.target, a), r.pointerType) : r.target && r.isOverTarget && r.pointerType != null && v(S(r.target, a), r.pointerType, !1), r.isOverTarget = !1;
+          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;
         }
       };
       f.onTouchStart = (a) => {
         if (!a.currentTarget.contains(a.target))
           return;
-        let i = ht(a.nativeEvent);
+        let i = Et(a.nativeEvent);
         if (!i)
           return;
-        r.activePointerId = i.identifier, r.ignoreEmulatedMouseEvents = !0, r.isOverTarget = !0, r.isPressed = !0, r.target = a.currentTarget, r.pointerType = "touch", !c && !p && _(a.currentTarget), $ || he(r.target), w(a, r.pointerType) && a.stopPropagation(), k(oe(a.currentTarget), "scroll", b, !0);
+        o.activePointerId = i.identifier, o.ignoreEmulatedMouseEvents = !0, o.isOverTarget = !0, o.isPressed = !0, o.target = a.currentTarget, o.pointerType = "touch", !c && !p && _(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))
           return;
-        if (!r.isPressed) {
+        if (!o.isPressed) {
           a.stopPropagation();
           return;
         }
-        let i = ke(a.nativeEvent, r.activePointerId), h = !0;
-        i && M(i, a.currentTarget) ? !r.isOverTarget && r.pointerType != null && (r.isOverTarget = !0, h = w(a, r.pointerType)) : r.isOverTarget && r.pointerType != null && (r.isOverTarget = !1, h = v(a, r.pointerType, !1), C(a)), h && a.stopPropagation();
+        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))
           return;
-        if (!r.isPressed) {
+        if (!o.isPressed) {
           a.stopPropagation();
           return;
         }
-        let i = ke(a.nativeEvent, r.activePointerId), h = !0;
-        i && M(i, a.currentTarget) && r.pointerType != null ? (B(a, r.pointerType), h = v(a, r.pointerType)) : r.isOverTarget && r.pointerType != null && (h = v(a, r.pointerType, !1)), h && a.stopPropagation(), r.isPressed = !1, r.activePointerId = null, r.isOverTarget = !1, r.ignoreEmulatedMouseEvents = !0, r.target && !$ && q(r.target), x();
+        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 && !$ && Z(o.target), N();
       }, f.onTouchCancel = (a) => {
-        !a.currentTarget.contains(a.target) || (a.stopPropagation(), r.isPressed && P(a));
+        !a.currentTarget.contains(a.target) || (a.stopPropagation(), o.isPressed && B(a));
       };
       let b = (a) => {
-        r.isPressed && a.target.contains(r.target) && P({
-          currentTarget: r.target,
+        o.isPressed && a.target.contains(o.target) && B({
+          currentTarget: o.target,
           shiftKey: !1,
           ctrlKey: !1,
           metaKey: !1,
@@ -538,7 +552,7 @@ function yt(e) {
         });
       };
       f.onDragStart = (a) => {
-        !a.currentTarget.contains(a.target) || P(a);
+        !a.currentTarget.contains(a.target) || B(a);
       };
     }
     return f;
@@ -546,45 +560,45 @@ function yt(e) {
     k,
     c,
     p,
-    x,
+    N,
     $,
-    P,
-    C,
+    B,
+    L,
     v,
     w,
-    B
+    T
   ]);
-  return ue(() => () => {
-    var r;
-    $ || q((r = T.current.target) !== null && r !== void 0 ? r : void 0);
+  return pe(() => () => {
+    var o;
+    $ || Z((o = E.current.target) !== null && o !== void 0 ? o : void 0);
   }, [
     $
   ]), {
-    isPressed: m || O,
-    pressProps: G(D, Ue)
+    isPressed: m || C,
+    pressProps: H(O, je)
   };
 }
-function fe(e) {
+function be(e) {
   return e.tagName === "A" && e.hasAttribute("href");
 }
-function ne(e, t) {
-  const { key: n, code: o } = e, s = t, u = s.getAttribute("role");
-  return (n === "Enter" || n === " " || n === "Spacebar" || o === "Space") && !(s instanceof oe(s).HTMLInputElement && !Fe(s, n) || s instanceof oe(s).HTMLTextAreaElement || s.isContentEditable) && !((u === "link" || !u && fe(s)) && n !== "Enter");
+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 ht(e) {
+function Et(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
-function ke(e, t) {
+function Ee(e, t) {
   const n = e.changedTouches;
-  for (let o = 0; o < n.length; o++) {
-    const s = n[o];
+  for (let r = 0; r < n.length; r++) {
+    const s = n[r];
     if (s.identifier === t)
       return s;
   }
   return null;
 }
-function S(e, t) {
+function D(e, t) {
   return {
     currentTarget: e,
     shiftKey: t.shiftKey,
@@ -593,7 +607,7 @@ function S(e, t) {
     altKey: t.altKey
   };
 }
-function $t(e) {
+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,
@@ -602,20 +616,20 @@ function $t(e) {
     left: e.clientX - t
   };
 }
-function kt(e, t) {
+function Bt(e, t) {
   return !(e.left > t.right || t.left > e.right || e.top > t.bottom || t.top > e.bottom);
 }
-function M(e, t) {
-  let n = t.getBoundingClientRect(), o = $t(e);
-  return kt(n, o);
+function R(e, t) {
+  let n = t.getBoundingClientRect(), r = Tt(e);
+  return Bt(n, r);
 }
-function re(e) {
+function ae(e) {
   return !(e instanceof HTMLElement) || !e.hasAttribute("draggable");
 }
-function we(e, t) {
-  return e instanceof HTMLInputElement ? !Fe(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !fe(e);
+function Te(e, t) {
+  return e instanceof HTMLInputElement ? !Re(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !be(e);
 }
-const wt = /* @__PURE__ */ new Set([
+const Pt = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -626,10 +640,10 @@ const wt = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function Fe(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : wt.has(e.type);
+function Re(e, t) {
+  return e.type === "checkbox" || e.type === "radio" ? t === " " : Pt.has(e.type);
 }
-class Tt {
+class xt {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -648,27 +662,27 @@ class Tt {
     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 Bt(e) {
-  let t = j({
+function St(e) {
+  let t = X({
     isFocused: !1,
     observer: null
   });
-  de(() => {
-    const o = t.current;
+  fe(() => {
+    const r = t.current;
     return () => {
-      o.observer && (o.observer.disconnect(), o.observer = null);
+      r.observer && (r.observer.disconnect(), r.observer = null);
     };
   }, []);
-  let n = R((o) => {
-    e == null || e(o);
+  let n = U((r) => {
+    e == null || e(r);
   });
-  return K((o) => {
-    if (o.target instanceof HTMLButtonElement || o.target instanceof HTMLInputElement || o.target instanceof HTMLTextAreaElement || o.target instanceof HTMLSelectElement) {
+  return K((r) => {
+    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
-      let s = o.target, u = (c) => {
-        t.current.isFocused = !1, s.disabled && n(new Tt("blur", c)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+      let s = r.target, l = (c) => {
+        t.current.isFocused = !1, s.disabled && n(new xt("blur", c)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
-      s.addEventListener("focusout", u, {
+      s.addEventListener("focusout", l, {
         once: !0
       }), t.current.observer = new MutationObserver(() => {
         if (t.current.isFocused && s.disabled) {
@@ -693,15 +707,15 @@ function Bt(e) {
     n
   ]);
 }
-function Pt(e) {
-  let { isDisabled: t, onFocus: n, onBlur: o, onFocusChange: s } = e;
-  const u = K((p) => {
+function Nt(e) {
+  let { isDisabled: t, onFocus: n, onBlur: r, onFocusChange: s } = e;
+  const l = K((p) => {
     if (p.target === p.currentTarget)
-      return o && o(p), s && s(!1), !0;
+      return r && r(p), s && s(!1), !0;
   }, [
-    o,
+    r,
     s
-  ]), c = Bt(u), m = K((p) => {
+  ]), c = St(l), m = K((p) => {
     p.target === p.currentTarget && document.activeElement === p.target && (n && n(p), s && s(!0), c(p));
   }, [
     s,
@@ -710,52 +724,70 @@ function Pt(e) {
   ]);
   return {
     focusProps: {
-      onFocus: !t && (n || s || o) ? m : void 0,
-      onBlur: !t && (o || s) ? u : void 0
+      onFocus: !t && (n || s || r) ? m : void 0,
+      onBlur: !t && (r || s) ? l : void 0
     }
   };
 }
-let z = null, Et = /* @__PURE__ */ new Set(), Te = !1, L = !1, le = !1;
-function me(e, t) {
-  for (let n of Et)
+let q = null, Dt = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Map(), I = !1, ue = !1;
+function ge(e, t) {
+  for (let n of Dt)
     n(e, t);
 }
-function xt(e) {
-  return !(e.metaKey || !W() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+function Ot(e) {
+  return !(e.metaKey || !z() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
-function Be(e) {
-  L = !0, xt(e) && (z = "keyboard", me("keyboard", e));
+function re(e) {
+  I = !0, Ot(e) && (q = "keyboard", ge("keyboard", e));
 }
-function F(e) {
-  z = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (L = !0, me("pointer", e));
+function P(e) {
+  q = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (I = !0, ge("pointer", e));
 }
-function St(e) {
-  ae(e) && (L = !0, z = "virtual");
+function Ue(e) {
+  le(e) && (I = !0, q = "virtual");
 }
-function Nt(e) {
-  e.target === window || e.target === document || (!L && !le && (z = "virtual", me("virtual", e)), L = !1, le = !1);
+function Ve(e) {
+  e.target === window || e.target === document || (!I && !ue && (q = "virtual", ge("virtual", e)), I = !1, ue = !1);
 }
-function Dt() {
-  L = !1, le = !0;
+function Ge() {
+  I = !1, ue = !0;
 }
-function Pe() {
-  if (typeof window > "u" || Te)
+function Be(e) {
+  if (typeof window > "u" || j.get(W(e)))
     return;
-  let e = HTMLElement.prototype.focus;
-  HTMLElement.prototype.focus = function() {
-    L = !0, e.apply(this, arguments);
-  }, document.addEventListener("keydown", Be, !0), document.addEventListener("keyup", Be, !0), document.addEventListener("click", St, !0), window.addEventListener("focus", Nt, !0), window.addEventListener("blur", Dt, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", F, !0), document.addEventListener("pointermove", F, !0), document.addEventListener("pointerup", F, !0)) : (document.addEventListener("mousedown", F, !0), document.addEventListener("mousemove", F, !0), document.addEventListener("mouseup", F, !0)), Te = !0;
+  const t = W(e), n = x(e);
+  let r = t.HTMLElement.prototype.focus;
+  t.HTMLElement.prototype.focus = function() {
+    I = !0, r.apply(this, arguments);
+  }, n.addEventListener("keydown", re, !0), n.addEventListener("keyup", re, !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);
+  }, {
+    once: !0
+  }), j.set(t, {
+    focus: r
+  });
 }
-typeof document < "u" && (document.readyState !== "loading" ? Pe() : document.addEventListener("DOMContentLoaded", Pe));
-function Ot() {
-  return z;
+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", re, !0), r.removeEventListener("keyup", re, !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));
+};
+function Ct(e) {
+  const t = x(e);
+  let n;
+  return t.readyState !== "loading" ? Be(e) : (n = () => {
+    Be(e);
+  }, t.addEventListener("DOMContentLoaded", n)), () => We(e, n);
+}
+typeof document < "u" && Ct();
+function Lt() {
+  return q;
 }
-function Ee(e) {
+function Pe(e) {
   if (!e)
     return;
   let t = !0;
   return (n) => {
-    let o = {
+    let r = {
       ...n,
       preventDefault() {
         n.preventDefault();
@@ -770,44 +802,45 @@ function Ee(e) {
         t = !1;
       }
     };
-    e(o), t && n.stopPropagation();
+    e(r), t && n.stopPropagation();
   };
 }
-function Ct(e) {
+function _t(e) {
   return {
     keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: Ee(e.onKeyDown),
-      onKeyUp: Ee(e.onKeyUp)
+      onKeyDown: Pe(e.onKeyDown),
+      onKeyUp: Pe(e.onKeyUp)
     }
   };
 }
-function _t(e) {
-  if (Ot() === "virtual") {
-    let t = document.activeElement;
-    Le(() => {
-      document.activeElement === t && document.contains(e) && _(e);
+function Kt(e) {
+  const t = x(e);
+  if (Lt() === "virtual") {
+    let n = t.activeElement;
+    Ie(() => {
+      t.activeElement === n && e.isConnected && _(e);
     });
   } else
     _(e);
 }
-function Kt(e, t) {
+function It(e, t) {
   return !e || !t ? !1 : t.some((n) => n.contains(e));
 }
-class be {
+class ve {
   get size() {
     return this.fastMap.size;
   }
   getTreeNode(t) {
     return this.fastMap.get(t);
   }
-  addTreeNode(t, n, o) {
+  addTreeNode(t, n, r) {
     let s = this.fastMap.get(n != null ? n : null);
     if (!s)
       return;
-    let u = new xe({
+    let l = new xe({
       scopeRef: t
     });
-    s.addChild(u), u.parent = s, this.fastMap.set(t, u), o && (u.nodeToRestore = o);
+    s.addChild(l), l.parent = s, this.fastMap.set(t, l), r && (l.nodeToRestore = r);
   }
   addNode(t) {
     this.fastMap.set(t.scopeRef, t);
@@ -818,11 +851,11 @@ class be {
     let n = this.fastMap.get(t);
     if (!n)
       return;
-    let o = n.parent;
-    for (let u of this.traverse())
-      u !== n && n.nodeToRestore && u.nodeToRestore && n.scopeRef && n.scopeRef.current && Kt(u.nodeToRestore, n.scopeRef.current) && (u.nodeToRestore = n.nodeToRestore);
+    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;
-    o && (o.removeChild(n), s.size > 0 && s.forEach((u) => o && o.addChild(u))), this.fastMap.delete(n.scopeRef);
+    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)
@@ -831,10 +864,10 @@ class be {
   }
   clone() {
     var t;
-    let n = new be();
-    var o;
+    let n = new ve();
+    var r;
     for (let s of this.traverse())
-      n.addTreeNode(s.scopeRef, (o = (t = s.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && o !== void 0 ? o : null, s.nodeToRestore);
+      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() {
@@ -854,85 +887,85 @@ class xe {
     this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
   }
 }
-new be();
-let Lt = /* @__PURE__ */ ce.createContext(null);
-function It(e) {
-  let t = De(Lt) || {};
-  Ie(t, e);
-  let { ref: n, ...o } = t;
-  return o;
-}
-function At(e, t) {
-  let { focusProps: n } = Pt(e), { keyboardProps: o } = Ct(e), s = G(n, o), u = It(t), c = e.isDisabled ? {} : u, m = j(e.autoFocus);
-  return ue(() => {
-    m.current && t.current && _t(t.current), m.current = !1;
+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 Ft(e, t) {
+  let { focusProps: n } = Nt(e), { keyboardProps: r } = _t(e), s = H(n, r), l = At(t), c = e.isDisabled ? {} : l, m = X(e.autoFocus);
+  return pe(() => {
+    m.current && t.current && Kt(t.current), m.current = !1;
   }, [
     t
   ]), {
-    focusableProps: G({
+    focusableProps: H({
       ...s,
       tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
     }, c)
   };
 }
-function Mt(e, t) {
+function Rt(e, t) {
   let {
     elementType: n = "button",
-    isDisabled: o,
+    isDisabled: r,
     onPress: s,
-    onPressStart: u,
+    onPressStart: l,
     onPressEnd: c,
     onPressUp: m,
     onPressChange: p,
-    preventFocusOnPress: y,
+    preventFocusOnPress: h,
     allowFocusWhenDisabled: $,
-    onClick: I,
-    href: D,
-    target: O,
+    onClick: M,
+    href: O,
+    target: C,
     rel: A,
-    type: T = "button"
+    type: E = "button"
   } = e, k;
   n === "button" ? k = {
-    type: T,
-    disabled: o
+    type: E,
+    disabled: r
   } : k = {
     role: "button",
-    tabIndex: o ? void 0 : 0,
-    href: n === "a" && o ? void 0 : D,
-    target: n === "a" ? O : void 0,
-    type: n === "input" ? T : void 0,
-    disabled: n === "input" ? o : void 0,
-    "aria-disabled": !o || n === "input" ? void 0 : o,
+    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
   };
-  let { pressProps: x, isPressed: w } = yt({
-    onPressStart: u,
+  let { pressProps: N, isPressed: w } = wt({
+    onPressStart: l,
     onPressEnd: c,
     onPressChange: p,
     onPress: s,
     onPressUp: m,
-    isDisabled: o,
-    preventFocusOnPress: y,
+    isDisabled: r,
+    preventFocusOnPress: h,
     ref: t
-  }), { focusableProps: v } = At(e, t);
-  $ && (v.tabIndex = o ? -1 : v.tabIndex);
-  let B = G(v, x, nt(e, {
+  }), { focusableProps: v } = Ft(e, t);
+  $ && (v.tabIndex = r ? -1 : v.tabIndex);
+  let T = H(v, N, at(e, {
     labelable: !0
   }));
   return {
     isPressed: w,
-    buttonProps: G(k, B, {
+    buttonProps: H(k, T, {
       "aria-haspopup": e["aria-haspopup"],
       "aria-expanded": e["aria-expanded"],
       "aria-controls": e["aria-controls"],
       "aria-pressed": e["aria-pressed"],
-      onClick: (P) => {
-        I && (I(P), console.warn("onClick is deprecated, please use onPress"));
+      onClick: (B) => {
+        M && (M(B), console.warn("onClick is deprecated, please use onPress"));
       }
     })
   };
 }
-function Ft(e, t, n) {
+function Ut(e, t, n) {
   return t in e ? Object.defineProperty(e, t, {
     value: n,
     enumerable: !0,
@@ -943,35 +976,35 @@ function Ft(e, t, n) {
 function Se(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    t && (o = o.filter(function(s) {
+    var r = Object.getOwnPropertySymbols(e);
+    t && (r = r.filter(function(s) {
       return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), n.push.apply(n, o);
+    })), n.push.apply(n, r);
   }
   return n;
 }
 function Ne(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Se(Object(n), !0).forEach(function(o) {
-      Ft(e, o, n[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Se(Object(n)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
+    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));
     });
   }
   return e;
 }
-var Rt = (e, t, n) => {
-  for (var o of Object.keys(e)) {
+var Vt = (e, t, n) => {
+  for (var r of Object.keys(e)) {
     var s;
-    if (e[o] !== ((s = t[o]) !== null && s !== void 0 ? s : n[o]))
+    if (e[r] !== ((s = t[r]) !== null && s !== void 0 ? s : n[r]))
       return !1;
   }
   return !0;
-}, Y = (e) => (t) => {
-  var n = e.defaultClassName, o = Ne(Ne({}, e.defaultVariants), t);
-  for (var s in o) {
-    var u, c = (u = o[s]) !== null && u !== void 0 ? u : e.defaultVariants[s];
+}, J = (e) => (t) => {
+  var n = e.defaultClassName, r = Ne(Ne({}, e.defaultVariants), t);
+  for (var s in r) {
+    var l, c = (l = r[s]) !== null && l !== void 0 ? l : e.defaultVariants[s];
     if (c != null) {
       var m = c;
       typeof m == "boolean" && (m = m === !0 ? "true" : "false");
@@ -979,62 +1012,70 @@ var Rt = (e, t, n) => {
       p && (n += " " + p);
     }
   }
-  for (var [y, $] of e.compoundVariants)
-    Rt(y, o, e.defaultVariants) && (n += " " + $);
+  for (var [h, $] of e.compoundVariants)
+    Vt(h, r, e.defaultVariants) && (n += " " + $);
   return n;
-}, Ut = Y({ 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"]] }), Vt = Y({ 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: [] }), Gt = Y({ defaultClassName: "_125pcxyv", variantClassNames: { kind: { icon: "_125pcxyw", default: "_125pcxyx", key: "_125pcxyy", delete: "_125pcxyz", confirm: "_125pcxy10", link: "_125pcxy11" } }, defaultVariants: { kind: "default" }, compoundVariants: [] }), Wt = Y({ defaultClassName: "_125pcxy12", variantClassNames: { spinning: { true: "_125pcxy13", false: "_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), Ht = Y({ defaultClassName: "_125pcxys", variantClassNames: { spinning: { true: "_125pcxyt", false: "_125pcxyu" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
-const Re = d.forwardRef(
+}, Gt = J({ 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 = J({ 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 = J({ defaultClassName: "_125pcxyv", variantClassNames: { kind: { icon: "_125pcxyw", default: "_125pcxyx", key: "_125pcxyy", delete: "_125pcxyz", confirm: "_125pcxy10", link: "_125pcxy11" } }, defaultVariants: { kind: "default" }, compoundVariants: [] }), jt = J({ defaultClassName: "_125pcxy12", variantClassNames: { spinning: { true: "_125pcxy13", false: "_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), zt = J({ defaultClassName: "_125pcxys", variantClassNames: { spinning: { true: "_125pcxyt", false: "_125pcxyu" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+const He = d.forwardRef(
   ({
     onClick: e,
     onPress: t,
     children: n,
-    className: o,
+    className: r,
     isDisabled: s,
-    disabled: u,
+    disabled: l,
     href: c,
     icon: m,
     kind: p = "default",
-    spinning: y,
+    spinning: h,
     spinningTitle: $,
-    title: I,
-    ...D
-  }, O) => {
-    var C;
+    title: M,
+    ...O
+  }, C) => {
+    var L;
     const A = {
       onPress: t != null ? t : e,
-      isDisabled: (C = u != null ? u : s) != null ? C : y,
-      ...D
-    }, { "data-testid": T } = D, k = O != null ? O : d.useRef(null), { buttonProps: x } = Mt(A, k), { t: w } = d.useContext(We), v = m && /* @__PURE__ */ d.createElement(He, {
-      className: Gt({ kind: p }),
-      icon: m,
-      "aria-hidden": "true",
-      "data-testid": `${T}__${m}-icon`
-    });
-    let B;
-    p === "default" || p === "icon" || p === "link" ? B = "dark" : B = "light";
-    const P = y && /* @__PURE__ */ d.createElement(je, {
-      color: B,
-      className: Wt({ spinning: y }),
-      title: $ || w("design-system:button.spinningTitle"),
-      "data-testid": `${T}__spinner`
-    });
-    return /* @__PURE__ */ d.createElement("div", {
-      className: ze(Ut({ disabled: s || u, kind: p, spinning: y }), o)
-    }, c ? /* @__PURE__ */ d.createElement("a", {
-      className: Ht({ spinning: y }),
-      ...D,
-      href: c,
-      title: I
-    }, v, n, P) : /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("button", {
-      className: Vt({ disabled: s || u, kind: p, spinning: y }),
-      disabled: s,
-      ...x,
-      ref: k,
-      title: I
-    }, v, n, P)));
+      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(qe, { className: Ht({ kind: p }), 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(
+      Je,
+      {
+        color: T,
+        className: jt({ spinning: h }),
+        title: $ || w("design-system:button.spinningTitle"),
+        "data-testid": `${E}__spinner`
+      }
+    );
+    return /* @__PURE__ */ d.createElement("div", { className: Qe(Gt({ disabled: s || l, kind: p, spinning: h }), r) }, c ? /* @__PURE__ */ d.createElement(
+      "a",
+      {
+        className: zt({ spinning: h }),
+        ...O,
+        href: c,
+        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,
+      B
+    )));
   }
 );
-Ye.set(Re, {
+Ze.set(He, {
   name: "Buttons",
   props: {
     disabled: "boolean",
@@ -1049,41 +1090,13 @@ Ye.set(Re, {
     type: { type: '"button" | "submit"', default: '"button"' }
   }
 });
-const jt = {
-  components: [Re],
-  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 Yt = {
+  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.")),
   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__ */ 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"), ".")),
       examples: {
         withoutIcons: {
           description: "Without Icons",
@@ -1358,11 +1371,7 @@ const jt = {
     },
     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__ */ 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"))),
       examples: {
         standard: {
           description: "Standard Icon Buttons",
@@ -1388,9 +1397,7 @@ const jt = {
           `
         },
         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"), ".")),
+          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`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
@@ -1425,9 +1432,7 @@ const jt = {
     },
     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__ */ 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")),
       examples: {
         withoutIcons: {
           description: "Without Icons",
@@ -1481,9 +1486,7 @@ const jt = {
     },
     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__ */ 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."),
       examples: {
         basic: {
           react: g`
@@ -1532,9 +1535,7 @@ const jt = {
     },
     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__ */ 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"), "."),
       examples: {
         basic: {
           description: "Basic Button Groups",
@@ -1653,10 +1654,10 @@ const jt = {
       }
     }
   }
-}, qt = {
-  Buttons: jt
+}, Qt = {
+  Buttons: Yt
 };
 export {
-  Re as Button,
-  qt as MANIFEST
+  He as Button,
+  Qt as MANIFEST
 };