@bobbykim/mcl-forms 0.12.3 → 0.13.0

package/dist/mcl-forms.js

@@ -1,9 +1,9 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.switch[data-v-784930f6]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-784930f6]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-784930f6]:before{transform:translate(var(--slider-size))}.options-enter-active[data-v-2695c901],.options-leave-active[data-v-2695c901]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-2695c901],.options-leave-to[data-v-2695c901]{opacity:0;transform:translateY(-10px)}.options-leave-active[data-v-2695c901]{pointer-events:none}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as N, openBlock as w, createElementBlock as S, renderSlot as q, createElementVNode as F, toDisplayString as Q, createCommentVNode as R, inject as kt, computed as C, toValue as H, provide as Bt, useId as St, useSlots as Vt, unref as s, normalizeClass as M, createTextVNode as Ge, createBlock as te, withCtx as le, useModel as se, ref as I, createVNode as Ce, mergeModels as _, withDirectives as ie, vModelRadio as Rt, normalizeStyle as qe, vModelCheckbox as nt, vModelDynamic as $t, shallowRef as Ot, watch as J, getCurrentScope as At, onScopeDispose as Ft, shallowReadonly as ue, vModelText as lt, Transition as Lt, Fragment as Tt, renderList as Mt } from "vue";
-import { generateClass as A } from "@bobbykim/manguito-theme";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.switch[data-v-784930f6]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-784930f6]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-784930f6]:before{transform:translate(var(--slider-size))}.options-enter-active[data-v-1c4c7f20],.options-leave-active[data-v-1c4c7f20]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-1c4c7f20],.options-leave-to[data-v-1c4c7f20]{opacity:0;transform:translateY(-10px)}.options-leave-active[data-v-1c4c7f20]{pointer-events:none}@media(prefers-reduced-motion:reduce){.options-enter-active[data-v-1c4c7f20],.options-leave-active[data-v-1c4c7f20]{transition:opacity .3s linear}.options-enter-from[data-v-1c4c7f20],.options-leave-to[data-v-1c4c7f20]{transform:none}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as _, openBlock as w, createElementBlock as S, renderSlot as q, createElementVNode as A, toDisplayString as Q, createCommentVNode as V, inject as kt, computed as C, toValue as N, provide as Bt, useId as St, useSlots as Rt, unref as d, normalizeClass as M, createTextVNode as Ge, createBlock as te, withCtx as le, useModel as se, ref as I, createVNode as Ce, mergeModels as H, withDirectives as ie, vModelRadio as Vt, normalizeStyle as qe, vModelCheckbox as nt, vModelDynamic as $t, shallowRef as Ot, watch as J, getCurrentScope as At, onScopeDispose as Lt, shallowReadonly as ue, vModelText as lt, Transition as Ft, Fragment as Tt, renderList as Mt } from "vue";
+import { generateClass as F } from "@bobbykim/manguito-theme";
 import { vClickOutside as Et } from "@bobbykim/manguito-theme/directives";
 import { useResizeObserver as It } from "@vueuse/core";
-const Dt = ["id"], qt = { class: "text-xs text-danger" }, ve = /* @__PURE__ */ N({
+const Dt = ["id"], qt = { class: "text-xs text-danger" }, ve = /* @__PURE__ */ _({
   __name: "FieldFeedback",
   props: {
     id: {},
@@ -18,9 +18,9 @@ const Dt = ["id"], qt = { class: "text-xs text-danger" }, ve = /* @__PURE__ */ N
       class: "ml-3xs"
     }, [
       q(t.$slots, "default", {}, () => [
-        F("span", qt, Q(e.text), 1)
+        A("span", qt, Q(e.text), 1)
       ])
-    ], 8, Dt)) : R("", !0);
+    ], 8, Dt)) : V("", !0);
   }
 }), it = /* @__PURE__ */ Symbol("mcl-field");
 let Pt = 0;
