@spscommerce/ds-react 7.14.1 → 7.15.1

package/lib/index.es.js

@@ -1271,14 +1271,14 @@ function Xl(e, t) {
     f != null && f === document.body && Ya(f) && !Ya(document.documentElement) || f != null && Ya(f, c) && m.push(f);
   }
   for (var h = n.visualViewport ? n.visualViewport.width : innerWidth, S = n.visualViewport ? n.visualViewport.height : innerHeight, y = window.scrollX || pageXOffset, w = window.scrollY || pageYOffset, T = e.getBoundingClientRect(), C = T.height, k = T.width, I = T.top, b = T.right, x = T.bottom, L = T.left, M = a === "start" || a === "nearest" ? I : a === "end" ? x : I + C / 2, O = o === "center" ? L + k / 2 : o === "end" ? b : L, R = [], H = 0; H < m.length; H++) {
-    var _ = m[H], $ = _.getBoundingClientRect(), N = $.height, B = $.width, Q = $.top, J = $.right, G = $.bottom, X = $.left;
+    var _ = m[H], F = _.getBoundingClientRect(), N = F.height, B = F.width, Q = F.top, J = F.right, G = F.bottom, X = F.left;
     if (r === "if-needed" && I >= 0 && L >= 0 && x <= S && b <= h && I >= Q && x <= G && L >= X && b <= J)
       return R;
-    var V = getComputedStyle(_), F = parseInt(V.borderLeftWidth, 10), z = parseInt(V.borderTopWidth, 10), Y = parseInt(V.borderRightWidth, 10), re = parseInt(V.borderBottomWidth, 10), q = 0, W = 0, ie = "offsetWidth" in _ ? _.offsetWidth - _.clientWidth - F - Y : 0, se = "offsetHeight" in _ ? _.offsetHeight - _.clientHeight - z - re : 0;
+    var V = getComputedStyle(_), $ = parseInt(V.borderLeftWidth, 10), z = parseInt(V.borderTopWidth, 10), Y = parseInt(V.borderRightWidth, 10), re = parseInt(V.borderBottomWidth, 10), q = 0, W = 0, ie = "offsetWidth" in _ ? _.offsetWidth - _.clientWidth - $ - Y : 0, se = "offsetHeight" in _ ? _.offsetHeight - _.clientHeight - z - re : 0;
     if (u === _)
-      q = a === "start" ? M : a === "end" ? M - S : a === "nearest" ? Ps(w, w + S, S, z, re, w + M, w + M + C, C) : M - S / 2, W = o === "start" ? O : o === "center" ? O - h / 2 : o === "end" ? O - h : Ps(y, y + h, h, F, Y, y + O, y + O + k, k), q = Math.max(0, q + w), W = Math.max(0, W + y);
+      q = a === "start" ? M : a === "end" ? M - S : a === "nearest" ? Ps(w, w + S, S, z, re, w + M, w + M + C, C) : M - S / 2, W = o === "start" ? O : o === "center" ? O - h / 2 : o === "end" ? O - h : Ps(y, y + h, h, $, Y, y + O, y + O + k, k), q = Math.max(0, q + w), W = Math.max(0, W + y);
     else {
-      q = a === "start" ? M - Q - z : a === "end" ? M - G + re + se : a === "nearest" ? Ps(Q, G, N, z, re + se, M, M + C, C) : M - (Q + N / 2) + se / 2, W = o === "start" ? O - X - F : o === "center" ? O - (X + B / 2) + ie / 2 : o === "end" ? O - J + Y + ie : Ps(X, J, B, F, Y + ie, O, O + k, k);
+      q = a === "start" ? M - Q - z : a === "end" ? M - G + re + se : a === "nearest" ? Ps(Q, G, N, z, re + se, M, M + C, C) : M - (Q + N / 2) + se / 2, W = o === "start" ? O - X - $ : o === "center" ? O - (X + B / 2) + ie / 2 : o === "end" ? O - J + Y + ie : Ps(X, J, B, $, Y + ie, O, O + k, k);
       var ce = _.scrollLeft, ne = _.scrollTop;
       M += ne - (q = Math.max(0, Math.min(ne + q, _.scrollHeight - N + se))), O += ce - (W = Math.max(0, Math.min(ce + W, _.scrollWidth - B + ie)));
     }
@@ -1769,7 +1769,7 @@ const os = s.forwardRef((e, t) => {
     onOptionListChanged: R,
     onOptionSelected: H,
     onPositionFlip: _,
-    onSelfToggle: $,
+    onSelfToggle: F,
     optionRole: N,
     positionOverride: B,
     selectedOption: Q,
@@ -1777,7 +1777,7 @@ const os = s.forwardRef((e, t) => {
     unsafelyReplaceClassName: G,
     loading: X,
     filterByTextAndCaptionKey: V,
-    maxHeightPx: F,
+    maxHeightPx: $,
     maxHeightRem: z,
     disableOptionsMemoization: Y,
     disableDefaultOptionsFiltering: re,
@@ -1843,10 +1843,10 @@ const os = s.forwardRef((e, t) => {
     G || "sps-option-list__options",
     l && "sps-option-list__options--tall"
   ), pe = s.useCallback(() => {
-    ne || (we(!0), de.current && de.current.focus(), ce(-1), $ && $(!0));
-  }, [ne, $]), Je = s.useCallback(() => {
-    ne && (we(!1), ce(-1), $ && $(!1));
-  }, [ne, $]), Ft = s.useCallback((be, ue) => {
+    ne || (we(!0), de.current && de.current.focus(), ce(-1), F && F(!0));
+  }, [ne, F]), Je = s.useCallback(() => {
+    ne && (we(!1), ce(-1), F && F(!1));
+  }, [ne, F]), Ft = s.useCallback((be, ue) => {
     ue || be && !be.disabled && (typeof be.value == "function" ? (be.value(), w && w()) : typeof H == "function" && H(be.value), L || Je());
   }, [H, Je]), xr = s.useCallback(
     (be, ue, pt) => {
@@ -1916,7 +1916,7 @@ const os = s.forwardRef((e, t) => {
   s.useEffect(() => {
     if (st !== null && document.getElementsByClassName("sps-modal__body").length > 0) {
       const be = () => {
-        $ && $(!1);
+        F && F(!1);
       }, ue = document.getElementsByClassName("sps-modal__body")[0];
       return ue.addEventListener("scroll", be), () => {
         ue.removeEventListener("scroll", be);
@@ -1935,7 +1935,7 @@ const os = s.forwardRef((e, t) => {
   }, [M]), s.useEffect(() => {
     !ne && ae.current && (St({ value: "" }), ae.current.scrollTop = 0), ne && _ && _(Be);
   }, [ne]);
-  const Ir = F ? F / 16 : z, Mr = Ir ? { maxHeight: `${Ir}rem` } : {};
+  const Ir = $ ? $ / 16 : z, Mr = Ir ? { maxHeight: `${Ir}rem` } : {};
   return Ve(
     /* @__PURE__ */ s.createElement("div", {
       className: ye,
@@ -2173,7 +2173,7 @@ function Zo({
     keyDown: null,
     opensUpward: !1
   }), R = s.useRef(null), H = s.useRef(null), _ = s.useRef(null), {
-    showPopup: $,
+    showPopup: F,
     doShowPopup: N,
     doHidePopup: B
   } = is(R, _);
@@ -2198,13 +2198,13 @@ function Zo({
   function V(Y) {
     Y ? N() : B();
   }
-  function F(Y) {
+  function $(Y) {
     O({ opensUpward: Y });
   }
   const z = K(
     m || "sps-autocomplete",
-    $ && "sps-autocomplete--open",
-    $ && "z-stratum-dropdown",
+    F && "sps-autocomplete--open",
+    F && "z-stratum-dropdown",
     M.opensUpward && "sps-autocomplete--opens-upward",
     n && "sps-form-control--disabled",
     e
@@ -2247,12 +2247,12 @@ function Zo({
     id: `${x}_options`,
     ref: _,
     attachTo: R,
-    isOpen: $,
+    isOpen: F,
     options: u,
     hideInlineSearch: !0,
     keyDown: M.keyDown,
     onOptionSelected: Q,
-    onPositionFlip: F,
+    onPositionFlip: $,
     onSelfToggle: V,
     offsets: [1, 0],
     search: h,
@@ -2445,7 +2445,7 @@ function Er(e) {
     maxHeightOptionListRem: I,
     disableOptionsMemoization: b,
     ...x
-  } = e, { t: L } = s.useContext($e), M = yr(l), [O, R] = s.useState(!1), [H, _] = s.useState(!1), [$, N] = s.useState(), B = u.map((ne) => typeof ne == "function" ? ne : Object.assign(ne[1], {
+  } = e, { t: L } = s.useContext($e), M = yr(l), [O, R] = s.useState(!1), [H, _] = s.useState(!1), [F, N] = s.useState(), B = u.map((ne) => typeof ne == "function" ? ne : Object.assign(ne[1], {
     ...Ud,
     ...ne[0]
   })), Q = `${M.current}-button`, J = `${M.current}-menu`;
@@ -2455,7 +2455,7 @@ function Er(e) {
   s.useEffect(() => {
     O && w ? w() : !O && T && T();
   }, [O]);
-  function F() {
+  function $() {
     R(!1);
   }
   function z(ne) {
@@ -2478,8 +2478,8 @@ function Er(e) {
   function W(ne) {
     ne.detail !== M.current && R(!1);
   }
-  s.useEffect(() => (document.addEventListener("click", F), document.addEventListener("DropdownOpened", W), () => {
-    document.removeEventListener("click", F), document.removeEventListener("DropdownOpened", W);
+  s.useEffect(() => (document.addEventListener("click", $), document.addEventListener("DropdownOpened", W), () => {
+    document.removeEventListener("click", $), document.removeEventListener("DropdownOpened", W);
   }), []), s.useEffect(() => {
     if (O) {
       const ne = document.createEvent("CustomEvent");
@@ -2509,7 +2509,7 @@ function Er(e) {
     positionOverride: ce,
     isOpen: O,
     "aria-labelledby": Q,
-    keyDown: $,
+    keyDown: F,
     onOptionSelected: re,
     id: J,
     attachTo: V,
@@ -3940,11 +3940,11 @@ function Rv() {
         }
       }
     }
-    var x = p, L = u, M = c, O = l, R = t, H = m, _ = r, $ = y, N = S, B = n, Q = o, J = a, G = f, X = !1;
+    var x = p, L = u, M = c, O = l, R = t, H = m, _ = r, F = y, N = S, B = n, Q = o, J = a, G = f, X = !1;
     function V(ae) {
-      return X || (X = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), F(ae) || b(ae) === p;
+      return X || (X = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), $(ae) || b(ae) === p;
     }
-    function F(ae) {
+    function $(ae) {
       return b(ae) === u;
     }
     function z(ae) {
@@ -3980,7 +3980,7 @@ function Rv() {
     function Ne(ae) {
       return b(ae) === f;
     }
-    Oe.AsyncMode = x, Oe.ConcurrentMode = L, Oe.ContextConsumer = M, Oe.ContextProvider = O, Oe.Element = R, Oe.ForwardRef = H, Oe.Fragment = _, Oe.Lazy = $, Oe.Memo = N, Oe.Portal = B, Oe.Profiler = Q, Oe.StrictMode = J, Oe.Suspense = G, Oe.isAsyncMode = V, Oe.isConcurrentMode = F, Oe.isContextConsumer = z, Oe.isContextProvider = Y, Oe.isElement = re, Oe.isForwardRef = q, Oe.isFragment = W, Oe.isLazy = ie, Oe.isMemo = se, Oe.isPortal = ce, Oe.isProfiler = ne, Oe.isStrictMode = we, Oe.isSuspense = Ne, Oe.isValidElementType = I, Oe.typeOf = b;
+    Oe.AsyncMode = x, Oe.ConcurrentMode = L, Oe.ContextConsumer = M, Oe.ContextProvider = O, Oe.Element = R, Oe.ForwardRef = H, Oe.Fragment = _, Oe.Lazy = F, Oe.Memo = N, Oe.Portal = B, Oe.Profiler = Q, Oe.StrictMode = J, Oe.Suspense = G, Oe.isAsyncMode = V, Oe.isConcurrentMode = $, Oe.isContextConsumer = z, Oe.isContextProvider = Y, Oe.isElement = re, Oe.isForwardRef = q, Oe.isFragment = W, Oe.isLazy = ie, Oe.isMemo = se, Oe.isPortal = ce, Oe.isProfiler = ne, Oe.isStrictMode = we, Oe.isSuspense = Ne, Oe.isValidElementType = I, Oe.typeOf = b;
   }()), Oe;
 }
 (function(e) {
@@ -4117,9 +4117,9 @@ function Av() {
   return Za = function(c, p) {
     var u = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
     function f(V) {
-      var F = V && (u && V[u] || V[m]);
-      if (typeof F == "function")
-        return F;
+      var $ = V && (u && V[u] || V[m]);
+      if (typeof $ == "function")
+        return $;
     }
     var h = "<<anonymous>>", S = {
       array: C("array"),
@@ -4139,10 +4139,10 @@ function Av() {
       oneOf: M,
       oneOfType: R,
       shape: _,
-      exact: $
+      exact: F
     };
-    function y(V, F) {
-      return V === F ? V !== 0 || 1 / V === 1 / F : V !== V && F !== F;
+    function y(V, $) {
+      return V === $ ? V !== 0 || 1 / V === 1 / $ : V !== V && $ !== $;
     }
     function w(V) {
       this.message = V, this.stack = "";
@@ -4150,7 +4150,7 @@ function Av() {
     w.prototype = Error.prototype;
     function T(V) {
       if (process.env.NODE_ENV !== "production")
-        var F = {}, z = 0;
+        var $ = {}, z = 0;
       function Y(q, W, ie, se, ce, ne, we) {
         if (se = se || h, ne = ne || ie, we !== n) {
           if (p) {
@@ -4160,9 +4160,9 @@ function Av() {
             throw Ne.name = "Invariant Violation", Ne;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var ae = se + ":" + ie;
-            !F[ae] && z < 3 && (o(
+            !$[ae] && z < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + ne + "` prop on `" + se + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), F[ae] = !0, z++);
+            ), $[ae] = !0, z++);
           }
         }
         return W[ie] == null ? q ? W[ie] === null ? new w("The " + ce + " `" + ne + "` is marked as required " + ("in `" + se + "`, but its value is `null`.")) : new w("The " + ce + " `" + ne + "` is marked as required in " + ("`" + se + "`, but its value is `undefined`.")) : null : V(W, ie, se, ce, ne);
@@ -4171,7 +4171,7 @@ function Av() {
       return re.isRequired = Y.bind(null, !0), re;
     }
     function C(V) {
-      function F(z, Y, re, q, W, ie) {
+      function $(z, Y, re, q, W, ie) {
         var se = z[Y], ce = Q(se);
         if (ce !== V) {
           var ne = J(se);
@@ -4179,13 +4179,13 @@ function Av() {
         }
         return null;
       }
-      return T(F);
+      return T($);
     }
     function k() {
       return T(l);
     }
     function I(V) {
-      function F(z, Y, re, q, W) {
+      function $(z, Y, re, q, W) {
         if (typeof V != "function")
           return new w("Property `" + W + "` of component `" + re + "` has invalid PropType notation inside arrayOf.");
         var ie = z[Y];
@@ -4200,11 +4200,11 @@ function Av() {
         }
         return null;
       }
-      return T(F);
+      return T($);
     }
     function b() {
-      function V(F, z, Y, re, q) {
-        var W = F[z];
+      function V($, z, Y, re, q) {
+        var W = $[z];
         if (!c(W)) {
           var ie = Q(W);
           return new w("Invalid " + re + " `" + q + "` of type " + ("`" + ie + "` supplied to `" + Y + "`, expected a single ReactElement."));
@@ -4214,8 +4214,8 @@ function Av() {
       return T(V);
     }
     function x() {
-      function V(F, z, Y, re, q) {
-        var W = F[z];
+      function V($, z, Y, re, q) {
+        var W = $[z];
         if (!e.isValidElementType(W)) {
           var ie = Q(W);
           return new w("Invalid " + re + " `" + q + "` of type " + ("`" + ie + "` supplied to `" + Y + "`, expected a single ReactElement type."));
@@ -4225,21 +4225,21 @@ function Av() {
       return T(V);
     }
     function L(V) {
-      function F(z, Y, re, q, W) {
+      function $(z, Y, re, q, W) {
         if (!(z[Y] instanceof V)) {
           var ie = V.name || h, se = X(z[Y]);
           return new w("Invalid " + q + " `" + W + "` of type " + ("`" + se + "` supplied to `" + re + "`, expected ") + ("instance of `" + ie + "`."));
         }
         return null;
       }
-      return T(F);
+      return T($);
     }
     function M(V) {
       if (!Array.isArray(V))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), l;
-      function F(z, Y, re, q, W) {
+      function $(z, Y, re, q, W) {
         for (var ie = z[Y], se = 0; se < V.length; se++)
           if (y(ie, V[se]))
             return null;
@@ -4249,10 +4249,10 @@ function Av() {
         });
         return new w("Invalid " + q + " `" + W + "` of value `" + String(ie) + "` " + ("supplied to `" + re + "`, expected one of " + ce + "."));
       }
-      return T(F);
+      return T($);
     }
     function O(V) {
-      function F(z, Y, re, q, W) {
+      function $(z, Y, re, q, W) {
         if (typeof V != "function")
           return new w("Property `" + W + "` of component `" + re + "` has invalid PropType notation inside objectOf.");
         var ie = z[Y], se = Q(ie);
@@ -4266,16 +4266,16 @@ function Av() {
           }
         return null;
       }
-      return T(F);
+      return T($);
     }
     function R(V) {
       if (!Array.isArray(V))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), l;
-      for (var F = 0; F < V.length; F++) {
-        var z = V[F];
+      for (var $ = 0; $ < V.length; $++) {
+        var z = V[$];
         if (typeof z != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + G(z) + " at index " + F + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + G(z) + " at index " + $ + "."
           ), l;
       }
       function Y(re, q, W, ie, se) {
@@ -4289,13 +4289,13 @@ function Av() {
       return T(Y);
     }
     function H() {
-      function V(F, z, Y, re, q) {
-        return N(F[z]) ? null : new w("Invalid " + re + " `" + q + "` supplied to " + ("`" + Y + "`, expected a ReactNode."));
+      function V($, z, Y, re, q) {
+        return N($[z]) ? null : new w("Invalid " + re + " `" + q + "` supplied to " + ("`" + Y + "`, expected a ReactNode."));
       }
       return T(V);
     }
     function _(V) {
-      function F(z, Y, re, q, W) {
+      function $(z, Y, re, q, W) {
         var ie = z[Y], se = Q(ie);
         if (se !== "object")
           return new w("Invalid " + q + " `" + W + "` of type `" + se + "` " + ("supplied to `" + re + "`, expected `object`."));
@@ -4309,10 +4309,10 @@ function Av() {
         }
         return null;
       }
-      return T(F);
+      return T($);
     }
-    function $(V) {
-      function F(z, Y, re, q, W) {
+    function F(V) {
+      function $(z, Y, re, q, W) {
         var ie = z[Y], se = Q(ie);
         if (se !== "object")
           return new w("Invalid " + q + " `" + W + "` of type `" + se + "` " + ("supplied to `" + re + "`, expected `object`."));
@@ -4330,7 +4330,7 @@ Valid keys: ` + JSON.stringify(Object.keys(V), null, "  ")
         }
         return null;
       }
-      return T(F);
+      return T($);
     }
     function N(V) {
       switch (typeof V) {
@@ -4345,10 +4345,10 @@ Valid keys: ` + JSON.stringify(Object.keys(V), null, "  ")
             return V.every(N);
           if (V === null || c(V))
             return !0;
-          var F = f(V);
-          if (F) {
-            var z = F.call(V), Y;
-            if (F !== V.entries) {
+          var $ = f(V);
+          if ($) {
+            var z = $.call(V), Y;
+            if ($ !== V.entries) {
               for (; !(Y = z.next()).done; )
                 if (!N(Y.value))
                   return !1;
@@ -4365,37 +4365,37 @@ Valid keys: ` + JSON.stringify(Object.keys(V), null, "  ")
           return !1;
       }
     }
-    function B(V, F) {
-      return V === "symbol" ? !0 : F ? F["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && F instanceof Symbol : !1;
+    function B(V, $) {
+      return V === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
     }
     function Q(V) {
-      var F = typeof V;
-      return Array.isArray(V) ? "array" : V instanceof RegExp ? "object" : B(F, V) ? "symbol" : F;
+      var $ = typeof V;
+      return Array.isArray(V) ? "array" : V instanceof RegExp ? "object" : B($, V) ? "symbol" : $;
     }
     function J(V) {
       if (typeof V > "u" || V === null)
         return "" + V;
-      var F = Q(V);
-      if (F === "object") {
+      var $ = Q(V);
+      if ($ === "object") {
         if (V instanceof Date)
           return "date";
         if (V instanceof RegExp)
           return "regexp";
       }
-      return F;
+      return $;
     }
     function G(V) {
-      var F = J(V);
-      switch (F) {
+      var $ = J(V);
+      switch ($) {
         case "array":
         case "object":
-          return "an " + F;
+          return "an " + $;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + F;
+          return "a " + $;
         default:
-          return F;
+          return $;
       }
     }
     function X(V) {
@@ -4712,7 +4712,7 @@ function iy(e, t) {
       wrappedComponentName: O,
       WrappedComponent: M
     }), _ = I.pure;
-    function $(G) {
+    function F(G) {
       return e(G.dispatch, H);
     }
     var N = _ ? Ue : function(G) {
@@ -4722,13 +4722,13 @@ function iy(e, t) {
       var X = Ue(function() {
         var xe = G.reactReduxForwardedRef, St = Xs(G, Qv);
         return [G.context, xe, St];
-      }, [G]), V = X[0], F = X[1], z = X[2], Y = Ue(function() {
+      }, [G]), V = X[0], $ = X[1], z = X[2], Y = Ue(function() {
         return V && V.Consumer && gr.exports.isContextConsumer(/* @__PURE__ */ j.createElement(V.Consumer, null)) ? V : x;
       }, [V, x]), re = on(Y), q = Boolean(G.store) && Boolean(G.store.getState) && Boolean(G.store.dispatch), W = Boolean(re) && Boolean(re.store);
       if (process.env.NODE_ENV !== "production" && !q && !W)
         throw new Error('Could not find "store" in the context of ' + ('"' + R + '". Either wrap the root component in a <Provider>, ') + "or pass a custom React context provider to <Provider> and the corresponding " + ("React context consumer to " + R + " in connect options."));
       var ie = q ? G.store : re.store, se = Ue(function() {
-        return $(ie);
+        return F(ie);
       }, [ie]), ce = Ue(function() {
         if (!m)
           return ty;
@@ -4747,9 +4747,9 @@ function iy(e, t) {
       yc(sy, [at, gt, Be, z, ze, ve, we]), yc(ay, [m, ie, ne, se, at, gt, Be, ve, we, st], [ie, ne, se]);
       var de = Ue(function() {
         return /* @__PURE__ */ j.createElement(M, fe({}, ze, {
-          ref: F
+          ref: $
         }));
-      }, [F, M, ze]), Ce = Ue(function() {
+      }, [$, M, ze]), Ce = Ue(function() {
         return m ? /* @__PURE__ */ j.createElement(Y.Provider, {
           value: Ne
         }, de) : de;
@@ -4947,7 +4947,7 @@ function Iy(e) {
   var t = e === void 0 ? {} : e, n = t.connectHOC, r = n === void 0 ? iy : n, a = t.mapStateToPropsFactories, o = a === void 0 ? gy : a, l = t.mapDispatchToPropsFactories, c = l === void 0 ? my : l, p = t.mergePropsFactories, u = p === void 0 ? Ey : p, m = t.selectorFactory, f = m === void 0 ? Ny : m;
   return function(S, y, w, T) {
     T === void 0 && (T = {});
-    var C = T, k = C.pure, I = k === void 0 ? !0 : k, b = C.areStatesEqual, x = b === void 0 ? ky : b, L = C.areOwnPropsEqual, M = L === void 0 ? Qa : L, O = C.areStatePropsEqual, R = O === void 0 ? Qa : O, H = C.areMergedPropsEqual, _ = H === void 0 ? Qa : H, $ = Xs(C, xy), N = to(S, o, "mapStateToProps"), B = to(y, c, "mapDispatchToProps"), Q = to(w, u, "mergeProps");
+    var C = T, k = C.pure, I = k === void 0 ? !0 : k, b = C.areStatesEqual, x = b === void 0 ? ky : b, L = C.areOwnPropsEqual, M = L === void 0 ? Qa : L, O = C.areStatePropsEqual, R = O === void 0 ? Qa : O, H = C.areMergedPropsEqual, _ = H === void 0 ? Qa : H, F = Xs(C, xy), N = to(S, o, "mapStateToProps"), B = to(y, c, "mapDispatchToProps"), Q = to(w, u, "mergeProps");
     return r(f, fe({
       methodName: "connect",
       getDisplayName: function(G) {
@@ -4962,7 +4962,7 @@ function Iy(e) {
       areOwnPropsEqual: M,
       areStatePropsEqual: R,
       areMergedPropsEqual: _
-    }, $));
+    }, F));
   };
 }
 const Tp = /* @__PURE__ */ Iy();
@@ -6695,10 +6695,10 @@ var Ac = {
     var O = t.payload, R = O.id, H = O.isEnabled, _ = e.dimensions.droppables[R];
     _ || (process.env.NODE_ENV !== "production" ? A(!1, "Cannot find Droppable[id: " + R + "] to toggle its enabled state") : A(!1)), _.isEnabled === H && (process.env.NODE_ENV !== "production" ? A(!1, "Trying to set droppable isEnabled to " + String(H) + `
       but it is already ` + String(_.isEnabled)) : A(!1));
-    var $ = fe({}, _, {
+    var F = fe({}, _, {
       isEnabled: H
     });
-    return ro(e, $, !0);
+    return ro(e, F, !0);
   }
   if (t.type === "UPDATE_DROPPABLE_IS_COMBINE_ENABLED") {
     if (e.phase === "DROP_PENDING")
@@ -6731,12 +6731,12 @@ var Ac = {
   if (t.type === "UPDATE_VIEWPORT_MAX_SCROLL") {
     if (!On(e))
       return e;
-    var F = t.payload.maxScroll;
-    if (Sn(F, e.viewport.scroll.max))
+    var $ = t.payload.maxScroll;
+    if (Sn($, e.viewport.scroll.max))
       return e;
     var z = fe({}, e.viewport, {
       scroll: fe({}, e.viewport.scroll, {
-        max: F
+        max: $
       })
     });
     return fe({
@@ -10081,12 +10081,12 @@ function gD(e) {
   t || (process.env.NODE_ENV !== "production" ? A(!1, "Could not find app context") : A(!1));
   var n = t.contextId, r = t.isMovementAllowed, a = me(null), o = me(null), l = e.children, c = e.droppableId, p = e.type, u = e.mode, m = e.direction, f = e.ignoreContainerClipping, h = e.isDropDisabled, S = e.isCombineEnabled, y = e.snapshot, w = e.useClone, T = e.updateViewportMaxScroll, C = e.getContainerForClone, k = he(function() {
     return a.current;
-  }, []), I = he(function($) {
-    a.current = $;
+  }, []), I = he(function(F) {
+    a.current = F;
   }, []), b = he(function() {
     return o.current;
-  }, []), x = he(function($) {
-    o.current = $;
+  }, []), x = he(function(F) {
+    o.current = F;
   }, []);
   jC({
     props: e,
@@ -10111,8 +10111,8 @@ function gD(e) {
   var M = j.createElement(zC, {
     on: e.placeholder,
     shouldAnimate: e.shouldAnimatePlaceholder
-  }, function($) {
-    var N = $.onClose, B = $.data, Q = $.animate;
+  }, function(F) {
+    var N = F.onClose, B = F.data, Q = F.animate;
     return j.createElement(WC, {
       placeholder: B,
       onClose: N,
@@ -10140,15 +10140,15 @@ function gD(e) {
   function _() {
     if (!w)
       return null;
-    var $ = w.dragging, N = w.render, B = j.createElement(Cu, {
-      draggableId: $.draggableId,
-      index: $.source.index,
+    var F = w.dragging, N = w.render, B = j.createElement(Cu, {
+      draggableId: F.draggableId,
+      index: F.source.index,
       isClone: !0,
       isEnabled: !0,
       shouldRespectForcePress: !1,
       canDragInteractiveElements: !0
     }, function(Q, J) {
-      return N(Q, J, $);
+      return N(Q, J, F);
     });
     return mb.createPortal(B, C());
   }
@@ -12014,13 +12014,13 @@ function Ea(e) {
   function _(N) {
     N && S && N.month === S.month && Z.isInRange(N, [a, r]) !== !1 && o(N), N && u && w && N.month === w.month && Z.isInRange(N, [a, r]) !== !1 && o(N);
   }
-  const $ = K(
+  const F = K(
     mt,
     n
   );
   return S ? /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", {
     "data-testid": `${m}`,
-    className: $,
+    className: F,
     ...f,
     onMouseOver: R
   }, /* @__PURE__ */ s.createElement("div", {
@@ -12068,7 +12068,7 @@ function Ea(e) {
     "data-testid": `${m}_${Z.toString(Q)}`
   }, Q ? Q.date : "")))))), u && /* @__PURE__ */ s.createElement("div", {
     "data-testid": `${m}`,
-    className: $,
+    className: F,
     ...f,
     onMouseOver: R
   }, /* @__PURE__ */ s.createElement("div", {
@@ -12167,27 +12167,27 @@ function Lu({
     doShowPopup: I,
     doHidePopup: b
   } = is(S, y);
-  function x(_) {
-    r && (r.setValue(_), r.markAsDirty()), c && c(_);
+  function x(F) {
+    r && (r.setValue(F), r.markAsDirty()), c && c(F);
   }
-  function L(_) {
-    x(_), C(Z.toString(_)), w && w.current && w.current.focus();
+  function L(F) {
+    x(F), C(Z.toString(F)), w && w.current && w.current.focus();
   }
-  function M(_) {
-    C(_.target.value);
-    const $ = Z.createFrom(_.target.value);
-    x($);
+  function M(F) {
+    C(F.target.value);
+    const N = Z.createFrom(F.target.value);
+    x(N);
   }
   function O() {
     b(), C(""), x();
   }
-  function R(_) {
-    switch (_.key) {
+  function R(F) {
+    switch (F.key) {
       case "Tab":
         b();
         break;
       case "Backspace":
-        _.target.selectionStart === 0 && p && !Array.isArray(p) && O();
+        F.target.selectionStart === 0 && p && !Array.isArray(p) && O();
         break;
     }
   }
@@ -12196,9 +12196,9 @@ function Lu({
     "sps-text-input",
     k && `${id}--open`,
     t
-  );
+  ), _ = s.useRef(!1);
   return s.useEffect(() => {
-    p ? Z.isValid(p) && C(Z.toString(p)) : O();
+    _.current ? p ? Z.isValid(p) && C(Z.toString(p)) : O() : _.current = !0;
   }, [p]), /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(ct, {
     id: f,
     className: H,
@@ -12435,72 +12435,72 @@ function Ou({
     doShowPopup: H,
     doHidePopup: _
   } = is(T, k);
-  function $(F) {
-    r && (r.setValue(F), r.markAsDirty()), c && c(F);
+  function F($) {
+    r && (r.setValue($), r.markAsDirty()), c && c($);
   }
-  function N(F) {
+  function N($) {
     const z = u || [];
     let Y;
-    !z[0] || z[1] || Z.isBefore(F, z[0]) ? Y = [F, null] : (Y = [z[0], F], _(!0), C && C.current && C.current.focus()), x && X(x) === "Before" && z[0] === null && z[1] === null && (Y = [null, F], _(!0), C && C.current && C.current.focus()), x && X(x) === "After" && (_(!0), C && C.current && C.current.focus()), $(Y), b(Z.toStringRange(Y)), O(void 0), (x && X(x) === "Before" && Y && Y[0] !== null || x && X(x) !== "Before" && X(x) !== "After") && L(null);
+    !z[0] || z[1] || Z.isBefore($, z[0]) ? Y = [$, null] : (Y = [z[0], $], _(!0), C && C.current && C.current.focus()), x && X(x) === "Before" && z[0] === null && z[1] === null && (Y = [null, $], _(!0), C && C.current && C.current.focus()), x && X(x) === "After" && (_(!0), C && C.current && C.current.focus()), F(Y), b(Z.toStringRange(Y)), O(void 0), (x && X(x) === "Before" && Y && Y[0] !== null || x && X(x) !== "Before" && X(x) !== "After") && L(null);
   }
-  function B(F) {
-    b(F.target.value);
-    const z = Z.createRangeFrom(F.target.value);
-    $(z), O(void 0);
+  function B($) {
+    b($.target.value);
+    const z = Z.createRangeFrom($.target.value);
+    F(z), O(void 0);
   }
   function Q() {
-    b(""), $(), O(void 0), L(null);
+    b(""), F(), O(void 0), L(null);
   }
-  function J(F) {
-    switch (F.key) {
+  function J($) {
+    switch ($.key) {
       case "Tab":
         _();
         break;
       case "Backspace":
-        F.target.selectionStart === 0 && u && !Array.isArray(u) && Q();
+        $.target.selectionStart === 0 && u && !Array.isArray(u) && Q();
         break;
     }
   }
-  function G(F) {
-    if (!F) {
-      L(null), $(void 0);
+  function G($) {
+    if (!$) {
+      L(null), F(void 0);
       return;
     }
-    L(F);
-    const z = Z.createRangeFromPreset(F);
-    if (F && X(F) === "Before")
+    L($);
+    const z = Z.createRangeFromPreset($);
+    if ($ && X($) === "Before")
       if (u && u[0] && u[1]) {
         let Y = Z.createRangeFrom("-");
-        Y && $(Y);
+        Y && F(Y);
       } else {
         let Y = Z.createRangeFrom(`-${Z.toString(u && u[0])}`);
-        Y && $(Y);
+        Y && F(Y);
       }
-    else if (F && X(F) === "After")
+    else if ($ && X($) === "After")
       if (u && u[0] && u[1]) {
         let Y = Z.createRangeFrom("-");
-        Y && $(Y);
+        Y && F(Y);
       } else {
         let Y = Z.createRangeFrom(`${Z.toString(u && u[0])}-`);
-        Y && $(Y);
+        Y && F(Y);
       }
     else
-      JSON.stringify(u) !== JSON.stringify(z) && $(z);
+      JSON.stringify(u) !== JSON.stringify(z) && F(z);
   }
   s.useEffect(() => {
     if (!!u && p !== cd && Array.isArray(u)) {
-      const F = Z.toStringRange(u), z = p.find(
-        (Y) => F === Z.toStringRange(
+      const $ = Z.toStringRange(u), z = p.find(
+        (Y) => $ === Z.toStringRange(
           Z.createRangeFromPreset(Y)
         )
       );
       z ? G(z) : u[0] === null || u[1] === null || L(null);
     }
   }, [u]), s.useEffect(() => {
-    u ? Array.isArray(u) && !x ? (u.every((F) => Z.isValid(F) || F === null) && b(Z.toStringRange(u)), O(void 0)) : Array.isArray(u) && x && X(x) === "Before" ? u && u[0] && u[1] ? L(null) : u.every((F) => Z.isValid(F) || F === null) && b(Z.toStringRange(u)) : Array.isArray(u) && x && X(x) === "After" ? u && u[0] && u[1] ? L(null) : u.every((F) => Z.isValid(F) || F === null) && b(Z.toStringRange(u)) : Array.isArray(u) && x && b("") : Q();
+    u ? Array.isArray(u) && !x ? (u.every(($) => Z.isValid($) || $ === null) && b(Z.toStringRange(u)), O(void 0)) : Array.isArray(u) && x && X(x) === "Before" ? u && u[0] && u[1] ? L(null) : u.every(($) => Z.isValid($) || $ === null) && b(Z.toStringRange(u)) : Array.isArray(u) && x && X(x) === "After" ? u && u[0] && u[1] ? L(null) : u.every(($) => Z.isValid($) || $ === null) && b(Z.toStringRange(u)) : Array.isArray(u) && x && b("") : Q();
   }, [u, x]);
-  function X(F) {
-    return F && /^design-system:/.test(F.label) ? S(F.label) : F.label;
+  function X($) {
+    return $ && /^design-system:/.test($.label) ? S($.label) : $.label;
   }
   const V = K(
     ld,
@@ -12562,21 +12562,21 @@ function Ou({
   }), /* @__PURE__ */ s.createElement("label", {
     className: "sps-custom-control__label",
     htmlFor: `sps-date-range-picker-${y}__range-custom`
-  }, S("design-system:datepicker.preset.custom"))), p.map((F, z) => /* @__PURE__ */ s.createElement("div", {
-    key: X(F),
+  }, S("design-system:datepicker.preset.custom"))), p.map(($, z) => /* @__PURE__ */ s.createElement("div", {
+    key: X($),
     className: "sps-custom-control sps-custom-radio sps-custom-control--no-error"
   }, /* @__PURE__ */ s.createElement("input", {
     type: "radio",
-    "data-testid": `${f}_preset_option_${F.label}`,
+    "data-testid": `${f}_preset_option_${$.label}`,
     id: `sps-date-range-picker-${y}__range-${z}`,
     name: `sps-date-range-picker-${y}__range`,
-    onChange: () => G(F),
-    checked: x != null && x.definition ? x.definition === F.definition : !1,
+    onChange: () => G($),
+    checked: x != null && x.definition ? x.definition === $.definition : !1,
     className: "sps-custom-control__input"
   }), /* @__PURE__ */ s.createElement("label", {
     className: "sps-custom-control__label",
     htmlFor: `sps-date-range-picker-${y}__range-${z}`
-  }, X(F)))))), /* @__PURE__ */ s.createElement(Ea, {
+  }, X($)))))), /* @__PURE__ */ s.createElement(Ea, {
     "data-testid": `${f}_calendar`,
     selectedRange: Array.isArray(u) ? u : M,
     onNewSelection: N,
@@ -12817,12 +12817,12 @@ const VD = {
       loading: R,
       filterByTextAndCaptionKey: H,
       maxHeightOptionListPx: _,
-      maxHeightOptionListRem: $,
+      maxHeightOptionListRem: F,
       "data-testid": N,
       disableOptionsMemoization: B,
       disableDefaultOptionsFiltering: Q,
       ...J
-    } = e, G = u || p, { wrapperId: X, controlId: V } = vt(m, G), F = s.useRef(null), z = s.useRef(null), Y = s.useRef(null), { t: re } = s.useContext($e), [q, W] = ln({
+    } = e, G = u || p, { wrapperId: X, controlId: V } = vt(m, G), $ = s.useRef(null), z = s.useRef(null), Y = s.useRef(null), { t: re } = s.useContext($e), [q, W] = ln({
       isOpen: !1,
       value: M,
       text: "",
@@ -12882,10 +12882,10 @@ const VD = {
     s.useEffect(() => (document.addEventListener("click", ne), document.addEventListener("DropdownOpened", Ve), () => {
       document.removeEventListener("click", ne), document.removeEventListener("DropdownOpened", Ve);
     }), []), s.useLayoutEffect(() => {
-      if (r && Y.current && F.current) {
-        F.current.style.width = "";
-        const Be = `${F.current.getBoundingClientRect().width + 6}px`;
-        F.current.style.width = Be, Y.current.style.width = Be, Y.current.style.maxWidth = Be;
+      if (r && Y.current && $.current) {
+        $.current.style.width = "";
+        const Be = `${$.current.getBoundingClientRect().width + 6}px`;
+        $.current.style.width = Be, Y.current.style.width = Be, Y.current.style.maxWidth = Be;
       }
     }), lp(() => {
       var ve;
@@ -12944,7 +12944,7 @@ const VD = {
       className: "sps-icon sps-icon-chevron-down"
     }))), /* @__PURE__ */ s.createElement(os, {
       id: `${X}-options`,
-      ref: F,
+      ref: $,
       attachTo: Y,
       captionKey: a,
       comparisonKey: l,
@@ -12968,7 +12968,7 @@ const VD = {
       ignoreWidthStyles: r,
       loading: R,
       maxHeightPx: _,
-      maxHeightRem: $,
+      maxHeightRem: F,
       disableOptionsMemoization: B,
       disableDefaultOptionsFiltering: Q,
       "data-testid": `${N}-option-list`
@@ -13647,13 +13647,13 @@ function Ru({
     Array.isArray(p) ? p[1] : void 0
   ), [M, O] = s.useState(
     x[0]
-  ), [R, H] = s.useState(L[0]), [_, $] = s.useState(
+  ), [R, H] = s.useState(L[0]), [_, F] = s.useState(
     x[1]
   ), [N, B] = s.useState(L[1]), [Q, J] = s.useState(
     x[2]
   ), [G, X] = s.useState(
     L[2]
-  ), [V, F] = s.useState(null), { showPopup: z, doShowPopup: Y, doHidePopup: re } = is(T, b);
+  ), [V, $] = s.useState(null), { showPopup: z, doShowPopup: Y, doHidePopup: re } = is(T, b);
   function q(ee) {
     n && (n.setValue(ee), n.markAsDirty()), l && l(ee);
   }
@@ -13675,7 +13675,7 @@ function Ru({
       ye == null || ye.set(
         "hour",
         Q === "PM" ? 12 + pe : pe < 12 ? pe : 0
-      ), ye == null || ye.set("minute", Je), _e = [ye, null], F(null);
+      ), ye == null || ye.set("minute", Je), _e = [ye, null], $(null);
     } else {
       let pe = parseInt((N == null ? void 0 : N.split(":")[0]) || "0", 10);
       pe === 12 && (pe = 0);
@@ -13683,7 +13683,7 @@ function Ru({
       ye == null || ye.set(
         "hour",
         G === "PM" ? 12 + pe : pe
-      ), ye == null || ye.set("minute", Je), _e = [ge[0], ye], re(!0), F(null);
+      ), ye == null || ye.set("minute", Je), _e = [ge[0], ye], re(!0), $(null);
     }
     q(_e);
   }
@@ -13703,7 +13703,7 @@ function Ru({
     O(ee.target.value);
   }
   function ae(ee) {
-    ne(ee.target.value) && $(ee.target.value);
+    ne(ee.target.value) && F(ee.target.value);
   }
   function je() {
     if (M === x[0] && _ === x[1] && Q === x[2])
@@ -13726,7 +13726,7 @@ function Ru({
     }
   }
   function Ve() {
-    ne(_) && ($(we(_)), setTimeout(je, 0));
+    ne(_) && (F(we(_)), setTimeout(je, 0));
   }
   function st(ee) {
     J(ee.target.value);
@@ -13770,7 +13770,7 @@ function Ru({
     G !== L[2] && ve();
   }, [G]);
   function de() {
-    q([null, null]), F(null);
+    q([null, null]), $(null);
   }
   function Ce(ee) {
     return function(ge) {
@@ -13789,10 +13789,10 @@ function Ru({
   }
   function xe(ee) {
     if (!ee) {
-      F(null), q([null, null]);
+      $(null), q([null, null]);
       return;
     }
-    F(ee);
+    $(ee);
     const ge = Z.createDateTimeRangeFromPreset(ee);
     ee && W(ee) === "Before" ? !p || Array.isArray(p) && p[0] && p[1] ? q([null, null]) : Array.isArray(p) && p[0] ? q([null, Z.toMoment(Z.createFrom(p[0]))]) : Array.isArray(p) && p[1] && q([null, Z.toMoment(Z.createFrom(p[1]))]) : ee && W(ee) === "After" ? !p || Array.isArray(p) && p[0] && p[1] ? q([null, null]) : Array.isArray(p) && p[0] ? q([Z.toMoment(Z.createFrom(p[0])), null]) : Array.isArray(p) && p[1] && q([Z.toMoment(Z.createFrom(p[1])), null]) : JSON.stringify(p) !== JSON.stringify(ge) && q([ge[0], ge[1]]);
   }
@@ -13814,7 +13814,7 @@ function Ru({
       }
     }
   }, []), s.useEffect(() => {
-    x[0] ? O(x[0]) : O(""), x[1] ? $(x[1]) : $("12:00"), x[2] ? J(x[2]) : J("AM"), L[0] ? H(L[0]) : H(""), L[1] ? B(L[1]) : B("12:00"), L[2] ? X(L[2]) : X("AM");
+    x[0] ? O(x[0]) : O(""), x[1] ? F(x[1]) : F("12:00"), x[2] ? J(x[2]) : J("AM"), L[0] ? H(L[0]) : H(""), L[1] ? B(L[1]) : B("12:00"), L[2] ? X(L[2]) : X("AM");
   }, [
     x[0],
     x[1],
@@ -14239,7 +14239,7 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
         }, d);
       }
       var _ = {};
-      function $(i, d) {
+      function F(i, d) {
         r.deprecationHandler != null && r.deprecationHandler(i, d), _[i] || (R(d), _[i] = !0);
       }
       r.suppressDeprecationWarnings = !1, r.deprecationHandler = null;
@@ -14284,7 +14284,7 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
         var v = this._calendar[i] || this._calendar.sameElse;
         return N(v) ? v.call(d, g) : v;
       }
-      function F(i, d, g) {
+      function $(i, d, g) {
         var v = "" + Math.abs(i), D = d - v.length, P = i >= 0;
         return (P ? g ? "+" : "" : "-") + Math.pow(10, Math.max(0, D)).toString().substr(1) + v;
       }
@@ -14294,7 +14294,7 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
         typeof v == "string" && (D = function() {
           return this[v]();
         }), i && (q[i] = D), d && (q[d[0]] = function() {
-          return F(D.apply(this, arguments), d[1], d[2]);
+          return $(D.apply(this, arguments), d[1], d[2]);
         }), g && (q[g] = function() {
           return this.localeData().ordinal(
             D.apply(this, arguments),
@@ -14598,7 +14598,7 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
       }
       W("Y", 0, 0, function() {
         var i = this.year();
-        return i <= 9999 ? F(i, 4) : "+" + i;
+        return i <= 9999 ? $(i, 4) : "+" + i;
       }), W(0, ["YY", 2], 0, function() {
         return this.year() % 100;
       }), W(0, ["YYYY", 4], 0, "year"), W(0, ["YYYYY", 5], 0, "year"), W(0, ["YYYYYY", 6, !0], 0, "year"), de("year", "y"), ee("year", 1), le("Y", Ss), le("YY", ue, dt), le("YYYY", _r, Mr), le("YYYYY", gs, be), le("YYYYYY", gs, be), Re(["YYYYY", "YYYYYY"], ot), Re("YYYY", function(i, d) {
@@ -14804,13 +14804,13 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
         return this.hours() || 24;
       }
       W("H", ["HH", 2], 0, "hour"), W("h", ["hh", 2], 0, Ma), W("k", ["kk", 2], 0, Xf), W("hmm", 0, 0, function() {
-        return "" + Ma.apply(this) + F(this.minutes(), 2);
+        return "" + Ma.apply(this) + $(this.minutes(), 2);
       }), W("hmmss", 0, 0, function() {
-        return "" + Ma.apply(this) + F(this.minutes(), 2) + F(this.seconds(), 2);
+        return "" + Ma.apply(this) + $(this.minutes(), 2) + $(this.seconds(), 2);
       }), W("Hmm", 0, 0, function() {
-        return "" + this.hours() + F(this.minutes(), 2);
+        return "" + this.hours() + $(this.minutes(), 2);
       }), W("Hmmss", 0, 0, function() {
-        return "" + this.hours() + F(this.minutes(), 2) + F(this.seconds(), 2);
+        return "" + this.hours() + $(this.minutes(), 2) + $(this.seconds(), 2);
       });
       function fl(i, d) {
         W(i, 0, 0, function() {
@@ -14910,7 +14910,7 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
         if (d !== null) {
           var g, v = gl;
           if (d.abbr = i, He[i] != null)
-            $(
+            F(
               "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."
             ), v = He[i]._config;
@@ -15287,7 +15287,7 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
       function wl(i, d) {
         W(i, 0, 0, function() {
           var g = this.utcOffset(), v = "+";
-          return g < 0 && (g = -g, v = "-"), v + F(~~(g / 60), 2) + d + F(~~g % 60, 2);
+          return g < 0 && (g = -g, v = "-"), v + $(~~(g / 60), 2) + d + $(~~g % 60, 2);
         });
       }
       wl("Z", ":"), wl("ZZ", ""), le("Z", bs), le("ZZ", bs), Re(["Z", "ZZ"], function(i, d, g) {
@@ -15408,7 +15408,7 @@ Arguments: ` + Array.prototype.slice.call(v).join("") + `
       function Nl(i, d) {
         return function(g, v) {
           var D, P;
-          return v !== null && !isNaN(+v) && ($(
+          return v !== null && !isNaN(+v) && (F(
             d,
             "moment()." + d + "(period, number) is deprecated. Please use moment()." + d + "(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."
           ), P = g, g = v, v = P), D = Mt(g, v), xl(this, D, i), this;
@@ -17186,8 +17186,8 @@ function Pt({
     if (((V = k.current) == null ? void 0 : V.textContent) === "")
       return console.warn("SpsTooltip is empty; aborting show"), !1;
     x();
-    for (const F of _n.values())
-      F();
+    for (const $ of _n.values())
+      $();
     return C(!0), !0;
   }, []), O = s.useCallback((X) => {
     X && X.stopPropagation(), C((V) => V ? (L(), !1) : M());
@@ -17197,13 +17197,13 @@ function Pt({
     x(), w.current.hideTimer = window.setTimeout(L, a);
   }, []), _ = s.useCallback((X) => {
     var W, ie, se, ce, ne, we;
-    const [V, F] = X.split(" "), z = (W = I == null ? void 0 : I.current) == null ? void 0 : W.getBoundingClientRect(), Y = b.current ? parseInt(((ie = getComputedStyle(b.current)) == null ? void 0 : ie.width) || "0", 10) : 0, re = Y * Math.sqrt(2), q = (re - Y) / 2;
-    if (["top", "bottom"].includes(V) && F !== "middle") {
+    const [V, $] = X.split(" "), z = (W = I == null ? void 0 : I.current) == null ? void 0 : W.getBoundingClientRect(), Y = b.current ? parseInt(((ie = getComputedStyle(b.current)) == null ? void 0 : ie.width) || "0", 10) : 0, re = Y * Math.sqrt(2), q = (re - Y) / 2;
+    if (["top", "bottom"].includes(V) && $ !== "middle") {
       if (!(z != null && z.width) || z.width > 50)
         return 0;
       const Ne = b.current ? parseInt(((se = getComputedStyle(b.current)) == null ? void 0 : se.left) || "0", 10) : 0, ae = b.current ? parseInt(((ce = getComputedStyle(b.current)) == null ? void 0 : ce.right) || "0", 10) : 0, Ve = (Ne < ae ? Ne : ae) - q + re / 2;
       return z.width / 2 - Ve;
-    } else if (["left", "right"].includes(V) && F !== "middle") {
+    } else if (["left", "right"].includes(V) && $ !== "middle") {
       if ((z == null ? void 0 : z.height) && z.height > 50)
         return 0;
       const Ne = b.current ? parseInt(((ne = getComputedStyle(b.current)) == null ? void 0 : ne.top) || "0", 10) : 0, ae = b.current ? parseInt(((we = getComputedStyle(b.current)) == null ? void 0 : we.bottom) || "0", 10) : 0, Ve = (Ne < ae ? Ne : ae) - q + re / 2;
@@ -17251,7 +17251,7 @@ function Pt({
     },
     []
   );
-  const $ = as("sps-tooltip-portal"), N = s.useContext(Bt), [[B, Q], J] = s.useState([{}, !1]);
+  const F = as("sps-tooltip-portal"), N = s.useContext(Bt), [[B, Q], J] = s.useState([{}, !1]);
   s.useEffect(() => {
     J(T ? hr(k, I, u, {
       altPosition: m,
@@ -17282,7 +17282,7 @@ function Pt({
     T && "sps-tooltip--shown",
     t
   );
-  return $(
+  return F(
     /* @__PURE__ */ s.createElement("div", {
       role: "tooltip",
       className: G,
@@ -19473,18 +19473,18 @@ function Hu({
   function _(re) {
     re.preventDefault(), R(), L(go(x));
   }
-  function $() {
+  function F() {
     return r && (r instanceof ar && r.isVisibilyInvalid() || !(r instanceof ar) && !r.isValid()) ? [I, b] : r && r instanceof ar && r.hasPreventativeErrors() ? [M, O] : o ? [C, k] : a ? [x, L] : [De.HIDDEN, () => {
     }];
   }
   function N() {
     R();
-    const [re, q] = $();
+    const [re, q] = F();
     q(go(re));
   }
   function B() {
     R();
-    const [, re] = $();
+    const [, re] = F();
     re(De.VISIBLE);
   }
   function Q(re) {
@@ -19513,7 +19513,7 @@ function Hu({
     }
     return null;
   }
-  function F() {
+  function $() {
     if (G) {
       for (const re of yn)
         if (G.hasPreventativeError(re))
@@ -19588,7 +19588,7 @@ function Hu({
     showOn: ht.MANUAL,
     isShown: M,
     altPosition: Ee.LEFT_MIDDLE
-  }, Nt(p) || F()), /* @__PURE__ */ s.createElement(Pt, {
+  }, Nt(p) || $()), /* @__PURE__ */ s.createElement(Pt, {
     kind: Ht.DEFAULT,
     for: y,
     position: Ee.TOP_LEFT,
@@ -20172,8 +20172,8 @@ const NN = ({
         if (R && (R.style.overflow = O ? "hidden" : "", R.style.textOverflow = O ? "ellipsis" : ""), h && S && (h.style.right = "0", h.style.backgroundColor = "", S.style.right = "0", S.style.display = "none"), e.current.classList.contains("sps-table__cell--pinned") || (e.current.style.position = "relative"), f) {
           const H = f.querySelectorAll("thead > tr > th");
           for (let _ = 0; _ < H.length; _ += 1) {
-            const $ = H[_].querySelector(".sps-table__header-cell-body"), N = H[_].querySelector(".sps-table__column-resizer");
-            H[_].style.cursor = "default", H[_] !== e.current && N && (H[_].classList.add("sps-table__header--resizeable"), N.style.display = "block"), ($ == null ? void 0 : $.textContent) && !$.title && ($.title = $.textContent);
+            const F = H[_].querySelector(".sps-table__header-cell-body"), N = H[_].querySelector(".sps-table__column-resizer");
+            H[_].style.cursor = "default", H[_] !== e.current && N && (H[_].classList.add("sps-table__header--resizeable"), N.style.display = "block"), (F == null ? void 0 : F.textContent) && !F.title && (F.title = F.textContent);
           }
         }
       }
@@ -22427,7 +22427,7 @@ function Xu(e) {
   function _(V) {
     l && l(V);
   }
-  function $() {
+  function F() {
     o && o(!(n != null && n.isOpen));
   }
   function N(V) {
@@ -22484,7 +22484,7 @@ function Xu(e) {
     className: "sps-list-toolbar__advanced-search-toggle-button-wrapper"
   }, /* @__PURE__ */ s.createElement(Ye, {
     kind: qe.LINK,
-    onClick: $
+    onClick: F
   }, I("design-system:listToolbar.advancedSearchToggle"))), (n.enteredFields || 0) > 0 && /* @__PURE__ */ s.createElement(Wt, {
     "data-testid": `${C}__entered_fields`,
     kind: ur.INFO
@@ -24342,7 +24342,7 @@ function rm({
   "data-testid": H,
   ..._
 }) {
-  const $ = I != null ? I : [], N = u || p, { wrapperId: B, controlId: Q } = vt(f, N), [J, G] = ln({
+  const F = I != null ? I : [], N = u || p, { wrapperId: B, controlId: Q } = vt(f, N), [J, G] = ln({
     keyDown: null,
     opensUpward: !1,
     searchText: "",
@@ -24352,7 +24352,7 @@ function rm({
   s.useEffect(() => {
     S && S(J.searchText);
   }, [J.searchText]);
-  const X = s.useRef(null), V = s.useRef(null), F = s.useRef(null), z = s.useRef(null), Y = s.useRef(null);
+  const X = s.useRef(null), V = s.useRef(null), $ = s.useRef(null), z = s.useRef(null), Y = s.useRef(null);
   function re() {
     r && G({
       searchText: ""
@@ -24369,7 +24369,7 @@ function rm({
   function ce() {
     setTimeout(() => {
       var de;
-      (de = F.current) == null || de.focus();
+      (de = $.current) == null || de.focus();
     }, 0);
   }
   function ne(de) {
@@ -24384,10 +24384,10 @@ function rm({
     );
   }
   function Ne(de) {
-    $.indexOf(de) === -1 && we([...$, de]), ce();
+    F.indexOf(de) === -1 && we([...F, de]), ce();
   }
   function ae(de) {
-    const Ce = $.filter((xe, St) => St !== de);
+    const Ce = F.filter((xe, St) => St !== de);
     we(Ce);
   }
   function je(de) {
@@ -24396,10 +24396,10 @@ function rm({
   function Ve(de) {
     var Ce;
     if (!o) {
-      const xe = !m && !de.target.selectionStart && $ && $.length;
+      const xe = !m && !de.target.selectionStart && F && F.length;
       switch (de.key) {
         case "Backspace":
-          if (J.activeTagIndex === $.length - 1) {
+          if (J.activeTagIndex === F.length - 1) {
             ae(J.activeTagIndex), ce();
             return;
           }
@@ -24408,7 +24408,7 @@ function rm({
             return;
           }
           if (xe) {
-            we($.slice(0, $.length - 1));
+            we(F.slice(0, F.length - 1));
             return;
           }
           break;
@@ -24427,14 +24427,14 @@ function rm({
         case "Left":
         case "ArrowLeft":
           if (xe) {
-            J.activeTagIndex === null ? (G({ activeTagIndex: $.length - 1 }), ie(), ne($.length - 1)) : J.activeTagIndex > 0 && (G({ activeTagIndex: J.activeTagIndex - 1 }), ie(), ne(J.activeTagIndex - 1));
+            J.activeTagIndex === null ? (G({ activeTagIndex: F.length - 1 }), ie(), ne(F.length - 1)) : J.activeTagIndex > 0 && (G({ activeTagIndex: J.activeTagIndex - 1 }), ie(), ne(J.activeTagIndex - 1));
             return;
           }
           break;
         case "Right":
         case "ArrowRight":
           if (J.activeTagIndex !== null) {
-            J.activeTagIndex === $.length - 1 ? (G({ activeTagIndex: null }), W(), (Ce = F.current) == null || Ce.focus()) : (G({ activeTagIndex: J.activeTagIndex + 1 }), ne(J.activeTagIndex + 1));
+            J.activeTagIndex === F.length - 1 ? (G({ activeTagIndex: null }), W(), (Ce = $.current) == null || Ce.focus()) : (G({ activeTagIndex: J.activeTagIndex + 1 }), ne(J.activeTagIndex + 1));
             return;
           }
           break;
@@ -24467,14 +24467,14 @@ function rm({
     J.opensUpward && "sps-multi-select--opens-upward",
     o && "sps-form-control--disabled",
     n
-  ), ze = new Array($.length).fill(0).map((de, Ce) => `${B}_tag-${Ce}`);
+  ), ze = new Array(F.length).fill(0).map((de, Ce) => `${B}_tag-${Ce}`);
   return /* @__PURE__ */ s.createElement(ct, {
     id: B,
     className: Be,
     formControl: p,
     formMeta: u,
     ref: X,
-    inputRef: F,
+    inputRef: $,
     focusInputOnClick: !0,
     onKeyDown: Ve,
     role: "listbox",
@@ -24487,14 +24487,14 @@ function rm({
   }, /* @__PURE__ */ s.createElement("div", {
     className: K(
       "sps-form-control",
-      $ && !o && "sps-form-control--clearable"
+      F && !o && "sps-form-control--clearable"
     )
   }, L && /* @__PURE__ */ s.createElement("i", {
     className: K("sps-text-input__icon", "sps-icon", `sps-icon-${L}`)
   }), /* @__PURE__ */ s.createElement("div", {
     className: "sps-multi-select__tags-and-input",
     ref: Y
-  }, m ? null : $.map((de, Ce) => /* @__PURE__ */ s.createElement(fa, {
+  }, m ? null : F.map((de, Ce) => /* @__PURE__ */ s.createElement(fa, {
     id: ze[Ce],
     role: "option",
     disabled: o,
@@ -24503,11 +24503,11 @@ function rm({
     onRemove: () => ae(Ce)
   }, C ? de[C] : de)), /* @__PURE__ */ s.createElement("input", {
     type: "text",
-    ref: F,
+    ref: $,
     "data-testid": `${H}__option-list-input`,
     value: J.searchText,
     className: "sps-text-input__input",
-    placeholder: $.length === 0 ? w : void 0,
+    placeholder: F.length === 0 ? w : void 0,
     id: Q,
     onClick: se,
     onChange: je,
@@ -24518,7 +24518,7 @@ function rm({
     "aria-multiselectable": "true",
     "aria-owns": ze.join(" "),
     ..._
-  })), $.length !== 0 && !o ? /* @__PURE__ */ s.createElement("i", {
+  })), F.length !== 0 && !o ? /* @__PURE__ */ s.createElement("i", {
     className: "sps-icon sps-icon-x-circle sps-form-control__clear-btn",
     onClick: (de) => gt(de)
   }) : null)), /* @__PURE__ */ s.createElement(os, {
@@ -24527,7 +24527,7 @@ function rm({
     "data-testid": `${H}__option-list`,
     attachTo: V,
     captionKey: t,
-    disabledOptions: l ? $ : null,
+    disabledOptions: l ? F : null,
     isOpen: q,
     comparisonKey: c,
     keepOpen: !0,
@@ -25177,8 +25177,8 @@ function sm(e) {
     return c !== void 0 ? Math.ceil(c / O) : NaN;
   }
   function C(O = y.page, R = y.pageSize) {
-    const H = T(R), _ = O === H && c !== void 0 && c % R || R, $ = h || (H === 0 ? 0 : _), N = (O - 1) * R;
-    return H === 0 ? [0, 0] : [N + 1, N + $];
+    const H = T(R), _ = O === H && c !== void 0 && c % R || R, F = h || (H === 0 ? 0 : _), N = (O - 1) * R;
+    return H === 0 ? [0, 0] : [N + 1, N + F];
   }
   function k(O) {
     const R = {
@@ -28175,11 +28175,11 @@ function mm({
       altPosition: t,
       ...L
     }
-  ) : [{}, !1], O = r.position || Ee.BOTTOM_RIGHT, R = r.kind || Ht.DEFAULT, H = e.filter((F) => F.unread).length, _ = e.filter((F) => F.status === Os.IN_PROGRESS).length, $ = e.some((F) => F.status === Os.COMPLETED || F.status === Os.ERRORED), N = s.useRef(o);
+  ) : [{}, !1], O = r.position || Ee.BOTTOM_RIGHT, R = r.kind || Ht.DEFAULT, H = e.filter(($) => $.unread).length, _ = e.filter(($) => $.status === Os.IN_PROGRESS).length, F = e.some(($) => $.status === Os.COMPLETED || $.status === Os.ERRORED), N = s.useRef(o);
   N.current = o;
   const B = s.useRef(null), Q = () => {
     S && !y ? (w(!0), a && a()) : y && (w(!1), o && o()), B.current && (B.current.scrollTop = 0);
-  }, J = (F) => F.status === Os.IN_PROGRESS ? jl[F.status] : `sps-icon sps-icon-${jl[F.status]}`;
+  }, J = ($) => $.status === Os.IN_PROGRESS ? jl[$.status] : `sps-icon sps-icon-${jl[$.status]}`;
   s.useEffect(() => {
     y && !S && (w(!1), N.current && N.current());
   }, [y, S]);
@@ -28189,11 +28189,11 @@ function mm({
       G.current = void 0, C(!1);
     }, Yl)) : (G.current && (window.clearTimeout(G.current), G.current = void 0), C(!1));
   }, [H]), s.useEffect(() => {
-    const F = () => {
+    const $ = () => {
       w((z) => (z && N.current && N.current(), !1));
     };
-    return document.addEventListener("click", F), () => {
-      document.removeEventListener("click", F);
+    return document.addEventListener("click", $), () => {
+      document.removeEventListener("click", $);
     };
   }, []), s.useEffect(
     () => () => {
@@ -28208,8 +28208,8 @@ function mm({
     !S && "sps-task-queue--no-tasks",
     c
   );
-  function V(F) {
-    return (F.actions || []).map((z) => {
+  function V($) {
+    return ($.actions || []).map((z) => {
       if (s.isValidElement(z)) {
         if (z.type !== Ye || z.props.kind !== qe.ICON)
           throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");
@@ -28223,7 +28223,7 @@ function mm({
         title: z.label,
         disabled: z.disabled,
         onClick: () => {
-          z.onClick && z.onClick(F);
+          z.onClick && z.onClick($);
         }
       }, z.caption, z.icon && /* @__PURE__ */ s.createElement("i", {
         className: `sps-icon sps-icon-${z.icon}`,
@@ -28233,8 +28233,8 @@ function mm({
   }
   return /* @__PURE__ */ s.createElement("div", {
     className: X,
-    onClick: (F) => {
-      F.nativeEvent.stopImmediatePropagation();
+    onClick: ($) => {
+      $.nativeEvent.stopImmediatePropagation();
     },
     "data-testid": p,
     ...f
@@ -28270,24 +28270,24 @@ function mm({
     }, /* @__PURE__ */ s.createElement("div", {
       ref: B,
       className: "sps-task-queue__task-list-tasks"
-    }, e.map((F, z) => /* @__PURE__ */ s.createElement("div", {
+    }, e.map(($, z) => /* @__PURE__ */ s.createElement("div", {
       key: z,
       className: K(
         "sps-task-queue__task",
-        F.unread && "sps-task-queue__task--unread"
+        $.unread && "sps-task-queue__task--unread"
       )
     }, /* @__PURE__ */ s.createElement("i", {
-      className: J(F)
+      className: J($)
     }), /* @__PURE__ */ s.createElement("div", {
       className: "sps-task-queue__task-description"
     }, /* @__PURE__ */ s.createElement("div", {
       className: "sps-task-queue__task-heading"
-    }, F.heading), F.subheading && /* @__PURE__ */ s.createElement("div", {
+    }, $.heading), $.subheading && /* @__PURE__ */ s.createElement("div", {
       className: "sps-task-queue__task-subheading",
-      title: F.subheading
-    }, F.subheading)), F.actions && !!F.actions.length && /* @__PURE__ */ s.createElement("div", {
+      title: $.subheading
+    }, $.subheading)), $.actions && !!$.actions.length && /* @__PURE__ */ s.createElement("div", {
       className: "sps-task-queue__task-actions"
-    }, V(F))))), $ && l && /* @__PURE__ */ s.createElement("div", {
+    }, V($))))), F && l && /* @__PURE__ */ s.createElement("div", {
       className: "sps-task-queue__footer"
     }, /* @__PURE__ */ s.createElement("div", {
       className: "sps-button sps-button--link"
@@ -29614,7 +29614,7 @@ Object.assign(Cm, {
   displayName: "SpsFilterPanel"
 });
 const Bx = {
-  title: "string",
+  title: "string | ReactNode",
   expanded: "boolean",
   heightPx: "number",
   heightRem: "number",
@@ -29648,7 +29648,7 @@ function Dm({
     ...p
   }, /* @__PURE__ */ s.createElement("div", {
     className: "sps-filter-panel__section__title-wrapper"
-  }, /* @__PURE__ */ s.createElement(y, null), /* @__PURE__ */ s.createElement("p", null, n)), f && /* @__PURE__ */ s.createElement("div", {
+  }, /* @__PURE__ */ s.createElement(y, null), n && (typeof n == "string" ? /* @__PURE__ */ s.createElement("p", null, n) : n)), f && /* @__PURE__ */ s.createElement("div", {
     className: "sps-filter-panel__section__content-wrapper",
     style: S
   }, /* @__PURE__ */ s.createElement("div", {
@@ -30038,6 +30038,98 @@ const Fx = {
                         );
                     }
                 `
+      },
+      customSectionTitle: {
+        description: () => /* @__PURE__ */ s.createElement("p", null, "Using components in the section title"),
+        react: E`
+                    import {
+                      useSpsForm,
+                      SpsForm,
+                      SpsFilterPanel,
+                      SpsFilterPanelCap,
+                      SpsFilterPanelSection,
+                      SpsCheckbox
+                    } from "@spscommerce/ds-react";
+                    import { Tag } from "@sps-woodland/tag";
+                    
+                    function Component() {
+                      const initialValues = {
+                        users: [
+                          { name: "Adam Jones", permissions: "Full", selected: true },
+                          { name: "Amy Smith", permissions: "Full", selected: true },
+                          { name: "Ashton James", permissions: "View", selected: true },
+                          { name: "Betty Wu", permissions: "Full", selected: false },
+                          { name: "Saraswathi Karapala", permissions: "None", selected: true },
+                          { name: "Suzanne Tecca", permissions: "None", selected: false }
+                        ],
+                        filterBoxValue: ""
+                      };
+                    
+                      const { formValue, formMeta, updateForm } = useSpsForm(initialValues);
+                    
+                      const handleClear = () => {
+                        updateForm(initialValues);
+                        formMeta.markAsPristine();
+                      };
+                    
+                      const [expanded, setExpanded] = React.useState(true);
+                    
+                      const onExpand = () => {
+                        setExpanded(true);
+                      };
+                    
+                      const onCollapse = () => {
+                        setExpanded(false);
+                      };
+                    
+                      const getSelectedUsers = () => formValue.users
+                        .filter((user) => user.selected);
+                    
+                      return (
+                        <div className="sfg-row">
+                          <div className="sfg-col-6">
+                            <SpsForm formMeta={formMeta}>
+                              <SpsFilterPanel>
+                                <SpsFilterPanelCap onClear={handleClear} />
+                                <SpsFilterPanelFilterBox
+                                  value={formValue.filterBoxValue}
+                                  formMeta={formMeta.fields.filterBoxValue}
+                                />
+                                <SpsFilterPanelSection expanded={expanded}
+                                                       onExpand={onExpand}
+                                                       onCollapse={onCollapse}
+                                                       title={(
+                                                         <div className="flex-fill d-flex justify-content-between align-items-center">
+                                                           <div>
+                                                             <span>Users</span>
+                                                             <Tag className="ml-1" kind="key">{getSelectedUsers().length}</Tag>
+                                                           </div>
+                                                           <Tag className="pr-0">Default Access</Tag>
+                                                         </div>
+                                                       )}>
+                                  {initialValues.users
+                                    .filter((user) =>
+                                      user.name.toLowerCase()
+                                        .includes(formValue.filterBoxValue.toLowerCase()))
+                                    .map((user, index) => (
+                                      <div className="flex-fill d-flex justify-content-between align-items-center">
+                                        <SpsCheckbox
+                                          key={index}
+                                          label={user.name}
+                                          checked={formValue.users[index].selected}
+                                          formMeta={formMeta.fields.users.fields[index].fields.selected} />
+                                        <Tag kind="key">{user.permissions}</Tag>
+                                      </div>
+                                    ))
+                                  }
+                                </SpsFilterPanelSection>
+                              </SpsFilterPanel>
+                            </SpsForm>
+                          </div>
+                        </div>
+                      );
+                    }
+                `
       }
     }
   }
@@ -30293,7 +30385,7 @@ function Im({
     );
   }
   function O(G) {
-    const X = (u || []).filter((V, F) => F !== G);
+    const X = (u || []).filter((V, $) => $ !== G);
     M(X);
   }
   function R(G) {
@@ -30317,16 +30409,16 @@ function Im({
       fd
     ]
   );
-  function $(G) {
+  function F(G) {
     _(G);
   }
   function N(G) {
     var X;
     if (!t) {
-      const V = !G.target.selectionStart && u && u.length, F = u ? u.length : 0;
+      const V = !G.target.selectionStart && u && u.length, $ = u ? u.length : 0;
       switch (G.key) {
         case "Backspace":
-          if (C.activeTagIndex === F - 1) {
+          if (C.activeTagIndex === $ - 1) {
             O(C.activeTagIndex), L();
             return;
           }
@@ -30335,7 +30427,7 @@ function Im({
             return;
           }
           if (V) {
-            M(u.slice(0, F - 1)), L();
+            M(u.slice(0, $ - 1)), L();
             return;
           }
           break;
@@ -30355,14 +30447,14 @@ function Im({
         case "Left":
         case "ArrowLeft":
           if (V) {
-            C.activeTagIndex === null ? (k({ activeTagIndex: F - 1 }), H(F - 1)) : C.activeTagIndex > 0 && (k({ activeTagIndex: C.activeTagIndex - 1 }), H(C.activeTagIndex - 1));
+            C.activeTagIndex === null ? (k({ activeTagIndex: $ - 1 }), H($ - 1)) : C.activeTagIndex > 0 && (k({ activeTagIndex: C.activeTagIndex - 1 }), H(C.activeTagIndex - 1));
             return;
           }
           break;
         case "Right":
         case "ArrowRight":
           if (C.activeTagIndex !== null) {
-            C.activeTagIndex === F - 1 ? (k({ activeTagIndex: null }), (X = b.current) == null || X.focus()) : (k({ activeTagIndex: C.activeTagIndex + 1 }), H(C.activeTagIndex + 1));
+            C.activeTagIndex === $ - 1 ? (k({ activeTagIndex: null }), (X = b.current) == null || X.focus()) : (k({ activeTagIndex: C.activeTagIndex + 1 }), H(C.activeTagIndex + 1));
             return;
           }
           break;
@@ -30420,7 +30512,7 @@ function Im({
     className: "sps-text-input__input",
     placeholder: C.searchText.length === 0 && (!u || u.length === 0) ? c : void 0,
     id: T,
-    onBlur: $,
+    onBlur: F,
     onChange: R,
     onKeyDown: N,
     disabled: t,
@@ -31520,22 +31612,22 @@ function Wm(e) {
     isOverTarget: !1,
     pointerType: null
   }), { addGlobalListener: C, removeAllGlobalListeners: k } = Vm(), I = Ue(() => {
-    let b = T.current, x = (_, $) => {
+    let b = T.current, x = (_, F) => {
       let { onPressStart: N, onPressChange: B, isDisabled: Q } = S.current;
       Q || b.didFirePressStart || (N && N({
         type: "pressstart",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
         ctrlKey: _.ctrlKey,
         altKey: _.altKey
       }), B && B(!0), b.didFirePressStart = !0, w(!0));
-    }, L = (_, $, N = !0) => {
+    }, L = (_, F, N = !0) => {
       let { onPressEnd: B, onPressChange: Q, onPress: J, isDisabled: G } = S.current;
       !b.didFirePressStart || (b.ignoreClickAfterPress = !0, b.didFirePressStart = !1, B && B({
         type: "pressend",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
@@ -31543,18 +31635,18 @@ function Wm(e) {
         altKey: _.altKey
       }), Q && Q(!1), w(!1), J && N && !G && J({
         type: "press",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
         ctrlKey: _.ctrlKey,
         altKey: _.altKey
       }));
-    }, M = (_, $) => {
+    }, M = (_, F) => {
       let { onPressUp: N, isDisabled: B } = S.current;
       B || N && N({
         type: "pressup",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
@@ -31576,8 +31668,8 @@ function Wm(e) {
     }, H = (_) => {
       if (b.isPressed && bo(_, b.target)) {
         Nd(_.target, _.key) && _.preventDefault(), _.stopPropagation(), b.isPressed = !1;
-        let $ = _.target;
-        L(nn(b.target, _), "keyboard", b.target.contains($)), k(), b.target instanceof HTMLElement && b.target.contains($) && (Ko(b.target) || b.target.getAttribute("role") === "link") && b.target.click();
+        let F = _.target;
+        L(nn(b.target, _), "keyboard", b.target.contains(F)), k(), b.target instanceof HTMLElement && b.target.contains(F) && (Ko(b.target) || b.target.getAttribute("role") === "link") && b.target.click();
       }
     };
     if (typeof PointerEvent < "u") {
@@ -31587,7 +31679,7 @@ function Wm(e) {
             b.pointerType = "virtual";
             return;
           }
-          vo(B.currentTarget) && B.preventDefault(), b.pointerType = B.pointerType, B.stopPropagation(), b.isPressed || (b.isPressed = !0, b.isOverTarget = !0, b.activePointerId = B.pointerId, b.target = B.currentTarget, !l && !p && cr(B.currentTarget), m || Cd(b.target), x(B, b.pointerType), C(document, "pointermove", _, !1), C(document, "pointerup", $, !1), C(document, "pointercancel", N, !1));
+          vo(B.currentTarget) && B.preventDefault(), b.pointerType = B.pointerType, B.stopPropagation(), b.isPressed || (b.isPressed = !0, b.isOverTarget = !0, b.activePointerId = B.pointerId, b.target = B.currentTarget, !l && !p && cr(B.currentTarget), m || Cd(b.target), x(B, b.pointerType), C(document, "pointermove", _, !1), C(document, "pointerup", F, !1), C(document, "pointercancel", N, !1));
         }
       }, R.onMouseDown = (B) => {
         !B.currentTarget.contains(B.target) || B.button === 0 && (vo(B.currentTarget) && B.preventDefault(), B.stopPropagation());
@@ -31596,7 +31688,7 @@ function Wm(e) {
       };
       let _ = (B) => {
         B.pointerId === b.activePointerId && (Zn(B, b.target) ? b.isOverTarget || (b.isOverTarget = !0, x(nn(b.target, B), b.pointerType)) : b.isOverTarget && (b.isOverTarget = !1, L(nn(b.target, B), b.pointerType, !1), S.current.shouldCancelOnPointerExit && O(B)));
-      }, $ = (B) => {
+      }, F = (B) => {
         B.pointerId === b.activePointerId && b.isPressed && B.button === 0 && (Zn(B, b.target) ? L(nn(b.target, B), b.pointerType) : b.isOverTarget && L(nn(b.target, B), b.pointerType, !1), b.isPressed = !1, b.isOverTarget = !1, b.activePointerId = null, b.pointerType = null, k(), m || Ws(b.target));
       }, N = (B) => {
         O(B);
@@ -31628,7 +31720,7 @@ function Wm(e) {
           return;
         N.stopPropagation();
         let B = kk(N.nativeEvent);
-        !B || (b.activePointerId = B.identifier, b.ignoreEmulatedMouseEvents = !0, b.isOverTarget = !0, b.isPressed = !0, b.target = N.currentTarget, b.pointerType = "touch", !l && !p && cr(N.currentTarget), m || Cd(b.target), x(N, b.pointerType), C(window, "scroll", $, !0));
+        !B || (b.activePointerId = B.identifier, b.ignoreEmulatedMouseEvents = !0, b.isOverTarget = !0, b.isPressed = !0, b.target = N.currentTarget, b.pointerType = "touch", !l && !p && cr(N.currentTarget), m || Cd(b.target), x(N, b.pointerType), C(window, "scroll", F, !0));
       }, R.onTouchMove = (N) => {
         if (!N.currentTarget.contains(N.target) || (N.stopPropagation(), !b.isPressed))
           return;
@@ -31642,7 +31734,7 @@ function Wm(e) {
       }, R.onTouchCancel = (N) => {
         !N.currentTarget.contains(N.target) || (N.stopPropagation(), b.isPressed && O(N));
       };
-      let $ = (N) => {
+      let F = (N) => {
         b.isPressed && N.target.contains(b.target) && O({
           currentTarget: b.target,
           shiftKey: !1,
@@ -32107,10 +32199,10 @@ function sI(e) {
         break;
       case "ArrowUp":
         if (n.getKeyAbove) {
-          var _, $;
+          var _, F;
           M.preventDefault();
           let N = t.focusedKey != null ? n.getKeyAbove(t.focusedKey) : (_ = n.getLastKey) === null || _ === void 0 ? void 0 : _.call(n);
-          N == null && o && (N = ($ = n.getLastKey) === null || $ === void 0 ? void 0 : $.call(n, t.focusedKey)), O(N);
+          N == null && o && (N = (F = n.getLastKey) === null || F === void 0 ? void 0 : F.call(n, t.focusedKey)), O(N);
         }
         break;
       case "ArrowLeft":
@@ -32194,8 +32286,8 @@ function sI(e) {
     }
     if (!!M.currentTarget.contains(M.target)) {
       if (t.setFocused(!0), t.focusedKey == null) {
-        let H = ($) => {
-          $ != null && (t.setFocusedKey($), p && t.replaceSelection($));
+        let H = (F) => {
+          F != null && (t.setFocusedKey(F), p && t.replaceSelection(F));
         }, _ = M.relatedTarget;
         var O, R;
         _ && M.currentTarget.compareDocumentPosition(_) & Node.DOCUMENT_POSITION_FOLLOWING ? H((O = t.lastSelectedKey) !== null && O !== void 0 ? O : n.getLastKey()) : H((R = t.firstSelectedKey) !== null && R !== void 0 ? R : n.getFirstKey());
@@ -32248,13 +32340,13 @@ function sI(e) {
   };
 }
 function aI(e) {
-  let { selectionManager: t, key: n, ref: r, shouldSelectOnPressUp: a, isVirtualized: o, shouldUseVirtualFocus: l, focus: c, isDisabled: p, onAction: u, allowsDifferentPressOrigin: m } = e, f = ($) => {
-    if ($.pointerType === "keyboard" && Jm($))
+  let { selectionManager: t, key: n, ref: r, shouldSelectOnPressUp: a, isVirtualized: o, shouldUseVirtualFocus: l, focus: c, isDisabled: p, onAction: u, allowsDifferentPressOrigin: m } = e, f = (F) => {
+    if (F.pointerType === "keyboard" && Jm(F))
       t.toggleSelection(n);
     else {
       if (t.selectionMode === "none")
         return;
-      t.selectionMode === "single" ? t.isSelected(n) && !t.disallowEmptySelection ? t.toggleSelection(n) : t.replaceSelection(n) : $ && $.shiftKey ? t.extendSelection(n) : t.selectionBehavior === "toggle" || $ && (sr($) || $.pointerType === "touch" || $.pointerType === "virtual") ? t.toggleSelection(n) : t.replaceSelection(n);
+      t.selectionMode === "single" ? t.isSelected(n) && !t.disallowEmptySelection ? t.toggleSelection(n) : t.replaceSelection(n) : F && F.shiftKey ? t.extendSelection(n) : t.selectionBehavior === "toggle" || F && (sr(F) || F.pointerType === "touch" || F.pointerType === "virtual") ? t.toggleSelection(n) : t.replaceSelection(n);
     }
   };
   Pe(() => {
@@ -32270,40 +32362,40 @@ function aI(e) {
   let h = {};
   l || (h = {
     tabIndex: n === t.focusedKey ? 0 : -1,
-    onFocus($) {
-      $.target === r.current && t.setFocusedKey(n);
+    onFocus(F) {
+      F.target === r.current && t.setFocusedKey(n);
     }
   }), p = p || t.isDisabled(n);
   let S = !p && t.canSelectItem(n), y = u && !p, w = y && (t.selectionBehavior === "replace" ? !S : t.isEmpty), T = y && S && t.selectionBehavior === "replace", C = w || T, k = me(null), I = C && S, b = me(!1), x = me(!1), L = {};
-  a ? (L.onPressStart = ($) => {
-    k.current = $.pointerType, b.current = I, $.pointerType === "keyboard" && (!C || Bd()) && f($);
-  }, m ? (L.onPressUp = ($) => {
-    $.pointerType !== "keyboard" && f($);
-  }, L.onPress = w ? () => u() : null) : L.onPress = ($) => {
-    if (w || T && $.pointerType !== "mouse") {
-      if ($.pointerType === "keyboard" && !Pd())
+  a ? (L.onPressStart = (F) => {
+    k.current = F.pointerType, b.current = I, F.pointerType === "keyboard" && (!C || Bd()) && f(F);
+  }, m ? (L.onPressUp = (F) => {
+    F.pointerType !== "keyboard" && f(F);
+  }, L.onPress = w ? () => u() : null) : L.onPress = (F) => {
+    if (w || T && F.pointerType !== "mouse") {
+      if (F.pointerType === "keyboard" && !Pd())
         return;
       u();
     } else
-      $.pointerType !== "keyboard" && f($);
-  }) : (L.onPressStart = ($) => {
-    k.current = $.pointerType, b.current = I, x.current = w, ($.pointerType === "mouse" && !w || $.pointerType === "keyboard" && (!u || Bd())) && f($);
-  }, L.onPress = ($) => {
-    ($.pointerType === "touch" || $.pointerType === "pen" || $.pointerType === "virtual" || $.pointerType === "keyboard" && C && Pd() || $.pointerType === "mouse" && x.current) && (C ? u() : f($));
+      F.pointerType !== "keyboard" && f(F);
+  }) : (L.onPressStart = (F) => {
+    k.current = F.pointerType, b.current = I, x.current = w, (F.pointerType === "mouse" && !w || F.pointerType === "keyboard" && (!u || Bd())) && f(F);
+  }, L.onPress = (F) => {
+    (F.pointerType === "touch" || F.pointerType === "pen" || F.pointerType === "virtual" || F.pointerType === "keyboard" && C && Pd() || F.pointerType === "mouse" && x.current) && (C ? u() : f(F));
   }), o || (h["data-key"] = n), L.preventFocusOnPress = l;
-  let { pressProps: M, isPressed: O } = Wm(L), R = T ? ($) => {
-    k.current === "mouse" && ($.stopPropagation(), $.preventDefault(), u());
+  let { pressProps: M, isPressed: O } = Wm(L), R = T ? (F) => {
+    k.current === "mouse" && (F.stopPropagation(), F.preventDefault(), u());
   } : void 0, { longPressProps: H } = Fk({
     isDisabled: !I,
-    onLongPress($) {
-      $.pointerType === "touch" && (f($), t.setSelectionBehavior("toggle"));
+    onLongPress(F) {
+      F.pointerType === "touch" && (f(F), t.setSelectionBehavior("toggle"));
     }
   });
   return {
     itemProps: Ca(h, S || w ? M : {}, I ? H : {}, {
       onDoubleClick: R,
-      onDragStart: ($) => {
-        k.current === "touch" && b.current && $.preventDefault();
+      onDragStart: (F) => {
+        k.current === "touch" && b.current && F.preventDefault();
       }
     }),
     isPressed: O,
@@ -32386,22 +32478,22 @@ function iI(e) {
     isOverTarget: !1,
     pointerType: null
   }), { addGlobalListener: C, removeAllGlobalListeners: k } = lk(), I = Ue(() => {
-    let b = T.current, x = (_, $) => {
+    let b = T.current, x = (_, F) => {
       let { onPressStart: N, onPressChange: B, isDisabled: Q } = S.current;
       Q || b.didFirePressStart || (N && N({
         type: "pressstart",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
         ctrlKey: _.ctrlKey,
         altKey: _.altKey
       }), B && B(!0), b.didFirePressStart = !0, w(!0));
-    }, L = (_, $, N = !0) => {
+    }, L = (_, F, N = !0) => {
       let { onPressEnd: B, onPressChange: Q, onPress: J, isDisabled: G } = S.current;
       !b.didFirePressStart || (b.ignoreClickAfterPress = !0, b.didFirePressStart = !1, B && B({
         type: "pressend",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
@@ -32409,18 +32501,18 @@ function iI(e) {
         altKey: _.altKey
       }), Q && Q(!1), w(!1), J && N && !G && J({
         type: "press",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
         ctrlKey: _.ctrlKey,
         altKey: _.altKey
       }));
-    }, M = (_, $) => {
+    }, M = (_, F) => {
       let { onPressUp: N, isDisabled: B } = S.current;
       B || N && N({
         type: "pressup",
-        pointerType: $,
+        pointerType: F,
         target: _.currentTarget,
         shiftKey: _.shiftKey,
         metaKey: _.metaKey,
@@ -32442,8 +32534,8 @@ function iI(e) {
     }, H = (_) => {
       if (b.isPressed && yo(_, b.target)) {
         $d(_.target, _.key) && _.preventDefault(), _.stopPropagation(), b.isPressed = !1;
-        let $ = _.target;
-        L(rn(b.target, _), "keyboard", b.target.contains($)), k(), b.target instanceof HTMLElement && b.target.contains($) && (Yo(b.target) || b.target.getAttribute("role") === "link") && b.target.click();
+        let F = _.target;
+        L(rn(b.target, _), "keyboard", b.target.contains(F)), k(), b.target instanceof HTMLElement && b.target.contains(F) && (Yo(b.target) || b.target.getAttribute("role") === "link") && b.target.click();
       }
     };
     if (typeof PointerEvent < "u") {
@@ -32453,7 +32545,7 @@ function iI(e) {
             b.pointerType = "virtual";
             return;
           }
-          Eo(B.currentTarget) && B.preventDefault(), b.pointerType = B.pointerType, B.stopPropagation(), b.isPressed || (b.isPressed = !0, b.isOverTarget = !0, b.activePointerId = B.pointerId, b.target = B.currentTarget, !l && !p && lr(B.currentTarget), m || Ad(b.target), x(B, b.pointerType), C(document, "pointermove", _, !1), C(document, "pointerup", $, !1), C(document, "pointercancel", N, !1));
+          Eo(B.currentTarget) && B.preventDefault(), b.pointerType = B.pointerType, B.stopPropagation(), b.isPressed || (b.isPressed = !0, b.isOverTarget = !0, b.activePointerId = B.pointerId, b.target = B.currentTarget, !l && !p && lr(B.currentTarget), m || Ad(b.target), x(B, b.pointerType), C(document, "pointermove", _, !1), C(document, "pointerup", F, !1), C(document, "pointercancel", N, !1));
         }
       }, R.onMouseDown = (B) => {
         !B.currentTarget.contains(B.target) || B.button === 0 && (Eo(B.currentTarget) && B.preventDefault(), B.stopPropagation());
@@ -32462,7 +32554,7 @@ function iI(e) {
       };
       let _ = (B) => {
         B.pointerId === b.activePointerId && (er(B, b.target) ? b.isOverTarget || (b.isOverTarget = !0, x(rn(b.target, B), b.pointerType)) : b.isOverTarget && (b.isOverTarget = !1, L(rn(b.target, B), b.pointerType, !1), S.current.shouldCancelOnPointerExit && O(B)));
-      }, $ = (B) => {
+      }, F = (B) => {
         B.pointerId === b.activePointerId && b.isPressed && B.button === 0 && (er(B, b.target) ? L(rn(b.target, B), b.pointerType) : b.isOverTarget && L(rn(b.target, B), b.pointerType, !1), b.isPressed = !1, b.isOverTarget = !1, b.activePointerId = null, b.pointerType = null, k(), m || Gs(b.target));
       }, N = (B) => {
         O(B);
@@ -32494,7 +32586,7 @@ function iI(e) {
           return;
         N.stopPropagation();
         let B = lI(N.nativeEvent);
-        !B || (b.activePointerId = B.identifier, b.ignoreEmulatedMouseEvents = !0, b.isOverTarget = !0, b.isPressed = !0, b.target = N.currentTarget, b.pointerType = "touch", !l && !p && lr(N.currentTarget), m || Ad(b.target), x(N, b.pointerType), C(window, "scroll", $, !0));
+        !B || (b.activePointerId = B.identifier, b.ignoreEmulatedMouseEvents = !0, b.isOverTarget = !0, b.isPressed = !0, b.target = N.currentTarget, b.pointerType = "touch", !l && !p && lr(N.currentTarget), m || Ad(b.target), x(N, b.pointerType), C(window, "scroll", F, !0));
       }, R.onTouchMove = (N) => {
         if (!N.currentTarget.contains(N.target) || (N.stopPropagation(), !b.isPressed))
           return;
@@ -32508,7 +32600,7 @@ function iI(e) {
       }, R.onTouchCancel = (N) => {
         !N.currentTarget.contains(N.target) || (N.stopPropagation(), b.isPressed && O(N));
       };
-      let $ = (N) => {
+      let F = (N) => {
         b.isPressed && N.target.contains(b.target) && O({
           currentTarget: b.target,
           shiftKey: !1,