@sps-woodland/buttons 8.23.17 → 8.24.0

package/lib/index.js

@@ -1,17 +1,17 @@
 import * as c from "react";
-import Ee, { useRef as ee, useCallback as z, useEffect as J, useState as $e, useMemo as Be, useContext as Me } from "react";
+import Ee, { useRef as Z, useCallback as X, useEffect as q, useState as $e, useMemo as Be, useContext as Me } from "react";
 import { I18nContext as Fe, Spinner as Ue, cl as He, Metadata 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";
+import { code as v } from "@spscommerce/utils";
 const Pe = typeof document < "u" ? Ee.useLayoutEffect : () => {
 };
-function H(e) {
-  const t = ee(null);
+function U(e) {
+  const t = Z(null);
   return Pe(() => {
     t.current = e;
   }, [
     e
-  ]), z((...r) => {
+  ]), X((...r) => {
     const o = t.current;
     return o == null ? void 0 : o(...r);
   }, []);
@@ -30,10 +30,10 @@ function xe(...e) {
     for (let r of e) typeof r == "function" && r(...t);
   };
 }
-const I = (e) => {
+const L = (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 : I(e).defaultView || window;
+}, ie = (e) => e && "window" in e && e.window === e ? e : L(e).defaultView || window;
 function Se(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
@@ -47,7 +47,7 @@ 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;
 }
-function G(...e) {
+function R(...e) {
   let t = {
     ...e[0]
   };
@@ -84,7 +84,7 @@ function Qe(e, t = {}) {
   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) {
+function H(e) {
   if (Ze()) e.focus({
     preventScroll: !0
   });
@@ -93,20 +93,20 @@ function R(e) {
     e.focus(), tt(t);
   }
 }
-let W = null;
+let V = null;
 function Ze() {
-  if (W == null) {
-    W = !1;
+  if (V == null) {
+    V = !1;
     try {
       document.createElement("div").focus({
         get preventScroll() {
-          return W = !0, !0;
+          return V = !0, !0;
         }
       });
     } catch {
     }
   }
-  return W;
+  return V;
 }
 function et(e) {
   let t = e.parentNode, r = [], o = document.scrollingElement || document.documentElement;
@@ -126,7 +126,7 @@ function tt(e) {
   for (let { element: t, scrollTop: r, scrollLeft: o } of e)
     t.scrollTop = r, t.scrollLeft = o;
 }
-function te(e) {
+function ee(e) {
   var t;
   return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((r) => e.test(r.brand))) || e.test(window.navigator.userAgent);
 }
@@ -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 L(e) {
+function I(e) {
   let t = null;
   return () => (t == null && (t = e()), t);
 }
-const Q = L(function() {
+const J = I(function() {
   return de(/^Mac/i);
-}), nt = L(function() {
+}), nt = I(function() {
   return de(/^iPhone/i);
-}), Ne = L(function() {
+}), Ne = I(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;
-}), De = L(function() {
+  J() && navigator.maxTouchPoints > 1;
+}), De = I(function() {
   return nt() || Ne();
-}), ot = L(function() {
-  return te(/AppleWebKit/i) && !rt();
-}), rt = L(function() {
-  return te(/Chrome/i);
-}), Oe = L(function() {
-  return te(/Android/i);
-}), st = L(function() {
-  return te(/Firefox/i);
+}), ot = I(function() {
+  return ee(/AppleWebKit/i) && !rt();
+}), rt = I(function() {
+  return ee(/Chrome/i);
+}), Oe = I(function() {
+  return ee(/Android/i);
+}), st = I(function() {
+  return ee(/Firefox/i);
 });
-function V(e, t, r = !0) {
+function G(e, t, r = !0) {
   var o, a;
   let { metaKey: d, ctrlKey: u, altKey: p, shiftKey: m } = t;
-  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", {
+  st() && (!((a = window.event) === null || a === void 0 || (o = a.type) === null || o === void 0) && o.startsWith("key")) && e.target === "_blank" && (J() ? d = !0 : u = !0);
+  let g = ot() && J() && !Ne() ? new KeyboardEvent("keydown", {
     keyIdentifier: "Enter",
     metaKey: d,
     ctrlKey: u,
@@ -174,10 +174,10 @@ function V(e, t, r = !0) {
     bubbles: !0,
     cancelable: !0
   });
-  V.isOpening = r, R(e), e.dispatchEvent(v), V.isOpening = !1;
+  G.isOpening = r, H(e), e.dispatchEvent(g), G.isOpening = !1;
 }
-V.isOpening = !1;
-let F = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Set();
+G.isOpening = !1;
+let M = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Set();
 function me() {
   if (typeof window > "u") return;
   function e(o) {
@@ -185,14 +185,14 @@ function me() {
   }
   let t = (o) => {
     if (!e(o) || !o.target) return;
-    let a = F.get(o.target);
-    a || (a = /* @__PURE__ */ new Set(), F.set(o.target, a), o.target.addEventListener("transitioncancel", r, {
+    let a = M.get(o.target);
+    a || (a = /* @__PURE__ */ new Set(), M.set(o.target, a), o.target.addEventListener("transitioncancel", r, {
       once: !0
     })), a.add(o.propertyName);
   }, r = (o) => {
     if (!e(o) || !o.target) return;
-    let a = F.get(o.target);
-    if (a && (a.delete(o.propertyName), a.size === 0 && (o.target.removeEventListener("transitioncancel", r), F.delete(o.target)), F.size === 0)) {
+    let a = M.get(o.target);
+    if (a && (a.delete(o.propertyName), a.size === 0 && (o.target.removeEventListener("transitioncancel", r), M.delete(o.target)), M.size === 0)) {
       for (let d of le) d();
       le.clear();
     }
@@ -202,32 +202,32 @@ function me() {
 typeof document < "u" && (document.readyState !== "loading" ? me() : document.addEventListener("DOMContentLoaded", me));
 function at(e) {
   requestAnimationFrame(() => {
-    F.size === 0 ? e() : le.add(e);
+    M.size === 0 ? e() : le.add(e);
   });
 }
 function it() {
-  let e = ee(/* @__PURE__ */ new Map()), t = z((a, d, u, p) => {
-    let m = p != null && p.once ? (...v) => {
-      e.current.delete(u), u(...v);
+  let e = Z(/* @__PURE__ */ new Map()), t = X((a, d, u, p) => {
+    let m = p != null && p.once ? (...g) => {
+      e.current.delete(u), u(...g);
     } : u;
     e.current.set(u, {
       type: d,
       eventTarget: a,
       fn: m,
       options: p
-    }), a.addEventListener(d, u, p);
-  }, []), r = z((a, d, u, p) => {
+    }), a.addEventListener(d, m, p);
+  }, []), r = X((a, d, u, p) => {
     var m;
-    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(() => {
+    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);
+  }, []), o = X(() => {
     e.current.forEach((a, d) => {
       r(a.eventTarget, a.type, d, a.options);
     });
   }, [
     r
   ]);
-  return J(() => o, [
+  return q(() => o, [
     o
   ]), {
     addGlobalListener: t,
@@ -249,30 +249,30 @@ function _e(e) {
 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();
+let F = "default", ue = "", z = /* @__PURE__ */ new WeakMap();
 function be(e) {
   if (De()) {
-    if (U === "default") {
-      const t = I(e);
+    if (F === "default") {
+      const t = L(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");
+    F = "disabled";
+  } else (e instanceof HTMLElement || e instanceof SVGElement) && (z.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
-function Y(e) {
+function W(e) {
   if (De()) {
-    if (U !== "disabled") return;
-    U = "restoring", setTimeout(() => {
+    if (F !== "disabled") return;
+    F = "restoring", setTimeout(() => {
       at(() => {
-        if (U === "restoring") {
-          const t = I(e);
-          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ue || ""), ue = "", U = "default";
+        if (F === "restoring") {
+          const t = L(e);
+          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ue || ""), ue = "", F = "default";
         }
       });
     }, 300);
-  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && q.has(e)) {
-    let t = q.get(e);
-    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), q.delete(e);
+  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && z.has(e)) {
+    let t = z.get(e);
+    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), z.delete(e);
   }
 }
 const Ce = Ee.createContext({
@@ -314,31 +314,31 @@ function _t(e) {
   let t = Me(Ce);
   if (t) {
     let { register: r, ...o } = t;
-    e = G(o, e), r();
+    e = R(o, e), r();
   }
   return lt(t, e.ref), e;
 }
-var j = /* @__PURE__ */ new WeakMap();
-class X {
+var Y = /* @__PURE__ */ new WeakMap();
+class j {
   continuePropagation() {
-    ge(this, j, !1);
+    ge(this, Y, !1);
   }
   get shouldStopPropagation() {
-    return dt(this, j);
+    return dt(this, Y);
   }
   constructor(t, r, o, a) {
-    ft(this, j, {
+    ft(this, Y, {
       writable: !0,
       value: void 0
-    }), ge(this, j, !0);
+    }), ge(this, Y, !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, v = 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, v = E - 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;
+    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;
   }
 }
-const ve = Symbol("linkClicked");
+const he = Symbol("linkClicked");
 function bt(e) {
   let {
     onPress: t,
@@ -349,12 +349,12 @@ function bt(e) {
     isDisabled: u,
     isPressed: p,
     preventFocusOnPress: m,
-    shouldCancelOnPointerExit: v,
+    shouldCancelOnPointerExit: g,
     allowTextSelectionOnPress: b,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: E,
     ...x
-  } = _t(e), [_, $] = $e(!1), w = ee({
+  } = _t(e), [_, $] = $e(!1), w = Z({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -364,83 +364,83 @@ function bt(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: T, removeAllGlobalListeners: S } = it(), B = H((n, f) => {
+  }), { addGlobalListener: T, removeAllGlobalListeners: S } = it(), B = U((n, f) => {
     let P = w.current;
     if (u || P.didFirePressStart) return !1;
     let l = !0;
     if (P.isTriggeringEvent = !0, o) {
-      let h = new X("pressstart", f, n);
+      let h = new j("pressstart", f, n);
       o(h), l = h.shouldStopPropagation;
     }
     return r && r(!0), P.isTriggeringEvent = !1, P.didFirePressStart = !0, $(!0), l;
-  }), k = H((n, f, P = !0) => {
+  }), y = U((n, f, P = !0) => {
     let l = w.current;
     if (!l.didFirePressStart) return !1;
     l.ignoreClickAfterPress = !0, l.didFirePressStart = !1, l.isTriggeringEvent = !0;
     let h = !0;
     if (a) {
-      let s = new X("pressend", f, n);
+      let s = new j("pressend", f, n);
       a(s), h = s.shouldStopPropagation;
     }
     if (r && r(!1), $(!1), t && P && !u) {
-      let s = new X("press", f, n);
+      let s = new j("press", f, n);
       t(s), h && (h = s.shouldStopPropagation);
     }
     return l.isTriggeringEvent = !1, h;
-  }), D = H((n, f) => {
+  }), D = U((n, f) => {
     let P = w.current;
     if (u) return !1;
     if (d) {
       P.isTriggeringEvent = !0;
-      let l = new X("pressup", f, n);
+      let l = new j("pressup", f, n);
       return d(l), P.isTriggeringEvent = !1, l.shouldStopPropagation;
     }
     return !0;
-  }), N = H((n) => {
+  }), N = U((n) => {
     let f = w.current;
-    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(), b || Y(f.target));
-  }), A = H((n) => {
-    v && N(n);
-  }), oe = Be(() => {
+    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && y(C(f.target, n), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, S(), b || W(f.target));
+  }), A = U((n) => {
+    g && N(n);
+  }), ne = Be(() => {
     let n = w.current, f = {
       onKeyDown(l) {
-        if (re(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
+        if (oe(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
           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 = B(l, "keyboard");
-            let g = l.currentTarget, i = (O) => {
-              re(O, g) && !O.repeat && g.contains(O.target) && n.target && D(C(n.target, O), "keyboard");
+            let i = l.currentTarget, k = (O) => {
+              oe(O, i) && !O.repeat && i.contains(O.target) && n.target && D(C(n.target, O), "keyboard");
             };
-            T(I(l.currentTarget), "keyup", xe(i, P), !0);
+            T(L(l.currentTarget), "keyup", xe(k, P), !0);
           }
-          s && l.stopPropagation(), l.metaKey && Q() && ((h = n.metaKeyEvents) === null || h === void 0 || h.set(l.key, l.nativeEvent));
+          s && l.stopPropagation(), l.metaKey && J() && ((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) {
+        if (!(l && !l.currentTarget.contains(l.target)) && l && l.button === 0 && !n.isTriggeringEvent && !G.isOpening) {
           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 = B(l, "virtual"), g = D(l, "virtual"), i = k(l, "virtual");
-            h = s && g && i;
+            !u && !m && H(l.currentTarget);
+            let s = B(l, "virtual"), i = D(l, "virtual"), k = y(l, "virtual");
+            h = s && i && k;
           }
           n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, h && l.stopPropagation();
         }
       }
     }, P = (l) => {
       var h;
-      if (n.isPressed && n.target && re(l, n.target)) {
+      if (n.isPressed && n.target && oe(l, n.target)) {
         var s;
         ye(l.target, l.key) && l.preventDefault();
-        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);
+        let k = l.target;
+        y(C(n.target, l), "keyboard", n.target.contains(k)), S(), l.key !== "Enter" && pe(n.target) && n.target.contains(k) && !l[he] && (l[he] = !0, G(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 g;
-        let i = n.metaKeyEvents;
+        var i;
+        let k = n.metaKeyEvents;
         n.metaKeyEvents = void 0;
-        for (let O of i.values()) (g = n.target) === null || g === void 0 || g.dispatchEvent(new KeyboardEvent("keyup", O));
+        for (let O of k.values()) (i = n.target) === null || i === void 0 || i.dispatchEvent(new KeyboardEvent("keyup", O));
       }
     };
     if (typeof PointerEvent < "u") {
@@ -451,22 +451,29 @@ function bt(e) {
           return;
         }
         se(i.currentTarget) && i.preventDefault(), n.pointerType = i.pointerType;
-        let O = !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), O = B(i, n.pointerType), T(I(i.currentTarget), "pointermove", l, !1), T(I(i.currentTarget), "pointerup", h, !1), T(I(i.currentTarget), "pointercancel", g, !1)), O && i.stopPropagation();
+        let k = !0;
+        if (!n.isPressed) {
+          n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = i.pointerId, n.target = i.currentTarget, !u && !m && H(i.currentTarget), b || be(n.target), k = B(i, n.pointerType);
+          let O = i.target;
+          "releasePointerCapture" in O && O.releasePointerCapture(i.pointerId), T(L(i.currentTarget), "pointerup", l, !1), T(L(i.currentTarget), "pointercancel", s, !1);
+        }
+        k && 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) && D(i, n.pointerType || i.pointerType);
+        !i.currentTarget.contains(i.target) || n.pointerType === "virtual" || i.button === 0 && D(i, n.pointerType || i.pointerType);
+      }, f.onPointerEnter = (i) => {
+        i.pointerId === n.activePointerId && n.target && !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, B(C(n.target, i), n.pointerType));
+      }, f.onPointerLeave = (i) => {
+        i.pointerId === n.activePointerId && n.target && n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, y(C(n.target, i), n.pointerType, !1), A(i));
       };
       let l = (i) => {
-        i.pointerId === n.activePointerId && (n.target && M(i, n.target) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, B(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(), b || Y(n.target), "ontouchend" in n.target && i.pointerType !== "mouse" && T(n.target, "touchend", s, {
+        i.pointerId === n.activePointerId && n.isPressed && i.button === 0 && n.target && (n.target.contains(i.target) && n.pointerType != null ? y(C(n.target, i), n.pointerType) : n.isOverTarget && n.pointerType != null && y(C(n.target, i), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, S(), b || W(n.target), "ontouchend" in n.target && i.pointerType !== "mouse" && T(n.target, "touchend", h, {
           once: !0
         }));
+      }, h = (i) => {
+        Ie(i.currentTarget) && i.preventDefault();
       }, s = (i) => {
-        Ie(i.target) && i.preventDefault();
-      }, g = (i) => {
         N(i);
       };
       f.onDragStart = (i) => {
@@ -479,15 +486,15 @@ function bt(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), B(s, n.pointerType) && s.stopPropagation(), T(I(s.currentTarget), "mouseup", l, !1);
+        n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = _e(s.nativeEvent) ? "virtual" : "mouse", !u && !m && H(s.currentTarget), B(s, n.pointerType) && s.stopPropagation(), T(L(s.currentTarget), "mouseup", l, !1);
       }, f.onMouseEnter = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let g = !0;
-        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, g = B(s, n.pointerType)), g && s.stopPropagation();
+        let i = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, i = B(s, n.pointerType)), i && s.stopPropagation();
       }, f.onMouseLeave = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let g = !0;
-        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, g = k(s, n.pointerType, !1), A(s)), g && s.stopPropagation();
+        let i = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, i = y(s, n.pointerType, !1), A(s)), i && s.stopPropagation();
       }, f.onMouseUp = (s) => {
         s.currentTarget.contains(s.target) && !n.ignoreEmulatedMouseEvents && s.button === 0 && D(s, n.pointerType || "mouse");
       };
@@ -497,30 +504,30 @@ function bt(e) {
             n.ignoreEmulatedMouseEvents = !1;
             return;
           }
-          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;
+          n.target && re(s, n.target) && n.pointerType != null ? y(C(n.target, s), n.pointerType) : n.target && n.isOverTarget && n.pointerType != null && y(C(n.target, s), n.pointerType, !1), n.isOverTarget = !1;
         }
       };
       f.onTouchStart = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let g = gt(s.nativeEvent);
-        if (!g) return;
-        n.activePointerId = g.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), B(K(n.target, s), n.pointerType) && s.stopPropagation(), T(ie(s.currentTarget), "scroll", h, !0);
+        let i = gt(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 && H(s.currentTarget), b || be(n.target), B(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 g = he(s.nativeEvent, n.activePointerId), i = !0;
-        g && M(g, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, i = B(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();
+        let i = ve(s.nativeEvent, n.activePointerId), k = !0;
+        i && re(i, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, k = B(K(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k = y(K(n.target, s), n.pointerType, !1), A(K(n.target, s))), k && s.stopPropagation();
       }, f.onTouchEnd = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
         if (!n.isPressed) {
           s.stopPropagation();
           return;
         }
-        let g = he(s.nativeEvent, n.activePointerId), i = !0;
-        g && M(g, 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 && !b && Y(n.target), S();
+        let i = ve(s.nativeEvent, n.activePointerId), k = !0;
+        i && re(i, s.currentTarget) && n.pointerType != null ? (D(K(n.target, s), n.pointerType), k = y(K(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (k = y(K(n.target, s), n.pointerType, !1)), k && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !b && W(n.target), S();
       }, f.onTouchCancel = (s) => {
         s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && N(K(n.target, s)));
       };
@@ -546,24 +553,24 @@ function bt(e) {
     b,
     N,
     A,
-    k,
+    y,
     B,
     D
   ]);
-  return J(() => () => {
+  return q(() => () => {
     var n;
-    b || Y((n = w.current.target) !== null && n !== void 0 ? n : void 0);
+    b || W((n = w.current.target) !== null && n !== void 0 ? n : void 0);
   }, [
     b
   ]), {
     isPressed: p || _,
-    pressProps: G(x, oe)
+    pressProps: R(x, ne)
   };
 }
 function pe(e) {
   return e.tagName === "A" && e.hasAttribute("href");
 }
-function re(e, t) {
+function oe(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 && !Le(a, r) || a instanceof ie(a).HTMLTextAreaElement || a.isContentEditable) && // Links should only trigger with Enter key
   !((d === "link" || !d && pe(a)) && r !== "Enter");
@@ -572,7 +579,7 @@ function gt(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
-function he(e, t) {
+function ve(e, t) {
   const r = e.changedTouches;
   for (let o = 0; o < r.length; o++) {
     const a = r[o];
@@ -604,7 +611,7 @@ function C(e, t) {
     clientY: o
   };
 }
-function vt(e) {
+function ht(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,
@@ -613,12 +620,12 @@ function vt(e) {
     left: e.clientX - t
   };
 }
-function ht(e, t) {
+function vt(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 = vt(e);
-  return ht(r, o);
+function re(e, t) {
+  let r = t.getBoundingClientRect(), o = ht(e);
+  return vt(r, o);
 }
 function se(e) {
   return !(e instanceof HTMLElement) || !e.hasAttribute("draggable");
@@ -643,10 +650,10 @@ const yt = /* @__PURE__ */ new Set([
 function Le(e, t) {
   return e.type === "checkbox" || e.type === "radio" ? t === " " : yt.has(e.type);
 }
-let Z = !1, ae = 0;
+let Q = !1, ae = 0;
 function ce() {
-  Z = !0, setTimeout(() => {
-    Z = !1;
+  Q = !0, setTimeout(() => {
+    Q = !1;
   }, 50);
 }
 function ke(e) {
@@ -659,14 +666,14 @@ function kt() {
     };
 }
 function wt(e) {
-  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: a } = e, [d, u] = $e(!1), p = ee({
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: a } = e, [d, u] = $e(!1), p = Z({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
-  J(kt, []);
-  let { hoverProps: m, triggerHoverEnd: v } = Be(() => {
+  q(kt, []);
+  let { hoverProps: m, triggerHoverEnd: g } = Be(() => {
     let b = (_, $) => {
       if (p.pointerType = $, a || $ === "touch" || p.isHovered || !_.currentTarget.contains(_.target)) return;
       p.isHovered = !0;
@@ -687,13 +694,13 @@ function wt(e) {
       }), r && r(!1), u(!1);
     }, x = {};
     return typeof PointerEvent < "u" ? (x.onPointerEnter = (_) => {
-      Z && _.pointerType === "mouse" || b(_, _.pointerType);
+      Q && _.pointerType === "mouse" || b(_, _.pointerType);
     }, x.onPointerLeave = (_) => {
       !a && _.currentTarget.contains(_.target) && E(_, _.pointerType);
     }) : (x.onTouchStart = () => {
       p.ignoreEmulatedMouseEvents = !0;
     }, x.onMouseEnter = (_) => {
-      !p.ignoreEmulatedMouseEvents && !Z && b(_, "mouse"), p.ignoreEmulatedMouseEvents = !1;
+      !p.ignoreEmulatedMouseEvents && !Q && b(_, "mouse"), p.ignoreEmulatedMouseEvents = !1;
     }, x.onMouseLeave = (_) => {
       !a && _.currentTarget.contains(_.target) && E(_, "mouse");
     }), {
@@ -707,8 +714,8 @@ function wt(e) {
     a,
     p
   ]);
-  return J(() => {
-    a && v({
+  return q(() => {
+    a && g({
       currentTarget: p.target
     }, p.pointerType);
   }, [
@@ -727,7 +734,7 @@ function Tt(e, t) {
     onPressEnd: u,
     onPressUp: p,
     onPressChange: m,
-    preventFocusOnPress: v,
+    preventFocusOnPress: g,
     allowFocusWhenDisabled: b,
     // @ts-ignore
     onClick: E,
@@ -742,7 +749,7 @@ function Tt(e, t) {
   } : T = {
     role: "button",
     tabIndex: o ? void 0 : 0,
-    href: r === "a" && o ? void 0 : x,
+    href: r === "a" && !o ? x : void 0,
     target: r === "a" ? _ : void 0,
     type: r === "input" ? w : void 0,
     disabled: r === "input" ? o : void 0,
@@ -756,16 +763,16 @@ function Tt(e, t) {
     onPress: a,
     onPressUp: p,
     isDisabled: o,
-    preventFocusOnPress: v,
+    preventFocusOnPress: g,
     ref: t
-  }), { focusableProps: k } = Ve(e, t);
-  b && (k.tabIndex = o ? -1 : k.tabIndex);
-  let D = G(k, S, Qe(e, {
+  }), { focusableProps: y } = Ve(e, t);
+  b && (y.tabIndex = o ? -1 : y.tabIndex);
+  let D = R(y, S, Qe(e, {
     labelable: !0
   }));
   return {
     isPressed: B,
-    buttonProps: G(T, D, {
+    buttonProps: R(T, D, {
       "aria-haspopup": e["aria-haspopup"],
       "aria-expanded": e["aria-expanded"],
       "aria-controls": e["aria-controls"],
@@ -812,7 +819,7 @@ var $t = (e, t, r) => {
       return !1;
   }
   return !0;
-}, ne = (e) => (t) => {
+}, te = (e) => (t) => {
   var r = e.defaultClassName, o = Te(Te({}, e.defaultVariants), t);
   for (var a in o) {
     var d, u = (d = o[a]) !== null && d !== void 0 ? d : e.defaultVariants[a];
@@ -826,10 +833,10 @@ var $t = (e, t, r) => {
       m && (r += " " + m);
     }
   }
-  for (var [v, b] of e.compoundVariants)
-    $t(v, o, e.defaultVariants) && (r += " " + b);
+  for (var [g, b] of e.compoundVariants)
+    $t(g, o, e.defaultVariants) && (r += " " + b);
   return r;
-}, Bt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyg"]] }), Pt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyh", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyi", false: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyj" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyk", default: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyl", delete: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxym", key: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyn", confirm: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyo", link: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyp" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyq", false: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), xt = "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy11", St = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy12", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy13", false: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), Nt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxys", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyt", false: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyu" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyv", default: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyw", delete: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyx", key: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyy", confirm: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxyz", link: "pkg_sps-woodland_buttons__version_8_23_17__hash_125pcxy10" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+}, Bt = te({ defaultClassName: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyg"]] }), Pt = te({ defaultClassName: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyh", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyi", false: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyj" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyk", default: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyl", delete: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxym", key: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyn", confirm: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyo", link: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyp" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyq", false: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), xt = "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy11", St = te({ defaultClassName: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy12", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy13", false: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), Nt = te({ defaultClassName: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxys", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyt", false: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyu" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyv", default: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyw", delete: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyx", key: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyy", confirm: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxyz", link: "pkg_sps-woodland_buttons__version_8_24_0__hash_125pcxy10" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
 const Ae = c.forwardRef(
   ({
     as: e,
@@ -841,7 +848,7 @@ const Ae = c.forwardRef(
     disabled: u,
     href: p,
     icon: m,
-    kind: v = "default",
+    kind: g = "default",
     spinning: b,
     spinningTitle: E,
     title: x,
@@ -852,14 +859,14 @@ const Ae = c.forwardRef(
       // the button element should be disabled if the button is marked as disabled or spinning
       isDisabled: u ?? d ?? b,
       ..._
-    }, { "data-testid": S } = _, B = c.useRef(null), k = $ || B, { buttonProps: D } = Tt(
+    }, { "data-testid": S } = _, B = c.useRef(null), y = $ || B, { buttonProps: D } = Tt(
       T,
-      k
-    ), { hoverProps: N } = wt({ isDisabled: T.isDisabled }), { type: A, ...oe } = D, n = {
-      ...G(oe, N),
-      ref: k,
+      y
+    ), { hoverProps: N } = wt({ isDisabled: T.isDisabled }), { type: A, ...ne } = D, n = {
+      ...R(ne, N),
+      ref: y,
       title: x,
-      className: p ? Nt({ spinning: b, kind: v }) : Pt({ disabled: d || u, kind: v, spinning: b }),
+      className: p ? Nt({ spinning: b, kind: g }) : Pt({ disabled: d || u, kind: g, spinning: b }),
       ...p ? { href: p } : { type: A },
       ..._
     }, { t: f } = c.useContext(Fe), P = m && /* @__PURE__ */ c.createElement(
@@ -872,7 +879,7 @@ const Ae = c.forwardRef(
       }
     );
     let l;
-    v === "default" || v === "icon" || v === "link" ? l = "dark" : l = "light";
+    g === "default" || g === "icon" || g === "link" ? l = "dark" : l = "light";
     const h = b && /* @__PURE__ */ c.createElement(
       Ue,
       {
@@ -888,7 +895,7 @@ const Ae = c.forwardRef(
         className: He(
           Bt({
             disabled: d || u,
-            kind: v,
+            kind: g,
             spinning: b
           }),
           a
@@ -931,7 +938,7 @@ const Dt = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -950,7 +957,7 @@ const Dt = {
         },
         withIcons: {
           description: "With Icons",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -969,7 +976,7 @@ const Dt = {
         },
         spinning: {
           description: "Spinning",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -993,7 +1000,7 @@ const Dt = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: y`
+          react: v`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1035,7 +1042,7 @@ const Dt = {
         },
         withIcons: {
           description: "With Icons",
-          react: y`
+          react: v`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1082,7 +1089,7 @@ const Dt = {
         },
         spinning: {
           description: "Spinning",
-          react: y`
+          react: v`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1128,7 +1135,7 @@ const Dt = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: y`
+          react: v`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1158,7 +1165,7 @@ const Dt = {
         },
         withIcons: {
           description: "With Icons",
-          react: y`
+          react: v`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1206,7 +1213,7 @@ const Dt = {
       examples: {
         standard: {
           description: "Standard Icon Buttons",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1229,7 +1236,7 @@ const Dt = {
         },
         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: y`
+          react: v`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1247,7 +1254,7 @@ const Dt = {
         },
         spinner: {
           description: "Spinner",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1267,7 +1274,7 @@ const Dt = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1284,7 +1291,7 @@ const Dt = {
         },
         withIcons: {
           description: "With Icons",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1301,7 +1308,7 @@ const Dt = {
         },
         spinner: {
           description: "Spinner",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1320,7 +1327,7 @@ const Dt = {
       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: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1348,7 +1355,7 @@ const Dt = {
       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: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1370,7 +1377,7 @@ const Dt = {
       examples: {
         basic: {
           description: "Basic Button Groups",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1386,7 +1393,7 @@ const Dt = {
         },
         icon: {
           description: "Icon Button Groups",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1401,7 +1408,7 @@ const Dt = {
         },
         textAndIcons: {
           description: "Text Buttons + Icon Buttons Group",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1420,7 +1427,7 @@ const Dt = {
         },
         textAndBasic: {
           description: "Text Buttons + Basic Buttons Group",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1440,7 +1447,7 @@ const Dt = {
         },
         iconsAndBasic: {
           description: "Icon Buttons + Basic Buttons Group",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1461,7 +1468,7 @@ const Dt = {
         },
         textIconsAndBasic: {
           description: "Text Buttons + Icon Buttons + Basic Buttons Group",
-          react: y`
+          react: v`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";