@bethinkpl/design-system 36.1.2 → 37.0.0

package/dist/design-system.js

@@ -8831,7 +8831,7 @@ const ue = /* @__PURE__ */ x(mH, [["render", _H]]), bH = {
       }, null, 8, yH)) : z("", !0)
     ], 2));
   }
-}), cp = /* @__PURE__ */ x(SH, [["__scopeId", "data-v-ef16d7e3"]]), zl = {
+}), cp = /* @__PURE__ */ x(SH, [["__scopeId", "data-v-54f652dc"]]), zl = {
   TOP: "top",
   BOTTOM: "bottom",
   LEFT: "left",
@@ -9188,7 +9188,7 @@ function RH(e, t, a, r, o, i) {
     O("span", IH, K(e.suffix), 1)
   ], 2);
 }
-const gce = /* @__PURE__ */ x(OH, [["render", RH], ["__scopeId", "data-v-90b52384"]]), ja = {
+const gce = /* @__PURE__ */ x(OH, [["render", RH], ["__scopeId", "data-v-52a165b4"]]), ja = {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
@@ -9546,7 +9546,7 @@ function GH(e, t, a, r, o, i) {
     }, 8, ["class", "radius", "type", "state", "elevation", "color"])
   ], 38);
 }
-const Bt = /* @__PURE__ */ x(UH, [["render", GH], ["__scopeId", "data-v-fd37244b"]]), Je = {
+const Bt = /* @__PURE__ */ x(UH, [["render", GH], ["__scopeId", "data-v-71e61279"]]), Je = {
   DEFAULT: "default",
   NEUTRAL: "neutral",
   INFO: "info",
@@ -9776,7 +9776,7 @@ const Bt = /* @__PURE__ */ x(UH, [["render", GH], ["__scopeId", "data-v-fd37244b
       ], 2)
     ]));
   }
-}), A9 = /* @__PURE__ */ x(nU, [["__scopeId", "data-v-494a6bfa"]]), Ai = {
+}), A9 = /* @__PURE__ */ x(nU, [["__scopeId", "data-v-801e94fd"]]), Ai = {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
@@ -9946,7 +9946,7 @@ function sU(e, t, a, r, o, i) {
     ], 2)
   ], 2);
 }
-const mce = /* @__PURE__ */ x(oU, [["render", sU], ["__scopeId", "data-v-b2953bf0"]]), Qa = {
+const mce = /* @__PURE__ */ x(oU, [["render", sU], ["__scopeId", "data-v-f8e388ab"]]), Qa = {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
@@ -10149,7 +10149,7 @@ const mce = /* @__PURE__ */ x(oU, [["render", sU], ["__scopeId", "data-v-b2953bf
       ], 2)
     ], 2));
   }
-}), to = /* @__PURE__ */ x(gU, [["__scopeId", "data-v-a95c078e"]]), tt = () => {
+}), to = /* @__PURE__ */ x(gU, [["__scopeId", "data-v-73aa2796"]]), tt = () => {
   const e = Qr();
   if (!e || !e.root.proxy)
     throw new Error("useLegacyI18n must be called within a Vue component");
@@ -10273,7 +10273,7 @@ function yU(e, t, a, r, o, i) {
     } : void 0
   ]), 1032, ["header-has-padding", "divider-under-header"]);
 }
-const bce = /* @__PURE__ */ x(mU, [["render", yU], ["__scopeId", "data-v-3180ba88"]]);
+const bce = /* @__PURE__ */ x(mU, [["render", yU], ["__scopeId", "data-v-9b14d378"]]);
 function fp(e) {
   return typeof e == "string" ? `'${e}'` : new SU().serialize(e);
 }
@@ -11479,7 +11479,7 @@ const Wa = {
       B(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), uG = /* @__PURE__ */ x(dG, [["__scopeId", "data-v-a7df8689"]]), fG = /* @__PURE__ */ q({
+}), uG = /* @__PURE__ */ x(dG, [["__scopeId", "data-v-d923532c"]]), fG = /* @__PURE__ */ q({
   __name: "Checkbox",
   props: /* @__PURE__ */ Kr({
     size: {},
@@ -11581,7 +11581,7 @@ const Wa = {
       }, 8, ["size", "state"])) : z("", !0)
     ], 2));
   }
-}), R9 = /* @__PURE__ */ x(fG, [["__scopeId", "data-v-27974437"]]), ot = {
+}), R9 = /* @__PURE__ */ x(fG, [["__scopeId", "data-v-7b411cdd"]]), ot = {
   DEFAULT: "default",
   DISABLED: "disabled",
   ERROR: "error",
@@ -11626,7 +11626,7 @@ const Wa = {
       B(a.$slots, "default", {}, void 0, !0)
     ], 10, hG));
   }
