@spscommerce/ds-react 8.50.1 → 8.51.0

package/lib/index.js

@@ -7,8 +7,7 @@ import { SpinnerSize as Eu, Position as ue, ZStratum as Tu, SpsOptionListOption
 import { useWoodlandLanguage as he } from "@spscommerce/i18n";
 import Ou, { createPortal as Pu, unstable_batchedUpdates as Bu, flushSync as jl } from "react-dom";
 import { colors as la } from "@spscommerce/ds-colors";
-import { Tabs as Fu } from "@sps-woodland/tabs";
-import { BUILDING_SMALL as Au, BUILDING_LARGE as $u } from "@sps-woodland/illustrations";
+import { BUILDING_SMALL as Fu, BUILDING_LARGE as Au } from "@sps-woodland/illustrations";
 function Yl(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
@@ -22,11 +21,11 @@ function B() {
   for (var e, t, n = 0, r = "", a = arguments.length; n < a; n++) (e = arguments[n]) && (t = Yl(e)) && (r && (r += " "), r += t);
   return r;
 }
-const Vu = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const $u = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let Qe = (e = 21) => {
   let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
   for (; e--; )
-    t += Vu[n[e] & 63];
+    t += $u[n[e] & 63];
   return t;
 };
 function pn(e) {
@@ -45,7 +44,7 @@ function La(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var No, Vs;
-function Ku() {
+function Vu() {
   if (Vs) return No;
   Vs = 1;
   var e = "[object Object]";
@@ -78,15 +77,15 @@ function Ku() {
   }
   return No = m, No;
 }
-var Hu = Ku();
-const ql = /* @__PURE__ */ La(Hu), bt = /* @__PURE__ */ new Set(), lr = /* @__PURE__ */ new Set(), Kt = /* @__PURE__ */ new Set(), Ra = /* @__PURE__ */ new Set();
-function Wu(e) {
+var Ku = Vu();
+const ql = /* @__PURE__ */ La(Ku), bt = /* @__PURE__ */ new Set(), lr = /* @__PURE__ */ new Set(), Kt = /* @__PURE__ */ new Set(), Ra = /* @__PURE__ */ new Set();
+function Hu(e) {
   bt.has(e) || Kt.has(e) || Ra.has(e) || lr.add(e);
 }
-function Gu(e) {
+function Wu(e) {
   bt.has(e) || Kt.has(e) || lr.has(e) || Ra.add(e);
 }
-const Ue = Cn.default || Cn, Dn = "MM/DD/YYYY", Uu = "MM/DD/YYYY hh:mm A", zu = "MM/DD/YYYY HH:mm", ju = "hh:mm A", Yu = "HH:mm", qu = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/, Xn = /* @__PURE__ */ Symbol("Date Parse Error");
+const Ue = Cn.default || Cn, Dn = "MM/DD/YYYY", Gu = "MM/DD/YYYY hh:mm A", Uu = "MM/DD/YYYY HH:mm", zu = "hh:mm A", ju = "HH:mm", Yu = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/, Xn = /* @__PURE__ */ Symbol("Date Parse Error");
 function Sn(e) {
   return Ue.isMoment(e) ? e.year() * 1e4 + (e.month() + 1) * 100 + e.date() : e.year * 1e4 + e.month * 100 + e.date;
 }
@@ -105,7 +104,7 @@ const U = Object.freeze({
             date: n.date()
           });
       } else {
-        const n = qu.exec(e);
+        const n = Yu.exec(e);
         if (n) {
           const [, r, a, s] = n;
           return Object.freeze({
@@ -175,7 +174,7 @@ const U = Object.freeze({
     return e.slice(0, 2).map((r) => U.toString(r, t)).join(n);
   },
   toDateTimeString(e, t = !1, n) {
-    return e && Ue.isMoment(e) && e.isValid() ? n ? t ? e.format(`${n} ${Yu}`) : e.format(`${n} ${ju}`) : t ? e.format(zu) : e.format(Uu) : "";
+    return e && Ue.isMoment(e) && e.isValid() ? n ? t ? e.format(`${n} ${ju}`) : e.format(`${n} ${zu}`) : t ? e.format(Uu) : e.format(Gu) : "";
   },
   toDateTimeStringRange(e, t = !1, n) {
     if (!e)
@@ -308,7 +307,7 @@ const U = Object.freeze({
   "23:00"
 ];
 let Vr = Dn;
-function Ju(e) {
+function qu(e) {
   Vr = e;
 }
 const Kr = function(t) {
@@ -326,7 +325,7 @@ const Kr = function(t) {
 };
 bt.add("dateFormat");
 bt.add("dateValidity");
-const Xu = function(t) {
+const Ju = function(t) {
   if (Array.isArray(t)) {
     const n = Kr(t);
     if (n)
@@ -337,7 +336,7 @@ const Xu = function(t) {
   return null;
 };
 bt.add("dateRangeOrder");
-const Zu = function({
+const Xu = function({
   minDate: t,
   maxDate: n
 }) {
@@ -359,12 +358,12 @@ const Zu = function({
   };
 };
 bt.add("dateConstraint");
-const Qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Zu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   date: Kr,
-  dateConstraint: Zu,
-  dateRange: Xu,
-  setDateFormat: Ju
+  dateConstraint: Xu,
+  dateRange: Ju,
+  setDateFormat: qu
 }, Symbol.toStringTag, { value: "Module" }));
 function Ht(e, t) {
   for (const n of [].concat(e)) {
@@ -374,53 +373,53 @@ function Ht(e, t) {
   }
   return null;
 }
-const em = function(t) {
+const Qu = function(t) {
   function n(r) {
     return Number(r) >= t ? null : { min: t };
   }
   return (r) => Ht(r, n);
 };
 bt.add("min");
-const tm = function(t) {
+const em = function(t) {
   function n(r) {
     return Number(r) <= t ? null : { max: t };
   }
   return (r) => Ht(r, n);
 };
 lr.add("max");
-const nm = function(t) {
+const tm = function(t) {
   return typeof t > "u" || t === null || t === "" || Number.isNaN(t) || t?.length === 0 ? { required: !0 } : null;
 };
 lr.add("required");
-const rm = function(t) {
+const nm = function(t) {
   function n(r) {
     return r === void 0 || r.toString().length < t ? { minLength: t } : null;
   }
   return (r) => Ht(r, n);
 };
 bt.add("minLength");
-const om = function(t) {
+const rm = function(t) {
   function n(r) {
     return r == null || Array.isArray(r) && r.length < t ? { minLengthArray: t } : null;
   }
   return (r) => n(r);
 };
 bt.add("minLengthArray");
-const am = function(t) {
+const om = function(t) {
   function n(r) {
     return r === void 0 || r.toString().length <= t ? null : { maxLength: t };
   }
   return (r) => Ht(r, n);
 };
 Kt.add("maxLength");
-const sm = function(t) {
+const am = function(t) {
   function n(r) {
     return r == null || Array.isArray(r) && r.length <= t ? null : { maxLengthArray: t };
   }
   return (r) => n(r);
 };
 bt.add("maxLengthArray");
-const im = function(t) {
+const sm = function(t) {
   const n = t instanceof RegExp ? t : new RegExp(t);
   function r(a) {
     return n.test(a) ? null : { pattern: t };
@@ -428,28 +427,28 @@ const im = function(t) {
   return (a) => Ht(a, r);
 };
 bt.add("pattern");
-const lm = function(e) {
+const im = function(e) {
   function t(n) {
     return new RegExp("^\\p{L}*$", "u").test(n) ? null : { alpha: !0 };
   }
   return Ht(e, t);
 };
 Kt.add("alpha");
-const cm = function(e) {
+const lm = function(e) {
   function t(n) {
     return /^[0-9,. ]*$/.test(n) ? null : { numeric: !0 };
   }
   return Ht(e, t);
 };
 Kt.add("numeric");
-const dm = function(e) {
+const cm = function(e) {
   function t(n) {
     return /^-?[0-9,. ]*$/.test(n) ? null : { positiveOrNegativeNumber: !0 };
   }
   return Ht(e, t);
 };
 Kt.add("positiveOrNegativeNumber");
-const pm = function(e) {
+const dm = function(e) {
   function t(n) {
     return /^[^0-9]*$/.test(n) ? null : { nonNumeric: !0 };
   }
@@ -457,19 +456,19 @@ const pm = function(e) {
 };
 Kt.add("nonNumeric");
 const _a = Object.freeze({
-  ...Qu,
-  min: em,
-  max: tm,
-  required: nm,
-  minLength: rm,
-  minLengthArray: om,
-  maxLength: am,
-  maxLengthArray: sm,
-  pattern: im,
-  alpha: lm,
-  numeric: cm,
-  nonNumeric: pm,
-  positiveOrNegativeNumber: dm,
+  ...Zu,
+  min: Qu,
+  max: em,
+  required: tm,
+  minLength: nm,
+  minLengthArray: rm,
+  maxLength: om,
+  maxLengthArray: am,
+  pattern: sm,
+  alpha: im,
+  numeric: lm,
+  nonNumeric: dm,
+  positiveOrNegativeNumber: cm,
   OnBlurErrorKeys: bt
 });
 function Oa(e, t = []) {
@@ -480,9 +479,9 @@ function Oa(e, t = []) {
   return Object.keys(n).length ? n : null;
 }
 var Ft = /* @__PURE__ */ ((e) => (e[e.ON_CHANGE = 0] = "ON_CHANGE", e[e.ON_BLUR = 1] = "ON_BLUR", e[e.ON_SUBMIT = 2] = "ON_SUBMIT", e))(Ft || {});
-function CN(e, t = {}, n = []) {
+function wN(e, t = {}, n = []) {
   for (const [r, a] of Object.entries(t))
-    a === 0 ? Wu(r) : a === 2 && Gu(r);
+    a === 0 ? Hu(r) : a === 2 && Wu(r);
   return o.useCallback(e, n);
 }
 class vn {
@@ -626,20 +625,20 @@ class yn extends Hr {
     );
   }
 }
-class um extends yn {
+class pm extends yn {
   inferMembers(t) {
     this.fields = {};
     for (const n of Object.keys(t))
       this.fields[n] = this.inferSpsControl(t[n], n);
   }
 }
-class mm extends yn {
+class um extends yn {
   inferMembers(t) {
     this.fields = t.map((n, r) => this.inferSpsControl(n, String(r)));
   }
 }
 function Br(e, t, n) {
-  return e instanceof vn ? (e.path = t, e.update = n, e) : Array.isArray(e) ? new mm(e, t, n) : ql(e) ? new um(e, t, n) : new Hr(t, n);
+  return e instanceof vn ? (e.path = t, e.update = n, e) : Array.isArray(e) ? new um(e, t, n) : ql(e) ? new pm(e, t, n) : new Hr(t, n);
 }
 function Un(e, t) {
   return t.length === 0 || !e ? e : Un(e.fields[t[0]], t.slice(1, t.length));
@@ -678,12 +677,12 @@ function ma(e, t) {
     {}
   ) : e;
 }
-function fm(e) {
+function mm(e) {
   if (typeof e != "object" || e === null || Array.isArray(e))
     throw new TypeError("The initial value of useSpsForm() hook must be an object.");
 }
-function Sm(e, t = {}) {
-  fm(e);
+function fm(e, t = {}) {
+  mm(e);
   const [, n] = xe({}), r = ae(!1);
   r.current = !1;
   const a = ae(t), s = Re((p) => {
@@ -905,7 +904,7 @@ const Ks = (e) => typeof e == "object" && e != null && e.nodeType === 1, Hs = (e
     })(e);
   }
   return !1;
-}, Cr = (e, t, n, r, a, s, i, l) => s < e && i > t || s > e && i < t ? 0 : s <= e && l <= n || i >= t && l >= n ? s - e - r : i > t && l < n || s < e && l > n ? i - t + a : 0, gm = (e) => {
+}, Cr = (e, t, n, r, a, s, i, l) => s < e && i > t || s > e && i < t ? 0 : s <= e && l <= n || i >= t && l >= n ? s - e - r : i > t && l < n || s < e && l > n ? i - t + a : 0, Sm = (e) => {
   const t = e.parentElement;
   return t ?? (e.getRootNode().host || null);
 }, Ws = (e, t) => {
@@ -916,7 +915,7 @@ const Ks = (e) => typeof e == "object" && e != null && e.nodeType === 1, Hs = (e
   const p = document.scrollingElement || document.documentElement, f = [];
   let g = e;
   for (; Ks(g) && m(g); ) {
-    if (g = gm(g), g === p) {
+    if (g = Sm(g), g === p) {
       f.push(g);
       break;
     }
@@ -943,7 +942,7 @@ const Ks = (e) => typeof e == "object" && e != null && e.nodeType === 1, Hs = (e
     F.push({ el: I, top: V, left: Z });
   }
   return F;
-}, hm = (e) => e === !1 ? { block: "end", inline: "nearest" } : ((t) => t === Object(t) && Object.keys(t).length !== 0)(e) ? e : { block: "start", inline: "nearest" };
+}, gm = (e) => e === !1 ? { block: "end", inline: "nearest" } : ((t) => t === Object(t) && Object.keys(t).length !== 0)(e) ? e : { block: "start", inline: "nearest" };
 function oo(e, t) {
   if (!e.isConnected || !((a) => {
     let s = a;
@@ -959,7 +958,7 @@ function oo(e, t) {
   })(e);
   if (((a) => typeof a == "object" && typeof a.behavior == "function")(t)) return t.behavior(Ws(e, t));
   const r = typeof t == "boolean" || t == null ? void 0 : t.behavior;
-  for (const { el: a, top: s, left: i } of Ws(e, hm(t))) {
+  for (const { el: a, top: s, left: i } of Ws(e, gm(t))) {
     const l = s - n.top + n.bottom, c = i - n.left + n.right;
     a.scroll({ top: l, left: c, behavior: r });
   }
@@ -967,7 +966,7 @@ function oo(e, t) {
 const Pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: oo
-}, Symbol.toStringTag, { value: "Module" })), bm = {
+}, Symbol.toStringTag, { value: "Module" })), hm = {
   alt: "string",
   size: "SpinnerSize",
   title: "string"
@@ -989,10 +988,10 @@ function Jl(e) {
   return /* @__PURE__ */ o.createElement("i", { className: u, "data-testid": a, title: d, ...l });
 }
 Object.assign(Jl, {
-  props: bm,
+  props: hm,
   displayName: "SpsSpinner"
 });
-const vm = 60;
+const bm = 60;
 function Nr(e) {
   return typeof e > "u" ? "inherit" : `${e}px`;
 }
@@ -1024,7 +1023,7 @@ function Xl(e) {
       return ue.RIGHT_TOP;
   }
 }
-function ym(e, t, n, r, a, s, i, l) {
+function vm(e, t, n, r, a, s, i, l) {
   const c = i && i.current, d = c ? c.scrollTop : window.pageYOffset, u = l ? 0 : d, m = c ? c.scrollLeft : window.pageXOffset, p = l ? 0 : m, [f, g] = e.split(" ");
   let y, v, b, h;
   switch (f) {
@@ -1098,7 +1097,7 @@ function Zn(e, t, n, {
     });
     const [v, b] = n.split(" ");
     let h = n;
-    if (r && (v === "top" && m.top - u.height < vm || v === "right" && m.right + u.width > f || v === "bottom" && m.bottom + u.height > p || v === "left" && m.left - u.width < 0) && (h = r), b === "left" && m.left + u.width + (c?.[1] ?? 0) > /*
+    if (r && (v === "top" && m.top - u.height < bm || v === "right" && m.right + u.width > f || v === "bottom" && m.bottom + u.height > p || v === "left" && m.left - u.width < 0) && (h = r), b === "left" && m.left + u.width + (c?.[1] ?? 0) > /*
     * use the right because this captures the users's actual viewable content and the farthest
     * most right viewable portion of it.
     */
@@ -1111,7 +1110,7 @@ function Zn(e, t, n, {
           h = ue.TOP_RIGHT;
           break;
       }
-    const N = a ? Math.max(m.width, u.width) : u.width, T = s ? m.width : N, [E, k, P, R] = ym(
+    const N = a ? Math.max(m.width, u.width) : u.width, T = s ? m.width : N, [E, k, P, R] = vm(
       h,
       y,
       m,
@@ -1249,7 +1248,7 @@ async function Gs(e, t, n, r, a, s) {
       e.disabledOptions.includes(m.value) && (m.disabled = !0);
   r(Object.freeze(u)), e.onOptionListChanged && e.onOptionListChanged(u.length), a(u.some((m) => m.value && !!m.value.icon)), n({ pending: !1 });
 }
-function Em(e, t, n) {
+function ym(e, t, n) {
   const [r, a] = o.useState(
     Object.freeze([])
   ), [s, i] = o.useState(!1), l = o.useRef(null), c = o.useRef(e.options);
@@ -1321,16 +1320,16 @@ class Qt {
   }
   /* eslint-enable class-methods-use-this */
 }
-function Tm(e, t) {
+function Em(e, t) {
   return { ...e, ...t };
 }
 function Wt(e) {
   return no(
-    Tm,
+    Em,
     e
   );
 }
-function wm({
+function Tm({
   hideInlineSearch: e,
   showInlineSearch: t,
   options: n,
@@ -1383,7 +1382,7 @@ function wm({
     u
   ];
 }
-const Cm = oo || Pa, Nm = [
+const wm = oo || Pa, Cm = [
   "Tab",
   "Escape",
   "Enter",
@@ -1392,7 +1391,7 @@ const Cm = oo || Pa, Nm = [
   "Down",
   "ArrowDown"
 ];
-function Dm(e, t, n) {
+function Nm(e, t, n) {
   return n ? (e && e[n]) === (t && t[n]) : e === t;
 }
 function Us(e, t, n) {
@@ -1454,9 +1453,9 @@ const dr = o.forwardRef((e, t) => {
     pt,
     Be,
     te
-  ] = wm(
+  ] = Tm(
     { ...e, searchInputRef: We }
-  ), [pe, qe] = Em(
+  ), [pe, qe] = ym(
     e,
     Be,
     te
@@ -1567,7 +1566,7 @@ const dr = o.forwardRef((e, t) => {
     });
     le > -1 && Z(le);
   }, [pe]), Je = o.useCallback((se) => {
-    se && (Nm.includes(se.key) ? Te(se) : Zl.includes(se.key) && !u && Ge(se));
+    se && (Cm.includes(se.key) ? Te(se) : Zl.includes(se.key) && !u && Ge(se));
   }, [
     Ut,
     kt,
@@ -1587,7 +1586,7 @@ const dr = o.forwardRef((e, t) => {
       };
     }
   }, []), o.useEffect(() => {
-    G && de.current && Cm(de.current, {
+    G && de.current && wm(de.current, {
       scrollMode: "if-needed",
       block: "nearest",
       inline: "nearest"
@@ -1629,7 +1628,7 @@ const dr = o.forwardRef((e, t) => {
         !D && !Be.pending && d && pe.length === 0 && /* @__PURE__ */ o.createElement("div", { className: "sps-option-list__zero-state" }, d),
         (D || Be.pending) && /* @__PURE__ */ o.createElement("div", { className: "sps-option-list__loading" }, /* @__PURE__ */ o.createElement(Jl, null)),
         !D && !Be.pending && pe.map((se, le) => {
-          const Oe = `${T}-option-${le}`, Et = Dm(se.value, O, r), _s = Us(
+          const Oe = `${T}-option-${le}`, Et = Nm(se.value, O, r), _s = Us(
             re.current,
             r || "",
             se
@@ -1714,7 +1713,7 @@ function xn(e) {
     // No-op since we called it at the source
   };
 }
-function NN(e, t, n = []) {
+function CN(e, t, n = []) {
   return o.useMemo(() => {
     function r(a) {
       return /* @__PURE__ */ o.createElement(e, { ...a, ...t }, a.children);
@@ -1733,26 +1732,30 @@ const Ql = function({
     return /* @__PURE__ */ o.createElement(o.Fragment, null, e);
   const [n, r] = Array.isArray(t[0]) ? t[0] : [t[0]];
   return /* @__PURE__ */ o.createElement(n, { ...r ?? {} }, /* @__PURE__ */ o.createElement(Ql, { elements: t.slice(1) }, e));
-}, xm = function({
+}, Dm = function({
   children: e,
   providers: t = [],
   ...n
 }) {
   return /* @__PURE__ */ o.createElement("div", { ...n }, /* @__PURE__ */ o.createElement(Ql, { elements: t }, e));
-}, DN = function({
+}, NN = function({
   children: e,
   className: t,
   ...n
 }) {
-  return /* @__PURE__ */ o.createElement(xm, { className: `sps-app ${t}`, ...n }, e);
+  return /* @__PURE__ */ o.createElement(Dm, { className: `sps-app ${t}`, ...n }, e);
 };
+function xm(e, t) {
+  const { type: n, props: r = {}, custom: a } = t;
+  return a ? a(e.type) : e.type !== n ? !1 : Object.keys(r).every((s) => r[s] === e.props[s]);
+}
 function It(e = [], t = []) {
   const n = Array.isArray(e) ? Su(e) : [e], r = t.map((s) => Array.isArray(s) ? s : [s]), a = new Array(r.length + 1).fill(null).map(() => []);
   for (const s of n) {
     let i = !1;
     for (let l = 0; l < r.length; l += 1)
-      for (const { type: c, props: d = {} } of r[l])
-        if (s.type === c && Object.keys(d).every((m) => d[m] === s.props[m])) {
+      for (const c of r[l])
+        if (xm(s, c)) {
           i = !0, a[l].push(s);
           break;
         }
@@ -8542,7 +8545,7 @@ function _b() {
     return "" + ld++;
   }, []);
 }
-function xN() {
+function DN() {
   Rb(), Bh();
 }
 function Ob(e) {
@@ -9757,7 +9760,7 @@ function yd(e, t) {
   const [n, ...r] = gu(t);
   return r.length ? e.members[n].get(r) : e.members[n];
 }
-function IN(e = [], t = {}) {
+function xN(e = [], t = {}) {
   return {
     validators: [],
     ...t,
@@ -9852,7 +9855,7 @@ function IN(e = [], t = {}) {
     }
   };
 }
-function kN(e, t = {}) {
+function IN(e, t = {}) {
   return {
     validators: [],
     id: Qe(),
@@ -9908,7 +9911,7 @@ function kN(e, t = {}) {
     }
   };
 }
-function MN(e = {}, t = {}) {
+function kN(e = {}, t = {}) {
   return {
     validators: [],
     ...t,
@@ -9990,7 +9993,7 @@ function MN(e = {}, t = {}) {
     }
   };
 }
-function LN(e, t) {
+function MN(e, t) {
   t && e.setInitValue(t);
   const [n, r] = xe(), [a, s] = xe([]), [i, l] = no((c) => {
     for (const d of a)
@@ -10004,7 +10007,7 @@ function LN(e, t) {
     });
   }), i;
 }
-function RN(e, t = null) {
+function LN(e, t = null) {
   const [n, r] = xe(t), a = ae(() => null);
   return be(() => {
     const s = () => n;
@@ -10039,7 +10042,7 @@ Object.assign(mo, {
 });
 const Bv = {
   // examples are held in the docs/src/views/forms/Forms.tsx file
-}, _N = {
+}, RN = {
   ideal: {
     label: "Ideal",
     examples: {
@@ -10311,7 +10314,7 @@ function Td(e) {
         })
       )
     ]
-  }), { t: p } = he(), f = { searchSelectedColumn: "" }, g = B(u.isVisible && "sps-button--open", l), { formMeta: y, formValue: v, updateForm: b } = Sm(f);
+  }), { t: p } = he(), f = { searchSelectedColumn: "" }, g = B(u.isVisible && "sps-button--open", l), { formMeta: y, formValue: v, updateForm: b } = fm(f);
   function h(R) {
     if (R.target.value) {
       const L = [...u.pendingSelectedColumns], _ = [];
@@ -11984,7 +11987,7 @@ function Nd(e) {
 const Dd = o.createContext(
   void 0
 );
-function ON({
+function _N({
   currentUser: e,
   locale: t,
   children: n
@@ -17785,7 +17788,7 @@ Object.assign(tE, {
   props: eE,
   displayName: "SpsButtonGroup"
 });
-const PN = {
+const ON = {
   basic: {
     label: "Basic Buttons",
     description: ({ NavigateTo: e }) => /* @__PURE__ */ o.createElement("span", { className: "sps-body-14 mt-4" }, "The most common type of button that can be used in most cases. Example: Basic Buttons in a", " ", /* @__PURE__ */ o.createElement(e, { to: "Modal" }, "Modal"), "."),
@@ -19953,7 +19956,7 @@ const aE = {
       }
     }
   }
-}, BN = {
+}, PN = {
   basic: {
     label: "Basic Tag",
     examples: {
@@ -26301,7 +26304,7 @@ Object.assign(fp, {
   props: jE,
   displayName: "SpsFeedbackBlock"
 });
-const FN = {
+const BN = {
   standard: {
     label: "Standard Size",
     description: "Use Standard Size Feedback Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Feedback Block.",
@@ -27915,7 +27918,7 @@ const sT = {
       }
     }
   }
-}, AN = {
+}, FN = {
   Autocomplete: {
     components: [At],
     examples: Mm
@@ -31039,7 +31042,8 @@ function iC({
   ] = It(e, [
     { type: Qp },
     { type: Xp },
-    { type: Fu },
+    // Match by displayName to avoid circular dependency with @sps-woodland/core
+    { custom: (d) => d?.displayName === "Tabs" },
     { type: Zp }
   ]), c = a.length > 0 ? a : s;
   return /* @__PURE__ */ o.createElement("div", { className: B("sps-card", t), ...n }, r, c.length > 0 ? c : /* @__PURE__ */ o.createElement("div", { className: "sps-card__body" }, l), i);
@@ -31126,7 +31130,7 @@ Object.assign(pC, {
   props: dC,
   displayName: "SpsAdvancedSearch"
 });
-const $N = {
+const AN = {
   general: {
     label: "General Usage",
     description: ({ NavigateTo: e, Link: t }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, 'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'), /* @__PURE__ */ o.createElement("p", null, "Advanced Search works in conjunction with the", " ", /* @__PURE__ */ o.createElement(e, { to: "list-toolbar" }, "List Bar"), " and", " ", /* @__PURE__ */ o.createElement(e, { to: "search-results-bar" }, "Search Results"), " components. Refer to those pages for additional details."), /* @__PURE__ */ o.createElement("p", null, "Use the following guidelines when including Advanced Search on your page:", /* @__PURE__ */ o.createElement("ul", null, /* @__PURE__ */ o.createElement("li", null, "The Advanced Search Panel can contain any number of input fields."), /* @__PURE__ */ o.createElement("li", null, "The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the", " ", /* @__PURE__ */ o.createElement(t, { to: "/style-and-layout/grid/" }, "SPS Grid"), " and guidelines for", " ", /* @__PURE__ */ o.createElement(e, { to: "form" }, "Form Layouts"), "."))))
@@ -31398,7 +31402,7 @@ const $N = {
       }
     }
   }
-}, VN = function({
+}, $N = function({
   viewing: e,
   in: t,
   onChange: n
@@ -31496,7 +31500,7 @@ Object.assign(SC, {
   props: uC,
   displayName: "SpsCurrencyInput"
 });
-const KN = {
+const VN = {
   basic: {
     label: "Basic",
     examples: {
@@ -31633,7 +31637,7 @@ Object.assign(tu, {
   props: hC,
   displayName: "SpsFocusedTask"
 });
-const HN = {
+const KN = {
   basic: {
     examples: {
       basic: {
@@ -31811,7 +31815,7 @@ Object.assign(nu, {
   props: bC,
   displayName: "SpsGrowler"
 });
-function WN() {
+function HN() {
   const [e, t] = o.useState([]), n = o.useCallback(() => e.map((a) => /* @__PURE__ */ o.createElement(
     nu,
     {
@@ -31838,7 +31842,7 @@ function WN() {
   }, []);
   return [n, r];
 }
-const GN = {
+const WN = {
   writingGuidelines: {
     label: "Writing Guidelines",
     customSection: () => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, "Use the following guidelines to write an effective Growler message."), /* @__PURE__ */ o.createElement("ul", null, /* @__PURE__ */ o.createElement("li", null, "Write all messages in sentence case.", /* @__PURE__ */ o.createElement("ul", null, /* @__PURE__ */ o.createElement("li", null, "Capitalize the first word of the message."), /* @__PURE__ */ o.createElement("li", null, "Add punctuation, such as a period, at the end of the message."))), /* @__PURE__ */ o.createElement("li", null, "Keep messages as succinct as possible while also providing sufficient information to the customer."), /* @__PURE__ */ o.createElement("li", null, "If you can clearly convey your message in a single statement, use only the Primary Message."), /* @__PURE__ */ o.createElement("li", null, "If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")), /* @__PURE__ */ o.createElement("p", null, "For more examples of effective feedback message writing, refer to", " ", /* @__PURE__ */ o.createElement(
@@ -32214,7 +32218,7 @@ const GN = {
     }
   }
 };
-function UN(e) {
+function GN(e) {
   const { children: t } = e;
   return /* @__PURE__ */ o.createElement("div", { className: "insight-tile-wrapper" }, t);
 }
@@ -32349,7 +32353,7 @@ Object.assign(DC, {
   props: NC,
   displayName: "SpsKeyValueTag"
 });
-const zN = {
+const UN = {
   basic: {
     label: "Basic",
     examples: {
@@ -32508,7 +32512,7 @@ Object.assign(ou, {
   props: kC,
   displayName: "SpsSearchResultsBarV2"
 });
-const jN = {
+const zN = {
   basic: {
     label: "Basic",
     description: ({ NavigateTo: e }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, "SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."), /* @__PURE__ */ o.createElement("p", null, "For more examples go to the Advanced Search section on the", " ", /* @__PURE__ */ o.createElement(e, { to: "list-toolbar" }, "List Toolbar"), " page.")),
@@ -32967,7 +32971,7 @@ function BC() {
     }
   ), /* @__PURE__ */ o.createElement(Fn, null, /* @__PURE__ */ o.createElement(mn, null, /* @__PURE__ */ o.createElement(je, { style: { width: "80px" } }, "Order"), /* @__PURE__ */ o.createElement(je, null, "Section"), /* @__PURE__ */ o.createElement(je, null, "Notes")), /* @__PURE__ */ o.createElement(fn, null, /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "1")), /* @__PURE__ */ o.createElement(ne, null, "Checkbox"), /* @__PURE__ */ o.createElement(ne, null, "For Content Rows and Content Tiles only.")), /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "2")), /* @__PURE__ */ o.createElement(ne, null, "Search/Filter Box"), /* @__PURE__ */ o.createElement(ne, null)), /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "3")), /* @__PURE__ */ o.createElement(ne, null, "Saved Search"), /* @__PURE__ */ o.createElement(ne, null)), /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "4")), /* @__PURE__ */ o.createElement(ne, null, "Advanced Search"), /* @__PURE__ */ o.createElement(ne, null, "For more information, visit the Advanced Search page.")), /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "5")), /* @__PURE__ */ o.createElement(ne, null, "Column Editor"), /* @__PURE__ */ o.createElement(ne, { wrap: 500 }, "Use for Tables only. For more information, visit the Column Editor page.")), /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "6")), /* @__PURE__ */ o.createElement(ne, null, "List View Selector"), /* @__PURE__ */ o.createElement(ne, null)), /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "7")), /* @__PURE__ */ o.createElement(ne, null, "Sorting"), /* @__PURE__ */ o.createElement(ne, null)), /* @__PURE__ */ o.createElement(De, null, /* @__PURE__ */ o.createElement(ne, null, /* @__PURE__ */ o.createElement("span", { className: "sps-tag sps-tag--info" }, "8")), /* @__PURE__ */ o.createElement(ne, null, "Buttons"), /* @__PURE__ */ o.createElement(ne, { wrap: 500 }, "Buttons always appear in the rightmost section of the List Toolbar. For the ordering of Buttons, refer to the Button Groups section on the Buttons page."))))));
 }
-const YN = {
+const jN = {
   general: {
     label: "General Usage",
     description: () => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("h5", null, "Use a List Toolbar:"), /* @__PURE__ */ o.createElement("ul", null, /* @__PURE__ */ o.createElement("li", null, "When list content needs to be searched, filtered, sorted, or otherwise interacted with.")), /* @__PURE__ */ o.createElement("h5", null, "Avoid a List Toolbar:"), /* @__PURE__ */ o.createElement("ul", null, /* @__PURE__ */ o.createElement("li", null, "When no list is present."), /* @__PURE__ */ o.createElement("li", null, "When there will always be a small number of elements in the list, or the list does not require searching, filtering, or other actions.")))
@@ -33925,7 +33929,7 @@ const YN = {
   }
 };
 var FC = /* @__PURE__ */ ((e) => (e.Ok = "Ok", e.Cancel = "Cancel", e))(FC || {});
-const qN = () => {
+const YN = () => {
   const [e, t] = xe([]), n = (d) => {
     const u = [...e], m = { ...d };
     return m.key = Qe(), new Promise((f) => {
@@ -33950,7 +33954,7 @@ const qN = () => {
     c
   ];
 };
-function JN(e, t) {
+function qN(e, t) {
   const n = {
     ...Gl,
     ...e
@@ -34004,7 +34008,7 @@ Object.assign(KC, {
   props: VC,
   displayName: "SpsPageSubtitle"
 });
-const XN = {
+const JN = {
   basic: {
     label: "Basic",
     examples: {
@@ -34169,7 +34173,7 @@ Object.assign(GC, {
   props: WC,
   displayName: "SpsProductBar"
 });
-const ZN = {
+const XN = {
   basic: {
     label: "Basic",
     description: S`
@@ -34355,7 +34359,7 @@ Object.assign(zC, {
   props: UC,
   displayName: "SpsProgressBar"
 });
-const QN = {
+const ZN = {
   general: {
     label: "General Usage",
     customSection: () => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("h4", null, "General Usage"), /* @__PURE__ */ o.createElement("p", null, "Progress Bars can be used in a variety of situations, but the most common use case is to show the live progress of a process such as a file upload or the processing of a digital payload."), /* @__PURE__ */ o.createElement("p", null, "For processes that typically complete within minutes or less, opt for the Standard Progress Bar."), /* @__PURE__ */ o.createElement("p", null, "For processes that are divided into specific steps that are accomplished over a longer period of time, opt for the Stepped Progress Bar."))
@@ -34481,7 +34485,7 @@ Object.assign(JC, {
   props: qC,
   displayName: "SpsSlackLink"
 });
-const eD = {
+const QN = {
   basic: {
     examples: {
       basic: {
@@ -34585,7 +34589,7 @@ Object.assign(QC, {
   props: ZC,
   displayName: "SpsSortingHeader"
 });
-const tD = {
+const eD = {
   basic: {
     label: "Basic Sorting Header",
     examples: {
@@ -34686,7 +34690,7 @@ Object.assign(tN, {
   props: eN,
   displayName: "SpsSteppedProgressBar"
 });
-const nD = {
+const tD = {
   standard: {
     label: "Stepped Progress Bar",
     description: () => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, "Stepped Progress Bars are comprised of the following Required and Optional elements."), /* @__PURE__ */ o.createElement(
@@ -34885,7 +34889,7 @@ Object.assign(aN, {
   props: oN,
   displayName: "SpsTileList"
 });
-const rD = {
+const nD = {
   basic: {
     label: "Basic",
     examples: {
@@ -35166,7 +35170,7 @@ Object.assign(cN, {
   props: lN,
   displayName: "SpsFilterTileList"
 });
-const oD = {
+const rD = {
   basic: {
     label: "Basic",
     examples: {
@@ -35264,7 +35268,7 @@ function uN(e) {
     className: t,
     heading: n,
     icon: r,
-    illustration: a = Au,
+    illustration: a = Fu,
     subHeading: s,
     "data-testid": i,
     unsafelyReplaceClassName: l,
@@ -35297,7 +35301,7 @@ function fN(e) {
     "data-testid": l,
     unsafelyReplaceClassName: c,
     ...d
-  } = e, u = s || t || $u, m = B(
+  } = e, u = s || t || Au, m = B(
     c || "sps-zero-state",
     r
   );
@@ -35315,7 +35319,7 @@ Object.assign(fN, {
   props: mN,
   displayName: "SpsZeroState"
 });
-const aD = {
+const oD = {
   sizes: {
     label: "Sizes",
     customSection: () => /* @__PURE__ */ o.createElement("section", { id: "zero-states-sizes" }, /* @__PURE__ */ o.createElement("div", { className: "flex-color-header" }, /* @__PURE__ */ o.createElement("h4", null, "Sizes"), /* @__PURE__ */ o.createElement(
@@ -35501,22 +35505,22 @@ export {
   Cv as Draggable,
   gd as Droppable,
   Qt as FauxChangeEvent,
-  AN as MANIFEST,
+  FN as MANIFEST,
   FC as ModalAction,
   bt as OnBlurErrorKeys,
   Ra as OnSubmitErrorKeys,
   xt as PortalContext,
   Kt as PreventativeErrorKeys,
-  xm as Provide,
+  Dm as Provide,
   U as SimpleDateUtils,
-  _N as SpsAddRemoveFormRowExamples,
+  RN as SpsAddRemoveFormRowExamples,
   pC as SpsAdvancedSearch,
-  $N as SpsAdvancedSearchExamples,
-  DN as SpsApp,
+  AN as SpsAdvancedSearchExamples,
+  NN as SpsApp,
   At as SpsAutocomplete,
   Mm as SpsAutocompleteExamples,
   ke as SpsButton,
-  PN as SpsButtonExamples,
+  ON as SpsButtonExamples,
   tE as SpsButtonGroup,
   vd as SpsCard,
   bd as SpsCardTabbedPane,
@@ -35538,9 +35542,9 @@ export {
   En as SpsContentRowCol,
   Gv as SpsContentRowExamples,
   us as SpsContentRowExpansion,
-  VN as SpsContextBar,
+  $N as SpsContextBar,
   SC as SpsCurrencyInput,
-  KN as SpsCurrencyInputExamples,
+  VN as SpsCurrencyInputExamples,
   Id as SpsDateRangePicker,
   uy as SpsDateRangePickerExamples,
   Md as SpsDateTime,
@@ -35559,7 +35563,7 @@ export {
   _y as SpsDropdownExamples,
   ky as SpsDt,
   fp as SpsFeedbackBlock,
-  FN as SpsFeedbackBlockExamples,
+  BN as SpsFeedbackBlockExamples,
   Pd as SpsFieldset,
   By as SpsFieldsetExamples,
   Sp as SpsFilterPanel,
@@ -35569,41 +35573,41 @@ export {
   gp as SpsFilterPanelSection,
   iN as SpsFilterTile,
   cN as SpsFilterTileList,
-  oD as SpsFilterTileListExamples,
+  rD as SpsFilterTileListExamples,
   tu as SpsFocusedTask,
   eu as SpsFocusedTaskActions,
-  HN as SpsFocusedTaskExamples,
+  KN as SpsFocusedTaskExamples,
   mo as SpsForm,
-  mm as SpsFormArrayMeta,
+  um as SpsFormArrayMeta,
   Ve as SpsFormComponentWrapper,
   Bv as SpsFormExamples,
   Hr as SpsFormFieldMeta,
-  um as SpsFormGroupMeta,
+  pm as SpsFormGroupMeta,
   vn as SpsFormMetaBase,
   yn as SpsFormSetMeta,
   nu as SpsGrowler,
-  GN as SpsGrowlerExamples,
+  WN as SpsGrowlerExamples,
   Pt as SpsI,
   oE as SpsIconButtonPanel,
   Bd as SpsIncrementor,
   Ay as SpsIncrementorExamples,
   ir as SpsInputGroup,
   yC as SpsInsightTile,
-  UN as SpsInsights,
+  GN as SpsInsights,
   TC as SpsKeyValueList,
   CC as SpsKeyValueListItem,
   DC as SpsKeyValueTag,
-  zN as SpsKeyValueTagExamples,
+  UN as SpsKeyValueTagExamples,
   Fd as SpsLabel,
   Vy as SpsLabelExamples,
   Ad as SpsListActionBar,
   sE as SpsListActionBarExamples,
   _C as SpsListToolbar,
-  YN as SpsListToolbarExamples,
+  jN as SpsListToolbarExamples,
   au as SpsListToolbarSearch,
   su as SpsListToolbarSearchInfo,
   PC as SpsListToolbarSortBy,
-  ON as SpsLocaleProvider,
+  _N as SpsLocaleProvider,
   zd as SpsMicroBlock,
   lE as SpsMicroBlockExamples,
   uN as SpsMicroZeroState,
@@ -35617,37 +35621,37 @@ export {
   hs as SpsPageSelector,
   KC as SpsPageSubtitle,
   $C as SpsPageTitle,
-  XN as SpsPageTitleExamples,
+  JN as SpsPageTitleExamples,
   Jd as SpsPagination,
   hE as SpsPaginationExamples,
   GC as SpsProductBar,
-  ZN as SpsProductBarExamples,
+  XN as SpsProductBarExamples,
   iu as SpsProductBarTab,
   zC as SpsProgressBar,
-  QN as SpsProgressBarExamples,
+  ZN as SpsProgressBarExamples,
   lp as SpsProgressRing,
   Xd as SpsRadioButton,
   vE as SpsRadioButtonExamples,
   YC as SpsScrollableContainer,
   IC as SpsSearchResultsBar,
-  jN as SpsSearchResultsBarExamples,
+  zN as SpsSearchResultsBarExamples,
   ou as SpsSearchResultsBarV2,
   Ln as SpsSelect,
   Sy as SpsSelectExamples,
   yE as SpsSideNav,
   EE as SpsSideNavExamples,
   JC as SpsSlackLink,
-  eD as SpsSlackLinkExamples,
+  QN as SpsSlackLinkExamples,
   Yd as SpsSlideInPanel,
   pE as SpsSlideInPanelExamples,
   QC as SpsSortingHeader,
   lu as SpsSortingHeaderCell,
-  tD as SpsSortingHeaderExamples,
+  eD as SpsSortingHeaderExamples,
   Jl as SpsSpinner,
   Qd as SpsSplitButton,
   wE as SpsSplitButtonExamples,
   tN as SpsSteppedProgressBar,
-  nD as SpsSteppedProgressBarExamples,
+  tD as SpsSteppedProgressBarExamples,
   tp as SpsSummaryListColumn,
   xE as SpsSummaryListExamples,
   Jr as SpsSummaryListExpansion,
@@ -35663,7 +35667,7 @@ export {
   De as SpsTableRow,
   Xp as SpsTabsV2,
   _t as SpsTag,
-  BN as SpsTagExamples,
+  PN as SpsTagExamples,
   np as SpsTaskQueue,
   kE as SpsTaskQueueExamples,
   Zy as SpsTbody,
@@ -35676,7 +35680,7 @@ export {
   Jy as SpsThead,
   rN as SpsTile,
   aN as SpsTileList,
-  rD as SpsTileListExamples,
+  nD as SpsTileListExamples,
   Ep as SpsTimeInput,
   sT as SpsTimeInputExamples,
   ap as SpsToggle,
@@ -35701,46 +35705,46 @@ export {
   zE as SpsWorkflowExamples,
   ws as SpsWorkflowStep,
   fN as SpsZeroState,
-  aD as SpsZeroStateExamples,
+  oD as SpsZeroStateExamples,
   ge as TooltipVisibility,
   Ft as ValidationMode,
-  Wu as addOnChangeErrorKey,
-  Gu as addOnSubmitErrorKey,
-  NN as bindProps,
+  Hu as addOnChangeErrorKey,
+  Wu as addOnSubmitErrorKey,
+  CN as bindProps,
   st as contentOf,
   Kr as date,
-  Zu as dateConstraint,
-  Xu as dateRange,
+  Xu as dateConstraint,
+  Ju as dateRange,
   bs as findParentBranches,
   Xl as flipPosition,
-  IN as formArray,
-  kN as formControl,
-  MN as formGroup,
+  xN as formArray,
+  IN as formControl,
+  kN as formGroup,
   yd as getMember,
   Zn as getPosition,
   Zl as letterAndNumberKeys,
-  xN as resetServerContext,
+  DN as resetServerContext,
   It as selectChildren,
-  Ju as setDateFormat,
+  qu as setDateFormat,
   Jo as toggleTooltipState,
   Im as useCheckDeprecatedProps,
   Yy as useColumnCellResizer,
   jy as useColumnHeaderResizer,
-  CN as useCustomValidator,
+  wN as useCustomValidator,
   ec as useDidUpdateEffect,
   zs as useDocumentEventListener,
   pn as useElementId,
-  LN as useForm,
-  WN as useGrowlers,
+  MN as useForm,
+  HN as useGrowlers,
   pr as useInputPopup,
   cb as useKeyboardSensor,
-  qN as useModals,
+  YN as useModals,
   ab as useMouseSensor,
   Wt as usePatchReducer,
   cr as usePortal,
-  RN as useServerSideValidation,
-  JN as useSpsAction,
-  Sm as useSpsForm,
+  LN as useServerSideValidation,
+  qN as useSpsAction,
+  fm as useSpsForm,
   go as useSpsLocale,
   fb as useTouchSensor,
   Oa as validate