@spscommerce/ds-react 8.21.3 → 8.21.5

package/lib/index.js

@@ -6,7 +6,7 @@ var HS = (e, t, n) => t in e ? KS(e, t, { enumerable: !0, configurable: !0, writ
 var Gt = (e, t, n) => HS(e, typeof t != "symbol" ? t + "" : t, n), Yl = (e, t, n) => t.has(e) || Gl("Cannot " + n);
 var Yn = (e, t, n) => (Yl(e, t, "read from private field"), n ? n.call(e) : t.get(e)), As = (e, t, n) => t.has(e) ? Gl("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), gn = (e, t, n, r) => (Yl(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n);
 import * as s from "react";
-import J, { useRef as fe, useEffect as We, useState as je, useCallback as Bt, useMemo as tt, createContext as $d, useContext as nn, useReducer as ti, useLayoutEffect as Kd } from "react";
+import J, { useRef as fe, useEffect as We, useState as qe, useCallback as Bt, useMemo as tt, createContext as $d, useContext as nn, useReducer as ti, useLayoutEffect as Kd } from "react";
 import { getPath as Zr, setPath as WS, deepFreeze as Ul, diff as GS, DiffChange as Un, debounce as YS, flatten as US, code as y, crumblePath as zS, traversePath as jS, forEachNestedObject as qS, constrain as JS, lockToAnimationFrames as ZS } from "@spscommerce/utils";
 import * as Dr from "moment-timezone";
 import gt from "moment-timezone";
@@ -694,7 +694,7 @@ function sv(e) {
 }
 function av(e, t = {}) {
   sv(e);
-  const [, n] = je({}), r = fe(!1);
+  const [, n] = qe({}), r = fe(!1);
   r.current = !1;
   const a = fe(t), o = Bt((h) => {
     var T, E;
@@ -1460,7 +1460,7 @@ const hs = s.forwardRef((e, t) => {
       captionKey: "caption"
     }) : null,
     [Q]
-  ), [q, ne] = s.useState(-1), [oe, le] = s.useState(x), ae = t || s.useRef(null), se = s.useRef(null), we = s.useRef(null), Ae = fs("sps-option-list-portal"), Qe = s.useContext(qt), [mt, bt] = X || [Ee.BOTTOM_LEFT, Ee.TOP_LEFT], [[ft, he], qe] = s.useState([{}, !1]), De = s.useRef(null), [
+  ), [q, ne] = s.useState(-1), [oe, le] = s.useState(x), ae = t || s.useRef(null), se = s.useRef(null), we = s.useRef(null), Ae = fs("sps-option-list-portal"), Qe = s.useContext(qt), [mt, bt] = X || [Ee.BOTTOM_LEFT, Ee.TOP_LEFT], [[ft, ge], Ue] = s.useState([{}, !1]), De = s.useRef(null), [
     ve,
     ke,
     nt
@@ -1472,7 +1472,7 @@ const hs = s.forwardRef((e, t) => {
     nt
   );
   s.useEffect(() => {
-    qe(
+    Ue(
       oe ? kr(ae, E, mt, {
         altPosition: bt,
         setMinWidth: !k,
@@ -1488,7 +1488,7 @@ const hs = s.forwardRef((e, t) => {
   ]), s.useEffect(() => {
     let Se;
     return oe && (Se = () => {
-      oe && qe(
+      oe && Ue(
         kr(ae, E, mt, {
           altPosition: bt,
           setMinWidth: !k,
@@ -1507,7 +1507,7 @@ const hs = s.forwardRef((e, t) => {
     "z-stratum-dropdown",
     oe && "sps-option-list--open",
     ke.isAsync && "sps-option-list--searchable",
-    he && "sps-option-list--opens-upward",
+    ge && "sps-option-list--opens-upward",
     Q && Q.label && "sps-option-list--has-special-action",
     w
   ), Nn = H(
@@ -1543,14 +1543,14 @@ const hs = s.forwardRef((e, t) => {
       case "Up":
       case "ArrowUp": {
         let ye = q;
-        he ? q <= -1 ? ye = Fe.length - 1 : q === 0 ? Q && (ye = Fe.length) : q < Fe.length && (ye = q - 1) : q > -1 && (ye = q - 1), ye !== q && (Se.preventDefault(), ne(ye));
+        ge ? q <= -1 ? ye = Fe.length - 1 : q === 0 ? Q && (ye = Fe.length) : q < Fe.length && (ye = q - 1) : q > -1 && (ye = q - 1), ye !== q && (Se.preventDefault(), ne(ye));
         break;
       }
       case "Down":
       case "ArrowDown": {
         ce();
         let ye = q;
-        he ? q !== -1 && (q >= Fe.length ? ye = 0 : q === Fe.length - 1 ? ye = -1 : ye = q + 1) : q < Fe.length - 1 + +!!Q && (ye = q + 1), ye !== q && (Se.preventDefault(), ne(ye));
+        ge ? q !== -1 && (q >= Fe.length ? ye = 0 : q === Fe.length - 1 ? ye = -1 : ye = q + 1) : q < Fe.length - 1 + +!!Q && (ye = q + 1), ye !== q && (Se.preventDefault(), ne(ye));
         break;
       }
       default:
@@ -1562,7 +1562,7 @@ const hs = s.forwardRef((e, t) => {
     q,
     _e,
     _,
-    he,
+    ge,
     Fe
   ]), Dt = s.useCallback((Se) => {
     const ye = Fe.findIndex((Je) => {
@@ -1581,7 +1581,7 @@ const hs = s.forwardRef((e, t) => {
     q,
     _e,
     _,
-    he,
+    ge,
     Fe
   ]);
   s.useEffect(() => {
@@ -1604,7 +1604,7 @@ const hs = s.forwardRef((e, t) => {
   }, [x]), s.useEffect(() => {
     L && Le(L);
   }, [L]), s.useEffect(() => {
-    !oe && se.current && (nt({ value: "" }), se.current.scrollTop = 0), oe && $ && $(he);
+    !oe && se.current && (nt({ value: "" }), se.current.scrollTop = 0), oe && $ && $(ge);
   }, [oe]);
   const dt = K ? K / 16 : G, $n = dt ? { maxHeight: `${dt}rem` } : {};
   function $t(Se, ye) {
@@ -3953,15 +3953,15 @@ function my(e, t) {
       }, [W, ee, oe]), se = ti(cy, oy, uy), we = se[0], Ae = we[0], Qe = se[1];
       if (Ae && Ae.error)
         throw Ae.error;
-      var mt = fe(), bt = fe(G), ft = fe(), he = fe(!1), qe = M(function() {
+      var mt = fe(), bt = fe(G), ft = fe(), ge = fe(!1), Ue = M(function() {
         return ft.current && G === bt.current ? ft.current : q(Y.getState(), G);
       }, [Y, Ae, G]);
-      xc(dy, [bt, mt, he, G, qe, ft, le]), xc(py, [f, Y, oe, q, bt, mt, he, ft, le, Qe], [Y, oe, q]);
+      xc(dy, [bt, mt, ge, G, Ue, ft, le]), xc(py, [f, Y, oe, q, bt, mt, ge, ft, le, Qe], [Y, oe, q]);
       var De = tt(function() {
-        return /* @__PURE__ */ J.createElement(L, be({}, qe, {
+        return /* @__PURE__ */ J.createElement(L, be({}, Ue, {
           ref: K
         }));
-      }, [K, L, qe]), ve = tt(function() {
+      }, [K, L, Ue]), ve = tt(function() {
         return f ? /* @__PURE__ */ J.createElement(te.Provider, {
           value: ae
         }, De) : De;
@@ -4186,7 +4186,7 @@ function By(e, t) {
   return !0;
 }
 function hp(e, t) {
-  var n = je(function() {
+  var n = qe(function() {
     return {
       inputs: t,
       result: e()
@@ -4204,7 +4204,7 @@ function Ay(e, t) {
     return e;
   }, t);
 }
-var Me = hp, ge = Ay, Fy = process.env.NODE_ENV === "production", io = "Invariant failed";
+var Me = hp, he = Ay, Fy = process.env.NODE_ENV === "production", io = "Invariant failed";
 function Mc(e, t) {
   if (Fy)
     throw new Error(io);
@@ -7260,10 +7260,10 @@ var nw = function(e, t) {
 function Cw(e, t) {
   var n = Me(function() {
     return ww(e);
-  }, [e]), r = fe(null), a = fe(null), o = ge(it(function(u) {
+  }, [e]), r = fe(null), a = fe(null), o = he(it(function(u) {
     var h = a.current;
     h || (process.env.NODE_ENV !== "production" ? V(!1, "Cannot set dynamic style element if it is not set") : V()), h.textContent = u;
-  }), []), l = ge(function(u) {
+  }), []), l = he(function(u) {
     var h = r.current;
     h || (process.env.NODE_ENV !== "production" ? V(!1, "Cannot set dynamic style element if it is not set") : V()), h.textContent = u;
   }, []);
@@ -7278,15 +7278,15 @@ function Cw(e, t) {
       g(r), g(a);
     };
   }, [t, l, o, n.always, n.resting, e]);
-  var c = ge(function() {
+  var c = he(function() {
     return o(n.dragging);
-  }, [o, n.dragging]), p = ge(function(u) {
+  }, [o, n.dragging]), p = he(function(u) {
     if (u === "DROP") {
       o(n.dropAnimating);
       return;
     }
     o(n.userCancel);
-  }, [o, n.dropAnimating, n.userCancel]), m = ge(function() {
+  }, [o, n.dropAnimating, n.userCancel]), m = he(function() {
     a.current && o(n.resting);
   }, [o, n.resting]), f = Me(function() {
     return {
@@ -7313,7 +7313,7 @@ function tu(e, t) {
   return a ? Ts(a) ? a : (process.env.NODE_ENV !== "production" && He("drag handle needs to be a HTMLElement"), null) : (process.env.NODE_ENV !== "production" && He('Unable to find drag handle with id "' + t + '" as no handle with a matching id was found'), null);
 }
 function Dw(e) {
-  var t = fe({}), n = fe(null), r = fe(null), a = fe(!1), o = ge(function(h, g) {
+  var t = fe({}), n = fe(null), r = fe(null), a = fe(!1), o = he(function(h, g) {
     var v = {
       id: h,
       focus: g
@@ -7322,18 +7322,18 @@ function Dw(e) {
       var E = t.current, w = E[h];
       w !== v && delete E[h];
     };
-  }, []), l = ge(function(h) {
+  }, []), l = he(function(h) {
     var g = tu(e, h);
     g && g !== document.activeElement && g.focus();
-  }, [e]), c = ge(function(h, g) {
+  }, [e]), c = he(function(h, g) {
     n.current === h && (n.current = g);
-  }, []), p = ge(function() {
+  }, []), p = he(function() {
     r.current || a.current && (r.current = requestAnimationFrame(function() {
       r.current = null;
       var h = n.current;
       h && l(h);
     }));
-  }, [l]), m = ge(function(h) {
+  }, [l]), m = he(function(h) {
     n.current = null;
     var g = document.activeElement;
     g && g.getAttribute(_r.draggableId) === h && (n.current = h);
@@ -7480,7 +7480,7 @@ function Mw(e) {
       });
     };
   }, [t]);
-  var r = ge(function(a) {
+  var r = he(function(a) {
     var o = n.current;
     if (o) {
       o.textContent = a;
@@ -7776,21 +7776,21 @@ function tC(e) {
         }
       }
     };
-  }, [e]), o = ge(function() {
+  }, [e]), o = he(function() {
     var u = {
       passive: !1,
       capture: !0
     };
     n.current = At(window, [a, r], u);
-  }, [a, r]), l = ge(function() {
+  }, [a, r]), l = he(function() {
     var f = t.current;
     f.type !== "IDLE" && (t.current = nd, n.current(), o());
-  }, [o]), c = ge(function() {
+  }, [o]), c = he(function() {
     var f = t.current;
     l(), f.type === "DRAGGING" && f.actions.cancel({
       shouldBlockNextClick: !0
     }), f.type === "PENDING" && f.actions.abort();
-  }, [l]), p = ge(function() {
+  }, [l]), p = he(function() {
     var u = {
       capture: !0,
       passive: !1
@@ -7805,7 +7805,7 @@ function tC(e) {
       }
     });
     n.current = At(window, h, u);
-  }, [c, l]), m = ge(function(u, h) {
+  }, [c, l]), m = he(function(u, h) {
     t.current.type !== "IDLE" && (process.env.NODE_ENV !== "production" ? V(!1, "Expected to move from IDLE to PENDING drag") : V()), t.current = {
       type: "PENDING",
       point: h,
@@ -7915,7 +7915,7 @@ function aC(e) {
         });
       }
     };
-  }, [e]), r = ge(function() {
+  }, [e]), r = he(function() {
     var o = {
       passive: !1,
       capture: !0
@@ -8031,9 +8031,9 @@ function cC(e) {
   }];
 }
 function dC(e) {
-  var t = fe(go), n = fe(Ln), r = ge(function() {
+  var t = fe(go), n = fe(Ln), r = he(function() {
     return t.current;
-  }, []), a = ge(function(g) {
+  }, []), a = he(function(g) {
     t.current = g;
   }, []), o = Me(function() {
     return {
@@ -8056,21 +8056,21 @@ function dC(e) {
         }
       }
     };
-  }, [e]), l = ge(function() {
+  }, [e]), l = he(function() {
     var g = {
       capture: !0,
       passive: !1
     };
     n.current = At(window, [o], g);
-  }, [o]), c = ge(function() {
+  }, [o]), c = he(function() {
     var h = t.current;
     h.type !== "IDLE" && (h.type === "PENDING" && clearTimeout(h.longPressTimerId), a(go), n.current(), l());
-  }, [l, a]), p = ge(function() {
+  }, [l, a]), p = he(function() {
     var h = t.current;
     c(), h.type === "DRAGGING" && h.actions.cancel({
       shouldBlockNextClick: !0
     }), h.type === "PENDING" && h.actions.abort();
-  }, [c]), m = ge(function() {
+  }, [c]), m = he(function() {
     var g = {
       capture: !0,
       passive: !1
@@ -8082,7 +8082,7 @@ function dC(e) {
     n.current = function() {
       T(), E();
     };
-  }, [p, r, c]), f = ge(function() {
+  }, [p, r, c]), f = he(function() {
     var g = r();
     g.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? V(!1, "Cannot start dragging from phase " + g.type) : V());
     var v = g.actions.fluidLift(g.point);
@@ -8091,7 +8091,7 @@ function dC(e) {
       actions: v,
       hasMoved: !1
     });
-  }, [r, a]), u = ge(function(g, v) {
+  }, [r, a]), u = he(function(g, v) {
     r().type !== "IDLE" && (process.env.NODE_ENV !== "production" ? V(!1, "Expected to move from IDLE to PENDING drag") : V());
     var T = setTimeout(f, oC);
     a({
@@ -8372,9 +8372,9 @@ function wC(e) {
 }
 var CC = [tC, aC, dC];
 function DC(e) {
-  var t = e.contextId, n = e.store, r = e.registry, a = e.customSensors, o = e.enableDefaultSensors, l = [].concat(o ? CC : [], a || []), c = je(function() {
+  var t = e.contextId, n = e.store, r = e.registry, a = e.customSensors, o = e.enableDefaultSensors, l = [].concat(o ? CC : [], a || []), c = qe(function() {
     return Kw();
-  })[0], p = ge(function(N, I) {
+  })[0], p = he(function(N, I) {
     N.isDragging && !I.isDragging && c.tryAbandon();
   }, [c]);
   Ot(function() {
@@ -8386,14 +8386,14 @@ function DC(e) {
   }, [c, n, p]), Ot(function() {
     return c.tryAbandon;
   }, [c.tryAbandon]);
-  var m = ge(function(w) {
+  var m = he(function(w) {
     return lu({
       lockAPI: c,
       registry: r,
       store: n,
       draggableId: w
     });
-  }, [c, r, n]), f = ge(function(w, N, I) {
+  }, [c, r, n]), f = he(function(w, N, I) {
     return wC({
       lockAPI: c,
       registry: r,
@@ -8403,14 +8403,14 @@ function DC(e) {
       forceSensorStop: N,
       sourceEvent: I && I.sourceEvent ? I.sourceEvent : null
     });
-  }, [t, c, r, n]), u = ge(function(w) {
+  }, [t, c, r, n]), u = he(function(w) {
     return yC(t, w);
-  }, [t]), h = ge(function(w) {
+  }, [t]), h = he(function(w) {
     var N = r.draggable.findById(w);
     return N ? N.options : null;
-  }, [r.draggable]), g = ge(function() {
+  }, [r.draggable]), g = he(function() {
     c.isClaimed() && (c.tryAbandon(), n.getState().phase !== "IDLE" && n.dispatch(Ci()));
-  }, [c, n]), v = ge(c.isClaimed, [c]), T = Me(function() {
+  }, [c, n]), v = he(c.isClaimed, [c]), T = Me(function() {
     return {
       canGetLock: m,
       tryGetLock: f,
@@ -8439,12 +8439,12 @@ function qr(e) {
 function xC(e) {
   var t = e.contextId, n = e.setCallbacks, r = e.sensors, a = e.nonce, o = e.dragHandleUsageInstructions, l = fe(null);
   $w();
-  var c = Pi(e), p = ge(function() {
+  var c = Pi(e), p = he(function() {
     return NC(c.current);
   }, [c]), m = Mw(t), f = Lw({
     contextId: t,
     text: o
-  }), u = Cw(t, a), h = ge(function(O) {
+  }), u = Cw(t, a), h = he(function(O) {
     qr(l).dispatch(O);
   }, []), g = Me(function() {
     return dc({
@@ -8474,10 +8474,10 @@ function xC(e) {
     });
   }, [m, E, T, w, p, u]);
   process.env.NODE_ENV !== "production" && l.current && l.current !== N && process.env.NODE_ENV !== "production" && He("unexpected store change"), l.current = N;
-  var I = ge(function() {
+  var I = he(function() {
     var O = qr(l), _ = O.getState();
     _.phase !== "IDLE" && O.dispatch(Ci());
-  }, []), k = ge(function() {
+  }, []), k = he(function() {
     var O = qr(l).getState();
     return O.isDragging || O.phase === "DROP_ANIMATING";
   }, []), x = Me(function() {
@@ -8487,9 +8487,9 @@ function xC(e) {
     };
   }, [k, I]);
   n(x);
-  var A = ge(function(O) {
+  var A = he(function(O) {
     return Jp(qr(l).getState(), O);
-  }, []), L = ge(function() {
+  }, []), L = he(function() {
     return Jn(qr(l).getState());
   }, []), C = Me(function() {
     return {
@@ -8724,15 +8724,15 @@ function GC(e) {
       };
       o.updateDroppableScroll(c.id, A);
     });
-  }, [c.id, o]), f = ge(function() {
+  }, [c.id, o]), f = he(function() {
     var k = t.current;
     return !k || !k.env.closestScrollable ? lt : Uo(k.env.closestScrollable);
-  }, []), u = ge(function() {
+  }, []), u = he(function() {
     var k = f();
     m(k.x, k.y);
   }, [f, m]), h = Me(function() {
     return as(u);
-  }, [u]), g = ge(function() {
+  }, [u]), g = he(function() {
     var k = t.current, x = Ys(k);
     k && x || (process.env.NODE_ENV !== "production" ? V(!1, "Could not find scroll options while scrolling") : V());
     var A = k.scrollOptions;
@@ -8741,7 +8741,7 @@ function GC(e) {
       return;
     }
     h();
-  }, [h, u]), v = ge(function(k, x) {
+  }, [h, u]), v = he(function(k, x) {
     t.current && (process.env.NODE_ENV !== "production" ? V(!1, "Cannot collect a droppable while a drag is occurring") : V());
     var A = l.current, L = A.getDroppableRef();
     L || (process.env.NODE_ENV !== "production" ? V(!1, "Cannot collect without a droppable ref") : V());
@@ -8763,15 +8763,15 @@ function GC(e) {
       shouldClipSubject: !A.ignoreContainerClipping
     }), $ = C.closestScrollable;
     return $ && ($.setAttribute(Xc.contextId, n.contextId), $.addEventListener("scroll", g, sd(O.scrollOptions)), process.env.NODE_ENV !== "production" && BC($)), _;
-  }, [n.contextId, c, g, l]), T = ge(function() {
+  }, [n.contextId, c, g, l]), T = he(function() {
     var k = t.current, x = Ys(k);
     return k && x || (process.env.NODE_ENV !== "production" ? V(!1, "Can only recollect Droppable client for Droppables that have a scroll container") : V()), Uo(x);
-  }, []), E = ge(function() {
+  }, []), E = he(function() {
     var k = t.current;
     k || (process.env.NODE_ENV !== "production" ? V(!1, "Cannot stop drag when no active drag") : V());
     var x = Ys(k);
     t.current = null, x && (h.cancel(), x.removeAttribute(Xc.contextId), x.removeEventListener("scroll", g, sd(k.scrollOptions)));
-  }, [g, h]), w = ge(function(k) {
+  }, [g, h]), w = he(function(k) {
     var x = t.current;
     x || (process.env.NODE_ENV !== "production" ? V(!1, "Cannot scroll when there is no drag") : V());
     var A = Ys(x);
@@ -8835,15 +8835,15 @@ var ad = {
   };
 };
 function zC(e) {
-  var t = fe(null), n = ge(function() {
+  var t = fe(null), n = he(function() {
     t.current && (clearTimeout(t.current), t.current = null);
-  }, []), r = e.animate, a = e.onTransitionEnd, o = e.onClose, l = e.contextId, c = je(e.animate === "open"), p = c[0], m = c[1];
+  }, []), r = e.animate, a = e.onTransitionEnd, o = e.onClose, l = e.contextId, c = qe(e.animate === "open"), p = c[0], m = c[1];
   We(function() {
     return p ? r !== "open" ? (n(), m(!1), So) : t.current ? So : (t.current = setTimeout(function() {
       t.current = null, m(!1);
     }), n) : So;
   }, [r, p, n]);
-  var f = ge(function(h) {
+  var f = he(function(h) {
     h.propertyName === "height" && (a(), r === "close" && o());
   }, [r, o, a]), u = UC({
     isAnimatingOpenOnMount: p,
@@ -9012,7 +9012,7 @@ function iD(e) {
       shouldRespectForcePress: l,
       isEnabled: c
     };
-  }, [o, c, l]), m = ge(function(g) {
+  }, [o, c, l]), m = he(function(g) {
     var v = a();
     return v || (process.env.NODE_ENV !== "production" ? V(!1, "Cannot get dimension when no ref is set") : V()), oD(n, v, g);
   }, [n, a]), f = Me(function() {
@@ -9058,9 +9058,9 @@ function dD(e) {
   e.preventDefault();
 }
 function pD(e) {
-  var t = fe(null), n = ge(function(O) {
+  var t = fe(null), n = he(function(O) {
     t.current = O;
-  }, []), r = ge(function() {
+  }, []), r = he(function() {
     return t.current;
   }, []), a = la(Ta), o = a.contextId, l = a.dragHandleUsageInstructionsId, c = a.registry, p = la(Fi), m = p.type, f = p.droppableId, u = Me(function() {
     return {
@@ -9093,7 +9093,7 @@ function pD(e) {
       draggable: !1,
       onDragStart: dD
     } : null;
-  }, [o, l, g, v]), A = ge(function(O) {
+  }, [o, l, g, v]), A = he(function(O) {
     N.type === "DRAGGING" && N.dropping && O.propertyName === "transform" && I();
   }, [I, N]), L = Me(function() {
     var O = aD(N), _ = N.type === "DRAGGING" && N.dropping ? A : null, $ = {
@@ -9288,13 +9288,13 @@ function yD(e) {
 function TD(e) {
   var t = nn(Ta);
   t || (process.env.NODE_ENV !== "production" ? V(!1, "Could not find app context") : V());
-  var n = t.contextId, r = t.isMovementAllowed, a = fe(null), o = fe(null), l = e.children, c = e.droppableId, p = e.type, m = e.mode, f = e.direction, u = e.ignoreContainerClipping, h = e.isDropDisabled, g = e.isCombineEnabled, v = e.snapshot, T = e.useClone, E = e.updateViewportMaxScroll, w = e.getContainerForClone, N = ge(function() {
+  var n = t.contextId, r = t.isMovementAllowed, a = fe(null), o = fe(null), l = e.children, c = e.droppableId, p = e.type, m = e.mode, f = e.direction, u = e.ignoreContainerClipping, h = e.isDropDisabled, g = e.isCombineEnabled, v = e.snapshot, T = e.useClone, E = e.updateViewportMaxScroll, w = e.getContainerForClone, N = he(function() {
     return a.current;
-  }, []), I = ge(function(U) {
+  }, []), I = he(function(U) {
     a.current = U;
-  }, []), k = ge(function() {
+  }, []), k = he(function() {
     return o.current;
-  }, []), x = ge(function(U) {
+  }, []), x = he(function(U) {
     o.current = U;
   }, []);
   XC({
@@ -9302,7 +9302,7 @@ function TD(e) {
     getDroppableRef: N,
     getPlaceholderRef: k
   });
-  var A = ge(function() {
+  var A = he(function() {
     r() && E({
       maxScroll: qp()
     });
@@ -9966,7 +9966,7 @@ function VM(e = {}, t = {}) {
 }
 function $M(e, t) {
   t && e.setInitValue(t);
-  const [n, r] = je(), [a, o] = je([]), [l, c] = ti((p) => {
+  const [n, r] = qe(), [a, o] = qe([]), [l, c] = ti((p) => {
     for (const m of a)
       for (const f of jS(p, m))
         f.validators && f.validators.length && (f.errors = oi(f.getValue(), f.validators), f.invalid = !!f.errors && !f.pristine);
@@ -9979,7 +9979,7 @@ function $M(e, t) {
   }), l;
 }
 function KM(e, t = null) {
-  const [n, r] = je(t), a = fe(() => null);
+  const [n, r] = qe(t), a = fe(() => null);
   return We(() => {
     const o = () => n;
     if (e.validators) {
@@ -12195,20 +12195,17 @@ const zD = {
       opensUpward: !1,
       optionIds: ""
     });
-    function q(he) {
+    function q(ge) {
       Y({
-        value: he,
-        text: he && k ? he[k] : he
+        value: ge,
+        text: ge && k ? ge[k] : ge
       });
     }
-    async function ne(he) {
-      if (Q && !await Q(he == null ? void 0 : he.value))
-        return;
-      q(he);
-      const qe = he && x && typeof he == "object" ? he[x] : he;
-      j && (j.setValue(qe), j.markAsDirty()), g && g(
-        new sr({ value: qe })
-      );
+    async function ne(ge) {
+      const Ue = ge && x && typeof ge == "object" ? ge[x] : ge;
+      Q && !await Q(Ue) || (q(ge), j && (j.setValue(Ue), j.markAsDirty()), g && g(
+        new sr({ value: Ue })
+      ));
     }
     s.useEffect(() => {
       q(L);
@@ -12219,10 +12216,10 @@ const zD = {
     function le() {
       Y({ isOpen: !1 });
     }
-    function ae(he) {
-      he.nativeEvent.stopImmediatePropagation(), c || Y({ isOpen: !R.isOpen });
+    function ae(ge) {
+      ge.nativeEvent.stopImmediatePropagation(), c || Y({ isOpen: !R.isOpen });
     }
-    function se(he) {
+    function se(ge) {
       c || ([
         "Up",
         "ArrowUp",
@@ -12230,20 +12227,20 @@ const zD = {
         "ArrowDown",
         " ",
         "Spacebar"
-      ].indexOf(he.key) > -1 && he.preventDefault(), he.persist(), Y({ keyDown: he }));
+      ].indexOf(ge.key) > -1 && ge.preventDefault(), ge.persist(), Y({ keyDown: ge }));
     }
-    function we(he) {
-      Y({ isOpen: he });
+    function we(ge) {
+      Y({ isOpen: ge });
     }
-    function Ae(he) {
-      Y({ opensUpward: he });
+    function Ae(ge) {
+      Y({ opensUpward: ge });
     }
-    function Qe(he) {
-      he.detail !== re && Y({ isOpen: !1 });
+    function Qe(ge) {
+      ge.detail !== re && Y({ isOpen: !1 });
     }
-    function mt(he) {
+    function mt(ge) {
       Y({
-        optionIds: new Array(he).fill("").map((qe, De) => `${re}-options-option-${De}`).join(",")
+        optionIds: new Array(ge).fill("").map((Ue, De) => `${re}-options-option-${De}`).join(",")
       });
     }
     s.useEffect(() => (document.addEventListener("click", le), document.addEventListener("DropdownOpened", Qe), () => {
@@ -12251,28 +12248,28 @@ const zD = {
     }), []), s.useLayoutEffect(() => {
       if (r && ee.current && G.current) {
         G.current.style.width = "";
-        const qe = `${G.current.getBoundingClientRect().width + 6}px`;
-        G.current.style.width = qe, ee.current.style.width = qe, ee.current.style.maxWidth = qe;
+        const Ue = `${G.current.getBoundingClientRect().width + 6}px`;
+        G.current.style.width = Ue, ee.current.style.width = Ue, ee.current.style.maxWidth = Ue;
       }
     }), Qd(() => {
       if (R.isOpen) {
         te.current && jD(te.current, {
           scrollMode: "if-needed"
         }), T == null || T();
-        const he = document.createEvent("CustomEvent");
-        he.initCustomEvent("DropdownOpened", !1, !1, re), document.dispatchEvent(he);
+        const ge = document.createEvent("CustomEvent");
+        ge.initCustomEvent("DropdownOpened", !1, !1, re), document.dispatchEvent(ge);
       }
     }, [R.isOpen]), s.useImperativeHandle(t, () => ({
       focus: () => {
-        var he;
-        (he = te.current) == null || he.focus();
+        var ge;
+        (ge = te.current) == null || ge.focus();
       }
     })), s.useEffect(() => {
-      let he;
-      return R.isOpen && (he = () => {
+      let ge;
+      return R.isOpen && (ge = () => {
         Y({ isOpen: !1 });
-      }, window.addEventListener("resize", he)), () => {
-        he && window.removeEventListener("resize", he);
+      }, window.addEventListener("resize", ge)), () => {
+        ge && window.removeEventListener("resize", ge);
       };
     }, [R.isOpen]), ha({ isOpen: R.isOpen, rootRef: te });
     const bt = H(
@@ -12943,10 +12940,10 @@ function xu({
   s.useEffect(() => {
     re !== O[2] && Qe();
   }, [re]);
-  function he(ce) {
+  function ge(ce) {
     X(ce.target.value);
   }
-  function qe(ce) {
+  function Ue(ce) {
     Z.validateTimeString(ce.target.value, f) && j(ce.target.value);
   }
   function De(ce, me, _e) {
@@ -13150,7 +13147,7 @@ function xu({
         "data-testid": `${h}_to_date_input`,
         id: I,
         placeholder: !M && !ee ? (u == null ? void 0 : u.toUpperCase()) || xr : void 0,
-        onChange: he,
+        onChange: ge,
         onClick: Y,
         onFocus: Y,
         onKeyDown: st("to"),
@@ -13173,7 +13170,7 @@ function xu({
       suggestions: Oo,
       zeroState: "Custom time",
       value: F,
-      onChange: qe,
+      onChange: Ue,
       onBlur: () => ve(),
       onSelectionChange: nt,
       disabled: t,
@@ -13188,7 +13185,7 @@ function xu({
       suggestions: _o,
       zeroState: "Custom time",
       value: F,
-      onChange: qe,
+      onChange: Ue,
       onBlur: () => ve(),
       onSelectionChange: nt,
       disabled: t,
@@ -13740,11 +13737,11 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
         var D = this._relativeTime[S];
         return M(D) ? D(i, d, S, b) : D.replace(/%d/i, i);
       }
-      function he(i, d) {
+      function ge(i, d) {
         var S = this._relativeTime[i > 0 ? "future" : "past"];
         return M(S) ? S(d) : S.replace(/%s/i, d);
       }
-      var qe = {
+      var Ue = {
         D: "date",
         dates: "date",
         date: "date",
@@ -13795,7 +13792,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
         year: "year"
       };
       function De(i) {
-        return typeof i == "string" ? qe[i] || qe[i.toLowerCase()] : void 0;
+        return typeof i == "string" ? Ue[i] || Ue[i.toLowerCase()] : void 0;
       }
       function ve(i) {
         var d = {}, S, b;
@@ -14327,7 +14324,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
         weekdaysMin: Af,
         weekdaysShort: ml,
         meridiemParse: eh
-      }, Ue = {}, Gr = {}, Yr;
+      }, ze = {}, Gr = {}, Yr;
       function rh(i, d) {
         var S, b = Math.min(i.length, d.length);
         for (S = 0; S < b; S += 1)
@@ -14356,13 +14353,13 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
       }
       function xs(i) {
         var d = null, S;
-        if (Ue[i] === void 0 && e && e.exports && ah(i))
+        if (ze[i] === void 0 && e && e.exports && ah(i))
           try {
             d = Yr._abbr, S = an, S("./locale/" + i), xn(d);
           } catch {
-            Ue[i] = null;
+            ze[i] = null;
           }
-        return Ue[i];
+        return ze[i];
       }
       function xn(i, d) {
         var S;
@@ -14373,14 +14370,14 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
       function Ra(i, d) {
         if (d !== null) {
           var S, b = gl;
-          if (d.abbr = i, Ue[i] != null)
+          if (d.abbr = i, ze[i] != null)
             U(
               "defineLocaleOverride",
               "use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."
-            ), b = Ue[i]._config;
+            ), b = ze[i]._config;
           else if (d.parentLocale != null)
-            if (Ue[d.parentLocale] != null)
-              b = Ue[d.parentLocale]._config;
+            if (ze[d.parentLocale] != null)
+              b = ze[d.parentLocale]._config;
             else if (S = xs(d.parentLocale), S != null)
               b = S._config;
             else
@@ -14388,19 +14385,19 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
                 name: i,
                 config: d
               }), null;
-          return Ue[i] = new Q(P(b, d)), Gr[i] && Gr[i].forEach(function(D) {
+          return ze[i] = new Q(P(b, d)), Gr[i] && Gr[i].forEach(function(D) {
             Ra(D.name, D.config);
-          }), xn(i), Ue[i];
+          }), xn(i), ze[i];
         } else
-          return delete Ue[i], null;
+          return delete ze[i], null;
       }
       function oh(i, d) {
         if (d != null) {
           var S, b, D = gl;
-          Ue[i] != null && Ue[i].parentLocale != null ? Ue[i].set(P(Ue[i]._config, d)) : (b = xs(i), b != null && (D = b._config), d = P(D, d), b == null && (d.abbr = i), S = new Q(d), S.parentLocale = Ue[i], Ue[i] = S), xn(i);
+          ze[i] != null && ze[i].parentLocale != null ? ze[i].set(P(ze[i]._config, d)) : (b = xs(i), b != null && (D = b._config), d = P(D, d), b == null && (d.abbr = i), S = new Q(d), S.parentLocale = ze[i], ze[i] = S), xn(i);
         } else
-          Ue[i] != null && (Ue[i].parentLocale != null ? (Ue[i] = Ue[i].parentLocale, i === xn() && xn(i)) : Ue[i] != null && delete Ue[i]);
-        return Ue[i];
+          ze[i] != null && (ze[i].parentLocale != null ? (ze[i] = ze[i].parentLocale, i === xn() && xn(i)) : ze[i] != null && delete ze[i]);
+        return ze[i];
       }
       function pn(i) {
         var d;
@@ -14414,7 +14411,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
         return sh(i);
       }
       function ih() {
-        return F(Ue);
+        return F(ze);
       }
       function La(i) {
         var d, S = i._a;
@@ -15495,7 +15492,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
         return i;
       }
       var Oe = Q.prototype;
-      Oe.calendar = re, Oe.longDateFormat = ae, Oe.invalidDate = we, Oe.ordinal = mt, Oe.preparse = Fl, Oe.postformat = Fl, Oe.relativeTime = ft, Oe.pastFuture = he, Oe.set = X, Oe.eras = Og, Oe.erasParse = Rg, Oe.erasConvertYear = Lg, Oe.erasAbbrRegex = $g, Oe.erasNameRegex = Vg, Oe.erasNarrowRegex = Kg, Oe.months = yf, Oe.monthsShort = Tf, Oe.monthsParse = wf, Oe.monthsRegex = Nf, Oe.monthsShortRegex = Df, Oe.week = kf, Oe.firstDayOfYear = _f, Oe.firstDayOfWeek = Mf, Oe.weekdays = Kf, Oe.weekdaysMin = Wf, Oe.weekdaysShort = Hf, Oe.weekdaysParse = Yf, Oe.weekdaysRegex = qf, Oe.weekdaysShortRegex = Jf, Oe.weekdaysMinRegex = Zf, Oe.isPM = Qf, Oe.meridiem = nh;
+      Oe.calendar = re, Oe.longDateFormat = ae, Oe.invalidDate = we, Oe.ordinal = mt, Oe.preparse = Fl, Oe.postformat = Fl, Oe.relativeTime = ft, Oe.pastFuture = ge, Oe.set = X, Oe.eras = Og, Oe.erasParse = Rg, Oe.erasConvertYear = Lg, Oe.erasAbbrRegex = $g, Oe.erasNameRegex = Vg, Oe.erasNarrowRegex = Kg, Oe.months = yf, Oe.monthsShort = Tf, Oe.monthsParse = wf, Oe.monthsRegex = Nf, Oe.monthsShortRegex = Df, Oe.week = kf, Oe.firstDayOfYear = _f, Oe.firstDayOfWeek = Mf, Oe.weekdays = Kf, Oe.weekdaysMin = Wf, Oe.weekdaysShort = Hf, Oe.weekdaysParse = Yf, Oe.weekdaysRegex = qf, Oe.weekdaysShortRegex = Jf, Oe.weekdaysMinRegex = Zf, Oe.isPM = Qf, Oe.meridiem = nh;
       function Ps(i, d, S, b) {
         var D = pn(), B = v().set(b, d);
         return D[S](B, i);
@@ -19358,7 +19355,7 @@ Object.assign(_N, {
   displayName: "SpsThead"
 });
 const Ku = {};
-function ze({
+function je({
   children: e,
   className: t,
   "data-testid": n,
@@ -19368,12 +19365,12 @@ function ze({
   const o = H(r || "sps-table__row", t);
   return /* @__PURE__ */ s.createElement("tr", { className: o, role: "row", "data-testid": `${n}__row`, ...a }, e);
 }
-Object.assign(ze, {
+Object.assign(je, {
   props: Ku,
   displayName: "SpsTableRow"
 });
 function ON(e) {
-  return /* @__PURE__ */ s.createElement(ze, { ...e });
+  return /* @__PURE__ */ s.createElement(je, { ...e });
 }
 Object.assign(ON, {
   props: Ku,
@@ -21510,7 +21507,7 @@ const $N = {
         alt: "A List Action Bar with labels on each section",
         className: "w-100 mb-3"
       }
-    ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, null, "Order"), /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Content Varieties")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Selection Counter"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Action Buttons"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Clear Button"), /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement(tn, { className: "mr-1" }, "Basic Buttons"), /* @__PURE__ */ s.createElement(tn, { className: "mr-1" }, "Icon Buttons"), /* @__PURE__ */ s.createElement(tn, { className: "mr-1" }, "Text Buttons"))))))
+    ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, null, "Order"), /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Content Varieties")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Selection Counter"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Action Buttons"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Clear Button"), /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement(tn, { className: "mr-1" }, "Basic Buttons"), /* @__PURE__ */ s.createElement(tn, { className: "mr-1" }, "Icon Buttons"), /* @__PURE__ */ s.createElement(tn, { className: "mr-1" }, "Text Buttons"))))))
   }
 }, HN = {
   kind: "FeedbackBlockKind",
@@ -22561,11 +22558,11 @@ function zu({
       optionIds: new Array(ve).fill("").map((ke, nt) => `${P}-options-option-${nt}`).join(",")
     });
   }
-  const he = s.useCallback(() => {
+  const ge = s.useCallback(() => {
     j({
       searchText: ""
     }), oe();
-  }, []), qe = H(
+  }, []), Ue = H(
     N || "sps-multi-select",
     R && "sps-multi-select--open",
     R && "z-stratum-dropdown",
@@ -22584,7 +22581,7 @@ function zu({
     St,
     {
       id: P,
-      className: qe,
+      className: Ue,
       formControl: p,
       formMeta: m,
       ref: re,
@@ -22682,7 +22679,7 @@ function zu({
         maxHeightPx: C,
         maxHeightRem: O,
         disableOptionsMemoization: _,
-        onSpecialActionSelect: he
+        onSpecialActionSelect: ge
       }
     )
   );
@@ -24198,7 +24195,7 @@ const ex = {
   setActiveBranch: t,
   activeBranch: n
 }) => {
-  const [r, a] = je(
+  const [r, a] = qe(
     e.expanded || !1
   );
   return /* @__PURE__ */ s.createElement(
@@ -24285,11 +24282,11 @@ const ex = {
   filterable: p,
   filterInputPlaceholder: m
 }) => {
-  const f = fe(a), [u, h] = je(
+  const f = fe(a), [u, h] = qe(
     a
-  ), [g, v] = je(
+  ), [g, v] = qe(
     c || (o ? o[0] : "")
-  ), [T, E] = je(""), w = (x, A) => {
+  ), [T, E] = qe(""), w = (x, A) => {
     h(x), r && r(x, A);
   }, N = (x) => {
     v(x), l && l(x);
@@ -29202,7 +29199,7 @@ const Vx = {
   },
   Tables: {
     description: ({ NavigateTo: e }) => /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", { className: "sps-body-14" }, "Tables (along with ", /* @__PURE__ */ s.createElement(e, { to: "content-rows" }, "Content Rows"), " and", " ", /* @__PURE__ */ s.createElement(e, { to: "content-tiles" }, "Content Tiles"), ") are one of three options for displaying a list of records on a page."), /* @__PURE__ */ s.createElement("br", null), /* @__PURE__ */ s.createElement("div", { className: "sps-body-14" }, "Tables are the ideal solution for displaying tabular data, especially when the listed records contain a considerable amount of data points. While tables are primarily used to display an extensive list of records, often in a paginated format, they can also be used to display smaller sets of tabular data in any context.")),
-    components: [Fr, ir, de, or, ut, ze],
+    components: [Fr, ir, de, or, ut, je],
     examples: $N
   },
   "Task Queue": {
@@ -29287,7 +29284,7 @@ function Wx(e) {
   return e || `${r}-${n}`;
 }
 function Gx(e) {
-  let t = J.useId(), [n] = je(Em()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${pa.prefix}`;
+  let t = J.useId(), [n] = qe(Em()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${pa.prefix}`;
   return e || `${r}-${t}`;
 }
 const Yx = typeof J.useId == "function" ? Gx : Wx;
@@ -29306,7 +29303,7 @@ function Em() {
 }
 let qx = !!(typeof window < "u" && window.document && window.document.createElement), _n = /* @__PURE__ */ new Map();
 function wm(e) {
-  let [t, n] = je(e), r = fe(null), a = Yx(t), o = Bt((l) => {
+  let [t, n] = qe(e), r = fe(null), a = Yx(t), o = Bt((l) => {
     r.current = l;
   }, []);
   return qx && (_n.has(a) && !_n.get(a).includes(o) ? _n.set(a, [
@@ -29610,7 +29607,7 @@ function Sk(e, t) {
 let bk = 0;
 const Co = /* @__PURE__ */ new Map();
 function vk(e) {
-  let [t, n] = je();
+  let [t, n] = qe();
   return ws(() => {
     if (!e) return;
     let r = Co.get(e);
@@ -29698,7 +29695,7 @@ function yk(e) {
   return !xm() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
 function Om(e, t, n) {
-  let [r, a] = je(e || t), o = fe(e !== void 0), l = e !== void 0;
+  let [r, a] = qe(e || t), o = fe(e !== void 0), l = e !== void 0;
   We(() => {
     let m = o.current;
     m !== l && console.warn(`WARN: A component changed from ${m ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}.`), o.current = l;
@@ -29859,7 +29856,7 @@ function Pm(e) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: u,
     ...h
-  } = Ik(e), [g, v] = je(!1), T = fe({
+  } = Ik(e), [g, v] = qe(!1), T = fe({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -30355,7 +30352,7 @@ class Rd {
 }
 new sl();
 function Wk(e, t) {
-  let n = t == null ? void 0 : t.isDisabled, [r, a] = je(!1);
+  let n = t == null ? void 0 : t.isDisabled, [r, a] = qe(!1);
   return ws(() => {
     if (e != null && e.current && !n) {
       let o = () => {
@@ -30444,7 +30441,7 @@ function Ld() {
   for (let e of Qr) e(ei);
 }
 function jk() {
-  let e = Em(), [t, n] = je(ei);
+  let e = Em(), [t, n] = qe(ei);
   return We(() => (Qr.size === 0 && window.addEventListener("languagechange", Ld), Qr.add(n), () => {
     Qr.delete(n), Qr.size === 0 && window.removeEventListener("languagechange", Ld);
   }), []), e ? {
@@ -30934,13 +30931,13 @@ function sI(e, t) {
   return !0;
 }
 function aI(e) {
-  let { selectionMode: t = "none", disallowEmptySelection: n, allowDuplicateSelectionEvents: r, selectionBehavior: a = "toggle", disabledBehavior: o = "all" } = e, l = fe(!1), [, c] = je(!1), p = fe(null), m = fe(null), [, f] = je(null), u = tt(() => Fd(e.selectedKeys), [
+  let { selectionMode: t = "none", disallowEmptySelection: n, allowDuplicateSelectionEvents: r, selectionBehavior: a = "toggle", disabledBehavior: o = "all" } = e, l = fe(!1), [, c] = qe(!1), p = fe(null), m = fe(null), [, f] = qe(null), u = tt(() => Fd(e.selectedKeys), [
     e.selectedKeys
   ]), h = tt(() => Fd(e.defaultSelectedKeys, new Ut()), [
     e.defaultSelectedKeys
   ]), [g, v] = Om(u, h, e.onSelectionChange), T = tt(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
     e.disabledKeys
-  ]), [E, w] = je(a);
+  ]), [E, w] = qe(a);
   a === "replace" && E === "toggle" && typeof g == "object" && g.size === 0 && w("replace");
   let N = fe(a);
   return We(() => {
@@ -33321,7 +33318,7 @@ function GI() {
       alt: "A List Toolbar with labels on each section",
       className: "w-100 mb-3"
     }
-  ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, { style: { width: "80px" } }, "Order"), /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Notes")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Checkbox"), /* @__PURE__ */ s.createElement(de, null, "For Content Rows and Content Tiles only.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Search/Filter Box"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Saved Search"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "4")), /* @__PURE__ */ s.createElement(de, null, "Advanced Search"), /* @__PURE__ */ s.createElement(de, null, "For more information, visit the Advanced Search page.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "5")), /* @__PURE__ */ s.createElement(de, null, "Column Editor"), /* @__PURE__ */ s.createElement(de, { wrap: 500 }, "Use for Tables only. For more information, visit the Column Editor page.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "6")), /* @__PURE__ */ s.createElement(de, null, "List View Selector"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "7")), /* @__PURE__ */ s.createElement(de, null, "Sorting"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "8")), /* @__PURE__ */ s.createElement(de, null, "Buttons"), /* @__PURE__ */ s.createElement(de, { wrap: 500 }, "Buttons always appear in the rightmost section of the List Toolbar. For the ordering of Buttons, refer to the Button Groups section on the Buttons page."))))));
+  ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, { style: { width: "80px" } }, "Order"), /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Notes")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Checkbox"), /* @__PURE__ */ s.createElement(de, null, "For Content Rows and Content Tiles only.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Search/Filter Box"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Saved Search"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "4")), /* @__PURE__ */ s.createElement(de, null, "Advanced Search"), /* @__PURE__ */ s.createElement(de, null, "For more information, visit the Advanced Search page.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "5")), /* @__PURE__ */ s.createElement(de, null, "Column Editor"), /* @__PURE__ */ s.createElement(de, { wrap: 500 }, "Use for Tables only. For more information, visit the Column Editor page.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "6")), /* @__PURE__ */ s.createElement(de, null, "List View Selector"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "7")), /* @__PURE__ */ s.createElement(de, null, "Sorting"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "8")), /* @__PURE__ */ s.createElement(de, null, "Buttons"), /* @__PURE__ */ s.createElement(de, { wrap: 500 }, "Buttons always appear in the rightmost section of the List Toolbar. For the ordering of Buttons, refer to the Button Groups section on the Buttons page."))))));
 }
 const n0 = {
   general: {
@@ -34282,7 +34279,7 @@ const n0 = {
 };
 var YI = /* @__PURE__ */ ((e) => (e.Ok = "Ok", e.Cancel = "Cancel", e))(YI || {});
 const r0 = () => {
-  const [e, t] = je([]), n = (m) => {
+  const [e, t] = qe([]), n = (m) => {
     const f = [...e], u = { ...m };
     return u.key = wt(), new Promise((g) => {
       f.push({
@@ -34293,7 +34290,7 @@ const r0 = () => {
   }, r = (m) => {
     const f = [...e], u = f.pop();
     u == null || u.resolve(m), t(f);
-  }, [a, o] = je(!1), [l, c] = je();
+  }, [a, o] = qe(!1), [l, c] = qe();
   We(() => {
     a && (r(l), o(!1));
   }, [a]);
@@ -34725,7 +34722,7 @@ const i0 = {
         alt: "A Progress Bar with labels on each section",
         className: "w-100 mb-3"
       }
-    ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Content Type"), /* @__PURE__ */ s.createElement(ut, null, "Required"), /* @__PURE__ */ s.createElement(ut, null, "Description/Guidelines")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Title"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Progress Meter"), /* @__PURE__ */ s.createElement(de, null, "Yes"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Progress Counter"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "The Progress Counter should not be used without the existence of a Title.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "4")), /* @__PURE__ */ s.createElement(de, null, "Clear Button"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "If the process requires the option to be cancelled or removed from a list the clear button can be used.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "5")), /* @__PURE__ */ s.createElement(de, null, "Progress Details"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Progress Details provide more context for the user and are especially useful when the process includes multiple steps."))))),
+    ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Content Type"), /* @__PURE__ */ s.createElement(ut, null, "Required"), /* @__PURE__ */ s.createElement(ut, null, "Description/Guidelines")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Title"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Progress Meter"), /* @__PURE__ */ s.createElement(de, null, "Yes"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Progress Counter"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "The Progress Counter should not be used without the existence of a Title.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "4")), /* @__PURE__ */ s.createElement(de, null, "Clear Button"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "If the process requires the option to be cancelled or removed from a list the clear button can be used.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "5")), /* @__PURE__ */ s.createElement(de, null, "Progress Details"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Progress Details provide more context for the user and are especially useful when the process includes multiple steps."))))),
     examples: {
       standard: {
         label: "Building Standard Progress Bars",
@@ -35052,7 +35049,7 @@ const d0 = {
         alt: "A Progress Bar with labels on each section",
         className: "w-100 mb-3"
       }
-    ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Content Type"), /* @__PURE__ */ s.createElement(ut, null, "Required"), /* @__PURE__ */ s.createElement(ut, null, "Description/Guidelines")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Title"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Progress Meter"), /* @__PURE__ */ s.createElement(de, null, "Yes"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Progress Counter"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "The Progress Counter should not be used without the existence of a Title.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "4")), /* @__PURE__ */ s.createElement(de, null, "Step icons"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Icons can be set inside of steps for visual emphasis.")), /* @__PURE__ */ s.createElement(ze, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "5")), /* @__PURE__ */ s.createElement(de, null, "Step Tooltips"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Tooltips can be utilized to provide more details about each specific step. Tooltips can be exposed on click or hover."))))),
+    ), /* @__PURE__ */ s.createElement(Fr, null, /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(ut, null, "Section"), /* @__PURE__ */ s.createElement(ut, null, "Content Type"), /* @__PURE__ */ s.createElement(ut, null, "Required"), /* @__PURE__ */ s.createElement(ut, null, "Description/Guidelines")), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ s.createElement(de, null, "Title"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ s.createElement(de, null, "Progress Meter"), /* @__PURE__ */ s.createElement(de, null, "Yes"), /* @__PURE__ */ s.createElement(de, null)), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ s.createElement(de, null, "Progress Counter"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "The Progress Counter should not be used without the existence of a Title.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "4")), /* @__PURE__ */ s.createElement(de, null, "Step icons"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Icons can be set inside of steps for visual emphasis.")), /* @__PURE__ */ s.createElement(je, null, /* @__PURE__ */ s.createElement(de, null, /* @__PURE__ */ s.createElement("span", { className: "sps-tag sps-tag--info" }, "5")), /* @__PURE__ */ s.createElement(de, null, "Step Tooltips"), /* @__PURE__ */ s.createElement(de, null, "No"), /* @__PURE__ */ s.createElement(de, { wrap: 400 }, "Tooltips can be utilized to provide more details about each specific step. Tooltips can be exposed on click or hover."))))),
     examples: {
       standard: {
         description: () => /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("h4", null, "Building Stepped Progress Bars"), /* @__PURE__ */ s.createElement("p", null, "The Stepped Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements.")),
@@ -36016,7 +36013,7 @@ export {
   $N as SpsTableExamples,
   or as SpsTableHead,
   ut as SpsTableHeader,
-  ze as SpsTableRow,
+  je as SpsTableRow,
   zm as SpsTabsV2,
   tn as SpsTag,
   GM as SpsTagExamples,