@@ -28,23 +28,23 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
   const n = [];
   return e && n.push(e), o.value && t !== void 0 && n.push(t), n.length > 0 ? n.join(" ") : void 0;
 }), zt = (e) => {
-  const t = at(e.fieldId), o = C(() => H(e.invalid) ?? !1), n = `${t}-error`, i = e.hasHelpText ? `${t}-description` : void 0, l = {
+  const t = at(e.fieldId), o = C(() => N(e.invalid) ?? !1), n = `${t}-error`, i = e.hasHelpText ? `${t}-description` : void 0, l = {
     id: t,
     // Defaulting name to the field id is what lets a radio group work without
     // the consumer having to invent one.
-    name: C(() => H(e.name) ?? t),
+    name: C(() => N(e.name) ?? t),
     errorId: n,
     descriptionId: i,
     invalid: o,
-    required: C(() => H(e.required) ?? !1),
-    disabled: C(() => H(e.disabled) ?? !1),
+    required: C(() => N(e.required) ?? !1),
+    disabled: C(() => N(e.disabled) ?? !1),
     describedBy: rt(i, n, o),
     feedbackOwnedByGroup: e.ownsFeedback,
     isGroupLabel: e.isGroupLabel
   };
   return Bt(it, l), l;
 }, de = (e, t) => {
-  const o = kt(it, null), n = t?.rendersOwnFeedback ?? !0, i = at(void 0), l = Be(e.id), a = o !== null && !o.isGroupLabel ? Be(o.id) : void 0, r = l ?? a ?? i, c = o?.feedbackOwnedByGroup ?? !1, d = c ? o.errorId : `${r}-error`, u = c || n, v = o?.descriptionId, f = C(
+  const o = kt(it, null), n = t?.rendersOwnFeedback ?? !0, i = at(void 0), l = Be(e.id), a = o !== null && !o.isGroupLabel ? Be(o.id) : void 0, r = l ?? a ?? i, c = o?.feedbackOwnedByGroup ?? !1, s = c ? o.errorId : `${r}-error`, u = c || n, v = o?.descriptionId, f = C(
     () => e.invalid ?? o?.invalid.value ?? !1
   );
   return {
@@ -55,8 +55,8 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     // out. Grouped controls still inherit a usable name because the provider
     // defaults its own `name` to the field id; a standalone radio supplies its
     // own fallback in MclInputRadio, where it is actually needed.
-    name: C(() => e.name ?? H(o?.name)),
-    errorId: d,
+    name: C(() => e.name ?? N(o?.name)),
+    errorId: s,
     descriptionId: v,
     invalid: f,
     required: C(
@@ -67,7 +67,7 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     ),
     describedBy: rt(
       v,
-      u ? d : void 0,
+      u ? s : void 0,
       f
     ),
     feedbackOwnedByGroup: c,
@@ -78,13 +78,13 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     // part of a set than alone. `false` here would be a lie it could act on.
     isGroupLabel: o?.isGroupLabel ?? !1
   };
-}, Nt = {
+}, _t = {
   key: 0,
   class: "m-0 min-w-0 border-0 p-0"
-}, Ht = {
+}, Nt = {
   key: 0,
   class: "inline-block"
-}, _t = ["id"], Wt = { key: 1 }, jt = ["for"], Gt = ["id"], Bn = /* @__PURE__ */ N({
+}, Ht = ["id"], Wt = { key: 1 }, jt = ["for"], Gt = ["id"], Bn = /* @__PURE__ */ _({
   __name: "MclFormGroup",
   props: {
     fieldId: {},
@@ -100,7 +100,7 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     textBold: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = Vt(), n = o["invalid-feedback"] !== void 0, i = t.helpText !== void 0 || o.help !== void 0, l = t.invalidFeedback !== void 0 || n, a = t.groupLabel, r = zt({
+    const t = e, o = Rt(), n = o["invalid-feedback"] !== void 0, i = t.helpText !== void 0 || o.help !== void 0, l = t.invalidFeedback !== void 0 || n, a = t.groupLabel, r = zt({
       fieldId: t.fieldId,
       invalid: () => t.invalid,
       required: () => t.required,
@@ -109,77 +109,77 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
       ownsFeedback: l,
       isGroupLabel: a
     }), c = C(() => {
-      const d = [
-        A.textColorVariant({ color: t.textColor }),
-        A.bodyTextVariant({ size: t.textSize })
+      const s = [
+        F.textColorVariant({ color: t.textColor }),
+        F.bodyTextVariant({ size: t.textSize })
       ];
-      return t.textBold && d.push("font-bold"), d.join(" ");
+      return t.textBold && s.push("font-bold"), s.join(" ");
     });
-    return (d, u) => s(a) ? (w(), S("fieldset", Nt, [
-      e.label || d.$slots.label ? (w(), S("legend", Ht, [
-        q(d.$slots, "label", {}, () => [
-          F("span", {
+    return (s, u) => d(a) ? (w(), S("fieldset", _t, [
+      e.label || s.$slots.label ? (w(), S("legend", Nt, [
+        q(s.$slots, "label", {}, () => [
+          A("span", {
             class: M(["mb-2xs block", c.value])
           }, Q(e.label), 3)
         ])
-      ])) : R("", !0),
-      s(i) ? (w(), S("p", {
+      ])) : V("", !0),
+      d(i) ? (w(), S("p", {
         key: 1,
-        id: s(r).descriptionId,
+        id: d(r).descriptionId,
         class: "mb-2xs text-xs"
       }, [
-        q(d.$slots, "help", {}, () => [
+        q(s.$slots, "help", {}, () => [
           Ge(Q(e.helpText), 1)
         ])
-      ], 8, _t)) : R("", !0),
-      q(d.$slots, "default"),
-      s(l) ? (w(), te(ve, {
+      ], 8, Ht)) : V("", !0),
+      q(s.$slots, "default"),
+      d(l) ? (w(), te(ve, {
         key: 2,
-        id: s(r).errorId,
-        invalid: s(r).invalid.value,
+        id: d(r).errorId,
+        invalid: d(r).invalid.value,
         text: e.invalidFeedback
       }, {
         default: le(() => [
-          n ? q(d.$slots, "invalid-feedback", { key: 0 }) : R("", !0)
+          n ? q(s.$slots, "invalid-feedback", { key: 0 }) : V("", !0)
         ]),
         _: 3
-      }, 8, ["id", "invalid", "text"])) : R("", !0)
+      }, 8, ["id", "invalid", "text"])) : V("", !0)
     ])) : (w(), S("div", Wt, [
-      e.label || d.$slots.label ? (w(), S("label", {
+      e.label || s.$slots.label ? (w(), S("label", {
         key: 0,
-        for: s(r).id,
+        for: d(r).id,
         class: "inline-block"
       }, [
-        q(d.$slots, "label", {}, () => [
-          F("span", {
+        q(s.$slots, "label", {}, () => [
+          A("span", {
             class: M(["mb-2xs block", c.value])
           }, Q(e.label), 3)
         ])
-      ], 8, jt)) : R("", !0),
-      s(i) ? (w(), S("p", {
+      ], 8, jt)) : V("", !0),
+      d(i) ? (w(), S("p", {
         key: 1,
-        id: s(r).descriptionId,
+        id: d(r).descriptionId,
         class: "mb-2xs text-xs"
       }, [
-        q(d.$slots, "help", {}, () => [
+        q(s.$slots, "help", {}, () => [
           Ge(Q(e.helpText), 1)
         ])
-      ], 8, Gt)) : R("", !0),
-      q(d.$slots, "default"),
-      s(l) ? (w(), te(ve, {
+      ], 8, Gt)) : V("", !0),
+      q(s.$slots, "default"),
+      d(l) ? (w(), te(ve, {
         key: 2,
-        id: s(r).errorId,
-        invalid: s(r).invalid.value,
+        id: d(r).errorId,
+        invalid: d(r).invalid.value,
         text: e.invalidFeedback
       }, {
         default: le(() => [
-          n ? q(d.$slots, "invalid-feedback", { key: 0 }) : R("", !0)
+          n ? q(s.$slots, "invalid-feedback", { key: 0 }) : V("", !0)
         ]),
         _: 3
-      }, 8, ["id", "invalid", "text"])) : R("", !0)
+      }, 8, ["id", "invalid", "text"])) : V("", !0)
     ]));
   }
-}), st = /* @__PURE__ */ N({
+}), st = /* @__PURE__ */ _({
   __name: "XMark",
   props: {
     color: { default: "dark-4" },
@@ -187,7 +187,7 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
   },
   setup(e) {
     const t = e, o = C(
-      () => [A.svgFillColorVariant({ color: t.color }), t.className].filter(Boolean).join(" ")
+      () => [F.svgFillColorVariant({ color: t.color }), t.className].filter(Boolean).join(" ")
     );
     return (n, i) => (w(), S("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -196,27 +196,24 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
       focusable: "false",
       class: M(o.value)
     }, [...i[0] || (i[0] = [
-      F("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
+      A("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
     ])], 2));
   }
 }), Oe = (e) => C(() => {
-  const { bgColor: t, textColor: o, borderColor: n, showBorder: i, showShadow: l, rounded: a } = e, r = e.showHighlight ?? !1, c = [
-    A.bgColorVariant({ color: t }),
-    A.textColorVariant({ color: o })
+  const { bgColor: t, textColor: o, borderColor: n, showBorder: i, showShadow: l, rounded: a } = e, r = [
+    F.bgColorVariant({ color: t }),
+    F.textColorVariant({ color: o })
   ];
-  return i && c.push(
+  return i && r.push(
     "border-2",
-    A.borderColorVariant({ color: n })
-  ), r || c.push(
-    "focus-visible:ring-4 ring-offset-2 transition-all duration-300 ease-linear",
-    A.focusVisibleRingColorVariant({ color: n })
-  ), l && c.push("shadow-md"), a && c.push("rounded-md"), c.join(" ");
+    F.borderColorVariant({ color: n })
+  ), r.push("focus-visible:mcl-focus-ring"), l && r.push("shadow-md"), a && r.push("rounded-md"), r.join(" ");
 }), Ut = { class: "my-3xs mr-xs ml-3xs shrink-0" }, Kt = ["aria-controls", "disabled"], Xt = ["id", "name", "accept", "required", "disabled", "aria-invalid", "aria-describedby"], Yt = {
   key: 0,
   class: "my-3xs mr-3xs self-stretch"
-}, Zt = ["disabled"], Sn = /* @__PURE__ */ N({
+}, Zt = ["disabled"], Sn = /* @__PURE__ */ _({
   __name: "MclInputFile",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     id: {},
     name: {},
     accept: { default: "image/jpg,image/jpeg,image/png" },
@@ -245,71 +242,71 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     }, c = (f) => {
       const p = f.target.files;
       o.value = p && p.length > 0 ? p[0] : null;
-    }, d = () => {
+    }, s = () => {
       o.value = null, a.value++;
     }, u = C(() => {
       const f = [
-        A.bgColorVariant({ color: t.buttonColor }),
-        A.textColorVariant({ color: t.buttonTextColor })
+        F.bgColorVariant({ color: t.buttonColor }),
+        F.textColorVariant({ color: t.buttonTextColor })
       ];
       return t.rounded && f.push("rounded-l-md"), f.join(" ");
     }), v = C(() => {
       const f = [
-        A.bgColorVariant({ color: t.buttonColor })
+        F.bgColorVariant({ color: t.buttonColor })
       ];
       return t.rounded && f.push("rounded-r-md"), f.join(" ");
     });
     return (f, p) => (w(), S("div", null, [
-      F("div", {
-        class: M(["flex items-center overflow-hidden", s(i)])
+      A("div", {
+        class: M(["flex items-center overflow-hidden", d(i)])
       }, [
-        F("div", Ut, [
-          F("button", {
+        A("div", Ut, [
+          A("button", {
             type: "button",
-            "aria-controls": s(n).id,
-            disabled: s(n).disabled.value,
+            "aria-controls": d(n).id,
+            disabled: d(n).disabled.value,
             class: M(["max-w-full px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70 disabled:cursor-not-allowed disabled:opacity-50", u.value]),
             onClick: r
           }, Q(e.buttonText), 11, Kt)
         ]),
         (w(), S("input", {
-          id: s(n).id,
+          id: d(n).id,
           ref_key: "inputRef",
           ref: l,
           key: a.value,
           type: "file",
           class: "w-full bg-transparent file:hidden",
-          name: s(n).name.value,
+          name: d(n).name.value,
           accept: e.accept,
-          required: s(n).required.value,
-          disabled: s(n).disabled.value,
-          "aria-invalid": s(n).invalid.value || void 0,
-          "aria-describedby": s(n).describedBy.value,
+          required: d(n).required.value,
+          disabled: d(n).disabled.value,
+          "aria-invalid": d(n).invalid.value || void 0,
+          "aria-describedby": d(n).describedBy.value,
           onChange: c
         }, null, 40, Xt)),
         e.showClear ? (w(), S("div", Yt, [
-          F("button", {
+          A("button", {
             type: "button",
             "aria-label": "Clear selected file",
-            disabled: s(n).disabled.value,
+            disabled: d(n).disabled.value,
             class: M(["flex h-full items-center px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70 disabled:cursor-not-allowed disabled:opacity-50", v.value]),
-            onClick: d
+            onClick: s
           }, [
             Ce(st, {
               color: e.buttonTextColor,
               "class-name": "h-xs"
             }, null, 8, ["color"])
           ], 10, Zt)
-        ])) : R("", !0)
+        ])) : V("", !0)
       ], 2),
-      s(n).feedbackOwnedByGroup ? R("", !0) : (w(), te(ve, {
+      d(n).feedbackOwnedByGroup ? V("", !0) : (w(), te(ve, {
         key: 0,
-        id: s(n).errorId,
-        invalid: s(n).invalid.value,
+        id: d(n).errorId,
+        invalid: d(n).invalid.value,
         text: e.invalidFeedback
       }, {
         default: le(() => [
-          f.$slots["invalid-feedback"] ? q(f.$slots, "invalid-feedback", { key: 0 }) : R("", !0)
+          f.$slots["invalid-feedback"] ? q(f.$slots, "invalid-feedback", { key: 0 }) : V("", !0)
         ]),
         _: 3
       }, 8, ["id", "invalid", "text"]))
@@ -338,26 +335,26 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     "--slider-size": "26px",
     "--gutter-size": "4px"
   }
-}, eo = "rounded-md before:rounded-[3px]", Ne = (e) => {
+}, eo = "rounded-md before:rounded-[3px]", _e = (e) => {
   const t = C(() => {
-    const { bgColor: i, borderColor: l, indicatorColor: a, checkedBgColor: r, showShadow: c } = e, d = e.rounded ?? !1, u = [
-      A.bgColorVariant({ color: i }),
-      A.borderColorVariant({ color: l }),
-      A.beforeBgColorVariant({ color: a }),
-      A.peerCheckedBgColorVariant({ color: r }),
+    const { bgColor: i, borderColor: l, indicatorColor: a, checkedBgColor: r, showShadow: c } = e, s = e.rounded ?? !1, u = [
+      F.bgColorVariant({ color: i }),
+      F.borderColorVariant({ color: l }),
+      F.beforeBgColorVariant({ color: a }),
+      F.peerCheckedBgColorVariant({ color: r }),
       // The native input is visually transparent, so the focus indicator has to
-      // be projected onto this span. Without it there is none at all.
-      "peer-focus-visible:ring-2 ring-offset-2",
-      A.peerFocusVisibleRingColorVariant({ color: l })
+      // be projected onto this span. Without it there is none at all. It is the
+      // shared two-tone ring (#122), not the border colour.
+      "peer-focus-visible:mcl-focus-ring"
     ];
-    return c && u.push("drop-shadow-md"), d && u.push(e.roundedClass ?? eo), u.join(" ");
+    return c && u.push("drop-shadow-md"), s && u.push(e.roundedClass ?? eo), u.join(" ");
   }), o = C(() => Jt[e.size]), n = C(() => ({
     ...Qt[e.size]
   }));
   return { boxClass: t, sizeClass: o, switchVars: n };
-}, to = { class: "relative inline-flex" }, oo = ["id", "name", "value", "required", "disabled", "aria-invalid", "aria-describedby"], Vn = /* @__PURE__ */ N({
+}, to = { class: "relative inline-flex" }, oo = ["id", "name", "value", "required", "disabled", "aria-invalid", "aria-describedby"], Rn = /* @__PURE__ */ _({
   __name: "MclInputRadio",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     id: {},
     name: {},
     size: { default: "md" },
@@ -374,36 +371,36 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = se(e, "modelValue"), i = t, l = de(o, { rendersOwnFeedback: !1 }), { boxClass: a, sizeClass: r } = Ne(o), c = C(() => l.name.value ?? l.id), d = (u) => {
+    const o = e, n = se(e, "modelValue"), i = t, l = de(o, { rendersOwnFeedback: !1 }), { boxClass: a, sizeClass: r } = _e(o), c = C(() => l.name.value ?? l.id), s = (u) => {
       i("change", u);
     };
     return (u, v) => (w(), S("div", to, [
-      ie(F("input", {
-        id: s(l).id,
+      ie(A("input", {
+        id: d(l).id,
         "onUpdate:modelValue": v[0] || (v[0] = (f) => n.value = f),
         type: "radio",
         class: "peer absolute inset-0 z-10 h-full w-full cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed",
         name: c.value,
         value: e.value,
-        required: s(l).required.value,
-        disabled: s(l).disabled.value,
-        "aria-invalid": s(l).invalid.value || void 0,
-        "aria-describedby": s(l).describedBy.value,
-        onChange: d
+        required: d(l).required.value,
+        disabled: d(l).disabled.value,
+        "aria-invalid": d(l).invalid.value || void 0,
+        "aria-describedby": d(l).describedBy.value,
+        onChange: s
       }, null, 40, oo), [
-        [Rt, n.value]
+        [Vt, n.value]
       ]),
-      F("span", {
+      A("span", {
         "aria-hidden": "true",
-        class: M(["relative inline-block rounded-full border transition-colors duration-200 ease-linear peer-disabled:opacity-50 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:opacity-0 before:transition-opacity before:duration-200 peer-checked:before:opacity-100", [s(a), s(r)]])
+        class: M(["relative inline-block rounded-full border transition-colors duration-200 ease-linear peer-disabled:opacity-50 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:opacity-0 before:transition-opacity before:duration-200 peer-checked:before:opacity-100", [d(a), d(r)]])
       }, null, 2)
     ]));
   }
-}), no = ["id", "name", "required", "disabled", "aria-invalid", "aria-describedby"], lo = "rounded-full before:rounded-full", io = /* @__PURE__ */ N({
+}), no = ["id", "name", "required", "disabled", "aria-invalid", "aria-describedby"], lo = "rounded-full before:rounded-full", io = /* @__PURE__ */ _({
   __name: "MclInputSwitch",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     id: {},
     name: {},
     size: { default: "md" },
@@ -420,7 +417,7 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, n = se(e, "modelValue"), i = t, l = de(o, { rendersOwnFeedback: !1 }), a = {
       get size() {
@@ -445,31 +442,31 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
         return o.rounded;
       },
       roundedClass: lo
-    }, { boxClass: r, switchVars: c } = Ne(a), d = (u) => {
+    }, { boxClass: r, switchVars: c } = _e(a), s = (u) => {
       i("change", u);
     };
     return (u, v) => (w(), S("div", {
       class: "switch relative",
-      style: qe(s(c))
+      style: qe(d(c))
     }, [
-      ie(F("input", {
-        id: s(l).id,
+      ie(A("input", {
+        id: d(l).id,
         "onUpdate:modelValue": v[0] || (v[0] = (f) => n.value = f),
         type: "checkbox",
         role: "switch",
         class: "peer absolute inset-0 z-10 h-full w-full cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed",
-        name: s(l).name.value,
-        required: s(l).required.value,
-        disabled: s(l).disabled.value,
-        "aria-invalid": s(l).invalid.value || void 0,
-        "aria-describedby": s(l).describedBy.value,
-        onChange: d
+        name: d(l).name.value,
+        required: d(l).required.value,
+        disabled: d(l).disabled.value,
+        "aria-invalid": d(l).invalid.value || void 0,
+        "aria-describedby": d(l).describedBy.value,
+        onChange: s
       }, null, 40, no), [
         [nt, n.value]
       ]),
-      F("span", {
+      A("span", {
         "aria-hidden": "true",
-        class: M(["slider absolute inset-0 transition-all duration-300 peer-disabled:opacity-50 before:absolute before:transition-all before:duration-300", s(r)])
+        class: M(["slider absolute inset-0 transition-all duration-300 peer-disabled:opacity-50 before:absolute before:transition-all before:duration-300", d(r)])
       }, null, 2)
     ], 4));
   }
@@ -478,30 +475,26 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
   for (const [n, i] of t)
     o[n] = i;
   return o;
-}, Rn = /* @__PURE__ */ dt(io, [["__scopeId", "data-v-784930f6"]]), ct = /* @__PURE__ */ N({
+}, Vn = /* @__PURE__ */ dt(io, [["__scopeId", "data-v-784930f6"]]), ct = /* @__PURE__ */ _({
   __name: "InputHighlight",
   props: {
     color: { default: "primary" },
-    rounded: { type: Boolean, default: !1 },
-    offset: { default: 1 }
+    rounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = {
-      1: "-top-1",
-      2.5: "-top-2.5"
-    }, n = C(() => {
-      const i = [
-        A.beforeBgColorVariant({ color: t.color })
+    const t = e, o = C(() => {
+      const n = [
+        F.beforeBgColorVariant({ color: t.color })
       ];
-      return t.rounded && i.push("rounded-b-md"), i.push(o[t.offset]), i.join(" ");
+      return t.rounded && n.push("rounded-b-md"), n.push("-top-1"), n.join(" ");
     });
-    return (i, l) => (w(), S("div", {
-      class: M(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 before:transition-[width] before:duration-300 before:ease-linear peer-focus:before:w-full", n.value])
+    return (n, i) => (w(), S("div", {
+      class: M(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 before:transition-[width] before:duration-300 before:ease-linear peer-focus:before:w-full", o.value])
     }, null, 2));
   }
-}), ao = ["id", "type", "name", "placeholder", "autocomplete", "minlength", "maxlength", "pattern", "required", "disabled", "aria-invalid", "aria-describedby"], $n = /* @__PURE__ */ N({
+}), ao = ["id", "type", "name", "placeholder", "autocomplete", "minlength", "maxlength", "pattern", "required", "disabled", "aria-invalid", "aria-describedby"], $n = /* @__PURE__ */ _({
   __name: "MclInputText",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     id: {},
     name: {},
     type: { default: "text" },
@@ -530,21 +523,21 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
   setup(e) {
     const t = e, o = se(e, "modelValue"), n = de(t), i = Oe(t);
     return (l, a) => (w(), S("div", null, [
-      ie(F("input", {
-        id: s(n).id,
+      ie(A("input", {
+        id: d(n).id,
         "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
-        class: M(["peer w-full p-2xs outline-none disabled:cursor-not-allowed disabled:opacity-50", s(i)]),
+        class: M(["peer w-full p-2xs outline-none disabled:cursor-not-allowed disabled:opacity-50", d(i)]),
         type: e.type,
-        name: s(n).name.value,
+        name: d(n).name.value,
         placeholder: e.placeholder,
         autocomplete: e.autocomplete,
         minlength: e.minLength,
         maxlength: e.maxLength,
         pattern: e.pattern,
-        required: s(n).required.value,
-        disabled: s(n).disabled.value,
-        "aria-invalid": s(n).invalid.value || void 0,
-        "aria-describedby": s(n).describedBy.value
+        required: d(n).required.value,
+        disabled: d(n).disabled.value,
+        "aria-invalid": d(n).invalid.value || void 0,
+        "aria-describedby": d(n).describedBy.value
       }, null, 10, ao), [
         [$t, o.value]
       ]),
@@ -552,21 +545,21 @@ const Be = (e) => e !== void 0 && e !== "" ? e : void 0, at = (e) => Be(e) ?? Be
         key: 0,
         color: e.highlightColor,
         rounded: e.rounded
-      }, null, 8, ["color", "rounded"])) : R("", !0),
-      s(n).feedbackOwnedByGroup ? R("", !0) : (w(), te(ve, {
+      }, null, 8, ["color", "rounded"])) : V("", !0),
+      d(n).feedbackOwnedByGroup ? V("", !0) : (w(), te(ve, {
         key: 1,
-        id: s(n).errorId,
-        invalid: s(n).invalid.value,
+        id: d(n).errorId,
+        invalid: d(n).invalid.value,
         text: e.invalidFeedback
       }, {
         default: le(() => [
-          l.$slots["invalid-feedback"] ? q(l.$slots, "invalid-feedback", { key: 0 }) : R("", !0)
+          l.$slots["invalid-feedback"] ? q(l.$slots, "invalid-feedback", { key: 0 }) : V("", !0)
         ]),
         _: 3
       }, 8, ["id", "invalid", "text"]))
     ]));
   }
-}), Se = Math.min, ne = Math.max, Ve = Math.round, xe = Math.floor, U = (e) => ({
+}), Se = Math.min, ne = Math.max, Re = Math.round, xe = Math.floor, U = (e) => ({
   x: e,
   y: e
 }), ro = {
@@ -587,7 +580,7 @@ function Ae(e, t) {
 function ae(e) {
   return e.split("-")[0];
 }
-function Fe(e) {
+function Le(e) {
   return e.split("-")[1];
 }
 function ut(e) {
@@ -605,19 +598,19 @@ function vt(e) {
 }
 function uo(e, t, o) {
   o === void 0 && (o = !1);
-  const n = Fe(e), i = vt(e), l = ft(i);
+  const n = Le(e), i = vt(e), l = ft(i);
   let a = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return t.reference[l] > t.floating[l] && (a = Re(a)), [a, Re(a)];
+  return t.reference[l] > t.floating[l] && (a = Ve(a)), [a, Ve(a)];
 }
 function fo(e) {
-  const t = Re(e);
+  const t = Ve(e);
   return [Pe(e), t, Pe(t)];
 }
 function Pe(e) {
   return e.replace(/start|end/g, (t) => so[t]);
 }
 const Ke = ["left", "right"], Xe = ["right", "left"], vo = ["top", "bottom"], po = ["bottom", "top"];
-function ho(e, t, o) {
+function mo(e, t, o) {
   switch (e) {
     case "top":
     case "bottom":
@@ -629,12 +622,12 @@ function ho(e, t, o) {
       return [];
   }
 }
-function mo(e, t, o, n) {
-  const i = Fe(e);
-  let l = ho(ae(e), o === "start", n);
+function ho(e, t, o, n) {
+  const i = Le(e);
+  let l = mo(ae(e), o === "start", n);
   return i && (l = l.map((a) => a + "-" + i), t && (l = l.concat(l.map(Pe)))), l;
 }
-function Re(e) {
+function Ve(e) {
   return e.replace(/left|right|bottom|top/g, (t) => ro[t]);
 }
 function bo(e) {
@@ -677,7 +670,7 @@ function Ye(e, t, o) {
     reference: n,
     floating: i
   } = e;
-  const l = ee(t), a = vt(t), r = ft(a), c = ae(t), d = l === "y", u = n.x + n.width / 2 - i.width / 2, v = n.y + n.height / 2 - i.height / 2, f = n[r] / 2 - i[r] / 2;
+  const l = ee(t), a = vt(t), r = ft(a), c = ae(t), s = l === "y", u = n.x + n.width / 2 - i.width / 2, v = n.y + n.height / 2 - i.height / 2, f = n[r] / 2 - i[r] / 2;
   let p;
   switch (c) {
     case "top":
@@ -710,12 +703,12 @@ function Ye(e, t, o) {
         y: n.y
       };
   }
-  switch (Fe(t)) {
+  switch (Le(t)) {
     case "start":
-      p[a] -= f * (o && d ? -1 : 1);
+      p[a] -= f * (o && s ? -1 : 1);
       break;
     case "end":
-      p[a] += f * (o && d ? -1 : 1);
+      p[a] += f * (o && s ? -1 : 1);
       break;
   }
   return p;
@@ -731,14 +724,14 @@ async function yo(e, t) {
     elements: r,
     strategy: c
   } = e, {
-    boundary: d = "clippingAncestors",
+    boundary: s = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: v = "floating",
     altBoundary: f = !1,
     padding: p = 0
-  } = Ae(t, e), h = go(p), g = r[f ? v === "floating" ? "reference" : "floating" : v], m = $e(await l.getClippingRect({
+  } = Ae(t, e), m = go(p), g = r[f ? v === "floating" ? "reference" : "floating" : v], h = $e(await l.getClippingRect({
     element: (o = await (l.isElement == null ? void 0 : l.isElement(g))) == null || o ? g : g.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
-    boundary: d,
+    boundary: s,
     rootBoundary: u,
     strategy: c
   })), x = v === "floating" ? {
@@ -746,7 +739,7 @@ async function yo(e, t) {
     y: i,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, k = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), V = await (l.isElement == null ? void 0 : l.isElement(k)) ? await (l.getScale == null ? void 0 : l.getScale(k)) || {
+  } : a.reference, k = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), R = await (l.isElement == null ? void 0 : l.isElement(k)) ? await (l.getScale == null ? void 0 : l.getScale(k)) || {
     x: 1,
     y: 1
   } : {
@@ -759,10 +752,10 @@ async function yo(e, t) {
     strategy: c
   }) : x);
   return {
-    top: (m.top - T.top + h.top) / V.y,
-    bottom: (T.bottom - m.bottom + h.bottom) / V.y,
-    left: (m.left - T.left + h.left) / V.x,
-    right: (T.right - m.right + h.right) / V.x
+    top: (h.top - T.top + m.top) / R.y,
+    bottom: (T.bottom - h.bottom + m.bottom) / R.y,
+    left: (h.left - T.left + m.left) / R.x,
+    right: (T.right - h.right + m.right) / R.x
   };
 }
 const wo = async (e, t, o) => {
@@ -772,22 +765,22 @@ const wo = async (e, t, o) => {
     middleware: l = [],
     platform: a
   } = o, r = l.filter(Boolean), c = await (a.isRTL == null ? void 0 : a.isRTL(t));
-  let d = await a.getElementRects({
+  let s = await a.getElementRects({
     reference: e,
     floating: t,
     strategy: i
   }), {
     x: u,
     y: v
-  } = Ye(d, n, c), f = n, p = {}, h = 0;
+  } = Ye(s, n, c), f = n, p = {}, m = 0;
   for (let g = 0; g < r.length; g++) {
     var b;
     const {
-      name: m,
+      name: h,
       fn: x
     } = r[g], {
       x: k,
-      y: V,
+      y: R,
       data: T,
       reset: L
     } = await x({
@@ -797,7 +790,7 @@ const wo = async (e, t, o) => {
       placement: f,
       strategy: i,
       middlewareData: p,
-      rects: d,
+      rects: s,
       platform: {
         ...a,
         detectOverflow: (b = a.detectOverflow) != null ? b : yo
@@ -807,20 +800,20 @@ const wo = async (e, t, o) => {
         floating: t
       }
     });
-    u = k ?? u, v = V ?? v, p = {
+    u = k ?? u, v = R ?? v, p = {
       ...p,
-      [m]: {
-        ...p[m],
+      [h]: {
+        ...p[h],
         ...T
       }
-    }, L && h <= 50 && (h++, typeof L == "object" && (L.placement && (f = L.placement), L.rects && (d = L.rects === !0 ? await a.getElementRects({
+    }, L && m <= 50 && (m++, typeof L == "object" && (L.placement && (f = L.placement), L.rects && (s = L.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: i
     }) : L.rects), {
       x: u,
       y: v
-    } = Ye(d, f, c)), g = -1);
+    } = Ye(s, f, c)), g = -1);
   }
   return {
     x: u,
@@ -841,31 +834,31 @@ const wo = async (e, t, o) => {
         rects: a,
         initialPlacement: r,
         platform: c,
-        elements: d
+        elements: s
       } = t, {
         mainAxis: u = !0,
         crossAxis: v = !0,
         fallbackPlacements: f,
         fallbackStrategy: p = "bestFit",
-        fallbackAxisSideDirection: h = "none",
+        fallbackAxisSideDirection: m = "none",
         flipAlignment: b = !0,
         ...g
       } = Ae(e, t);
       if ((o = l.arrow) != null && o.alignmentOffset)
         return {};
-      const m = ae(i), x = ee(r), k = ae(r) === r, V = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), T = f || (k || !b ? [Re(r)] : fo(r)), L = h !== "none";
-      !f && L && T.push(...mo(r, b, h, V));
+      const h = ae(i), x = ee(r), k = ae(r) === r, R = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), T = f || (k || !b ? [Ve(r)] : fo(r)), L = m !== "none";
+      !f && L && T.push(...ho(r, b, m, R));
       const B = [r, ...T], D = await c.detectOverflow(t, g), Y = [];
       let Z = ((n = l.flip) == null ? void 0 : n.overflows) || [];
-      if (u && Y.push(D[m]), v) {
-        const G = uo(i, a, V);
+      if (u && Y.push(D[h]), v) {
+        const G = uo(i, a, R);
         Y.push(D[G[0]], D[G[1]]);
       }
       if (Z = [...Z, {
         placement: i,
         overflows: Y
       }], !Y.every((G) => G <= 0)) {
-        var ye, he;
+        var ye, me;
         const G = (((ye = l.flip) == null ? void 0 : ye.index) || 0) + 1, y = B[G];
         if (y && (!(v === "alignment" ? x !== ee(y) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
@@ -879,7 +872,7 @@ const wo = async (e, t, o) => {
               placement: y
             }
           };
-        let $ = (he = Z.filter((O) => O.overflows[0] <= 0).sort((O, E) => O.overflows[1] - E.overflows[1])[0]) == null ? void 0 : he.placement;
+        let $ = (me = Z.filter((O) => O.overflows[0] <= 0).sort((O, E) => O.overflows[1] - E.overflows[1])[0]) == null ? void 0 : me.placement;
         if (!$)
           switch (p) {
             case "bestFit": {
@@ -916,11 +909,11 @@ async function ko(e, t) {
     placement: o,
     platform: n,
     elements: i
-  } = e, l = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), a = ae(o), r = Fe(o), c = ee(o) === "y", d = Co.has(a) ? -1 : 1, u = l && c ? -1 : 1, v = Ae(t, e);
+  } = e, l = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), a = ae(o), r = Le(o), c = ee(o) === "y", s = Co.has(a) ? -1 : 1, u = l && c ? -1 : 1, v = Ae(t, e);
   let {
     mainAxis: f,
     crossAxis: p,
-    alignmentAxis: h
+    alignmentAxis: m
   } = typeof v == "number" ? {
     mainAxis: v,
     crossAxis: 0,
@@ -930,11 +923,11 @@ async function ko(e, t) {
     crossAxis: v.crossAxis || 0,
     alignmentAxis: v.alignmentAxis
   };
-  return r && typeof h == "number" && (p = r === "end" ? h * -1 : h), c ? {
+  return r && typeof m == "number" && (p = r === "end" ? m * -1 : m), c ? {
     x: p * u,
-    y: f * d
+    y: f * s
   } : {
-    x: f * d,
+    x: f * s,
     y: p * u
   };
 }
@@ -974,34 +967,34 @@ const Bo = function(e) {
         mainAxis: a = !0,
         crossAxis: r = !1,
         limiter: c = {
-          fn: (m) => {
+          fn: (h) => {
             let {
               x,
               y: k
-            } = m;
+            } = h;
             return {
               x,
               y: k
             };
           }
         },
-        ...d
+        ...s
       } = Ae(e, t), u = {
         x: o,
         y: n
-      }, v = await l.detectOverflow(t, d), f = ee(ae(i)), p = ut(f);
-      let h = u[p], b = u[f];
+      }, v = await l.detectOverflow(t, s), f = ee(ae(i)), p = ut(f);
+      let m = u[p], b = u[f];
       if (a) {
-        const m = p === "y" ? "top" : "left", x = p === "y" ? "bottom" : "right", k = h + v[m], V = h - v[x];
-        h = Ue(k, h, V);
+        const h = p === "y" ? "top" : "left", x = p === "y" ? "bottom" : "right", k = m + v[h], R = m - v[x];
+        m = Ue(k, m, R);
       }
       if (r) {
-        const m = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", k = b + v[m], V = b - v[x];
-        b = Ue(k, b, V);
+        const h = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", k = b + v[h], R = b - v[x];
+        b = Ue(k, b, R);
       }
       const g = c.fn({
         ...t,
-        [p]: h,
+        [p]: m,
         [f]: b
       });
       return {
@@ -1018,11 +1011,11 @@ const Bo = function(e) {
     }
   };
 };
-function Le() {
+function Fe() {
   return typeof window < "u";
 }
 function ce(e) {
-  return He(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return Ne(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function P(e) {
   var t;
@@ -1030,21 +1023,21 @@ function P(e) {
 }
 function X(e) {
   var t;
-  return (t = (He(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Ne(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function He(e) {
-  return Le() ? e instanceof Node || e instanceof P(e).Node : !1;
+function Ne(e) {
+  return Fe() ? e instanceof Node || e instanceof P(e).Node : !1;
 }
 function W(e) {
-  return Le() ? e instanceof Element || e instanceof P(e).Element : !1;
+  return Fe() ? e instanceof Element || e instanceof P(e).Element : !1;
 }
 function K(e) {
-  return Le() ? e instanceof HTMLElement || e instanceof P(e).HTMLElement : !1;
+  return Fe() ? e instanceof HTMLElement || e instanceof P(e).HTMLElement : !1;
 }
 function Ze(e) {
-  return !Le() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof P(e).ShadowRoot;
+  return !Fe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof P(e).ShadowRoot;
 }
-const Vo = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Ro = /* @__PURE__ */ new Set(["inline", "contents"]);
 function ge(e) {
   const {
     overflow: t,
@@ -1052,11 +1045,11 @@ function ge(e) {
     overflowY: n,
     display: i
   } = j(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !Vo.has(i);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !Ro.has(i);
 }
-const Ro = /* @__PURE__ */ new Set(["table", "td", "th"]);
+const Vo = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function $o(e) {
-  return Ro.has(ce(e));
+  return Vo.has(ce(e));
 }
 const Oo = [":popover-open", ":modal"];
 function Te(e) {
@@ -1068,15 +1061,15 @@ function Te(e) {
     }
   });
 }
-const Ao = ["transform", "translate", "scale", "rotate", "perspective"], Fo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Lo = ["paint", "layout", "strict", "content"];
-function _e(e) {
+const Ao = ["transform", "translate", "scale", "rotate", "perspective"], Lo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Fo = ["paint", "layout", "strict", "content"];
+function He(e) {
   const t = We(), o = W(e) ? j(e) : e;
-  return Ao.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || Fo.some((n) => (o.willChange || "").includes(n)) || Lo.some((n) => (o.contain || "").includes(n));
+  return Ao.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || Lo.some((n) => (o.willChange || "").includes(n)) || Fo.some((n) => (o.contain || "").includes(n));
 }
 function To(e) {
   let t = oe(e);
   for (; K(t) && !pe(t); ) {
-    if (_e(t))
+    if (He(t))
       return t;
     if (Te(t))
       return null;
@@ -1132,10 +1125,10 @@ function be(e, t, o) {
 function ze(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function ht(e) {
+function mt(e) {
   const t = j(e);
   let o = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const i = K(e), l = i ? e.offsetWidth : o, a = i ? e.offsetHeight : n, r = Ve(o) !== l || Ve(n) !== a;
+  const i = K(e), l = i ? e.offsetWidth : o, a = i ? e.offsetHeight : n, r = Re(o) !== l || Re(n) !== a;
   return r && (o = l, n = a), {
     width: o,
     height: n,
@@ -1153,15 +1146,15 @@ function fe(e) {
     width: n,
     height: i,
     $: l
-  } = ht(t);
-  let a = (l ? Ve(o.width) : o.width) / n, r = (l ? Ve(o.height) : o.height) / i;
+  } = mt(t);
+  let a = (l ? Re(o.width) : o.width) / n, r = (l ? Re(o.height) : o.height) / i;
   return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: a,
     y: r
   };
 }
 const Eo = /* @__PURE__ */ U(0);
-function mt(e) {
+function ht(e) {
   const t = P(e);
   return !We() || !t.visualViewport ? Eo : {
     x: t.visualViewport.offsetLeft,
@@ -1176,21 +1169,21 @@ function re(e, t, o, n) {
   const i = e.getBoundingClientRect(), l = je(e);
   let a = U(1);
   t && (n ? W(n) && (a = fe(n)) : a = fe(e));
-  const r = Io(l, o, n) ? mt(l) : U(0);
-  let c = (i.left + r.x) / a.x, d = (i.top + r.y) / a.y, u = i.width / a.x, v = i.height / a.y;
+  const r = Io(l, o, n) ? ht(l) : U(0);
+  let c = (i.left + r.x) / a.x, s = (i.top + r.y) / a.y, u = i.width / a.x, v = i.height / a.y;
   if (l) {
     const f = P(l), p = n && W(n) ? P(n) : n;
-    let h = f, b = ze(h);
-    for (; b && n && p !== h; ) {
-      const g = fe(b), m = b.getBoundingClientRect(), x = j(b), k = m.left + (b.clientLeft + parseFloat(x.paddingLeft)) * g.x, V = m.top + (b.clientTop + parseFloat(x.paddingTop)) * g.y;
-      c *= g.x, d *= g.y, u *= g.x, v *= g.y, c += k, d += V, h = P(b), b = ze(h);
+    let m = f, b = ze(m);
+    for (; b && n && p !== m; ) {
+      const g = fe(b), h = b.getBoundingClientRect(), x = j(b), k = h.left + (b.clientLeft + parseFloat(x.paddingLeft)) * g.x, R = h.top + (b.clientTop + parseFloat(x.paddingTop)) * g.y;
+      c *= g.x, s *= g.y, u *= g.x, v *= g.y, c += k, s += R, m = P(b), b = ze(m);
     }
   }
   return $e({
     width: u,
     height: v,
     x: c,
-    y: d
+    y: s
   });
 }
 function Ee(e, t) {
@@ -1217,18 +1210,18 @@ function Do(e) {
   let c = {
     scrollLeft: 0,
     scrollTop: 0
-  }, d = U(1);
+  }, s = U(1);
   const u = U(0), v = K(n);
   if ((v || !v && !l) && ((ce(n) !== "body" || ge(a)) && (c = Me(n)), K(n))) {
     const p = re(n);
-    d = fe(n), u.x = p.x + n.clientLeft, u.y = p.y + n.clientTop;
+    s = fe(n), u.x = p.x + n.clientLeft, u.y = p.y + n.clientTop;
   }
   const f = a && !v && !l ? bt(a, c) : U(0);
   return {
-    width: o.width * d.x,
-    height: o.height * d.y,
-    x: o.x * d.x - c.scrollLeft * d.x + u.x + f.x,
-    y: o.y * d.y - c.scrollTop * d.y + u.y + f.y
+    width: o.width * s.x,
+    height: o.height * s.y,
+    x: o.x * s.x - c.scrollLeft * s.x + u.x + f.x,
+    y: o.y * s.y - c.scrollTop * s.y + u.y + f.y
   };
 }
 function qo(e) {
@@ -1254,11 +1247,11 @@ function zo(e, t) {
     const u = We();
     (!u || u && t === "fixed") && (r = i.offsetLeft, c = i.offsetTop);
   }
-  const d = Ee(n);
-  if (d <= 0) {
-    const u = n.ownerDocument, v = u.body, f = getComputedStyle(v), p = u.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, h = Math.abs(n.clientWidth - v.clientWidth - p);
-    h <= Je && (l -= h);
-  } else d <= Je && (l += d);
+  const s = Ee(n);
+  if (s <= 0) {
+    const u = n.ownerDocument, v = u.body, f = getComputedStyle(v), p = u.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, m = Math.abs(n.clientWidth - v.clientWidth - p);
+    m <= Je && (l -= m);
+  } else s <= Je && (l += s);
   return {
     width: l,
     height: a,
@@ -1266,14 +1259,14 @@ function zo(e, t) {
     y: c
   };
 }
-const No = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Ho(e, t) {
-  const o = re(e, !0, t === "fixed"), n = o.top + e.clientTop, i = o.left + e.clientLeft, l = K(e) ? fe(e) : U(1), a = e.clientWidth * l.x, r = e.clientHeight * l.y, c = i * l.x, d = n * l.y;
+const _o = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function No(e, t) {
+  const o = re(e, !0, t === "fixed"), n = o.top + e.clientTop, i = o.left + e.clientLeft, l = K(e) ? fe(e) : U(1), a = e.clientWidth * l.x, r = e.clientHeight * l.y, c = i * l.x, s = n * l.y;
   return {
     width: a,
     height: r,
     x: c,
-    y: d
+    y: s
   };
 }
 function Qe(e, t, o) {
@@ -1283,9 +1276,9 @@ function Qe(e, t, o) {
   else if (t === "document")
     n = Po(X(e));
   else if (W(t))
-    n = Ho(t, o);
+    n = No(t, o);
   else {
-    const i = mt(e);
+    const i = ht(e);
     n = {
       x: t.x - i.x,
       y: t.y - i.y,
@@ -1299,7 +1292,7 @@ function gt(e, t) {
   const o = oe(e);
   return o === t || !W(o) || pe(o) ? !1 : j(o).position === "fixed" || gt(o, t);
 }
-function _o(e, t) {
+function Ho(e, t) {
   const o = t.get(e);
   if (o)
     return o;
@@ -1307,8 +1300,8 @@ function _o(e, t) {
   const l = j(e).position === "fixed";
   let a = l ? oe(e) : e;
   for (; W(a) && !pe(a); ) {
-    const r = j(a), c = _e(a);
-    !c && r.position === "fixed" && (i = null), (l ? !c && !i : !c && r.position === "static" && !!i && No.has(i.position) || ge(a) && !c && gt(e, a)) ? n = n.filter((u) => u !== a) : i = r, a = oe(a);
+    const r = j(a), c = He(a);
+    !c && r.position === "fixed" && (i = null), (l ? !c && !i : !c && r.position === "static" && !!i && _o.has(i.position) || ge(a) && !c && gt(e, a)) ? n = n.filter((u) => u !== a) : i = r, a = oe(a);
   }
   return t.set(e, n), n;
 }
@@ -1319,9 +1312,9 @@ function Wo(e) {
     rootBoundary: n,
     strategy: i
   } = e;
-  const a = [...o === "clippingAncestors" ? Te(t) ? [] : _o(t, this._c) : [].concat(o), n], r = a[0], c = a.reduce((d, u) => {
+  const a = [...o === "clippingAncestors" ? Te(t) ? [] : Ho(t, this._c) : [].concat(o), n], r = a[0], c = a.reduce((s, u) => {
     const v = Qe(t, u, i);
-    return d.top = ne(v.top, d.top), d.right = Se(v.right, d.right), d.bottom = Se(v.bottom, d.bottom), d.left = ne(v.left, d.left), d;
+    return s.top = ne(v.top, s.top), s.right = Se(v.right, s.right), s.bottom = Se(v.bottom, s.bottom), s.left = ne(v.left, s.left), s;
   }, Qe(t, r, i));
   return {
     width: c.right - c.left,
@@ -1334,7 +1327,7 @@ function jo(e) {
   const {
     width: t,
     height: o
-  } = ht(e);
+  } = mt(e);
   return {
     width: t,
     height: o
@@ -1347,15 +1340,15 @@ function Go(e, t, o) {
     scrollTop: 0
   };
   const c = U(0);
-  function d() {
+  function s() {
     c.x = Ee(i);
   }
   if (n || !n && !l)
     if ((ce(t) !== "body" || ge(i)) && (r = Me(t)), n) {
       const p = re(t, !0, l, t);
       c.x = p.x + t.clientLeft, c.y = p.y + t.clientTop;
-    } else i && d();
-  l && !n && i && d();
+    } else i && s();
+  l && !n && i && s();
   const u = i && !n && !l ? bt(i, r) : U(0), v = a.left + r.scrollLeft - c.x - u.x, f = a.top + r.scrollTop - c.y - u.y;
   return {
     x: v,
@@ -1391,7 +1384,7 @@ function yt(e, t) {
   let n = et(e, t);
   for (; n && $o(n) && Ie(n); )
     n = et(n, t);
-  return n && pe(n) && Ie(n) && !_e(n) ? o : n || To(e) || o;
+  return n && pe(n) && Ie(n) && !He(n) ? o : n || To(e) || o;
 }
 const Uo = async function(e) {
   const t = this.getOffsetParent || yt, o = this.getDimensions, n = await o(e.floating);
@@ -1432,29 +1425,29 @@ function Yo(e, t) {
   }
   function a(r, c) {
     r === void 0 && (r = !1), c === void 0 && (c = 1), l();
-    const d = e.getBoundingClientRect(), {
+    const s = e.getBoundingClientRect(), {
       left: u,
       top: v,
       width: f,
       height: p
-    } = d;
+    } = s;
     if (r || t(), !f || !p)
       return;
-    const h = xe(v), b = xe(i.clientWidth - (u + f)), g = xe(i.clientHeight - (v + p)), m = xe(u), k = {
-      rootMargin: -h + "px " + -b + "px " + -g + "px " + -m + "px",
+    const m = xe(v), b = xe(i.clientWidth - (u + f)), g = xe(i.clientHeight - (v + p)), h = xe(u), k = {
+      rootMargin: -m + "px " + -b + "px " + -g + "px " + -h + "px",
       threshold: ne(0, Se(1, c)) || 1
     };
-    let V = !0;
+    let R = !0;
     function T(L) {
       const B = L[0].intersectionRatio;
       if (B !== c) {
-        if (!V)
+        if (!R)
           return a();
         B ? a(!1, B) : n = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      B === 1 && !wt(d, e.getBoundingClientRect()) && a(), V = !1;
+      B === 1 && !wt(s, e.getBoundingClientRect()) && a(), R = !1;
     }
     try {
       o = new IntersectionObserver(T, {
@@ -1477,32 +1470,32 @@ function Zo(e, t, o, n) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = n, d = je(e), u = i || l ? [...d ? be(d) : [], ...be(t)] : [];
-  u.forEach((m) => {
-    i && m.addEventListener("scroll", o, {
+  } = n, s = je(e), u = i || l ? [...s ? be(s) : [], ...be(t)] : [];
+  u.forEach((h) => {
+    i && h.addEventListener("scroll", o, {
       passive: !0
-    }), l && m.addEventListener("resize", o);
+    }), l && h.addEventListener("resize", o);
   });
-  const v = d && r ? Yo(d, o) : null;
+  const v = s && r ? Yo(s, o) : null;
   let f = -1, p = null;
-  a && (p = new ResizeObserver((m) => {
-    let [x] = m;
-    x && x.target === d && p && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+  a && (p = new ResizeObserver((h) => {
+    let [x] = h;
+    x && x.target === s && p && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var k;
       (k = p) == null || k.observe(t);
     })), o();
-  }), d && !c && p.observe(d), p.observe(t));
-  let h, b = c ? re(e) : null;
+  }), s && !c && p.observe(s), p.observe(t));
+  let m, b = c ? re(e) : null;
   c && g();
   function g() {
-    const m = re(e);
-    b && !wt(b, m) && o(), b = m, h = requestAnimationFrame(g);
+    const h = re(e);
+    b && !wt(b, h) && o(), b = h, m = requestAnimationFrame(g);
   }
   return o(), () => {
-    var m;
+    var h;
     u.forEach((x) => {
       i && x.removeEventListener("scroll", o), l && x.removeEventListener("resize", o);
-    }), v?.(), (m = p) == null || m.disconnect(), p = null, c && cancelAnimationFrame(h);
+    }), v?.(), (h = p) == null || h.disconnect(), p = null, c && cancelAnimationFrame(m);
   };
 }
 const Jo = Bo, Qo = So, en = xo, tn = (e, t, o) => {
@@ -1524,12 +1517,12 @@ function on(e) {
 function tt(e) {
   if (on(e)) {
     const t = e.$el;
-    return He(t) && ce(t) === "#comment" ? null : t;
+    return Ne(t) && ce(t) === "#comment" ? null : t;
   }
   return e;
 }
-function me(e) {
-  return typeof e == "function" ? e() : s(e);
+function he(e) {
+  return typeof e == "function" ? e() : d(e);
 }
 function xt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
@@ -1542,17 +1535,17 @@ function nn(e, t, o) {
   o === void 0 && (o = {});
   const n = o.whileElementsMounted, i = C(() => {
     var B;
-    return (B = me(o.open)) != null ? B : !0;
-  }), l = C(() => me(o.middleware)), a = C(() => {
+    return (B = he(o.open)) != null ? B : !0;
+  }), l = C(() => he(o.middleware)), a = C(() => {
     var B;
-    return (B = me(o.placement)) != null ? B : "bottom";
+    return (B = he(o.placement)) != null ? B : "bottom";
   }), r = C(() => {
     var B;
-    return (B = me(o.strategy)) != null ? B : "absolute";
+    return (B = he(o.strategy)) != null ? B : "absolute";
   }), c = C(() => {
     var B;
-    return (B = me(o.transform)) != null ? B : !0;
-  }), d = C(() => tt(e.value)), u = C(() => tt(t.value)), v = I(0), f = I(0), p = I(r.value), h = I(a.value), b = Ot({}), g = I(!1), m = C(() => {
+    return (B = he(o.transform)) != null ? B : !0;
+  }), s = C(() => tt(e.value)), u = C(() => tt(t.value)), v = I(0), f = I(0), p = I(r.value), m = I(a.value), b = Ot({}), g = I(!1), h = C(() => {
     const B = {
       position: p.value,
       left: "0",
@@ -1575,27 +1568,27 @@ function nn(e, t, o) {
   });
   let x;
   function k() {
-    if (d.value == null || u.value == null)
+    if (s.value == null || u.value == null)
       return;
     const B = i.value;
-    tn(d.value, u.value, {
+    tn(s.value, u.value, {
       middleware: l.value,
       placement: a.value,
       strategy: r.value
     }).then((D) => {
-      v.value = D.x, f.value = D.y, p.value = D.strategy, h.value = D.placement, b.value = D.middlewareData, g.value = B !== !1;
+      v.value = D.x, f.value = D.y, p.value = D.strategy, m.value = D.placement, b.value = D.middlewareData, g.value = B !== !1;
     });
   }
-  function V() {
+  function R() {
     typeof x == "function" && (x(), x = void 0);
   }
   function T() {
-    if (V(), n === void 0) {
+    if (R(), n === void 0) {
       k();
       return;
     }
-    if (d.value != null && u.value != null) {
-      x = n(d.value, u.value, k);
+    if (s.value != null && u.value != null) {
+      x = n(s.value, u.value, k);
       return;
     }
   }
@@ -1604,22 +1597,22 @@ function nn(e, t, o) {
   }
   return J([l, a, r, i], k, {
     flush: "sync"
-  }), J([d, u], T, {
+  }), J([s, u], T, {
     flush: "sync"
   }), J(i, L, {
     flush: "sync"
-  }), At() && Ft(V), {
+  }), At() && Lt(R), {
     x: ue(v),
     y: ue(f),
     strategy: ue(p),
-    placement: ue(h),
+    placement: ue(m),
     middlewareData: ue(b),
     isPositioned: ue(g),
-    floatingStyles: m,
+    floatingStyles: h,
     update: k
   };
 }
-const ln = /* @__PURE__ */ N({
+const ln = /* @__PURE__ */ _({
   __name: "CaretDown",
   props: {
     color: { default: "dark-4" },
@@ -1627,7 +1620,7 @@ const ln = /* @__PURE__ */ N({
   },
   setup(e) {
     const t = e, o = C(
-      () => [A.svgFillColorVariant({ color: t.color }), t.className].filter(Boolean).join(" ")
+      () => [F.svgFillColorVariant({ color: t.color }), t.className].filter(Boolean).join(" ")
     );
     return (n, i) => (w(), S("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1636,18 +1629,18 @@ const ln = /* @__PURE__ */ N({
       focusable: "false",
       class: M(o.value)
     }, [...i[0] || (i[0] = [
-      F("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1)
+      A("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1)
     ])], 2));
   }
 }), an = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ke = (e) => typeof e == "string" ? e : e.text, De = (e) => typeof e == "string" ? e : e.value, rn = (e, t) => C(() => {
-  const o = H(e), n = H(t);
+  const o = N(e), n = N(t);
   if (n === "")
     return o;
   const i = new RegExp(an(n), "i");
   return o.filter((l) => i.test(ke(l)));
 }), sn = (e) => {
   const { isOpen: t, activeIndex: o, onSelect: n, onClear: i, onActiveChange: l } = e, a = (u) => {
-    const v = H(e.optionCount);
+    const v = N(e.optionCount);
     if (v <= 0) {
       o.value = -1;
       return;
@@ -1672,7 +1665,7 @@ const ln = /* @__PURE__ */ N({
           return;
         }
         a(
-          o.value < 0 ? H(e.optionCount) - 1 : o.value - 1
+          o.value < 0 ? N(e.optionCount) - 1 : o.value - 1
         );
         return;
       case "Home":
@@ -1681,7 +1674,7 @@ const ln = /* @__PURE__ */ N({
         return;
       case "End":
         if (!t.value) return;
-        u.preventDefault(), a(H(e.optionCount) - 1);
+        u.preventDefault(), a(N(e.optionCount) - 1);
         return;
       case "Enter":
         if (!t.value || o.value < 0) return;
@@ -1700,13 +1693,13 @@ const ln = /* @__PURE__ */ N({
       default:
         return;
     }
-  }, d = C(
-    () => t.value && o.value >= 0 ? `${H(e.idPrefix)}-option-${o.value}` : void 0
+  }, s = C(
+    () => t.value && o.value >= 0 ? `${N(e.idPrefix)}-option-${o.value}` : void 0
   );
-  return { onKeydown: c, activeDescendantId: d };
-}, dn = ["id", "placeholder", "disabled", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], cn = ["disabled"], un = ["disabled"], fn = ["id"], vn = ["id", "aria-selected", "onClick", "onMouseenter"], pn = ["id"], hn = ["name", "value"], mn = /* @__PURE__ */ N({
+  return { onKeydown: c, activeDescendantId: s };
+}, dn = ["id", "placeholder", "disabled", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], cn = ["disabled"], un = ["disabled"], fn = ["id"], vn = ["id", "aria-selected", "onClick", "onMouseenter"], pn = ["id"], mn = ["name", "value"], hn = /* @__PURE__ */ _({
   __name: "MclSelect",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     options: {},
     id: {},
     name: {},
@@ -1730,22 +1723,22 @@ const ln = /* @__PURE__ */ N({
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["open", "close", "clear", "changed", "select"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ H(["open", "close", "clear", "changed", "select"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = se(e, "modelValue"), i = t, l = de(o), a = Oe(o), r = I(), c = I(), d = I(), u = I([]), v = I(), f = I(!1), p = I(-1), h = (y) => {
+    const o = e, n = se(e, "modelValue"), i = t, l = de(o), a = Oe(o), r = I(), c = I(), s = I(), u = I([]), v = I(), f = I(!1), p = I(-1), m = (y) => {
       if (y === null || y === "") return "";
       const $ = o.options.find(
         (O) => De(O) === y
       );
       return $ ? ke($) : String(y);
-    }, b = I(h(n.value)), g = I(!1), m = rn(
+    }, b = I(m(n.value)), g = I(!1), h = rn(
       () => o.options,
       () => g.value ? b.value : ""
     ), x = (y, $) => {
       u.value[$] = y;
     }, k = (y) => {
       u.value[y]?.scrollIntoView?.({ block: "nearest" });
-    }, V = () => {
+    }, R = () => {
       f.value || (f.value = !0, g.value = !1, p.value = -1);
     }, T = () => {
       f.value = !1, p.value = -1;
@@ -1758,10 +1751,10 @@ const ln = /* @__PURE__ */ N({
     }, { onKeydown: D, activeDescendantId: Y } = sn({
       isOpen: f,
       activeIndex: p,
-      optionCount: () => m.value.length,
+      optionCount: () => h.value.length,
       idPrefix: () => l.id,
       onSelect: (y) => {
-        const $ = m.value[y];
+        const $ = h.value[y];
         $ !== void 0 && L($);
       },
       onClear: B,
@@ -1771,19 +1764,19 @@ const ln = /* @__PURE__ */ N({
         T();
         return;
       }
-      V(), c.value?.focus();
+      R(), c.value?.focus();
     }, ye = C(() => {
       const y = [
-        A.beforeBgColorVariant({ color: o.highlightColor })
+        F.beforeBgColorVariant({ color: o.highlightColor })
       ];
       return o.rounded && y.push("rounded-b-md"), y.join(" ");
-    }), he = C(() => {
+    }), me = C(() => {
       const y = [
-        A.bgColorVariant({ color: o.bgColor }),
-        A.borderColorVariant({ color: o.borderColor })
+        F.bgColorVariant({ color: o.bgColor }),
+        F.borderColorVariant({ color: o.borderColor })
       ];
       return o.showHighlight || y.push("mt-2xs"), o.rounded && y.push("rounded-md"), y.join(" ");
-    }), we = (y) => n.value !== null && n.value !== "" && De(y) === n.value, { floatingStyles: G } = nn(r, d, {
+    }), we = (y) => n.value !== null && n.value !== "" && De(y) === n.value, { floatingStyles: G } = nn(r, s, {
       whileElementsMounted: Zo,
       strategy: "absolute",
       open: f,
@@ -1793,14 +1786,14 @@ const ln = /* @__PURE__ */ N({
     });
     return It(r, () => {
       r.value && (v.value = r.value.clientWidth);
-    }), J(m, () => {
+    }), J(h, () => {
       p.value = -1;
     }), J(f, (y) => {
       if (y) {
         i("open");
         return;
       }
-      g.value && (b.value = h(n.value), g.value = !1), i("close");
+      g.value && (b.value = m(n.value), g.value = !1), i("close");
     }), J(
       () => l.disabled.value,
       (y) => {
@@ -1809,23 +1802,20 @@ const ln = /* @__PURE__ */ N({
     ), J(
       () => o.options,
       () => {
-        g.value || (b.value = h(n.value));
+        g.value || (b.value = m(n.value));
       }
     ), J(n, (y) => {
-      b.value = h(y), g.value = !1, y !== null && i("changed", y);
+      b.value = m(y), g.value = !1, y !== null && i("changed", y);
     }), (y, $) => ie((w(), S("div", {
       ref_key: "rootRef",
       ref: r,
       class: "relative"
     }, [
-      F("div", {
-        class: M(["relative flex gap-3xs p-2xs", [
-          s(a),
-          !e.showHighlight && f.value && s(A).ringColorVariant({ color: e.borderColor }) + " ring-4"
-        ]])
+      A("div", {
+        class: M(["relative flex gap-3xs p-2xs has-[input:focus-visible]:mcl-focus-ring", d(a)])
       }, [
-        ie(F("input", {
-          id: s(l).id,
+        ie(A("input", {
+          id: d(l).id,
           ref_key: "inputRef",
           ref: c,
           "onUpdate:modelValue": $[0] || ($[0] = (O) => b.value = O),
@@ -1834,18 +1824,18 @@ const ln = /* @__PURE__ */ N({
           autocomplete: "off",
           class: "w-full bg-transparent outline-none disabled:cursor-not-allowed",
           placeholder: e.placeholder,
-          disabled: s(l).disabled.value,
+          disabled: d(l).disabled.value,
           "aria-autocomplete": "list",
           "aria-expanded": f.value,
-          "aria-controls": `${s(l).id}-listbox`,
-          "aria-activedescendant": s(Y),
-          "aria-required": s(l).required.value || void 0,
-          "aria-invalid": s(l).invalid.value || void 0,
-          "aria-describedby": s(l).describedBy.value,
-          onFocus: V,
+          "aria-controls": `${d(l).id}-listbox`,
+          "aria-activedescendant": d(Y),
+          "aria-required": d(l).required.value || void 0,
+          "aria-invalid": d(l).invalid.value || void 0,
+          "aria-describedby": d(l).describedBy.value,
+          onFocus: R,
           onInput: $[1] || ($[1] = (O) => g.value = !0),
           onKeydown: $[2] || ($[2] = //@ts-ignore
-          (...O) => s(D) && s(D)(...O))
+          (...O) => d(D) && d(D)(...O))
         }, null, 40, dn), [
           [lt, b.value]
         ]),
@@ -1854,22 +1844,22 @@ const ln = /* @__PURE__ */ N({
           "data-mcl": "clear",
           type: "button",
           "aria-label": "Clear selection",
-          class: "flex items-center px-3xs",
-          disabled: s(l).disabled.value,
+          class: "flex items-center px-3xs focus-visible:mcl-focus-ring",
+          disabled: d(l).disabled.value,
           onClick: B
         }, [
           Ce(st, {
             color: e.iconColor,
             "class-name": "h-xs opacity-70"
           }, null, 8, ["color"])
-        ], 8, cn)) : R("", !0),
-        F("button", {
+        ], 8, cn)) : V("", !0),
+        A("button", {
           "data-mcl": "caret",
           type: "button",
           tabindex: "-1",
           "aria-label": "Toggle options",
           class: "flex items-center px-3xs",
-          disabled: s(l).disabled.value,
+          disabled: d(l).disabled.value,
           onClick: Z
         }, [
           Ce(ln, {
@@ -1881,81 +1871,81 @@ const ln = /* @__PURE__ */ N({
       e.showHighlight ? (w(), S("div", {
         key: 0,
         class: M(["relative -top-1 h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:transition-[width] before:duration-300 before:ease-linear", [f.value ? "before:w-full" : "before:w-0", ye.value]])
-      }, null, 2)) : R("", !0),
-      Ce(Lt, { name: "options" }, {
+      }, null, 2)) : V("", !0),
+      Ce(Ft, { name: "options" }, {
         default: le(() => [
-          f.value && s(m).length > 0 ? (w(), S("ul", {
+          f.value && d(h).length > 0 ? (w(), S("ul", {
             key: 0,
-            id: `${s(l).id}-listbox`,
+            id: `${d(l).id}-listbox`,
             ref_key: "dropdownRef",
-            ref: d,
+            ref: s,
             role: "listbox",
-            class: M(["max-h-[12.5rem] overflow-y-auto border-2", he.value]),
-            style: qe({ width: `${v.value}px`, ...s(G) })
+            class: M(["max-h-[12.5rem] overflow-y-auto border-2", me.value]),
+            style: qe({ width: `${v.value}px`, ...d(G) })
           }, [
             q(y.$slots, "dropdown", {
-              options: s(m),
+              options: d(h),
               activeIndex: p.value,
               optionClick: L,
               setRef: x,
               hover: (O) => p.value = O,
-              optionId: (O) => `${s(l).id}-option-${O}`
+              optionId: (O) => `${d(l).id}-option-${O}`
             }, () => [
-              (w(!0), S(Tt, null, Mt(s(m), (O, E) => (w(), S("li", {
-                id: `${s(l).id}-option-${E}`,
+              (w(!0), S(Tt, null, Mt(d(h), (O, E) => (w(), S("li", {
+                id: `${d(l).id}-option-${E}`,
                 key: E,
                 ref_for: !0,
                 ref: (z) => x(z, E),
                 role: "option",
                 class: M(["cursor-pointer p-2xs", [
-                  p.value === E && s(A).bgColorVariant({ color: e.optionHoverColor })
+                  p.value === E && d(F).bgColorVariant({ color: e.optionHoverColor })
                 ]]),
                 "aria-selected": we(O),
                 onClick: (z) => L(O),
                 onMouseenter: (z) => p.value = E
-              }, Q(s(ke)(O)), 43, vn))), 128))
+              }, Q(d(ke)(O)), 43, vn))), 128))
             ], !0)
-          ], 14, fn)) : R("", !0)
+          ], 14, fn)) : V("", !0)
         ]),
         _: 3
       }),
-      f.value && s(m).length === 0 ? (w(), S("div", {
+      f.value && d(h).length === 0 ? (w(), S("div", {
         key: 1,
-        id: `${s(l).id}-listbox`,
+        id: `${d(l).id}-listbox`,
         ref_key: "dropdownRef",
-        ref: d,
+        ref: s,
         role: "status",
-        class: M(["border-2 p-2xs", he.value]),
-        style: qe({ width: `${v.value}px`, ...s(G) })
+        class: M(["border-2 p-2xs", me.value]),
+        style: qe({ width: `${v.value}px`, ...d(G) })
       }, [
         q(y.$slots, "no-match", {}, () => [
-          F("span", null, Q(e.noMatchText), 1)
+          A("span", null, Q(e.noMatchText), 1)
         ], !0)
-      ], 14, pn)) : R("", !0),
-      s(l).name.value ? (w(), S("input", {
+      ], 14, pn)) : V("", !0),
+      d(l).name.value ? (w(), S("input", {
         key: 2,
         type: "hidden",
-        name: s(l).name.value,
+        name: d(l).name.value,
         value: n.value ?? ""
-      }, null, 8, hn)) : R("", !0),
-      s(l).feedbackOwnedByGroup ? R("", !0) : (w(), te(ve, {
+      }, null, 8, mn)) : V("", !0),
+      d(l).feedbackOwnedByGroup ? V("", !0) : (w(), te(ve, {
         key: 3,
-        id: s(l).errorId,
-        invalid: s(l).invalid.value,
+        id: d(l).errorId,
+        invalid: d(l).invalid.value,
         text: e.invalidFeedback
       }, {
         default: le(() => [
-          y.$slots["invalid-feedback"] ? q(y.$slots, "invalid-feedback", { key: 0 }, void 0, !0) : R("", !0)
+          y.$slots["invalid-feedback"] ? q(y.$slots, "invalid-feedback", { key: 0 }, void 0, !0) : V("", !0)
         ]),
         _: 3
       }, 8, ["id", "invalid", "text"]))
     ])), [
-      [s(Et), T]
+      [d(Et), T]
     ]);
   }
-}), On = /* @__PURE__ */ dt(mn, [["__scopeId", "data-v-2695c901"]]), bn = ["id", "name", "rows", "placeholder", "required", "disabled", "aria-invalid", "aria-describedby"], An = /* @__PURE__ */ N({
+}), On = /* @__PURE__ */ dt(hn, [["__scopeId", "data-v-1c4c7f20"]]), bn = ["id", "name", "rows", "placeholder", "required", "disabled", "aria-invalid", "aria-describedby"], An = /* @__PURE__ */ _({
   __name: "MclTextArea",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     id: {},
     name: {},
     placeholder: { default: "" },
@@ -1980,42 +1970,41 @@ const ln = /* @__PURE__ */ N({
   setup(e) {
     const t = e, o = se(e, "modelValue"), n = de(t), i = Oe(t);
     return (l, a) => (w(), S("div", null, [
-      ie(F("textarea", {
-        id: s(n).id,
+      ie(A("textarea", {
+        id: d(n).id,
         "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
-        class: M(["peer w-full p-2xs outline-none disabled:cursor-not-allowed disabled:opacity-50", s(i)]),
-        name: s(n).name.value,
+        class: M(["peer block w-full p-2xs outline-none disabled:cursor-not-allowed disabled:opacity-50", d(i)]),
+        name: d(n).name.value,
         rows: e.rows,
         placeholder: e.placeholder,
-        required: s(n).required.value,
-        disabled: s(n).disabled.value,
-        "aria-invalid": s(n).invalid.value || void 0,
-        "aria-describedby": s(n).describedBy.value
+        required: d(n).required.value,
+        disabled: d(n).disabled.value,
+        "aria-invalid": d(n).invalid.value || void 0,
+        "aria-describedby": d(n).describedBy.value
       }, null, 10, bn), [
         [lt, o.value]
       ]),
       e.showHighlight ? (w(), te(ct, {
         key: 0,
         color: e.highlightColor,
-        rounded: e.rounded,
-        offset: 2.5
-      }, null, 8, ["color", "rounded"])) : R("", !0),
-      s(n).feedbackOwnedByGroup ? R("", !0) : (w(), te(ve, {
+        rounded: e.rounded
+      }, null, 8, ["color", "rounded"])) : V("", !0),
+      d(n).feedbackOwnedByGroup ? V("", !0) : (w(), te(ve, {
         key: 1,
-        id: s(n).errorId,
-        invalid: s(n).invalid.value,
+        id: d(n).errorId,
+        invalid: d(n).invalid.value,
         text: e.invalidFeedback
       }, {
         default: le(() => [
-          l.$slots["invalid-feedback"] ? q(l.$slots, "invalid-feedback", { key: 0 }) : R("", !0)
+          l.$slots["invalid-feedback"] ? q(l.$slots, "invalid-feedback", { key: 0 }) : V("", !0)
         ]),
         _: 3
       }, 8, ["id", "invalid", "text"]))
     ]));
   }
-}), gn = { class: "relative inline-flex" }, yn = ["id", "name", "value", "required", "disabled", "aria-invalid", "aria-describedby"], Fn = /* @__PURE__ */ N({
+}), gn = { class: "relative inline-flex" }, yn = ["id", "name", "value", "required", "disabled", "aria-invalid", "aria-describedby"], Ln = /* @__PURE__ */ _({
   __name: "MclCheckbox",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     id: {},
     name: {},
     size: { default: "md" },
@@ -2033,40 +2022,40 @@ const ln = /* @__PURE__ */ N({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = se(e, "modelValue"), i = t, l = de(o, { rendersOwnFeedback: !1 }), { boxClass: a, sizeClass: r } = Ne(o), c = (d) => {
-      i("change", d);
+    const o = e, n = se(e, "modelValue"), i = t, l = de(o, { rendersOwnFeedback: !1 }), { boxClass: a, sizeClass: r } = _e(o), c = (s) => {
+      i("change", s);
     };
-    return (d, u) => (w(), S("div", gn, [
-      ie(F("input", {
-        id: s(l).id,
+    return (s, u) => (w(), S("div", gn, [
+      ie(A("input", {
+        id: d(l).id,
         "onUpdate:modelValue": u[0] || (u[0] = (v) => n.value = v),
         type: "checkbox",
         class: "peer absolute inset-0 z-10 h-full w-full cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed",
-        name: s(l).name.value,
+        name: d(l).name.value,
         value: e.value,
-        required: s(l).required.value,
-        disabled: s(l).disabled.value,
-        "aria-invalid": s(l).invalid.value || void 0,
-        "aria-describedby": s(l).describedBy.value,
+        required: d(l).required.value,
+        disabled: d(l).disabled.value,
+        "aria-invalid": d(l).invalid.value || void 0,
+        "aria-describedby": d(l).describedBy.value,
         onChange: c
       }, null, 40, yn), [
         [nt, n.value]
       ]),
-      F("span", {
+      A("span", {
         "aria-hidden": "true",
-        class: M(["relative inline-block border p-3xs transition-colors duration-200 ease-linear peer-disabled:opacity-50 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-opacity before:duration-200 peer-checked:before:opacity-100", [s(a), s(r)]])
+        class: M(["relative inline-block border p-3xs transition-colors duration-200 ease-linear peer-disabled:opacity-50 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-opacity before:duration-200 peer-checked:before:opacity-100", [d(a), d(r)]])
       }, null, 2)
     ]));
   }
 });
 export {
-  Fn as MclCheckbox,
+  Ln as MclCheckbox,
   Bn as MclFormGroup,
   Sn as MclInputFile,
-  Vn as MclInputRadio,
-  Rn as MclInputSwitch,
+  Rn as MclInputRadio,
+  Vn as MclInputSwitch,
   $n as MclInputText,
   On as MclSelect,
   An as MclTextArea