@choosemycompany/ui 0.15.0 → 0.15.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, mergeModels as K, useModel as ne, computed as S, useSlots as Xt, createElementBlock as h, openBlock as L, normalizeClass as F, createCommentVNode as z, createElementVNode as I, toDisplayString as k, renderSlot as N, withDirectives as xe, unref as T, vModelDynamic as Qt, ref as W, shallowRef as yt, onMounted as vt, watch as wt, onUnmounted as xt, h as Q, nextTick as Wt, createBlock as J, Fragment as Z, renderList as U, useId as _e, createVNode as O, withCtx as Xe, vModelCheckbox as _t, createStaticVNode as Se, withModifiers as Ae, resolveDynamicComponent as Yt, vModelSelect as Jt, isRef as e0, watchEffect as t0, createTextVNode as n0, withKeys as ce } from "vue";
+import { defineComponent as F, mergeModels as K, useModel as ne, computed as S, useSlots as Xt, createElementBlock as h, openBlock as L, normalizeClass as b, createCommentVNode as z, createElementVNode as I, toDisplayString as k, renderSlot as G, withDirectives as xe, unref as A, vModelDynamic as Qt, ref as W, shallowRef as yt, onMounted as vt, watch as wt, onUnmounted as xt, h as Q, nextTick as Wt, createBlock as J, Fragment as Z, renderList as U, useId as _e, createVNode as O, withCtx as Xe, vModelCheckbox as _t, createStaticVNode as Se, withModifiers as Ae, resolveDynamicComponent as Yt, vModelSelect as Jt, isRef as e0, watchEffect as t0, createTextVNode as n0, withKeys as ge } from "vue";
 import './assets/index.css';const St = {
   small: "small",
   medium: "medium"
@@ -7,7 +7,7 @@ import './assets/index.css';const St = {
   number: "number",
   date: "date",
   search: "search"
-}, ge = {
+}, de = {
   outlined: "outlined",
   filled: "filled",
   underline: "underline"
@@ -17,7 +17,7 @@ import './assets/index.css';const St = {
 }, l0 = { class: "input__wrapper" }, i0 = ["id", "type", "placeholder", "required", "disabled", "aria-invalid", "min", "max"], s0 = {
   key: 2,
   class: "input__error-message"
-}, a0 = /* @__PURE__ */ b({
+}, a0 = /* @__PURE__ */ F({
   name: "CmcInput",
   __name: "CmcInput",
   props: /* @__PURE__ */ K({
@@ -28,7 +28,7 @@ import './assets/index.css';const St = {
     disabled: { type: Boolean, default: !1 },
     errorMessage: {},
     type: { default: be.text },
-    variant: { default: ge.underline },
+    variant: { default: de.underline },
     size: { default: St.medium },
     description: {},
     min: {},
@@ -45,14 +45,14 @@ import './assets/index.css';const St = {
       "input--required": t.required,
       "input--disabled": t.disabled,
       "input--error": l.value,
-      "input--outlined": t.variant === ge.outlined,
-      "input--underline": t.variant === ge.underline,
-      "input--filled": t.variant === ge.filled,
+      "input--outlined": t.variant === de.outlined,
+      "input--underline": t.variant === de.underline,
+      "input--filled": t.variant === de.filled,
       "input--with-right-slot": a.value,
       "input--with-left-slot": u.value
     }));
     return (f, d) => (L(), h("div", {
-      class: F(g.value)
+      class: b(g.value)
     }, [
       t.label ? (L(), h("label", {
         key: 0,
@@ -61,7 +61,7 @@ import './assets/index.css';const St = {
       }, k(t.label), 9, o0)) : z("", !0),
       t.description ? (L(), h("div", r0, k(t.description), 1)) : z("", !0),
       I("div", l0, [
-        N(f.$slots, "left", {}, void 0, !0),
+        G(f.$slots, "left", {}, void 0, !0),
         xe(I("input", {
           "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
           id: t.id,
@@ -70,13 +70,13 @@ import './assets/index.css';const St = {
           required: t.required,
           disabled: t.disabled,
           "aria-invalid": i.value,
-          min: t.type === T(be).number ? t.min : void 0,
-          max: t.type === T(be).number ? t.max : void 0,
+          min: t.type === A(be).number ? t.min : void 0,
+          max: t.type === A(be).number ? t.max : void 0,
           onBlur: d[1] || (d[1] = (c) => o("update:modelValue", r.value))
         }, null, 40, i0), [
           [Qt, r.value]
         ]),
-        N(f.$slots, "right", {}, void 0, !0)
+        G(f.$slots, "right", {}, void 0, !0)
       ]),
       l.value ? (L(), h("div", s0, k(t.errorMessage), 1)) : z("", !0)
     ], 2));
@@ -102,7 +102,7 @@ import './assets/index.css';const St = {
       prefix: a,
       name: s
     };
-    return n && !Le(u) ? null : u;
+    return n && !he(u) ? null : u;
   }
   const l = r[0], i = l.split("-");
   if (i.length > 1) {
@@ -111,7 +111,7 @@ import './assets/index.css';const St = {
       prefix: i.shift(),
       name: i.join("-")
     };
-    return n && !Le(s) ? null : s;
+    return n && !he(s) ? null : s;
   }
   if (t && o === "") {
     const s = {
@@ -119,10 +119,10 @@ import './assets/index.css';const St = {
       prefix: "",
       name: l
     };
-    return n && !Le(s, t) ? null : s;
+    return n && !he(s, t) ? null : s;
   }
   return null;
-}, Le = (e, n) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+}, he = (e, n) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
 ((n && e.prefix === "" || e.prefix) && e.name) : !1, $t = Object.freeze(
   {
@@ -268,19 +268,19 @@ function p0(e, n, t) {
   }
   return !1;
 }
-let ue = !1;
+let ce = !1;
 function Pt(e) {
-  return typeof e == "boolean" && (ue = e), ue;
+  return typeof e == "boolean" && (ce = e), ce;
 }
 function C0(e) {
-  const n = typeof e == "string" ? Me(e, !0, ue) : e;
+  const n = typeof e == "string" ? Me(e, !0, ce) : e;
   if (n) {
     const t = te(n.provider, n.prefix), o = n.name;
     return t.icons[o] || (t.missing.has(o) ? null : void 0);
   }
 }
 function m0(e, n) {
-  const t = Me(e, !0, ue);
+  const t = Me(e, !0, ce);
   if (!t)
     return !1;
   const o = te(t.provider, t.prefix);
@@ -289,14 +289,14 @@ function m0(e, n) {
 function L0(e, n) {
   if (typeof e != "object")
     return !1;
-  if (typeof n != "string" && (n = e.provider || ""), ue && !n && !e.prefix) {
+  if (typeof n != "string" && (n = e.provider || ""), ce && !n && !e.prefix) {
     let r = !1;
     return Ft(e) && (e.prefix = "", bt(e, (l, i) => {
       m0(l, i) && (r = !0);
     })), r;
   }
   const t = e.prefix;
-  if (!Le({
+  if (!he({
     prefix: t,
     name: "a"
   }))
@@ -476,11 +476,11 @@ function Qe(e) {
 const We = /* @__PURE__ */ Object.create(null), oe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], he = [];
+], ye = [];
 for (; oe.length > 0; )
-  oe.length === 1 || Math.random() > 0.5 ? he.push(oe.shift()) : he.push(oe.pop());
+  oe.length === 1 || Math.random() > 0.5 ? ye.push(oe.shift()) : ye.push(oe.pop());
 We[""] = Qe({
-  resources: ["https://api.iconify.design"].concat(he)
+  resources: ["https://api.iconify.design"].concat(ye)
 });
 function I0(e, n) {
   const t = Qe(n);
@@ -743,7 +743,7 @@ function N0(e, n, t, o) {
   }
   function R(M, E, q) {
     const ee = E !== "success";
-    switch (d = d.filter((G) => G !== M), a) {
+    switch (d = d.filter((H) => H !== M), a) {
       case "pending":
         break;
       case "failed":
@@ -762,11 +762,11 @@ function N0(e, n, t, o) {
       return;
     }
     if (p(), _(), !e.random) {
-      const G = e.resources.indexOf(M.resource);
-      G !== -1 && G !== e.index && (e.index = G);
+      const H = e.resources.indexOf(M.resource);
+      H !== -1 && H !== e.index && (e.index = H);
     }
-    a = "completed", c.forEach((G) => {
-      G(q);
+    a = "completed", c.forEach((H) => {
+      H(q);
     });
   }
   function P() {
@@ -1074,10 +1074,10 @@ for (const e in dt) {
   for (const t in gt)
     n[e + t] = gt[t];
 }
-const ye = {};
+const ve = {};
 ["horizontal", "vertical"].forEach((e) => {
   const n = e.slice(0, 1) + "Flip";
-  ye[e + "-flip"] = n, ye[e.slice(0, 1) + "-flip"] = n, ye[e + "Flip"] = n;
+  ve[e + "-flip"] = n, ve[e.slice(0, 1) + "-flip"] = n, ve[e + "Flip"] = n;
 });
 function ft(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
@@ -1119,7 +1119,7 @@ const pt = (e, n) => {
           m !== !0 && m !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const y = ye[C];
+          const y = ve[C];
           y ? (m === !0 || m === "true" || m === 1) && (t[y] = !0) : ct[C] === void 0 && (o[C] = m);
         }
       }
@@ -1184,7 +1184,7 @@ if (typeof document < "u" && typeof window < "u") {
 const an = {
   ...Re,
   body: ""
-}, un = b((e, { emit: n }) => {
+}, un = F((e, { emit: n }) => {
   const t = W(null);
   function o() {
     t.value && (t.value.abort?.(), t.value = null);
@@ -1291,7 +1291,7 @@ const an = {
   primary: "primary",
   secondary: "secondary",
   light: "light"
-}, cn = /* @__PURE__ */ b({
+}, cn = /* @__PURE__ */ F({
   name: "CmcIcon",
   __name: "CmcIcon",
   props: {
@@ -1303,12 +1303,12 @@ const an = {
       "cmc-icon": !0,
       [`cmc-icon--${n.color}`]: n.color
     })), o = S(() => Ct[n.name]);
-    return (r, l) => (L(), J(T(un), {
-      class: F(t.value),
+    return (r, l) => (L(), J(A(un), {
+      class: b(t.value),
       icon: o.value
     }, null, 8, ["class", "icon"]));
   }
-}), Y = /* @__PURE__ */ $(cn, [["__scopeId", "data-v-3d2e1b1f"]]), gn = { key: 1 }, dn = /* @__PURE__ */ b({
+}), Y = /* @__PURE__ */ $(cn, [["__scopeId", "data-v-3d2e1b1f"]]), gn = { key: 1 }, dn = /* @__PURE__ */ F({
   __name: "HighlightText",
   props: {
     text: {},
@@ -1341,7 +1341,7 @@ const an = {
     return (o, r) => (L(!0), h(Z, null, U(t(n.text, n.searchTerm), (l, i) => (L(), h(Z, { key: i }, [
       l.isHighlighted ? (L(), h("span", {
         key: 0,
-        class: F(["highlight__match", e.highlightClass])
+        class: b(["highlight__match", e.highlightClass])
       }, k(l.text), 3)) : (L(), h("span", gn, k(l.text), 1))
     ], 64))), 128));
   }
@@ -1352,7 +1352,7 @@ const an = {
 }, Cn = { key: 1 }, mn = ["onClick"], Ln = {
   key: 2,
   class: "autocomplete__list--no-results"
-}, hn = /* @__PURE__ */ b({
+}, hn = /* @__PURE__ */ F({
   name: "CmcAutocomplete",
   __name: "CmcAutocomplete",
   props: /* @__PURE__ */ K({
@@ -1401,7 +1401,7 @@ const an = {
     return (y, x) => (L(), h("div", {
       ref_key: "autocompleteRef",
       ref: s,
-      class: F(C.value),
+      class: b(C.value),
       onKeydown: d
     }, [
       O(Mt, {
@@ -1419,7 +1419,7 @@ const an = {
       }, {
         right: Xe(() => [
           O(Y, {
-            class: F(m.value),
+            class: b(m.value),
             "aria-hidden": "true",
             color: "light",
             name: "chevronDown",
@@ -1459,7 +1459,7 @@ const an = {
 }, wn = {
   small: "small",
   medium: "medium"
-}, xn = ["disabled"], _n = { class: "button__icon" }, Sn = /* @__PURE__ */ b({
+}, xn = ["disabled"], _n = { class: "button__icon" }, Sn = /* @__PURE__ */ F({
   name: "CmcButton",
   __name: "CmcButton",
   props: {
@@ -1483,7 +1483,7 @@ const an = {
     };
     return (s, a) => (L(), h("button", {
       type: "button",
-      class: F(r.value),
+      class: b(r.value),
       onClick: i,
       disabled: t.disabled
     }, [
@@ -1493,12 +1493,12 @@ const an = {
           name: l()
         }, null, 8, ["name"])) : z("", !0)
       ]),
-      N(s.$slots, "default", {}, void 0, !0)
+      G(s.$slots, "default", {}, void 0, !0)
     ], 10, xn));
   }
 }), Jo = /* @__PURE__ */ $(Sn, [["__scopeId", "data-v-d1e66acd"]]), Ot = {
   medium: "medium"
-}, Mn = /* @__PURE__ */ b({
+}, Mn = /* @__PURE__ */ F({
   name: "CmcButtonGroup",
   __name: "CmcButtonGroup",
   props: {
@@ -1510,9 +1510,9 @@ const an = {
       [`button-group-gap--${n.gap}`]: !0
     }));
     return (o, r) => (L(), h("div", {
-      class: F(t.value)
+      class: b(t.value)
     }, [
-      N(o.$slots, "default", {}, void 0, !0)
+      G(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }), Rn = /* @__PURE__ */ $(Mn, [["__scopeId", "data-v-e9a8f405"]]), $n = `  <svg
@@ -1797,7 +1797,7 @@ const an = {
       </g>
     </g>
   </svg>
-`, H = {
+`, B = {
   employees: "employees",
   trainees: "trainees",
   candidates: "candidates",
@@ -1810,11 +1810,11 @@ const an = {
   silver: "silver",
   gold: "gold",
   platinum: "platinum"
-}, bn = "#0302F5", Fn = "#E6007E", In = "#FC435C", Pn = "#19BAA3", zn = "#009FE3", Vn = "#739099", kn = "#82368C", En = ["innerHTML"], er = /* @__PURE__ */ b({
+}, bn = "#0302F5", Fn = "#E6007E", In = "#FC435C", Pn = "#19BAA3", zn = "#009FE3", Vn = "#739099", kn = "#82368C", En = ["innerHTML"], er = /* @__PURE__ */ F({
   name: "CmcCertificate",
   __name: "CmcCertificate",
   props: {
-    primaryType: { default: H.employees },
+    primaryType: { default: B.employees },
     rank: { default: le.bronze },
     period: { default: 2026 },
     country: { default: "France" },
@@ -1844,16 +1844,16 @@ const an = {
         className: "rank-platinum"
       }
     }, o = {
-      [H.employees]: bn,
-      [H.candidates]: Pn,
-      [H.trainees]: In,
-      [H.clients]: Vn,
-      [H.shareholders]: kn,
-      [H.students]: Fn,
-      [H.suppliers]: zn
+      [B.employees]: bn,
+      [B.candidates]: Pn,
+      [B.trainees]: In,
+      [B.clients]: Vn,
+      [B.shareholders]: kn,
+      [B.students]: Fn,
+      [B.suppliers]: zn
     }, r = S(() => o[n.primaryType]), l = S(() => {
       let i = $n;
-      if (n.primaryType === H.employees) {
+      if (n.primaryType === B.employees) {
         i = i.replace(/separator-2"/g, 'separator-2" style="opacity:0"').replace(
           /class="background-circle-rank" opacity="0"/g,
           'class="background-circle-rank"'
@@ -1891,7 +1891,7 @@ function On(e, n) {
     }, null, -1)
   ])]);
 }
-const An = /* @__PURE__ */ $(Zn, [["render", On]]), Tn = ["id", "disabled", "required"], Gn = /* @__PURE__ */ b({
+const An = /* @__PURE__ */ $(Zn, [["render", On]]), Tn = ["id", "disabled", "required"], Gn = /* @__PURE__ */ F({
   name: "CmcCheckbox",
   __name: "CmcCheckbox",
   props: /* @__PURE__ */ K({
@@ -1910,7 +1910,7 @@ const An = /* @__PURE__ */ $(Zn, [["render", On]]), Tn = ["id", "disabled", "req
       "checkbox--required": n.required
     }));
     return (l, i) => (L(), h("div", {
-      class: F(r.value)
+      class: b(r.value)
     }, [
       xe(I("input", {
         "onUpdate:modelValue": i[0] || (i[0] = (s) => t.value = s),
@@ -1928,11 +1928,12 @@ const An = /* @__PURE__ */ $(Zn, [["render", On]]), Tn = ["id", "disabled", "req
       })) : z("", !0)
     ], 2));
   }
-}), tr = /* @__PURE__ */ $(Gn, [["__scopeId", "data-v-b4e66a74"]]), ve = {
+}), tr = /* @__PURE__ */ $(Gn, [["__scopeId", "data-v-b4e66a74"]]), se = {
   h1: "h1",
   h2: "h2",
-  h3: "h3"
-}, Hn = /* @__PURE__ */ b({
+  h3: "h3",
+  h4: "h4"
+}, Hn = /* @__PURE__ */ F({
   name: "CmcHeading",
   __name: "CmcHeading",
   props: {
@@ -1944,27 +1945,33 @@ const An = /* @__PURE__ */ $(Zn, [["render", On]]), Tn = ["id", "disabled", "req
       [`heading-${n.level}`]: !0
     }));
     return (o, r) => (L(), h(Z, null, [
-      T(ve).h1 === n.level ? (L(), h("h1", {
+      A(se).h1 === n.level ? (L(), h("h1", {
         key: 0,
-        class: F(t.value)
+        class: b(t.value)
       }, [
-        N(o.$slots, "default", {}, void 0, !0)
+        G(o.$slots, "default", {}, void 0, !0)
       ], 2)) : z("", !0),
-      T(ve).h2 === n.level ? (L(), h("h2", {
+      A(se).h2 === n.level ? (L(), h("h2", {
         key: 1,
-        class: F(t.value)
+        class: b(t.value)
       }, [
-        N(o.$slots, "default", {}, void 0, !0)
+        G(o.$slots, "default", {}, void 0, !0)
       ], 2)) : z("", !0),
-      T(ve).h3 === n.level ? (L(), h("h3", {
+      A(se).h3 === n.level ? (L(), h("h3", {
         key: 2,
-        class: F(t.value)
+        class: b(t.value)
       }, [
-        N(o.$slots, "default", {}, void 0, !0)
+        G(o.$slots, "default", {}, void 0, !0)
+      ], 2)) : z("", !0),
+      A(se).h4 === n.level ? (L(), h("h4", {
+        key: 3,
+        class: b(t.value)
+      }, [
+        G(o.$slots, "default", {}, void 0, !0)
       ], 2)) : z("", !0)
     ], 64));
   }
-}), Bn = /* @__PURE__ */ $(Hn, [["__scopeId", "data-v-be07be05"]]), Nn = "https://cmc-ui-assets.s3.fr-par.scw.cloud/", Un = ["src"], qn = /* @__PURE__ */ b({
+}), Bn = /* @__PURE__ */ $(Hn, [["__scopeId", "data-v-13ea1463"]]), Nn = "https://cmc-ui-assets.s3.fr-par.scw.cloud/", Un = ["src"], qn = /* @__PURE__ */ F({
   name: "CmcLoading",
   __name: "CmcLoading",
   setup(e) {
@@ -1972,7 +1979,7 @@ const An = /* @__PURE__ */ $(Zn, [["render", On]]), Tn = ["id", "disabled", "req
       loading: !0
     }));
     return (o, r) => (L(), h("img", {
-      class: F(t.value),
+      class: b(t.value),
       alt: "CMC Logo Loader",
       src: n.value
     }, null, 10, Un));
@@ -2025,7 +2032,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
   fr_FR_white: e1,
   en_US_color: r1,
   en_US_white: a1
-}, f1 = ["href"], p1 = /* @__PURE__ */ b({
+}, f1 = ["href"], p1 = /* @__PURE__ */ F({
   name: "CmcLogo",
   __name: "CmcLogo",
   props: {
@@ -2044,7 +2051,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
     };
     return (a, u) => (L(), h("a", {
       href: t.href,
-      class: F(r.value),
+      class: b(r.value),
       onClick: Ae(s, ["prevent"])
     }, [
       (L(), J(Yt(i.value)))
@@ -2053,7 +2060,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
 }), or = /* @__PURE__ */ $(p1, [["__scopeId", "data-v-cc384ddd"]]), C1 = { class: "pagination" }, m1 = ["disabled"], L1 = ["onClick"], h1 = {
   key: 1,
   class: "pagination__ellipsis"
-}, y1 = ["disabled"], v1 = 2, w1 = /* @__PURE__ */ b({
+}, y1 = ["disabled"], v1 = 2, w1 = /* @__PURE__ */ F({
   name: "CmcPagination",
   __name: "CmcPagination",
   props: {
@@ -2091,7 +2098,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
     };
     return (d, c) => (L(), h("nav", C1, [
       I("button", {
-        class: F(["pagination__page-button", { "is-invisible": !a.value }]),
+        class: b(["pagination__page-button", { "is-invisible": !a.value }]),
         disabled: !a.value,
         "aria-label": "Page précédente",
         onClick: g
@@ -2099,19 +2106,19 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
       (L(!0), h(Z, null, U(s.value, (p, C) => (L(), h(Z, { key: C }, [
         typeof p == "number" ? (L(), h("button", {
           key: 0,
-          class: F(["pagination__page-button", { "is-active": p === l() }]),
+          class: b(["pagination__page-button", { "is-active": p === l() }]),
           onClick: () => o("update:currentPage", p)
         }, k(p), 11, L1)) : (L(), h("span", h1, "…"))
       ], 64))), 128)),
       I("button", {
-        class: F(["pagination__page-button", { "is-invisible": !u.value }]),
+        class: b(["pagination__page-button", { "is-invisible": !u.value }]),
         disabled: !u.value,
         "aria-label": "Page suivante",
         onClick: f
       }, " › ", 10, y1)
     ]));
   }
-}), x1 = /* @__PURE__ */ $(w1, [["__scopeId", "data-v-8be37a19"]]), _1 = /* @__PURE__ */ b({
+}), x1 = /* @__PURE__ */ $(w1, [["__scopeId", "data-v-8be37a19"]]), _1 = /* @__PURE__ */ F({
   name: "CmcSearch",
   __name: "CmcSearch",
   props: /* @__PURE__ */ K({
@@ -2130,7 +2137,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
       n.variant ? `search-bar--${n.variant}` : null
     ]), r = _e(), l = S(() => `cmc-search-${r}`);
     return (i, s) => (L(), h("div", {
-      class: F(o.value),
+      class: b(o.value),
       role: "search"
     }, [
       O(Mt, {
@@ -2155,7 +2162,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
       }, 8, ["id", "modelValue", "placeholder", "size", "variant"])
     ], 2));
   }
-}), rr = /* @__PURE__ */ $(_1, [["__scopeId", "data-v-e1ba89eb"]]), de = {
+}), rr = /* @__PURE__ */ $(_1, [["__scopeId", "data-v-e1ba89eb"]]), fe = {
   outlined: "outlined",
   filled: "filled",
   underline: "underline"
@@ -2169,7 +2176,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
 }, F1 = ["value", "disabled"], I1 = {
   key: 2,
   class: "select__error-wrapper"
-}, P1 = /* @__PURE__ */ b({
+}, P1 = /* @__PURE__ */ F({
   name: "CmcSelect",
   __name: "CmcSelect",
   props: /* @__PURE__ */ K({
@@ -2180,7 +2187,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     errorMessage: {},
-    variant: { default: de.outlined },
+    variant: { default: fe.outlined },
     description: {}
   }, {
     modelValue: { default: "" },
@@ -2192,12 +2199,12 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
       select: !0,
       "select--disabled": n.disabled,
       "select--error": o.value,
-      "select--outlined": n.variant === de.outlined,
-      "select--underline": n.variant === de.underline,
-      "select--filled": n.variant === de.filled
+      "select--outlined": n.variant === fe.outlined,
+      "select--underline": n.variant === fe.underline,
+      "select--filled": n.variant === fe.filled
     }));
     return (l, i) => (L(), h("div", {
-      class: F(r.value)
+      class: b(r.value)
     }, [
       e.label ? (L(), h("label", {
         key: 0,
@@ -2236,7 +2243,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
   success: "success",
   danger: "danger",
   warning: "warning"
-}, V1 = { class: "status__label" }, k1 = /* @__PURE__ */ b({
+}, V1 = { class: "status__label" }, k1 = /* @__PURE__ */ F({
   name: "CmcStatus",
   __name: "CmcStatus",
   props: {
@@ -2249,7 +2256,7 @@ const a1 = /* @__PURE__ */ $(l1, [["render", s1]]), u1 = {
       [`status--${n.status}`]: !0
     }));
     return (o, r) => (L(), h("div", {
-      class: F(t.value)
+      class: b(t.value)
     }, [
       r[0] || (r[0] = I("span", { class: "status__dot" }, null, -1)),
       I("span", V1, k(n.text), 1)
@@ -2425,15 +2432,15 @@ const A1 = {
     e.getHeaderGroups = v(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
       var l, i;
       const s = (l = o?.map((f) => t.find((d) => d.id === f)).filter(Boolean)) != null ? l : [], a = (i = r?.map((f) => t.find((d) => d.id === f)).filter(Boolean)) != null ? i : [], u = t.filter((f) => !(o != null && o.includes(f.id)) && !(r != null && r.includes(f.id)));
-      return fe(n, [...s, ...u, ...a], e);
-    }, w(e.options, V, "getHeaderGroups")), e.getCenterHeaderGroups = v(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((l) => !(o != null && o.includes(l.id)) && !(r != null && r.includes(l.id))), fe(n, t, e, "center")), w(e.options, V, "getCenterHeaderGroups")), e.getLeftHeaderGroups = v(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
+      return pe(n, [...s, ...u, ...a], e);
+    }, w(e.options, V, "getHeaderGroups")), e.getCenterHeaderGroups = v(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((l) => !(o != null && o.includes(l.id)) && !(r != null && r.includes(l.id))), pe(n, t, e, "center")), w(e.options, V, "getCenterHeaderGroups")), e.getLeftHeaderGroups = v(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
       var r;
       const l = (r = o?.map((i) => t.find((s) => s.id === i)).filter(Boolean)) != null ? r : [];
-      return fe(n, l, e, "left");
+      return pe(n, l, e, "left");
     }, w(e.options, V, "getLeftHeaderGroups")), e.getRightHeaderGroups = v(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
       var r;
       const l = (r = o?.map((i) => t.find((s) => s.id === i)).filter(Boolean)) != null ? r : [];
-      return fe(n, l, e, "right");
+      return pe(n, l, e, "right");
     }, w(e.options, V, "getRightHeaderGroups")), e.getFooterGroups = v(() => [e.getHeaderGroups()], (n) => [...n].reverse(), w(e.options, V, "getFooterGroups")), e.getLeftFooterGroups = v(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), w(e.options, V, "getLeftFooterGroups")), e.getCenterFooterGroups = v(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), w(e.options, V, "getCenterFooterGroups")), e.getRightFooterGroups = v(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), w(e.options, V, "getRightFooterGroups")), e.getFlatHeaders = v(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), w(e.options, V, "getFlatHeaders")), e.getLeftFlatHeaders = v(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), w(e.options, V, "getLeftFlatHeaders")), e.getCenterFlatHeaders = v(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), w(e.options, V, "getCenterFlatHeaders")), e.getRightFlatHeaders = v(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), w(e.options, V, "getRightFlatHeaders")), e.getCenterLeafHeaders = v(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
@@ -2449,7 +2456,7 @@ const A1 = {
     }, w(e.options, V, "getLeafHeaders"));
   }
 };
-function fe(e, n, t, o) {
+function pe(e, n, t, o) {
   var r, l;
   let i = 0;
   const s = function(d, c) {
@@ -2564,36 +2571,36 @@ const T1 = (e, n, t, o, r, l, i) => {
   const l = t == null || (o = t.toString()) == null ? void 0 : o.toLowerCase();
   return !!(!((r = e.getValue(n)) == null || (r = r.toString()) == null || (r = r.toLowerCase()) == null) && r.includes(l));
 };
-At.autoRemove = (e) => A(e);
+At.autoRemove = (e) => T(e);
 const Tt = (e, n, t) => {
   var o;
   return !!(!((o = e.getValue(n)) == null || (o = o.toString()) == null) && o.includes(t));
 };
-Tt.autoRemove = (e) => A(e);
+Tt.autoRemove = (e) => T(e);
 const Gt = (e, n, t) => {
   var o;
   return ((o = e.getValue(n)) == null || (o = o.toString()) == null ? void 0 : o.toLowerCase()) === t?.toLowerCase();
 };
-Gt.autoRemove = (e) => A(e);
+Gt.autoRemove = (e) => T(e);
 const Ht = (e, n, t) => {
   var o;
   return (o = e.getValue(n)) == null ? void 0 : o.includes(t);
 };
-Ht.autoRemove = (e) => A(e);
+Ht.autoRemove = (e) => T(e);
 const Bt = (e, n, t) => !t.some((o) => {
   var r;
   return !((r = e.getValue(n)) != null && r.includes(o));
 });
-Bt.autoRemove = (e) => A(e) || !(e != null && e.length);
+Bt.autoRemove = (e) => T(e) || !(e != null && e.length);
 const Nt = (e, n, t) => t.some((o) => {
   var r;
   return (r = e.getValue(n)) == null ? void 0 : r.includes(o);
 });
-Nt.autoRemove = (e) => A(e) || !(e != null && e.length);
+Nt.autoRemove = (e) => T(e) || !(e != null && e.length);
 const Ut = (e, n, t) => e.getValue(n) === t;
-Ut.autoRemove = (e) => A(e);
+Ut.autoRemove = (e) => T(e);
 const qt = (e, n, t) => e.getValue(n) == t;
-qt.autoRemove = (e) => A(e);
+qt.autoRemove = (e) => T(e);
 const Je = (e, n, t) => {
   let [o, r] = t;
   const l = e.getValue(n);
@@ -2607,8 +2614,8 @@ Je.resolveFilterValue = (e) => {
   }
   return [l, i];
 };
-Je.autoRemove = (e) => A(e) || A(e[0]) && A(e[1]);
-const B = {
+Je.autoRemove = (e) => T(e) || T(e[0]) && T(e[1]);
+const N = {
   includesString: At,
   includesStringSensitive: Tt,
   equalsString: Gt,
@@ -2619,7 +2626,7 @@ const B = {
   weakEquals: qt,
   inNumberRange: Je
 };
-function A(e) {
+function T(e) {
   return e == null || e === "";
 }
 const H1 = {
@@ -2638,12 +2645,12 @@ const H1 = {
   createColumn: (e, n) => {
     e.getAutoFilterFn = () => {
       const t = n.getCoreRowModel().flatRows[0], o = t?.getValue(e.id);
-      return typeof o == "string" ? B.includesString : typeof o == "number" ? B.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? B.equals : Array.isArray(o) ? B.arrIncludes : B.weakEquals;
+      return typeof o == "string" ? N.includesString : typeof o == "number" ? N.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? N.equals : Array.isArray(o) ? N.arrIncludes : N.weakEquals;
     }, e.getFilterFn = () => {
       var t, o;
       return $e(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
         // @ts-ignore
-        (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : B[e.columnDef.filterFn]
+        (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : N[e.columnDef.filterFn]
       );
     }, e.getCanFilter = () => {
       var t, o, r;
@@ -2829,12 +2836,12 @@ const eo = {
     onColumnOrderChange: D("columnOrder", e)
   }),
   createColumn: (e, n) => {
-    e.getIndex = v((t) => [ae(n, t)], (t) => t.findIndex((o) => o.id === e.id), w(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
+    e.getIndex = v((t) => [ue(n, t)], (t) => t.findIndex((o) => o.id === e.id), w(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
       var o;
-      return ((o = ae(n, t)[0]) == null ? void 0 : o.id) === e.id;
+      return ((o = ue(n, t)[0]) == null ? void 0 : o.id) === e.id;
     }, e.getIsLastColumn = (t) => {
       var o;
-      const r = ae(n, t);
+      const r = ue(n, t);
       return ((o = r[r.length - 1]) == null ? void 0 : o.id) === e.id;
     };
   },
@@ -2940,7 +2947,7 @@ const eo = {
 function no(e) {
   return e || (typeof document < "u" ? document : null);
 }
-const pe = {
+const Ce = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
@@ -2952,7 +2959,7 @@ const pe = {
   isResizingColumn: !1,
   columnSizingStart: []
 }), oo = {
-  getDefaultColumnDef: () => pe,
+  getDefaultColumnDef: () => Ce,
   getInitialState: (e) => ({
     columnSizing: {},
     columnSizingInfo: Ve(),
@@ -2968,8 +2975,8 @@ const pe = {
     e.getSize = () => {
       var t, o, r;
       const l = n.getState().columnSizing[e.id];
-      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : pe.minSize, (o = l ?? e.columnDef.size) != null ? o : pe.size), (r = e.columnDef.maxSize) != null ? r : pe.maxSize);
-    }, e.getStart = v((t) => [t, ae(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, l) => r + l.getSize(), 0), w(n.options, "debugColumns", "getStart")), e.getAfter = v((t) => [t, ae(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, l) => r + l.getSize(), 0), w(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
+      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Ce.minSize, (o = l ?? e.columnDef.size) != null ? o : Ce.size), (r = e.columnDef.maxSize) != null ? r : Ce.maxSize);
+    }, e.getStart = v((t) => [t, ue(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, l) => r + l.getSize(), 0), w(n.options, "debugColumns", "getStart")), e.getAfter = v((t) => [t, ue(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, l) => r + l.getSize(), 0), w(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
       n.setColumnSizing((t) => {
         let {
           [e.id]: o,
@@ -3010,8 +3017,8 @@ const pe = {
             var R, P;
             const M = n.options.columnResizeDirection === "rtl" ? -1 : 1, E = (x - ((R = _?.startOffset) != null ? R : 0)) * M, q = Math.max(E / ((P = _?.startSize) != null ? P : 0), -0.999999);
             return _.columnSizingStart.forEach((ee) => {
-              let [G, nt] = ee;
-              u[G] = Math.round(Math.max(nt + nt * q, 0) * 100) / 100;
+              let [H, nt] = ee;
+              u[H] = Math.round(Math.max(nt + nt * q, 0) * 100) / 100;
             }), {
               ..._,
               deltaOffset: E,
@@ -3079,9 +3086,9 @@ const pe = {
     };
   }
 };
-let Ce = null;
+let me = null;
 function ro() {
-  if (typeof Ce == "boolean") return Ce;
+  if (typeof me == "boolean") return me;
   let e = !1;
   try {
     const n = {
@@ -3094,7 +3101,7 @@ function ro() {
   } catch {
     e = !1;
   }
-  return Ce = e, Ce;
+  return me = e, me;
 }
 function ke(e) {
   return e.type === "touchstart";
@@ -3144,7 +3151,7 @@ const lo = {
     };
   }
 };
-function ae(e, n) {
+function ue(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
 const io = {
@@ -3175,12 +3182,12 @@ const io = {
     };
   },
   createTable: (e) => {
-    e.getGlobalAutoFilterFn = () => B.includesString, e.getGlobalFilterFn = () => {
+    e.getGlobalAutoFilterFn = () => N.includesString, e.getGlobalFilterFn = () => {
       var n, t;
       const {
         globalFilterFn: o
       } = e.options;
-      return $e(o) ? o : o === "auto" ? e.getGlobalAutoFilterFn() : (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : B[o];
+      return $e(o) ? o : o === "auto" ? e.getGlobalAutoFilterFn() : (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : N[o];
     }, e.setGlobalFilter = (n) => {
       e.options.onGlobalFilterChange == null || e.options.onGlobalFilterChange(n);
     }, e.resetGlobalFilter = (n) => {
@@ -3950,7 +3957,7 @@ function _o() {
    *
    * @license MIT
    */
-function me() {
+function Le() {
   return !0;
 }
 const So = Symbol("merge-proxy"), Mo = {
@@ -3960,8 +3967,8 @@ const So = Symbol("merge-proxy"), Mo = {
   has(e, n) {
     return e.has(n);
   },
-  set: me,
-  deleteProperty: me,
+  set: Le,
+  deleteProperty: Le,
   getOwnPropertyDescriptor(e, n) {
     return {
       configurable: !0,
@@ -3969,8 +3976,8 @@ const So = Symbol("merge-proxy"), Mo = {
       get() {
         return e.get(n);
       },
-      set: me,
-      deleteProperty: me
+      set: Le,
+      deleteProperty: Le
     };
   },
   ownKeys(e) {
@@ -3980,7 +3987,7 @@ const So = Symbol("merge-proxy"), Mo = {
 function Oe(e) {
   return "value" in e ? e.value : e;
 }
-function se() {
+function ae() {
   for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
     n[t] = arguments[t];
   return new Proxy({
@@ -4002,17 +4009,17 @@ function se() {
     }
   }, Mo);
 }
-const Kt = b({
+const Kt = F({
   props: ["render", "props"],
   setup: (e) => () => typeof e.render == "function" || typeof e.render == "object" ? Q(e.render, e.props) : e.render
 });
 function ht(e) {
-  return se(e, {
-    data: T(e.data)
+  return ae(e, {
+    data: A(e.data)
   });
 }
 function Ro(e) {
-  const n = e0(e.data), t = se({
+  const n = e0(e.data), t = ae({
     state: {},
     // Dummy state
     onStateChange: () => {
@@ -4023,7 +4030,7 @@ function Ro(e) {
       return n ? {
         ...l,
         ...i
-      } : se(l, i);
+      } : ae(l, i);
     }
   }, n ? ht(e) : e), o = wo(t);
   if (n) {
@@ -4044,11 +4051,11 @@ function Ro(e) {
       const s = new Proxy({}, {
         get: (a, u) => r.value[u]
       });
-      return se(l, n ? ht(e) : e, {
+      return ae(l, n ? ht(e) : e, {
         // merge the initialState and `options.state`
         // create a new proxy on each `setOptions` call
         // and get the value from state on each property access
-        state: se(s, (i = e.state) != null ? i : {}),
+        state: ae(s, (i = e.state) != null ? i : {}),
         // Similarly, we'll maintain both our internal state and any user-provided
         // state.
         onStateChange: (a) => {
@@ -4058,7 +4065,7 @@ function Ro(e) {
     });
   }), o;
 }
-const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
+const $o = ["aria-sort"], bo = /* @__PURE__ */ F({
   __name: "CmcTableHeader",
   props: {
     headerGroups: {}
@@ -4077,7 +4084,7 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
           "aria-sort": n(l),
           scope: "col"
         }, [
-          l.isPlaceholder ? z("", !0) : (L(), J(T(Kt), {
+          l.isPlaceholder ? z("", !0) : (L(), J(A(Kt), {
             key: 0,
             props: l.getContext(),
             render: l.column.columnDef.header
@@ -4086,7 +4093,7 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
       ]))), 128))
     ]));
   }
-}), Fo = /* @__PURE__ */ $(bo, [["__scopeId", "data-v-9eba66c8"]]), Io = { key: 0 }, Po = { key: 1 }, zo = ["colspan"], Vo = /* @__PURE__ */ b({
+}), Fo = /* @__PURE__ */ $(bo, [["__scopeId", "data-v-9eba66c8"]]), Io = { key: 0 }, Po = { key: 1 }, zo = ["colspan"], Vo = /* @__PURE__ */ F({
   __name: "CmcTableBody",
   props: {
     rows: {},
@@ -4101,7 +4108,7 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
         (L(!0), h(Z, null, U(o.getVisibleCells(), (r) => (L(), h("td", {
           key: r.id
         }, [
-          O(T(Kt), {
+          O(A(Kt), {
             props: r.getContext(),
             render: r.column.columnDef.cell
           }, null, 8, ["props", "render"])
@@ -4113,14 +4120,14 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
           colspan: e.leafColCount,
           class: "td__empty"
         }, [
-          N(n.$slots, "empty", {}, () => [
+          G(n.$slots, "empty", {}, () => [
             n0(k(e.emptyText), 1)
           ], !0)
         ], 8, zo)
       ])
     ]));
   }
-}), ko = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-f962b8ac"]]), Eo = /* @__PURE__ */ b({
+}), ko = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-f962b8ac"]]), Eo = /* @__PURE__ */ F({
   __name: "CmcTable",
   props: {
     rows: { default: () => [] },
@@ -4174,7 +4181,7 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
       }, null, 8, ["rows", "emptyText", "leafColCount"])
     ]));
   }
-}), Zo = /* @__PURE__ */ $(Eo, [["__scopeId", "data-v-b5d0ccaf"]]), Do = { class: "table__pagination" }, Oo = 10, Ao = /* @__PURE__ */ b({
+}), Zo = /* @__PURE__ */ $(Eo, [["__scopeId", "data-v-b5d0ccaf"]]), Do = { class: "table__pagination" }, Oo = 10, Ao = /* @__PURE__ */ F({
   __name: "CmcTablePagination",
   props: {
     itemsPerPage: { default: Oo },
@@ -4207,16 +4214,16 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
       }, null, 8, ["currentPage", "itemsPerPage", "totalItems"])
     ]));
   }
-}), sr = /* @__PURE__ */ $(Ao, [["__scopeId", "data-v-a2a0b05e"]]), ar = /* @__PURE__ */ b({
+}), sr = /* @__PURE__ */ $(Ao, [["__scopeId", "data-v-a2a0b05e"]]), ar = /* @__PURE__ */ F({
   name: "CmcTitle",
   __name: "CmcTitle",
   setup(e) {
     return (n, t) => (L(), h(Z, null, [
       O(Bn, {
-        level: T(ve).h1
+        level: A(se).h1
       }, {
         default: Xe(() => [
-          N(n.$slots, "default")
+          G(n.$slots, "default")
         ]),
         _: 3
       }, 8, ["level"]),
@@ -4225,7 +4232,7 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
   }
 }), To = {
   medium: "medium"
-}, Go = ["id", "disabled", "required"], Ho = ["for"], Bo = /* @__PURE__ */ b({
+}, Go = ["id", "disabled", "required"], Ho = ["for"], Bo = /* @__PURE__ */ F({
   name: "CmcToggle",
   __name: "CmcToggle",
   props: /* @__PURE__ */ K({
@@ -4247,7 +4254,7 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
       "toggle--checked": t.value
     }));
     return (l, i) => (L(), h("div", {
-      class: F(r.value)
+      class: b(r.value)
     }, [
       xe(I("input", {
         id: o.value,
@@ -4273,7 +4280,7 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
 }, qo = { class: "wizard__label" }, jo = ["tabindex", "onClick", "onKeydown"], Ko = {
   key: 0,
   class: "wizard__separator"
-}, Xo = /* @__PURE__ */ b({
+}, Xo = /* @__PURE__ */ F({
   name: "CmcWizard",
   __name: "CmcWizard",
   props: {
@@ -4297,18 +4304,18 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
       "wizard__label-text--upcoming": g(f)
     }), a = (f) => f < t.current, u = (f) => f === t.current, g = (f) => !a(f) && !u(f);
     return (f, d) => (L(), h("div", {
-      class: F(["wizard", { "wizard--clickable": e.clickable }]),
+      class: b(["wizard", { "wizard--clickable": e.clickable }]),
       role: "list"
     }, [
       (L(!0), h(Z, null, U(e.steps, (c, p) => (L(), h(Z, { key: p }, [
         I("div", {
-          class: F(["wizard__step", i(p)]),
+          class: b(["wizard__step", i(p)]),
           "aria-current": u(p) ? "step" : void 0,
           "aria-label": `step-${p + 1} : ${c.label}`,
           onClick: (C) => l(p),
           onKeydown: [
-            ce((C) => l(p), ["enter"]),
-            ce(Ae((C) => l(p), ["prevent"]), ["space"])
+            ge((C) => l(p), ["enter"]),
+            ge(Ae((C) => l(p), ["prevent"]), ["space"])
           ]
         }, [
           a(p) ? (L(), J(Y, {
@@ -4319,12 +4326,12 @@ const $o = ["aria-sort"], bo = /* @__PURE__ */ b({
         ], 42, No),
         I("div", qo, [
           I("span", {
-            class: F(["wizard__label-text", s(p)]),
+            class: b(["wizard__label-text", s(p)]),
             tabindex: e.clickable ? 0 : -1,
             onClick: (C) => l(p),
             onKeydown: [
-              ce((C) => l(p), ["enter"]),
-              ce(Ae((C) => l(p), ["prevent"]), ["space"])
+              ge((C) => l(p), ["enter"]),
+              ge(Ae((C) => l(p), ["prevent"]), ["space"])
             ]
           }, k(c.label), 43, jo)
         ]),
@@ -4356,14 +4363,14 @@ export {
   yn as buttonKindOptions,
   wn as buttonSizeOptions,
   vn as buttonVariantOptions,
-  ve as headingLevelOptions,
+  se as headingLevelOptions,
   Wo as iconColorOptions,
   Ct as iconNameOptions,
   St as inputSizeOptions,
   be as inputTypeOptions,
-  ge as inputVariantOptions,
-  H as primaryTypeOptions,
+  de as inputVariantOptions,
+  B as primaryTypeOptions,
   le as rankOptions,
-  de as selectVariantOptions,
+  fe as selectVariantOptions,
   z1 as statusOptions
 };