@sps-woodland/buttons 8.50.2 → 8.51.0

package/lib/index.js

@@ -1,1422 +1,18 @@
-import * as f from "react";
-import _e, { useRef as Z, useCallback as x, useEffect as z, useState as fe, useMemo as at, useContext as lt } from "react";
-import { Spinner as Bt, cl as St, Metadata as Lt, Icon as Re } from "@sps-woodland/core";
-import { flushSync as Nt } from "react-dom";
-import { FocusRing as Dt } from "@react-aria/focus";
-import { useWoodlandLanguage as Ct } from "@spscommerce/i18n";
-import { code as E } from "@spscommerce/utils";
-const oe = typeof document < "u" ? _e.useLayoutEffect : () => {
-};
-let Be = /* @__PURE__ */ new Map();
-typeof FinalizationRegistry < "u" && new FinalizationRegistry((e) => {
-  Be.delete(e);
-});
-function At(e, t) {
-  if (e === t) return e;
-  let n = Be.get(e);
-  if (n)
-    return n.forEach((i) => i.current = t), t;
-  let r = Be.get(t);
-  return r ? (r.forEach((i) => i.current = e), e) : t;
-}
-function ut(...e) {
-  return (...t) => {
-    for (let n of e) typeof n == "function" && n(...t);
-  };
-}
-const P = (e) => {
-  var t;
-  return (t = e?.ownerDocument) !== null && t !== void 0 ? t : document;
-}, M = (e) => e && "window" in e && e.window === e ? e : P(e).defaultView || window;
-function It(e) {
-  return e !== null && typeof e == "object" && "nodeType" in e && typeof e.nodeType == "number";
-}
-function Mt(e) {
-  return It(e) && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in e;
-}
-let Kt = !1;
-function Ae() {
-  return Kt;
-}
-function y(e, t) {
-  if (!Ae()) return t && e ? e.contains(t) : !1;
-  if (!e || !t) return !1;
-  let n = t;
-  for (; n !== null; ) {
-    if (n === e) return !0;
-    n.tagName === "SLOT" && n.assignedSlot ? n = n.assignedSlot.parentNode : Mt(n) ? n = n.host : n = n.parentNode;
-  }
-  return !1;
-}
-const q = (e = document) => {
-  var t;
-  if (!Ae()) return e.activeElement;
-  let n = e.activeElement;
-  for (; n && "shadowRoot" in n && (!((t = n.shadowRoot) === null || t === void 0) && t.activeElement); ) n = n.shadowRoot.activeElement;
-  return n;
-};
-function b(e) {
-  if (Ae() && e.target instanceof Element && e.target.shadowRoot) {
-    var t, n;
-    if ("composedPath" in e) return (t = e.composedPath()[0]) !== null && t !== void 0 ? t : null;
-    if ("composedPath" in e.nativeEvent) return (n = e.nativeEvent.composedPath()[0]) !== null && n !== void 0 ? n : null;
-  }
-  return e.target;
-}
-function Ft(...e) {
-  return e.length === 1 && e[0] ? e[0] : (t) => {
-    let n = !1;
-    const r = e.map((i) => {
-      const l = He(i, t);
-      return n || (n = typeof l == "function"), l;
-    });
-    if (n) return () => {
-      r.forEach((i, l) => {
-        typeof i == "function" ? i() : He(e[l], null);
-      });
-    };
-  };
-}
-function He(e, t) {
-  if (typeof e == "function") return e(t);
-  e != null && (e.current = t);
-}
-function ct(e) {
-  var t, n, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var i = e.length;
-    for (t = 0; t < i; t++) e[t] && (n = ct(e[t])) && (r && (r += " "), r += n);
-  } else for (n in e) e[n] && (r && (r += " "), r += n);
-  return r;
-}
-function Vt() {
-  for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = ct(e)) && (r && (r += " "), r += t);
-  return r;
-}
-function j(...e) {
-  let t = {
-    ...e[0]
-  };
-  for (let n = 1; n < e.length; n++) {
-    let r = e[n];
-    for (let i in r) {
-      let l = t[i], u = r[i];
-      typeof l == "function" && typeof u == "function" && // This is a lot faster than a regex.
-      i[0] === "o" && i[1] === "n" && i.charCodeAt(2) >= /* 'A' */
-      65 && i.charCodeAt(2) <= /* 'Z' */
-      90 ? t[i] = ut(l, u) : (i === "className" || i === "UNSAFE_className") && typeof l == "string" && typeof u == "string" ? t[i] = Vt(l, u) : i === "id" && l && u ? t.id = At(l, u) : i === "ref" && l && u ? t.ref = Ft(l, u) : t[i] = u !== void 0 ? u : l;
-    }
-  }
-  return t;
-}
-const Ut = /* @__PURE__ */ new Set([
-  "id"
-]), Rt = /* @__PURE__ */ new Set([
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby",
-  "aria-details"
-]), Ht = /* @__PURE__ */ new Set([
-  "href",
-  "hrefLang",
-  "target",
-  "rel",
-  "download",
-  "ping",
-  "referrerPolicy"
-]), Gt = /* @__PURE__ */ new Set([
-  "dir",
-  "lang",
-  "hidden",
-  "inert",
-  "translate"
-]), Ge = /* @__PURE__ */ new Set([
-  "onClick",
-  "onAuxClick",
-  "onContextMenu",
-  "onDoubleClick",
-  "onMouseDown",
-  "onMouseEnter",
-  "onMouseLeave",
-  "onMouseMove",
-  "onMouseOut",
-  "onMouseOver",
-  "onMouseUp",
-  "onTouchCancel",
-  "onTouchEnd",
-  "onTouchMove",
-  "onTouchStart",
-  "onPointerDown",
-  "onPointerMove",
-  "onPointerUp",
-  "onPointerCancel",
-  "onPointerEnter",
-  "onPointerLeave",
-  "onPointerOver",
-  "onPointerOut",
-  "onGotPointerCapture",
-  "onLostPointerCapture",
-  "onScroll",
-  "onWheel",
-  "onAnimationStart",
-  "onAnimationEnd",
-  "onAnimationIteration",
-  "onTransitionCancel",
-  "onTransitionEnd",
-  "onTransitionRun",
-  "onTransitionStart"
-]), jt = /^(data-.*)$/;
-function Wt(e, t = {}) {
-  let { labelable: n, isLink: r, global: i, events: l = i, propNames: u } = t, a = {};
-  for (const c in e) Object.prototype.hasOwnProperty.call(e, c) && (Ut.has(c) || n && Rt.has(c) || r && Ht.has(c) || i && Gt.has(c) || l && (Ge.has(c) || c.endsWith("Capture") && Ge.has(c.slice(0, -7))) || u?.has(c) || jt.test(c)) && (a[c] = e[c]);
-  return a;
-}
-function J(e) {
-  if (Yt()) e.focus({
-    preventScroll: !0
-  });
-  else {
-    let t = Xt(e);
-    e.focus(), zt(t);
-  }
-}
-let le = null;
-function Yt() {
-  if (le == null) {
-    le = !1;
-    try {
-      document.createElement("div").focus({
-        get preventScroll() {
-          return le = !0, !0;
-        }
-      });
-    } catch {
-    }
-  }
-  return le;
-}
-function Xt(e) {
-  let t = e.parentNode, n = [], r = document.scrollingElement || document.documentElement;
-  for (; t instanceof HTMLElement && t !== r; )
-    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && n.push({
-      element: t,
-      scrollTop: t.scrollTop,
-      scrollLeft: t.scrollLeft
-    }), t = t.parentNode;
-  return r instanceof HTMLElement && n.push({
-    element: r,
-    scrollTop: r.scrollTop,
-    scrollLeft: r.scrollLeft
-  }), n;
-}
-function zt(e) {
-  for (let { element: t, scrollTop: n, scrollLeft: r } of e)
-    t.scrollTop = n, t.scrollLeft = r;
-}
-function he(e) {
-  var t;
-  if (typeof window > "u" || window.navigator == null) return !1;
-  let n = (t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands;
-  return Array.isArray(n) && n.some((r) => e.test(r.brand)) || e.test(window.navigator.userAgent);
-}
-function Ie(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 K(e) {
-  if (process.env.NODE_ENV === "test") return e;
-  let t = null;
-  return () => (t == null && (t = e()), t);
-}
-const Q = K(function() {
-  return Ie(/^Mac/i);
-}), qt = K(function() {
-  return Ie(/^iPhone/i);
-}), dt = K(function() {
-  return Ie(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  Q() && navigator.maxTouchPoints > 1;
-}), Me = K(function() {
-  return qt() || dt();
-});
-K(function() {
-  return Q() || Me();
-});
-const Jt = K(function() {
-  return he(/AppleWebKit/i) && !Qt();
-}), Qt = K(function() {
-  return he(/Chrome/i);
-}), pt = K(function() {
-  return he(/Android/i);
-}), Zt = K(function() {
-  return he(/Firefox/i);
-});
-function W(e, t, n = !0) {
-  var r, i;
-  let { metaKey: l, ctrlKey: u, altKey: a, shiftKey: c } = t;
-  Zt() && (!((i = window.event) === null || i === void 0 || (r = i.type) === null || r === void 0) && r.startsWith("key")) && e.target === "_blank" && (Q() ? l = !0 : u = !0);
-  let v = Jt() && Q() && !dt() && process.env.NODE_ENV !== "test" ? new KeyboardEvent("keydown", {
-    keyIdentifier: "Enter",
-    metaKey: l,
-    ctrlKey: u,
-    altKey: a,
-    shiftKey: c
-  }) : new MouseEvent("click", {
-    metaKey: l,
-    ctrlKey: u,
-    altKey: a,
-    shiftKey: c,
-    detail: 1,
-    bubbles: !0,
-    cancelable: !0
-  });
-  W.isOpening = n, J(e), e.dispatchEvent(v), W.isOpening = !1;
-}
-W.isOpening = !1;
-let U = /* @__PURE__ */ new Map(), Se = /* @__PURE__ */ new Set();
-function je() {
-  if (typeof window > "u") return;
-  function e(r) {
-    return "propertyName" in r;
-  }
-  let t = (r) => {
-    let i = b(r);
-    if (!e(r) || !i) return;
-    let l = U.get(i);
-    l || (l = /* @__PURE__ */ new Set(), U.set(i, l), i.addEventListener("transitioncancel", n, {
-      once: !0
-    })), l.add(r.propertyName);
-  }, n = (r) => {
-    let i = b(r);
-    if (!e(r) || !i) return;
-    let l = U.get(i);
-    if (l && (l.delete(r.propertyName), l.size === 0 && (i.removeEventListener("transitioncancel", n), U.delete(i)), U.size === 0)) {
-      for (let u of Se) u();
-      Se.clear();
-    }
-  };
-  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", n);
-}
-typeof document < "u" && (document.readyState !== "loading" ? je() : document.addEventListener("DOMContentLoaded", je));
-function en() {
-  for (const [e] of U)
-    "isConnected" in e && !e.isConnected && U.delete(e);
-}
-function ft(e) {
-  requestAnimationFrame(() => {
-    en(), U.size === 0 ? e() : Se.add(e);
-  });
-}
-function mt() {
-  let e = Z(/* @__PURE__ */ new Map()), t = x((i, l, u, a) => {
-    let c = a?.once ? (...v) => {
-      e.current.delete(u), u(...v);
-    } : u;
-    e.current.set(u, {
-      type: l,
-      eventTarget: i,
-      fn: c,
-      options: a
-    }), i.addEventListener(l, c, a);
-  }, []), n = x((i, l, u, a) => {
-    var c;
-    let v = ((c = e.current.get(u)) === null || c === void 0 ? void 0 : c.fn) || u;
-    i.removeEventListener(l, v, a), e.current.delete(u);
-  }, []), r = x(() => {
-    e.current.forEach((i, l) => {
-      n(i.eventTarget, i.type, l, i.options);
-    });
-  }, [
-    n
-  ]);
-  return z(() => r, [
-    r
-  ]), {
-    addGlobalListener: t,
-    removeGlobalListener: n,
-    removeAllGlobalListeners: r
-  };
-}
-var Te;
-const tn = (Te = _e.useInsertionEffect) !== null && Te !== void 0 ? Te : oe;
-function ue(e) {
-  const t = Z(null);
-  return tn(() => {
-    t.current = e;
-  }, [
-    e
-  ]), x((...n) => {
-    const r = t.current;
-    return r?.(...n);
-  }, []);
-}
-function bt(e, t) {
-  oe(() => {
-    if (e && e.ref && t)
-      return e.ref.current = t.current, () => {
-        e.ref && (e.ref.current = null);
-      };
-  });
-}
-function Le(e) {
-  return e.pointerType === "" && e.isTrusted ? !0 : pt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
-}
-function nn(e) {
-  return !pt() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
-}
-const on = typeof Element < "u" && "checkVisibility" in Element.prototype;
-function rn(e) {
-  const t = M(e);
-  if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement)) return !1;
-  let { display: n, visibility: r } = e.style, i = n !== "none" && r !== "hidden" && r !== "collapse";
-  if (i) {
-    const { getComputedStyle: l } = e.ownerDocument.defaultView;
-    let { display: u, visibility: a } = l(e);
-    i = u !== "none" && a !== "hidden" && a !== "collapse";
-  }
-  return i;
-}
-function sn(e, t) {
-  return !e.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
-  !e.hasAttribute("data-react-aria-prevent-focus") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
-}
-function vt(e, t) {
-  return on ? e.checkVisibility({
-    visibilityProperty: !0
-  }) && !e.closest("[data-react-aria-prevent-focus]") : e.nodeName !== "#comment" && rn(e) && sn(e, t) && (!e.parentElement || vt(e.parentElement, e));
-}
-const gt = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  '[contenteditable]:not([contenteditable^="false"])',
-  "permission"
-], an = gt.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-gt.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-function ln(e) {
-  return e.matches(an) && vt(e) && !un(e);
-}
-function un(e) {
-  let t = e;
-  for (; t != null; ) {
-    if (t instanceof t.ownerDocument.defaultView.HTMLElement && t.inert) return !0;
-    t = t.parentElement;
-  }
-  return !1;
-}
-function _t(e) {
-  let t = e;
-  return t.nativeEvent = e, t.isDefaultPrevented = () => t.defaultPrevented, t.isPropagationStopped = () => t.cancelBubble, t.persist = () => {
-  }, t;
-}
-function cn(e, t) {
-  Object.defineProperty(e, "target", {
-    value: t
-  }), Object.defineProperty(e, "currentTarget", {
-    value: t
-  });
-}
-function dn(e) {
-  let t = Z({
-    isFocused: !1,
-    observer: null
-  });
-  return oe(() => {
-    const n = t.current;
-    return () => {
-      n.observer && (n.observer.disconnect(), n.observer = null);
-    };
-  }, []), x((n) => {
-    let r = b(n);
-    if (r instanceof HTMLButtonElement || r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement) {
-      t.current.isFocused = !0;
-      let i = r, l = (u) => {
-        if (t.current.isFocused = !1, i.disabled) {
-          let a = _t(u);
-          e?.(a);
-        }
-        t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
-      };
-      i.addEventListener("focusout", l, {
-        once: !0
-      }), t.current.observer = new MutationObserver(() => {
-        if (t.current.isFocused && i.disabled) {
-          var u;
-          (u = t.current.observer) === null || u === void 0 || u.disconnect();
-          let a = i === q() ? null : q();
-          i.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: a
-          })), i.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: !0,
-            relatedTarget: a
-          }));
-        }
-      }), t.current.observer.observe(i, {
-        attributes: !0,
-        attributeFilter: [
-          "disabled"
-        ]
-      });
-    }
-  }, [
-    e
-  ]);
-}
-let be = !1;
-function We(e) {
-  for (; e && !ln(e); ) e = e.parentElement;
-  let t = M(e), n = t.document.activeElement;
-  if (!n || n === e) return;
-  be = !0;
-  let r = !1, i = (g) => {
-    (b(g) === n || r) && g.stopImmediatePropagation();
-  }, l = (g) => {
-    (b(g) === n || r) && (g.stopImmediatePropagation(), !e && !r && (r = !0, J(n), c()));
-  }, u = (g) => {
-    (b(g) === e || r) && g.stopImmediatePropagation();
-  }, a = (g) => {
-    (b(g) === e || r) && (g.stopImmediatePropagation(), r || (r = !0, J(n), c()));
-  };
-  t.addEventListener("blur", i, !0), t.addEventListener("focusout", l, !0), t.addEventListener("focusin", a, !0), t.addEventListener("focus", u, !0);
-  let c = () => {
-    cancelAnimationFrame(v), t.removeEventListener("blur", i, !0), t.removeEventListener("focusout", l, !0), t.removeEventListener("focusin", a, !0), t.removeEventListener("focus", u, !0), be = !1, r = !1;
-  }, v = requestAnimationFrame(c);
-  return c;
-}
-let X = "default", Ne = "", me = /* @__PURE__ */ new WeakMap();
-function Ye(e) {
-  if (Me()) {
-    if (X === "default") {
-      const t = P(e);
-      Ne = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
-    }
-    X = "disabled";
-  } else if (e instanceof HTMLElement || e instanceof SVGElement) {
-    let t = "userSelect" in e.style ? "userSelect" : "webkitUserSelect";
-    me.set(e, e.style[t]), e.style[t] = "none";
-  }
-}
-function Oe(e) {
-  if (Me()) {
-    if (X !== "disabled") return;
-    X = "restoring", setTimeout(() => {
-      ft(() => {
-        if (X === "restoring") {
-          const t = P(e);
-          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = Ne || ""), Ne = "", X = "default";
-        }
-      });
-    }, 300);
-  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && me.has(e)) {
-    let t = me.get(e), n = "userSelect" in e.style ? "userSelect" : "webkitUserSelect";
-    e.style[n] === "none" && (e.style[n] = t), e.getAttribute("style") === "" && e.removeAttribute("style"), me.delete(e);
-  }
-}
-const ht = _e.createContext({
-  register: () => {
-  }
-});
-ht.displayName = "PressResponderContext";
-function pn(e, t) {
-  return t.get ? t.get.call(e) : t.value;
-}
-function yt(e, t, n) {
-  if (!t.has(e)) throw new TypeError("attempted to " + n + " private field on non-instance");
-  return t.get(e);
-}
-function fn(e, t) {
-  var n = yt(e, t, "get");
-  return pn(e, n);
-}
-function mn(e, t) {
-  if (t.has(e))
-    throw new TypeError("Cannot initialize the same private elements twice on an object");
-}
-function bn(e, t, n) {
-  mn(e, t), t.set(e, n);
-}
-function vn(e, t, n) {
-  if (t.set) t.set.call(e, n);
-  else {
-    if (!t.writable)
-      throw new TypeError("attempted to set read only private field");
-    t.value = n;
-  }
-}
-function Xe(e, t, n) {
-  var r = yt(e, t, "set");
-  return vn(e, r, n), n;
-}
-function gn(e) {
-  let t = lt(ht);
-  if (t) {
-    let { register: n, ref: r, ...i } = t;
-    e = j(i, e), n();
-  }
-  return bt(t, e.ref), e;
-}
-var ce = /* @__PURE__ */ new WeakMap();
-class de {
-  continuePropagation() {
-    Xe(this, ce, !1);
-  }
-  get shouldStopPropagation() {
-    return fn(this, ce);
-  }
-  constructor(t, n, r, i) {
-    bn(this, ce, {
-      writable: !0,
-      value: void 0
-    }), Xe(this, ce, !0);
-    var l;
-    let u = (l = i?.target) !== null && l !== void 0 ? l : r.currentTarget;
-    const a = u?.getBoundingClientRect();
-    let c, v = 0, g, k = null;
-    r.clientX != null && r.clientY != null && (g = r.clientX, k = r.clientY), a && (g != null && k != null ? (c = g - a.left, v = k - a.top) : (c = a.width / 2, v = a.height / 2)), this.type = t, this.pointerType = n, this.target = r.currentTarget, this.shiftKey = r.shiftKey, this.metaKey = r.metaKey, this.ctrlKey = r.ctrlKey, this.altKey = r.altKey, this.x = c, this.y = v, this.key = r.key;
-  }
-}
-const ze = /* @__PURE__ */ Symbol("linkClicked"), qe = "react-aria-pressable-style", Je = "data-react-aria-pressable";
-function _n(e) {
-  let { onPress: t, onPressChange: n, onPressStart: r, onPressEnd: i, onPressUp: l, onClick: u, isDisabled: a, isPressed: c, preventFocusOnPress: v, shouldCancelOnPointerExit: g, allowTextSelectionOnPress: k, ref: C, ...L } = gn(e), [N, h] = fe(!1), $ = Z({
-    isPressed: !1,
-    ignoreEmulatedMouseEvents: !1,
-    didFirePressStart: !1,
-    isTriggeringEvent: !1,
-    activePointerId: null,
-    target: null,
-    isOverTarget: !1,
-    pointerType: null,
-    disposables: []
-  }), { addGlobalListener: w, removeAllGlobalListeners: T, removeGlobalListener: O } = mt(), B = x((o, d) => {
-    let s = $.current;
-    if (a || s.didFirePressStart) return !1;
-    let p = !0;
-    if (s.isTriggeringEvent = !0, r) {
-      let m = new de("pressstart", d, o);
-      r(m), p = m.shouldStopPropagation;
-    }
-    return n && n(!0), s.isTriggeringEvent = !1, s.didFirePressStart = !0, h(!0), p;
-  }, [
-    a,
-    r,
-    n
-  ]), S = x((o, d, s = !0) => {
-    let p = $.current;
-    if (!p.didFirePressStart) return !1;
-    p.didFirePressStart = !1, p.isTriggeringEvent = !0;
-    let m = !0;
-    if (i) {
-      let _ = new de("pressend", d, o);
-      i(_), m = _.shouldStopPropagation;
-    }
-    if (n && n(!1), h(!1), t && s && !a) {
-      let _ = new de("press", d, o);
-      t(_), m && (m = _.shouldStopPropagation);
-    }
-    return p.isTriggeringEvent = !1, m;
-  }, [
-    a,
-    i,
-    n,
-    t
-  ]), $e = ue(S), I = x((o, d) => {
-    let s = $.current;
-    if (a) return !1;
-    if (l) {
-      s.isTriggeringEvent = !0;
-      let p = new de("pressup", d, o);
-      return l(p), s.isTriggeringEvent = !1, p.shouldStopPropagation;
-    }
-    return !0;
-  }, [
-    a,
-    l
-  ]), Ee = ue(I), A = x((o) => {
-    let d = $.current;
-    if (d.isPressed && d.target) {
-      d.didFirePressStart && d.pointerType != null && S(G(d.target, o), d.pointerType, !1), d.isPressed = !1, te(null), d.isOverTarget = !1, d.activePointerId = null, d.pointerType = null, T(), k || Oe(d.target);
-      for (let s of d.disposables) s();
-      d.disposables = [];
-    }
-  }, [
-    k,
-    T,
-    S
-  ]), R = ue(A), F = x((o) => {
-    g && A(o);
-  }, [
-    g,
-    A
-  ]), ee = x((o) => {
-    a || u?.(o);
-  }, [
-    a,
-    u
-  ]), ke = x((o, d) => {
-    if (!a && u) {
-      let s = new MouseEvent("click", o);
-      cn(s, d), u(_t(s));
-    }
-  }, [
-    a,
-    u
-  ]), Ot = ue(ke), [Ve, Ue] = fe(!1);
-  oe(() => {
-    let o = $.current;
-    if (Ve) {
-      let d = (_) => {
-        var H;
-        if (o.isPressed && o.target && xe(_, o.target)) {
-          var we;
-          et(b(_), _.key) && _.preventDefault();
-          let ie = b(_), ae = y(o.target, ie);
-          $e(G(o.target, _), "keyboard", ae), ae && Ot(_, o.target), T(), _.key !== "Enter" && Ke(o.target) && y(o.target, ie) && !_[ze] && (_[ze] = !0, W(o.target, _, !1)), o.isPressed = !1, Ue(!1), (we = o.metaKeyEvents) === null || we === void 0 || we.delete(_.key);
-        } else if (_.key === "Meta" && (!((H = o.metaKeyEvents) === null || H === void 0) && H.size)) {
-          var Pe;
-          let ie = o.metaKeyEvents;
-          o.metaKeyEvents = void 0;
-          for (let ae of ie.values()) (Pe = o.target) === null || Pe === void 0 || Pe.dispatchEvent(new KeyboardEvent("keyup", ae));
-        }
-      }, s = o.target, m = ut((_) => {
-        s && xe(_, s) && !_.repeat && y(s, b(_)) && o.target && Ee(G(o.target, _), "keyboard");
-      }, d);
-      return w(P(o.target), "keyup", m, !0), () => {
-        O(P(o.target), "keyup", m, !0);
-      };
-    }
-  }, [
-    Ve,
-    w,
-    T,
-    O
-  ]);
-  let [se, te] = fe(null);
-  oe(() => {
-    let o = $.current;
-    if (se === "pointer") {
-      let d = (p) => {
-        if (p.pointerId === o.activePointerId && o.isPressed && p.button === 0 && o.target) {
-          if (y(o.target, b(p)) && o.pointerType != null) {
-            let m = !1, _ = setTimeout(() => {
-              o.isPressed && o.target instanceof HTMLElement && (m ? R(p) : (J(o.target), o.target.click()));
-            }, 80);
-            p.currentTarget && w(p.currentTarget, "click", () => m = !0, !0), o.disposables.push(() => clearTimeout(_));
-          } else R(p);
-          o.isOverTarget = !1;
-        }
-      }, s = (p) => {
-        R(p);
-      };
-      return w(P(o.target), "pointerup", d, !1), w(P(o.target), "pointercancel", s, !1), () => {
-        O(P(o.target), "pointerup", d, !1), O(P(o.target), "pointercancel", s, !1);
-      };
-    } else if (se === "mouse" && process.env.NODE_ENV === "test") {
-      let d = (s) => {
-        if (s.button === 0) {
-          if (o.ignoreEmulatedMouseEvents) {
-            o.ignoreEmulatedMouseEvents = !1;
-            return;
-          }
-          o.target && y(o.target, s.target) && o.pointerType != null || R(s), o.isOverTarget = !1;
-        }
-      };
-      return w(P(o.target), "mouseup", d, !1), () => {
-        O(P(o.target), "mouseup", d, !1);
-      };
-    } else if (se === "touch" && process.env.NODE_ENV === "test") {
-      let d = (s) => {
-        o.isPressed && y(b(s), o.target) && R({
-          currentTarget: o.target,
-          shiftKey: !1,
-          ctrlKey: !1,
-          metaKey: !1,
-          altKey: !1
-        });
-      };
-      return w(M(o.target), "scroll", d, !0), () => {
-        O(M(o.target), "scroll", d, !0);
-      };
-    }
-  }, [
-    se,
-    w,
-    O
-  ]);
-  let xt = at(() => {
-    let o = $.current, d = {
-      onKeyDown(s) {
-        if (xe(s.nativeEvent, s.currentTarget) && y(s.currentTarget, b(s))) {
-          var p;
-          et(b(s), s.key) && s.preventDefault();
-          let m = !0;
-          !o.isPressed && !s.repeat && (o.target = s.currentTarget, o.isPressed = !0, Ue(!0), o.pointerType = "keyboard", m = B(s, "keyboard")), m && s.stopPropagation(), s.metaKey && Q() && ((p = o.metaKeyEvents) === null || p === void 0 || p.set(s.key, s.nativeEvent));
-        } else s.key === "Meta" && (o.metaKeyEvents = /* @__PURE__ */ new Map());
-      },
-      onClick(s) {
-        if (!(s && !y(s.currentTarget, b(s))) && s && s.button === 0 && !o.isTriggeringEvent && !W.isOpening) {
-          let p = !0;
-          if (a && s.preventDefault(), !o.ignoreEmulatedMouseEvents && !o.isPressed && (o.pointerType === "virtual" || Le(s.nativeEvent))) {
-            let m = B(s, "virtual"), _ = I(s, "virtual"), H = S(s, "virtual");
-            ee(s), p = m && _ && H;
-          } else if (o.isPressed && o.pointerType !== "keyboard") {
-            let m = o.pointerType || s.nativeEvent.pointerType || "virtual", _ = I(G(s.currentTarget, s), m), H = S(G(s.currentTarget, s), m, !0);
-            p = _ && H, o.isOverTarget = !1, ee(s), A(s);
-          }
-          o.ignoreEmulatedMouseEvents = !1, p && s.stopPropagation();
-        }
-      }
-    };
-    return typeof PointerEvent < "u" ? (d.onPointerDown = (s) => {
-      if (s.button !== 0 || !y(s.currentTarget, b(s))) return;
-      if (nn(s.nativeEvent)) {
-        o.pointerType = "virtual";
-        return;
-      }
-      o.pointerType = s.pointerType;
-      let p = !0;
-      if (!o.isPressed) {
-        o.isPressed = !0, te("pointer"), o.isOverTarget = !0, o.activePointerId = s.pointerId, o.target = s.currentTarget, k || Ye(o.target), p = B(s, o.pointerType);
-        let m = b(s);
-        "releasePointerCapture" in m && ("hasPointerCapture" in m ? m.hasPointerCapture(s.pointerId) && m.releasePointerCapture(s.pointerId) : m.releasePointerCapture(s.pointerId));
-      }
-      p && s.stopPropagation();
-    }, d.onMouseDown = (s) => {
-      if (y(s.currentTarget, b(s)) && s.button === 0) {
-        if (v) {
-          let p = We(s.target);
-          p && o.disposables.push(p);
-        }
-        s.stopPropagation();
-      }
-    }, d.onPointerUp = (s) => {
-      !y(s.currentTarget, b(s)) || o.pointerType === "virtual" || s.button === 0 && !o.isPressed && I(s, o.pointerType || s.pointerType);
-    }, d.onPointerEnter = (s) => {
-      s.pointerId === o.activePointerId && o.target && !o.isOverTarget && o.pointerType != null && (o.isOverTarget = !0, B(G(o.target, s), o.pointerType));
-    }, d.onPointerLeave = (s) => {
-      s.pointerId === o.activePointerId && o.target && o.isOverTarget && o.pointerType != null && (o.isOverTarget = !1, S(G(o.target, s), o.pointerType, !1), F(s));
-    }, d.onDragStart = (s) => {
-      y(s.currentTarget, b(s)) && A(s);
-    }) : process.env.NODE_ENV === "test" && (d.onMouseDown = (s) => {
-      if (s.button !== 0 || !y(s.currentTarget, b(s))) return;
-      if (o.ignoreEmulatedMouseEvents) {
-        s.stopPropagation();
-        return;
-      }
-      if (o.isPressed = !0, te("mouse"), o.isOverTarget = !0, o.target = s.currentTarget, o.pointerType = Le(s.nativeEvent) ? "virtual" : "mouse", Nt(() => B(s, o.pointerType)) && s.stopPropagation(), v) {
-        let m = We(s.target);
-        m && o.disposables.push(m);
-      }
-    }, d.onMouseEnter = (s) => {
-      if (!y(s.currentTarget, b(s))) return;
-      let p = !0;
-      o.isPressed && !o.ignoreEmulatedMouseEvents && o.pointerType != null && (o.isOverTarget = !0, p = B(s, o.pointerType)), p && s.stopPropagation();
-    }, d.onMouseLeave = (s) => {
-      if (!y(s.currentTarget, b(s))) return;
-      let p = !0;
-      o.isPressed && !o.ignoreEmulatedMouseEvents && o.pointerType != null && (o.isOverTarget = !1, p = S(s, o.pointerType, !1), F(s)), p && s.stopPropagation();
-    }, d.onMouseUp = (s) => {
-      y(s.currentTarget, b(s)) && !o.ignoreEmulatedMouseEvents && s.button === 0 && !o.isPressed && I(s, o.pointerType || "mouse");
-    }, d.onTouchStart = (s) => {
-      if (!y(s.currentTarget, b(s))) return;
-      let p = hn(s.nativeEvent);
-      if (!p) return;
-      o.activePointerId = p.identifier, o.ignoreEmulatedMouseEvents = !0, o.isOverTarget = !0, o.isPressed = !0, te("touch"), o.target = s.currentTarget, o.pointerType = "touch", k || Ye(o.target), B(V(o.target, s), o.pointerType) && s.stopPropagation();
-    }, d.onTouchMove = (s) => {
-      if (!y(s.currentTarget, b(s))) return;
-      if (!o.isPressed) {
-        s.stopPropagation();
-        return;
-      }
-      let p = Qe(s.nativeEvent, o.activePointerId), m = !0;
-      p && Ze(p, s.currentTarget) ? !o.isOverTarget && o.pointerType != null && (o.isOverTarget = !0, m = B(V(o.target, s), o.pointerType)) : o.isOverTarget && o.pointerType != null && (o.isOverTarget = !1, m = S(V(o.target, s), o.pointerType, !1), F(V(o.target, s))), m && s.stopPropagation();
-    }, d.onTouchEnd = (s) => {
-      if (!y(s.currentTarget, b(s))) return;
-      if (!o.isPressed) {
-        s.stopPropagation();
-        return;
-      }
-      let p = Qe(s.nativeEvent, o.activePointerId), m = !0;
-      p && Ze(p, s.currentTarget) && o.pointerType != null ? (I(V(o.target, s), o.pointerType), m = S(V(o.target, s), o.pointerType), ke(s.nativeEvent, o.target)) : o.isOverTarget && o.pointerType != null && (m = S(V(o.target, s), o.pointerType, !1)), m && s.stopPropagation(), o.isPressed = !1, te(null), o.activePointerId = null, o.isOverTarget = !1, o.ignoreEmulatedMouseEvents = !0, o.target && !k && Oe(o.target), T();
-    }, d.onTouchCancel = (s) => {
-      y(s.currentTarget, b(s)) && (s.stopPropagation(), o.isPressed && A(V(o.target, s)));
-    }, d.onDragStart = (s) => {
-      y(s.currentTarget, b(s)) && A(s);
-    }), d;
-  }, [
-    a,
-    v,
-    T,
-    k,
-    A,
-    F,
-    S,
-    B,
-    I,
-    ee,
-    ke
-  ]);
-  return z(() => {
-    if (!C || process.env.NODE_ENV === "test") return;
-    const o = P(C.current);
-    if (!o || !o.head || o.getElementById(qe)) return;
-    const d = o.createElement("style");
-    d.id = qe, d.textContent = `
-@layer {
-  [${Je}] {
-    touch-action: pan-x pan-y pinch-zoom;
-  }
-}
-    `.trim(), o.head.prepend(d);
-  }, [
-    C
-  ]), z(() => {
-    let o = $.current;
-    return () => {
-      var d;
-      k || Oe((d = o.target) !== null && d !== void 0 ? d : void 0);
-      for (let s of o.disposables) s();
-      o.disposables = [];
-    };
-  }, [
-    k
-  ]), {
-    isPressed: c || N,
-    pressProps: j(L, xt, {
-      [Je]: !0
-    })
-  };
-}
-function Ke(e) {
-  return e.tagName === "A" && e.hasAttribute("href");
-}
-function xe(e, t) {
-  const { key: n, code: r } = e, i = t, l = i.getAttribute("role");
-  return (n === "Enter" || n === " " || n === "Spacebar" || r === "Space") && !(i instanceof M(i).HTMLInputElement && !$t(i, n) || i instanceof M(i).HTMLTextAreaElement || i.isContentEditable) && // Links should only trigger with Enter key
-  !((l === "link" || !l && Ke(i)) && n !== "Enter");
-}
-function hn(e) {
-  const { targetTouches: t } = e;
-  return t.length > 0 ? t[0] : null;
-}
-function Qe(e, t) {
-  const n = e.changedTouches;
-  for (let r = 0; r < n.length; r++) {
-    const i = n[r];
-    if (i.identifier === t) return i;
-  }
-  return null;
-}
-function V(e, t) {
-  let n = 0, r = 0;
-  return t.targetTouches && t.targetTouches.length === 1 && (n = t.targetTouches[0].clientX, r = t.targetTouches[0].clientY), {
-    currentTarget: e,
-    shiftKey: t.shiftKey,
-    ctrlKey: t.ctrlKey,
-    metaKey: t.metaKey,
-    altKey: t.altKey,
-    clientX: n,
-    clientY: r
-  };
-}
-function G(e, t) {
-  let n = t.clientX, r = t.clientY;
-  return {
-    currentTarget: e,
-    shiftKey: t.shiftKey,
-    ctrlKey: t.ctrlKey,
-    metaKey: t.metaKey,
-    altKey: t.altKey,
-    clientX: n,
-    clientY: r,
-    key: t.key
-  };
-}
-function yn(e) {
-  let t = 0, n = 0;
-  return e.width !== void 0 ? t = e.width / 2 : e.radiusX !== void 0 && (t = e.radiusX), e.height !== void 0 ? n = e.height / 2 : e.radiusY !== void 0 && (n = e.radiusY), {
-    top: e.clientY - n,
-    right: e.clientX + t,
-    bottom: e.clientY + n,
-    left: e.clientX - t
-  };
-}
-function $n(e, t) {
-  return !(e.left > t.right || t.left > e.right || e.top > t.bottom || t.top > e.bottom);
-}
-function Ze(e, t) {
-  let n = t.getBoundingClientRect(), r = yn(e);
-  return $n(n, r);
-}
-function En(e) {
-  return e instanceof HTMLInputElement ? !1 : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !Ke(e);
-}
-function et(e, t) {
-  return e instanceof HTMLInputElement ? !$t(e, t) : En(e);
-}
-const kn = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-function $t(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : kn.has(e.type);
-}
-let re = null;
-const wn = /* @__PURE__ */ new Set();
-let ne = /* @__PURE__ */ new Map(), Y = !1, De = !1;
-function Fe(e, t) {
-  for (let n of wn) n(e, t);
-}
-function Pn(e) {
-  return !(e.metaKey || !Q() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
-}
-function ve(e) {
-  Y = !0, !W.isOpening && Pn(e) && (re = "keyboard", Fe("keyboard", e));
-}
-function D(e) {
-  re = "pointer", "pointerType" in e && e.pointerType, (e.type === "mousedown" || e.type === "pointerdown") && (Y = !0, Fe("pointer", e));
-}
-function Et(e) {
-  !W.isOpening && Le(e) && (Y = !0, re = "virtual");
-}
-function kt(e) {
-  b(e) === window || b(e) === document || be || !e.isTrusted || (!Y && !De && (re = "virtual", Fe("virtual", e)), Y = !1, De = !1);
-}
-function wt() {
-  be || (Y = !1, De = !0);
-}
-function tt(e) {
-  if (typeof window > "u" || typeof document > "u" || ne.get(M(e))) return;
-  const t = M(e), n = P(e);
-  let r = t.HTMLElement.prototype.focus;
-  t.HTMLElement.prototype.focus = function() {
-    Y = !0, r.apply(this, arguments);
-  }, n.addEventListener("keydown", ve, !0), n.addEventListener("keyup", ve, !0), n.addEventListener("click", Et, !0), t.addEventListener("focus", kt, !0), t.addEventListener("blur", wt, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", D, !0), n.addEventListener("pointermove", D, !0), n.addEventListener("pointerup", D, !0)) : process.env.NODE_ENV === "test" && (n.addEventListener("mousedown", D, !0), n.addEventListener("mousemove", D, !0), n.addEventListener("mouseup", D, !0)), t.addEventListener("beforeunload", () => {
-    Pt(e);
-  }, {
-    once: !0
-  }), ne.set(t, {
-    focus: r
-  });
-}
-const Pt = (e, t) => {
-  const n = M(e), r = P(e);
-  t && r.removeEventListener("DOMContentLoaded", t), ne.has(n) && (n.HTMLElement.prototype.focus = ne.get(n).focus, r.removeEventListener("keydown", ve, !0), r.removeEventListener("keyup", ve, !0), r.removeEventListener("click", Et, !0), n.removeEventListener("focus", kt, !0), n.removeEventListener("blur", wt, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", D, !0), r.removeEventListener("pointermove", D, !0), r.removeEventListener("pointerup", D, !0)) : process.env.NODE_ENV === "test" && (r.removeEventListener("mousedown", D, !0), r.removeEventListener("mousemove", D, !0), r.removeEventListener("mouseup", D, !0)), ne.delete(n));
-};
-function Tn(e) {
-  const t = P(e);
-  let n;
-  return t.readyState !== "loading" ? tt(e) : (n = () => {
-    tt(e);
-  }, t.addEventListener("DOMContentLoaded", n)), () => Pt(e, n);
-}
-typeof document < "u" && Tn();
-function On() {
-  return re;
-}
-function xn(e) {
-  if (!e.isConnected) return;
-  const t = P(e);
-  if (On() === "virtual") {
-    let n = q(t);
-    ft(() => {
-      const r = q(t);
-      (r === n || r === t.body) && e.isConnected && J(e);
-    });
-  } else J(e);
-}
-function Bn(e) {
-  let { isDisabled: t, onFocus: n, onBlur: r, onFocusChange: i } = e;
-  const l = x((c) => {
-    if (b(c) === c.currentTarget)
-      return r && r(c), i && i(!1), !0;
-  }, [
-    r,
-    i
-  ]), u = dn(l), a = x((c) => {
-    let v = b(c);
-    const g = P(v), k = g ? q(g) : q();
-    v === c.currentTarget && v === k && (n && n(c), i && i(!0), u(c));
-  }, [
-    i,
-    n,
-    u
-  ]);
-  return {
-    focusProps: {
-      onFocus: !t && (n || i || r) ? a : void 0,
-      onBlur: !t && (r || i) ? l : void 0
-    }
-  };
-}
-function nt(e) {
-  if (!e) return;
-  let t = !0;
-  return (n) => {
-    let r = {
-      ...n,
-      preventDefault() {
-        n.preventDefault();
-      },
-      isDefaultPrevented() {
-        return n.isDefaultPrevented();
-      },
-      stopPropagation() {
-        t && process.env.NODE_ENV !== "production" ? console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.") : t = !0;
-      },
-      continuePropagation() {
-        t = !1;
-      },
-      isPropagationStopped() {
-        return t;
-      }
-    };
-    e(r), t && n.stopPropagation();
-  };
-}
-function Sn(e) {
-  return {
-    keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: nt(e.onKeyDown),
-      onKeyUp: nt(e.onKeyUp)
-    }
-  };
-}
-let Ln = /* @__PURE__ */ _e.createContext(null);
-function Nn(e) {
-  let t = lt(Ln) || {};
-  bt(t, e);
-  let { ref: n, ...r } = t;
-  return r;
-}
-function Dn(e, t) {
-  let { focusProps: n } = Bn(e), { keyboardProps: r } = Sn(e), i = j(n, r), l = Nn(t), u = e.isDisabled ? {} : l, a = Z(e.autoFocus);
-  z(() => {
-    a.current && t.current && xn(t.current), a.current = !1;
-  }, [
-    t
-  ]);
-  let c = e.excludeFromTabOrder ? -1 : 0;
-  return e.isDisabled && (c = void 0), {
-    focusableProps: j({
-      ...i,
-      tabIndex: c
-    }, u)
-  };
-}
-let ge = !1, pe = 0;
-function Ce() {
-  ge = !0, setTimeout(() => {
-    ge = !1;
-  }, 50);
-}
-function ot(e) {
-  e.pointerType === "touch" && Ce();
-}
-function Cn() {
-  if (!(typeof document > "u"))
-    return pe === 0 && (typeof PointerEvent < "u" ? document.addEventListener("pointerup", ot) : process.env.NODE_ENV === "test" && document.addEventListener("touchend", Ce)), pe++, () => {
-      pe--, !(pe > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", ot) : process.env.NODE_ENV === "test" && document.removeEventListener("touchend", Ce));
-    };
-}
-function An(e) {
-  let { onHoverStart: t, onHoverChange: n, onHoverEnd: r, isDisabled: i } = e, [l, u] = fe(!1), a = Z({
-    isHovered: !1,
-    ignoreEmulatedMouseEvents: !1,
-    pointerType: "",
-    target: null
-  }).current;
-  z(Cn, []);
-  let { addGlobalListener: c, removeAllGlobalListeners: v } = mt(), { hoverProps: g, triggerHoverEnd: k } = at(() => {
-    let C = (h, $) => {
-      if (a.pointerType = $, i || $ === "touch" || a.isHovered || !y(h.currentTarget, b(h))) return;
-      a.isHovered = !0;
-      let w = h.currentTarget;
-      a.target = w, c(P(b(h)), "pointerover", (T) => {
-        a.isHovered && a.target && !y(a.target, b(T)) && L(T, T.pointerType);
-      }, {
-        capture: !0
-      }), t && t({
-        type: "hoverstart",
-        target: w,
-        pointerType: $
-      }), n && n(!0), u(!0);
-    }, L = (h, $) => {
-      let w = a.target;
-      a.pointerType = "", a.target = null, !($ === "touch" || !a.isHovered || !w) && (a.isHovered = !1, v(), r && r({
-        type: "hoverend",
-        target: w,
-        pointerType: $
-      }), n && n(!1), u(!1));
-    }, N = {};
-    return typeof PointerEvent < "u" ? (N.onPointerEnter = (h) => {
-      ge && h.pointerType === "mouse" || C(h, h.pointerType);
-    }, N.onPointerLeave = (h) => {
-      !i && y(h.currentTarget, b(h)) && L(h, h.pointerType);
-    }) : process.env.NODE_ENV === "test" && (N.onTouchStart = () => {
-      a.ignoreEmulatedMouseEvents = !0;
-    }, N.onMouseEnter = (h) => {
-      !a.ignoreEmulatedMouseEvents && !ge && C(h, "mouse"), a.ignoreEmulatedMouseEvents = !1;
-    }, N.onMouseLeave = (h) => {
-      !i && y(h.currentTarget, b(h)) && L(h, "mouse");
-    }), {
-      hoverProps: N,
-      triggerHoverEnd: L
-    };
-  }, [
-    t,
-    n,
-    r,
-    i,
-    a,
-    c,
-    v
-  ]);
-  return z(() => {
-    i && k({
-      currentTarget: a.target
-    }, a.pointerType);
-  }, [
-    i
-  ]), {
-    hoverProps: g,
-    isHovered: l
-  };
-}
-function In(e, t) {
-  let { elementType: n = "button", isDisabled: r, onPress: i, onPressStart: l, onPressEnd: u, onPressUp: a, onPressChange: c, preventFocusOnPress: v, allowFocusWhenDisabled: g, onClick: k, href: C, target: L, rel: N, type: h = "button" } = e, $;
-  n === "button" ? $ = {
-    type: h,
-    disabled: r,
-    form: e.form,
-    formAction: e.formAction,
-    formEncType: e.formEncType,
-    formMethod: e.formMethod,
-    formNoValidate: e.formNoValidate,
-    formTarget: e.formTarget,
-    name: e.name,
-    value: e.value
-  } : $ = {
-    role: "button",
-    href: n === "a" && !r ? C : void 0,
-    target: n === "a" ? L : void 0,
-    type: n === "input" ? h : void 0,
-    disabled: n === "input" ? r : void 0,
-    "aria-disabled": !r || n === "input" ? void 0 : r,
-    rel: n === "a" ? N : void 0
-  };
-  let { pressProps: w, isPressed: T } = _n({
-    onPressStart: l,
-    onPressEnd: u,
-    onPressChange: c,
-    onPress: i,
-    onPressUp: a,
-    onClick: k,
-    isDisabled: r,
-    preventFocusOnPress: v,
-    ref: t
-  }), { focusableProps: O } = Dn(e, t);
-  g && (O.tabIndex = r ? -1 : O.tabIndex);
-  let B = j(O, w, Wt(e, {
-    labelable: !0
-  }));
-  return {
-    isPressed: T,
-    buttonProps: j($, B, {
-      "aria-haspopup": e["aria-haspopup"],
-      "aria-expanded": e["aria-expanded"],
-      "aria-controls": e["aria-controls"],
-      "aria-pressed": e["aria-pressed"],
-      "aria-current": e["aria-current"],
-      "aria-disabled": e["aria-disabled"]
-    })
-  };
-}
-function Mn(e, t, n) {
-  return t in e ? Object.defineProperty(e, t, {
-    value: n,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[t] = n, e;
-}
-function rt(e, t) {
-  var n = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    t && (r = r.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(e, i).enumerable;
-    })), n.push.apply(n, r);
-  }
-  return n;
-}
-function st(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? rt(Object(n), !0).forEach(function(r) {
-      Mn(e, r, n[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : rt(Object(n)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
-    });
-  }
-  return e;
-}
-var Kn = (e, t, n) => {
-  for (var r of Object.keys(e)) {
-    var i;
-    if (e[r] !== ((i = t[r]) !== null && i !== void 0 ? i : n[r]))
-      return !1;
-  }
-  return !0;
-}, ye = (e) => (t) => {
-  var n = e.defaultClassName, r = st(st({}, e.defaultVariants), t);
-  for (var i in r) {
-    var l, u = (l = r[i]) !== null && l !== void 0 ? l : e.defaultVariants[i];
-    if (u != null) {
-      var a = u;
-      typeof a == "boolean" && (a = a === !0 ? "true" : "false");
-      var c = (
-        // @ts-expect-error
-        e.variantClassNames[i][a]
-      );
-      c && (n += " " + c);
-    }
-  }
-  for (var [v, g] of e.compoundVariants)
-    Kn(v, r, e.defaultVariants) && (n += " " + g);
-  return n;
-}, Fn = ye({ defaultClassName: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyg"], [{ kind: "link", disabled: !0 }, "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyh"]] }), Vn = ye({ defaultClassName: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyi", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyj", false: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyk" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyl", default: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxym", delete: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyn", key: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyo", confirm: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyp", link: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyq" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyr", false: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxys" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Un = ye({ defaultClassName: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyt", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyu", false: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyv" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyw", default: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyx", delete: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyy", key: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxyz", confirm: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy10", link: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy11" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), it = "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy12", Rn = ye({ defaultClassName: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy13", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy14", false: "pkg_sps-woodland_buttons__version_8_50_2__hash_125pcxy15" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
-const Tt = f.forwardRef(
-  ({
-    as: e,
-    onClick: t,
-    onPress: n,
-    children: r,
-    className: i,
-    isDisabled: l,
-    disabled: u,
-    href: a,
-    icon: c,
-    kind: v = "default",
-    spinning: g,
-    spinningTitle: k,
-    title: C,
-    ...L
-  }, N) => {
-    const h = e ?? (a ? "a" : "button"), $ = {
-      onPress: n ?? t,
-      // the button element should be disabled if the button is marked as disabled or spinning
-      isDisabled: g ?? u ?? l,
-      ...L
-    }, { "data-testid": w } = L, T = f.useRef(null), O = N || T, { buttonProps: B } = In(
-      $,
-      O
-    ), { hoverProps: S } = An({ isDisabled: $.isDisabled }), { type: $e, ...I } = B, Ee = {
-      ...j(I, S),
-      ref: O,
-      title: C,
-      className: a ? Un({ spinning: g, kind: v }) : Vn({ disabled: l || u, kind: v, spinning: g }),
-      ...a ? { href: a } : { type: $e },
-      ...L
-    }, { t: A } = Ct(), R = c && (c === "ai-color" ? (
-      // ai-color can only be used on default or link buttons for contrast/accessibility reasons
-      // if the user tries to use ai-color on a non-approved button swap it out for the regular ai icon
-      /* @__PURE__ */ f.createElement(
-        Re,
-        {
-          className: it,
-          icon: v === "default" || v === "link" ? "ai-color" : "ai",
-          size: "sm",
-          "aria-hidden": "true",
-          "data-testid": `${w}__${c}-icon`
-        }
-      )
-    ) : /* @__PURE__ */ f.createElement(
-      Re,
-      {
-        className: it,
-        icon: c,
-        size: "sm",
-        "aria-hidden": "true",
-        "data-testid": `${w}__${c}-icon`
-      }
-    ));
-    let F;
-    v === "default" || v === "icon" || v === "link" ? F = "dark" : F = "light";
-    const ee = g && /* @__PURE__ */ f.createElement(
-      Bt,
-      {
-        color: F,
-        className: Rn({ spinning: g }),
-        title: k || A("button.spinningTitle", { defaultValue: "Loading..." }),
-        "data-testid": `${w}__spinner`
-      }
-    );
-    return /* @__PURE__ */ f.createElement(Dt, null, /* @__PURE__ */ f.createElement(
-      "div",
-      {
-        className: St(
-          Fn({
-            disabled: l || u,
-            kind: v,
-            spinning: g
-          }),
-          i
-        )
-      },
-      /* @__PURE__ */ f.createElement(h, { ...Ee }, R, r ? /* @__PURE__ */ f.createElement("span", null, r) : "", ee)
-    ));
-  }
-);
-Lt.set(Tt, {
-  name: "Button",
-  props: {
-    disabled: "boolean",
-    href: "string",
-    icon: "IconName",
-    kind: {
-      type: '"default" | "link" | "icon" | "confirm" | "delete" | "key"',
-      default: '"default"'
-    },
-    spinning: "boolean",
-    spinningTitle: "string",
-    type: { type: '"button" | "submit"', default: '"button"' },
-    as: "button | a",
-    onClick: "() => void",
-    onPress: "() => void",
-    children: "ReactNode",
-    className: "string",
-    isDisabled: "boolean",
-    style: "CSSProperties"
-  },
-  panellable: !0
-});
-const Hn = {
-  components: [Tt],
-  description: () => /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.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__ */ f.createElement("br", null), /* @__PURE__ */ f.createElement("h5", null, "Variants"), /* @__PURE__ */ f.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ f.createElement("span", { className: "sps-text-semibold" }, "Default: "), "For tertiary actions or actions of lower importance on a page."), /* @__PURE__ */ f.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ f.createElement("span", { className: "sps-text-semibold" }, "Key: "), "For primary or important actions on a page."), /* @__PURE__ */ f.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ f.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__ */ f.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ f.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__ */ f.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ f.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__ */ f.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ f.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.")),
+import { Button as s } from "@sps-woodland/core/button";
+export * from "@sps-woodland/core/button";
+import * as o from "react";
+import { code as n } from "@spscommerce/utils";
+const i = {
+  components: [s],
+  description: () => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.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__ */ o.createElement("br", null), /* @__PURE__ */ o.createElement("h5", null, "Variants"), /* @__PURE__ */ o.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ o.createElement("span", { className: "sps-text-semibold" }, "Default: "), "For tertiary actions or actions of lower importance on a page."), /* @__PURE__ */ o.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ o.createElement("span", { className: "sps-text-semibold" }, "Key: "), "For primary or important actions on a page."), /* @__PURE__ */ o.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ o.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__ */ o.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ o.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__ */ o.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ o.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__ */ o.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ o.createElement("span", { className: "sps-text-semibold" }, "With an Icon: "), "For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),
   examples: {
     basic: {
       label: "Basic Buttons",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("p", null, "The most common type of button that can be used in most cases. Example: Basic Buttons in a ", /* @__PURE__ */ f.createElement(e, { to: "modals" }, "Modal"), ".")),
+      description: ({ NavigateTo: t }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, "The most common type of button that can be used in most cases. Example: Basic Buttons in a ", /* @__PURE__ */ o.createElement(t, { to: "modals" }, "Modal"), ".")),
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1435,7 +31,7 @@ const Hn = {
         },
         withIcons: {
           description: "With Icons",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1454,7 +50,7 @@ const Hn = {
         },
         spinning: {
           description: "Spinning",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1478,7 +74,7 @@ const Hn = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: E`
+          react: n`
             import { Dropdown, OptionList, Option } from "@sps-woodland/dropdowns";
 
             function Component() {
@@ -1516,7 +112,7 @@ const Hn = {
         },
         withIcons: {
           description: "With Icons",
-          react: E`
+          react: n`
             import { Dropdown, OptionList, Option } from "@sps-woodland/dropdowns";
 
             function Component() {
@@ -1554,7 +150,7 @@ const Hn = {
         },
         spinning: {
           description: "Spinning",
-          react: E`
+          react: n`
             import { Dropdown, OptionList, Option } from "@sps-woodland/dropdowns";
 
             function Component() {
@@ -1593,7 +189,7 @@ const Hn = {
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: E`
+          react: n`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1626,7 +222,7 @@ const Hn = {
         },
         withIcons: {
           description: "With Icons",
-          react: E`
+          react: n`
             import { SpsSplitButton } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1675,11 +271,11 @@ const Hn = {
     },
     iconButtons: {
       label: "Icon Buttons",
-      description: ({ NavigateTo: e, Link: t }) => /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("p", null, "Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the", " ", /* @__PURE__ */ f.createElement(e, { to: "list-action-bar" }, "List Action Bar"), ". Do not use an icon that doesn't have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ", /* @__PURE__ */ f.createElement(t, { to: "/style-and-layout/icons/" }, "View All Icons"))),
+      description: ({ NavigateTo: t, Link: e }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, "Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the", " ", /* @__PURE__ */ o.createElement(t, { to: "list-action-bar" }, "List Action Bar"), ". Do not use an icon that doesn't have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ", /* @__PURE__ */ o.createElement(e, { to: "/style-and-layout/icons/" }, "View All Icons"))),
       examples: {
         standard: {
           description: "Standard Icon Buttons",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1701,8 +297,8 @@ const Hn = {
           `
         },
         dropdown: {
-          description: ({ NavigateTo: e }) => /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("h5", null, "Dropdown Icon Buttons"), /* @__PURE__ */ f.createElement("p", null, "Use these when there are several options available for action. Example: Dropdown Icon Button in a ", /* @__PURE__ */ f.createElement(e, { to: "content-rows" }, "Content Row"), ".")),
-          react: E`
+          description: ({ NavigateTo: t }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("h5", null, "Dropdown Icon Buttons"), /* @__PURE__ */ o.createElement("p", null, "Use these when there are several options available for action. Example: Dropdown Icon Button in a ", /* @__PURE__ */ o.createElement(t, { to: "content-rows" }, "Content Row"), ".")),
+          react: n`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -1720,7 +316,7 @@ const Hn = {
         },
         spinner: {
           description: "Spinner",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1736,11 +332,11 @@ const Hn = {
     },
     textButtons: {
       label: "Text Buttons",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ f.createElement("p", null, "Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the", " ", /* @__PURE__ */ f.createElement(e, { to: "list-toolbar" }, "List Toolbar")),
+      description: ({ NavigateTo: t }) => /* @__PURE__ */ o.createElement("p", null, "Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the", " ", /* @__PURE__ */ o.createElement(t, { to: "list-toolbar" }, "List Toolbar")),
       examples: {
         withoutIcons: {
           description: "Without Icons",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1757,7 +353,7 @@ const Hn = {
         },
         withIcons: {
           description: "With Icons",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1774,7 +370,7 @@ const Hn = {
         },
         spinner: {
           description: "Spinner",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1790,10 +386,10 @@ const Hn = {
     },
     submitButtons: {
       label: "Submit Buttons",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ f.createElement("p", null, "Use to submit a form. There can be a number of visual variations, for example a", " ", /* @__PURE__ */ f.createElement(e, { to: "modals" }, "Modal"), " uses Basic Button (Key) as its Submit Button."),
+      description: ({ NavigateTo: t }) => /* @__PURE__ */ o.createElement("p", null, "Use to submit a form. There can be a number of visual variations, for example a", " ", /* @__PURE__ */ o.createElement(t, { to: "modals" }, "Modal"), " uses Basic Button (Key) as its Submit Button."),
       examples: {
         basic: {
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1821,7 +417,7 @@ const Hn = {
       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: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1839,11 +435,11 @@ const Hn = {
     },
     buttonGroups: {
       label: "Button Groups",
-      description: ({ NavigateTo: e }) => /* @__PURE__ */ f.createElement("p", null, "Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in ", /* @__PURE__ */ f.createElement(e, { to: "List Action Bar" }, "List Action Bar"), "."),
+      description: ({ NavigateTo: t }) => /* @__PURE__ */ o.createElement("p", null, "Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in ", /* @__PURE__ */ o.createElement(t, { to: "List Action Bar" }, "List Action Bar"), "."),
       examples: {
         basic: {
           description: "Basic Button Groups",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -1859,7 +455,7 @@ const Hn = {
         },
         icon: {
           description: "Icon Button Groups",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
 
             function Component() {
@@ -1874,7 +470,7 @@ const Hn = {
         },
         textAndIcons: {
           description: "Text Buttons + Icon Buttons Group",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1893,7 +489,7 @@ const Hn = {
         },
         textAndBasic: {
           description: "Text Buttons + Basic Buttons Group",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1913,7 +509,7 @@ const Hn = {
         },
         iconsAndBasic: {
           description: "Icon Buttons + Basic Buttons Group",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1934,7 +530,7 @@ const Hn = {
         },
         textIconsAndBasic: {
           description: "Text Buttons + Icon Buttons + Basic Buttons Group",
-          react: E`
+          react: n`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
             import { VericalRule } from "@sps-woodland/core";
@@ -1958,10 +554,9 @@ const Hn = {
       }
     }
   }
-}, qn = {
-  Buttons: Hn
+}, a = {
+  Buttons: i
 };
 export {
-  Tt as Button,
-  qn as MANIFEST
+  a as MANIFEST
 };