@choosemycompany/ui 0.19.2 → 0.19.4

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, ref as ee, shallowRef as vt, onMounted as _t, watch as wt, onUnmounted as xt, h as J, nextTick as Wt, computed as x, createBlock as W, openBlock as L, unref as D, normalizeClass as b, createElementBlock as h, createElementVNode as I, renderSlot as T, createCommentVNode as P, toDisplayString as z, createVNode as A, mergeProps as Yt, withCtx as xe, createTextVNode as St, Fragment as E, renderList as H, mergeModels as K, useModel as le, useSlots as Jt, withDirectives as Se, vModelDynamic as e0, useId as Me, vModelCheckbox as Mt, normalizeStyle as oe, createStaticVNode as Re, withModifiers as Ge, resolveDynamicComponent as t0, vModelSelect as n0, isRef as o0, watchEffect as r0, withKeys as de } from "vue";
+import { defineComponent as b, ref as ee, shallowRef as vt, onMounted as _t, watch as wt, onUnmounted as xt, h as J, nextTick as Wt, computed as x, createBlock as W, openBlock as L, unref as D, normalizeClass as $, createElementBlock as h, createElementVNode as I, renderSlot as T, createCommentVNode as P, toDisplayString as z, createVNode as A, mergeProps as Yt, withCtx as xe, createTextVNode as St, Fragment as E, renderList as H, mergeModels as K, useModel as ie, useSlots as Jt, withDirectives as Se, vModelDynamic as e0, useId as Me, vModelCheckbox as Mt, normalizeStyle as oe, createStaticVNode as Re, withModifiers as Ge, resolveDynamicComponent as t0, vModelSelect as n0, isRef as o0, watchEffect as r0, withKeys as fe } from "vue";
 import './assets/index.css';const l0 = {
   primary: "primary",
   secondary: "secondary"
@@ -40,7 +40,7 @@ import './assets/index.css';const l0 = {
   primary: "primary",
   secondary: "secondary",
   light: "light"
-}, $t = /^[a-z0-9]+(-[a-z0-9]+)*$/, $e = (e, n, t, o = "") => {
+}, bt = /^[a-z0-9]+(-[a-z0-9]+)*$/, be = (e, n, t, o = "") => {
   const r = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (r.length < 2 || r.length > 3)
@@ -78,7 +78,7 @@ import './assets/index.css';const l0 = {
   return null;
 }, ye = (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, bt = Object.freeze(
+((n && e.prefix === "" || e.prefix) && e.name) : !1, $t = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -89,11 +89,11 @@ import './assets/index.css';const l0 = {
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), be = Object.freeze({
-  ...bt,
+}), $e = Object.freeze({
+  ...$t,
   ...we
 }), He = Object.freeze({
-  ...be,
+  ...$e,
   body: "",
   hidden: !1
 });
@@ -152,7 +152,7 @@ const g0 = {
   provider: "",
   aliases: {},
   not_found: {},
-  ...bt
+  ...$t
 };
 function Fe(e, n) {
   for (const t in n)
@@ -205,7 +205,7 @@ function d0(e, n) {
     missing: /* @__PURE__ */ new Set()
   };
 }
-function re(e, n) {
+function le(e, n) {
   const t = it[e] || (it[e] = /* @__PURE__ */ Object.create(null));
   return t[n] || (t[n] = d0(e, n));
 }
@@ -222,28 +222,28 @@ function f0(e, n, t) {
   }
   return !1;
 }
-let ge = !1;
+let de = !1;
 function zt(e) {
-  return typeof e == "boolean" && (ge = e), ge;
+  return typeof e == "boolean" && (de = e), de;
 }
 function p0(e) {
-  const n = typeof e == "string" ? $e(e, !0, ge) : e;
+  const n = typeof e == "string" ? be(e, !0, de) : e;
   if (n) {
-    const t = re(n.provider, n.prefix), o = n.name;
+    const t = le(n.provider, n.prefix), o = n.name;
     return t.icons[o] || (t.missing.has(o) ? null : void 0);
   }
 }
 function m0(e, n) {
-  const t = $e(e, !0, ge);
+  const t = be(e, !0, de);
   if (!t)
     return !1;
-  const o = re(t.provider, t.prefix);
+  const o = le(t.provider, t.prefix);
   return n ? f0(o, t.name, n) : (o.missing.add(t.name), !0);
 }
 function C0(e, n) {
   if (typeof e != "object")
     return !1;
-  if (typeof n != "string" && (n = e.provider || ""), ge && !n && !e.prefix) {
+  if (typeof n != "string" && (n = e.provider || ""), de && !n && !e.prefix) {
     let r = !1;
     return Ft(e) && (e.prefix = "", It(e, (l, i) => {
       m0(l, i) && (r = !0);
@@ -255,7 +255,7 @@ function C0(e, n) {
     name: "a"
   }))
     return !1;
-  const o = re(n, t);
+  const o = le(n, t);
   return !!Pt(o, e);
 }
 const Vt = Object.freeze({
@@ -317,7 +317,7 @@ function _0(e, n, t) {
 const w0 = (e) => e === "unset" || e === "undefined" || e === "none";
 function x0(e, n) {
   const t = {
-    ...be,
+    ...$e,
     ...e
   }, o = {
     ...kt,
@@ -377,7 +377,7 @@ function x0(e, n) {
 }
 const S0 = /\sid="(\S+)"/g, M0 = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
 let R0 = 0;
-function $0(e, n = M0) {
+function b0(e, n = M0) {
   const t = [];
   let o;
   for (; o = S0.exec(e); )
@@ -396,7 +396,7 @@ function $0(e, n = M0) {
   }), e = e.replace(new RegExp(r, "g"), ""), e;
 }
 const Be = /* @__PURE__ */ Object.create(null);
-function b0(e, n) {
+function $0(e, n) {
   Be[e] = n;
 }
 function Ne(e) {
@@ -427,12 +427,12 @@ function We(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Ye = /* @__PURE__ */ Object.create(null), ie = [
+const Ye = /* @__PURE__ */ Object.create(null), se = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ], ve = [];
-for (; ie.length > 0; )
-  ie.length === 1 || Math.random() > 0.5 ? ve.push(ie.shift()) : ve.push(ie.pop());
+for (; se.length > 0; )
+  se.length === 1 || Math.random() > 0.5 ? ve.push(se.shift()) : ve.push(se.pop());
 Ye[""] = We({
   resources: ["https://api.iconify.design"].concat(ve)
 });
@@ -563,7 +563,7 @@ function A0(e) {
     if (o.name === r.name && o.prefix === r.prefix && o.provider === r.provider)
       return;
     o = r;
-    const l = r.provider, i = r.prefix, s = r.name, a = t[l] || (t[l] = /* @__PURE__ */ Object.create(null)), u = a[i] || (a[i] = re(l, i));
+    const l = r.provider, i = r.prefix, s = r.name, a = t[l] || (t[l] = /* @__PURE__ */ Object.create(null)), u = a[i] || (a[i] = le(l, i));
     let g;
     s in u.icons ? g = n.loaded : i === "" || u.missing.has(s) ? g = n.missing : g = n.pending;
     const f = {
@@ -636,7 +636,7 @@ function T0(e, n, t) {
 function G0(e, n = !0, t = !1) {
   const o = [];
   return e.forEach((r) => {
-    const l = typeof r == "string" ? $e(r, n, t) : r;
+    const l = typeof r == "string" ? be(r, n, t) : r;
     l && o.push(l);
   }), o;
 }
@@ -827,13 +827,13 @@ function q0(e) {
 function j0(e) {
   const n = [], t = [];
   return e.forEach((o) => {
-    (o.match($t) ? n : t).push(o);
+    (o.match(bt) ? n : t).push(o);
   }), {
     valid: n,
     invalid: t
   };
 }
-function se(e, n, t) {
+function ae(e, n, t) {
   function o() {
     const r = e.pendingIcons;
     n.forEach((l) => {
@@ -869,7 +869,7 @@ function K0(e, n) {
       gt(
         e.loadIcons(r, o, t),
         (g) => {
-          se(e, r, g);
+          ae(e, r, g);
         }
       );
       return;
@@ -884,22 +884,22 @@ function K0(e, n) {
               [g]: d
             }
           } : null;
-          se(e, [g], c);
+          ae(e, [g], c);
         });
       });
       return;
     }
     const { valid: i, invalid: s } = j0(r);
-    if (s.length && se(e, s, null), !i.length)
+    if (s.length && ae(e, s, null), !i.length)
       return;
-    const a = o.match($t) ? Ne(t) : null;
+    const a = o.match(bt) ? Ne(t) : null;
     if (!a) {
-      se(e, i, null);
+      ae(e, i, null);
       return;
     }
     a.prepare(t, o, i).forEach((g) => {
       U0(t, g, (f) => {
-        se(e, g.icons, f);
+        ae(e, g.icons, f);
       });
     });
   }));
@@ -925,11 +925,11 @@ const X0 = (e, n) => {
     const { provider: u, prefix: g } = a;
     if (g === s && u === i)
       return;
-    i = u, s = g, l.push(re(u, g));
+    i = u, s = g, l.push(le(u, g));
     const f = r[u] || (r[u] = /* @__PURE__ */ Object.create(null));
     f[g] || (f[g] = []);
   }), o.pending.forEach((a) => {
-    const { provider: u, prefix: g, name: f } = a, d = re(u, g), c = d.pendingIcons || (d.pendingIcons = /* @__PURE__ */ new Set());
+    const { provider: u, prefix: g, name: f } = a, d = le(u, g), c = d.pendingIcons || (d.pendingIcons = /* @__PURE__ */ new Set());
     c.has(f) || (c.add(f), r[u][g].push(f));
   }), l.forEach((a) => {
     const u = r[a.provider][a.prefix];
@@ -1085,7 +1085,7 @@ const Ct = (e, n) => {
       ...s
     }, Object.assign(o, u);
     let m = 0, C = n.id;
-    return typeof C == "string" && (C = C.replace(/-/g, "_")), o.innerHTML = $0(a.body, C ? () => C + "ID" + m++ : "iconifyVue"), J("svg", o);
+    return typeof C == "string" && (C = C.replace(/-/g, "_")), o.innerHTML = b0(a.body, C ? () => C + "ID" + m++ : "iconifyVue"), J("svg", o);
   }
   const { body: g, width: f, height: d } = e, c = r === "mask" || (r === "bg" ? !1 : g.indexOf("currentColor") !== -1), p = en(g, {
     ...u,
@@ -1103,7 +1103,7 @@ const Ct = (e, n) => {
   }, J("span", o);
 };
 zt(!0);
-b0("", Z0);
+$0("", Z0);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -1136,9 +1136,9 @@ if (typeof document < "u" && typeof window < "u") {
   }
 }
 const sn = {
-  ...be,
+  ...$e,
   body: ""
-}, an = $((e, { emit: n }) => {
+}, an = b((e, { emit: n }) => {
   const t = ee(null);
   function o() {
     t.value && (t.value.abort?.(), t.value = null);
@@ -1151,7 +1151,7 @@ const sn = {
         data: u
       };
     let g;
-    if (typeof u != "string" || (g = $e(u, !1, !0)) === null)
+    if (typeof u != "string" || (g = be(u, !1, !0)) === null)
       return null;
     let f = p0(g);
     if (!f) {
@@ -1190,7 +1190,7 @@ const sn = {
       ...e,
       class: u.classes.join(" ")
     }), Ct({
-      ...be,
+      ...$e,
       ...u.data
     }, g);
   };
@@ -1220,7 +1220,7 @@ const sn = {
     "title"
   ],
   emits: ["load"]
-}), un = /* @__PURE__ */ $({
+}), un = /* @__PURE__ */ b({
   name: "CmcIcon",
   __name: "CmcIcon",
   props: {
@@ -1235,7 +1235,7 @@ const sn = {
       () => rt[n.name]
     );
     return (r, l) => (L(), W(D(an), {
-      class: b(t.value),
+      class: $(t.value),
       icon: o.value
     }, null, 8, ["class", "icon"]));
   }
@@ -1244,7 +1244,7 @@ const sn = {
   for (const [o, r] of n)
     t[o] = r;
   return t;
-}, X = /* @__PURE__ */ R(un, [["__scopeId", "data-v-88444d6f"]]), cn = ["disabled"], gn = { class: "button__icon" }, dn = /* @__PURE__ */ $({
+}, X = /* @__PURE__ */ R(un, [["__scopeId", "data-v-88444d6f"]]), cn = ["disabled"], gn = { class: "button__icon" }, dn = /* @__PURE__ */ b({
   name: "CmcButton",
   __name: "CmcButton",
   props: {
@@ -1268,7 +1268,7 @@ const sn = {
     };
     return (s, a) => (L(), h("button", {
       type: "button",
-      class: b(r.value),
+      class: $(r.value),
       onClick: i,
       disabled: t.disabled
     }, [
@@ -1284,7 +1284,7 @@ const sn = {
 }), fn = /* @__PURE__ */ R(dn, [["__scopeId", "data-v-690eb48c"]]), pn = { class: "alert-content" }, mn = { class: "alert-text" }, Cn = { class: "title" }, Ln = { class: "message" }, hn = {
   key: 0,
   class: "alert-button"
-}, yn = /* @__PURE__ */ $({
+}, yn = /* @__PURE__ */ b({
   name: "CmcAlert",
   __name: "CmcAlert",
   props: {
@@ -1300,7 +1300,7 @@ const sn = {
       [`alert-box--${t.status}`]: !0
     }));
     return (l, i) => (L(), h("div", {
-      class: b(r.value)
+      class: $(r.value)
     }, [
       I("div", pn, [
         I("div", mn, [
@@ -1320,7 +1320,7 @@ const sn = {
       ])
     ], 2));
   }
-}), mr = /* @__PURE__ */ R(yn, [["__scopeId", "data-v-a0456582"]]), vn = { class: "breadcrumb-item" }, _n = /* @__PURE__ */ $({
+}), mr = /* @__PURE__ */ R(yn, [["__scopeId", "data-v-a0456582"]]), vn = { class: "breadcrumb-item" }, _n = /* @__PURE__ */ b({
   __name: "BreadcrumbItem",
   props: {
     item: {}
@@ -1341,7 +1341,7 @@ const sn = {
 }), wn = /* @__PURE__ */ R(_n, [["__scopeId", "data-v-4496ccd5"]]), xn = {
   class: "breadcrumb",
   "aria-label": "breadcrumb"
-}, Sn = /* @__PURE__ */ $({
+}, Sn = /* @__PURE__ */ b({
   name: "CmcBreadcrumb",
   __name: "CmcBreadcrumb",
   props: {
@@ -1366,17 +1366,17 @@ const sn = {
   number: "number",
   date: "date",
   search: "search"
-}, fe = {
+}, re = {
   outlined: "outlined",
   filled: "filled",
   underline: "underline"
 }, Mn = ["for"], Rn = {
   key: 1,
   class: "input__description"
-}, $n = { class: "input__wrapper" }, bn = ["id", "type", "placeholder", "required", "disabled", "aria-invalid", "min", "max"], In = {
+}, bn = { class: "input__wrapper" }, $n = ["id", "type", "placeholder", "required", "disabled", "aria-invalid", "min", "max"], In = {
   key: 2,
   class: "input__error-message"
-}, Fn = /* @__PURE__ */ $({
+}, Fn = /* @__PURE__ */ b({
   name: "CmcInput",
   __name: "CmcInput",
   props: /* @__PURE__ */ K({
@@ -1387,7 +1387,7 @@ const sn = {
     disabled: { type: Boolean, default: !1 },
     errorMessage: {},
     type: { default: ze.text },
-    variant: { default: fe.underline },
+    variant: { default: re.outlined },
     size: { default: Ot.medium },
     description: {},
     min: {},
@@ -1398,20 +1398,20 @@ const sn = {
   }),
   emits: /* @__PURE__ */ K(["update:modelValue"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = n, r = le(e, "modelValue"), l = x(() => !!t.errorMessage), i = x(() => l.value), s = Jt(), a = x(() => !!s.right), u = x(() => !!s.left), g = x(() => ({
+    const t = e, o = n, r = ie(e, "modelValue"), l = x(() => !!t.errorMessage), i = x(() => l.value), s = Jt(), a = x(() => !!s.right), u = x(() => !!s.left), g = x(() => ({
       input: !0,
       [`input--${t.size}`]: !0,
       "input--required": t.required,
       "input--disabled": t.disabled,
       "input--error": l.value,
-      "input--outlined": t.variant === fe.outlined,
-      "input--underline": t.variant === fe.underline,
-      "input--filled": t.variant === fe.filled,
+      "input--outlined": t.variant === re.outlined,
+      "input--underline": t.variant === re.underline,
+      "input--filled": t.variant === re.filled,
       "input--with-right-slot": a.value,
       "input--with-left-slot": u.value
     }));
     return (f, d) => (L(), h("div", {
-      class: b(g.value)
+      class: $(g.value)
     }, [
       t.label ? (L(), h("label", {
         key: 0,
@@ -1419,7 +1419,7 @@ const sn = {
         class: "input__label"
       }, z(t.label), 9, Mn)) : P("", !0),
       t.description ? (L(), h("div", Rn, z(t.description), 1)) : P("", !0),
-      I("div", $n, [
+      I("div", bn, [
         T(f.$slots, "left", {}, void 0, !0),
         Se(I("input", {
           "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
@@ -1432,7 +1432,7 @@ const sn = {
           min: t.type === D(ze).number ? t.min : void 0,
           max: t.type === D(ze).number ? t.max : void 0,
           onBlur: d[1] || (d[1] = (c) => o("update:modelValue", r.value))
-        }, null, 40, bn), [
+        }, null, 40, $n), [
           [e0, r.value]
         ]),
         T(f.$slots, "right", {}, void 0, !0)
@@ -1440,7 +1440,7 @@ const sn = {
       l.value ? (L(), h("div", In, z(t.errorMessage), 1)) : P("", !0)
     ], 2));
   }
-}), Dt = /* @__PURE__ */ R(Fn, [["__scopeId", "data-v-84c6d266"]]), Pn = { key: 1 }, zn = /* @__PURE__ */ $({
+}), Dt = /* @__PURE__ */ R(Fn, [["__scopeId", "data-v-ea022780"]]), Pn = { key: 1 }, zn = /* @__PURE__ */ b({
   __name: "HighlightText",
   props: {
     text: {},
@@ -1473,7 +1473,7 @@ const sn = {
     return (o, r) => (L(!0), h(E, null, H(t(n.text, n.searchTerm), (l, i) => (L(), h(E, { key: i }, [
       l.isHighlighted ? (L(), h("span", {
         key: 0,
-        class: b(["highlight__match", e.highlightClass])
+        class: $(["highlight__match", e.highlightClass])
       }, z(l.text), 3)) : (L(), h("span", Pn, z(l.text), 1))
     ], 64))), 128));
   }
@@ -1484,7 +1484,7 @@ const sn = {
 }, En = { key: 1 }, Zn = ["onClick"], An = {
   key: 2,
   class: "autocomplete__list--no-results"
-}, On = /* @__PURE__ */ $({
+}, On = /* @__PURE__ */ b({
   name: "CmcAutocomplete",
   __name: "CmcAutocomplete",
   props: /* @__PURE__ */ K({
@@ -1499,7 +1499,7 @@ const sn = {
   }),
   emits: /* @__PURE__ */ K(["update:modelValue"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = n, r = le(e, "modelValue"), l = ee(t.label || ""), i = ee(!1), s = ee(null), a = x(() => `cmc-autocomplete-${Me()}`), u = x(() => r.value ? t.items.filter(
+    const t = e, o = n, r = ie(e, "modelValue"), l = ee(t.label || ""), i = ee(!1), s = ee(null), a = x(() => `cmc-autocomplete-${Me()}`), u = x(() => r.value ? t.items.filter(
       (y) => y.toLowerCase().includes(r.value.toLowerCase())
     ) : t.items);
     function g(y) {
@@ -1533,7 +1533,7 @@ const sn = {
     return (y, w) => (L(), h("div", {
       ref_key: "autocompleteRef",
       ref: s,
-      class: b(m.value),
+      class: $(m.value),
       onKeydown: d
     }, [
       A(Dt, {
@@ -1551,7 +1551,7 @@ const sn = {
       }, {
         right: xe(() => [
           A(X, {
-            class: b(C.value),
+            class: $(C.value),
             "aria-hidden": "true",
             color: "light",
             name: "chevronDown",
@@ -1582,7 +1582,7 @@ const sn = {
       ])) : P("", !0)
     ], 34));
   }
-}), Lr = /* @__PURE__ */ R(On, [["__scopeId", "data-v-625d6ca4"]]), Dn = { class: "badge-text" }, Tn = /* @__PURE__ */ $({
+}), Lr = /* @__PURE__ */ R(On, [["__scopeId", "data-v-625d6ca4"]]), Dn = { class: "badge-text" }, Tn = /* @__PURE__ */ b({
   name: "CmcBadgePill",
   __name: "CmcBadgePill",
   props: {
@@ -1597,14 +1597,14 @@ const sn = {
       [`badge-pill--${n.variant}`]: !0
     }));
     return (o, r) => (L(), h("div", {
-      class: b(t.value)
+      class: $(t.value)
     }, [
       I("span", Dn, z(e.label), 1)
     ], 2));
   }
 }), hr = /* @__PURE__ */ R(Tn, [["__scopeId", "data-v-2eabf0ca"]]), Tt = {
   medium: "medium"
-}, Gn = /* @__PURE__ */ $({
+}, Gn = /* @__PURE__ */ b({
   name: "CmcButtonGroup",
   __name: "CmcButtonGroup",
   props: {
@@ -1616,7 +1616,7 @@ const sn = {
       [`button-group-gap--${n.gap}`]: !0
     }));
     return (o, r) => (L(), h("div", {
-      class: b(t.value)
+      class: $(t.value)
     }, [
       T(o.$slots, "default", {}, void 0, !0)
     ], 2));
@@ -1917,7 +1917,7 @@ const sn = {
   gold: "gold",
   platinum: "platinum",
   unranked: "unranked"
-}, Nn = "#111118", Un = "#0302F5", qn = "#E6007E", jn = "#FC435C", Kn = "#19BAA3", Xn = "#009FE3", Qn = "#739099", Wn = "#82368C", Yn = ["innerHTML"], yr = /* @__PURE__ */ $({
+}, Nn = "#111118", Un = "#0302F5", qn = "#E6007E", jn = "#FC435C", Kn = "#19BAA3", Xn = "#009FE3", Qn = "#739099", Wn = "#82368C", Yn = ["innerHTML"], yr = /* @__PURE__ */ b({
   name: "CmcCertificate",
   __name: "CmcCertificate",
   props: {
@@ -1998,7 +1998,7 @@ function t1(e, n) {
     }, null, -1)
   ])]);
 }
-const n1 = /* @__PURE__ */ R(Jn, [["render", t1]]), o1 = ["id", "disabled", "required"], r1 = /* @__PURE__ */ $({
+const n1 = /* @__PURE__ */ R(Jn, [["render", t1]]), o1 = ["id", "disabled", "required"], r1 = /* @__PURE__ */ b({
   name: "CmcCheckbox",
   __name: "CmcCheckbox",
   props: /* @__PURE__ */ K({
@@ -2011,13 +2011,13 @@ const n1 = /* @__PURE__ */ R(Jn, [["render", t1]]), o1 = ["id", "disabled", "req
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = le(e, "modelValue"), o = x(() => n.id || `cmc-checkbox-${Me()}`), r = x(() => ({
+    const n = e, t = ie(e, "modelValue"), o = x(() => n.id || `cmc-checkbox-${Me()}`), r = x(() => ({
       checkbox: !0,
       "checkbox--disabled": n.disabled,
       "checkbox--required": n.required
     }));
     return (l, i) => (L(), h("div", {
-      class: b(r.value)
+      class: $(r.value)
     }, [
       Se(I("input", {
         "onUpdate:modelValue": i[0] || (i[0] = (s) => t.value = s),
@@ -2041,7 +2041,7 @@ const n1 = /* @__PURE__ */ R(Jn, [["render", t1]]), o1 = ["id", "disabled", "req
   h3: "h3",
   h4: "h4",
   h5: "h5"
-}, l1 = /* @__PURE__ */ $({
+}, l1 = /* @__PURE__ */ b({
   name: "CmcHeading",
   __name: "CmcHeading",
   props: {
@@ -2058,42 +2058,42 @@ const n1 = /* @__PURE__ */ R(Jn, [["render", t1]]), o1 = ["id", "disabled", "req
     return (o, r) => (L(), h(E, null, [
       D(Y).h1 === n.level ? (L(), h("h1", {
         key: 0,
-        class: b(t.value),
+        class: $(t.value),
         style: oe({ color: n.color })
       }, [
         T(o.$slots, "default", {}, void 0, !0)
       ], 6)) : P("", !0),
       D(Y).h2 === n.level ? (L(), h("h2", {
         key: 1,
-        class: b(t.value),
+        class: $(t.value),
         style: oe({ color: n.color })
       }, [
         T(o.$slots, "default", {}, void 0, !0)
       ], 6)) : P("", !0),
       D(Y).h3 === n.level ? (L(), h("h3", {
         key: 2,
-        class: b(t.value),
+        class: $(t.value),
         style: oe({ color: n.color })
       }, [
         T(o.$slots, "default", {}, void 0, !0)
       ], 6)) : P("", !0),
       D(Y).h4 === n.level ? (L(), h("h4", {
         key: 3,
-        class: b(t.value),
+        class: $(t.value),
         style: oe({ color: n.color })
       }, [
         T(o.$slots, "default", {}, void 0, !0)
       ], 6)) : P("", !0),
       D(Y).h5 === n.level ? (L(), h("h5", {
         key: 4,
-        class: b(t.value),
+        class: $(t.value),
         style: oe({ color: n.color })
       }, [
         T(o.$slots, "default", {}, void 0, !0)
       ], 6)) : P("", !0)
     ], 64));
   }
-}), i1 = /* @__PURE__ */ R(l1, [["__scopeId", "data-v-f0cf556a"]]), s1 = "https://cmc-ui-assets.s3.fr-par.scw.cloud/", a1 = ["src"], u1 = /* @__PURE__ */ $({
+}), i1 = /* @__PURE__ */ R(l1, [["__scopeId", "data-v-f0cf556a"]]), s1 = "https://cmc-ui-assets.s3.fr-par.scw.cloud/", a1 = ["src"], u1 = /* @__PURE__ */ b({
   name: "CmcLoading",
   __name: "CmcLoading",
   setup(e) {
@@ -2101,7 +2101,7 @@ const n1 = /* @__PURE__ */ R(Jn, [["render", t1]]), o1 = ["id", "disabled", "req
       loading: !0
     }));
     return (o, r) => (L(), h("img", {
-      class: b(t.value),
+      class: $(t.value),
       alt: "CMC Logo Loader",
       src: n.value
     }, null, 10, a1));
@@ -2145,23 +2145,23 @@ function S1(e, n) {
 }
 const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
   color: "color"
-}, $1 = {
-  fr_FR: "fr_FR"
 }, b1 = {
+  fr_FR: "fr_FR"
+}, $1 = {
   medium: "medium"
 }, I1 = {
   fr_FR_color: f1,
   fr_FR_white: L1,
   en_US_color: _1,
   en_US_white: M1
-}, F1 = ["href"], P1 = /* @__PURE__ */ $({
+}, F1 = ["href"], P1 = /* @__PURE__ */ b({
   name: "CmcLogo",
   __name: "CmcLogo",
   props: {
     href: {},
     variant: { default: R1.color },
-    language: { default: $1.fr_FR },
-    size: { default: b1.medium }
+    language: { default: b1.fr_FR },
+    size: { default: $1.medium }
   },
   emits: ["click"],
   setup(e, { emit: n }) {
@@ -2173,7 +2173,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
     };
     return (a, u) => (L(), h("a", {
       href: t.href,
-      class: b(r.value),
+      class: $(r.value),
       onClick: Ge(s, ["prevent"])
     }, [
       (L(), W(t0(i.value)))
@@ -2182,7 +2182,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
 }), wr = /* @__PURE__ */ R(P1, [["__scopeId", "data-v-cc384ddd"]]), z1 = { class: "pagination" }, V1 = ["disabled"], k1 = ["onClick"], E1 = {
   key: 1,
   class: "pagination__ellipsis"
-}, Z1 = ["disabled"], A1 = 2, O1 = /* @__PURE__ */ $({
+}, Z1 = ["disabled"], A1 = 2, O1 = /* @__PURE__ */ b({
   name: "CmcPagination",
   __name: "CmcPagination",
   props: {
@@ -2220,7 +2220,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
     };
     return (d, c) => (L(), h("nav", z1, [
       I("button", {
-        class: b(["pagination__page-button", { "is-invisible": !a.value }]),
+        class: $(["pagination__page-button", { "is-invisible": !a.value }]),
         disabled: !a.value,
         "aria-label": "Page précédente",
         onClick: g
@@ -2228,24 +2228,25 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
       (L(!0), h(E, null, H(s.value, (p, m) => (L(), h(E, { key: m }, [
         typeof p == "number" ? (L(), h("button", {
           key: 0,
-          class: b(["pagination__page-button", { "is-active": p === l() }]),
+          class: $(["pagination__page-button", { "is-active": p === l() }]),
           onClick: () => o("update:currentPage", p)
         }, z(p), 11, k1)) : (L(), h("span", E1, "…"))
       ], 64))), 128)),
       I("button", {
-        class: b(["pagination__page-button", { "is-invisible": !u.value }]),
+        class: $(["pagination__page-button", { "is-invisible": !u.value }]),
         disabled: !u.value,
         "aria-label": "Page suivante",
         onClick: f
       }, " › ", 10, Z1)
     ]));
   }
-}), D1 = /* @__PURE__ */ R(O1, [["__scopeId", "data-v-8be37a19"]]), T1 = /* @__PURE__ */ $({
+}), D1 = /* @__PURE__ */ R(O1, [["__scopeId", "data-v-8be37a19"]]), T1 = /* @__PURE__ */ b({
   name: "CmcSearch",
   __name: "CmcSearch",
   props: /* @__PURE__ */ K({
     size: { default: Ot.medium },
-    variant: {},
+    variant: { default: re.underline },
+    label: {},
     placeholder: { default: "Rechercher..." }
   }, {
     modelValue: { default: "" },
@@ -2253,42 +2254,39 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = le(e, "modelValue"), o = x(() => [
+    const n = e, t = ie(e, "modelValue"), o = x(() => [
       "search-bar",
       `search-bar--${n.size}`,
       n.variant ? `search-bar--${n.variant}` : null
     ]), r = Me(), l = x(() => `cmc-search-${r}`);
     return (i, s) => (L(), h("div", {
-      class: b(o.value),
+      class: $(o.value),
       role: "search"
     }, [
       A(Dt, {
-        id: l.value,
+        class: "search-bar__input",
+        type: "search",
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
-        placeholder: n.placeholder,
-        size: n.size,
-        variant: n.variant,
-        class: "search-bar__input",
-        type: "search"
+        id: l.value,
+        label: e.label,
+        placeholder: e.placeholder,
+        size: e.size,
+        variant: e.variant
       }, {
         left: xe(() => [
           A(X, {
-            color: "light",
             "aria-hidden": "true",
             class: "search-bar__icon",
+            color: "light",
             name: "search"
           })
         ]),
         _: 1
-      }, 8, ["id", "modelValue", "placeholder", "size", "variant"])
+      }, 8, ["modelValue", "id", "label", "placeholder", "size", "variant"])
     ], 2));
   }
-}), xr = /* @__PURE__ */ R(T1, [["__scopeId", "data-v-e1ba89eb"]]), pe = {
-  outlined: "outlined",
-  filled: "filled",
-  underline: "underline"
-}, G1 = ["for"], H1 = {
+}), xr = /* @__PURE__ */ R(T1, [["__scopeId", "data-v-4db57e98"]]), pe = re, G1 = ["for"], H1 = {
   key: 1,
   class: "select__description"
 }, B1 = { class: "select__wrapper" }, N1 = ["id", "required", "disabled", "aria-invalid"], U1 = {
@@ -2298,7 +2296,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
 }, q1 = ["value", "disabled"], j1 = {
   key: 2,
   class: "select__error-wrapper"
-}, K1 = /* @__PURE__ */ $({
+}, K1 = /* @__PURE__ */ b({
   name: "CmcSelect",
   __name: "CmcSelect",
   props: /* @__PURE__ */ K({
@@ -2318,7 +2316,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = le(e, "modelValue"), o = x(() => !!n.errorMessage), r = x(() => ({
+    const n = e, t = ie(e, "modelValue"), o = x(() => !!n.errorMessage), r = x(() => ({
       select: !0,
       "select--disabled": n.disabled,
       "select--error": o.value,
@@ -2329,7 +2327,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
       width: n.width ? `${n.width}px` : "100%"
     }));
     return (i, s) => (L(), h("div", {
-      class: b(r.value),
+      class: $(r.value),
       style: oe(l.value)
     }, [
       e.label ? (L(), h("label", {
@@ -2369,7 +2367,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
   success: "success",
   danger: "danger",
   warning: "warning"
-}, Q1 = { class: "status__label" }, W1 = /* @__PURE__ */ $({
+}, Q1 = { class: "status__label" }, W1 = /* @__PURE__ */ b({
   name: "CmcStatus",
   __name: "CmcStatus",
   props: {
@@ -2382,7 +2380,7 @@ const M1 = /* @__PURE__ */ R(w1, [["render", S1]]), R1 = {
       [`status--${n.status}`]: !0
     }));
     return (o, r) => (L(), h("div", {
-      class: b(t.value)
+      class: $(t.value)
     }, [
       r[0] || (r[0] = I("span", { class: "status__dot" }, null, -1)),
       I("span", Q1, z(n.text), 1)
@@ -2962,12 +2960,12 @@ const ho = {
     onColumnOrderChange: O("columnOrder", e)
   }),
   createColumn: (e, n) => {
-    e.getIndex = v((t) => [ce(n, t)], (t) => t.findIndex((o) => o.id === e.id), _(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
+    e.getIndex = v((t) => [ge(n, t)], (t) => t.findIndex((o) => o.id === e.id), _(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
       var o;
-      return ((o = ce(n, t)[0]) == null ? void 0 : o.id) === e.id;
+      return ((o = ge(n, t)[0]) == null ? void 0 : o.id) === e.id;
     }, e.getIsLastColumn = (t) => {
       var o;
-      const r = ce(n, t);
+      const r = ge(n, t);
       return ((o = r[r.length - 1]) == null ? void 0 : o.id) === e.id;
     };
   },
@@ -3102,7 +3100,7 @@ const Ce = {
       var t, o, r;
       const l = n.getState().columnSizing[e.id];
       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, ce(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, l) => r + l.getSize(), 0), _(n.options, "debugColumns", "getStart")), e.getAfter = v((t) => [t, ce(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, l) => r + l.getSize(), 0), _(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
+    }, e.getStart = v((t) => [t, ge(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, l) => r + l.getSize(), 0), _(n.options, "debugColumns", "getStart")), e.getAfter = v((t) => [t, ge(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, l) => r + l.getSize(), 0), _(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
       n.setColumnSizing((t) => {
         let {
           [e.id]: o,
@@ -3277,7 +3275,7 @@ const xo = {
     };
   }
 };
-function ce(e, n) {
+function ge(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
 const So = {
@@ -3410,7 +3408,7 @@ const So = {
 }, qe = 0, je = 10, Ae = () => ({
   pageIndex: qe,
   pageSize: je
-}), $o = {
+}), bo = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -3493,7 +3491,7 @@ const So = {
 }, Oe = () => ({
   top: [],
   bottom: []
-}), bo = {
+}), $o = {
   getInitialState: (e) => ({
     rowPinning: Oe(),
     ...e
@@ -3780,7 +3778,7 @@ function Xt(e, n) {
   }
   return t.length - o.length;
 }
-const ae = {
+const ue = {
   alphanumeric: Fo,
   alphanumericCaseSensitive: Po,
   text: zo,
@@ -3807,11 +3805,11 @@ const ae = {
       for (const r of t) {
         const l = r?.getValue(e.id);
         if (Object.prototype.toString.call(l) === "[object Date]")
-          return ae.datetime;
+          return ue.datetime;
         if (typeof l == "string" && (o = !0, l.split(Qe).length > 1))
-          return ae.alphanumeric;
+          return ue.alphanumeric;
       }
-      return o ? ae.text : ae.basic;
+      return o ? ue.text : ue.basic;
     }, e.getAutoSortDir = () => {
       const t = n.getFilteredRowModel().flatRows[0];
       return typeof t?.getValue(e.id) == "string" ? "asc" : "desc";
@@ -3819,7 +3817,7 @@ const ae = {
       var t, o;
       if (!e)
         throw new Error();
-      return Ie(e.columnDef.sortingFn) ? e.columnDef.sortingFn : e.columnDef.sortingFn === "auto" ? e.getAutoSortingFn() : (t = (o = n.options.sortingFns) == null ? void 0 : o[e.columnDef.sortingFn]) != null ? t : ae[e.columnDef.sortingFn];
+      return Ie(e.columnDef.sortingFn) ? e.columnDef.sortingFn : e.columnDef.sortingFn === "auto" ? e.getAutoSortingFn() : (t = (o = n.options.sortingFns) == null ? void 0 : o[e.columnDef.sortingFn]) != null ? t : ue[e.columnDef.sortingFn];
     }, e.toggleSorting = (t, o) => {
       const r = e.getNextSortingOrder(), l = typeof t < "u" && t !== null;
       n.setSorting((i) => {
@@ -3891,8 +3889,8 @@ const ae = {
   Co,
   //depends on RowSorting
   Ro,
-  $o,
   bo,
+  $o,
   Io,
   _o
 ];
@@ -4113,7 +4111,7 @@ const Go = Symbol("merge-proxy"), Ho = {
 function Te(e) {
   return "value" in e ? e.value : e;
 }
-function ue() {
+function ce() {
   for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
     n[t] = arguments[t];
   return new Proxy({
@@ -4135,17 +4133,17 @@ function ue() {
     }
   }, Ho);
 }
-const Qt = $({
+const Qt = b({
   props: ["render", "props"],
   setup: (e) => () => typeof e.render == "function" || typeof e.render == "object" ? J(e.render, e.props) : e.render
 });
 function yt(e) {
-  return ue(e, {
+  return ce(e, {
     data: D(e.data)
   });
 }
 function Bo(e) {
-  const n = o0(e.data), t = ue({
+  const n = o0(e.data), t = ce({
     state: {},
     // Dummy state
     onStateChange: () => {
@@ -4156,7 +4154,7 @@ function Bo(e) {
       return n ? {
         ...l,
         ...i
-      } : ue(l, i);
+      } : ce(l, i);
     }
   }, n ? yt(e) : e), o = Oo(t);
   if (n) {
@@ -4177,11 +4175,11 @@ function Bo(e) {
       const s = new Proxy({}, {
         get: (a, u) => r.value[u]
       });
-      return ue(l, n ? yt(e) : e, {
+      return ce(l, n ? yt(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: ue(s, (i = e.state) != null ? i : {}),
+        state: ce(s, (i = e.state) != null ? i : {}),
         // Similarly, we'll maintain both our internal state and any user-provided
         // state.
         onStateChange: (a) => {
@@ -4191,7 +4189,7 @@ function Bo(e) {
     });
   }), o;
 }
-const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
+const No = ["aria-sort"], Uo = /* @__PURE__ */ b({
   __name: "CmcTableHeader",
   props: {
     headerGroups: {}
@@ -4219,7 +4217,7 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
       ]))), 128))
     ]));
   }
-}), qo = /* @__PURE__ */ R(Uo, [["__scopeId", "data-v-9eba66c8"]]), jo = { key: 0 }, Ko = { key: 1 }, Xo = ["colspan"], Qo = /* @__PURE__ */ $({
+}), qo = /* @__PURE__ */ R(Uo, [["__scopeId", "data-v-9eba66c8"]]), jo = { key: 0 }, Ko = { key: 1 }, Xo = ["colspan"], Qo = /* @__PURE__ */ b({
   __name: "CmcTableBody",
   props: {
     rows: {},
@@ -4253,7 +4251,7 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
       ])
     ]));
   }
-}), Wo = /* @__PURE__ */ R(Qo, [["__scopeId", "data-v-f962b8ac"]]), Yo = /* @__PURE__ */ $({
+}), Wo = /* @__PURE__ */ R(Qo, [["__scopeId", "data-v-f962b8ac"]]), Yo = /* @__PURE__ */ b({
   __name: "CmcTable",
   props: {
     rows: { default: () => [] },
@@ -4307,7 +4305,7 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
       }, null, 8, ["rows", "emptyText", "leafColCount"])
     ]));
   }
-}), Jo = /* @__PURE__ */ R(Yo, [["__scopeId", "data-v-0de0582e"]]), er = { class: "table__pagination" }, tr = 10, nr = /* @__PURE__ */ $({
+}), Jo = /* @__PURE__ */ R(Yo, [["__scopeId", "data-v-0de0582e"]]), er = { class: "table__pagination" }, tr = 10, nr = /* @__PURE__ */ b({
   __name: "CmcTablePagination",
   props: {
     itemsPerPage: { default: tr },
@@ -4340,7 +4338,7 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
       }, null, 8, ["currentPage", "itemsPerPage", "totalItems"])
     ]));
   }
-}), Rr = /* @__PURE__ */ R(nr, [["__scopeId", "data-v-a2a0b05e"]]), $r = /* @__PURE__ */ $({
+}), Rr = /* @__PURE__ */ R(nr, [["__scopeId", "data-v-a2a0b05e"]]), br = /* @__PURE__ */ b({
   name: "CmcTitle",
   __name: "CmcTitle",
   setup(e) {
@@ -4358,7 +4356,7 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
   }
 }), or = {
   medium: "medium"
-}, rr = ["id", "disabled", "required"], lr = ["for"], ir = /* @__PURE__ */ $({
+}, rr = ["id", "disabled", "required"], lr = ["for"], ir = /* @__PURE__ */ b({
   name: "CmcToggle",
   __name: "CmcToggle",
   props: /* @__PURE__ */ K({
@@ -4372,7 +4370,7 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = le(e, "modelValue"), o = x(() => n.id || `cmc-toggle-${Me()}`), r = x(() => ({
+    const n = e, t = ie(e, "modelValue"), o = x(() => n.id || `cmc-toggle-${Me()}`), r = x(() => ({
       toggle: !0,
       [`toggle--${n.size}`]: !0,
       "toggle--disabled": n.disabled,
@@ -4380,7 +4378,7 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
       "toggle--checked": t.value
     }));
     return (l, i) => (L(), h("div", {
-      class: b(r.value)
+      class: $(r.value)
     }, [
       Se(I("input", {
         id: o.value,
@@ -4400,13 +4398,13 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
       ])], 8, lr)
     ], 2));
   }
-}), br = /* @__PURE__ */ R(ir, [["__scopeId", "data-v-37a7880f"]]), sr = ["aria-current", "aria-label", "onClick", "onKeydown"], ar = {
+}), $r = /* @__PURE__ */ R(ir, [["__scopeId", "data-v-37a7880f"]]), sr = ["aria-current", "aria-label", "onClick", "onKeydown"], ar = {
   key: 1,
   class: "wizard__number"
 }, ur = { class: "wizard__label" }, cr = ["tabindex", "onClick", "onKeydown"], gr = {
   key: 0,
   class: "wizard__separator"
-}, dr = /* @__PURE__ */ $({
+}, dr = /* @__PURE__ */ b({
   name: "CmcWizard",
   __name: "CmcWizard",
   props: {
@@ -4430,18 +4428,18 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
       "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: b(["wizard", { "wizard--clickable": e.clickable }]),
+      class: $(["wizard", { "wizard--clickable": e.clickable }]),
       role: "list"
     }, [
       (L(!0), h(E, null, H(e.steps, (c, p) => (L(), h(E, { key: p }, [
         I("div", {
-          class: b(["wizard__step", i(p)]),
+          class: $(["wizard__step", i(p)]),
           "aria-current": u(p) ? "step" : void 0,
           "aria-label": `step-${p + 1} : ${c.label}`,
           onClick: (m) => l(p),
           onKeydown: [
-            de((m) => l(p), ["enter"]),
-            de(Ge((m) => l(p), ["prevent"]), ["space"])
+            fe((m) => l(p), ["enter"]),
+            fe(Ge((m) => l(p), ["prevent"]), ["space"])
           ]
         }, [
           a(p) ? (L(), W(X, {
@@ -4452,12 +4450,12 @@ const No = ["aria-sort"], Uo = /* @__PURE__ */ $({
         ], 42, sr),
         I("div", ur, [
           I("span", {
-            class: b(["wizard__label-text", s(p)]),
+            class: $(["wizard__label-text", s(p)]),
             tabindex: e.clickable ? 0 : -1,
             onClick: (m) => l(p),
             onKeydown: [
-              de((m) => l(p), ["enter"]),
-              de(Ge((m) => l(p), ["prevent"]), ["space"])
+              fe((m) => l(p), ["enter"]),
+              fe(Ge((m) => l(p), ["prevent"]), ["space"])
             ]
           }, z(c.label), 43, cr)
         ]),
@@ -4486,8 +4484,8 @@ export {
   Mr as CmcStatus,
   Jo as CmcTable,
   Rr as CmcTablePagination,
-  $r as CmcTitle,
-  br as CmcToggle,
+  br as CmcTitle,
+  $r as CmcToggle,
   Ir as CmcWizard,
   l0 as buttonKindOptions,
   s0 as buttonSizeOptions,
@@ -4497,7 +4495,7 @@ export {
   rt as iconNameOptions,
   Ot as inputSizeOptions,
   ze as inputTypeOptions,
-  fe as inputVariantOptions,
+  re as inputVariantOptions,
   N as primaryTypeOptions,
   ne as rankOptions,
   pe as selectVariantOptions,