@sps-woodland/buttons 8.17.2 → 8.19.0

package/lib/index.es.js

@@ -1,76 +1,76 @@
 import * as c from "react";
-import we, { useRef as Q, useCallback as Y, useEffect as X, useState as Ee, useMemo as Te, useContext as Ke } from "react";
-import { Metadata as Ae, I18nContext as Le, Spinner as Me, cl as Fe, Icon as Ue } from "@sps-woodland/core";
-import { useFocusable as He, FocusRing as Re } from "@react-aria/focus";
-import { code as v } from "@spscommerce/utils";
-const Be = typeof document < "u" ? we.useLayoutEffect : () => {
+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";
+const Pe = typeof document < "u" ? Be.useLayoutEffect : () => {
 };
-function F(e) {
-  const t = Q(null);
-  return Be(() => {
+function H(e) {
+  const t = ee(null);
+  return Pe(() => {
     t.current = e;
   }, [
     e
-  ]), Y((...o) => {
-    const r = t.current;
-    return r == null ? void 0 : r(...o);
+  ]), z((...r) => {
+    const o = t.current;
+    return o == null ? void 0 : o(...r);
   }, []);
 }
-let pe = /* @__PURE__ */ new Map();
-function Ge(e, t) {
+let fe = /* @__PURE__ */ new Map();
+function We(e, t) {
   if (e === t) return e;
-  let o = pe.get(e);
-  if (o)
-    return o(t), t;
-  let r = pe.get(t);
-  return r ? (r(e), e) : t;
+  let r = fe.get(e);
+  if (r)
+    return r(t), t;
+  let o = fe.get(t);
+  return o ? (o(e), e) : t;
 }
-function $e(...e) {
+function xe(...e) {
   return (...t) => {
-    for (let o of e) typeof o == "function" && o(...t);
+    for (let r of e) typeof r == "function" && r(...t);
   };
 }
-const C = (e) => {
+const K = (e) => {
   var t;
   return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
-}, se = (e) => e && "window" in e && e.window === e ? e : C(e).defaultView || window;
-function Pe(e) {
-  var t, o, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
+}, ie = (e) => e && "window" in e && e.window === e ? e : K(e).defaultView || window;
+function Se(e) {
+  var t, r, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var a = e.length;
-    for (t = 0; t < a; t++) e[t] && (o = Pe(e[t])) && (r && (r += " "), r += o);
-  } else for (o in e) e[o] && (r && (r += " "), r += o);
-  return r;
+    for (t = 0; t < a; t++) e[t] && (r = Se(e[t])) && (o && (o += " "), o += r);
+  } else for (r in e) e[r] && (o && (o += " "), o += r);
+  return o;
 }
-function Ve() {
-  for (var e, t, o = 0, r = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (t = Pe(e)) && (r && (r += " "), r += t);
-  return r;
+function Ye() {
+  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 H(...e) {
+function G(...e) {
   let t = {
     ...e[0]
   };
-  for (let o = 1; o < e.length; o++) {
-    let r = e[o];
-    for (let a in r) {
-      let p = t[a], u = r[a];
-      typeof p == "function" && typeof u == "function" && // This is a lot faster than a regex.
+  for (let r = 1; r < e.length; r++) {
+    let o = e[r];
+    for (let a in o) {
+      let d = t[a], u = o[a];
+      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] = $e(p, u) : (a === "className" || a === "UNSAFE_className") && typeof p == "string" && typeof u == "string" ? t[a] = Ve(p, u) : a === "id" && p && u ? t.id = Ge(p, u) : t[a] = u !== void 0 ? u : p;
+      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;
     }
   }
   return t;
 }
-const We = /* @__PURE__ */ new Set([
+const je = /* @__PURE__ */ new Set([
   "id"
-]), je = /* @__PURE__ */ new Set([
+]), Xe = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
-]), Ye = /* @__PURE__ */ new Set([
+]), ze = /* @__PURE__ */ new Set([
   "href",
   "hrefLang",
   "target",
@@ -78,281 +78,283 @@ const We = /* @__PURE__ */ new Set([
   "download",
   "ping",
   "referrerPolicy"
-]), ze = /^(data-.*)$/;
-function Xe(e, t = {}) {
-  let { labelable: o, isLink: r, propNames: a } = t, p = {};
-  for (const u in e) Object.prototype.hasOwnProperty.call(e, u) && (We.has(u) || o && je.has(u) || r && Ye.has(u) || a != null && a.has(u) || ze.test(u)) && (p[u] = e[u]);
-  return p;
+]), qe = /^(data-.*)$/;
+function Je(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]);
+  return d;
 }
-function U(e) {
-  if (qe()) e.focus({
+function R(e) {
+  if (Qe()) e.focus({
     preventScroll: !0
   });
   else {
-    let t = Je(e);
-    e.focus(), Qe(t);
+    let t = Ze(e);
+    e.focus(), et(t);
   }
 }
-let G = null;
-function qe() {
-  if (G == null) {
-    G = !1;
+let W = null;
+function Qe() {
+  if (W == null) {
+    W = !1;
     try {
       document.createElement("div").focus({
         get preventScroll() {
-          return G = !0, !0;
+          return W = !0, !0;
         }
       });
     } catch {
     }
   }
-  return G;
+  return W;
 }
-function Je(e) {
-  let t = e.parentNode, o = [], r = document.scrollingElement || document.documentElement;
-  for (; t instanceof HTMLElement && t !== r; )
-    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && o.push({
+function Ze(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({
       element: t,
       scrollTop: t.scrollTop,
       scrollLeft: t.scrollLeft
     }), t = t.parentNode;
-  return r instanceof HTMLElement && o.push({
-    element: r,
-    scrollTop: r.scrollTop,
-    scrollLeft: r.scrollLeft
-  }), o;
+  return o instanceof HTMLElement && r.push({
+    element: o,
+    scrollTop: o.scrollTop,
+    scrollLeft: o.scrollLeft
+  }), r;
 }
-function Qe(e) {
-  for (let { element: t, scrollTop: o, scrollLeft: r } of e)
-    t.scrollTop = o, t.scrollLeft = r;
+function et(e) {
+  for (let { element: t, scrollTop: r, scrollLeft: o } of e)
+    t.scrollTop = r, t.scrollLeft = o;
 }
-function Z(e) {
+function te(e) {
   var t;
-  return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((o) => e.test(o.brand))) || e.test(window.navigator.userAgent);
+  return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((r) => e.test(r.brand))) || e.test(window.navigator.userAgent);
 }
-function ue(e) {
+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 q() {
-  return ue(/^Mac/i);
-}
-function Ze() {
-  return ue(/^iPhone/i);
-}
-function xe() {
-  return ue(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  q() && navigator.maxTouchPoints > 1;
-}
-function Se() {
-  return Ze() || xe();
+function I(e) {
+  let t = null;
+  return () => (t == null && (t = e()), t);
 }
-function et() {
-  return Z(/AppleWebKit/i) && !tt();
-}
-function tt() {
-  return Z(/Chrome/i);
-}
-function Ne() {
-  return Z(/Android/i);
-}
-function nt() {
-  return Z(/Firefox/i);
-}
-function R(e, t, o = !0) {
-  var r, a;
-  let { metaKey: p, ctrlKey: u, altKey: d, shiftKey: _ } = t;
-  nt() && (!((a = window.event) === null || a === void 0 || (r = a.type) === null || r === void 0) && r.startsWith("key")) && e.target === "_blank" && (q() ? p = !0 : u = !0);
-  let h = et() && q() && !xe() ? new KeyboardEvent("keydown", {
+const Q = I(function() {
+  return de(/^Mac/i);
+}), tt = I(function() {
+  return de(/^iPhone/i);
+}), 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;
+}), Oe = I(function() {
+  return tt() || Ne();
+}), nt = I(function() {
+  return te(/AppleWebKit/i) && !ot();
+}), ot = I(function() {
+  return te(/Chrome/i);
+}), De = I(function() {
+  return te(/Android/i);
+}), rt = I(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", {
     keyIdentifier: "Enter",
-    metaKey: p,
+    metaKey: d,
     ctrlKey: u,
-    altKey: d,
-    shiftKey: _
+    altKey: p,
+    shiftKey: m
   }) : new MouseEvent("click", {
-    metaKey: p,
+    metaKey: d,
     ctrlKey: u,
-    altKey: d,
-    shiftKey: _,
+    altKey: p,
+    shiftKey: m,
     bubbles: !0,
     cancelable: !0
   });
-  R.isOpening = o, U(e), e.dispatchEvent(h), R.isOpening = !1;
+  V.isOpening = r, R(e), e.dispatchEvent(g), V.isOpening = !1;
 }
-R.isOpening = !1;
-let L = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Set();
-function de() {
+V.isOpening = !1;
+let F = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Set();
+function me() {
   if (typeof window > "u") return;
-  function e(r) {
-    return "propertyName" in r;
+  function e(o) {
+    return "propertyName" in o;
   }
-  let t = (r) => {
-    if (!e(r) || !r.target) return;
-    let a = L.get(r.target);
-    a || (a = /* @__PURE__ */ new Set(), L.set(r.target, a), r.target.addEventListener("transitioncancel", o, {
+  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, {
       once: !0
-    })), a.add(r.propertyName);
-  }, o = (r) => {
-    if (!e(r) || !r.target) return;
-    let a = L.get(r.target);
-    if (a && (a.delete(r.propertyName), a.size === 0 && (r.target.removeEventListener("transitioncancel", o), L.delete(r.target)), L.size === 0)) {
-      for (let p of ae) p();
-      ae.clear();
+    })), 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)) {
+      for (let d of le) d();
+      le.clear();
     }
   };
-  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", o);
+  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", r);
 }
-typeof document < "u" && (document.readyState !== "loading" ? de() : document.addEventListener("DOMContentLoaded", de));
-function ot(e) {
+typeof document < "u" && (document.readyState !== "loading" ? me() : document.addEventListener("DOMContentLoaded", me));
+function st(e) {
   requestAnimationFrame(() => {
-    L.size === 0 ? e() : ae.add(e);
+    F.size === 0 ? e() : le.add(e);
   });
 }
-function rt() {
-  let e = Q(/* @__PURE__ */ new Map()), t = Y((a, p, u, d) => {
-    let _ = d != null && d.once ? (...h) => {
-      e.current.delete(u), u(...h);
+function at() {
+  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);
     } : u;
     e.current.set(u, {
-      type: p,
+      type: d,
       eventTarget: a,
-      fn: _,
-      options: d
-    }), a.addEventListener(p, u, d);
-  }, []), o = Y((a, p, u, d) => {
-    var _;
-    let h = ((_ = e.current.get(u)) === null || _ === void 0 ? void 0 : _.fn) || u;
-    a.removeEventListener(p, h, d), e.current.delete(u);
-  }, []), r = Y(() => {
-    e.current.forEach((a, p) => {
-      o(a.eventTarget, a.type, p, a.options);
+      fn: m,
+      options: p
+    }), 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);
+  }, []), o = z(() => {
+    e.current.forEach((a, d) => {
+      r(a.eventTarget, a.type, d, a.options);
     });
   }, [
-    o
-  ]);
-  return X(() => r, [
     r
+  ]);
+  return J(() => o, [
+    o
   ]), {
     addGlobalListener: t,
-    removeGlobalListener: o,
-    removeAllGlobalListeners: r
+    removeGlobalListener: r,
+    removeAllGlobalListeners: o
   };
 }
-function st(e, t) {
-  Be(() => {
+function it(e, t) {
+  Pe(() => {
     if (e && e.ref && t)
       return e.ref.current = t.current, () => {
         e.ref && (e.ref.current = null);
       };
   });
 }
-function fe(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : Ne() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+function _e(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : De() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function at(e) {
-  return !Ne() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+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";
 }
-let M = "default", ie = "", z = /* @__PURE__ */ new WeakMap();
-function me(e) {
-  if (Se()) {
-    if (M === "default") {
-      const t = C(e);
-      ie = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
+let U = "default", ue = "", q = /* @__PURE__ */ new WeakMap();
+function be(e) {
+  if (Oe()) {
+    if (U === "default") {
+      const t = K(e);
+      ue = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
     }
-    M = "disabled";
-  } else (e instanceof HTMLElement || e instanceof SVGElement) && (z.set(e, e.style.userSelect), e.style.userSelect = "none");
+    U = "disabled";
+  } else (e instanceof HTMLElement || e instanceof SVGElement) && (q.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
-function V(e) {
-  if (Se()) {
-    if (M !== "disabled") return;
-    M = "restoring", setTimeout(() => {
-      ot(() => {
-        if (M === "restoring") {
-          const t = C(e);
-          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ie || ""), ie = "", M = "default";
+function Y(e) {
+  if (Oe()) {
+    if (U !== "disabled") return;
+    U = "restoring", setTimeout(() => {
+      st(() => {
+        if (U === "restoring") {
+          const t = K(e);
+          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ue || ""), ue = "", U = "default";
         }
       });
     }, 300);
-  } 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);
+  } 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);
   }
 }
-const Oe = we.createContext({
+const Ce = Be.createContext({
   register: () => {
   }
 });
-Oe.displayName = "PressResponderContext";
-function it(e, t) {
+Ce.displayName = "PressResponderContext";
+function ut(e, t) {
   return t.get ? t.get.call(e) : t.value;
 }
-function De(e, t, o) {
-  if (!t.has(e)) throw new TypeError("attempted to " + o + " private field on non-instance");
+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 lt(e, t) {
-  var o = De(e, t, "get");
-  return it(e, o);
+function ct(e, t) {
+  var r = Ke(e, t, "get");
+  return ut(e, r);
 }
-function ut(e, t) {
+function dt(e, t) {
   if (t.has(e))
     throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
-function ct(e, t, o) {
-  ut(e, t), t.set(e, o);
+function pt(e, t, r) {
+  dt(e, t), t.set(e, r);
 }
-function pt(e, t, o) {
-  if (t.set) t.set.call(e, o);
+function ft(e, t, r) {
+  if (t.set) t.set.call(e, r);
   else {
     if (!t.writable)
       throw new TypeError("attempted to set read only private field");
-    t.value = o;
+    t.value = r;
   }
 }
-function _e(e, t, o) {
-  var r = De(e, t, "set");
-  return pt(e, r, o), o;
+function ge(e, t, r) {
+  var o = Ke(e, t, "set");
+  return ft(e, o, r), r;
 }
-function dt(e) {
-  let t = Ke(Oe);
+function mt(e) {
+  let t = Le(Ce);
   if (t) {
-    let { register: o, ...r } = t;
-    e = H(r, e), o();
+    let { register: r, ...o } = t;
+    e = G(o, e), r();
   }
-  return st(t, e.ref), e;
+  return it(t, e.ref), e;
 }
-var W = /* @__PURE__ */ new WeakMap();
-class j {
+var j = /* @__PURE__ */ new WeakMap();
+class X {
   continuePropagation() {
-    _e(this, W, !1);
+    ge(this, j, !1);
   }
   get shouldStopPropagation() {
-    return lt(this, W);
+    return ct(this, j);
   }
-  constructor(t, o, r) {
-    ct(this, W, {
+  constructor(t, r, o, a) {
+    pt(this, j, {
       writable: !0,
       value: void 0
-    }), _e(this, W, !0), this.type = t, this.pointerType = o, this.target = r.currentTarget, this.shiftKey = r.shiftKey, this.metaKey = r.metaKey, this.ctrlKey = r.ctrlKey, this.altKey = r.altKey;
+    }), ge(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;
   }
 }
-const be = Symbol("linkClicked");
-function ft(e) {
+const ve = Symbol("linkClicked");
+function _t(e) {
   let {
     onPress: t,
-    onPressChange: o,
-    onPressStart: r,
+    onPressChange: r,
+    onPressStart: o,
     onPressEnd: a,
-    onPressUp: p,
+    onPressUp: d,
     isDisabled: u,
-    isPressed: d,
-    preventFocusOnPress: _,
-    shouldCancelOnPointerExit: h,
+    isPressed: p,
+    preventFocusOnPress: m,
+    shouldCancelOnPointerExit: g,
     allowTextSelectionOnPress: b,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ref: O,
-    ...P
-  } = dt(e), [m, $] = Ee(!1), w = Q({
+    ref: E,
+    ...x
+  } = mt(e), [_, P] = $e(!1), w = ee({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -362,164 +364,164 @@ function ft(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: T, removeAllGlobalListeners: x } = rt(), B = F((n, f) => {
-    let E = w.current;
-    if (u || E.didFirePressStart) return !1;
+  }), { addGlobalListener: B, removeAllGlobalListeners: S } = at(), $ = H((n, f) => {
+    let T = w.current;
+    if (u || T.didFirePressStart) return !1;
     let l = !0;
-    if (E.isTriggeringEvent = !0, r) {
-      let g = new j("pressstart", f, n);
-      r(g), l = g.shouldStopPropagation;
+    if (T.isTriggeringEvent = !0, o) {
+      let v = new X("pressstart", f, n);
+      o(v), l = v.shouldStopPropagation;
     }
-    return o && o(!0), E.isTriggeringEvent = !1, E.didFirePressStart = !0, $(!0), l;
-  }), k = F((n, f, E = !0) => {
+    return r && r(!0), T.isTriggeringEvent = !1, T.didFirePressStart = !0, P(!0), l;
+  }), k = H((n, f, T = !0) => {
     let l = w.current;
     if (!l.didFirePressStart) return !1;
     l.ignoreClickAfterPress = !0, l.didFirePressStart = !1, l.isTriggeringEvent = !0;
-    let g = !0;
+    let v = !0;
     if (a) {
-      let s = new j("pressend", f, n);
-      a(s), g = s.shouldStopPropagation;
+      let s = new X("pressend", f, n);
+      a(s), v = s.shouldStopPropagation;
     }
-    if (o && o(!1), $(!1), t && E && !u) {
-      let s = new j("press", f, n);
-      t(s), g && (g = s.shouldStopPropagation);
+    if (r && r(!1), P(!1), t && T && !u) {
+      let s = new X("press", f, n);
+      t(s), v && (v = s.shouldStopPropagation);
     }
-    return l.isTriggeringEvent = !1, g;
-  }), N = F((n, f) => {
-    let E = w.current;
+    return l.isTriggeringEvent = !1, v;
+  }), O = H((n, f) => {
+    let T = w.current;
     if (u) return !1;
-    if (p) {
-      E.isTriggeringEvent = !0;
-      let l = new j("pressup", f, n);
-      return p(l), E.isTriggeringEvent = !1, l.shouldStopPropagation;
+    if (d) {
+      T.isTriggeringEvent = !0;
+      let l = new X("pressup", f, n);
+      return d(l), T.isTriggeringEvent = !1, l.shouldStopPropagation;
     }
     return !0;
-  }), S = F((n) => {
+  }), 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, x(), b || V(f.target));
-  }), I = F((n) => {
-    h && S(n);
-  }), te = Te(() => {
+    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));
+  }), A = H((n) => {
+    g && N(n);
+  }), oe = Ee(() => {
     let n = w.current, f = {
       onKeyDown(l) {
-        if (ne(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
-          var g;
-          ve(l.target, l.key) && l.preventDefault();
+        if (re(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
+          var v;
+          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 i = l.currentTarget, y = (K) => {
-              ne(K, i) && !K.repeat && i.contains(K.target) && n.target && N(D(n.target, K), "keyboard");
+            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");
             };
-            T(C(l.currentTarget), "keyup", $e(y, E), !0);
+            B(K(l.currentTarget), "keyup", xe(y, T), !0);
           }
-          s && l.stopPropagation(), l.metaKey && q() && ((g = n.metaKeyEvents) === null || g === void 0 || g.set(l.key, l.nativeEvent));
+          s && l.stopPropagation(), l.metaKey && Q() && ((v = n.metaKeyEvents) === null || v === void 0 || v.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 && !R.isOpening) {
-          let g = !0;
-          if (u && l.preventDefault(), !n.ignoreClickAfterPress && !n.ignoreEmulatedMouseEvents && !n.isPressed && (n.pointerType === "virtual" || fe(l.nativeEvent))) {
-            !u && !_ && U(l.currentTarget);
-            let s = B(l, "virtual"), i = N(l, "virtual"), y = k(l, "virtual");
-            g = s && i && y;
+        if (!(l && !l.currentTarget.contains(l.target)) && l && l.button === 0 && !n.isTriggeringEvent && !V.isOpening) {
+          let v = !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;
           }
-          n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, g && l.stopPropagation();
+          n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, v && l.stopPropagation();
         }
       }
-    }, E = (l) => {
-      var g;
-      if (n.isPressed && n.target && ne(l, n.target)) {
+    }, T = (l) => {
+      var v;
+      if (n.isPressed && n.target && re(l, n.target)) {
         var s;
-        ve(l.target, l.key) && l.preventDefault();
+        ye(l.target, l.key) && l.preventDefault();
         let y = l.target;
-        k(D(n.target, l), "keyboard", n.target.contains(y)), x(), l.key !== "Enter" && ce(n.target) && n.target.contains(y) && !l[be] && (l[be] = !0, R(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
-      } else if (l.key === "Meta" && (!((g = n.metaKeyEvents) === null || g === void 0) && g.size)) {
+        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;
         n.metaKeyEvents = void 0;
-        for (let K of y.values()) (i = n.target) === null || i === void 0 || i.dispatchEvent(new KeyboardEvent("keyup", K));
+        for (let L of y.values()) (i = n.target) === null || i === void 0 || i.dispatchEvent(new KeyboardEvent("keyup", L));
       }
     };
     if (typeof PointerEvent < "u") {
       f.onPointerDown = (i) => {
         if (i.button !== 0 || !i.currentTarget.contains(i.target)) return;
-        if (at(i.nativeEvent)) {
+        if (lt(i.nativeEvent)) {
           n.pointerType = "virtual";
           return;
         }
-        oe(i.currentTarget) && i.preventDefault(), n.pointerType = i.pointerType;
+        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 && !_ && U(i.currentTarget), b || me(n.target), y = B(i, n.pointerType), T(C(i.currentTarget), "pointermove", l, !1), T(C(i.currentTarget), "pointerup", g, !1), T(C(i.currentTarget), "pointercancel", s, !1)), y && i.stopPropagation();
+        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();
       }, f.onMouseDown = (i) => {
-        i.currentTarget.contains(i.target) && i.button === 0 && (oe(i.currentTarget) && i.preventDefault(), i.stopPropagation());
+        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 && A(i, i.currentTarget) && N(i, n.pointerType || i.pointerType);
+        !i.currentTarget.contains(i.target) || n.pointerType === "virtual" || i.button === 0 && M(i, i.currentTarget) && O(i, n.pointerType || i.pointerType);
       };
       let l = (i) => {
-        i.pointerId === n.activePointerId && (n.target && A(i, n.target) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, B(D(n.target, i), n.pointerType)) : n.target && n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k(D(n.target, i), n.pointerType, !1), I(i)));
-      }, g = (i) => {
-        i.pointerId === n.activePointerId && n.isPressed && i.button === 0 && n.target && (A(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, x(), b || V(n.target));
+        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));
       }, s = (i) => {
-        S(i);
+        N(i);
       };
       f.onDragStart = (i) => {
-        i.currentTarget.contains(i.target) && S(i);
+        i.currentTarget.contains(i.target) && N(i);
       };
     } else {
       f.onMouseDown = (s) => {
         if (s.button !== 0 || !s.currentTarget.contains(s.target)) return;
-        if (oe(s.currentTarget) && s.preventDefault(), n.ignoreEmulatedMouseEvents) {
+        if (se(s.currentTarget) && s.preventDefault(), n.ignoreEmulatedMouseEvents) {
           s.stopPropagation();
           return;
         }
-        n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = fe(s.nativeEvent) ? "virtual" : "mouse", !u && !_ && U(s.currentTarget), B(s, n.pointerType) && s.stopPropagation(), T(C(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), $(s, n.pointerType) && s.stopPropagation(), B(K(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 = B(s, n.pointerType)), i && s.stopPropagation();
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, i = $(s, n.pointerType)), i && 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), I(s)), i && s.stopPropagation();
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, i = k(s, n.pointerType, !1), A(s)), i && s.stopPropagation();
       }, f.onMouseUp = (s) => {
-        s.currentTarget.contains(s.target) && !n.ignoreEmulatedMouseEvents && s.button === 0 && N(s, n.pointerType || "mouse");
+        s.currentTarget.contains(s.target) && !n.ignoreEmulatedMouseEvents && s.button === 0 && O(s, n.pointerType || "mouse");
       };
       let l = (s) => {
         if (s.button === 0) {
-          if (n.isPressed = !1, x(), n.ignoreEmulatedMouseEvents) {
+          if (n.isPressed = !1, S(), n.ignoreEmulatedMouseEvents) {
             n.ignoreEmulatedMouseEvents = !1;
             return;
           }
-          n.target && A(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(D(n.target, s), n.pointerType) : n.target && n.isOverTarget && n.pointerType != null && k(D(n.target, s), n.pointerType, !1), n.isOverTarget = !1;
         }
       };
       f.onTouchStart = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let i = mt(s.nativeEvent);
+        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 && !_ && U(s.currentTarget), b || me(n.target), B(s, n.pointerType) && s.stopPropagation(), T(se(s.currentTarget), "scroll", g, !0);
+        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);
       }, f.onTouchMove = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
         if (!n.isPressed) {
           s.stopPropagation();
           return;
         }
-        let i = ge(s.nativeEvent, n.activePointerId), y = !0;
-        i && A(i, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, y = B(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, y = k(s, n.pointerType, !1), I(s)), y && s.stopPropagation();
+        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();
       }, f.onTouchEnd = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
         if (!n.isPressed) {
           s.stopPropagation();
           return;
         }
-        let i = ge(s.nativeEvent, n.activePointerId), y = !0;
-        i && A(i, s.currentTarget) && n.pointerType != null ? (N(s, n.pointerType), y = k(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (y = k(s, n.pointerType, !1)), y && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !b && V(n.target), x();
+        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();
       }, f.onTouchCancel = (s) => {
-        s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && S(s));
+        s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && N(C(n.target, s)));
       };
-      let g = (s) => {
-        n.isPressed && s.target.contains(n.target) && S({
+      let v = (s) => {
+        n.isPressed && s.target.contains(n.target) && N({
           currentTarget: n.target,
           shiftKey: !1,
           ctrlKey: !1,
@@ -528,84 +530,99 @@ function ft(e) {
         });
       };
       f.onDragStart = (s) => {
-        s.currentTarget.contains(s.target) && S(s);
+        s.currentTarget.contains(s.target) && N(s);
       };
     }
     return f;
   }, [
-    T,
+    B,
     u,
-    _,
-    x,
-    b,
+    m,
     S,
-    I,
+    b,
+    N,
+    A,
     k,
-    B,
-    N
+    $,
+    O
   ]);
-  return X(() => () => {
+  return J(() => () => {
     var n;
-    b || V((n = w.current.target) !== null && n !== void 0 ? n : void 0);
+    b || Y((n = w.current.target) !== null && n !== void 0 ? n : void 0);
   }, [
     b
   ]), {
-    isPressed: d || m,
-    pressProps: H(P, te)
+    isPressed: p || _,
+    pressProps: G(x, oe)
   };
 }
-function ce(e) {
+function pe(e) {
   return e.tagName === "A" && e.hasAttribute("href");
 }
-function ne(e, t) {
-  const { key: o, code: r } = e, a = t, p = a.getAttribute("role");
-  return (o === "Enter" || o === " " || o === "Spacebar" || r === "Space") && !(a instanceof se(a).HTMLInputElement && !Ce(a, o) || a instanceof se(a).HTMLTextAreaElement || a.isContentEditable) && // Links should only trigger with Enter key
-  !((p === "link" || !p && ce(a)) && o !== "Enter");
+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
+  !((d === "link" || !d && pe(a)) && r !== "Enter");
 }
-function mt(e) {
+function bt(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
-function ge(e, t) {
-  const o = e.changedTouches;
-  for (let r = 0; r < o.length; r++) {
-    const a = o[r];
+function he(e, t) {
+  const r = e.changedTouches;
+  for (let o = 0; o < r.length; o++) {
+    const a = r[o];
     if (a.identifier === t) return a;
   }
   return null;
 }
+function C(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,
+    shiftKey: t.shiftKey,
+    ctrlKey: t.ctrlKey,
+    metaKey: t.metaKey,
+    altKey: t.altKey,
+    clientX: r,
+    clientY: o
+  };
+}
 function D(e, t) {
+  let r = t.clientX, o = t.clientY;
   return {
     currentTarget: e,
     shiftKey: t.shiftKey,
     ctrlKey: t.ctrlKey,
     metaKey: t.metaKey,
-    altKey: t.altKey
+    altKey: t.altKey,
+    clientX: r,
+    clientY: o
   };
 }
-function _t(e) {
-  let t = 0, o = 0;
-  return e.width !== void 0 ? t = e.width / 2 : e.radiusX !== void 0 && (t = e.radiusX), e.height !== void 0 ? o = e.height / 2 : e.radiusY !== void 0 && (o = e.radiusY), {
-    top: e.clientY - o,
+function gt(e) {
+  let t = 0, r = 0;
+  return e.width !== void 0 ? t = e.width / 2 : e.radiusX !== void 0 && (t = e.radiusX), e.height !== void 0 ? r = e.height / 2 : e.radiusY !== void 0 && (r = e.radiusY), {
+    top: e.clientY - r,
     right: e.clientX + t,
-    bottom: e.clientY + o,
+    bottom: e.clientY + r,
     left: e.clientX - t
   };
 }
-function bt(e, t) {
+function vt(e, t) {
   return !(e.left > t.right || t.left > e.right || e.top > t.bottom || t.top > e.bottom);
 }
-function A(e, t) {
-  let o = t.getBoundingClientRect(), r = _t(e);
-  return bt(o, r);
+function M(e, t) {
+  let r = t.getBoundingClientRect(), o = gt(e);
+  return vt(r, o);
 }
-function oe(e) {
+function se(e) {
   return !(e instanceof HTMLElement) || !e.hasAttribute("draggable");
 }
-function ve(e, t) {
-  return e instanceof HTMLInputElement ? !Ce(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !ce(e);
+function ye(e, t) {
+  return e instanceof HTMLInputElement ? !Ie(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !pe(e);
 }
-const gt = /* @__PURE__ */ new Set([
+const ht = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -616,261 +633,261 @@ const gt = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function Ce(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : gt.has(e.type);
+function Ie(e, t) {
+  return e.type === "checkbox" || e.type === "radio" ? t === " " : ht.has(e.type);
 }
-let J = !1, re = 0;
-function le() {
-  J = !0, setTimeout(() => {
-    J = !1;
+let Z = !1, ae = 0;
+function ce() {
+  Z = !0, setTimeout(() => {
+    Z = !1;
   }, 50);
 }
-function he(e) {
-  e.pointerType === "touch" && le();
+function ke(e) {
+  e.pointerType === "touch" && ce();
 }
-function vt() {
+function yt() {
   if (!(typeof document > "u"))
-    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", he) : document.addEventListener("touchend", le), re++, () => {
-      re--, !(re > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", he) : document.removeEventListener("touchend", le));
+    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 ht(e) {
-  let { onHoverStart: t, onHoverChange: o, onHoverEnd: r, isDisabled: a } = e, [p, u] = Ee(!1), d = Q({
+function kt(e) {
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: a } = e, [d, u] = $e(!1), p = ee({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
-  X(vt, []);
-  let { hoverProps: _, triggerHoverEnd: h } = Te(() => {
-    let b = (m, $) => {
-      if (d.pointerType = $, a || $ === "touch" || d.isHovered || !m.currentTarget.contains(m.target)) return;
-      d.isHovered = !0;
-      let w = m.currentTarget;
-      d.target = w, t && t({
+  J(yt, []);
+  let { hoverProps: m, triggerHoverEnd: g } = Ee(() => {
+    let b = (_, P) => {
+      if (p.pointerType = P, a || P === "touch" || p.isHovered || !_.currentTarget.contains(_.target)) return;
+      p.isHovered = !0;
+      let w = _.currentTarget;
+      p.target = w, t && t({
         type: "hoverstart",
         target: w,
-        pointerType: $
-      }), o && o(!0), u(!0);
-    }, O = (m, $) => {
-      if (d.pointerType = "", d.target = null, $ === "touch" || !d.isHovered) return;
-      d.isHovered = !1;
-      let w = m.currentTarget;
-      r && r({
+        pointerType: P
+      }), r && r(!0), u(!0);
+    }, E = (_, P) => {
+      if (p.pointerType = "", p.target = null, P === "touch" || !p.isHovered) return;
+      p.isHovered = !1;
+      let w = _.currentTarget;
+      o && o({
         type: "hoverend",
         target: w,
-        pointerType: $
-      }), o && o(!1), u(!1);
-    }, P = {};
-    return typeof PointerEvent < "u" ? (P.onPointerEnter = (m) => {
-      J && m.pointerType === "mouse" || b(m, m.pointerType);
-    }, P.onPointerLeave = (m) => {
-      !a && m.currentTarget.contains(m.target) && O(m, m.pointerType);
-    }) : (P.onTouchStart = () => {
-      d.ignoreEmulatedMouseEvents = !0;
-    }, P.onMouseEnter = (m) => {
-      !d.ignoreEmulatedMouseEvents && !J && b(m, "mouse"), d.ignoreEmulatedMouseEvents = !1;
-    }, P.onMouseLeave = (m) => {
-      !a && m.currentTarget.contains(m.target) && O(m, "mouse");
+        pointerType: P
+      }), r && r(!1), u(!1);
+    }, x = {};
+    return typeof PointerEvent < "u" ? (x.onPointerEnter = (_) => {
+      Z && _.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;
+    }, x.onMouseLeave = (_) => {
+      !a && _.currentTarget.contains(_.target) && E(_, "mouse");
     }), {
-      hoverProps: P,
-      triggerHoverEnd: O
+      hoverProps: x,
+      triggerHoverEnd: E
     };
   }, [
     t,
-    o,
     r,
+    o,
     a,
-    d
+    p
   ]);
-  return X(() => {
-    a && h({
-      currentTarget: d.target
-    }, d.pointerType);
+  return J(() => {
+    a && g({
+      currentTarget: p.target
+    }, p.pointerType);
   }, [
     a
   ]), {
-    hoverProps: _,
-    isHovered: p
+    hoverProps: m,
+    isHovered: d
   };
 }
-function yt(e, t) {
+function wt(e, t) {
   let {
-    elementType: o = "button",
-    isDisabled: r,
+    elementType: r = "button",
+    isDisabled: o,
     onPress: a,
-    onPressStart: p,
+    onPressStart: d,
     onPressEnd: u,
-    onPressUp: d,
-    onPressChange: _,
-    preventFocusOnPress: h,
+    onPressUp: p,
+    onPressChange: m,
+    preventFocusOnPress: g,
     allowFocusWhenDisabled: b,
     // @ts-ignore
-    onClick: O,
-    href: P,
-    target: m,
-    rel: $,
+    onClick: E,
+    href: x,
+    target: _,
+    rel: P,
     type: w = "button"
-  } = e, T;
-  o === "button" ? T = {
+  } = e, B;
+  r === "button" ? B = {
     type: w,
-    disabled: r
-  } : T = {
+    disabled: o
+  } : B = {
     role: "button",
-    tabIndex: r ? void 0 : 0,
-    href: o === "a" && r ? void 0 : P,
-    target: o === "a" ? m : void 0,
-    type: o === "input" ? w : void 0,
-    disabled: o === "input" ? r : void 0,
-    "aria-disabled": !r || o === "input" ? void 0 : r,
-    rel: o === "a" ? $ : void 0
+    tabIndex: o ? void 0 : 0,
+    href: r === "a" && o ? void 0 : x,
+    target: r === "a" ? _ : void 0,
+    type: r === "input" ? w : void 0,
+    disabled: r === "input" ? o : void 0,
+    "aria-disabled": !o || r === "input" ? void 0 : o,
+    rel: r === "a" ? P : void 0
   };
-  let { pressProps: x, isPressed: B } = ft({
-    onPressStart: p,
+  let { pressProps: S, isPressed: $ } = _t({
+    onPressStart: d,
     onPressEnd: u,
-    onPressChange: _,
+    onPressChange: m,
     onPress: a,
-    onPressUp: d,
-    isDisabled: r,
-    preventFocusOnPress: h,
+    onPressUp: p,
+    isDisabled: o,
+    preventFocusOnPress: g,
     ref: t
-  }), { focusableProps: k } = He(e, t);
-  b && (k.tabIndex = r ? -1 : k.tabIndex);
-  let N = H(k, x, Xe(e, {
+  }), { focusableProps: k } = Ge(e, t);
+  b && (k.tabIndex = o ? -1 : k.tabIndex);
+  let O = G(k, S, Je(e, {
     labelable: !0
   }));
   return {
-    isPressed: B,
-    buttonProps: H(T, N, {
+    isPressed: $,
+    buttonProps: G(B, O, {
       "aria-haspopup": e["aria-haspopup"],
       "aria-expanded": e["aria-expanded"],
       "aria-controls": e["aria-controls"],
       "aria-pressed": e["aria-pressed"],
-      onClick: (S) => {
-        O && (O(S), console.warn("onClick is deprecated, please use onPress"));
+      onClick: (N) => {
+        E && (E(N), console.warn("onClick is deprecated, please use onPress"));
       }
     })
   };
 }
-function kt(e, t, o) {
+function Tt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
-    value: o,
+    value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[t] = o, e;
+  }) : e[t] = r, e;
 }
-function ye(e, t) {
-  var o = Object.keys(e);
+function we(e, t) {
+  var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    t && (r = r.filter(function(a) {
+    var o = Object.getOwnPropertySymbols(e);
+    t && (o = o.filter(function(a) {
       return Object.getOwnPropertyDescriptor(e, a).enumerable;
-    })), o.push.apply(o, r);
+    })), r.push.apply(r, o);
   }
-  return o;
+  return r;
 }
-function ke(e) {
+function Te(e) {
   for (var t = 1; t < arguments.length; t++) {
-    var o = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? ye(Object(o), !0).forEach(function(r) {
-      kt(e, r, o[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : ye(Object(o)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(o, r));
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? we(Object(r), !0).forEach(function(o) {
+      Tt(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 wt = (e, t, o) => {
-  for (var r of Object.keys(e)) {
+var Bt = (e, t, r) => {
+  for (var o of Object.keys(e)) {
     var a;
-    if (e[r] !== ((a = t[r]) !== null && a !== void 0 ? a : o[r]))
+    if (e[o] !== ((a = t[o]) !== null && a !== void 0 ? a : r[o]))
       return !1;
   }
   return !0;
-}, ee = (e) => (t) => {
-  var o = e.defaultClassName, r = ke(ke({}, e.defaultVariants), t);
-  for (var a in r) {
-    var p, u = (p = r[a]) !== null && p !== void 0 ? p : e.defaultVariants[a];
+}, ne = (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];
     if (u != null) {
-      var d = u;
-      typeof d == "boolean" && (d = d === !0 ? "true" : "false");
-      var _ = (
+      var p = u;
+      typeof p == "boolean" && (p = p === !0 ? "true" : "false");
+      var m = (
         // @ts-expect-error
-        e.variantClassNames[a][d]
+        e.variantClassNames[a][p]
       );
-      _ && (o += " " + _);
+      m && (r += " " + m);
     }
   }
-  for (var [h, b] of e.compoundVariants)
-    wt(h, r, e.defaultVariants) && (o += " " + b);
-  return o;
-}, Et = ee({ defaultClassName: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyg"]] }), Tt = ee({ defaultClassName: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyh", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyi", false: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyj" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyk", default: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyl", delete: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxym", key: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyn", confirm: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyo", link: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyp" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyq", false: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Bt = "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy11", $t = ee({ defaultClassName: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy12", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy13", false: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), Pt = ee({ defaultClassName: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxys", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyt", false: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyu" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyv", default: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyw", delete: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyx", key: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyy", confirm: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxyz", link: "pkg_sps-woodland_buttons__version_8_17_2__hash_125pcxy10" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
-function xt({
+  for (var [g, b] of e.compoundVariants)
+    Bt(g, o, e.defaultVariants) && (r += " " + b);
+  return r;
+}, $t = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyg"]] }), Et = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyh", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyi", false: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyj" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyk", default: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyl", delete: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxym", key: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyn", confirm: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyo", link: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyp" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyq", false: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Pt = "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy11", xt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy12", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy13", false: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), St = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxys", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyt", false: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyu" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyv", default: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyw", delete: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyx", key: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyy", confirm: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxyz", link: "pkg_sps-woodland_buttons__version_8_19_0__hash_125pcxy10" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+function Nt({
   as: e,
   onClick: t,
-  onPress: o,
-  children: r,
+  onPress: r,
+  children: o,
   className: a,
-  isDisabled: p,
+  isDisabled: d,
   disabled: u,
-  href: d,
-  icon: _,
-  kind: h = "default",
+  href: p,
+  icon: m,
+  kind: g = "default",
   spinning: b,
-  spinningTitle: O,
-  title: P,
-  ...m
-}, $) {
-  const w = e ?? (d ? "a" : "button"), T = {
-    onPress: o ?? t,
+  spinningTitle: E,
+  title: x,
+  ..._
+}, P) {
+  const w = e ?? (p ? "a" : "button"), B = {
+    onPress: r ?? t,
     // the button element should be disabled if the button is marked as disabled or spinning
-    isDisabled: u ?? p ?? b,
-    ...m
-  }, { "data-testid": x } = m, B = $ || c.useRef(null), { buttonProps: k } = yt(T, B), { hoverProps: N } = ht({ isDisabled: T.isDisabled }), { type: S, ...I } = k, te = {
-    ...H(I, N),
-    ref: B,
-    title: P,
-    className: d ? Pt({ spinning: b, kind: h }) : Tt({ disabled: p || u, kind: h, spinning: b }),
-    ...d ? { href: d } : { type: S },
-    ...m
-  }, { t: n } = c.useContext(Le), f = _ && /* @__PURE__ */ c.createElement(
-    Ue,
+    isDisabled: u ?? d ?? b,
+    ..._
+  }, { "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: $,
+    title: x,
+    className: p ? St({ spinning: b, kind: g }) : Et({ disabled: d || u, kind: g, spinning: b }),
+    ...p ? { href: p } : { type: N },
+    ..._
+  }, { t: n } = c.useContext(Fe), f = m && /* @__PURE__ */ c.createElement(
+    Re,
     {
-      className: Bt,
-      icon: _,
+      className: Pt,
+      icon: m,
       "aria-hidden": "true",
-      "data-testid": `${x}__${_}-icon`
+      "data-testid": `${S}__${m}-icon`
     }
   );
-  let E;
-  h === "default" || h === "icon" || h === "link" ? E = "dark" : E = "light";
+  let T;
+  g === "default" || g === "icon" || g === "link" ? T = "dark" : T = "light";
   const l = b && /* @__PURE__ */ c.createElement(
-    Me,
+    Ue,
     {
-      color: E,
-      className: $t({ spinning: b }),
-      title: O || n("design-system:button.spinningTitle"),
-      "data-testid": `${x}__spinner`
+      color: T,
+      className: xt({ spinning: b }),
+      title: E || n("design-system:button.spinningTitle"),
+      "data-testid": `${S}__spinner`
     }
   );
-  return /* @__PURE__ */ c.createElement(Re, null, /* @__PURE__ */ c.createElement(
+  return /* @__PURE__ */ c.createElement(Ve, null, /* @__PURE__ */ c.createElement(
     "div",
     {
-      className: Fe(
-        Et({
-          disabled: p || u,
-          kind: h,
+      className: He(
+        $t({
+          disabled: d || u,
+          kind: g,
           spinning: b
         }),
         a
       )
     },
-    /* @__PURE__ */ c.createElement(w, { ...te }, f, r ? /* @__PURE__ */ c.createElement("span", null, r) : "", l)
+    /* @__PURE__ */ c.createElement(w, { ...oe }, f, o ? /* @__PURE__ */ c.createElement("span", null, o) : "", l)
   ));
 }
-const Ie = c.forwardRef(xt);
-Ae.set(Ie, {
+const Ae = c.forwardRef(Nt);
+Me.set(Ae, {
   name: "Button",
   props: {
     disabled: "boolean",
@@ -886,8 +903,8 @@ Ae.set(Ie, {
   },
   panellable: !0
 });
-const St = {
-  components: [Ie],
+const Ot = {
+  components: [Ae],
   description: () => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, "Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."), /* @__PURE__ */ c.createElement("br", null), /* @__PURE__ */ c.createElement("h5", null, "Variants"), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Default: "), "For tertiary actions or actions of lower importance on a page."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Key: "), "For primary or important actions on a page."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Confirm: "), "For the main call to action on a page. There should only be one Confirm button per screen."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Delete: "), "For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "Disabled: "), "For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it’s disabled."), /* @__PURE__ */ c.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ c.createElement("span", { className: "sps-text-semibold" }, "With an Icon: "), "For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),
   examples: {
     basic: {
@@ -896,7 +913,7 @@ const St = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -915,7 +932,7 @@ const St = {
         },
         withIcons: {
           description: "With Icons",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -934,7 +951,7 @@ const St = {
         },
         spinning: {
           description: "Spinning",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -958,7 +975,7 @@ const St = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: v`
+          react: h`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1000,7 +1017,7 @@ const St = {
         },
         withIcons: {
           description: "With Icons",
-          react: v`
+          react: h`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1047,7 +1064,7 @@ const St = {
         },
         spinning: {
           description: "Spinning",
-          react: v`
+          react: h`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1093,7 +1110,7 @@ const St = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: v`
+          react: h`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1123,7 +1140,7 @@ const St = {
         },
         withIcons: {
           description: "With Icons",
-          react: v`
+          react: h`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1171,7 +1188,7 @@ const St = {
       examples: {
         standard: {
           description: "Standard Icon Buttons",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1194,7 +1211,7 @@ const St = {
         },
         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: v`
+          react: h`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1212,7 +1229,7 @@ const St = {
         },
         spinner: {
           description: "Spinner",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1232,7 +1249,7 @@ const St = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1249,7 +1266,7 @@ const St = {
         },
         withIcons: {
           description: "With Icons",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1266,7 +1283,7 @@ const St = {
         },
         spinner: {
           description: "Spinner",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1285,7 +1302,7 @@ const St = {
       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: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1313,7 +1330,7 @@ const St = {
       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: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1335,7 +1352,7 @@ const St = {
       examples: {
         basic: {
           description: "Basic Button Groups",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1351,7 +1368,7 @@ const St = {
         },
         icon: {
           description: "Icon Button Groups",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1366,7 +1383,7 @@ const St = {
         },
         textAndIcons: {
           description: "Text Buttons + Icon Buttons Group",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1385,7 +1402,7 @@ const St = {
         },
         textAndBasic: {
           description: "Text Buttons + Basic Buttons Group",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1405,7 +1422,7 @@ const St = {
         },
         iconsAndBasic: {
           description: "Icon Buttons + Basic Buttons Group",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1426,7 +1443,7 @@ const St = {
         },
         textIconsAndBasic: {
           description: "Text Buttons + Icon Buttons + Basic Buttons Group",
-          react: v`
+          react: h`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1450,10 +1467,10 @@ const St = {
       }
     }
   }
-}, It = {
-  Buttons: St
+}, At = {
+  Buttons: Ot
 };
 export {
-  Ie as Button,
-  It as MANIFEST
+  Ae as Button,
+  At as MANIFEST
 };