portal-design-system 0.0.81 → 0.0.82

package/dist/index.js

@@ -1,112 +1,149 @@
-import { defineComponent as Z, useAttrs as nn, computed as K, resolveComponent as He, createBlock as H, openBlock as C, resolveDynamicComponent as Ar, mergeProps as Dr, unref as Ce, withCtx as Rr, createElementBlock as D, Fragment as ee, renderSlot as re, createCommentVNode as G, normalizeClass as O, toDisplayString as $, normalizeStyle as We, createElementVNode as P, renderList as Ze, onMounted as Ee, onBeforeUnmount as Mr, useModel as ne, ref as N, onUnmounted as Xe, withDirectives as Er, vModelText as Ir, createTextVNode as de, mergeModels as Ye, createVNode as ue, withModifiers as Ae, shallowRef as on, watch as De, h as tr, nextTick as we, useSlots as an, Teleport as Fr, Transition as cn } from "vue";
-const ln = (e, n) => {
-  const r = new Array(e.length + n.length);
+import { defineComponent as V, createElementBlock as D, openBlock as w, normalizeProps as Pe, guardReactiveProps as Le, renderSlot as X, defineCustomElement as Te, useAttrs as an, computed as O, resolveComponent as Z, createBlock as B, resolveDynamicComponent as qe, mergeProps as Ir, unref as Re, withCtx as K, Fragment as te, createCommentVNode as G, normalizeClass as H, toDisplayString as z, normalizeStyle as Je, createVNode as Y, renderList as Qe, createTextVNode as ae, onMounted as pe, onBeforeUnmount as er, useModel as se, ref as P, onUnmounted as rr, createElementVNode as j, withDirectives as Fr, vModelText as Pr, mergeModels as nr, withModifiers as Ee, shallowRef as cn, watch as Me, h as yr, nextTick as Se, useSlots as ln, Teleport as Lr, Transition as tn } from "vue";
+const sn = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-button",
+  setup(e) {
+    return (r, n) => (w(), D("button", Pe(Le(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+}), dn = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-label",
+  setup(e) {
+    return (r, n) => (w(), D("label", Pe(Le(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+}), un = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-li",
+  setup(e) {
+    return (r, n) => (w(), D("li", Pe(Le(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+}), mn = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-ul",
+  setup(e) {
+    return (r, n) => (w(), D("ul", Pe(Le(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+});
+customElements.define("m-button", Te(sn, { shadowRoot: !0 }));
+customElements.define("m-label", Te(dn, { shadowRoot: !0 }));
+customElements.define("m-li", Te(un, { shadowRoot: !0 }));
+customElements.define("m-ul", Te(mn, { shadowRoot: !0 }));
+const yn = (e, r) => {
+  const n = new Array(e.length + r.length);
   for (let o = 0; o < e.length; o++)
-    r[o] = e[o];
-  for (let o = 0; o < n.length; o++)
-    r[e.length + o] = n[o];
-  return r;
-}, tn = (e, n) => ({
+    n[o] = e[o];
+  for (let o = 0; o < r.length; o++)
+    n[e.length + o] = r[o];
+  return n;
+}, fn = (e, r) => ({
   classGroupId: e,
-  validator: n
-}), Pr = (e = /* @__PURE__ */ new Map(), n = null, r) => ({
+  validator: r
+}), Tr = (e = /* @__PURE__ */ new Map(), r = null, n) => ({
   nextPart: e,
-  validators: n,
-  classGroupId: r
-}), Re = "-", sr = [], sn = "arbitrary..", dn = (e) => {
-  const n = mn(e), {
-    conflictingClassGroups: r,
+  validators: r,
+  classGroupId: n
+}), Ie = "-", fr = [], _n = "arbitrary..", gn = (e) => {
+  const r = bn(e), {
+    conflictingClassGroups: n,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
       if (l.startsWith("[") && l.endsWith("]"))
-        return un(l);
-      const s = l.split(Re), t = s[0] === "" && s.length > 1 ? 1 : 0;
-      return Lr(s, t, n);
+        return pn(l);
+      const s = l.split(Ie), t = s[0] === "" && s.length > 1 ? 1 : 0;
+      return Br(s, t, r);
     },
     getConflictingClassGroupIds: (l, s) => {
       if (s) {
-        const t = o[l], i = r[l];
-        return t ? i ? ln(i, t) : t : i || sr;
+        const t = o[l], i = n[l];
+        return t ? i ? yn(i, t) : t : i || fr;
       }
-      return r[l] || sr;
+      return n[l] || fr;
     }
   };
-}, Lr = (e, n, r) => {
-  if (e.length - n === 0)
-    return r.classGroupId;
-  const a = e[n], c = r.nextPart.get(a);
+}, Br = (e, r, n) => {
+  if (e.length - r === 0)
+    return n.classGroupId;
+  const a = e[r], c = n.nextPart.get(a);
   if (c) {
-    const i = Lr(e, n + 1, c);
+    const i = Br(e, r + 1, c);
     if (i) return i;
   }
-  const l = r.validators;
+  const l = n.validators;
   if (l === null)
     return;
-  const s = n === 0 ? e.join(Re) : e.slice(n).join(Re), t = l.length;
+  const s = r === 0 ? e.join(Ie) : e.slice(r).join(Ie), t = l.length;
   for (let i = 0; i < t; i++) {
     const d = l[i];
     if (d.validator(s))
       return d.classGroupId;
   }
-}, un = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const n = e.slice(1, -1), r = n.indexOf(":"), o = n.slice(0, r);
-  return o ? sn + o : void 0;
-})(), mn = (e) => {
+}, pn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const r = e.slice(1, -1), n = r.indexOf(":"), o = r.slice(0, n);
+  return o ? _n + o : void 0;
+})(), bn = (e) => {
   const {
-    theme: n,
-    classGroups: r
+    theme: r,
+    classGroups: n
   } = e;
-  return yn(r, n);
-}, yn = (e, n) => {
-  const r = Pr();
+  return hn(n, r);
+}, hn = (e, r) => {
+  const n = Tr();
   for (const o in e) {
     const a = e[o];
-    qe(a, r, o, n);
+    or(a, n, o, r);
   }
-  return r;
-}, qe = (e, n, r, o) => {
+  return n;
+}, or = (e, r, n, o) => {
   const a = e.length;
   for (let c = 0; c < a; c++) {
     const l = e[c];
-    fn(l, n, r, o);
+    vn(l, r, n, o);
   }
-}, fn = (e, n, r, o) => {
+}, vn = (e, r, n, o) => {
   if (typeof e == "string") {
-    _n(e, n, r);
+    wn(e, r, n);
     return;
   }
   if (typeof e == "function") {
-    gn(e, n, r, o);
+    xn(e, r, n, o);
     return;
   }
-  bn(e, n, r, o);
-}, _n = (e, n, r) => {
-  const o = e === "" ? n : Tr(n, e);
-  o.classGroupId = r;
-}, gn = (e, n, r, o) => {
-  if (pn(e)) {
-    qe(e(o), n, r, o);
+  kn(e, r, n, o);
+}, wn = (e, r, n) => {
+  const o = e === "" ? r : Nr(r, e);
+  o.classGroupId = n;
+}, xn = (e, r, n, o) => {
+  if (Sn(e)) {
+    or(e(o), r, n, o);
     return;
   }
-  n.validators === null && (n.validators = []), n.validators.push(tn(r, e));
-}, bn = (e, n, r, o) => {
+  r.validators === null && (r.validators = []), r.validators.push(fn(n, e));
+}, kn = (e, r, n, o) => {
   const a = Object.entries(e), c = a.length;
   for (let l = 0; l < c; l++) {
     const [s, t] = a[l];
-    qe(t, Tr(n, s), r, o);
+    or(t, Nr(r, s), n, o);
   }
-}, Tr = (e, n) => {
-  let r = e;
-  const o = n.split(Re), a = o.length;
+}, Nr = (e, r) => {
+  let n = e;
+  const o = r.split(Ie), a = o.length;
   for (let c = 0; c < a; c++) {
     const l = o[c];
-    let s = r.nextPart.get(l);
-    s || (s = Pr(), r.nextPart.set(l, s)), r = s;
+    let s = n.nextPart.get(l);
+    s || (s = Tr(), n.nextPart.set(l, s)), n = s;
   }
-  return r;
-}, pn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, hn = (e) => {
+  return n;
+}, Sn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Cn = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -114,178 +151,178 @@ const ln = (e, n) => {
       set: () => {
       }
     };
-  let n = 0, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  let r = 0, n = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
   const a = (c, l) => {
-    r[c] = l, n++, n > e && (n = 0, o = r, r = /* @__PURE__ */ Object.create(null));
+    n[c] = l, r++, r > e && (r = 0, o = n, n = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(c) {
-      let l = r[c];
+      let l = n[c];
       if (l !== void 0)
         return l;
       if ((l = o[c]) !== void 0)
         return a(c, l), l;
     },
     set(c, l) {
-      c in r ? r[c] = l : a(c, l);
+      c in n ? n[c] = l : a(c, l);
     }
   };
-}, ze = "!", ir = ":", vn = [], dr = (e, n, r, o, a) => ({
+}, je = "!", _r = ":", An = [], gr = (e, r, n, o, a) => ({
   modifiers: e,
-  hasImportantModifier: n,
-  baseClassName: r,
+  hasImportantModifier: r,
+  baseClassName: n,
   maybePostfixModifierPosition: o,
   isExternal: a
-}), wn = (e) => {
+}), Dn = (e) => {
   const {
-    prefix: n,
-    experimentalParseClassName: r
+    prefix: r,
+    experimentalParseClassName: n
   } = e;
   let o = (a) => {
     const c = [];
     let l = 0, s = 0, t = 0, i;
     const d = a.length;
-    for (let w = 0; w < d; w++) {
-      const m = a[w];
+    for (let x = 0; x < d; x++) {
+      const u = a[x];
       if (l === 0 && s === 0) {
-        if (m === ir) {
-          c.push(a.slice(t, w)), t = w + 1;
+        if (u === _r) {
+          c.push(a.slice(t, x)), t = x + 1;
           continue;
         }
-        if (m === "/") {
-          i = w;
+        if (u === "/") {
+          i = x;
           continue;
         }
       }
-      m === "[" ? l++ : m === "]" ? l-- : m === "(" ? s++ : m === ")" && s--;
+      u === "[" ? l++ : u === "]" ? l-- : u === "(" ? s++ : u === ")" && s--;
     }
     const _ = c.length === 0 ? a : a.slice(t);
     let b = _, p = !1;
-    _.endsWith(ze) ? (b = _.slice(0, -1), p = !0) : (
+    _.endsWith(je) ? (b = _.slice(0, -1), p = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      _.startsWith(ze) && (b = _.slice(1), p = !0)
+      _.startsWith(je) && (b = _.slice(1), p = !0)
     );
-    const x = i && i > t ? i - t : void 0;
-    return dr(c, p, b, x);
+    const k = i && i > t ? i - t : void 0;
+    return gr(c, p, b, k);
   };
-  if (n) {
-    const a = n + ir, c = o;
-    o = (l) => l.startsWith(a) ? c(l.slice(a.length)) : dr(vn, !1, l, void 0, !0);
-  }
   if (r) {
+    const a = r + _r, c = o;
+    o = (l) => l.startsWith(a) ? c(l.slice(a.length)) : gr(An, !1, l, void 0, !0);
+  }
+  if (n) {
     const a = o;
-    o = (c) => r({
+    o = (c) => n({
       className: c,
       parseClassName: a
     });
   }
   return o;
-}, xn = (e) => {
-  const n = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((r, o) => {
-    n.set(r, 1e6 + o);
-  }), (r) => {
+}, Rn = (e) => {
+  const r = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((n, o) => {
+    r.set(n, 1e6 + o);
+  }), (n) => {
     const o = [];
     let a = [];
-    for (let c = 0; c < r.length; c++) {
-      const l = r[c], s = l[0] === "[", t = n.has(l);
+    for (let c = 0; c < n.length; c++) {
+      const l = n[c], s = l[0] === "[", t = r.has(l);
       s || t ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(l)) : a.push(l);
     }
     return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
-}, kn = (e) => ({
-  cache: hn(e.cacheSize),
-  parseClassName: wn(e),
-  sortModifiers: xn(e),
-  ...dn(e)
-}), Sn = /\s+/, Cn = (e, n) => {
+}, En = (e) => ({
+  cache: Cn(e.cacheSize),
+  parseClassName: Dn(e),
+  sortModifiers: Rn(e),
+  ...gn(e)
+}), Mn = /\s+/, In = (e, r) => {
   const {
-    parseClassName: r,
+    parseClassName: n,
     getClassGroupId: o,
     getConflictingClassGroupIds: a,
     sortModifiers: c
-  } = n, l = [], s = e.trim().split(Sn);
+  } = r, l = [], s = e.trim().split(Mn);
   let t = "";
   for (let i = s.length - 1; i >= 0; i -= 1) {
     const d = s[i], {
       isExternal: _,
       modifiers: b,
       hasImportantModifier: p,
-      baseClassName: x,
-      maybePostfixModifierPosition: w
-    } = r(d);
+      baseClassName: k,
+      maybePostfixModifierPosition: x
+    } = n(d);
     if (_) {
       t = d + (t.length > 0 ? " " + t : t);
       continue;
     }
-    let m = !!w, M = o(m ? x.substring(0, w) : x);
-    if (!M) {
-      if (!m) {
+    let u = !!x, E = o(u ? k.substring(0, x) : k);
+    if (!E) {
+      if (!u) {
         t = d + (t.length > 0 ? " " + t : t);
         continue;
       }
-      if (M = o(x), !M) {
+      if (E = o(k), !E) {
         t = d + (t.length > 0 ? " " + t : t);
         continue;
       }
-      m = !1;
+      u = !1;
     }
-    const L = b.length === 0 ? "" : b.length === 1 ? b[0] : c(b).join(":"), R = p ? L + ze : L, u = R + M;
-    if (l.indexOf(u) > -1)
+    const L = b.length === 0 ? "" : b.length === 1 ? b[0] : c(b).join(":"), R = p ? L + je : L, m = R + E;
+    if (l.indexOf(m) > -1)
       continue;
-    l.push(u);
-    const k = a(M, m);
-    for (let h = 0; h < k.length; ++h) {
-      const A = k[h];
+    l.push(m);
+    const S = a(E, u);
+    for (let h = 0; h < S.length; ++h) {
+      const A = S[h];
       l.push(R + A);
     }
     t = d + (t.length > 0 ? " " + t : t);
   }
   return t;
-}, An = (...e) => {
-  let n = 0, r, o, a = "";
-  for (; n < e.length; )
-    (r = e[n++]) && (o = Br(r)) && (a && (a += " "), a += o);
+}, Fn = (...e) => {
+  let r = 0, n, o, a = "";
+  for (; r < e.length; )
+    (n = e[r++]) && (o = Ur(n)) && (a && (a += " "), a += o);
   return a;
-}, Br = (e) => {
+}, Ur = (e) => {
   if (typeof e == "string")
     return e;
-  let n, r = "";
+  let r, n = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (n = Br(e[o])) && (r && (r += " "), r += n);
-  return r;
-}, Dn = (e, ...n) => {
-  let r, o, a, c;
+    e[o] && (r = Ur(e[o])) && (n && (n += " "), n += r);
+  return n;
+}, Pn = (e, ...r) => {
+  let n, o, a, c;
   const l = (t) => {
-    const i = n.reduce((d, _) => _(d), e());
-    return r = kn(i), o = r.cache.get, a = r.cache.set, c = s, s(t);
+    const i = r.reduce((d, _) => _(d), e());
+    return n = En(i), o = n.cache.get, a = n.cache.set, c = s, s(t);
   }, s = (t) => {
     const i = o(t);
     if (i)
       return i;
-    const d = Cn(t, r);
+    const d = In(t, n);
     return a(t, d), d;
   };
-  return c = l, (...t) => c(An(...t));
-}, Rn = [], I = (e) => {
-  const n = (r) => r[e] || Rn;
-  return n.isThemeGetter = !0, n;
-}, Nr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ur = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Mn = /^\d+\/\d+$/, En = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, In = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Fn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Pn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ln = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Q = (e) => Mn.test(e), S = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), Te = (e) => e.endsWith("%") && S(e.slice(0, -1)), j = (e) => En.test(e), Tn = () => !0, Bn = (e) => (
+  return c = l, (...t) => c(Fn(...t));
+}, Ln = [], M = (e) => {
+  const r = (n) => n[e] || Ln;
+  return r.isThemeGetter = !0, r;
+}, Gr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, $r = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Tn = /^\d+\/\d+$/, Bn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Nn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Un = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Gn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $n = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, le = (e) => Tn.test(e), C = (e) => !!e && !Number.isNaN(Number(e)), ee = (e) => !!e && Number.isInteger(Number(e)), $e = (e) => e.endsWith("%") && C(e.slice(0, -1)), J = (e) => Bn.test(e), zn = () => !0, On = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  In.test(e) && !Fn.test(e)
-), Gr = () => !1, Nn = (e) => Pn.test(e), Un = (e) => Ln.test(e), Gn = (e) => !y(e) && !f(e), zn = (e) => ce(e, Or, Gr), y = (e) => Nr.test(e), q = (e) => ce(e, Kr, Bn), Be = (e) => ce(e, jn, S), ur = (e) => ce(e, zr, Gr), $n = (e) => ce(e, $r, Un), he = (e) => ce(e, Vr, Nn), f = (e) => Ur.test(e), te = (e) => le(e, Kr), On = (e) => le(e, Hn), mr = (e) => le(e, zr), Kn = (e) => le(e, Or), Vn = (e) => le(e, $r), ve = (e) => le(e, Vr, !0), ce = (e, n, r) => {
-  const o = Nr.exec(e);
-  return o ? o[1] ? n(o[1]) : r(o[2]) : !1;
-}, le = (e, n, r = !1) => {
-  const o = Ur.exec(e);
-  return o ? o[1] ? n(o[1]) : r : !1;
-}, zr = (e) => e === "position" || e === "percentage", $r = (e) => e === "image" || e === "url", Or = (e) => e === "length" || e === "size" || e === "bg-size", Kr = (e) => e === "length", jn = (e) => e === "number", Hn = (e) => e === "family-name", Vr = (e) => e === "shadow", Wn = () => {
-  const e = I("color"), n = I("font"), r = I("text"), o = I("font-weight"), a = I("tracking"), c = I("leading"), l = I("breakpoint"), s = I("container"), t = I("spacing"), i = I("radius"), d = I("shadow"), _ = I("inset-shadow"), b = I("text-shadow"), p = I("drop-shadow"), x = I("blur"), w = I("perspective"), m = I("aspect"), M = I("ease"), L = I("animate"), R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], u = () => [
+  Nn.test(e) && !Un.test(e)
+), zr = () => !1, Kn = (e) => Gn.test(e), Vn = (e) => $n.test(e), jn = (e) => !y(e) && !f(e), Hn = (e) => de(e, Vr, zr), y = (e) => Gr.test(e), oe = (e) => de(e, jr, On), ze = (e) => de(e, qn, C), pr = (e) => de(e, Or, zr), Wn = (e) => de(e, Kr, Vn), xe = (e) => de(e, Hr, Kn), f = (e) => $r.test(e), ye = (e) => ue(e, jr), Zn = (e) => ue(e, Jn), br = (e) => ue(e, Or), Xn = (e) => ue(e, Vr), Yn = (e) => ue(e, Kr), ke = (e) => ue(e, Hr, !0), de = (e, r, n) => {
+  const o = Gr.exec(e);
+  return o ? o[1] ? r(o[1]) : n(o[2]) : !1;
+}, ue = (e, r, n = !1) => {
+  const o = $r.exec(e);
+  return o ? o[1] ? r(o[1]) : n : !1;
+}, Or = (e) => e === "position" || e === "percentage", Kr = (e) => e === "image" || e === "url", Vr = (e) => e === "length" || e === "size" || e === "bg-size", jr = (e) => e === "length", qn = (e) => e === "number", Jn = (e) => e === "family-name", Hr = (e) => e === "shadow", Qn = () => {
+  const e = M("color"), r = M("font"), n = M("text"), o = M("font-weight"), a = M("tracking"), c = M("leading"), l = M("breakpoint"), s = M("container"), t = M("spacing"), i = M("radius"), d = M("shadow"), _ = M("inset-shadow"), b = M("text-shadow"), p = M("drop-shadow"), k = M("blur"), x = M("perspective"), u = M("aspect"), E = M("ease"), L = M("animate"), R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], m = () => [
     "center",
     "top",
     "bottom",
@@ -303,15 +340,15 @@ const ln = (e, n) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], k = () => [...u(), f, y], h = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], g = () => [f, y, t], E = () => [Q, "full", "auto", ...g()], U = () => [W, "none", "subgrid", f, y], X = () => ["auto", {
-    span: ["full", W, f, y]
-  }, W, f, y], T = () => [W, "auto", f, y], ye = () => ["auto", "min", "max", "fr", f, y], fe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], J = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], V = () => ["auto", ...g()], Y = () => [Q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], v = () => [e, f, y], nr = () => [...u(), mr, ur, {
+  ], S = () => [...m(), f, y], h = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], g = () => [f, y, t], I = () => [le, "full", "auto", ...g()], N = () => [ee, "none", "subgrid", f, y], re = () => ["auto", {
+    span: ["full", ee, f, y]
+  }, ee, f, y], ne = () => [ee, "auto", f, y], me = () => ["auto", "min", "max", "fr", f, y], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], U = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], W = () => ["auto", ...g()], Q = () => [le, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], v = () => [e, f, y], sr = () => [...m(), br, pr, {
     position: [f, y]
-  }], or = () => ["no-repeat", {
+  }], ir = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ar = () => ["auto", "cover", "contain", Kn, zn, {
+  }], dr = () => ["auto", "cover", "contain", Xn, Hn, {
     size: [f, y]
-  }], Pe = () => [Te, te, q], B = () => [
+  }], Ue = () => [$e, ye, oe], T = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -319,35 +356,35 @@ const ln = (e, n) => {
     i,
     f,
     y
-  ], z = () => ["", S, te, q], _e = () => ["solid", "dashed", "dotted", "double"], cr = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [S, Te, mr, ur], lr = () => [
+  ], $ = () => ["", C, ye, oe], be = () => ["solid", "dashed", "dotted", "double"], ur = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [C, $e, br, pr], mr = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    x,
+    k,
     f,
     y
-  ], ge = () => ["none", S, f, y], be = () => ["none", S, f, y], Le = () => [S, f, y], pe = () => [Q, "full", ...g()];
+  ], he = () => ["none", C, f, y], ve = () => ["none", C, f, y], Ge = () => [C, f, y], we = () => [le, "full", ...g()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [j],
-      breakpoint: [j],
-      color: [Tn],
-      container: [j],
-      "drop-shadow": [j],
+      blur: [J],
+      breakpoint: [J],
+      color: [zn],
+      container: [J],
+      "drop-shadow": [J],
       ease: ["in", "out", "in-out"],
-      font: [Gn],
+      font: [jn],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [j],
+      "inset-shadow": [J],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [j],
-      shadow: [j],
-      spacing: ["px", S],
-      text: [j],
-      "text-shadow": [j],
+      radius: [J],
+      shadow: [J],
+      spacing: ["px", C],
+      text: [J],
+      "text-shadow": [J],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -359,7 +396,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Q, y, f, m]
+        aspect: ["auto", "square", le, y, f, u]
       }],
       /**
        * Container
@@ -372,7 +409,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [S, y, f, s]
+        columns: [C, y, f, s]
       }],
       /**
        * Break After
@@ -450,7 +487,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: k()
+        object: S()
       }],
       /**
        * Overflow
@@ -504,63 +541,63 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: E()
+        inset: I()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": E()
+        "inset-x": I()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": E()
+        "inset-y": I()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: E()
+        start: I()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: E()
+        end: I()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: E()
+        top: I()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: E()
+        right: I()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: E()
+        bottom: I()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: E()
+        left: I()
       }],
       /**
        * Visibility
@@ -572,7 +609,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [W, "auto", f, y]
+        z: [ee, "auto", f, y]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -582,7 +619,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Q, "full", "auto", s, ...g()]
+        basis: [le, "full", "auto", s, ...g()]
       }],
       /**
        * Flex Direction
@@ -603,84 +640,84 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [S, Q, "auto", "initial", "none", y]
+        flex: [C, le, "auto", "initial", "none", y]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", S, f, y]
+        grow: ["", C, f, y]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", S, f, y]
+        shrink: ["", C, f, y]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [W, "first", "last", "none", f, y]
+        order: [ee, "first", "last", "none", f, y]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": U()
+        "grid-cols": N()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: X()
+        col: re()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": T()
+        "col-start": ne()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": T()
+        "col-end": ne()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": U()
+        "grid-rows": N()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: X()
+        row: re()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": T()
+        "row-start": ne()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": T()
+        "row-end": ne()
       }],
       /**
        * Grid Auto Flow
@@ -694,14 +731,14 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ye()
+        "auto-cols": me()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ye()
+        "auto-rows": me()
       }],
       /**
        * Gap
@@ -729,35 +766,35 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...fe(), "normal"]
+        justify: [...q(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...J(), "normal"]
+        "justify-items": [...U(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...J()]
+        "justify-self": ["auto", ...U()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...fe()]
+        content: ["normal", ...q()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...J(), {
+        items: [...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -766,7 +803,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...J(), {
+        self: ["auto", ...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -775,21 +812,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": fe()
+        "place-content": q()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...J(), "baseline"]
+        "place-items": [...U(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...J()]
+        "place-self": ["auto", ...U()]
       }],
       // Spacing
       /**
@@ -860,63 +897,63 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: V()
+        m: W()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: V()
+        mx: W()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: V()
+        my: W()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: V()
+        ms: W()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: V()
+        me: W()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: V()
+        mt: W()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: V()
+        mr: W()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: V()
+        mb: W()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: V()
+        ml: W()
       }],
       /**
        * Space Between X
@@ -950,14 +987,14 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: Y()
+        size: Q()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [s, "screen", ...Y()]
+        w: [s, "screen", ...Q()]
       }],
       /**
        * Min-Width
@@ -969,7 +1006,7 @@ const ln = (e, n) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...Y()
+          ...Q()
         ]
       }],
       /**
@@ -987,7 +1024,7 @@ const ln = (e, n) => {
           {
             screen: [l]
           },
-          ...Y()
+          ...Q()
         ]
       }],
       /**
@@ -995,21 +1032,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...Y()]
+        h: ["screen", "lh", ...Q()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...Y()]
+        "min-h": ["screen", "lh", "none", ...Q()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...Y()]
+        "max-h": ["screen", "lh", ...Q()]
       }],
       // ------------------
       // --- Typography ---
@@ -1019,7 +1056,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, te, q]
+        text: ["base", n, ye, oe]
       }],
       /**
        * Font Smoothing
@@ -1036,21 +1073,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, f, Be]
+        font: [o, f, ze]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Te, y]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", $e, y]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [On, y, n]
+        font: [Zn, y, r]
       }],
       /**
        * Font Variant Numeric
@@ -1094,7 +1131,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [S, "none", f, Be]
+        "line-clamp": [C, "none", f, ze]
       }],
       /**
        * Line Height
@@ -1160,14 +1197,14 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [..._e(), "wavy"]
+        decoration: [...be(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [S, "from-font", "auto", f, q]
+        decoration: [C, "from-font", "auto", f, oe]
       }],
       /**
        * Text Decoration Color
@@ -1181,7 +1218,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [S, "auto", f, y]
+        "underline-offset": [C, "auto", f, y]
       }],
       /**
        * Text Transform
@@ -1278,21 +1315,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: nr()
+        bg: sr()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: or()
+        bg: ir()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ar()
+        bg: dr()
       }],
       /**
        * Background Image
@@ -1302,10 +1339,10 @@ const ln = (e, n) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, W, f, y],
+          }, ee, f, y],
           radial: ["", f, y],
-          conic: [W, f, y]
-        }, Vn, $n]
+          conic: [ee, f, y]
+        }, Yn, Wn]
       }],
       /**
        * Background Color
@@ -1319,21 +1356,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: Pe()
+        from: Ue()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: Pe()
+        via: Ue()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: Pe()
+        to: Ue()
       }],
       /**
        * Gradient Color Stops From
@@ -1364,175 +1401,175 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: B()
+        rounded: T()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": B()
+        "rounded-s": T()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": B()
+        "rounded-e": T()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": B()
+        "rounded-t": T()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": B()
+        "rounded-r": T()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": B()
+        "rounded-b": T()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": B()
+        "rounded-l": T()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": B()
+        "rounded-ss": T()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": B()
+        "rounded-se": T()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": B()
+        "rounded-ee": T()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": B()
+        "rounded-es": T()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": B()
+        "rounded-tl": T()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": B()
+        "rounded-tr": T()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": B()
+        "rounded-br": T()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": B()
+        "rounded-bl": T()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: z()
+        border: $()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": z()
+        "border-x": $()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": z()
+        "border-y": $()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": z()
+        "border-s": $()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": z()
+        "border-e": $()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": z()
+        "border-t": $()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": z()
+        "border-r": $()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": z()
+        "border-b": $()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": z()
+        "border-l": $()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": z()
+        "divide-x": $()
       }],
       /**
        * Divide Width X Reverse
@@ -1544,7 +1581,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": z()
+        "divide-y": $()
       }],
       /**
        * Divide Width Y Reverse
@@ -1556,14 +1593,14 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [..._e(), "hidden", "none"]
+        border: [...be(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [..._e(), "hidden", "none"]
+        divide: [...be(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1640,21 +1677,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [..._e(), "none", "hidden"]
+        outline: [...be(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [S, f, y]
+        "outline-offset": [C, f, y]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", S, te, q]
+        outline: ["", C, ye, oe]
       }],
       /**
        * Outline Color
@@ -1676,8 +1713,8 @@ const ln = (e, n) => {
           "",
           "none",
           d,
-          ve,
-          he
+          ke,
+          xe
         ]
       }],
       /**
@@ -1692,7 +1729,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", _, ve, he]
+        "inset-shadow": ["none", _, ke, xe]
       }],
       /**
        * Inset Box Shadow Color
@@ -1706,7 +1743,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: z()
+        ring: $()
       }],
       /**
        * Ring Width Inset
@@ -1729,7 +1766,7 @@ const ln = (e, n) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [S, q]
+        "ring-offset": [C, oe]
       }],
       /**
        * Ring Offset Color
@@ -1745,7 +1782,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": z()
+        "inset-ring": $()
       }],
       /**
        * Inset Ring Color
@@ -1759,7 +1796,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", b, ve, he]
+        "text-shadow": ["none", b, ke, xe]
       }],
       /**
        * Text Shadow Color
@@ -1773,21 +1810,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [S, f, y]
+        opacity: [C, f, y]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...cr(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ur(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": cr()
+        "bg-blend": ur()
       }],
       /**
        * Mask Clip
@@ -1808,7 +1845,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [S]
+        "mask-linear": [C]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": F()
@@ -1919,10 +1956,10 @@ const ln = (e, n) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": u()
+        "mask-radial-at": m()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [S]
+        "mask-conic": [C]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": F()
@@ -1955,21 +1992,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: nr()
+        mask: sr()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: or()
+        mask: ir()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: ar()
+        mask: dr()
       }],
       /**
        * Mask Type
@@ -2006,21 +2043,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: lr()
+        blur: mr()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [S, f, y]
+        brightness: [C, f, y]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [S, f, y]
+        contrast: [C, f, y]
       }],
       /**
        * Drop Shadow
@@ -2032,8 +2069,8 @@ const ln = (e, n) => {
           "",
           "none",
           p,
-          ve,
-          he
+          ke,
+          xe
         ]
       }],
       /**
@@ -2048,35 +2085,35 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", S, f, y]
+        grayscale: ["", C, f, y]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [S, f, y]
+        "hue-rotate": [C, f, y]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", S, f, y]
+        invert: ["", C, f, y]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [S, f, y]
+        saturate: [C, f, y]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", S, f, y]
+        sepia: ["", C, f, y]
       }],
       /**
        * Backdrop Filter
@@ -2096,63 +2133,63 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": lr()
+        "backdrop-blur": mr()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [S, f, y]
+        "backdrop-brightness": [C, f, y]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [S, f, y]
+        "backdrop-contrast": [C, f, y]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", S, f, y]
+        "backdrop-grayscale": ["", C, f, y]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [S, f, y]
+        "backdrop-hue-rotate": [C, f, y]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", S, f, y]
+        "backdrop-invert": ["", C, f, y]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [S, f, y]
+        "backdrop-opacity": [C, f, y]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [S, f, y]
+        "backdrop-saturate": [C, f, y]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", S, f, y]
+        "backdrop-sepia": ["", C, f, y]
       }],
       // --------------
       // --- Tables ---
@@ -2221,21 +2258,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [S, "initial", f, y]
+        duration: [C, "initial", f, y]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", M, f, y]
+        ease: ["linear", "initial", E, f, y]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [S, f, y]
+        delay: [C, f, y]
       }],
       /**
        * Animation
@@ -2259,70 +2296,70 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [w, f, y]
+        perspective: [x, f, y]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": k()
+        "perspective-origin": S()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ge()
+        rotate: he()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ge()
+        "rotate-x": he()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ge()
+        "rotate-y": he()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ge()
+        "rotate-z": he()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: be()
+        scale: ve()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": be()
+        "scale-x": ve()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": be()
+        "scale-y": ve()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": be()
+        "scale-z": ve()
       }],
       /**
        * Scale 3D
@@ -2334,21 +2371,21 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: Le()
+        skew: Ge()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": Le()
+        "skew-x": Ge()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": Le()
+        "skew-y": Ge()
       }],
       /**
        * Transform
@@ -2362,7 +2399,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: k()
+        origin: S()
       }],
       /**
        * Transform Style
@@ -2376,28 +2413,28 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: pe()
+        translate: we()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": pe()
+        "translate-x": we()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": pe()
+        "translate-y": we()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": pe()
+        "translate-z": we()
       }],
       /**
        * Translate None
@@ -2679,7 +2716,7 @@ const ln = (e, n) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [S, te, q, Be]
+        stroke: [C, ye, oe, ze]
       }],
       /**
        * Stroke
@@ -2754,22 +2791,44 @@ const ln = (e, n) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, oe = /* @__PURE__ */ Dn(Wn), Zn = {
+}, ce = /* @__PURE__ */ Pn(Qn), eo = {
   auto: "h-auto text-base",
   40: "h-10 text-sm",
   44: "h-11 text-base",
   48: "h-12 text-xl"
-}, Xn = {
+}, ro = {
   none: "rounded-0",
   8: "rounded-lg",
   12: "rounded-xl",
   16: "rounded-2xl",
   full: "rounded-full"
-}, yr = "disabled:bg-base-neutral-100   disabled:from-base-neutral-100 disabled:to-base-neutral-100 disabled:border-base-neutral-100", Yn = {
-  primary: `bg-linear-to-tr border border-transparent from-primary-orange-500 active:bg-clip-padding active:outline active:outline-primary-orange-500  to-primary-red-700 hover:from-[#C44417] hover:to-[#921C20] font-medium justify-center px-4 text-white ${yr} `,
-  secondary: `border border-primary-orange-500  text-primary-orange-500 active:border-transparent active:bg-clip-padding active:outline active:outline-primary-orange-500  font-medium justify-center px-4 hover:text-white hover:bg-primary-orange-500 ${yr}`,
+}, no = {
+  primary: "bg-linear-to-tr border border-transparent from-primary-orange-500 active:bg-clip-padding active:outline active:outline-primary-orange-500  to-primary-red-700 hover:from-[#C44417] hover:to-[#921C20] font-medium justify-center px-4 text-white disabled-fill-button",
+  secondary: "border border-primary-orange-500  text-primary-orange-500 active:border-transparent active:bg-clip-padding active:outline active:outline-primary-orange-500  font-medium justify-center px-4 hover:text-white hover:bg-primary-orange-500 disabled-fill-button",
   ghost: "bg-transparent font-medium justify-center"
-}, Ca = /* @__PURE__ */ Z({
+}, oo = {
+  12: "text-xs",
+  14: "text-sm",
+  16: "text-base",
+  18: "lg:text-lg text-base",
+  20: "lg:text-xl text-lg",
+  24: "lg:text-2xl text-xl",
+  30: "lg:text-3xl text-2xl",
+  32: "lg:text-3.5xl text-2xl",
+  36: "lg:text-4xl text-3.5xl",
+  40: "lg:text-4.5xl text-3.5xl",
+  48: "lg:text-5xl text-4.5xl"
+}, ao = {
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold"
+}, co = {
+  white: "text-white",
+  black: "text-base-neutral-800"
+}, lo = {
+  poppins: "font-poppins"
+}, Ma = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -2786,43 +2845,43 @@ const ln = (e, n) => {
     iconClassList: {}
   },
   setup(e) {
-    const n = nn(), r = e, o = K(
+    const r = an(), n = e, o = O(
       () => {
-        const a = Yn[r.variant], c = Zn[r.size], l = Xn[r.radius], s = ["mds-button", "flex", "items-center", "group", "whitespace-nowrap", "transition-all", "duration-500"];
-        return r.iconPosition === "end" && r.icon && s.push("flex-row-reverse", "gap-2"), oe(a, c, l, s, r.classList);
+        const a = no[n.variant], c = eo[n.size], l = ro[n.radius], s = ["flex", "items-center", "group", "whitespace-nowrap", "transition-all", "duration-500"];
+        return n.iconPosition === "end" && n.icon && s.push("flex-row-reverse", "gap-2"), ce(a, c, l, s, n.classList);
       }
     );
     return (a, c) => {
-      const l = He("Iconsax");
-      return C(), H(Ar(e.to ? "router-link" : "button"), Dr({
+      const l = Z("Iconsax");
+      return w(), B(qe(e.to ? "router-link" : "m-button"), Ir({
         to: e.to,
         class: o.value,
         disabled: e.loading
-      }, Ce(n)), {
-        default: Rr(() => [
-          e.loading ? (C(), H(l, {
+      }, Re(r)), {
+        default: K(() => [
+          e.loading ? (w(), B(l, {
             key: 0,
             name: "svg-spinners:180-ring-with-bg",
             class: "text-2xl"
-          })) : (C(), D(ee, { key: 1 }, [
-            re(a.$slots, "before"),
-            e.icon ? (C(), H(l, {
+          })) : (w(), D(te, { key: 1 }, [
+            X(a.$slots, "before"),
+            e.icon ? (w(), B(l, {
               key: 0,
               name: e.icon,
-              class: O(e.iconClassList)
+              class: H(e.iconClassList)
             }, null, 8, ["name", "class"])) : G("", !0),
-            e.text ? (C(), D("span", {
+            e.text ? (w(), D("span", {
               key: 1,
-              class: O(e.textClassList)
-            }, $(e.text), 3)) : G("", !0),
-            re(a.$slots, "default")
+              class: H(e.textClassList)
+            }, z(e.text), 3)) : G("", !0),
+            X(a.$slots, "default")
           ], 64))
         ]),
         _: 3
       }, 16, ["to", "class", "disabled"]);
     };
   }
-}), qn = ["icon-name"], $e = /* @__PURE__ */ Z({
+}), to = ["icon-name"], He = /* @__PURE__ */ V({
   __name: "Iconsax",
   props: {
     name: {},
@@ -2830,33 +2889,42 @@ const ln = (e, n) => {
     size: { default: 24 }
   },
   setup(e) {
-    return (n, r) => (C(), D("i", {
+    return (r, n) => (w(), D("i", {
       class: "iconsax",
-      style: We({ color: e.color, fontSize: e.size + "px" }),
+      style: Je({ color: e.color, fontSize: e.size + "px" }),
       "icon-name": e.name
-    }, null, 12, qn));
+    }, null, 12, to));
   }
-}), Jn = { key: 0 }, Qn = { class: "list-disc list-inside grid gap-0.5 text-xs mt-2 text-red-400" }, eo = /* @__PURE__ */ Z({
+}), so = { key: 0 }, io = /* @__PURE__ */ V({
   __name: "Error",
   props: {
     errors: {}
   },
   setup(e) {
-    return (n, r) => {
-      var o;
-      return (o = e.errors) != null && o.length ? (C(), D("div", Jn, [
-        P("ul", Qn, [
-          (C(!0), D(ee, null, Ze(e.errors, (a, c) => (C(), D("li", { key: c }, $(a), 1))), 128))
-        ])
+    return (r, n) => {
+      var c;
+      const o = Z("m-li"), a = Z("m-ul");
+      return (c = e.errors) != null && c.length ? (w(), D("div", so, [
+        Y(a, { class: "list-disc list-inside grid gap-0.5 text-xs mt-2 text-red-400" }, {
+          default: K(() => [
+            (w(!0), D(te, null, Qe(e.errors, (l, s) => (w(), B(o, { key: s }, {
+              default: K(() => [
+                ae(z(l), 1)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        })
       ])) : G("", !0);
     };
   }
-}), Je = (e, n) => {
-  const r = e.__vccOpts || e;
-  for (const [o, a] of n)
-    r[o] = a;
-  return r;
-}, Aa = /* @__PURE__ */ Je(eo, [["__scopeId", "data-v-bc42036c"]]), Ne = [
+}), ar = (e, r) => {
+  const n = e.__vccOpts || e;
+  for (const [o, a] of r)
+    n[o] = a;
+  return n;
+}, Ia = /* @__PURE__ */ ar(io, [["__scopeId", "data-v-711d4930"]]), Oe = [
   {
     name: "Afghanistan",
     dial_code: "+93",
@@ -5455,20 +5523,20 @@ const ln = (e, n) => {
     currency_symbol: "€"
   }
 ];
-function ro(e, n, r = "click") {
+function uo(e, r, n = "click") {
   const o = (a) => {
     try {
-      const c = Ce(e);
+      const c = Re(e);
       if (!c) return;
       const l = a == null ? void 0 : a.target;
       if (!l) return;
-      c.contains(l) || n(a);
+      c.contains(l) || r(a);
     } catch {
     }
   };
-  Ee(() => document.addEventListener(r, o)), Mr(() => document.removeEventListener(r, o));
+  pe(() => document.addEventListener(n, o)), er(() => document.removeEventListener(n, o));
 }
-const no = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, oo = { class: "mx-2 opacity-60" }, ao = ["onClick", "aria-label"], co = /* @__PURE__ */ Z({
+const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo = { class: "mx-2 opacity-60" }, fo = /* @__PURE__ */ V({
   __name: "CountryCode",
   props: {
     modelValue: { default: "+964" },
@@ -5476,92 +5544,101 @@ const no = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, oo =
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ne(e, "modelValue"), r = N(!1), o = N(null), a = N(null), c = N({}), l = N(null), s = N(), t = K(() => Ne.find((p) => p.dial_code == n.value)), i = K(() => {
-      if (b(), !s.value) return Ne;
+    const r = se(e, "modelValue"), n = P(!1), o = P(null), a = P(null), c = P({}), l = P(null), s = P(), t = O(() => Oe.find((p) => p.dial_code == r.value)), i = O(() => {
+      if (b(), !s.value) return Oe;
       let p = s.value.toLocaleLowerCase();
-      return Ne.filter((x) => {
-        var w, m;
-        return x.name.toLocaleLowerCase().includes(p) || ((w = x.local_name) == null ? void 0 : w.toLocaleLowerCase().includes(p)) || ((m = x.code) == null ? void 0 : m.toLocaleLowerCase().includes(p)) || x.dial_code.toLocaleLowerCase().includes(p);
+      return Oe.filter((k) => {
+        var x, u;
+        return k.name.toLocaleLowerCase().includes(p) || ((x = k.local_name) == null ? void 0 : x.toLocaleLowerCase().includes(p)) || ((u = k.code) == null ? void 0 : u.toLocaleLowerCase().includes(p)) || k.dial_code.toLocaleLowerCase().includes(p);
       });
     }), d = (p) => {
-      n.value = p, s.value = void 0, r.value = !1;
+      r.value = p, s.value = void 0, n.value = !1;
     }, _ = () => {
-      r.value = !r.value, r.value && setTimeout(b, 0);
+      n.value = !n.value, n.value && setTimeout(b, 0);
     }, b = () => {
       if (!l.value || !a.value || !o.value) return;
-      const p = l.value.getBoundingClientRect(), x = o.value.getBoundingClientRect(), w = a.value.offsetHeight, m = window.innerHeight - p.bottom, M = p.top, L = w > m && M > w, R = p.left - x.left, u = L ? p.top - x.top - w - 5 : p.bottom - x.top + 5;
+      const p = l.value.getBoundingClientRect(), k = o.value.getBoundingClientRect(), x = a.value.offsetHeight, u = window.innerHeight - p.bottom, E = p.top, L = x > u && E > x, R = p.left - k.left, m = L ? p.top - k.top - x - 5 : p.bottom - k.top + 5;
       c.value = {
         position: "absolute",
         left: `${R}px`,
-        top: `${u}px`,
+        top: `${m}px`,
         width: `${p.width}px`
       };
     };
-    return Ee(() => {
+    return pe(() => {
       window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
-    }), Xe(() => {
+    }), rr(() => {
       window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
-    }), ro(o, () => {
-      r.value = !1;
-    }), (p, x) => {
-      var w;
-      return C(), D("div", {
+    }), uo(o, () => {
+      n.value = !1;
+    }), (p, k) => {
+      const x = Z("m-button");
+      return w(), D("div", {
         ref_key: "wrapperRef",
         ref: o,
         class: "text-sm relative"
       }, [
-        P("div", no, [
-          P("div", {
+        j("div", mo, [
+          Y(x, {
             ref_key: "buttonRef",
             ref: l,
             onClick: _,
             type: "button",
-            class: "flex gap-1 items-center cursor-pointer mds-button",
+            class: "flex gap-1 items-center cursor-pointer",
             "aria-label": "Select Country Code"
-          }, [
-            P("span", oo, $((w = t.value) == null ? void 0 : w.dial_code), 1)
-          ], 512),
-          x[1] || (x[1] = P("span", null, null, -1))
+          }, {
+            default: K(() => {
+              var u;
+              return [
+                j("span", yo, z((u = t.value) == null ? void 0 : u.dial_code), 1)
+              ];
+            }),
+            _: 1
+          }, 512),
+          k[1] || (k[1] = j("span", null, null, -1))
         ]),
-        P("div", {
-          class: O(["absolute rounded-lg min-w-36 border border-base-neutral-100 text-sm bg-base-neutral-50 start-0 z-10", r.value ? "border overflow-hidden h-48" : "h-0 overflow-hidden border-0"]),
+        j("div", {
+          class: H(["absolute rounded-lg min-w-36 border border-base-neutral-100 text-sm bg-base-neutral-50 start-0 z-10", n.value ? "border overflow-hidden h-48" : "h-0 overflow-hidden border-0"]),
           ref_key: "dropdownRef",
           ref: a,
-          style: We(c.value)
+          style: Je(c.value)
         }, [
-          Er(P("input", {
+          Fr(j("input", {
             name: "search",
-            "onUpdate:modelValue": x[0] || (x[0] = (m) => s.value = m),
+            "onUpdate:modelValue": k[0] || (k[0] = (u) => s.value = u),
             placeholder: "search",
             class: "w-full focus:ring-0 border-b h-12 border-base-neutral-100 focus:outline-none px-3 py-2"
           }, null, 512), [
-            [Ir, s.value]
+            [Pr, s.value]
           ]),
-          P("div", {
-            class: O(["no-scrollbar", r.value ? "max-h-36 min-h-12 overflow-y-auto" : "h-0 overflow-hidden"])
+          j("div", {
+            class: H(["no-scrollbar", n.value ? "max-h-36 min-h-12 overflow-y-auto" : "h-0 overflow-hidden"])
           }, [
-            (C(!0), D(ee, null, Ze(i.value, (m) => (C(), D("button", {
+            (w(!0), D(te, null, Qe(i.value, (u) => (w(), B(x, {
               type: "button",
-              onClick: (M) => d(m.dial_code),
+              onClick: (E) => d(u.dial_code),
               class: "flex gap-2 w-full hover:bg-base-neutral-100/30 border-b last-of-type:border-0 border-base-neutral-100 px-3 h-12 items-center",
-              "aria-label": `Select country code ${m.name}`
-            }, [
-              P("span", null, [
-                de($(m.code) + "   ", 1),
-                P("span", null, $(m.dial_code), 1)
-              ])
-            ], 8, ao))), 256))
+              "aria-label": `Select country code ${u.name}`
+            }, {
+              default: K(() => [
+                j("span", null, [
+                  ae(z(u.code) + "   ", 1),
+                  j("span", null, z(u.dial_code), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["onClick", "aria-label"]))), 256))
           ], 2)
         ], 6)
       ], 512);
     };
   }
-}), lo = { class: "main-input" }, to = ["for"], so = {
+}), _o = { class: "main-input" }, go = {
   key: 0,
   class: "text-red-500"
-}, io = { class: "relative w-full" }, uo = /* @__PURE__ */ Z({
+}, po = { class: "relative w-full" }, bo = /* @__PURE__ */ V({
   __name: "Input",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ nr({
     id: {},
     label: {},
     type: { default: "text" },
@@ -5581,58 +5658,64 @@ const no = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, oo =
   }),
   emits: ["update:code", "update:modelValue"],
   setup(e) {
-    const n = e, r = N(!1), o = ne(e, "code"), a = ne(e, "modelValue"), c = K(() => {
-      let t = "text-sm w-full bg-off-white border border-off-white hover:border-base-neutral-300 focus:border-primary-red-700 focus:ring-0 outline-none transition-all duration-300 px-3 text-black placeholder:text-base-neutral-300 disabled:bg-input-disabled-bg disabled:text-base-neutral-200";
-      return n.tag === "input" && (t += " h-12"), n.tag === "textarea" && (t += " resize-none min-h-12 pt-3"), n.type === "tel" && (t += " ps-12"), n.type === "password" && (t += " pe-12"), n.rounded === "full" ? t += " rounded-full" : n.rounded === "lg" ? t += " rounded-lg" : t += " rounded-xl", oe(t, n.classList);
-    }), l = K(() => oe("font-medium text-base flex mb-1", n.labelClassList)), s = (t) => {
-      a.value = t.target.value, n.tag === "textarea" && (t.target.style.height = "auto", t.target.style.height = t.target.scrollHeight + "px");
+    const r = e, n = P(!1), o = se(e, "code"), a = se(e, "modelValue"), c = O(() => {
+      let t = "text-sm w-full bg-off-white border border-off-white hover:border-base-neutral-300 focus:border-primary-red-700 focus:ring-0 outline-none transition-all duration-300 px-3 text-black placeholder:text-base-neutral-300 disabled:bg-input-disabled-bg disabled:text-base-neutral-200 focus-visible:outline-none";
+      return r.tag === "input" && (t += " h-12"), r.tag === "textarea" && (t += " resize-none min-h-12 pt-3"), r.type === "tel" && (t += " ps-12"), r.type === "password" && (t += " pe-12"), r.rounded === "full" ? t += " rounded-full" : r.rounded === "lg" ? t += " rounded-lg" : t += " rounded-xl", ce(t, r.classList);
+    }), l = O(() => ce("font-medium text-base flex mb-1", r.labelClassList)), s = (t) => {
+      a.value = t.target.value, r.tag === "textarea" && (t.target.style.height = "auto", t.target.style.height = t.target.scrollHeight + "px");
     };
     return (t, i) => {
-      var _;
-      const d = He("AppFormError");
-      return C(), D("div", lo, [
-        P("label", {
+      var p;
+      const d = Z("m-label"), _ = Z("m-button"), b = Z("AppFormError");
+      return w(), D("div", _o, [
+        Y(d, {
           for: e.id,
-          class: O(l.value)
-        }, [
-          de($(e.label) + " ", 1),
-          e.required ? (C(), D("span", so, "*")) : G("", !0)
-        ], 10, to),
-        P("div", io, [
-          e.type === "tel" ? (C(), H(co, {
+          class: H(l.value)
+        }, {
+          default: K(() => [
+            ae(z(e.label) + " ", 1),
+            e.required ? (w(), D("span", go, "*")) : G("", !0)
+          ]),
+          _: 1
+        }, 8, ["for", "class"]),
+        j("div", po, [
+          e.type === "tel" ? (w(), B(fo, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (b) => o.value = b)
+            "onUpdate:modelValue": i[0] || (i[0] = (k) => o.value = k)
           }, null, 8, ["modelValue"])) : G("", !0),
-          (C(), H(Ar(e.tag), Dr({
+          (w(), B(qe(e.tag), Ir({
             value: a.value,
             onInput: s,
             id: e.id,
-            type: r.value ? "text" : e.type,
+            type: n.value ? "text" : e.type,
             placeholder: e.placeholder,
             class: c.value,
-            error: !!((_ = e.errors) != null && _.length)
+            error: !!((p = e.errors) != null && p.length)
           }, t.$attrs), null, 16, ["value", "id", "type", "placeholder", "class", "error"])),
-          re(t.$slots, "prefix", {}, void 0, !0),
-          e.type === "password" ? (C(), D("button", {
+          X(t.$slots, "prefix", {}, void 0, !0),
+          e.type === "password" ? (w(), B(_, {
             key: 1,
-            class: "absolute end-4 top-3 mds-button",
+            class: "absolute end-4 top-3",
             type: "button",
-            onClick: i[1] || (i[1] = Ae((b) => r.value = !r.value, ["stop"])),
+            onClick: i[1] || (i[1] = Ee((k) => n.value = !n.value, ["stop"])),
             "aria-label": "Toggle Password Visibility"
-          }, [
-            ue($e, {
-              name: r.value ? "eye" : "eye-slash",
-              class: "text-black",
-              size: "20"
-            }, null, 8, ["name"])
-          ])) : G("", !0)
+          }, {
+            default: K(() => [
+              Y(He, {
+                name: n.value ? "eye" : "eye-slash",
+                class: "text-black",
+                size: "20"
+              }, null, 8, ["name"])
+            ]),
+            _: 1
+          })) : G("", !0)
         ]),
-        ue(d, { errors: e.errors }, null, 8, ["errors"])
+        Y(b, { errors: e.errors }, null, 8, ["errors"])
       ]);
     };
   }
-}), Da = /* @__PURE__ */ Je(uo, [["__scopeId", "data-v-57dc2571"]]), jr = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ie = (e, n, r, o = "") => {
+}), Fa = /* @__PURE__ */ ar(bo, [["__scopeId", "data-v-2aa6571e"]]), Wr = /^[a-z0-9]+(-[a-z0-9]+)*$/, Be = (e, r, n, o = "") => {
   const a = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (a.length < 2 || a.length > 3)
@@ -5648,7 +5731,7 @@ const no = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, oo =
       prefix: t,
       name: s
     };
-    return n && !xe(i) ? null : i;
+    return r && !Ce(i) ? null : i;
   }
   const c = a[0], l = c.split("-");
   if (l.length > 1) {
@@ -5657,54 +5740,54 @@ const no = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, oo =
       prefix: l.shift(),
       name: l.join("-")
     };
-    return n && !xe(s) ? null : s;
+    return r && !Ce(s) ? null : s;
   }
-  if (r && o === "") {
+  if (n && o === "") {
     const s = {
       provider: o,
       prefix: "",
       name: c
     };
-    return n && !xe(s, r) ? null : s;
+    return r && !Ce(s, n) ? null : s;
   }
   return null;
-}, xe = (e, n) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+}, Ce = (e, r) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
-((n && e.prefix === "" || e.prefix) && e.name) : !1, Hr = Object.freeze(
+((r && e.prefix === "" || e.prefix) && e.name) : !1, Zr = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), Me = Object.freeze({
+), Fe = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), Fe = Object.freeze({
-  ...Hr,
-  ...Me
-}), Oe = Object.freeze({
-  ...Fe,
+}), Ne = Object.freeze({
+  ...Zr,
+  ...Fe
+}), We = Object.freeze({
+  ...Ne,
   body: "",
   hidden: !1
 });
-function mo(e, n) {
-  const r = {};
-  !e.hFlip != !n.hFlip && (r.hFlip = !0), !e.vFlip != !n.vFlip && (r.vFlip = !0);
-  const o = ((e.rotate || 0) + (n.rotate || 0)) % 4;
-  return o && (r.rotate = o), r;
+function ho(e, r) {
+  const n = {};
+  !e.hFlip != !r.hFlip && (n.hFlip = !0), !e.vFlip != !r.vFlip && (n.vFlip = !0);
+  const o = ((e.rotate || 0) + (r.rotate || 0)) % 4;
+  return o && (n.rotate = o), n;
 }
-function fr(e, n) {
-  const r = mo(e, n);
-  for (const o in Oe)
-    o in Me ? o in e && !(o in r) && (r[o] = Me[o]) : o in n ? r[o] = n[o] : o in e && (r[o] = e[o]);
-  return r;
+function hr(e, r) {
+  const n = ho(e, r);
+  for (const o in We)
+    o in Fe ? o in e && !(o in n) && (n[o] = Fe[o]) : o in r ? n[o] = r[o] : o in e && (n[o] = e[o]);
+  return n;
 }
-function yo(e, n) {
-  const r = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null), a = /* @__PURE__ */ Object.create(null);
+function vo(e, r) {
+  const n = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null), a = /* @__PURE__ */ Object.create(null);
   function c(l) {
-    if (r[l])
+    if (n[l])
       return a[l] = [];
     if (!(l in a)) {
       a[l] = null;
@@ -5713,168 +5796,168 @@ function yo(e, n) {
     }
     return a[l];
   }
-  return Object.keys(r).concat(Object.keys(o)).forEach(c), a;
+  return Object.keys(n).concat(Object.keys(o)).forEach(c), a;
 }
-function fo(e, n, r) {
+function wo(e, r, n) {
   const o = e.icons, a = e.aliases || /* @__PURE__ */ Object.create(null);
   let c = {};
   function l(s) {
-    c = fr(
+    c = hr(
       o[s] || a[s],
       c
     );
   }
-  return l(n), r.forEach(l), fr(e, c);
+  return l(r), n.forEach(l), hr(e, c);
 }
-function Wr(e, n) {
-  const r = [];
+function Xr(e, r) {
+  const n = [];
   if (typeof e != "object" || typeof e.icons != "object")
-    return r;
+    return n;
   e.not_found instanceof Array && e.not_found.forEach((a) => {
-    n(a, null), r.push(a);
+    r(a, null), n.push(a);
   });
-  const o = yo(e);
+  const o = vo(e);
   for (const a in o) {
     const c = o[a];
-    c && (n(a, fo(e, a, c)), r.push(a));
+    c && (r(a, wo(e, a, c)), n.push(a));
   }
-  return r;
+  return n;
 }
-const _o = {
+const xo = {
   provider: "",
   aliases: {},
   not_found: {},
-  ...Hr
+  ...Zr
 };
-function Ue(e, n) {
-  for (const r in n)
-    if (r in e && typeof e[r] != typeof n[r])
+function Ke(e, r) {
+  for (const n in r)
+    if (n in e && typeof e[n] != typeof r[n])
       return !1;
   return !0;
 }
-function Zr(e) {
+function Yr(e) {
   if (typeof e != "object" || e === null)
     return null;
-  const n = e;
-  if (typeof n.prefix != "string" || !e.icons || typeof e.icons != "object" || !Ue(e, _o))
+  const r = e;
+  if (typeof r.prefix != "string" || !e.icons || typeof e.icons != "object" || !Ke(e, xo))
     return null;
-  const r = n.icons;
-  for (const a in r) {
-    const c = r[a];
+  const n = r.icons;
+  for (const a in n) {
+    const c = n[a];
     if (
       // Name cannot be empty
       !a || // Must have body
       typeof c.body != "string" || // Check other props
-      !Ue(
+      !Ke(
         c,
-        Oe
+        We
       )
     )
       return null;
   }
-  const o = n.aliases || /* @__PURE__ */ Object.create(null);
+  const o = r.aliases || /* @__PURE__ */ Object.create(null);
   for (const a in o) {
     const c = o[a], l = c.parent;
     if (
       // Name cannot be empty
       !a || // Parent must be set and point to existing icon
-      typeof l != "string" || !r[l] && !o[l] || // Check other props
-      !Ue(
+      typeof l != "string" || !n[l] && !o[l] || // Check other props
+      !Ke(
         c,
-        Oe
+        We
       )
     )
       return null;
   }
-  return n;
+  return r;
 }
-const _r = /* @__PURE__ */ Object.create(null);
-function go(e, n) {
+const vr = /* @__PURE__ */ Object.create(null);
+function ko(e, r) {
   return {
     provider: e,
-    prefix: n,
+    prefix: r,
     icons: /* @__PURE__ */ Object.create(null),
     missing: /* @__PURE__ */ new Set()
   };
 }
-function ae(e, n) {
-  const r = _r[e] || (_r[e] = /* @__PURE__ */ Object.create(null));
-  return r[n] || (r[n] = go(e, n));
+function ie(e, r) {
+  const n = vr[e] || (vr[e] = /* @__PURE__ */ Object.create(null));
+  return n[r] || (n[r] = ko(e, r));
 }
-function Xr(e, n) {
-  return Zr(n) ? Wr(n, (r, o) => {
-    o ? e.icons[r] = o : e.missing.add(r);
+function qr(e, r) {
+  return Yr(r) ? Xr(r, (n, o) => {
+    o ? e.icons[n] = o : e.missing.add(n);
   }) : [];
 }
-function bo(e, n, r) {
+function So(e, r, n) {
   try {
-    if (typeof r.body == "string")
-      return e.icons[n] = { ...r }, !0;
+    if (typeof n.body == "string")
+      return e.icons[r] = { ...n }, !0;
   } catch {
   }
   return !1;
 }
-let me = !1;
-function Yr(e) {
-  return typeof e == "boolean" && (me = e), me;
+let ge = !1;
+function Jr(e) {
+  return typeof e == "boolean" && (ge = e), ge;
 }
-function po(e) {
-  const n = typeof e == "string" ? Ie(e, !0, me) : e;
-  if (n) {
-    const r = ae(n.provider, n.prefix), o = n.name;
-    return r.icons[o] || (r.missing.has(o) ? null : void 0);
+function Co(e) {
+  const r = typeof e == "string" ? Be(e, !0, ge) : e;
+  if (r) {
+    const n = ie(r.provider, r.prefix), o = r.name;
+    return n.icons[o] || (n.missing.has(o) ? null : void 0);
   }
 }
-function ho(e, n) {
-  const r = Ie(e, !0, me);
-  if (!r)
+function Ao(e, r) {
+  const n = Be(e, !0, ge);
+  if (!n)
     return !1;
-  const o = ae(r.provider, r.prefix);
-  return n ? bo(o, r.name, n) : (o.missing.add(r.name), !0);
+  const o = ie(n.provider, n.prefix);
+  return r ? So(o, n.name, r) : (o.missing.add(n.name), !0);
 }
-function vo(e, n) {
+function Do(e, r) {
   if (typeof e != "object")
     return !1;
-  if (typeof n != "string" && (n = e.provider || ""), me && !n && !e.prefix) {
+  if (typeof r != "string" && (r = e.provider || ""), ge && !r && !e.prefix) {
     let a = !1;
-    return Zr(e) && (e.prefix = "", Wr(e, (c, l) => {
-      ho(c, l) && (a = !0);
+    return Yr(e) && (e.prefix = "", Xr(e, (c, l) => {
+      Ao(c, l) && (a = !0);
     })), a;
   }
-  const r = e.prefix;
-  if (!xe({
-    prefix: r,
+  const n = e.prefix;
+  if (!Ce({
+    prefix: n,
     name: "a"
   }))
     return !1;
-  const o = ae(n, r);
-  return !!Xr(o, e);
+  const o = ie(r, n);
+  return !!qr(o, e);
 }
-const qr = Object.freeze({
+const Qr = Object.freeze({
   width: null,
   height: null
-}), Jr = Object.freeze({
+}), en = Object.freeze({
   // Dimensions
-  ...qr,
+  ...Qr,
   // Transformations
-  ...Me
-}), wo = /(-?[0-9.]*[0-9]+[0-9.]*)/g, xo = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function gr(e, n, r) {
-  if (n === 1)
+  ...Fe
+}), Ro = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Eo = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function wr(e, r, n) {
+  if (r === 1)
     return e;
-  if (r = r || 100, typeof e == "number")
-    return Math.ceil(e * n * r) / r;
+  if (n = n || 100, typeof e == "number")
+    return Math.ceil(e * r * n) / n;
   if (typeof e != "string")
     return e;
-  const o = e.split(wo);
+  const o = e.split(Ro);
   if (o === null || !o.length)
     return e;
   const a = [];
-  let c = o.shift(), l = xo.test(c);
+  let c = o.shift(), l = Eo.test(c);
   for (; ; ) {
     if (l) {
       const s = parseFloat(c);
-      isNaN(s) ? a.push(c) : a.push(Math.ceil(s * n * r) / r);
+      isNaN(s) ? a.push(c) : a.push(Math.ceil(s * r * n) / n);
     } else
       a.push(c);
     if (c = o.shift(), c === void 0)
@@ -5882,103 +5965,103 @@ function gr(e, n, r) {
     l = !l;
   }
 }
-function ko(e, n = "defs") {
-  let r = "";
-  const o = e.indexOf("<" + n);
+function Mo(e, r = "defs") {
+  let n = "";
+  const o = e.indexOf("<" + r);
   for (; o >= 0; ) {
-    const a = e.indexOf(">", o), c = e.indexOf("</" + n);
+    const a = e.indexOf(">", o), c = e.indexOf("</" + r);
     if (a === -1 || c === -1)
       break;
     const l = e.indexOf(">", c);
     if (l === -1)
       break;
-    r += e.slice(a + 1, c).trim(), e = e.slice(0, o).trim() + e.slice(l + 1);
+    n += e.slice(a + 1, c).trim(), e = e.slice(0, o).trim() + e.slice(l + 1);
   }
   return {
-    defs: r,
+    defs: n,
     content: e
   };
 }
-function So(e, n) {
-  return e ? "<defs>" + e + "</defs>" + n : n;
+function Io(e, r) {
+  return e ? "<defs>" + e + "</defs>" + r : r;
 }
-function Co(e, n, r) {
-  const o = ko(e);
-  return So(o.defs, n + o.content + r);
+function Fo(e, r, n) {
+  const o = Mo(e);
+  return Io(o.defs, r + o.content + n);
 }
-const Ao = (e) => e === "unset" || e === "undefined" || e === "none";
-function Do(e, n) {
-  const r = {
-    ...Fe,
+const Po = (e) => e === "unset" || e === "undefined" || e === "none";
+function Lo(e, r) {
+  const n = {
+    ...Ne,
     ...e
   }, o = {
-    ...Jr,
-    ...n
+    ...en,
+    ...r
   }, a = {
-    left: r.left,
-    top: r.top,
-    width: r.width,
-    height: r.height
+    left: n.left,
+    top: n.top,
+    width: n.width,
+    height: n.height
   };
-  let c = r.body;
-  [r, o].forEach((w) => {
-    const m = [], M = w.hFlip, L = w.vFlip;
-    let R = w.rotate;
-    M ? L ? R += 2 : (m.push(
+  let c = n.body;
+  [n, o].forEach((x) => {
+    const u = [], E = x.hFlip, L = x.vFlip;
+    let R = x.rotate;
+    E ? L ? R += 2 : (u.push(
       "translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"
-    ), m.push("scale(-1 1)"), a.top = a.left = 0) : L && (m.push(
+    ), u.push("scale(-1 1)"), a.top = a.left = 0) : L && (u.push(
       "translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"
-    ), m.push("scale(1 -1)"), a.top = a.left = 0);
-    let u;
+    ), u.push("scale(1 -1)"), a.top = a.left = 0);
+    let m;
     switch (R < 0 && (R -= Math.floor(R / 4) * 4), R = R % 4, R) {
       case 1:
-        u = a.height / 2 + a.top, m.unshift(
-          "rotate(90 " + u.toString() + " " + u.toString() + ")"
+        m = a.height / 2 + a.top, u.unshift(
+          "rotate(90 " + m.toString() + " " + m.toString() + ")"
         );
         break;
       case 2:
-        m.unshift(
+        u.unshift(
           "rotate(180 " + (a.width / 2 + a.left).toString() + " " + (a.height / 2 + a.top).toString() + ")"
         );
         break;
       case 3:
-        u = a.width / 2 + a.left, m.unshift(
-          "rotate(-90 " + u.toString() + " " + u.toString() + ")"
+        m = a.width / 2 + a.left, u.unshift(
+          "rotate(-90 " + m.toString() + " " + m.toString() + ")"
         );
         break;
     }
-    R % 2 === 1 && (a.left !== a.top && (u = a.left, a.left = a.top, a.top = u), a.width !== a.height && (u = a.width, a.width = a.height, a.height = u)), m.length && (c = Co(
+    R % 2 === 1 && (a.left !== a.top && (m = a.left, a.left = a.top, a.top = m), a.width !== a.height && (m = a.width, a.width = a.height, a.height = m)), u.length && (c = Fo(
       c,
-      '<g transform="' + m.join(" ") + '">',
+      '<g transform="' + u.join(" ") + '">',
       "</g>"
     ));
   });
   const l = o.width, s = o.height, t = a.width, i = a.height;
   let d, _;
-  l === null ? (_ = s === null ? "1em" : s === "auto" ? i : s, d = gr(_, t / i)) : (d = l === "auto" ? t : l, _ = s === null ? gr(d, i / t) : s === "auto" ? i : s);
-  const b = {}, p = (w, m) => {
-    Ao(m) || (b[w] = m.toString());
+  l === null ? (_ = s === null ? "1em" : s === "auto" ? i : s, d = wr(_, t / i)) : (d = l === "auto" ? t : l, _ = s === null ? wr(d, i / t) : s === "auto" ? i : s);
+  const b = {}, p = (x, u) => {
+    Po(u) || (b[x] = u.toString());
   };
   p("width", d), p("height", _);
-  const x = [a.left, a.top, t, i];
-  return b.viewBox = x.join(" "), {
+  const k = [a.left, a.top, t, i];
+  return b.viewBox = k.join(" "), {
     attributes: b,
-    viewBox: x,
+    viewBox: k,
     body: c
   };
 }
-const Ro = /\sid="(\S+)"/g, Mo = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let Eo = 0;
-function Io(e, n = Mo) {
-  const r = [];
+const To = /\sid="(\S+)"/g, Bo = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let No = 0;
+function Uo(e, r = Bo) {
+  const n = [];
   let o;
-  for (; o = Ro.exec(e); )
-    r.push(o[1]);
-  if (!r.length)
+  for (; o = To.exec(e); )
+    n.push(o[1]);
+  if (!n.length)
     return e;
   const a = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
-  return r.forEach((c) => {
-    const l = typeof n == "function" ? n(c) : n + (Eo++).toString(), s = c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return n.forEach((c) => {
+    const l = typeof r == "function" ? r(c) : r + (No++).toString(), s = c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
@@ -5987,22 +6070,22 @@ function Io(e, n = Mo) {
     );
   }), e = e.replace(new RegExp(a, "g"), ""), e;
 }
-const Ke = /* @__PURE__ */ Object.create(null);
-function Fo(e, n) {
-  Ke[e] = n;
+const Ze = /* @__PURE__ */ Object.create(null);
+function Go(e, r) {
+  Ze[e] = r;
 }
-function Ve(e) {
-  return Ke[e] || Ke[""];
+function Xe(e) {
+  return Ze[e] || Ze[""];
 }
-function Qe(e) {
-  let n;
+function cr(e) {
+  let r;
   if (typeof e.resources == "string")
-    n = [e.resources];
-  else if (n = e.resources, !(n instanceof Array) || !n.length)
+    r = [e.resources];
+  else if (r = e.resources, !(r instanceof Array) || !r.length)
     return null;
   return {
     // API hosts
-    resources: n,
+    resources: r,
     // Root path
     path: e.path || "/",
     // URL length limit
@@ -6019,23 +6102,23 @@ function Qe(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const er = /* @__PURE__ */ Object.create(null), se = [
+const lr = /* @__PURE__ */ Object.create(null), fe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], ke = [];
-for (; se.length > 0; )
-  se.length === 1 || Math.random() > 0.5 ? ke.push(se.shift()) : ke.push(se.pop());
-er[""] = Qe({
-  resources: ["https://api.iconify.design"].concat(ke)
+], Ae = [];
+for (; fe.length > 0; )
+  fe.length === 1 || Math.random() > 0.5 ? Ae.push(fe.shift()) : Ae.push(fe.pop());
+lr[""] = cr({
+  resources: ["https://api.iconify.design"].concat(Ae)
 });
-function Po(e, n) {
-  const r = Qe(n);
-  return r === null ? !1 : (er[e] = r, !0);
+function $o(e, r) {
+  const n = cr(r);
+  return n === null ? !1 : (lr[e] = n, !0);
 }
-function rr(e) {
-  return er[e];
+function tr(e) {
+  return lr[e];
 }
-const Lo = () => {
+const zo = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function")
@@ -6043,81 +6126,81 @@ const Lo = () => {
   } catch {
   }
 };
-let br = Lo();
-function To(e, n) {
-  const r = rr(e);
-  if (!r)
+let xr = zo();
+function Oo(e, r) {
+  const n = tr(e);
+  if (!n)
     return 0;
   let o;
-  if (!r.maxURL)
+  if (!n.maxURL)
     o = 0;
   else {
     let a = 0;
-    r.resources.forEach((l) => {
+    n.resources.forEach((l) => {
       a = Math.max(a, l.length);
     });
-    const c = n + ".json?icons=";
-    o = r.maxURL - a - r.path.length - c.length;
+    const c = r + ".json?icons=";
+    o = n.maxURL - a - n.path.length - c.length;
   }
   return o;
 }
-function Bo(e) {
+function Ko(e) {
   return e === 404;
 }
-const No = (e, n, r) => {
-  const o = [], a = To(e, n), c = "icons";
+const Vo = (e, r, n) => {
+  const o = [], a = Oo(e, r), c = "icons";
   let l = {
     type: c,
     provider: e,
-    prefix: n,
+    prefix: r,
     icons: []
   }, s = 0;
-  return r.forEach((t, i) => {
+  return n.forEach((t, i) => {
     s += t.length + 1, s >= a && i > 0 && (o.push(l), l = {
       type: c,
       provider: e,
-      prefix: n,
+      prefix: r,
       icons: []
     }, s = t.length), l.icons.push(t);
   }), o.push(l), o;
 };
-function Uo(e) {
+function jo(e) {
   if (typeof e == "string") {
-    const n = rr(e);
-    if (n)
-      return n.path;
+    const r = tr(e);
+    if (r)
+      return r.path;
   }
   return "/";
 }
-const Go = (e, n, r) => {
-  if (!br) {
-    r("abort", 424);
+const Ho = (e, r, n) => {
+  if (!xr) {
+    n("abort", 424);
     return;
   }
-  let o = Uo(n.provider);
-  switch (n.type) {
+  let o = jo(r.provider);
+  switch (r.type) {
     case "icons": {
-      const c = n.prefix, s = n.icons.join(","), t = new URLSearchParams({
+      const c = r.prefix, s = r.icons.join(","), t = new URLSearchParams({
         icons: s
       });
       o += c + ".json?" + t.toString();
       break;
     }
     case "custom": {
-      const c = n.uri;
+      const c = r.uri;
       o += c.slice(0, 1) === "/" ? c.slice(1) : c;
       break;
     }
     default:
-      r("abort", 400);
+      n("abort", 400);
       return;
   }
   let a = 503;
-  br(e + o).then((c) => {
+  xr(e + o).then((c) => {
     const l = c.status;
     if (l !== 200) {
       setTimeout(() => {
-        r(Bo(l) ? "abort" : "next", l);
+        n(Ko(l) ? "abort" : "next", l);
       });
       return;
     }
@@ -6125,26 +6208,26 @@ const Go = (e, n, r) => {
   }).then((c) => {
     if (typeof c != "object" || c === null) {
       setTimeout(() => {
-        c === 404 ? r("abort", c) : r("next", a);
+        c === 404 ? n("abort", c) : n("next", a);
       });
       return;
     }
     setTimeout(() => {
-      r("success", c);
+      n("success", c);
     });
   }).catch(() => {
-    r("next", a);
+    n("next", a);
   });
-}, zo = {
-  prepare: No,
-  send: Go
+}, Wo = {
+  prepare: Vo,
+  send: Ho
 };
-function $o(e) {
-  const n = {
+function Zo(e) {
+  const r = {
     loaded: [],
     missing: [],
     pending: []
-  }, r = /* @__PURE__ */ Object.create(null);
+  }, n = /* @__PURE__ */ Object.create(null);
   e.sort((a, c) => a.provider !== c.provider ? a.provider.localeCompare(c.provider) : a.prefix !== c.prefix ? a.prefix.localeCompare(c.prefix) : a.name.localeCompare(c.name));
   let o = {
     provider: "",
@@ -6155,32 +6238,32 @@ function $o(e) {
     if (o.name === a.name && o.prefix === a.prefix && o.provider === a.provider)
       return;
     o = a;
-    const c = a.provider, l = a.prefix, s = a.name, t = r[c] || (r[c] = /* @__PURE__ */ Object.create(null)), i = t[l] || (t[l] = ae(c, l));
+    const c = a.provider, l = a.prefix, s = a.name, t = n[c] || (n[c] = /* @__PURE__ */ Object.create(null)), i = t[l] || (t[l] = ie(c, l));
     let d;
-    s in i.icons ? d = n.loaded : l === "" || i.missing.has(s) ? d = n.missing : d = n.pending;
+    s in i.icons ? d = r.loaded : l === "" || i.missing.has(s) ? d = r.missing : d = r.pending;
     const _ = {
       provider: c,
       prefix: l,
       name: s
     };
     d.push(_);
-  }), n;
+  }), r;
 }
-function Qr(e, n) {
-  e.forEach((r) => {
-    const o = r.loaderCallbacks;
-    o && (r.loaderCallbacks = o.filter((a) => a.id !== n));
+function rn(e, r) {
+  e.forEach((n) => {
+    const o = n.loaderCallbacks;
+    o && (n.loaderCallbacks = o.filter((a) => a.id !== r));
   });
 }
-function Oo(e) {
+function Xo(e) {
   e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
     e.pendingCallbacksFlag = !1;
-    const n = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
-    if (!n.length)
+    const r = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
+    if (!r.length)
       return;
-    let r = !1;
+    let n = !1;
     const o = e.provider, a = e.prefix;
-    n.forEach((c) => {
+    r.forEach((c) => {
       const l = c.icons, s = l.pending.length;
       l.pending = l.pending.filter((t) => {
         if (t.prefix !== a)
@@ -6199,9 +6282,9 @@ function Oo(e) {
             name: i
           });
         else
-          return r = !0, !0;
+          return n = !0, !0;
         return !1;
-      }), l.pending.length !== s && (r || Qr([e], c.id), c.callback(
+      }), l.pending.length !== s && (n || rn([e], c.id), c.callback(
         l.loaded.slice(0),
         l.missing.slice(0),
         l.pending.slice(0),
@@ -6210,29 +6293,29 @@ function Oo(e) {
     });
   }));
 }
-let Ko = 0;
-function Vo(e, n, r) {
-  const o = Ko++, a = Qr.bind(null, r, o);
-  if (!n.pending.length)
+let Yo = 0;
+function qo(e, r, n) {
+  const o = Yo++, a = rn.bind(null, n, o);
+  if (!r.pending.length)
     return a;
   const c = {
     id: o,
-    icons: n,
+    icons: r,
     callback: e,
     abort: a
   };
-  return r.forEach((l) => {
+  return n.forEach((l) => {
     (l.loaderCallbacks || (l.loaderCallbacks = [])).push(c);
   }), a;
 }
-function jo(e, n = !0, r = !1) {
+function Jo(e, r = !0, n = !1) {
   const o = [];
   return e.forEach((a) => {
-    const c = typeof a == "string" ? Ie(a, n, r) : a;
+    const c = typeof a == "string" ? Be(a, r, n) : a;
     c && o.push(c);
   }), o;
 }
-var Ho = {
+var Qo = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -6240,7 +6323,7 @@ var Ho = {
   random: !1,
   dataAfterTimeout: !1
 };
-function Wo(e, n, r, o) {
+function ea(e, r, n, o) {
   const a = e.resources.length, c = e.random ? Math.floor(Math.random() * a) : e.index;
   let l;
   if (e.random) {
@@ -6255,26 +6338,26 @@ function Wo(e, n, r, o) {
   const s = Date.now();
   let t = "pending", i = 0, d, _ = null, b = [], p = [];
   typeof o == "function" && p.push(o);
-  function x() {
+  function k() {
     _ && (clearTimeout(_), _ = null);
   }
-  function w() {
-    t === "pending" && (t = "aborted"), x(), b.forEach((h) => {
+  function x() {
+    t === "pending" && (t = "aborted"), k(), b.forEach((h) => {
       h.status === "pending" && (h.status = "aborted");
     }), b = [];
   }
-  function m(h, A) {
+  function u(h, A) {
     A && (p = []), typeof h == "function" && p.push(h);
   }
-  function M() {
+  function E() {
     return {
       startTime: s,
-      payload: n,
+      payload: r,
       status: t,
       queriesSent: i,
       queriesPending: b.length,
-      subscribe: m,
-      abort: w
+      subscribe: u,
+      abort: x
     };
   }
   function L() {
@@ -6287,13 +6370,13 @@ function Wo(e, n, r, o) {
       h.status === "pending" && (h.status = "aborted");
     }), b = [];
   }
-  function u(h, A, g) {
-    const E = A !== "success";
-    switch (b = b.filter((U) => U !== h), t) {
+  function m(h, A, g) {
+    const I = A !== "success";
+    switch (b = b.filter((N) => N !== h), t) {
       case "pending":
         break;
       case "failed":
-        if (E || !e.dataAfterTimeout)
+        if (I || !e.dataAfterTimeout)
           return;
         break;
       default:
@@ -6303,27 +6386,27 @@ function Wo(e, n, r, o) {
       d = g, L();
       return;
     }
-    if (E) {
-      d = g, b.length || (l.length ? k() : L());
+    if (I) {
+      d = g, b.length || (l.length ? S() : L());
       return;
     }
-    if (x(), R(), !e.random) {
-      const U = e.resources.indexOf(h.resource);
-      U !== -1 && U !== e.index && (e.index = U);
+    if (k(), R(), !e.random) {
+      const N = e.resources.indexOf(h.resource);
+      N !== -1 && N !== e.index && (e.index = N);
     }
-    t = "completed", p.forEach((U) => {
-      U(g);
+    t = "completed", p.forEach((N) => {
+      N(g);
     });
   }
-  function k() {
+  function S() {
     if (t !== "pending")
       return;
-    x();
+    k();
     const h = l.shift();
     if (h === void 0) {
       if (b.length) {
         _ = setTimeout(() => {
-          x(), t === "pending" && (R(), L());
+          k(), t === "pending" && (R(), L());
         }, e.timeout);
         return;
       }
@@ -6333,179 +6416,179 @@ function Wo(e, n, r, o) {
     const A = {
       status: "pending",
       resource: h,
-      callback: (g, E) => {
-        u(A, g, E);
+      callback: (g, I) => {
+        m(A, g, I);
       }
     };
-    b.push(A), i++, _ = setTimeout(k, e.rotate), r(h, n, A.callback);
+    b.push(A), i++, _ = setTimeout(S, e.rotate), n(h, r, A.callback);
   }
-  return setTimeout(k), M;
+  return setTimeout(S), E;
 }
-function en(e) {
-  const n = {
-    ...Ho,
+function nn(e) {
+  const r = {
+    ...Qo,
     ...e
   };
-  let r = [];
+  let n = [];
   function o() {
-    r = r.filter((s) => s().status === "pending");
+    n = n.filter((s) => s().status === "pending");
   }
   function a(s, t, i) {
-    const d = Wo(
-      n,
+    const d = ea(
+      r,
       s,
       t,
       (_, b) => {
         o(), i && i(_, b);
       }
     );
-    return r.push(d), d;
+    return n.push(d), d;
   }
   function c(s) {
-    return r.find((t) => s(t)) || null;
+    return n.find((t) => s(t)) || null;
   }
   return {
     query: a,
     find: c,
     setIndex: (s) => {
-      n.index = s;
+      r.index = s;
     },
-    getIndex: () => n.index,
+    getIndex: () => r.index,
     cleanup: o
   };
 }
-function pr() {
+function kr() {
 }
-const Ge = /* @__PURE__ */ Object.create(null);
-function Zo(e) {
-  if (!Ge[e]) {
-    const n = rr(e);
-    if (!n)
+const Ve = /* @__PURE__ */ Object.create(null);
+function ra(e) {
+  if (!Ve[e]) {
+    const r = tr(e);
+    if (!r)
       return;
-    const r = en(n), o = {
-      config: n,
-      redundancy: r
+    const n = nn(r), o = {
+      config: r,
+      redundancy: n
     };
-    Ge[e] = o;
+    Ve[e] = o;
   }
-  return Ge[e];
+  return Ve[e];
 }
-function Xo(e, n, r) {
+function na(e, r, n) {
   let o, a;
   if (typeof e == "string") {
-    const c = Ve(e);
+    const c = Xe(e);
     if (!c)
-      return r(void 0, 424), pr;
+      return n(void 0, 424), kr;
     a = c.send;
-    const l = Zo(e);
+    const l = ra(e);
     l && (o = l.redundancy);
   } else {
-    const c = Qe(e);
+    const c = cr(e);
     if (c) {
-      o = en(c);
-      const l = e.resources ? e.resources[0] : "", s = Ve(l);
+      o = nn(c);
+      const l = e.resources ? e.resources[0] : "", s = Xe(l);
       s && (a = s.send);
     }
   }
-  return !o || !a ? (r(void 0, 424), pr) : o.query(n, a, r)().abort;
+  return !o || !a ? (n(void 0, 424), kr) : o.query(r, a, n)().abort;
 }
-function hr() {
+function Sr() {
 }
-function Yo(e) {
+function oa(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, Oo(e);
+    e.iconsLoaderFlag = !1, Xo(e);
   }));
 }
-function qo(e) {
-  const n = [], r = [];
+function aa(e) {
+  const r = [], n = [];
   return e.forEach((o) => {
-    (o.match(jr) ? n : r).push(o);
+    (o.match(Wr) ? r : n).push(o);
   }), {
-    valid: n,
-    invalid: r
+    valid: r,
+    invalid: n
   };
 }
-function ie(e, n, r) {
+function _e(e, r, n) {
   function o() {
     const a = e.pendingIcons;
-    n.forEach((c) => {
+    r.forEach((c) => {
       a && a.delete(c), e.icons[c] || e.missing.add(c);
     });
   }
-  if (r && typeof r == "object")
+  if (n && typeof n == "object")
     try {
-      if (!Xr(e, r).length) {
+      if (!qr(e, n).length) {
         o();
         return;
       }
     } catch (a) {
       console.error(a);
     }
-  o(), Yo(e);
+  o(), oa(e);
 }
-function vr(e, n) {
-  e instanceof Promise ? e.then((r) => {
-    n(r);
+function Cr(e, r) {
+  e instanceof Promise ? e.then((n) => {
+    r(n);
   }).catch(() => {
-    n(null);
-  }) : n(e);
+    r(null);
+  }) : r(e);
 }
-function Jo(e, n) {
-  e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(n).sort() : e.iconsToLoad = n, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
+function ca(e, r) {
+  e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(r).sort() : e.iconsToLoad = r, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
-    const { provider: r, prefix: o } = e, a = e.iconsToLoad;
+    const { provider: n, prefix: o } = e, a = e.iconsToLoad;
     if (delete e.iconsToLoad, !a || !a.length)
       return;
     const c = e.loadIcon;
     if (e.loadIcons && (a.length > 1 || !c)) {
-      vr(
-        e.loadIcons(a, o, r),
+      Cr(
+        e.loadIcons(a, o, n),
         (d) => {
-          ie(e, a, d);
+          _e(e, a, d);
         }
       );
       return;
     }
     if (c) {
       a.forEach((d) => {
-        const _ = c(d, o, r);
-        vr(_, (b) => {
+        const _ = c(d, o, n);
+        Cr(_, (b) => {
           const p = b ? {
             prefix: o,
             icons: {
               [d]: b
             }
           } : null;
-          ie(e, [d], p);
+          _e(e, [d], p);
         });
       });
       return;
     }
-    const { valid: l, invalid: s } = qo(a);
-    if (s.length && ie(e, s, null), !l.length)
+    const { valid: l, invalid: s } = aa(a);
+    if (s.length && _e(e, s, null), !l.length)
       return;
-    const t = o.match(jr) ? Ve(r) : null;
+    const t = o.match(Wr) ? Xe(n) : null;
     if (!t) {
-      ie(e, l, null);
+      _e(e, l, null);
       return;
     }
-    t.prepare(r, o, l).forEach((d) => {
-      Xo(r, d, (_) => {
-        ie(e, d.icons, _);
+    t.prepare(n, o, l).forEach((d) => {
+      na(n, d, (_) => {
+        _e(e, d.icons, _);
       });
     });
   }));
 }
-const Qo = (e, n) => {
-  const r = jo(e, !0, Yr()), o = $o(r);
+const la = (e, r) => {
+  const n = Jo(e, !0, Jr()), o = Zo(n);
   if (!o.pending.length) {
     let t = !0;
-    return n && setTimeout(() => {
-      t && n(
+    return r && setTimeout(() => {
+      t && r(
         o.loaded,
         o.missing,
         o.pending,
-        hr
+        Sr
       );
     }), () => {
       t = !1;
@@ -6517,31 +6600,31 @@ const Qo = (e, n) => {
     const { provider: i, prefix: d } = t;
     if (d === s && i === l)
       return;
-    l = i, s = d, c.push(ae(i, d));
+    l = i, s = d, c.push(ie(i, d));
     const _ = a[i] || (a[i] = /* @__PURE__ */ Object.create(null));
     _[d] || (_[d] = []);
   }), o.pending.forEach((t) => {
-    const { provider: i, prefix: d, name: _ } = t, b = ae(i, d), p = b.pendingIcons || (b.pendingIcons = /* @__PURE__ */ new Set());
+    const { provider: i, prefix: d, name: _ } = t, b = ie(i, d), p = b.pendingIcons || (b.pendingIcons = /* @__PURE__ */ new Set());
     p.has(_) || (p.add(_), a[i][d].push(_));
   }), c.forEach((t) => {
     const i = a[t.provider][t.prefix];
-    i.length && Jo(t, i);
-  }), n ? Vo(n, o, c) : hr;
+    i.length && ca(t, i);
+  }), r ? qo(r, o, c) : Sr;
 };
-function ea(e, n) {
-  const r = {
+function ta(e, r) {
+  const n = {
     ...e
   };
-  for (const o in n) {
-    const a = n[o], c = typeof a;
-    o in qr ? (a === null || a && (c === "string" || c === "number")) && (r[o] = a) : c === typeof r[o] && (r[o] = o === "rotate" ? a % 4 : a);
+  for (const o in r) {
+    const a = r[o], c = typeof a;
+    o in Qr ? (a === null || a && (c === "string" || c === "number")) && (n[o] = a) : c === typeof n[o] && (n[o] = o === "rotate" ? a % 4 : a);
   }
-  return r;
+  return n;
 }
-const ra = /[\s,]+/;
-function na(e, n) {
-  n.split(ra).forEach((r) => {
-    switch (r.trim()) {
+const sa = /[\s,]+/;
+function ia(e, r) {
+  r.split(sa).forEach((n) => {
+    switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
         break;
@@ -6551,19 +6634,19 @@ function na(e, n) {
     }
   });
 }
-function oa(e, n = 0) {
-  const r = e.replace(/^-?[0-9.]*/, "");
+function da(e, r = 0) {
+  const n = e.replace(/^-?[0-9.]*/, "");
   function o(a) {
     for (; a < 0; )
       a += 4;
     return a % 4;
   }
-  if (r === "") {
+  if (n === "") {
     const a = parseInt(e);
     return isNaN(a) ? 0 : o(a);
-  } else if (r !== e) {
+  } else if (n !== e) {
     let a = 0;
-    switch (r) {
+    switch (n) {
       case "%":
         a = 25;
         break;
@@ -6571,69 +6654,69 @@ function oa(e, n = 0) {
         a = 90;
     }
     if (a) {
-      let c = parseFloat(e.slice(0, e.length - r.length));
+      let c = parseFloat(e.slice(0, e.length - n.length));
       return isNaN(c) ? 0 : (c = c / a, c % 1 === 0 ? o(c) : 0);
     }
   }
-  return n;
+  return r;
 }
-function aa(e, n) {
-  let r = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const o in n)
-    r += " " + o + '="' + n[o] + '"';
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + r + ">" + e + "</svg>";
+function ua(e, r) {
+  let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
+  for (const o in r)
+    n += " " + o + '="' + r[o] + '"';
+  return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
 }
-function ca(e) {
+function ma(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function la(e) {
-  return "data:image/svg+xml," + ca(e);
+function ya(e) {
+  return "data:image/svg+xml," + ma(e);
 }
-function ta(e) {
-  return 'url("' + la(e) + '")';
+function fa(e) {
+  return 'url("' + ya(e) + '")';
 }
-const wr = {
-  ...Jr,
+const Ar = {
+  ...en,
   inline: !1
-}, sa = {
+}, _a = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, ia = {
+}, ga = {
   display: "inline-block"
-}, je = {
+}, Ye = {
   backgroundColor: "currentColor"
-}, rn = {
+}, on = {
   backgroundColor: "transparent"
-}, xr = {
+}, Dr = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, kr = {
-  webkitMask: je,
-  mask: je,
-  background: rn
+}, Rr = {
+  webkitMask: Ye,
+  mask: Ye,
+  background: on
 };
-for (const e in kr) {
-  const n = kr[e];
-  for (const r in xr)
-    n[e + r] = xr[r];
+for (const e in Rr) {
+  const r = Rr[e];
+  for (const n in Dr)
+    r[e + n] = Dr[n];
 }
-const Se = {};
+const De = {};
 ["horizontal", "vertical"].forEach((e) => {
-  const n = e.slice(0, 1) + "Flip";
-  Se[e + "-flip"] = n, Se[e.slice(0, 1) + "-flip"] = n, Se[e + "Flip"] = n;
+  const r = e.slice(0, 1) + "Flip";
+  De[e + "-flip"] = r, De[e.slice(0, 1) + "-flip"] = r, De[e + "Flip"] = r;
 });
-function Sr(e) {
+function Er(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const Cr = (e, n) => {
-  const r = ea(wr, n), o = { ...sa }, a = n.mode || "svg", c = {}, l = n.style, s = typeof l == "object" && !(l instanceof Array) ? l : {};
-  for (let w in n) {
-    const m = n[w];
-    if (m !== void 0)
-      switch (w) {
+const Mr = (e, r) => {
+  const n = ta(Ar, r), o = { ..._a }, a = r.mode || "svg", c = {}, l = r.style, s = typeof l == "object" && !(l instanceof Array) ? l : {};
+  for (let x in r) {
+    const u = r[x];
+    if (u !== void 0)
+      switch (x) {
         // Properties to ignore
         case "icon":
         case "style":
@@ -6645,98 +6728,98 @@ const Cr = (e, n) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          r[w] = m === !0 || m === "true" || m === 1;
+          n[x] = u === !0 || u === "true" || u === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof m == "string" && na(r, m);
+          typeof u == "string" && ia(n, u);
           break;
         // Color: override style
         case "color":
-          c.color = m;
+          c.color = u;
           break;
         // Rotation as string
         case "rotate":
-          typeof m == "string" ? r[w] = oa(m) : typeof m == "number" && (r[w] = m);
+          typeof u == "string" ? n[x] = da(u) : typeof u == "number" && (n[x] = u);
           break;
         // Remove aria-hidden
         case "ariaHidden":
         case "aria-hidden":
-          m !== !0 && m !== "true" && delete o["aria-hidden"];
+          u !== !0 && u !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const M = Se[w];
-          M ? (m === !0 || m === "true" || m === 1) && (r[M] = !0) : wr[w] === void 0 && (o[w] = m);
+          const E = De[x];
+          E ? (u === !0 || u === "true" || u === 1) && (n[E] = !0) : Ar[x] === void 0 && (o[x] = u);
         }
       }
   }
-  const t = Do(e, r), i = t.attributes;
-  if (r.inline && (c.verticalAlign = "-0.125em"), a === "svg") {
+  const t = Lo(e, n), i = t.attributes;
+  if (n.inline && (c.verticalAlign = "-0.125em"), a === "svg") {
     o.style = {
       ...c,
       ...s
     }, Object.assign(o, i);
-    let w = 0, m = n.id;
-    return typeof m == "string" && (m = m.replace(/-/g, "_")), o.innerHTML = Io(t.body, m ? () => m + "ID" + w++ : "iconifyVue"), tr("svg", o);
+    let x = 0, u = r.id;
+    return typeof u == "string" && (u = u.replace(/-/g, "_")), o.innerHTML = Uo(t.body, u ? () => u + "ID" + x++ : "iconifyVue"), yr("svg", o);
   }
-  const { body: d, width: _, height: b } = e, p = a === "mask" || (a === "bg" ? !1 : d.indexOf("currentColor") !== -1), x = aa(d, {
+  const { body: d, width: _, height: b } = e, p = a === "mask" || (a === "bg" ? !1 : d.indexOf("currentColor") !== -1), k = ua(d, {
     ...i,
     width: _ + "",
     height: b + ""
   });
   return o.style = {
     ...c,
-    "--svg": ta(x),
-    width: Sr(i.width),
-    height: Sr(i.height),
-    ...ia,
-    ...p ? je : rn,
+    "--svg": fa(k),
+    width: Er(i.width),
+    height: Er(i.height),
+    ...ga,
+    ...p ? Ye : on,
     ...s
-  }, tr("span", o);
+  }, yr("span", o);
 };
-Yr(!0);
-Fo("", zo);
+Jr(!0);
+Go("", Wo);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
-    const n = e.IconifyPreload, r = "Invalid IconifyPreload syntax.";
-    typeof n == "object" && n !== null && (n instanceof Array ? n : [n]).forEach((o) => {
+    const r = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
+    typeof r == "object" && r !== null && (r instanceof Array ? r : [r]).forEach((o) => {
       try {
         // Check if item is an object and not null/array
         (typeof o != "object" || o === null || o instanceof Array || // Check for 'icons' and 'prefix'
         typeof o.icons != "object" || typeof o.prefix != "string" || // Add icon set
-        !vo(o)) && console.error(r);
+        !Do(o)) && console.error(n);
       } catch {
-        console.error(r);
+        console.error(n);
       }
     });
   }
   if (e.IconifyProviders !== void 0) {
-    const n = e.IconifyProviders;
-    if (typeof n == "object" && n !== null)
-      for (let r in n) {
-        const o = "IconifyProviders[" + r + "] is invalid.";
+    const r = e.IconifyProviders;
+    if (typeof r == "object" && r !== null)
+      for (let n in r) {
+        const o = "IconifyProviders[" + n + "] is invalid.";
         try {
-          const a = n[r];
+          const a = r[n];
           if (typeof a != "object" || !a || a.resources === void 0)
             continue;
-          Po(r, a) || console.error(o);
+          $o(n, a) || console.error(o);
         } catch {
           console.error(o);
         }
       }
   }
 }
-const da = {
-  ...Fe,
+const pa = {
+  ...Ne,
   body: ""
-}, ua = Z((e, { emit: n }) => {
-  const r = N(null);
+}, ba = V((e, { emit: r }) => {
+  const n = P(null);
   function o() {
     var i, d;
-    r.value && ((d = (i = r.value).abort) == null || d.call(i), r.value = null);
+    n.value && ((d = (i = n.value).abort) == null || d.call(i), n.value = null);
   }
-  const a = N(!!e.ssr), c = N(""), l = on(null);
+  const a = P(!!e.ssr), c = P(""), l = cn(null);
   function s() {
     const i = e.icon;
     if (typeof i == "object" && i !== null && typeof i.body == "string")
@@ -6744,26 +6827,26 @@ const da = {
         data: i
       };
     let d;
-    if (typeof i != "string" || (d = Ie(i, !1, !0)) === null)
+    if (typeof i != "string" || (d = Be(i, !1, !0)) === null)
       return null;
-    let _ = po(d);
+    let _ = Co(d);
     if (!_) {
-      const x = r.value;
-      return (!x || x.name !== i) && (_ === null ? r.value = {
+      const k = n.value;
+      return (!k || k.name !== i) && (_ === null ? n.value = {
         name: i
-      } : r.value = {
+      } : n.value = {
         name: i,
-        abort: Qo([d], t)
+        abort: la([d], t)
       }), null;
     }
-    o(), c.value !== i && (c.value = i, we(() => {
-      n("load", i);
+    o(), c.value !== i && (c.value = i, Se(() => {
+      r("load", i);
     }));
     const b = e.customise;
     if (b) {
       _ = Object.assign({}, _);
-      const x = b(_.body, d.name, d.prefix, d.provider);
-      typeof x == "string" && (_.body = x);
+      const k = b(_.body, d.name, d.prefix, d.provider);
+      typeof k == "string" && (_.body = k);
     }
     const p = ["iconify"];
     return d.prefix !== "" && p.push("iconify--" + d.prefix), d.provider !== "" && p.push("iconify--" + d.provider), { data: _, classes: p };
@@ -6773,18 +6856,18 @@ const da = {
     const i = s();
     i ? i.data !== ((d = l.value) == null ? void 0 : d.data) && (l.value = i) : l.value = null;
   }
-  return a.value ? t() : Ee(() => {
+  return a.value ? t() : pe(() => {
     a.value = !0, t();
-  }), De(() => e.icon, t), Xe(o), () => {
+  }), Me(() => e.icon, t), rr(o), () => {
     const i = l.value;
     if (!i)
-      return Cr(da, e);
+      return Mr(pa, e);
     let d = e;
     return i.classes && (d = {
       ...e,
       class: i.classes.join(" ")
-    }), Cr({
-      ...Fe,
+    }), Mr({
+      ...Ne,
       ...i.data
     }, d);
   };
@@ -6814,21 +6897,18 @@ const da = {
     "title"
   ],
   emits: ["load"]
-}), ma = { class: "main-select" }, ya = ["for"], fa = {
+}), ha = { class: "main-select" }, va = {
   key: 0,
   class: "text-red-500"
-}, _a = ["error"], ga = { class: "truncate" }, ba = { key: 0 }, pa = { key: 0 }, ha = {
+}, wa = ["error"], xa = { class: "truncate" }, ka = { key: 0 }, Sa = { key: 0 }, Ca = {
   key: 1,
   class: "text-base-neutral-300"
-}, va = {
+}, Aa = {
   key: 0,
   class: "p-2 relative"
-}, wa = ["onClick"], xa = {
-  key: 1,
-  class: "p-3 text-base text-neutral-500"
-}, ka = /* @__PURE__ */ Z({
+}, Da = /* @__PURE__ */ V({
   __name: "Select",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ nr({
     id: {},
     label: {},
     options: {},
@@ -6853,28 +6933,28 @@ const da = {
   }),
   emits: ["update:modelValue", "update:query"],
   setup(e) {
-    const n = e, r = an(), o = ne(e, "modelValue"), a = N(!1), c = ne(e, "query"), l = N(null), s = N(null), t = N({}), i = N(-1);
-    Ee(() => {
+    const r = e, n = ln(), o = se(e, "modelValue"), a = P(!1), c = se(e, "query"), l = P(null), s = P(null), t = P({}), i = P(-1);
+    pe(() => {
       window.addEventListener("scroll", _, !0), window.addEventListener("resize", _);
-    }), Xe(() => {
+    }), rr(() => {
       window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _);
     });
-    const d = (u) => {
+    const d = (m) => {
       var h;
       if (!a.value) {
-        (u.key === "ArrowDown" || u.key === "Enter") && (u.preventDefault(), b());
+        (m.key === "ArrowDown" || m.key === "Enter") && (m.preventDefault(), b());
         return;
       }
-      const k = ((h = m.value) == null ? void 0 : h.filter((A) => !A.disabled)) ?? [];
-      switch (u.key) {
+      const S = ((h = u.value) == null ? void 0 : h.filter((A) => !A.disabled)) ?? [];
+      switch (m.key) {
         case "ArrowDown":
-          u.preventDefault(), i.value = (i.value + 1) % k.length;
+          m.preventDefault(), i.value = (i.value + 1) % S.length;
           break;
         case "ArrowUp":
-          u.preventDefault(), i.value = (i.value - 1 + k.length) % k.length;
+          m.preventDefault(), i.value = (i.value - 1 + S.length) % S.length;
           break;
         case "Enter":
-          u.preventDefault(), k[i.value] && w(k[i.value]);
+          m.preventDefault(), S[i.value] && x(S[i.value]);
           break;
         case "Escape":
         case "Tab":
@@ -6883,66 +6963,69 @@ const da = {
       }
     }, _ = () => {
       if (!l.value || !s.value) return;
-      const u = l.value.getBoundingClientRect(), k = s.value.offsetHeight, h = window.scrollX || window.pageXOffset, A = window.scrollY || window.pageYOffset, g = window.innerHeight - u.bottom, E = u.top, X = k > g && E > k ? u.top + A - k - 5 : u.bottom + A + 5;
+      const m = l.value.getBoundingClientRect(), S = s.value.offsetHeight, h = window.scrollX || window.pageXOffset, A = window.scrollY || window.pageYOffset, g = window.innerHeight - m.bottom, I = m.top, re = S > g && I > S ? m.top + A - S - 5 : m.bottom + A + 5;
       t.value = {
         position: "absolute",
-        left: `${u.left + h}px`,
-        top: `${X}px`,
-        width: `${u.width}px`
+        left: `${m.left + h}px`,
+        top: `${re}px`,
+        width: `${m.width}px`
       };
     };
-    De(a, async (u) => {
-      u && (await we(), _());
+    Me(a, async (m) => {
+      m && (await Se(), _());
     });
     const b = () => {
-      if (!n.disabled) {
+      if (!r.disabled) {
         if (a.value = !a.value, !a.value) return;
-        we(() => _());
+        Se(() => _());
       }
-    }, p = K(() => {
-      var k, h;
-      const u = n.multiple ? (k = n.options) == null ? void 0 : k.filter((A) => {
+    }, p = O(() => {
+      var S, h;
+      const m = r.multiple ? (S = r.options) == null ? void 0 : S.filter((A) => {
         var g;
         return (g = o.value) == null ? void 0 : g.includes(A.value);
-      }) : (h = n.options) == null ? void 0 : h.filter((A) => o.value === A.value);
-      return u == null ? void 0 : u.map((A) => A.label);
-    }), x = (u) => {
-      var k;
-      return n.multiple ? (k = o.value) == null ? void 0 : k.includes(u.value) : o.value == u.value;
-    }, w = (u) => {
-      if (!(n.disabled || u.disabled))
-        if (n.multiple) {
-          const k = o.value ?? [];
-          k.includes(u.value) ? o.value = k.filter((h) => h !== u.value) : o.value = [...k, u.value];
+      }) : (h = r.options) == null ? void 0 : h.filter((A) => o.value === A.value);
+      return m == null ? void 0 : m.map((A) => A.label);
+    }), k = (m) => {
+      var S;
+      return r.multiple ? (S = o.value) == null ? void 0 : S.includes(m.value) : o.value == m.value;
+    }, x = (m) => {
+      if (!(r.disabled || m.disabled))
+        if (r.multiple) {
+          const S = o.value ?? [];
+          S.includes(m.value) ? o.value = S.filter((h) => h !== m.value) : o.value = [...S, m.value];
         } else
-          o.value == u.value ? o.value = void 0 : o.value = u.value, a.value = !1;
-    }, m = K(() => {
-      let u = n.options ?? [];
-      if (n.searchable && c.value.trim()) {
-        const k = c.value.toLowerCase();
-        u = u.filter(
-          (h) => h.label.toLowerCase().includes(k.toLocaleLowerCase())
+          o.value == m.value ? o.value = void 0 : o.value = m.value, a.value = !1;
+    }, u = O(() => {
+      let m = r.options ?? [];
+      if (r.searchable && c.value.trim()) {
+        const S = c.value.toLowerCase();
+        m = m.filter(
+          (h) => h.label.toLowerCase().includes(S.toLocaleLowerCase())
         );
       }
-      return u;
-    }), M = K(() => {
-      let u = "text-sm w-full h-12 bg-off-white border border-off-white hover:border-base-neutral-300 focus:border-primary-red-700 focus:ring-0 outline-none transition-all duration-300 px-3 text-black placeholder:text-base-neutral-300 disabled:bg-input-disabled-bg disabled:text-base-neutral-200";
-      return n.rounded === "full" ? u += " rounded-full" : n.rounded === "lg" ? u += " rounded-lg" : u += " rounded-xl", oe(u, n.classList);
-    }), L = K(() => oe("font-medium text-sm flex mb-1", n.labelClassList)), R = (u) => `${u.value}`;
-    return De(a, async (u) => {
-      u && (i.value = -1, await we(), _());
-    }), (u, k) => {
-      var A, g, E, U, X;
-      const h = He("AppFormError");
-      return C(), D("div", ma, [
-        P("label", {
+      return m;
+    }), E = O(() => {
+      let m = "text-sm w-full h-12 focus-visible:outline-none bg-off-white border border-off-white hover:border-base-neutral-300 focus:border-primary-red-700 focus:ring-0 outline-none transition-all duration-300 px-3 text-black placeholder:text-base-neutral-300 disabled:bg-input-disabled-bg disabled:text-base-neutral-200";
+      return r.rounded === "full" ? m += " rounded-full" : r.rounded === "lg" ? m += " rounded-lg" : m += " rounded-xl", ce(m, r.classList);
+    }), L = O(() => ce("font-medium text-sm flex mb-1", r.labelClassList)), R = (m) => `${m.value}`;
+    return Me(a, async (m) => {
+      m && (i.value = -1, await Se(), _());
+    }), (m, S) => {
+      var N, re, ne, me;
+      const h = Z("m-label"), A = Z("m-li"), g = Z("m-ul"), I = Z("AppFormError");
+      return w(), D("div", ha, [
+        Y(h, {
           for: e.id,
-          class: O(L.value)
-        }, [
-          de($(e.label) + " ", 1),
-          e.required ? (C(), D("span", fa, "*")) : G("", !0)
-        ], 10, ya),
-        P("div", {
+          class: H(L.value)
+        }, {
+          default: K(() => [
+            ae(z(e.label) + " ", 1),
+            e.required ? (w(), D("span", va, "*")) : G("", !0)
+          ]),
+          _: 1
+        }, 8, ["for", "class"]),
+        j("div", {
           ref_key: "wrapperRef",
           ref: l,
           class: "relative w-full focus:ring-0 focus:outline-0",
@@ -6950,97 +7033,114 @@ const da = {
           onKeydown: d,
           tabindex: "1"
         }, [
-          Ce(r).toggleButton ? re(u.$slots, "toggleButton", { key: 0 }, void 0, !0) : (C(), D("div", {
+          Re(n).toggleButton ? X(m.$slots, "toggleButton", { key: 0 }, void 0, !0) : (w(), D("div", {
             key: 1,
-            class: O([M.value, "flex items-center justify-between h-12 select"]),
-            error: !!((A = e.errors) != null && A.length)
+            class: H([E.value, "flex items-center justify-between h-12 select"]),
+            error: !!((N = e.errors) != null && N.length)
           }, [
-            P("div", ga, [
-              e.multiple && Array.isArray(o.value) ? (C(), D(ee, { key: 0 }, [
-                e.showSelectedCount ? (C(), D("span", {
+            j("div", xa, [
+              e.multiple && Array.isArray(o.value) ? (w(), D(te, { key: 0 }, [
+                e.showSelectedCount ? (w(), D("span", {
                   key: 0,
-                  class: O(!o.value || o.value.length === 0 ? "text-base-neutral-300" : "")
-                }, $(o.value.length > 0 ? `${o.value.length} selected` : e.placeholder), 3)) : (C(), D(ee, { key: 1 }, [
-                  p.value && p.value.length ? (C(), D("span", ba, [
-                    de($((g = p.value) == null ? void 0 : g.slice(0, 2).join(", ")) + " ", 1),
-                    ((E = p.value) == null ? void 0 : E.length) > 2 ? (C(), D("span", pa, " , +" + $(p.value.length - 2) + " more ", 1)) : G("", !0)
-                  ])) : (C(), D("span", ha, $(e.placeholder), 1))
+                  class: H(!o.value || o.value.length === 0 ? "text-base-neutral-300" : "")
+                }, z(o.value.length > 0 ? `${o.value.length} selected` : e.placeholder), 3)) : (w(), D(te, { key: 1 }, [
+                  p.value && p.value.length ? (w(), D("span", ka, [
+                    ae(z((re = p.value) == null ? void 0 : re.slice(0, 2).join(", ")) + " ", 1),
+                    ((ne = p.value) == null ? void 0 : ne.length) > 2 ? (w(), D("span", Sa, " , +" + z(p.value.length - 2) + " more ", 1)) : G("", !0)
+                  ])) : (w(), D("span", Ca, z(e.placeholder), 1))
                 ], 64))
-              ], 64)) : (C(), D("span", {
+              ], 64)) : (w(), D("span", {
                 key: 1,
-                class: O({ "text-base-neutral-300": !o.value || o.value === "" || o.value === null })
-              }, $(((U = p.value) == null ? void 0 : U[0]) || e.placeholder), 3))
+                class: H({ "text-base-neutral-300": !o.value || o.value === "" || o.value === null })
+              }, z(((me = p.value) == null ? void 0 : me[0]) || e.placeholder), 3))
             ]),
-            ue($e, {
+            Y(He, {
               name: "chevron-left",
               size: 16,
               class: "-rotate-90"
             })
-          ], 10, _a)),
-          (C(), H(Fr, { to: "body" }, [
-            a.value ? (C(), D("div", {
+          ], 10, wa)),
+          (w(), B(Lr, { to: "body" }, [
+            a.value ? (w(), D("div", {
               key: 0,
               class: "fixed inset-0 h-dvh w-screen z-101",
-              onClick: k[0] || (k[0] = (T) => a.value = !1)
+              onClick: S[0] || (S[0] = (q) => a.value = !1)
             })) : G("", !0),
-            a.value ? (C(), D("div", {
+            a.value ? (w(), D("div", {
               key: 1,
               ref_key: "dropdownRef",
               ref: s,
-              style: We(t.value),
+              style: Je(t.value),
               class: "absolute z-102 w-full bg-off-white border border-base-neutral-100 rounded-lg shadow-lg max-h-60 overflow-auto",
               role: "listbox"
             }, [
-              e.searchable ? (C(), D("div", va, [
-                Er(P("input", {
+              e.searchable ? (w(), D("div", Aa, [
+                Fr(j("input", {
                   name: "search",
-                  "onUpdate:modelValue": k[1] || (k[1] = (T) => c.value = T),
+                  "onUpdate:modelValue": S[1] || (S[1] = (q) => c.value = q),
                   class: "w-full p-2 border border-base-neutral-100 bg-white rounded-lg text-sm focus:outline-none",
                   placeholder: "Search...",
-                  onClick: k[2] || (k[2] = Ae(() => {
+                  onClick: S[2] || (S[2] = Ee(() => {
                   }, ["stop"]))
                 }, null, 512), [
-                  [Ir, c.value]
+                  [Pr, c.value]
                 ]),
-                e.loading ? (C(), H(Ce(ua), {
+                e.loading ? (w(), B(Re(ba), {
                   key: 0,
                   icon: "svg-spinners:180-ring-with-bg",
                   class: "absolute end-5 top-1/2 -translate-y-1/2"
                 })) : G("", !0)
               ])) : G("", !0),
-              P("ul", null, [
-                (X = m.value) != null && X.length ? (C(!0), D(ee, { key: 0 }, Ze(m.value, (T, ye) => (C(), D("li", {
-                  key: R(T),
-                  class: O(["px-3 py-3 text-sm flex justify-between items-center border-b border-base-neutral-100 last-of-type:border-0", [
-                    T.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-base-neutral-100/30 cursor-pointer",
-                    ye === i.value ? "bg-neutral-800" : ""
-                  ]]),
-                  onClick: Ae((fe) => w(T), ["stop"])
-                }, [
-                  re(u.$slots, "option", {
-                    option: T,
-                    isActive: x(T)
-                  }, () => [
-                    de($(T.label), 1)
-                  ], !0),
-                  e.multiple && o.value && o.value.includes(T.value) ? (C(), H($e, {
-                    key: 0,
-                    name: "tick-circle",
-                    size: "20",
-                    color: "#e65b2a"
-                  })) : G("", !0)
-                ], 10, wa))), 128)) : (C(), D("li", xa, "No results found"))
-              ])
+              Y(g, null, {
+                default: K(() => {
+                  var q;
+                  return [
+                    (q = u.value) != null && q.length ? (w(!0), D(te, { key: 0 }, Qe(u.value, (U, W) => (w(), B(A, {
+                      key: R(U),
+                      class: H(["px-3 py-3 text-sm flex justify-between items-center border-b border-base-neutral-100 last-of-type:border-0", [
+                        U.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-base-neutral-100/30 cursor-pointer",
+                        W === i.value ? "bg-neutral-800" : ""
+                      ]]),
+                      onClick: Ee((Q) => x(U), ["stop"])
+                    }, {
+                      default: K(() => [
+                        X(m.$slots, "option", {
+                          option: U,
+                          isActive: k(U)
+                        }, () => [
+                          ae(z(U.label), 1)
+                        ], !0),
+                        e.multiple && o.value && o.value.includes(U.value) ? (w(), B(He, {
+                          key: 0,
+                          name: "tick-circle",
+                          size: "20",
+                          color: "#e65b2a"
+                        })) : G("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"]))), 128)) : (w(), B(A, {
+                      key: 1,
+                      class: "p-3 text-base text-neutral-500"
+                    }, {
+                      default: K(() => [...S[3] || (S[3] = [
+                        ae("No results found", -1)
+                      ])]),
+                      _: 1
+                    }))
+                  ];
+                }),
+                _: 3
+              })
             ], 4)) : G("", !0)
           ]))
         ], 544),
-        ue(h, { errors: e.errors }, null, 8, ["errors"])
+        Y(I, { errors: e.errors }, null, 8, ["errors"])
       ]);
     };
   }
-}), Ra = /* @__PURE__ */ Je(ka, [["__scopeId", "data-v-f72b304d"]]), Ma = /* @__PURE__ */ Z({
+}), Pa = /* @__PURE__ */ ar(Da, [["__scopeId", "data-v-76b6e255"]]), La = /* @__PURE__ */ V({
   __name: "Dialog",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ nr({
     classList: {},
     persistent: { type: Boolean },
     fullscreen: { type: Boolean }
@@ -7050,38 +7150,85 @@ const da = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ne(e, "modelValue"), r = e, o = K(() => {
+    const r = se(e, "modelValue"), n = e, o = O(() => {
       const c = ["fixed  p-5 h-dvh w-screen top-0 flex items-center inset-0 z-[101]   overflow-auto   bg-black/50 backdrop-blur-sm modal-container  *:m-auto"];
-      return r.fullscreen && c.push("p-0"), oe(...c, r.classList);
+      return n.fullscreen && c.push("p-0"), ce(...c, n.classList);
     }), a = () => {
-      r.persistent || (n.value = !1);
+      n.persistent || (r.value = !1);
     };
-    return Mr(() => {
+    return er(() => {
       document.body.classList.remove("overflow-hidden");
-    }), De(() => n.value, () => {
-      n.value ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
-    }, { immediate: !0 }), (c, l) => (C(), H(Fr, { to: "body" }, [
-      ue(cn, { name: "fade" }, {
-        default: Rr(() => [
-          n.value ? (C(), D("div", {
+    }), Me(() => r.value, () => {
+      r.value ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
+    }, { immediate: !0 }), (c, l) => (w(), B(Lr, { to: "body" }, [
+      Y(tn, { name: "fade" }, {
+        default: K(() => [
+          r.value ? (w(), D("div", {
             key: 0,
-            class: O(o.value),
-            onClick: Ae(a, ["self"])
+            class: H(o.value),
+            onClick: Ee(a, ["self"])
           }, [
-            re(c.$slots, "default")
+            X(c.$slots, "default")
           ], 2)) : G("", !0)
         ]),
         _: 3
       })
     ]));
   }
+}), Ra = ["innerHTML"], Ta = /* @__PURE__ */ V({
+  __name: "Text",
+  props: {
+    tag: {},
+    size: { default: "16" },
+    weight: { default: "normal" },
+    color: { default: "black" },
+    fontFamily: { default: "poppins" },
+    classList: {},
+    htmlContent: {},
+    capitalize: { type: Boolean },
+    uppercase: { type: Boolean },
+    underline: { type: Boolean },
+    italic: { type: Boolean }
+  },
+  setup(e) {
+    const r = e, n = O(() => {
+      let c = "";
+      return r.capitalize && (c += " capitalize"), r.uppercase && (c += " uppercase"), r.underline && (c += " underline"), r.italic && (c += " italic"), c;
+    }), o = O(() => r.tag ? r.tag : "div"), a = O(() => ce(oo[r.size], ao[r.weight], co[r.color], n.value, lo[r.fontFamily], r.classList));
+    return (c, l) => (w(), B(qe(o.value), {
+      class: H(a.value)
+    }, {
+      default: K(() => [
+        e.htmlContent ? (w(), D("div", {
+          key: 1,
+          class: "html-content",
+          innerHTML: e.htmlContent
+        }, null, 8, Ra)) : X(c.$slots, "default", { key: 0 })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
 });
+function Ba() {
+  const e = P(0), r = P(0), n = () => {
+    e.value = window.scrollY || window.pageYOffset, r.value = window.scrollX || window.pageXOffset;
+  };
+  return pe(() => {
+    document.addEventListener("scroll", n), n();
+  }), er(() => document.removeEventListener("scroll", n)), {
+    scrollY: e,
+    scrollX: r
+  };
+}
 export {
-  Ca as Button,
-  Ma as Dialog,
-  Aa as Error,
-  ua as Icon,
-  $e as Iconsax,
-  Da as Input,
-  Ra as Select
+  Ma as Button,
+  La as Dialog,
+  Ia as Error,
+  ba as Icon,
+  He as Iconsax,
+  Fa as Input,
+  Pa as Select,
+  Ta as Text,
+  uo as useOutsideClick,
+  Ba as useWindowScroll
 };