@sps-woodland/buttons 8.34.16 → 8.35.0

package/lib/index.js

@@ -1,14 +1,14 @@
 import * as d from "react";
-import Ee, { useRef as ee, useCallback as z, useEffect as J, useState as $e, useMemo as Be, useContext as Me } from "react";
+import $e, { useRef as ee, useCallback as z, useEffect as J, useState as Pe, useMemo as Be, useContext as Me } from "react";
 import { Spinner as Fe, cl as Ue, Metadata as He, Icon as Re } from "@sps-woodland/core";
 import { useFocusable as Ve, FocusRing as Ge } from "@react-aria/focus";
 import { useWoodlandLanguage as We } from "@spscommerce/i18n";
 import { code as y } from "@spscommerce/utils";
-const Pe = typeof document < "u" ? Ee.useLayoutEffect : () => {
+const Ee = typeof document < "u" ? $e.useLayoutEffect : () => {
 };
 function H(e) {
   const t = ee(null);
-  return Pe(() => {
+  return Ee(() => {
     t.current = e;
   }, [
     e
@@ -26,26 +26,26 @@ function Ye(e, t) {
   let o = fe.get(t);
   return o ? (o.forEach((i) => i(e)), e) : t;
 }
-function xe(...e) {
+function Oe(...e) {
   return (...t) => {
     for (let r of e) typeof r == "function" && r(...t);
   };
 }
-const K = (e) => {
+const A = (e) => {
   var t;
   return (t = e?.ownerDocument) !== null && t !== void 0 ? t : document;
-}, ae = (e) => e && "window" in e && e.window === e ? e : K(e).defaultView || window;
-function Se(e) {
+}, ae = (e) => e && "window" in e && e.window === e ? e : A(e).defaultView || window;
+function xe(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (t = 0; t < i; t++) e[t] && (r = Se(e[t])) && (o && (o += " "), o += r);
+    for (t = 0; t < i; t++) e[t] && (r = xe(e[t])) && (o && (o += " "), o += r);
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
 function je() {
-  for (var e, t, r = 0, o = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = Se(e)) && (o && (o += " "), o += t);
+  for (var e, t, r = 0, o = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = xe(e)) && (o && (o += " "), o += t);
   return o;
 }
 function V(...e) {
@@ -59,7 +59,7 @@ function V(...e) {
       typeof c == "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] = xe(c, u) : (i === "className" || i === "UNSAFE_className") && typeof c == "string" && typeof u == "string" ? t[i] = je(c, u) : i === "id" && c && u ? t.id = Ye(c, u) : t[i] = u !== void 0 ? u : c;
+      90 ? t[i] = Oe(c, u) : (i === "className" || i === "UNSAFE_className") && typeof c == "string" && typeof u == "string" ? t[i] = je(c, u) : i === "id" && c && u ? t.id = Ye(c, u) : t[i] = u !== void 0 ? u : c;
     }
   }
   return t;
@@ -135,33 +135,33 @@ function pe(e) {
   var t;
   return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
 }
-function I(e) {
+function K(e) {
   let t = null;
   return () => (t == null && (t = e()), t);
 }
-const Q = I(function() {
+const Q = K(function() {
   return pe(/^Mac/i);
-}), nt = I(function() {
+}), nt = K(function() {
   return pe(/^iPhone/i);
-}), Oe = I(function() {
+}), Se = K(function() {
   return pe(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
   Q() && navigator.maxTouchPoints > 1;
-}), Ne = I(function() {
-  return nt() || Oe();
-}), ot = I(function() {
+}), De = K(function() {
+  return nt() || Se();
+}), ot = K(function() {
   return te(/AppleWebKit/i) && !rt();
-}), rt = I(function() {
+}), rt = K(function() {
   return te(/Chrome/i);
-}), De = I(function() {
+}), Ne = K(function() {
   return te(/Android/i);
-}), st = I(function() {
+}), st = K(function() {
   return te(/Firefox/i);
 });
 function G(e, t, r = !0) {
   var o, i;
   let { metaKey: c, ctrlKey: u, altKey: p, shiftKey: m } = t;
   st() && (!((i = window.event) === null || i === void 0 || (o = i.type) === null || o === void 0) && o.startsWith("key")) && e.target === "_blank" && (Q() ? c = !0 : u = !0);
-  let v = ot() && Q() && !Oe() ? new KeyboardEvent("keydown", {
+  let v = ot() && Q() && !Se() ? new KeyboardEvent("keydown", {
     keyIdentifier: "Enter",
     metaKey: c,
     ctrlKey: u,
@@ -237,7 +237,7 @@ function at() {
   };
 }
 function lt(e, t) {
-  Pe(() => {
+  Ee(() => {
     if (e && e.ref && t)
       return e.ref.current = t.current, () => {
         e.ref && (e.ref.current = null);
@@ -245,28 +245,28 @@ function lt(e, t) {
   });
 }
 function _e(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : De() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : Ne() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
 function ut(e) {
-  return !De() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+  return !Ne() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
 let U = "default", ue = "", q = /* @__PURE__ */ new WeakMap();
-function be(e) {
-  if (Ne()) {
+function ge(e) {
+  if (De()) {
     if (U === "default") {
-      const t = K(e);
+      const t = A(e);
       ue = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
     }
     U = "disabled";
   } else (e instanceof HTMLElement || e instanceof SVGElement) && (q.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
 function Y(e) {
-  if (Ne()) {
+  if (De()) {
     if (U !== "disabled") return;
     U = "restoring", setTimeout(() => {
       it(() => {
         if (U === "restoring") {
-          const t = K(e);
+          const t = A(e);
           t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = ue || ""), ue = "", U = "default";
         }
       });
@@ -276,7 +276,7 @@ function Y(e) {
     e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), q.delete(e);
   }
 }
-const Ce = Ee.createContext({
+const Ce = $e.createContext({
   register: () => {
   }
 });
@@ -284,12 +284,12 @@ Ce.displayName = "PressResponderContext";
 function ct(e, t) {
   return t.get ? t.get.call(e) : t.value;
 }
-function Ae(e, t, r) {
+function Le(e, t, r) {
   if (!t.has(e)) throw new TypeError("attempted to " + r + " private field on non-instance");
   return t.get(e);
 }
 function pt(e, t) {
-  var r = Ae(e, t, "get");
+  var r = Le(e, t, "get");
   return ct(e, r);
 }
 function dt(e, t) {
@@ -307,8 +307,8 @@ function mt(e, t, r) {
     t.value = r;
   }
 }
-function ge(e, t, r) {
-  var o = Ae(e, t, "set");
+function be(e, t, r) {
+  var o = Le(e, t, "set");
   return mt(e, o, r), r;
 }
 function _t(e) {
@@ -322,7 +322,7 @@ function _t(e) {
 var j = /* @__PURE__ */ new WeakMap();
 class X {
   continuePropagation() {
-    ge(this, j, !1);
+    be(this, j, !1);
   }
   get shouldStopPropagation() {
     return pt(this, j);
@@ -331,16 +331,16 @@ class X {
     ft(this, j, {
       writable: !0,
       value: void 0
-    }), ge(this, j, !0);
+    }), be(this, j, !0);
     var c;
     let u = (c = i?.target) !== null && c !== void 0 ? c : o.currentTarget;
     const p = u?.getBoundingClientRect();
-    let m, v = 0, b, E = null;
-    o.clientX != null && o.clientY != null && (b = o.clientX, E = o.clientY), p && (b != null && E != null ? (m = b - p.left, v = E - p.top) : (m = p.width / 2, v = p.height / 2)), this.type = t, this.pointerType = r, this.target = o.currentTarget, this.shiftKey = o.shiftKey, this.metaKey = o.metaKey, this.ctrlKey = o.ctrlKey, this.altKey = o.altKey, this.x = m, this.y = v;
+    let m, v = 0, g, $ = null;
+    o.clientX != null && o.clientY != null && (g = o.clientX, $ = o.clientY), p && (g != null && $ != null ? (m = g - p.left, v = $ - p.top) : (m = p.width / 2, v = p.height / 2)), this.type = t, this.pointerType = r, this.target = o.currentTarget, this.shiftKey = o.shiftKey, this.metaKey = o.metaKey, this.ctrlKey = o.ctrlKey, this.altKey = o.altKey, this.x = m, this.y = v;
   }
 }
 const ve = Symbol("linkClicked");
-function bt(e) {
+function gt(e) {
   let {
     onPress: t,
     onPressChange: r,
@@ -351,11 +351,11 @@ function bt(e) {
     isPressed: p,
     preventFocusOnPress: m,
     shouldCancelOnPointerExit: v,
-    allowTextSelectionOnPress: b,
+    allowTextSelectionOnPress: g,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ref: E,
-    ...x
-  } = _t(e), [_, $] = $e(!1), w = ee({
+    ref: $,
+    ...O
+  } = _t(e), [_, P] = Pe(!1), w = ee({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -365,16 +365,16 @@ function bt(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: T, removeAllGlobalListeners: S } = at(), B = H((n, f) => {
-    let P = w.current;
-    if (u || P.didFirePressStart) return !1;
+  }), { addGlobalListener: T, removeAllGlobalListeners: x } = at(), B = H((n, f) => {
+    let E = w.current;
+    if (u || E.didFirePressStart) return !1;
     let l = !0;
-    if (P.isTriggeringEvent = !0, o) {
+    if (E.isTriggeringEvent = !0, o) {
       let h = new X("pressstart", f, n);
       o(h), l = h.shouldStopPropagation;
     }
-    return r && r(!0), P.isTriggeringEvent = !1, P.didFirePressStart = !0, $(!0), l;
-  }), k = H((n, f, P = !0) => {
+    return r && r(!0), E.isTriggeringEvent = !1, E.didFirePressStart = !0, P(!0), l;
+  }), k = H((n, f, E = !0) => {
     let l = w.current;
     if (!l.didFirePressStart) return !1;
     l.ignoreClickAfterPress = !0, l.didFirePressStart = !1, l.isTriggeringEvent = !0;
@@ -383,25 +383,25 @@ function bt(e) {
       let s = new X("pressend", f, n);
       i(s), h = s.shouldStopPropagation;
     }
-    if (r && r(!1), $(!1), t && P && !u) {
+    if (r && r(!1), P(!1), t && E && !u) {
       let s = new X("press", f, n);
       t(s), h && (h = s.shouldStopPropagation);
     }
     return l.isTriggeringEvent = !1, h;
-  }), N = H((n, f) => {
-    let P = w.current;
+  }), D = H((n, f) => {
+    let E = w.current;
     if (u) return !1;
     if (c) {
-      P.isTriggeringEvent = !0;
+      E.isTriggeringEvent = !0;
       let l = new X("pressup", f, n);
-      return c(l), P.isTriggeringEvent = !1, l.shouldStopPropagation;
+      return c(l), E.isTriggeringEvent = !1, l.shouldStopPropagation;
     }
     return !0;
-  }), O = H((n) => {
+  }), S = H((n) => {
     let f = w.current;
-    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && k(C(f.target, n), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, S(), b || Y(f.target));
-  }), L = H((n) => {
-    v && O(n);
+    f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && k(C(f.target, n), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, x(), g || Y(f.target));
+  }), I = H((n) => {
+    v && S(n);
   }), oe = Be(() => {
     let n = w.current, f = {
       onKeyDown(l) {
@@ -411,10 +411,10 @@ function bt(e) {
           let s = !0;
           if (!n.isPressed && !l.repeat) {
             n.target = l.currentTarget, n.isPressed = !0, s = B(l, "keyboard");
-            let g = l.currentTarget, a = (D) => {
-              re(D, g) && !D.repeat && g.contains(D.target) && n.target && N(C(n.target, D), "keyboard");
+            let b = l.currentTarget, a = (N) => {
+              re(N, b) && !N.repeat && b.contains(N.target) && n.target && D(C(n.target, N), "keyboard");
             };
-            T(K(l.currentTarget), "keyup", xe(a, P), !0);
+            T(A(l.currentTarget), "keyup", Oe(a, E), !0);
           }
           s && l.stopPropagation(), l.metaKey && Q() && ((h = n.metaKeyEvents) === null || h === void 0 || h.set(l.key, l.nativeEvent));
         } else l.key === "Meta" && (n.metaKeyEvents = /* @__PURE__ */ new Map());
@@ -424,24 +424,24 @@ function bt(e) {
           let h = !0;
           if (u && l.preventDefault(), !n.ignoreClickAfterPress && !n.ignoreEmulatedMouseEvents && !n.isPressed && (n.pointerType === "virtual" || _e(l.nativeEvent))) {
             !u && !m && R(l.currentTarget);
-            let s = B(l, "virtual"), g = N(l, "virtual"), a = k(l, "virtual");
-            h = s && g && a;
+            let s = B(l, "virtual"), b = D(l, "virtual"), a = k(l, "virtual");
+            h = s && b && a;
           }
           n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, h && l.stopPropagation();
         }
       }
-    }, P = (l) => {
+    }, E = (l) => {
       var h;
       if (n.isPressed && n.target && re(l, n.target)) {
         var s;
         ye(l.target, l.key) && l.preventDefault();
         let a = l.target;
-        k(C(n.target, l), "keyboard", n.target.contains(a)), S(), l.key !== "Enter" && de(n.target) && n.target.contains(a) && !l[ve] && (l[ve] = !0, G(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
+        k(C(n.target, l), "keyboard", n.target.contains(a)), x(), l.key !== "Enter" && de(n.target) && n.target.contains(a) && !l[ve] && (l[ve] = !0, G(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
       } else if (l.key === "Meta" && (!((h = n.metaKeyEvents) === null || h === void 0) && h.size)) {
-        var g;
+        var b;
         let a = n.metaKeyEvents;
         n.metaKeyEvents = void 0;
-        for (let D of a.values()) (g = n.target) === null || g === void 0 || g.dispatchEvent(new KeyboardEvent("keyup", D));
+        for (let N of a.values()) (b = n.target) === null || b === void 0 || b.dispatchEvent(new KeyboardEvent("keyup", N));
       }
     };
     if (typeof PointerEvent < "u") {
@@ -452,26 +452,26 @@ function bt(e) {
           return;
         }
         se(a.currentTarget) && a.preventDefault(), n.pointerType = a.pointerType;
-        let D = !0;
-        n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = a.pointerId, n.target = a.currentTarget, !u && !m && R(a.currentTarget), b || be(n.target), D = B(a, n.pointerType), T(K(a.currentTarget), "pointermove", l, !1), T(K(a.currentTarget), "pointerup", h, !1), T(K(a.currentTarget), "pointercancel", g, !1)), D && a.stopPropagation();
+        let N = !0;
+        n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = a.pointerId, n.target = a.currentTarget, !u && !m && R(a.currentTarget), g || ge(n.target), N = B(a, n.pointerType), T(A(a.currentTarget), "pointermove", l, !1), T(A(a.currentTarget), "pointerup", h, !1), T(A(a.currentTarget), "pointercancel", b, !1)), N && a.stopPropagation();
       }, f.onMouseDown = (a) => {
         a.currentTarget.contains(a.target) && a.button === 0 && (se(a.currentTarget) && a.preventDefault(), a.stopPropagation());
       }, f.onPointerUp = (a) => {
-        !a.currentTarget.contains(a.target) || n.pointerType === "virtual" || a.button === 0 && M(a, a.currentTarget) && N(a, n.pointerType || a.pointerType);
+        !a.currentTarget.contains(a.target) || n.pointerType === "virtual" || a.button === 0 && M(a, a.currentTarget) && D(a, n.pointerType || a.pointerType);
       };
       let l = (a) => {
-        a.pointerId === n.activePointerId && (n.target && M(a, n.target) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, B(C(n.target, a), n.pointerType)) : n.target && n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k(C(n.target, a), n.pointerType, !1), L(a)));
+        a.pointerId === n.activePointerId && (n.target && M(a, n.target) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, B(C(n.target, a), n.pointerType)) : n.target && n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k(C(n.target, a), n.pointerType, !1), I(a)));
       }, h = (a) => {
-        a.pointerId === n.activePointerId && n.isPressed && a.button === 0 && n.target && (M(a, n.target) && n.pointerType != null ? k(C(n.target, a), n.pointerType) : n.isOverTarget && n.pointerType != null && k(C(n.target, a), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, S(), b || Y(n.target), "ontouchend" in n.target && a.pointerType !== "mouse" && T(n.target, "touchend", s, {
+        a.pointerId === n.activePointerId && n.isPressed && a.button === 0 && n.target && (M(a, n.target) && n.pointerType != null ? k(C(n.target, a), n.pointerType) : n.isOverTarget && n.pointerType != null && k(C(n.target, a), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, x(), g || Y(n.target), "ontouchend" in n.target && a.pointerType !== "mouse" && T(n.target, "touchend", s, {
           once: !0
         }));
       }, s = (a) => {
-        Ke(a.target) && a.preventDefault();
-      }, g = (a) => {
-        O(a);
+        Ae(a.target) && a.preventDefault();
+      }, b = (a) => {
+        S(a);
       };
       f.onDragStart = (a) => {
-        a.currentTarget.contains(a.target) && O(a);
+        a.currentTarget.contains(a.target) && S(a);
       };
     } else {
       f.onMouseDown = (s) => {
@@ -480,21 +480,21 @@ function bt(e) {
           s.stopPropagation();
           return;
         }
-        n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = _e(s.nativeEvent) ? "virtual" : "mouse", !u && !m && R(s.currentTarget), B(s, n.pointerType) && s.stopPropagation(), T(K(s.currentTarget), "mouseup", l, !1);
+        n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = _e(s.nativeEvent) ? "virtual" : "mouse", !u && !m && R(s.currentTarget), B(s, n.pointerType) && s.stopPropagation(), T(A(s.currentTarget), "mouseup", l, !1);
       }, f.onMouseEnter = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let g = !0;
-        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, g = B(s, n.pointerType)), g && s.stopPropagation();
+        let b = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, b = B(s, n.pointerType)), b && s.stopPropagation();
       }, f.onMouseLeave = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let g = !0;
-        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, g = k(s, n.pointerType, !1), L(s)), g && s.stopPropagation();
+        let b = !0;
+        n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, b = k(s, n.pointerType, !1), I(s)), b && 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 && D(s, n.pointerType || "mouse");
       };
       let l = (s) => {
         if (s.button === 0) {
-          if (n.isPressed = !1, S(), n.ignoreEmulatedMouseEvents) {
+          if (n.isPressed = !1, x(), n.ignoreEmulatedMouseEvents) {
             n.ignoreEmulatedMouseEvents = !1;
             return;
           }
@@ -503,30 +503,30 @@ function bt(e) {
       };
       f.onTouchStart = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
-        let g = gt(s.nativeEvent);
-        if (!g) return;
-        n.activePointerId = g.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = s.currentTarget, n.pointerType = "touch", !u && !m && R(s.currentTarget), b || be(n.target), B(A(n.target, s), n.pointerType) && s.stopPropagation(), T(ae(s.currentTarget), "scroll", h, !0);
+        let b = bt(s.nativeEvent);
+        if (!b) return;
+        n.activePointerId = b.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = s.currentTarget, n.pointerType = "touch", !u && !m && R(s.currentTarget), g || ge(n.target), B(L(n.target, s), n.pointerType) && s.stopPropagation(), T(ae(s.currentTarget), "scroll", h, !0);
       }, f.onTouchMove = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
         if (!n.isPressed) {
           s.stopPropagation();
           return;
         }
-        let g = he(s.nativeEvent, n.activePointerId), a = !0;
-        g && M(g, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, a = B(A(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, a = k(A(n.target, s), n.pointerType, !1), L(A(n.target, s))), a && s.stopPropagation();
+        let b = he(s.nativeEvent, n.activePointerId), a = !0;
+        b && M(b, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, a = B(L(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, a = k(L(n.target, s), n.pointerType, !1), I(L(n.target, s))), a && s.stopPropagation();
       }, f.onTouchEnd = (s) => {
         if (!s.currentTarget.contains(s.target)) return;
         if (!n.isPressed) {
           s.stopPropagation();
           return;
         }
-        let g = he(s.nativeEvent, n.activePointerId), a = !0;
-        g && M(g, s.currentTarget) && n.pointerType != null ? (N(A(n.target, s), n.pointerType), a = k(A(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (a = k(A(n.target, s), n.pointerType, !1)), a && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !b && Y(n.target), S();
+        let b = he(s.nativeEvent, n.activePointerId), a = !0;
+        b && M(b, s.currentTarget) && n.pointerType != null ? (D(L(n.target, s), n.pointerType), a = k(L(n.target, s), n.pointerType)) : n.isOverTarget && n.pointerType != null && (a = k(L(n.target, s), n.pointerType, !1)), a && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !g && Y(n.target), x();
       }, f.onTouchCancel = (s) => {
-        s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && O(A(n.target, s)));
+        s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && S(L(n.target, s)));
       };
       let h = (s) => {
-        n.isPressed && s.target.contains(n.target) && O({
+        n.isPressed && s.target.contains(n.target) && S({
           currentTarget: n.target,
           shiftKey: !1,
           ctrlKey: !1,
@@ -535,7 +535,7 @@ function bt(e) {
         });
       };
       f.onDragStart = (s) => {
-        s.currentTarget.contains(s.target) && O(s);
+        s.currentTarget.contains(s.target) && S(s);
       };
     }
     return f;
@@ -543,22 +543,22 @@ function bt(e) {
     T,
     u,
     m,
+    x,
+    g,
     S,
-    b,
-    O,
-    L,
+    I,
     k,
     B,
-    N
+    D
   ]);
   return J(() => () => {
     var n;
-    b || Y((n = w.current.target) !== null && n !== void 0 ? n : void 0);
+    g || Y((n = w.current.target) !== null && n !== void 0 ? n : void 0);
   }, [
-    b
+    g
   ]), {
     isPressed: p || _,
-    pressProps: V(x, oe)
+    pressProps: V(O, oe)
   };
 }
 function de(e) {
@@ -566,10 +566,10 @@ function de(e) {
 }
 function re(e, t) {
   const { key: r, code: o } = e, i = t, c = i.getAttribute("role");
-  return (r === "Enter" || r === " " || r === "Spacebar" || o === "Space") && !(i instanceof ae(i).HTMLInputElement && !Ie(i, r) || i instanceof ae(i).HTMLTextAreaElement || i.isContentEditable) && // Links should only trigger with Enter key
+  return (r === "Enter" || r === " " || r === "Spacebar" || o === "Space") && !(i instanceof ae(i).HTMLInputElement && !Ke(i, r) || i instanceof ae(i).HTMLTextAreaElement || i.isContentEditable) && // Links should only trigger with Enter key
   !((c === "link" || !c && de(i)) && r !== "Enter");
 }
-function gt(e) {
+function bt(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
@@ -581,7 +581,7 @@ function he(e, t) {
   }
   return null;
 }
-function A(e, t) {
+function L(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,
@@ -624,11 +624,11 @@ function M(e, t) {
 function se(e) {
   return !(e instanceof HTMLElement) || !e.hasAttribute("draggable");
 }
-function Ke(e) {
+function Ae(e) {
   return e instanceof HTMLInputElement ? !1 : e instanceof HTMLButtonElement ? e.type !== "submit" && e.type !== "reset" : !de(e);
 }
 function ye(e, t) {
-  return e instanceof HTMLInputElement ? !Ie(e, t) : Ke(e);
+  return e instanceof HTMLInputElement ? !Ke(e, t) : Ae(e);
 }
 const yt = /* @__PURE__ */ new Set([
   "checkbox",
@@ -641,7 +641,7 @@ const yt = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function Ie(e, t) {
+function Ke(e, t) {
   return e.type === "checkbox" || e.type === "radio" ? t === " " : yt.has(e.type);
 }
 let Z = !1, ie = 0;
@@ -660,7 +660,7 @@ function kt() {
     };
 }
 function wt(e) {
-  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: i } = e, [c, u] = $e(!1), p = ee({
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: i } = e, [c, u] = Pe(!1), p = ee({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
@@ -668,38 +668,38 @@ function wt(e) {
   }).current;
   J(kt, []);
   let { hoverProps: m, triggerHoverEnd: v } = Be(() => {
-    let b = (_, $) => {
-      if (p.pointerType = $, i || $ === "touch" || p.isHovered || !_.currentTarget.contains(_.target)) return;
+    let g = (_, P) => {
+      if (p.pointerType = P, i || P === "touch" || p.isHovered || !_.currentTarget.contains(_.target)) return;
       p.isHovered = !0;
       let w = _.currentTarget;
       p.target = w, t && t({
         type: "hoverstart",
         target: w,
-        pointerType: $
+        pointerType: P
       }), r && r(!0), u(!0);
-    }, E = (_, $) => {
-      if (p.pointerType = "", p.target = null, $ === "touch" || !p.isHovered) return;
+    }, $ = (_, 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: $
+        pointerType: P
       }), r && r(!1), u(!1);
-    }, x = {};
-    return typeof PointerEvent < "u" ? (x.onPointerEnter = (_) => {
-      Z && _.pointerType === "mouse" || b(_, _.pointerType);
-    }, x.onPointerLeave = (_) => {
-      !i && _.currentTarget.contains(_.target) && E(_, _.pointerType);
-    }) : (x.onTouchStart = () => {
+    }, O = {};
+    return typeof PointerEvent < "u" ? (O.onPointerEnter = (_) => {
+      Z && _.pointerType === "mouse" || g(_, _.pointerType);
+    }, O.onPointerLeave = (_) => {
+      !i && _.currentTarget.contains(_.target) && $(_, _.pointerType);
+    }) : (O.onTouchStart = () => {
       p.ignoreEmulatedMouseEvents = !0;
-    }, x.onMouseEnter = (_) => {
-      !p.ignoreEmulatedMouseEvents && !Z && b(_, "mouse"), p.ignoreEmulatedMouseEvents = !1;
-    }, x.onMouseLeave = (_) => {
-      !i && _.currentTarget.contains(_.target) && E(_, "mouse");
+    }, O.onMouseEnter = (_) => {
+      !p.ignoreEmulatedMouseEvents && !Z && g(_, "mouse"), p.ignoreEmulatedMouseEvents = !1;
+    }, O.onMouseLeave = (_) => {
+      !i && _.currentTarget.contains(_.target) && $(_, "mouse");
     }), {
-      hoverProps: x,
-      triggerHoverEnd: E
+      hoverProps: O,
+      triggerHoverEnd: $
     };
   }, [
     t,
@@ -729,12 +729,12 @@ function Tt(e, t) {
     onPressUp: p,
     onPressChange: m,
     preventFocusOnPress: v,
-    allowFocusWhenDisabled: b,
+    allowFocusWhenDisabled: g,
     // @ts-ignore
-    onClick: E,
-    href: x,
+    onClick: $,
+    href: O,
     target: _,
-    rel: $,
+    rel: P,
     type: w = "button"
   } = e, T;
   r === "button" ? T = {
@@ -743,14 +743,14 @@ function Tt(e, t) {
   } : T = {
     role: "button",
     tabIndex: o ? void 0 : 0,
-    href: r === "a" && o ? void 0 : x,
+    href: r === "a" && o ? void 0 : O,
     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" ? $ : void 0
+    rel: r === "a" ? P : void 0
   };
-  let { pressProps: S, isPressed: B } = bt({
+  let { pressProps: x, isPressed: B } = gt({
     onPressStart: c,
     onPressEnd: u,
     onPressChange: m,
@@ -760,24 +760,24 @@ function Tt(e, t) {
     preventFocusOnPress: v,
     ref: t
   }), { focusableProps: k } = Ve(e, t);
-  b && (k.tabIndex = o ? -1 : k.tabIndex);
-  let N = V(k, S, Qe(e, {
+  g && (k.tabIndex = o ? -1 : k.tabIndex);
+  let D = V(k, x, Qe(e, {
     labelable: !0
   }));
   return {
     isPressed: B,
-    buttonProps: V(T, N, {
+    buttonProps: V(T, D, {
       "aria-haspopup": e["aria-haspopup"],
       "aria-expanded": e["aria-expanded"],
       "aria-controls": e["aria-controls"],
       "aria-pressed": e["aria-pressed"],
-      onClick: (O) => {
-        E && (E(O), console.warn("onClick is deprecated, please use onPress"));
+      onClick: (S) => {
+        $ && ($(S), console.warn("onClick is deprecated, please use onPress"));
       }
     })
   };
 }
-function Et(e, t, r) {
+function $t(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -799,14 +799,14 @@ function Te(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? we(Object(r), !0).forEach(function(o) {
-      Et(e, o, r[o]);
+      $t(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 $t = (e, t, r) => {
+var Pt = (e, t, r) => {
   for (var o of Object.keys(e)) {
     var i;
     if (e[o] !== ((i = t[o]) !== null && i !== void 0 ? i : r[o]))
@@ -827,11 +827,11 @@ var $t = (e, t, r) => {
       m && (r += " " + m);
     }
   }
-  for (var [v, b] of e.compoundVariants)
-    $t(v, o, e.defaultVariants) && (r += " " + b);
+  for (var [v, g] of e.compoundVariants)
+    Pt(v, o, e.defaultVariants) && (r += " " + g);
   return r;
-}, Bt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyg"], [{ kind: "link", disabled: !0 }, "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyh"]] }), Pt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyi", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyj", false: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyk" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyl", default: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxym", delete: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyn", key: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyo", confirm: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyp", link: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyq" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyr", false: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxys" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), xt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyt", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyu", false: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyv" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyw", default: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyx", delete: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyy", key: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxyz", confirm: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy10", link: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy11" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), St = "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy12", Ot = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy13", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy14", false: "pkg_sps-woodland_buttons__version_8_34_16__hash_125pcxy15" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
-const Le = d.forwardRef(
+}, Bt = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy0", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy1", false: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy2" }, kind: { default: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy3", link: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy4", confirm: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy5", delete: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy6", key: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy7", icon: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy8" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy9", false: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxye"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyg"], [{ kind: "link", disabled: !0 }, "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyh"]] }), Et = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyi", variantClassNames: { disabled: { true: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyj", false: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyk" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyl", default: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxym", delete: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyn", key: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyo", confirm: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyp", link: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyq" }, spinning: { true: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyr", false: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxys" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Ot = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyt", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyu", false: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyv" }, kind: { icon: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyw", default: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyx", delete: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyy", key: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxyz", confirm: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy10", link: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy11" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), xt = "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy12", St = ne({ defaultClassName: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy13", variantClassNames: { spinning: { true: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy14", false: "pkg_sps-woodland_buttons__version_8_35_0__hash_125pcxy15" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+const Ie = d.forwardRef(
   ({
     as: e,
     onClick: t,
@@ -843,44 +843,44 @@ const Le = d.forwardRef(
     href: p,
     icon: m,
     kind: v = "default",
-    spinning: b,
-    spinningTitle: E,
-    title: x,
+    spinning: g,
+    spinningTitle: $,
+    title: O,
     ..._
-  }, $) => {
+  }, P) => {
     const w = e ?? (p ? "a" : "button"), T = {
       onPress: r ?? t,
       // the button element should be disabled if the button is marked as disabled or spinning
-      isDisabled: u ?? c ?? b,
+      isDisabled: u ?? c ?? g,
       ..._
-    }, { "data-testid": S } = _, B = d.useRef(null), k = $ || B, { buttonProps: N } = Tt(
+    }, { "data-testid": x } = _, B = d.useRef(null), k = P || B, { buttonProps: D } = Tt(
       T,
       k
-    ), { hoverProps: O } = wt({ isDisabled: T.isDisabled }), { type: L, ...oe } = N, n = {
-      ...V(oe, O),
+    ), { hoverProps: S } = wt({ isDisabled: T.isDisabled }), { type: I, ...oe } = D, n = {
+      ...V(oe, S),
       ref: k,
-      title: x,
-      className: p ? xt({ spinning: b, kind: v }) : Pt({ disabled: c || u, kind: v, spinning: b }),
-      ...p ? { href: p } : { type: L },
+      title: O,
+      className: p ? Ot({ spinning: g, kind: v }) : Et({ disabled: c || u, kind: v, spinning: g }),
+      ...p ? { href: p } : { type: I },
       ..._
-    }, { t: f } = We(), P = m && /* @__PURE__ */ d.createElement(
+    }, { t: f } = We(), E = m && /* @__PURE__ */ d.createElement(
       Re,
       {
-        className: St,
+        className: xt,
         icon: m,
         "aria-hidden": "true",
-        "data-testid": `${S}__${m}-icon`
+        "data-testid": `${x}__${m}-icon`
       }
     );
     let l;
     v === "default" || v === "icon" || v === "link" ? l = "dark" : l = "light";
-    const h = b && /* @__PURE__ */ d.createElement(
+    const h = g && /* @__PURE__ */ d.createElement(
       Fe,
       {
         color: l,
-        className: Ot({ spinning: b }),
-        title: E || f("button.spinningTitle", { defaultValue: "Loading..." }),
-        "data-testid": `${S}__spinner`
+        className: St({ spinning: g }),
+        title: $ || f("button.spinningTitle", { defaultValue: "Loading..." }),
+        "data-testid": `${x}__spinner`
       }
     );
     return /* @__PURE__ */ d.createElement(Ge, null, /* @__PURE__ */ d.createElement(
@@ -890,16 +890,16 @@ const Le = d.forwardRef(
           Bt({
             disabled: c || u,
             kind: v,
-            spinning: b
+            spinning: g
           }),
           i
         )
       },
-      /* @__PURE__ */ d.createElement(w, { ...n }, P, o ? /* @__PURE__ */ d.createElement("span", null, o) : "", h)
+      /* @__PURE__ */ d.createElement(w, { ...n }, E, o ? /* @__PURE__ */ d.createElement("span", null, o) : "", h)
     ));
   }
 );
-He.set(Le, {
+He.set(Ie, {
   name: "Button",
   props: {
     disabled: "boolean",
@@ -922,8 +922,8 @@ He.set(Le, {
   },
   panellable: !0
 });
-const Nt = {
-  components: [Le],
+const Dt = {
+  components: [Ie],
   description: () => /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, "Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."), /* @__PURE__ */ d.createElement("br", null), /* @__PURE__ */ d.createElement("h5", null, "Variants"), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Default: "), "For tertiary actions or actions of lower importance on a page."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Key: "), "For primary or important actions on a page."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Confirm: "), "For the main call to action on a page. There should only be one Confirm button per screen."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Delete: "), "For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "Disabled: "), "For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it’s disabled."), /* @__PURE__ */ d.createElement("div", { className: "sps-body-14" }, /* @__PURE__ */ d.createElement("span", { className: "sps-text-semibold" }, "With an Icon: "), "For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),
   examples: {
     basic: {
@@ -995,40 +995,36 @@ const Nt = {
         withoutIcons: {
           description: "Without Icons",
           react: y`
-            import { SpsDropdown } from "@spscommerce/ds-react";
+            import { Dropdown, OptionList, Option } from "@sps-woodland/dropdowns";
 
             function Component() {
               return (
                 <>
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      label="Default"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      kind={ButtonKind.KEY}
-                      label="Key"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      kind={ButtonKind.CONFIRM}
-                      label="Confirm"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      kind={ButtonKind.DELETE}
-                      label="Delete"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      disabled
-                      label="Disabled"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
+                  <Dropdown label="Default" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Key" kind="key" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Confirm" kind="confirm" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Delete" kind="delete" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Disabled" disabled>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
                 </>
               )
             }
@@ -1037,45 +1033,36 @@ const Nt = {
         withIcons: {
           description: "With Icons",
           react: y`
-            import { SpsDropdown } from "@spscommerce/ds-react";
+            import { Dropdown, OptionList, Option } from "@sps-woodland/dropdowns";
 
             function Component() {
               return (
                 <>
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      icon={SpsIcon.DOWNLOAD_CLOUD}
-                      label="Default"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      icon={SpsIcon.DOWNLOAD_CLOUD}
-                      kind={ButtonKind.KEY}
-                      label="Key"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      icon={SpsIcon.DOWNLOAD_CLOUD}
-                      kind={ButtonKind.CONFIRM}
-                      label="Confirm"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      icon={SpsIcon.TRASH}
-                      kind={ButtonKind.DELETE}
-                      label="Delete"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                      className="mr-1 mb-1"
-                      icon={SpsIcon.DOWNLOAD_CLOUD}
-                      disabled
-                      label="Disabled"
-                      options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
+                  <Dropdown label="Default" icon="download-cloud" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Key" kind="key" icon="download-cloud" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Confirm" kind="confirm" icon="download-cloud" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Delete" kind="delete" icon="download-cloud" className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Disabled" disabled icon="download-cloud">
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
                 </>
               )
             }
@@ -1084,38 +1071,31 @@ const Nt = {
         spinning: {
           description: "Spinning",
           react: y`
-            import { SpsDropdown } from "@spscommerce/ds-react";
+            import { Dropdown, OptionList, Option } from "@sps-woodland/dropdowns";
 
             function Component() {
               return (
                 <>
-                  <SpsDropdown
-                    spinning
-                    className="mr-1 mb-1"
-                    label="Default"
-                    options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                    spinning
-                    className="mr-1 mb-1"
-                    kind={ButtonKind.KEY}
-                    label="Key"
-                    options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                    spinning
-                    className="mr-1 mb-1"
-                    kind={ButtonKind.CONFIRM}
-                    label="Confirm"
-                    options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
-                  <SpsDropdown
-                    spinning
-                    className="mr-1 mb-1"
-                    kind={ButtonKind.DELETE}
-                    label="Delete"
-                    options={[[{ label: "Option A" }, () => console.log("Option A")]]}
-                  />
+                  <Dropdown label="Default" spinning className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Key" kind="key" spinning className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Confirm" kind="confirm" spinning className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
+                  <Dropdown label="Delete" kind="delete" spinning className={sprinkles({ mr: "sm" })}>
+                    <OptionList>
+                      <Option onClick={() => console.log("Option A")}>Option A</Option>
+                    </OptionList>
+                  </Dropdown>
                 </>
               )
             }
@@ -1494,10 +1474,10 @@ const Nt = {
       }
     }
   }
-}, Lt = {
-  Buttons: Nt
+}, It = {
+  Buttons: Dt
 };
 export {
-  Le as Button,
-  Lt as MANIFEST
+  Ie as Button,
+  It as MANIFEST
 };