@reinosoft-ui/core 0.1.36 → 0.1.38

package/dist/reinosoft-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, ref as m, computed as V, watch as X, onMounted as ae, createElementBlock as f, openBlock as v, normalizeStyle as ye, normalizeClass as le, renderSlot as Y, createCommentVNode as O, withDirectives as we, createElementVNode as w, vShow as qe, mergeProps as Ce, mergeModels as Q, useModel as fe, withKeys as ve, withModifiers as ne, onUnmounted as be, Fragment as te, unref as D, toDisplayString as P, renderList as ue, createBlock as J, Transition as $e, withCtx as G, nextTick as Me, useId as ce, provide as ge, createVNode as U, createTextVNode as me, onBeforeUnmount as Ie, Teleport as He, resolveDynamicComponent as Ve, useAttrs as Ne, inject as ie, h as K, useSlots as Fe, resolveComponent as y1, vModelRadio as g1, vModelDynamic as b1, reactive as r1, TransitionGroup as k1, createApp as w1, shallowRef as M1, vModelText as Ae } from "vue";
-import { routerKey as x1 } from "vue-router";
-const L1 = ["aria-busy"], $1 = ["aria-label"], V1 = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], I1 = /* @__PURE__ */ S({
+import { defineComponent as S, ref as m, computed as V, watch as X, onMounted as ae, createElementBlock as f, openBlock as v, normalizeStyle as ye, normalizeClass as le, renderSlot as Y, createCommentVNode as O, withDirectives as Me, createElementVNode as w, vShow as qe, mergeProps as Ce, mergeModels as Q, useModel as fe, withKeys as ve, withModifiers as ne, onUnmounted as be, Fragment as te, unref as D, toDisplayString as P, renderList as ue, createBlock as J, Transition as $e, withCtx as G, nextTick as we, useId as ce, provide as ge, createVNode as U, createTextVNode as me, onBeforeUnmount as Ie, Teleport as He, resolveDynamicComponent as Ve, useAttrs as Ne, inject as ie, h as K, useSlots as Fe, resolveComponent as h1, vModelRadio as y1, vModelDynamic as g1, reactive as r1, TransitionGroup as b1, createApp as k1, shallowRef as w1, vModelText as Ae } from "vue";
+import { routerKey as M1 } from "vue-router";
+const x1 = ["aria-busy"], L1 = ["aria-label"], $1 = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], V1 = /* @__PURE__ */ S({
   __name: "Image",
   props: {
     src: {},
@@ -52,9 +52,9 @@ const L1 = ["aria-busy"], $1 = ["aria-label"], V1 = ["src", "srcset", "sizes", "
           class: "ui-image__fallback",
           role: "img",
           "aria-label": e.decorative ? void 0 : e.alt
-        }, "Image not available", 8, $1)
+        }, "Image not available", 8, L1)
       ], !0) : O("", !0),
-      we(w("img", {
+      Me(w("img", {
         ref_key: "imgRef",
         ref: s,
         class: "ui-image__img",
@@ -67,21 +67,21 @@ const L1 = ["aria-busy"], $1 = ["aria-label"], V1 = ["src", "srcset", "sizes", "
         decoding: e.decoding,
         onLoad: r,
         onError: c
-      }, null, 40, V1), [
+      }, null, 40, $1), [
         [qe, i.value !== "error"]
       ])
-    ], 14, L1));
+    ], 14, x1));
   }
 }), j = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of o)
     t[a] = l;
   return t;
-}, Le = /* @__PURE__ */ j(I1, [["__scopeId", "data-v-4c5a40da"]]);
+}, Le = /* @__PURE__ */ j(V1, [["__scopeId", "data-v-4c5a40da"]]);
 Le.install = (e) => {
   e.component("Image", Le);
 };
-const H1 = /* @__PURE__ */ S({
+const I1 = /* @__PURE__ */ S({
   __name: "Button",
   setup(e, { expose: o }) {
     const t = m();
@@ -96,11 +96,11 @@ const H1 = /* @__PURE__ */ S({
       Y(a.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), he = /* @__PURE__ */ j(H1, [["__scopeId", "data-v-b46162b4"]]);
+}), he = /* @__PURE__ */ j(I1, [["__scopeId", "data-v-b46162b4"]]);
 he.install = (e) => {
   e.component("Button", he);
 };
-const B1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], _1 = /* @__PURE__ */ S({
+const H1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], B1 = /* @__PURE__ */ S({
   __name: "Toggle",
   props: /* @__PURE__ */ Q({
     id: {},
@@ -133,9 +133,9 @@ const B1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], _1
       w("span", { class: "ui-toggle__track" }, [
         w("span", { class: "ui-toggle__thumb" })
       ], -1)
-    ])], 42, B1));
+    ])], 42, H1));
   }
-}), Ye = /* @__PURE__ */ j(_1, [["__scopeId", "data-v-d2681823"]]);
+}), Ye = /* @__PURE__ */ j(B1, [["__scopeId", "data-v-d2681823"]]);
 Ye.install = (e) => {
   e.component("Toggle", Ye);
 };
@@ -145,31 +145,31 @@ const s1 = (e) => {
     e = e.parentNode;
   }
   return null;
