@bobbykim/mcl-forms 0.11.1 → 0.12.0

package/dist/mcl-forms.js

@@ -1,270 +1,483 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.switch[data-v-2ee4a4f0]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-2ee4a4f0]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-2ee4a4f0]:before{-webkit-transform:translateX(var(--slider-size));-ms-transform:translateX(var(--slider-size));transform:translate(var(--slider-size))}.options-enter-active[data-v-dba14247],.options-leave-active[data-v-dba14247]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-dba14247],.options-leave-to[data-v-dba14247]{opacity:0;transform:translateY(-10px)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as xe, useSlots as en, computed as O, openBlock as $, createElementBlock as q, createElementVNode as M, renderSlot as st, normalizeClass as H, toDisplayString as ct, useModel as Ze, ref as Y, unref as Te, createCommentVNode as dt, mergeModels as Re, normalizeStyle as tn, withDirectives as qe, vModelCheckbox as rn, vModelDynamic as Dn, createBlock as nn, h as _n, shallowRef as Vn, watch as Ye, getCurrentScope as In, onScopeDispose as Mn, shallowReadonly as Ue, withKeys as yt, vModelText as on, createVNode as Bn, Transition as Fn, withCtx as Pn, Fragment as zn, renderList as Hn } from "vue";
-import { generateClass as R } from "@bobbykim/manguito-theme";
-import { useResizeObserver as $n } from "@vueuse/core";
-const Un = ["for"], Qa = /* @__PURE__ */ xe({
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.switch[data-v-784930f6]{width:var(--switch-width);height:var(--switch-height)}.slider[data-v-784930f6]:before{content:"";height:var(--slider-size);width:var(--slider-size);left:var(--gutter-size);bottom:var(--gutter-size)}input:checked+.slider[data-v-784930f6]:before{transform:translate(var(--slider-size))}.options-enter-active[data-v-2695c901],.options-leave-active[data-v-2695c901]{opacity:1;transition:opacity .3s linear,transform .3s linear}.options-enter-from[data-v-2695c901],.options-leave-to[data-v-2695c901]{opacity:0;transform:translateY(-10px)}.options-leave-active[data-v-2695c901]{pointer-events:none}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as de, openBlock as O, createElementBlock as D, renderSlot as ie, createElementVNode as H, toDisplayString as Ne, createCommentVNode as I, inject as qn, computed as S, toValue as ge, provide as jn, useId as Gn, useSlots as Yn, unref as d, normalizeClass as K, createTextVNode as Fr, createBlock as De, withCtx as Pe, useModel as We, ref as te, createVNode as St, mergeModels as pe, withDirectives as ze, vModelRadio as Xn, normalizeStyle as ar, vModelCheckbox as gn, vModelDynamic as Kn, h as Zn, shallowRef as Jn, watch as _e, getCurrentScope as Qn, onScopeDispose as eo, shallowReadonly as Ze, vModelText as pn, Transition as to, Fragment as ro, renderList as no } from "vue";
+import { generateClass as P } from "@bobbykim/manguito-theme";
+import { useResizeObserver as oo } from "@vueuse/core";
+const io = ["id"], ao = { class: "text-xs text-danger" }, rt = /* @__PURE__ */ de({
+  __name: "FieldFeedback",
+  props: {
+    id: {},
+    invalid: { type: Boolean, default: !1 },
+    text: { default: "" }
+  },
+  setup(e) {
+    return (t, r) => e.invalid ? (O(), D("div", {
+      key: 0,
+      id: e.id,
+      role: "alert",
+      class: "ml-3xs"
+    }, [
+      ie(t.$slots, "default", {}, () => [
+        H("span", ao, Ne(e.text), 1)
+      ])
+    ], 8, io)) : I("", !0);
+  }
+}), mn = /* @__PURE__ */ Symbol("mcl-field");
+let lo = 0;
+const Rt = (e) => e !== void 0 && e !== "" ? e : void 0, bn = (e) => Rt(e) ?? Rt(Gn()) ?? `mcl-field-${++lo}`, hn = (e, t, r) => S(() => {
+  const n = [];
+  return e && n.push(e), r.value && t !== void 0 && n.push(t), n.length > 0 ? n.join(" ") : void 0;
+}), so = (e) => {
+  const t = bn(e.fieldId), r = S(() => ge(e.invalid) ?? !1), n = `${t}-error`, i = e.hasHelpText ? `${t}-description` : void 0, a = {
+    id: t,
+    // Defaulting name to the field id is what lets a radio group work without
+    // the consumer having to invent one.
+    name: S(() => ge(e.name) ?? t),
+    errorId: n,
+    descriptionId: i,
+    invalid: r,
+    required: S(() => ge(e.required) ?? !1),
+    disabled: S(() => ge(e.disabled) ?? !1),
+    describedBy: hn(i, n, r),
+    feedbackOwnedByGroup: e.ownsFeedback,
+    isGroupLabel: e.isGroupLabel
+  };
+  return jn(mn, a), a;
+}, qe = (e, t) => {
+  const r = qn(mn, null), n = t?.rendersOwnFeedback ?? !0, i = bn(void 0), a = Rt(e.id), l = r !== null && !r.isGroupLabel ? Rt(r.id) : void 0, s = a ?? l ?? i, u = r?.feedbackOwnedByGroup ?? !1, c = u ? r.errorId : `${s}-error`, f = u || n, m = r?.descriptionId, g = S(
+    () => e.invalid ?? r?.invalid.value ?? !1
+  );
+  return {
+    id: s,
+    // No id fallback here on purpose: it would apply to all eight controls,
+    // making text/textarea/select/file emit a generated `name` into native
+    // form submissions where they previously emitted none, with no way to opt
+    // out. Grouped controls still inherit a usable name because the provider
+    // defaults its own `name` to the field id; a standalone radio supplies its
+    // own fallback in MclInputRadio, where it is actually needed.
+    name: S(() => e.name ?? ge(r?.name)),
+    errorId: c,
+    descriptionId: m,
+    invalid: g,
+    required: S(
+      () => e.required ?? r?.required.value ?? !1
+    ),
+    disabled: S(
+      () => e.disabled ?? r?.disabled.value ?? !1
+    ),
+    describedBy: hn(
+      m,
+      f ? c : void 0,
+      g
+    ),
+    feedbackOwnedByGroup: u,
+    // Reported truthfully, not hardcoded: this value is inert for
+    // provide/inject (a leaf never re-provides it), but the control's own
+    // template reads its own returned context, and a control inside a
+    // fieldset needs to know it — e.g. MclInputRadio renders differently as
+    // part of a set than alone. `false` here would be a lie it could act on.
+    isGroupLabel: r?.isGroupLabel ?? !1
+  };
+}, co = {
+  key: 0,
+  class: "m-0 min-w-0 border-0 p-0"
+}, uo = {
+  key: 0,
+  class: "inline-block"
+}, fo = ["id"], go = { key: 1 }, po = ["for"], mo = ["id"], Bl = /* @__PURE__ */ de({
   __name: "MclFormGroup",
   props: {
-    labelFor: {},
+    fieldId: {},
+    groupLabel: { type: Boolean, default: !1 },
+    label: {},
+    helpText: {},
+    invalidFeedback: {},
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
     textColor: { default: "dark-3" },
     textSize: { default: "md" },
-    textBold: { type: Boolean, default: !1 },
-    label: {}
+    textBold: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e;
-    en();
-    const r = O(() => {
-      const { textColor: n, textSize: i, textBold: a } = t, l = [
-        R.textColorVariant({ color: n }),
-        R.bodyTextVariant({ size: i })
+    const t = e, r = Yn(), n = r["invalid-feedback"] !== void 0, i = t.helpText !== void 0 || r.help !== void 0, a = t.invalidFeedback !== void 0 || n, l = t.groupLabel, s = so({
+      fieldId: t.fieldId,
+      invalid: () => t.invalid,
+      required: () => t.required,
+      disabled: () => t.disabled,
+      hasHelpText: i,
+      ownsFeedback: a,
+      isGroupLabel: l
+    }), u = S(() => {
+      const c = [
+        P.textColorVariant({ color: t.textColor }),
+        P.bodyTextVariant({ size: t.textSize })
       ];
-      return a && l.push("font-bold"), l.join(" ");
+      return t.textBold && c.push("font-bold"), c.join(" ");
     });
-    return (n, i) => ($(), q("div", null, [
-      M("label", {
-        for: e.labelFor,
+    return (c, f) => d(l) ? (O(), D("fieldset", co, [
+      e.label || c.$slots.label ? (O(), D("legend", uo, [
+        ie(c.$slots, "label", {}, () => [
+          H("span", {
+            class: K(["mb-2xs block", u.value])
+          }, Ne(e.label), 3)
+        ])
+      ])) : I("", !0),
+      d(i) ? (O(), D("p", {
+        key: 1,
+        id: d(s).descriptionId,
+        class: "mb-2xs text-xs"
+      }, [
+        ie(c.$slots, "help", {}, () => [
+          Fr(Ne(e.helpText), 1)
+        ])
+      ], 8, fo)) : I("", !0),
+      ie(c.$slots, "default"),
+      d(a) ? (O(), De(rt, {
+        key: 2,
+        id: d(s).errorId,
+        invalid: d(s).invalid.value,
+        text: e.invalidFeedback
+      }, {
+        default: Pe(() => [
+          n ? ie(c.$slots, "invalid-feedback", { key: 0 }) : I("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "invalid", "text"])) : I("", !0)
+    ])) : (O(), D("div", go, [
+      e.label || c.$slots.label ? (O(), D("label", {
+        key: 0,
+        for: d(s).id,
         class: "inline-block"
       }, [
-        st(n.$slots, "label", {}, () => [
-          M("p", {
-            class: H(["mb-2xs", r.value])
-          }, ct(e.label), 3)
+        ie(c.$slots, "label", {}, () => [
+          H("span", {
+            class: K(["mb-2xs block", u.value])
+          }, Ne(e.label), 3)
         ])
-      ], 8, Un),
-      st(n.$slots, "default")
+      ], 8, po)) : I("", !0),
+      d(i) ? (O(), D("p", {
+        key: 1,
+        id: d(s).descriptionId,
+        class: "mb-2xs text-xs"
+      }, [
+        ie(c.$slots, "help", {}, () => [
+          Fr(Ne(e.helpText), 1)
+        ])
+      ], 8, mo)) : I("", !0),
+      ie(c.$slots, "default"),
+      d(a) ? (O(), De(rt, {
+        key: 2,
+        id: d(s).errorId,
+        invalid: d(s).invalid.value,
+        text: e.invalidFeedback
+      }, {
+        default: Pe(() => [
+          n ? ie(c.$slots, "invalid-feedback", { key: 0 }) : I("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "invalid", "text"])) : I("", !0)
     ]));
   }
-}), Wn = { class: "my-3xs mr-xs ml-3xs shrink-0" }, jn = ["aria-controls"], Gn = ["id", "required", "accept"], el = /* @__PURE__ */ xe({
+}), vn = /* @__PURE__ */ de({
+  __name: "XMark",
+  props: {
+    color: { default: "dark-4" },
+    className: { default: "" }
+  },
+  setup(e) {
+    const t = e, r = S(
+      () => [P.svgFillColorVariant({ color: t.color }), t.className].filter(Boolean).join(" ")
+    );
+    return (n, i) => (O(), D("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 384 512",
+      "aria-hidden": "true",
+      focusable: "false",
+      class: K(r.value)
+    }, [...i[0] || (i[0] = [
+      H("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));
+  }
+}), Dt = (e) => S(() => {
+  const { bgColor: t, textColor: r, borderColor: n, showBorder: i, showShadow: a, rounded: l } = e, s = e.showHighlight ?? !1, u = [
+    P.bgColorVariant({ color: t }),
+    P.textColorVariant({ color: r })
+  ];
+  return i && u.push(
+    "border-2",
+    P.borderColorVariant({ color: n })
+  ), s || u.push(
+    "focus-visible:ring-4 ring-offset-2 transition-all duration-300 ease-linear",
+    P.focusVisibleRingColorVariant({ color: n })
+  ), a && u.push("shadow-md"), l && u.push("rounded-md"), u.join(" ");
+}), bo = { class: "my-3xs mr-xs ml-3xs shrink-0" }, ho = ["aria-controls", "disabled"], vo = ["id", "name", "accept", "required", "disabled", "aria-invalid", "aria-describedby"], xo = {
+  key: 0,
+  class: "my-3xs mr-3xs self-stretch"
+}, yo = ["disabled"], Ml = /* @__PURE__ */ de({
   __name: "MclInputFile",
-  props: /* @__PURE__ */ Re({
+  props: /* @__PURE__ */ pe({
     id: {},
+    name: {},
+    accept: { default: "image/jpg,image/jpeg,image/png" },
+    buttonText: { default: "Browse File" },
+    buttonTextColor: { default: "dark-3" },
+    buttonColor: { default: "light-4" },
     showBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
     rounded: { type: Boolean, default: !1 },
     bgColor: { default: "light-1" },
-    buttonText: { default: "Browse File" },
-    buttonTextColor: { default: "dark-3" },
-    buttonColor: { default: "light-4" },
-    showShadow: { type: Boolean, default: !0 },
     textColor: { default: "black" },
+    showShadow: { type: Boolean, default: !0 },
     showClear: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    accept: { default: "image/jpg,image/jpeg,image/png" }
+    invalidFeedback: {},
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = Ze(e, "modelValue"), n = Y(), i = Y(0), a = () => {
-      n.value.click();
-    }, l = (g) => {
-      const u = g.target.files[0];
-      r.value = u;
-    }, d = () => {
-      r.value = null, i.value++;
-    }, p = O(() => {
-      const { rounded: g, showBorder: u, borderColor: b, showShadow: w, bgColor: C } = t, v = [
-        R.bgColorVariant({ color: C })
-      ];
-      return g && v.push("rounded-md"), u && (v.push("border-2"), v.push(R.borderColorVariant({ color: b }))), w && v.push("shadow-md"), v.join(" ");
-    }), c = O(() => {
-      const { textColor: g } = t;
-      return [
-        R.textColorVariant({ color: g })
-      ].join(" ");
-    }), f = O(() => {
-      const { buttonColor: g, buttonTextColor: u, rounded: b } = t, w = [
-        R.bgColorVariant({ color: g }),
-        R.textColorVariant({ color: u })
+    const t = e, r = We(e, "modelValue"), n = qe(t), i = Dt(t), a = te(), l = te(0), s = () => {
+      a.value?.click();
+    }, u = (g) => {
+      const b = g.target.files;
+      r.value = b && b.length > 0 ? b[0] : null;
+    }, c = () => {
+      r.value = null, l.value++;
+    }, f = S(() => {
+      const g = [
+        P.bgColorVariant({ color: t.buttonColor }),
+        P.textColorVariant({ color: t.buttonTextColor })
       ];
-      return b && w.push("rounded-l-md"), w.join(" ");
-    }), s = O(() => {
-      const { buttonColor: g, rounded: u } = t, b = [
-        R.bgColorVariant({ color: g })
+      return t.rounded && g.push("rounded-l-md"), g.join(" ");
+    }), m = S(() => {
+      const g = [
+        P.bgColorVariant({ color: t.buttonColor })
       ];
-      return u && b.push("rounded-r-md"), b.join(" ");
+      return t.rounded && g.push("rounded-r-md"), g.join(" ");
     });
-    return (g, u) => ($(), q("div", {
-      class: H(["flex items-center overflow-hidden", p.value])
-    }, [
-      M("div", Wn, [
-        M("button", {
-          type: "button",
-          "aria-controls": e.id,
-          class: H(["max-w-full px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70", f.value]),
-          onClick: a
-        }, ct(e.buttonText), 11, jn)
-      ]),
-      ($(), q("input", {
-        type: "file",
-        id: e.id,
-        ref_key: "inputRef",
-        ref: n,
-        class: H(["w-full bg-transparent file:hidden", [c.value]]),
-        required: e.required,
-        accept: e.accept,
-        key: i.value,
-        onChange: l
-      }, null, 42, Gn)),
-      e.showClear ? ($(), q("div", {
-        key: 0,
-        class: "my-3xs mr-3xs self-stretch",
-        onClick: d
+    return (g, b) => (O(), D("div", null, [
+      H("div", {
+        class: K(["flex items-center overflow-hidden", d(i)])
       }, [
-        M("button", {
-          class: H(["flex h-full items-center px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70", [s.value]]),
-          "aria-label": "clear"
-        }, [
-          ($(), q("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 384 512",
-            "aria-hidden": "true",
-            class: H(["h-xs", Te(R).svgFillColorVariant({ color: e.buttonTextColor })])
-          }, [...u[0] || (u[0] = [
-            M("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)
-      ])) : dt("", !0)
-    ], 2));
-  }
-}), Yn = { class: "flex items-center" }, Xn = ["id", "value", "checked"], tl = /* @__PURE__ */ xe({
+        H("div", bo, [
+          H("button", {
+            type: "button",
+            "aria-controls": d(n).id,
+            disabled: d(n).disabled.value,
+            class: K(["max-w-full px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70 disabled:cursor-not-allowed disabled:opacity-50", f.value]),
+            onClick: s
+          }, Ne(e.buttonText), 11, ho)
+        ]),
+        (O(), D("input", {
+          id: d(n).id,
+          ref_key: "inputRef",
+          ref: a,
+          key: l.value,
+          type: "file",
+          class: "w-full bg-transparent file:hidden",
+          name: d(n).name.value,
+          accept: e.accept,
+          required: d(n).required.value,
+          disabled: d(n).disabled.value,
+          "aria-invalid": d(n).invalid.value || void 0,
+          "aria-describedby": d(n).describedBy.value,
+          onChange: u
+        }, null, 40, vo)),
+        e.showClear ? (O(), D("div", xo, [
+          H("button", {
+            type: "button",
+            "aria-label": "Clear selected file",
+            disabled: d(n).disabled.value,
+            class: K(["flex h-full items-center px-xs py-2xs transition-all duration-200 ease-linear hover:bg-opacity-70 disabled:cursor-not-allowed disabled:opacity-50", m.value]),
+            onClick: c
+          }, [
+            St(vn, {
+              color: e.buttonTextColor,
+              "class-name": "h-xs"
+            }, null, 8, ["color"])
+          ], 10, yo)
+        ])) : I("", !0)
+      ], 2),
+      d(n).feedbackOwnedByGroup ? I("", !0) : (O(), De(rt, {
+        key: 0,
+        id: d(n).errorId,
+        invalid: d(n).invalid.value,
+        text: e.invalidFeedback
+      }, {
+        default: Pe(() => [
+          g.$slots["invalid-feedback"] ? ie(g.$slots, "invalid-feedback", { key: 0 }) : I("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "invalid", "text"]))
+    ]));
+  }
+}), ko = {
+  sm: "h-xs w-xs before:h-2xs before:w-2xs",
+  md: "h-sm w-sm before:h-[12px] before:w-[12px]",
+  lg: "h-md w-md before:h-xs before:w-xs"
+}, wo = {
+  sm: {
+    "--switch-width": "30px",
+    "--switch-height": "17px",
+    "--slider-size": "13px",
+    "--gutter-size": "2px"
+  },
+  md: {
+    "--switch-width": "45px",
+    "--switch-height": "25.5px",
+    "--slider-size": "19.5px",
+    "--gutter-size": "3px"
+  },
+  lg: {
+    "--switch-width": "60px",
+    "--switch-height": "34px",
+    "--slider-size": "26px",
+    "--gutter-size": "4px"
+  }
+}, Co = "rounded-md before:rounded-[3px]", ur = (e) => {
+  const t = S(() => {
+    const { bgColor: i, borderColor: a, indicatorColor: l, checkedBgColor: s, showShadow: u } = e, c = e.rounded ?? !1, f = [
+      P.bgColorVariant({ color: i }),
+      P.borderColorVariant({ color: a }),
+      P.beforeBgColorVariant({ color: l }),
+      P.peerCheckedBgColorVariant({ color: s }),
+      // The native input is visually transparent, so the focus indicator has to
+      // be projected onto this span. Without it there is none at all.
+      "peer-focus-visible:ring-2 ring-offset-2",
+      P.peerFocusVisibleRingColorVariant({ color: a })
+    ];
+    return u && f.push("drop-shadow-md"), c && f.push(e.roundedClass ?? Co), f.join(" ");
+  }), r = S(() => ko[e.size]), n = S(() => ({
+    ...wo[e.size]
+  }));
+  return { boxClass: t, sizeClass: r, switchVars: n };
+}, To = { class: "relative inline-flex" }, Ao = ["id", "name", "value", "required", "disabled", "aria-invalid", "aria-describedby"], Fl = /* @__PURE__ */ de({
   __name: "MclInputRadio",
-  props: {
+  props: /* @__PURE__ */ pe({
     id: {},
-    radioSize: { default: "md" },
-    bgColor: { default: "success" },
-    checkedColor: { default: "light-1" },
+    name: {},
+    size: { default: "md" },
+    bgColor: { default: "light-1" },
+    checkedBgColor: { default: "success" },
+    indicatorColor: { default: "light-1" },
+    borderColor: { default: "dark-1" },
     showShadow: { type: Boolean, default: !1 },
     value: { default: "" },
-    checked: { type: Boolean, default: !1 }
-  },
-  emits: ["change"],
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ pe(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const r = e, n = Y(), i = t, a = () => {
-      n.value?.click();
-    }, l = O(() => {
-      const { radioSize: f } = r;
-      return f === "sm" ? "h-xs w-xs" : f === "lg" ? "h-md w-md" : "h-sm w-sm";
-    }), d = O(() => {
-      const { radioSize: f } = r;
-      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 = O(() => {
-      const { bgColor: f, checkedColor: s, showShadow: g } = r, u = [
-        R.bgColorVariant({ color: f }),
-        R.beforeBgColorVariant({ color: s })
-      ];
-      return g && u.push("drop-shadow-md"), u.join(" ");
-    }), c = (f) => {
-      const s = f.target.value;
-      i("change", f, s);
+    const r = e, n = We(e, "modelValue"), i = t, a = qe(r, { rendersOwnFeedback: !1 }), { boxClass: l, sizeClass: s } = ur(r), u = S(() => a.name.value ?? a.id), c = (f) => {
+      i("change", f);
     };
-    return (f, s) => ($(), q("div", Yn, [
-      M("input", {
-        id: e.id,
+    return (f, m) => (O(), D("div", To, [
+      ze(H("input", {
+        id: d(a).id,
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => n.value = g),
         type: "radio",
-        class: "peer appearance-none",
-        ref_key: "radioRef",
-        ref: n,
+        class: "peer absolute inset-0 z-10 h-full w-full cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed",
+        name: u.value,
         value: e.value,
-        checked: e.checked,
+        required: d(a).required.value,
+        disabled: d(a).disabled.value,
+        "aria-invalid": d(a).invalid.value || void 0,
+        "aria-describedby": d(a).describedBy.value,
         onChange: c
-      }, null, 40, Xn),
-      M("span", {
+      }, null, 40, Ao), [
+        [Xn, n.value]
+      ]),
+      H("span", {
         "aria-hidden": "true",
-        class: H(["relative inline-block rounded-full before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full", [l.value, d.value, p.value]]),
-        onClick: a
+        class: K(["relative inline-block rounded-full border transition-colors duration-200 ease-linear peer-disabled:opacity-50 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:opacity-0 before:transition-opacity before:duration-200 peer-checked:before:opacity-100", [d(l), d(s)]])
       }, null, 2)
     ]));
   }
-}), qn = ["id", "aria-checked"], Kn = /* @__PURE__ */ xe({
+}), So = ["id", "name", "required", "disabled", "aria-invalid", "aria-describedby"], Eo = "rounded-full before:rounded-full", Ro = /* @__PURE__ */ de({
   __name: "MclInputSwitch",
-  props: /* @__PURE__ */ Re({
+  props: /* @__PURE__ */ pe({
     id: {},
-    sliderColor: { default: "light-1" },
-    onColor: { default: "success" },
-    offColor: { default: "dark-1" },
-    switchSize: { default: "md" },
-    rounded: { type: Boolean, default: !0 }
+    name: {},
+    size: { default: "md" },
+    bgColor: { default: "dark-1" },
+    checkedBgColor: { default: "success" },
+    indicatorColor: { default: "light-1" },
+    borderColor: { default: "dark-1" },
+    showShadow: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 },
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, r = Ze(e, "modelValue"), n = Y(), i = {
-      primary: "peer-checked/input:bg-primary",
-      secondary: "peer-checked/input:bg-secondary",
-      success: "peer-checked/input:bg-success",
-      info: "peer-checked/input:bg-info",
-      warning: "peer-checked/input:bg-warning",
-      danger: "peer-checked/input:bg-danger",
-      "light-1": "peer-checked/input:bg-light-1",
-      "light-2": "peer-checked/input:bg-light-2",
-      "light-3": "peer-checked/input:bg-light-3",
-      "light-4": "peer-checked/input:bg-light-4",
-      "dark-1": "peer-checked/input:bg-dark-1",
-      "dark-2": "peer-checked/input:bg-dark-2",
-      "dark-3": "peer-checked/input:bg-dark-3",
-      "dark-4": "peer-checked/input:bg-dark-1",
-      transparent: "peer-checked/input:bg-transparent",
-      black: "peer-checked/input:bg-black",
-      white: "peer-checked/input:bg-white"
-    }, a = () => {
-      n.value?.click();
-    }, l = O(() => t.switchSize === "sm" ? {
-      "--switch-width": "30px",
-      "--switch-height": "17px",
-      "--slider-size": "13px",
-      "--gutter-size": "2px"
-    } : t.switchSize === "lg" ? {
-      "--switch-width": "60px",
-      "--switch-height": "34px",
-      "--slider-size": "26px",
-      "--gutter-size": "4px"
-    } : {
-      "--switch-width": "45px",
-      "--switch-height": "25.5px",
-      "--slider-size": "19.5px",
-      "--gutter-size": "3px"
-    }), d = O(() => {
-      const { sliderColor: p, onColor: c, offColor: f, rounded: s } = t, g = [
-        R.bgColorVariant({ color: f }),
-        R.beforeBgColorVariant({ color: p }),
-        i[c]
-      ];
-      return s && g.push("rounded-full before:rounded-full"), g.join(" ");
-    });
-    return (p, c) => ($(), q("div", {
+  emits: /* @__PURE__ */ pe(["change"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const r = e, n = We(e, "modelValue"), i = t, a = qe(r, { rendersOwnFeedback: !1 }), l = {
+      get size() {
+        return r.size;
+      },
+      get bgColor() {
+        return r.bgColor;
+      },
+      get checkedBgColor() {
+        return r.checkedBgColor;
+      },
+      get indicatorColor() {
+        return r.indicatorColor;
+      },
+      get borderColor() {
+        return r.borderColor;
+      },
+      get showShadow() {
+        return r.showShadow;
+      },
+      get rounded() {
+        return r.rounded;
+      },
+      roundedClass: Eo
+    }, { boxClass: s, switchVars: u } = ur(l), c = (f) => {
+      i("change", f);
+    };
+    return (f, m) => (O(), D("div", {
       class: "switch relative",
-      style: tn(l.value),
-      onClick: a
+      style: ar(d(u))
     }, [
-      qe(M("input", {
-        id: e.id,
-        class: "peer/input sr-only",
-        "onUpdate:modelValue": c[0] || (c[0] = (f) => r.value = f),
-        ref_key: "inputRef",
-        ref: n,
+      ze(H("input", {
+        id: d(a).id,
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => n.value = g),
         type: "checkbox",
         role: "switch",
-        "aria-checked": !!r.value
-      }, null, 8, qn), [
-        [rn, r.value]
+        class: "peer absolute inset-0 z-10 h-full w-full cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed",
+        name: d(a).name.value,
+        required: d(a).required.value,
+        disabled: d(a).disabled.value,
+        "aria-invalid": d(a).invalid.value || void 0,
+        "aria-describedby": d(a).describedBy.value,
+        onChange: c
+      }, null, 40, So), [
+        [gn, n.value]
       ]),
-      M("span", {
+      H("span", {
         "aria-hidden": "true",
-        class: H(["slider absolute inset-0 cursor-pointer transition-all duration-300 before:absolute before:transition-all before:duration-300", d.value])
+        class: K(["slider absolute inset-0 transition-all duration-300 peer-disabled:opacity-50 before:absolute before:transition-all before:duration-300", d(s)])
       }, null, 2)
     ], 4));
   }
-}), an = (e, t) => {
+}), xn = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, i] of t)
     r[n] = i;
   return r;
-}, rl = /* @__PURE__ */ an(Kn, [["__scopeId", "data-v-2ee4a4f0"]]), ln = /* @__PURE__ */ xe({
+}, $l = /* @__PURE__ */ xn(Ro, [["__scopeId", "data-v-784930f6"]]), yn = /* @__PURE__ */ de({
   __name: "InputHighlight",
   props: {
     color: { default: "primary" },
@@ -275,20 +488,24 @@ const Un = ["for"], Qa = /* @__PURE__ */ xe({
     const t = e, r = {
       1: "-top-1",
       2.5: "-top-2.5"
-    }, n = O(() => {
+    }, n = S(() => {
       const i = [
-        R.beforeBgColorVariant({ color: t.color })
+        P.beforeBgColorVariant({ color: t.color })
       ];
       return t.rounded && i.push("rounded-b-md"), i.push(r[t.offset]), i.join(" ");
     });
-    return (i, a) => ($(), q("div", {
-      class: H(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 before:transition-[width] before:duration-300 before:ease-linear peer-focus:before:w-full", n.value])
+    return (i, a) => (O(), D("div", {
+      class: K(["relative h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:w-0 before:transition-[width] before:duration-300 before:ease-linear peer-focus:before:w-full", n.value])
     }, null, 2));
   }
-}), Zn = ["id", "type", "placeholder", "required", "aria-invalid", "aria-describedby", "minlength", "maxlength", "pattern"], Jn = ["id"], Qn = { class: "text-xs text-danger" }, nl = /* @__PURE__ */ xe({
+}), Oo = ["id", "type", "name", "placeholder", "autocomplete", "minlength", "maxlength", "pattern", "required", "disabled", "aria-invalid", "aria-describedby"], Pl = /* @__PURE__ */ de({
   __name: "MclInputText",
-  props: /* @__PURE__ */ Re({
+  props: /* @__PURE__ */ pe({
     id: {},
+    name: {},
+    type: { default: "text" },
+    placeholder: { default: "" },
+    autocomplete: {},
     showBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
     rounded: { type: Boolean, default: !1 },
@@ -296,114 +513,102 @@ const Un = ["for"], Qa = /* @__PURE__ */ xe({
     highlightColor: { default: "primary" },
     textColor: { default: "black" },
     bgColor: { default: "light-1" },
-    placeholder: { default: "" },
-    type: { default: "text" },
     showShadow: { type: Boolean, default: !0 },
-    required: { type: Boolean, default: !1 },
-    invalid: { type: Boolean, default: !1 },
     invalidFeedback: {},
     minLength: {},
     maxLength: {},
-    pattern: {}
+    pattern: {},
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = Ze(e, "modelValue"), n = O(() => {
-      const {
-        bgColor: i,
-        showBorder: a,
-        borderColor: l,
-        showHighlight: d,
-        showShadow: p,
-        rounded: c,
-        textColor: f
-      } = t, s = [
-        R.bgColorVariant({ color: i }),
-        R.textColorVariant({ color: f })
-      ];
-      return a && (s.push("border-2"), s.push(R.borderColorVariant({ color: l }))), d || (s.push(
-        "focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"
-      ), s.push(R.focusRingColorVariant({ color: l }))), p && s.push("shadow-md"), c && s.push("rounded-md"), s.join(" ");
-    });
-    return (i, a) => ($(), q("div", null, [
-      qe(M("input", {
-        id: e.id,
+    const t = e, r = We(e, "modelValue"), n = qe(t), i = Dt(t);
+    return (a, l) => (O(), D("div", null, [
+      ze(H("input", {
+        id: d(n).id,
+        "onUpdate:modelValue": l[0] || (l[0] = (s) => r.value = s),
+        class: K(["peer w-full p-2xs outline-none disabled:cursor-not-allowed disabled:opacity-50", d(i)]),
         type: e.type,
-        class: H(["peer peer/validation w-full p-2xs outline-none", n.value]),
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => r.value = l),
+        name: d(n).name.value,
         placeholder: e.placeholder,
-        required: e.required,
-        "aria-invalid": e.invalid || void 0,
-        "aria-describedby": e.invalid ? `${e.id}-error` : void 0,
+        autocomplete: e.autocomplete,
         minlength: e.minLength,
         maxlength: e.maxLength,
-        pattern: e.pattern
-      }, null, 10, Zn), [
-        [Dn, r.value]
+        pattern: e.pattern,
+        required: d(n).required.value,
+        disabled: d(n).disabled.value,
+        "aria-invalid": d(n).invalid.value || void 0,
+        "aria-describedby": d(n).describedBy.value
+      }, null, 10, Oo), [
+        [Kn, r.value]
       ]),
-      e.showHighlight ? ($(), nn(ln, {
+      e.showHighlight ? (O(), De(yn, {
         key: 0,
         color: e.highlightColor,
         rounded: e.rounded
-      }, null, 8, ["color", "rounded"])) : dt("", !0),
-      M("div", {
-        id: `${e.id}-error`,
-        role: "alert",
-        class: "ml-3xs peer-valid/validation:hidden peer-invalid/validation:block"
-      }, [
-        st(i.$slots, "invalid-feedback", {}, () => [
-          M("span", Qn, ct(e.invalidFeedback), 1)
-        ])
-      ], 8, Jn)
+      }, null, 8, ["color", "rounded"])) : I("", !0),
+      d(n).feedbackOwnedByGroup ? I("", !0) : (O(), De(rt, {
+        key: 1,
+        id: d(n).errorId,
+        invalid: d(n).invalid.value,
+        text: e.invalidFeedback
+      }, {
+        default: Pe(() => [
+          a.$slots["invalid-feedback"] ? ie(a.$slots, "invalid-feedback", { key: 0 }) : I("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "invalid", "text"]))
     ]));
   }
 });
-function sn(e) {
+function kn(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (t = 0; t < i; t++) e[t] && (r = sn(e[t])) && (n && (n += " "), n += r);
+    for (t = 0; t < i; t++) e[t] && (r = kn(e[t])) && (n && (n += " "), n += r);
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-function eo() {
-  for (var e, t, r = 0, n = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = sn(e)) && (n && (n += " "), n += t);
+function _o() {
+  for (var e, t, r = 0, n = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = kn(e)) && (n && (n += " "), n += t);
   return n;
 }
-const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y = (e, t) => (r) => {
+const $r = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pr = _o, v = (e, t) => (r) => {
   var n;
-  if (t?.variants == null) return Rr(e, r?.class, r?.className);
+  if (t?.variants == null) return Pr(e, r?.class, r?.className);
   const { variants: i, defaultVariants: a } = t, l = Object.keys(i).map((c) => {
-    const f = r?.[c], s = a?.[c];
+    const f = r?.[c], m = a?.[c];
     if (f === null) return null;
-    const g = Er(f) || Er(s);
+    const g = $r(f) || $r(m);
     return i[c][g];
-  }), d = r && Object.entries(r).reduce((c, f) => {
-    let [s, g] = f;
-    return g === void 0 || (c[s] = g), c;
-  }, {}), p = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((c, f) => {
-    let { class: s, className: g, ...u } = f;
-    return Object.entries(u).every((b) => {
-      let [w, C] = b;
-      return Array.isArray(C) ? C.includes({
+  }), s = r && Object.entries(r).reduce((c, f) => {
+    let [m, g] = f;
+    return g === void 0 || (c[m] = g), c;
+  }, {}), u = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((c, f) => {
+    let { class: m, className: g, ...b } = f;
+    return Object.entries(b).every((x) => {
+      let [k, y] = x;
+      return Array.isArray(y) ? y.includes({
         ...a,
-        ...d
-      }[w]) : {
+        ...s
+      }[k]) : {
         ...a,
-        ...d
-      }[w] === C;
+        ...s
+      }[k] === y;
     }) ? [
       ...c,
-      s,
+      m,
       g
     ] : c;
   }, []);
-  return Rr(e, l, p, r?.class, r?.className);
-}, to = y("", {
+  return Pr(e, l, u, r?.class, r?.className);
+}, No = v("", {
   variants: {
     color: {
       primary: "mcl-bg-primary",
@@ -425,7 +630,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "mcl-bg-transparent"
     }
   }
-}), ro = y("", {
+}), Lo = v("", {
   variants: {
     color: {
       primary: "hover:bg-primary",
@@ -447,7 +652,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "hover:bg-transparent"
     }
   }
-}), no = y("", {
+}), Do = v("", {
   variants: {
     color: {
       primary: "focus:bg-primary",
@@ -469,7 +674,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "focus:bg-transparent"
     }
   }
-}), oo = y("", {
+}), Io = v("", {
   variants: {
     color: {
       primary: "before:bg-primary",
@@ -491,7 +696,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "before:bg-transparent"
     }
   }
-}), io = y("", {
+}), Vo = v("", {
   variants: {
     color: {
       primary: "after:bg-primary",
@@ -513,7 +718,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "after:bg-transparent"
     }
   }
-}), ao = y("", {
+}), Bo = v("", {
   variants: {
     color: {
       primary: "active:bg-primary",
@@ -535,7 +740,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "active:bg-transparent"
     }
   }
-}), lo = y("", {
+}), Mo = v("", {
   variants: {
     color: {
       primary: "text-primary",
@@ -557,7 +762,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "text-transparent"
     }
   }
-}), so = y("", {
+}), Fo = v("", {
   variants: {
     color: {
       primary: "hover:text-primary",
@@ -579,7 +784,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "hover:text-transparent"
     }
   }
-}), co = y("", {
+}), $o = v("", {
   variants: {
     color: {
       primary: "focus:text-primary",
@@ -601,7 +806,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "focus:text-transparent"
     }
   }
-}), uo = y("", {
+}), Po = v("", {
   variants: {
     color: {
       primary: "disabled:text-primary",
@@ -623,7 +828,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "disabled:text-transparent"
     }
   }
-}), fo = y("", {
+}), zo = v("", {
   variants: {
     color: {
       primary: "fill-primary",
@@ -645,7 +850,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "fill-transparent"
     }
   }
-}), go = y("", {
+}), Ho = v("", {
   variants: {
     color: {
       primary: "ring-primary",
@@ -667,7 +872,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "ring-transparent"
     }
   }
-}), po = y("", {
+}), Uo = v("", {
   variants: {
     color: {
       primary: "focus:ring-primary",
@@ -689,7 +894,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "focus:ring-transparent"
     }
   }
-}), ho = y("", {
+}), Wo = v("", {
   variants: {
     color: {
       primary: "active:ring-primary",
@@ -711,7 +916,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "active:ring-transparent"
     }
   }
-}), mo = y("", {
+}), qo = v("", {
   variants: {
     color: {
       primary: "peer-checked:bg-primary",
@@ -733,7 +938,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "peer-checked:bg-transparent"
     }
   }
-}), bo = y("", {
+}), jo = v("", {
   variants: {
     color: {
       primary: "peer-focus-visible:ring-primary",
@@ -755,7 +960,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "peer-focus-visible:ring-transparent"
     }
   }
-}), xo = y("", {
+}), Go = v("", {
   variants: {
     color: {
       primary: "focus-visible:ring-primary",
@@ -777,7 +982,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "focus-visible:ring-transparent"
     }
   }
-}), yo = y("", {
+}), Yo = v("", {
   variants: {
     color: {
       primary: "ring-offset-primary",
@@ -799,7 +1004,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "ring-offset-transparent"
     }
   }
-}), vo = y("", {
+}), Xo = v("", {
   variants: {
     color: {
       primary: "mcl-outline-primary",
@@ -821,7 +1026,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "mcl-outline-transparent"
     }
   }
-}), ko = y("", {
+}), Ko = v("", {
   variants: {
     color: {
       primary: "focus:mcl-outline-primary",
@@ -843,7 +1048,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "focus:mcl-outline-transparent"
     }
   }
-}), wo = y("", {
+}), Zo = v("", {
   variants: {
     color: {
       primary: "active:mcl-outline-primary",
@@ -865,7 +1070,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "active:mcl-outline-transparent"
     }
   }
-}), Co = y("", {
+}), Jo = v("", {
   variants: {
     color: {
       primary: "btn-primary",
@@ -887,7 +1092,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "btn-transparent"
     }
   }
-}), To = y("", {
+}), Qo = v("", {
   variants: {
     color: {
       primary: "mcl-list-primary",
@@ -909,7 +1114,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "mcl-list-transparent"
     }
   }
-}), Ao = y("", {
+}), ei = v("", {
   variants: {
     color: {
       primary: "border-primary",
@@ -931,7 +1136,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "border-transparent"
     }
   }
-}), So = y("", {
+}), ti = v("", {
   variants: {
     color: {
       primary: "border-x-primary",
@@ -953,7 +1158,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "border-x-transparent"
     }
   }
-}), Eo = y("", {
+}), ri = v("", {
   variants: {
     color: {
       primary: "border-y-primary",
@@ -975,7 +1180,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "border-y-transparent"
     }
   }
-}), Ro = y("", {
+}), ni = v("", {
   variants: {
     color: {
       primary: "border-t-primary",
@@ -997,7 +1202,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "border-t-transparent"
     }
   }
-}), Oo = y("", {
+}), oi = v("", {
   variants: {
     color: {
       primary: "border-b-primary",
@@ -1019,7 +1224,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "border-b-transparent"
     }
   }
-}), No = y("", {
+}), ii = v("", {
   variants: {
     color: {
       primary: "border-l-primary",
@@ -1041,7 +1246,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "border-l-transparent"
     }
   }
-}), Lo = y("", {
+}), ai = v("", {
   variants: {
     color: {
       primary: "border-r-primary",
@@ -1063,7 +1268,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       transparent: "border-r-transparent"
     }
   }
-}), Do = y("", {
+}), li = v("", {
   variants: {
     size: {
       xs: "text-xs",
@@ -1073,7 +1278,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       xl: "text-xl"
     }
   }
-}), _o = y("", {
+}), si = v("", {
   variants: {
     weight: {
       light: "font-light",
@@ -1081,7 +1286,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       bold: "font-bold"
     }
   }
-}), Vo = y("", {
+}), ci = v("", {
   variants: {
     align: {
       left: "text-left",
@@ -1089,7 +1294,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       right: "text-right"
     }
   }
-}), Io = y("", {
+}), di = v("", {
   variants: {
     size: {
       sm: "h1-sm",
@@ -1098,7 +1303,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       xl: "h1-xl"
     }
   }
-}), Mo = y("", {
+}), ui = v("", {
   variants: {
     size: {
       sm: "h2-sm",
@@ -1107,7 +1312,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       xl: "h2-xl"
     }
   }
-}), Bo = y("", {
+}), fi = v("", {
   variants: {
     size: {
       sm: "h3-sm",
@@ -1116,7 +1321,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       xl: "h3-xl"
     }
   }
-}), Fo = y("", {
+}), gi = v("", {
   variants: {
     size: {
       sm: "h4-sm",
@@ -1125,7 +1330,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       xl: "h4-xl"
     }
   }
-}), Po = {
+}), pi = {
   1: "border-[1px]",
   2: "border-[2px]",
   3: "border-[3px]",
@@ -1138,7 +1343,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   10: "border-[10px]",
   11: "border-[11px]",
   12: "border-[12px]"
-}, zo = {
+}, mi = {
   1: "border-x-[1px]",
   2: "border-x-[2px]",
   3: "border-x-[3px]",
@@ -1151,7 +1356,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   10: "border-x-[10px]",
   11: "border-x-[11px]",
   12: "border-x-[12px]"
-}, Ho = {
+}, bi = {
   1: "border-y-[1px]",
   2: "border-y-[2px]",
   3: "border-y-[3px]",
@@ -1164,7 +1369,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   10: "border-y-[10px]",
   11: "border-y-[11px]",
   12: "border-y-[12px]"
-}, $o = {
+}, hi = {
   1: "border-t-[1px]",
   2: "border-t-[2px]",
   3: "border-t-[3px]",
@@ -1177,7 +1382,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   10: "border-t-[10px]",
   11: "border-t-[11px]",
   12: "border-t-[12px]"
-}, Uo = {
+}, vi = {
   1: "border-b-[1px]",
   2: "border-b-[2px]",
   3: "border-b-[3px]",
@@ -1190,7 +1395,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   10: "border-b-[10px]",
   11: "border-b-[11px]",
   12: "border-b-[12px]"
-}, Wo = {
+}, xi = {
   1: "border-l-[1px]",
   2: "border-l-[2px]",
   3: "border-l-[3px]",
@@ -1203,7 +1408,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   10: "border-l-[10px]",
   11: "border-l-[11px]",
   12: "border-l-[12px]"
-}, jo = {
+}, yi = {
   1: "border-r-[1px]",
   2: "border-r-[2px]",
   3: "border-r-[3px]",
@@ -1216,7 +1421,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   10: "border-r-[10px]",
   11: "border-r-[11px]",
   12: "border-r-[12px]"
-}, Go = (e) => Po[e.width] ?? "", Yo = (e) => zo[e.width] ?? "", Xo = (e) => Ho[e.width] ?? "", qo = (e) => $o[e.width] ?? "", Ko = (e) => Uo[e.width] ?? "", Zo = (e) => Wo[e.width] ?? "", Jo = (e) => jo[e.width] ?? "", Qo = {
+}, ki = (e) => pi[e.width] ?? "", wi = (e) => mi[e.width] ?? "", Ci = (e) => bi[e.width] ?? "", Ti = (e) => hi[e.width] ?? "", Ai = (e) => vi[e.width] ?? "", Si = (e) => xi[e.width] ?? "", Ei = (e) => yi[e.width] ?? "", Ri = {
   10: "opacity-10",
   20: "opacity-20",
   30: "opacity-30",
@@ -1227,7 +1432,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   80: "opacity-80",
   90: "opacity-90",
   100: "opacity-100"
-}, ei = {
+}, Oi = {
   10: "bg-opacity-10",
   20: "bg-opacity-20",
   30: "bg-opacity-30",
@@ -1238,7 +1443,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   80: "bg-opacity-80",
   90: "bg-opacity-90",
   100: "bg-opacity-100"
-}, ti = {
+}, _i = {
   10: "outline-opacity-10",
   20: "outline-opacity-20",
   30: "outline-opacity-30",
@@ -1249,7 +1454,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
   80: "outline-opacity-80",
   90: "outline-opacity-90",
   100: "outline-opacity-100"
-}, ri = (e) => Qo[e.opacity] ?? "", ni = (e) => ei[e.opacity] ?? "", oi = (e) => ti[e.opacity] ?? "", ii = y("", {
+}, Ni = (e) => Ri[e.opacity] ?? "", Li = (e) => Oi[e.opacity] ?? "", Di = (e) => _i[e.opacity] ?? "", Ii = v("", {
   variants: {
     spacing: {
       0: "m-0",
@@ -1264,7 +1469,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "m-3xl"
     }
   }
-}), ai = y("", {
+}), Vi = v("", {
   variants: {
     spacing: {
       0: "mx-0",
@@ -1279,7 +1484,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "mx-3xl"
     }
   }
-}), li = y("", {
+}), Bi = v("", {
   variants: {
     spacing: {
       0: "my-0",
@@ -1294,7 +1499,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "my-3xl"
     }
   }
-}), si = y("", {
+}), Mi = v("", {
   variants: {
     spacing: {
       0: "mt-0",
@@ -1309,7 +1514,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "mt-3xl"
     }
   }
-}), ci = y("", {
+}), Fi = v("", {
   variants: {
     spacing: {
       0: "mb-0",
@@ -1324,7 +1529,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "mb-3xl"
     }
   }
-}), di = y("", {
+}), $i = v("", {
   variants: {
     spacing: {
       0: "ml-0",
@@ -1339,7 +1544,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "ml-3xl"
     }
   }
-}), ui = y("", {
+}), Pi = v("", {
   variants: {
     spacing: {
       0: "mr-0",
@@ -1354,7 +1559,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "mr-3xl"
     }
   }
-}), fi = y("", {
+}), zi = v("", {
   variants: {
     spacing: {
       0: "p-0",
@@ -1369,7 +1574,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "p-3xl"
     }
   }
-}), gi = y("", {
+}), Hi = v("", {
   variants: {
     spacing: {
       0: "px-0",
@@ -1384,7 +1589,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "px-3xl"
     }
   }
-}), pi = y("", {
+}), Ui = v("", {
   variants: {
     spacing: {
       0: "py-0",
@@ -1399,7 +1604,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "py-3xl"
     }
   }
-}), hi = y("", {
+}), Wi = v("", {
   variants: {
     spacing: {
       0: "pt-0",
@@ -1414,7 +1619,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "pt-3xl"
     }
   }
-}), mi = y("", {
+}), qi = v("", {
   variants: {
     spacing: {
       0: "pb-0",
@@ -1429,7 +1634,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "pb-3xl"
     }
   }
-}), bi = y("", {
+}), ji = v("", {
   variants: {
     spacing: {
       0: "pl-0",
@@ -1444,7 +1649,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "pl-3xl"
     }
   }
-}), xi = y("", {
+}), Gi = v("", {
   variants: {
     spacing: {
       0: "pr-0",
@@ -1459,7 +1664,7 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "pr-3xl"
     }
   }
-}), yi = y("", {
+}), Yi = v("", {
   variants: {
     spacing: {
       0: "gap-0",
@@ -1474,267 +1679,267 @@ const Er = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rr = eo, y
       "3xl": "gap-3xl"
     }
   }
-}), Or = {
+}), zr = {
   // color
-  bgColorVariant: to,
-  hoverBgColorVariant: ro,
-  focusBgColorVariant: no,
-  beforeBgColorVariant: oo,
-  afterBgColorVariant: io,
-  activeBgColorVariant: ao,
-  textColorVariant: lo,
-  hoverTextColorVariant: so,
-  focusTextColorVariant: co,
-  disabledTextColorVariant: uo,
-  svgFillColorVariant: fo,
-  ringColorVariant: go,
-  focusRingColorVariant: po,
-  activeRingColorVariant: ho,
-  peerCheckedBgColorVariant: mo,
-  peerFocusVisibleRingColorVariant: bo,
-  focusVisibleRingColorVariant: xo,
-  ringOffsetColorVariant: yo,
-  outlineColorVariant: vo,
-  focusOutlineColorVariant: ko,
-  activeOutlineColorVariant: wo,
-  btnColorVariant: Co,
-  listColorVariant: To,
-  borderColorVariant: Ao,
-  borderXColorVariant: So,
-  borderYColorVariant: Eo,
-  borderTopColorVariant: Ro,
-  borderBottomColorVariant: Oo,
-  borderLeftColorVariant: No,
-  borderRightColorVariant: Lo,
+  bgColorVariant: No,
+  hoverBgColorVariant: Lo,
+  focusBgColorVariant: Do,
+  beforeBgColorVariant: Io,
+  afterBgColorVariant: Vo,
+  activeBgColorVariant: Bo,
+  textColorVariant: Mo,
+  hoverTextColorVariant: Fo,
+  focusTextColorVariant: $o,
+  disabledTextColorVariant: Po,
+  svgFillColorVariant: zo,
+  ringColorVariant: Ho,
+  focusRingColorVariant: Uo,
+  activeRingColorVariant: Wo,
+  peerCheckedBgColorVariant: qo,
+  peerFocusVisibleRingColorVariant: jo,
+  focusVisibleRingColorVariant: Go,
+  ringOffsetColorVariant: Yo,
+  outlineColorVariant: Xo,
+  focusOutlineColorVariant: Ko,
+  activeOutlineColorVariant: Zo,
+  btnColorVariant: Jo,
+  listColorVariant: Qo,
+  borderColorVariant: ei,
+  borderXColorVariant: ti,
+  borderYColorVariant: ri,
+  borderTopColorVariant: ni,
+  borderBottomColorVariant: oi,
+  borderLeftColorVariant: ii,
+  borderRightColorVariant: ai,
   // typography
-  bodyTextVariant: Do,
-  fontWeightVariant: _o,
-  textAlignVariant: Vo,
-  h1Variant: Io,
-  h2Variant: Mo,
-  h3Variant: Bo,
-  h4Variant: Fo,
+  bodyTextVariant: li,
+  fontWeightVariant: si,
+  textAlignVariant: ci,
+  h1Variant: di,
+  h2Variant: ui,
+  h3Variant: fi,
+  h4Variant: gi,
   // border width
-  borderWidthVariant: Go,
-  borderXWidthVariant: Yo,
-  borderYWidthVariant: Xo,
-  borderTopWidthVariant: qo,
-  borderBottomWidthVariant: Ko,
-  borderLeftWidthVariant: Zo,
-  borderRightWidthVariant: Jo,
+  borderWidthVariant: ki,
+  borderXWidthVariant: wi,
+  borderYWidthVariant: Ci,
+  borderTopWidthVariant: Ti,
+  borderBottomWidthVariant: Ai,
+  borderLeftWidthVariant: Si,
+  borderRightWidthVariant: Ei,
   // opacity
-  opacityVariant: ri,
-  bgOpacityVariant: ni,
-  outlineOpacityVariant: oi,
+  opacityVariant: Ni,
+  bgOpacityVariant: Li,
+  outlineOpacityVariant: Di,
   // spacing
-  marginVariant: ii,
-  marginXVariant: ai,
-  marginYVariant: li,
-  marginTopVariant: si,
-  marginBottomVariant: ci,
-  marginLeftVariant: di,
-  marginRightVariant: ui,
-  paddingVariant: fi,
-  paddingXVariant: gi,
-  paddingYVariant: pi,
-  paddingTopVariant: hi,
-  paddingBottomVariant: mi,
-  paddingLeftVariant: bi,
-  paddingRightVariant: xi,
-  gapVariant: yi
-}, vi = (e, t, r) => !t || !(t instanceof Node) || e === t || e.contains(t) ? !1 : r?.length ? !r.some(
+  marginVariant: Ii,
+  marginXVariant: Vi,
+  marginYVariant: Bi,
+  marginTopVariant: Mi,
+  marginBottomVariant: Fi,
+  marginLeftVariant: $i,
+  marginRightVariant: Pi,
+  paddingVariant: zi,
+  paddingXVariant: Hi,
+  paddingYVariant: Ui,
+  paddingTopVariant: Wi,
+  paddingBottomVariant: qi,
+  paddingLeftVariant: ji,
+  paddingRightVariant: Gi,
+  gapVariant: Yi
+}, Xi = (e, t, r) => !t || !(t instanceof Node) || e === t || e.contains(t) ? !1 : r?.length ? !r.some(
   (n) => n === t || n.contains(t)
-) : !0, vt = (e) => typeof e.value == "function" ? {
+) : !0, wt = (e) => typeof e.value == "function" ? {
   handler: e.value,
   events: ["click"]
 } : {
   handler: e.value.handler,
   events: e.value.events || ["click"],
   excludeElements: e.value.excludeElements
-}, Nr = (e, t, r) => (n) => {
-  vi(e, n.target, r) && t(n);
-}, ki = {
+}, Hr = (e, t, r) => (n) => {
+  Xi(e, n.target, r) && t(n);
+}, Ki = {
   mounted(e, t) {
-    const { handler: r, events: n, excludeElements: i } = vt(t);
-    e.__ClickOutsideHandler = Nr(e, r, i), n.forEach((a) => {
+    const { handler: r, events: n, excludeElements: i } = wt(t);
+    e.__ClickOutsideHandler = Hr(e, r, i), n.forEach((a) => {
       document.addEventListener(a, e.__ClickOutsideHandler, !0);
     });
   },
   updated(e, t) {
-    e.__ClickOutsideHandler && vt({
+    e.__ClickOutsideHandler && wt({
       ...t,
       value: t.oldValue
     }).events.forEach((a) => {
       document.removeEventListener(a, e.__ClickOutsideHandler, !0);
     });
-    const { handler: r, events: n, excludeElements: i } = vt(t);
-    e.__ClickOutsideHandler = Nr(e, r, i), n.forEach((a) => {
+    const { handler: r, events: n, excludeElements: i } = wt(t);
+    e.__ClickOutsideHandler = Hr(e, r, i), n.forEach((a) => {
       document.addEventListener(a, e.__ClickOutsideHandler, !0);
     });
   },
   unmounted(e, t) {
     if (e.__ClickOutsideHandler) {
-      const { events: r } = vt(t);
+      const { events: r } = wt(t);
       r.forEach((n) => {
         document.removeEventListener(n, e.__ClickOutsideHandler, !0);
       }), delete e.__ClickOutsideHandler;
     }
   }
 }, {
-  entries: cn,
-  setPrototypeOf: Lr,
-  isFrozen: wi,
-  getPrototypeOf: Ci,
-  getOwnPropertyDescriptor: Ti
+  entries: wn,
+  setPrototypeOf: Ur,
+  isFrozen: Zi,
+  getPrototypeOf: Ji,
+  getOwnPropertyDescriptor: Qi
 } = Object;
 let {
-  freeze: te,
-  seal: ae,
-  create: je
+  freeze: ae,
+  seal: ue,
+  create: Qe
 } = Object, {
-  apply: Qt,
-  construct: er
+  apply: lr,
+  construct: sr
 } = typeof Reflect < "u" && Reflect;
-te || (te = function(e) {
+ae || (ae = function(e) {
   return e;
 });
-ae || (ae = function(e) {
+ue || (ue = function(e) {
   return e;
 });
-Qt || (Qt = function(e, t) {
+lr || (lr = function(e, t) {
   for (var r = arguments.length, n = new Array(r > 2 ? r - 2 : 0), i = 2; i < r; i++)
     n[i - 2] = arguments[i];
   return e.apply(t, n);
 });
-er || (er = function(e) {
+sr || (sr = function(e) {
   for (var t = arguments.length, r = new Array(t > 1 ? t - 1 : 0), n = 1; n < t; n++)
     r[n - 1] = arguments[n];
   return new e(...r);
 });
-const rt = U(Array.prototype.forEach), Ai = U(Array.prototype.lastIndexOf), Dr = U(Array.prototype.pop), nt = U(Array.prototype.push), Si = U(Array.prototype.splice), ee = Array.isArray, lt = U(String.prototype.toLowerCase), Yt = U(String.prototype.toString), _r = U(String.prototype.match), We = U(String.prototype.replace), Vr = U(String.prototype.indexOf), Ei = U(String.prototype.trim), Ri = U(Number.prototype.toString), Oi = U(Boolean.prototype.toString), Ir = typeof BigInt > "u" ? null : U(BigInt.prototype.toString), Mr = typeof Symbol > "u" ? null : U(Symbol.prototype.toString), z = U(Object.prototype.hasOwnProperty), ot = U(Object.prototype.toString), Z = U(RegExp.prototype.test), kt = Ni(TypeError);
-function U(e) {
+const st = q(Array.prototype.forEach), ea = q(Array.prototype.lastIndexOf), Wr = q(Array.prototype.pop), ct = q(Array.prototype.push), ta = q(Array.prototype.splice), oe = Array.isArray, gt = q(String.prototype.toLowerCase), Qt = q(String.prototype.toString), qr = q(String.prototype.match), Je = q(String.prototype.replace), jr = q(String.prototype.indexOf), ra = q(String.prototype.trim), na = q(Number.prototype.toString), oa = q(Boolean.prototype.toString), Gr = typeof BigInt > "u" ? null : q(BigInt.prototype.toString), Yr = typeof Symbol > "u" ? null : q(Symbol.prototype.toString), $ = q(Object.prototype.hasOwnProperty), dt = q(Object.prototype.toString), ee = q(RegExp.prototype.test), Ct = ia(TypeError);
+function q(e) {
   return function(t) {
     t instanceof RegExp && (t.lastIndex = 0);
     for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
       n[i - 1] = arguments[i];
-    return Qt(e, t, n);
+    return lr(e, t, n);
   };
 }
-function Ni(e) {
+function ia(e) {
   return function() {
     for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
       r[n] = arguments[n];
-    return er(e, r);
+    return sr(e, r);
   };
 }
-function T(e, t) {
-  let r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : lt;
-  if (Lr && Lr(e, null), !ee(t))
+function A(e, t) {
+  let r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : gt;
+  if (Ur && Ur(e, null), !oe(t))
     return e;
   let n = t.length;
   for (; n--; ) {
     let i = t[n];
     if (typeof i == "string") {
       const a = r(i);
-      a !== i && (wi(t) || (t[n] = a), i = a);
+      a !== i && (Zi(t) || (t[n] = a), i = a);
     }
     e[i] = !0;
   }
   return e;
 }
-function Li(e) {
+function aa(e) {
   for (let t = 0; t < e.length; t++)
-    z(e, t) || (e[t] = null);
+    $(e, t) || (e[t] = null);
   return e;
 }
-function ne(e) {
-  const t = je(null);
-  for (const [r, n] of cn(e))
-    z(e, r) && (ee(n) ? t[r] = Li(n) : n && typeof n == "object" && n.constructor === Object ? t[r] = ne(n) : t[r] = n);
+function se(e) {
+  const t = Qe(null);
+  for (const [r, n] of wn(e))
+    $(e, r) && (oe(n) ? t[r] = aa(n) : n && typeof n == "object" && n.constructor === Object ? t[r] = se(n) : t[r] = n);
   return t;
 }
-function Di(e) {
+function la(e) {
   switch (typeof e) {
     case "string":
       return e;
     case "number":
-      return Ri(e);
+      return na(e);
     case "boolean":
-      return Oi(e);
+      return oa(e);
     case "bigint":
-      return Ir ? Ir(e) : "0";
+      return Gr ? Gr(e) : "0";
     case "symbol":
-      return Mr ? Mr(e) : "Symbol()";
+      return Yr ? Yr(e) : "Symbol()";
     case "undefined":
-      return ot(e);
+      return dt(e);
     case "function":
     case "object": {
       if (e === null)
-        return ot(e);
-      const t = e, r = Ge(t, "toString");
+        return dt(e);
+      const t = e, r = et(t, "toString");
       if (typeof r == "function") {
         const n = r(t);
-        return typeof n == "string" ? n : ot(n);
+        return typeof n == "string" ? n : dt(n);
       }
-      return ot(e);
+      return dt(e);
     }
     default:
-      return ot(e);
+      return dt(e);
   }
 }
-function Ge(e, t) {
+function et(e, t) {
   for (; e !== null; ) {
-    const n = Ti(e, t);
+    const n = Qi(e, t);
     if (n) {
       if (n.get)
-        return U(n.get);
+        return q(n.get);
       if (typeof n.value == "function")
-        return U(n.value);
+        return q(n.value);
     }
-    e = Ci(e);
+    e = Ji(e);
   }
   function r() {
     return null;
   }
   return r;
 }
-function _i(e) {
+function sa(e) {
   try {
-    return Z(e, ""), !0;
+    return ee(e, ""), !0;
   } catch {
     return !1;
   }
 }
-const Br = te(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), Xt = te(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "enterkeyhint", "exportparts", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "inputmode", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "part", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), qt = te(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), Vi = te(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), Kt = te(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), Ii = te(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), Fr = te(["#text"]), Pr = te(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns"]), Zt = te(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "mask-type", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), zr = te(["accent", "accentunder", "align", "bevelled", "close", "columnalign", "columnlines", "columnspacing", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lquote", "lspace", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), wt = te(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), Mi = ae(/\{\{[\w\W]*|[\w\W]*\}\}/gm), Bi = ae(/<%[\w\W]*|[\w\W]*%>/gm), Fi = ae(/\$\{[\w\W]*/gm), Pi = ae(/^data-[\-\w.\u00B7-\uFFFF]+$/), zi = ae(/^aria-[\-\w]+$/), dn = ae(
+const Xr = ae(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), er = ae(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "enterkeyhint", "exportparts", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "inputmode", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "part", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), tr = ae(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), ca = ae(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), rr = ae(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), da = ae(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), Kr = ae(["#text"]), Zr = ae(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns"]), nr = ae(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "mask-type", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), Jr = ae(["accent", "accentunder", "align", "bevelled", "close", "columnalign", "columnlines", "columnspacing", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lquote", "lspace", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), Tt = ae(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), ua = ue(/\{\{[\w\W]*|[\w\W]*\}\}/gm), fa = ue(/<%[\w\W]*|[\w\W]*%>/gm), ga = ue(/\$\{[\w\W]*/gm), pa = ue(/^data-[\-\w.\u00B7-\uFFFF]+$/), ma = ue(/^aria-[\-\w]+$/), Cn = ue(
   /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
   // eslint-disable-line no-useless-escape
-), Hi = ae(/^(?:\w+script|data):/i), $i = ae(
+), ba = ue(/^(?:\w+script|data):/i), ha = ue(
   /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
   // eslint-disable-line no-control-regex
-), un = ae(/^html$/i), Ui = ae(/^[a-z][.\w]*(-[.\w]+)+$/i);
-var Hr = /* @__PURE__ */ Object.freeze({
+), Tn = ue(/^html$/i), va = ue(/^[a-z][.\w]*(-[.\w]+)+$/i);
+var Qr = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  ARIA_ATTR: zi,
-  ATTR_WHITESPACE: $i,
-  CUSTOM_ELEMENT: Ui,
-  DATA_ATTR: Pi,
-  DOCTYPE_NAME: un,
-  ERB_EXPR: Bi,
-  IS_ALLOWED_URI: dn,
-  IS_SCRIPT_OR_DATA: Hi,
-  MUSTACHE_EXPR: Mi,
-  TMPLIT_EXPR: Fi
+  ARIA_ATTR: ma,
+  ATTR_WHITESPACE: ha,
+  CUSTOM_ELEMENT: va,
+  DATA_ATTR: pa,
+  DOCTYPE_NAME: Tn,
+  ERB_EXPR: fa,
+  IS_ALLOWED_URI: Cn,
+  IS_SCRIPT_OR_DATA: ba,
+  MUSTACHE_EXPR: ua,
+  TMPLIT_EXPR: ga
 });
-const it = {
+const ut = {
   element: 1,
   text: 3,
   // Deprecated
   progressingInstruction: 7,
   comment: 8,
   document: 9
-}, Wi = function() {
+}, xa = function() {
   return typeof window > "u" ? null : window;
-}, ji = function(e, t) {
+}, ya = function(e, t) {
   if (typeof e != "object" || typeof e.createPolicy != "function")
     return null;
   let r = null;
@@ -1753,7 +1958,7 @@ const it = {
   } catch {
     return console.warn("TrustedTypes policy " + i + " could not be created."), null;
   }
-}, $r = function() {
+}, en = function() {
   return {
     afterSanitizeAttributes: [],
     afterSanitizeElements: [],
@@ -1766,10 +1971,10 @@ const it = {
     uponSanitizeShadowNode: []
   };
 };
-function fn() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Wi();
-  const t = (o) => fn(o);
-  if (t.version = "3.4.2", t.removed = [], !e || !e.document || e.document.nodeType !== it.document || !e.Element)
+function An() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : xa();
+  const t = (o) => An(o);
+  if (t.version = "3.4.2", t.removed = [], !e || !e.document || e.document.nodeType !== ut.document || !e.Element)
     return t.isSupported = !1, t;
   let {
     document: r
@@ -1777,46 +1982,46 @@ function fn() {
   const n = r, i = n.currentScript, {
     DocumentFragment: a,
     HTMLTemplateElement: l,
-    Node: d,
-    Element: p,
+    Node: s,
+    Element: u,
     NodeFilter: c,
     NamedNodeMap: f = e.NamedNodeMap || e.MozNamedAttrMap,
-    HTMLFormElement: s,
+    HTMLFormElement: m,
     DOMParser: g,
-    trustedTypes: u
-  } = e, b = p.prototype, w = Ge(b, "cloneNode"), C = Ge(b, "remove"), v = Ge(b, "nextSibling"), S = Ge(b, "childNodes"), E = Ge(b, "parentNode");
+    trustedTypes: b
+  } = e, x = u.prototype, k = et(x, "cloneNode"), y = et(x, "remove"), w = et(x, "nextSibling"), E = et(x, "childNodes"), R = et(x, "parentNode");
   if (typeof l == "function") {
     const o = r.createElement("template");
     o.content && o.content.ownerDocument && (r = o.content.ownerDocument);
   }
-  let A, F = "";
+  let C, V = "";
   const {
-    implementation: P,
-    createNodeIterator: L,
-    createDocumentFragment: J,
-    getElementsByTagName: le
+    implementation: M,
+    createNodeIterator: N,
+    createDocumentFragment: Z,
+    getElementsByTagName: fe
   } = r, {
-    importNode: ue
+    importNode: he
   } = n;
-  let I = $r();
-  t.isSupported = typeof cn == "function" && typeof E == "function" && P && P.createHTMLDocument !== void 0;
+  let U = en();
+  t.isSupported = typeof wn == "function" && typeof R == "function" && M && M.createHTMLDocument !== void 0;
   const {
-    MUSTACHE_EXPR: fe,
-    ERB_EXPR: ve,
+    MUSTACHE_EXPR: ve,
+    ERB_EXPR: Ae,
     TMPLIT_EXPR: re,
-    DATA_ATTR: Ne,
-    ARIA_ATTR: ke,
-    IS_SCRIPT_OR_DATA: se,
-    ATTR_WHITESPACE: x,
-    CUSTOM_ELEMENT: k
-  } = Hr;
+    DATA_ATTR: T,
+    ARIA_ATTR: L,
+    IS_SCRIPT_OR_DATA: B,
+    ATTR_WHITESPACE: W,
+    CUSTOM_ELEMENT: le
+  } = Qr;
   let {
-    IS_ALLOWED_URI: V
-  } = Hr, D = null;
-  const oe = T({}, [...Br, ...Xt, ...qt, ...Kt, ...Fr]);
-  let j = null;
-  const gt = T({}, [...Pr, ...Zt, ...zr, ...wt]);
-  let _ = Object.seal(je(null, {
+    IS_ALLOWED_URI: bt
+  } = Qr, Y = null;
+  const br = A({}, [...Xr, ...er, ...tr, ...rr, ...Kr]);
+  let J = null;
+  const hr = A({}, [...Zr, ...nr, ...Jr, ...Tt]);
+  let z = Object.seal(Qe(null, {
     tagNameCheck: {
       writable: !0,
       configurable: !1,
@@ -1835,8 +2040,8 @@ function fn() {
       enumerable: !0,
       value: !1
     }
-  })), Je = null, pt = null;
-  const Ae = Object.seal(je(null, {
+  })), ot = null, ht = null;
+  const Re = Object.seal(Qe(null, {
     tagCheck: {
       writable: !0,
       configurable: !1,
@@ -1850,335 +2055,335 @@ function fn() {
       value: null
     }
   }));
-  let lr = !0, Vt = !0, sr = !1, cr = !0, Le = !1, Qe = !0, De = !1, It = !1, Mt = !1, Pe = !1, ht = !1, mt = !1, dr = !0, ur = !1;
-  const fr = "user-content-";
-  let Bt = !0, et = !1, ze = {}, ge = null;
-  const Ft = T({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
-  let gr = null;
-  const pr = T({}, ["audio", "video", "img", "source", "image", "track"]);
-  let Pt = null;
-  const hr = T({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]), bt = "http://www.w3.org/1998/Math/MathML", xt = "http://www.w3.org/2000/svg", pe = "http://www.w3.org/1999/xhtml";
-  let He = pe, zt = !1, Ht = null;
-  const Tn = T({}, [bt, xt, pe], Yt);
-  let $t = T({}, ["mi", "mo", "mn", "ms", "mtext"]), Ut = T({}, ["annotation-xml"]);
-  const An = T({}, ["title", "style", "font", "a", "script"]);
-  let tt = null;
-  const Sn = ["application/xhtml+xml", "text/html"], En = "text/html";
-  let G = null, $e = null;
-  const Rn = r.createElement("form"), mr = function(o) {
+  let vr = !0, Pt = !0, xr = !1, yr = !0, Ve = !1, it = !0, Be = !1, zt = !1, Ht = !1, Ge = !1, vt = !1, xt = !1, kr = !0, wr = !1;
+  const Cr = "user-content-";
+  let Ut = !0, at = !1, Ye = {}, xe = null;
+  const Wt = A({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
+  let Tr = null;
+  const Ar = A({}, ["audio", "video", "img", "source", "image", "track"]);
+  let qt = null;
+  const Sr = A({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]), yt = "http://www.w3.org/1998/Math/MathML", kt = "http://www.w3.org/2000/svg", ye = "http://www.w3.org/1999/xhtml";
+  let Xe = ye, jt = !1, Gt = null;
+  const Mn = A({}, [yt, kt, ye], Qt);
+  let Yt = A({}, ["mi", "mo", "mn", "ms", "mtext"]), Xt = A({}, ["annotation-xml"]);
+  const Fn = A({}, ["title", "style", "font", "a", "script"]);
+  let lt = null;
+  const $n = ["application/xhtml+xml", "text/html"], Pn = "text/html";
+  let G = null, Ke = null;
+  const zn = r.createElement("form"), Er = function(o) {
     return o instanceof RegExp || o instanceof Function;
-  }, Wt = function() {
+  }, Kt = function() {
     let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if ($e && $e === o)
+    if (Ke && Ke === o)
       return;
-    (!o || typeof o != "object") && (o = {}), o = ne(o), tt = // eslint-disable-next-line unicorn/prefer-includes
-    Sn.indexOf(o.PARSER_MEDIA_TYPE) === -1 ? En : o.PARSER_MEDIA_TYPE, G = tt === "application/xhtml+xml" ? Yt : lt, D = z(o, "ALLOWED_TAGS") && ee(o.ALLOWED_TAGS) ? T({}, o.ALLOWED_TAGS, G) : oe, j = z(o, "ALLOWED_ATTR") && ee(o.ALLOWED_ATTR) ? T({}, o.ALLOWED_ATTR, G) : gt, Ht = z(o, "ALLOWED_NAMESPACES") && ee(o.ALLOWED_NAMESPACES) ? T({}, o.ALLOWED_NAMESPACES, Yt) : Tn, Pt = z(o, "ADD_URI_SAFE_ATTR") && ee(o.ADD_URI_SAFE_ATTR) ? T(ne(hr), o.ADD_URI_SAFE_ATTR, G) : hr, gr = z(o, "ADD_DATA_URI_TAGS") && ee(o.ADD_DATA_URI_TAGS) ? T(ne(pr), o.ADD_DATA_URI_TAGS, G) : pr, ge = z(o, "FORBID_CONTENTS") && ee(o.FORBID_CONTENTS) ? T({}, o.FORBID_CONTENTS, G) : Ft, Je = z(o, "FORBID_TAGS") && ee(o.FORBID_TAGS) ? T({}, o.FORBID_TAGS, G) : ne({}), pt = z(o, "FORBID_ATTR") && ee(o.FORBID_ATTR) ? T({}, o.FORBID_ATTR, G) : ne({}), ze = z(o, "USE_PROFILES") ? o.USE_PROFILES && typeof o.USE_PROFILES == "object" ? ne(o.USE_PROFILES) : o.USE_PROFILES : !1, lr = o.ALLOW_ARIA_ATTR !== !1, Vt = o.ALLOW_DATA_ATTR !== !1, sr = o.ALLOW_UNKNOWN_PROTOCOLS || !1, cr = o.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Le = o.SAFE_FOR_TEMPLATES || !1, Qe = o.SAFE_FOR_XML !== !1, De = o.WHOLE_DOCUMENT || !1, Pe = o.RETURN_DOM || !1, ht = o.RETURN_DOM_FRAGMENT || !1, mt = o.RETURN_TRUSTED_TYPE || !1, Mt = o.FORCE_BODY || !1, dr = o.SANITIZE_DOM !== !1, ur = o.SANITIZE_NAMED_PROPS || !1, Bt = o.KEEP_CONTENT !== !1, et = o.IN_PLACE || !1, V = _i(o.ALLOWED_URI_REGEXP) ? o.ALLOWED_URI_REGEXP : dn, He = typeof o.NAMESPACE == "string" ? o.NAMESPACE : pe, $t = z(o, "MATHML_TEXT_INTEGRATION_POINTS") && o.MATHML_TEXT_INTEGRATION_POINTS && typeof o.MATHML_TEXT_INTEGRATION_POINTS == "object" ? ne(o.MATHML_TEXT_INTEGRATION_POINTS) : T({}, ["mi", "mo", "mn", "ms", "mtext"]), Ut = z(o, "HTML_INTEGRATION_POINTS") && o.HTML_INTEGRATION_POINTS && typeof o.HTML_INTEGRATION_POINTS == "object" ? ne(o.HTML_INTEGRATION_POINTS) : T({}, ["annotation-xml"]);
-    const h = z(o, "CUSTOM_ELEMENT_HANDLING") && o.CUSTOM_ELEMENT_HANDLING && typeof o.CUSTOM_ELEMENT_HANDLING == "object" ? ne(o.CUSTOM_ELEMENT_HANDLING) : je(null);
-    if (_ = je(null), z(h, "tagNameCheck") && mr(h.tagNameCheck) && (_.tagNameCheck = h.tagNameCheck), z(h, "attributeNameCheck") && mr(h.attributeNameCheck) && (_.attributeNameCheck = h.attributeNameCheck), z(h, "allowCustomizedBuiltInElements") && typeof h.allowCustomizedBuiltInElements == "boolean" && (_.allowCustomizedBuiltInElements = h.allowCustomizedBuiltInElements), Le && (Vt = !1), ht && (Pe = !0), ze && (D = T({}, Fr), j = je(null), ze.html === !0 && (T(D, Br), T(j, Pr)), ze.svg === !0 && (T(D, Xt), T(j, Zt), T(j, wt)), ze.svgFilters === !0 && (T(D, qt), T(j, Zt), T(j, wt)), ze.mathMl === !0 && (T(D, Kt), T(j, zr), T(j, wt))), Ae.tagCheck = null, Ae.attributeCheck = null, z(o, "ADD_TAGS") && (typeof o.ADD_TAGS == "function" ? Ae.tagCheck = o.ADD_TAGS : ee(o.ADD_TAGS) && (D === oe && (D = ne(D)), T(D, o.ADD_TAGS, G))), z(o, "ADD_ATTR") && (typeof o.ADD_ATTR == "function" ? Ae.attributeCheck = o.ADD_ATTR : ee(o.ADD_ATTR) && (j === gt && (j = ne(j)), T(j, o.ADD_ATTR, G))), z(o, "ADD_URI_SAFE_ATTR") && ee(o.ADD_URI_SAFE_ATTR) && T(Pt, o.ADD_URI_SAFE_ATTR, G), z(o, "FORBID_CONTENTS") && ee(o.FORBID_CONTENTS) && (ge === Ft && (ge = ne(ge)), T(ge, o.FORBID_CONTENTS, G)), z(o, "ADD_FORBID_CONTENTS") && ee(o.ADD_FORBID_CONTENTS) && (ge === Ft && (ge = ne(ge)), T(ge, o.ADD_FORBID_CONTENTS, G)), Bt && (D["#text"] = !0), De && T(D, ["html", "head", "body"]), D.table && (T(D, ["tbody"]), delete Je.tbody), o.TRUSTED_TYPES_POLICY) {
+    (!o || typeof o != "object") && (o = {}), o = se(o), lt = // eslint-disable-next-line unicorn/prefer-includes
+    $n.indexOf(o.PARSER_MEDIA_TYPE) === -1 ? Pn : o.PARSER_MEDIA_TYPE, G = lt === "application/xhtml+xml" ? Qt : gt, Y = $(o, "ALLOWED_TAGS") && oe(o.ALLOWED_TAGS) ? A({}, o.ALLOWED_TAGS, G) : br, J = $(o, "ALLOWED_ATTR") && oe(o.ALLOWED_ATTR) ? A({}, o.ALLOWED_ATTR, G) : hr, Gt = $(o, "ALLOWED_NAMESPACES") && oe(o.ALLOWED_NAMESPACES) ? A({}, o.ALLOWED_NAMESPACES, Qt) : Mn, qt = $(o, "ADD_URI_SAFE_ATTR") && oe(o.ADD_URI_SAFE_ATTR) ? A(se(Sr), o.ADD_URI_SAFE_ATTR, G) : Sr, Tr = $(o, "ADD_DATA_URI_TAGS") && oe(o.ADD_DATA_URI_TAGS) ? A(se(Ar), o.ADD_DATA_URI_TAGS, G) : Ar, xe = $(o, "FORBID_CONTENTS") && oe(o.FORBID_CONTENTS) ? A({}, o.FORBID_CONTENTS, G) : Wt, ot = $(o, "FORBID_TAGS") && oe(o.FORBID_TAGS) ? A({}, o.FORBID_TAGS, G) : se({}), ht = $(o, "FORBID_ATTR") && oe(o.FORBID_ATTR) ? A({}, o.FORBID_ATTR, G) : se({}), Ye = $(o, "USE_PROFILES") ? o.USE_PROFILES && typeof o.USE_PROFILES == "object" ? se(o.USE_PROFILES) : o.USE_PROFILES : !1, vr = o.ALLOW_ARIA_ATTR !== !1, Pt = o.ALLOW_DATA_ATTR !== !1, xr = o.ALLOW_UNKNOWN_PROTOCOLS || !1, yr = o.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Ve = o.SAFE_FOR_TEMPLATES || !1, it = o.SAFE_FOR_XML !== !1, Be = o.WHOLE_DOCUMENT || !1, Ge = o.RETURN_DOM || !1, vt = o.RETURN_DOM_FRAGMENT || !1, xt = o.RETURN_TRUSTED_TYPE || !1, Ht = o.FORCE_BODY || !1, kr = o.SANITIZE_DOM !== !1, wr = o.SANITIZE_NAMED_PROPS || !1, Ut = o.KEEP_CONTENT !== !1, at = o.IN_PLACE || !1, bt = sa(o.ALLOWED_URI_REGEXP) ? o.ALLOWED_URI_REGEXP : Cn, Xe = typeof o.NAMESPACE == "string" ? o.NAMESPACE : ye, Yt = $(o, "MATHML_TEXT_INTEGRATION_POINTS") && o.MATHML_TEXT_INTEGRATION_POINTS && typeof o.MATHML_TEXT_INTEGRATION_POINTS == "object" ? se(o.MATHML_TEXT_INTEGRATION_POINTS) : A({}, ["mi", "mo", "mn", "ms", "mtext"]), Xt = $(o, "HTML_INTEGRATION_POINTS") && o.HTML_INTEGRATION_POINTS && typeof o.HTML_INTEGRATION_POINTS == "object" ? se(o.HTML_INTEGRATION_POINTS) : A({}, ["annotation-xml"]);
+    const p = $(o, "CUSTOM_ELEMENT_HANDLING") && o.CUSTOM_ELEMENT_HANDLING && typeof o.CUSTOM_ELEMENT_HANDLING == "object" ? se(o.CUSTOM_ELEMENT_HANDLING) : Qe(null);
+    if (z = Qe(null), $(p, "tagNameCheck") && Er(p.tagNameCheck) && (z.tagNameCheck = p.tagNameCheck), $(p, "attributeNameCheck") && Er(p.attributeNameCheck) && (z.attributeNameCheck = p.attributeNameCheck), $(p, "allowCustomizedBuiltInElements") && typeof p.allowCustomizedBuiltInElements == "boolean" && (z.allowCustomizedBuiltInElements = p.allowCustomizedBuiltInElements), Ve && (Pt = !1), vt && (Ge = !0), Ye && (Y = A({}, Kr), J = Qe(null), Ye.html === !0 && (A(Y, Xr), A(J, Zr)), Ye.svg === !0 && (A(Y, er), A(J, nr), A(J, Tt)), Ye.svgFilters === !0 && (A(Y, tr), A(J, nr), A(J, Tt)), Ye.mathMl === !0 && (A(Y, rr), A(J, Jr), A(J, Tt))), Re.tagCheck = null, Re.attributeCheck = null, $(o, "ADD_TAGS") && (typeof o.ADD_TAGS == "function" ? Re.tagCheck = o.ADD_TAGS : oe(o.ADD_TAGS) && (Y === br && (Y = se(Y)), A(Y, o.ADD_TAGS, G))), $(o, "ADD_ATTR") && (typeof o.ADD_ATTR == "function" ? Re.attributeCheck = o.ADD_ATTR : oe(o.ADD_ATTR) && (J === hr && (J = se(J)), A(J, o.ADD_ATTR, G))), $(o, "ADD_URI_SAFE_ATTR") && oe(o.ADD_URI_SAFE_ATTR) && A(qt, o.ADD_URI_SAFE_ATTR, G), $(o, "FORBID_CONTENTS") && oe(o.FORBID_CONTENTS) && (xe === Wt && (xe = se(xe)), A(xe, o.FORBID_CONTENTS, G)), $(o, "ADD_FORBID_CONTENTS") && oe(o.ADD_FORBID_CONTENTS) && (xe === Wt && (xe = se(xe)), A(xe, o.ADD_FORBID_CONTENTS, G)), Ut && (Y["#text"] = !0), Be && A(Y, ["html", "head", "body"]), Y.table && (A(Y, ["tbody"]), delete ot.tbody), o.TRUSTED_TYPES_POLICY) {
       if (typeof o.TRUSTED_TYPES_POLICY.createHTML != "function")
-        throw kt('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+        throw Ct('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
       if (typeof o.TRUSTED_TYPES_POLICY.createScriptURL != "function")
-        throw kt('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
-      A = o.TRUSTED_TYPES_POLICY, F = A.createHTML("");
+        throw Ct('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+      C = o.TRUSTED_TYPES_POLICY, V = C.createHTML("");
     } else
-      A === void 0 && (A = ji(u, i)), A !== null && typeof F == "string" && (F = A.createHTML(""));
-    te && te(o), $e = o;
-  }, br = T({}, [...Xt, ...qt, ...Vi]), xr = T({}, [...Kt, ...Ii]), On = function(o) {
-    let h = E(o);
-    (!h || !h.tagName) && (h = {
-      namespaceURI: He,
+      C === void 0 && (C = ya(b, i)), C !== null && typeof V == "string" && (V = C.createHTML(""));
+    ae && ae(o), Ke = o;
+  }, Rr = A({}, [...er, ...tr, ...ca]), Or = A({}, [...rr, ...da]), Hn = function(o) {
+    let p = R(o);
+    (!p || !p.tagName) && (p = {
+      namespaceURI: Xe,
       tagName: "template"
     });
-    const m = lt(o.tagName), N = lt(h.tagName);
-    return Ht[o.namespaceURI] ? o.namespaceURI === xt ? h.namespaceURI === pe ? m === "svg" : h.namespaceURI === bt ? m === "svg" && (N === "annotation-xml" || $t[N]) : !!br[m] : o.namespaceURI === bt ? h.namespaceURI === pe ? m === "math" : h.namespaceURI === xt ? m === "math" && Ut[N] : !!xr[m] : o.namespaceURI === pe ? h.namespaceURI === xt && !Ut[N] || h.namespaceURI === bt && !$t[N] ? !1 : !xr[m] && (An[m] || !br[m]) : !!(tt === "application/xhtml+xml" && Ht[o.namespaceURI]) : !1;
-  }, _e = function(o) {
-    nt(t.removed, {
+    const h = gt(o.tagName), _ = gt(p.tagName);
+    return Gt[o.namespaceURI] ? o.namespaceURI === kt ? p.namespaceURI === ye ? h === "svg" : p.namespaceURI === yt ? h === "svg" && (_ === "annotation-xml" || Yt[_]) : !!Rr[h] : o.namespaceURI === yt ? p.namespaceURI === ye ? h === "math" : p.namespaceURI === kt ? h === "math" && Xt[_] : !!Or[h] : o.namespaceURI === ye ? p.namespaceURI === kt && !Xt[_] || p.namespaceURI === yt && !Yt[_] ? !1 : !Or[h] && (Fn[h] || !Rr[h]) : !!(lt === "application/xhtml+xml" && Gt[o.namespaceURI]) : !1;
+  }, Me = function(o) {
+    ct(t.removed, {
       element: o
     });
     try {
-      E(o).removeChild(o);
+      R(o).removeChild(o);
     } catch {
-      C(o);
+      y(o);
     }
-  }, Ve = function(o, h) {
+  }, Fe = function(o, p) {
     try {
-      nt(t.removed, {
-        attribute: h.getAttributeNode(o),
-        from: h
+      ct(t.removed, {
+        attribute: p.getAttributeNode(o),
+        from: p
       });
     } catch {
-      nt(t.removed, {
+      ct(t.removed, {
         attribute: null,
-        from: h
+        from: p
       });
     }
-    if (h.removeAttribute(o), o === "is")
-      if (Pe || ht)
+    if (p.removeAttribute(o), o === "is")
+      if (Ge || vt)
         try {
-          _e(h);
+          Me(p);
         } catch {
         }
       else
         try {
-          h.setAttribute(o, "");
+          p.setAttribute(o, "");
         } catch {
         }
-  }, yr = function(o) {
-    let h = null, m = null;
-    if (Mt)
+  }, _r = function(o) {
+    let p = null, h = null;
+    if (Ht)
       o = "<remove></remove>" + o;
     else {
-      const B = _r(o, /^[\r\n\t ]+/);
-      m = B && B[0];
+      const F = qr(o, /^[\r\n\t ]+/);
+      h = F && F[0];
     }
-    tt === "application/xhtml+xml" && He === pe && (o = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + o + "</body></html>");
-    const N = A ? A.createHTML(o) : o;
-    if (He === pe)
+    lt === "application/xhtml+xml" && Xe === ye && (o = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + o + "</body></html>");
+    const _ = C ? C.createHTML(o) : o;
+    if (Xe === ye)
       try {
-        h = new g().parseFromString(N, tt);
+        p = new g().parseFromString(_, lt);
       } catch {
       }
-    if (!h || !h.documentElement) {
-      h = P.createDocument(He, "template", null);
+    if (!p || !p.documentElement) {
+      p = M.createDocument(Xe, "template", null);
       try {
-        h.documentElement.innerHTML = zt ? F : N;
+        p.documentElement.innerHTML = jt ? V : _;
       } catch {
       }
     }
-    const K = h.body || h.documentElement;
-    return o && m && K.insertBefore(r.createTextNode(m), K.childNodes[0] || null), He === pe ? le.call(h, De ? "html" : "body")[0] : De ? h.documentElement : K;
-  }, vr = function(o) {
-    return L.call(
+    const Q = p.body || p.documentElement;
+    return o && h && Q.insertBefore(r.createTextNode(h), Q.childNodes[0] || null), Xe === ye ? fe.call(p, Be ? "html" : "body")[0] : Be ? p.documentElement : Q;
+  }, Nr = function(o) {
+    return N.call(
       o.ownerDocument || o,
       o,
       // eslint-disable-next-line no-bitwise
       c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION,
       null
     );
-  }, jt = function(o) {
-    return o instanceof s && (typeof o.nodeName != "string" || typeof o.textContent != "string" || typeof o.removeChild != "function" || !(o.attributes instanceof f) || typeof o.removeAttribute != "function" || typeof o.setAttribute != "function" || typeof o.namespaceURI != "string" || typeof o.insertBefore != "function" || typeof o.hasChildNodes != "function");
-  }, Gt = function(o) {
-    return typeof d == "function" && o instanceof d;
+  }, Zt = function(o) {
+    return o instanceof m && (typeof o.nodeName != "string" || typeof o.textContent != "string" || typeof o.removeChild != "function" || !(o.attributes instanceof f) || typeof o.removeAttribute != "function" || typeof o.setAttribute != "function" || typeof o.namespaceURI != "string" || typeof o.insertBefore != "function" || typeof o.hasChildNodes != "function");
+  }, Jt = function(o) {
+    return typeof s == "function" && o instanceof s;
   };
-  function we(o, h, m) {
-    rt(o, (N) => {
-      N.call(t, h, m, $e);
+  function Se(o, p, h) {
+    st(o, (_) => {
+      _.call(t, p, h, Ke);
     });
   }
-  const kr = function(o) {
-    let h = null;
-    if (we(I.beforeSanitizeElements, o, null), jt(o))
-      return _e(o), !0;
-    const m = G(o.nodeName);
-    if (we(I.uponSanitizeElement, o, {
-      tagName: m,
-      allowedTags: D
-    }), Qe && o.hasChildNodes() && !Gt(o.firstElementChild) && Z(/<[/\w!]/g, o.innerHTML) && Z(/<[/\w!]/g, o.textContent) || Qe && o.namespaceURI === pe && m === "style" && Gt(o.firstElementChild) || o.nodeType === it.progressingInstruction || Qe && o.nodeType === it.comment && Z(/<[/\w]/g, o.data))
-      return _e(o), !0;
-    if (Je[m] || !(Ae.tagCheck instanceof Function && Ae.tagCheck(m)) && !D[m]) {
-      if (!Je[m] && Cr(m) && (_.tagNameCheck instanceof RegExp && Z(_.tagNameCheck, m) || _.tagNameCheck instanceof Function && _.tagNameCheck(m)))
+  const Lr = function(o) {
+    let p = null;
+    if (Se(U.beforeSanitizeElements, o, null), Zt(o))
+      return Me(o), !0;
+    const h = G(o.nodeName);
+    if (Se(U.uponSanitizeElement, o, {
+      tagName: h,
+      allowedTags: Y
+    }), it && o.hasChildNodes() && !Jt(o.firstElementChild) && ee(/<[/\w!]/g, o.innerHTML) && ee(/<[/\w!]/g, o.textContent) || it && o.namespaceURI === ye && h === "style" && Jt(o.firstElementChild) || o.nodeType === ut.progressingInstruction || it && o.nodeType === ut.comment && ee(/<[/\w]/g, o.data))
+      return Me(o), !0;
+    if (ot[h] || !(Re.tagCheck instanceof Function && Re.tagCheck(h)) && !Y[h]) {
+      if (!ot[h] && Ir(h) && (z.tagNameCheck instanceof RegExp && ee(z.tagNameCheck, h) || z.tagNameCheck instanceof Function && z.tagNameCheck(h)))
         return !1;
-      if (Bt && !ge[m]) {
-        const N = E(o) || o.parentNode, K = S(o) || o.childNodes;
-        if (K && N) {
-          const B = K.length;
-          for (let Ce = B - 1; Ce >= 0; --Ce) {
-            const he = w(K[Ce], !0);
-            N.insertBefore(he, v(o));
+      if (Ut && !xe[h]) {
+        const _ = R(o) || o.parentNode, Q = E(o) || o.childNodes;
+        if (Q && _) {
+          const F = Q.length;
+          for (let Ee = F - 1; Ee >= 0; --Ee) {
+            const ke = k(Q[Ee], !0);
+            _.insertBefore(ke, w(o));
           }
         }
       }
-      return _e(o), !0;
+      return Me(o), !0;
     }
-    return o instanceof p && !On(o) || (m === "noscript" || m === "noembed" || m === "noframes") && Z(/<\/no(script|embed|frames)/i, o.innerHTML) ? (_e(o), !0) : (Le && o.nodeType === it.text && (h = o.textContent, rt([fe, ve, re], (N) => {
-      h = We(h, N, " ");
-    }), o.textContent !== h && (nt(t.removed, {
+    return o instanceof u && !Hn(o) || (h === "noscript" || h === "noembed" || h === "noframes") && ee(/<\/no(script|embed|frames)/i, o.innerHTML) ? (Me(o), !0) : (Ve && o.nodeType === ut.text && (p = o.textContent, st([ve, Ae, re], (_) => {
+      p = Je(p, _, " ");
+    }), o.textContent !== p && (ct(t.removed, {
       element: o.cloneNode()
-    }), o.textContent = h)), we(I.afterSanitizeElements, o, null), !1);
-  }, wr = function(o, h, m) {
-    if (pt[h] || dr && (h === "id" || h === "name") && (m in r || m in Rn))
+    }), o.textContent = p)), Se(U.afterSanitizeElements, o, null), !1);
+  }, Dr = function(o, p, h) {
+    if (ht[p] || kr && (p === "id" || p === "name") && (h in r || h in zn))
       return !1;
-    const N = j[h] || Ae.attributeCheck instanceof Function && Ae.attributeCheck(h, o);
-    if (!(Vt && !pt[h] && Z(Ne, h)) && !(lr && Z(ke, h))) {
-      if (!N || pt[h]) {
+    const _ = J[p] || Re.attributeCheck instanceof Function && Re.attributeCheck(p, o);
+    if (!(Pt && !ht[p] && ee(T, p)) && !(vr && ee(L, p))) {
+      if (!_ || ht[p]) {
         if (
           // First condition does a very basic check if a) it's basically a valid custom element tagname AND
           // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
           // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-          !(Cr(o) && (_.tagNameCheck instanceof RegExp && Z(_.tagNameCheck, o) || _.tagNameCheck instanceof Function && _.tagNameCheck(o)) && (_.attributeNameCheck instanceof RegExp && Z(_.attributeNameCheck, h) || _.attributeNameCheck instanceof Function && _.attributeNameCheck(h, o)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+          !(Ir(o) && (z.tagNameCheck instanceof RegExp && ee(z.tagNameCheck, o) || z.tagNameCheck instanceof Function && z.tagNameCheck(o)) && (z.attributeNameCheck instanceof RegExp && ee(z.attributeNameCheck, p) || z.attributeNameCheck instanceof Function && z.attributeNameCheck(p, o)) || // Alternative, second condition checks if it's an `is`-attribute, AND
           // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-          h === "is" && _.allowCustomizedBuiltInElements && (_.tagNameCheck instanceof RegExp && Z(_.tagNameCheck, m) || _.tagNameCheck instanceof Function && _.tagNameCheck(m)))
+          p === "is" && z.allowCustomizedBuiltInElements && (z.tagNameCheck instanceof RegExp && ee(z.tagNameCheck, h) || z.tagNameCheck instanceof Function && z.tagNameCheck(h)))
         ) return !1;
-      } else if (!Pt[h] && !Z(V, We(m, x, "")) && !((h === "src" || h === "xlink:href" || h === "href") && o !== "script" && Vr(m, "data:") === 0 && gr[o]) && !(sr && !Z(se, We(m, x, ""))) && m)
+      } else if (!qt[p] && !ee(bt, Je(h, W, "")) && !((p === "src" || p === "xlink:href" || p === "href") && o !== "script" && jr(h, "data:") === 0 && Tr[o]) && !(xr && !ee(B, Je(h, W, ""))) && h)
         return !1;
     }
     return !0;
-  }, Nn = T({}, ["annotation-xml", "color-profile", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "missing-glyph"]), Cr = function(o) {
-    return !Nn[lt(o)] && Z(k, o);
-  }, Tr = function(o) {
-    we(I.beforeSanitizeAttributes, o, null);
+  }, Un = A({}, ["annotation-xml", "color-profile", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "missing-glyph"]), Ir = function(o) {
+    return !Un[gt(o)] && ee(le, o);
+  }, Vr = function(o) {
+    Se(U.beforeSanitizeAttributes, o, null);
     const {
-      attributes: h
+      attributes: p
     } = o;
-    if (!h || jt(o))
+    if (!p || Zt(o))
       return;
-    const m = {
+    const h = {
       attrName: "",
       attrValue: "",
       keepAttr: !0,
-      allowedAttributes: j,
+      allowedAttributes: J,
       forceKeepAttr: void 0
     };
-    let N = h.length;
-    for (; N--; ) {
-      const K = h[N], {
-        name: B,
-        namespaceURI: Ce,
-        value: he
-      } = K, Q = G(B), Se = he;
-      let X = B === "value" ? Se : Ei(Se);
-      if (m.attrName = Q, m.attrValue = X, m.keepAttr = !0, m.forceKeepAttr = void 0, we(I.uponSanitizeAttribute, o, m), X = m.attrValue, ur && (Q === "id" || Q === "name") && Vr(X, fr) !== 0 && (Ve(B, o), X = fr + X), Qe && Z(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, X)) {
-        Ve(B, o);
+    let _ = p.length;
+    for (; _--; ) {
+      const Q = p[_], {
+        name: F,
+        namespaceURI: Ee,
+        value: ke
+      } = Q, ne = G(F), Oe = ke;
+      let X = F === "value" ? Oe : ra(Oe);
+      if (h.attrName = ne, h.attrValue = X, h.keepAttr = !0, h.forceKeepAttr = void 0, Se(U.uponSanitizeAttribute, o, h), X = h.attrValue, wr && (ne === "id" || ne === "name") && jr(X, Cr) !== 0 && (Fe(F, o), X = Cr + X), it && ee(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, X)) {
+        Fe(F, o);
         continue;
       }
-      if (Q === "attributename" && _r(X, "href")) {
-        Ve(B, o);
+      if (ne === "attributename" && qr(X, "href")) {
+        Fe(F, o);
         continue;
       }
-      if (m.forceKeepAttr)
+      if (h.forceKeepAttr)
         continue;
-      if (!m.keepAttr) {
-        Ve(B, o);
+      if (!h.keepAttr) {
+        Fe(F, o);
         continue;
       }
-      if (!cr && Z(/\/>/i, X)) {
-        Ve(B, o);
+      if (!yr && ee(/\/>/i, X)) {
+        Fe(F, o);
         continue;
       }
-      Le && rt([fe, ve, re], (Ln) => {
-        X = We(X, Ln, " ");
+      Ve && st([ve, Ae, re], (Wn) => {
+        X = Je(X, Wn, " ");
       });
-      const Sr = G(o.nodeName);
-      if (!wr(Sr, Q, X)) {
-        Ve(B, o);
+      const Mr = G(o.nodeName);
+      if (!Dr(Mr, ne, X)) {
+        Fe(F, o);
         continue;
       }
-      if (A && typeof u == "object" && typeof u.getAttributeType == "function" && !Ce)
-        switch (u.getAttributeType(Sr, Q)) {
+      if (C && typeof b == "object" && typeof b.getAttributeType == "function" && !Ee)
+        switch (b.getAttributeType(Mr, ne)) {
           case "TrustedHTML": {
-            X = A.createHTML(X);
+            X = C.createHTML(X);
             break;
           }
           case "TrustedScriptURL": {
-            X = A.createScriptURL(X);
+            X = C.createScriptURL(X);
             break;
           }
         }
-      if (X !== Se)
+      if (X !== Oe)
         try {
-          Ce ? o.setAttributeNS(Ce, B, X) : o.setAttribute(B, X), jt(o) ? _e(o) : Dr(t.removed);
+          Ee ? o.setAttributeNS(Ee, F, X) : o.setAttribute(F, X), Zt(o) ? Me(o) : Wr(t.removed);
         } catch {
-          Ve(B, o);
+          Fe(F, o);
         }
     }
-    we(I.afterSanitizeAttributes, o, null);
-  }, Ar = function(o) {
-    let h = null;
-    const m = vr(o);
-    for (we(I.beforeSanitizeShadowDOM, o, null); h = m.nextNode(); )
-      we(I.uponSanitizeShadowNode, h, null), kr(h), Tr(h), h.content instanceof a && Ar(h.content);
-    we(I.afterSanitizeShadowDOM, o, null);
+    Se(U.afterSanitizeAttributes, o, null);
+  }, Br = function(o) {
+    let p = null;
+    const h = Nr(o);
+    for (Se(U.beforeSanitizeShadowDOM, o, null); p = h.nextNode(); )
+      Se(U.uponSanitizeShadowNode, p, null), Lr(p), Vr(p), p.content instanceof a && Br(p.content);
+    Se(U.afterSanitizeShadowDOM, o, null);
   };
   return t.sanitize = function(o) {
-    let h = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, m = null, N = null, K = null, B = null;
-    if (zt = !o, zt && (o = "<!-->"), typeof o != "string" && !Gt(o) && (o = Di(o), typeof o != "string"))
-      throw kt("dirty is not a string, aborting");
+    let p = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, h = null, _ = null, Q = null, F = null;
+    if (jt = !o, jt && (o = "<!-->"), typeof o != "string" && !Jt(o) && (o = la(o), typeof o != "string"))
+      throw Ct("dirty is not a string, aborting");
     if (!t.isSupported)
       return o;
-    if (It || Wt(h), t.removed = [], typeof o == "string" && (et = !1), et) {
-      const Q = o.nodeName;
-      if (typeof Q == "string") {
-        const Se = G(Q);
-        if (!D[Se] || Je[Se])
-          throw kt("root node is forbidden and cannot be sanitized in-place");
+    if (zt || Kt(p), t.removed = [], typeof o == "string" && (at = !1), at) {
+      const ne = o.nodeName;
+      if (typeof ne == "string") {
+        const Oe = G(ne);
+        if (!Y[Oe] || ot[Oe])
+          throw Ct("root node is forbidden and cannot be sanitized in-place");
       }
-    } else if (o instanceof d)
-      m = yr("<!---->"), N = m.ownerDocument.importNode(o, !0), N.nodeType === it.element && N.nodeName === "BODY" || N.nodeName === "HTML" ? m = N : m.appendChild(N);
+    } else if (o instanceof s)
+      h = _r("<!---->"), _ = h.ownerDocument.importNode(o, !0), _.nodeType === ut.element && _.nodeName === "BODY" || _.nodeName === "HTML" ? h = _ : h.appendChild(_);
     else {
-      if (!Pe && !Le && !De && // eslint-disable-next-line unicorn/prefer-includes
+      if (!Ge && !Ve && !Be && // eslint-disable-next-line unicorn/prefer-includes
       o.indexOf("<") === -1)
-        return A && mt ? A.createHTML(o) : o;
-      if (m = yr(o), !m)
-        return Pe ? null : mt ? F : "";
-    }
-    m && Mt && _e(m.firstChild);
-    const Ce = vr(et ? o : m);
-    for (; K = Ce.nextNode(); )
-      kr(K), Tr(K), K.content instanceof a && Ar(K.content);
-    if (et)
+        return C && xt ? C.createHTML(o) : o;
+      if (h = _r(o), !h)
+        return Ge ? null : xt ? V : "";
+    }
+    h && Ht && Me(h.firstChild);
+    const Ee = Nr(at ? o : h);
+    for (; Q = Ee.nextNode(); )
+      Lr(Q), Vr(Q), Q.content instanceof a && Br(Q.content);
+    if (at)
       return o;
-    if (Pe) {
-      if (Le) {
-        m.normalize();
-        let Q = m.innerHTML;
-        rt([fe, ve, re], (Se) => {
-          Q = We(Q, Se, " ");
-        }), m.innerHTML = Q;
+    if (Ge) {
+      if (Ve) {
+        h.normalize();
+        let ne = h.innerHTML;
+        st([ve, Ae, re], (Oe) => {
+          ne = Je(ne, Oe, " ");
+        }), h.innerHTML = ne;
       }
-      if (ht)
-        for (B = J.call(m.ownerDocument); m.firstChild; )
-          B.appendChild(m.firstChild);
+      if (vt)
+        for (F = Z.call(h.ownerDocument); h.firstChild; )
+          F.appendChild(h.firstChild);
       else
-        B = m;
-      return (j.shadowroot || j.shadowrootmode) && (B = ue.call(n, B, !0)), B;
-    }
-    let he = De ? m.outerHTML : m.innerHTML;
-    return De && D["!doctype"] && m.ownerDocument && m.ownerDocument.doctype && m.ownerDocument.doctype.name && Z(un, m.ownerDocument.doctype.name) && (he = "<!DOCTYPE " + m.ownerDocument.doctype.name + `>
-` + he), Le && rt([fe, ve, re], (Q) => {
-      he = We(he, Q, " ");
-    }), A && mt ? A.createHTML(he) : he;
+        F = h;
+      return (J.shadowroot || J.shadowrootmode) && (F = he.call(n, F, !0)), F;
+    }
+    let ke = Be ? h.outerHTML : h.innerHTML;
+    return Be && Y["!doctype"] && h.ownerDocument && h.ownerDocument.doctype && h.ownerDocument.doctype.name && ee(Tn, h.ownerDocument.doctype.name) && (ke = "<!DOCTYPE " + h.ownerDocument.doctype.name + `>
+` + ke), Ve && st([ve, Ae, re], (ne) => {
+      ke = Je(ke, ne, " ");
+    }), C && xt ? C.createHTML(ke) : ke;
   }, t.setConfig = function() {
     let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    Wt(o), It = !0;
+    Kt(o), zt = !0;
   }, t.clearConfig = function() {
-    $e = null, It = !1;
-  }, t.isValidAttribute = function(o, h, m) {
-    $e || Wt({});
-    const N = G(o), K = G(h);
-    return wr(N, K, m);
-  }, t.addHook = function(o, h) {
-    typeof h == "function" && nt(I[o], h);
-  }, t.removeHook = function(o, h) {
-    if (h !== void 0) {
-      const m = Ai(I[o], h);
-      return m === -1 ? void 0 : Si(I[o], m, 1)[0];
-    }
-    return Dr(I[o]);
+    Ke = null, zt = !1;
+  }, t.isValidAttribute = function(o, p, h) {
+    Ke || Kt({});
+    const _ = G(o), Q = G(p);
+    return Dr(_, Q, h);
+  }, t.addHook = function(o, p) {
+    typeof p == "function" && ct(U[o], p);
+  }, t.removeHook = function(o, p) {
+    if (p !== void 0) {
+      const h = ea(U[o], p);
+      return h === -1 ? void 0 : ta(U[o], h, 1)[0];
+    }
+    return Wr(U[o]);
   }, t.removeHooks = function(o) {
-    I[o] = [];
+    U[o] = [];
   }, t.removeAllHooks = function() {
-    I = $r();
+    U = en();
   }, t;
 }
-var W = fn(), Gi = W;
-W.sanitize.bind(W);
-W.isSupported;
-W.addHook.bind(W);
-W.removeHook.bind(W);
-W.removeHooks.bind(W);
-W.removeAllHooks.bind(W);
-W.setConfig.bind(W);
-W.clearConfig.bind(W);
-W.isValidAttribute.bind(W);
-W.version;
-W.removed;
-const Ur = {
+var j = An(), ka = j;
+j.sanitize.bind(j);
+j.isSupported;
+j.addHook.bind(j);
+j.removeHook.bind(j);
+j.removeHooks.bind(j);
+j.removeAllHooks.bind(j);
+j.setConfig.bind(j);
+j.clearConfig.bind(j);
+j.isValidAttribute.bind(j);
+j.version;
+j.removed;
+const tn = {
   left: "tooltip-left",
   top: "tooltip-top",
   bottom: "tooltip-bottom",
   right: "tooltip-right"
 };
-xe({
+de({
   name: "Tooltip",
   props: {
     id: {
@@ -2211,96 +2416,96 @@ xe({
     }
   },
   setup(e) {
-    const t = "invisible opacity-0 group-hover:visible group-hover:opacity-100 group-focus:visible group-focus:opacity-100 z-[100] tooltip", r = O(() => [
-      Or.bgColorVariant({ color: e.color }),
-      Or.textColorVariant({ color: e.textColor })
-    ].join(" ")), n = O(() => ({ width: `${e.width}px` })), i = O(() => Ur[e.direction] || Ur.right), a = O(() => [
+    const t = "invisible opacity-0 group-hover:visible group-hover:opacity-100 group-focus:visible group-focus:opacity-100 z-[100] tooltip", r = S(() => [
+      zr.bgColorVariant({ color: e.color }),
+      zr.textColorVariant({ color: e.textColor })
+    ].join(" ")), n = S(() => ({ width: `${e.width}px` })), i = S(() => tn[e.direction] || tn.right), a = S(() => [
       t,
       i.value,
       r.value,
       e.customClass
     ]);
-    return () => _n("div", {
+    return () => Zn("div", {
       id: e.id,
       class: a.value,
       role: "tooltip",
-      innerHTML: Gi.sanitize(e.content),
+      innerHTML: ka.sanitize(e.content),
       style: [n.value]
     });
   }
 });
-const Tt = Math.min, Ie = Math.max, At = Math.round, Ct = Math.floor, me = (e) => ({
+const Ot = Math.min, $e = Math.max, _t = Math.round, At = Math.floor, we = (e) => ({
   x: e,
   y: e
-}), Yi = {
+}), wa = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Xi = {
+}, Ca = {
   start: "end",
   end: "start"
 };
-function Wr(e, t, r) {
-  return Ie(e, Tt(t, r));
+function rn(e, t, r) {
+  return $e(e, Ot(t, r));
 }
-function Rt(e, t) {
+function It(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Me(e) {
+function He(e) {
   return e.split("-")[0];
 }
-function Ot(e) {
+function Vt(e) {
   return e.split("-")[1];
 }
-function gn(e) {
+function Sn(e) {
   return e === "x" ? "y" : "x";
 }
-function pn(e) {
+function En(e) {
   return e === "y" ? "height" : "width";
 }
-const qi = /* @__PURE__ */ new Set(["top", "bottom"]);
-function Ee(e) {
-  return qi.has(Me(e)) ? "y" : "x";
+const Ta = /* @__PURE__ */ new Set(["top", "bottom"]);
+function Le(e) {
+  return Ta.has(He(e)) ? "y" : "x";
 }
-function hn(e) {
-  return gn(Ee(e));
+function Rn(e) {
+  return Sn(Le(e));
 }
-function Ki(e, t, r) {
+function Aa(e, t, r) {
   r === void 0 && (r = !1);
-  const n = Ot(e), i = hn(e), a = pn(i);
+  const n = Vt(e), i = Rn(e), a = En(i);
   let l = i === "x" ? n === (r ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return t.reference[a] > t.floating[a] && (l = St(l)), [l, St(l)];
+  return t.reference[a] > t.floating[a] && (l = Nt(l)), [l, Nt(l)];
 }
-function Zi(e) {
-  const t = St(e);
-  return [tr(e), t, tr(t)];
+function Sa(e) {
+  const t = Nt(e);
+  return [cr(e), t, cr(t)];
 }
-function tr(e) {
-  return e.replace(/start|end/g, (t) => Xi[t]);
+function cr(e) {
+  return e.replace(/start|end/g, (t) => Ca[t]);
 }
-const jr = ["left", "right"], Gr = ["right", "left"], Ji = ["top", "bottom"], Qi = ["bottom", "top"];
-function ea(e, t, r) {
+const nn = ["left", "right"], on = ["right", "left"], Ea = ["top", "bottom"], Ra = ["bottom", "top"];
+function Oa(e, t, r) {
   switch (e) {
     case "top":
     case "bottom":
-      return r ? t ? Gr : jr : t ? jr : Gr;
+      return r ? t ? on : nn : t ? nn : on;
     case "left":
     case "right":
-      return t ? Ji : Qi;
+      return t ? Ea : Ra;
     default:
       return [];
   }
 }
-function ta(e, t, r, n) {
-  const i = Ot(e);
-  let a = ea(Me(e), r === "start", n);
-  return i && (a = a.map((l) => l + "-" + i), t && (a = a.concat(a.map(tr)))), a;
+function _a(e, t, r, n) {
+  const i = Vt(e);
+  let a = Oa(He(e), r === "start", n);
+  return i && (a = a.map((l) => l + "-" + i), t && (a = a.concat(a.map(cr)))), a;
 }
-function St(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Yi[t]);
+function Nt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => wa[t]);
 }
-function ra(e) {
+function Na(e) {
   return {
     top: 0,
     right: 0,
@@ -2309,15 +2514,15 @@ function ra(e) {
     ...e
   };
 }
-function na(e) {
-  return typeof e != "number" ? ra(e) : {
+function La(e) {
+  return typeof e != "number" ? Na(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Et(e) {
+function Lt(e) {
   const {
     x: t,
     y: r,
@@ -2335,55 +2540,55 @@ function Et(e) {
     y: r
   };
 }
-function Yr(e, t, r) {
+function an(e, t, r) {
   let {
     reference: n,
     floating: i
   } = e;
-  const a = Ee(t), l = hn(t), d = pn(l), p = Me(t), c = a === "y", f = n.x + n.width / 2 - i.width / 2, s = n.y + n.height / 2 - i.height / 2, g = n[d] / 2 - i[d] / 2;
-  let u;
-  switch (p) {
+  const a = Le(t), l = Rn(t), s = En(l), u = He(t), c = a === "y", f = n.x + n.width / 2 - i.width / 2, m = n.y + n.height / 2 - i.height / 2, g = n[s] / 2 - i[s] / 2;
+  let b;
+  switch (u) {
     case "top":
-      u = {
+      b = {
         x: f,
         y: n.y - i.height
       };
       break;
     case "bottom":
-      u = {
+      b = {
         x: f,
         y: n.y + n.height
       };
       break;
     case "right":
-      u = {
+      b = {
         x: n.x + n.width,
-        y: s
+        y: m
       };
       break;
     case "left":
-      u = {
+      b = {
         x: n.x - i.width,
-        y: s
+        y: m
       };
       break;
     default:
-      u = {
+      b = {
         x: n.x,
         y: n.y
       };
   }
-  switch (Ot(t)) {
+  switch (Vt(t)) {
     case "start":
-      u[l] -= g * (r && c ? -1 : 1);
+      b[l] -= g * (r && c ? -1 : 1);
       break;
     case "end":
-      u[l] += g * (r && c ? -1 : 1);
+      b[l] += g * (r && c ? -1 : 1);
       break;
   }
-  return u;
+  return b;
 }
-async function oa(e, t) {
+async function Da(e, t) {
   var r;
   t === void 0 && (t = {});
   const {
@@ -2391,108 +2596,108 @@ async function oa(e, t) {
     y: i,
     platform: a,
     rects: l,
-    elements: d,
-    strategy: p
+    elements: s,
+    strategy: u
   } = e, {
     boundary: c = "clippingAncestors",
     rootBoundary: f = "viewport",
-    elementContext: s = "floating",
+    elementContext: m = "floating",
     altBoundary: g = !1,
-    padding: u = 0
-  } = Rt(t, e), b = na(u), C = d[g ? s === "floating" ? "reference" : "floating" : s], v = Et(await a.getClippingRect({
-    element: (r = await (a.isElement == null ? void 0 : a.isElement(C))) == null || r ? C : C.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(d.floating)),
+    padding: b = 0
+  } = It(t, e), x = La(b), y = s[g ? m === "floating" ? "reference" : "floating" : m], w = Lt(await a.getClippingRect({
+    element: (r = await (a.isElement == null ? void 0 : a.isElement(y))) == null || r ? y : y.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(s.floating)),
     boundary: c,
     rootBoundary: f,
-    strategy: p
-  })), S = s === "floating" ? {
+    strategy: u
+  })), E = m === "floating" ? {
     x: n,
     y: i,
     width: l.floating.width,
     height: l.floating.height
-  } : l.reference, E = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d.floating)), A = await (a.isElement == null ? void 0 : a.isElement(E)) ? await (a.getScale == null ? void 0 : a.getScale(E)) || {
+  } : l.reference, R = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(s.floating)), C = await (a.isElement == null ? void 0 : a.isElement(R)) ? await (a.getScale == null ? void 0 : a.getScale(R)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, F = Et(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: d,
-    rect: S,
-    offsetParent: E,
-    strategy: p
-  }) : S);
+  }, V = Lt(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: s,
+    rect: E,
+    offsetParent: R,
+    strategy: u
+  }) : E);
   return {
-    top: (v.top - F.top + b.top) / A.y,
-    bottom: (F.bottom - v.bottom + b.bottom) / A.y,
-    left: (v.left - F.left + b.left) / A.x,
-    right: (F.right - v.right + b.right) / A.x
+    top: (w.top - V.top + x.top) / C.y,
+    bottom: (V.bottom - w.bottom + x.bottom) / C.y,
+    left: (w.left - V.left + x.left) / C.x,
+    right: (V.right - w.right + x.right) / C.x
   };
 }
-const ia = async (e, t, r) => {
+const Ia = async (e, t, r) => {
   const {
     placement: n = "bottom",
     strategy: i = "absolute",
     middleware: a = [],
     platform: l
-  } = r, d = a.filter(Boolean), p = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  } = r, s = a.filter(Boolean), u = await (l.isRTL == null ? void 0 : l.isRTL(t));
   let c = await l.getElementRects({
     reference: e,
     floating: t,
     strategy: i
   }), {
     x: f,
-    y: s
-  } = Yr(c, n, p), g = n, u = {}, b = 0;
-  for (let C = 0; C < d.length; C++) {
-    var w;
+    y: m
+  } = an(c, n, u), g = n, b = {}, x = 0;
+  for (let y = 0; y < s.length; y++) {
+    var k;
     const {
-      name: v,
-      fn: S
-    } = d[C], {
-      x: E,
-      y: A,
-      data: F,
-      reset: P
-    } = await S({
+      name: w,
+      fn: E
+    } = s[y], {
+      x: R,
+      y: C,
+      data: V,
+      reset: M
+    } = await E({
       x: f,
-      y: s,
+      y: m,
       initialPlacement: n,
       placement: g,
       strategy: i,
-      middlewareData: u,
+      middlewareData: b,
       rects: c,
       platform: {
         ...l,
-        detectOverflow: (w = l.detectOverflow) != null ? w : oa
+        detectOverflow: (k = l.detectOverflow) != null ? k : Da
       },
       elements: {
         reference: e,
         floating: t
       }
     });
-    f = E ?? f, s = A ?? s, u = {
-      ...u,
-      [v]: {
-        ...u[v],
-        ...F
+    f = R ?? f, m = C ?? m, b = {
+      ...b,
+      [w]: {
+        ...b[w],
+        ...V
       }
-    }, P && b <= 50 && (b++, typeof P == "object" && (P.placement && (g = P.placement), P.rects && (c = P.rects === !0 ? await l.getElementRects({
+    }, M && x <= 50 && (x++, typeof M == "object" && (M.placement && (g = M.placement), M.rects && (c = M.rects === !0 ? await l.getElementRects({
       reference: e,
       floating: t,
       strategy: i
-    }) : P.rects), {
+    }) : M.rects), {
       x: f,
-      y: s
-    } = Yr(c, g, p)), C = -1);
+      y: m
+    } = an(c, g, u)), y = -1);
   }
   return {
     x: f,
-    y: s,
+    y: m,
     placement: g,
     strategy: i,
-    middlewareData: u
+    middlewareData: b
   };
-}, aa = function(e) {
+}, Va = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -2502,106 +2707,106 @@ const ia = async (e, t, r) => {
         placement: i,
         middlewareData: a,
         rects: l,
-        initialPlacement: d,
-        platform: p,
+        initialPlacement: s,
+        platform: u,
         elements: c
       } = t, {
         mainAxis: f = !0,
-        crossAxis: s = !0,
+        crossAxis: m = !0,
         fallbackPlacements: g,
-        fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: b = "none",
-        flipAlignment: w = !0,
-        ...C
-      } = Rt(e, t);
+        fallbackStrategy: b = "bestFit",
+        fallbackAxisSideDirection: x = "none",
+        flipAlignment: k = !0,
+        ...y
+      } = It(e, t);
       if ((r = a.arrow) != null && r.alignmentOffset)
         return {};
-      const v = Me(i), S = Ee(d), E = Me(d) === d, A = await (p.isRTL == null ? void 0 : p.isRTL(c.floating)), F = g || (E || !w ? [St(d)] : Zi(d)), P = b !== "none";
-      !g && P && F.push(...ta(d, w, b, A));
-      const L = [d, ...F], J = await p.detectOverflow(t, C), le = [];
-      let ue = ((n = a.flip) == null ? void 0 : n.overflows) || [];
-      if (f && le.push(J[v]), s) {
-        const re = Ki(i, l, A);
-        le.push(J[re[0]], J[re[1]]);
+      const w = He(i), E = Le(s), R = He(s) === s, C = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), V = g || (R || !k ? [Nt(s)] : Sa(s)), M = x !== "none";
+      !g && M && V.push(..._a(s, k, x, C));
+      const N = [s, ...V], Z = await u.detectOverflow(t, y), fe = [];
+      let he = ((n = a.flip) == null ? void 0 : n.overflows) || [];
+      if (f && fe.push(Z[w]), m) {
+        const re = Aa(i, l, C);
+        fe.push(Z[re[0]], Z[re[1]]);
       }
-      if (ue = [...ue, {
+      if (he = [...he, {
         placement: i,
-        overflows: le
-      }], !le.every((re) => re <= 0)) {
-        var I, fe;
-        const re = (((I = a.flip) == null ? void 0 : I.index) || 0) + 1, Ne = L[re];
-        if (Ne && (!(s === "alignment" ? S !== Ee(Ne) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: fe
+      }], !fe.every((re) => re <= 0)) {
+        var U, ve;
+        const re = (((U = a.flip) == null ? void 0 : U.index) || 0) + 1, T = N[re];
+        if (T && (!(m === "alignment" ? E !== Le(T) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        ue.every((x) => Ee(x.placement) === S ? x.overflows[0] > 0 : !0)))
+        he.every((W) => Le(W.placement) === E ? W.overflows[0] > 0 : !0)))
           return {
             data: {
               index: re,
-              overflows: ue
+              overflows: he
             },
             reset: {
-              placement: Ne
+              placement: T
             }
           };
-        let ke = (fe = ue.filter((se) => se.overflows[0] <= 0).sort((se, x) => se.overflows[1] - x.overflows[1])[0]) == null ? void 0 : fe.placement;
-        if (!ke)
-          switch (u) {
+        let L = (ve = he.filter((B) => B.overflows[0] <= 0).sort((B, W) => B.overflows[1] - W.overflows[1])[0]) == null ? void 0 : ve.placement;
+        if (!L)
+          switch (b) {
             case "bestFit": {
-              var ve;
-              const se = (ve = ue.filter((x) => {
-                if (P) {
-                  const k = Ee(x.placement);
-                  return k === S || // Create a bias to the `y` side axis due to horizontal
+              var Ae;
+              const B = (Ae = he.filter((W) => {
+                if (M) {
+                  const le = Le(W.placement);
+                  return le === E || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  k === "y";
+                  le === "y";
                 }
                 return !0;
-              }).map((x) => [x.placement, x.overflows.filter((k) => k > 0).reduce((k, V) => k + V, 0)]).sort((x, k) => x[1] - k[1])[0]) == null ? void 0 : ve[0];
-              se && (ke = se);
+              }).map((W) => [W.placement, W.overflows.filter((le) => le > 0).reduce((le, bt) => le + bt, 0)]).sort((W, le) => W[1] - le[1])[0]) == null ? void 0 : Ae[0];
+              B && (L = B);
               break;
             }
             case "initialPlacement":
-              ke = d;
+              L = s;
               break;
           }
-        if (i !== ke)
+        if (i !== L)
           return {
             reset: {
-              placement: ke
+              placement: L
             }
           };
       }
       return {};
     }
   };
-}, la = /* @__PURE__ */ new Set(["left", "top"]);
-async function sa(e, t) {
+}, Ba = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ma(e, t) {
   const {
     placement: r,
     platform: n,
     elements: i
-  } = e, a = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), l = Me(r), d = Ot(r), p = Ee(r) === "y", c = la.has(l) ? -1 : 1, f = a && p ? -1 : 1, s = Rt(t, e);
+  } = e, a = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), l = He(r), s = Vt(r), u = Le(r) === "y", c = Ba.has(l) ? -1 : 1, f = a && u ? -1 : 1, m = It(t, e);
   let {
     mainAxis: g,
-    crossAxis: u,
-    alignmentAxis: b
-  } = typeof s == "number" ? {
-    mainAxis: s,
+    crossAxis: b,
+    alignmentAxis: x
+  } = typeof m == "number" ? {
+    mainAxis: m,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: s.mainAxis || 0,
-    crossAxis: s.crossAxis || 0,
-    alignmentAxis: s.alignmentAxis
+    mainAxis: m.mainAxis || 0,
+    crossAxis: m.crossAxis || 0,
+    alignmentAxis: m.alignmentAxis
   };
-  return d && typeof b == "number" && (u = d === "end" ? b * -1 : b), p ? {
-    x: u * f,
+  return s && typeof x == "number" && (b = s === "end" ? x * -1 : x), u ? {
+    x: b * f,
     y: g * c
   } : {
     x: g * c,
-    y: u * f
+    y: b * f
   };
 }
-const ca = function(e) {
+const Fa = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -2611,19 +2816,19 @@ const ca = function(e) {
         x: i,
         y: a,
         placement: l,
-        middlewareData: d
-      } = t, p = await sa(t, e);
-      return l === ((r = d.offset) == null ? void 0 : r.placement) && (n = d.arrow) != null && n.alignmentOffset ? {} : {
-        x: i + p.x,
-        y: a + p.y,
+        middlewareData: s
+      } = t, u = await Ma(t, e);
+      return l === ((r = s.offset) == null ? void 0 : r.placement) && (n = s.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + u.x,
+        y: a + u.y,
         data: {
-          ...p,
+          ...u,
           placement: l
         }
       };
     }
   };
-}, da = function(e) {
+}, $a = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -2635,95 +2840,95 @@ const ca = function(e) {
         platform: a
       } = t, {
         mainAxis: l = !0,
-        crossAxis: d = !1,
-        limiter: p = {
-          fn: (v) => {
+        crossAxis: s = !1,
+        limiter: u = {
+          fn: (w) => {
             let {
-              x: S,
-              y: E
-            } = v;
+              x: E,
+              y: R
+            } = w;
             return {
-              x: S,
-              y: E
+              x: E,
+              y: R
             };
           }
         },
         ...c
-      } = Rt(e, t), f = {
+      } = It(e, t), f = {
         x: r,
         y: n
-      }, s = await a.detectOverflow(t, c), g = Ee(Me(i)), u = gn(g);
-      let b = f[u], w = f[g];
+      }, m = await a.detectOverflow(t, c), g = Le(He(i)), b = Sn(g);
+      let x = f[b], k = f[g];
       if (l) {
-        const v = u === "y" ? "top" : "left", S = u === "y" ? "bottom" : "right", E = b + s[v], A = b - s[S];
-        b = Wr(E, b, A);
+        const w = b === "y" ? "top" : "left", E = b === "y" ? "bottom" : "right", R = x + m[w], C = x - m[E];
+        x = rn(R, x, C);
       }
-      if (d) {
-        const v = g === "y" ? "top" : "left", S = g === "y" ? "bottom" : "right", E = w + s[v], A = w - s[S];
-        w = Wr(E, w, A);
+      if (s) {
+        const w = g === "y" ? "top" : "left", E = g === "y" ? "bottom" : "right", R = k + m[w], C = k - m[E];
+        k = rn(R, k, C);
       }
-      const C = p.fn({
+      const y = u.fn({
         ...t,
-        [u]: b,
-        [g]: w
+        [b]: x,
+        [g]: k
       });
       return {
-        ...C,
+        ...y,
         data: {
-          x: C.x - r,
-          y: C.y - n,
+          x: y.x - r,
+          y: y.y - n,
           enabled: {
-            [u]: l,
-            [g]: d
+            [b]: l,
+            [g]: s
           }
         }
       };
     }
   };
 };
-function Nt() {
+function Bt() {
   return typeof window < "u";
 }
-function Fe(e) {
-  return nr(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function je(e) {
+  return fr(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function ie(e) {
+function ce(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function ye(e) {
+function Te(e) {
   var t;
-  return (t = (nr(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (fr(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function nr(e) {
-  return Nt() ? e instanceof Node || e instanceof ie(e).Node : !1;
+function fr(e) {
+  return Bt() ? e instanceof Node || e instanceof ce(e).Node : !1;
 }
-function ce(e) {
-  return Nt() ? e instanceof Element || e instanceof ie(e).Element : !1;
+function me(e) {
+  return Bt() ? e instanceof Element || e instanceof ce(e).Element : !1;
 }
-function be(e) {
-  return Nt() ? e instanceof HTMLElement || e instanceof ie(e).HTMLElement : !1;
+function Ce(e) {
+  return Bt() ? e instanceof HTMLElement || e instanceof ce(e).HTMLElement : !1;
 }
-function Xr(e) {
-  return !Nt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ie(e).ShadowRoot;
+function ln(e) {
+  return !Bt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ce(e).ShadowRoot;
 }
-const ua = /* @__PURE__ */ new Set(["inline", "contents"]);
-function ft(e) {
+const Pa = /* @__PURE__ */ new Set(["inline", "contents"]);
+function mt(e) {
   const {
     overflow: t,
     overflowX: r,
     overflowY: n,
     display: i
-  } = de(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + n + r) && !ua.has(i);
+  } = be(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + r) && !Pa.has(i);
 }
-const fa = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function ga(e) {
-  return fa.has(Fe(e));
+const za = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Ha(e) {
+  return za.has(je(e));
 }
-const pa = [":popover-open", ":modal"];
-function Lt(e) {
-  return pa.some((t) => {
+const Ua = [":popover-open", ":modal"];
+function Mt(e) {
+  return Ua.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -2731,34 +2936,34 @@ function Lt(e) {
     }
   });
 }
-const ha = ["transform", "translate", "scale", "rotate", "perspective"], ma = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ba = ["paint", "layout", "strict", "content"];
-function or(e) {
-  const t = ir(), r = ce(e) ? de(e) : e;
-  return ha.some((n) => r[n] ? r[n] !== "none" : !1) || (r.containerType ? r.containerType !== "normal" : !1) || !t && (r.backdropFilter ? r.backdropFilter !== "none" : !1) || !t && (r.filter ? r.filter !== "none" : !1) || ma.some((n) => (r.willChange || "").includes(n)) || ba.some((n) => (r.contain || "").includes(n));
+const Wa = ["transform", "translate", "scale", "rotate", "perspective"], qa = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ja = ["paint", "layout", "strict", "content"];
+function gr(e) {
+  const t = pr(), r = me(e) ? be(e) : e;
+  return Wa.some((n) => r[n] ? r[n] !== "none" : !1) || (r.containerType ? r.containerType !== "normal" : !1) || !t && (r.backdropFilter ? r.backdropFilter !== "none" : !1) || !t && (r.filter ? r.filter !== "none" : !1) || qa.some((n) => (r.willChange || "").includes(n)) || ja.some((n) => (r.contain || "").includes(n));
 }
-function xa(e) {
-  let t = Oe(e);
-  for (; be(t) && !Ke(t); ) {
-    if (or(t))
+function Ga(e) {
+  let t = Ie(e);
+  for (; Ce(t) && !nt(t); ) {
+    if (gr(t))
       return t;
-    if (Lt(t))
+    if (Mt(t))
       return null;
-    t = Oe(t);
+    t = Ie(t);
   }
   return null;
 }
-function ir() {
+function pr() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const ya = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Ke(e) {
-  return ya.has(Fe(e));
+const Ya = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function nt(e) {
+  return Ya.has(je(e));
 }
-function de(e) {
-  return ie(e).getComputedStyle(e);
+function be(e) {
+  return ce(e).getComputedStyle(e);
 }
-function Dt(e) {
-  return ce(e) ? {
+function Ft(e) {
+  return me(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -2766,189 +2971,189 @@ function Dt(e) {
     scrollTop: e.scrollY
   };
 }
-function Oe(e) {
-  if (Fe(e) === "html")
+function Ie(e) {
+  if (je(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.
-    Xr(e) && e.host || // Fallback.
-    ye(e)
+    ln(e) && e.host || // Fallback.
+    Te(e)
   );
-  return Xr(t) ? t.host : t;
+  return ln(t) ? t.host : t;
 }
-function mn(e) {
-  const t = Oe(e);
-  return Ke(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : be(t) && ft(t) ? t : mn(t);
+function On(e) {
+  const t = Ie(e);
+  return nt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Ce(t) && mt(t) ? t : On(t);
 }
-function ut(e, t, r) {
+function pt(e, t, r) {
   var n;
   t === void 0 && (t = []), r === void 0 && (r = !0);
-  const i = mn(e), a = i === ((n = e.ownerDocument) == null ? void 0 : n.body), l = ie(i);
+  const i = On(e), a = i === ((n = e.ownerDocument) == null ? void 0 : n.body), l = ce(i);
   if (a) {
-    const d = rr(l);
-    return t.concat(l, l.visualViewport || [], ft(i) ? i : [], d && r ? ut(d) : []);
+    const s = dr(l);
+    return t.concat(l, l.visualViewport || [], mt(i) ? i : [], s && r ? pt(s) : []);
   }
-  return t.concat(i, ut(i, [], r));
+  return t.concat(i, pt(i, [], r));
 }
-function rr(e) {
+function dr(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function bn(e) {
-  const t = de(e);
+function _n(e) {
+  const t = be(e);
   let r = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const i = be(e), a = i ? e.offsetWidth : r, l = i ? e.offsetHeight : n, d = At(r) !== a || At(n) !== l;
-  return d && (r = a, n = l), {
+  const i = Ce(e), a = i ? e.offsetWidth : r, l = i ? e.offsetHeight : n, s = _t(r) !== a || _t(n) !== l;
+  return s && (r = a, n = l), {
     width: r,
     height: n,
-    $: d
+    $: s
   };
 }
-function ar(e) {
-  return ce(e) ? e : e.contextElement;
+function mr(e) {
+  return me(e) ? e : e.contextElement;
 }
-function Xe(e) {
-  const t = ar(e);
-  if (!be(t))
-    return me(1);
+function tt(e) {
+  const t = mr(e);
+  if (!Ce(t))
+    return we(1);
   const r = t.getBoundingClientRect(), {
     width: n,
     height: i,
     $: a
-  } = bn(t);
-  let l = (a ? At(r.width) : r.width) / n, d = (a ? At(r.height) : r.height) / i;
-  return (!l || !Number.isFinite(l)) && (l = 1), (!d || !Number.isFinite(d)) && (d = 1), {
+  } = _n(t);
+  let l = (a ? _t(r.width) : r.width) / n, s = (a ? _t(r.height) : r.height) / i;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!s || !Number.isFinite(s)) && (s = 1), {
     x: l,
-    y: d
+    y: s
   };
 }
-const va = /* @__PURE__ */ me(0);
-function xn(e) {
-  const t = ie(e);
-  return !ir() || !t.visualViewport ? va : {
+const Xa = /* @__PURE__ */ we(0);
+function Nn(e) {
+  const t = ce(e);
+  return !pr() || !t.visualViewport ? Xa : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function ka(e, t, r) {
-  return t === void 0 && (t = !1), !r || t && r !== ie(e) ? !1 : t;
+function Ka(e, t, r) {
+  return t === void 0 && (t = !1), !r || t && r !== ce(e) ? !1 : t;
 }
-function Be(e, t, r, n) {
+function Ue(e, t, r, n) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
-  const i = e.getBoundingClientRect(), a = ar(e);
-  let l = me(1);
-  t && (n ? ce(n) && (l = Xe(n)) : l = Xe(e));
-  const d = ka(a, r, n) ? xn(a) : me(0);
-  let p = (i.left + d.x) / l.x, c = (i.top + d.y) / l.y, f = i.width / l.x, s = i.height / l.y;
+  const i = e.getBoundingClientRect(), a = mr(e);
+  let l = we(1);
+  t && (n ? me(n) && (l = tt(n)) : l = tt(e));
+  const s = Ka(a, r, n) ? Nn(a) : we(0);
+  let u = (i.left + s.x) / l.x, c = (i.top + s.y) / l.y, f = i.width / l.x, m = i.height / l.y;
   if (a) {
-    const g = ie(a), u = n && ce(n) ? ie(n) : n;
-    let b = g, w = rr(b);
-    for (; w && n && u !== b; ) {
-      const C = Xe(w), v = w.getBoundingClientRect(), S = de(w), E = v.left + (w.clientLeft + parseFloat(S.paddingLeft)) * C.x, A = v.top + (w.clientTop + parseFloat(S.paddingTop)) * C.y;
-      p *= C.x, c *= C.y, f *= C.x, s *= C.y, p += E, c += A, b = ie(w), w = rr(b);
+    const g = ce(a), b = n && me(n) ? ce(n) : n;
+    let x = g, k = dr(x);
+    for (; k && n && b !== x; ) {
+      const y = tt(k), w = k.getBoundingClientRect(), E = be(k), R = w.left + (k.clientLeft + parseFloat(E.paddingLeft)) * y.x, C = w.top + (k.clientTop + parseFloat(E.paddingTop)) * y.y;
+      u *= y.x, c *= y.y, f *= y.x, m *= y.y, u += R, c += C, x = ce(k), k = dr(x);
     }
   }
-  return Et({
+  return Lt({
     width: f,
-    height: s,
-    x: p,
+    height: m,
+    x: u,
     y: c
   });
 }
-function _t(e, t) {
-  const r = Dt(e).scrollLeft;
-  return t ? t.left + r : Be(ye(e)).left + r;
+function $t(e, t) {
+  const r = Ft(e).scrollLeft;
+  return t ? t.left + r : Ue(Te(e)).left + r;
 }
-function yn(e, t) {
-  const r = e.getBoundingClientRect(), n = r.left + t.scrollLeft - _t(e, r), i = r.top + t.scrollTop;
+function Ln(e, t) {
+  const r = e.getBoundingClientRect(), n = r.left + t.scrollLeft - $t(e, r), i = r.top + t.scrollTop;
   return {
     x: n,
     y: i
   };
 }
-function wa(e) {
+function Za(e) {
   let {
     elements: t,
     rect: r,
     offsetParent: n,
     strategy: i
   } = e;
-  const a = i === "fixed", l = ye(n), d = t ? Lt(t.floating) : !1;
-  if (n === l || d && a)
+  const a = i === "fixed", l = Te(n), s = t ? Mt(t.floating) : !1;
+  if (n === l || s && a)
     return r;
-  let p = {
+  let u = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = me(1);
-  const f = me(0), s = be(n);
-  if ((s || !s && !a) && ((Fe(n) !== "body" || ft(l)) && (p = Dt(n)), be(n))) {
-    const u = Be(n);
-    c = Xe(n), f.x = u.x + n.clientLeft, f.y = u.y + n.clientTop;
+  }, c = we(1);
+  const f = we(0), m = Ce(n);
+  if ((m || !m && !a) && ((je(n) !== "body" || mt(l)) && (u = Ft(n)), Ce(n))) {
+    const b = Ue(n);
+    c = tt(n), f.x = b.x + n.clientLeft, f.y = b.y + n.clientTop;
   }
-  const g = l && !s && !a ? yn(l, p) : me(0);
+  const g = l && !m && !a ? Ln(l, u) : we(0);
   return {
     width: r.width * c.x,
     height: r.height * c.y,
-    x: r.x * c.x - p.scrollLeft * c.x + f.x + g.x,
-    y: r.y * c.y - p.scrollTop * c.y + f.y + g.y
+    x: r.x * c.x - u.scrollLeft * c.x + f.x + g.x,
+    y: r.y * c.y - u.scrollTop * c.y + f.y + g.y
   };
 }
-function Ca(e) {
+function Ja(e) {
   return Array.from(e.getClientRects());
 }
-function Ta(e) {
-  const t = ye(e), r = Dt(e), n = e.ownerDocument.body, i = Ie(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), a = Ie(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
-  let l = -r.scrollLeft + _t(e);
-  const d = -r.scrollTop;
-  return de(n).direction === "rtl" && (l += Ie(t.clientWidth, n.clientWidth) - i), {
+function Qa(e) {
+  const t = Te(e), r = Ft(e), n = e.ownerDocument.body, i = $e(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), a = $e(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  let l = -r.scrollLeft + $t(e);
+  const s = -r.scrollTop;
+  return be(n).direction === "rtl" && (l += $e(t.clientWidth, n.clientWidth) - i), {
     width: i,
     height: a,
     x: l,
-    y: d
+    y: s
   };
 }
-const qr = 25;
-function Aa(e, t) {
-  const r = ie(e), n = ye(e), i = r.visualViewport;
-  let a = n.clientWidth, l = n.clientHeight, d = 0, p = 0;
+const sn = 25;
+function el(e, t) {
+  const r = ce(e), n = Te(e), i = r.visualViewport;
+  let a = n.clientWidth, l = n.clientHeight, s = 0, u = 0;
   if (i) {
     a = i.width, l = i.height;
-    const f = ir();
-    (!f || f && t === "fixed") && (d = i.offsetLeft, p = i.offsetTop);
+    const f = pr();
+    (!f || f && t === "fixed") && (s = i.offsetLeft, u = i.offsetTop);
   }
-  const c = _t(n);
+  const c = $t(n);
   if (c <= 0) {
-    const f = n.ownerDocument, s = f.body, g = getComputedStyle(s), u = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, b = Math.abs(n.clientWidth - s.clientWidth - u);
-    b <= qr && (a -= b);
-  } else c <= qr && (a += c);
+    const f = n.ownerDocument, m = f.body, g = getComputedStyle(m), b = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, x = Math.abs(n.clientWidth - m.clientWidth - b);
+    x <= sn && (a -= x);
+  } else c <= sn && (a += c);
   return {
     width: a,
     height: l,
-    x: d,
-    y: p
+    x: s,
+    y: u
   };
 }
-const Sa = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Ea(e, t) {
-  const r = Be(e, !0, t === "fixed"), n = r.top + e.clientTop, i = r.left + e.clientLeft, a = be(e) ? Xe(e) : me(1), l = e.clientWidth * a.x, d = e.clientHeight * a.y, p = i * a.x, c = n * a.y;
+const tl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function rl(e, t) {
+  const r = Ue(e, !0, t === "fixed"), n = r.top + e.clientTop, i = r.left + e.clientLeft, a = Ce(e) ? tt(e) : we(1), l = e.clientWidth * a.x, s = e.clientHeight * a.y, u = i * a.x, c = n * a.y;
   return {
     width: l,
-    height: d,
-    x: p,
+    height: s,
+    x: u,
     y: c
   };
 }
-function Kr(e, t, r) {
+function cn(e, t, r) {
   let n;
   if (t === "viewport")
-    n = Aa(e, r);
+    n = el(e, r);
   else if (t === "document")
-    n = Ta(ye(e));
-  else if (ce(t))
-    n = Ea(t, r);
+    n = Qa(Te(e));
+  else if (me(t))
+    n = rl(t, r);
   else {
-    const i = xn(e);
+    const i = Nn(e);
     n = {
       x: t.x - i.x,
       y: t.y - i.y,
@@ -2956,110 +3161,110 @@ function Kr(e, t, r) {
       height: t.height
     };
   }
-  return Et(n);
+  return Lt(n);
 }
-function vn(e, t) {
-  const r = Oe(e);
-  return r === t || !ce(r) || Ke(r) ? !1 : de(r).position === "fixed" || vn(r, t);
+function Dn(e, t) {
+  const r = Ie(e);
+  return r === t || !me(r) || nt(r) ? !1 : be(r).position === "fixed" || Dn(r, t);
 }
-function Ra(e, t) {
+function nl(e, t) {
   const r = t.get(e);
   if (r)
     return r;
-  let n = ut(e, [], !1).filter((d) => ce(d) && Fe(d) !== "body"), i = null;
-  const a = de(e).position === "fixed";
-  let l = a ? Oe(e) : e;
-  for (; ce(l) && !Ke(l); ) {
-    const d = de(l), p = or(l);
-    !p && d.position === "fixed" && (i = null), (a ? !p && !i : !p && d.position === "static" && !!i && Sa.has(i.position) || ft(l) && !p && vn(e, l)) ? n = n.filter((f) => f !== l) : i = d, l = Oe(l);
+  let n = pt(e, [], !1).filter((s) => me(s) && je(s) !== "body"), i = null;
+  const a = be(e).position === "fixed";
+  let l = a ? Ie(e) : e;
+  for (; me(l) && !nt(l); ) {
+    const s = be(l), u = gr(l);
+    !u && s.position === "fixed" && (i = null), (a ? !u && !i : !u && s.position === "static" && !!i && tl.has(i.position) || mt(l) && !u && Dn(e, l)) ? n = n.filter((f) => f !== l) : i = s, l = Ie(l);
   }
   return t.set(e, n), n;
 }
-function Oa(e) {
+function ol(e) {
   let {
     element: t,
     boundary: r,
     rootBoundary: n,
     strategy: i
   } = e;
-  const l = [...r === "clippingAncestors" ? Lt(t) ? [] : Ra(t, this._c) : [].concat(r), n], d = l[0], p = l.reduce((c, f) => {
-    const s = Kr(t, f, i);
-    return c.top = Ie(s.top, c.top), c.right = Tt(s.right, c.right), c.bottom = Tt(s.bottom, c.bottom), c.left = Ie(s.left, c.left), c;
-  }, Kr(t, d, i));
+  const l = [...r === "clippingAncestors" ? Mt(t) ? [] : nl(t, this._c) : [].concat(r), n], s = l[0], u = l.reduce((c, f) => {
+    const m = cn(t, f, i);
+    return c.top = $e(m.top, c.top), c.right = Ot(m.right, c.right), c.bottom = Ot(m.bottom, c.bottom), c.left = $e(m.left, c.left), c;
+  }, cn(t, s, i));
   return {
-    width: p.right - p.left,
-    height: p.bottom - p.top,
-    x: p.left,
-    y: p.top
+    width: u.right - u.left,
+    height: u.bottom - u.top,
+    x: u.left,
+    y: u.top
   };
 }
-function Na(e) {
+function il(e) {
   const {
     width: t,
     height: r
-  } = bn(e);
+  } = _n(e);
   return {
     width: t,
     height: r
   };
 }
-function La(e, t, r) {
-  const n = be(t), i = ye(t), a = r === "fixed", l = Be(e, !0, a, t);
-  let d = {
+function al(e, t, r) {
+  const n = Ce(t), i = Te(t), a = r === "fixed", l = Ue(e, !0, a, t);
+  let s = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const p = me(0);
+  const u = we(0);
   function c() {
-    p.x = _t(i);
+    u.x = $t(i);
   }
   if (n || !n && !a)
-    if ((Fe(t) !== "body" || ft(i)) && (d = Dt(t)), n) {
-      const u = Be(t, !0, a, t);
-      p.x = u.x + t.clientLeft, p.y = u.y + t.clientTop;
+    if ((je(t) !== "body" || mt(i)) && (s = Ft(t)), n) {
+      const b = Ue(t, !0, a, t);
+      u.x = b.x + t.clientLeft, u.y = b.y + t.clientTop;
     } else i && c();
   a && !n && i && c();
-  const f = i && !n && !a ? yn(i, d) : me(0), s = l.left + d.scrollLeft - p.x - f.x, g = l.top + d.scrollTop - p.y - f.y;
+  const f = i && !n && !a ? Ln(i, s) : we(0), m = l.left + s.scrollLeft - u.x - f.x, g = l.top + s.scrollTop - u.y - f.y;
   return {
-    x: s,
+    x: m,
     y: g,
     width: l.width,
     height: l.height
   };
 }
-function Jt(e) {
-  return de(e).position === "static";
+function or(e) {
+  return be(e).position === "static";
 }
-function Zr(e, t) {
-  if (!be(e) || de(e).position === "fixed")
+function dn(e, t) {
+  if (!Ce(e) || be(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let r = e.offsetParent;
-  return ye(e) === r && (r = r.ownerDocument.body), r;
+  return Te(e) === r && (r = r.ownerDocument.body), r;
 }
-function kn(e, t) {
-  const r = ie(e);
-  if (Lt(e))
+function In(e, t) {
+  const r = ce(e);
+  if (Mt(e))
     return r;
-  if (!be(e)) {
-    let i = Oe(e);
-    for (; i && !Ke(i); ) {
-      if (ce(i) && !Jt(i))
+  if (!Ce(e)) {
+    let i = Ie(e);
+    for (; i && !nt(i); ) {
+      if (me(i) && !or(i))
         return i;
-      i = Oe(i);
+      i = Ie(i);
     }
     return r;
   }
-  let n = Zr(e, t);
-  for (; n && ga(n) && Jt(n); )
-    n = Zr(n, t);
-  return n && Ke(n) && Jt(n) && !or(n) ? r : n || xa(e) || r;
+  let n = dn(e, t);
+  for (; n && Ha(n) && or(n); )
+    n = dn(n, t);
+  return n && nt(n) && or(n) && !gr(n) ? r : n || Ga(e) || r;
 }
-const Da = async function(e) {
-  const t = this.getOffsetParent || kn, r = this.getDimensions, n = await r(e.floating);
+const ll = async function(e) {
+  const t = this.getOffsetParent || In, r = this.getDimensions, n = await r(e.floating);
   return {
-    reference: La(e.reference, await t(e.floating), e.strategy),
+    reference: al(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -3068,224 +3273,312 @@ const Da = async function(e) {
     }
   };
 };
-function _a(e) {
-  return de(e).direction === "rtl";
-}
-const Va = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: wa,
-  getDocumentElement: ye,
-  getClippingRect: Oa,
-  getOffsetParent: kn,
-  getElementRects: Da,
-  getClientRects: Ca,
-  getDimensions: Na,
-  getScale: Xe,
-  isElement: ce,
-  isRTL: _a
+function sl(e) {
+  return be(e).direction === "rtl";
+}
+const cl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Za,
+  getDocumentElement: Te,
+  getClippingRect: ol,
+  getOffsetParent: In,
+  getElementRects: ll,
+  getClientRects: Ja,
+  getDimensions: il,
+  getScale: tt,
+  isElement: me,
+  isRTL: sl
 };
-function wn(e, t) {
+function Vn(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Ia(e, t) {
+function dl(e, t) {
   let r = null, n;
-  const i = ye(e);
+  const i = Te(e);
   function a() {
-    var d;
-    clearTimeout(n), (d = r) == null || d.disconnect(), r = null;
+    var s;
+    clearTimeout(n), (s = r) == null || s.disconnect(), r = null;
   }
-  function l(d, p) {
-    d === void 0 && (d = !1), p === void 0 && (p = 1), a();
+  function l(s, u) {
+    s === void 0 && (s = !1), u === void 0 && (u = 1), a();
     const c = e.getBoundingClientRect(), {
       left: f,
-      top: s,
+      top: m,
       width: g,
-      height: u
+      height: b
     } = c;
-    if (d || t(), !g || !u)
+    if (s || t(), !g || !b)
       return;
-    const b = Ct(s), w = Ct(i.clientWidth - (f + g)), C = Ct(i.clientHeight - (s + u)), v = Ct(f), E = {
-      rootMargin: -b + "px " + -w + "px " + -C + "px " + -v + "px",
-      threshold: Ie(0, Tt(1, p)) || 1
+    const x = At(m), k = At(i.clientWidth - (f + g)), y = At(i.clientHeight - (m + b)), w = At(f), R = {
+      rootMargin: -x + "px " + -k + "px " + -y + "px " + -w + "px",
+      threshold: $e(0, Ot(1, u)) || 1
     };
-    let A = !0;
-    function F(P) {
-      const L = P[0].intersectionRatio;
-      if (L !== p) {
-        if (!A)
+    let C = !0;
+    function V(M) {
+      const N = M[0].intersectionRatio;
+      if (N !== u) {
+        if (!C)
           return l();
-        L ? l(!1, L) : n = setTimeout(() => {
+        N ? l(!1, N) : n = setTimeout(() => {
           l(!1, 1e-7);
         }, 1e3);
       }
-      L === 1 && !wn(c, e.getBoundingClientRect()) && l(), A = !1;
+      N === 1 && !Vn(c, e.getBoundingClientRect()) && l(), C = !1;
     }
     try {
-      r = new IntersectionObserver(F, {
-        ...E,
+      r = new IntersectionObserver(V, {
+        ...R,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      r = new IntersectionObserver(F, E);
+      r = new IntersectionObserver(V, R);
     }
     r.observe(e);
   }
   return l(!0), a;
 }
-function Ma(e, t, r, n) {
+function ul(e, t, r, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: i = !0,
     ancestorResize: a = !0,
     elementResize: l = typeof ResizeObserver == "function",
-    layoutShift: d = typeof IntersectionObserver == "function",
-    animationFrame: p = !1
-  } = n, c = ar(e), f = i || a ? [...c ? ut(c) : [], ...ut(t)] : [];
-  f.forEach((v) => {
-    i && v.addEventListener("scroll", r, {
+    layoutShift: s = typeof IntersectionObserver == "function",
+    animationFrame: u = !1
+  } = n, c = mr(e), f = i || a ? [...c ? pt(c) : [], ...pt(t)] : [];
+  f.forEach((w) => {
+    i && w.addEventListener("scroll", r, {
       passive: !0
-    }), a && v.addEventListener("resize", r);
+    }), a && w.addEventListener("resize", r);
   });
-  const s = c && d ? Ia(c, r) : null;
-  let g = -1, u = null;
-  l && (u = new ResizeObserver((v) => {
-    let [S] = v;
-    S && S.target === c && u && (u.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-      var E;
-      (E = u) == null || E.observe(t);
+  const m = c && s ? dl(c, r) : null;
+  let g = -1, b = null;
+  l && (b = new ResizeObserver((w) => {
+    let [E] = w;
+    E && E.target === c && b && (b.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+      var R;
+      (R = b) == null || R.observe(t);
     })), r();
-  }), c && !p && u.observe(c), u.observe(t));
-  let b, w = p ? Be(e) : null;
-  p && C();
-  function C() {
-    const v = Be(e);
-    w && !wn(w, v) && r(), w = v, b = requestAnimationFrame(C);
+  }), c && !u && b.observe(c), b.observe(t));
+  let x, k = u ? Ue(e) : null;
+  u && y();
+  function y() {
+    const w = Ue(e);
+    k && !Vn(k, w) && r(), k = w, x = requestAnimationFrame(y);
   }
   return r(), () => {
-    var v;
-    f.forEach((S) => {
-      i && S.removeEventListener("scroll", r), a && S.removeEventListener("resize", r);
-    }), s?.(), (v = u) == null || v.disconnect(), u = null, p && cancelAnimationFrame(b);
+    var w;
+    f.forEach((E) => {
+      i && E.removeEventListener("scroll", r), a && E.removeEventListener("resize", r);
+    }), m?.(), (w = b) == null || w.disconnect(), b = null, u && cancelAnimationFrame(x);
   };
 }
-const Ba = ca, Fa = da, Pa = aa, za = (e, t, r) => {
+const fl = Fa, gl = $a, pl = Va, ml = (e, t, r) => {
   const n = /* @__PURE__ */ new Map(), i = {
-    platform: Va,
+    platform: cl,
     ...r
   }, a = {
     ...i.platform,
     _c: n
   };
-  return ia(e, t, {
+  return Ia(e, t, {
     ...i,
     platform: a
   });
 };
-function Ha(e) {
+function bl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Jr(e) {
-  if (Ha(e)) {
+function un(e) {
+  if (bl(e)) {
     const t = e.$el;
-    return nr(t) && Fe(t) === "#comment" ? null : t;
+    return fr(t) && je(t) === "#comment" ? null : t;
   }
   return e;
 }
-function at(e) {
-  return typeof e == "function" ? e() : Te(e);
+function ft(e) {
+  return typeof e == "function" ? e() : d(e);
 }
-function Cn(e) {
+function Bn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Qr(e, t) {
-  const r = Cn(e);
+function fn(e, t) {
+  const r = Bn(e);
   return Math.round(t * r) / r;
 }
-function $a(e, t, r) {
+function hl(e, t, r) {
   r === void 0 && (r = {});
-  const n = r.whileElementsMounted, i = O(() => {
-    var L;
-    return (L = at(r.open)) != null ? L : !0;
-  }), a = O(() => at(r.middleware)), l = O(() => {
-    var L;
-    return (L = at(r.placement)) != null ? L : "bottom";
-  }), d = O(() => {
-    var L;
-    return (L = at(r.strategy)) != null ? L : "absolute";
-  }), p = O(() => {
-    var L;
-    return (L = at(r.transform)) != null ? L : !0;
-  }), c = O(() => Jr(e.value)), f = O(() => Jr(t.value)), s = Y(0), g = Y(0), u = Y(d.value), b = Y(l.value), w = Vn({}), C = Y(!1), v = O(() => {
-    const L = {
-      position: u.value,
+  const n = r.whileElementsMounted, i = S(() => {
+    var N;
+    return (N = ft(r.open)) != null ? N : !0;
+  }), a = S(() => ft(r.middleware)), l = S(() => {
+    var N;
+    return (N = ft(r.placement)) != null ? N : "bottom";
+  }), s = S(() => {
+    var N;
+    return (N = ft(r.strategy)) != null ? N : "absolute";
+  }), u = S(() => {
+    var N;
+    return (N = ft(r.transform)) != null ? N : !0;
+  }), c = S(() => un(e.value)), f = S(() => un(t.value)), m = te(0), g = te(0), b = te(s.value), x = te(l.value), k = Jn({}), y = te(!1), w = S(() => {
+    const N = {
+      position: b.value,
       left: "0",
       top: "0"
     };
     if (!f.value)
-      return L;
-    const J = Qr(f.value, s.value), le = Qr(f.value, g.value);
-    return p.value ? {
-      ...L,
-      transform: "translate(" + J + "px, " + le + "px)",
-      ...Cn(f.value) >= 1.5 && {
+      return N;
+    const Z = fn(f.value, m.value), fe = fn(f.value, g.value);
+    return u.value ? {
+      ...N,
+      transform: "translate(" + Z + "px, " + fe + "px)",
+      ...Bn(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: u.value,
-      left: J + "px",
-      top: le + "px"
+      position: b.value,
+      left: Z + "px",
+      top: fe + "px"
     };
   });
-  let S;
-  function E() {
+  let E;
+  function R() {
     if (c.value == null || f.value == null)
       return;
-    const L = i.value;
-    za(c.value, f.value, {
+    const N = i.value;
+    ml(c.value, f.value, {
       middleware: a.value,
       placement: l.value,
-      strategy: d.value
-    }).then((J) => {
-      s.value = J.x, g.value = J.y, u.value = J.strategy, b.value = J.placement, w.value = J.middlewareData, C.value = L !== !1;
+      strategy: s.value
+    }).then((Z) => {
+      m.value = Z.x, g.value = Z.y, b.value = Z.strategy, x.value = Z.placement, k.value = Z.middlewareData, y.value = N !== !1;
     });
   }
-  function A() {
-    typeof S == "function" && (S(), S = void 0);
+  function C() {
+    typeof E == "function" && (E(), E = void 0);
   }
-  function F() {
-    if (A(), n === void 0) {
-      E();
+  function V() {
+    if (C(), n === void 0) {
+      R();
       return;
     }
     if (c.value != null && f.value != null) {
-      S = n(c.value, f.value, E);
+      E = n(c.value, f.value, R);
       return;
     }
   }
-  function P() {
-    i.value || (C.value = !1);
+  function M() {
+    i.value || (y.value = !1);
   }
-  return Ye([a, l, d, i], E, {
+  return _e([a, l, s, i], R, {
     flush: "sync"
-  }), Ye([c, f], F, {
+  }), _e([c, f], V, {
     flush: "sync"
-  }), Ye(i, P, {
+  }), _e(i, M, {
     flush: "sync"
-  }), In() && Mn(A), {
-    x: Ue(s),
-    y: Ue(g),
-    strategy: Ue(u),
-    placement: Ue(b),
-    middlewareData: Ue(w),
-    isPositioned: Ue(C),
-    floatingStyles: v,
-    update: E
+  }), Qn() && eo(C), {
+    x: Ze(m),
+    y: Ze(g),
+    strategy: Ze(b),
+    placement: Ze(x),
+    middlewareData: Ze(k),
+    isPositioned: Ze(y),
+    floatingStyles: w,
+    update: R
   };
 }
-const Ua = ["id", "placeholder", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-invalid"], Wa = ["id"], ja = ["id", "aria-selected", "onClick", "onMouseenter"], Ga = /* @__PURE__ */ xe({
+const vl = /* @__PURE__ */ de({
+  __name: "CaretDown",
+  props: {
+    color: { default: "dark-4" },
+    className: { default: "" }
+  },
+  setup(e) {
+    const t = e, r = S(
+      () => [P.svgFillColorVariant({ color: t.color }), t.className].filter(Boolean).join(" ")
+    );
+    return (n, i) => (O(), D("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 320 512",
+      "aria-hidden": "true",
+      focusable: "false",
+      class: K(r.value)
+    }, [...i[0] || (i[0] = [
+      H("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));
+  }
+}), xl = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Et = (e) => typeof e == "string" ? e : e.text, ir = (e) => typeof e == "string" ? e : e.value, yl = (e, t) => S(() => {
+  const r = ge(e), n = ge(t);
+  if (n === "")
+    return r;
+  const i = new RegExp(xl(n), "i");
+  return r.filter((a) => i.test(Et(a)));
+}), kl = (e) => {
+  const { isOpen: t, activeIndex: r, onSelect: n, onClear: i, onActiveChange: a } = e, l = (f) => {
+    const m = ge(e.optionCount);
+    if (m <= 0) {
+      r.value = -1;
+      return;
+    }
+    const g = Math.max(0, Math.min(f, m - 1));
+    r.value = g, a?.(g);
+  }, s = () => {
+    t.value = !1, r.value = -1;
+  }, u = (f) => {
+    switch (f.key) {
+      case "ArrowDown":
+        if (f.preventDefault(), !t.value) {
+          t.value = !0;
+          return;
+        }
+        if (f.altKey) return;
+        l(r.value + 1);
+        return;
+      case "ArrowUp":
+        if (f.preventDefault(), !t.value) {
+          t.value = !0;
+          return;
+        }
+        l(
+          r.value < 0 ? ge(e.optionCount) - 1 : r.value - 1
+        );
+        return;
+      case "Home":
+        if (!t.value) return;
+        f.preventDefault(), l(0);
+        return;
+      case "End":
+        if (!t.value) return;
+        f.preventDefault(), l(ge(e.optionCount) - 1);
+        return;
+      case "Enter":
+        if (!t.value || r.value < 0) return;
+        f.preventDefault(), n(r.value);
+        return;
+      case "Escape":
+        if (t.value) {
+          s();
+          return;
+        }
+        i();
+        return;
+      case "Tab":
+        t.value && s();
+        return;
+      default:
+        return;
+    }
+  }, c = S(
+    () => t.value && r.value >= 0 ? `${ge(e.idPrefix)}-option-${r.value}` : void 0
+  );
+  return { onKeydown: u, activeDescendantId: c };
+}, wl = ["id", "placeholder", "disabled", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], Cl = ["disabled"], Tl = ["disabled"], Al = ["id"], Sl = ["id", "aria-selected", "onClick", "onMouseenter"], El = ["id"], Rl = ["name", "value"], Ol = /* @__PURE__ */ de({
   __name: "MclSelect",
-  props: /* @__PURE__ */ Re({
+  props: /* @__PURE__ */ pe({
+    options: {},
     id: {},
+    name: {},
+    placeholder: { default: "" },
     showBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
     rounded: { type: Boolean, default: !1 },
@@ -3294,399 +3587,355 @@ const Ua = ["id", "placeholder", "aria-expanded", "aria-controls", "aria-actived
     textColor: { default: "black" },
     bgColor: { default: "light-1" },
     iconColor: { default: "dark-4" },
-    placeholder: { default: "" },
-    showShadow: { type: Boolean, default: !0 },
-    required: { type: Boolean, default: !1 },
-    invalid: { type: Boolean, default: !1 },
-    options: {},
     optionHoverColor: { default: "primary" },
-    noMatchText: { default: "No match." }
+    showShadow: { type: Boolean, default: !0 },
+    noMatchText: { default: "No match." },
+    invalidFeedback: {},
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 }
   }, {
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Re(["open", "close", "clear", "changed", "select"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ pe(["open", "close", "clear", "changed", "select"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const r = e;
-    en();
-    const n = t, i = Ze(e, "modelValue"), a = Y(), l = Y(), d = Y(), p = Y(
-      []
-    ), c = Y(null), f = Y(), s = Y(!1), g = Y(""), u = Y(0), b = () => {
-      s.value = !0;
-    }, w = () => {
-      g.value = "", s.value = !1, c.value = null, l.value?.blur(), i.value = "";
+    const r = e, n = We(e, "modelValue"), i = t, a = qe(r), l = Dt(r), s = te(), u = te(), c = te(), f = te([]), m = te(), g = te(!1), b = te(-1), x = (T) => {
+      if (T === null || T === "") return "";
+      const L = r.options.find(
+        (B) => ir(B) === T
+      );
+      return L ? Et(L) : String(T);
+    }, k = te(x(n.value)), y = te(!1), w = yl(
+      () => r.options,
+      () => y.value ? k.value : ""
+    ), E = (T, L) => {
+      f.value[L] = T;
+    }, R = (T) => {
+      f.value[T]?.scrollIntoView?.({ block: "nearest" });
     }, C = () => {
-      s.value = !1, u.value = 0;
-    }, v = () => {
-      s.value = !s.value, u.value = 0, s.value === !0 && l.value?.focus();
-    }, S = (x) => {
-      x.preventDefault(), g.value !== "" && (g.value = ""), u.value = 0, i.value = "", n("clear");
-    }, E = (x, k) => {
-      p.value[k] = x;
-    }, A = (x) => {
-      x.style.pointerEvents = "none";
-    }, F = (x) => {
-      x.style.pointerEvents = "auto";
-    }, P = (x) => {
-      u.value = x;
-    }, L = (x, k) => {
-      x.preventDefault(), g.value = typeof k == "string" ? k : k.text;
-      const V = typeof k == "string" ? k : k.value;
-      i.value = V, s.value = !1, n("select", V);
-    }, J = O(() => {
-      const {
-        bgColor: x,
-        showBorder: k,
-        borderColor: V,
-        showHighlight: D,
-        showShadow: oe,
-        rounded: j,
-        textColor: gt
-      } = r, _ = [
-        R.bgColorVariant({ color: x }),
-        R.textColorVariant({ color: gt })
-      ];
-      return k && (_.push("border-2"), _.push(R.borderColorVariant({ color: V }))), D || _.push("ring-offset-2 transition-all duration-300 ease-linear"), oe && _.push("shadow-md"), j && _.push("rounded-md"), _.join(" ");
-    }), le = O(() => {
-      const { highlightColor: x, rounded: k } = r, V = [
-        R.beforeBgColorVariant({ color: x })
+      g.value || (g.value = !0, y.value = !1, b.value = -1);
+    }, V = () => {
+      g.value = !1, b.value = -1;
+    }, M = (T) => {
+      k.value = Et(T);
+      const L = ir(T);
+      n.value = L, y.value = !1, g.value = !1, b.value = -1, i("select", L);
+    }, N = () => {
+      k.value = "", b.value = -1, n.value = null, y.value = !1, i("clear"), u.value?.focus();
+    }, { onKeydown: Z, activeDescendantId: fe } = kl({
+      isOpen: g,
+      activeIndex: b,
+      optionCount: () => w.value.length,
+      idPrefix: () => a.id,
+      onSelect: (T) => {
+        const L = w.value[T];
+        L !== void 0 && M(L);
+      },
+      onClear: N,
+      onActiveChange: R
+    }), he = () => {
+      if (g.value) {
+        V();
+        return;
+      }
+      C(), u.value?.focus();
+    }, U = S(() => {
+      const T = [
+        P.beforeBgColorVariant({ color: r.highlightColor })
       ];
-      return k && V.push("rounded-b-md"), V.join(" ");
-    }), ue = O(() => {
-      const { showHighlight: x, bgColor: k, borderColor: V, rounded: D } = r, oe = [
-        R.bgColorVariant({ color: k }),
-        R.borderColorVariant({ color: V })
+      return r.rounded && T.push("rounded-b-md"), T.join(" ");
+    }), ve = S(() => {
+      const T = [
+        P.bgColorVariant({ color: r.bgColor }),
+        P.borderColorVariant({ color: r.borderColor })
       ];
-      return x || oe.push("mt-2xs"), D && oe.push("rounded-md"), oe.join(" ");
-    }), I = O(() => g.value === "" ? r.options : r.options.filter((k) => {
-      const V = new RegExp(`${g.value}`, "gi");
-      return typeof k == "string" ? k.match(V) : k.text.match(V);
-    })), fe = (x) => {
-      s.value && (x === "up" && u.value > 0 && u.value--, x === "down" && u.value < I.value.length - 1 && u.value++);
-    }, ve = () => {
-      if (!s.value) return;
-      const x = I.value[u.value];
-      let k;
-      typeof x == "string" ? (g.value = x, k = x) : (g.value = x.text, k = x.value), i.value = k, s.value = !1, n("select", k);
-    }, re = O(() => ({ width: `${f.value}px` })), Ne = (x) => i.value === null || i.value === "" ? !1 : typeof x == "string" ? x === i.value : x.value === i.value, ke = O(
-      () => s.value && I.value.length > 0 ? `${r.id}-option-${u.value}` : void 0
-    ), { floatingStyles: se } = $a(a, d, {
-      whileElementsMounted: Ma,
+      return r.showHighlight || T.push("mt-2xs"), r.rounded && T.push("rounded-md"), T.join(" ");
+    }), Ae = (T) => n.value !== null && n.value !== "" && ir(T) === n.value, { floatingStyles: re } = hl(s, c, {
+      whileElementsMounted: ul,
       strategy: "absolute",
-      open: s,
+      open: g,
       transform: !1,
       placement: "bottom",
-      middleware: [Pa(), Ba(-2.2), Fa()]
+      middleware: [pl(), fl(-2.2), gl()]
     });
-    return $n(a, () => {
-      a.value && (f.value = a.value.clientWidth);
-    }), Ye(s, (x) => {
-      n(x === !0 ? "open" : "close");
-    }), Ye(i, (x) => {
-      if (x === null) {
-        s.value = !1, c.value = null;
+    return oo(s, () => {
+      s.value && (m.value = s.value.clientWidth);
+    }), _e(w, () => {
+      b.value = -1;
+    }), _e(g, (T) => {
+      if (T) {
+        i("open");
         return;
       }
-      n("changed", x);
-    }), Ye(u, () => {
-      c.value = p.value[u.value], c.value && c.value.scrollIntoView && c.value.scrollIntoView({ block: "nearest" });
-    }), (x, k) => qe(($(), q("div", {
-      onKeyup: [
-        yt(w, ["esc"]),
-        k[1] || (k[1] = yt((V) => fe("down"), ["down"])),
-        k[2] || (k[2] = yt((V) => fe("up"), ["up"])),
-        yt(ve, ["enter"])
-      ],
-      ref_key: "componentRef",
-      ref: a,
+      y.value && (k.value = x(n.value), y.value = !1), i("close");
+    }), _e(
+      () => a.disabled.value,
+      (T) => {
+        T && V();
+      }
+    ), _e(
+      () => r.options,
+      () => {
+        y.value || (k.value = x(n.value));
+      }
+    ), _e(n, (T) => {
+      k.value = x(T), y.value = !1, T !== null && i("changed", T);
+    }), (T, L) => ze((O(), D("div", {
+      ref_key: "rootRef",
+      ref: s,
       class: "relative"
     }, [
-      M("div", {
-        class: H(["relative flex gap-3xs p-2xs", [
-          !e.showHighlight && s.value && Te(R).ringColorVariant({ color: e.borderColor }) + " ring-4",
-          J.value
+      H("div", {
+        class: K(["relative flex gap-3xs p-2xs", [
+          d(l),
+          !e.showHighlight && g.value && d(P).ringColorVariant({ color: e.borderColor }) + " ring-4"
         ]])
       }, [
-        qe(M("input", {
-          id: e.id,
+        ze(H("input", {
+          id: d(a).id,
+          ref_key: "inputRef",
+          ref: u,
+          "onUpdate:modelValue": L[0] || (L[0] = (B) => k.value = B),
           type: "text",
-          class: "w-full bg-transparent outline-none",
-          "onUpdate:modelValue": k[0] || (k[0] = (V) => g.value = V),
-          ref_key: "inputBox",
-          ref: l,
           role: "combobox",
           autocomplete: "off",
+          class: "w-full bg-transparent outline-none disabled:cursor-not-allowed",
           placeholder: e.placeholder,
+          disabled: d(a).disabled.value,
           "aria-autocomplete": "list",
-          "aria-expanded": s.value,
-          "aria-controls": `${e.id}-listbox`,
-          "aria-activedescendant": ke.value,
-          "aria-invalid": e.invalid || void 0,
-          onFocus: b
-        }, null, 40, Ua), [
-          [on, g.value]
+          "aria-expanded": g.value,
+          "aria-controls": `${d(a).id}-listbox`,
+          "aria-activedescendant": d(fe),
+          "aria-required": d(a).required.value || void 0,
+          "aria-invalid": d(a).invalid.value || void 0,
+          "aria-describedby": d(a).describedBy.value,
+          onFocus: C,
+          onInput: L[1] || (L[1] = (B) => y.value = !0),
+          onKeydown: L[2] || (L[2] = //@ts-ignore
+          (...B) => d(Z) && d(Z)(...B))
+        }, null, 40, wl), [
+          [pn, k.value]
         ]),
-        M("div", {
-          class: H(["flex items-center px-3xs", [
-            g.value === "" ? "hidden cursor-text" : "block cursor-pointer"
-          ]]),
-          onClick: S
+        k.value !== "" ? (O(), D("button", {
+          key: 0,
+          "data-mcl": "clear",
+          type: "button",
+          "aria-label": "Clear selection",
+          class: "flex items-center px-3xs",
+          disabled: d(a).disabled.value,
+          onClick: N
         }, [
-          ($(), q("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 384 512",
-            class: H(["h-xs opacity-70", [Te(R).svgFillColorVariant({ color: e.iconColor })]])
-          }, [...k[3] || (k[3] = [
-            M("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),
-        M("div", {
+          St(vn, {
+            color: e.iconColor,
+            "class-name": "h-xs opacity-70"
+          }, null, 8, ["color"])
+        ], 8, Cl)) : I("", !0),
+        H("button", {
+          "data-mcl": "caret",
+          type: "button",
+          tabindex: "-1",
+          "aria-label": "Toggle options",
           class: "flex items-center px-3xs",
-          onClick: v
+          disabled: d(a).disabled.value,
+          onClick: he
         }, [
-          ($(), q("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 320 512",
-            class: H(["h-xs", [
-              s.value ? "rotate-180" : "rotate-0",
-              "transition-transform duration-300 ease-in",
-              Te(R).svgFillColorVariant({ color: e.iconColor })
-            ]])
-          }, [...k[4] || (k[4] = [
-            M("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))
-        ])
+          St(vl, {
+            color: e.iconColor,
+            "class-name": `h-xs transition-transform duration-300 ease-in ${g.value ? "rotate-180" : "rotate-0"}`
+          }, null, 8, ["color", "class-name"])
+        ], 8, Tl)
       ], 2),
-      e.showHighlight ? ($(), q("div", {
+      e.showHighlight ? (O(), D("div", {
         key: 0,
-        class: H(["relative -top-1 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", [s.value ? "before:w-full" : "before:w-0", le.value]])
-      }, null, 2)) : dt("", !0),
-      Bn(Fn, {
-        name: "options",
-        onBeforeLeave: A,
-        onEnter: F
-      }, {
-        default: Pn(() => [
-          s.value ? ($(), q("ul", {
+        class: K(["relative -top-1 h-3xs overflow-hidden before:absolute before:bottom-0 before:left-0 before:h-full before:transition-[width] before:duration-300 before:ease-linear", [g.value ? "before:w-full" : "before:w-0", U.value]])
+      }, null, 2)) : I("", !0),
+      St(to, { name: "options" }, {
+        default: Pe(() => [
+          g.value && d(w).length > 0 ? (O(), D("ul", {
             key: 0,
-            id: `${e.id}-listbox`,
-            class: H([[ue.value], "max-h-50 overflow-y-auto border-2"]),
-            style: tn({ ...re.value, ...Te(se) }),
-            role: "listbox",
+            id: `${d(a).id}-listbox`,
             ref_key: "dropdownRef",
-            ref: d
+            ref: c,
+            role: "listbox",
+            class: K(["max-h-[12.5rem] overflow-y-auto border-2", ve.value]),
+            style: ar({ width: `${m.value}px`, ...d(re) })
           }, [
-            I.value.length > 0 ? st(x.$slots, "dropdown", {
-              key: 0,
-              optionClick: L,
-              options: I.value,
-              activeIndex: u.value,
+            ie(T.$slots, "dropdown", {
+              options: d(w),
+              activeIndex: b.value,
+              optionClick: M,
               setRef: E,
-              hover: P
+              hover: (B) => b.value = B,
+              optionId: (B) => `${d(a).id}-option-${B}`
             }, () => [
-              ($(!0), q(zn, null, Hn(I.value, (V, D) => ($(), q("li", {
-                key: D,
-                id: `${e.id}-option-${D}`,
-                class: H(["cursor-pointer p-2xs", [
-                  u.value === D && Te(R).bgColorVariant({ color: e.highlightColor })
-                ]]),
-                role: "option",
-                "aria-selected": Ne(V),
+              (O(!0), D(ro, null, no(d(w), (B, W) => (O(), D("li", {
+                id: `${d(a).id}-option-${W}`,
+                key: W,
                 ref_for: !0,
-                ref: (oe) => E(oe, D),
-                onClick: (oe) => L(oe, V),
-                onMouseenter: (oe) => P(D)
-              }, ct(typeof V == "string" ? V : V.text), 43, ja))), 128))
-            ], !0) : st(x.$slots, "no-match", { key: 1 }, () => [
-              M("li", {
-                class: H(["cursor-pointer p-2xs", [
-                  Te(R).hoverBgColorVariant({ color: e.optionHoverColor })
+                ref: (le) => E(le, W),
+                role: "option",
+                class: K(["cursor-pointer p-2xs", [
+                  b.value === W && d(P).bgColorVariant({ color: e.optionHoverColor })
                 ]]),
-                "aria-live": "polite"
-              }, [
-                M("span", null, ct(e.noMatchText), 1)
-              ], 2)
+                "aria-selected": Ae(B),
+                onClick: (le) => M(B),
+                onMouseenter: (le) => b.value = W
+              }, Ne(d(Et)(B)), 43, Sl))), 128))
             ], !0)
-          ], 14, Wa)) : dt("", !0)
+          ], 14, Al)) : I("", !0)
         ]),
         _: 3
-      })
-    ], 32)), [
-      [Te(ki), C]
+      }),
+      g.value && d(w).length === 0 ? (O(), D("div", {
+        key: 1,
+        id: `${d(a).id}-listbox`,
+        ref_key: "dropdownRef",
+        ref: c,
+        role: "status",
+        class: K(["border-2 p-2xs", ve.value]),
+        style: ar({ width: `${m.value}px`, ...d(re) })
+      }, [
+        ie(T.$slots, "no-match", {}, () => [
+          H("span", null, Ne(e.noMatchText), 1)
+        ], !0)
+      ], 14, El)) : I("", !0),
+      d(a).name.value ? (O(), D("input", {
+        key: 2,
+        type: "hidden",
+        name: d(a).name.value,
+        value: n.value ?? ""
+      }, null, 8, Rl)) : I("", !0),
+      d(a).feedbackOwnedByGroup ? I("", !0) : (O(), De(rt, {
+        key: 3,
+        id: d(a).errorId,
+        invalid: d(a).invalid.value,
+        text: e.invalidFeedback
+      }, {
+        default: Pe(() => [
+          T.$slots["invalid-feedback"] ? ie(T.$slots, "invalid-feedback", { key: 0 }, void 0, !0) : I("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "invalid", "text"]))
+    ])), [
+      [d(Ki), V]
     ]);
   }
-}), ol = /* @__PURE__ */ an(Ga, [["__scopeId", "data-v-dba14247"]]), Ya = ["id", "placeholder", "required", "aria-invalid", "rows"], il = /* @__PURE__ */ xe({
+}), zl = /* @__PURE__ */ xn(Ol, [["__scopeId", "data-v-2695c901"]]), _l = ["id", "name", "rows", "placeholder", "required", "disabled", "aria-invalid", "aria-describedby"], Hl = /* @__PURE__ */ de({
   __name: "MclTextArea",
-  props: /* @__PURE__ */ Re({
+  props: /* @__PURE__ */ pe({
     id: {},
+    name: {},
+    placeholder: { default: "" },
+    rows: { default: 5 },
     showBorder: { type: Boolean, default: !1 },
     borderColor: { default: "light-4" },
     rounded: { type: Boolean, default: !1 },
     showHighlight: { type: Boolean, default: !0 },
     highlightColor: { default: "primary" },
-    bgColor: { default: "light-1" },
     textColor: { default: "black" },
-    placeholder: { default: "" },
+    bgColor: { default: "light-1" },
     showShadow: { type: Boolean, default: !0 },
-    required: { type: Boolean, default: !1 },
-    invalid: { type: Boolean, default: !1 },
-    rows: { default: 5 }
+    invalidFeedback: {},
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = Ze(e, "modelValue"), n = O(() => {
-      const {
-        bgColor: i,
-        showBorder: a,
-        borderColor: l,
-        showHighlight: d,
-        showShadow: p,
-        rounded: c,
-        textColor: f
-      } = t, s = [
-        R.bgColorVariant({ color: i }),
-        R.textColorVariant({ color: f })
-      ];
-      return a && (s.push("border-2"), s.push(R.borderColorVariant({ color: l }))), d || (s.push(
-        "focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear"
-      ), s.push(R.focusRingColorVariant({ color: l }))), p && s.push("shadow-md"), c && s.push("rounded-md"), s.join(" ");
-    });
-    return (i, a) => ($(), q("div", null, [
-      qe(M("textarea", {
-        id: e.id,
-        class: H(["input__text peer w-full p-2xs outline-none", n.value]),
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => r.value = l),
+    const t = e, r = We(e, "modelValue"), n = qe(t), i = Dt(t);
+    return (a, l) => (O(), D("div", null, [
+      ze(H("textarea", {
+        id: d(n).id,
+        "onUpdate:modelValue": l[0] || (l[0] = (s) => r.value = s),
+        class: K(["peer w-full p-2xs outline-none disabled:cursor-not-allowed disabled:opacity-50", d(i)]),
+        name: d(n).name.value,
+        rows: e.rows,
         placeholder: e.placeholder,
-        required: e.required,
-        "aria-invalid": e.invalid || void 0,
-        rows: e.rows
-      }, null, 10, Ya), [
-        [on, r.value]
+        required: d(n).required.value,
+        disabled: d(n).disabled.value,
+        "aria-invalid": d(n).invalid.value || void 0,
+        "aria-describedby": d(n).describedBy.value
+      }, null, 10, _l), [
+        [pn, r.value]
       ]),
-      e.showHighlight ? ($(), nn(ln, {
+      e.showHighlight ? (O(), De(yn, {
         key: 0,
         color: e.highlightColor,
         rounded: e.rounded,
         offset: 2.5
-      }, null, 8, ["color", "rounded"])) : dt("", !0)
+      }, null, 8, ["color", "rounded"])) : I("", !0),
+      d(n).feedbackOwnedByGroup ? I("", !0) : (O(), De(rt, {
+        key: 1,
+        id: d(n).errorId,
+        invalid: d(n).invalid.value,
+        text: e.invalidFeedback
+      }, {
+        default: Pe(() => [
+          a.$slots["invalid-feedback"] ? ie(a.$slots, "invalid-feedback", { key: 0 }) : I("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "invalid", "text"]))
     ]));
   }
-}), Xa = { class: "relative" }, qa = ["id", "value", "checked"], al = /* @__PURE__ */ xe({
+}), Nl = { class: "relative inline-flex" }, Ll = ["id", "name", "value", "required", "disabled", "aria-invalid", "aria-describedby"], Ul = /* @__PURE__ */ de({
   __name: "MclCheckbox",
-  props: /* @__PURE__ */ Re({
+  props: /* @__PURE__ */ pe({
     id: {},
-    inputSize: { default: "md" },
+    name: {},
+    size: { default: "md" },
     bgColor: { default: "light-1" },
     checkedBgColor: { default: "warning" },
-    checkColor: { default: "dark-3" },
+    indicatorColor: { default: "dark-3" },
     borderColor: { default: "dark-1" },
     showShadow: { type: Boolean, default: !1 },
     rounded: { type: Boolean, default: !1 },
     value: {},
-    checked: { type: Boolean, default: !1 }
+    invalid: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Re(["checkbox-click"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ pe(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const r = {
-      primary: "peer-checked/input:bg-primary",
-      secondary: "peer-checked/input:bg-secondary",
-      success: "peer-checked/input:bg-success",
-      info: "peer-checked/input:bg-info",
-      warning: "peer-checked/input:bg-warning",
-      danger: "peer-checked/input:bg-danger",
-      "light-1": "peer-checked/input:bg-light-1",
-      "light-2": "peer-checked/input:bg-light-2",
-      "light-3": "peer-checked/input:bg-light-3",
-      "light-4": "peer-checked/input:bg-light-4",
-      "dark-1": "peer-checked/input:bg-dark-1",
-      "dark-2": "peer-checked/input:bg-dark-2",
-      "dark-3": "peer-checked/input:bg-dark-3",
-      "dark-4": "peer-checked/input:bg-dark-1",
-      transparent: "peer-checked/input:bg-transparent",
-      black: "peer-checked/input:bg-black",
-      white: "peer-checked/input:bg-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"
-    }, i = e, a = Ze(e, "modelValue"), l = Y(), d = t, p = () => {
-      l.value?.click();
-    }, c = (g) => {
-      const u = g.target.value;
-      d(
-        "checkbox-click",
-        g,
-        l.value.checked,
-        l.value?.checked ? u : ""
-      );
-    }, f = O(() => {
-      const { inputSize: g } = i;
-      return g === "sm" ? "h-xs w-xs before:h-2xs before:w-2xs" : g === "lg" ? "h-md w-md before:h-xs before:w-xs" : "h-sm w-sm before:w-[12px] before:h-[12px]";
-    }), s = O(() => {
-      const {
-        bgColor: g,
-        borderColor: u,
-        showShadow: b,
-        rounded: w,
-        checkedBgColor: C,
-        checkColor: v
-      } = i, S = [
-        R.bgColorVariant({ color: g }),
-        R.borderColorVariant({ color: u }),
-        n[v],
-        r[C]
-      ];
-      return b && S.push("drop-shadow-md"), w && S.push("rounded-md before:rounded-[3px]"), S.join(" ");
-    });
-    return (g, u) => ($(), q("div", Xa, [
-      qe(M("input", {
-        id: e.id,
-        ref_key: "checkboxRef",
-        ref: l,
+    const r = e, n = We(e, "modelValue"), i = t, a = qe(r, { rendersOwnFeedback: !1 }), { boxClass: l, sizeClass: s } = ur(r), u = (c) => {
+      i("change", c);
+    };
+    return (c, f) => (O(), D("div", Nl, [
+      ze(H("input", {
+        id: d(a).id,
+        "onUpdate:modelValue": f[0] || (f[0] = (m) => n.value = m),
         type: "checkbox",
+        class: "peer absolute inset-0 z-10 h-full w-full cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed",
+        name: d(a).name.value,
         value: e.value,
-        checked: e.checked,
-        "onUpdate:modelValue": u[0] || (u[0] = (b) => a.value = b),
-        class: "peer/input appearance-none",
-        onChange: c
-      }, null, 40, qa), [
-        [rn, a.value]
+        required: d(a).required.value,
+        disabled: d(a).disabled.value,
+        "aria-invalid": d(a).invalid.value || void 0,
+        "aria-describedby": d(a).describedBy.value,
+        onChange: u
+      }, null, 40, Ll), [
+        [gn, n.value]
       ]),
-      M("span", {
+      H("span", {
         "aria-hidden": "true",
-        class: H(["before:ease-linar relative inline-block border p-3xs transition-colors duration-200 ease-linear before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-opacity before:duration-200 peer-checked/input:before:opacity-100 hover:bg-opacity-60 peer-checked/input:hover:bg-opacity-60", [s.value, f.value]]),
-        onClick: p
+        class: K(["relative inline-block border p-3xs transition-colors duration-200 ease-linear peer-disabled:opacity-50 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-opacity before:duration-200 peer-checked:before:opacity-100", [d(l), d(s)]])
       }, null, 2)
     ]));
   }
 });
 export {
-  al as MclCheckbox,
-  Qa as MclFormGroup,
-  el as MclInputFile,
-  tl as MclInputRadio,
-  rl as MclInputSwitch,
-  nl as MclInputText,
-  ol as MclSelect,
-  il as MclTextArea
+  Ul as MclCheckbox,
+  Bl as MclFormGroup,
+  Ml as MclInputFile,
+  Fl as MclInputRadio,
+  $l as MclInputSwitch,
+  Pl as MclInputText,
+  zl as MclSelect,
+  Hl as MclTextArea
 };