@sps-woodland/buttons 8.20.7 → 8.20.9

package/lib/index.es.js

@@ -1,8 +1,8 @@
 import * as c from "react";
-import Be, { useRef as ee, useCallback as z, useEffect as J, useState as $e, useMemo as Ee, useContext as Le } from "react";
-import { Metadata as Me, I18nContext as Fe, Spinner as Ue, cl as He, Icon as Re } from "@sps-woodland/core";
-import { useFocusable as Ge, FocusRing as Ve } from "@react-aria/focus";
-import { code as h } from "@spscommerce/utils";
+import Be, { useRef as ee, useCallback as z, useEffect as J, useState as Ee, useMemo as $e, useContext as Me } from "react";
+import { Metadata as Fe, I18nContext as Ue, Spinner as He, cl as Re, Icon as Ge } from "@sps-woodland/core";
+import { useFocusable as Ve, FocusRing as We } from "@react-aria/focus";
+import { code as y } from "@spscommerce/utils";
 const Pe = typeof document < "u" ? Be.useLayoutEffect : () => {
 };
 function H(e) {
@@ -17,23 +17,23 @@ function H(e) {
   }, []);
 }
 let fe = /* @__PURE__ */ new Map();
-function We(e, t) {
+function Ye(e, t) {
   if (e === t) return e;
   let r = fe.get(e);
   if (r)
-    return r(t), t;
+    return r.forEach((a) => a(t)), t;
   let o = fe.get(t);
-  return o ? (o(e), e) : t;
+  return o ? (o.forEach((a) => a(e)), e) : t;
 }
 function xe(...e) {
   return (...t) => {
     for (let r of e) typeof r == "function" && r(...t);
   };
 }
-const K = (e) => {
+const I = (e) => {
   var t;
   return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
-}, ie = (e) => e && "window" in e && e.window === e ? e : K(e).defaultView || window;
+}, ie = (e) => e && "window" in e && e.window === e ? e : I(e).defaultView || window;
 function Se(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
@@ -43,7 +43,7 @@ function Se(e) {
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function Ye() {
+function je() {
   for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = Se(e)) && (o && (o += " "), o += t);
   return o;
 }
@@ -58,19 +58,19 @@ function G(...e) {
       typeof d == "function" && typeof u == "function" && // This is a lot faster than a regex.
       a[0] === "o" && a[1] === "n" && a.charCodeAt(2) >= /* 'A' */
       65 && a.charCodeAt(2) <= /* 'Z' */
-      90 ? t[a] = xe(d, u) : (a === "className" || a === "UNSAFE_className") && typeof d == "string" && typeof u == "string" ? t[a] = Ye(d, u) : a === "id" && d && u ? t.id = We(d, u) : t[a] = u !== void 0 ? u : d;
+      90 ? t[a] = xe(d, u) : (a === "className" || a === "UNSAFE_className") && typeof d == "string" && typeof u == "string" ? t[a] = je(d, u) : a === "id" && d && u ? t.id = Ye(d, u) : t[a] = u !== void 0 ? u : d;
     }
   }
   return t;
 }
-const je = /* @__PURE__ */ new Set([
+const Xe = /* @__PURE__ */ new Set([
   "id"
-]), Xe = /* @__PURE__ */ new Set([
+]), ze = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
-]), ze = /* @__PURE__ */ new Set([
+]), qe = /* @__PURE__ */ new Set([
   "href",
   "hrefLang",
   "target",
@@ -78,23 +78,23 @@ const je = /* @__PURE__ */ new Set([
   "download",
   "ping",
   "referrerPolicy"
-]), qe = /^(data-.*)$/;
-function Je(e, t = {}) {
+]), Je = /^(data-.*)$/;
+function Qe(e, t = {}) {
   let { labelable: r, isLink: o, propNames: a } = t, d = {};
-  for (const u in e) Object.prototype.hasOwnProperty.call(e, u) && (je.has(u) || r && Xe.has(u) || o && ze.has(u) || a != null && a.has(u) || qe.test(u)) && (d[u] = e[u]);
+  for (const u in e) Object.prototype.hasOwnProperty.call(e, u) && (Xe.has(u) || r && ze.has(u) || o && qe.has(u) || a != null && a.has(u) || Je.test(u)) && (d[u] = e[u]);
   return d;
 }
 function R(e) {
-  if (Qe()) e.focus({
+  if (Ze()) e.focus({
     preventScroll: !0
   });
   else {
-    let t = Ze(e);
-    e.focus(), et(t);
+    let t = et(e);
+    e.focus(), tt(t);
   }
 }
 let W = null;
-function Qe() {
+function Ze() {
   if (W == null) {
     W = !1;
     try {
@@ -108,7 +108,7 @@ function Qe() {
   }
   return W;
 }
-function Ze(e) {
+function et(e) {
   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({
@@ -122,7 +122,7 @@ function Ze(e) {
     scrollLeft: o.scrollLeft
   }), r;
 }
-function et(e) {
+function tt(e) {
   for (let { element: t, scrollTop: r, scrollLeft: o } of e)
     t.scrollTop = r, t.scrollLeft = o;
 }
@@ -134,33 +134,33 @@ function de(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 I(e) {
+function L(e) {
   let t = null;
   return () => (t == null && (t = e()), t);
 }
-const Q = I(function() {
+const Q = L(function() {
   return de(/^Mac/i);
-}), tt = I(function() {
+}), nt = L(function() {
   return de(/^iPhone/i);
-}), Ne = I(function() {
+}), Ne = L(function() {
   return de(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
   Q() && navigator.maxTouchPoints > 1;
-}), Oe = I(function() {
-  return tt() || Ne();
-}), nt = I(function() {
-  return te(/AppleWebKit/i) && !ot();
-}), ot = I(function() {
+}), De = L(function() {
+  return nt() || Ne();
+}), ot = L(function() {
+  return te(/AppleWebKit/i) && !rt();
+}), rt = L(function() {
   return te(/Chrome/i);
-}), De = I(function() {
+}), Oe = L(function() {
   return te(/Android/i);
-}), rt = I(function() {
+}), st = L(function() {
   return te(/Firefox/i);
 });
 function V(e, t, r = !0) {
   var o, a;
   let { metaKey: d, ctrlKey: u, altKey: p, shiftKey: m } = t;
-  rt() && (!((a = window.event) === null || a === void 0 || (o = a.type) === null || o === void 0) && o.startsWith("key")) && e.target === "_blank" && (Q() ? d = !0 : u = !0);
-  let g = nt() && Q() && !Ne() ? new KeyboardEvent("keydown", {
+  st() && (!((a = window.event) === null || a === void 0 || (o = a.type) === null || o === void 0) && o.startsWith("key")) && e.target === "_blank" && (Q() ? d = !0 : u = !0);
+  let v = ot() && Q() && !Ne() ? new KeyboardEvent("keydown", {
     keyIdentifier: "Enter",
     metaKey: d,
     ctrlKey: u,
@@ -174,7 +174,7 @@ function V(e, t, r = !0) {
     bubbles: !0,
     cancelable: !0
   });
-  V.isOpening = r, R(e), e.dispatchEvent(g), V.isOpening = !1;
+  V.isOpening = r, R(e), e.dispatchEvent(v), V.isOpening = !1;
 }
 V.isOpening = !1;
 let F = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Set();
@@ -200,15 +200,15 @@ function me() {
   document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", r);
 }
 typeof document < "u" && (document.readyState !== "loading" ? me() : document.addEventListener("DOMContentLoaded", me));
-function st(e) {
+function at(e) {
   requestAnimationFrame(() => {
     F.size === 0 ? e() : le.add(e);
   });
 }
-function at() {
+function it() {
   let e = ee(/* @__PURE__ */ new Map()), t = z((a, d, u, p) => {
-    let m = p != null && p.once ? (...g) => {
-      e.current.delete(u), u(...g);
+    let m = p != null && p.once ? (...v) => {
+      e.current.delete(u), u(...v);
     } : u;
     e.current.set(u, {
       type: d,
@@ -218,8 +218,8 @@ function at() {
     }), a.addEventListener(d, u, p);
   }, []), r = z((a, d, u, p) => {
     var m;
-    let g = ((m = e.current.get(u)) === null || m === void 0 ? void 0 : m.fn) || u;
-    a.removeEventListener(d, g, p), e.current.delete(u);
+    let v = ((m = e.current.get(u)) === null || m === void 0 ? void 0 : m.fn) || u;
+    a.removeEventListener(d, v, p), e.current.delete(u);
   }, []), o = z(() => {
     e.current.forEach((a, d) => {
       r(a.eventTarget, a.type, d, a.options);
@@ -235,7 +235,7 @@ function at() {
     removeAllGlobalListeners: o
   };
 }
-function it(e, t) {
+function lt(e, t) {
   Pe(() => {
     if (e && e.ref && t)
       return e.ref.current = t.current, () => {
@@ -244,28 +244,28 @@ function it(e, t) {
   });
 }
 function _e(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : De() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : Oe() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function lt(e) {
-  return !De() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+function ut(e) {
+  return !Oe() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
 let U = "default", ue = "", q = /* @__PURE__ */ new WeakMap();
-function be(e) {
-  if (Oe()) {
+function ge(e) {
+  if (De()) {
     if (U === "default") {
-      const t = K(e);
+      const t = I(e);
       ue = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
     }
     U = "disabled";
   } else (e instanceof HTMLElement || e instanceof SVGElement) && (q.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
 function Y(e) {
-  if (Oe()) {
+  if (De()) {
     if (U !== "disabled") return;
     U = "restoring", setTimeout(() => {
-      st(() => {
+      at(() => {
         if (U === "restoring") {
-          const t = K(e);
+          const t = I(e);
           t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ue || ""), ue = "", U = "default";
         }
       });
@@ -280,25 +280,25 @@ const Ce = Be.createContext({
   }
 });
 Ce.displayName = "PressResponderContext";
-function ut(e, t) {
+function ct(e, t) {
   return t.get ? t.get.call(e) : t.value;
 }
 function Ke(e, t, r) {
   if (!t.has(e)) throw new TypeError("attempted to " + r + " private field on non-instance");
   return t.get(e);
 }
-function ct(e, t) {
+function dt(e, t) {
   var r = Ke(e, t, "get");
-  return ut(e, r);
+  return ct(e, r);
 }
-function dt(e, t) {
+function pt(e, t) {
   if (t.has(e))
     throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
-function pt(e, t, r) {
-  dt(e, t), t.set(e, r);
-}
 function ft(e, t, r) {
+  pt(e, t), t.set(e, r);
+}
+function mt(e, t, r) {
   if (t.set) t.set.call(e, r);
   else {
     if (!t.writable)
@@ -306,40 +306,40 @@ function ft(e, t, r) {
     t.value = r;
   }
 }
-function ge(e, t, r) {
+function be(e, t, r) {
   var o = Ke(e, t, "set");
-  return ft(e, o, r), r;
+  return mt(e, o, r), r;
 }
-function mt(e) {
-  let t = Le(Ce);
+function _t(e) {
+  let t = Me(Ce);
   if (t) {
     let { register: r, ...o } = t;
     e = G(o, e), r();
   }
-  return it(t, e.ref), e;
+  return lt(t, e.ref), e;
 }
 var j = /* @__PURE__ */ new WeakMap();
 class X {
   continuePropagation() {
-    ge(this, j, !1);
+    be(this, j, !1);
   }
   get shouldStopPropagation() {
-    return ct(this, j);
+    return dt(this, j);
   }
   constructor(t, r, o, a) {
-    pt(this, j, {
+    ft(this, j, {
       writable: !0,
       value: void 0
-    }), ge(this, j, !0);
+    }), be(this, j, !0);
     var d;
     let u = (d = a == null ? void 0 : a.target) !== null && d !== void 0 ? d : o.currentTarget;
     const p = u == null ? void 0 : u.getBoundingClientRect();
-    let m, g = 0, b, E = null;
-    o.clientX != null && o.clientY != null && (b = o.clientX, E = o.clientY), p && (b != null && E != null ? (m = b - p.left, g = E - p.top) : (m = p.width / 2, g = p.height / 2)), 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, this.x = m, this.y = g;
+    let m, v = 0, g, $ = null;
+    o.clientX != null && o.clientY != null && (g = o.clientX, $ = o.clientY), p && (g != null && $ != null ? (m = g - p.left, v = $ - p.top) : (m = p.width / 2, v = p.height / 2)), 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, this.x = m, this.y = v;
   }
 }
 const ve = Symbol("linkClicked");
-function _t(e) {
+function gt(e) {
   let {
     onPress: t,
     onPressChange: r,
@@ -349,12 +349,12 @@ function _t(e) {
     isDisabled: u,
     isPressed: p,
     preventFocusOnPress: m,
-    shouldCancelOnPointerExit: g,
-    allowTextSelectionOnPress: b,
+    shouldCancelOnPointerExit: v,
+    allowTextSelectionOnPress: g,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ref: E,
+    ref: $,
     ...x
-  } = mt(e), [_, P] = $e(!1), w = ee({
+  } = _t(e), [_, P] = Ee(!1), w = ee({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -364,105 +364,109 @@ function _t(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: B, removeAllGlobalListeners: S } = at(), $ = H((n, f) => {
-    let T = w.current;
-    if (u || T.didFirePressStart) return !1;
+  }), { addGlobalListener: T, removeAllGlobalListeners: S } = it(), E = H((n, f) => {
+    let B = w.current;
+    if (u || B.didFirePressStart) return !1;
     let l = !0;
-    if (T.isTriggeringEvent = !0, o) {
-      let v = new X("pressstart", f, n);
-      o(v), l = v.shouldStopPropagation;
+    if (B.isTriggeringEvent = !0, o) {
+      let h = new X("pressstart", f, n);
+      o(h), l = h.shouldStopPropagation;
     }
-    return r && r(!0), T.isTriggeringEvent = !1, T.didFirePressStart = !0, P(!0), l;
-  }), k = H((n, f, T = !0) => {
+    return r && r(!0), B.isTriggeringEvent = !1, B.didFirePressStart = !0, P(!0), l;
+  }), k = H((n, f, B = !0) => {
     let l = w.current;
     if (!l.didFirePressStart) return !1;
     l.ignoreClickAfterPress = !0, l.didFirePressStart = !1, l.isTriggeringEvent = !0;
-    let v = !0;
+    let h = !0;
     if (a) {
       let s = new X("pressend", f, n);
-      a(s), v = s.shouldStopPropagation;
+      a(s), h = s.shouldStopPropagation;
     }
-    if (r && r(!1), P(!1), t && T && !u) {
+    if (r && r(!1), P(!1), t && B && !u) {
       let s = new X("press", f, n);
-      t(s), v && (v = s.shouldStopPropagation);
+      t(s), h && (h = s.shouldStopPropagation);
     }
-    return l.isTriggeringEvent = !1, v;
-  }), O = H((n, f) => {
-    let T = w.current;
+    return l.isTriggeringEvent = !1, h;
+  }), D = H((n, f) => {
+    let B = w.current;
     if (u) return !1;
     if (d) {
-      T.isTriggeringEvent = !0;
+      B.isTriggeringEvent = !0;
       let l = new X("pressup", f, n);
-      return d(l), T.isTriggeringEvent = !1, l.shouldStopPropagation;
+      return d(l), B.isTriggeringEvent = !1, l.shouldStopPropagation;
     }
     return !0;
   }), N = H((n) => {
     let f = w.current;
-    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && k(D(f.target, n), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, S(), b || Y(f.target));
+    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && k(C(f.target, n), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, S(), g || Y(f.target));
   }), A = H((n) => {
-    g && N(n);
-  }), oe = Ee(() => {
+    v && N(n);
+  }), oe = $e(() => {
     let n = w.current, f = {
       onKeyDown(l) {
         if (re(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
-          var v;
+          var h;
           ye(l.target, l.key) && l.preventDefault();
           let s = !0;
           if (!n.isPressed && !l.repeat) {
-            n.target = l.currentTarget, n.isPressed = !0, s = $(l, "keyboard");
-            let i = l.currentTarget, y = (L) => {
-              re(L, i) && !L.repeat && i.contains(L.target) && n.target && O(D(n.target, L), "keyboard");
+            n.target = l.currentTarget, n.isPressed = !0, s = E(l, "keyboard");
+            let b = l.currentTarget, i = (O) => {
+              re(O, b) && !O.repeat && b.contains(O.target) && n.target && D(C(n.target, O), "keyboard");
             };
-            B(K(l.currentTarget), "keyup", xe(y, T), !0);
+            T(I(l.currentTarget), "keyup", xe(i, B), !0);
           }
-          s && l.stopPropagation(), l.metaKey && Q() && ((v = n.metaKeyEvents) === null || v === void 0 || v.set(l.key, l.nativeEvent));
+          s && l.stopPropagation(), l.metaKey && Q() && ((h = n.metaKeyEvents) === null || h === void 0 || h.set(l.key, l.nativeEvent));
         } else l.key === "Meta" && (n.metaKeyEvents = /* @__PURE__ */ new Map());
       },
       onClick(l) {
         if (!(l && !l.currentTarget.contains(l.target)) && l && l.button === 0 && !n.isTriggeringEvent && !V.isOpening) {
-          let v = !0;
+          let h = !0;
           if (u && l.preventDefault(), !n.ignoreClickAfterPress && !n.ignoreEmulatedMouseEvents && !n.isPressed && (n.pointerType === "virtual" || _e(l.nativeEvent))) {
             !u && !m && R(l.currentTarget);
-            let s = $(l, "virtual"), i = O(l, "virtual"), y = k(l, "virtual");
-            v = s && i && y;
+            let s = E(l, "virtual"), b = D(l, "virtual"), i = k(l, "virtual");
+            h = s && b && i;
           }
-          n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, v && l.stopPropagation();
+          n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, h && l.stopPropagation();
         }
       }
-    }, T = (l) => {
-      var v;
+    }, B = (l) => {
+      var h;
       if (n.isPressed && n.target && re(l, n.target)) {
         var s;
         ye(l.target, l.key) && l.preventDefault();
-        let y = l.target;
-        k(D(n.target, l), "keyboard", n.target.contains(y)), S(), l.key !== "Enter" && pe(n.target) && n.target.contains(y) && !l[ve] && (l[ve] = !0, V(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
-      } else if (l.key === "Meta" && (!((v = n.metaKeyEvents) === null || v === void 0) && v.size)) {
-        var i;
-        let y = n.metaKeyEvents;
+        let i = l.target;
+        k(C(n.target, l), "keyboard", n.target.contains(i)), S(), l.key !== "Enter" && pe(n.target) && n.target.contains(i) && !l[ve] && (l[ve] = !0, V(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
+      } else if (l.key === "Meta" && (!((h = n.metaKeyEvents) === null || h === void 0) && h.size)) {
+        var b;
+        let i = n.metaKeyEvents;
         n.metaKeyEvents = void 0;
-        for (let L of y.values()) (i = n.target) === null || i === void 0 || i.dispatchEvent(new KeyboardEvent("keyup", L));
+        for (let O of i.values()) (b = n.target) === null || b === void 0 || b.dispatchEvent(new KeyboardEvent("keyup", O));
       }
     };
     if (typeof PointerEvent < "u") {
       f.onPointerDown = (i) => {
         if (i.button !== 0 || !i.currentTarget.contains(i.target)) return;
-        if (lt(i.nativeEvent)) {
+        if (ut(i.nativeEvent)) {
           n.pointerType = "virtual";
           return;
         }
         se(i.currentTarget) && i.preventDefault(), n.pointerType = i.pointerType;
-        let y = !0;
-        n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = i.pointerId, n.target = i.currentTarget, !u && !m && R(i.currentTarget), b || be(n.target), y = $(i, n.pointerType), B(K(i.currentTarget), "pointermove", l, !1), B(K(i.currentTarget), "pointerup", v, !1), B(K(i.currentTarget), "pointercancel", s, !1)), y && i.stopPropagation();
+        let O = !0;
+        n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = i.pointerId, n.target = i.currentTarget, !u && !m && R(i.currentTarget), g || ge(n.target), O = E(i, n.pointerType), T(I(i.currentTarget), "pointermove", l, !1), T(I(i.currentTarget), "pointerup", h, !1), T(I(i.currentTarget), "pointercancel", b, !1)), O && i.stopPropagation();
       }, f.onMouseDown = (i) => {
         i.currentTarget.contains(i.target) && i.button === 0 && (se(i.currentTarget) && i.preventDefault(), i.stopPropagation());
       }, f.onPointerUp = (i) => {
-        !i.currentTarget.contains(i.target) || n.pointerType === "virtual" || i.button === 0 && M(i, i.currentTarget) && O(i, n.pointerType || i.pointerType);
+        !i.currentTarget.contains(i.target) || n.pointerType === "virtual" || i.button === 0 && M(i, i.currentTarget) && D(i, n.pointerType || i.pointerType);
       };
       let l = (i) => {
-        i.pointerId === n.activePointerId && (n.target && M(i, n.target) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, $(D(n.target, i), n.pointerType)) : n.target && n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k(D(n.target, i), n.pointerType, !1), A(i)));
-      }, v = (i) => {
-        i.pointerId === n.activePointerId && n.isPressed && i.button === 0 && n.target && (M(i, n.target) && n.pointerType != null ? k(D(n.target, i), n.pointerType) : n.isOverTarget && n.pointerType != null && k(D(n.target, i), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, S(), b || Y(n.target));
+        i.pointerId === n.activePointerId && (n.target && M(i, n.target) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, E(C(n.target, i), n.pointerType)) : n.target && n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k(C(n.target, i), n.pointerType, !1), A(i)));
+      }, h = (i) => {
+        i.pointerId === n.activePointerId && n.isPressed && i.button === 0 && n.target && (M(i, n.target) && n.pointerType != null ? k(C(n.target, i), n.pointerType) : n.isOverTarget && n.pointerType != null && k(C(n.target, i), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, S(), g || Y(n.target), "ontouchend" in n.target && i.pointerType !== "mouse" && T(n.target, "touchend", s, {
+          once: !0
+        }));
       }, s = (i) => {
+        Ie(i.target) && i.preventDefault();
+      }, b = (i) => {
         N(i);
       };
       f.onDragStart = (i) => {
@@ -475,17 +479,17 @@ function _t(e) {
           s.stopPropagation();
           return;
         }
-        n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = _e(s.nativeEvent) ? "virtual" : "mouse", !u && !m && R(s.currentTarget), $(s, n.pointerType) && s.stopPropagation(), B(K(s.currentTarget), "mouseup", l, !1);
+        n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = _e(s.nativeEvent) ? "virtual" : "mouse", !u && !m && R(s.currentTarget), E(s, n.pointerType) && s.stopPropagation(), T(I(s.currentTarget), "mouseup", l, !1);
       }, f.onMouseEnter = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let i = !0;
-        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, i = $(s, n.pointerType)), i && s.stopPropagation();
+        let b = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, b = E(s, n.pointerType)), b && s.stopPropagation();
       }, f.onMouseLeave = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let i = !0;
-        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, i = k(s, n.pointerType, !1), A(s)), i && s.stopPropagation();
+        let b = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, b = k(s, n.pointerType, !1), A(s)), b && s.stopPropagation();
       }, f.onMouseUp = (s) => {
-        s.currentTarget.contains(s.target) && !n.ignoreEmulatedMouseEvents && s.button === 0 && O(s, n.pointerType || "mouse");
+        s.currentTarget.contains(s.target) && !n.ignoreEmulatedMouseEvents && s.button === 0 && D(s, n.pointerType || "mouse");
       };
       let l = (s) => {
         if (s.button === 0) {
@@ -493,34 +497,34 @@ function _t(e) {
             n.ignoreEmulatedMouseEvents = !1;
             return;
           }
-          n.target && M(s, n.target) && n.pointerType != null ? k(D(n.target, s), n.pointerType) : n.target && n.isOverTarget && n.pointerType != null && k(D(n.target, s), n.pointerType, !1), n.isOverTarget = !1;
+          n.target && M(s, n.target) && n.pointerType != null ? k(C(n.target, s), n.pointerType) : n.target && n.isOverTarget && n.pointerType != null && k(C(n.target, s), n.pointerType, !1), n.isOverTarget = !1;
         }
       };
       f.onTouchStart = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let i = bt(s.nativeEvent);
-        if (!i) return;
-        n.activePointerId = i.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = s.currentTarget, n.pointerType = "touch", !u && !m && R(s.currentTarget), b || be(n.target), $(C(n.target, s), n.pointerType) && s.stopPropagation(), B(ie(s.currentTarget), "scroll", v, !0);
+        let b = bt(s.nativeEvent);
+        if (!b) return;
+        n.activePointerId = b.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = s.currentTarget, n.pointerType = "touch", !u && !m && R(s.currentTarget), g || ge(n.target), E(K(n.target, s), n.pointerType) && s.stopPropagation(), T(ie(s.currentTarget), "scroll", h, !0);
       }, f.onTouchMove = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
         if (!n.isPressed) {
           s.stopPropagation();
           return;
         }
-        let i = he(s.nativeEvent, n.activePointerId), y = !0;
-        i && M(i, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, y = $(C(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, y = k(C(n.target, s), n.pointerType, !1), A(C(n.target, s))), y && s.stopPropagation();
+        let b = he(s.nativeEvent, n.activePointerId), i = !0;
+        b && M(b, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, i = E(K(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, i = k(K(n.target, s), n.pointerType, !1), A(K(n.target, s))), i && s.stopPropagation();
       }, f.onTouchEnd = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
         if (!n.isPressed) {
           s.stopPropagation();
           return;
         }
-        let i = he(s.nativeEvent, n.activePointerId), y = !0;
-        i && M(i, s.currentTarget) && n.pointerType != null ? (O(C(n.target, s), n.pointerType), y = k(C(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (y = k(C(n.target, s), n.pointerType, !1)), y && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !b && Y(n.target), S();
+        let b = he(s.nativeEvent, n.activePointerId), i = !0;
+        b && M(b, s.currentTarget) && n.pointerType != null ? (D(K(n.target, s), n.pointerType), i = k(K(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (i = k(K(n.target, s), n.pointerType, !1)), i && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !g && Y(n.target), S();
       }, f.onTouchCancel = (s) => {
-        s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && N(C(n.target, s)));
+        s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && N(K(n.target, s)));
       };
-      let v = (s) => {
+      let h = (s) => {
         n.isPressed && s.target.contains(n.target) && N({
           currentTarget: n.target,
           shiftKey: !1,
@@ -535,22 +539,22 @@ function _t(e) {
     }
     return f;
   }, [
-    B,
+    T,
     u,
     m,
     S,
-    b,
+    g,
     N,
     A,
     k,
-    $,
-    O
+    E,
+    D
   ]);
   return J(() => () => {
     var n;
-    b || Y((n = w.current.target) !== null && n !== void 0 ? n : void 0);
+    g || Y((n = w.current.target) !== null && n !== void 0 ? n : void 0);
   }, [
-    b
+    g
   ]), {
     isPressed: p || _,
     pressProps: G(x, oe)
@@ -561,7 +565,7 @@ function pe(e) {
 }
 function re(e, t) {
   const { key: r, code: o } = e, a = t, d = a.getAttribute("role");
-  return (r === "Enter" || r === " " || r === "Spacebar" || o === "Space") && !(a instanceof ie(a).HTMLInputElement && !Ie(a, r) || a instanceof ie(a).HTMLTextAreaElement || a.isContentEditable) && // Links should only trigger with Enter key
+  return (r === "Enter" || r === " " || r === "Spacebar" || o === "Space") && !(a instanceof ie(a).HTMLInputElement && !Le(a, r) || a instanceof ie(a).HTMLTextAreaElement || a.isContentEditable) && // Links should only trigger with Enter key
   !((d === "link" || !d && pe(a)) && r !== "Enter");
 }
 function bt(e) {
@@ -576,7 +580,7 @@ function he(e, t) {
   }
   return null;
 }
-function C(e, t) {
+function K(e, t) {
   let r = 0, o = 0;
   return t.targetTouches && t.targetTouches.length === 1 && (r = t.targetTouches[0].clientX, o = t.targetTouches[0].clientY), {
     currentTarget: e,
@@ -588,7 +592,7 @@ function C(e, t) {
     clientY: o
   };
 }
-function D(e, t) {
+function C(e, t) {
   let r = t.clientX, o = t.clientY;
   return {
     currentTarget: e,
@@ -600,7 +604,7 @@ function D(e, t) {
     clientY: o
   };
 }
-function gt(e) {
+function vt(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,
@@ -609,20 +613,23 @@ function gt(e) {
     left: e.clientX - t
   };
 }
-function vt(e, t) {
+function ht(e, t) {
   return !(e.left > t.right || t.left > e.right || e.top > t.bottom || t.top > e.bottom);
 }
 function M(e, t) {
-  let r = t.getBoundingClientRect(), o = gt(e);
-  return vt(r, o);
+  let r = t.getBoundingClientRect(), o = vt(e);
+  return ht(r, o);
 }
 function se(e) {
   return !(e instanceof HTMLElement) || !e.hasAttribute("draggable");
 }
+function Ie(e) {
+  return e instanceof HTMLInputElement ? !1 : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !pe(e);
+}
 function ye(e, t) {
-  return e instanceof HTMLInputElement ? !Ie(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !pe(e);
+  return e instanceof HTMLInputElement ? !Le(e, t) : Ie(e);
 }
-const ht = /* @__PURE__ */ new Set([
+const yt = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -633,8 +640,8 @@ const ht = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function Ie(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : ht.has(e.type);
+function Le(e, t) {
+  return e.type === "checkbox" || e.type === "radio" ? t === " " : yt.has(e.type);
 }
 let Z = !1, ae = 0;
 function ce() {
@@ -645,22 +652,22 @@ function ce() {
 function ke(e) {
   e.pointerType === "touch" && ce();
 }
-function yt() {
+function kt() {
   if (!(typeof document > "u"))
     return typeof PointerEvent < "u" ? document.addEventListener("pointerup", ke) : document.addEventListener("touchend", ce), ae++, () => {
       ae--, !(ae > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", ke) : document.removeEventListener("touchend", ce));
     };
 }
-function kt(e) {
-  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: a } = e, [d, u] = $e(!1), p = ee({
+function wt(e) {
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: a } = e, [d, u] = Ee(!1), p = ee({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
-  J(yt, []);
-  let { hoverProps: m, triggerHoverEnd: g } = Ee(() => {
-    let b = (_, P) => {
+  J(kt, []);
+  let { hoverProps: m, triggerHoverEnd: v } = $e(() => {
+    let g = (_, P) => {
       if (p.pointerType = P, a || P === "touch" || p.isHovered || !_.currentTarget.contains(_.target)) return;
       p.isHovered = !0;
       let w = _.currentTarget;
@@ -669,7 +676,7 @@ function kt(e) {
         target: w,
         pointerType: P
       }), r && r(!0), u(!0);
-    }, E = (_, P) => {
+    }, $ = (_, P) => {
       if (p.pointerType = "", p.target = null, P === "touch" || !p.isHovered) return;
       p.isHovered = !1;
       let w = _.currentTarget;
@@ -680,18 +687,18 @@ function kt(e) {
       }), r && r(!1), u(!1);
     }, x = {};
     return typeof PointerEvent < "u" ? (x.onPointerEnter = (_) => {
-      Z && _.pointerType === "mouse" || b(_, _.pointerType);
+      Z && _.pointerType === "mouse" || g(_, _.pointerType);
     }, x.onPointerLeave = (_) => {
-      !a && _.currentTarget.contains(_.target) && E(_, _.pointerType);
+      !a && _.currentTarget.contains(_.target) && $(_, _.pointerType);
     }) : (x.onTouchStart = () => {
       p.ignoreEmulatedMouseEvents = !0;
     }, x.onMouseEnter = (_) => {
-      !p.ignoreEmulatedMouseEvents && !Z && b(_, "mouse"), p.ignoreEmulatedMouseEvents = !1;
+      !p.ignoreEmulatedMouseEvents && !Z && g(_, "mouse"), p.ignoreEmulatedMouseEvents = !1;
     }, x.onMouseLeave = (_) => {
-      !a && _.currentTarget.contains(_.target) && E(_, "mouse");
+      !a && _.currentTarget.contains(_.target) && $(_, "mouse");
     }), {
       hoverProps: x,
-      triggerHoverEnd: E
+      triggerHoverEnd: $
     };
   }, [
     t,
@@ -701,7 +708,7 @@ function kt(e) {
     p
   ]);
   return J(() => {
-    a && g({
+    a && v({
       currentTarget: p.target
     }, p.pointerType);
   }, [
@@ -711,7 +718,7 @@ function kt(e) {
     isHovered: d
   };
 }
-function wt(e, t) {
+function Tt(e, t) {
   let {
     elementType: r = "button",
     isDisabled: o,
@@ -720,19 +727,19 @@ function wt(e, t) {
     onPressEnd: u,
     onPressUp: p,
     onPressChange: m,
-    preventFocusOnPress: g,
-    allowFocusWhenDisabled: b,
+    preventFocusOnPress: v,
+    allowFocusWhenDisabled: g,
     // @ts-ignore
-    onClick: E,
+    onClick: $,
     href: x,
     target: _,
     rel: P,
     type: w = "button"
-  } = e, B;
-  r === "button" ? B = {
+  } = e, T;
+  r === "button" ? T = {
     type: w,
     disabled: o
-  } : B = {
+  } : T = {
     role: "button",
     tabIndex: o ? void 0 : 0,
     href: r === "a" && o ? void 0 : x,
@@ -742,34 +749,34 @@ function wt(e, t) {
     "aria-disabled": !o || r === "input" ? void 0 : o,
     rel: r === "a" ? P : void 0
   };
-  let { pressProps: S, isPressed: $ } = _t({
+  let { pressProps: S, isPressed: E } = gt({
     onPressStart: d,
     onPressEnd: u,
     onPressChange: m,
     onPress: a,
     onPressUp: p,
     isDisabled: o,
-    preventFocusOnPress: g,
+    preventFocusOnPress: v,
     ref: t
-  }), { focusableProps: k } = Ge(e, t);
-  b && (k.tabIndex = o ? -1 : k.tabIndex);
-  let O = G(k, S, Je(e, {
+  }), { focusableProps: k } = Ve(e, t);
+  g && (k.tabIndex = o ? -1 : k.tabIndex);
+  let D = G(k, S, Qe(e, {
     labelable: !0
   }));
   return {
-    isPressed: $,
-    buttonProps: G(B, O, {
+    isPressed: E,
+    buttonProps: G(T, D, {
       "aria-haspopup": e["aria-haspopup"],
       "aria-expanded": e["aria-expanded"],
       "aria-controls": e["aria-controls"],
       "aria-pressed": e["aria-pressed"],
       onClick: (N) => {
-        E && (E(N), console.warn("onClick is deprecated, please use onPress"));
+        $ && ($(N), console.warn("onClick is deprecated, please use onPress"));
       }
     })
   };
 }
-function Tt(e, t, r) {
+function Bt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -791,14 +798,14 @@ function Te(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? we(Object(r), !0).forEach(function(o) {
-      Tt(e, o, r[o]);
+      Bt(e, o, r[o]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : we(Object(r)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(r, o));
     });
   }
   return e;
 }
-var Bt = (e, t, r) => {
+var Et = (e, t, r) => {
   for (var o of Object.keys(e)) {
     var a;
     if (e[o] !== ((a = t[o]) !== null && a !== void 0 ? a : r[o]))
@@ -819,11 +826,11 @@ var Bt = (e, t, r) => {
       m && (r += " " + m);
     }
   }
-  for (var [g, b] of e.compoundVariants)
-    Bt(g, o, e.defaultVariants) && (r += " " + b);
+  for (var [v, g] of e.compoundVariants)
+    Et(v, o, e.defaultVariants) && (r += " " + g);
   return r;
-}, $t = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyg"]] }), Et = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyh", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyi", false: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyj" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyk", default: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyl", delete: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxym", key: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyn", confirm: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyo", link: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyp" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyq", false: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Pt = "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy11", xt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy12", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy13", false: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), St = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxys", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyt", false: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyu" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyv", default: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyw", delete: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyx", key: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyy", confirm: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxyz", link: "pkg_sps-woodland_buttons__version_8_20_7__hash_125pcxy10" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
-function Nt({
+}, $t = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyg"]] }), Pt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyh", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyi", false: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyj" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyk", default: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyl", delete: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxym", key: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyn", confirm: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyo", link: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyp" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyq", false: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), xt = "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy11", St = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy12", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy13", false: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), Nt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxys", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyt", false: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyu" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyv", default: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyw", delete: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyx", key: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyy", confirm: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxyz", link: "pkg_sps-woodland_buttons__version_8_20_9__hash_125pcxy10" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+function Dt({
   as: e,
   onClick: t,
   onPress: r,
@@ -833,52 +840,52 @@ function Nt({
   disabled: u,
   href: p,
   icon: m,
-  kind: g = "default",
-  spinning: b,
-  spinningTitle: E,
+  kind: v = "default",
+  spinning: g,
+  spinningTitle: $,
   title: x,
   ..._
 }, P) {
-  const w = e ?? (p ? "a" : "button"), B = {
+  const w = e ?? (p ? "a" : "button"), T = {
     onPress: r ?? t,
     // the button element should be disabled if the button is marked as disabled or spinning
-    isDisabled: u ?? d ?? b,
+    isDisabled: u ?? d ?? g,
     ..._
-  }, { "data-testid": S } = _, $ = P || c.useRef(null), { buttonProps: k } = wt(B, $), { hoverProps: O } = kt({ isDisabled: B.isDisabled }), { type: N, ...A } = k, oe = {
-    ...G(A, O),
-    ref: $,
+  }, { "data-testid": S } = _, E = P || c.useRef(null), { buttonProps: k } = Tt(T, E), { hoverProps: D } = wt({ isDisabled: T.isDisabled }), { type: N, ...A } = k, oe = {
+    ...G(A, D),
+    ref: E,
     title: x,
-    className: p ? St({ spinning: b, kind: g }) : Et({ disabled: d || u, kind: g, spinning: b }),
+    className: p ? Nt({ spinning: g, kind: v }) : Pt({ disabled: d || u, kind: v, spinning: g }),
     ...p ? { href: p } : { type: N },
     ..._
-  }, { t: n } = c.useContext(Fe), f = m && /* @__PURE__ */ c.createElement(
-    Re,
+  }, { t: n } = c.useContext(Ue), f = m && /* @__PURE__ */ c.createElement(
+    Ge,
     {
-      className: Pt,
+      className: xt,
       icon: m,
       "aria-hidden": "true",
       "data-testid": `${S}__${m}-icon`
     }
   );
-  let T;
-  g === "default" || g === "icon" || g === "link" ? T = "dark" : T = "light";
-  const l = b && /* @__PURE__ */ c.createElement(
-    Ue,
+  let B;
+  v === "default" || v === "icon" || v === "link" ? B = "dark" : B = "light";
+  const l = g && /* @__PURE__ */ c.createElement(
+    He,
     {
-      color: T,
-      className: xt({ spinning: b }),
-      title: E || n("design-system:button.spinningTitle"),
+      color: B,
+      className: St({ spinning: g }),
+      title: $ || n("design-system:button.spinningTitle"),
       "data-testid": `${S}__spinner`
     }
   );
-  return /* @__PURE__ */ c.createElement(Ve, null, /* @__PURE__ */ c.createElement(
+  return /* @__PURE__ */ c.createElement(We, null, /* @__PURE__ */ c.createElement(
     "div",
     {
-      className: He(
+      className: Re(
         $t({
           disabled: d || u,
-          kind: g,
-          spinning: b
+          kind: v,
+          spinning: g
         }),
         a
       )
@@ -886,8 +893,8 @@ function Nt({
     /* @__PURE__ */ c.createElement(w, { ...oe }, f, o ? /* @__PURE__ */ c.createElement("span", null, o) : "", l)
   ));
 }
-const Ae = c.forwardRef(Nt);
-Me.set(Ae, {
+const Ae = c.forwardRef(Dt);
+Fe.set(Ae, {
   name: "Button",
   props: {
     disabled: "boolean",
@@ -913,7 +920,7 @@ const Ot = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -932,7 +939,7 @@ const Ot = {
         },
         withIcons: {
           description: "With Icons",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -951,7 +958,7 @@ const Ot = {
         },
         spinning: {
           description: "Spinning",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -975,7 +982,7 @@ const Ot = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: h`
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1017,7 +1024,7 @@ const Ot = {
         },
         withIcons: {
           description: "With Icons",
-          react: h`
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1064,7 +1071,7 @@ const Ot = {
         },
         spinning: {
           description: "Spinning",
-          react: h`
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1110,7 +1117,7 @@ const Ot = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: h`
+          react: y`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1140,7 +1147,7 @@ const Ot = {
         },
         withIcons: {
           description: "With Icons",
-          react: h`
+          react: y`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1188,7 +1195,7 @@ const Ot = {
       examples: {
         standard: {
           description: "Standard Icon Buttons",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1211,7 +1218,7 @@ const Ot = {
         },
         dropdown: {
           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: h`
+          react: y`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1229,7 +1236,7 @@ const Ot = {
         },
         spinner: {
           description: "Spinner",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1249,7 +1256,7 @@ const Ot = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1266,7 +1273,7 @@ const Ot = {
         },
         withIcons: {
           description: "With Icons",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1283,7 +1290,7 @@ const Ot = {
         },
         spinner: {
           description: "Spinner",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1302,7 +1309,7 @@ const Ot = {
       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: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1330,7 +1337,7 @@ const Ot = {
       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: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1352,7 +1359,7 @@ const Ot = {
       examples: {
         basic: {
           description: "Basic Button Groups",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1368,7 +1375,7 @@ const Ot = {
         },
         icon: {
           description: "Icon Button Groups",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1383,7 +1390,7 @@ const Ot = {
         },
         textAndIcons: {
           description: "Text Buttons + Icon Buttons Group",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1402,7 +1409,7 @@ const Ot = {
         },
         textAndBasic: {
           description: "Text Buttons + Basic Buttons Group",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1422,7 +1429,7 @@ const Ot = {
         },
         iconsAndBasic: {
           description: "Icon Buttons + Basic Buttons Group",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1443,7 +1450,7 @@ const Ot = {
         },
         textIconsAndBasic: {
           description: "Text Buttons + Icon Buttons + Basic Buttons Group",
-          react: h`
+          react: y`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";