-}, D1 = (e, o, t) => {
+}, _1 = (e, o, t) => {
   for (; e && e !== t; ) {
     if (e instanceof HTMLElement && e.tagName.toLowerCase() === o) return e;
     e = e.parentNode;
   }
   return null;
-}, R1 = (e) => e.replaceWith(...Array.from(e.childNodes)), A1 = (e = "p") => {
+}, D1 = (e) => e.replaceWith(...Array.from(e.childNodes)), R1 = (e = "p") => {
   const o = document.createElement(e);
   return o.dataset.block = "", o.innerHTML = "<br>", o;
 }, We = (e) => {
   const o = document.createRange(), t = window.getSelection();
   o.selectNodeContents(e), o.collapse(!0), t?.removeAllRanges(), t?.addRange(o);
-}, S1 = (e, o) => {
+}, A1 = (e, o) => {
   if (e.shiftKey) {
-    Z1();
+    T1();
     return;
   }
-  T1(e, o);
-}, T1 = (e, o) => {
+  S1(e, o);
+}, S1 = (e, o) => {
   e.preventDefault();
   const t = window.getSelection();
   if (!t || t.rangeCount === 0) return;
   const a = t.getRangeAt(0), l = s1(a.startContainer);
   if (!l) return;
-  const i = A1("p");
+  const i = R1("p");
   document.createRange().selectNodeContents(l);
   const r = a.cloneRange(), c = document.createRange();
   c.selectNodeContents(l), c.setEnd(r.startContainer, r.startOffset);
@@ -179,7 +179,7 @@ const s1 = (e) => {
   l.innerHTML = "", l.appendChild(u), l.innerHTML === "" && (l.innerHTML = "<br>"), i.innerHTML = "", i.appendChild(g), i.innerHTML === "" && (i.innerHTML = "<br>"), l.after(i);
   const k = document.createRange();
   k.setStart(i, 0), k.collapse(!0), t.removeAllRanges(), t.addRange(k), o?.normalize();
-}, Z1 = () => {
+}, T1 = () => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return;
   const o = e.getRangeAt(0), t = document.createElement("br");
@@ -194,11 +194,11 @@ const s1 = (e) => {
     a.innerHTML = "<br>", We(a);
     return;
   }
-  s && s.dataset.block !== void 0 ? (a.remove(), E1(s)) : i && i.dataset.block !== void 0 && (a.remove(), We(i));
-}, E1 = (e) => {
+  s && s.dataset.block !== void 0 ? (a.remove(), Z1(s)) : i && i.dataset.block !== void 0 && (a.remove(), We(i));
+}, Z1 = (e) => {
   const o = document.createRange(), t = window.getSelection();
   o.selectNodeContents(e), o.collapse(!1), t?.removeAllRanges(), t?.addRange(o);
-}, z1 = (e, o) => {
+}, E1 = (e, o) => {
   const t = m(null), a = o?.buttons ?? [];
   let l = m(null);
   const s = () => {
@@ -219,9 +219,9 @@ const s1 = (e) => {
       if (L === E) return;
       let W;
       L === 0 && E === M.textContent.length ? W = M : (W = M.splitText(L), E - L < W.textContent.length && W.splitText(E - L));
-      const ee = D1(W, y, A);
+      const ee = _1(W, y, A);
       if (ee)
-        R1(ee), q.push(W);
+        D1(ee), q.push(W);
       else {
         const re = document.createElement(y);
         W.replaceWith(re), re.appendChild(W), q.push(W);
@@ -369,12 +369,12 @@ const s1 = (e) => {
     buttons: a,
     announce: R
   };
-}, O1 = ["id", "aria-label"], q1 = {
+}, z1 = ["id", "aria-label"], O1 = {
   id: "editor-status",
   class: "sr-only",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, N1 = /* @__PURE__ */ S({
+}, q1 = /* @__PURE__ */ S({
   __name: "EditorContent",
   props: {
     editor: {},
@@ -418,7 +418,7 @@ const s1 = (e) => {
         "aria-describedby": "editor-help editor-status",
         onKeydown: [
           s,
-          r[0] || (r[0] = ve((c) => D(S1)(c, e.editor), ["enter"])),
+          r[0] || (r[0] = ve((c) => D(A1)(c, e.editor), ["enter"])),
           r[1] || (r[1] = ve(
             //@ts-ignore
             (...c) => D(Xe) && D(Xe)(...c),
@@ -431,15 +431,15 @@ const s1 = (e) => {
         (...c) => e.editor?.saveSelection && e.editor?.saveSelection(...c))
       }, [...r[4] || (r[4] = [
         w("p", { "data-block": "" }, "Write here...", -1)
-      ])], 40, O1),
-      w("div", q1, P(a.value), 1),
+      ])], 40, z1),
+      w("div", O1, P(a.value), 1),
       r[5] || (r[5] = w("p", {
         id: "editor-help",
         class: "sr-only"
       }, " Use Ctrl+B for bold, Ctrl+I for italic, Alt+Ctrl+1 for heading level 1. ", -1))
     ], 64));
   }
-}), F1 = /* @__PURE__ */ j(N1, [["__scopeId", "data-v-445744be"]]), P1 = {
+}), N1 = /* @__PURE__ */ j(q1, [["__scopeId", "data-v-445744be"]]), F1 = {
   viewBox: "0 0 512 512",
   paths: [
     {
@@ -449,7 +449,7 @@ const s1 = (e) => {
       transform: "translate(5,0)"
     }
   ]
-}, K1 = {
+}, P1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -461,7 +461,7 @@ const s1 = (e) => {
       "stroke-linecap": "round"
     }
   ]
-}, U1 = {
+}, K1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -481,7 +481,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, j1 = {
+}, U1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -506,7 +506,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Y1 = {
+}, j1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -518,7 +518,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, W1 = {
+}, Y1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -528,7 +528,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, X1 = {
+}, W1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -540,7 +540,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, G1 = {
+}, X1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -556,7 +556,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, J1 = {
+}, G1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -587,7 +587,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Q1 = {
+}, J1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -599,7 +599,7 @@ const s1 = (e) => {
       "stroke-linecap": "round"
     }
   ]
-}, et = {
+}, Q1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -611,7 +611,7 @@ const s1 = (e) => {
       "stroke-linecap": "round"
     }
   ]
-}, tt = {
+}, et = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -624,7 +624,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, at = {
+}, tt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -640,7 +640,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, ot = {
+}, at = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -649,7 +649,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, nt = {
+}, ot = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -658,7 +658,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, lt = {
+}, nt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -667,7 +667,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, rt = {
+}, lt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -676,7 +676,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, st = {
+}, rt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -698,7 +698,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, it = {
+}, st = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -711,7 +711,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, ut = {
+}, it = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -720,7 +720,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, ct = {
+}, ut = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -744,7 +744,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, dt = {
+}, ct = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -778,7 +778,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, vt = {
+}, dt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -818,7 +818,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, ft = {
+}, vt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -831,7 +831,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, pt = {
+}, ft = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -840,7 +840,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Ct = {
+}, pt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -866,7 +866,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, mt = {
+}, Ct = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -879,7 +879,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, ht = {
+}, mt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -901,7 +901,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, yt = {
+}, ht = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -911,7 +911,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, gt = {
+}, yt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -957,7 +957,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, bt = {
+}, gt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -967,7 +967,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, kt = {
+}, bt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -976,7 +976,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, wt = {
+}, kt = {
   viewBox: "0 0 512 512",
   paths: [
     {
@@ -1004,7 +1004,7 @@ const s1 = (e) => {
       transform: "translate(189.5458984375,309.93798828125)"
     }
   ]
-}, Mt = {
+}, wt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1013,7 +1013,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, xt = {
+}, Mt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1057,7 +1057,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Lt = {
+}, xt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1068,7 +1068,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, $t = {
+}, Lt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1082,7 +1082,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Vt = {
+}, $t = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1091,7 +1091,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, It = {
+}, Vt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1100,7 +1100,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Ht = {
+}, It = {
   viewBox: "0 0 24 24",
   transform: "matrix(-1,0,0,1,0,0)",
   paths: [
@@ -1127,7 +1127,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Bt = {
+}, Ht = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1139,7 +1139,7 @@ const s1 = (e) => {
       "stroke-linecap": "round"
     }
   ]
-}, _t = {
+}, Bt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1148,7 +1148,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Dt = {
+}, _t = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1188,7 +1188,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Rt = {
+}, Dt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1200,7 +1200,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, At = {
+}, Rt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1212,7 +1212,7 @@ const s1 = (e) => {
       "stroke-linecap": "round"
     }
   ]