-}), gG = /* @__PURE__ */ x(pG, [["__scopeId", "data-v-157e206b"]]), mG = {
+}), gG = /* @__PURE__ */ x(pG, [["__scopeId", "data-v-a110e331"]]), mG = {
   key: 0,
   class: "ds-formField__labels"
 }, _G = { class: "ds-formField__labelRow" }, bG = { class: "ds-formField__labelWrapper" }, yG = ["id", "for"], SG = { class: "ds-formField__labelText" }, AG = {
@@ -11725,7 +11725,7 @@ const Wa = {
       ])) : z("", !0)
     ], 2));
   }
-}), N9 = /* @__PURE__ */ x(DG, [["__scopeId", "data-v-c818ea52"]]);
+}), N9 = /* @__PURE__ */ x(DG, [["__scopeId", "data-v-9bd1548f"]]);
 function P9({
   label: e,
   state: t,
@@ -11840,7 +11840,7 @@ const OG = /* @__PURE__ */ q({
       } : void 0
     ]), 1040));
   }
-}), Sce = /* @__PURE__ */ x(OG, [["__scopeId", "data-v-212b7b3f"]]), ba = {
+}), Sce = /* @__PURE__ */ x(OG, [["__scopeId", "data-v-238c73a1"]]), ba = {
   NEUTRAL_WEAK: "neutralWeak",
   NEUTRAL: "neutral",
   WARNING: "warning",
@@ -12058,7 +12058,7 @@ function WG(e, t, a, r, o, i) {
     ], 64)) : z("", !0)
   ], 2);
 }
-const B9 = /* @__PURE__ */ x(RG, [["render", WG], ["__scopeId", "data-v-7a9bc601"]]), _a = {
+const B9 = /* @__PURE__ */ x(RG, [["render", WG], ["__scopeId", "data-v-8c1dd908"]]), _a = {
   NEUTRAL: "neutral",
   NEUTRAL_WEAK: "neutralWeak",
   PRIMARY: "primary",
@@ -12253,7 +12253,7 @@ const B9 = /* @__PURE__ */ x(RG, [["render", WG], ["__scopeId", "data-v-7a9bc601
       }, K(i.additionalText), 3)) : z("", !0)
     ], 2));
   }
-}), U9 = /* @__PURE__ */ x(ZG, [["__scopeId", "data-v-8143dded"]]), QG = {
+}), U9 = /* @__PURE__ */ x(ZG, [["__scopeId", "data-v-ec8004b1"]]), QG = {
   "ds.globals.back": "Wróć",
   "ds.globals.confirmation": "OK, rozumiem",
   "ds.globals.loading": "Momencik, ładuję dane..."
@@ -12701,7 +12701,7 @@ function AV(e, t, a, r, o, i) {
     O("input", SV, null, 512)
   ], 2);
 }
-const Ace = /* @__PURE__ */ x(mV, [["render", AV], ["__scopeId", "data-v-adac40f0"]]), LV = q({
+const Ace = /* @__PURE__ */ x(mV, [["render", AV], ["__scopeId", "data-v-4bd68cde"]]), LV = q({
   name: "DateRangePicker",
   components: {
     DateBox: B9
@@ -12859,7 +12859,7 @@ function zV(e, t, a, r, o, i) {
     O("input", EV, null, 512)
   ], 512);
 }
-const Lce = /* @__PURE__ */ x(LV, [["render", zV], ["__scopeId", "data-v-a7053279"]]), ml = {
+const Lce = /* @__PURE__ */ x(LV, [["render", zV], ["__scopeId", "data-v-bdfb9a8b"]]), ml = {
   SMALL: "small",
   MEDIUM: "medium"
 }, _l = {
@@ -13162,7 +13162,7 @@ function HV(e, t, a, r, o, i) {
     ], 16)
   ]);
 }
-const jd = /* @__PURE__ */ x(CV, [["render", HV], ["__scopeId", "data-v-2be728c4"]]), UV = /* @__PURE__ */ q({
+const jd = /* @__PURE__ */ x(CV, [["render", HV], ["__scopeId", "data-v-0b9f13f7"]]), UV = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "HelpButton",
   props: {
@@ -13328,7 +13328,7 @@ const VV = ["id", "aria-describedby"], qV = {
       } : void 0
     ]), 1040));
   }
-}), WV = /* @__PURE__ */ x(jV, [["__scopeId", "data-v-9ac83743"]]), KV = q({
+}), WV = /* @__PURE__ */ x(jV, [["__scopeId", "data-v-54126a64"]]), KV = q({
   name: "Modal",
   components: { WnlIcon: ue },
   inheritAttrs: !1,
@@ -13392,7 +13392,7 @@ function ZV(e, t, a, r, o, i) {
     ], 16)
   ]);
 }
