@bobbykim/mcl-forms 0.9.3 → 0.9.5

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 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";
+(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{-webkit-transform:translateX(var(--slider-size));-ms-transform:translateX(var(--slider-size));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 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 ne, withKeys as be, createVNode as gt, vModelText as Ke, Transition as mt, withCtx as vt, Fragment as bt, renderList as yt } from "vue";
 import x, { vClickOutside as wt } from "@bobbykim/manguito-theme";
 import { useResizeObserver as xt } from "@vueuse/core";
-const kt = ["for"], On = /* @__PURE__ */ q({
+const kt = ["for"], Oo = /* @__PURE__ */ q({
   __name: "MclFormGroup",
   props: {
     labelFor: {},
@@ -14,28 +14,28 @@ const kt = ["for"], On = /* @__PURE__ */ q({
   setup(e) {
     const t = e;
     We();
-    const n = R(() => {
-      const { textColor: o, textSize: l, textBold: i } = t, r = [
-        x("TEXTCOLOR", o),
+    const o = R(() => {
+      const { textColor: n, textSize: l, textBold: i } = t, r = [
+        x("TEXTCOLOR", n),
         x("BODYTEXT", l)
       ];
       return i && r.push("font-bold"), r.join(" ");
     });
-    return (o, l) => (S(), F("div", null, [
+    return (n, l) => (S(), F("div", null, [
       B("label", {
-        for: o.labelFor,
+        for: n.labelFor,
         class: "inline-block"
       }, [
-        de(o.$slots, "label", {}, () => [
+        de(n.$slots, "label", {}, () => [
           B("p", {
-            class: A(["mb-2xs", n.value])
-          }, fe(o.label), 3)
+            class: A(["mb-2xs", o.value])
+          }, fe(n.label), 3)
         ])
       ], 8, kt),
-      de(o.$slots, "default")
+      de(n.$slots, "default")
     ]));
   }
-}), Ct = { class: "shrink-0 my-3xs ml-3xs mr-xs" }, Rt = ["id", "required", "accept"], Bn = /* @__PURE__ */ q({
+}), Ct = { class: "shrink-0 my-3xs ml-3xs mr-xs" }, Rt = ["id", "required", "accept"], Bo = /* @__PURE__ */ q({
   __name: "MclInputFile",
   props: /* @__PURE__ */ K({
     id: {},
@@ -57,25 +57,25 @@ const kt = ["for"], On = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = ae(e, "modelValue"), o = M(), l = M(0), i = () => {
-      o.value.click();
+    const t = e, o = ae(e, "modelValue"), n = M(), l = M(0), i = () => {
+      n.value.click();
     }, r = (d) => {
       const c = d.target.files[0];
-      n.value = c;
+      o.value = c;
     }, a = () => {
-      n.value = null, l.value++;
+      o.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(" ");
+      const { rounded: d, displayBorder: c, borderColor: g, displayShadow: b, bgColor: y } = t, m = [x("BGCOLOR", y)];
+      return d && m.push("rounded-md"), c && (m.push("border-2"), m.push(x("BORDER", g))), b && m.push("shadow-md"), m.join(" ");
     }), u = R(() => {
       const { textColor: d } = t;
       return [x("TEXTCOLOR", d)].join(" ");
     }), f = R(() => {
-      const { buttonColor: d, buttonTextColor: c, rounded: g } = t, y = [
+      const { buttonColor: d, buttonTextColor: c, rounded: g } = t, b = [
         x("BGCOLOR", d),
         x("TEXTCOLOR", c)
       ];
-      return g && y.push("rounded-l-md"), y.join(" ");
+      return g && b.push("rounded-l-md"), b.join(" ");
     }), s = R(() => {
       const { buttonColor: d, rounded: c } = t, g = [x("BGCOLOR", d)];
       return c && g.push("rounded-r-md"), g.join(" ");
@@ -93,7 +93,7 @@ const kt = ["for"], On = /* @__PURE__ */ q({
         type: "file",
         id: d.id,
         ref_key: "inputRef",
-        ref: o,
+        ref: n,
         class: A(["file:hidden w-full bg-transparent", [u.value]]),
         required: d.isRequired,
         accept: d.accept,
@@ -120,7 +120,7 @@ const kt = ["for"], On = /* @__PURE__ */ q({
       ])) : pe("", !0)
     ], 2));
   }
-}), Ot = { class: "flex items-center" }, Bt = ["id", "value", "checked"], Ln = /* @__PURE__ */ q({
+}), Ot = { class: "flex items-center" }, Bt = ["id", "value", "checked"], Lo = /* @__PURE__ */ q({
   __name: "MclInputRadio",
   props: {
     id: {},
@@ -133,17 +133,17 @@ const kt = ["for"], On = /* @__PURE__ */ q({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const n = e, o = M(), l = t, i = () => {
+    const o = e, n = M(), l = t, i = () => {
       var f;
-      (f = o.value) == null || f.click();
+      (f = n.value) == null || f.click();
     }, r = R(() => {
-      const { radioSize: f } = n;
+      const { radioSize: f } = o;
       return f === "sm" ? "h-xs w-xs" : f === "lg" ? "h-md w-md" : "h-sm w-sm";
     }), a = R(() => {
-      const { radioSize: f } = n;
+      const { radioSize: f } = o;
       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 = [
+      const { bgColor: f, checkedColor: s, displayShadow: d } = o, c = [
         x("BGCOLOR", f),
         x("BEFOREBG", s)
       ];
@@ -158,7 +158,7 @@ const kt = ["for"], On = /* @__PURE__ */ q({
         type: "radio",
         class: "appearance-none peer",
         ref_key: "radioRef",
-        ref: o,
+        ref: n,
         value: f.value,
         checked: f.checked,
         onChange: u
@@ -184,7 +184,7 @@ const kt = ["for"], On = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = ae(e, "modelValue"), o = M(), l = {
+    const t = e, o = ae(e, "modelValue"), n = M(), l = {
       primary: "peer-checked/input:bg-primary",
       secondary: "peer-checked/input:bg-secondary",
       success: "peer-checked/input:bg-success",
@@ -204,7 +204,7 @@ const kt = ["for"], On = /* @__PURE__ */ q({
       white: "peer-checked/input:bg-white"
     }, i = () => {
       var p;
-      (p = o.value) == null || p.click();
+      (p = n.value) == null || p.click();
     }, r = R(() => t.switchSize === "sm" ? {
       "--switch-width": "30px",
       "--switch-height": "17px",
@@ -236,12 +236,12 @@ const kt = ["for"], On = /* @__PURE__ */ q({
       ie(B("input", {
         id: p.id,
         class: "hidden peer/input",
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => n.value = f),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => o.value = f),
         ref_key: "inputRef",
-        ref: o,
+        ref: n,
         type: "checkbox"
       }, null, 8, Lt), [
-        [Ue, n.value]
+        [Ue, o.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])
@@ -249,11 +249,11 @@ const kt = ["for"], On = /* @__PURE__ */ q({
     ], 4));
   }
 }), 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({
+  const o = e.__vccOpts || e;
+  for (const [n, l] of t)
+    o[n] = l;
+  return o;
+}, Ao = /* @__PURE__ */ Ye(At, [["__scopeId", "data-v-07d209bd"]]), Je = /* @__PURE__ */ q({
   __name: "InputHighlight",
   props: {
     color: { default: "primary" },
@@ -261,18 +261,18 @@ const kt = ["for"], On = /* @__PURE__ */ q({
     offset: { default: 1 }
   },
   setup(e) {
-    const t = e, n = {
+    const t = e, o = {
       1: "-top-1",
       2.5: "-top-2.5"
-    }, o = R(() => {
+    }, n = R(() => {
       const l = [x("BEFOREBG", t.color)];
-      return t.rounded && l.push("rounded-b-md"), l.push(n[t.offset]), l.join(" ");
+      return t.rounded && l.push("rounded-b-md"), l.push(o[t.offset]), l.join(" ");
     });
     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])
+      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", n.value])
     }, null, 2));
   }
-}), 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({
+}), 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" }, So = /* @__PURE__ */ q({
   __name: "MclInputText",
   props: /* @__PURE__ */ K({
     id: {},
@@ -297,7 +297,7 @@ const kt = ["for"], On = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = ae(e, "modelValue"), o = R(() => {
+    const t = e, o = ae(e, "modelValue"), n = R(() => {
       const {
         bgColor: l,
         displayBorder: i,
@@ -318,15 +318,15 @@ const kt = ["for"], On = /* @__PURE__ */ q({
       ie(B("input", {
         id: l.id,
         type: l.type,
-        class: A(["w-full p-2xs outline-none peer peer/validation", o.value]),
-        "onUpdate:modelValue": i[0] || (i[0] = (r) => n.value = r),
+        class: A(["w-full p-2xs outline-none peer peer/validation", n.value]),
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => o.value = r),
         placeholder: l.placeholder,
         required: l.required,
         minlength: l.minLength,
         maxlength: l.maxLength,
         pattern: l.pattern
       }, null, 10, St), [
-        [dt, n.value]
+        [dt, o.value]
       ]),
       l.displayHighlight ? (S(), Xe(Je, {
         key: 0,
@@ -340,7 +340,7 @@ const kt = ["for"], On = /* @__PURE__ */ q({
       ])
     ]));
   }
-}), we = Math.min, J = Math.max, xe = Math.round, be = Math.floor, P = (e) => ({
+}), we = Math.min, J = Math.max, xe = Math.round, ye = Math.floor, P = (e) => ({
   x: e,
   y: e
 }), Vt = {
@@ -352,8 +352,8 @@ const kt = ["for"], On = /* @__PURE__ */ q({
   start: "end",
   end: "start"
 };
-function ze(e, t, n) {
-  return J(e, we(t, n));
+function ze(e, t, o) {
+  return J(e, we(t, o));
 }
 function Re(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -376,10 +376,10 @@ function Q(e) {
 function et(e) {
   return Qe(Q(e));
 }
-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";
+function Ft(e, t, o) {
+  o === void 0 && (o = !1);
+  const n = Oe(e), l = et(e), i = Ze(l);
+  let r = l === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (r = ke(r)), [r, ke(r)];
 }
 function Dt(e) {
@@ -389,12 +389,12 @@ function Dt(e) {
 function Te(e) {
   return e.replace(/start|end/g, (t) => Mt[t]);
 }
-function $t(e, t, n) {
-  const o = ["left", "right"], l = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
+function $t(e, t, o) {
+  const n = ["left", "right"], l = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
-      return n ? t ? l : o : t ? o : l;
+      return o ? t ? l : n : t ? n : l;
     case "left":
     case "right":
       return t ? i : r;
@@ -402,9 +402,9 @@ function $t(e, t, n) {
       return [];
   }
 }
-function It(e, t, n, o) {
+function It(e, t, o, n) {
   const l = Oe(e);
-  let i = $t(Z(e), n === "start", o);
+  let i = $t(Z(e), o === "start", n);
   return l && (i = i.map((r) => r + "-" + l), t && (i = i.concat(i.map(Te)))), i;
 }
 function ke(e) {
@@ -430,76 +430,76 @@ function _t(e) {
 function Ce(e) {
   const {
     x: t,
-    y: n,
-    width: o,
+    y: o,
+    width: n,
     height: l
   } = e;
   return {
-    width: o,
+    width: n,
     height: l,
-    top: n,
+    top: o,
     left: t,
-    right: t + o,
-    bottom: n + l,
+    right: t + n,
+    bottom: o + l,
     x: t,
-    y: n
+    y: o
   };
 }
-function _e(e, t, n) {
+function _e(e, t, o) {
   let {
-    reference: o,
+    reference: n,
     floating: l
   } = e;
-  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;
+  const i = Q(t), r = et(t), a = Ze(r), p = Z(t), u = i === "y", f = n.x + n.width / 2 - l.width / 2, s = n.y + n.height / 2 - l.height / 2, d = n[a] / 2 - l[a] / 2;
   let c;
   switch (p) {
     case "top":
       c = {
         x: f,
-        y: o.y - l.height
+        y: n.y - l.height
       };
       break;
     case "bottom":
       c = {
         x: f,
-        y: o.y + o.height
+        y: n.y + n.height
       };
       break;
     case "right":
       c = {
-        x: o.x + o.width,
+        x: n.x + n.width,
         y: s
       };
       break;
     case "left":
       c = {
-        x: o.x - l.width,
+        x: n.x - l.width,
         y: s
       };
       break;
     default:
       c = {
-        x: o.x,
-        y: o.y
+        x: n.x,
+        y: n.y
       };
   }
   switch (Oe(t)) {
     case "start":
-      c[r] -= d * (n && u ? -1 : 1);
+      c[r] -= d * (o && u ? -1 : 1);
       break;
     case "end":
-      c[r] += d * (n && u ? -1 : 1);
+      c[r] += d * (o && u ? -1 : 1);
       break;
   }
   return c;
 }
-const Pt = async (e, t, n) => {
+const Pt = async (e, t, o) => {
   const {
-    placement: o = "bottom",
+    placement: n = "bottom",
     strategy: l = "absolute",
     middleware: i = [],
     platform: r
-  } = n, a = i.filter(Boolean), p = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  } = o, a = i.filter(Boolean), p = await (r.isRTL == null ? void 0 : r.isRTL(t));
   let u = await r.getElementRects({
     reference: e,
     floating: t,
@@ -507,12 +507,12 @@ const Pt = async (e, t, n) => {
   }), {
     x: f,
     y: s
-  } = _e(u, o, p), d = o, c = {}, g = 0;
-  for (let y = 0; y < a.length; y++) {
+  } = _e(u, n, p), d = n, c = {}, g = 0;
+  for (let b = 0; b < a.length; b++) {
     const {
-      name: b,
+      name: y,
       fn: m
-    } = a[y], {
+    } = a[b], {
       x: w,
       y: C,
       data: E,
@@ -520,7 +520,7 @@ const Pt = async (e, t, n) => {
     } = await m({
       x: f,
       y: s,
-      initialPlacement: o,
+      initialPlacement: n,
       placement: d,
       strategy: l,
       middlewareData: c,
@@ -533,8 +533,8 @@ const Pt = async (e, t, n) => {
     });
     f = w ?? f, s = C ?? s, c = {
       ...c,
-      [b]: {
-        ...c[b],
+      [y]: {
+        ...c[y],
         ...E
       }
     }, L && g <= 50 && (g++, typeof L == "object" && (L.placement && (d = L.placement), L.rects && (u = L.rects === !0 ? await r.getElementRects({
@@ -544,7 +544,7 @@ const Pt = async (e, t, n) => {
     }) : L.rects), {
       x: f,
       y: s
-    } = _e(u, d, p)), y = -1);
+    } = _e(u, d, p)), b = -1);
   }
   return {
     x: f,
@@ -555,10 +555,10 @@ const Pt = async (e, t, n) => {
   };
 };
 async function tt(e, t) {
-  var n;
+  var o;
   t === void 0 && (t = {});
   const {
-    x: o,
+    x: n,
     y: l,
     platform: i,
     rects: r,
@@ -570,13 +570,13 @@ async function tt(e, t) {
     elementContext: s = "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)),
+  } = Re(t, e), g = _t(c), y = a[d ? 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)),
     boundary: u,
     rootBoundary: f,
     strategy: p
   })), w = s === "floating" ? {
-    x: o,
+    x: n,
     y: l,
     width: r.floating.width,
     height: r.floating.height
@@ -604,7 +604,7 @@ const Ht = function(e) {
     name: "flip",
     options: e,
     async fn(t) {
-      var n, o;
+      var o, n;
       const {
         placement: l,
         middlewareData: i,
@@ -618,15 +618,15 @@ const Ht = function(e) {
         fallbackPlacements: d,
         fallbackStrategy: c = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: y = !0,
-        ...b
+        flipAlignment: b = !0,
+        ...y
       } = Re(e, t);
-      if ((n = i.arrow) != null && n.alignmentOffset)
+      if ((o = i.arrow) != null && o.alignmentOffset)
         return {};
-      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) || [];
+      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 || !b ? [ke(a)] : Dt(a)), _ = g !== "none";
+      !d && _ && L.push(...It(a, b, g, E));
+      const O = [a, ...L], D = await tt(t, y), G = [];
+      let U = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (f && G.push(D[m]), s) {
         const j = Ft(l, r, E);
         G.push(D[j[0]], D[j[1]]);
@@ -685,10 +685,10 @@ const Ht = function(e) {
 };
 async function Nt(e, t) {
   const {
-    placement: n,
-    platform: o,
+    placement: o,
+    platform: n,
     elements: l
-  } = 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);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), r = Z(o), a = Oe(o), p = Q(o) === "y", u = ["left", "top"].includes(r) ? -1 : 1, f = i && p ? -1 : 1, s = Re(t, e);
   let {
     mainAxis: d,
     crossAxis: c,
@@ -715,14 +715,14 @@ const Gt = function(e) {
     name: "offset",
     options: e,
     async fn(t) {
-      var n, o;
+      var o, n;
       const {
         x: l,
         y: i,
         placement: r,
         middlewareData: a
       } = t, p = await Nt(t, e);
-      return r === ((n = a.offset) == null ? void 0 : n.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
+      return r === ((o = a.offset) == null ? void 0 : o.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
         x: l + p.x,
         y: i + p.y,
         data: {
@@ -738,18 +738,18 @@ const Gt = function(e) {
     options: e,
     async fn(t) {
       const {
-        x: n,
-        y: o,
+        x: o,
+        y: n,
         placement: l
       } = t, {
         mainAxis: i = !0,
         crossAxis: r = !1,
         limiter: a = {
-          fn: (b) => {
+          fn: (y) => {
             let {
               x: m,
               y: w
-            } = b;
+            } = y;
             return {
               x: m,
               y: w
@@ -758,28 +758,28 @@ const Gt = function(e) {
         },
         ...p
       } = Re(e, t), u = {
-        x: n,
-        y: o
+        x: o,
+        y: n
       }, f = await tt(t, p), s = Q(Z(l)), d = Qe(s);
       let c = u[d], g = u[s];
       if (i) {
-        const b = d === "y" ? "top" : "left", m = d === "y" ? "bottom" : "right", w = c + f[b], C = c - f[m];
+        const y = d === "y" ? "top" : "left", m = d === "y" ? "bottom" : "right", w = c + f[y], C = c - f[m];
         c = ze(w, c, C);
       }
       if (r) {
-        const b = s === "y" ? "top" : "left", m = s === "y" ? "bottom" : "right", w = g + f[b], C = g - f[m];
+        const y = s === "y" ? "top" : "left", m = s === "y" ? "bottom" : "right", w = g + f[y], C = g - f[m];
         g = ze(w, g, C);
       }
-      const y = a.fn({
+      const b = a.fn({
         ...t,
         [d]: c,
         [s]: g
       });
       return {
-        ...y,
+        ...b,
         data: {
-          x: y.x - n,
-          y: y.y - o,
+          x: b.x - o,
+          y: b.y - n,
           enabled: {
             [d]: i,
             [s]: r
@@ -818,11 +818,11 @@ function Pe(e) {
 function ge(e) {
   const {
     overflow: t,
-    overflowX: n,
-    overflowY: o,
+    overflowX: o,
+    overflowY: n,
     display: l
   } = z(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(l);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(l);
 }
 function Wt(e) {
   return ["table", "td", "th"].includes(te(e));
@@ -837,8 +837,8 @@ function Le(e) {
   });
 }
 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));
+  const t = De(), o = I(e) ? z(e) : e;
+  return ["transform", "translate", "scale", "rotate", "perspective"].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) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
 }
 function qt(e) {
   let t = Y(e);
@@ -881,30 +881,30 @@ function Y(e) {
   );
   return Pe(t) ? t.host : t;
 }
-function nt(e) {
+function ot(e) {
   const t = Y(e);
-  return se(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : H(t) && ge(t) ? t : nt(t);
+  return se(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : H(t) && ge(t) ? t : ot(t);
 }
-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);
+function he(e, t, o) {
+  var n;
+  t === void 0 && (t = []), o === void 0 && (o = !0);
+  const l = ot(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), r = $(l);
   if (i) {
     const a = Ve(r);
-    return t.concat(r, r.visualViewport || [], ge(l) ? l : [], a && n ? he(a) : []);
+    return t.concat(r, r.visualViewport || [], ge(l) ? l : [], a && o ? he(a) : []);
   }
-  return t.concat(l, he(l, [], n));
+  return t.concat(l, he(l, [], o));
 }
 function Ve(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function ot(e) {
+function nt(e) {
   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,
+  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,
     $: a
   };
 }
@@ -915,12 +915,12 @@ function re(e) {
   const t = $e(e);
   if (!H(t))
     return P(1);
-  const n = t.getBoundingClientRect(), {
-    width: o,
+  const o = t.getBoundingClientRect(), {
+    width: n,
     height: l,
     $: i
-  } = ot(t);
-  let r = (i ? xe(n.width) : n.width) / o, a = (i ? xe(n.height) : n.height) / l;
+  } = nt(t);
+  let r = (i ? xe(o.width) : o.width) / n, a = (i ? xe(o.height) : o.height) / l;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
@@ -934,22 +934,22 @@ function lt(e) {
     y: t.visualViewport.offsetTop
   };
 }
-function Xt(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== $(e) ? !1 : t;
+function Xt(e, t, o) {
+  return t === void 0 && (t = !1), !o || t && o !== $(e) ? !1 : t;
 }
-function ee(e, t, n, o) {
-  t === void 0 && (t = !1), n === void 0 && (n = !1);
+function ee(e, t, o, n) {
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
   const l = e.getBoundingClientRect(), i = $e(e);
   let r = P(1);
-  t && (o ? I(o) && (r = re(o)) : r = re(e));
-  const a = Xt(i, n, o) ? lt(i) : P(0);
+  t && (n ? I(n) && (r = re(n)) : r = re(e));
+  const a = Xt(i, o, n) ? 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 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);
+    const d = $(i), c = n && I(n) ? $(n) : n;
+    let g = d, b = Ve(g);
+    for (; b && n && c !== g; ) {
+      const y = re(b), m = b.getBoundingClientRect(), w = z(b), C = m.left + (b.clientLeft + parseFloat(w.paddingLeft)) * y.x, E = m.top + (b.clientTop + parseFloat(w.paddingTop)) * y.y;
+      p *= y.x, u *= y.y, f *= y.x, s *= y.y, p += C, u += E, g = $(b), b = Ve(g);
     }
   }
   return Ce({
@@ -960,15 +960,15 @@ function ee(e, t, n, o) {
   });
 }
 function Ie(e, t) {
-  const n = Ae(e).scrollLeft;
-  return t ? t.left + n : ee(N(e)).left + n;
+  const o = Ae(e).scrollLeft;
+  return t ? t.left + o : ee(N(e)).left + o;
 }
-function rt(e, t, n) {
-  n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), l = o.left + t.scrollLeft - (n ? 0 : (
+function rt(e, t, o) {
+  o === void 0 && (o = !1);
+  const n = e.getBoundingClientRect(), l = n.left + t.scrollLeft - (o ? 0 : (
     // RTL <body> scrollbar.
-    Ie(e, o)
-  )), i = o.top + t.scrollTop;
+    Ie(e, n)
+  )), i = n.top + t.scrollTop;
   return {
     x: l,
     y: i
@@ -977,38 +977,38 @@ function rt(e, t, n) {
 function Kt(e) {
   let {
     elements: t,
-    rect: n,
-    offsetParent: o,
+    rect: o,
+    offsetParent: n,
     strategy: l
   } = e;
-  const i = l === "fixed", r = N(o), a = t ? Le(t.floating) : !1;
-  if (o === r || a && i)
-    return n;
+  const i = l === "fixed", r = N(n), a = t ? Le(t.floating) : !1;
+  if (n === r || a && i)
+    return o;
   let p = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = P(1);
-  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 f = P(0), s = H(n);
+  if ((s || !s && !i) && ((te(n) !== "body" || ge(r)) && (p = Ae(n)), H(n))) {
+    const c = ee(n);
+    u = re(n), f.x = c.x + n.clientLeft, f.y = c.y + n.clientTop;
   }
   const d = r && !s && !i ? rt(r, p, !0) : P(0);
   return {
-    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
+    width: o.width * u.x,
+    height: o.height * u.y,
+    x: o.x * u.x - p.scrollLeft * u.x + f.x + d.x,
+    y: o.y * u.y - p.scrollTop * u.y + f.y + d.y
   };
 }
 function Yt(e) {
   return Array.from(e.getClientRects());
 }
 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), {
+  const t = N(e), o = Ae(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 + Ie(e);
+  const a = -o.scrollTop;
+  return z(n).direction === "rtl" && (r += J(t.clientWidth, n.clientWidth) - l), {
     width: l,
     height: i,
     x: r,
@@ -1016,8 +1016,8 @@ function Jt(e) {
   };
 }
 function Qt(e, t) {
-  const n = $(e), o = N(e), l = n.visualViewport;
-  let i = o.clientWidth, r = o.clientHeight, a = 0, p = 0;
+  const o = $(e), n = N(e), l = o.visualViewport;
+  let i = n.clientWidth, r = n.clientHeight, a = 0, p = 0;
   if (l) {
     i = l.width, r = l.height;
     const u = De();
@@ -1031,7 +1031,7 @@ function Qt(e, t) {
   };
 }
 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;
+  const o = ee(e, !0, t === "fixed"), n = o.top + e.clientTop, l = o.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 = n * i.y;
   return {
     width: r,
     height: a,
@@ -1039,50 +1039,50 @@ function Zt(e, t) {
     y: u
   };
 }
-function He(e, t, n) {
-  let o;
+function He(e, t, o) {
+  let n;
   if (t === "viewport")
-    o = Qt(e, n);
+    n = Qt(e, o);
   else if (t === "document")
-    o = Jt(N(e));
+    n = Jt(N(e));
   else if (I(t))
-    o = Zt(t, n);
+    n = Zt(t, o);
   else {
     const l = lt(e);
-    o = {
+    n = {
       x: t.x - l.x,
       y: t.y - l.y,
       width: t.width,
       height: t.height
     };
   }
-  return Ce(o);
+  return Ce(n);
 }
 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 o = Y(e);
+  return o === t || !I(o) || se(o) ? !1 : z(o).position === "fixed" || it(o, t);
+}
+function eo(e, t) {
+  const o = t.get(e);
+  if (o)
+    return o;
+  let n = 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);
+    !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)) ? n = n.filter((f) => f !== r) : l = a, r = Y(r);
   }
-  return t.set(e, o), o;
+  return t.set(e, n), n;
 }
-function tn(e) {
+function to(e) {
   let {
     element: t,
-    boundary: n,
-    rootBoundary: o,
+    boundary: o,
+    rootBoundary: n,
     strategy: l
   } = e;
-  const r = [...n === "clippingAncestors" ? Le(t) ? [] : en(t, this._c) : [].concat(n), o], a = r[0], p = r.reduce((u, f) => {
+  const r = [...o === "clippingAncestors" ? Le(t) ? [] : eo(t, this._c) : [].concat(o), n], 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;
   }, He(t, a, l));
@@ -1093,18 +1093,18 @@ function tn(e) {
     y: p.top
   };
 }
-function nn(e) {
+function oo(e) {
   const {
     width: t,
-    height: n
-  } = ot(e);
+    height: o
+  } = nt(e);
   return {
     width: t,
-    height: n
+    height: o
   };
 }
-function on(e, t, n) {
-  const o = H(t), l = N(t), i = n === "fixed", r = ee(e, !0, i, t);
+function no(e, t, o) {
+  const n = H(t), l = N(t), i = o === "fixed", r = ee(e, !0, i, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1113,13 +1113,13 @@ function on(e, t, n) {
   function u() {
     p.x = Ie(l);
   }
-  if (o || !o && !i)
-    if ((te(t) !== "body" || ge(l)) && (a = Ae(t)), o) {
+  if (n || !n && !i)
+    if ((te(t) !== "body" || ge(l)) && (a = Ae(t)), n) {
       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;
+  i && !n && l && u();
+  const f = l && !n && !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: s,
     y: d,
@@ -1135,13 +1135,13 @@ function Ne(e, t) {
     return null;
   if (t)
     return t(e);
-  let n = e.offsetParent;
-  return N(e) === n && (n = n.ownerDocument.body), n;
+  let o = e.offsetParent;
+  return N(e) === o && (o = o.ownerDocument.body), o;
 }
 function st(e, t) {
-  const n = $(e);
+  const o = $(e);
   if (Le(e))
-    return n;
+    return o;
   if (!H(e)) {
     let l = Y(e);
     for (; l && !se(l); ) {
@@ -1149,49 +1149,49 @@ function st(e, t) {
         return l;
       l = Y(l);
     }
-    return n;
+    return 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;
+  let n = Ne(e, t);
+  for (; n && Wt(n) && Ee(n); )
+    n = Ne(n, t);
+  return n && se(n) && Ee(n) && !Fe(n) ? o : n || qt(e) || o;
 }
-const ln = async function(e) {
-  const t = this.getOffsetParent || st, n = this.getDimensions, o = await n(e.floating);
+const lo = async function(e) {
+  const t = this.getOffsetParent || st, o = this.getDimensions, n = await o(e.floating);
   return {
-    reference: on(e.reference, await t(e.floating), e.strategy),
+    reference: no(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: o.width,
-      height: o.height
+      width: n.width,
+      height: n.height
     }
   };
 };
-function rn(e) {
+function ro(e) {
   return z(e).direction === "rtl";
 }
-const sn = {
+const io = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Kt,
   getDocumentElement: N,
-  getClippingRect: tn,
+  getClippingRect: to,
   getOffsetParent: st,
-  getElementRects: ln,
+  getElementRects: lo,
   getClientRects: Yt,
-  getDimensions: nn,
+  getDimensions: oo,
   getScale: re,
   isElement: I,
-  isRTL: rn
+  isRTL: ro
 };
 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;
+function so(e, t) {
+  let o = null, n;
   const l = N(e);
   function i() {
     var a;
-    clearTimeout(o), (a = n) == null || a.disconnect(), n = null;
+    clearTimeout(n), (a = o) == null || a.disconnect(), o = null;
   }
   function r(a, p) {
     a === void 0 && (a = !1), p === void 0 && (p = 1), i();
@@ -1203,8 +1203,8 @@ function an(e, t) {
     } = u;
     if (a || t(), !d || !c)
       return;
-    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",
+    const g = ye(s), b = ye(l.clientWidth - (f + d)), y = ye(l.clientHeight - (s + c)), m = ye(f), C = {
+      rootMargin: -g + "px " + -b + "px " + -y + "px " + -m + "px",
       threshold: J(0, we(1, p)) || 1
     };
     let E = !0;
@@ -1213,79 +1213,79 @@ function an(e, t) {
       if (O !== p) {
         if (!E)
           return r();
-        O ? r(!1, O) : o = setTimeout(() => {
+        O ? r(!1, O) : n = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
       O === 1 && !at(u, e.getBoundingClientRect()) && r(), E = !1;
     }
     try {
-      n = new IntersectionObserver(L, {
+      o = new IntersectionObserver(L, {
         ...C,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(L, C);
+      o = new IntersectionObserver(L, C);
     }
-    n.observe(e);
+    o.observe(e);
   }
   return r(!0), i;
 }
-function cn(e, t, n, o) {
-  o === void 0 && (o = {});
+function ao(e, t, o, n) {
+  n === void 0 && (n = {});
   const {
     ancestorScroll: l = !0,
     ancestorResize: i = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: p = !1
-  } = o, u = $e(e), f = l || i ? [...u ? he(u) : [], ...he(t)] : [];
+  } = n, u = $e(e), f = l || i ? [...u ? he(u) : [], ...he(t)] : [];
   f.forEach((m) => {
-    l && m.addEventListener("scroll", n, {
+    l && m.addEventListener("scroll", o, {
       passive: !0
-    }), i && m.addEventListener("resize", n);
+    }), i && m.addEventListener("resize", o);
   });
-  const s = u && a ? an(u, n) : null;
+  const s = u && a ? so(u, o) : null;
   let d = -1, c = null;
   r && (c = new ResizeObserver((m) => {
     let [w] = m;
     w && w.target === u && c && (c.unobserve(t), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
       var C;
       (C = c) == null || C.observe(t);
-    })), n();
+    })), o();
   }), u && !p && c.observe(u), c.observe(t));
-  let g, y = p ? ee(e) : null;
-  p && b();
-  function b() {
+  let g, b = p ? ee(e) : null;
+  p && y();
+  function y() {
     const m = ee(e);
-    y && !at(y, m) && n(), y = m, g = requestAnimationFrame(b);
+    b && !at(b, m) && o(), b = m, g = requestAnimationFrame(y);
   }
-  return n(), () => {
+  return o(), () => {
     var m;
     f.forEach((w) => {
-      l && w.removeEventListener("scroll", n), i && w.removeEventListener("resize", n);
+      l && w.removeEventListener("scroll", o), i && w.removeEventListener("resize", o);
     }), s == null || s(), (m = c) == null || m.disconnect(), c = null, p && cancelAnimationFrame(g);
   };
 }
-const un = Gt, dn = jt, fn = Ht, pn = (e, t, n) => {
-  const o = /* @__PURE__ */ new Map(), l = {
-    platform: sn,
-    ...n
+const co = Gt, uo = jt, fo = Ht, po = (e, t, o) => {
+  const n = /* @__PURE__ */ new Map(), l = {
+    platform: io,
+    ...o
   }, i = {
     ...l.platform,
-    _c: o
+    _c: n
   };
   return Pt(e, t, {
     ...l,
     platform: i
   });
 };
-function hn(e) {
+function ho(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function Ge(e) {
-  if (hn(e)) {
+  if (ho(e)) {
     const t = e.$el;
     return Me(t) && te(t) === "#comment" ? null : t;
   }
@@ -1298,24 +1298,24 @@ function ct(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function je(e, t) {
-  const n = ct(e);
-  return Math.round(t * n) / n;
+  const o = ct(e);
+  return Math.round(t * o) / o;
 }
-function gn(e, t, n) {
-  n === void 0 && (n = {});
-  const o = n.whileElementsMounted, l = R(() => {
+function go(e, t, o) {
+  o === void 0 && (o = {});
+  const n = o.whileElementsMounted, l = R(() => {
     var O;
-    return (O = ue(n.open)) != null ? O : !0;
-  }), i = R(() => ue(n.middleware)), r = R(() => {
+    return (O = ue(o.open)) != null ? O : !0;
+  }), i = R(() => ue(o.middleware)), r = R(() => {
     var O;
-    return (O = ue(n.placement)) != null ? O : "bottom";
+    return (O = ue(o.placement)) != null ? O : "bottom";
   }), a = R(() => {
     var O;
-    return (O = ue(n.strategy)) != null ? O : "absolute";
+    return (O = ue(o.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(() => {
+    return (O = ue(o.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), b = ft({}), y = M(!1), m = R(() => {
     const O = {
       position: c.value,
       left: "0",
@@ -1341,29 +1341,29 @@ function gn(e, t, n) {
     if (u.value == null || f.value == null)
       return;
     const O = l.value;
-    pn(u.value, f.value, {
+    po(u.value, f.value, {
       middleware: i.value,
       placement: r.value,
       strategy: a.value
     }).then((D) => {
-      s.value = D.x, d.value = D.y, c.value = D.strategy, g.value = D.placement, y.value = D.middlewareData, b.value = O !== !1;
+      s.value = D.x, d.value = D.y, c.value = D.strategy, g.value = D.placement, b.value = D.middlewareData, y.value = O !== !1;
     });
   }
   function E() {
     typeof w == "function" && (w(), w = void 0);
   }
   function L() {
-    if (E(), o === void 0) {
+    if (E(), n === void 0) {
       C();
       return;
     }
     if (u.value != null && f.value != null) {
-      w = o(u.value, f.value, C);
+      w = n(u.value, f.value, C);
       return;
     }
   }
   function _() {
-    l.value || (b.value = !1);
+    l.value || (y.value = !1);
   }
   return le([i, r, a, l], C, {
     flush: "sync"
@@ -1372,17 +1372,17 @@ function gn(e, t, n) {
   }), le(l, _, {
     flush: "sync"
   }), pt() && ht(E), {
-    x: oe(s),
-    y: oe(d),
-    strategy: oe(c),
-    placement: oe(g),
-    middlewareData: oe(y),
-    isPositioned: oe(b),
+    x: ne(s),
+    y: ne(d),
+    strategy: ne(c),
+    placement: ne(g),
+    middlewareData: ne(b),
+    isPositioned: ne(y),
     floatingStyles: m,
     update: C
   };
 }
-const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseenter"], yn = /* @__PURE__ */ q({
+const mo = ["id", "placeholder", "aria-expanded"], vo = ["onClick", "onMouseenter"], bo = /* @__PURE__ */ q({
   __name: "MclSelect",
   props: /* @__PURE__ */ K({
     id: {},
@@ -1406,22 +1406,22 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
   }),
   emits: /* @__PURE__ */ K(["open", "close", "clear", "changed", "select"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e;
+    const o = e;
     We();
-    const o = t, l = ae(e, "modelValue"), i = M(), r = M(), a = M(), p = M(
+    const n = t, l = ae(e, "modelValue"), i = M(), r = M(), a = M(), p = M(
       []
     ), u = M(null), f = M(), s = M(!1), d = M(""), c = M(0), g = () => {
       s.value = !0;
-    }, y = () => {
+    }, b = () => {
       var h;
       d.value = "", s.value = !1, u.value = null, (h = r.value) == null || h.blur(), l.value = "";
-    }, b = () => {
+    }, y = () => {
       s.value = !1, c.value = 0;
     }, m = () => {
       var h;
       s.value = !s.value, c.value = 0, s.value === !0 && ((h = r.value) == null || h.focus());
     }, w = (h) => {
-      h.preventDefault(), d.value !== "" && (d.value = ""), c.value = 0, l.value = "", o("clear");
+      h.preventDefault(), d.value !== "" && (d.value = ""), c.value = 0, l.value = "", n("clear");
     }, C = (h, v) => {
       p.value[v] = h;
     }, E = (h) => {
@@ -1433,7 +1433,7 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
     }, 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);
+      l.value = k, s.value = !1, n("select", k);
     }, D = R(() => {
       const {
         bgColor: h,
@@ -1443,21 +1443,21 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
         displayShadow: V,
         rounded: Se,
         textcolor: ut
-      } = n, ne = [
+      } = o, oe = [
         x("BGCOLOR", h),
         x("TEXTCOLOR", ut)
       ];
-      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(" ");
+      return v && (oe.push("border-2"), oe.push(x("BORDER", k))), T || oe.push("ring-offset-2 transition-all duration-300 ease-linear"), V && oe.push("shadow-md"), Se && oe.push("rounded-md"), oe.join(" ");
     }), G = R(() => {
-      const { highlightColor: h, rounded: v } = n, k = [x("BEFOREBG", h)];
+      const { highlightColor: h, rounded: v } = o, 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 = [
+      const { displayHighlight: h, bgColor: v, borderColor: k, rounded: T } = o, V = [
         x("BGCOLOR", v),
         x("BORDER", k)
       ];
       return h || V.push("mt-2xs"), T && V.push("rounded-md"), V.join(" ");
-    }), X = R(() => d.value === "" ? n.options : n.options.filter((v) => {
+    }), X = R(() => d.value === "" ? o.options : o.options.filter((v) => {
       const k = new RegExp(`${d.value}`, "gi");
       return typeof v == "string" ? v.match(k) : v.text.match(k);
     })), ce = (h) => {
@@ -1466,33 +1466,33 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
       if (!s.value) return;
       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,
+      typeof h == "string" ? (d.value = h, v = h) : (d.value = h.text, v = h.value), l.value = v, s.value = !1, n("select", v);
+    }, ve = R(() => ({ width: `${f.value}px` })), { floatingStyles: j } = go(i, a, {
+      whileElementsMounted: ao,
       strategy: "absolute",
       open: s,
       transform: !1,
       placement: "bottom",
-      middleware: [fn(), un(-2.2), dn()]
+      middleware: [fo(), co(-2.2), uo()]
     });
     return xt(i, () => {
       i.value && (f.value = i.value.clientWidth);
     }), le(s, (h) => {
-      o(h === !0 ? "open" : "close");
+      n(h === !0 ? "open" : "close");
     }), le(l, (h) => {
       if (h === null) {
         s.value = !1, u.value = null;
         return;
       }
-      o("changed", h);
+      n("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: [
-        ye(y, ["esc"]),
-        v[1] || (v[1] = ye((k) => ce("down"), ["down"])),
-        v[2] || (v[2] = ye((k) => ce("up"), ["up"])),
-        ye(me, ["enter"])
+        be(b, ["esc"]),
+        v[1] || (v[1] = be((k) => ce("down"), ["down"])),
+        v[2] || (v[2] = be((k) => ce("up"), ["up"])),
+        be(me, ["enter"])
       ],
       ref_key: "componentRef",
       ref: i,
@@ -1517,7 +1517,7 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
           "aria-autocomplete": "list",
           "aria-expanded": s.value,
           onFocus: g
-        }, null, 40, mn), [
+        }, null, 40, mo), [
           [Ke, d.value]
         ]),
         B("div", {
@@ -1577,7 +1577,7 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
               setRef: C,
               hover: _
             }, () => [
-              (S(!0), F(yt, null, bt(X.value, (k, T) => (S(), F("li", {
+              (S(!0), F(bt, null, yt(X.value, (k, T) => (S(), F("li", {
                 key: T,
                 class: A(["p-2xs cursor-pointer", [
                   c.value === T && W(x)("BGCOLOR", h.highlightColor)
@@ -1587,7 +1587,7 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
                 ref: (V) => C(V, T),
                 onClick: (V) => O(V, k),
                 onMouseenter: (V) => _(T)
-              }, fe(typeof k == "string" ? k : k.text), 43, vn))), 128))
+              }, fe(typeof k == "string" ? k : k.text), 43, vo))), 128))
             ], !0) : de(h.$slots, "no-match", { key: 1 }, () => [
               B("li", {
                 class: A(["p-2xs cursor-pointer", [W(x)("HVBGCOLOR", h.selectColor)]])
@@ -1600,10 +1600,10 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
         _: 3
       })
     ], 32)), [
-      [W(wt), b]
+      [W(wt), y]
     ]);
   }
-}), En = /* @__PURE__ */ Ye(yn, [["__scopeId", "data-v-f80afd47"]]), bn = ["id", "placeholder", "required", "rows"], Tn = /* @__PURE__ */ q({
+}), Eo = /* @__PURE__ */ Ye(bo, [["__scopeId", "data-v-f80afd47"]]), yo = ["id", "placeholder", "required", "rows"], To = /* @__PURE__ */ q({
   __name: "MclTextArea",
   props: /* @__PURE__ */ K({
     id: {},
@@ -1624,7 +1624,7 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = ae(e, "modelValue"), o = R(() => {
+    const t = e, o = ae(e, "modelValue"), n = R(() => {
       const {
         bgColor: l,
         displayBorder: i,
@@ -1644,13 +1644,13 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
     return (l, i) => (S(), F("div", null, [
       ie(B("textarea", {
         id: l.id,
-        class: A(["w-full p-2xs outline-none input__text peer", o.value]),
-        "onUpdate:modelValue": i[0] || (i[0] = (r) => n.value = r),
+        class: A(["w-full p-2xs outline-none input__text peer", n.value]),
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => o.value = r),
         placeholder: l.placeholder,
         required: l.required,
         rows: l.rows
-      }, null, 10, bn), [
-        [Ke, n.value]
+      }, null, 10, yo), [
+        [Ke, o.value]
       ]),
       l.displayHighlight ? (S(), Xe(Je, {
         key: 0,
@@ -1660,7 +1660,7 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
       }, null, 8, ["color", "rounded"])) : pe("", !0)
     ]));
   }
-}), wn = { class: "relative" }, xn = ["id", "value", "checked"], Vn = /* @__PURE__ */ q({
+}), wo = { class: "relative" }, xo = ["id", "value", "checked"], Vo = /* @__PURE__ */ q({
   __name: "MclCheckbox",
   props: /* @__PURE__ */ K({
     id: {},
@@ -1679,7 +1679,7 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
   }),
   emits: /* @__PURE__ */ K(["checkbox-click"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = {
+    const o = {
       primary: "peer-checked/input:bg-primary",
       secondary: "peer-checked/input:bg-secondary",
       success: "peer-checked/input:bg-success",
@@ -1697,24 +1697,24 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
       transparent: "peer-checked/input:bg-transparent",
       black: "peer-checked/input:bg-black",
       white: "peer-checked/input:bg-white"
-    }, o = {
-      primary: "before:text-primary",
-      secondary: "before:text-secondary",
-      success: "before:text-success",
-      info: "before:text-info",
-      warning: "before:text-warning",
-      danger: "before:text-danger",
-      "light-1": "before:text-light-1",
-      "light-2": "before:text-light-2",
-      "light-3": "before:text-light-3",
-      "light-4": "before:text-light-4",
-      "dark-1": "before:text-dark-1",
-      "dark-2": "before:text-dark-2",
-      "dark-3": "before:text-dark-3",
-      "dark-4": "before:text-dark-1",
-      transparent: "before:text-transparent",
-      black: "before:text-black",
-      white: "before:text-white"
+    }, n = {
+      primary: "before:bg-primary",
+      secondary: "before:bg-secondary",
+      success: "before:bg-success",
+      info: "before:bg-info",
+      warning: "before:bg-warning",
+      danger: "before:bg-danger",
+      "light-1": "before:bg-light-1",
+      "light-2": "before:bg-light-2",
+      "light-3": "before:bg-light-3",
+      "light-4": "before:bg-light-4",
+      "dark-1": "before:bg-dark-1",
+      "dark-2": "before:bg-dark-2",
+      "dark-3": "before:bg-dark-3",
+      "dark-4": "before:bg-dark-1",
+      transparent: "before:bg-transparent",
+      black: "before:bg-black",
+      white: "before:bg-white"
     }, l = e, i = ae(e, "modelValue"), r = M(), a = t, p = () => {
       var d;
       (d = r.value) == null || d.click();
@@ -1729,24 +1729,24 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
       );
     }, f = R(() => {
       const { inputSize: d } = l;
-      return d === "sm" ? "h-xs w-xs" : d === "lg" ? "h-md w-md" : "h-sm w-sm";
+      return d === "sm" ? "h-xs w-xs before:h-2xs before:w-2xs" : d === "lg" ? "h-md w-md before:h-xs before:w-xs" : "h-sm w-sm before:w-[12px] before:h-[12px]";
     }), s = R(() => {
       const {
         bgColor: d,
         borderColor: c,
         displayShadow: g,
-        rounded: y,
-        checkedBgColor: b,
+        rounded: b,
+        checkedBgColor: y,
         checkColor: m
       } = l, w = [
         x("BGCOLOR", d),
         x("BORDER", c),
-        o[m],
-        n[b]
+        n[m],
+        o[y]
       ];
-      return g && w.push("drop-shadow-md"), y && w.push("rounded-md"), w.join(" ");
+      return g && w.push("drop-shadow-md"), b && w.push("rounded-md before:rounded-[3px]"), w.join(" ");
     });
-    return (d, c) => (S(), F("div", wn, [
+    return (d, c) => (S(), F("div", wo, [
       ie(B("input", {
         id: d.id,
         ref_key: "checkboxRef",
@@ -1757,23 +1757,23 @@ const mn = ["id", "placeholder", "aria-expanded"], vn = ["onClick", "onMouseente
         "onUpdate:modelValue": c[0] || (c[0] = (g) => i.value = g),
         class: "appearance-none peer/input",
         onChange: u
-      }, null, 40, xn), [
+      }, null, 40, xo), [
         [Ue, i.value]
       ]),
       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]]),
+        class: A(["relative border inline-block p-3xs hover:bg-opacity-60 peer-checked/input:hover:bg-opacity-60 before:opacity-0 peer-checked/input:before:opacity-100 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 before:transition-opacity before:duration-200 before:ease-linar", [s.value, f.value]]),
         onClick: p
       }, null, 2)
     ]));
   }
 });
 export {
-  Vn as MclCheckbox,
-  On as MclFormGroup,
-  Bn as MclInputFile,
-  Ln as MclInputRadio,
-  An as MclInputSwitch,
-  Sn as MclInputText,
-  En as MclSelect,
-  Tn as MclTextArea
+  Vo as MclCheckbox,
+  Oo as MclFormGroup,
+  Bo as MclInputFile,
+  Lo as MclInputRadio,
+  Ao as MclInputSwitch,
+  So as MclInputText,
+  Eo as MclSelect,
+  To as MclTextArea
 };