-}, St = {
+}, At = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1222,7 +1222,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Tt = {
+}, St = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1259,7 +1259,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Zt = {
+}, Tt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1272,7 +1272,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, Et = {
+}, Zt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1285,7 +1285,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, zt = {
+}, Et = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1294,7 +1294,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Ot = {
+}, zt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1315,7 +1315,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, qt = {
+}, Ot = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1331,7 +1331,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Nt = {
+}, qt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1360,7 +1360,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Ft = {
+}, Nt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1402,7 +1402,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Pt = {
+}, Ft = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1412,7 +1412,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Kt = {
+}, Pt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1422,7 +1422,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Ut = {
+}, Kt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1445,7 +1445,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, jt = {
+}, Ut = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1462,7 +1462,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Yt = {
+}, jt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1475,7 +1475,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, Wt = {
+}, Yt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1484,7 +1484,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Xt = {
+}, Wt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1493,7 +1493,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, Gt = {
+}, Xt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1523,7 +1523,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Jt = {
+}, Gt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1574,7 +1574,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, Qt = {
+}, Jt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1614,7 +1614,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, e2 = {
+}, Qt = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1625,7 +1625,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, t2 = {
+}, e2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1634,7 +1634,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, a2 = {
+}, t2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1643,7 +1643,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, o2 = {
+}, a2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1661,7 +1661,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, n2 = {
+}, o2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1670,7 +1670,7 @@ const s1 = (e) => {
       fill: "currentColor"
     }
   ]
-}, l2 = {
+}, n2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1698,7 +1698,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, r2 = {
+}, l2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1718,7 +1718,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, s2 = {
+}, r2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1738,7 +1738,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, i2 = {
+}, s2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1756,7 +1756,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, u2 = {
+}, i2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1784,7 +1784,7 @@ const s1 = (e) => {
       "stroke-width": 2
     }
   ]
-}, c2 = {
+}, u2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1797,7 +1797,7 @@ const s1 = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, d2 = {
+}, c2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1808,7 +1808,7 @@ const s1 = (e) => {
       clipRule: "evenodd"
     }
   ]
-}, v2 = {
+}, d2 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1822,84 +1822,84 @@ const s1 = (e) => {
     }
   ]
 }, Se = {
-  x: P1,
-  eye: K1,
-  sun: U1,
-  box: j1,
-  art: Y1,
-  plus: W1,
-  bars: X1,
-  bell: G1,
-  lock: J1,
-  star: Q1,
-  home: tt,
-  edit: et,
-  disk: rt,
-  user: st,
-  info: at,
-  sort: lt,
-  tick: it,
-  link: ot,
-  head: nt,
-  bold: ut,
-  card: ct,
-  heart: bt,
-  oList: dt,
-  uList: vt,
-  close: ft,
-  clock: pt,
-  login: Ct,
-  image: ht,
-  phone: yt,
-  trash: mt,
-  share: gt,
-  spotfy: wt,
-  church: Mt,
-  health: Rt,
-  blocks: xt,
-  shield: Lt,
-  upload: $t,
-  italic: It,
-  logout: Ht,
-  ticket: _t,
-  search: Bt,
-  eyeOff: At,
-  cookie: Dt,
-  camera: Vt,
-  pencil: kt,
-  fashion: St,
-  addUser: Tt,
-  loading: Et,
-  sortAsc: Zt,
-  profile: zt,
-  youtube: qt,
-  warning: Ot,
-  calendar: Ft,
-  whatsapp: Pt,
-  linkedin: Nt,
-  facebook: Kt,
-  question: Ut,
-  envelope: jt,
-  sortDesc: Yt,
-  location: Wt,
-  keyShield: Xt,
-  clipboard: Jt,
-  corporate: Qt,
-  instagram: Gt,
-  arrowLeft: e2,
-  starSolid: t2,
-  basketball: o2,
-  smartPhone: a2,
-  gastronomy: l2,
-  closeSolid: n2,
-  closeCircle: r2,
-  checkCircle: s2,
-  checkShield: i2,
-  musicalNote: u2,
-  shoppingBag: c2,
-  directionDown: d2,
-  shoppingBasket: v2
-}, f2 = ["viewBox", "transform", "width", "height"], p2 = /* @__PURE__ */ S({
+  x: F1,
+  eye: P1,
+  sun: K1,
+  box: U1,
+  art: j1,
+  plus: Y1,
+  bars: W1,
+  bell: X1,
+  lock: G1,
+  star: J1,
+  home: et,
+  edit: Q1,
+  disk: lt,
+  user: rt,
+  info: tt,
+  sort: nt,
+  tick: st,
+  link: at,
+  head: ot,
+  bold: it,
+  card: ut,
+  heart: gt,
+  oList: ct,
+  uList: dt,
+  close: vt,
+  clock: ft,
+  login: pt,
+  image: mt,
+  phone: ht,
+  trash: Ct,
+  share: yt,
+  spotfy: kt,
+  church: wt,
+  health: Dt,
+  blocks: Mt,
+  shield: xt,
+  upload: Lt,
+  italic: Vt,
+  logout: It,
+  ticket: Bt,
+  search: Ht,
+  eyeOff: Rt,
+  cookie: _t,
+  camera: $t,
+  pencil: bt,
+  fashion: At,
+  addUser: St,
+  loading: Zt,
+  sortAsc: Tt,
+  profile: Et,
+  youtube: Ot,
+  warning: zt,
+  calendar: Nt,
+  whatsapp: Ft,
+  linkedin: qt,
+  facebook: Pt,
+  question: Kt,
+  envelope: Ut,
+  sortDesc: jt,
+  location: Yt,
+  keyShield: Wt,
+  clipboard: Gt,
+  corporate: Jt,
+  instagram: Xt,
+  arrowLeft: Qt,
+  starSolid: e2,
+  basketball: a2,
+  smartPhone: t2,
+  gastronomy: n2,
+  closeSolid: o2,
+  closeCircle: l2,
+  checkCircle: r2,
+  checkShield: s2,
+  musicalNote: i2,
+  shoppingBag: u2,
+  directionDown: c2,
+  shoppingBasket: d2
+}, v2 = ["viewBox", "transform", "width", "height"], f2 = /* @__PURE__ */ S({
   __name: "Icon",
   props: {
     name: {},
@@ -1943,9 +1943,9 @@ const s1 = (e) => {
           ref_for: !0
         }, a), null, 16)) : O("", !0)
       ], 64))), 128))