-const V9 = /* @__PURE__ */ x(KV, [["render", ZV], ["__scopeId", "data-v-a18f33bc"]]), QV = q({
+const V9 = /* @__PURE__ */ x(KV, [["render", ZV], ["__scopeId", "data-v-3f76323e"]]), QV = q({
   name: "ModalDialog",
   components: { DsModal: jd },
   props: {
@@ -13556,7 +13556,7 @@ function $V(e, t, a, r, o, i) {
     B(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Mce = /* @__PURE__ */ x(xV, [["render", $V], ["__scopeId", "data-v-974ee868"]]), Ece = /* @__PURE__ */ q({
+const Mce = /* @__PURE__ */ x(xV, [["render", $V], ["__scopeId", "data-v-0e41d818"]]), Ece = /* @__PURE__ */ q({
   __name: "PasswordField",
   props: /* @__PURE__ */ Kr({
     inputProps: {},
@@ -13693,7 +13693,7 @@ function aq(e, t, a, r, o, i) {
     }, K(e.label), 3)) : z("", !0)
   ], 10, tq);
 }
-const zce = /* @__PURE__ */ x(eq, [["render", aq], ["__scopeId", "data-v-b1b72d1d"]]), yp = {
+const zce = /* @__PURE__ */ x(eq, [["render", aq], ["__scopeId", "data-v-ff198cbc"]]), yp = {
   SMALL: "small",
   MEDIUM: "medium"
 }, S4 = {
@@ -13895,7 +13895,7 @@ function lq(e, t, a, r, o, i) {
     ]), 1032, ["loading-bar-color", "loading-bar-time"])
   ], 6);
 }
-const Cce = /* @__PURE__ */ x(nq, [["render", lq], ["__scopeId", "data-v-15eb93fb"]]), hr = {
+const Cce = /* @__PURE__ */ x(nq, [["render", lq], ["__scopeId", "data-v-e20e2e6e"]]), hr = {
   ACTIVE: "active",
   AWAITING: "awaiting",
   SUSPENDED: "suspended",
@@ -13950,7 +13950,7 @@ function dq(e, t, a, r, o, i) {
     O("span", cq, K(e.text), 1)
   ], 2);
 }
-const Fce = /* @__PURE__ */ x(sq, [["render", dq], ["__scopeId", "data-v-cc20687e"]]), uq = q({
+const Fce = /* @__PURE__ */ x(sq, [["render", dq], ["__scopeId", "data-v-badb1f4e"]]), uq = q({
   name: "BlockadeStatus",
   components: {
     Icon: ue
@@ -13996,7 +13996,7 @@ function hq(e, t, a, r, o, i) {
     O("span", fq, K(e.text), 1)
   ], 2);
 }
-const Dce = /* @__PURE__ */ x(uq, [["render", hq], ["__scopeId", "data-v-173c173b"]]), He = {
+const Dce = /* @__PURE__ */ x(uq, [["render", hq], ["__scopeId", "data-v-9c661391"]]), He = {
   PRIMARY: "#0f9698",
   PRIMARY_SUPPORTING: "#87cacb",
   PRIMARY_BACKGROUND: "#d8eeee",
@@ -14184,7 +14184,7 @@ function bq(e, t, a, r, o, i) {
     e.label ? (u(), v("div", _q, K(e.label), 1)) : z("", !0)
   ], 2);
 }
-const yq = /* @__PURE__ */ x(vq, [["render", bq], ["__scopeId", "data-v-51868660"]]), In = {
+const yq = /* @__PURE__ */ x(vq, [["render", bq], ["__scopeId", "data-v-b66ec806"]]), In = {
   DEFAULT: "default",
   DISABLED: "disabled"
 }, L4 = {
@@ -14240,7 +14240,7 @@ function Lq(e, t, a, r, o, i) {
     onInput: t[0] || (t[0] = (...l) => e.onInput && e.onInput(...l))
   }, null, 40, Aq);
 }
-const q9 = /* @__PURE__ */ x(Sq, [["render", Lq], ["__scopeId", "data-v-71905a63"]]), j9 = (e) => {
+const q9 = /* @__PURE__ */ x(Sq, [["render", Lq], ["__scopeId", "data-v-0c658e25"]]), j9 = (e) => {
   for (var t = "", a = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", r = a.length, o = 0; o < e; o++)
     t += a.charAt(Math.floor(Math.random() * r));
   return t;
@@ -14440,7 +14440,7 @@ function Oq(e, t, a, r, o, i) {
     })
   ]);
 }
-const Ice = /* @__PURE__ */ x(wq, [["render", Oq], ["__scopeId", "data-v-03beb9c6"]]), Tq = q({
+const Ice = /* @__PURE__ */ x(wq, [["render", Oq], ["__scopeId", "data-v-f1b89f9f"]]), Tq = q({
   name: "SurveyQuestionOpenEnded",
   components: {
     SurveyQuestionTextarea: q9,
@@ -14554,7 +14554,7 @@ function Pq(e, t, a, r, o, i) {
     })
   ], 2);
 }
-const Rce = /* @__PURE__ */ x(Tq, [["render", Pq], ["__scopeId", "data-v-2fc14cc9"]]), wn = {
+const Rce = /* @__PURE__ */ x(Tq, [["render", Pq], ["__scopeId", "data-v-a31e94d9"]]), wn = {
   XX_SMALL: "xx-small",
   X_SMALL: "x-small",
   SMALL: "small",
@@ -14796,7 +14796,7 @@ function Yq(e, t, a, r, o, i) {
     e.hasDivider ? (u(), V(h, { key: 0 })) : z("", !0)
   ], 2);
 }
-const W9 = /* @__PURE__ */ x(kq, [["render", Yq], ["__scopeId", "data-v-fd539ae8"]]), w4 = {
+const W9 = /* @__PURE__ */ x(kq, [["render", Yq], ["__scopeId", "data-v-8e1ed803"]]), w4 = {
   VERTICAL: "vertical",
   HORIZONTAL: "horizontal"
 }, Zq = q({
@@ -14860,7 +14860,7 @@ function rj(e, t, a, r, o, i) {
     e.divider ? (u(), V(l, { key: 0 })) : z("", !0)
   ], 2);
 }
-const Nce = /* @__PURE__ */ x(Zq, [["render", rj], ["__scopeId", "data-v-da9b7953"]]), Ap = {
+const Nce = /* @__PURE__ */ x(Zq, [["render", rj], ["__scopeId", "data-v-0ace6127"]]), Ap = {
   XS: "xs"
 }, nj = q({
   name: "SectionTitle",
@@ -14889,7 +14889,7 @@ function sj(e, t, a, r, o, i) {
     O("div", lj, K(e.supportingText), 1)
   ]);
 }
-const Pce = /* @__PURE__ */ x(nj, [["render", sj], ["__scopeId", "data-v-a6a83f41"]]), M4 = {
+const Pce = /* @__PURE__ */ x(nj, [["render", sj], ["__scopeId", "data-v-e89e8c32"]]), M4 = {
   LEFT: "left",
   RIGHT: "right"
 }, cj = q({
@@ -14964,7 +14964,7 @@ function mj(e, t, a, r, o, i) {
     B(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Bce = /* @__PURE__ */ x(pj, [["render", mj], ["__scopeId", "data-v-f1bef3a6"]]), _j = q({
+const Bce = /* @__PURE__ */ x(pj, [["render", mj], ["__scopeId", "data-v-b6b64cae"]]), _j = q({
   name: "DrawerDivider",
   components: {
     DsDivider: va
@@ -14991,7 +14991,7 @@ function yj(e, t, a, r, o, i) {
     }, null, 8, ["prominence", "size"])
   ]);
 }
-const Hce = /* @__PURE__ */ x(_j, [["render", yj], ["__scopeId", "data-v-aaea53a2"]]), Li = {
+const Hce = /* @__PURE__ */ x(_j, [["render", yj], ["__scopeId", "data-v-8bf644dd"]]), Li = {
   X_SMALL: "x-small",
   SMALL: "small"
 }, oa = {
@@ -15084,7 +15084,7 @@ const Hce = /* @__PURE__ */ x(_j, [["render", yj], ["__scopeId", "data-v-aaea53a
       ], 14, Aj);
     };
   }
-}), Ej = /* @__PURE__ */ x(Mj, [["__scopeId", "data-v-66177156"]]), zj = {
+}), Ej = /* @__PURE__ */ x(Mj, [["__scopeId", "data-v-1a29cb82"]]), zj = {
   NEUTRAL_STRONG: "neutralStrong",
   NEUTRAL_WEAK: "neutralWeak"
 }, Cj = q({
@@ -15242,7 +15242,7 @@ function Pj(e, t, a, r, o, i) {
     }, null, 8, ["size", "prominence"])) : z("", !0)
   ]);
 }
-const Uce = /* @__PURE__ */ x(Cj, [["render", Pj], ["__scopeId", "data-v-6132cb91"]]), E4 = {
+const Uce = /* @__PURE__ */ x(Cj, [["render", Pj], ["__scopeId", "data-v-fa1e7de5"]]), E4 = {
   DEFAULT: "default",
   LOADING: "loading"
 }, kj = q({
@@ -15290,7 +15290,7 @@ function Gj(e, t, a, r, o, i) {
     }, null, 8, ["icon", "size"])) : (u(), v("div", Uj, K(e.valueText), 1))
   ]);
 }
-const Gce = /* @__PURE__ */ x(kj, [["render", Gj], ["__scopeId", "data-v-61a9e9e3"]]), Vj = q({
+const Gce = /* @__PURE__ */ x(kj, [["render", Gj], ["__scopeId", "data-v-398f0fcb"]]), Vj = q({
   name: "DrawerListItemGroup"
 }), qj = { class: "ds-drawerListItemGroup" };
 function jj(e, t, a, r, o, i) {
@@ -15298,7 +15298,7 @@ function jj(e, t, a, r, o, i) {
     B(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Vce = /* @__PURE__ */ x(Vj, [["render", jj], ["__scopeId", "data-v-af074046"]]), Wj = q({
+const Vce = /* @__PURE__ */ x(Vj, [["render", jj], ["__scopeId", "data-v-b6c1683d"]]), Wj = q({
   name: "DrawerTile",
   components: {
     DsTile: U9
@@ -15315,7 +15315,7 @@ function Xj(e, t, a, r, o, i) {
     }), null, 16)
   ]);
 }
-const qce = /* @__PURE__ */ x(Wj, [["render", Xj], ["__scopeId", "data-v-3aa8c837"]]), Yj = q({
+const qce = /* @__PURE__ */ x(Wj, [["render", Xj], ["__scopeId", "data-v-5691d8ae"]]), Yj = q({
   name: "DrawerSection",
   components: {
     DsSectionHeader: W9
@@ -15487,7 +15487,7 @@ const jce = /* @__PURE__ */ x(Yj, [["render", xj]]), wp = {
       B(a.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Wce = /* @__PURE__ */ x($j, [["__scopeId", "data-v-158029b0"]]), Ep = {
+}), Wce = /* @__PURE__ */ x($j, [["__scopeId", "data-v-88f91cb9"]]), Ep = {
   SMALL: "small",
   MEDIUM: "medium"
 }, zp = {
@@ -15625,7 +15625,7 @@ const jce = /* @__PURE__ */ x(Yj, [["render", xj]]), wp = {
       !p.isExpandable || a.value ? B(p.$slots, "children", { key: 1 }, void 0, !0) : z("", !0)
     ]));
   }
-}), Kce = /* @__PURE__ */ x(sW, [["__scopeId", "data-v-98c1447f"]]), cW = q({
+}), Kce = /* @__PURE__ */ x(sW, [["__scopeId", "data-v-d98f6e83"]]), cW = q({
   name: "MenuDivider",
   components: {
     DsDivider: va
@@ -15652,7 +15652,7 @@ function uW(e, t, a, r, o, i) {
     }, null, 8, ["prominence", "size"])
   ]);
 }
-const Xce = /* @__PURE__ */ x(cW, [["render", uW], ["__scopeId", "data-v-ca5af05e"]]), Dp = {
+const Xce = /* @__PURE__ */ x(cW, [["render", uW], ["__scopeId", "data-v-402a9390"]]), Dp = {
   INVERTED: "inverted",
   NEUTRAL_STRONG: "neutralStrong",
   NEUTRAL: "neutral",
@@ -15720,7 +15720,7 @@ function vW(e, t, a, r, o, i) {
     e.hasCounter ? (u(), v("span", hW, K(e.counter), 1)) : z("", !0)
   ], 2);
 }
-const Yce = /* @__PURE__ */ x(fW, [["render", vW], ["__scopeId", "data-v-5e3f228f"]]), pW = q({
+const Yce = /* @__PURE__ */ x(fW, [["render", vW], ["__scopeId", "data-v-3f681974"]]), pW = q({
   name: "SelectList"
 }), gW = { class: "ds-selectList" };
 function mW(e, t, a, r, o, i) {
@@ -15728,7 +15728,7 @@ function mW(e, t, a, r, o, i) {
     B(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const K9 = /* @__PURE__ */ x(pW, [["render", mW], ["__scopeId", "data-v-0e469fa9"]]), X9 = {
+const K9 = /* @__PURE__ */ x(pW, [["render", mW], ["__scopeId", "data-v-cd5e00a7"]]), X9 = {
   SELECT_ONLY: "selectOnly",
   TOGGLE: "toggle"
 }, _d = {
@@ -15789,7 +15789,7 @@ const K9 = /* @__PURE__ */ x(pW, [["render", mW], ["__scopeId", "data-v-0e469fa9
       }, null, 8, ["icon", "size"])) : (u(), v("div", SW))
     ], 10, _W));
   }
-}), Wd = /* @__PURE__ */ x(AW, [["__scopeId", "data-v-f67cd3c5"]]), LW = q({
+}), Wd = /* @__PURE__ */ x(AW, [["__scopeId", "data-v-da762bb0"]]), LW = q({
   name: "SelectListItemDivider",
   components: {
     Divider: va
@@ -15801,7 +15801,7 @@ function MW(e, t, a, r, o, i) {
     J(l)
   ]);
 }
-const Zce = /* @__PURE__ */ x(LW, [["render", MW], ["__scopeId", "data-v-7be247cc"]]), EW = q({
+const Zce = /* @__PURE__ */ x(LW, [["render", MW], ["__scopeId", "data-v-136441e2"]]), EW = q({
   name: "SelectListItemToggle",
   components: {
     SelectListItem: Wd
@@ -15882,7 +15882,7 @@ const Qce = /* @__PURE__ */ x(EW, [["render", zW]]), CW = { class: "ds-selectLis
       B(t.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), Jce = /* @__PURE__ */ x(FW, [["__scopeId", "data-v-063cc543"]]), DW = q({
+}), Jce = /* @__PURE__ */ x(FW, [["__scopeId", "data-v-4487b4d0"]]), DW = q({
   name: "SelectListSectionTitle",
   props: {
     label: {
@@ -15900,7 +15900,7 @@ function OW(e, t, a, r, o, i) {
     class: P(["ds-selectListSectionTitle", { "-ds-isUppercase": e.isUppercase }])
   }, K(e.label), 3);
 }
-const xce = /* @__PURE__ */ x(DW, [["render", OW], ["__scopeId", "data-v-eb1d7ae5"]]), Op = {
+const xce = /* @__PURE__ */ x(DW, [["render", OW], ["__scopeId", "data-v-248a9474"]]), Op = {
   RADIO_BUTTON: "radioButton",
   CHECKBOX: "checkbox"
 }, na = {
@@ -16037,7 +16037,7 @@ function kW(e, t, a, r, o, i) {
     }, null, 40, PW)
   ], 2);
 }
-const BW = /* @__PURE__ */ x(TW, [["render", kW], ["__scopeId", "data-v-d1b6082e"]]), HW = q({
+const BW = /* @__PURE__ */ x(TW, [["render", kW], ["__scopeId", "data-v-f5cd8746"]]), HW = q({
   name: "RadioButton",
   components: { SelectionControl: BW },
   props: {
@@ -16157,7 +16157,7 @@ const GW = /* @__PURE__ */ x(HW, [["render", UW]]), VW = { class: "ds-selectionT
       }, null, 8, ["icon", "size", "spinning"])) : z("", !0)
     ], 2));
   }
-}), $ce = /* @__PURE__ */ x(KW, [["__scopeId", "data-v-fec430fd"]]);
+}), $ce = /* @__PURE__ */ x(KW, [["__scopeId", "data-v-60adce30"]]);
 /**!
  * @fileOverview Kickass library to create and place poppers near their reference elements.
  * @version 1.16.1
@@ -17479,7 +17479,7 @@ function PK(e, t, a, r, o, i) {
     }, 8, ["boundaries-selector", "force-show", "options", "trigger", "append-to-body", "visible-arrow", "root-class"]))
   ]);
 }
-const e4e = /* @__PURE__ */ x(OK, [["render", PK], ["__scopeId", "data-v-951d51cd"]]), Up = {
+const e4e = /* @__PURE__ */ x(OK, [["render", PK], ["__scopeId", "data-v-77b6d8cd"]]), Up = {
   CLICK: "click",
   HOVER: "hover"
 }, bl = {
@@ -17630,7 +17630,7 @@ function BK(e, t, a, r, o, i) {
     _: 3
   }, 8, ["boundaries-selector", "force-show", "options", "trigger", "onHide", "onShow"]);
 }
-const xd = /* @__PURE__ */ x(kK, [["render", BK], ["__scopeId", "data-v-2c4712ca"]]), t4e = {
+const xd = /* @__PURE__ */ x(kK, [["render", BK], ["__scopeId", "data-v-61bed89c"]]), t4e = {
   PRIMARY_MEDIUM: "primaryMedium",
   PRIMARY: "primary",
   PRIMARY_WEAK: "primaryWeak",
@@ -17748,7 +17748,7 @@ const xd = /* @__PURE__ */ x(kK, [["render", BK], ["__scopeId", "data-v-2c4712ca
       ]))
     ], 2));
   }
-}), QK = /* @__PURE__ */ x(ZK, [["__scopeId", "data-v-3bb45385"]]), JK = /* @__PURE__ */ q({
+}), QK = /* @__PURE__ */ x(ZK, [["__scopeId", "data-v-85add9ae"]]), JK = /* @__PURE__ */ q({
   __name: "ProgressBarLegend",
   props: {
     layout: { default: () => qp.DEFAULT },
@@ -17777,7 +17777,7 @@ const xd = /* @__PURE__ */ x(kK, [["render", BK], ["__scopeId", "data-v-2c4712ca
       }), 128))
     ], 2));
   }
-}), xK = /* @__PURE__ */ x(JK, [["__scopeId", "data-v-d3231fec"]]), $K = { class: "ds-progressBarLabelDataWrapper" }, eX = {
+}), xK = /* @__PURE__ */ x(JK, [["__scopeId", "data-v-8a029441"]]), $K = { class: "ds-progressBarLabelDataWrapper" }, eX = {
   key: 0,
   class: "ds-progressBarLabelDataWrapper__labelData"
 }, tX = {
@@ -17803,7 +17803,7 @@ const xd = /* @__PURE__ */ x(kK, [["render", BK], ["__scopeId", "data-v-2c4712ca
       t.labelDataSuffix ? (u(), v("span", aX, K(t.labelDataSuffix), 1)) : z("", !0)
     ]));
   }
-}), nX = /* @__PURE__ */ x(rX, [["__scopeId", "data-v-9ecb3d79"]]), iX = q({
+}), nX = /* @__PURE__ */ x(rX, [["__scopeId", "data-v-c662ce07"]]), iX = q({
   name: "ProgressBar",
   components: {
     ProgressBarLabelDataWrapper: nX,
@@ -17991,7 +17991,7 @@ function dX(e, t, a, r, o, i) {
     ])
   ], 2);
 }
-const a4e = /* @__PURE__ */ x(iX, [["render", dX], ["__scopeId", "data-v-f75c87b7"]]), r4e = {
+const a4e = /* @__PURE__ */ x(iX, [["render", dX], ["__scopeId", "data-v-59df1f87"]]), r4e = {
   PRIMARY_MEDIUM: "primaryMedium",
   PRIMARY: "primary",
   PRIMARY_WEAK: "primaryWeak",
@@ -18113,7 +18113,7 @@ function LX(e, t, a, r, o, i) {
     ])
   ]);
 }
-const n4e = /* @__PURE__ */ x(pX, [["render", LX], ["__scopeId", "data-v-a1947c2a"]]), P4 = {
+const n4e = /* @__PURE__ */ x(pX, [["render", LX], ["__scopeId", "data-v-ededcf5b"]]), P4 = {
   NEUTRAL_WEAK: "neutralWeak",
   NEUTRAL: "neutral"
 }, wi = {
@@ -18205,7 +18205,7 @@ function MX(e, t, a, r, o, i) {
     O("div", null, K(e.label), 1)
   ], 2);
 }
-const i4e = /* @__PURE__ */ x(wX, [["render", MX], ["__scopeId", "data-v-a872b51b"]]), EX = 30, zX = 7, jp = "ellipsis", cl = 1, CX = q({
+const i4e = /* @__PURE__ */ x(wX, [["render", MX], ["__scopeId", "data-v-44f62e6b"]]), EX = 30, zX = 7, jp = "ellipsis", cl = 1, CX = q({
   name: "Pagination",
   components: { IconButton: Bt, Dropdown: xd, SelectListItem: Wd, SelectList: K9 },
   props: {
@@ -18401,7 +18401,7 @@ function BX(e, t, a, r, o, i) {
     ])
   ], 2);
 }
-const o4e = /* @__PURE__ */ x(CX, [["render", BX], ["__scopeId", "data-v-74a6a0a3"]]);
+const o4e = /* @__PURE__ */ x(CX, [["render", BX], ["__scopeId", "data-v-7e6bcb3b"]]);
 var br = {
   _loadedStyleNames: /* @__PURE__ */ new Set(),
   getLoadedStyleNames: function() {
@@ -20307,7 +20307,7 @@ function oZ(e, t, a, r, o, i) {
     }, 8, ["placement", "text"])
   ], 2);
 }
-const l4e = /* @__PURE__ */ x(WY, [["render", oZ], ["__scopeId", "data-v-76251887"]]), ng = {
+const l4e = /* @__PURE__ */ x(WY, [["render", oZ], ["__scopeId", "data-v-16077e67"]]), ng = {
   SMALL: "small",
   MEDIUM: "medium"
 }, qa = {
@@ -20354,7 +20354,7 @@ const l4e = /* @__PURE__ */ x(WY, [["render", oZ], ["__scopeId", "data-v-7625188
       B(a.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), s4e = /* @__PURE__ */ x(cZ, [["__scopeId", "data-v-7dc8bc56"]]), q4 = {
+}), s4e = /* @__PURE__ */ x(cZ, [["__scopeId", "data-v-c871c35e"]]), q4 = {
   MEDIUM: "medium",
   LARGE: "large"
 }, dZ = q({
@@ -20451,7 +20451,7 @@ function hZ(e, t, a, r, o, i) {
     ], 2)
   ]);
 }
-const c4e = /* @__PURE__ */ x(dZ, [["render", hZ], ["__scopeId", "data-v-879e654c"]]), Ka = {
+const c4e = /* @__PURE__ */ x(dZ, [["render", hZ], ["__scopeId", "data-v-e725c29a"]]), Ka = {
   DEFAULT: "default",
   FLAT: "flat"
 }, Ya = {
@@ -20771,7 +20771,7 @@ function wZ(e, t, a, r, o, i) {
     }, null, 6)) : z("", !0)
   ], 2);
 }
-const MZ = /* @__PURE__ */ x(vZ, [["render", wZ], ["__scopeId", "data-v-ba8e9b30"]]);
+const MZ = /* @__PURE__ */ x(vZ, [["render", wZ], ["__scopeId", "data-v-1740c640"]]);
 var Di = { exports: {} };
 /**
  * @license
@@ -24498,8 +24498,8 @@ const FZ = {
   },
   setup(e) {
     wM((p) => ({
-      "79e7ed71": c.value,
-      "1ece79b2": h
+      "71c4ce87": c.value,
+      "4abf69d1": h
     }));
     const t = Y(() => `-ds-${e.prominence}`), a = Y(() => e.state === Vr.LOADING), r = Y(() => `-ds-loading-${e.skeletonLoadingSize}`), o = MM("eyebrowRef"), i = ye(!1), l = ye(!1), c = ye("0px"), h = `${j4}px`, { width: g } = OU(o), _ = CZ.throttle(() => {
       if (o.value) {
@@ -24610,7 +24610,7 @@ const FZ = {
       ])) : z("", !0)
     ], 2));
   }
-}), VZ = /* @__PURE__ */ x(GZ, [["__scopeId", "data-v-5853a56f"]]), qZ = q({
+}), VZ = /* @__PURE__ */ x(GZ, [["__scopeId", "data-v-04ba2fbf"]]), qZ = q({
   name: "BasicRichListItem",
   components: {
     DsTextGroup: VZ,
@@ -24855,7 +24855,7 @@ function WZ(e, t, a, r, o, i) {
     } : void 0
   ]), 1032, ["size", "type", "layout", "is-interactive", "is-draggable", "icon", "icon-color", "icon-color-hex", "is-dimmed", "border-color", "border-color-hex", "state", "background-color", "elevation", "has-draggable-handler", "has-actions-slot-divider", "is-selectable", "is-selected", "class"]);
 }
-const f4e = /* @__PURE__ */ x(qZ, [["render", WZ], ["__scopeId", "data-v-94c4eede"]]), KZ = {
+const f4e = /* @__PURE__ */ x(qZ, [["render", WZ], ["__scopeId", "data-v-45bde2fe"]]), KZ = {
   ...au
 }, og = {
   ...Yi
@@ -24929,7 +24929,7 @@ function JZ(e, t, a, r, o, i) {
     }, null, 6)) : z("", !0)
   ], 2);
 }
