@bobbykim/mcl-forms 0.9.1 → 0.9.3

package/dist/mcl-forms.js

@@ -1,8 +1,8 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.switch[data-v-07d209bd]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-07d209bd]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-07d209bd]:before{transform:translate(var(--slider-size))}.options-enter-active[data-v-f80afd47],.options-leave-active[data-v-f80afd47]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-f80afd47],.options-leave-to[data-v-f80afd47]{opacity:0;transform:translateY(-10px)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as q, useSlots as je, computed as R, openBlock as A, createElementBlock as V, createElementVNode as O, renderSlot as de, normalizeClass as S, toDisplayString as fe, mergeModels as X, useModel as ae, ref as T, unref as W, createCommentVNode as pe, normalizeStyle as We, withDirectives as re, vModelCheckbox as qe, vModelDynamic as ut, createBlock as Ue, shallowRef as dt, watch as ne, getCurrentScope as ft, onScopeDispose as pt, shallowReadonly as oe, withKeys as be, vModelText as Xe, createVNode as ht, Transition as gt, withCtx as mt, Fragment as vt, renderList as bt } from "vue";
-import x, { vClickOutside as yt } from "@bobbykim/manguito-theme";
-import { useResizeObserver as wt } from "@vueuse/core";
-const xt = ["for"], Ro = /* @__PURE__ */ q({
+import { defineComponent as q, useSlots as We, computed as R, createElementBlock as F, openBlock as S, createElementVNode as B, renderSlot as de, normalizeClass as A, toDisplayString as fe, mergeModels as K, useModel as ae, ref as M, createCommentVNode as pe, unref as W, normalizeStyle as qe, withDirectives as ie, vModelCheckbox as Ue, createBlock as Xe, vModelDynamic as dt, shallowRef as ft, watch as le, getCurrentScope as pt, onScopeDispose as ht, shallowReadonly as oe, withKeys as ye, createVNode as gt, vModelText as Ke, Transition as mt, withCtx as vt, Fragment as yt, renderList as bt } from "vue";
+import x, { vClickOutside as wt } from "@bobbykim/manguito-theme";
+import { useResizeObserver as xt } from "@vueuse/core";
+const kt = ["for"], On = /* @__PURE__ */ q({
   __name: "MclFormGroup",
   props: {
     labelFor: {},
@@ -13,31 +13,31 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
   },
   setup(e) {
     const t = e;
-    je();
-    const o = R(() => {
-      const { textColor: n, textSize: l, textBold: i } = t, r = [
-        x("TEXTCOLOR", n),
+    We();
+    const n = R(() => {
+      const { textColor: o, textSize: l, textBold: i } = t, r = [
+        x("TEXTCOLOR", o),
         x("BODYTEXT", l)
       ];
       return i && r.push("font-bold"), r.join(" ");
     });
-    return (n, l) => (A(), V("div", null, [
-      O("label", {
-        for: n.labelFor,
+    return (o, l) => (S(), F("div", null, [
+      B("label", {
+        for: o.labelFor,
         class: "inline-block"
       }, [
-        de(n.$slots, "label", {}, () => [
-          O("p", {
-            class: S(["mb-2xs", o.value])
-          }, fe(n.label), 3)
+        de(o.$slots, "label", {}, () => [
+          B("p", {
+            class: A(["mb-2xs", n.value])
+          }, fe(o.label), 3)
         ])
-      ], 8, xt),
-      de(n.$slots, "default")
+      ], 8, kt),
+      de(o.$slots, "default")
     ]));
   }
-}), kt = { class: "shrink-0 my-3xs ml-3xs mr-xs" }, Ct = ["id", "required", "accept"], Oo = /* @__PURE__ */ q({
+}), Ct = { class: "shrink-0 my-3xs ml-3xs mr-xs" }, Rt = ["id", "required", "accept"], Bn = /* @__PURE__ */ q({
   __name: "MclInputFile",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ K({
     id: {},
     displayBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
@@ -57,70 +57,70 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = ae(e, "modelValue"), n = T(), l = T(0), i = () => {
-      n.value.click();
-    }, r = (c) => {
-      const d = c.target.files[0];
-      o.value = d;
+    const t = e, n = ae(e, "modelValue"), o = M(), l = M(0), i = () => {
+      o.value.click();
+    }, r = (d) => {
+      const c = d.target.files[0];
+      n.value = c;
     }, a = () => {
-      o.value = null, l.value++;
-    }, f = R(() => {
-      const { rounded: c, displayBorder: d, borderColor: g, displayShadow: v, bgColor: y } = t, m = [x("BGCOLOR", y)];
-      return c && m.push("rounded-md"), d && (m.push("border-2"), m.push(x("BORDER", g))), v && m.push("shadow-md"), m.join(" ");
+      n.value = null, l.value++;
+    }, p = R(() => {
+      const { rounded: d, displayBorder: c, borderColor: g, displayShadow: y, bgColor: b } = t, m = [x("BGCOLOR", b)];
+      return d && m.push("rounded-md"), c && (m.push("border-2"), m.push(x("BORDER", g))), y && m.push("shadow-md"), m.join(" ");
     }), u = R(() => {
-      const { textColor: c } = t;
-      return [x("TEXTCOLOR", c)].join(" ");
-    }), p = R(() => {
-      const { buttonColor: c, buttonTextColor: d, rounded: g } = t, v = [
-        x("BGCOLOR", c),
-        x("TEXTCOLOR", d)
+      const { textColor: d } = t;
+      return [x("TEXTCOLOR", d)].join(" ");
+    }), f = R(() => {
+      const { buttonColor: d, buttonTextColor: c, rounded: g } = t, y = [
+        x("BGCOLOR", d),
+        x("TEXTCOLOR", c)
       ];
-      return g && v.push("rounded-l-md"), v.join(" ");
+      return g && y.push("rounded-l-md"), y.join(" ");
     }), s = R(() => {
-      const { buttonColor: c, rounded: d } = t, g = [x("BGCOLOR", c)];
-      return d && g.push("rounded-r-md"), g.join(" ");
+      const { buttonColor: d, rounded: c } = t, g = [x("BGCOLOR", d)];
+      return c && g.push("rounded-r-md"), g.join(" ");
     });
-    return (c, d) => (A(), V("div", {
-      class: S(["flex items-center overflow-hidden", f.value])
+    return (d, c) => (S(), F("div", {
+      class: A(["flex items-center overflow-hidden", p.value])
     }, [
-      O("div", kt, [
-        O("button", {
-          class: S(["px-xs py-2xs hover:bg-opacity-70 transition-all duration-200 ease-linear max-w-full", p.value]),
+      B("div", Ct, [
+        B("button", {
+          class: A(["px-xs py-2xs hover:bg-opacity-70 transition-all duration-200 ease-linear max-w-full", f.value]),
           onClick: i
-        }, fe(c.buttonText), 3)
+        }, fe(d.buttonText), 3)
       ]),
-      (A(), V("input", {
+      (S(), F("input", {
         type: "file",
-        id: c.id,
+        id: d.id,
         ref_key: "inputRef",
-        ref: n,
-        class: S(["file:hidden w-full bg-transparent", [u.value]]),
-        required: c.isRequired,
-        accept: c.accept,
+        ref: o,
+        class: A(["file:hidden w-full bg-transparent", [u.value]]),
+        required: d.isRequired,
+        accept: d.accept,
         key: l.value,
         onChange: r
-      }, null, 42, Ct)),
-      c.displayClear ? (A(), V("div", {
+      }, null, 42, Rt)),
+      d.displayClear ? (S(), F("div", {
         key: 0,
         class: "self-stretch my-3xs mr-3xs",
         onClick: a
       }, [
-        O("button", {
-          class: S(["px-xs py-2xs h-full flex items-center hover:bg-opacity-70 transition-all duration-200 ease-linear", [s.value]]),
+        B("button", {
+          class: A(["px-xs py-2xs h-full flex items-center hover:bg-opacity-70 transition-all duration-200 ease-linear", [s.value]]),
           "aria-label": "clear"
         }, [
-          (A(), V("svg", {
+          (S(), F("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 384 512",
-            class: S(["h-xs", W(x)("SVGFILL", c.buttonTextColor)])
-          }, d[0] || (d[0] = [
-            O("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)
+            class: A(["h-xs", W(x)("SVGFILL", d.buttonTextColor)])
+          }, c[0] || (c[0] = [
+            B("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))
         ], 2)
       ])) : pe("", !0)
     ], 2));
   }
-}), Rt = { class: "flex items-center" }, Ot = ["id", "value", "checked"], Bo = /* @__PURE__ */ q({
+}), Ot = { class: "flex items-center" }, Bt = ["id", "value", "checked"], Ln = /* @__PURE__ */ q({
   __name: "MclInputRadio",
   props: {
     id: {},
@@ -133,45 +133,45 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const o = e, n = T(), l = t, i = () => {
-      var p;
-      (p = n.value) == null || p.click();
+    const n = e, o = M(), l = t, i = () => {
+      var f;
+      (f = o.value) == null || f.click();
     }, r = R(() => {
-      const { radioSize: p } = o;
-      return p === "sm" ? "h-xs w-xs" : p === "lg" ? "h-md w-md" : "h-sm w-sm";
+      const { radioSize: f } = n;
+      return f === "sm" ? "h-xs w-xs" : f === "lg" ? "h-md w-md" : "h-sm w-sm";
     }), a = R(() => {
-      const { radioSize: p } = o;
-      return p === "sm" ? "peer-checked:before:h-2xs peer-checked:before:w-2xs" : p === "lg" ? "peer-checked:before:h-xs peer-checked:before:w-xs" : "peer-checked:before:h-[12px] peer-checked:before:w-[12px]";
-    }), f = R(() => {
-      const { bgColor: p, checkedColor: s, displayShadow: c } = o, d = [
-        x("BGCOLOR", p),
+      const { radioSize: f } = n;
+      return f === "sm" ? "peer-checked:before:h-2xs peer-checked:before:w-2xs" : f === "lg" ? "peer-checked:before:h-xs peer-checked:before:w-xs" : "peer-checked:before:h-[12px] peer-checked:before:w-[12px]";
+    }), p = R(() => {
+      const { bgColor: f, checkedColor: s, displayShadow: d } = n, c = [
+        x("BGCOLOR", f),
         x("BEFOREBG", s)
       ];
-      return c && d.push("drop-shadow-md"), d.join(" ");
-    }), u = (p) => {
-      const s = p.target.value;
-      l("change", p, s);
+      return d && c.push("drop-shadow-md"), c.join(" ");
+    }), u = (f) => {
+      const s = f.target.value;
+      l("change", f, s);
     };
-    return (p, s) => (A(), V("div", Rt, [
-      O("input", {
-        id: p.id,
+    return (f, s) => (S(), F("div", Ot, [
+      B("input", {
+        id: f.id,
         type: "radio",
         class: "appearance-none peer",
         ref_key: "radioRef",
-        ref: n,
-        value: p.value,
-        checked: p.checked,
+        ref: o,
+        value: f.value,
+        checked: f.checked,
         onChange: u
-      }, null, 40, Ot),
-      O("span", {
-        class: S(["rounded-full inline-block relative before:absolute before:rounded-full before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2", [r.value, a.value, f.value]]),
+      }, null, 40, Bt),
+      B("span", {
+        class: A(["rounded-full inline-block relative before:absolute before:rounded-full before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2", [r.value, a.value, p.value]]),
         onClick: i
       }, null, 2)
     ]));
   }
-}), Bt = ["id"], Lt = /* @__PURE__ */ q({
+}), Lt = ["id"], At = /* @__PURE__ */ q({
   __name: "MclInputSwitch",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ K({
     id: {},
     sliderColor: { default: "light-1" },
     onColor: { default: "success" },
@@ -184,7 +184,7 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = ae(e, "modelValue"), n = T(), l = {
+    const t = e, n = ae(e, "modelValue"), o = M(), l = {
       primary: "peer-checked/input:bg-primary",
       secondary: "peer-checked/input:bg-secondary",
       success: "peer-checked/input:bg-success",
@@ -203,8 +203,8 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
       black: "peer-checked/input:bg-black",
       white: "peer-checked/input:bg-white"
     }, i = () => {
-      var f;
-      (f = n.value) == null || f.click();
+      var p;
+      (p = o.value) == null || p.click();
     }, r = R(() => t.switchSize === "sm" ? {
       "--switch-width": "30px",
       "--switch-height": "17px",
@@ -221,39 +221,39 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
       "--slider-size": "19.5px",
       "--gutter-size": "3px"
     }), a = R(() => {
-      const { sliderColor: f, onColor: u, offColor: p, rounded: s } = t, c = [
-        x("BGCOLOR", p),
-        x("BEFOREBG", f),
+      const { sliderColor: p, onColor: u, offColor: f, rounded: s } = t, d = [
+        x("BGCOLOR", f),
+        x("BEFOREBG", p),
         l[u]
       ];
-      return s && c.push("rounded-full before:rounded-full"), c.join(" ");
+      return s && d.push("rounded-full before:rounded-full"), d.join(" ");
     });
-    return (f, u) => (A(), V("div", {
+    return (p, u) => (S(), F("div", {
       class: "switch relative",
-      style: We(r.value),
+      style: qe(r.value),
       onClick: i
     }, [
-      re(O("input", {
-        id: f.id,
+      ie(B("input", {
+        id: p.id,
         class: "hidden peer/input",
-        "onUpdate:modelValue": u[0] || (u[0] = (p) => o.value = p),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => n.value = f),
         ref_key: "inputRef",
-        ref: n,
+        ref: o,
         type: "checkbox"
-      }, null, 8, Bt), [
-        [qe, o.value]
+      }, null, 8, Lt), [
+        [Ue, n.value]
       ]),
-      O("span", {
-        class: S(["slider absolute inset-0 cursor-pointer transition-all duration-300 before:absolute before:transition-all before:duration-300", a.value])
+      B("span", {
+        class: A(["slider absolute inset-0 cursor-pointer transition-all duration-300 before:absolute before:transition-all before:duration-300", a.value])
       }, null, 2)
     ], 4));
   }
-}), Ke = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [n, l] of t)
-    o[n] = l;
-  return o;
-}, Lo = /* @__PURE__ */ Ke(Lt, [["__scopeId", "data-v-07d209bd"]]), Ye = /* @__PURE__ */ q({
+}), Ye = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, l] of t)
+    n[o] = l;
+  return n;
+}, An = /* @__PURE__ */ Ye(At, [["__scopeId", "data-v-07d209bd"]]), Je = /* @__PURE__ */ q({
   __name: "InputHighlight",
   props: {
     color: { default: "primary" },
@@ -261,20 +261,20 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
     offset: { default: 1 }
   },
   setup(e) {
-    const t = e, o = {
+    const t = e, n = {
       1: "-top-1",
       2.5: "-top-2.5"
-    }, n = R(() => {
+    }, o = R(() => {
       const l = [x("BEFOREBG", t.color)];
-      return t.rounded && l.push("rounded-b-md"), l.push(o[t.offset]), l.join(" ");
+      return t.rounded && l.push("rounded-b-md"), l.push(n[t.offset]), l.join(" ");
     });
-    return (l, i) => (A(), V("div", {
-      class: S(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 peer-focus:before:w-full before:transition-[width] before:duration-300 before:ease-linear", n.value])
+    return (l, i) => (S(), F("div", {
+      class: A(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 peer-focus:before:w-full before:transition-[width] before:duration-300 before:ease-linear", o.value])
     }, null, 2));
   }
-}), St = ["id", "type", "placeholder", "required", "minlength", "maxlength", "pattern"], At = { class: "peer-valid/validation:hidden peer-inavlid/validation:block ml-3xs" }, Et = { class: "text-xs text-danger" }, So = /* @__PURE__ */ q({
+}), St = ["id", "type", "placeholder", "required", "minlength", "maxlength", "pattern"], Et = { class: "peer-valid/validation:hidden peer-inavlid/validation:block ml-3xs" }, Tt = { class: "text-xs text-danger" }, Sn = /* @__PURE__ */ q({
   __name: "MclInputText",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ K({
     id: {},
     displayBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
@@ -297,104 +297,104 @@ const xt = ["for"], Ro = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = ae(e, "modelValue"), n = R(() => {
+    const t = e, n = ae(e, "modelValue"), o = R(() => {
       const {
         bgColor: l,
         displayBorder: i,
         borderColor: r,
         displayHighlight: a,
-        displayShadow: f,
+        displayShadow: p,
         rounded: u,
-        textcolor: p
+        textcolor: f
       } = t, s = [
         x("BGCOLOR", l),
-        x("TEXTCOLOR", p)
+        x("TEXTCOLOR", f)
       ];
       return i && (s.push("border-2"), s.push(x("BORDER", r))), a || (s.push(
         "focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"
-      ), s.push(x("FOCUSRING", r))), f && s.push("shadow-md"), u && s.push("rounded-md"), s.join(" ");
+      ), s.push(x("FOCUSRING", r))), p && s.push("shadow-md"), u && s.push("rounded-md"), s.join(" ");
     });
-    return (l, i) => (A(), V("div", null, [
-      re(O("input", {
+    return (l, i) => (S(), F("div", null, [
+      ie(B("input", {
         id: l.id,
         type: l.type,
-        class: S(["w-full p-2xs outline-none peer peer/validation", n.value]),
-        "onUpdate:modelValue": i[0] || (i[0] = (r) => o.value = r),
+        class: A(["w-full p-2xs outline-none peer peer/validation", o.value]),
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => n.value = r),
         placeholder: l.placeholder,
         required: l.required,
         minlength: l.minLength,
         maxlength: l.maxLength,
         pattern: l.pattern
       }, null, 10, St), [
-        [ut, o.value]
+        [dt, n.value]
       ]),
-      l.displayHighlight ? (A(), Ue(Ye, {
+      l.displayHighlight ? (S(), Xe(Je, {
         key: 0,
         color: l.highlightColor,
         rounded: l.rounded
       }, null, 8, ["color", "rounded"])) : pe("", !0),
-      O("div", At, [
+      B("div", Et, [
         de(l.$slots, "invalid-feedback", {}, () => [
-          O("span", Et, fe(l.invalidFeedback), 1)
+          B("span", Tt, fe(l.invalidFeedback), 1)
         ])
       ])
     ]));
   }
-}), we = Math.min, J = Math.max, xe = Math.round, ye = Math.floor, P = (e) => ({
+}), we = Math.min, J = Math.max, xe = Math.round, be = Math.floor, P = (e) => ({
   x: e,
   y: e
-}), Tt = {
+}), Vt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Vt = {
+}, Mt = {
   start: "end",
   end: "start"
 };
-function Ie(e, t, o) {
-  return J(e, we(t, o));
+function ze(e, t, n) {
+  return J(e, we(t, n));
 }
 function Re(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Q(e) {
+function Z(e) {
   return e.split("-")[0];
 }
 function Oe(e) {
   return e.split("-")[1];
 }
-function Je(e) {
+function Qe(e) {
   return e === "x" ? "y" : "x";
 }
-function Qe(e) {
+function Ze(e) {
   return e === "y" ? "height" : "width";
 }
-function ie(e) {
-  return ["top", "bottom"].includes(Q(e)) ? "y" : "x";
+function Q(e) {
+  return ["top", "bottom"].includes(Z(e)) ? "y" : "x";
 }
-function Ze(e) {
-  return Je(ie(e));
+function et(e) {
+  return Qe(Q(e));
 }
-function Mt(e, t, o) {
-  o === void 0 && (o = !1);
-  const n = Oe(e), l = Ze(e), i = Qe(l);
-  let r = l === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+function Ft(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = Oe(e), l = et(e), i = Ze(l);
+  let r = l === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (r = ke(r)), [r, ke(r)];
 }
 function Dt(e) {
   const t = ke(e);
-  return [Ee(e), t, Ee(t)];
+  return [Te(e), t, Te(t)];
 }
-function Ee(e) {
-  return e.replace(/start|end/g, (t) => Vt[t]);
+function Te(e) {
+  return e.replace(/start|end/g, (t) => Mt[t]);
 }
-function Ft(e, t, o) {
-  const n = ["left", "right"], l = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
+function $t(e, t, n) {
+  const o = ["left", "right"], l = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
-      return o ? t ? l : n : t ? n : l;
+      return n ? t ? l : o : t ? o : l;
     case "left":
     case "right":
       return t ? i : r;
@@ -402,15 +402,15 @@ function Ft(e, t, o) {
       return [];
   }
 }
-function $t(e, t, o, n) {
+function It(e, t, n, o) {
   const l = Oe(e);
-  let i = Ft(Q(e), o === "start", n);
-  return l && (i = i.map((r) => r + "-" + l), t && (i = i.concat(i.map(Ee)))), i;
+  let i = $t(Z(e), n === "start", o);
+  return l && (i = i.map((r) => r + "-" + l), t && (i = i.concat(i.map(Te)))), i;
 }
 function ke(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Tt[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => Vt[t]);
 }
-function It(e) {
+function zt(e) {
   return {
     top: 0,
     right: 0,
@@ -419,8 +419,8 @@ function It(e) {
     ...e
   };
 }
-function zt(e) {
-  return typeof e != "number" ? It(e) : {
+function _t(e) {
+  return typeof e != "number" ? zt(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -430,100 +430,100 @@ function zt(e) {
 function Ce(e) {
   const {
     x: t,
-    y: o,
-    width: n,
+    y: n,
+    width: o,
     height: l
   } = e;
   return {
-    width: n,
+    width: o,
     height: l,
-    top: o,
+    top: n,
     left: t,
-    right: t + n,
-    bottom: o + l,
+    right: t + o,
+    bottom: n + l,
     x: t,
-    y: o
+    y: n
   };
 }
-function ze(e, t, o) {
+function _e(e, t, n) {
   let {
-    reference: n,
+    reference: o,
     floating: l
   } = e;
-  const i = ie(t), r = Ze(t), a = Qe(r), f = Q(t), u = i === "y", p = n.x + n.width / 2 - l.width / 2, s = n.y + n.height / 2 - l.height / 2, c = n[a] / 2 - l[a] / 2;
-  let d;
-  switch (f) {
+  const i = Q(t), r = et(t), a = Ze(r), p = Z(t), u = i === "y", f = o.x + o.width / 2 - l.width / 2, s = o.y + o.height / 2 - l.height / 2, d = o[a] / 2 - l[a] / 2;
+  let c;
+  switch (p) {
     case "top":
-      d = {
-        x: p,
-        y: n.y - l.height
+      c = {
+        x: f,
+        y: o.y - l.height
       };
       break;
     case "bottom":
-      d = {
-        x: p,
-        y: n.y + n.height
+      c = {
+        x: f,
+        y: o.y + o.height
       };
       break;
     case "right":
-      d = {
-        x: n.x + n.width,
+      c = {
+        x: o.x + o.width,
         y: s
       };
       break;
     case "left":
-      d = {
-        x: n.x - l.width,
+      c = {
+        x: o.x - l.width,
         y: s
       };
       break;
     default:
-      d = {
-        x: n.x,
-        y: n.y
+      c = {
+        x: o.x,
+        y: o.y
       };
   }
   switch (Oe(t)) {
     case "start":
-      d[r] -= c * (o && u ? -1 : 1);
+      c[r] -= d * (n && u ? -1 : 1);
       break;
     case "end":
-      d[r] += c * (o && u ? -1 : 1);
+      c[r] += d * (n && u ? -1 : 1);
       break;
   }
-  return d;
+  return c;
 }
-const _t = async (e, t, o) => {
+const Pt = async (e, t, n) => {
   const {
-    placement: n = "bottom",
+    placement: o = "bottom",
     strategy: l = "absolute",
     middleware: i = [],
     platform: r
-  } = o, a = i.filter(Boolean), f = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  } = n, a = i.filter(Boolean), p = await (r.isRTL == null ? void 0 : r.isRTL(t));
   let u = await r.getElementRects({
     reference: e,
     floating: t,
     strategy: l
   }), {
-    x: p,
+    x: f,
     y: s
-  } = ze(u, n, f), c = n, d = {}, g = 0;
-  for (let v = 0; v < a.length; v++) {
+  } = _e(u, o, p), d = o, c = {}, g = 0;
+  for (let y = 0; y < a.length; y++) {
     const {
-      name: y,
+      name: b,
       fn: m
-    } = a[v], {
+    } = a[y], {
       x: w,
       y: C,
       data: E,
-      reset: B
+      reset: L
     } = await m({
-      x: p,
+      x: f,
       y: s,
-      initialPlacement: n,
-      placement: c,
+      initialPlacement: o,
+      placement: d,
       strategy: l,
-      middlewareData: d,
+      middlewareData: c,
       rects: u,
       platform: r,
       elements: {
@@ -531,52 +531,52 @@ const _t = async (e, t, o) => {
         floating: t
       }
     });
-    p = w ?? p, s = C ?? s, d = {
-      ...d,
-      [y]: {
-        ...d[y],
+    f = w ?? f, s = C ?? s, c = {
+      ...c,
+      [b]: {
+        ...c[b],
         ...E
       }
-    }, B && g <= 50 && (g++, typeof B == "object" && (B.placement && (c = B.placement), B.rects && (u = B.rects === !0 ? await r.getElementRects({
+    }, L && g <= 50 && (g++, typeof L == "object" && (L.placement && (d = L.placement), L.rects && (u = L.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: l
-    }) : B.rects), {
-      x: p,
+    }) : L.rects), {
+      x: f,
       y: s
-    } = ze(u, c, f)), v = -1);
+    } = _e(u, d, p)), y = -1);
   }
   return {
-    x: p,
+    x: f,
     y: s,
-    placement: c,
+    placement: d,
     strategy: l,
-    middlewareData: d
+    middlewareData: c
   };
 };
-async function et(e, t) {
-  var o;
+async function tt(e, t) {
+  var n;
   t === void 0 && (t = {});
   const {
-    x: n,
+    x: o,
     y: l,
     platform: i,
     rects: r,
     elements: a,
-    strategy: f
+    strategy: p
   } = e, {
     boundary: u = "clippingAncestors",
-    rootBoundary: p = "viewport",
+    rootBoundary: f = "viewport",
     elementContext: s = "floating",
-    altBoundary: c = !1,
-    padding: d = 0
-  } = Re(t, e), g = zt(d), y = a[c ? s === "floating" ? "reference" : "floating" : s], m = Ce(await i.getClippingRect({
-    element: (o = await (i.isElement == null ? void 0 : i.isElement(y))) == null || o ? y : y.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
+    altBoundary: d = !1,
+    padding: c = 0
+  } = Re(t, e), g = _t(c), b = a[d ? s === "floating" ? "reference" : "floating" : s], m = Ce(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(b))) == null || n ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
     boundary: u,
-    rootBoundary: p,
-    strategy: f
+    rootBoundary: f,
+    strategy: p
   })), w = s === "floating" ? {
-    x: n,
+    x: o,
     y: l,
     width: r.floating.width,
     height: r.floating.height
@@ -586,92 +586,96 @@ async function et(e, t) {
   } : {
     x: 1,
     y: 1
-  }, B = Ce(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, L = Ce(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: w,
     offsetParent: C,
-    strategy: f
+    strategy: p
   }) : w);
   return {
-    top: (m.top - B.top + g.top) / E.y,
-    bottom: (B.bottom - m.bottom + g.bottom) / E.y,
-    left: (m.left - B.left + g.left) / E.x,
-    right: (B.right - m.right + g.right) / E.x
+    top: (m.top - L.top + g.top) / E.y,
+    bottom: (L.bottom - m.bottom + g.bottom) / E.y,
+    left: (m.left - L.left + g.left) / E.x,
+    right: (L.right - m.right + g.right) / E.x
   };
 }
-const Pt = function(e) {
+const Ht = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
     async fn(t) {
-      var o, n;
+      var n, o;
       const {
         placement: l,
         middlewareData: i,
         rects: r,
         initialPlacement: a,
-        platform: f,
+        platform: p,
         elements: u
       } = t, {
-        mainAxis: p = !0,
+        mainAxis: f = !0,
         crossAxis: s = !0,
-        fallbackPlacements: c,
-        fallbackStrategy: d = "bestFit",
+        fallbackPlacements: d,
+        fallbackStrategy: c = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: v = !0,
-        ...y
+        flipAlignment: y = !0,
+        ...b
       } = Re(e, t);
-      if ((o = i.arrow) != null && o.alignmentOffset)
+      if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const m = Q(l), w = ie(a), C = Q(a) === a, E = await (f.isRTL == null ? void 0 : f.isRTL(u.floating)), B = c || (C || !v ? [ke(a)] : Dt(a)), I = g !== "none";
-      !c && I && B.push(...$t(a, v, g, E));
-      const L = [a, ...B], D = await et(t, y), G = [];
-      let Y = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (p && G.push(D[m]), s) {
-        const j = Mt(l, r, E);
+      const m = Z(l), w = Q(a), C = Z(a) === a, E = await (p.isRTL == null ? void 0 : p.isRTL(u.floating)), L = d || (C || !y ? [ke(a)] : Dt(a)), _ = g !== "none";
+      !d && _ && L.push(...It(a, y, g, E));
+      const O = [a, ...L], D = await tt(t, b), G = [];
+      let U = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (f && G.push(D[m]), s) {
+        const j = Ft(l, r, E);
         G.push(D[j[0]], D[j[1]]);
       }
-      if (Y = [...Y, {
+      if (U = [...U, {
         placement: l,
         overflows: G
       }], !G.every((j) => j <= 0)) {
-        var U, ce;
-        const j = (((U = i.flip) == null ? void 0 : U.index) || 0) + 1, ve = L[j];
-        if (ve)
-          return {
-            data: {
-              index: j,
-              overflows: Y
-            },
-            reset: {
-              placement: ve
-            }
-          };
-        let h = (ce = Y.filter((b) => b.overflows[0] <= 0).sort((b, k) => b.overflows[1] - k.overflows[1])[0]) == null ? void 0 : ce.placement;
-        if (!h)
-          switch (d) {
+        var X, ce;
+        const j = (((X = i.flip) == null ? void 0 : X.index) || 0) + 1, h = O[j];
+        if (h) {
+          var me;
+          const k = s === "alignment" ? w !== Q(h) : !1, T = ((me = U[0]) == null ? void 0 : me.overflows[0]) > 0;
+          if (!k || T)
+            return {
+              data: {
+                index: j,
+                overflows: U
+              },
+              reset: {
+                placement: h
+              }
+            };
+        }
+        let v = (ce = U.filter((k) => k.overflows[0] <= 0).sort((k, T) => k.overflows[1] - T.overflows[1])[0]) == null ? void 0 : ce.placement;
+        if (!v)
+          switch (c) {
             case "bestFit": {
-              var me;
-              const b = (me = Y.filter((k) => {
-                if (I) {
-                  const M = ie(k.placement);
-                  return M === w || // Create a bias to the `y` side axis due to horizontal
+              var ve;
+              const k = (ve = U.filter((T) => {
+                if (_) {
+                  const V = Q(T.placement);
+                  return V === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  M === "y";
+                  V === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((M) => M > 0).reduce((M, $) => M + $, 0)]).sort((k, M) => k[1] - M[1])[0]) == null ? void 0 : me[0];
-              b && (h = b);
+              }).map((T) => [T.placement, T.overflows.filter((V) => V > 0).reduce((V, Se) => V + Se, 0)]).sort((T, V) => T[1] - V[1])[0]) == null ? void 0 : ve[0];
+              k && (v = k);
               break;
             }
             case "initialPlacement":
-              h = a;
+              v = a;
               break;
           }
-        if (l !== h)
+        if (l !== v)
           return {
             reset: {
-              placement: h
+              placement: v
             }
           };
       }
@@ -679,15 +683,15 @@ const Pt = function(e) {
     }
   };
 };
-async function Ht(e, t) {
+async function Nt(e, t) {
   const {
-    placement: o,
-    platform: n,
+    placement: n,
+    platform: o,
     elements: l
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), r = Q(o), a = Oe(o), f = ie(o) === "y", u = ["left", "top"].includes(r) ? -1 : 1, p = i && f ? -1 : 1, s = Re(t, e);
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), r = Z(n), a = Oe(n), p = Q(n) === "y", u = ["left", "top"].includes(r) ? -1 : 1, f = i && p ? -1 : 1, s = Re(t, e);
   let {
-    mainAxis: c,
-    crossAxis: d,
+    mainAxis: d,
+    crossAxis: c,
     alignmentAxis: g
   } = typeof s == "number" ? {
     mainAxis: s,
@@ -698,86 +702,86 @@ async function Ht(e, t) {
     crossAxis: s.crossAxis || 0,
     alignmentAxis: s.alignmentAxis
   };
-  return a && typeof g == "number" && (d = a === "end" ? g * -1 : g), f ? {
-    x: d * p,
-    y: c * u
+  return a && typeof g == "number" && (c = a === "end" ? g * -1 : g), p ? {
+    x: c * f,
+    y: d * u
   } : {
-    x: c * u,
-    y: d * p
+    x: d * u,
+    y: c * f
   };
 }
-const Nt = function(e) {
+const Gt = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
     async fn(t) {
-      var o, n;
+      var n, o;
       const {
         x: l,
         y: i,
         placement: r,
         middlewareData: a
-      } = t, f = await Ht(t, e);
-      return r === ((o = a.offset) == null ? void 0 : o.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
-        x: l + f.x,
-        y: i + f.y,
+      } = t, p = await Nt(t, e);
+      return r === ((n = a.offset) == null ? void 0 : n.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
+        x: l + p.x,
+        y: i + p.y,
         data: {
-          ...f,
+          ...p,
           placement: r
         }
       };
     }
   };
-}, Gt = function(e) {
+}, jt = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
     async fn(t) {
       const {
-        x: o,
-        y: n,
+        x: n,
+        y: o,
         placement: l
       } = t, {
         mainAxis: i = !0,
         crossAxis: r = !1,
         limiter: a = {
-          fn: (y) => {
+          fn: (b) => {
             let {
               x: m,
               y: w
-            } = y;
+            } = b;
             return {
               x: m,
               y: w
             };
           }
         },
-        ...f
+        ...p
       } = Re(e, t), u = {
-        x: o,
-        y: n
-      }, p = await et(t, f), s = ie(Q(l)), c = Je(s);
-      let d = u[c], g = u[s];
+        x: n,
+        y: o
+      }, f = await tt(t, p), s = Q(Z(l)), d = Qe(s);
+      let c = u[d], g = u[s];
       if (i) {
-        const y = c === "y" ? "top" : "left", m = c === "y" ? "bottom" : "right", w = d + p[y], C = d - p[m];
-        d = Ie(w, d, C);
+        const b = d === "y" ? "top" : "left", m = d === "y" ? "bottom" : "right", w = c + f[b], C = c - f[m];
+        c = ze(w, c, C);
       }
       if (r) {
-        const y = s === "y" ? "top" : "left", m = s === "y" ? "bottom" : "right", w = g + p[y], C = g - p[m];
-        g = Ie(w, g, C);
+        const b = s === "y" ? "top" : "left", m = s === "y" ? "bottom" : "right", w = g + f[b], C = g - f[m];
+        g = ze(w, g, C);
       }
-      const v = a.fn({
+      const y = a.fn({
         ...t,
-        [c]: d,
+        [d]: c,
         [s]: g
       });
       return {
-        ...v,
+        ...y,
         data: {
-          x: v.x - o,
-          y: v.y - n,
+          x: y.x - n,
+          y: y.y - o,
           enabled: {
-            [c]: i,
+            [d]: i,
             [s]: r
           }
         }
@@ -788,40 +792,40 @@ const Nt = function(e) {
 function Be() {
   return typeof window < "u";
 }
-function ee(e) {
-  return Ve(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function te(e) {
+  return Me(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function F(e) {
+function $(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function N(e) {
   var t;
-  return (t = (Ve(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Me(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Ve(e) {
-  return Be() ? e instanceof Node || e instanceof F(e).Node : !1;
+function Me(e) {
+  return Be() ? e instanceof Node || e instanceof $(e).Node : !1;
 }
-function z(e) {
-  return Be() ? e instanceof Element || e instanceof F(e).Element : !1;
+function I(e) {
+  return Be() ? e instanceof Element || e instanceof $(e).Element : !1;
 }
 function H(e) {
-  return Be() ? e instanceof HTMLElement || e instanceof F(e).HTMLElement : !1;
+  return Be() ? e instanceof HTMLElement || e instanceof $(e).HTMLElement : !1;
 }
-function _e(e) {
-  return !Be() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
+function Pe(e) {
+  return !Be() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof $(e).ShadowRoot;
 }
 function ge(e) {
   const {
     overflow: t,
-    overflowX: o,
-    overflowY: n,
+    overflowX: n,
+    overflowY: o,
     display: l
-  } = _(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(l);
+  } = z(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(l);
 }
-function jt(e) {
-  return ["table", "td", "th"].includes(ee(e));
+function Wt(e) {
+  return ["table", "td", "th"].includes(te(e));
 }
 function Le(e) {
   return [":popover-open", ":modal"].some((t) => {
@@ -832,18 +836,18 @@ function Le(e) {
     }
   });
 }
-function Me(e) {
-  const t = De(), o = z(e) ? _(e) : e;
-  return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
+function Fe(e) {
+  const t = De(), n = I(e) ? z(e) : e;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function Wt(e) {
-  let t = K(e);
+function qt(e) {
+  let t = Y(e);
   for (; H(t) && !se(t); ) {
-    if (Me(t))
+    if (Fe(t))
       return t;
     if (Le(t))
       return null;
-    t = K(t);
+    t = Y(t);
   }
   return null;
 }
@@ -851,13 +855,13 @@ function De() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function se(e) {
-  return ["html", "body", "#document"].includes(ee(e));
+  return ["html", "body", "#document"].includes(te(e));
 }
-function _(e) {
-  return F(e).getComputedStyle(e);
+function z(e) {
+  return $(e).getComputedStyle(e);
 }
-function Se(e) {
-  return z(e) ? {
+function Ae(e) {
+  return I(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -865,515 +869,522 @@ function Se(e) {
     scrollTop: e.scrollY
   };
 }
-function K(e) {
-  if (ee(e) === "html")
+function Y(e) {
+  if (te(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    _e(e) && e.host || // Fallback.
+    Pe(e) && e.host || // Fallback.
     N(e)
   );
-  return _e(t) ? t.host : t;
+  return Pe(t) ? t.host : t;
 }
-function tt(e) {
-  const t = K(e);
-  return se(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : H(t) && ge(t) ? t : tt(t);
+function nt(e) {
+  const t = Y(e);
+  return se(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : H(t) && ge(t) ? t : nt(t);
 }
-function he(e, t, o) {
-  var n;
-  t === void 0 && (t = []), o === void 0 && (o = !0);
-  const l = tt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), r = F(l);
+function he(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const l = nt(e), i = l === ((o = e.ownerDocument) == null ? void 0 : o.body), r = $(l);
   if (i) {
-    const a = Te(r);
-    return t.concat(r, r.visualViewport || [], ge(l) ? l : [], a && o ? he(a) : []);
+    const a = Ve(r);
+    return t.concat(r, r.visualViewport || [], ge(l) ? l : [], a && n ? he(a) : []);
   }
-  return t.concat(l, he(l, [], o));
+  return t.concat(l, he(l, [], n));
 }
-function Te(e) {
+function Ve(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function ot(e) {
-  const t = _(e);
-  let o = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const l = H(e), i = l ? e.offsetWidth : o, r = l ? e.offsetHeight : n, a = xe(o) !== i || xe(n) !== r;
-  return a && (o = i, n = r), {
-    width: o,
-    height: n,
+  const t = z(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const l = H(e), i = l ? e.offsetWidth : n, r = l ? e.offsetHeight : o, a = xe(n) !== i || xe(o) !== r;
+  return a && (n = i, o = r), {
+    width: n,
+    height: o,
     $: a
   };
 }
-function Fe(e) {
-  return z(e) ? e : e.contextElement;
+function $e(e) {
+  return I(e) ? e : e.contextElement;
 }
-function le(e) {
-  const t = Fe(e);
+function re(e) {
+  const t = $e(e);
   if (!H(t))
     return P(1);
-  const o = t.getBoundingClientRect(), {
-    width: n,
+  const n = t.getBoundingClientRect(), {
+    width: o,
     height: l,
     $: i
   } = ot(t);
-  let r = (i ? xe(o.width) : o.width) / n, a = (i ? xe(o.height) : o.height) / l;
+  let r = (i ? xe(n.width) : n.width) / o, a = (i ? xe(n.height) : n.height) / l;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
   };
 }
-const qt = /* @__PURE__ */ P(0);
-function nt(e) {
-  const t = F(e);
-  return !De() || !t.visualViewport ? qt : {
+const Ut = /* @__PURE__ */ P(0);
+function lt(e) {
+  const t = $(e);
+  return !De() || !t.visualViewport ? Ut : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ut(e, t, o) {
-  return t === void 0 && (t = !1), !o || t && o !== F(e) ? !1 : t;
+function Xt(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== $(e) ? !1 : t;
 }
-function Z(e, t, o, n) {
-  t === void 0 && (t = !1), o === void 0 && (o = !1);
-  const l = e.getBoundingClientRect(), i = Fe(e);
+function ee(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const l = e.getBoundingClientRect(), i = $e(e);
   let r = P(1);
-  t && (n ? z(n) && (r = le(n)) : r = le(e));
-  const a = Ut(i, o, n) ? nt(i) : P(0);
-  let f = (l.left + a.x) / r.x, u = (l.top + a.y) / r.y, p = l.width / r.x, s = l.height / r.y;
+  t && (o ? I(o) && (r = re(o)) : r = re(e));
+  const a = Xt(i, n, o) ? lt(i) : P(0);
+  let p = (l.left + a.x) / r.x, u = (l.top + a.y) / r.y, f = l.width / r.x, s = l.height / r.y;
   if (i) {
-    const c = F(i), d = n && z(n) ? F(n) : n;
-    let g = c, v = Te(g);
-    for (; v && n && d !== g; ) {
-      const y = le(v), m = v.getBoundingClientRect(), w = _(v), C = m.left + (v.clientLeft + parseFloat(w.paddingLeft)) * y.x, E = m.top + (v.clientTop + parseFloat(w.paddingTop)) * y.y;
-      f *= y.x, u *= y.y, p *= y.x, s *= y.y, f += C, u += E, g = F(v), v = Te(g);
+    const d = $(i), c = o && I(o) ? $(o) : o;
+    let g = d, y = Ve(g);
+    for (; y && o && c !== g; ) {
+      const b = re(y), m = y.getBoundingClientRect(), w = z(y), C = m.left + (y.clientLeft + parseFloat(w.paddingLeft)) * b.x, E = m.top + (y.clientTop + parseFloat(w.paddingTop)) * b.y;
+      p *= b.x, u *= b.y, f *= b.x, s *= b.y, p += C, u += E, g = $(y), y = Ve(g);
     }
   }
   return Ce({
-    width: p,
+    width: f,
     height: s,
-    x: f,
+    x: p,
     y: u
   });
 }
-function $e(e, t) {
-  const o = Se(e).scrollLeft;
-  return t ? t.left + o : Z(N(e)).left + o;
+function Ie(e, t) {
+  const n = Ae(e).scrollLeft;
+  return t ? t.left + n : ee(N(e)).left + n;
 }
-function lt(e, t, o) {
-  o === void 0 && (o = !1);
-  const n = e.getBoundingClientRect(), l = n.left + t.scrollLeft - (o ? 0 : (
+function rt(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = e.getBoundingClientRect(), l = o.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
-    $e(e, n)
-  )), i = n.top + t.scrollTop;
+    Ie(e, o)
+  )), i = o.top + t.scrollTop;
   return {
     x: l,
     y: i
   };
 }
-function Xt(e) {
+function Kt(e) {
   let {
     elements: t,
-    rect: o,
-    offsetParent: n,
+    rect: n,
+    offsetParent: o,
     strategy: l
   } = e;
-  const i = l === "fixed", r = N(n), a = t ? Le(t.floating) : !1;
-  if (n === r || a && i)
-    return o;
-  let f = {
+  const i = l === "fixed", r = N(o), a = t ? Le(t.floating) : !1;
+  if (o === r || a && i)
+    return n;
+  let p = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = P(1);
-  const p = P(0), s = H(n);
-  if ((s || !s && !i) && ((ee(n) !== "body" || ge(r)) && (f = Se(n)), H(n))) {
-    const d = Z(n);
-    u = le(n), p.x = d.x + n.clientLeft, p.y = d.y + n.clientTop;
+  const f = P(0), s = H(o);
+  if ((s || !s && !i) && ((te(o) !== "body" || ge(r)) && (p = Ae(o)), H(o))) {
+    const c = ee(o);
+    u = re(o), f.x = c.x + o.clientLeft, f.y = c.y + o.clientTop;
   }
-  const c = r && !s && !i ? lt(r, f, !0) : P(0);
+  const d = r && !s && !i ? rt(r, p, !0) : P(0);
   return {
-    width: o.width * u.x,
-    height: o.height * u.y,
-    x: o.x * u.x - f.scrollLeft * u.x + p.x + c.x,
-    y: o.y * u.y - f.scrollTop * u.y + p.y + c.y
+    width: n.width * u.x,
+    height: n.height * u.y,
+    x: n.x * u.x - p.scrollLeft * u.x + f.x + d.x,
+    y: n.y * u.y - p.scrollTop * u.y + f.y + d.y
   };
 }
-function Kt(e) {
+function Yt(e) {
   return Array.from(e.getClientRects());
 }
-function Yt(e) {
-  const t = N(e), o = Se(e), n = e.ownerDocument.body, l = J(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = J(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
-  let r = -o.scrollLeft + $e(e);
-  const a = -o.scrollTop;
-  return _(n).direction === "rtl" && (r += J(t.clientWidth, n.clientWidth) - l), {
+function Jt(e) {
+  const t = N(e), n = Ae(e), o = e.ownerDocument.body, l = J(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = J(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + Ie(e);
+  const a = -n.scrollTop;
+  return z(o).direction === "rtl" && (r += J(t.clientWidth, o.clientWidth) - l), {
     width: l,
     height: i,
     x: r,
     y: a
   };
 }
-function Jt(e, t) {
-  const o = F(e), n = N(e), l = o.visualViewport;
-  let i = n.clientWidth, r = n.clientHeight, a = 0, f = 0;
+function Qt(e, t) {
+  const n = $(e), o = N(e), l = n.visualViewport;
+  let i = o.clientWidth, r = o.clientHeight, a = 0, p = 0;
   if (l) {
     i = l.width, r = l.height;
     const u = De();
-    (!u || u && t === "fixed") && (a = l.offsetLeft, f = l.offsetTop);
+    (!u || u && t === "fixed") && (a = l.offsetLeft, p = l.offsetTop);
   }
   return {
     width: i,
     height: r,
     x: a,
-    y: f
+    y: p
   };
 }
-function Qt(e, t) {
-  const o = Z(e, !0, t === "fixed"), n = o.top + e.clientTop, l = o.left + e.clientLeft, i = H(e) ? le(e) : P(1), r = e.clientWidth * i.x, a = e.clientHeight * i.y, f = l * i.x, u = n * i.y;
+function Zt(e, t) {
+  const n = ee(e, !0, t === "fixed"), o = n.top + e.clientTop, l = n.left + e.clientLeft, i = H(e) ? re(e) : P(1), r = e.clientWidth * i.x, a = e.clientHeight * i.y, p = l * i.x, u = o * i.y;
   return {
     width: r,
     height: a,
-    x: f,
+    x: p,
     y: u
   };
 }
-function Pe(e, t, o) {
-  let n;
+function He(e, t, n) {
+  let o;
   if (t === "viewport")
-    n = Jt(e, o);
+    o = Qt(e, n);
   else if (t === "document")
-    n = Yt(N(e));
-  else if (z(t))
-    n = Qt(t, o);
+    o = Jt(N(e));
+  else if (I(t))
+    o = Zt(t, n);
   else {
-    const l = nt(e);
-    n = {
+    const l = lt(e);
+    o = {
       x: t.x - l.x,
       y: t.y - l.y,
       width: t.width,
       height: t.height
     };
   }
-  return Ce(n);
+  return Ce(o);
 }
-function rt(e, t) {
-  const o = K(e);
-  return o === t || !z(o) || se(o) ? !1 : _(o).position === "fixed" || rt(o, t);
-}
-function Zt(e, t) {
-  const o = t.get(e);
-  if (o)
-    return o;
-  let n = he(e, [], !1).filter((a) => z(a) && ee(a) !== "body"), l = null;
-  const i = _(e).position === "fixed";
-  let r = i ? K(e) : e;
-  for (; z(r) && !se(r); ) {
-    const a = _(r), f = Me(r);
-    !f && a.position === "fixed" && (l = null), (i ? !f && !l : !f && a.position === "static" && !!l && ["absolute", "fixed"].includes(l.position) || ge(r) && !f && rt(e, r)) ? n = n.filter((p) => p !== r) : l = a, r = K(r);
+function it(e, t) {
+  const n = Y(e);
+  return n === t || !I(n) || se(n) ? !1 : z(n).position === "fixed" || it(n, t);
+}
+function en(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = he(e, [], !1).filter((a) => I(a) && te(a) !== "body"), l = null;
+  const i = z(e).position === "fixed";
+  let r = i ? Y(e) : e;
+  for (; I(r) && !se(r); ) {
+    const a = z(r), p = Fe(r);
+    !p && a.position === "fixed" && (l = null), (i ? !p && !l : !p && a.position === "static" && !!l && ["absolute", "fixed"].includes(l.position) || ge(r) && !p && it(e, r)) ? o = o.filter((f) => f !== r) : l = a, r = Y(r);
   }
-  return t.set(e, n), n;
+  return t.set(e, o), o;
 }
-function eo(e) {
+function tn(e) {
   let {
     element: t,
-    boundary: o,
-    rootBoundary: n,
+    boundary: n,
+    rootBoundary: o,
     strategy: l
   } = e;
-  const r = [...o === "clippingAncestors" ? Le(t) ? [] : Zt(t, this._c) : [].concat(o), n], a = r[0], f = r.reduce((u, p) => {
-    const s = Pe(t, p, l);
+  const r = [...n === "clippingAncestors" ? Le(t) ? [] : en(t, this._c) : [].concat(n), o], a = r[0], p = r.reduce((u, f) => {
+    const s = He(t, f, l);
     return u.top = J(s.top, u.top), u.right = we(s.right, u.right), u.bottom = we(s.bottom, u.bottom), u.left = J(s.left, u.left), u;
-  }, Pe(t, a, l));
+  }, He(t, a, l));
   return {
-    width: f.right - f.left,
-    height: f.bottom - f.top,
-    x: f.left,
-    y: f.top
+    width: p.right - p.left,
+    height: p.bottom - p.top,
+    x: p.left,
+    y: p.top
   };
 }
-function to(e) {
+function nn(e) {
   const {
     width: t,
-    height: o
+    height: n
   } = ot(e);
   return {
     width: t,
-    height: o
+    height: n
   };
 }
-function oo(e, t, o) {
-  const n = H(t), l = N(t), i = o === "fixed", r = Z(e, !0, i, t);
+function on(e, t, n) {
+  const o = H(t), l = N(t), i = n === "fixed", r = ee(e, !0, i, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const f = P(0);
-  if (n || !n && !i)
-    if ((ee(t) !== "body" || ge(l)) && (a = Se(t)), n) {
-      const c = Z(t, !0, i, t);
-      f.x = c.x + t.clientLeft, f.y = c.y + t.clientTop;
-    } else l && (f.x = $e(l));
-  const u = l && !n && !i ? lt(l, a) : P(0), p = r.left + a.scrollLeft - f.x - u.x, s = r.top + a.scrollTop - f.y - u.y;
+  const p = P(0);
+  function u() {
+    p.x = Ie(l);
+  }
+  if (o || !o && !i)
+    if ((te(t) !== "body" || ge(l)) && (a = Ae(t)), o) {
+      const c = ee(t, !0, i, t);
+      p.x = c.x + t.clientLeft, p.y = c.y + t.clientTop;
+    } else l && u();
+  i && !o && l && u();
+  const f = l && !o && !i ? rt(l, a) : P(0), s = r.left + a.scrollLeft - p.x - f.x, d = r.top + a.scrollTop - p.y - f.y;
   return {
-    x: p,
-    y: s,
+    x: s,
+    y: d,
     width: r.width,
     height: r.height
   };
 }
-function Ae(e) {
-  return _(e).position === "static";
+function Ee(e) {
+  return z(e).position === "static";
 }
-function He(e, t) {
-  if (!H(e) || _(e).position === "fixed")
+function Ne(e, t) {
+  if (!H(e) || z(e).position === "fixed")
     return null;
   if (t)
     return t(e);
-  let o = e.offsetParent;
-  return N(e) === o && (o = o.ownerDocument.body), o;
+  let n = e.offsetParent;
+  return N(e) === n && (n = n.ownerDocument.body), n;
 }
-function it(e, t) {
-  const o = F(e);
+function st(e, t) {
+  const n = $(e);
   if (Le(e))
-    return o;
+    return n;
   if (!H(e)) {
-    let l = K(e);
+    let l = Y(e);
     for (; l && !se(l); ) {
-      if (z(l) && !Ae(l))
+      if (I(l) && !Ee(l))
         return l;
-      l = K(l);
+      l = Y(l);
     }
-    return o;
+    return n;
   }
-  let n = He(e, t);
-  for (; n && jt(n) && Ae(n); )
-    n = He(n, t);
-  return n && se(n) && Ae(n) && !Me(n) ? o : n || Wt(e) || o;
+  let o = Ne(e, t);
+  for (; o && Wt(o) && Ee(o); )
+    o = Ne(o, t);
+  return o && se(o) && Ee(o) && !Fe(o) ? n : o || qt(e) || n;
 }
-const no = async function(e) {
-  const t = this.getOffsetParent || it, o = this.getDimensions, n = await o(e.floating);
+const ln = async function(e) {
+  const t = this.getOffsetParent || st, n = this.getDimensions, o = await n(e.floating);
   return {
-    reference: oo(e.reference, await t(e.floating), e.strategy),
+    reference: on(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: n.width,
-      height: n.height
+      width: o.width,
+      height: o.height
     }
   };
 };
-function lo(e) {
-  return _(e).direction === "rtl";
+function rn(e) {
+  return z(e).direction === "rtl";
 }
-const ro = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Xt,
+const sn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Kt,
   getDocumentElement: N,
-  getClippingRect: eo,
-  getOffsetParent: it,
-  getElementRects: no,
-  getClientRects: Kt,
-  getDimensions: to,
-  getScale: le,
-  isElement: z,
-  isRTL: lo
+  getClippingRect: tn,
+  getOffsetParent: st,
+  getElementRects: ln,
+  getClientRects: Yt,
+  getDimensions: nn,
+  getScale: re,
+  isElement: I,
+  isRTL: rn
 };
-function io(e, t) {
-  let o = null, n;
+function at(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function an(e, t) {
+  let n = null, o;
   const l = N(e);
   function i() {
     var a;
-    clearTimeout(n), (a = o) == null || a.disconnect(), o = null;
+    clearTimeout(o), (a = n) == null || a.disconnect(), n = null;
   }
-  function r(a, f) {
-    a === void 0 && (a = !1), f === void 0 && (f = 1), i();
-    const {
-      left: u,
-      top: p,
-      width: s,
+  function r(a, p) {
+    a === void 0 && (a = !1), p === void 0 && (p = 1), i();
+    const u = e.getBoundingClientRect(), {
+      left: f,
+      top: s,
+      width: d,
       height: c
-    } = e.getBoundingClientRect();
-    if (a || t(), !s || !c)
+    } = u;
+    if (a || t(), !d || !c)
       return;
-    const d = ye(p), g = ye(l.clientWidth - (u + s)), v = ye(l.clientHeight - (p + c)), y = ye(u), w = {
-      rootMargin: -d + "px " + -g + "px " + -v + "px " + -y + "px",
-      threshold: J(0, we(1, f)) || 1
+    const g = be(s), y = be(l.clientWidth - (f + d)), b = be(l.clientHeight - (s + c)), m = be(f), C = {
+      rootMargin: -g + "px " + -y + "px " + -b + "px " + -m + "px",
+      threshold: J(0, we(1, p)) || 1
     };
-    let C = !0;
-    function E(B) {
-      const I = B[0].intersectionRatio;
-      if (I !== f) {
-        if (!C)
+    let E = !0;
+    function L(_) {
+      const O = _[0].intersectionRatio;
+      if (O !== p) {
+        if (!E)
           return r();
-        I ? r(!1, I) : n = setTimeout(() => {
+        O ? r(!1, O) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      C = !1;
+      O === 1 && !at(u, e.getBoundingClientRect()) && r(), E = !1;
     }
     try {
-      o = new IntersectionObserver(E, {
-        ...w,
+      n = new IntersectionObserver(L, {
+        ...C,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(E, w);
+      n = new IntersectionObserver(L, C);
     }
-    o.observe(e);
+    n.observe(e);
   }
   return r(!0), i;
 }
-function so(e, t, o, n) {
-  n === void 0 && (n = {});
+function cn(e, t, n, o) {
+  o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
     ancestorResize: i = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
-    animationFrame: f = !1
-  } = n, u = Fe(e), p = l || i ? [...u ? he(u) : [], ...he(t)] : [];
-  p.forEach((m) => {
-    l && m.addEventListener("scroll", o, {
+    animationFrame: p = !1
+  } = o, u = $e(e), f = l || i ? [...u ? he(u) : [], ...he(t)] : [];
+  f.forEach((m) => {
+    l && m.addEventListener("scroll", n, {
       passive: !0
-    }), i && m.addEventListener("resize", o);
+    }), i && m.addEventListener("resize", n);
   });
-  const s = u && a ? io(u, o) : null;
-  let c = -1, d = null;
-  r && (d = new ResizeObserver((m) => {
+  const s = u && a ? an(u, n) : null;
+  let d = -1, c = null;
+  r && (c = new ResizeObserver((m) => {
     let [w] = m;
-    w && w.target === u && d && (d.unobserve(t), cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+    w && w.target === u && c && (c.unobserve(t), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
       var C;
-      (C = d) == null || C.observe(t);
-    })), o();
-  }), u && !f && d.observe(u), d.observe(t));
-  let g, v = f ? Z(e) : null;
-  f && y();
-  function y() {
-    const m = Z(e);
-    v && (m.x !== v.x || m.y !== v.y || m.width !== v.width || m.height !== v.height) && o(), v = m, g = requestAnimationFrame(y);
+      (C = c) == null || C.observe(t);
+    })), n();
+  }), u && !p && c.observe(u), c.observe(t));
+  let g, y = p ? ee(e) : null;
+  p && b();
+  function b() {
+    const m = ee(e);
+    y && !at(y, m) && n(), y = m, g = requestAnimationFrame(b);
   }
-  return o(), () => {
+  return n(), () => {
     var m;
-    p.forEach((w) => {
-      l && w.removeEventListener("scroll", o), i && w.removeEventListener("resize", o);
-    }), s == null || s(), (m = d) == null || m.disconnect(), d = null, f && cancelAnimationFrame(g);
+    f.forEach((w) => {
+      l && w.removeEventListener("scroll", n), i && w.removeEventListener("resize", n);
+    }), s == null || s(), (m = c) == null || m.disconnect(), c = null, p && cancelAnimationFrame(g);
   };
 }
-const ao = Nt, co = Gt, uo = Pt, fo = (e, t, o) => {
-  const n = /* @__PURE__ */ new Map(), l = {
-    platform: ro,
-    ...o
+const un = Gt, dn = jt, fn = Ht, pn = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), l = {
+    platform: sn,
+    ...n
   }, i = {
     ...l.platform,
-    _c: n
+    _c: o
   };
-  return _t(e, t, {
+  return Pt(e, t, {
     ...l,
     platform: i
   });
 };
-function po(e) {
+function hn(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Ne(e) {
-  if (po(e)) {
+function Ge(e) {
+  if (hn(e)) {
     const t = e.$el;
-    return Ve(t) && ee(t) === "#comment" ? null : t;
+    return Me(t) && te(t) === "#comment" ? null : t;
   }
   return e;
 }
 function ue(e) {
   return typeof e == "function" ? e() : W(e);
 }
-function st(e) {
+function ct(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Ge(e, t) {
-  const o = st(e);
-  return Math.round(t * o) / o;
+function je(e, t) {
+  const n = ct(e);
+  return Math.round(t * n) / n;
 }
-function ho(e, t, o) {
-  o === void 0 && (o = {});
-  const n = o.whileElementsMounted, l = R(() => {
-    var L;
-    return (L = ue(o.open)) != null ? L : !0;
-  }), i = R(() => ue(o.middleware)), r = R(() => {
-    var L;
-    return (L = ue(o.placement)) != null ? L : "bottom";
+function gn(e, t, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, l = R(() => {
+    var O;
+    return (O = ue(n.open)) != null ? O : !0;
+  }), i = R(() => ue(n.middleware)), r = R(() => {
+    var O;
+    return (O = ue(n.placement)) != null ? O : "bottom";
   }), a = R(() => {
-    var L;
-    return (L = ue(o.strategy)) != null ? L : "absolute";
-  }), f = R(() => {
-    var L;
-    return (L = ue(o.transform)) != null ? L : !0;
-  }), u = R(() => Ne(e.value)), p = R(() => Ne(t.value)), s = T(0), c = T(0), d = T(a.value), g = T(r.value), v = dt({}), y = T(!1), m = R(() => {
-    const L = {
-      position: d.value,
+    var O;
+    return (O = ue(n.strategy)) != null ? O : "absolute";
+  }), p = R(() => {
+    var O;
+    return (O = ue(n.transform)) != null ? O : !0;
+  }), u = R(() => Ge(e.value)), f = R(() => Ge(t.value)), s = M(0), d = M(0), c = M(a.value), g = M(r.value), y = ft({}), b = M(!1), m = R(() => {
+    const O = {
+      position: c.value,
       left: "0",
       top: "0"
     };
-    if (!p.value)
-      return L;
-    const D = Ge(p.value, s.value), G = Ge(p.value, c.value);
-    return f.value ? {
-      ...L,
+    if (!f.value)
+      return O;
+    const D = je(f.value, s.value), G = je(f.value, d.value);
+    return p.value ? {
+      ...O,
       transform: "translate(" + D + "px, " + G + "px)",
-      ...st(p.value) >= 1.5 && {
+      ...ct(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: d.value,
+      position: c.value,
       left: D + "px",
       top: G + "px"
     };
   });
   let w;
   function C() {
-    if (u.value == null || p.value == null)
+    if (u.value == null || f.value == null)
       return;
-    const L = l.value;
-    fo(u.value, p.value, {
+    const O = l.value;
+    pn(u.value, f.value, {
       middleware: i.value,
       placement: r.value,
       strategy: a.value
     }).then((D) => {
-      s.value = D.x, c.value = D.y, d.value = D.strategy, g.value = D.placement, v.value = D.middlewareData, y.value = L !== !1;
+      s.value = D.x, d.value = D.y, c.value = D.strategy, g.value = D.placement, y.value = D.middlewareData, b.value = O !== !1;
     });
   }
   function E() {
     typeof w == "function" && (w(), w = void 0);
   }
-  function B() {
-    if (E(), n === void 0) {
+  function L() {
+    if (E(), o === void 0) {
       C();
       return;
     }
-    if (u.value != null && p.value != null) {
-      w = n(u.value, p.value, C);
+    if (u.value != null && f.value != null) {
+      w = o(u.value, f.value, C);
       return;
     }
   }
-  function I() {
-    l.value || (y.value = !1);
+  function _() {
+    l.value || (b.value = !1);
   }
-  return ne([i, r, a, l], C, {
+  return le([i, r, a, l], C, {
     flush: "sync"
-  }), ne([u, p], B, {
+  }), le([u, f], L, {
     flush: "sync"
-  }), ne(l, I, {
+  }), le(l, _, {
     flush: "sync"
-  }), ft() && pt(E), {
+  }), pt() && ht(E), {
     x: oe(s),
-    y: oe(c),
-    strategy: oe(d),
+    y: oe(d),
+    strategy: oe(c),
     placement: oe(g),
-    middlewareData: oe(v),
-    isPositioned: oe(y),
+    middlewareData: oe(y),
+    isPositioned: oe(b),
     floatingStyles: m,
     update: C
   };
 }
-const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseenter"], vo = /* @__PURE__ */ q({
+const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseenter"], yn = /* @__PURE__ */ q({
   __name: "MclSelect",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ K({
     id: {},
     displayBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
@@ -1393,111 +1404,111 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["open", "close", "clear", "changed", "select"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ K(["open", "close", "clear", "changed", "select"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e;
-    je();
-    const n = t, l = ae(e, "modelValue"), i = T(), r = T(), a = T(), f = T(
+    const n = e;
+    We();
+    const o = t, l = ae(e, "modelValue"), i = M(), r = M(), a = M(), p = M(
       []
-    ), u = T(null), p = T(), s = T(!1), c = T(""), d = T(0), g = () => {
+    ), u = M(null), f = M(), s = M(!1), d = M(""), c = M(0), g = () => {
       s.value = !0;
-    }, v = () => {
-      var h;
-      c.value = "", s.value = !1, u.value = null, (h = r.value) == null || h.blur(), l.value = "";
     }, y = () => {
-      s.value = !1, d.value = 0;
+      var h;
+      d.value = "", s.value = !1, u.value = null, (h = r.value) == null || h.blur(), l.value = "";
+    }, b = () => {
+      s.value = !1, c.value = 0;
     }, m = () => {
       var h;
-      s.value = !s.value, d.value = 0, s.value === !0 && ((h = r.value) == null || h.focus());
+      s.value = !s.value, c.value = 0, s.value === !0 && ((h = r.value) == null || h.focus());
     }, w = (h) => {
-      h.preventDefault(), c.value !== "" && (c.value = ""), d.value = 0, l.value = "", n("clear");
-    }, C = (h, b) => {
-      f.value[b] = h;
+      h.preventDefault(), d.value !== "" && (d.value = ""), c.value = 0, l.value = "", o("clear");
+    }, C = (h, v) => {
+      p.value[v] = h;
     }, E = (h) => {
       h.style.pointerEvents = "none";
-    }, B = (h) => {
+    }, L = (h) => {
       h.style.pointerEvents = "auto";
-    }, I = (h) => {
-      d.value = h;
-    }, L = (h, b) => {
-      h.preventDefault(), c.value = typeof b == "string" ? b : b.text;
-      const k = typeof b == "string" ? b : b.value;
-      l.value = k, s.value = !1, n("select", k);
+    }, _ = (h) => {
+      c.value = h;
+    }, O = (h, v) => {
+      h.preventDefault(), d.value = typeof v == "string" ? v : v.text;
+      const k = typeof v == "string" ? v : v.value;
+      l.value = k, s.value = !1, o("select", k);
     }, D = R(() => {
       const {
         bgColor: h,
-        displayBorder: b,
+        displayBorder: v,
         borderColor: k,
-        displayHighlight: M,
-        displayShadow: $,
-        rounded: at,
-        textcolor: ct
-      } = o, te = [
+        displayHighlight: T,
+        displayShadow: V,
+        rounded: Se,
+        textcolor: ut
+      } = n, ne = [
         x("BGCOLOR", h),
-        x("TEXTCOLOR", ct)
+        x("TEXTCOLOR", ut)
       ];
-      return b && (te.push("border-2"), te.push(x("BORDER", k))), M || te.push("ring-offset-2 transition-all duration-300 ease-linear"), $ && te.push("shadow-md"), at && te.push("rounded-md"), te.join(" ");
+      return v && (ne.push("border-2"), ne.push(x("BORDER", k))), T || ne.push("ring-offset-2 transition-all duration-300 ease-linear"), V && ne.push("shadow-md"), Se && ne.push("rounded-md"), ne.join(" ");
     }), G = R(() => {
-      const { highlightColor: h, rounded: b } = o, k = [x("BEFOREBG", h)];
-      return b && k.push("rounded-b-md"), k.join(" ");
-    }), Y = R(() => {
-      const { displayHighlight: h, bgColor: b, borderColor: k, rounded: M } = o, $ = [
-        x("BGCOLOR", b),
+      const { highlightColor: h, rounded: v } = n, k = [x("BEFOREBG", h)];
+      return v && k.push("rounded-b-md"), k.join(" ");
+    }), U = R(() => {
+      const { displayHighlight: h, bgColor: v, borderColor: k, rounded: T } = n, V = [
+        x("BGCOLOR", v),
         x("BORDER", k)
       ];
-      return h || $.push("mt-2xs"), M && $.push("rounded-md"), $.join(" ");
-    }), U = R(() => c.value === "" ? o.options : o.options.filter((b) => {
-      const k = new RegExp(`${c.value}`, "gi");
-      return typeof b == "string" ? b.match(k) : b.text.match(k);
+      return h || V.push("mt-2xs"), T && V.push("rounded-md"), V.join(" ");
+    }), X = R(() => d.value === "" ? n.options : n.options.filter((v) => {
+      const k = new RegExp(`${d.value}`, "gi");
+      return typeof v == "string" ? v.match(k) : v.text.match(k);
     })), ce = (h) => {
-      s.value && (h === "up" && d.value > 0 && d.value--, h === "down" && d.value < U.value.length - 1 && d.value++);
+      s.value && (h === "up" && c.value > 0 && c.value--, h === "down" && c.value < X.value.length - 1 && c.value++);
     }, me = () => {
       if (!s.value) return;
-      const h = U.value[d.value];
-      let b;
-      typeof h == "string" ? (c.value = h, b = h) : (c.value = h.text, b = h.value), l.value = b, s.value = !1, n("select", b);
-    }, j = R(() => ({ width: `${p.value}px` })), { floatingStyles: ve } = ho(i, a, {
-      whileElementsMounted: so,
+      const h = X.value[c.value];
+      let v;
+      typeof h == "string" ? (d.value = h, v = h) : (d.value = h.text, v = h.value), l.value = v, s.value = !1, o("select", v);
+    }, ve = R(() => ({ width: `${f.value}px` })), { floatingStyles: j } = gn(i, a, {
+      whileElementsMounted: cn,
       strategy: "absolute",
       open: s,
       transform: !1,
       placement: "bottom",
-      middleware: [uo(), ao(-2.2), co()]
+      middleware: [fn(), un(-2.2), dn()]
     });
-    return wt(i, () => {
-      i.value && (p.value = i.value.clientWidth);
-    }), ne(s, (h) => {
-      n(h === !0 ? "open" : "close");
-    }), ne(l, (h) => {
+    return xt(i, () => {
+      i.value && (f.value = i.value.clientWidth);
+    }), le(s, (h) => {
+      o(h === !0 ? "open" : "close");
+    }), le(l, (h) => {
       if (h === null) {
         s.value = !1, u.value = null;
         return;
       }
-      n("changed", h);
-    }), ne(d, () => {
-      u.value = f.value[d.value], u.value && u.value.scrollIntoView && u.value.scrollIntoView({ block: "nearest" });
-    }), (h, b) => re((A(), V("div", {
+      o("changed", h);
+    }), le(c, () => {
+      u.value = p.value[c.value], u.value && u.value.scrollIntoView && u.value.scrollIntoView({ block: "nearest" });
+    }), (h, v) => ie((S(), F("div", {
       onKeyup: [
-        be(v, ["esc"]),
-        b[1] || (b[1] = be((k) => ce("down"), ["down"])),
-        b[2] || (b[2] = be((k) => ce("up"), ["up"])),
-        be(me, ["enter"])
+        ye(y, ["esc"]),
+        v[1] || (v[1] = ye((k) => ce("down"), ["down"])),
+        v[2] || (v[2] = ye((k) => ce("up"), ["up"])),
+        ye(me, ["enter"])
       ],
       ref_key: "componentRef",
       ref: i,
       class: "relative"
     }, [
-      O("div", {
-        class: S(["p-2xs flex relative gap-3xs", [
+      B("div", {
+        class: A(["p-2xs flex relative gap-3xs", [
           !h.displayHighlight && s.value && W(x)("RINGCOLOR", h.borderColor) + " ring-4",
           D.value
         ]])
       }, [
-        re(O("input", {
+        ie(B("input", {
           id: h.id,
           type: "text",
           class: "w-full bg-transparent outline-none",
-          "onUpdate:modelValue": b[0] || (b[0] = (k) => c.value = k),
+          "onUpdate:modelValue": v[0] || (v[0] = (k) => d.value = k),
           ref_key: "inputBox",
           ref: r,
           role: "combobox",
@@ -1506,82 +1517,82 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
           "aria-autocomplete": "list",
           "aria-expanded": s.value,
           onFocus: g
-        }, null, 40, go), [
-          [Xe, c.value]
+        }, null, 40, mn), [
+          [Ke, d.value]
         ]),
-        O("div", {
-          class: S(["flex items-center px-3xs", [
-            c.value === "" ? "hidden cursor-text" : "block cursor-pointer"
+        B("div", {
+          class: A(["flex items-center px-3xs", [
+            d.value === "" ? "hidden cursor-text" : "block cursor-pointer"
           ]]),
           onClick: w
         }, [
-          (A(), V("svg", {
+          (S(), F("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 384 512",
-            class: S(["h-xs opacity-70", [W(x)("SVGFILL", h.iconColor)]])
-          }, b[3] || (b[3] = [
-            O("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)
+            class: A(["h-xs opacity-70", [W(x)("SVGFILL", h.iconColor)]])
+          }, v[3] || (v[3] = [
+            B("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))
         ], 2),
-        O("div", {
+        B("div", {
           class: "flex items-center px-3xs",
           onClick: m
         }, [
-          (A(), V("svg", {
+          (S(), F("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 320 512",
-            class: S(["h-xs", [
+            class: A(["h-xs", [
               s.value ? "rotate-180" : "rotate-0",
               "transition-transform duration-300 ease-in",
               W(x)("SVGFILL", h.iconColor)
             ]])
-          }, b[4] || (b[4] = [
-            O("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)
+          }, v[4] || (v[4] = [
+            B("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))
         ])
       ], 2),
-      h.displayHighlight ? (A(), V("div", {
+      h.displayHighlight ? (S(), F("div", {
         key: 0,
-        class: S(["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 -top-1", [s.value ? "before:w-full" : "before:w-0", G.value]])
+        class: A(["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 -top-1", [s.value ? "before:w-full" : "before:w-0", G.value]])
       }, null, 2)) : pe("", !0),
-      ht(gt, {
+      gt(mt, {
         name: "options",
         onBeforeLeave: E,
-        onEnter: B
+        onEnter: L
       }, {
-        default: mt(() => [
-          s.value ? (A(), V("ul", {
+        default: vt(() => [
+          s.value ? (S(), F("ul", {
             key: 0,
-            class: S([[Y.value], "max-h-[200px] overflow-y-auto border-2"]),
-            style: We({ ...j.value, ...W(ve) }),
+            class: A([[U.value], "max-h-[200px] overflow-y-auto border-2"]),
+            style: qe({ ...ve.value, ...W(j) }),
             role: "listbox",
             ref_key: "dropdownRef",
             ref: a
           }, [
-            U.value.length > 0 ? de(h.$slots, "dropdown", {
+            X.value.length > 0 ? de(h.$slots, "dropdown", {
               key: 0,
-              optionClick: L,
-              options: U.value,
-              activeIndex: d.value,
+              optionClick: O,
+              options: X.value,
+              activeIndex: c.value,
               setRef: C,
-              hover: I
+              hover: _
             }, () => [
-              (A(!0), V(vt, null, bt(U.value, (k, M) => (A(), V("li", {
-                key: M,
-                class: S(["p-2xs cursor-pointer", [
-                  d.value === M && W(x)("BGCOLOR", h.highlightColor)
+              (S(!0), F(yt, null, bt(X.value, (k, T) => (S(), F("li", {
+                key: T,
+                class: A(["p-2xs cursor-pointer", [
+                  c.value === T && W(x)("BGCOLOR", h.highlightColor)
                 ]]),
                 role: "option",
                 ref_for: !0,
-                ref: ($) => C($, M),
-                onClick: ($) => L($, k),
-                onMouseenter: ($) => I(M)
-              }, fe(typeof k == "string" ? k : k.text), 43, mo))), 128))
+                ref: (V) => C(V, T),
+                onClick: (V) => O(V, k),
+                onMouseenter: (V) => _(T)
+              }, fe(typeof k == "string" ? k : k.text), 43, vn))), 128))
             ], !0) : de(h.$slots, "no-match", { key: 1 }, () => [
-              O("li", {
-                class: S(["p-2xs cursor-pointer", [W(x)("HVBGCOLOR", h.selectColor)]])
+              B("li", {
+                class: A(["p-2xs cursor-pointer", [W(x)("HVBGCOLOR", h.selectColor)]])
               }, [
-                O("span", null, fe(h.invalidFeedback), 1)
+                B("span", null, fe(h.invalidFeedback), 1)
               ], 2)
             ], !0)
           ], 6)) : pe("", !0)
@@ -1589,12 +1600,12 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
         _: 3
       })
     ], 32)), [
-      [W(yt), y]
+      [W(wt), b]
     ]);
   }
-}), Ao = /* @__PURE__ */ Ke(vo, [["__scopeId", "data-v-f80afd47"]]), bo = ["id", "placeholder", "required", "rows"], Eo = /* @__PURE__ */ q({
+}), En = /* @__PURE__ */ Ye(yn, [["__scopeId", "data-v-f80afd47"]]), bn = ["id", "placeholder", "required", "rows"], Tn = /* @__PURE__ */ q({
   __name: "MclTextArea",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ K({
     id: {},
     displayBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
@@ -1613,35 +1624,35 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = ae(e, "modelValue"), n = R(() => {
+    const t = e, n = ae(e, "modelValue"), o = R(() => {
       const {
         bgColor: l,
         displayBorder: i,
         borderColor: r,
         displayHighlight: a,
-        displayShadow: f,
+        displayShadow: p,
         rounded: u,
-        textcolor: p
+        textcolor: f
       } = t, s = [
         x("BGCOLOR", l),
-        x("TEXTCOLOR", p)
+        x("TEXTCOLOR", f)
       ];
       return i && (s.push("border-2"), s.push(x("BORDER", r))), a || (s.push(
         "focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"
-      ), s.push(x("FOCUSRING", r))), f && s.push("shadow-md"), u && s.push("rounded-md"), s.join(" ");
+      ), s.push(x("FOCUSRING", r))), p && s.push("shadow-md"), u && s.push("rounded-md"), s.join(" ");
     });
-    return (l, i) => (A(), V("div", null, [
-      re(O("textarea", {
+    return (l, i) => (S(), F("div", null, [
+      ie(B("textarea", {
         id: l.id,
-        class: S(["w-full p-2xs outline-none input__text peer", n.value]),
-        "onUpdate:modelValue": i[0] || (i[0] = (r) => o.value = r),
+        class: A(["w-full p-2xs outline-none input__text peer", o.value]),
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => n.value = r),
         placeholder: l.placeholder,
         required: l.required,
         rows: l.rows
-      }, null, 10, bo), [
-        [Xe, o.value]
+      }, null, 10, bn), [
+        [Ke, n.value]
       ]),
-      l.displayHighlight ? (A(), Ue(Ye, {
+      l.displayHighlight ? (S(), Xe(Je, {
         key: 0,
         color: l.highlightColor,
         rounded: l.rounded,
@@ -1649,9 +1660,9 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
       }, null, 8, ["color", "rounded"])) : pe("", !0)
     ]));
   }
-}), yo = { class: "relative" }, wo = ["id", "value", "checked"], To = /* @__PURE__ */ q({
+}), wn = { class: "relative" }, xn = ["id", "value", "checked"], Vn = /* @__PURE__ */ q({
   __name: "MclCheckbox",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ K({
     id: {},
     inputSize: { default: "md" },
     bgColor: { default: "light-1" },
@@ -1666,9 +1677,9 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["checkbox-click"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ K(["checkbox-click"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = {
+    const n = {
       primary: "peer-checked/input:bg-primary",
       secondary: "peer-checked/input:bg-secondary",
       success: "peer-checked/input:bg-success",
@@ -1686,7 +1697,7 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
       transparent: "peer-checked/input:bg-transparent",
       black: "peer-checked/input:bg-black",
       white: "peer-checked/input:bg-white"
-    }, n = {
+    }, o = {
       primary: "before:text-primary",
       secondary: "before:text-secondary",
       success: "before:text-success",
@@ -1704,65 +1715,65 @@ const go = ["id", "placeholder", "aria-expanded"], mo = ["onClick", "onMouseente
       transparent: "before:text-transparent",
       black: "before:text-black",
       white: "before:text-white"
-    }, l = e, i = ae(e, "modelValue"), r = T(), a = t, f = () => {
-      var c;
-      (c = r.value) == null || c.click();
-    }, u = (c) => {
+    }, l = e, i = ae(e, "modelValue"), r = M(), a = t, p = () => {
+      var d;
+      (d = r.value) == null || d.click();
+    }, u = (d) => {
       var g;
-      const d = c.target.value;
+      const c = d.target.value;
       a(
         "checkbox-click",
-        c,
+        d,
         r.value.checked,
-        (g = r.value) != null && g.checked ? d : ""
+        (g = r.value) != null && g.checked ? c : ""
       );
-    }, p = R(() => {
-      const { inputSize: c } = l;
-      return c === "sm" ? "h-xs w-xs" : c === "lg" ? "h-md w-md" : "h-sm w-sm";
+    }, f = R(() => {
+      const { inputSize: d } = l;
+      return d === "sm" ? "h-xs w-xs" : d === "lg" ? "h-md w-md" : "h-sm w-sm";
     }), s = R(() => {
       const {
-        bgColor: c,
-        borderColor: d,
+        bgColor: d,
+        borderColor: c,
         displayShadow: g,
-        rounded: v,
-        checkedBgColor: y,
+        rounded: y,
+        checkedBgColor: b,
         checkColor: m
       } = l, w = [
-        x("BGCOLOR", c),
-        x("BORDER", d),
-        n[m],
-        o[y]
+        x("BGCOLOR", d),
+        x("BORDER", c),
+        o[m],
+        n[b]
       ];
-      return g && w.push("drop-shadow-md"), v && w.push("rounded-md"), w.join(" ");
+      return g && w.push("drop-shadow-md"), y && w.push("rounded-md"), w.join(" ");
     });
-    return (c, d) => (A(), V("div", yo, [
-      re(O("input", {
-        id: c.id,
+    return (d, c) => (S(), F("div", wn, [
+      ie(B("input", {
+        id: d.id,
         ref_key: "checkboxRef",
         ref: r,
         type: "checkbox",
-        value: c.value,
-        checked: c.checked,
-        "onUpdate:modelValue": d[0] || (d[0] = (g) => i.value = g),
+        value: d.value,
+        checked: d.checked,
+        "onUpdate:modelValue": c[0] || (c[0] = (g) => i.value = g),
         class: "appearance-none peer/input",
         onChange: u
-      }, null, 40, wo), [
-        [qe, i.value]
+      }, null, 40, xn), [
+        [Ue, i.value]
       ]),
-      O("span", {
-        class: S(["relative border peer-checked/input:border-2 inline-block p-3xs hover:bg-opacity-60 peer-checked/input:hover:bg-opacity-60 peer-checked/input:before:content-['\\2713'] peer-checked/input:before:inline-block peer-checked/input:before:absolute before:top-1/2 before:-translate-y-1/2 before:left-1/2 before:-translate-x-1/2 transition-colors duration-200 ease-linear", [s.value, p.value]]),
-        onClick: f
+      B("span", {
+        class: A(["relative border peer-checked/input:border-2 inline-block p-3xs hover:bg-opacity-60 peer-checked/input:hover:bg-opacity-60 peer-checked/input:before:content-['\\2713'] peer-checked/input:before:inline-block peer-checked/input:before:absolute before:top-1/2 before:-translate-y-1/2 before:left-1/2 before:-translate-x-1/2 transition-colors duration-200 ease-linear", [s.value, f.value]]),
+        onClick: p
       }, null, 2)
     ]));
   }
 });
 export {
-  To as MclCheckbox,
-  Ro as MclFormGroup,
-  Oo as MclInputFile,
-  Bo as MclInputRadio,
-  Lo as MclInputSwitch,
-  So as MclInputText,
-  Ao as MclSelect,
-  Eo as MclTextArea
+  Vn as MclCheckbox,
+  On as MclFormGroup,
+  Bn as MclInputFile,
+  Ln as MclInputRadio,
+  An as MclInputSwitch,
+  Sn as MclInputText,
+  En as MclSelect,
+  Tn as MclTextArea
 };