-    ], 10, f2));
+    ], 10, v2));
   }
-}), de = /* @__PURE__ */ j(p2, [["__scopeId", "data-v-dd8423eb"]]), C2 = ["aria-controls"], m2 = ["aria-pressed", "onMousedown", "aria-label"], h2 = { key: 1 }, y2 = /* @__PURE__ */ S({
+}), de = /* @__PURE__ */ j(f2, [["__scopeId", "data-v-dd8423eb"]]), p2 = ["aria-controls"], C2 = ["aria-pressed", "onMousedown", "aria-label"], m2 = { key: 1 }, h2 = /* @__PURE__ */ S({
   __name: "FloatingToolbar",
   props: {
     editor: {},
@@ -2017,7 +2017,7 @@ const s1 = (e) => {
       ...c.value,
       ...t.editor?.buttons ?? []
     ]), p = async () => {
-      await Me(), i.value[0]?.focus();
+      await we(), i.value[0]?.focus();
     }, g = (d) => {
       const C = i.value, $ = C.indexOf(document.activeElement);
       if (d.key === "ArrowRight") {
@@ -2080,14 +2080,14 @@ const s1 = (e) => {
               key: 0,
               name: $.label,
               size: $.size ?? 14
-            }, null, 8, ["name", "size"])) : (v(), f("span", h2, P($.label), 1))
-          ], 42, m2))), 128))
-        ], 44, C2)) : O("", !0)
+            }, null, 8, ["name", "size"])) : (v(), f("span", m2, P($.label), 1))
+          ], 42, C2))), 128))
+        ], 44, p2)) : O("", !0)
       ]),
       _: 1
     }));
   }