-const h4e = /* @__PURE__ */ x(XZ, [["render", JZ], ["__scopeId", "data-v-f6870d20"]]), W4 = {
+const h4e = /* @__PURE__ */ x(XZ, [["render", JZ], ["__scopeId", "data-v-d9b5014f"]]), W4 = {
   SMALL: "small",
   MEDIUM: "medium"
 }, K4 = {
@@ -25106,7 +25106,7 @@ function nQ(e, t, a, r, o, i) {
     ], 2)
   ], 2);
 }
-const v4e = /* @__PURE__ */ x(xZ, [["render", nQ], ["__scopeId", "data-v-1d345819"]]), lg = {
+const v4e = /* @__PURE__ */ x(xZ, [["render", nQ], ["__scopeId", "data-v-52c54863"]]), lg = {
   CONTAIN: "contain",
   COVER: "cover"
 }, iQ = q({
@@ -25194,7 +25194,7 @@ const p4e = /* @__PURE__ */ x(iQ, [["render", cQ], ["__scopeId", "data-v-b1dcf76
       O("div", null, K(a.message || S(t)("ds.globals.loading")), 1)
     ]));
   }
-}), hQ = /* @__PURE__ */ x(fQ, [["__scopeId", "data-v-6ee11f58"]]), vQ = { class: "ds-statsLayout" }, pQ = {
+}), hQ = /* @__PURE__ */ x(fQ, [["__scopeId", "data-v-01ddad22"]]), vQ = { class: "ds-statsLayout" }, pQ = {
   key: 0,
   class: "ds-statsLayout__loading"
 }, gQ = {
@@ -25266,7 +25266,7 @@ const p4e = /* @__PURE__ */ x(iQ, [["render", cQ], ["__scopeId", "data-v-b1dcf76
       })
     ]));
   }
-}), g4e = /* @__PURE__ */ x(CQ, [["__scopeId", "data-v-e245096c"]]), m4e = /* @__PURE__ */ q({
+}), g4e = /* @__PURE__ */ x(CQ, [["__scopeId", "data-v-92a6f319"]]), m4e = /* @__PURE__ */ q({
   __name: "StatsResetBanner",
   props: {
     infoModalTitle: {}