portal-design-system 0.0.82 → 0.0.83

package/dist/index.js

@@ -1,71 +1,34 @@
-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) => {
+import { defineComponent as V, useAttrs as an, computed as O, resolveComponent as Z, createBlock as B, openBlock as w, resolveDynamicComponent as qe, mergeProps as Ir, unref as Ee, withCtx as K, createElementBlock as D, Fragment as te, renderSlot as X, 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 Me, shallowRef as cn, watch as Ie, h as yr, nextTick as Ce, useSlots as ln, Teleport as Lr, Transition as tn, normalizeProps as Le, guardReactiveProps as Te, defineCustomElement as xe } from "vue";
+const sn = (e, r) => {
   const n = new Array(e.length + r.length);
   for (let o = 0; o < e.length; o++)
     n[o] = e[o];
   for (let o = 0; o < r.length; o++)
     n[e.length + o] = r[o];
   return n;
-}, fn = (e, r) => ({
+}, dn = (e, r) => ({
   classGroupId: e,
   validator: r
 }), Tr = (e = /* @__PURE__ */ new Map(), r = null, n) => ({
   nextPart: e,
   validators: r,
   classGroupId: n
-}), Ie = "-", fr = [], _n = "arbitrary..", gn = (e) => {
-  const r = bn(e), {
+}), Fe = "-", fr = [], un = "arbitrary..", mn = (e) => {
+  const r = fn(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
       if (l.startsWith("[") && l.endsWith("]"))
-        return pn(l);
-      const s = l.split(Ie), t = s[0] === "" && s.length > 1 ? 1 : 0;
+        return yn(l);
+      const s = l.split(Fe), t = s[0] === "" && s.length > 1 ? 1 : 0;
       return Br(s, t, r);
     },
     getConflictingClassGroupIds: (l, s) => {
       if (s) {
         const t = o[l], i = n[l];
-        return t ? i ? yn(i, t) : t : i || fr;
+        return t ? i ? sn(i, t) : t : i || fr;
       }
       return n[l] || fr;
     }
@@ -81,22 +44,22 @@ const yn = (e, r) => {
   const l = n.validators;
   if (l === null)
     return;
-  const s = r === 0 ? e.join(Ie) : e.slice(r).join(Ie), t = l.length;
+  const s = r === 0 ? e.join(Fe) : e.slice(r).join(Fe), t = l.length;
   for (let i = 0; i < t; i++) {
     const d = l[i];
     if (d.validator(s))
       return d.classGroupId;
   }
-}, pn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, yn = (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) => {
+  return o ? un + o : void 0;
+})(), fn = (e) => {
   const {
     theme: r,
     classGroups: n
   } = e;
-  return hn(n, r);
-}, hn = (e, r) => {
+  return _n(n, r);
+}, _n = (e, r) => {
   const n = Tr();
   for (const o in e) {
     const a = e[o];
@@ -107,28 +70,28 @@ const yn = (e, r) => {
   const a = e.length;
   for (let c = 0; c < a; c++) {
     const l = e[c];
-    vn(l, r, n, o);
+    gn(l, r, n, o);
   }
-}, vn = (e, r, n, o) => {
+}, gn = (e, r, n, o) => {
   if (typeof e == "string") {
-    wn(e, r, n);
+    pn(e, r, n);
     return;
   }
   if (typeof e == "function") {
-    xn(e, r, n, o);
+    bn(e, r, n, o);
     return;
   }
-  kn(e, r, n, o);
-}, wn = (e, r, n) => {
+  hn(e, r, n, o);
+}, pn = (e, r, n) => {
   const o = e === "" ? r : Nr(r, e);
   o.classGroupId = n;
-}, xn = (e, r, n, o) => {
-  if (Sn(e)) {
+}, bn = (e, r, n, o) => {
+  if (vn(e)) {
     or(e(o), r, n, o);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(fn(n, e));
-}, kn = (e, r, n, o) => {
+  r.validators === null && (r.validators = []), r.validators.push(dn(n, e));
+}, hn = (e, r, n, o) => {
   const a = Object.entries(e), c = a.length;
   for (let l = 0; l < c; l++) {
     const [s, t] = a[l];
@@ -136,14 +99,14 @@ const yn = (e, r) => {
   }
 }, Nr = (e, r) => {
   let n = e;
-  const o = r.split(Ie), a = o.length;
+  const o = r.split(Fe), a = o.length;
   for (let c = 0; c < a; c++) {
     const l = o[c];
     let s = n.nextPart.get(l);
     s || (s = Tr(), n.nextPart.set(l, s)), n = s;
   }
   return n;
-}, Sn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Cn = (e) => {
+}, vn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, wn = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -167,13 +130,13 @@ const yn = (e, r) => {
       c in n ? n[c] = l : a(c, l);
     }
   };
-}, je = "!", _r = ":", An = [], gr = (e, r, n, o, a) => ({
+}, je = "!", _r = ":", xn = [], gr = (e, r, n, o, a) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: n,
   maybePostfixModifierPosition: o,
   isExternal: a
-}), Dn = (e) => {
+}), kn = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: n
@@ -210,7 +173,7 @@ const yn = (e, r) => {
   };
   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);
+    o = (l) => l.startsWith(a) ? c(l.slice(a.length)) : gr(xn, !1, l, void 0, !0);
   }
   if (n) {
     const a = o;
@@ -220,7 +183,7 @@ const yn = (e, r) => {
     });
   }
   return o;