-}), g2 = /* @__PURE__ */ j(y2, [["__scopeId", "data-v-3f279ebe"]]), b2 = { class: "editor" }, Ge = /* @__PURE__ */ S({
+}), y2 = /* @__PURE__ */ j(h2, [["__scopeId", "data-v-3f279ebe"]]), g2 = { class: "editor" }, Ge = /* @__PURE__ */ S({
   __name: "Editor",
   props: /* @__PURE__ */ Q({
     ariaLabel: {},
@@ -2110,18 +2110,18 @@ const s1 = (e) => {
     ), ae(() => {
       const r = i.value?.getRoot()?.value;
       if (!r) return;
-      s.value = z1(r, { buttons: t.buttons ?? [] }), s.value && (s.value.toolbarRef = l);
+      s.value = E1(r, { buttons: t.buttons ?? [] }), s.value && (s.value.toolbarRef = l);
       const c = () => o.value = r.innerHTML;
       r.addEventListener("input", c), be(() => r.removeEventListener("input", c));
-    }), ge("announce", (n) => s.value?.announce(n)), (n, r) => (v(), f("section", b2, [
-      U(F1, {
+    }), ge("announce", (n) => s.value?.announce(n)), (n, r) => (v(), f("section", g2, [
+      U(N1, {
         ref_key: "contentRef",
         ref: i,
         editor: s.value,
         "editor-id": D(a),
         "aria-label": e.ariaLabel
       }, null, 8, ["editor", "editor-id", "aria-label"]),
-      U(g2, {
+      U(y2, {
         ref_key: "toolbarRef",
         ref: l,
         editor: s.value,
@@ -2133,30 +2133,30 @@ const s1 = (e) => {
 Ge.install = (e) => {
   e.component("Editor", Ge);
 };
-const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-disabled", "data-disabled", "data-dragging"], w2 = ["multiple", "accept", "disabled"], M2 = {
+const b2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-disabled", "data-disabled", "data-dragging"], k2 = ["multiple", "accept", "disabled"], w2 = {
   key: 1,
   class: "ui-upload__list"
-}, x2 = { class: "ui-upload__item--default" }, L2 = { class: "ui-upload__file-name" }, $2 = { class: "ui-upload__file-size" }, V2 = {
+}, M2 = { class: "ui-upload__item--default" }, x2 = { class: "ui-upload__file-name" }, L2 = { class: "ui-upload__file-size" }, $2 = {
   key: 0,
   class: "ui-upload__progress-wrapper"
-}, I2 = { class: "ui-upload__progress-text" }, H2 = ["value", "aria-label"], B2 = {
+}, V2 = { class: "ui-upload__progress-text" }, I2 = ["value", "aria-label"], H2 = {
   key: 1,
   class: "ui-upload__status success",
   style: { color: "var(--green-color)" },
   role: "status"
-}, _2 = {
+}, B2 = {
   key: 2,
   class: "ui-upload__status error",
   style: { color: "var(--red-color)" },
   role: "alert"
-}, D2 = {
+}, _2 = {
   key: 3,
   class: "ui-upload__status canceled",
   role: "status"
-}, R2 = { class: "ui-upload__actions" }, A2 = {
+}, D2 = { class: "ui-upload__actions" }, R2 = {
   class: "sr-only",
   "aria-live": "polite"
-}, S2 = ["id"], T2 = /* @__PURE__ */ S({
+}, A2 = ["id"], S2 = /* @__PURE__ */ S({
   __name: "Upload",
   props: /* @__PURE__ */ Q({
     multiple: { type: Boolean, default: !1 },
@@ -2270,7 +2270,7 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         accept: e.accept,
         disabled: e.disabled,
         onChange: h
-      }, null, 40, w2),
+      }, null, 40, k2),
       e.multiple || !e.multiple && t.value.length === 0 ? Y(M.$slots, "default", {
         key: 0,
         dragging: n.value
@@ -2292,7 +2292,7 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         }),
         w("span", null, "Maximum size: " + P(p.value), 1)
       ], !0) : O("", !0),
-      u.value?.length ? (v(), f("ul", M2, [
+      u.value?.length ? (v(), f("ul", w2, [
         (v(!0), f(te, null, ue(u.value, (E) => (v(), f("li", {
           key: E.id,
           class: "ui-upload__item"
@@ -2303,23 +2303,23 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
             cancel: () => y(E),
             retry: () => I(E)
           }, () => [
-            w("div", x2, [
-              w("span", L2, P(E.file.name), 1),
-              w("span", $2, P(A(E.file.size)), 1)
+            w("div", M2, [
+              w("span", x2, P(E.file.name), 1),
+              w("span", L2, P(A(E.file.size)), 1)
             ]),
-            E.status === "uploading" ? (v(), f("div", V2, [
-              w("span", I2, P(E.progress) + "% ", 1),
+            E.status === "uploading" ? (v(), f("div", $2, [
+              w("span", V2, P(E.progress) + "% ", 1),
               w("progress", {
                 class: "ui-upload__progress",
                 value: E.progress,
                 max: "100",
                 "aria-label": `Upload progress for ${E.file.name}`
-              }, null, 8, H2)
+              }, null, 8, I2)
             ])) : O("", !0),
-            E.status === "success" ? (v(), f("span", B2, " Uploaded successful ")) : O("", !0),
-            E.status === "error" ? (v(), f("span", _2, P(E.error || "Upload failed"), 1)) : O("", !0),
-            E.status === "canceled" ? (v(), f("span", D2, " Upload canceled ")) : O("", !0),
-            w("div", R2, [
+            E.status === "success" ? (v(), f("span", H2, " Uploaded successful ")) : O("", !0),
+            E.status === "error" ? (v(), f("span", B2, P(E.error || "Upload failed"), 1)) : O("", !0),
+            E.status === "canceled" ? (v(), f("span", _2, " Upload canceled ")) : O("", !0),
+            w("div", D2, [
               E.status === "uploading" ? (v(), J(he, {
                 key: 0,
                 type: "button",
@@ -2358,23 +2358,23 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
           ], !0)
         ]))), 128))
       ])) : O("", !0),
-      w("div", A2, P(i.value), 1),
+      w("div", R2, P(i.value), 1),
       w("p", {
         id: D(r),
         class: "sr-only"
-      }, " Drop files to upload ", 8, S2)
-    ], 40, k2));
+      }, " Drop files to upload ", 8, A2)
+    ], 40, b2));
   }
-}), Je = /* @__PURE__ */ j(T2, [["__scopeId", "data-v-041ff337"]]);
+}), Je = /* @__PURE__ */ j(S2, [["__scopeId", "data-v-041ff337"]]);
 Je.install = (e) => {
   e.component("Upload", Je);
 };
-const Z2 = (e) => {
+const T2 = (e) => {
   const o = () => e(), t = () => e();
   return window.addEventListener("scroll", o, !0), window.addEventListener("resize", t), () => {
     window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", t);
   };
-}, E2 = ["aria-describedby", "aria-disabled", "aria-expanded"], z2 = ["aria-hidden", "data-placement"], O2 = 8, q2 = 6, N2 = /* @__PURE__ */ S({
+}, Z2 = ["aria-describedby", "aria-disabled", "aria-expanded"], E2 = ["aria-hidden", "data-placement"], z2 = 8, O2 = 6, q2 = /* @__PURE__ */ S({
   __name: "Tooltip",
   props: {
     content: {},
@@ -2383,7 +2383,7 @@ const Z2 = (e) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = O2 + q2, a = m(!1), l = `tooltip-${ce()}`, s = m(null), i = m(null), n = m({});
+    const o = e, t = z2 + O2, a = m(!1), l = `tooltip-${ce()}`, s = m(null), i = m(null), n = m({});
     let r = null, c = null, u = null;
     const p = () => {
       o.disabled || (r && (clearTimeout(r), r = null), o.delay ? r = window.setTimeout(() => {
@@ -2419,7 +2419,7 @@ const Z2 = (e) => {
         c?.(), c = null, u?.disconnect(), u = null;
         return;
       }
-      await Me(), d(), c = Z2(d), u = new ResizeObserver(d), i.value && u.observe(i.value), s.value && u.observe(s.value);
+      await we(), d(), c = T2(d), u = new ResizeObserver(d), i.value && u.observe(i.value), s.value && u.observe(s.value);
     }), Ie(() => {
       c?.(), u?.disconnect();
     }), (C, $) => (v(), f(te, null, [
@@ -2437,7 +2437,7 @@ const Z2 = (e) => {
         onKeydown: ve(g, ["esc"])
       }, [
         Y(C.$slots, "default", {}, void 0, !0)
-      ], 40, E2),
+      ], 40, Z2),
       (v(), J(He, { to: "body" }, [
         U($e, { name: "tooltip-fade" }, {
           default: G(() => [
@@ -2457,21 +2457,21 @@ const Z2 = (e) => {
               Y(C.$slots, "content", {}, () => [
                 me(P(e.content), 1)
               ], !0)
-            ], 12, z2)) : O("", !0)
+            ], 12, E2)) : O("", !0)
           ]),
           _: 3
         })
       ]))
     ], 64));
   }
-}), Qe = /* @__PURE__ */ j(N2, [["__scopeId", "data-v-c489ef7b"]]);
+}), Qe = /* @__PURE__ */ j(q2, [["__scopeId", "data-v-c489ef7b"]]);
 Qe.install = (e) => {
   e.component("Tooltip", Qe);
 };
-const F2 = {
+const N2 = {
   key: 0,
   class: "ui-tag__icon"
-}, P2 = { class: "ui-tag__label" }, K2 = ["aria-label"], U2 = /* @__PURE__ */ S({
+}, F2 = { class: "ui-tag__label" }, P2 = ["aria-label"], K2 = /* @__PURE__ */ S({
   __name: "Tag",
   props: {
     as: { default: "span" },
@@ -2508,10 +2508,10 @@ const F2 = {
       ]
     }, {
       default: G(() => [
-        u.$slots.icon ? (v(), f("span", F2, [
+        u.$slots.icon ? (v(), f("span", N2, [
           Y(u.$slots, "icon", {}, void 0, !0)
         ])) : O("", !0),
-        w("span", P2, [
+        w("span", F2, [
           Y(u.$slots, "default", {}, void 0, !0)
         ]),
         e.removable ? (v(), f("button", {
@@ -2525,12 +2525,12 @@ const F2 = {
             name: "close",
             size: 32
           })
-        ], 8, K2)) : O("", !0)
+        ], 8, P2)) : O("", !0)
       ]),
       _: 3
     }, 40, ["class", "aria-disabled", "tabindex", "role"]));
   }
-}), j2 = /* @__PURE__ */ j(U2, [["__scopeId", "data-v-ea48b943"]]), Y2 = ["href", "aria-disabled", "tabindex", "target", "aria-current", "rel"], W2 = /* @__PURE__ */ S({
+}), U2 = /* @__PURE__ */ j(K2, [["__scopeId", "data-v-ea48b943"]]), j2 = ["href", "aria-disabled", "tabindex", "target", "aria-current", "rel"], Y2 = /* @__PURE__ */ S({
   __name: "Link",
   props: {
     target: {},
@@ -2558,12 +2558,12 @@ const F2 = {
       rel: e.target === "_blank" ? "noopener noreferrer" : void 0
     }, [
       Y(s.$slots, "default", {}, void 0, !0)
-    ], 8, Y2));
+    ], 8, j2));
   }
-}), Xn = /* @__PURE__ */ j(W2, [["__scopeId", "data-v-0f5d7308"]]), Pe = (e, o, t, a) => V(() => {
+}), Xn = /* @__PURE__ */ j(Y2, [["__scopeId", "data-v-0f5d7308"]]), Pe = (e, o, t, a) => V(() => {
   const l = [];
   return e.invalid && e.errorMessage && l.push(t), o.hint && l.push(a), l.length > 0 ? l.join(" ") : void 0;
-}), Be = (e) => V(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), i1 = (e) => V(() => e.disabled === !0 ? "true" : void 0), X2 = (e, o, t) => {
+}), Be = (e) => V(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), W2 = (e) => V(() => e.disabled === !0 ? "true" : void 0), X2 = (e, o, t) => {
   o && (o.classList.add("focused"), t("focus", e));
 }, G2 = (e, o, t, a) => {
   ze(o, t), t && (t?.classList.remove("focused"), a("blur", e));
@@ -2857,7 +2857,7 @@ const F2 = {
       ], 16, ia),
       U($e, { name: "select" }, {
         default: G(() => [
-          we(w("ul", {
+          Me(w("ul", {
             id: p,
             role: "listbox",
             class: "options"
@@ -2945,7 +2945,7 @@ const F2 = {
       n.value = null;
     };
     return X(u, async (h) => {
-      await Me();
+      await we();
       const _ = s.value[h];
       _ && _.scrollIntoView({
         behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
@@ -3021,7 +3021,7 @@ const F2 = {
       ])) : O("", !0)
     ], 8, fa));
   }
-}), u1 = /* @__PURE__ */ j(ya, [["__scopeId", "data-v-dcfacff6"]]), ga = ["aria-label"], ba = ["onClick"], ka = /* @__PURE__ */ S({
+}), i1 = /* @__PURE__ */ j(ya, [["__scopeId", "data-v-dcfacff6"]]), ga = ["aria-label"], ba = ["onClick"], ka = /* @__PURE__ */ S({
   __name: "GalleryGrid",
   props: {
     images: {},
@@ -3056,7 +3056,7 @@ const F2 = {
       ], 8, ba))), 128))
     ], 12, ga));
   }
