@colorffy/ui 1.4.7 → 1.5.0

package/dist/{components-CV69FiQW.js → components-igBfuqzk.js}

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as f, openBlock as o, createElementBlock as n, mergeProps as G, renderSlot as x, toDisplayString as g, createCommentVNode as w, createVNode as M, unref as H, withCtx as B, createTextVNode as T, normalizeClass as m, createElementVNode as c, createBlock as _, ref as O, onMounted as ve, onUnmounted as Ae, watch as N, Transition as ye, Fragment as P, renderList as E, createSlots as Oe, nextTick as Pe, getCurrentInstance as he, getCurrentScope as we, hasInjectionContext as xe, inject as Ee, toRef as pe, readonly as De, customRef as He, onScopeDispose as Ie, shallowRef as q, toValue as D, watchEffect as Ge, withDirectives as I, vShow as Ze, useModel as R, mergeModels as A, normalizeStyle as V, createStaticVNode as z, vModelDynamic as le, vModelText as ee, toRefs as Ne, vModelSelect as Re, resolveDynamicComponent as W, normalizeProps as te, guardReactiveProps as se, useSlots as je } from "vue";
+import { defineComponent as y, computed as f, openBlock as o, createElementBlock as n, mergeProps as G, renderSlot as x, toDisplayString as g, createCommentVNode as w, createVNode as M, unref as H, withCtx as B, createTextVNode as T, normalizeClass as m, createElementVNode as c, createBlock as _, ref as P, onMounted as ve, onUnmounted as Ae, watch as N, Transition as ye, Fragment as O, renderList as E, createSlots as Oe, nextTick as Pe, getCurrentInstance as he, getCurrentScope as we, hasInjectionContext as xe, inject as Ee, toRef as pe, readonly as De, customRef as He, onScopeDispose as Ie, shallowRef as q, toValue as D, watchEffect as Ge, withDirectives as I, vShow as Ze, useModel as R, mergeModels as A, normalizeStyle as V, createStaticVNode as z, vModelDynamic as le, vModelText as ee, toRefs as Ne, vModelSelect as Re, resolveDynamicComponent as W, normalizeProps as te, guardReactiveProps as se, useSlots as je } from "vue";
 import { Tooltip as ie, Dropdown as $e } from "floating-vue";
 const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__ */ y({
   __name: "Material",
@@ -10,12 +10,12 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
     ariaLabel: { default: null }
   },
   setup(e) {
-    const t = e, a = f(() => t.decorative ? "true" : void 0), l = f(() => t.decorative ? void 0 : "img"), s = f(() => t.decorative ? void 0 : t.ariaLabel ?? void 0);
-    return (i, r) => (o(), n("i", {
+    const t = e, a = f(() => t.decorative ? "true" : void 0), l = f(() => t.decorative ? void 0 : "img"), i = f(() => t.decorative ? void 0 : t.ariaLabel ?? void 0);
+    return (s, r) => (o(), n("i", {
       class: "material-symbols-rounded",
       "aria-hidden": a.value,
       role: l.value,
-      "aria-label": s.value,
+      "aria-label": i.value,
       innerHTML: e.iconCode
     }, null, 8, qe));
   }
@@ -37,25 +37,25 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
     iconTrailing: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
-    tooltipText: {},
     customClass: { default: "" },
-    rounded: { type: Boolean, default: !1 }
+    rounded: { type: Boolean, default: !1 },
+    tooltipText: {}
   },
   emits: ["onClick"],
   setup(e) {
     const t = e, a = f(() => {
       const l = [];
       if (t.variant && (l.push(`btn-${t.variant}`), t.variant === "filled" && t.color ? l.push(`filled-${t.color}`) : t.variant === "tonal" && t.color && l.push(`tonal-${t.color}`)), t.size) {
-        let s = "";
-        t.size === "sm" ? s = "btn-sm" : t.size === "lg" ? s = "btn-lg" : t.size === "md" ? s = "" : s = t.size, s && l.push(s);
+        let i = "";
+        t.size === "sm" ? i = "btn-sm" : t.size === "lg" ? i = "btn-lg" : t.size === "md" ? i = "" : i = t.size, i && l.push(i);
       }
       return t?.icon && l.push(`btn-icon ${t.iconVariant}`), t?.iconTrailing && l.push("icon-trailing"), t?.loading && l.push("loading"), t?.rounded && l.push("btn-rounded"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (o(), n("button", G({ title: e.title || void 0, id: e.id ? `button-${e.id}` : void 0 }, {
+    return (l, i) => (o(), n("button", G({ title: e.title || void 0, id: e.id ? `button-${e.id}` : void 0 }, {
       class: ["btn", a.value],
       type: "button",
       disabled: e.disabled,
-      onClick: s[0] || (s[0] = (i) => l.$emit("onClick"))
+      onClick: i[0] || (i[0] = (s) => l.$emit("onClick"))
     }), [
       x(l.$slots, "icon"),
       e.text ? (o(), n("span", Ke, g(e.text), 1)) : w("", !0),
@@ -136,10 +136,10 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, l = t, s = f(() => {
+    const a = e, l = t, i = f(() => {
       const d = [];
       return a.backButton && d.push("page-header-breadcrumb"), a.actions && d.push("page-header-actions"), d;
-    }), i = f(() => {
+    }), s = f(() => {
       const d = ["header-container"];
       return a.containerClass && (Array.isArray(a.containerClass) ? d.push(...a.containerClass) : d.push(a.containerClass)), d.join(" ");
     });
@@ -147,7 +147,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
       l("click");
     }
     return (d, u) => (o(), n("div", {
-      class: m(i.value)
+      class: m(s.value)
     }, [
       c("header", {
         class: "header",
@@ -155,7 +155,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
         "aria-label": e.title ? `Page header: ${e.title}` : "Page header"
       }, [
         c("div", {
-          class: m(["header-title", s.value])
+          class: m(["header-title", i.value])
         }, [
           e.backButton ? (o(), _(oe, {
             key: 0,
@@ -198,8 +198,8 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   }
 }), me = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [l, s] of t)
-    a[l] = s;
+  for (const [l, i] of t)
+    a[l] = i;
   return a;
 }, at = /* @__PURE__ */ me(tt, [["__scopeId", "data-v-f4f8f377"]]), lt = { class: "col-md-12" }, st = /* @__PURE__ */ y({
   __name: "PaneContent",
@@ -216,24 +216,24 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
     const a = e, l = f(() => {
       const d = [];
       return a.customClass && d.push(a.customClass), a.isFullHeight && d.push("pane-content-expanded"), d;
-    }), s = f(() => {
+    }), i = f(() => {
       const d = [];
       return a.containerClass && d.push(a.containerClass), d;
-    }), i = f(() => {
+    }), s = f(() => {
       const d = {};
       return a.ariaLabel && (d["aria-label"] = a.ariaLabel), a.ariaLabelledby && (d["aria-labelledby"] = a.ariaLabelledby), a.ariaDescribedby && (d["aria-describedby"] = a.ariaDescribedby), a.id && (d.id = a.id), d;
-    }), r = O(null);
+    }), r = P(null);
     return t({
       paneContentRef: r
     }), (d, u) => (o(), n("div", {
-      class: m(["row", s.value])
+      class: m(["row", i.value])
     }, [
       c("div", lt, [
         c("section", G({
           ref_key: "paneContentRef",
           ref: r,
           class: ["pane-content", l.value]
-        }, i.value), [
+        }, s.value), [
           x(d.$slots, "default")
         ], 16)
       ])
@@ -256,21 +256,21 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   },
   setup(e) {
     const t = e, a = f(() => {
-      const i = ["skeleton"];
-      t.size && i.push(`skeleton-${t.size}`);
+      const s = ["skeleton"];
+      t.size && s.push(`skeleton-${t.size}`);
       const r = t.isThumbnail ? "thumbnail" : t.variant;
-      return r && r !== "default" && (r === "thumbnail" ? i.push("skeleton-thumbnail") : i.push(`skeleton-${r}`)), t.rounded && i.push("rounded-pill"), t.customClass && i.push(t.customClass), i;
+      return r && r !== "default" && (r === "thumbnail" ? s.push("skeleton-thumbnail") : s.push(`skeleton-${r}`)), t.rounded && s.push("rounded-pill"), t.customClass && s.push(t.customClass), s;
     }), l = f(() => {
-      const i = {};
-      return t.width && (i.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height && (i.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.skeletonStyles ? typeof t.skeletonStyles == "string" ? [i, t.skeletonStyles] : { ...i, ...t.skeletonStyles } : i;
-    }), s = f(() => {
-      const i = {};
-      return t.role && (i.role = t.role), t.ariaLabel && (i["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (i["aria-live"] = t.ariaLive), i;
+      const s = {};
+      return t.width && (s.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height && (s.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.skeletonStyles ? typeof t.skeletonStyles == "string" ? [s, t.skeletonStyles] : { ...s, ...t.skeletonStyles } : s;
+    }), i = f(() => {
+      const s = {};
+      return t.role && (s.role = t.role), t.ariaLabel && (s["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (s["aria-live"] = t.ariaLive), s;
     });
-    return (i, r) => (o(), n("div", G({
+    return (s, r) => (o(), n("div", G({
       class: a.value,
       style: l.value
-    }, s.value), null, 16));
+    }, i.value), null, 16));
   }
 }), it = {
   key: 0,
@@ -296,13 +296,13 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   },
   setup(e) {
     const t = e, a = f(() => {
-      const s = ["text-center", "my-3"];
-      return t.customClass && s.push(t.customClass), s;
+      const i = ["text-center", "my-3"];
+      return t.customClass && i.push(t.customClass), i;
     }), l = f(() => {
-      const s = {};
-      return t.role && (s.role = t.role), t.ariaLabel && (s["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (s["aria-live"] = t.ariaLive), s;
+      const i = {};
+      return t.role && (i.role = t.role), t.ariaLabel && (i["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (i["aria-live"] = t.ariaLive), i;
     });
-    return (s, i) => (o(), n("div", G({
+    return (i, s) => (o(), n("div", G({
       class: a.value,
       style: e.emptyStyles
     }, l.value), [
@@ -310,14 +310,14 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
         key: 1,
         "icon-code": e.iconCode,
         class: "fs-100 text-muted mb-3"
-      }, null, 8, ["icon-code"])) : (o(), n("div", it, [...i[0] || (i[0] = [
+      }, null, 8, ["icon-code"])) : (o(), n("div", it, [...s[0] || (s[0] = [
         c("div", { class: "icon-empty-state" }, null, -1),
         c("div", { class: "icon-empty-state" }, null, -1),
         c("div", { class: "icon-empty-state" }, null, -1)
       ])])),
       e.title ? (o(), n("h3", ot, g(e.title), 1)) : w("", !0),
       e.subtitle ? (o(), n("p", nt, g(e.subtitle), 1)) : w("", !0),
-      x(s.$slots, "button")
+      x(i.$slots, "button")
     ], 16));
   }
 }), rt = ["width", "height"], ut = /* @__PURE__ */ y({
@@ -333,9 +333,9 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
     ariaLive: { default: "polite" }
   },
   setup(e) {
-    const t = e, a = O(null);
-    let l = 0, s = null;
-    const i = f(() => {
+    const t = e, a = P(null);
+    let l = 0, i = null;
+    const s = f(() => {
       const b = ["d-grid", "place-items-center", "gap-5"];
       return t.size === "sm" ? b.push("gap-3") : t.size === "lg" && b.push("gap-6"), t.customClass && b.push(t.customClass), b;
     }), r = f(() => {
@@ -355,12 +355,12 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
       return t.role && (b.role = t.role), t.ariaLabel && (b["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (b["aria-live"] = t.ariaLive), b;
     });
     function p() {
-      u.value.length > 0 && (a.value = u.value[l] || null, u.value.length > 1 && (s = setInterval(() => {
+      u.value.length > 0 && (a.value = u.value[l] || null, u.value.length > 1 && (i = setInterval(() => {
         l = (l + 1) % u.value.length, a.value = u.value[l] || null;
       }, t.interval)));
     }
     function v() {
-      s && (clearInterval(s), s = null);
+      i && (clearInterval(i), i = null);
     }
     return ve(() => {
       p();
@@ -369,7 +369,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
     }), N(() => t.title, () => {
       v(), l = 0, p();
     }, { deep: !0 }), (b, C) => (o(), n("div", G({
-      class: i.value,
+      class: s.value,
       style: e.loadingStyles
     }, h.value), [
       (o(), n("svg", {
@@ -422,7 +422,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
       const l = [];
       return t.variant && l.push(`card-${t.variant}`), t.size === "xs" ? l.push("card-xs") : t.size === "sm" ? l.push("card-sm") : t.size === "md" && l.push("card-md"), t.selectable && l.push("card-selectable"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (o(), n("div", G({ title: e.title || void 0, id: e.id ? `card-${e.id}` : void 0 }, {
+    return (l, i) => (o(), n("div", G({ title: e.title || void 0, id: e.id ? `card-${e.id}` : void 0 }, {
       class: ["card", a.value]
     }), [
       c("div", dt, [
@@ -451,14 +451,14 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   },
   setup(e) {
     const t = e, a = f(() => {
-      const s = [];
-      return t.gridLayoutClasses && (Array.isArray(t.gridLayoutClasses) ? s.push(...t.gridLayoutClasses) : s.push(t.gridLayoutClasses)), s;
+      const i = [];
+      return t.gridLayoutClasses && (Array.isArray(t.gridLayoutClasses) ? i.push(...t.gridLayoutClasses) : i.push(t.gridLayoutClasses)), i;
     }), l = f(() => {
-      const s = {};
-      return t.role && (s.role = t.role), t.ariaLabel && (s["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (s["aria-live"] = t.ariaLive), s;
+      const i = {};
+      return t.role && (i.role = t.role), t.ariaLabel && (i["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (i["aria-live"] = t.ariaLive), i;
     });
-    return (s, i) => (o(), n("div", G({ class: a.value }, l.value), [
-      (o(!0), n(P, null, E(e.skeletonGridItems, (r) => (o(), _(Le, {
+    return (i, s) => (o(), n("div", G({ class: a.value }, l.value), [
+      (o(!0), n(O, null, E(e.skeletonGridItems, (r) => (o(), _(Le, {
         key: `skeleton-grid-item-${r}`,
         variant: e.cardVariant,
         "aria-label": `Loading item ${r} of ${e.skeletonGridItems}`
@@ -520,16 +520,16 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   },
   setup(e) {
     const t = e, a = f(() => {
-      const i = [];
-      return t.customClass && i.push(t.customClass), i;
-    }), l = f(() => typeof t.spinnerSize == "number" ? `${t.spinnerSize}px` : t.spinnerSize), s = f(() => {
-      const i = {};
-      return t.role && (i.role = t.role), t.ariaLabel && (i["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (i["aria-live"] = t.ariaLive), i;
+      const s = [];
+      return t.customClass && s.push(t.customClass), s;
+    }), l = f(() => typeof t.spinnerSize == "number" ? `${t.spinnerSize}px` : t.spinnerSize), i = f(() => {
+      const s = {};
+      return t.role && (s.role = t.role), t.ariaLabel && (s["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (s["aria-live"] = t.ariaLive), s;
     });
-    return (i, r) => (o(), n("div", G({
+    return (s, r) => (o(), n("div", G({
       class: a.value,
       style: e.loadingStyles
-    }, s.value), [
+    }, i.value), [
       e.hideSpinner ? w("", !0) : (o(), n("svg", {
         key: 0,
         class: "spinner mb-3",
@@ -572,16 +572,16 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   },
   setup(e) {
     const t = e, a = f(() => {
-      const i = ["loading-shapes-container"];
-      return t.customClass && i.push(t.customClass), i;
-    }), l = f(() => ["subtitle-1", "font-primary", "fw-600", "mb-0", "fs-500"]), s = f(() => {
-      const i = {};
-      return t.role && (i.role = t.role), t.ariaLabel && (i["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (i["aria-live"] = t.ariaLive), i;
+      const s = ["loading-shapes-container"];
+      return t.customClass && s.push(t.customClass), s;
+    }), l = f(() => ["subtitle-1", "font-primary", "fw-600", "mb-0", "fs-500"]), i = f(() => {
+      const s = {};
+      return t.role && (s.role = t.role), t.ariaLabel && (s["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (s["aria-live"] = t.ariaLive), s;
     });
-    return (i, r) => (o(), n("div", G({
+    return (s, r) => (o(), n("div", G({
       class: a.value,
       style: e.loadingStyles
-    }, s.value), [
+    }, i.value), [
       e.title || e.subtitle ? (o(), n("div", gt, [
         e.title ? (o(), n("p", {
           key: 0,
@@ -605,9 +605,9 @@ function xt(e, t) {
 }
 const re = /* @__PURE__ */ new WeakMap(), $t = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
   var t;
-  const a = e[0], l = (t = he()) === null || t === void 0 ? void 0 : t.proxy, s = l ?? we();
-  if (s == null && !xe()) throw new Error("injectLocal must be called in setup");
-  return s && re.has(s) && a in re.get(s) ? re.get(s)[a] : Ee(...e);
+  const a = e[0], l = (t = he()) === null || t === void 0 ? void 0 : t.proxy, i = l ?? we();
+  if (i == null && !xe()) throw new Error("injectLocal must be called in setup");
+  return i && re.has(i) && a in re.get(i) ? re.get(i)[a] : Ee(...e);
 }, kt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Lt = Object.prototype.toString, Bt = (e) => Lt.call(e) === "[object Object]", J = () => {
@@ -618,13 +618,13 @@ function _t(...e) {
   return typeof t == "function" ? De(He(() => ({
     get: t,
     set: J
-  }))) : O(t);
+  }))) : P(t);
 }
 function Mt(e, t) {
   var a;
   if (typeof e == "number") return e + t;
-  const l = ((a = e.match(/^-?\d+\.?\d*/)) === null || a === void 0 ? void 0 : a[0]) || "", s = e.slice(l.length), i = Number.parseFloat(l) + t;
-  return Number.isNaN(i) ? e : i + s;
+  const l = ((a = e.match(/^-?\d+\.?\d*/)) === null || a === void 0 ? void 0 : a[0]) || "", i = e.slice(l.length), s = Number.parseFloat(l) + t;
+  return Number.isNaN(s) ? e : s + i;
 }
 function X(e) {
   return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
@@ -651,35 +651,35 @@ function Y(e) {
   return (t = a?.$el) !== null && t !== void 0 ? t : a;
 }
 function ae(...e) {
-  const t = (l, s, i, r) => (l.addEventListener(s, i, r), () => l.removeEventListener(s, i, r)), a = f(() => {
-    const l = ue(D(e[0])).filter((s) => s != null);
-    return l.every((s) => typeof s != "string") ? l : void 0;
+  const t = (l, i, s, r) => (l.addEventListener(i, s, r), () => l.removeEventListener(i, s, r)), a = f(() => {
+    const l = ue(D(e[0])).filter((i) => i != null);
+    return l.every((i) => typeof i != "string") ? l : void 0;
   });
   return zt(() => {
-    var l, s;
+    var l, i;
     return [
-      (l = (s = a.value) === null || s === void 0 ? void 0 : s.map((i) => Y(i))) !== null && l !== void 0 ? l : [ne].filter((i) => i != null),
+      (l = (i = a.value) === null || i === void 0 ? void 0 : i.map((s) => Y(s))) !== null && l !== void 0 ? l : [ne].filter((s) => s != null),
       ue(D(a.value ? e[1] : e[0])),
       ue(H(a.value ? e[2] : e[1])),
       D(a.value ? e[3] : e[2])
     ];
-  }, ([l, s, i, r], d, u) => {
-    if (!l?.length || !s?.length || !i?.length) return;
-    const h = Bt(r) ? { ...r } : r, p = l.flatMap((v) => s.flatMap((b) => i.map((C) => t(v, b, C, h))));
+  }, ([l, i, s, r], d, u) => {
+    if (!l?.length || !i?.length || !s?.length) return;
+    const h = Bt(r) ? { ...r } : r, p = l.flatMap((v) => i.flatMap((b) => s.map((C) => t(v, b, C, h))));
     u(() => {
       p.forEach((v) => v());
     });
   }, { flush: "post" });
 }
 function ge(e, t, a = {}) {
-  const { window: l = ne, ignore: s = [], capture: i = !0, detectIframe: r = !1, controls: d = !1 } = a;
+  const { window: l = ne, ignore: i = [], capture: s = !0, detectIframe: r = !1, controls: d = !1 } = a;
   if (!l) return d ? {
     stop: J,
     cancel: J,
     trigger: J
   } : J;
   let u = !0;
-  const h = ($) => D(s).some((U) => {
+  const h = ($) => D(i).some((U) => {
     if (typeof U == "string") return Array.from(l.document.querySelectorAll(U)).some((k) => k === $.target || $.composedPath().includes(k));
     {
       const k = Y(U);
@@ -712,7 +712,7 @@ function ge(e, t, a = {}) {
       }, 0), b($));
     }, {
       passive: !0,
-      capture: i
+      capture: s
     }),
     ae(l, "pointerdown", ($) => {
       const U = Y(e);
@@ -755,19 +755,19 @@ function Be() {
   return typeof e == "number" ? e : void 0;
 }
 function Q(e, t = {}) {
-  const { window: a = ne, ssrWidth: l = /* @__PURE__ */ Be() } = t, s = /* @__PURE__ */ Vt(() => a && "matchMedia" in a && typeof a.matchMedia == "function"), i = q(typeof l == "number"), r = q(), d = q(!1), u = (h) => {
+  const { window: a = ne, ssrWidth: l = /* @__PURE__ */ Be() } = t, i = /* @__PURE__ */ Vt(() => a && "matchMedia" in a && typeof a.matchMedia == "function"), s = q(typeof l == "number"), r = q(), d = q(!1), u = (h) => {
     d.value = h.matches;
   };
   return Ge(() => {
-    if (i.value) {
-      i.value = !s.value, d.value = D(e).split(",").some((h) => {
+    if (s.value) {
+      s.value = !i.value, d.value = D(e).split(",").some((h) => {
         const p = h.includes("not all"), v = h.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), b = h.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
         let C = !!(v || b);
         return v && C && (C = l >= X(v[1])), b && C && (C = l <= X(b[1])), p ? !C : C;
       });
       return;
     }
-    s.value && (r.value = a.matchMedia(D(e)), d.value = r.value.matches);
+    i.value && (r.value = a.matchMedia(D(e)), d.value = r.value.matches);
   }), ae(r, "change", u, { passive: !0 }), f(() => d.value);
 }
 const At = {
@@ -784,13 +784,13 @@ function Ot(e, t = {}) {
     let F = D(e[D(C)]);
     return L != null && (F = Mt(F, L)), typeof F == "number" && (F = `${F}px`), F;
   }
-  const { window: l = ne, strategy: s = "min-width", ssrWidth: i = /* @__PURE__ */ Be() } = t, r = typeof i == "number", d = r ? q(!1) : { value: !0 };
+  const { window: l = ne, strategy: i = "min-width", ssrWidth: s = /* @__PURE__ */ Be() } = t, r = typeof s == "number", d = r ? q(!1) : { value: !0 };
   r && Ut(() => d.value = !!l);
   function u(C, L) {
-    return !d.value && r ? C === "min" ? i >= X(L) : i <= X(L) : l ? l.matchMedia(`(${C}-width: ${L})`).matches : !1;
+    return !d.value && r ? C === "min" ? s >= X(L) : s <= X(L) : l ? l.matchMedia(`(${C}-width: ${L})`).matches : !1;
   }
   const h = (C) => Q(() => `(min-width: ${a(C)})`, t), p = (C) => Q(() => `(max-width: ${a(C)})`, t), v = Object.keys(e).reduce((C, L) => (Object.defineProperty(C, L, {
-    get: () => s === "min-width" ? h(L) : p(L),
+    get: () => i === "min-width" ? h(L) : p(L),
     enumerable: !0,
     configurable: !0
   }), C), {});
@@ -832,7 +832,7 @@ function Ot(e, t = {}) {
     current: b,
     active() {
       const C = b();
-      return f(() => C.value.length === 0 ? "" : C.value.at(s === "min-width" ? -1 : 0));
+      return f(() => C.value.length === 0 ? "" : C.value.at(i === "min-width" ? -1 : 0));
     }
   });
 }
@@ -851,19 +851,19 @@ function Pt(e, t = !1) {
       if (a.value) return u.style.overflow = "hidden";
     }
   }, { immediate: !0 });
-  const s = () => {
+  const i = () => {
     const r = de(D(e));
     !r || a.value || (r.style.overflow = "hidden", a.value = !0);
-  }, i = () => {
+  }, s = () => {
     const r = de(D(e));
     !r || !a.value || (r.style.overflow = l, ce.delete(r), a.value = !1);
   };
-  return xt(i), f({
+  return xt(s), f({
     get() {
       return a.value;
     },
     set(r) {
-      r ? s() : i();
+      r ? i() : s();
     }
   });
 }
@@ -881,7 +881,7 @@ const _e = /* @__PURE__ */ y({
     isExpanded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = (/* @__PURE__ */ Ot(At)).smallerOrEqual("sm"), s = f(() => t.isExpanded ? t.skeletonColExpanded : t.skeletonCols), i = f(() => {
+    const t = e, l = (/* @__PURE__ */ Ot(At)).smallerOrEqual("sm"), i = f(() => t.isExpanded ? t.skeletonColExpanded : t.skeletonCols), s = f(() => {
       const d = [];
       return t.customClass && d.push(t.customClass), d;
     }), r = f(() => {
@@ -889,13 +889,13 @@ const _e = /* @__PURE__ */ y({
       return t.role && (d.role = t.role), t.ariaLabel && (d["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (d["aria-live"] = t.ariaLive), d;
     });
     return (d, u) => (o(), n("tbody", G({
-      class: i.value,
+      class: s.value,
       style: e.skeletonStyles
     }, r.value), [
-      (o(!0), n(P, null, E(e.skeletonRows, (h) => (o(), n("tr", {
+      (o(!0), n(O, null, E(e.skeletonRows, (h) => (o(), n("tr", {
         key: `row-${h}`
       }, [
-        (o(!0), n(P, null, E(s.value, (p) => (o(), n("td", {
+        (o(!0), n(O, null, E(i.value, (p) => (o(), n("td", {
           key: `col-${p}`
         }, [
           I(M(S, {
@@ -959,7 +959,7 @@ const _e = /* @__PURE__ */ y({
       const l = [];
       return t.isTransparent && l.push("accordion-transparent"), t.customClass && (Array.isArray(t.customClass) ? l.push(...t.customClass) : l.push(t.customClass)), l;
     });
-    return (l, s) => (o(), n("div", {
+    return (l, i) => (o(), n("div", {
       class: m(["accordion-group", a.value])
     }, [
       x(l.$slots, "default")
@@ -984,7 +984,7 @@ const _e = /* @__PURE__ */ y({
       const l = [];
       return t.type && l.push(`alert-${t.type}`), t.variant && l.push(`${t.type}-${t.variant}`), t.size === "sm" && l.push("alert-sm"), t.critical && l.push("alert-critical"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (o(), n("div", Rt, [
+    return (l, i) => (o(), n("div", Rt, [
       c("div", {
         class: m(["alert", a.value]),
         role: "alert"
@@ -1026,7 +1026,7 @@ const _e = /* @__PURE__ */ y({
     snackbarVariant: { default: "success" }
   },
   setup(e, { expose: t }) {
-    const a = e, l = O(a.snackbarTitle ?? ""), s = O(a.snackbarMessage ?? ""), i = O(a.snackbarVariant ?? "success"), r = O(!1);
+    const a = e, l = P(a.snackbarTitle ?? ""), i = P(a.snackbarMessage ?? ""), s = P(a.snackbarVariant ?? "success"), r = P(!1);
     function d() {
       r.value = !0, setTimeout(() => {
         r.value = !1;
@@ -1034,8 +1034,8 @@ const _e = /* @__PURE__ */ y({
     }
     return t({
       title: l,
-      message: s,
-      variant: i,
+      message: i,
+      variant: s,
       showToast: d
     }), (u, h) => (o(), _(ye, {
       name: "slide-block",
@@ -1045,8 +1045,8 @@ const _e = /* @__PURE__ */ y({
         r.value ? (o(), _(Me, {
           key: 0,
           title: l.value,
-          message: s.value,
-          variant: i.value,
+          message: i.value,
+          variant: s.value,
           type: "snackbar"
         }, null, 8, ["title", "message", "variant"])) : w("", !0)
       ]),
@@ -1070,7 +1070,7 @@ const _e = /* @__PURE__ */ y({
       const l = [];
       return t.variant && l.push(`badge-${t.variant}`), t.size === "sm" && l.push("badge-sm"), t.pill && l.push("badge-pill"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (o(), n("div", {
+    return (l, i) => (o(), n("div", {
       class: m(["badge", a.value])
     }, [
       e.iconCode ? (o(), _(S, {
@@ -1103,7 +1103,7 @@ const ea = /* @__PURE__ */ me(Jt, [["render", Xt]]), ta = /* @__PURE__ */ y({
       const l = [];
       return t.top && l.push("fab-top"), t.start && l.push("fab-start"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (o(), n("div", {
+    return (l, i) => (o(), n("div", {
       class: m(["fab-group", a.value])
     }, [
       x(l.$slots, "default")
@@ -1122,7 +1122,7 @@ const ea = /* @__PURE__ */ me(Jt, [["render", Xt]]), ta = /* @__PURE__ */ y({
       const l = [];
       return t.connected && l.push("btn-group-connected"), t.joined && l.push("btn-group-joined"), t.vertical && l.push("btn-group-vertical"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (o(), n("div", {
+    return (l, i) => (o(), n("div", {
       class: m(["btn-group", a.value])
     }, [
       x(l.$slots, "default")
@@ -1132,7 +1132,6 @@ const ea = /* @__PURE__ */ me(Jt, [["render", Xt]]), ta = /* @__PURE__ */ y({
   __name: "ButtonMenu",
   props: {
     isMobile: { type: Boolean, default: !1 },
-    tooltipText: { default: "menu" },
     id: { default: "" },
     text: { default: "" },
     title: { default: "" },
@@ -1145,7 +1144,8 @@ const ea = /* @__PURE__ */ me(Jt, [["render", Xt]]), ta = /* @__PURE__ */ y({
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     customClass: { default: "" },
-    rounded: { type: Boolean, default: !1 }
+    rounded: { type: Boolean, default: !1 },
+    tooltipText: { default: "menu" }
   },
   emits: ["onClick"],
   setup(e) {
@@ -1226,7 +1226,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
       const l = [];
       return t.isDestructive && l.push("v-danger"), t.disabled && l.push("v-disabled"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (o(), n("li", null, [
+    return (l, i) => (o(), n("li", null, [
       c("button", {
         class: m(["v-dropdown-item", a.value]),
         disabled: e.disabled
@@ -1280,10 +1280,10 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
   emits: ["onOptionClick"],
   setup(e, { emit: t }) {
     const a = e, l = t;
-    function s(h, p) {
+    function i(h, p) {
       p.disabled || l("onOptionClick", h, p);
     }
-    function i(h, p) {
+    function s(h, p) {
       if (!p.disabled && (h.key === "Enter" || h.key === " ")) {
         h.key === " " && h.preventDefault();
         const v = new MouseEvent("click", {
@@ -1309,7 +1309,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
       role: "radiogroup",
       "aria-label": a.ariaLabel
     }, [
-      (o(!0), n(P, null, E(a.options, (v, b) => (o(), n("div", {
+      (o(!0), n(O, null, E(a.options, (v, b) => (o(), n("div", {
         key: r(b),
         role: "radio",
         tabindex: v.disabled ? -1 : 0,
@@ -1320,8 +1320,8 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
           "toggle-btn-active": v.active,
           "toggle-btn-disabled": v.disabled
         }]),
-        onClick: (C) => s(C, v),
-        onKeydown: (C) => i(C, v)
+        onClick: (C) => i(C, v),
+        onKeydown: (C) => s(C, v)
       }, [
         c("div", ha, [
           v.icon ? (o(), n("div", pa, [
@@ -1383,7 +1383,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
     emptyStateIconCode: { default: "&#xeb83;" }
   },
   setup(e) {
-    const t = e, a = O(t.defaultSortKey), l = O(t.defaultSortOrder), s = O([...t.hiddenColumns]), i = f(() => s.value.length === 0), r = f(() => typeof t.columnsToggleTooltip == "string" ? t.columnsToggleTooltip : i.value ? t.columnsToggleTooltip.hideDefault : t.columnsToggleTooltip.showAll), d = f(() => t.headers.filter(($) => !s.value.includes($))), u = f(() => a.value ? [...t.items].sort(($, U) => {
+    const t = e, a = P(t.defaultSortKey), l = P(t.defaultSortOrder), i = P([...t.hiddenColumns]), s = f(() => i.value.length === 0), r = f(() => typeof t.columnsToggleTooltip == "string" ? t.columnsToggleTooltip : s.value ? t.columnsToggleTooltip.hideDefault : t.columnsToggleTooltip.showAll), d = f(() => t.headers.filter(($) => !i.value.includes($))), u = f(() => a.value ? [...t.items].sort(($, U) => {
       const k = $[a.value], Z = U[a.value];
       return k < Z ? l.value === "asc" ? -1 : 1 : k > Z ? l.value === "asc" ? 1 : -1 : 0;
     }) : t.items);
@@ -1398,14 +1398,14 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
       return k.charAt(0).toLowerCase() + k.slice(1);
     }
     function b() {
-      s.value.length > 0 ? s.value = [] : s.value = [...t.hiddenColumns];
+      i.value.length > 0 ? i.value = [] : i.value = [...t.hiddenColumns];
     }
     function C($) {
-      const U = s.value.indexOf($);
-      U > -1 ? s.value.splice(U, 1) : d.value.length > 1 && s.value.push($);
+      const U = i.value.indexOf($);
+      U > -1 ? i.value.splice(U, 1) : d.value.length > 1 && i.value.push($);
     }
     function L($) {
-      return !s.value.includes($);
+      return !i.value.includes($);
     }
     function F($) {
       return d.value.length === 1 && L($);
@@ -1429,7 +1429,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
             }, {
               icon: B(() => [
                 M(S, {
-                  "icon-code": i.value ? "" : "",
+                  "icon-code": s.value ? "" : "",
                   class: "rotate-90"
                 }, null, 8, ["icon-code"])
               ]),
@@ -1448,7 +1448,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
                 M(S, { "icon-code": "" })
               ]),
               menu: B(() => [
-                (o(!0), n(P, null, E(e.headers, (k) => (o(), _(ze, {
+                (o(!0), n(O, null, E(e.headers, (k) => (o(), _(ze, {
                   id: `column-${v(k)}`,
                   key: k,
                   "item-text": k,
@@ -1469,14 +1469,14 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
         }, [
           c("thead", null, [
             c("tr", null, [
-              (o(!0), n(P, null, E(d.value, (k) => (o(), n("th", {
+              (o(!0), n(O, null, E(d.value, (k) => (o(), n("th", {
                 key: k,
                 scope: "col",
                 class: m({ sortable: h(k), sorted: a.value === v(k) }),
                 onClick: (Z) => h(k) ? p(v(k)) : void 0
               }, [
                 T(g(k) + " ", 1),
-                h(k) ? (o(), n(P, { key: 0 }, [
+                h(k) ? (o(), n(O, { key: 0 }, [
                   a.value === v(k) ? (o(), _(S, {
                     key: 0,
                     "icon-code": l.value === "asc" ? "" : "",
@@ -1497,8 +1497,8 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
             "skeleton-rows": e.skeletonRows,
             "is-expanded": e.isExpanded
           }, null, 8, ["skeleton-cols", "skeleton-col-expanded", "skeleton-rows", "is-expanded"])) : u.value.length > 0 ? (o(), n("tbody", ka, [
-            (o(!0), n(P, null, E(u.value, (k, Z) => (o(), n("tr", { key: Z }, [
-              (o(!0), n(P, null, E(d.value, (j) => (o(), n("td", { key: j }, [
+            (o(!0), n(O, null, E(u.value, (k, Z) => (o(), n("tr", { key: Z }, [
+              (o(!0), n(O, null, E(d.value, (j) => (o(), n("td", { key: j }, [
                 x($.$slots, `cell-${v(j)}`, { item: k }, () => [
                   T(g(k[v(j)]), 1)
                 ])
@@ -1528,8 +1528,8 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
     let l;
     if (typeof t.value == "function") l = ge(e, t.value, { capture: a });
     else {
-      const [s, i] = t.value;
-      l = ge(e, s, Object.assign({ capture: a }, i));
+      const [i, s] = t.value;
+      l = ge(e, i, Object.assign({ capture: a }, s));
     }
     fe.set(e, l);
   },
@@ -1544,8 +1544,8 @@ function Ma() {
   return (a, l) => {
     if (t.value = l.value, e) return;
     e = !0;
-    const s = Pt(a, l.value);
-    N(t, (i) => s.value = i);
+    const i = Pt(a, l.value);
+    N(t, (s) => i.value = s);
   };
 }
 Ma();
@@ -1562,13 +1562,9 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
     loadingLabel: { default: "Deleting..." },
     cancelLabel: { default: "Cancel" },
     showAsModal: { type: [Boolean, null], default: !0 },
-    isModal: { type: [Boolean, null] },
-    isSideSheet: { type: [Boolean, null] },
     isHeadless: { type: [Boolean, null] },
     mode: { default: void 0 },
     size: { default: void 0 },
-    isSmall: { type: [Boolean, null] },
-    isLarge: { type: [Boolean, null] },
     title: { default: null },
     message: { default: null },
     confirmLabel: { default: "Delete" },
@@ -1578,7 +1574,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
   },
   emits: ["confirm"],
   setup(e, { expose: t, emit: a }) {
-    const l = e, s = a, i = O(null), r = f(() => {
+    const l = e, i = a, s = P(null), r = f(() => {
       const v = ["dialog-confirm"];
       return l.mode ? (l.mode === "modal" && v.push("dialog-modal"), l.mode === "side-sheet" && v.push("dialog-side-sheet"), l.mode === "headless" && v.push("dialog-headless")) : v.push("dialog-modal"), l.size && (l.size === "sm" && v.push("dialog-sm"), l.size === "lg" && v.push("dialog-lg")), l.customClass && (Array.isArray(l.customClass) ? v.push(...l.customClass) : v.push(l.customClass)), v;
     }), d = f(() => {
@@ -1606,17 +1602,17 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       return l.variant && v.push(`filled-${l.variant}`), v;
     });
     function h() {
-      i.value && (l.showAsModal ? i.value.showModal() : i.value.show());
+      s.value && (l.showAsModal ? s.value.showModal() : s.value.show());
     }
     function p() {
-      i?.value?.close();
+      s?.value?.close();
     }
     return t({
       showDialog: h,
       closeDialog: p
     }), (v, b) => (o(), n("dialog", {
       ref_key: "dialogRef",
-      ref: i,
+      ref: s,
       class: m(["dialog", r.value]),
       role: "dialog",
       "aria-modal": "true"
@@ -1643,7 +1639,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
             text: e.confirmLabel,
             loading: e.isLoading,
             disabled: e.isLoading,
-            onClick: b[0] || (b[0] = (C) => s("confirm"))
+            onClick: b[0] || (b[0] = (C) => i("confirm"))
           }, null, 8, ["class", "text", "loading", "disabled"])
         ])
       ])), [
@@ -1655,13 +1651,9 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
   __name: "Modal",
   props: {
     showAsModal: { type: [Boolean, null], default: !0 },
-    isModal: { type: [Boolean, null] },
-    isSideSheet: { type: [Boolean, null] },
     isHeadless: { type: [Boolean, null] },
     mode: { default: void 0 },
     size: { default: void 0 },
-    isSmall: { type: [Boolean, null] },
-    isLarge: { type: [Boolean, null] },
     title: {},
     message: {},
     confirmLabel: {},
@@ -1671,22 +1663,22 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
   },
   emits: ["onCloseDialog"],
   setup(e, { expose: t, emit: a }) {
-    const l = e, s = a, i = O(null), r = f(() => {
+    const l = e, i = a, s = P(null), r = f(() => {
       const h = [];
-      return l.mode ? l.mode === "side-sheet" ? h.push("dialog-side-sheet") : l.mode === "headless" ? h.push("dialog-modal dialog-headless") : h.push("dialog-modal") : h.push("dialog-modal"), l.size && (l.size === "sm" && h.push("dialog-sm"), l.size === "lg" && h.push("dialog-lg")), l.customClass && (Array.isArray(l.customClass) ? h.push(...l.customClass) : h.push(l.customClass)), h;
+      return l.mode ? l.mode === "side-sheet" ? h.push("dialog-side-sheet") : l.mode === "headless" ? h.push("dialog-modal dialog-headless") : h.push("dialog-modal") : h.push("dialog-modal"), l.size && (l.size === "sm" && h.push("dialog-sm"), l.size === "md" && h.push("dialog-md"), l.size === "lg" && h.push("dialog-lg"), l.size === "fullscreen" && h.push("dialog-fullscreen")), l.customClass && (Array.isArray(l.customClass) ? h.push(...l.customClass) : h.push(l.customClass)), h;
     });
     function d() {
-      i.value && (l.showAsModal ? i.value.showModal() : i.value.show());
+      s.value && (l.showAsModal ? s.value.showModal() : s.value.show());
     }
     function u() {
-      i?.value?.close(), s("onCloseDialog");
+      s?.value?.close(), i("onCloseDialog");
     }
     return t({
       showDialog: d,
       closeDialog: u
     }), (h, p) => (o(), n("dialog", {
       ref_key: "dialogRef",
-      ref: i,
+      ref: s,
       class: m(["dialog", r.value]),
       role: "dialog",
       "aria-modal": "true"
@@ -1739,22 +1731,22 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       google: { supportsColorOverride: !1 },
       facebook: { class: "", defaultColor: "#0866ff", supportsColorOverride: !1 },
       nuxt: { class: "filter-invert", defaultColor: "#00DC82", supportsColorOverride: !0 }
-    }, s = f(() => t.brand ?? t.icon ?? "youtube"), i = f(() => t.decorative ? "true" : void 0), r = f(() => t.decorative ? void 0 : "img"), d = f(() => {
+    }, i = f(() => t.brand ?? t.icon ?? "youtube"), s = f(() => t.decorative ? "true" : void 0), r = f(() => t.decorative ? void 0 : "img"), d = f(() => {
       if (!t.decorative)
-        return t.ariaLabel ?? s.value;
+        return t.ariaLabel ?? i.value;
     }), u = f(() => typeof t.size == "number" ? t.size : t.size ? a[t.size] ?? a.md : a.md), h = f(() => {
-      const p = l[s.value], v = p?.supportsColorOverride ? t.color ?? p?.defaultColor ?? "currentColor" : void 0;
+      const p = l[i.value], v = p?.supportsColorOverride ? t.color ?? p?.defaultColor ?? "currentColor" : void 0;
       return {
         class: p?.class ?? null,
         fill: v
       };
     });
     return (p, v) => (o(), n("div", null, [
-      s.value === "youtube" ? (o(), n("svg", {
+      i.value === "youtube" ? (o(), n("svg", {
         key: 0,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1764,11 +1756,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[0] || (v[0] = [
         c("path", { d: "M21.593 7.203a2.506 2.506 0 0 0-1.762-1.766C18.265 5.007 12 5 12 5s-6.264-.007-7.831.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765 1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.515 2.515 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831zM9.996 15.005l.005-6 5.207 3.005-5.212 2.995z" }, null, -1)
-      ])], 14, Da)) : s.value === "github" ? (o(), n("svg", {
+      ])], 14, Da)) : i.value === "github" ? (o(), n("svg", {
         key: 1,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1782,11 +1774,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           "clip-rule": "evenodd",
           d: "M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
         }, null, -1)
-      ])], 14, Ha)) : s.value === "codepen" ? (o(), n("svg", {
+      ])], 14, Ha)) : i.value === "codepen" ? (o(), n("svg", {
         key: 2,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1796,11 +1788,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[2] || (v[2] = [
         c("path", { d: "M21.838 8.445c0-.001-.001-.001 0 0l-.003-.004-.001-.001v-.001a.809.809 0 0 0-.235-.228l-9.164-6.08a.834.834 0 0 0-.898 0L2.371 8.214A.786.786 0 0 0 2 8.897v6.16a.789.789 0 0 0 .131.448v.001l.002.002.01.015v.002h.001l.001.001.001.001c.063.088.14.16.226.215l9.165 6.082a.787.787 0 0 0 .448.139.784.784 0 0 0 .45-.139l9.165-6.082a.794.794 0 0 0 .371-.685v-6.16a.793.793 0 0 0-.133-.452zm-9.057-4.172 6.953 4.613-3.183 2.112-3.771-2.536V4.273zm-1.592 0v4.189l-3.771 2.536-3.181-2.111 6.952-4.614zm-7.595 6.098 2.395 1.59-2.395 1.611v-3.201zm7.595 9.311-6.96-4.617 3.195-2.15 3.765 2.498v4.269zm.795-5.653-3.128-2.078 3.128-2.105 3.131 2.105-3.131 2.078zm.797 5.653v-4.27l3.766-2.498 3.193 2.15-6.959 4.618zm7.597-6.11-2.396-1.611 2.396-1.59v3.201z" }, null, -1)
-      ])], 14, Ia)) : s.value === "twitter" ? (o(), n("svg", {
+      ])], 14, Ia)) : i.value === "twitter" ? (o(), n("svg", {
         key: 3,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1811,11 +1803,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       }, [...v[3] || (v[3] = [
         c("path", { d: "M17.6874 3.0625L12.6907 8.77425L8.37045 3.0625H2.11328L9.58961 12.8387L2.50378 20.9375H5.53795L11.0068 14.6886L15.7863 20.9375H21.8885L14.095 10.6342L20.7198 3.0625H17.6874Z" }, null, -1),
         c("path", { d: "M16.6232 19.1225L5.65436 4.78217H7.45745L18.3034 19.1225H16.6232Z" }, null, -1)
-      ])], 14, Ga)) : s.value === "instagram" ? (o(), n("svg", {
+      ])], 14, Ga)) : i.value === "instagram" ? (o(), n("svg", {
         key: 4,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1831,11 +1823,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           r: "1.078"
         }, null, -1),
         c("path", { d: "M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z" }, null, -1)
-      ])], 14, Za)) : s.value === "discord" ? (o(), n("svg", {
+      ])], 14, Za)) : i.value === "discord" ? (o(), n("svg", {
         key: 5,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1845,11 +1837,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[5] || (v[5] = [
         c("path", { d: "M14.82 4.26a10.14 10.14 0 0 0-.53 1.1 14.66 14.66 0 0 0-4.58 0 10.14 10.14 0 0 0-.53-1.1 16 16 0 0 0-4.13 1.3 17.33 17.33 0 0 0-3 11.59 16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83 3.39 3.39 0 0 0 .42-.33 11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84 12.41 12.41 0 0 0 1.08 1.78 16.44 16.44 0 0 0 5.06-2.59 17.22 17.22 0 0 0-3-11.59 16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.93 1.93 0 0 1 1.8 2 1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.92 1.92 0 0 1 1.8 2 1.92 1.92 0 0 1-1.8 2z" }, null, -1)
-      ])], 14, Na)) : s.value === "coffee" ? (o(), n("svg", {
+      ])], 14, Na)) : i.value === "coffee" ? (o(), n("svg", {
         key: 6,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1859,11 +1851,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[6] || (v[6] = [
         c("path", { d: "M7 22h10a1 1 0 0 0 .99-.858L19.867 8H21V6h-1.382l-1.724-3.447A.998.998 0 0 0 17 2H7c-.379 0-.725.214-.895.553L4.382 6H3v2h1.133L6.01 21.142A1 1 0 0 0 7 22zm10.418-11H6.582l-.429-3h11.693l-.428 3zm-9.551 9-.429-3h9.123l-.429 3H7.867zM7.618 4h8.764l1 2H6.618l1-2z" }, null, -1)
-      ])], 14, Ra)) : s.value === "buy-coffee" ? (o(), n("svg", {
+      ])], 14, Ra)) : i.value === "buy-coffee" ? (o(), n("svg", {
         key: 7,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1873,11 +1865,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[7] || (v[7] = [
         z('<path d="M791.109 297.518L790.231 297.002L788.201 296.383C789.018 297.072 790.04 297.472 791.109 297.518V297.518Z" fill="#0D0C22"></path><path d="M803.896 388.891L802.916 389.166L803.896 388.891Z" fill="#0D0C22"></path><path d="M791.484 297.377C791.359 297.361 791.237 297.332 791.118 297.29C791.111 297.371 791.111 297.453 791.118 297.534C791.252 297.516 791.379 297.462 791.484 297.377V297.377Z" fill="#0D0C22"></path><path d="M791.113 297.529H791.244V297.447L791.113 297.529Z" fill="#0D0C22"></path><path d="M803.111 388.726L804.591 387.883L805.142 387.573L805.641 387.04C804.702 387.444 803.846 388.016 803.111 388.726V388.726Z" fill="#0D0C22"></path><path d="M793.669 299.515L792.223 298.138L791.243 297.605C791.77 298.535 792.641 299.221 793.669 299.515V299.515Z" fill="#0D0C22"></path><path d="M430.019 1186.18C428.864 1186.68 427.852 1187.46 427.076 1188.45L427.988 1187.87C428.608 1187.3 429.485 1186.63 430.019 1186.18Z" fill="#0D0C22"></path><path d="M641.187 1144.63C641.187 1143.33 640.551 1143.57 640.705 1148.21C640.705 1147.84 640.86 1147.46 640.929 1147.1C641.015 1146.27 641.084 1145.46 641.187 1144.63Z" fill="#0D0C22"></path><path d="M619.284 1186.18C618.129 1186.68 617.118 1187.46 616.342 1188.45L617.254 1187.87C617.873 1187.3 618.751 1186.63 619.284 1186.18Z" fill="#0D0C22"></path><path d="M281.304 1196.06C280.427 1195.3 279.354 1194.8 278.207 1194.61C279.136 1195.06 280.065 1195.51 280.684 1195.85L281.304 1196.06Z" fill="#0D0C22"></path><path d="M247.841 1164.01C247.704 1162.66 247.288 1161.35 246.619 1160.16C247.093 1161.39 247.489 1162.66 247.806 1163.94L247.841 1164.01Z" fill="#0D0C22"></path><path d="M472.623 590.836C426.682 610.503 374.546 632.802 306.976 632.802C278.71 632.746 250.58 628.868 223.353 621.274L270.086 1101.08C271.74 1121.13 280.876 1139.83 295.679 1153.46C310.482 1167.09 329.87 1174.65 349.992 1174.65C349.992 1174.65 416.254 1178.09 438.365 1178.09C462.161 1178.09 533.516 1174.65 533.516 1174.65C553.636 1174.65 573.019 1167.08 587.819 1153.45C602.619 1139.82 611.752 1121.13 613.406 1101.08L663.459 570.876C641.091 563.237 618.516 558.161 593.068 558.161C549.054 558.144 513.591 573.303 472.623 590.836Z" fill="#FFDD00"></path><path d="M78.6885 386.132L79.4799 386.872L79.9962 387.182C79.5987 386.787 79.1603 386.435 78.6885 386.132V386.132Z" fill="#0D0C22"></path><path d="M879.567 341.849L872.53 306.352C866.215 274.503 851.882 244.409 819.19 232.898C808.711 229.215 796.821 227.633 788.786 220.01C780.751 212.388 778.376 200.55 776.518 189.572C773.076 169.423 769.842 149.257 766.314 129.143C763.269 111.85 760.86 92.4243 752.928 76.56C742.604 55.2584 721.182 42.8009 699.88 34.559C688.965 30.4844 677.826 27.0375 666.517 24.2352C613.297 10.1947 557.342 5.03277 502.591 2.09047C436.875 -1.53577 370.983 -0.443234 305.422 5.35968C256.625 9.79894 205.229 15.1674 158.858 32.0469C141.91 38.224 124.445 45.6399 111.558 58.7341C95.7448 74.8221 90.5829 99.7026 102.128 119.765C110.336 134.012 124.239 144.078 138.985 150.737C158.192 159.317 178.251 165.846 198.829 170.215C256.126 182.879 315.471 187.851 374.007 189.968C438.887 192.586 503.87 190.464 568.44 183.618C584.408 181.863 600.347 179.758 616.257 177.304C634.995 174.43 647.022 149.928 641.499 132.859C634.891 112.453 617.134 104.538 597.055 107.618C594.095 108.082 591.153 108.512 588.193 108.942L586.06 109.252C579.257 110.113 572.455 110.915 565.653 111.661C551.601 113.175 537.515 114.414 523.394 115.378C491.768 117.58 460.057 118.595 428.363 118.647C397.219 118.647 366.058 117.769 334.983 115.722C320.805 114.793 306.661 113.611 292.552 112.177C286.134 111.506 279.733 110.801 273.333 110.009L267.241 109.235L265.917 109.046L259.602 108.134C246.697 106.189 233.792 103.953 221.025 101.251C219.737 100.965 218.584 100.249 217.758 99.2193C216.932 98.1901 216.482 96.9099 216.482 95.5903C216.482 94.2706 216.932 92.9904 217.758 91.9612C218.584 90.9319 219.737 90.2152 221.025 89.9293H221.266C232.33 87.5721 243.479 85.5589 254.663 83.8038C258.392 83.2188 262.131 82.6453 265.882 82.0832H265.985C272.988 81.6186 280.026 80.3625 286.994 79.5366C347.624 73.2302 408.614 71.0801 469.538 73.1014C499.115 73.9618 528.676 75.6996 558.116 78.6935C564.448 79.3474 570.746 80.0357 577.043 80.8099C579.452 81.1025 581.878 81.4465 584.305 81.7391L589.191 82.4445C603.438 84.5667 617.61 87.1419 631.708 90.1703C652.597 94.7128 679.422 96.1925 688.713 119.077C691.673 126.338 693.015 134.408 694.649 142.03L696.731 151.752C696.786 151.926 696.826 152.105 696.852 152.285C701.773 175.227 706.7 198.169 711.632 221.111C711.994 222.806 712.002 224.557 711.657 226.255C711.312 227.954 710.621 229.562 709.626 230.982C708.632 232.401 707.355 233.6 705.877 234.504C704.398 235.408 702.75 235.997 701.033 236.236H700.895L697.884 236.649L694.908 237.044C685.478 238.272 676.038 239.419 666.586 240.486C647.968 242.608 629.322 244.443 610.648 245.992C573.539 249.077 536.356 251.102 499.098 252.066C480.114 252.57 461.135 252.806 442.162 252.771C366.643 252.712 291.189 248.322 216.173 239.625C208.051 238.662 199.93 237.629 191.808 236.58C198.106 237.389 187.231 235.96 185.029 235.651C179.867 234.928 174.705 234.177 169.543 233.397C152.216 230.798 134.993 227.598 117.7 224.793C96.7944 221.352 76.8005 223.073 57.8906 233.397C42.3685 241.891 29.8055 254.916 21.8776 270.735C13.7217 287.597 11.2956 305.956 7.64786 324.075C4.00009 342.193 -1.67805 361.688 0.472751 380.288C5.10128 420.431 33.165 453.054 73.5313 460.35C111.506 467.232 149.687 472.807 187.971 477.556C338.361 495.975 490.294 498.178 641.155 484.129C653.44 482.982 665.708 481.732 677.959 480.378C681.786 479.958 685.658 480.398 689.292 481.668C692.926 482.938 696.23 485.005 698.962 487.717C701.694 490.429 703.784 493.718 705.08 497.342C706.377 500.967 706.846 504.836 706.453 508.665L702.633 545.797C694.936 620.828 687.239 695.854 679.542 770.874C671.513 849.657 663.431 928.434 655.298 1007.2C653.004 1029.39 650.71 1051.57 648.416 1073.74C646.213 1095.58 645.904 1118.1 641.757 1139.68C635.218 1173.61 612.248 1194.45 578.73 1202.07C548.022 1209.06 516.652 1212.73 485.161 1213.01C450.249 1213.2 415.355 1211.65 380.443 1211.84C343.173 1212.05 297.525 1208.61 268.756 1180.87C243.479 1156.51 239.986 1118.36 236.545 1085.37C231.957 1041.7 227.409 998.039 222.9 954.381L197.607 711.615L181.244 554.538C180.968 551.94 180.693 549.376 180.435 546.76C178.473 528.023 165.207 509.681 144.301 510.627C126.407 511.418 106.069 526.629 108.168 546.76L120.298 663.214L145.385 904.104C152.532 972.528 159.661 1040.96 166.773 1109.41C168.15 1122.52 169.44 1135.67 170.885 1148.78C178.749 1220.43 233.465 1259.04 301.224 1269.91C340.799 1276.28 381.337 1277.59 421.497 1278.24C472.979 1279.07 524.977 1281.05 575.615 1271.72C650.653 1257.95 706.952 1207.85 714.987 1130.13C717.282 1107.69 719.576 1085.25 721.87 1062.8C729.498 988.559 737.115 914.313 744.72 840.061L769.601 597.451L781.009 486.263C781.577 480.749 783.905 475.565 787.649 471.478C791.392 467.391 796.352 464.617 801.794 463.567C823.25 459.386 843.761 452.245 859.023 435.916C883.318 409.918 888.153 376.021 879.567 341.849Z" fill="#0D0C22"></path><path d="M72.4301 365.835C72.757 365.68 72.1548 368.484 71.8967 369.792C71.8451 367.813 71.9483 366.058 72.4301 365.835Z" fill="#0D0C22"></path><path d="M74.5121 381.94C74.6842 381.819 75.2003 382.508 75.7337 383.334C74.925 382.576 74.4089 382.009 74.4949 381.94H74.5121Z" fill="#0D0C22"></path><path d="M76.5597 384.641C77.2996 385.897 77.6953 386.689 76.5597 384.641V384.641Z" fill="#0D0C22"></path><path d="M80.672 387.979H80.7752C80.7752 388.1 80.9645 388.22 81.0333 388.341C80.9192 388.208 80.7925 388.087 80.6548 387.979H80.672Z" fill="#0D0C22"></path><path d="M800.796 382.989C793.088 390.319 781.473 393.726 769.996 395.43C641.292 414.529 510.713 424.199 380.597 419.932C287.476 416.749 195.336 406.407 103.144 393.382C94.1102 392.109 84.3197 390.457 78.1082 383.798C66.4078 371.237 72.1548 345.944 75.2003 330.768C77.9878 316.865 83.3218 298.334 99.8572 296.355C125.667 293.327 155.64 304.218 181.175 308.09C211.917 312.781 242.774 316.538 273.745 319.36C405.925 331.405 540.325 329.529 671.92 311.91C695.905 308.686 719.805 304.941 743.619 300.674C764.835 296.871 788.356 289.731 801.175 311.703C809.967 326.673 811.137 346.701 809.778 363.615C809.359 370.984 806.139 377.915 800.779 382.989H800.796Z" fill="#0D0C22"></path>', 19)
-      ])], 10, ja)) : s.value === "stripe" ? (o(), n("svg", {
+      ])], 10, ja)) : i.value === "stripe" ? (o(), n("svg", {
         key: 8,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1887,11 +1879,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[8] || (v[8] = [
         c("path", { d: "M13.479 9.883c-1.626-.604-2.512-1.067-2.512-1.803 0-.622.511-.977 1.423-.977 1.667 0 3.379.642 4.558 1.22l.666-4.111c-.935-.446-2.847-1.177-5.49-1.177-1.87 0-3.425.489-4.536 1.401-1.155.954-1.757 2.334-1.757 4 0 3.023 1.847 4.312 4.847 5.403 1.936.688 2.579 1.178 2.579 1.934 0 .732-.629 1.155-1.762 1.155-1.403 0-3.716-.689-5.231-1.578l-.674 4.157c1.304.732 3.705 1.488 6.197 1.488 1.976 0 3.624-.467 4.735-1.356 1.245-.977 1.89-2.422 1.89-4.289 0-3.091-1.889-4.38-4.935-5.468h.002z" }, null, -1)
-      ])], 14, qa)) : s.value === "apple" ? (o(), n("svg", {
+      ])], 14, qa)) : i.value === "apple" ? (o(), n("svg", {
         key: 9,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1901,11 +1893,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[9] || (v[9] = [
         c("path", { d: "M19.665 16.811a10.316 10.316 0 0 1-1.021 1.837c-.537.767-.978 1.297-1.316 1.592-.525.482-1.089.73-1.692.744-.432 0-.954-.123-1.562-.373-.61-.249-1.17-.371-1.683-.371-.537 0-1.113.122-1.73.371-.616.25-1.114.381-1.495.393-.577.025-1.154-.229-1.729-.764-.367-.32-.826-.87-1.377-1.648-.59-.829-1.075-1.794-1.455-2.891-.407-1.187-.611-2.335-.611-3.447 0-1.273.275-2.372.826-3.292a4.857 4.857 0 0 1 1.73-1.751 4.65 4.65 0 0 1 2.34-.662c.46 0 1.063.142 1.81.422s1.227.422 1.436.422c.158 0 .689-.167 1.593-.498.853-.307 1.573-.434 2.163-.384 1.6.129 2.801.759 3.6 1.895-1.43.867-2.137 2.08-2.123 3.637.012 1.213.453 2.222 1.317 3.023a4.33 4.33 0 0 0 1.315.863c-.106.307-.218.6-.336.882zM15.998 2.38c0 .95-.348 1.838-1.039 2.659-.836.976-1.846 1.541-2.941 1.452a2.955 2.955 0 0 1-.021-.36c0-.913.396-1.889 1.103-2.688.352-.404.8-.741 1.343-1.009.542-.264 1.054-.41 1.536-.435.013.128.019.255.019.381z" }, null, -1)
-      ])], 14, Wa)) : s.value === "google" ? (o(), n("svg", {
+      ])], 14, Wa)) : i.value === "google" ? (o(), n("svg", {
         key: 10,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1928,11 +1920,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251",
           fill: "#EB4335"
         }, null, -1)
-      ])], 8, Ka)) : s.value === "nuxt" ? (o(), n("svg", {
+      ])], 8, Ka)) : i.value === "nuxt" ? (o(), n("svg", {
         key: 11,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1945,11 +1937,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           fill: "#00DC82",
           d: "M143.618 167.029h95.166c3.023 0 5.992-.771 8.61-2.237a16.963 16.963 0 0 0 6.302-6.115 16.324 16.324 0 0 0 2.304-8.352c0-2.932-.799-5.811-2.312-8.35L189.778 34.6a16.966 16.966 0 0 0-6.301-6.113 17.626 17.626 0 0 0-8.608-2.238c-3.023 0-5.991.772-8.609 2.238a16.964 16.964 0 0 0-6.3 6.113l-16.342 27.473-31.95-53.724a16.973 16.973 0 0 0-6.304-6.112A17.638 17.638 0 0 0 96.754 0c-3.022 0-5.992.772-8.61 2.237a16.973 16.973 0 0 0-6.303 6.112L2.31 141.975A16.302 16.302 0 0 0 0 150.325c0 2.932.793 5.813 2.304 8.352a16.964 16.964 0 0 0 6.302 6.115 17.628 17.628 0 0 0 8.61 2.237h59.737c23.669 0 41.123-10.084 53.134-29.758l29.159-48.983 15.618-26.215 46.874 78.742h-62.492l-15.628 26.214Zm-67.64-26.24-41.688-.01L96.782 35.796l31.181 52.492-20.877 35.084c-7.976 12.765-17.037 17.416-31.107 17.416Z"
         }, null, -1)
-      ])], 14, Qa)) : s.value === "facebook" ? (o(), n("svg", {
+      ])], 14, Qa)) : i.value === "facebook" ? (o(), n("svg", {
         key: 12,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1961,7 +1953,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 13,
         width: u.value,
         height: u.value,
-        "aria-hidden": i.value,
+        "aria-hidden": s.value,
         role: r.value,
         "aria-label": d.value,
         focusable: "false",
@@ -1991,7 +1983,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       md: 45,
       lg: 64,
       xl: 80
-    }, l = f(() => typeof t.size == "number" ? t.size : t.size ? a[t.size] ?? a.md : a.md), s = f(() => t.decorative ? !0 : void 0), i = f(() => t.decorative ? void 0 : "img"), r = f(() => {
+    }, l = f(() => typeof t.size == "number" ? t.size : t.size ? a[t.size] ?? a.md : a.md), i = f(() => t.decorative ? !0 : void 0), s = f(() => t.decorative ? void 0 : "img"), r = f(() => {
       if (!t.decorative)
         return t.ariaLabel ?? t.title ?? void 0;
     });
@@ -2003,8 +1995,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         viewBox: "0 0 200 200",
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         class: "coolshapes misc-4"
       }, [...u[0] || (u[0] = [
@@ -2013,8 +2005,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 1,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2025,8 +2017,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 2,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2037,8 +2029,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 3,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2049,8 +2041,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 4,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2061,8 +2053,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 5,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2099,8 +2091,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 6,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2111,8 +2103,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 7,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2149,8 +2141,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 8,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2161,8 +2153,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 9,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2173,8 +2165,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 10,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2185,8 +2177,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 11,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2197,8 +2189,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 12,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2230,8 +2222,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 13,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2242,8 +2234,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 14,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2254,8 +2246,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 15,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2266,8 +2258,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 16,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2278,8 +2270,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 17,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2290,8 +2282,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 18,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2302,8 +2294,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 19,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2314,8 +2306,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 20,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2347,8 +2339,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 21,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2359,8 +2351,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 22,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2371,8 +2363,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         key: 23,
         width: l.value,
         height: l.value,
-        role: i.value,
-        "aria-hidden": s.value,
+        role: s.value,
+        "aria-hidden": i.value,
         "aria-label": r.value,
         viewBox: "0 0 200 200",
         fill: "none",
@@ -2441,30 +2433,30 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       "Google Analytics": {
         viewBox: "0 0 192 192"
       }
-    }, s = f(() => typeof t.size == "number" ? t.size : t.size ? a[t.size] ?? a.md : a.md), i = f(() => l[t.tool]), r = f(() => t.decorative ? !0 : void 0), d = f(() => t.decorative ? void 0 : "img"), u = f(() => {
+    }, i = f(() => typeof t.size == "number" ? t.size : t.size ? a[t.size] ?? a.md : a.md), s = f(() => l[t.tool]), r = f(() => t.decorative ? !0 : void 0), d = f(() => t.decorative ? void 0 : "img"), u = f(() => {
       if (!t.decorative)
         return t.ariaLabel ?? t.tool;
     });
-    return (h, p) => i.value && i.value.paths && i.value.paths.length ? (o(), n("svg", {
+    return (h, p) => s.value && s.value.paths && s.value.paths.length ? (o(), n("svg", {
       key: 0,
-      width: s.value,
-      height: s.value,
+      width: i.value,
+      height: i.value,
       role: d.value,
       "aria-hidden": r.value,
       "aria-label": u.value,
-      style: V({ fill: i.value.defaultColor }),
+      style: V({ fill: s.value.defaultColor }),
       focusable: "false",
-      viewBox: i.value.viewBox,
+      viewBox: s.value.viewBox,
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      (o(!0), n(P, null, E(i.value.paths, (v, b) => (o(), n("path", {
+      (o(!0), n(O, null, E(s.value.paths, (v, b) => (o(), n("path", {
         key: `tool-path-${b}`,
         d: v.d
       }, null, 8, Bl))), 128))
     ], 12, Ll)) : t.tool === "Firebase Console" ? (o(), n("svg", {
       key: 1,
-      width: s.value,
-      height: s.value,
+      width: i.value,
+      height: i.value,
       role: d.value,
       "aria-hidden": r.value,
       "aria-label": u.value,
@@ -2488,8 +2480,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       }, null, -1)
     ])], 8, _l)) : t.tool === "Search Console" ? (o(), n("svg", {
       key: 2,
-      width: s.value,
-      height: s.value,
+      width: i.value,
+      height: i.value,
       role: d.value,
       "aria-hidden": r.value,
       "aria-label": u.value,
@@ -2500,8 +2492,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       z('<path d="M0-1h48v48H0z" fill="none"></path><circle cx="24" cy="23" fill="#FFF" r="22"></circle><path d="M24 1.23c12.11 0 21.94 9.79 22 21.89v-.11c0-12.15-9.85-22-22-22C11.85 1 2 10.85 2 23v.11c.06-12.09 9.89-21.88 22-21.88z" fill="#FFF" fill-opacity=".2"></path><path d="M24 44.77c12.11 0 21.94-9.79 22-21.89v.11c0 12.15-9.85 22-22 22C11.85 45 2 35.15 2 23v-.11c.06 12.09 9.89 21.88 22 21.88z" fill="#263238" fill-opacity=".15"></path><path d="M33.76 34.26c2.75-2.56 4.49-6.37 4.49-11.26 0-.89-.08-1.84-.29-3H24.01v5.99h8.03c-.4 2.02-1.5 3.56-3.07 4.56v.75l3.91 2.97h.88z" fill="#4285F4"></path><path d="M15.58 25.77A8.845 8.845 0 0 0 24 31.86c1.92 0 3.62-.46 4.97-1.31l4.79 3.71C31.14 36.7 27.65 38 24 38c-5.93 0-11.01-3.4-13.45-8.36l.17-1.01 4.06-2.85h.8z" fill="#34A853"></path><path d="M15.59 20.21a8.864 8.864 0 0 0 0 5.58l-5.03 3.86c-.98-2-1.53-4.25-1.53-6.64 0-2.39.55-4.64 1.53-6.64l1-.22 3.81 2.98.22 1.08z" fill="#FBBC05"></path><path d="M24 14.14c2.11 0 4.02.75 5.52 1.98l4.36-4.36C31.22 9.43 27.81 8 24 8c-5.93 0-11.01 3.4-13.45 8.36l5.03 3.85A8.86 8.86 0 0 1 24 14.14z" fill="#EA4335"></path><radialGradient id="aa" cx="298.159" cy="-106.681" gradientTransform="translate(-264.667 105.437) scale(.917)" gradientUnits="userSpaceOnUse" r="47.683"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></radialGradient><circle cx="24" cy="23" fill="url(#aa)" fill-opacity=".1" r="22"></circle>', 10)
     ])], 8, Ml)) : t.tool === "Google Ads" ? (o(), n("svg", {
       key: 3,
-      width: s.value,
-      height: s.value,
+      width: i.value,
+      height: i.value,
       role: d.value,
       "aria-hidden": r.value,
       "aria-label": u.value,
@@ -2538,8 +2530,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       ], -1)
     ])], 8, Sl)) : t.tool === "Google Analytics" ? (o(), n("svg", {
       key: 4,
-      width: s.value,
-      height: s.value,
+      width: i.value,
+      height: i.value,
       role: d.value,
       "aria-hidden": r.value,
       "aria-label": u.value,
@@ -2588,13 +2580,13 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
     maskStretch: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = O(!1), l = f(() => {
+    const t = e, a = P(!1), l = f(() => {
       const d = ["img-avatar"];
       return t.size && d.push(`avatar-${t.size}`), t.maskShape && (d.push("mask-shape", `shape-${t.maskShape}`), t.maskStretch && d.push("shape-stretch")), d;
-    }), s = f(() => {
+    }), i = f(() => {
       const d = ["img-avatar", "avatar-placeholder"];
       return t.size && d.push(`avatar-${t.size}`), t.maskShape && (d.push("mask-shape", `shape-${t.maskShape}`), t.maskStretch && d.push("shape-stretch")), d;
-    }), i = f(() => {
+    }), s = f(() => {
       const d = ["img-avatar", "initials-avatar"];
       return t.size && d.push(`avatar-${t.size}`), t.maskShape && (d.push("mask-shape", `shape-${t.maskShape}`), t.maskStretch && d.push("shape-stretch")), d;
     });
@@ -2603,7 +2595,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
     }
     return (d, u) => e.initials ? (o(), n("span", {
       key: 0,
-      class: m(i.value)
+      class: m(s.value)
     }, g(e.initials), 3)) : e.src && !a.value ? (o(), n("img", {
       key: 1,
       src: e.src,
@@ -2612,7 +2604,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       onError: r
     }, null, 42, Fl)) : (o(), n("div", {
       key: 2,
-      class: m(s.value)
+      class: m(i.value)
     }, null, 2));
   }
 }), Tl = ["id", "type", "aria-invalid", "aria-describedby"], Al = ["for", "textContent"], Ol = ["id"], Pl = /* @__PURE__ */ y({
@@ -2630,7 +2622,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = R(e, "modelValue"), l = f(() => t.errorMessages?.length > 0), s = f(() => t.id ?? void 0), i = f(() => l.value && t.id ? `${t.id}-error-0` : void 0), r = f(() => {
+    const t = e, a = R(e, "modelValue"), l = f(() => t.errorMessages?.length > 0), i = f(() => t.id ?? void 0), s = f(() => l.value && t.id ? `${t.id}-error-0` : void 0), r = f(() => {
       const d = ["form-check-input"];
       return t.customClass && d.push(t.customClass), d;
     });
@@ -2638,24 +2630,24 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       class: m(["form-check", l.value ? "form-invalid" : ""])
     }, [
       I(c("input", {
-        id: s.value,
+        id: i.value,
         "onUpdate:modelValue": u[0] || (u[0] = (h) => a.value = h),
         class: m(r.value),
         type: e.type,
         "aria-invalid": l.value || void 0,
-        "aria-describedby": i.value
+        "aria-describedby": s.value
       }, null, 10, Tl), [
         [le, a.value]
       ]),
       c("div", null, [
         c("label", {
-          for: s.value,
+          for: i.value,
           class: "form-check-label",
           textContent: g(e.label)
         }, null, 8, Al),
         l.value ? (o(), n("p", {
           key: 0,
-          id: i.value,
+          id: s.value,
           class: "invalid-feedback"
         }, g(e.errorMessages?.[0]), 9, Ol)) : w("", !0)
       ])
@@ -2675,7 +2667,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
   }),
   emits: /* @__PURE__ */ A(["onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), i = f(() => a.id ? `${a.id}-input-text` : void 0), r = f(() => a.id ? `${a.id}-input-color` : void 0), d = f(() => {
+    const a = e, l = t, i = R(e, "modelValue"), s = f(() => a.id ? `${a.id}-input-text` : void 0), r = f(() => a.id ? `${a.id}-input-color` : void 0), d = f(() => {
       const h = ["form-color"];
       return a.customClass && h.push(a.customClass), h;
     }), u = f(() => {
@@ -2684,7 +2676,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
     });
     return (h, p) => (o(), n("div", El, [
       c("label", {
-        for: i.value,
+        for: s.value,
         class: "mb-2",
         textContent: g(e.label)
       }, null, 8, Dl),
@@ -2696,24 +2688,24 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       }, null, 8, Hl),
       c("div", Il, [
         I(c("input", {
-          id: i.value,
-          "onUpdate:modelValue": p[0] || (p[0] = (v) => s.value = v),
+          id: s.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (v) => i.value = v),
           type: "color",
           class: m(d.value),
           onChange: p[1] || (p[1] = (v) => l("onUpdate"))
         }, null, 42, Gl), [
-          [ee, s.value]
+          [ee, i.value]
         ]),
         I(c("input", {
           id: r.value,
-          "onUpdate:modelValue": p[2] || (p[2] = (v) => s.value = v),
+          "onUpdate:modelValue": p[2] || (p[2] = (v) => i.value = v),
           type: "text",
           class: m(u.value),
           onChange: p[3] || (p[3] = (v) => l("onUpdate"))
         }, null, 42, Zl), [
           [
             ee,
-            s.value,
+            i.value,
             void 0,
             { lazy: !0 }
           ]
@@ -2742,22 +2734,22 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), { label: i, inputLabel: r, large: d } = Ne(a), u = f(() => a.id ?? void 0), h = f(() => {
+    const a = e, l = t, i = R(e, "modelValue"), { label: s, inputLabel: r, large: d } = Ne(a), u = f(() => a.id ?? void 0), h = f(() => {
       const v = ["form-control", "input-file"];
       return a.customClass && v.push(a.customClass), v;
     });
     function p(v) {
       const C = v.target.files?.[0] ?? null;
-      s.value = C, l("onUpdate", C);
+      i.value = C, l("onUpdate", C);
     }
     return (v, b) => (o(), n("div", null, [
       c("div", Rl, [
         c("label", {
           for: u.value,
-          textContent: g(H(i))
+          textContent: g(H(s))
         }, null, 8, jl),
         c("div", {
-          class: m(["input-file-dropbox", [s.value ? "valid-file" : "", H(d) ? "dropbox-lg" : ""]])
+          class: m(["input-file-dropbox", [i.value ? "valid-file" : "", H(d) ? "dropbox-lg" : ""]])
         }, [
           c("input", {
             id: u.value,
@@ -2765,10 +2757,10 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
             type: "file",
             onInput: p
           }, null, 42, ql),
-          s.value ? (o(), n("div", Wl, [
+          i.value ? (o(), n("div", Wl, [
             M(S, { "icon-code": "" }),
             c("p", {
-              textContent: g(s.value ? s.value.name : "")
+              textContent: g(i.value ? i.value.name : "")
             }, null, 8, Kl)
           ])) : (o(), n("div", Ql, [
             M(S, { "icon-code": "" }),
@@ -2783,15 +2775,15 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
 });
 function Xl() {
   return { formatPhoneNumber: (a) => {
-    const l = a.replace(/\D/g, ""), s = [];
-    for (let i = 0; i < l.length; i += 3) {
-      if (i + 4 >= l.length) {
-        s.push(l.slice(i));
+    const l = a.replace(/\D/g, ""), i = [];
+    for (let s = 0; s < l.length; s += 3) {
+      if (s + 4 >= l.length) {
+        i.push(l.slice(s));
         break;
       }
-      s.push(l.slice(i, i + 3));
+      i.push(l.slice(s, s + 3));
     }
-    return s.join("-");
+    return i.join("-");
   }, isQueryParamNumber: (a) => a != null && !Number.isNaN(Number.parseInt(a.toString())) };
 }
 const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disabled", "required", "autofocus", "aria-invalid", "aria-describedby"], as = ["id"], ls = {
@@ -2800,32 +2792,33 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }, ss = /* @__PURE__ */ y({
   __name: "PhoneNumber",
   props: /* @__PURE__ */ A({
+    modelValue: { default: "" },
+    maxlength: { default: 50 },
+    autofocus: { type: Boolean, default: !1 },
     id: { default: null },
     label: { default: null },
-    modelValue: { default: "" },
     errorMessages: { default: () => [] },
-    maxlength: { default: 50 },
     placeholder: { default: null },
     disabled: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
-    autofocus: { type: Boolean, default: !1 },
-    optionalLabel: { type: Boolean, default: !1 },
-    variant: { default: null },
+    readonly: { type: Boolean },
     rounded: { type: Boolean, default: !1 },
-    customClass: { default: null }
+    customClass: { default: null },
+    optionalLabel: { type: Boolean, default: !1 },
+    variant: { default: null }
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), { formatPhoneNumber: i } = Xl(), r = f(() => a.errorMessages?.length > 0), d = f(() => a.id ?? void 0), u = f(() => d.value ? `${d.value}-input-text` : void 0), h = f(() => r.value && d.value ? `${d.value}-error-0` : void 0), p = f({
+    const a = e, l = t, i = R(e, "modelValue"), { formatPhoneNumber: s } = Xl(), r = f(() => a.errorMessages?.length > 0), d = f(() => a.id ?? void 0), u = f(() => d.value ? `${d.value}-input-text` : void 0), h = f(() => r.value && d.value ? `${d.value}-error-0` : void 0), p = f({
       get: () => {
-        const C = s.value ?? "";
-        return C.trim() ? i(C) : "";
+        const C = i.value ?? "";
+        return C.trim() ? s(C) : "";
       },
       set: (C) => {
-        s.value = C ?? "", l("onUpdate", s.value);
+        i.value = C ?? "", l("onUpdate", i.value);
       }
     }), v = f(() => a.placeholder ?? void 0), b = f(() => {
       const C = ["form-control"];
@@ -2875,23 +2868,23 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), i = f(() => a.id ?? void 0), r = f(() => i.value ? `${i.value}-1` : void 0), d = f(() => i.value ? `${i.value}-2` : void 0), u = f(() => i.value ? `radio-${i.value}` : void 0), h = f(() => {
+    const a = e, l = t, i = R(e, "modelValue"), s = f(() => a.id ?? void 0), r = f(() => s.value ? `${s.value}-1` : void 0), d = f(() => s.value ? `${s.value}-2` : void 0), u = f(() => s.value ? `radio-${s.value}` : void 0), h = f(() => {
       const p = ["form-check-input"];
       return a.customClass && p.push(a.customClass), p;
     });
-    return N(s, (p) => {
+    return N(i, (p) => {
       l("onUpdate", p);
     }), (p, v) => (o(), n("div", is, [
       c("div", os, [
         I(c("input", {
           id: r.value,
-          "onUpdate:modelValue": v[0] || (v[0] = (b) => s.value = b),
+          "onUpdate:modelValue": v[0] || (v[0] = (b) => i.value = b),
           class: m(h.value),
           name: u.value,
           value: 6.5,
           type: e.type
         }, null, 10, ns), [
-          [le, s.value]
+          [le, i.value]
         ]),
         c("label", {
           for: r.value,
@@ -2902,13 +2895,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       c("div", us, [
         I(c("input", {
           id: d.value,
-          "onUpdate:modelValue": v[1] || (v[1] = (b) => s.value = b),
+          "onUpdate:modelValue": v[1] || (v[1] = (b) => i.value = b),
           class: m(h.value),
           name: u.value,
           value: 10,
           type: e.type
         }, null, 10, ds), [
-          [le, s.value]
+          [le, i.value]
         ]),
         c("label", {
           for: d.value,
@@ -2924,35 +2917,38 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }, Cs = /* @__PURE__ */ y({
   __name: "Range",
   props: /* @__PURE__ */ A({
-    id: { default: null },
-    label: { default: null },
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
     modelValue: { default: null },
+    id: { default: null },
+    label: { default: null },
     errorMessages: { default: () => [] },
-    optionalLabel: { type: Boolean, default: !1 },
-    variant: { default: null },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
     rounded: { type: Boolean, default: !1 },
     customClass: { default: null },
-    disabled: { type: Boolean, default: !1 }
+    optionalLabel: { type: Boolean, default: !1 },
+    variant: { default: null }
   }, {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), i = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-input-range` : void 0), d = f(() => i.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => {
+    const a = e, l = t, i = R(e, "modelValue"), s = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-input-range` : void 0), d = f(() => s.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => {
       const p = ["form-control", "form-range"];
       return a.variant && p.push(`form-${a.variant}`), a.rounded && p.push("form-rounded"), a.customClass && p.push(a.customClass), p;
     }), h = f(() => {
-      const v = ((Number(s.value) || a.min) - a.min) / (a.max - a.min) * 100;
+      const v = ((Number(i.value) || a.min) - a.min) / (a.max - a.min) * 100;
       return Math.round(v);
     });
-    return N(s, (p) => {
+    return N(i, (p) => {
       l("onUpdate", p);
     }), (p, v) => (o(), n("div", {
-      class: m(["form-group", i.value ? "form-invalid" : ""])
+      class: m(["form-group", s.value ? "form-invalid" : ""])
     }, [
       c("label", {
         for: r.value,
@@ -2961,20 +2957,20 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 8, vs),
       I(c("input", {
         id: r.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (b) => s.value = b),
+        "onUpdate:modelValue": v[0] || (v[0] = (b) => i.value = b),
         class: m(u.value),
         type: "range",
         min: e.min,
         max: e.max,
         step: e.step,
-        "aria-invalid": i.value || void 0,
+        "aria-invalid": s.value || void 0,
         "aria-describedby": d.value,
         style: V(`--_form-range-track-fill: ${h.value}%;`),
         disabled: e.disabled
       }, null, 14, hs), [
-        [ee, s.value]
+        [ee, i.value]
       ]),
-      i.value ? (o(), n("p", {
+      s.value ? (o(), n("p", {
         key: 0,
         id: d.value,
         class: "invalid-feedback"
@@ -2990,34 +2986,35 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }, ks = /* @__PURE__ */ y({
   __name: "Select",
   props: /* @__PURE__ */ A({
-    id: { default: null },
-    label: { default: null },
     modelValue: { default: null },
-    errorMessages: { default: () => [] },
     options: { default: () => [] },
     optionLabel: { default: null },
     optionValue: { default: null },
+    id: { default: null },
+    label: { default: null },
+    errorMessages: { default: () => [] },
     placeholder: { default: "Clic para seleccionar" },
     disabled: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
-    optionalLabel: { type: Boolean, default: !1 },
-    variant: { default: null },
+    readonly: { type: Boolean },
     rounded: { type: Boolean, default: !1 },
-    customClass: { default: null }
+    customClass: { default: null },
+    optionalLabel: { type: Boolean, default: !1 },
+    variant: { default: null }
   }, {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), i = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-select` : void 0), d = f(() => i.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => a.placeholder ?? void 0), h = f(() => {
+    const a = e, l = t, i = R(e, "modelValue"), s = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-select` : void 0), d = f(() => s.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => a.placeholder ?? void 0), h = f(() => {
       const p = ["form-control", "form-select"];
       return a.variant && p.push(`form-${a.variant}`), a.rounded && p.push("form-rounded"), a.customClass && p.push(a.customClass), p;
     });
-    return N(s, (p) => {
+    return N(i, (p) => {
       l("onUpdate", p);
     }), (p, v) => (o(), n("div", {
-      class: m(["form-group", i.value ? "form-invalid" : ""])
+      class: m(["form-group", s.value ? "form-invalid" : ""])
     }, [
       c("label", {
         for: r.value,
@@ -3026,23 +3023,23 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 8, bs),
       I(c("select", {
         id: r.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (b) => s.value = b),
+        "onUpdate:modelValue": v[0] || (v[0] = (b) => i.value = b),
         class: m(h.value),
         placeholder: u.value,
         disabled: e.disabled,
         required: e.required,
-        "aria-invalid": i.value || void 0,
+        "aria-invalid": s.value || void 0,
         "aria-describedby": d.value
       }, [
         c("option", ys, g(e.placeholder), 1),
-        (o(!0), n(P, null, E(e.options, (b, C) => (o(), n("option", {
+        (o(!0), n(O, null, E(e.options, (b, C) => (o(), n("option", {
           key: `option-${C}`,
           value: e.optionValue ? b[e.optionValue] : b
         }, g(e.optionLabel ? b[e.optionLabel] : b), 9, ws))), 128))
       ], 10, gs), [
-        [Re, s.value]
+        [Re, i.value]
       ]),
-      i.value ? (o(), n("p", {
+      s.value ? (o(), n("p", {
         key: 0,
         id: d.value,
         class: "invalid-feedback"
@@ -3055,37 +3052,37 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }, Ss = /* @__PURE__ */ y({
   __name: "Text",
   props: /* @__PURE__ */ A({
-    id: { default: null },
-    label: { default: null },
     modelValue: { default: null },
-    errorMessages: { default: () => [] },
     type: { default: "text" },
     maxlength: { default: 50 },
+    autofocus: { type: Boolean, default: !1 },
+    min: { default: null },
+    max: { default: null },
+    id: { default: null },
+    label: { default: null },
+    errorMessages: { default: () => [] },
     placeholder: { default: null },
     disabled: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
-    autofocus: { type: Boolean, default: !1 },
-    optionalLabel: { type: Boolean, default: !1 },
-    min: { default: null },
-    max: { default: null },
-    variant: { default: null },
     rounded: { type: Boolean, default: !1 },
-    customClass: { default: null }
+    customClass: { default: null },
+    optionalLabel: { type: Boolean, default: !1 },
+    variant: { default: null }
   }, {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), i = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-input-text` : void 0), d = f(() => i.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => a.placeholder ?? void 0), h = f(() => a.type === "number" ? a.min ?? void 0 : void 0), p = f(() => a.type === "number" ? a.max ?? void 0 : void 0), v = f(() => {
+    const a = e, l = t, i = R(e, "modelValue"), s = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-input-text` : void 0), d = f(() => s.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => a.placeholder ?? void 0), h = f(() => a.type === "number" ? a.min ?? void 0 : void 0), p = f(() => a.type === "number" ? a.max ?? void 0 : void 0), v = f(() => {
       const b = ["form-control"];
       return a.variant && b.push(`form-${a.variant}`), a.rounded && b.push("form-rounded"), a.customClass && b.push(a.customClass), b;
     });
-    return N(s, (b) => {
+    return N(i, (b) => {
       l("onUpdate", b);
     }), (b, C) => (o(), n("div", {
-      class: m(["form-group", i.value ? "form-invalid" : ""])
+      class: m(["form-group", s.value ? "form-invalid" : ""])
     }, [
       c("label", {
         for: r.value,
@@ -3094,7 +3091,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 8, Ls),
       I(c("input", {
         id: r.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (L) => s.value = L),
+        "onUpdate:modelValue": C[0] || (C[0] = (L) => i.value = L),
         class: m(v.value),
         type: e.type,
         maxlength: e.maxlength,
@@ -3105,12 +3102,12 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         required: e.required,
         readonly: e.readonly,
         autofocus: e.autofocus,
-        "aria-invalid": i.value || void 0,
+        "aria-invalid": s.value || void 0,
         "aria-describedby": d.value
       }, null, 10, Bs), [
-        [le, s.value]
+        [le, i.value]
       ]),
-      i.value ? (o(), n("p", {
+      s.value ? (o(), n("p", {
         key: 0,
         id: d.value,
         class: "invalid-feedback"
@@ -3123,39 +3120,39 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }, Ts = /* @__PURE__ */ y({
   __name: "Textarea",
   props: /* @__PURE__ */ A({
+    modelValue: { default: null },
+    maxlength: { default: 500 },
+    autofocus: { type: Boolean, default: !1 },
+    rows: { default: 4 },
+    cols: { default: void 0 },
+    resize: { default: "vertical" },
     id: { default: null },
     label: { default: null },
-    modelValue: { default: null },
     errorMessages: { default: () => [] },
-    maxlength: { default: 500 },
     placeholder: { default: null },
     disabled: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
-    autofocus: { type: Boolean, default: !1 },
-    optionalLabel: { type: Boolean, default: !1 },
-    rows: { default: 4 },
-    cols: { default: void 0 },
-    resize: { default: "vertical" },
-    variant: { default: null },
     rounded: { type: Boolean, default: !1 },
-    customClass: { default: null }
+    customClass: { default: null },
+    optionalLabel: { type: Boolean, default: !1 },
+    variant: { default: null }
   }, {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = e, l = t, s = R(e, "modelValue"), i = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-input-textarea` : void 0), d = f(() => i.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => a.placeholder ?? void 0), h = f(() => ({
+    const a = e, l = t, i = R(e, "modelValue"), s = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-input-textarea` : void 0), d = f(() => s.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => a.placeholder ?? void 0), h = f(() => ({
       resize: a.resize
     })), p = f(() => {
       const v = ["form-control"];
       return a.variant && v.push(`form-${a.variant}`), a.rounded && v.push("form-rounded"), a.customClass && v.push(a.customClass), v;
     });
-    return N(s, (v) => {
+    return N(i, (v) => {
       l("onUpdate", v);
     }), (v, b) => (o(), n("div", {
-      class: m(["form-group", i.value ? "form-invalid" : ""])
+      class: m(["form-group", s.value ? "form-invalid" : ""])
     }, [
       c("label", {
         for: r.value,
@@ -3164,7 +3161,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 8, Us),
       I(c("textarea", {
         id: r.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (C) => s.value = C),
+        "onUpdate:modelValue": b[0] || (b[0] = (C) => i.value = C),
         class: m(p.value),
         maxlength: e.maxlength,
         placeholder: u.value,
@@ -3175,12 +3172,12 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         readonly: e.readonly,
         autofocus: e.autofocus,
         style: V(h.value),
-        "aria-invalid": i.value || void 0,
+        "aria-invalid": s.value || void 0,
         "aria-describedby": d.value
       }, null, 14, zs), [
-        [ee, s.value]
+        [ee, i.value]
       ]),
-      i.value ? (o(), n("p", {
+      s.value ? (o(), n("p", {
         key: 0,
         id: d.value,
         class: "invalid-feedback"
@@ -3192,7 +3189,6 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   props: {
     to: { default: "" },
     href: { default: "" },
-    tooltipText: { default: "" },
     as: { default: "a" },
     id: { default: "" },
     text: { default: "" },
@@ -3206,24 +3202,25 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     customClass: { default: "" },
-    rounded: { type: Boolean, default: !1 }
+    rounded: { type: Boolean, default: !1 },
+    tooltipText: { default: "" }
   },
   setup(e) {
     const t = e, a = f(() => t.to || t.href), l = f(() => {
       const r = a.value;
       return typeof r == "string" && /^(?:https?:|mailto:|tel:|\/\/)/.test(r);
-    }), s = f(() => {
+    }), i = f(() => {
       const r = [];
       if (t.variant && (r.push(`btn-${t.variant}`), t.variant === "filled" && t.color ? r.push(`filled-${t.color}`) : t.variant === "tonal" && t.color && r.push(`tonal-${t.color}`)), t.size) {
         let d = "";
         t.size === "sm" ? d = "btn-sm" : t.size === "lg" ? d = "btn-lg" : t.size === "md" ? d = "" : d = t.size, d && r.push(d);
       }
       return t?.icon && r.push(`btn-icon ${t.iconVariant}`), t?.iconTrailing && r.push("icon-trailing"), t?.loading && r.push("loading"), t?.rounded && r.push("btn-rounded"), t.customClass && r.push(t.customClass), r;
-    }), i = f(() => {
+    }), s = f(() => {
       const r = {
         id: t.id ? `link-${t.id}` : void 0,
         title: t.title || void 0,
-        class: ["btn", ...s.value],
+        class: ["btn", ...i.value],
         disabled: t.disabled
       };
       if (t.as === "a" || l.value) {
@@ -3250,7 +3247,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         T(g(e.tooltipText), 1)
       ]),
       default: B(() => [
-        (o(), _(W(t.as), te(se(i.value)), {
+        (o(), _(W(t.as), te(se(s.value)), {
           default: B(() => [
             x(r.$slots, "icon"),
             T(" " + g(e.text), 1)
@@ -3275,7 +3272,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       const l = [];
       return t.customClass && (Array.isArray(t.customClass) ? l.push(...t.customClass) : l.push(t.customClass)), t.variant && l.push(`list-group-${t.variant}`), t.size && l.push(`list-group-${t.size}`), t.isInteractive && l.push("list-group-interactive"), t.isUndecorated && l.push("list-group-undecorated"), l;
     });
-    return (l, s) => (o(), n("ul", {
+    return (l, i) => (o(), n("ul", {
       class: m(["list-group", a.value])
     }, [
       x(l.$slots, "default")
@@ -3299,7 +3296,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       const l = [];
       return t.customClass && (Array.isArray(t.customClass) ? l.push(...t.customClass) : l.push(t.customClass)), t.active && l.push("list-item-active"), t.disabled && l.push("list-item-disabled"), l;
     });
-    return (l, s) => (o(), n("li", {
+    return (l, i) => (o(), n("li", {
       class: m(["list-group-item", a.value]),
       "aria-disabled": e.disabled || void 0
     }, [
@@ -3333,7 +3330,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   },
   setup(e) {
     const t = e, a = f(() => t.fluid ? "container-fluid" : "container");
-    return (l, s) => (o(), _(W(e.sticky ? "div" : "nav"), {
+    return (l, i) => (o(), _(W(e.sticky ? "div" : "nav"), {
       class: m(e.sticky ? "nav-sticky" : ["navbar", e.customClass])
     }, {
       default: B(() => [
@@ -3395,27 +3392,31 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }), Ns = ["textContent"], Rs = ["src"], js = /* @__PURE__ */ y({
   __name: "NavbarBrand",
   props: {
+    logo: { default: null },
+    initials: { default: null },
+    id: {},
     text: { default: "" },
+    icon: {},
     to: { default: "" },
     href: { default: "" },
-    logo: { default: null },
-    initials: { default: null },
+    active: { type: Boolean },
+    disabled: { type: Boolean },
     customClass: { default: null },
     as: { default: "a" }
   },
   setup(e) {
     const t = e, a = f(() => t.to || t.href), l = f(() => {
-      const i = a.value;
-      return typeof i == "string" && /^(?:https?:|mailto:|tel:|\/\/)/.test(i);
-    }), s = f(() => {
-      const i = {
+      const s = a.value;
+      return typeof s == "string" && /^(?:https?:|mailto:|tel:|\/\/)/.test(s);
+    }), i = f(() => {
+      const s = {
         class: "navbar-logo",
         "aria-label": t.text
       };
       if (t.as === "a" || l.value) {
         const r = typeof a.value == "string" ? a.value : "";
         return {
-          ...i,
+          ...s,
           href: r,
           ...l.value && {
             target: "_blank",
@@ -3424,11 +3425,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         };
       }
       return {
-        ...i,
+        ...s,
         to: a.value
       };
     });
-    return (i, r) => (o(), n("div", {
+    return (s, r) => (o(), n("div", {
       class: m(["navbar-brand", e.customClass])
     }, [
       e.initials && !e.logo ? (o(), n("span", {
@@ -3441,11 +3442,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         class: "navbar-logo-img",
         alt: "Brand logo"
       }, null, 8, Rs)) : w("", !0),
-      x(i.$slots, "link", {
+      x(s.$slots, "link", {
         linkTarget: a.value,
         brandText: e.text
       }, () => [
-        (o(), _(W(t.as), te(se(s.value)), {
+        (o(), _(W(t.as), te(se(i.value)), {
           default: B(() => [
             T(g(e.text), 1)
           ]),
@@ -3494,7 +3495,9 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }), Js = { class: "nav-item" }, Ys = /* @__PURE__ */ y({
   __name: "NavbarLink",
   props: {
+    id: {},
     text: { default: "" },
+    icon: {},
     to: { default: "" },
     href: { default: "" },
     active: { type: Boolean, default: !1 },
@@ -3504,10 +3507,10 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   },
   setup(e) {
     const t = e, a = f(() => t.to || t.href), l = f(() => {
-      const i = a.value;
-      return typeof i == "string" && /^(?:https?:|mailto:|tel:|\/\/)/.test(i);
-    }), s = f(() => {
-      const i = {
+      const s = a.value;
+      return typeof s == "string" && /^(?:https?:|mailto:|tel:|\/\/)/.test(s);
+    }), i = f(() => {
+      const s = {
         class: ["nav-link", { disabled: t.disabled }, t.customClass],
         "aria-disabled": t.disabled || void 0,
         disabled: t.disabled || void 0
@@ -3515,7 +3518,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       if (t.as === "a" || l.value) {
         const r = typeof a.value == "string" ? a.value : "";
         return {
-          ...i,
+          ...s,
           class: ["nav-link", { active: t.active, disabled: t.disabled }, t.customClass],
           "aria-current": t.active ? "page" : void 0,
           href: t.disabled ? void 0 : r,
@@ -3526,14 +3529,14 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         };
       }
       return {
-        ...i,
+        ...s,
         to: a.value
       };
     });
-    return (i, r) => (o(), n("li", Js, [
-      (o(), _(W(t.as), te(se(s.value)), {
+    return (s, r) => (o(), n("li", Js, [
+      (o(), _(W(t.as), te(se(i.value)), {
         default: B(() => [
-          x(i.$slots, "icon"),
+          x(s.$slots, "icon"),
           T(" " + g(e.text), 1)
         ]),
         _: 3
@@ -3567,7 +3570,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       },
       t.customClass
     ]);
-    return (l, s) => (o(), n("ul", {
+    return (l, i) => (o(), n("ul", {
       class: m(a.value)
     }, [
       x(l.$slots, "default")
@@ -3597,20 +3600,27 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     collapsed: { type: Boolean, default: !1 },
     collapseText: { default: "Collapse sidebar" },
     expandText: { default: "Expand sidebar" },
-    customClass: { default: null }
+    customClass: { default: null },
+    showToggleButton: { type: Boolean, default: !1 }
   },
   emits: ["toggle"],
   setup(e) {
-    const t = e, a = f(() => t.collapsed ? t.expandText : t.collapseText), l = f(() => t.collapsed ? "&#xf7e4;" : "&#xe9e2;");
-    return (s, i) => (o(), _(oe, {
+    const t = e, a = f(() => t.collapsed ? t.expandText : t.collapseText), l = f(() => t.collapsed ? "&#xf7e4;" : "&#xe9e2;"), i = f(() => [
+      "sidebar-collapse-button",
+      {
+        "sidebar-collapse-visible-mobile": t.showToggleButton
+      },
+      t.customClass
+    ]);
+    return (s, r) => (o(), _(oe, {
       id: "sidebar-collapse",
       variant: "text",
       icon: "",
       "icon-variant": "compact",
       "custom-class": "text-neutral",
-      class: m(["sidebar-collapse", e.customClass]),
+      class: m(i.value),
       "tooltip-text": a.value,
-      onClick: i[0] || (i[0] = (r) => s.$emit("toggle"))
+      onClick: r[0] || (r[0] = (d) => s.$emit("toggle"))
     }, {
       icon: B(() => [
         M(S, { "icon-code": l.value }, null, 8, ["icon-code"])
@@ -3641,11 +3651,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     const t = e, a = f(() => t.items), l = f(() => ({
       "navigation-bar-frosted": t.frosted,
       "navigation-bar-island": t.island
-    })), s = f(() => ({
+    })), i = f(() => ({
       "indicator-tab": t.indicatorTab,
       "indicator-frosted": t.indicatorFrosted
     }));
-    function i(u) {
+    function s(u) {
       return typeof u == "string" ? t.activeItem === u : !1;
     }
     function r(u) {
@@ -3674,15 +3684,15 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       role: "navigation",
       "aria-label": "Main navigation"
     }, [
-      (o(!0), n(P, null, E(a.value, (p) => (o(), n("div", {
+      (o(!0), n(O, null, E(a.value, (p) => (o(), n("div", {
         key: p.id,
         class: "navigation-bar-item"
       }, [
-        (o(), _(W(t.as), G({ ref_for: !0 }, d(p.to, p.ariaLabel, i(p.to))), {
+        (o(), _(W(t.as), G({ ref_for: !0 }, d(p.to, p.ariaLabel, s(p.to))), {
           default: B(() => [
             M(S, {
               "icon-code": p.icon,
-              class: m({ "iw-bold": i(p.to) })
+              class: m({ "iw-bold": s(p.to) })
             }, null, 8, ["icon-code", "class"]),
             c("p", si, g(p.text), 1)
           ]),
@@ -3690,11 +3700,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         }, 1040))
       ]))), 128)),
       c("div", {
-        class: m(["indicator", s.value])
+        class: m(["indicator", i.value])
       }, null, 2)
     ], 2));
   }
-}), oi = { class: "menu-user-container" }, ni = { class: "menu-user-header" }, ri = { key: 0 }, ui = { class: "avatar-container" }, di = ["src", "alt"], ci = ["title"], fi = ["title"], vi = { key: 1 }, hi = { class: "subtitle-1 text-truncate" }, pi = { class: "subtitle-2 text-truncate" }, mi = { class: "menu-user-body" }, Ci = { class: "menu-user-footer" }, bi = /* @__PURE__ */ y({
+}), oi = { class: "popover-menu-container" }, ni = { class: "popover-menu-header" }, ri = { key: 0 }, ui = { class: "avatar-container" }, di = ["src", "alt"], ci = ["title"], fi = ["title"], vi = { key: 1 }, hi = { class: "subtitle-1 text-truncate" }, pi = { class: "subtitle-2 text-truncate" }, mi = { class: "popover-menu-body" }, Ci = { class: "popover-menu-footer" }, bi = /* @__PURE__ */ y({
   __name: "PopoverMenu",
   props: {
     isOpened: { type: Boolean, default: !1 },
@@ -3717,9 +3727,9 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   },
   emits: ["hideDropdown", "menuItemClick"],
   setup(e, { emit: t }) {
-    const a = e, l = t, s = f(() => a.menuItems), i = f(() => [
-      "menu-user",
-      { "menu-user-visible": a.isOpened }
+    const a = e, l = t, i = f(() => a.menuItems), s = f(() => [
+      "popover-menu",
+      { "popover-menu-visible": a.isOpened }
     ]), r = f(() => ({
       displayName: a.user?.displayName || a.title || null,
       email: a.user?.email || a.subtitle || null,
@@ -3737,7 +3747,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     return (C, L) => (o(), n("div", oi, [
       c("div", {
         id: "user-navigation-menu",
-        class: m(i.value),
+        class: m(s.value),
         role: "menu",
         "aria-label": "User account menu",
         tabindex: "0"
@@ -3748,11 +3758,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
               r.value.photoURL ? (o(), n("img", {
                 key: 0,
                 src: r.value.photoURL,
-                class: m(["img-fluid img-avatar avatar-menu mb-2", e.avatarCustomClass]),
+                class: m(["img-fluid img-avatar avatar-menu", e.avatarCustomClass]),
                 alt: h.value
               }, null, 10, di)) : (o(), n("span", {
                 key: 1,
-                class: m(["img-avatar avatar-placeholder avatar-menu mb-2", e.avatarCustomClass])
+                class: m(["img-avatar avatar-placeholder avatar-menu", e.avatarCustomClass])
               }, null, 2))
             ]),
             c("p", {
@@ -3786,10 +3796,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         c("div", mi, [
           M(Ve, {
             variant: "low-contrast",
+            size: "sm",
             "is-interactive": ""
           }, {
             default: B(() => [
-              (o(!0), n(P, null, E(s.value, (F) => (o(), _(Te, {
+              (o(!0), n(O, null, E(i.value, (F) => (o(), _(Te, {
                 key: F.id,
                 title: F.text,
                 icon: F.icon,
@@ -3816,28 +3827,28 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   },
   emits: ["updateActiveTab"],
   setup(e, { emit: t }) {
-    const a = e, l = t, s = pe(a, "tabs"), i = O(a.activeTab ?? s.value?.[0]?.id ?? ""), r = f(() => s.value.find((u) => u.id === i.value)?.position ?? 0);
+    const a = e, l = t, i = pe(a, "tabs"), s = P(a.activeTab ?? i.value?.[0]?.id ?? ""), r = f(() => i.value.find((u) => u.id === s.value)?.position ?? 0);
     N(() => a.activeTab, (u) => {
-      u && (i.value = u);
+      u && (s.value = u);
     });
     function d(u) {
-      i.value = u, l("updateActiveTab", u);
+      s.value = u, l("updateActiveTab", u);
     }
     return (u, h) => (o(), n("div", gi, [
       c("ul", {
         class: "tab-segmented-control",
         role: "tablist",
-        style: V(`--_segmented-control-count: ${s.value.length}`)
+        style: V(`--_segmented-control-count: ${i.value.length}`)
       }, [
-        (o(!0), n(P, null, E(s.value, (p, v) => (o(), n("li", {
+        (o(!0), n(O, null, E(i.value, (p, v) => (o(), n("li", {
           key: `tab-${v}`,
-          class: m(["segmented-control-item", [i.value === p.id ? "active-item" : ""]])
+          class: m(["segmented-control-item", [s.value === p.id ? "active-item" : ""]])
         }, [
           c("button", {
-            class: m(["segmented-control-link", [i.value === p.id ? "active" : ""]]),
+            class: m(["segmented-control-link", [s.value === p.id ? "active" : ""]]),
             role: "tab",
-            "aria-selected": i.value === p.id,
-            tabindex: i.value === p.id ? 0 : -1,
+            "aria-selected": s.value === p.id,
+            tabindex: s.value === p.id ? 0 : -1,
             onClick: (b) => d(p.id)
           }, g(p.label), 11, yi)
         ], 2))), 128)),
@@ -3859,26 +3870,26 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   },
   emits: ["updateActiveTab"],
   setup(e, { emit: t }) {
-    const a = e, l = t, s = pe(a, "tabs"), i = O(a.activeTab ?? s.value?.[0]?.id ?? "");
+    const a = e, l = t, i = pe(a, "tabs"), s = P(a.activeTab ?? i.value?.[0]?.id ?? "");
     N(() => a.activeTab, (d) => {
-      d && (i.value = d);
+      d && (s.value = d);
     });
     function r(d) {
-      i.value = d, l("updateActiveTab", d);
+      s.value = d, l("updateActiveTab", d);
     }
     return (d, u) => (o(), n("ul", {
       class: m(["tabs-navigation", { "tabs-pills": e.pillTabs, "tabs-contrast": e.contrastTabs }]),
       role: "tablist"
     }, [
-      (o(!0), n(P, null, E(s.value, (h, p) => (o(), n("li", {
+      (o(!0), n(O, null, E(i.value, (h, p) => (o(), n("li", {
         key: `tab-${p}`,
         class: "tab-item"
       }, [
         c("button", {
-          class: m(["tab-link", [i.value === h.id ? "active" : ""]]),
+          class: m(["tab-link", [s.value === h.id ? "active" : ""]]),
           role: "tab",
-          "aria-selected": i.value === h.id,
-          tabindex: i.value === h.id ? 0 : -1,
+          "aria-selected": s.value === h.id,
+          tabindex: s.value === h.id ? 0 : -1,
           onClick: (v) => r(h.id)
         }, g(h.label), 11, xi)
       ]))), 128))
@@ -3901,24 +3912,24 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   },
   setup(e) {
     const t = e, a = f(() => {
-      const i = ["progress"];
-      return t.size === "sm" && i.push("progress-sm"), t.size === "lg" && i.push("progress-lg"), t.customClass && i.push(t.customClass), i;
+      const s = ["progress"];
+      return t.size === "sm" && s.push("progress-sm"), t.size === "lg" && s.push("progress-lg"), t.customClass && s.push(t.customClass), s;
     }), l = f(() => {
-      const i = ["progress-bar"];
-      return t.animated && i.push("progress-animated"), t.gradient && i.push("progress-gradient"), t.barClass && i.push(t.barClass), i;
-    }), s = f(() => {
-      const i = {
+      const s = ["progress-bar"];
+      return t.animated && s.push("progress-animated"), t.gradient && s.push("progress-gradient"), t.barClass && s.push(t.barClass), s;
+    }), i = f(() => {
+      const s = {
         "--_progress-width": `${t.value}%`
       };
-      return t.barStyles ? typeof t.barStyles == "string" ? [i, t.barStyles].join("; ") : { ...i, ...t.barStyles } : i;
+      return t.barStyles ? typeof t.barStyles == "string" ? [s, t.barStyles].join("; ") : { ...s, ...t.barStyles } : s;
     });
-    return (i, r) => (o(), n("div", {
+    return (s, r) => (o(), n("div", {
       class: m(a.value),
       style: V(e.customStyles)
     }, [
       c("div", {
         class: m(l.value),
-        style: V(s.value),
+        style: V(i.value),
         role: "progressbar",
         "aria-valuenow": e.value,
         "aria-valuemin": e.ariaValuemin,
@@ -3928,7 +3939,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
           key: 0,
           textContent: g(e.text)
         }, null, 8, Li)) : w("", !0),
-        x(i.$slots, "default")
+        x(s.$slots, "default")
       ], 14, ki)
     ], 6));
   }
@@ -3941,15 +3952,15 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   },
   setup(e) {
     const t = e, a = f(() => {
-      const s = ["progress-spinner"];
-      return t.customClass && s.push(t.customClass), s;
+      const i = ["progress-spinner"];
+      return t.customClass && i.push(t.customClass), i;
     }), l = f(() => {
-      const s = {
+      const i = {
         "--_progress-spinner-size": t.size
       };
-      return t.customStyles ? typeof t.customStyles == "string" ? [s, t.customStyles].join("; ") : { ...s, ...t.customStyles } : s;
+      return t.customStyles ? typeof t.customStyles == "string" ? [i, t.customStyles].join("; ") : { ...i, ...t.customStyles } : i;
     });
-    return (s, i) => (o(), n("div", {
+    return (i, s) => (o(), n("div", {
       class: m(a.value),
       style: V(l.value),
       role: "status",
@@ -3964,28 +3975,37 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     width: { default: null },
     customClass: { default: "" }
   },
-  setup(e) {
-    const t = e, a = f(() => [
+  emits: ["update:rail"],
+  setup(e, { emit: t }) {
+    const a = e, l = t, i = f(() => [
       "navigation-drawer",
       {
-        "drawer-bordered": t.bordered,
-        "drawer-closed": t.rail
+        "drawer-bordered": a.bordered,
+        "drawer-rail": a.rail,
+        "drawer-open": a.rail
       },
-      t.customClass
-    ]), l = f(() => t.width ? { "--theme-nav-drawer-width": t.width } : {});
-    return (s, i) => (o(), n("div", {
-      class: m(a.value),
-      style: V(l.value),
-      role: "navigation",
-      "aria-label": "Main navigation"
-    }, [
-      c("div", Mi, [
-        x(s.$slots, "header"),
-        x(s.$slots, "body"),
-        x(s.$slots, "footer"),
-        x(s.$slots, "default")
-      ])
-    ], 6));
+      a.customClass
+    ]), s = f(() => a.width ? { "--theme-nav-drawer-width": a.width } : {});
+    return (r, d) => (o(), n(O, null, [
+      a.rail ? (o(), n("div", {
+        key: 0,
+        class: "drawer-overlay",
+        onClick: d[0] || (d[0] = (u) => l("update:rail", !1))
+      })) : w("", !0),
+      c("div", {
+        class: m(i.value),
+        style: V(s.value),
+        role: "navigation",
+        "aria-label": "Main navigation"
+      }, [
+        c("div", Mi, [
+          x(r.$slots, "header"),
+          x(r.$slots, "body"),
+          x(r.$slots, "footer"),
+          x(r.$slots, "default")
+        ])
+      ], 6)
+    ], 64));
   }
 }), Ui = /* @__PURE__ */ y({
   __name: "SidebarBody",
@@ -4022,7 +4042,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       },
       t.customClass
     ]);
-    return (l, s) => e.interactive ? (o(), _(H($e), {
+    return (l, i) => e.interactive ? (o(), _(H($e), {
       key: 0,
       class: "d-flex flex-grow-1",
       placement: e.placement
@@ -4082,11 +4102,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     customClass: { default: "" }
   },
   setup(e) {
-    const t = e, a = O(t.defaultOpen);
+    const t = e, a = P(t.defaultOpen);
     function l() {
       t.collapsible && (a.value = !a.value);
     }
-    return (s, i) => (o(), n("div", {
+    return (i, s) => (o(), n("div", {
       class: m(["drawer-group", [e.customClass]])
     }, [
       e.collapsible && e.text ? (o(), n("div", {
@@ -4114,7 +4134,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         id: `group-${e.text}`,
         class: "drawer-group-content"
       }, [
-        x(s.$slots, "default")
+        x(i.$slots, "default")
       ], 8, Gi)) : w("", !0)
     ], 2));
   }
@@ -4134,24 +4154,24 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   __name: "SidebarLink",
   props: {
     id: { default: "" },
-    text: { default: "" },
     tooltipText: { default: "" },
-    href: { default: "" },
-    to: { default: "" },
-    icon: { default: null },
     tooltipPlacement: { default: "right" },
+    child: { type: Boolean, default: !1 },
+    ariaLabelledby: { default: "" },
+    text: { default: "" },
+    icon: { default: null },
+    to: { default: "" },
+    href: { default: "" },
     active: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    child: { type: Boolean, default: !1 },
     customClass: { default: "" },
-    ariaLabelledby: { default: "" },
     as: { default: "a" }
   },
   setup(e) {
-    const t = e, a = f(() => `${t.id}-tooltip`), l = f(() => t.to || t.href), s = f(() => {
+    const t = e, a = f(() => `${t.id}-tooltip`), l = f(() => t.to || t.href), i = f(() => {
       const r = l.value;
       return typeof r == "string" && /^(?:https?:|mailto:|tel:|\/\/)/.test(r);
-    }), i = f(() => {
+    }), s = f(() => {
       const d = {
         class: [
           "drawer-item",
@@ -4166,7 +4186,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         "aria-labelledby": t.ariaLabelledby || void 0,
         "aria-label": t.ariaLabelledby ? void 0 : t.text
       };
-      if (t.as === "a" || s.value) {
+      if (t.as === "a" || i.value) {
         const u = typeof l.value == "string" ? l.value : "";
         return {
           ...d,
@@ -4181,7 +4201,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
           ],
           "aria-current": t.active ? "page" : void 0,
           href: t.disabled ? void 0 : u,
-          ...s.value && {
+          ...i.value && {
             target: "_blank",
             rel: "noopener noreferrer"
           }
@@ -4202,7 +4222,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         T(g(e.tooltipText), 1)
       ]),
       default: B(() => [
-        (o(), _(W(t.as), te(se(i.value)), {
+        (o(), _(W(t.as), te(se(s.value)), {
           default: B(() => [
             e.icon ? (o(), _(S, {
               key: 0,
@@ -4215,7 +4235,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         }, 16))
       ]),
       _: 3
-    }, 8, ["aria-id", "placement"])) : (o(), _(W(t.as), te(G({ key: 1 }, i.value)), {
+    }, 8, ["aria-id", "placement"])) : (o(), _(W(t.as), te(G({ key: 1 }, s.value)), {
       default: B(() => [
         e.icon ? (o(), _(S, {
           key: 0,
@@ -4383,4 +4403,4 @@ export {
   kl as y,
   zl as z
 };
-//# sourceMappingURL=components-CV69FiQW.js.map
+//# sourceMappingURL=components-igBfuqzk.js.map