-}, Rn = (e) => {
+}, Sn = (e) => {
   const r = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((n, o) => {
     r.set(n, 1e6 + o);
@@ -233,18 +196,18 @@ const yn = (e, r) => {
     }
     return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
-}, En = (e) => ({
-  cache: Cn(e.cacheSize),
-  parseClassName: Dn(e),
-  sortModifiers: Rn(e),
-  ...gn(e)
-}), Mn = /\s+/, In = (e, r) => {
+}, Cn = (e) => ({
+  cache: wn(e.cacheSize),
+  parseClassName: kn(e),
+  sortModifiers: Sn(e),
+  ...mn(e)
+}), An = /\s+/, Dn = (e, r) => {
   const {
     parseClassName: n,
     getClassGroupId: o,
     getConflictingClassGroupIds: a,
     sortModifiers: c
-  } = r, l = [], s = e.trim().split(Mn);
+  } = r, l = [], s = e.trim().split(An);
   let t = "";
   for (let i = s.length - 1; i >= 0; i -= 1) {
     const d = s[i], {
@@ -282,7 +245,7 @@ const yn = (e, r) => {
     t = d + (t.length > 0 ? " " + t : t);
   }
   return t;
-}, Fn = (...e) => {
+}, Rn = (...e) => {
   let r = 0, n, o, a = "";
   for (; r < e.length; )
     (n = e[r++]) && (o = Ur(n)) && (a && (a += " "), a += o);
@@ -294,34 +257,34 @@ const yn = (e, r) => {
   for (let o = 0; o < e.length; o++)
     e[o] && (r = Ur(e[o])) && (n && (n += " "), n += r);
   return n;
-}, Pn = (e, ...r) => {
+}, En = (e, ...r) => {
   let n, o, a, c;
   const l = (t) => {
     const i = r.reduce((d, _) => _(d), e());
-    return n = En(i), o = n.cache.get, a = n.cache.set, c = s, s(t);
+    return n = Cn(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 = In(t, n);
+    const d = Dn(t, n);
     return a(t, d), d;
   };
-  return c = l, (...t) => c(Fn(...t));
-}, Ln = [], M = (e) => {
-  const r = (n) => n[e] || Ln;
+  return c = l, (...t) => c(Rn(...t));
+}, Mn = [], M = (e) => {
+  const r = (n) => n[e] || Mn;
   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) => (
+}, Gr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, $r = /^\((?:(\w[\w-]*):)?(.+)\)$/i, In = /^\d+\/\d+$/, Fn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Pn = /\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$/, Ln = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Tn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Bn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, le = (e) => In.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) => Fn.test(e), Nn = () => !0, Un = (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.
-  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) => {
+  Pn.test(e) && !Ln.test(e)
+), zr = () => !1, Gn = (e) => Tn.test(e), $n = (e) => Bn.test(e), zn = (e) => !y(e) && !f(e), On = (e) => de(e, Vr, zr), y = (e) => Gr.test(e), oe = (e) => de(e, jr, Un), ze = (e) => de(e, Wn, C), pr = (e) => de(e, Or, zr), Kn = (e) => de(e, Kr, $n), ke = (e) => de(e, Hr, Gn), f = (e) => $r.test(e), ye = (e) => ue(e, jr), Vn = (e) => ue(e, Zn), br = (e) => ue(e, Or), jn = (e) => ue(e, Vr), Hn = (e) => ue(e, Kr), Se = (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 = () => {
+}, 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", Wn = (e) => e === "number", Zn = (e) => e === "family-name", Hr = (e) => e === "shadow", Xn = () => {
   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",
@@ -346,7 +309,7 @@ const yn = (e, r) => {
     position: [f, y]
   }], ir = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], dr = () => ["auto", "cover", "contain", Xn, Hn, {
+  }], dr = () => ["auto", "cover", "contain", jn, On, {
     size: [f, y]
   }], Ue = () => [$e, ye, oe], T = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -371,11 +334,11 @@ const yn = (e, r) => {
       aspect: ["video"],
       blur: [J],
       breakpoint: [J],
-      color: [zn],
+      color: [Nn],
       container: [J],
       "drop-shadow": [J],
       ease: ["in", "out", "in-out"],
-      font: [jn],
+      font: [zn],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [J],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1087,7 +1050,7 @@ const yn = (e, r) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Zn, y, r]
+        font: [Vn, y, r]
       }],
       /**
        * Font Variant Numeric
@@ -1342,7 +1305,7 @@ const yn = (e, r) => {
           }, ee, f, y],
           radial: ["", f, y],
           conic: [ee, f, y]
-        }, Yn, Wn]
+        }, Hn, Kn]
       }],
       /**
        * Background Color
@@ -1713,8 +1676,8 @@ const yn = (e, r) => {
           "",
           "none",
           d,
-          ke,
-          xe
+          Se,
+          ke
         ]
       }],
       /**
@@ -1729,7 +1692,7 @@ const yn = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", _, ke, xe]
+        "inset-shadow": ["none", _, Se, ke]
       }],
       /**
        * Inset Box Shadow Color
@@ -1796,7 +1759,7 @@ const yn = (e, r) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", b, ke, xe]
+        "text-shadow": ["none", b, Se, ke]
       }],
       /**
        * Text Shadow Color
@@ -2069,8 +2032,8 @@ const yn = (e, r) => {
           "",
           "none",
           p,
-          ke,
-          xe
+          Se,
+          ke
         ]
       }],
       /**
@@ -2791,22 +2754,22 @@ const yn = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, ce = /* @__PURE__ */ Pn(Qn), eo = {
+}, ce = /* @__PURE__ */ En(Xn), Yn = {
   auto: "h-auto text-base",
   40: "h-10 text-sm",
   44: "h-11 text-base",
   48: "h-12 text-xl"
-}, ro = {
+}, qn = {
   none: "rounded-0",
   8: "rounded-lg",
   12: "rounded-xl",
   16: "rounded-2xl",
   full: "rounded-full"
-}, no = {
+}, Jn = {
   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"
-}, oo = {
+}, Qn = {
   12: "text-xs",
   14: "text-sm",
   16: "text-base",
@@ -2818,17 +2781,17 @@ const yn = (e, r) => {
   36: "lg:text-4xl text-3.5xl",
   40: "lg:text-4.5xl text-3.5xl",
   48: "lg:text-5xl text-4.5xl"
-}, ao = {
+}, eo = {
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, co = {
+}, ro = {
   white: "text-white",
   black: "text-base-neutral-800"
-}, lo = {
+}, no = {
   poppins: "font-poppins"
-}, Ma = /* @__PURE__ */ V({
+}, Ia = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -2847,7 +2810,7 @@ const yn = (e, r) => {
   setup(e) {
     const r = an(), n = e, o = O(
       () => {
-        const a = no[n.variant], c = eo[n.size], l = ro[n.radius], s = ["flex", "items-center", "group", "whitespace-nowrap", "transition-all", "duration-500"];
+        const a = Jn[n.variant], c = Yn[n.size], l = qn[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);
       }
     );
@@ -2857,7 +2820,7 @@ const yn = (e, r) => {
         to: e.to,
         class: o.value,
         disabled: e.loading
-      }, Re(r)), {
+      }, Ee(r)), {
         default: K(() => [
           e.loading ? (w(), B(l, {
             key: 0,
@@ -2881,7 +2844,7 @@ const yn = (e, r) => {
       }, 16, ["to", "class", "disabled"]);
     };
   }
-}), to = ["icon-name"], He = /* @__PURE__ */ V({
+}), oo = ["icon-name"], He = /* @__PURE__ */ V({
   __name: "Iconsax",
   props: {
     name: {},
@@ -2893,9 +2856,9 @@ const yn = (e, r) => {
       class: "iconsax",
       style: Je({ color: e.color, fontSize: e.size + "px" }),
       "icon-name": e.name
-    }, null, 12, to));
+    }, null, 12, oo));
   }
-}), so = { key: 0 }, io = /* @__PURE__ */ V({
+}), ao = { key: 0 }, co = /* @__PURE__ */ V({
   __name: "Error",
   props: {
     errors: {}
@@ -2904,7 +2867,7 @@ const yn = (e, r) => {
     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, [
+      return (c = e.errors) != null && c.length ? (w(), D("div", ao, [
         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 }, {
@@ -2924,7 +2887,7 @@ const yn = (e, r) => {
   for (const [o, a] of r)
     n[o] = a;
   return n;
-}, Ia = /* @__PURE__ */ ar(io, [["__scopeId", "data-v-711d4930"]]), Oe = [
+}, Fa = /* @__PURE__ */ ar(co, [["__scopeId", "data-v-711d4930"]]), Oe = [
   {
     name: "Afghanistan",
     dial_code: "+93",
@@ -5523,10 +5486,10 @@ const yn = (e, r) => {
     currency_symbol: "€"
   }
 ];
-function uo(e, r, n = "click") {
+function lo(e, r, n = "click") {
   const o = (a) => {
     try {
-      const c = Re(e);
+      const c = Ee(e);
       if (!c) return;
       const l = a == null ? void 0 : a.target;
       if (!l) return;
@@ -5536,7 +5499,7 @@ function uo(e, r, n = "click") {
   };
   pe(() => document.addEventListener(n, o)), er(() => document.removeEventListener(n, o));
 }
-const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo = { class: "mx-2 opacity-60" }, fo = /* @__PURE__ */ V({
+const to = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, so = { class: "mx-2 opacity-60" }, io = /* @__PURE__ */ V({
   __name: "CountryCode",
   props: {
     modelValue: { default: "+964" },
@@ -5569,7 +5532,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
       window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
     }), rr(() => {
       window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
-    }), uo(o, () => {
+    }), lo(o, () => {
       n.value = !1;
     }), (p, k) => {
       const x = Z("m-button");
@@ -5578,7 +5541,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
         ref: o,
         class: "text-sm relative"
       }, [
-        j("div", mo, [
+        j("div", to, [
           Y(x, {
             ref_key: "buttonRef",
             ref: l,
@@ -5590,7 +5553,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
             default: K(() => {
               var u;
               return [
-                j("span", yo, z((u = t.value) == null ? void 0 : u.dial_code), 1)
+                j("span", so, z((u = t.value) == null ? void 0 : u.dial_code), 1)
               ];
             }),
             _: 1
@@ -5633,10 +5596,10 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
       ], 512);
     };
   }
-}), _o = { class: "main-input" }, go = {
+}), uo = { class: "main-input" }, mo = {
   key: 0,
   class: "text-red-500"
-}, po = { class: "relative w-full" }, bo = /* @__PURE__ */ V({
+}, yo = { class: "relative w-full" }, fo = /* @__PURE__ */ V({
   __name: "Input",
   props: /* @__PURE__ */ nr({
     id: {},
@@ -5659,7 +5622,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
   emits: ["update:code", "update:modelValue"],
   setup(e) {
     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";
+      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 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");
@@ -5667,19 +5630,19 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
     return (t, i) => {
       var p;
       const d = Z("m-label"), _ = Z("m-button"), b = Z("AppFormError");
-      return w(), D("div", _o, [
+      return w(), D("div", uo, [
         Y(d, {
           for: e.id,
           class: H(l.value)
         }, {
           default: K(() => [
             ae(z(e.label) + " ", 1),
-            e.required ? (w(), D("span", go, "*")) : G("", !0)
+            e.required ? (w(), D("span", mo, "*")) : G("", !0)
           ]),
           _: 1
         }, 8, ["for", "class"]),
-        j("div", po, [
-          e.type === "tel" ? (w(), B(fo, {
+        j("div", yo, [
+          e.type === "tel" ? (w(), B(io, {
             key: 0,
             modelValue: o.value,
             "onUpdate:modelValue": i[0] || (i[0] = (k) => o.value = k)
@@ -5698,7 +5661,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
             key: 1,
             class: "absolute end-4 top-3",
             type: "button",
-            onClick: i[1] || (i[1] = Ee((k) => n.value = !n.value, ["stop"])),
+            onClick: i[1] || (i[1] = Me((k) => n.value = !n.value, ["stop"])),
             "aria-label": "Toggle Password Visibility"
           }, {
             default: K(() => [
@@ -5715,7 +5678,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
       ]);
     };
   }
-}), Fa = /* @__PURE__ */ ar(bo, [["__scopeId", "data-v-2aa6571e"]]), Wr = /^[a-z0-9]+(-[a-z0-9]+)*$/, Be = (e, r, n, o = "") => {
+}), Pa = /* @__PURE__ */ ar(fo, [["__scopeId", "data-v-ee4c16f9"]]), 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)
@@ -5731,7 +5694,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
       prefix: t,
       name: s
     };
-    return r && !Ce(i) ? null : i;
+    return r && !Ae(i) ? null : i;
   }
   const c = a[0], l = c.split("-");
   if (l.length > 1) {
@@ -5740,7 +5703,7 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
       prefix: l.shift(),
       name: l.join("-")
     };
-    return r && !Ce(s) ? null : s;
+    return r && !Ae(s) ? null : s;
   }
   if (n && o === "") {
     const s = {
@@ -5748,10 +5711,10 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
       prefix: "",
       name: c
     };
-    return r && !Ce(s, n) ? null : s;
+    return r && !Ae(s, n) ? null : s;
   }
   return null;
-}, Ce = (e, r) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+}, Ae = (e, r) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
 ((r && e.prefix === "" || e.prefix) && e.name) : !1, Zr = Object.freeze(
   {
@@ -5760,31 +5723,31 @@ const mo = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, yo =
     width: 16,
     height: 16
   }
-), Fe = Object.freeze({
+), Pe = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
 }), Ne = Object.freeze({
   ...Zr,
-  ...Fe
+  ...Pe
 }), We = Object.freeze({
   ...Ne,
   body: "",
   hidden: !1
 });
-function ho(e, r) {
+function _o(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 hr(e, r) {
-  const n = ho(e, r);
+  const n = _o(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]);
+    o in Pe ? o in e && !(o in n) && (n[o] = Pe[o]) : o in r ? n[o] = r[o] : o in e && (n[o] = e[o]);
   return n;
 }
-function vo(e, r) {
+function go(e, r) {
   const n = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null), a = /* @__PURE__ */ Object.create(null);
   function c(l) {
     if (n[l])
@@ -5798,7 +5761,7 @@ function vo(e, r) {
   }
   return Object.keys(n).concat(Object.keys(o)).forEach(c), a;
 }
-function wo(e, r, n) {
+function po(e, r, n) {
   const o = e.icons, a = e.aliases || /* @__PURE__ */ Object.create(null);
   let c = {};
   function l(s) {
@@ -5816,14 +5779,14 @@ function Xr(e, r) {
   e.not_found instanceof Array && e.not_found.forEach((a) => {
     r(a, null), n.push(a);
   });
-  const o = vo(e);
+  const o = go(e);
   for (const a in o) {
     const c = o[a];
-    c && (r(a, wo(e, a, c)), n.push(a));
+    c && (r(a, po(e, a, c)), n.push(a));
   }
   return n;
 }
-const xo = {
+const bo = {
   provider: "",
   aliases: {},
   not_found: {},
@@ -5839,7 +5802,7 @@ function Yr(e) {
   if (typeof e != "object" || e === null)
     return null;
   const r = e;
-  if (typeof r.prefix != "string" || !e.icons || typeof e.icons != "object" || !Ke(e, xo))
+  if (typeof r.prefix != "string" || !e.icons || typeof e.icons != "object" || !Ke(e, bo))
     return null;
   const n = r.icons;
   for (const a in n) {
@@ -5872,7 +5835,7 @@ function Yr(e) {
   return r;
 }
 const vr = /* @__PURE__ */ Object.create(null);
-function ko(e, r) {
+function ho(e, r) {
   return {
     provider: e,
     prefix: r,
@@ -5882,14 +5845,14 @@ function ko(e, r) {
 }
 function ie(e, r) {
   const n = vr[e] || (vr[e] = /* @__PURE__ */ Object.create(null));
-  return n[r] || (n[r] = ko(e, r));
+  return n[r] || (n[r] = ho(e, r));
 }
 function qr(e, r) {
   return Yr(r) ? Xr(r, (n, o) => {
     o ? e.icons[n] = o : e.missing.add(n);
   }) : [];
 }
-function So(e, r, n) {
+function vo(e, r, n) {
   try {
     if (typeof n.body == "string")
       return e.icons[r] = { ...n }, !0;
@@ -5901,31 +5864,31 @@ let ge = !1;
 function Jr(e) {
   return typeof e == "boolean" && (ge = e), ge;
 }
-function Co(e) {
+function wo(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 Ao(e, r) {
+function xo(e, r) {
   const n = Be(e, !0, ge);
   if (!n)
     return !1;
   const o = ie(n.provider, n.prefix);
-  return r ? So(o, n.name, r) : (o.missing.add(n.name), !0);
+  return r ? vo(o, n.name, r) : (o.missing.add(n.name), !0);
 }
-function Do(e, r) {
+function ko(e, r) {
   if (typeof e != "object")
     return !1;
   if (typeof r != "string" && (r = e.provider || ""), ge && !r && !e.prefix) {
     let a = !1;
     return Yr(e) && (e.prefix = "", Xr(e, (c, l) => {
-      Ao(c, l) && (a = !0);
+      xo(c, l) && (a = !0);
     })), a;
   }
   const n = e.prefix;
-  if (!Ce({
+  if (!Ae({
     prefix: n,
     name: "a"
   }))
@@ -5940,8 +5903,8 @@ const Qr = Object.freeze({
   // Dimensions
   ...Qr,
   // Transformations
-  ...Fe
-}), Ro = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Eo = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+  ...Pe
+}), So = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Co = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function wr(e, r, n) {
   if (r === 1)
     return e;
@@ -5949,11 +5912,11 @@ function wr(e, r, n) {
     return Math.ceil(e * r * n) / n;
   if (typeof e != "string")
     return e;
-  const o = e.split(Ro);
+  const o = e.split(So);
   if (o === null || !o.length)
     return e;
   const a = [];
-  let c = o.shift(), l = Eo.test(c);
+  let c = o.shift(), l = Co.test(c);
   for (; ; ) {
     if (l) {
       const s = parseFloat(c);
@@ -5965,7 +5928,7 @@ function wr(e, r, n) {
     l = !l;
   }
 }
-function Mo(e, r = "defs") {
+function Ao(e, r = "defs") {
   let n = "";
   const o = e.indexOf("<" + r);
   for (; o >= 0; ) {
@@ -5982,15 +5945,15 @@ function Mo(e, r = "defs") {
     content: e
   };
 }
-function Io(e, r) {
+function Do(e, r) {
   return e ? "<defs>" + e + "</defs>" + r : r;
 }
-function Fo(e, r, n) {
-  const o = Mo(e);
-  return Io(o.defs, r + o.content + n);
+function Ro(e, r, n) {
+  const o = Ao(e);
+  return Do(o.defs, r + o.content + n);
 }
-const Po = (e) => e === "unset" || e === "undefined" || e === "none";
-function Lo(e, r) {
+const Eo = (e) => e === "unset" || e === "undefined" || e === "none";
+function Mo(e, r) {
   const n = {
     ...Ne,
     ...e
@@ -6030,7 +5993,7 @@ function Lo(e, r) {
         );
         break;
     }
-    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(
+    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 = Ro(
       c,
       '<g transform="' + u.join(" ") + '">',
       "</g>"
@@ -6040,7 +6003,7 @@ function Lo(e, r) {
   let d, _;
   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());
+    Eo(u) || (b[x] = u.toString());
   };
   p("width", d), p("height", _);
   const k = [a.left, a.top, t, i];
@@ -6050,18 +6013,18 @@ function Lo(e, r) {
     body: c
   };
 }
-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 Io = /\sid="(\S+)"/g, Fo = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let Po = 0;
+function Lo(e, r = Fo) {
   const n = [];
   let o;
-  for (; o = To.exec(e); )
+  for (; o = Io.exec(e); )
     n.push(o[1]);
   if (!n.length)
     return e;
   const a = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return n.forEach((c) => {
-    const l = typeof r == "function" ? r(c) : r + (No++).toString(), s = c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const l = typeof r == "function" ? r(c) : r + (Po++).toString(), s = c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
@@ -6071,7 +6034,7 @@ function Uo(e, r = Bo) {
   }), e = e.replace(new RegExp(a, "g"), ""), e;
 }
 const Ze = /* @__PURE__ */ Object.create(null);
-function Go(e, r) {
+function To(e, r) {
   Ze[e] = r;
 }
 function Xe(e) {
@@ -6105,20 +6068,20 @@ function cr(e) {
 const lr = /* @__PURE__ */ Object.create(null), fe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], Ae = [];
+], De = [];
 for (; fe.length > 0; )
-  fe.length === 1 || Math.random() > 0.5 ? Ae.push(fe.shift()) : Ae.push(fe.pop());
+  fe.length === 1 || Math.random() > 0.5 ? De.push(fe.shift()) : De.push(fe.pop());
 lr[""] = cr({
-  resources: ["https://api.iconify.design"].concat(Ae)
+  resources: ["https://api.iconify.design"].concat(De)
 });
-function $o(e, r) {
+function Bo(e, r) {
   const n = cr(r);
   return n === null ? !1 : (lr[e] = n, !0);
 }
 function tr(e) {
   return lr[e];
 }
-const zo = () => {
+const No = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function")
@@ -6126,8 +6089,8 @@ const zo = () => {
   } catch {
   }
 };
-let xr = zo();
-function Oo(e, r) {
+let xr = No();
+function Uo(e, r) {
   const n = tr(e);
   if (!n)
     return 0;
@@ -6144,11 +6107,11 @@ function Oo(e, r) {
   }
   return o;
 }
-function Ko(e) {
+function Go(e) {
   return e === 404;
 }
-const Vo = (e, r, n) => {
-  const o = [], a = Oo(e, r), c = "icons";
+const $o = (e, r, n) => {
+  const o = [], a = Uo(e, r), c = "icons";
   let l = {
     type: c,
     provider: e,
@@ -6164,7 +6127,7 @@ const Vo = (e, r, n) => {
     }, s = t.length), l.icons.push(t);
   }), o.push(l), o;
 };
-function jo(e) {
+function zo(e) {
   if (typeof e == "string") {
     const r = tr(e);
     if (r)
@@ -6172,12 +6135,12 @@ function jo(e) {
   }
   return "/";
 }
-const Ho = (e, r, n) => {
+const Oo = (e, r, n) => {
   if (!xr) {
     n("abort", 424);
     return;
   }
-  let o = jo(r.provider);
+  let o = zo(r.provider);
   switch (r.type) {
     case "icons": {
       const c = r.prefix, s = r.icons.join(","), t = new URLSearchParams({
@@ -6200,7 +6163,7 @@ const Ho = (e, r, n) => {
     const l = c.status;
     if (l !== 200) {
       setTimeout(() => {
-        n(Ko(l) ? "abort" : "next", l);
+        n(Go(l) ? "abort" : "next", l);
       });
       return;
     }
@@ -6218,11 +6181,11 @@ const Ho = (e, r, n) => {
   }).catch(() => {
     n("next", a);
   });
-}, Wo = {
-  prepare: Vo,
-  send: Ho
+}, Ko = {
+  prepare: $o,
+  send: Oo
 };
-function Zo(e) {
+function Vo(e) {
   const r = {
     loaded: [],
     missing: [],
@@ -6255,7 +6218,7 @@ function rn(e, r) {
     o && (n.loaderCallbacks = o.filter((a) => a.id !== r));
   });
 }
-function Xo(e) {
+function jo(e) {
   e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
     e.pendingCallbacksFlag = !1;
     const r = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -6293,9 +6256,9 @@ function Xo(e) {
     });
   }));
 }
-let Yo = 0;
-function qo(e, r, n) {
-  const o = Yo++, a = rn.bind(null, n, o);
+let Ho = 0;
+function Wo(e, r, n) {
+  const o = Ho++, a = rn.bind(null, n, o);
   if (!r.pending.length)
     return a;
   const c = {
@@ -6308,14 +6271,14 @@ function qo(e, r, n) {
     (l.loaderCallbacks || (l.loaderCallbacks = [])).push(c);
   }), a;
 }
-function Jo(e, r = !0, n = !1) {
+function Zo(e, r = !0, n = !1) {
   const o = [];
   return e.forEach((a) => {
     const c = typeof a == "string" ? Be(a, r, n) : a;
     c && o.push(c);
   }), o;
 }
-var Qo = {
+var Xo = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -6323,7 +6286,7 @@ var Qo = {
   random: !1,
   dataAfterTimeout: !1
 };
-function ea(e, r, n, o) {
+function Yo(e, r, n, o) {
   const a = e.resources.length, c = e.random ? Math.floor(Math.random() * a) : e.index;
   let l;
   if (e.random) {
@@ -6426,7 +6389,7 @@ function ea(e, r, n, o) {
 }
 function nn(e) {
   const r = {
-    ...Qo,
+    ...Xo,
     ...e
   };
   let n = [];
@@ -6434,7 +6397,7 @@ function nn(e) {
     n = n.filter((s) => s().status === "pending");
   }
   function a(s, t, i) {
-    const d = ea(
+    const d = Yo(
       r,
       s,
       t,
@@ -6460,7 +6423,7 @@ function nn(e) {
 function kr() {
 }
 const Ve = /* @__PURE__ */ Object.create(null);
-function ra(e) {
+function qo(e) {
   if (!Ve[e]) {
     const r = tr(e);
     if (!r)
@@ -6473,14 +6436,14 @@ function ra(e) {
   }
   return Ve[e];
 }
-function na(e, r, n) {
+function Jo(e, r, n) {
   let o, a;
   if (typeof e == "string") {
     const c = Xe(e);
     if (!c)
       return n(void 0, 424), kr;
     a = c.send;
-    const l = ra(e);
+    const l = qo(e);
     l && (o = l.redundancy);
   } else {
     const c = cr(e);
@@ -6494,12 +6457,12 @@ function na(e, r, n) {
 }
 function Sr() {
 }
-function oa(e) {
+function Qo(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, Xo(e);
+    e.iconsLoaderFlag = !1, jo(e);
   }));
 }
-function aa(e) {
+function ea(e) {
   const r = [], n = [];
   return e.forEach((o) => {
     (o.match(Wr) ? r : n).push(o);
@@ -6524,7 +6487,7 @@ function _e(e, r, n) {
     } catch (a) {
       console.error(a);
     }
-  o(), oa(e);
+  o(), Qo(e);
 }
 function Cr(e, r) {
   e instanceof Promise ? e.then((n) => {
@@ -6533,7 +6496,7 @@ function Cr(e, r) {
     r(null);
   }) : r(e);
 }
-function ca(e, r) {
+function ra(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: n, prefix: o } = e, a = e.iconsToLoad;
@@ -6564,7 +6527,7 @@ function ca(e, r) {
       });
       return;
     }
-    const { valid: l, invalid: s } = aa(a);
+    const { valid: l, invalid: s } = ea(a);
     if (s.length && _e(e, s, null), !l.length)
       return;
     const t = o.match(Wr) ? Xe(n) : null;
@@ -6573,14 +6536,14 @@ function ca(e, r) {
       return;
     }
     t.prepare(n, o, l).forEach((d) => {
-      na(n, d, (_) => {
+      Jo(n, d, (_) => {
         _e(e, d.icons, _);
       });
     });
   }));
 }
-const la = (e, r) => {
-  const n = Jo(e, !0, Jr()), o = Zo(n);
+const na = (e, r) => {
+  const n = Zo(e, !0, Jr()), o = Vo(n);
   if (!o.pending.length) {
     let t = !0;
     return r && setTimeout(() => {
@@ -6608,10 +6571,10 @@ const la = (e, r) => {
     p.has(_) || (p.add(_), a[i][d].push(_));
   }), c.forEach((t) => {
     const i = a[t.provider][t.prefix];
-    i.length && ca(t, i);
-  }), r ? qo(r, o, c) : Sr;
+    i.length && ra(t, i);
+  }), r ? Wo(r, o, c) : Sr;
 };
-function ta(e, r) {
+function oa(e, r) {
   const n = {
     ...e
   };
@@ -6621,9 +6584,9 @@ function ta(e, r) {
   }
   return n;
 }
-const sa = /[\s,]+/;
-function ia(e, r) {
-  r.split(sa).forEach((n) => {
+const aa = /[\s,]+/;
+function ca(e, r) {
+  r.split(aa).forEach((n) => {
     switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -6634,7 +6597,7 @@ function ia(e, r) {
     }
   });
 }
-function da(e, r = 0) {
+function la(e, r = 0) {
   const n = e.replace(/^-?[0-9.]*/, "");
   function o(a) {
     for (; a < 0; )
@@ -6660,30 +6623,30 @@ function da(e, r = 0) {
   }
   return r;
 }
-function ua(e, r) {
+function ta(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 ma(e) {
+function sa(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function ya(e) {
-  return "data:image/svg+xml," + ma(e);
+function ia(e) {
+  return "data:image/svg+xml," + sa(e);
 }
-function fa(e) {
-  return 'url("' + ya(e) + '")';
+function da(e) {
+  return 'url("' + ia(e) + '")';
 }
 const Ar = {
   ...en,
   inline: !1
-}, _a = {
+}, ua = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, ga = {
+}, ma = {
   display: "inline-block"
 }, Ye = {
   backgroundColor: "currentColor"
@@ -6703,16 +6666,16 @@ for (const e in Rr) {
   for (const n in Dr)
     r[e + n] = Dr[n];
 }
-const De = {};
+const Re = {};
 ["horizontal", "vertical"].forEach((e) => {
   const r = e.slice(0, 1) + "Flip";
-  De[e + "-flip"] = r, De[e.slice(0, 1) + "-flip"] = r, De[e + "Flip"] = r;
+  Re[e + "-flip"] = r, Re[e.slice(0, 1) + "-flip"] = r, Re[e + "Flip"] = r;
 });
 function Er(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 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 : {};
+  const n = oa(Ar, r), o = { ...ua }, 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)
@@ -6732,7 +6695,7 @@ const Mr = (e, r) => {
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof u == "string" && ia(n, u);
+          typeof u == "string" && ca(n, u);
           break;
         // Color: override style
         case "color":
@@ -6740,7 +6703,7 @@ const Mr = (e, r) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof u == "string" ? n[x] = da(u) : typeof u == "number" && (n[x] = u);
+          typeof u == "string" ? n[x] = la(u) : typeof u == "number" && (n[x] = u);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -6748,37 +6711,37 @@ const Mr = (e, r) => {
           u !== !0 && u !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const E = De[x];
+          const E = Re[x];
           E ? (u === !0 || u === "true" || u === 1) && (n[E] = !0) : Ar[x] === void 0 && (o[x] = u);
         }
       }
   }
-  const t = Lo(e, n), i = t.attributes;
+  const t = Mo(e, n), i = t.attributes;
   if (n.inline && (c.verticalAlign = "-0.125em"), a === "svg") {
     o.style = {
       ...c,
       ...s
     }, Object.assign(o, i);
     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);
+    return typeof u == "string" && (u = u.replace(/-/g, "_")), o.innerHTML = Lo(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), k = ua(d, {
+  const { body: d, width: _, height: b } = e, p = a === "mask" || (a === "bg" ? !1 : d.indexOf("currentColor") !== -1), k = ta(d, {
     ...i,
     width: _ + "",
     height: b + ""
   });
   return o.style = {
     ...c,
-    "--svg": fa(k),
+    "--svg": da(k),
     width: Er(i.width),
     height: Er(i.height),
-    ...ga,
+    ...ma,
     ...p ? Ye : on,
     ...s
   }, yr("span", o);
 };
 Jr(!0);
-Go("", Wo);
+To("", Ko);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -6788,7 +6751,7 @@ if (typeof document < "u" && typeof window < "u") {
         // 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
-        !Do(o)) && console.error(n);
+        !ko(o)) && console.error(n);
       } catch {
         console.error(n);
       }
@@ -6803,17 +6766,17 @@ if (typeof document < "u" && typeof window < "u") {
           const a = r[n];
           if (typeof a != "object" || !a || a.resources === void 0)
             continue;
-          $o(n, a) || console.error(o);
+          Bo(n, a) || console.error(o);
         } catch {
           console.error(o);
         }
       }
   }
 }
-const pa = {
+const ya = {
   ...Ne,
   body: ""
-}, ba = V((e, { emit: r }) => {
+}, fa = V((e, { emit: r }) => {
   const n = P(null);
   function o() {
     var i, d;
@@ -6829,17 +6792,17 @@ const pa = {
     let d;
     if (typeof i != "string" || (d = Be(i, !1, !0)) === null)
       return null;
-    let _ = Co(d);
+    let _ = wo(d);
     if (!_) {
       const k = n.value;
       return (!k || k.name !== i) && (_ === null ? n.value = {
         name: i
       } : n.value = {
         name: i,
-        abort: la([d], t)
+        abort: na([d], t)
       }), null;
     }
-    o(), c.value !== i && (c.value = i, Se(() => {
+    o(), c.value !== i && (c.value = i, Ce(() => {
       r("load", i);
     }));
     const b = e.customise;
@@ -6858,10 +6821,10 @@ const pa = {
   }
   return a.value ? t() : pe(() => {
     a.value = !0, t();
-  }), Me(() => e.icon, t), rr(o), () => {
+  }), Ie(() => e.icon, t), rr(o), () => {
     const i = l.value;
     if (!i)
-      return Mr(pa, e);
+      return Mr(ya, e);
     let d = e;
     return i.classes && (d = {
       ...e,
@@ -6897,16 +6860,16 @@ const pa = {
     "title"
   ],
   emits: ["load"]
-}), ha = { class: "main-select" }, va = {
+}), _a = { class: "main-select" }, ga = {
   key: 0,
   class: "text-red-500"
-}, wa = ["error"], xa = { class: "truncate" }, ka = { key: 0 }, Sa = { key: 0 }, Ca = {
+}, pa = ["error"], ba = { class: "truncate" }, ha = { key: 0 }, va = { key: 0 }, wa = {
   key: 1,
   class: "text-base-neutral-300"
-}, Aa = {
+}, xa = {
   key: 0,
   class: "p-2 relative"
-}, Da = /* @__PURE__ */ V({
+}, ka = /* @__PURE__ */ V({
   __name: "Select",
   props: /* @__PURE__ */ nr({
     id: {},
@@ -6971,13 +6934,13 @@ const pa = {
         width: `${m.width}px`
       };
     };
-    Me(a, async (m) => {
-      m && (await Se(), _());
+    Ie(a, async (m) => {
+      m && (await Ce(), _());
     });
     const b = () => {
       if (!r.disabled) {
         if (a.value = !a.value, !a.value) return;
-        Se(() => _());
+        Ce(() => _());
       }
     }, p = O(() => {
       var S, h;
@@ -7009,19 +6972,19 @@ const pa = {
       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(), _());
+    return Ie(a, async (m) => {
+      m && (i.value = -1, await Ce(), _());
     }), (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, [
+      return w(), D("div", _a, [
         Y(h, {
           for: e.id,
           class: H(L.value)
         }, {
           default: K(() => [
             ae(z(e.label) + " ", 1),
-            e.required ? (w(), D("span", va, "*")) : G("", !0)
+            e.required ? (w(), D("span", ga, "*")) : G("", !0)
           ]),
           _: 1
         }, 8, ["for", "class"]),
@@ -7033,21 +6996,21 @@ const pa = {
           onKeydown: d,
           tabindex: "1"
         }, [
-          Re(n).toggleButton ? X(m.$slots, "toggleButton", { key: 0 }, void 0, !0) : (w(), D("div", {
+          Ee(n).toggleButton ? X(m.$slots, "toggleButton", { key: 0 }, void 0, !0) : (w(), D("div", {
             key: 1,
             class: H([E.value, "flex items-center justify-between h-12 select"]),
             error: !!((N = e.errors) != null && N.length)
           }, [
-            j("div", xa, [
+            j("div", ba, [
               e.multiple && Array.isArray(o.value) ? (w(), D(te, { key: 0 }, [
                 e.showSelectedCount ? (w(), D("span", {
                   key: 0,
                   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, [
+                  p.value && p.value.length ? (w(), D("span", ha, [
                     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))
+                    ((ne = p.value) == null ? void 0 : ne.length) > 2 ? (w(), D("span", va, " , +" + z(p.value.length - 2) + " more ", 1)) : G("", !0)
+                  ])) : (w(), D("span", wa, z(e.placeholder), 1))
                 ], 64))
               ], 64)) : (w(), D("span", {
                 key: 1,
@@ -7059,7 +7022,7 @@ const pa = {
               size: 16,
               class: "-rotate-90"
             })
-          ], 10, wa)),
+          ], 10, pa)),
           (w(), B(Lr, { to: "body" }, [
             a.value ? (w(), D("div", {
               key: 0,
@@ -7074,18 +7037,18 @@ const pa = {
               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 ? (w(), D("div", Aa, [
+              e.searchable ? (w(), D("div", xa, [
                 Fr(j("input", {
                   name: "search",
                   "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: S[2] || (S[2] = Ee(() => {
+                  onClick: S[2] || (S[2] = Me(() => {
                   }, ["stop"]))
                 }, null, 512), [
                   [Pr, c.value]
                 ]),
-                e.loading ? (w(), B(Re(ba), {
+                e.loading ? (w(), B(Ee(fa), {
                   key: 0,
                   icon: "svg-spinners:180-ring-with-bg",
                   class: "absolute end-5 top-1/2 -translate-y-1/2"
@@ -7101,7 +7064,7 @@ const pa = {
                         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"])
+                      onClick: Me((Q) => x(U), ["stop"])
                     }, {
                       default: K(() => [
                         X(m.$slots, "option", {
@@ -7138,7 +7101,7 @@ const pa = {
       ]);
     };
   }
-}), Pa = /* @__PURE__ */ ar(Da, [["__scopeId", "data-v-76b6e255"]]), La = /* @__PURE__ */ V({
+}), La = /* @__PURE__ */ ar(ka, [["__scopeId", "data-v-76b6e255"]]), Ta = /* @__PURE__ */ V({
   __name: "Dialog",
   props: /* @__PURE__ */ nr({
     classList: {},
@@ -7158,7 +7121,7 @@ const pa = {
     };
     return er(() => {
       document.body.classList.remove("overflow-hidden");
-    }), Me(() => r.value, () => {
+    }), Ie(() => 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" }, {
@@ -7166,7 +7129,7 @@ const pa = {
           r.value ? (w(), D("div", {
             key: 0,
             class: H(o.value),
-            onClick: Ee(a, ["self"])
+            onClick: Me(a, ["self"])
           }, [
             X(c.$slots, "default")
           ], 2)) : G("", !0)
@@ -7175,7 +7138,7 @@ const pa = {
       })
     ]));
   }
-}), Ra = ["innerHTML"], Ta = /* @__PURE__ */ V({
+}), Sa = ["innerHTML"], Ba = /* @__PURE__ */ V({
   __name: "Text",
   props: {
     tag: {},
@@ -7194,7 +7157,7 @@ const pa = {
     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));
+    }), o = O(() => r.tag ? r.tag : "div"), a = O(() => ce(Qn[r.size], eo[r.weight], ro[r.color], n.value, no[r.fontFamily], r.classList));
     return (c, l) => (w(), B(qe(o.value), {
       class: H(a.value)
     }, {
@@ -7203,13 +7166,13 @@ const pa = {
           key: 1,
           class: "html-content",
           innerHTML: e.htmlContent
-        }, null, 8, Ra)) : X(c.$slots, "default", { key: 0 })
+        }, null, 8, Sa)) : X(c.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
-function Ba() {
+function Na() {
   const e = P(0), r = P(0), n = () => {
     e.value = window.scrollY || window.pageYOffset, r.value = window.scrollX || window.pageXOffset;
   };
@@ -7220,15 +7183,52 @@ function Ba() {
     scrollX: r
   };
 }
+const Ca = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-button",
+  setup(e) {
+    return (r, n) => (w(), D("button", Le(Te(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+}), Aa = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-label",
+  setup(e) {
+    return (r, n) => (w(), D("label", Le(Te(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+}), Da = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-li",
+  setup(e) {
+    return (r, n) => (w(), D("li", Le(Te(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+}), Ra = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "shadow-ul",
+  setup(e) {
+    return (r, n) => (w(), D("ul", Le(Te(r.$attrs)), [
+      X(r.$slots, "default")
+    ], 16));
+  }
+}), Ea = () => {
+  customElements.define("m-button", xe(Ca, { shadowRoot: !0 })), customElements.define("m-label", xe(Aa, { shadowRoot: !0 })), customElements.define("m-li", xe(Da, { shadowRoot: !0 })), customElements.define("m-ul", xe(Ra, { shadowRoot: !0 }));
+};
+Ea();
 export {
-  Ma as Button,
-  La as Dialog,
-  Ia as Error,
-  ba as Icon,
+  Ia as Button,
+  Ta as Dialog,
+  Fa as Error,
+  fa as Icon,
   He as Iconsax,
-  Fa as Input,
-  Pa as Select,
-  Ta as Text,
-  uo as useOutsideClick,
-  Ba as useWindowScroll
+  Pa as Input,
+  La as Select,
+  Ba as Text,
+  Ea as registerElements,
+  lo as useOutsideClick,
+  Na as useWindowScroll
 };