-}), c1 = /* @__PURE__ */ j(ka, [["__scopeId", "data-v-17067a4b"]]), _e = /* @__PURE__ */ Symbol("ModalContext");
+}), u1 = /* @__PURE__ */ j(ka, [["__scopeId", "data-v-17067a4b"]]), _e = /* @__PURE__ */ Symbol("ModalContext");
 let Te = 0, e1 = 0, Ze = null;
 const Oe = S({
   name: "Modal",
@@ -3090,7 +3090,7 @@ const Oe = S({
       hasTitle: a
     }), () => t.default?.();
   }
-}), d1 = S({
+}), c1 = S({
   name: "ModalContent",
   setup(e, { slots: o }) {
     const t = ie(_e);
@@ -3163,19 +3163,19 @@ const Oe = S({
       )
     );
   }
-}), v1 = S({
+}), d1 = S({
   name: "ModalTitle",
   setup(e, { slots: o }) {
     const t = ie(_e);
     if (!t) throw new Error("ModalTitle components must be used inside <Modal>");
     return t.hasTitle.value = !0, () => K("h2", { id: t.labelId }, o.default?.());
   }
-}), f1 = S({
+}), v1 = S({
   name: "ModalHeader",
   setup(e, { slots: o }) {
     return () => K("div", { class: "modal-header" }, o.default?.());
   }
-}), p1 = S({
+}), f1 = S({
   name: "ModalBody",
   setup(e, { slots: o }) {
     return () => K("div", { class: "modal-body" }, o.default?.());
@@ -3185,7 +3185,7 @@ const Oe = S({
   setup(e, { slots: o }) {
     return () => K("div", { class: "modal-footer" }, o.default?.());
   }
-}), C1 = S({
+}), p1 = S({
   name: "ModalClose",
   setup() {
     const e = ie(_e);
@@ -3204,7 +3204,7 @@ const Oe = S({
 });
 Object.assign(Oe, {
   install(e) {
-    e.component("Modal", Oe), e.component("ModalBody", p1), e.component("ModalTitle", v1), e.component("ModalClose", C1), e.component("ModalHeader", f1), e.component("ModalContent", d1);
+    e.component("Modal", Oe), e.component("ModalBody", f1), e.component("ModalTitle", d1), e.component("ModalClose", p1), e.component("ModalHeader", v1), e.component("ModalContent", c1);
   }
 });
 const wa = /* @__PURE__ */ S({
@@ -3226,7 +3226,7 @@ const wa = /* @__PURE__ */ S({
       o.value = s, t.value = !0;
     }, l = () => t.value = !1;
     return (s, i) => (v(), f(te, null, [
-      U(c1, {
+      U(u1, {
         images: e.images,
         onChange: a,
         "aria-label": e.ariaLabel,
@@ -3239,23 +3239,23 @@ const wa = /* @__PURE__ */ S({
         size: "xl"
       }, {
         default: G(() => [
-          U(D(d1), null, {
+          U(D(c1), null, {
             default: G(() => [
-              U(D(f1), null, {
+              U(D(v1), null, {
                 default: G(() => [
-                  U(D(v1), null, {
+                  U(D(d1), null, {
                     default: G(() => [...i[3] || (i[3] = [
                       me("Image Gallery", -1)
                     ])]),
                     _: 1
                   }),
-                  U(D(C1))
+                  U(D(p1))
                 ]),
                 _: 1
               }),
-              U(D(p1), null, {
+              U(D(f1), null, {
                 default: G(() => [
-                  U(u1, {
+                  U(i1, {
                     modelValue: o.value,
                     "onUpdate:modelValue": i[0] || (i[0] = (n) => o.value = n),
                     images: e.images,
@@ -3334,7 +3334,7 @@ const wa = /* @__PURE__ */ S({
       }
     }), s = (i) => l.value = i;
     return (i, n) => (v(), f("section", $a, [
-      e.layout === "carousel" ? (v(), J(u1, {
+      e.layout === "carousel" ? (v(), J(i1, {
         key: 0,
         modelValue: l.value,
         "onUpdate:modelValue": n[0] || (n[0] = (r) => l.value = r),
@@ -3344,7 +3344,7 @@ const wa = /* @__PURE__ */ S({
         transform: e.transform,
         "transform-thumbnails": e.transformThumbnails,
         "show-thumbnails": e.showThumbnails
-      }, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (v(), J(c1, {
+      }, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (v(), J(u1, {
         key: 1,
         modelValue: l.value,
         "onUpdate:modelValue": n[1] || (n[1] = (r) => l.value = r),
@@ -3412,7 +3412,7 @@ const Ia = ["aria-busy"], Ha = {
       w("span", Ba, P(e.message || "Loading"), 1)
     ], 8, Ia));
   }
-}), m1 = /* @__PURE__ */ j(_a, [["__scopeId", "data-v-e61a1cf5"]]), Da = ["id", "required", "checked", "disabled", "aria-invalid", "aria-disabled", "aria-checked"], Ra = {
+}), C1 = /* @__PURE__ */ j(_a, [["__scopeId", "data-v-e61a1cf5"]]), Da = ["id", "required", "checked", "disabled", "aria-invalid", "aria-disabled", "aria-checked"], Ra = {
   class: "checkbox-control",
   "aria-hidden": "true"
 }, Aa = {
@@ -3436,7 +3436,7 @@ const Ia = ["aria-busy"], Ha = {
   }),
   emits: /* @__PURE__ */ Q(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = o, a = fe(e, "modelValue"), l = e, s = ce(), i = V(() => l.id ?? `checkbox-${s}`), n = m(null), r = i1(l).value, c = V(() => l.required ? !0 : void 0), u = V(() => l.triState && a.value === void 0 ? "mixed" : void 0);
+    const t = o, a = fe(e, "modelValue"), l = e, s = ce(), i = V(() => l.id ?? `checkbox-${s}`), n = m(null), r = W2(l).value, c = V(() => l.required ? !0 : void 0), u = V(() => l.triState && a.value === void 0 ? "mixed" : void 0);
     X(
       () => a.value,
       (g) => {
@@ -3694,7 +3694,7 @@ const Ja = {
     separator: { default: "/" }
   },
   setup(e) {
-    const o = e, t = ie(x1), a = (n) => n === o.items.length - 1, l = (n, r) => s(n, r), s = (n, r) => a(r) || n.disabled ? "span" : n.to && t ? y1("RouterLink") : n.href ? "a" : "span", i = (n, r) => a(r) || n.disabled ? { "data-disabled": n.disabled || void 0 } : n.to ? { to: n.to } : n.href ? {
+    const o = e, t = ie(M1), a = (n) => n === o.items.length - 1, l = (n, r) => s(n, r), s = (n, r) => a(r) || n.disabled ? "span" : n.to && t ? h1("RouterLink") : n.href ? "a" : "span", i = (n, r) => a(r) || n.disabled ? { "data-disabled": n.disabled || void 0 } : n.to ? { to: n.to } : n.href ? {
       href: n.href,
       target: n.external ? "_blank" : void 0,
       rel: n.external ? "noopener noreferrer" : void 0,
@@ -3760,7 +3760,7 @@ const Ja = {
         key: r.key,
         class: le(["radio", { checked: t.value === r.key, disabled: e.disabled || r.disabled }])
       }, [
-        we(w("input", {
+        Me(w("input", {
           type: "radio",
           class: "radio-input",
           name: e.name,
@@ -3769,7 +3769,7 @@ const Ja = {
           required: e.required,
           "onUpdate:modelValue": n[0] || (n[0] = (c) => t.value = c)
         }, null, 8, no), [
-          [g1, t.value]
+          [y1, t.value]
         ]),
         e.mode === "standard" ? (v(), f("span", lo)) : O("", !0),
         w("span", ro, P(r.label), 1)
@@ -3799,7 +3799,6 @@ const Ja = {
     type: { default: "text" },
     options: {},
     label: {},
-    disabled: { type: Boolean, default: !1 },
     required: {},
     loading: { type: Boolean },
     invalid: { type: Boolean },
@@ -3822,9 +3821,7 @@ const Ja = {
       if (!t.filterable) return t.options;
       const H = n.value.toLowerCase();
       return t.options.filter((z) => t.getValue(z).toLowerCase().includes(H));
-    });
-    i1(t).value;
-    const y = Be(t).value;
+    }), y = Be(t).value;
     X(
       () => g.value,
       (H) => {
@@ -3841,16 +3838,16 @@ const Ja = {
         u.value = null;
         return;
       }
-      R.value.length !== 0 && (await Me(), re());
+      R.value.length !== 0 && (await we(), re());
     }), X(
       () => t.loading,
       async (H) => {
-        H || r.value && R.value.length !== 0 && (await Me(), re());
+        H || r.value && R.value.length !== 0 && (await we(), re());
       }
     ), X(
       () => t.options,
       () => {
-        p.value = null;
+        l.value || (p.value = null, u.value = null);
       }
     );
     const I = (H) => {
@@ -3898,8 +3895,16 @@ const Ja = {
     }, L = () => {
       if (l.value.toString().length === 0 || !t.options || t.options.length === 0) return;
       const H = t.options.findIndex((z) => t.getKey(z) === l.value);
-      H > -1 && (u.value = H, p.value = H, n.value = t.getValue(t.options[H]));
-    }, E = () => {
+      console.log("IDX" + t.id, H, t.options, l.value), H > -1 && (u.value = H, p.value = H, n.value = t.getValue(t.options[H]));
+    };
+    X(
+      () => t.options.length,
+      async (H) => {
+        l.value && H !== 0 && (await we(), L());
+      },
+      { immediate: !0, flush: "post" }
+    );
+    const E = () => {
       n.value = "", l.value = "";
     }, W = (H) => {
       !H || H.trim().length === 0 || (c.value = [
@@ -3924,7 +3929,7 @@ const Ja = {
         for: e.id,
         class: "label"
       }, P(e.label), 9, io),
-      we(w("input", Ce({
+      Me(w("input", Ce({
         id: e.id,
         type: e.type
       }, H.$attrs, {
@@ -3943,11 +3948,11 @@ const Ja = {
         onInput: M,
         onKeydown: B
       }), null, 16, uo), [
-        [b1, n.value]
+        [g1, n.value]
       ]),
       U($e, { name: "select" }, {
         default: G(() => [
-          we(w("ul", {
+          Me(w("ul", {
             id: d,
             role: "listbox",
             class: "options"
@@ -3985,7 +3990,7 @@ const Ja = {
               w("div", fo, P(e.getValue(Z)), 1)
             ], 42, co))), 128)) : R.value.length === 0 && !e.loading ? (v(), f("li", po, [...z[3] || (z[3] = [
               w("div", { class: "option-value" }, "No results found", -1)
-            ])])) : (v(), J(m1, {
+            ])])) : (v(), J(C1, {
               key: 2,
               "aria-live": "polite",
               role: "status",
@@ -4035,7 +4040,7 @@ const Ja = {
       })) : O("", !0)
     ], 2));
   }
-}), ll = /* @__PURE__ */ j(go, [["__scopeId", "data-v-18b4cb64"]]), bo = 5, pe = r1({
+}), ll = /* @__PURE__ */ j(go, [["__scopeId", "data-v-c16fc775"]]), bo = 5, pe = r1({
   toasts: []
 });
 let ko = 0;
@@ -4141,7 +4146,7 @@ const xe = (e, o = "info") => {
   setup(e) {
     return (o, t) => (v(), J(He, { to: "body" }, [
       w("div", Ho, [
-        U(k1, { name: "toast-stack" }, {
+        U(b1, { name: "toast-stack" }, {
           default: G(() => [
             (v(!0), f(te, null, ue(D(pe).toasts, (a) => (v(), J(Io, {
               key: a.id,
@@ -4153,7 +4158,7 @@ const xe = (e, o = "info") => {
               default: G(() => [
                 w("div", Bo, [
                   a.title ? (v(), f("strong", _o, P(a.title), 1)) : O("", !0),
-                  a.loading ? (v(), J(m1, {
+                  a.loading ? (v(), J(C1, {
                     key: 1,
                     message: a.description,
                     "aria-hidden": "true"
@@ -4179,7 +4184,7 @@ const sl = {
     if (e.component("ToastViewport", o1), t && !n1 && typeof window < "u") {
       n1 = !0;
       const a = document.createElement("div");
-      a.setAttribute("data-toast-host", ""), document.body.appendChild(a), w1(o1).mount(a);
+      a.setAttribute("data-toast-host", ""), document.body.appendChild(a), k1(o1).mount(a);
     }
   }
 }, Ao = /* @__PURE__ */ S({
@@ -4416,7 +4421,7 @@ const sl = {
           id: `step-title-${D(c)}`,
           class: "title"
         }, P(e.title), 9, Po),
-        U(j2, {
+        U(U2, {
           variant: d.value,
           size: "sm"
         }, {
@@ -4458,7 +4463,7 @@ const sl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, t = m(0), a = Fe(), l = fe(e, "modelValue"), s = m([]), i = m(null), n = V(() => l.value ?? 0), r = `steps-description-${ce()}`, c = M1({}), u = r1({});
+    const o = e, t = m(0), a = Fe(), l = fe(e, "modelValue"), s = m([]), i = m(null), n = V(() => l.value ?? 0), r = `steps-description-${ce()}`, c = w1({}), u = r1({});
     let p = null;
     const g = V(() => (a.default?.() ?? [])[n.value]?.props?.title ?? ""), k = V(() => Object.entries(u).filter(([, B]) => B !== "completed").length === 0), d = V(
       () => Object.values(u).includes("error")
@@ -5097,7 +5102,7 @@ const sl = {
     const o = e, t = ie("DropdownContext");
     if (!t) throw new Error("DropdownTrigger must be used within a Dropdown");
     const a = m(), l = (s) => {
-      s.key === "ArrowDown" && (s.preventDefault(), t.open(), Me(() => t.focusFirstItem())), s.key === "ArrowUp" && (s.preventDefault(), t.open(), Me(() => t.focusLastItem()));
+      s.key === "ArrowDown" && (s.preventDefault(), t.open(), we(() => t.focusFirstItem())), s.key === "ArrowUp" && (s.preventDefault(), t.open(), we(() => t.focusLastItem()));
     };
     return ae(() => t.triggerRef.value = a.value?.el), (s, i) => (v(), J(he, {
       ref_key: "btn",
@@ -5219,7 +5224,7 @@ const sl = {
     prevMonth: () => l.value = new Date(l.value.getFullYear(), l.value.getMonth() - 1, 1),
     select: (g) => a.value = g
   };
-}, h1 = /(DD|MM|YYYY|HH|mm|ss)/g, Ee = (e, o) => {
+}, m1 = /(DD|MM|YYYY|HH|mm|ss)/g, Ee = (e, o) => {
   const t = {
     DD: String(e.getDate()).padStart(2, "0"),
     MM: String(e.getMonth() + 1).padStart(2, "0"),
@@ -5243,7 +5248,7 @@ function In(e, o, t, a = 1900, l = 2100) {
   return i.getFullYear() === t && i.getMonth() === o - 1 && i.getDate() === e;
 }
 const Hn = (e, o) => {
-  const t = e.replace(/\D/g, ""), a = o.match(h1);
+  const t = e.replace(/\D/g, ""), a = o.match(m1);
   if (!a) return e;
   let l = "", s = 0;
   for (const i of a) {
@@ -5256,7 +5261,7 @@ const Hn = (e, o) => {
   }
   return l;
 }, Bn = (e) => {
-  const o = e.match(h1);
+  const o = e.match(m1);
   return o ? o.reduce((t, a) => t + a.length, 0) : 0;
 }, _n = ["for"], Dn = ["id", "value", "required", "aria-invalid", "disabled", "data-disabled", "placeholder"], Rn = {
   key: 0,
@@ -5306,7 +5311,7 @@ const Hn = (e, o) => {
       s,
       async (b) => {
         if (b) {
-          await Me();
+          await we();
           let A = n.value?.querySelector('button[data-selected="true"]');
           if (!A) {
             const B = /* @__PURE__ */ new Date();
@@ -5500,7 +5505,7 @@ const Hn = (e, o) => {
       }, {
         time: G(() => [
           l.value ? (v(), f("div", qn, [
-            i.value ? we((v(), f("input", {
+            i.value ? Me((v(), f("input", {
               key: 0,
               id: `hour_${D(a)}`,
               type: "number",
@@ -5521,7 +5526,7 @@ const Hn = (e, o) => {
               ]
             ]) : O("", !0),
             i.value && n.value ? (v(), f("span", Fn, ":")) : O("", !0),
-            n.value ? we((v(), f("input", {
+            n.value ? Me((v(), f("input", {
               key: 2,
               id: `minute_${D(a)}`,
               type: "number",
@@ -5542,7 +5547,7 @@ const Hn = (e, o) => {
               ]
             ]) : O("", !0),
             (i.value || n.value) && r.value ? (v(), f("span", Kn, ":")) : O("", !0),
-            r.value ? we((v(), f("input", {
+            r.value ? Me((v(), f("input", {
               key: 4,
               id: `second_${D(a)}`,
               type: "number",
@@ -5948,16 +5953,16 @@ export {
   Gn as Input,
   Xn as Link,
   Oe as Modal,
-  p1 as ModalBody,
-  C1 as ModalClose,
-  d1 as ModalContent,
+  f1 as ModalBody,
+  p1 as ModalClose,
+  c1 as ModalContent,
   el as ModalFooter,
-  f1 as ModalHeader,
-  v1 as ModalTitle,
+  v1 as ModalHeader,
+  d1 as ModalTitle,
   a1 as PasswordValidator,
   nl as RadioButton,
   Qn as Select,
-  m1 as Spinner,
+  C1 as Spinner,
   vl as Step,
   fl as Steps,
   Vl as Table,
@@ -5965,7 +5970,7 @@ export {
   kl as TabsContent,
   gl as TabsList,
   bl as TabsTrigger,
-  j2 as Tag,
+  U2 as Tag,
   al as Textarea,
   pl as Timeline,
   Cl as TimelineItem,