@spscommerce/ds-react 8.13.0 → 8.14.0

package/lib/index.es.js

@@ -6,7 +6,7 @@ var Lg = (e, t, n) => t in e ? Og(e, t, { enumerable: !0, configurable: !0, writ
 var Gt = (e, t, n) => Lg(e, typeof t != "symbol" ? t + "" : t, n), Fl = (e, t, n) => t.has(e) || Bl("Cannot " + n);
 var Hn = (e, t, n) => (Fl(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Rs = (e, t, n) => t.has(e) ? Bl("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Sn = (e, t, n, r) => (Fl(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n);
 import * as s from "react";
-import q, { useRef as fe, useEffect as We, useState as qe, useCallback as Pt, useMemo as et, createContext as Od, useContext as nn, useReducer as Jo, useLayoutEffect as Ld } from "react";
+import q, { useRef as fe, useEffect as We, useState as qe, useCallback as At, useMemo as et, createContext as Od, useContext as nn, useReducer as Jo, useLayoutEffect as Ld } from "react";
 import { getPath as zr, setPath as Rg, deepFreeze as Vl, diff as Pg, DiffChange as Wn, debounce as Ag, flatten as Bg, code as y, crumblePath as Fg, traversePath as Vg, forEachNestedObject as $g, constrain as Kg, lockToAnimationFrames as Hg } from "@spscommerce/utils";
 import * as Er from "moment-timezone";
 import gt from "moment-timezone";
@@ -688,7 +688,7 @@ function qb(e, t = {}) {
   zb(e);
   const [, n] = qe({}), r = fe(!1);
   r.current = !1;
-  const a = fe(t), o = Pt((h) => {
+  const a = fe(t), o = At((h) => {
     var E, T;
     const S = u.current;
     let v;
@@ -811,9 +811,9 @@ function qb(e, t = {}) {
       ...S,
       formValue: v || S.formValue
     }, r.current || n({});
-  }, []), l = Pt((h, S) => {
+  }, []), l = At((h, S) => {
     h || S ? o({ value: h, updateFormOptions: S }) : o();
-  }, [o]), c = Pt((h, S, v = !1, E, T = !1) => {
+  }, [o]), c = At((h, S, v = !1, E, T = !1) => {
     h ? o({
       path: h,
       value: S,
@@ -825,9 +825,9 @@ function qb(e, t = {}) {
     Vl(e);
     const h = js(e, [], c);
     return t && As(e, h, t, !1, !0), h;
-  }, []), m = Pt(() => (u.current.formMeta.markAsDirty(), a.current && Io(u.current.formMeta, a.current, (h, S) => {
+  }, []), m = At(() => (u.current.formMeta.markAsDirty(), a.current && Io(u.current.formMeta, a.current, (h, S) => {
     (typeof S == "function" || Array.isArray(S)) && h.validate(zr(u.current.formValue, h.path));
-  }), u.current.formMeta.isValid()), []), f = Pt(() => u.current.formValue, []), u = fe({
+  }), u.current.formMeta.isValid()), []), f = At(() => u.current.formValue, []), u = fe({
     formValue: e,
     formMeta: p,
     updateForm: l,
@@ -1699,7 +1699,7 @@ function DM(e, t, n = []) {
     return r;
   }, n);
 }
-function Bt(e) {
+function It(e) {
   return typeof e == "function" ? e() : e;
 }
 const Ud = function({
@@ -4199,7 +4199,7 @@ var jt = function(t) {
     border: l,
     padding: p
   };
-}, Lt = function(t) {
+}, Rt = function(t) {
   var n = t.slice(0, -2), r = t.slice(-2);
   if (r !== "px")
     return 0;
@@ -4222,20 +4222,20 @@ var jt = function(t) {
   return n === void 0 && (n = _y()), ea(t, n);
 }, cp = function(t, n) {
   var r = {
-    top: Lt(n.marginTop),
-    right: Lt(n.marginRight),
-    bottom: Lt(n.marginBottom),
-    left: Lt(n.marginLeft)
+    top: Rt(n.marginTop),
+    right: Rt(n.marginRight),
+    bottom: Rt(n.marginBottom),
+    left: Rt(n.marginLeft)
   }, a = {
-    top: Lt(n.paddingTop),
-    right: Lt(n.paddingRight),
-    bottom: Lt(n.paddingBottom),
-    left: Lt(n.paddingLeft)
+    top: Rt(n.paddingTop),
+    right: Rt(n.paddingRight),
+    bottom: Rt(n.paddingBottom),
+    left: Rt(n.paddingLeft)
   }, o = {
-    top: Lt(n.borderTopWidth),
-    right: Lt(n.borderRightWidth),
-    bottom: Lt(n.borderBottomWidth),
-    left: Lt(n.borderLeftWidth)
+    top: Rt(n.borderTopWidth),
+    right: Rt(n.borderRightWidth),
+    bottom: Rt(n.borderBottomWidth),
+    left: Rt(n.borderLeftWidth)
   };
   return li({
     borderBox: t,
@@ -4304,7 +4304,7 @@ function In() {
 function $y(e, t) {
   return Se({}, e, {}, t);
 }
-function At(e, t, n) {
+function Bt(e, t, n) {
   var r = t.map(function(a) {
     var o = $y(n, a.options);
     return e.addEventListener(a.eventName, a.fn, o), function() {
@@ -4350,7 +4350,7 @@ var Hy = function(e) {
   }
   var n = t.prototype;
   return n.componentDidMount = function() {
-    this.unbind = At(window, [{
+    this.unbind = Bt(window, [{
       eventName: "error",
       fn: this.onWindowError
     }]);
@@ -4437,7 +4437,7 @@ var Hy = function(e) {
     x: t.x + n.x,
     y: t.y + n.y
   };
-}, It = function(t, n) {
+}, Mt = function(t, n) {
   return {
     x: t.x - n.x,
     y: t.y - n.y
@@ -4518,7 +4518,7 @@ var Hy = function(e) {
   };
 }, ci = function(e, t) {
   e.frame || (process.env.NODE_ENV, F());
-  var n = e.frame, r = It(t, n.scroll.initial), a = _r(r), o = Se({}, n, {
+  var n = e.frame, r = Mt(t, n.scroll.initial), a = _r(r), o = Se({}, n, {
     scroll: {
       initial: n.scroll.initial,
       current: t,
@@ -4964,7 +4964,7 @@ var uT = function(e) {
   var t = yT(e), n = e.droppable, r = n ? Ao(n, t) : t;
   return r;
 }, wp = function(e, t) {
-  var n = It(t, e.scroll.initial), r = _r(n), a = jt({
+  var n = Mt(t, e.scroll.initial), r = _r(n), a = jt({
     top: t.y,
     bottom: t.y + e.frame.height,
     left: t.x,
@@ -5031,10 +5031,10 @@ var ET = function(e) {
 }, wT = function(e, t) {
   return ut(e.scroll.diff.displacement, t);
 }, hi = function(e) {
-  var t = e.pageBorderBoxCenter, n = e.draggable, r = e.viewport, a = wT(r, t), o = It(a, n.page.borderBox.center);
+  var t = e.pageBorderBoxCenter, n = e.draggable, r = e.viewport, a = wT(r, t), o = Mt(a, n.page.borderBox.center);
   return ut(n.client.borderBox.center, o);
 }, Cp = function(e) {
-  var t = e.draggable, n = e.destination, r = e.newPageBorderBoxCenter, a = e.viewport, o = e.withDroppableDisplacement, l = e.onlyOnMainAxis, c = l === void 0 ? !1 : l, p = It(r, t.page.borderBox.center), m = fs(t.page.borderBox, p), f = {
+  var t = e.draggable, n = e.destination, r = e.newPageBorderBoxCenter, a = e.viewport, o = e.withDroppableDisplacement, l = e.onlyOnMainAxis, c = l === void 0 ? !1 : l, p = Mt(r, t.page.borderBox.center), m = fs(t.page.borderBox, p), f = {
     target: m,
     destination: n,
     withDroppableDisplacement: o,
@@ -5090,7 +5090,7 @@ var ET = function(e) {
       scrollJumpRequest: null
     };
   }
-  var T = It(S, c), C = ET({
+  var T = Mt(S, c), C = ET({
     impact: h,
     viewport: l,
     destination: r,
@@ -5145,7 +5145,7 @@ var ET = function(e) {
   })[0];
 }, Pc = function(t, n) {
   var r = t.page.borderBox.center;
-  return On(t.descriptor.id, n) ? It(r, n.displacedBy.point) : r;
+  return On(t.descriptor.id, n) ? Mt(r, n.displacedBy.point) : r;
 }, NT = function(t, n) {
   var r = t.page.borderBox;
   return On(t.descriptor.id, n) ? fs(r, _r(n.displacedBy.point)) : r;
@@ -5326,11 +5326,11 @@ var ET = function(e) {
     impact: h,
     scrollJumpRequest: null
   };
-}, Mt = function(e) {
+}, _t = function(e) {
   var t = e.at;
   return t ? t.type === "REORDER" ? t.destination.droppableId : t.combine.droppableId : null;
 }, OT = function(t, n) {
-  var r = Mt(t);
+  var r = _t(t);
   return r ? n[r] : null;
 }, LT = function(e) {
   var t = e.state, n = e.type, r = OT(t.impact, t.dimensions.droppables), a = !!r, o = t.dimensions.droppables[t.critical.droppable.id], l = r || o, c = l.axis.direction, p = c === "vertical" && (n === "MOVE_UP" || n === "MOVE_DOWN") || c === "horizontal" && (n === "MOVE_LEFT" || n === "MOVE_RIGHT");
@@ -5489,7 +5489,7 @@ var VT = function(e) {
   var n;
   return Se({}, e, (n = {}, n[t.descriptor.id] = t, n));
 }, HT = function(t) {
-  var n = t.previousImpact, r = t.impact, a = t.droppables, o = Mt(n), l = Mt(r);
+  var n = t.previousImpact, r = t.impact, a = t.droppables, o = _t(n), l = _t(r);
   if (!o || o === l)
     return a;
   var c = a[o];
@@ -5502,7 +5502,7 @@ var VT = function(e) {
     previousImpact: a,
     impact: o,
     droppables: r
-  }), c = Mt(o);
+  }), c = _t(o);
   if (!c)
     return l;
   var p = r[c];
@@ -5511,7 +5511,7 @@ var VT = function(e) {
   var m = Np(p, t, n);
   return Si(l, m);
 }, Zr = function(e) {
-  var t = e.state, n = e.clientSelection, r = e.dimensions, a = e.viewport, o = e.impact, l = e.scrollJumpRequest, c = a || t.viewport, p = r || t.dimensions, m = n || t.current.client.selection, f = It(m, t.initial.client.selection), u = {
+  var t = e.state, n = e.clientSelection, r = e.dimensions, a = e.viewport, o = e.impact, l = e.scrollJumpRequest, c = a || t.viewport, p = r || t.dimensions, m = n || t.current.client.selection, f = Mt(m, t.initial.client.selection), u = {
     offset: f,
     selection: m,
     borderBoxCenter: ut(t.initial.client.borderBoxCenter, f)
@@ -5591,7 +5591,7 @@ var _p = function(e) {
 }, Lp = function(e) {
   var t = e.state, n = e.dimensions, r = e.viewport;
   t.movementMode !== "SNAP" && (process.env.NODE_ENV, F());
-  var a = t.impact, o = r || t.viewport, l = n || t.dimensions, c = l.draggables, p = l.droppables, m = c[t.critical.draggable.id], f = Mt(a);
+  var a = t.impact, o = r || t.viewport, l = n || t.dimensions, c = l.draggables, p = l.droppables, m = c[t.critical.draggable.id], f = _t(a);
   f || (process.env.NODE_ENV !== "production" ? F(!1, "Must be over a destination in SNAP movement mode") : F());
   var u = p[f], h = _p({
     impact: a,
@@ -5694,7 +5694,7 @@ var _p = function(e) {
   var c = {
     droppables: a,
     draggables: l
-  }, p = Mt(t.impact), m = p ? c.droppables[p] : null, f = c.draggables[t.critical.draggable.id], u = c.droppables[t.critical.droppable.id], h = Rp({
+  }, p = _t(t.impact), m = p ? c.droppables[p] : null, f = c.draggables[t.critical.draggable.id], u = c.droppables[t.critical.droppable.id], h = Rp({
     draggable: f,
     home: u,
     draggables: l,
@@ -6153,14 +6153,14 @@ var SE = function(e) {
   var o = a / Fc, l = Vo + bE * o, c = r === "CANCEL" ? l * vE : l;
   return Number(c.toFixed(2));
 }, TE = function(e) {
-  var t = e.impact, n = e.draggable, r = e.dimensions, a = e.viewport, o = e.afterCritical, l = r.draggables, c = r.droppables, p = Mt(t), m = p ? c[p] : null, f = c[n.descriptor.droppableId], u = Op({
+  var t = e.impact, n = e.draggable, r = e.dimensions, a = e.viewport, o = e.afterCritical, l = r.draggables, c = r.droppables, p = _t(t), m = p ? c[p] : null, f = c[n.descriptor.droppableId], u = Op({
     impact: t,
     draggable: n,
     draggables: l,
     afterCritical: o,
     droppable: m || f,
     viewport: a
-  }), h = It(u, n.client.borderBox.center);
+  }), h = Mt(u, n.client.borderBox.center);
   return h;
 }, EE = function(e) {
   var t = e.draggables, n = e.reason, r = e.lastImpact, a = e.home, o = e.viewport, l = e.onLiftImpact;
@@ -6285,7 +6285,7 @@ function DE(e) {
     return o !== In;
   }
   function c() {
-    l() && (process.env.NODE_ENV !== "production" ? F(!1, "Cannot start scroll listener when already active") : F()), o = At(window, [a]);
+    l() && (process.env.NODE_ENV !== "production" ? F(!1, "Cannot start scroll listener when already active") : F()), o = Bt(window, [a]);
   }
   function p() {
     l() || (process.env.NODE_ENV !== "production" ? F(!1, "Cannot stop scroll listener when not active") : F()), r.cancel(), o(), o = In;
@@ -6525,7 +6525,7 @@ var NE = function(t) {
           }
         };
         n = requestAnimationFrame(function() {
-          n = null, t = At(window, [l]);
+          n = null, t = Bt(window, [l]);
         });
       }
     };
@@ -6641,7 +6641,7 @@ function GE(e) {
   };
 }
 var $p = function(e) {
-  var t = e.scrollHeight, n = e.scrollWidth, r = e.height, a = e.width, o = It({
+  var t = e.scrollHeight, n = e.scrollWidth, r = e.height, a = e.width, o = Mt({
     x: n,
     y: t
   }, {
@@ -6988,7 +6988,7 @@ var jE = function(e, t) {
   }
   var u = ZE({
     center: l,
-    destination: Mt(t.impact),
+    destination: _t(t.impact),
     droppables: t.dimensions.droppables
   });
   if (u) {
@@ -7047,9 +7047,9 @@ var jE = function(e, t) {
     var u = aw(m, f);
     if (!u)
       return n(m.descriptor.id, f), null;
-    var h = It(f, u);
+    var h = Mt(f, u);
     n(m.descriptor.id, h);
-    var S = It(f, h);
+    var S = Mt(f, h);
     return S;
   }, l = function(m, f, u) {
     if (!m || !wi(f, u))
@@ -7057,14 +7057,14 @@ var jE = function(e, t) {
     var h = sw(f, u);
     if (!h)
       return r(u), null;
-    var S = It(u, h);
+    var S = Mt(u, h);
     r(S);
-    var v = It(u, S);
+    var v = Mt(u, S);
     return v;
   }, c = function(m) {
     var f = m.scrollJumpRequest;
     if (f) {
-      var u = Mt(m.impact);
+      var u = _t(m.impact);
       u || (process.env.NODE_ENV !== "production" ? F(!1, "Cannot perform a jump scroll when there is no destination") : F());
       var h = o(m.dimensions.droppables[u], f);
       if (h) {
@@ -7185,7 +7185,7 @@ var jE = function(e, t) {
     dropAnimating: Yr(l, "dropAnimating"),
     userCancel: Yr(l, "userCancel")
   };
-}, _t = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Ld : We, lo = function() {
+}, Ot = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Ld : We, lo = function() {
   var t = document.querySelector("head");
   return t || (process.env.NODE_ENV !== "production" ? F(!1, "Cannot find the head to append a style to") : F()), t;
 }, Uc = function(t) {
@@ -7202,7 +7202,7 @@ function hw(e, t) {
     var h = r.current;
     h || (process.env.NODE_ENV !== "production" ? F(!1, "Cannot set dynamic style element if it is not set") : F()), h.textContent = u;
   }, []);
-  _t(function() {
+  Ot(function() {
     !r.current && !a.current || (process.env.NODE_ENV !== "production" ? F(!1, "style elements already mounted") : F());
     var u = Uc(t), h = Uc(t);
     return r.current = u, a.current = h, u.setAttribute(xr + "-always", e), h.setAttribute(xr + "-dynamic", e), lo().appendChild(u), lo().appendChild(h), l(n.always), o(n.resting), function() {
@@ -7273,7 +7273,7 @@ function Sw(e) {
     var S = document.activeElement;
     S && S.getAttribute(kr.draggableId) === h && (n.current = h);
   }, []);
-  _t(function() {
+  Ot(function() {
     return a.current = !0, function() {
       a.current = !1;
       var h = r.current;
@@ -7716,7 +7716,7 @@ function Uw(e) {
       passive: !1,
       capture: !0
     };
-    n.current = At(window, [a, r], u);
+    n.current = Bt(window, [a, r], u);
   }, [a, r]), l = he(function() {
     var f = t.current;
     f.type !== "IDLE" && (t.current = qc, n.current(), o());
@@ -7739,7 +7739,7 @@ function Uw(e) {
         t.current = v;
       }
     });
-    n.current = At(window, h, u);
+    n.current = Bt(window, h, u);
   }, [c, l]), m = he(function(u, h) {
     t.current.type !== "IDLE" && (process.env.NODE_ENV !== "production" ? F(!1, "Expected to move from IDLE to PENDING drag") : F()), t.current = {
       type: "PENDING",
@@ -7747,7 +7747,7 @@ function Uw(e) {
       actions: u
     }, p();
   }, [p]);
-  _t(function() {
+  Ot(function() {
     return o(), function() {
       n.current();
     };
@@ -7844,7 +7844,7 @@ function Jw(e) {
         function f() {
           p || (process.env.NODE_ENV !== "production" ? F(!1, "Cannot stop capturing a keyboard drag when not capturing") : F()), p = !1, t.current(), r();
         }
-        t.current = At(window, qw(m, f), {
+        t.current = Bt(window, qw(m, f), {
           capture: !0,
           passive: !1
         });
@@ -7855,9 +7855,9 @@ function Jw(e) {
       passive: !1,
       capture: !0
     };
-    t.current = At(window, [n], o);
+    t.current = Bt(window, [n], o);
   }, [n]);
-  _t(function() {
+  Ot(function() {
     return r(), function() {
       t.current();
     };
@@ -7996,7 +7996,7 @@ function tC(e) {
       capture: !0,
       passive: !1
     };
-    n.current = At(window, [o], S);
+    n.current = Bt(window, [o], S);
   }, [o]), c = he(function() {
     var h = t.current;
     h.type !== "IDLE" && (h.type === "PENDING" && clearTimeout(h.longPressTimerId), a(po), n.current(), l());
@@ -8013,7 +8013,7 @@ function tC(e) {
       cancel: p,
       completed: c,
       getPhase: r
-    }, E = At(window, eC(v), S), T = At(window, Qw(v), S);
+    }, E = Bt(window, eC(v), S), T = Bt(window, Qw(v), S);
     n.current = function() {
       E(), T();
     };
@@ -8036,14 +8036,14 @@ function tC(e) {
       longPressTimerId: E
     }), m();
   }, [m, r, a, f]);
-  _t(function() {
+  Ot(function() {
     return l(), function() {
       n.current();
       var v = r();
       v.type === "PENDING" && (clearTimeout(v.longPressTimerId), a(po));
     };
-  }, [r, l, a]), _t(function() {
-    var S = At(window, [{
+  }, [r, l, a]), Ot(function() {
+    var S = Bt(window, [{
       eventName: "touchmove",
       fn: function() {
       },
@@ -8198,7 +8198,7 @@ function fC(e) {
       if (O === void 0 && (O = {
         shouldBlockNextClick: !1
       }), A.cleanup(), O.shouldBlockNextClick) {
-        var $ = At(window, [{
+        var $ = Bt(window, [{
           eventName: "click",
           fn: mC,
           options: {
@@ -8312,13 +8312,13 @@ function SC(e) {
   })[0], p = he(function(N, I) {
     N.isDragging && !I.isDragging && c.tryAbandon();
   }, [c]);
-  _t(function() {
+  Ot(function() {
     var N = n.getState(), I = n.subscribe(function() {
       var x = n.getState();
       p(N, x), N = x;
     });
     return I;
-  }, [c, n, p]), _t(function() {
+  }, [c, n, p]), Ot(function() {
     return c.tryAbandon;
   }, [c.tryAbandon]);
   var m = he(function(C) {
@@ -8725,13 +8725,13 @@ function PC(e) {
       callbacks: N
     };
   }, [N, c, r]);
-  _t(function() {
+  Ot(function() {
     return p.current = I.descriptor, a.droppable.register(I), function() {
       t.current && (process.env.NODE_ENV !== "production" && He("Unsupported: changing the droppableId or type of a Droppable during a drag"), T()), a.droppable.unregister(I);
     };
-  }, [N, c, T, I, o, a.droppable]), _t(function() {
+  }, [N, c, T, I, o, a.droppable]), Ot(function() {
     t.current && o.updateDroppableIsEnabled(p.current.id, !e.isDropDisabled);
-  }, [e.isDropDisabled, o]), _t(function() {
+  }, [e.isDropDisabled, o]), Ot(function() {
     t.current && o.updateDroppableIsCombineEnabled(p.current.id, e.isCombineEnabled);
   }, [e.isCombineEnabled, o]);
 }
@@ -8958,11 +8958,11 @@ function XC(e) {
       getDimension: m
     };
   }, [n, m, p, t]), u = fe(f), h = fe(!0);
-  _t(function() {
+  Ot(function() {
     return r.draggable.register(u.current), function() {
       return r.draggable.unregister(u.current);
     };
-  }, [r.draggable]), _t(function() {
+  }, [r.draggable]), Ot(function() {
     if (h.current) {
       h.current = !1;
       return;
@@ -9099,7 +9099,7 @@ function aD() {
     if (o.isDragging) {
       if (o.critical.draggable.id !== l.draggableId)
         return null;
-      var c = o.current.client.offset, p = o.dimensions.draggables[l.draggableId], m = Mt(o.impact), f = sD(o.impact), u = o.forceShouldAnimate;
+      var c = o.current.client.offset, p = o.dimensions.draggables[l.draggableId], m = _t(o.impact), f = sD(o.impact), u = o.forceShouldAnimate;
       return n(e(c.x, c.y), o.movementMode, p, l.isClone, m, f, u);
     }
     if (o.phase === "DROP_ANIMATING") {
@@ -9367,7 +9367,7 @@ var ho = function(t, n) {
       var S = c.critical;
       if (!ho(f, S))
         return n;
-      var v = ed(S, c.dimensions), E = Mt(c.impact) === m;
+      var v = ed(S, c.dimensions), E = _t(c.impact) === m;
       return a(m, u, E, E, v, h);
     }
     if (c.phase === "DROP_ANIMATING") {
@@ -9375,13 +9375,13 @@ var ho = function(t, n) {
       if (!ho(f, T.critical))
         return n;
       var C = ed(T.critical, c.dimensions);
-      return a(m, u, iu(T.result) === m, Mt(T.impact) === m, C, h);
+      return a(m, u, iu(T.result) === m, _t(T.impact) === m, C, h);
     }
     if (c.phase === "IDLE" && c.completed && !c.shouldFlush) {
       var N = c.completed;
       if (!ho(f, N.critical))
         return n;
-      var I = Mt(N.impact) === m, x = !!(N.impact.at && N.impact.at.type === "COMBINE"), k = N.critical.droppable.id === m;
+      var I = _t(N.impact) === m, x = !!(N.impact.at && N.impact.at.type === "COMBINE"), k = N.critical.droppable.id === m;
       return I ? x ? t : n : k ? t : n;
     }
     return n;
@@ -9636,7 +9636,7 @@ function mu(e) {
     pu,
     {
       title: c,
-      content: Bt(o),
+      content: It(o),
       icon: l,
       "data-testid": `${p}__header`
     }
@@ -9656,7 +9656,7 @@ function mu(e) {
           "data-testid": `${p}__tab`
         });
     })
-  ), /* @__PURE__ */ s.createElement("div", { className: "sps-card__body", "data-testid": `${p}__body--tab-active` }, h.content)) : /* @__PURE__ */ s.createElement("div", { className: "sps-card__body", "data-testid": `${p}__body` }, n), a && /* @__PURE__ */ s.createElement("div", { className: "sps-card__footer", "data-testid": `${p}__footer` }, Bt(a)));
+  ), /* @__PURE__ */ s.createElement("div", { className: "sps-card__body", "data-testid": `${p}__body--tab-active` }, h.content)) : /* @__PURE__ */ s.createElement("div", { className: "sps-card__body", "data-testid": `${p}__body` }, n), a && /* @__PURE__ */ s.createElement("div", { className: "sps-card__footer", "data-testid": `${p}__footer` }, It(a)));
 }
 Object.assign(mu, {
   props: ED,
@@ -13685,12 +13685,12 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
       function on(i) {
         return i.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
       }
-      function Ot(i) {
+      function Lt(i) {
         return i < 0 ? Math.ceil(i) || 0 : Math.floor(i);
       }
       function Ce(i) {
         var d = +i, g = 0;
-        return d !== 0 && isFinite(d) && (g = Ot(d)), g;
+        return d !== 0 && isFinite(d) && (g = Lt(d)), g;
       }
       var Ca = {};
       function Fe(i, d) {
@@ -14844,7 +14844,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
           default:
             P = this - b;
         }
-        return g ? P : Ot(P);
+        return g ? P : Lt(P);
       }
       function ks(i, d) {
         if (i.date() < d.date())
@@ -15416,7 +15416,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
       }
       function og() {
         var i = this._milliseconds, d = this._days, g = this._months, b = this._data, D, P, j, pe, ye;
-        return i >= 0 && d >= 0 && g >= 0 || i <= 0 && d <= 0 && g <= 0 || (i += Rl(Ka(g) + d) * 864e5, d = 0, g = 0), b.milliseconds = i % 1e3, D = Ot(i / 1e3), b.seconds = D % 60, P = Ot(D / 60), b.minutes = P % 60, j = Ot(P / 60), b.hours = j % 24, d += Ot(j / 24), ye = Ot(Pl(d)), g += ye, d -= Rl(Ka(ye)), pe = Ot(g / 12), g %= 12, b.days = d, b.months = g, b.years = pe, this;
+        return i >= 0 && d >= 0 && g >= 0 || i <= 0 && d <= 0 && g <= 0 || (i += Rl(Ka(g) + d) * 864e5, d = 0, g = 0), b.milliseconds = i % 1e3, D = Lt(i / 1e3), b.seconds = D % 60, P = Lt(D / 60), b.minutes = P % 60, j = Lt(P / 60), b.hours = j % 24, d += Lt(j / 24), ye = Lt(Pl(d)), g += ye, d -= Rl(Ka(ye)), pe = Lt(g / 12), g %= 12, b.days = d, b.months = g, b.years = pe, this;
       }
       function Pl(i) {
         return i * 4800 / 146097;
@@ -15474,7 +15474,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
       }
       var vg = Kn("milliseconds"), yg = Kn("seconds"), Tg = Kn("minutes"), Eg = Kn("hours"), wg = Kn("days"), Cg = Kn("months"), Dg = Kn("years");
       function Ng() {
-        return Ot(this.days() / 7);
+        return Lt(this.days() / 7);
       }
       var fn = Math.round, cr = {
         ss: 44,
@@ -15519,7 +15519,7 @@ Arguments: ` + Array.prototype.slice.call(b).join("") + `
         if (!this.isValid())
           return this.localeData().invalidDate();
         var i = Ha(this._milliseconds) / 1e3, d = Ha(this._days), g = Ha(this._months), b, D, P, j, pe = this.asSeconds(), ye, Ne, yt, hn;
-        return pe ? (b = Ot(i / 60), D = Ot(b / 60), i %= 60, b %= 60, P = Ot(g / 12), g %= 12, j = i ? i.toFixed(3).replace(/\.?0+$/, "") : "", ye = pe < 0 ? "-" : "", Ne = dr(this._months) !== dr(pe) ? "-" : "", yt = dr(this._days) !== dr(pe) ? "-" : "", hn = dr(this._milliseconds) !== dr(pe) ? "-" : "", ye + "P" + (P ? Ne + P + "Y" : "") + (g ? Ne + g + "M" : "") + (d ? yt + d + "D" : "") + (D || b || i ? "T" : "") + (D ? hn + D + "H" : "") + (b ? hn + b + "M" : "") + (i ? hn + j + "S" : "")) : "P0D";
+        return pe ? (b = Lt(i / 60), D = Lt(b / 60), i %= 60, b %= 60, P = Lt(g / 12), g %= 12, j = i ? i.toFixed(3).replace(/\.?0+$/, "") : "", ye = pe < 0 ? "-" : "", Ne = dr(this._months) !== dr(pe) ? "-" : "", yt = dr(this._days) !== dr(pe) ? "-" : "", hn = dr(this._milliseconds) !== dr(pe) ? "-" : "", ye + "P" + (P ? Ne + P + "Y" : "") + (g ? Ne + g + "M" : "") + (d ? yt + d + "D" : "") + (D || b || i ? "T" : "") + (D ? hn + D + "H" : "") + (b ? hn + b + "M" : "") + (i ? hn + j + "S" : "")) : "P0D";
       }
       var Ie = Ns.prototype;
       Ie.isValid = Ch, Ie.abs = rg, Ie.add = sg, Ie.subtract = ag, Ie.as = ig, Ie.asMilliseconds = Al, Ie.asSeconds = lg, Ie.asMinutes = cg, Ie.asHours = dg, Ie.asDays = pg, Ie.asWeeks = ug, Ie.asMonths = mg, Ie.asQuarters = fg, Ie.asYears = hg, Ie.valueOf = Sg, Ie._bubble = og, Ie.clone = gg, Ie.get = bg, Ie.milliseconds = vg, Ie.seconds = yg, Ie.minutes = Tg, Ie.hours = Eg, Ie.days = wg, Ie.weeks = Ng, Ie.months = Cg, Ie.years = Dg, Ie.humanize = _g, Ie.toISOString = Ls, Ie.toString = Ls, Ie.toJSON = Ls, Ie.locale = El, Ie.localeData = Cl, Ie.toIsoString = O(
@@ -16706,7 +16706,7 @@ function Ai(e) {
       showOn: Ct.MANUAL,
       isShown: C
     },
-    Bt(E === en.ERROR ? a : o)
+    It(E === en.ERROR ? a : o)
   ));
 }
 Object.assign(Ai, {
@@ -17851,7 +17851,7 @@ function Nu({
       showOn: Ct.MANUAL,
       isShown: N
     },
-    Bt(n)
+    It(n)
   ), e));
 }
 Object.assign(Nu, {
@@ -18443,7 +18443,7 @@ function ku({
       isShown: C,
       altPosition: Ee.TOP_MIDDLE
     },
-    Bt(o)
+    It(o)
   ), /* @__PURE__ */ s.createElement(
     zt,
     {
@@ -18453,7 +18453,7 @@ function ku({
       isShown: I,
       altPosition: Ee.LEFT_MIDDLE
     },
-    Bt(p) || ie()
+    It(p) || ie()
   ), (V == null ? void 0 : V.hasPreventativeErrors()) && /* @__PURE__ */ s.createElement(
     zt,
     {
@@ -18463,7 +18463,7 @@ function ku({
       isShown: L,
       altPosition: Ee.LEFT_MIDDLE
     },
-    Bt(p) || R()
+    It(p) || R()
   ), /* @__PURE__ */ s.createElement(
     zt,
     {
@@ -28830,7 +28830,7 @@ function hr(e) {
     t.current = e;
   }, [
     e
-  ]), Pt((...n) => {
+  ]), At((...n) => {
     const r = t.current;
     return r == null ? void 0 : r(...n);
   }, []);
@@ -28882,7 +28882,7 @@ function fm() {
 }
 let Bx = !!(typeof window < "u" && window.document && window.document.createElement), ca = /* @__PURE__ */ new Map();
 function hm(e) {
-  let [t, n] = qe(e), r = fe(null), a = Lx(t), o = Pt((l) => {
+  let [t, n] = qe(e), r = fe(null), a = Lx(t), o = At((l) => {
     r.current = l;
   }, []);
   return Bx && ca.set(a, o), ys(() => {
@@ -29121,7 +29121,7 @@ function ym(e) {
   });
 }
 function Tm() {
-  let e = fe(/* @__PURE__ */ new Map()), t = Pt((a, o, l, c) => {
+  let e = fe(/* @__PURE__ */ new Map()), t = At((a, o, l, c) => {
     let p = c != null && c.once ? (...m) => {
       e.current.delete(l), l(...m);
     } : l;
@@ -29131,11 +29131,11 @@ function Tm() {
       fn: p,
       options: c
     }), a.addEventListener(o, l, c);
-  }, []), n = Pt((a, o, l, c) => {
+  }, []), n = At((a, o, l, c) => {
     var p;
     let m = ((p = e.current.get(l)) === null || p === void 0 ? void 0 : p.fn) || l;
     a.removeEventListener(o, m, c), e.current.delete(l);
-  }, []), r = Pt(() => {
+  }, []), r = At(() => {
     e.current.forEach((a, o) => {
       n(a.eventTarget, a.type, o, a.options);
     });
@@ -29279,7 +29279,7 @@ function Cm(e, t, n) {
   }, [
     l
   ]);
-  let c = l ? e : r, p = Pt((m, ...f) => {
+  let c = l ? e : r, p = At((m, ...f) => {
     let u = (h, ...S) => {
       n && (Object.is(c, h) || n(h, ...S)), l || (c = h);
     };
@@ -29705,7 +29705,7 @@ function Ck(e) {
 function da(e) {
   Qn = !0, Ck(e) && (Ts = "keyboard", qi("keyboard", e));
 }
-function Rt(e) {
+function Pt(e) {
   Ts = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (Qn = !0, qi("pointer", e));
 }
 function Im(e) {
@@ -29723,7 +29723,7 @@ function Cd(e) {
   let r = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
     Qn = !0, r.apply(this, arguments);
-  }, n.addEventListener("keydown", da, !0), n.addEventListener("keyup", da, !0), n.addEventListener("click", Im, !0), t.addEventListener("focus", Mm, !0), t.addEventListener("blur", _m, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", Rt, !0), n.addEventListener("pointermove", Rt, !0), n.addEventListener("pointerup", Rt, !0)) : (n.addEventListener("mousedown", Rt, !0), n.addEventListener("mousemove", Rt, !0), n.addEventListener("mouseup", Rt, !0)), t.addEventListener("beforeunload", () => {
+  }, n.addEventListener("keydown", da, !0), n.addEventListener("keyup", da, !0), n.addEventListener("click", Im, !0), t.addEventListener("focus", Mm, !0), t.addEventListener("blur", _m, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", Pt, !0), n.addEventListener("pointermove", Pt, !0), n.addEventListener("pointerup", Pt, !0)) : (n.addEventListener("mousedown", Pt, !0), n.addEventListener("mousemove", Pt, !0), n.addEventListener("mouseup", Pt, !0)), t.addEventListener("beforeunload", () => {
     Om(e);
   }, {
     once: !0
@@ -29733,7 +29733,7 @@ function Cd(e) {
 }
 const Om = (e, t) => {
   const n = Jn(e), r = kt(e);
-  t && r.removeEventListener("DOMContentLoaded", t), Qr.has(n) && (n.HTMLElement.prototype.focus = Qr.get(n).focus, r.removeEventListener("keydown", da, !0), r.removeEventListener("keyup", da, !0), r.removeEventListener("click", Im, !0), n.removeEventListener("focus", Mm, !0), n.removeEventListener("blur", _m, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", Rt, !0), r.removeEventListener("pointermove", Rt, !0), r.removeEventListener("pointerup", Rt, !0)) : (r.removeEventListener("mousedown", Rt, !0), r.removeEventListener("mousemove", Rt, !0), r.removeEventListener("mouseup", Rt, !0)), Qr.delete(n));
+  t && r.removeEventListener("DOMContentLoaded", t), Qr.has(n) && (n.HTMLElement.prototype.focus = Qr.get(n).focus, r.removeEventListener("keydown", da, !0), r.removeEventListener("keyup", da, !0), r.removeEventListener("click", Im, !0), n.removeEventListener("focus", Mm, !0), n.removeEventListener("blur", _m, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", Pt, !0), r.removeEventListener("pointermove", Pt, !0), r.removeEventListener("pointerup", Pt, !0)) : (r.removeEventListener("mousedown", Pt, !0), r.removeEventListener("mousemove", Pt, !0), r.removeEventListener("mouseup", Pt, !0)), Qr.delete(n));
 };
 function Dk(e) {
   const t = kt(e);
@@ -30788,7 +30788,7 @@ class qk {
 function Jk(e) {
   let { filter: t } = e, n = zk(e), r = et(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
     e.disabledKeys
-  ]), a = Pt((m) => t ? new Id(t(m)) : new Id(m), [
+  ]), a = At((m) => t ? new Id(t(m)) : new Id(m), [
     t
   ]), o = et(() => ({
     suppressTextValueWarning: e.suppressTextValueWarning
@@ -31005,7 +31005,7 @@ function lI(e) {
       formMeta: c
     },
     /* @__PURE__ */ s.createElement("div", { className: "sps-advanced-search__form" }, t),
-    /* @__PURE__ */ s.createElement("div", { className: "sps-advanced-search__footer" }, a && /* @__PURE__ */ s.createElement("div", { id: "footer_links" }, Bt(a)), /* @__PURE__ */ s.createElement("div", { className: "sps-advanced-search__footer-controls" }, /* @__PURE__ */ s.createElement(
+    /* @__PURE__ */ s.createElement("div", { className: "sps-advanced-search__footer" }, a && /* @__PURE__ */ s.createElement("div", { id: "footer_links" }, It(a)), /* @__PURE__ */ s.createElement("div", { className: "sps-advanced-search__footer-controls" }, /* @__PURE__ */ s.createElement(
       Ze,
       {
         kind: Xe.DEFAULT,
@@ -31876,7 +31876,7 @@ function HM() {
         a.onClose && a.onClose(), a.closed = !0, e.every((o) => o.closed) && t([]);
       }
     },
-    Bt(a.content)
+    It(a.content)
   )), [e]), r = s.useCallback((a) => {
     t((o) => [
       ...o,
@@ -34874,7 +34874,8 @@ const t_ = {
   title: { type: "string", required: "true" },
   warning: "boolean",
   warningIcon: "ReactNodeOrRenderFn",
-  disabled: "boolean"
+  disabled: "boolean",
+  tagElement: "ReactNodeOrRenderFn"
 };
 function nM(e) {
   const {
@@ -34889,8 +34890,9 @@ function nM(e) {
     warning: m = !1,
     warningIcon: f,
     disabled: u = !1,
-    ...h
-  } = e, S = K(
+    tagElement: h,
+    ...S
+  } = e, v = K(
     p || "sps-tile",
     t,
     o && "sps-tile--error",
@@ -34903,14 +34905,15 @@ function nM(e) {
   }, [m, o]), /* @__PURE__ */ s.createElement("div", { className: "sps-tile-container sfg-col-3 sfg-break-col-6" }, /* @__PURE__ */ s.createElement(
     "a",
     {
-      className: S,
+      className: v,
       href: u ? void 0 : n,
       target: r,
       rel: r === "_blank" ? "noopener noreferrer" : void 0,
-      ...h
+      ...S
     },
-    (m || o) && /* @__PURE__ */ s.createElement("div", { className: "sps-tile--icon" }, m && (f ? Bt(f) : /* @__PURE__ */ s.createElement("i", { className: K("sps-icon", "sps-icon-status-warning") })), o && (l ? Bt(l) : /* @__PURE__ */ s.createElement("i", { className: K("sps-icon", "sps-icon-ban") }))),
-    /* @__PURE__ */ s.createElement("div", { className: "sps-tile--content" }, /* @__PURE__ */ s.createElement("div", { className: "sps-tile--image" }, typeof a == "string" ? /* @__PURE__ */ s.createElement("img", { className: "sps-tile--image", src: a, alt: "" }) : Bt(a)), /* @__PURE__ */ s.createElement("div", { className: "sps-tile--title" }, /* @__PURE__ */ s.createElement("p", null, c, r === "_blank" && /* @__PURE__ */ s.createElement("i", { className: K("sps-icon", "sps-icon-tabs") }))))
+    (m || o) && /* @__PURE__ */ s.createElement("div", { className: "sps-tile--icon" }, m && (f ? It(f) : /* @__PURE__ */ s.createElement("i", { className: K("sps-icon", "sps-icon-status-warning") })), o && (l ? It(l) : /* @__PURE__ */ s.createElement("i", { className: K("sps-icon", "sps-icon-ban") }))),
+    h && /* @__PURE__ */ s.createElement("div", { className: "sps-tile--tag" }, It(h)),
+    /* @__PURE__ */ s.createElement("div", { className: "sps-tile--content" }, /* @__PURE__ */ s.createElement("div", { className: "sps-tile--image" }, typeof a == "string" ? /* @__PURE__ */ s.createElement("img", { className: "sps-tile--image", src: a, alt: "" }) : It(a)), /* @__PURE__ */ s.createElement("div", { className: "sps-tile--title" }, /* @__PURE__ */ s.createElement("p", null, c, r === "_blank" && /* @__PURE__ */ s.createElement("i", { className: K("sps-icon", "sps-icon-tabs") }))))
   ));
 }
 Object.assign(nM, {
@@ -35754,7 +35757,7 @@ export {
   Cb as addOnChangeErrorKey,
   Db as addOnSubmitErrorKey,
   DM as bindProps,
-  Bt as contentOf,
+  It as contentOf,
   Zs as date,
   Lb as dateConstraint,
   Ob as dateRange,