@colorffy/ui 1.0.0

package/dist/components-DUB9BBm_.js

@@ -0,0 +1,4210 @@
+import { defineComponent as y, computed as v, createElementBlock as n, openBlock as s, mergeProps as N, renderSlot as x, createCommentVNode as w, toDisplayString as g, createVNode as M, unref as I, withCtx as _, createTextVNode as A, normalizeClass as m, createElementVNode as d, createBlock as S, ref as O, onMounted as ce, onUnmounted as Oe, watch as j, Transition as ye, Fragment as E, renderList as G, createSlots as Ee, nextTick as De, getCurrentInstance as fe, getCurrentScope as we, hasInjectionContext as xe, inject as ve, onScopeDispose as Ge, toRef as he, readonly as He, customRef as Ie, shallowRef as R, toValue as H, watchEffect as Pe, withDirectives as P, vShow as Ne, mergeModels as V, useModel as Z, normalizeStyle as T, createStaticVNode as F, vModelDynamic as te, vModelText as X, toRefs as Ze, resolveComponent as Y, vModelSelect as je, resolveDynamicComponent as Re } from "vue";
+import { Tooltip as ae, Dropdown as $e } from "floating-vue";
+const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__ */ y({
+  __name: "Material",
+  props: {
+    iconCode: {},
+    size: {},
+    color: {},
+    decorative: { type: Boolean, default: !0 },
+    ariaLabel: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => t.decorative ? "true" : void 0), a = v(() => t.decorative ? void 0 : "img"), i = v(() => t.decorative ? void 0 : t.ariaLabel ?? void 0);
+    return (o, u) => (s(), n("i", {
+      class: "material-symbols-rounded",
+      "aria-hidden": l.value,
+      role: a.value,
+      "aria-label": i.value,
+      innerHTML: e.iconCode
+    }, null, 8, qe));
+  }
+}), We = ["disabled"], Ke = { key: 0 }, Qe = {
+  key: 1,
+  "aria-label": "Loading",
+  class: "icon-spinner-stack"
+}, q = /* @__PURE__ */ y({
+  __name: "Button",
+  props: {
+    id: { default: "" },
+    text: { default: "" },
+    title: { default: "" },
+    variant: { default: "filled" },
+    color: { default: "" },
+    size: { default: "" },
+    iconVariant: { default: void 0 },
+    icon: { type: Boolean, default: !1 },
+    iconTrailing: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    tooltipText: {},
+    customClass: { default: "" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  emits: ["onClick"],
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      if (t.variant && (a.push(`btn-${t.variant}`), t.variant === "filled" && t.color ? a.push(`filled-${t.color}`) : t.variant === "tonal" && t.color && a.push(`tonal-${t.color}`)), t.size) {
+        let i = "";
+        t.size === "sm" ? i = "btn-sm" : t.size === "lg" ? i = "btn-lg" : t.size === "md" ? i = "" : i = t.size, i && a.push(i);
+      }
+      return t != null && t.icon && a.push(`btn-icon ${t.iconVariant}`), t != null && t.iconTrailing && a.push("icon-trailing"), t != null && t.loading && a.push("loading"), t != null && t.rounded && a.push("btn-rounded"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => (s(), n("button", N({ title: e.title || void 0, id: e.id ? `button-${e.id}` : void 0 }, {
+      class: ["btn", l.value],
+      type: "button",
+      disabled: e.disabled,
+      onClick: i[0] || (i[0] = (o) => a.$emit("onClick"))
+    }), [
+      x(a.$slots, "icon"),
+      e.text ? (s(), n("span", Ke, g(e.text), 1)) : w("", !0),
+      e.loading ? (s(), n("span", Qe, [
+        M(U, {
+          "icon-code": "",
+          class: "icon-spinner"
+        })
+      ])) : w("", !0)
+    ], 16, We));
+  }
+}), le = /* @__PURE__ */ y({
+  __name: "ButtonTooltip",
+  props: {
+    tooltipText: { default: "" },
+    id: { default: "tooltip" },
+    text: { default: "" },
+    title: { default: "" },
+    variant: { default: "filled" },
+    color: { default: "" },
+    size: { default: "" },
+    iconVariant: { default: void 0 },
+    icon: { type: Boolean, default: !1 },
+    iconTrailing: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  emits: ["onClick"],
+  setup(e) {
+    return (t, l) => (s(), n("div", null, [
+      M(I(ae), {
+        "aria-id": `${e.id}-tooltip`,
+        class: "d-inline-block"
+      }, {
+        popper: _(() => [
+          A(g(e.tooltipText), 1)
+        ]),
+        default: _(() => [
+          M(q, {
+            id: e.id,
+            title: e.title,
+            text: e.text,
+            variant: e.variant,
+            color: e.color,
+            size: e.size,
+            icon: e.icon,
+            "icon-variant": e.iconVariant,
+            "custom-class": e.customClass,
+            rounded: e.rounded,
+            "icon-trailing": e.iconTrailing,
+            loading: e.loading,
+            disabled: e.disabled,
+            "aria-label": e.text ? void 0 : e.title || e.tooltipText,
+            onClick: l[0] || (l[0] = (a) => t.$emit("onClick"))
+          }, {
+            icon: _(() => [
+              x(t.$slots, "icon")
+            ]),
+            _: 3
+          }, 8, ["id", "title", "text", "variant", "color", "size", "icon", "icon-variant", "custom-class", "rounded", "icon-trailing", "loading", "disabled", "aria-label"])
+        ]),
+        _: 3
+      }, 8, ["aria-id"])
+    ]));
+  }
+}), Je = ["aria-label"], Xe = { class: "header-content" }, Ye = ["id"], et = ["aria-describedby"], tt = /* @__PURE__ */ y({
+  __name: "HeaderContent",
+  props: {
+    title: { default: null },
+    subtitle: { default: null },
+    actions: { type: Boolean, default: !1 },
+    hideActionsOnMobile: { type: Boolean, default: !0 },
+    backButton: { type: Boolean, default: !1 },
+    backButtonLabel: { default: "Go back" },
+    containerClass: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = v(() => {
+      const c = [];
+      return l.backButton && c.push("page-header-breadcrumb"), l.actions && c.push("page-header-actions"), c;
+    }), o = v(() => {
+      const c = ["header-container"];
+      return l.containerClass && (Array.isArray(l.containerClass) ? c.push(...l.containerClass) : c.push(l.containerClass)), c.join(" ");
+    });
+    function u() {
+      a("click");
+    }
+    return (c, r) => (s(), n("div", {
+      class: m(o.value)
+    }, [
+      d("header", {
+        class: "header",
+        role: "banner",
+        "aria-label": e.title ? `Page header: ${e.title}` : "Page header"
+      }, [
+        d("div", {
+          class: m(["header-title", i.value])
+        }, [
+          e.backButton ? (s(), S(le, {
+            key: 0,
+            variant: "text",
+            "custom-class": "text-neutral",
+            icon: "",
+            "icon-variant": "compact",
+            "tooltip-text": e.backButtonLabel,
+            "aria-label": e.backButtonLabel,
+            onOnClick: u
+          }, {
+            icon: _(() => [
+              M(U, { "icon-code": "" })
+            ]),
+            _: 1
+          }, 8, ["tooltip-text", "aria-label"])) : w("", !0),
+          d("div", Xe, [
+            e.title ? (s(), n("h1", {
+              key: 0,
+              id: `page-title-${c.$attrs.id || "default"}`,
+              class: "text-title"
+            }, g(e.title), 9, Ye)) : w("", !0),
+            e.subtitle ? (s(), n("p", {
+              key: 1,
+              class: "text-description",
+              "aria-describedby": e.title ? `page-title-${c.$attrs.id || "default"}` : void 0
+            }, g(e.subtitle), 9, et)) : w("", !0)
+          ])
+        ], 2),
+        e.actions && c.$slots.actions ? (s(), n("div", {
+          key: 0,
+          class: m(["header-actions", { "page-header-actions-responsive": e.hideActionsOnMobile }]),
+          role: "toolbar",
+          "aria-label": "Page actions"
+        }, [
+          x(c.$slots, "actions", {}, void 0, !0)
+        ], 2)) : w("", !0)
+      ], 8, Je)
+    ], 2));
+  }
+}), pe = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [a, i] of t)
+    l[a] = i;
+  return l;
+}, at = /* @__PURE__ */ pe(tt, [["__scopeId", "data-v-9db84d03"]]), lt = { class: "col-md-12" }, it = /* @__PURE__ */ y({
+  __name: "PaneContent",
+  props: {
+    customClass: { default: null },
+    containerClass: { default: null },
+    isFullHeight: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    ariaDescribedby: { default: void 0 },
+    id: { default: void 0 }
+  },
+  setup(e, { expose: t }) {
+    const l = e, a = v(() => {
+      const c = [];
+      return l.customClass && c.push(l.customClass), l.isFullHeight && c.push("pane-content-expanded"), c;
+    }), i = v(() => {
+      const c = [];
+      return l.containerClass && c.push(l.containerClass), c;
+    }), o = v(() => {
+      const c = {};
+      return l.ariaLabel && (c["aria-label"] = l.ariaLabel), l.ariaLabelledby && (c["aria-labelledby"] = l.ariaLabelledby), l.ariaDescribedby && (c["aria-describedby"] = l.ariaDescribedby), l.id && (c.id = l.id), c;
+    }), u = O(null);
+    return t({
+      paneContentRef: u
+    }), (c, r) => (s(), n("div", {
+      class: m(["row", i.value])
+    }, [
+      d("div", lt, [
+        d("section", N({
+          ref_key: "paneContentRef",
+          ref: u,
+          class: ["pane-content", a.value]
+        }, o.value), [
+          x(c.$slots, "default")
+        ], 16)
+      ])
+    ], 2));
+  }
+}), me = /* @__PURE__ */ y({
+  __name: "BaseSkeleton",
+  props: {
+    size: { default: "md" },
+    variant: { default: "default" },
+    isThumbnail: { type: Boolean, default: !1 },
+    customClass: { default: null },
+    skeletonStyles: { type: [Boolean, null, String, Object, Array], default: null },
+    width: { default: void 0 },
+    height: { default: void 0 },
+    rounded: { type: Boolean, default: !1 },
+    role: { default: "status" },
+    ariaLabel: { default: "Loading content" },
+    ariaLive: { default: "polite" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const o = ["skeleton"];
+      t.size && o.push(`skeleton-${t.size}`);
+      const u = t.isThumbnail ? "thumbnail" : t.variant;
+      return u && u !== "default" && (u === "thumbnail" ? o.push("skeleton-thumbnail") : o.push(`skeleton-${u}`)), t.rounded && o.push("rounded-pill"), t.customClass && o.push(t.customClass), o;
+    }), a = v(() => {
+      const o = {};
+      return t.width && (o.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height && (o.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.skeletonStyles ? typeof t.skeletonStyles == "string" ? [o, t.skeletonStyles] : { ...o, ...t.skeletonStyles } : o;
+    }), i = v(() => {
+      const o = {};
+      return t.role && (o.role = t.role), t.ariaLabel && (o["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (o["aria-live"] = t.ariaLive), o;
+    });
+    return (o, u) => (s(), n("div", N({
+      class: l.value,
+      style: a.value
+    }, i.value), null, 16));
+  }
+}), st = {
+  key: 0,
+  class: "fw-800 mb-2 subtitle-1 fs-500"
+}, ot = {
+  key: 1,
+  class: "subtitle-2 text-muted mb-3"
+}, ke = /* @__PURE__ */ y({
+  __name: "Empty",
+  props: {
+    title: { default: null },
+    subtitle: { default: null },
+    customClass: { default: null },
+    emptyStyles: { type: [Boolean, null, String, Object, Array], default: null },
+    role: { default: "status" },
+    ariaLabel: { default: "Empty state" },
+    ariaLive: { default: "polite" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const i = ["text-center", "my-3"];
+      return t.customClass && i.push(t.customClass), i;
+    }), a = v(() => {
+      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 (i, o) => (s(), n("div", N({
+      class: l.value,
+      style: e.emptyStyles
+    }, a.value), [
+      o[0] || (o[0] = d("div", { class: "icon-state-wrapper" }, [
+        d("div", { class: "icon-empty-state" }),
+        d("div", { class: "icon-empty-state" }),
+        d("div", { class: "icon-empty-state" })
+      ], -1)),
+      e.title ? (s(), n("h3", st, g(e.title), 1)) : w("", !0),
+      e.subtitle ? (s(), n("p", ot, g(e.subtitle), 1)) : w("", !0),
+      x(i.$slots, "button")
+    ], 16));
+  }
+}), nt = ["width", "height"], rt = /* @__PURE__ */ y({
+  __name: "ExpressiveLoading",
+  props: {
+    title: { default: null },
+    interval: { default: 3e3 },
+    size: { default: "md" },
+    customClass: { default: null },
+    loadingStyles: { type: [Boolean, null, String, Object, Array], default: null },
+    role: { default: "status" },
+    ariaLabel: { default: "Loading content" },
+    ariaLive: { default: "polite" }
+  },
+  setup(e) {
+    const t = e, l = O(null);
+    let a = 0, i = null;
+    const o = v(() => {
+      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;
+    }), u = v(() => {
+      switch (t.size) {
+        case "sm":
+          return { width: "45px", height: "45px" };
+        case "lg":
+          return { width: "85px", height: "85px" };
+        default:
+          return { width: "65px", height: "65px" };
+      }
+    }), c = v(() => {
+      const b = ["subtitle-1", "font-primary", "fw-800"];
+      return t.size === "sm" ? b.push("fs-500") : t.size === "lg" ? b.push("fs-700") : b.push("fs-600"), b;
+    }), r = v(() => t.title ? Array.isArray(t.title) ? t.title : [t.title] : []), f = v(() => {
+      const b = {};
+      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() {
+      r.value.length > 0 && (l.value = r.value[a] || null, r.value.length > 1 && (i = setInterval(() => {
+        a = (a + 1) % r.value.length, l.value = r.value[a] || null;
+      }, t.interval)));
+    }
+    function h() {
+      i && (clearInterval(i), i = null);
+    }
+    return ce(() => {
+      p();
+    }), Oe(() => {
+      h();
+    }), j(() => t.title, () => {
+      h(), a = 0, p();
+    }, { deep: !0 }), (b, C) => (s(), n("div", N({
+      class: o.value,
+      style: e.loadingStyles
+    }, f.value), [
+      (s(), n("svg", {
+        class: "spinner",
+        width: u.value.width,
+        height: u.value.height,
+        viewBox: "0 0 66 66",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true"
+      }, [...C[0] || (C[0] = [
+        d("circle", {
+          class: "path",
+          fill: "none",
+          "stroke-width": "6",
+          "stroke-linecap": "round",
+          cx: "33",
+          cy: "33",
+          r: "30"
+        }, null, -1)
+      ])], 8, nt)),
+      M(ye, {
+        mode: "out-in",
+        name: "slide-block"
+      }, {
+        default: _(() => [
+          l.value ? (s(), n("p", {
+            key: l.value,
+            class: m(c.value)
+          }, g(l.value), 3)) : w("", !0)
+        ]),
+        _: 1
+      })
+    ], 16));
+  }
+}), dt = { class: "card-header" }, ut = {
+  key: 0,
+  class: "card-title"
+}, ct = { class: "card-body" }, ft = { class: "card-footer" }, Le = /* @__PURE__ */ y({
+  __name: "Card",
+  props: {
+    id: { default: null },
+    title: { default: "" },
+    variant: { default: "" },
+    size: { default: void 0 },
+    customClass: { default: null },
+    selectable: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.variant && a.push(`card-${t.variant}`), t.size === "xs" ? a.push("card-xs") : t.size === "sm" ? a.push("card-sm") : t.size === "md" && a.push("card-md"), t.selectable && a.push("card-selectable"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => (s(), n("div", N({ title: e.title || void 0, id: e.id ? `card-${e.id}` : void 0 }, {
+      class: ["card", l.value]
+    }), [
+      d("div", dt, [
+        x(a.$slots, "header", {}, () => [
+          e.title ? (s(), n("p", ut, g(e.title), 1)) : w("", !0)
+        ])
+      ]),
+      d("div", ct, [
+        x(a.$slots, "body")
+      ]),
+      d("div", ft, [
+        x(a.$slots, "footer")
+      ])
+    ], 16));
+  }
+}), vt = /* @__PURE__ */ y({
+  __name: "GridSkeleton",
+  props: {
+    skeletonGridItems: { default: 12 },
+    gridLayoutClasses: { default: "" },
+    cardVariant: { default: "pane" },
+    showFooter: { type: Boolean, default: !0 },
+    role: { default: "status" },
+    ariaLabel: { default: "Loading content grid" },
+    ariaLive: { default: "polite" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const i = [];
+      return t.gridLayoutClasses && (Array.isArray(t.gridLayoutClasses) ? i.push(...t.gridLayoutClasses) : i.push(t.gridLayoutClasses)), i;
+    }), a = v(() => {
+      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 (i, o) => (s(), n("div", N({ class: l.value }, a.value), [
+      (s(!0), n(E, null, G(e.skeletonGridItems, (u) => (s(), S(Le, {
+        key: `skeleton-grid-item-${u}`,
+        variant: e.cardVariant,
+        "aria-label": `Loading item ${u} of ${e.skeletonGridItems}`
+      }, Ee({
+        body: _(() => [
+          d("div", null, [
+            M(me, {
+              size: "lg",
+              class: "col-12 h-fixed rounded-lg",
+              style: { "--fixed-size": "6.25rem" },
+              "aria-label": `Loading preview for item ${u}`
+            }, null, 8, ["aria-label"])
+          ])
+        ]),
+        _: 2
+      }, [
+        e.showFooter ? {
+          name: "footer",
+          fn: _(() => [
+            M(q, {
+              variant: "outline",
+              icon: "",
+              "icon-variant": "compact",
+              disabled: "",
+              "aria-label": "Action button (loading)"
+            }, {
+              icon: _(() => [
+                M(U, {
+                  class: "iw-bold",
+                  "icon-code": ""
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["variant", "aria-label"]))), 128))
+    ], 16));
+  }
+}), ht = ["width", "height"], pt = {
+  key: 1,
+  class: "fs-500 fw-800 mb-2"
+}, mt = {
+  key: 2,
+  class: "subtitle-1 text-muted mb-3"
+}, bt = /* @__PURE__ */ y({
+  __name: "Loading",
+  props: {
+    title: { default: null },
+    subtitle: { default: null },
+    customClass: { default: null },
+    loadingStyles: { type: [Boolean, null, String, Object, Array], default: null },
+    spinnerSize: { default: "65px" },
+    hideSpinner: { type: Boolean, default: !1 },
+    role: { default: "status" },
+    ariaLabel: { default: "Loading" },
+    ariaLive: { default: "polite" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const o = [];
+      return t.customClass && o.push(t.customClass), o;
+    }), a = v(() => typeof t.spinnerSize == "number" ? `${t.spinnerSize}px` : t.spinnerSize), i = v(() => {
+      const o = {};
+      return t.role && (o.role = t.role), t.ariaLabel && (o["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (o["aria-live"] = t.ariaLive), o;
+    });
+    return (o, u) => (s(), n("div", N({
+      class: l.value,
+      style: e.loadingStyles
+    }, i.value), [
+      e.hideSpinner ? w("", !0) : (s(), n("svg", {
+        key: 0,
+        class: "spinner mb-3",
+        width: a.value,
+        height: a.value,
+        viewBox: "0 0 66 66",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true"
+      }, [...u[0] || (u[0] = [
+        d("circle", {
+          class: "path",
+          fill: "none",
+          "stroke-width": "6",
+          "stroke-linecap": "round",
+          cx: "33",
+          cy: "33",
+          r: "30"
+        }, null, -1)
+      ])], 8, ht)),
+      e.title ? (s(), n("h2", pt, g(e.title), 1)) : w("", !0),
+      e.subtitle ? (s(), n("p", mt, g(e.subtitle), 1)) : w("", !0)
+    ], 16));
+  }
+}), Ct = {
+  key: 0,
+  class: "loading-label-wrapper"
+}, gt = {
+  key: 1,
+  class: "subtitle-2 text-muted mt-1 mb-0"
+}, yt = /* @__PURE__ */ y({
+  __name: "ShapeLoading",
+  props: {
+    title: { default: null },
+    subtitle: { default: null },
+    customClass: { default: null },
+    loadingStyles: { type: [Boolean, null, String, Object, Array], default: null },
+    role: { default: "status" },
+    ariaLabel: { default: "Loading content" },
+    ariaLive: { default: "polite" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const o = ["loading-shapes-container"];
+      return t.customClass && o.push(t.customClass), o;
+    }), a = v(() => ["subtitle-1", "font-primary", "fw-600", "mb-0", "fs-500"]), i = v(() => {
+      const o = {};
+      return t.role && (o.role = t.role), t.ariaLabel && (o["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (o["aria-live"] = t.ariaLive), o;
+    });
+    return (o, u) => (s(), n("div", N({
+      class: l.value,
+      style: e.loadingStyles
+    }, i.value), [
+      e.title || e.subtitle ? (s(), n("div", Ct, [
+        e.title ? (s(), n("p", {
+          key: 0,
+          class: m(a.value)
+        }, g(e.title), 3)) : w("", !0),
+        e.subtitle ? (s(), n("p", gt, g(e.subtitle), 1)) : w("", !0)
+      ])) : w("", !0),
+      u[0] || (u[0] = d("div", {
+        class: "shapes-wrapper",
+        "aria-hidden": "true"
+      }, [
+        d("div", { class: "shape" }),
+        d("div", { class: "shape" }),
+        d("div", { class: "shape" })
+      ], -1))
+    ], 16));
+  }
+});
+function Be(e, t) {
+  return we() ? (Ge(e, t), !0) : !1;
+}
+const oe = /* @__PURE__ */ new WeakMap(), wt = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
+  var t;
+  const l = e[0], a = (t = fe()) === null || t === void 0 ? void 0 : t.proxy, i = a ?? we();
+  if (i == null && !xe()) throw new Error("injectLocal must be called in setup");
+  return i && oe.has(i) && l in oe.get(i) ? oe.get(i)[l] : ve(...e);
+}, xt = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const $t = Object.prototype.toString, kt = (e) => $t.call(e) === "[object Object]", K = () => {
+};
+function Lt(...e) {
+  if (e.length !== 1) return he(...e);
+  const t = e[0];
+  return typeof t == "function" ? He(Ie(() => ({
+    get: t,
+    set: K
+  }))) : O(t);
+}
+function Bt(e, t) {
+  var l;
+  if (typeof e == "number") return e + t;
+  const a = ((l = e.match(/^-?\d+\.?\d*/)) === null || l === void 0 ? void 0 : l[0]) || "", i = e.slice(a.length), o = Number.parseFloat(a) + t;
+  return Number.isNaN(o) ? e : o + i;
+}
+function J(e) {
+  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
+}
+function ne(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Mt(e) {
+  return fe();
+}
+function _t(e, t = !0, l) {
+  Mt() ? ce(e, l) : t ? e() : De(e);
+}
+function St(e, t, l) {
+  return j(e, t, {
+    ...l,
+    immediate: !0
+  });
+}
+const ie = xt ? window : void 0;
+function Q(e) {
+  var t;
+  const l = H(e);
+  return (t = l == null ? void 0 : l.$el) !== null && t !== void 0 ? t : l;
+}
+function ee(...e) {
+  const t = [], l = () => {
+    t.forEach((c) => c()), t.length = 0;
+  }, a = (c, r, f, p) => (c.addEventListener(r, f, p), () => c.removeEventListener(r, f, p)), i = v(() => {
+    const c = ne(H(e[0])).filter((r) => r != null);
+    return c.every((r) => typeof r != "string") ? c : void 0;
+  }), o = St(() => {
+    var c, r;
+    return [
+      (c = (r = i.value) === null || r === void 0 ? void 0 : r.map((f) => Q(f))) !== null && c !== void 0 ? c : [ie].filter((f) => f != null),
+      ne(H(i.value ? e[1] : e[0])),
+      ne(I(i.value ? e[2] : e[1])),
+      H(i.value ? e[3] : e[2])
+    ];
+  }, ([c, r, f, p]) => {
+    if (l(), !(c != null && c.length) || !(r != null && r.length) || !(f != null && f.length)) return;
+    const h = kt(p) ? { ...p } : p;
+    t.push(...c.flatMap((b) => r.flatMap((C) => f.map((B) => a(b, C, B, h)))));
+  }, { flush: "post" }), u = () => {
+    o(), l();
+  };
+  return Be(l), u;
+}
+function ge(e, t, l = {}) {
+  const { window: a = ie, ignore: i = [], capture: o = !0, detectIframe: u = !1, controls: c = !1 } = l;
+  if (!a) return c ? {
+    stop: K,
+    cancel: K,
+    trigger: K
+  } : K;
+  let r = !0;
+  const f = (L) => H(i).some(($) => {
+    if (typeof $ == "string") return Array.from(a.document.querySelectorAll($)).some((z) => z === L.target || L.composedPath().includes(z));
+    {
+      const z = Q($);
+      return z && (L.target === z || L.composedPath().includes(z));
+    }
+  });
+  function p(L) {
+    const $ = H(L);
+    return $ && $.$.subTree.shapeFlag === 16;
+  }
+  function h(L, $) {
+    const z = H(L), D = z.$.subTree && z.$.subTree.children;
+    return D == null || !Array.isArray(D) ? !1 : D.some((se) => se.el === $.target || $.composedPath().includes(se.el));
+  }
+  const b = (L) => {
+    const $ = Q(e);
+    if (L.target != null && !(!($ instanceof Element) && p(e) && h(e, L)) && !(!$ || $ === L.target || L.composedPath().includes($))) {
+      if ("detail" in L && L.detail === 0 && (r = !f(L)), !r) {
+        r = !0;
+        return;
+      }
+      t(L);
+    }
+  };
+  let C = !1;
+  const B = [
+    ee(a, "click", (L) => {
+      C || (C = !0, setTimeout(() => {
+        C = !1;
+      }, 0), b(L));
+    }, {
+      passive: !0,
+      capture: o
+    }),
+    ee(a, "pointerdown", (L) => {
+      const $ = Q(e);
+      r = !f(L) && !!($ && !L.composedPath().includes($));
+    }, { passive: !0 }),
+    u && ee(a, "blur", (L) => {
+      setTimeout(() => {
+        var $;
+        const z = Q(e);
+        (($ = a.document.activeElement) === null || $ === void 0 ? void 0 : $.tagName) === "IFRAME" && !(z != null && z.contains(a.document.activeElement)) && t(L);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), k = () => B.forEach((L) => L());
+  return c ? {
+    stop: k,
+    cancel: () => {
+      r = !1;
+    },
+    trigger: (L) => {
+      r = !0, b(L), r = !1;
+    }
+  } : k;
+}
+// @__NO_SIDE_EFFECTS__
+function Ut() {
+  const e = R(!1), t = fe();
+  return t && ce(() => {
+    e.value = !0;
+  }, t), e;
+}
+// @__NO_SIDE_EFFECTS__
+function zt(e) {
+  const t = /* @__PURE__ */ Ut();
+  return v(() => (t.value, !!e()));
+}
+const Ft = Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function Me() {
+  const e = xe() ? /* @__PURE__ */ wt(Ft, null) : null;
+  return typeof e == "number" ? e : void 0;
+}
+function W(e, t = {}) {
+  const { window: l = ie, ssrWidth: a = /* @__PURE__ */ Me() } = t, i = /* @__PURE__ */ zt(() => l && "matchMedia" in l && typeof l.matchMedia == "function"), o = R(typeof a == "number"), u = R(), c = R(!1), r = (f) => {
+    c.value = f.matches;
+  };
+  return Pe(() => {
+    if (o.value) {
+      o.value = !i.value, c.value = H(e).split(",").some((f) => {
+        const p = f.includes("not all"), h = f.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), b = f.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let C = !!(h || b);
+        return h && C && (C = a >= J(h[1])), b && C && (C = a <= J(b[1])), p ? !C : C;
+      });
+      return;
+    }
+    i.value && (u.value = l.matchMedia(H(e)), c.value = u.value.matches);
+  }), ee(u, "change", r, { passive: !0 }), v(() => c.value);
+}
+const Vt = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+};
+// @__NO_SIDE_EFFECTS__
+function Tt(e, t = {}) {
+  function l(C, B) {
+    let k = H(e[H(C)]);
+    return B != null && (k = Bt(k, B)), typeof k == "number" && (k = `${k}px`), k;
+  }
+  const { window: a = ie, strategy: i = "min-width", ssrWidth: o = /* @__PURE__ */ Me() } = t, u = typeof o == "number", c = u ? R(!1) : { value: !0 };
+  u && _t(() => c.value = !!a);
+  function r(C, B) {
+    return !c.value && u ? C === "min" ? o >= J(B) : o <= J(B) : a ? a.matchMedia(`(${C}-width: ${B})`).matches : !1;
+  }
+  const f = (C) => W(() => `(min-width: ${l(C)})`, t), p = (C) => W(() => `(max-width: ${l(C)})`, t), h = Object.keys(e).reduce((C, B) => (Object.defineProperty(C, B, {
+    get: () => i === "min-width" ? f(B) : p(B),
+    enumerable: !0,
+    configurable: !0
+  }), C), {});
+  function b() {
+    const C = Object.keys(e).map((B) => [
+      B,
+      h[B],
+      J(l(B))
+    ]).sort((B, k) => B[2] - k[2]);
+    return v(() => C.filter(([, B]) => B.value).map(([B]) => B));
+  }
+  return Object.assign(h, {
+    greaterOrEqual: f,
+    smallerOrEqual: p,
+    greater(C) {
+      return W(() => `(min-width: ${l(C, 0.1)})`, t);
+    },
+    smaller(C) {
+      return W(() => `(max-width: ${l(C, -0.1)})`, t);
+    },
+    between(C, B) {
+      return W(() => `(min-width: ${l(C)}) and (max-width: ${l(B, -0.1)})`, t);
+    },
+    isGreater(C) {
+      return r("min", l(C, 0.1));
+    },
+    isGreaterOrEqual(C) {
+      return r("min", l(C));
+    },
+    isSmaller(C) {
+      return r("max", l(C, -0.1));
+    },
+    isSmallerOrEqual(C) {
+      return r("max", l(C));
+    },
+    isInBetween(C, B) {
+      return r("min", l(C)) && r("max", l(B, -0.1));
+    },
+    current: b,
+    active() {
+      const C = b();
+      return v(() => C.value.length === 0 ? "" : C.value.at(i === "min-width" ? -1 : 0));
+    }
+  });
+}
+function re(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+const de = /* @__PURE__ */ new WeakMap();
+function At(e, t = !1) {
+  const l = R(t);
+  let a = "";
+  j(Lt(e), (u) => {
+    const c = re(H(u));
+    if (c) {
+      const r = c;
+      if (de.get(r) || de.set(r, r.style.overflow), r.style.overflow !== "hidden" && (a = r.style.overflow), r.style.overflow === "hidden") return l.value = !0;
+      if (l.value) return r.style.overflow = "hidden";
+    }
+  }, { immediate: !0 });
+  const i = () => {
+    const u = re(H(e));
+    !u || l.value || (u.style.overflow = "hidden", l.value = !0);
+  }, o = () => {
+    const u = re(H(e));
+    !u || !l.value || (u.style.overflow = a, de.delete(u), l.value = !1);
+  };
+  return Be(o), v({
+    get() {
+      return l.value;
+    },
+    set(u) {
+      u ? i() : o();
+    }
+  });
+}
+const _e = /* @__PURE__ */ y({
+  __name: "TableSkeleton",
+  props: {
+    skeletonRows: { default: 12 },
+    skeletonCols: { default: 5 },
+    skeletonColExpanded: { default: 7 },
+    customClass: { default: null },
+    skeletonStyles: { type: [Boolean, null, String, Object, Array], default: null },
+    role: { default: "status" },
+    ariaLabel: { default: "Loading table data" },
+    ariaLive: { default: "polite" },
+    isExpanded: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = (/* @__PURE__ */ Tt(Vt)).smallerOrEqual("sm"), i = v(() => t.isExpanded ? t.skeletonColExpanded : t.skeletonCols), o = v(() => {
+      const c = [];
+      return t.customClass && c.push(t.customClass), c;
+    }), u = v(() => {
+      const c = {};
+      return t.role && (c.role = t.role), t.ariaLabel && (c["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (c["aria-live"] = t.ariaLive), c;
+    });
+    return (c, r) => (s(), n("tbody", N({
+      class: o.value,
+      style: e.skeletonStyles
+    }, u.value), [
+      (s(!0), n(E, null, G(e.skeletonRows, (f) => (s(), n("tr", {
+        key: `row-${f}`
+      }, [
+        (s(!0), n(E, null, G(i.value, (p) => (s(), n("td", {
+          key: `col-${p}`
+        }, [
+          P(M(U, {
+            class: "text-muted animation-spin me-2",
+            "icon-code": "",
+            "aria-hidden": "true"
+          }, null, 512), [
+            [Ne, !I(a)]
+          ]),
+          M(me, { class: "col-12 col-md-6" })
+        ]))), 128))
+      ]))), 128))
+    ], 16));
+  }
+}), Ot = ["id", "name", "open", "aria-disabled"], Et = { class: "accordion-header" }, Dt = { class: "accordion-title" }, Gt = { class: "accordion-body" }, Ht = ["textContent"], It = /* @__PURE__ */ y({
+  __name: "Accordion",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    name: { default: "accordion-item" },
+    title: { default: "" },
+    text: { default: "" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    customClass: { default: null }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(e) {
+    const t = Z(e, "open");
+    return (l, a) => (s(), n("details", {
+      id: e.id ? `accordion-${e.id}` : void 0,
+      name: e.name || void 0,
+      class: m(["accordion", [e.customClass, { "is-disabled": e.disabled }]]),
+      open: t.value || void 0,
+      "aria-disabled": e.disabled || void 0
+    }, [
+      d("summary", Et, [
+        x(l.$slots, "header", {}, () => [
+          d("span", Dt, g(e.title), 1)
+        ])
+      ]),
+      d("div", Gt, [
+        e.text ? (s(), n("p", {
+          key: 0,
+          textContent: g(e.text)
+        }, null, 8, Ht)) : w("", !0),
+        x(l.$slots, "content")
+      ])
+    ], 10, Ot));
+  }
+}), Pt = /* @__PURE__ */ y({
+  __name: "AccordionGroup",
+  props: {
+    isTransparent: { type: Boolean, default: !1 },
+    customClass: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.isTransparent && a.push("accordion-transparent"), t.customClass && (Array.isArray(t.customClass) ? a.push(...t.customClass) : a.push(t.customClass)), a;
+    });
+    return (a, i) => (s(), n("div", {
+      class: m(["accordion-group", l.value])
+    }, [
+      x(a.$slots, "default")
+    ], 2));
+  }
+}), Nt = { class: "alert-container" }, Zt = { class: "alert-content" }, jt = {
+  key: 0,
+  class: "alert-title"
+}, Rt = { key: 1 }, Se = /* @__PURE__ */ y({
+  __name: "Alert",
+  props: {
+    title: {},
+    message: {},
+    type: { default: "banner" },
+    variant: { default: "danger" },
+    size: { default: void 0 },
+    critical: { type: Boolean, default: !1 },
+    customClass: { default: void 0 }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.type && a.push(`alert-${t.type}`), t.variant && a.push(`${t.type}-${t.variant}`), t.size === "sm" && a.push("alert-sm"), t.critical && a.push("alert-critical"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => (s(), n("div", Nt, [
+      d("div", {
+        class: m(["alert", l.value]),
+        role: "alert"
+      }, [
+        d("div", Zt, [
+          e.variant === "success" ? (s(), S(U, {
+            key: 0,
+            "icon-code": ""
+          })) : e.variant === "warning" ? (s(), S(U, {
+            key: 1,
+            "icon-code": ""
+          })) : e.variant === "default" ? (s(), S(U, {
+            key: 2,
+            "icon-code": ""
+          })) : e.variant === "danger" ? (s(), S(U, {
+            key: 3,
+            "icon-code": ""
+          })) : e.variant === "primary" || e.variant === "secondary" || e.variant === "accent" || e.variant === "neutral" ? (s(), S(U, {
+            key: 4,
+            "icon-code": ""
+          })) : w("", !0),
+          d("div", null, [
+            e.title ? (s(), n("p", jt, g(e.title), 1)) : w("", !0),
+            e.message ? (s(), n("p", Rt, g(e.message), 1)) : w("", !0),
+            x(a.$slots, "message")
+          ])
+        ]),
+        d("div", null, [
+          x(a.$slots, "actions")
+        ])
+      ], 2)
+    ]));
+  }
+}), qt = /* @__PURE__ */ y({
+  __name: "AlertToast",
+  props: {
+    snackbarTitle: { default: null },
+    snackbarMessage: { default: null },
+    snackbarVariant: { default: "success" }
+  },
+  setup(e, { expose: t }) {
+    const l = e, a = O(l.snackbarTitle ?? ""), i = O(l.snackbarMessage ?? ""), o = O(l.snackbarVariant ?? "success"), u = O(!1);
+    function c() {
+      u.value = !0, setTimeout(() => {
+        u.value = !1;
+      }, 3e3);
+    }
+    return t({
+      title: a,
+      message: i,
+      variant: o,
+      showToast: c
+    }), (r, f) => (s(), S(ye, {
+      name: "slide-block",
+      mode: "out-in"
+    }, {
+      default: _(() => [
+        u.value ? (s(), S(Se, {
+          key: 0,
+          title: a.value,
+          message: i.value,
+          variant: o.value,
+          type: "snackbar"
+        }, null, 8, ["title", "message", "variant"])) : w("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Wt = ["textContent"], be = /* @__PURE__ */ y({
+  __name: "Badge",
+  props: {
+    text: { default: void 0 },
+    variant: { default: "primary" },
+    iconCode: { default: null },
+    iconClass: { default: null },
+    iconStyle: { default: null },
+    size: { default: void 0 },
+    pill: { type: [Boolean, null], default: !1 },
+    customClass: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.variant && a.push(`badge-${t.variant}`), t.size === "sm" && a.push("badge-sm"), t.pill && a.push("badge-pill"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => (s(), n("div", {
+      class: m(["badge", l.value])
+    }, [
+      e.iconCode ? (s(), S(U, {
+        key: 0,
+        "icon-code": e.iconCode,
+        class: m(e.iconClass),
+        style: T(e.iconStyle)
+      }, null, 8, ["icon-code", "class", "style"])) : w("", !0),
+      e.text ? (s(), n("span", {
+        key: 1,
+        textContent: g(e.text)
+      }, null, 8, Wt)) : w("", !0)
+    ], 2));
+  }
+}), Kt = {}, Qt = { class: "badge-group" };
+function Jt(e, t) {
+  return s(), n("div", Qt, [
+    x(e.$slots, "default")
+  ]);
+}
+const Xt = /* @__PURE__ */ pe(Kt, [["render", Jt]]), Yt = /* @__PURE__ */ y({
+  __name: "ButtonFabGroup",
+  props: {
+    top: { type: Boolean, default: !1 },
+    start: { type: Boolean, default: !1 },
+    customClass: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.top && a.push("fab-top"), t.start && a.push("fab-start"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => (s(), n("div", {
+      class: m(["fab-group", l.value])
+    }, [
+      x(a.$slots, "default")
+    ], 2));
+  }
+}), ea = /* @__PURE__ */ y({
+  __name: "ButtonGroup",
+  props: {
+    connected: { type: Boolean, default: !1 },
+    joined: { type: Boolean, default: !1 },
+    vertical: { type: Boolean, default: !1 },
+    customClass: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.connected && a.push("btn-group-connected"), t.joined && a.push("btn-group-joined"), t.vertical && a.push("btn-group-vertical"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => (s(), n("div", {
+      class: m(["btn-group", l.value])
+    }, [
+      x(a.$slots, "default")
+    ], 2));
+  }
+}), Ue = /* @__PURE__ */ y({
+  __name: "ButtonMenu",
+  props: {
+    isMobile: { type: Boolean, default: !1 },
+    tooltipText: { default: "menu" },
+    id: { default: "" },
+    text: { default: "" },
+    title: { default: "" },
+    variant: { default: "filled" },
+    color: { default: "" },
+    size: { default: "" },
+    iconVariant: { default: void 0 },
+    icon: { type: Boolean, default: !1 },
+    iconTrailing: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  emits: ["onClick"],
+  setup(e) {
+    return (t, l) => (s(), n("div", null, [
+      M(I($e), {
+        "aria-id": `${e.id}-dropdown`,
+        "positioning-disabled": e.isMobile
+      }, {
+        popper: _(() => [
+          d("ul", null, [
+            x(t.$slots, "menu")
+          ])
+        ]),
+        default: _(() => [
+          M(I(ae), {
+            "aria-id": `${e.id}-tooltip`,
+            class: "d-inline-block"
+          }, {
+            popper: _(() => [
+              A(g(e.tooltipText), 1)
+            ]),
+            default: _(() => [
+              M(q, {
+                id: e.id,
+                title: e.title,
+                text: e.text,
+                variant: e.variant,
+                color: e.color,
+                size: e.size,
+                icon: e.icon,
+                "icon-variant": e.iconVariant,
+                "custom-class": e.customClass,
+                rounded: e.rounded,
+                "icon-trailing": e.iconTrailing,
+                loading: e.loading,
+                disabled: e.disabled,
+                "aria-label": e.text ? void 0 : e.title || e.tooltipText,
+                onClick: l[0] || (l[0] = (a) => t.$emit("onClick"))
+              }, {
+                icon: _(() => [
+                  x(t.$slots, "icon")
+                ]),
+                content: _(() => [
+                  x(t.$slots, "content")
+                ]),
+                _: 3
+              }, 8, ["id", "title", "text", "variant", "color", "size", "icon", "icon-variant", "custom-class", "rounded", "icon-trailing", "loading", "disabled", "aria-label"])
+            ]),
+            _: 3
+          }, 8, ["aria-id"])
+        ]),
+        _: 3
+      }, 8, ["aria-id", "positioning-disabled"])
+    ]));
+  }
+}), ta = {}, aa = { class: "v-dropdown-divider" };
+function la(e, t) {
+  return s(), n("li", aa);
+}
+const ia = /* @__PURE__ */ pe(ta, [["render", la]]), sa = ["disabled"], oa = { class: "v-dropdown-item-primary" }, na = {
+  key: 0,
+  class: "v-dropdown-item-secondary"
+}, ra = { key: 1 }, ze = /* @__PURE__ */ y({
+  __name: "ButtonMenuItem",
+  props: {
+    itemText: { default: "" },
+    icon: { default: null },
+    iconStyle: { default: null },
+    iconClass: { default: null },
+    isDestructive: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    customClass: { default: null },
+    badge: { default: null },
+    shortcut: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.isDestructive && a.push("v-danger"), t.disabled && a.push("v-disabled"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => (s(), n("li", null, [
+      d("button", {
+        class: m(["v-dropdown-item", l.value]),
+        disabled: e.disabled
+      }, [
+        d("span", oa, [
+          e.icon ? (s(), S(U, {
+            key: 0,
+            "icon-code": e.icon,
+            class: m(e.iconClass),
+            style: T(e.iconStyle)
+          }, null, 8, ["icon-code", "class", "style"])) : w("", !0),
+          A(" " + g(e.itemText), 1)
+        ]),
+        e.badge || e.shortcut ? (s(), n("span", na, [
+          e.badge ? (s(), S(be, {
+            key: 0,
+            size: "sm",
+            variant: e.badge.variant,
+            text: e.badge.text,
+            "icon-code": e.badge.iconCode,
+            "icon-class": e.badge.iconClass,
+            "icon-style": e.badge.iconStyle,
+            pill: e.badge.pill,
+            "custom-class": e.badge.customClass
+          }, null, 8, ["variant", "text", "icon-code", "icon-class", "icon-style", "pill", "custom-class"])) : w("", !0),
+          e.shortcut ? (s(), n("span", ra, g(e.shortcut), 1)) : w("", !0)
+        ])) : w("", !0)
+      ], 10, sa)
+    ]));
+  }
+}), da = { class: "v-dropdown-item v-text-item" }, ua = /* @__PURE__ */ y({
+  __name: "ButtonMenuText",
+  props: {
+    itemText: { default: "" }
+  },
+  setup(e) {
+    return (t, l) => (s(), n("li", null, [
+      d("span", da, g(e.itemText), 1)
+    ]));
+  }
+}), ca = ["aria-label"], fa = ["tabindex", "aria-checked", "aria-disabled", "aria-label", "onClick", "onKeydown"], va = { class: "toggle-btn-inner" }, ha = {
+  key: 0,
+  class: "toggle-btn-icon-wrapper"
+}, pa = { class: "toggle-btn-support-text" }, ma = ["textContent"], ba = ["textContent"], Ca = { key: 1 }, ga = /* @__PURE__ */ y({
+  __name: "ButtonToggleGroup",
+  props: {
+    options: {},
+    ariaLabel: { default: "Toggle button group" },
+    groupLabel: { default: "" }
+  },
+  emits: ["onOptionClick"],
+  setup(e, { emit: t }) {
+    const l = e, a = t;
+    function i(f, p) {
+      p.disabled || a("onOptionClick", f, p);
+    }
+    function o(f, p) {
+      if (!p.disabled && (f.key === "Enter" || f.key === " ")) {
+        f.key === " " && f.preventDefault();
+        const h = new MouseEvent("click", {
+          bubbles: f.bubbles,
+          cancelable: f.cancelable,
+          view: window
+        });
+        a("onOptionClick", h, p);
+      }
+    }
+    function u(f) {
+      return `toggle-btn-${f}`;
+    }
+    function c(f) {
+      const p = f.title || "Option", h = f.disabled ? " (disabled)" : "", b = f.active ? " (selected)" : "";
+      return `${p}${h}${b}`;
+    }
+    function r(f) {
+      return f.iconClass || "";
+    }
+    return (f, p) => (s(), n("div", {
+      class: "toggle-btn-group",
+      role: "radiogroup",
+      "aria-label": l.ariaLabel
+    }, [
+      (s(!0), n(E, null, G(l.options, (h, b) => (s(), n("div", {
+        key: u(b),
+        role: "radio",
+        tabindex: h.disabled ? -1 : 0,
+        "aria-checked": h.active,
+        "aria-disabled": h.disabled,
+        "aria-label": c(h),
+        class: m(["toggle-btn", {
+          "toggle-btn-active": h.active,
+          "toggle-btn-disabled": h.disabled
+        }]),
+        onClick: (C) => i(C, h),
+        onKeydown: (C) => o(C, h)
+      }, [
+        d("div", va, [
+          h.icon ? (s(), n("div", ha, [
+            M(U, {
+              "icon-code": h.icon,
+              class: m(r(h)),
+              "aria-hidden": !0
+            }, null, 8, ["icon-code", "class"])
+          ])) : w("", !0),
+          d("div", pa, [
+            h.title ? (s(), n("p", {
+              key: 0,
+              class: "subtitle-1",
+              textContent: g(h.title)
+            }, null, 8, ma)) : w("", !0),
+            h.text ? (s(), n("p", {
+              key: 1,
+              class: "subtitle-2",
+              textContent: g(h.text)
+            }, null, 8, ba)) : w("", !0)
+          ]),
+          h.badge && h.badge.text ? (s(), n("div", Ca, [
+            M(be, {
+              variant: h.badge.variant,
+              text: h.badge.text,
+              "aria-label": `Tier: ${h.badge.text}`
+            }, null, 8, ["variant", "text", "aria-label"])
+          ])) : w("", !0)
+        ])
+      ], 42, fa))), 128))
+    ], 8, ca));
+  }
+}), ya = {
+  key: 0,
+  class: "d-flex justify-content-end gap-2 mb-2"
+}, wa = { class: "table-responsive" }, xa = ["onClick"], $a = { key: 1 }, ka = { key: 2 }, La = ["colspan"], Ba = /* @__PURE__ */ y({
+  __name: "Datatable",
+  props: {
+    tableClass: { default: "" },
+    isLoading: { type: Boolean, default: !1 },
+    skeletonRows: { default: 10 },
+    skeletonCols: { default: 5 },
+    skeletonColExpanded: { default: 7 },
+    isExpanded: { type: Boolean, default: !1 },
+    headers: {},
+    items: {},
+    defaultSortKey: { default: "" },
+    defaultSortOrder: { default: "asc" },
+    unsortableColumns: { default: () => ["Actions"] },
+    sortable: { type: Boolean, default: !0 },
+    hiddenColumns: { default: () => [] },
+    columnManager: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = O(t.defaultSortKey), a = O(t.defaultSortOrder), i = O([...t.hiddenColumns]), o = v(() => i.value.length === 0), u = v(() => t.headers.filter((k) => !i.value.includes(k))), c = v(() => l.value ? [...t.items].sort((k, L) => {
+      const $ = k[l.value], z = L[l.value];
+      return $ < z ? a.value === "asc" ? -1 : 1 : $ > z ? a.value === "asc" ? 1 : -1 : 0;
+    }) : t.items);
+    function r(k) {
+      return t.sortable && !t.unsortableColumns.includes(k);
+    }
+    function f(k) {
+      l.value === k ? a.value = a.value === "asc" ? "desc" : "asc" : (l.value = k, a.value = "asc");
+    }
+    function p(k) {
+      const L = k.toLowerCase().replace(/[^a-z0-9]+(.)/gi, ($, z) => z.toUpperCase());
+      return L.charAt(0).toLowerCase() + L.slice(1);
+    }
+    function h() {
+      i.value.length > 0 ? i.value = [] : i.value = [...t.hiddenColumns];
+    }
+    function b(k) {
+      const L = i.value.indexOf(k);
+      L > -1 ? i.value.splice(L, 1) : u.value.length > 1 && i.value.push(k);
+    }
+    function C(k) {
+      return !i.value.includes(k);
+    }
+    function B(k) {
+      return u.value.length === 1 && C(k);
+    }
+    return (k, L) => (s(), n("div", null, [
+      e.hiddenColumns && e.hiddenColumns.length > 0 || e.columnManager ? (s(), n("div", ya, [
+        e.hiddenColumns && e.hiddenColumns.length > 0 ? (s(), S(le, {
+          key: 0,
+          id: "columns-toggle",
+          variant: "outline",
+          size: "sm",
+          icon: "",
+          "icon-variant": "shape-sm",
+          "tooltip-text": o.value ? "Hide default columns" : "Show all columns",
+          onOnClick: h
+        }, {
+          icon: _(() => [
+            M(U, {
+              "icon-code": o.value ? "" : "",
+              class: "rotate-90"
+            }, null, 8, ["icon-code"])
+          ]),
+          _: 1
+        }, 8, ["tooltip-text"])) : w("", !0),
+        e.columnManager ? (s(), S(Ue, {
+          key: 1,
+          id: "column-manager",
+          variant: "outline",
+          size: "sm",
+          text: "Columns",
+          "tooltip-text": "Manage columns",
+          "icon-trailing": ""
+        }, {
+          icon: _(() => [
+            M(U, { "icon-code": "" })
+          ]),
+          menu: _(() => [
+            (s(!0), n(E, null, G(e.headers, ($) => (s(), S(ze, {
+              id: `column-${p($)}`,
+              key: $,
+              "item-text": $,
+              icon: C($) ? "" : "",
+              disabled: B($),
+              onClick: (z) => b($)
+            }, null, 8, ["id", "item-text", "icon", "disabled", "onClick"]))), 128))
+          ]),
+          _: 1
+        })) : w("", !0)
+      ])) : w("", !0),
+      d("div", wa, [
+        d("table", {
+          class: m(["table table-hover", e.tableClass])
+        }, [
+          d("thead", null, [
+            d("tr", null, [
+              (s(!0), n(E, null, G(u.value, ($) => (s(), n("th", {
+                key: $,
+                scope: "col",
+                class: m({ sortable: r($), sorted: l.value === p($) }),
+                onClick: (z) => r($) ? f(p($)) : void 0
+              }, [
+                A(g($) + " ", 1),
+                r($) ? (s(), n(E, { key: 0 }, [
+                  l.value === p($) ? (s(), S(U, {
+                    key: 0,
+                    "icon-code": a.value === "asc" ? "" : "",
+                    class: "fs-sm-100 rotate-90"
+                  }, null, 8, ["icon-code"])) : (s(), S(U, {
+                    key: 1,
+                    "icon-code": "",
+                    class: "fs-sm-100 rotate-90 text-muted opacity-50"
+                  }))
+                ], 64)) : w("", !0)
+              ], 10, xa))), 128))
+            ])
+          ]),
+          e.isLoading ? (s(), S(_e, {
+            key: 0,
+            "skeleton-cols": u.value.length,
+            "skeleton-col-expanded": e.skeletonColExpanded,
+            "skeleton-rows": e.skeletonRows,
+            "is-expanded": e.isExpanded
+          }, null, 8, ["skeleton-cols", "skeleton-col-expanded", "skeleton-rows", "is-expanded"])) : c.value.length > 0 ? (s(), n("tbody", $a, [
+            (s(!0), n(E, null, G(c.value, ($, z) => (s(), n("tr", { key: z }, [
+              (s(!0), n(E, null, G(u.value, (D) => (s(), n("td", { key: D }, [
+                x(k.$slots, `cell-${p(D)}`, { item: $ }, () => [
+                  A(g($[p(D)]), 1)
+                ])
+              ]))), 128))
+            ]))), 128))
+          ])) : (s(), n("tbody", ka, [
+            d("tr", null, [
+              d("td", {
+                colspan: u.value.length
+              }, [
+                M(ke, {
+                  title: "No data available",
+                  subtitle: "Try may want to try using different filters or check back later."
+                })
+              ], 8, La)
+            ])
+          ]))
+        ], 2)
+      ])
+    ]));
+  }
+}), ue = /* @__PURE__ */ new WeakMap(), Fe = {
+  mounted(e, t) {
+    const l = !t.modifiers.bubble;
+    let a;
+    if (typeof t.value == "function") a = ge(e, t.value, { capture: l });
+    else {
+      const [i, o] = t.value;
+      a = ge(e, i, Object.assign({ capture: l }, o));
+    }
+    ue.set(e, a);
+  },
+  unmounted(e) {
+    const t = ue.get(e);
+    t && typeof t == "function" ? t() : t == null || t.stop(), ue.delete(e);
+  }
+};
+function Ma() {
+  let e = !1;
+  const t = R(!1);
+  return (l, a) => {
+    if (t.value = a.value, e) return;
+    e = !0;
+    const i = At(l, a.value);
+    j(t, (o) => i.value = o);
+  };
+}
+Ma();
+const _a = { class: "dialog-content" }, Sa = { class: "dialog-body" }, Ua = {
+  key: 0,
+  class: "subtitle-1 mb-3"
+}, za = {
+  key: 1,
+  class: "subtitle-1 text-muted"
+}, Fa = { class: "dialog-footer" }, Va = /* @__PURE__ */ y({
+  __name: "ConfirmModal",
+  props: {
+    isLoading: { type: Boolean, default: !1 },
+    loadingLabel: { default: "Deleting..." },
+    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" },
+    variant: { default: "danger" },
+    customClass: { default: null },
+    bodyDialogClass: {}
+  },
+  emits: ["confirm"],
+  setup(e, { expose: t, emit: l }) {
+    const a = e, i = l, o = O(null), u = v(() => {
+      const h = ["dialog-confirm"];
+      return a.mode ? (a.mode === "modal" && h.push("dialog-modal"), a.mode === "side-sheet" && h.push("dialog-side-sheet"), a.mode === "headless" && h.push("dialog-headless")) : h.push("dialog-modal"), a.size && (a.size === "sm" && h.push("dialog-sm"), a.size === "lg" && h.push("dialog-lg")), a.customClass && (Array.isArray(a.customClass) ? h.push(...a.customClass) : h.push(a.customClass)), h;
+    }), c = v(() => {
+      let h, b;
+      switch (a.variant) {
+        case "danger":
+          h = "text-danger", b = "&#xe872;";
+          break;
+        case "warning":
+          h = "text-warning", b = "&#xe002;";
+          break;
+        case "success":
+          h = "text-success", b = "&#xe86c;";
+          break;
+        case "primary":
+          h = "text-primary", b = "&#xe88e;";
+          break;
+        default:
+          h = "text-muted", b = "&#xe872;";
+          break;
+      }
+      return { cssClass: h, icon: b };
+    }), r = v(() => {
+      const h = [];
+      return a.variant && h.push(`filled-${a.variant}`), h;
+    });
+    function f() {
+      o.value && (a.showAsModal ? o.value.showModal() : o.value.show());
+    }
+    function p() {
+      var h;
+      (h = o == null ? void 0 : o.value) == null || h.close();
+    }
+    return t({
+      showDialog: f,
+      closeDialog: p
+    }), (h, b) => (s(), n("dialog", {
+      ref_key: "dialogRef",
+      ref: o,
+      class: m(["dialog", u.value]),
+      role: "dialog",
+      "aria-modal": "true"
+    }, [
+      P((s(), n("div", _a, [
+        d("div", Sa, [
+          M(U, {
+            class: m(["iw-bold", c.value.cssClass]),
+            "icon-code": c.value.icon
+          }, null, 8, ["class", "icon-code"]),
+          e.title ? (s(), n("p", Ua, g(e.title), 1)) : w("", !0),
+          e.message ? (s(), n("p", za, g(e.message), 1)) : w("", !0),
+          x(h.$slots, "messages")
+        ]),
+        d("div", Fa, [
+          M(q, {
+            variant: "text",
+            text: "Cancel",
+            onClick: p
+          }),
+          M(q, {
+            variant: "filled",
+            class: m(r.value),
+            text: e.confirmLabel,
+            loading: e.isLoading,
+            disabled: e.isLoading,
+            onClick: b[0] || (b[0] = (C) => i("confirm"))
+          }, null, 8, ["class", "text", "loading", "disabled"])
+        ])
+      ])), [
+        [I(Fe), p]
+      ])
+    ], 2));
+  }
+}), Ta = { class: "dialog-content" }, Aa = { class: "dialog-header" }, Oa = { class: "dialog-footer" }, Ea = /* @__PURE__ */ y({
+  __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: {},
+    variant: {},
+    customClass: { default: null },
+    bodyDialogClass: { default: null }
+  },
+  emits: ["onCloseDialog"],
+  setup(e, { expose: t, emit: l }) {
+    const a = e, i = l, o = O(null), u = v(() => {
+      const f = [];
+      return a.mode ? a.mode === "side-sheet" ? f.push("dialog-side-sheet") : a.mode === "headless" ? f.push("dialog-modal dialog-headless") : f.push("dialog-modal") : f.push("dialog-modal"), a.size && (a.size === "sm" && f.push("dialog-sm"), a.size === "lg" && f.push("dialog-lg")), a.customClass && (Array.isArray(a.customClass) ? f.push(...a.customClass) : f.push(a.customClass)), f;
+    });
+    function c() {
+      o.value && (a.showAsModal ? o.value.showModal() : o.value.show());
+    }
+    function r() {
+      var f;
+      (f = o == null ? void 0 : o.value) == null || f.close(), i("onCloseDialog");
+    }
+    return t({
+      showDialog: c,
+      closeDialog: r
+    }), (f, p) => (s(), n("dialog", {
+      ref_key: "dialogRef",
+      ref: o,
+      class: m(["dialog", u.value]),
+      role: "dialog",
+      "aria-modal": "true"
+    }, [
+      P((s(), n("div", Ta, [
+        d("div", Aa, [
+          x(f.$slots, "header")
+        ]),
+        d("div", {
+          class: m(["dialog-body", a.bodyDialogClass])
+        }, [
+          x(f.$slots, "body")
+        ], 2),
+        d("div", Oa, [
+          x(f.$slots, "footer")
+        ])
+      ])), [
+        [I(Fe), r]
+      ])
+    ], 2));
+  }
+}), Da = ["width", "height", "aria-hidden", "role", "aria-label"], Ga = ["width", "height", "aria-hidden", "role", "aria-label"], Ha = ["width", "height", "aria-hidden", "role", "aria-label"], Ia = ["width", "height", "aria-hidden", "role", "aria-label"], Pa = ["width", "height", "aria-hidden", "role", "aria-label"], Na = ["width", "height", "aria-hidden", "role", "aria-label"], Za = ["width", "height", "aria-hidden", "role", "aria-label"], ja = ["width", "height", "aria-hidden", "role", "aria-label"], Ra = ["width", "height", "aria-hidden", "role", "aria-label"], qa = ["width", "height", "aria-hidden", "role", "aria-label"], Wa = ["width", "height", "aria-hidden", "role", "aria-label"], Ka = ["width", "height", "aria-hidden", "role", "aria-label"], Qa = /* @__PURE__ */ y({
+  __name: "App",
+  props: {
+    icon: { default: "youtube" },
+    brand: { default: null },
+    size: { default: "md" },
+    color: { default: null },
+    decorative: { type: Boolean, default: !0 },
+    ariaLabel: { default: null }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: 20,
+      sm: 24,
+      md: 32,
+      lg: 40,
+      xl: 48
+    }, a = {
+      youtube: { class: "filter-invert", defaultColor: "#FF0000", supportsColorOverride: !0 },
+      github: { class: "filter-invert", defaultColor: "#181717", supportsColorOverride: !0 },
+      codepen: { class: "filter-invert", defaultColor: "#000000", supportsColorOverride: !0 },
+      twitter: { class: "filter-invert", defaultColor: "#000000", supportsColorOverride: !0 },
+      instagram: { class: "filter-invert", defaultColor: "#FF0069", supportsColorOverride: !0 },
+      discord: { class: "filter-invert", defaultColor: "#5865F2", supportsColorOverride: !0 },
+      coffee: { class: "filter-invert", defaultColor: "#FFDD00", supportsColorOverride: !0 },
+      "buy-coffee": { class: "filter-invert", supportsColorOverride: !1 },
+      stripe: { defaultColor: "#6772E5", supportsColorOverride: !0 },
+      apple: { class: "filter-invert", defaultColor: "#000000", supportsColorOverride: !0 },
+      google: { supportsColorOverride: !1 }
+    }, i = v(() => t.brand ?? t.icon ?? "youtube"), o = v(() => t.decorative ? "true" : void 0), u = v(() => t.decorative ? void 0 : "img"), c = v(() => {
+      if (!t.decorative)
+        return t.ariaLabel ?? i.value;
+    }), r = v(() => typeof t.size == "number" ? t.size : t.size ? l[t.size] ?? l.md : l.md), f = v(() => {
+      const p = a[i.value], h = p != null && p.supportsColorOverride ? t.color ?? (p == null ? void 0 : p.defaultColor) ?? "currentColor" : void 0;
+      return {
+        class: (p == null ? void 0 : p.class) ?? null,
+        fill: h
+      };
+    });
+    return (p, h) => (s(), n("div", null, [
+      i.value === "youtube" ? (s(), n("svg", {
+        key: 0,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[0] || (h[0] = [
+        d("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)) : i.value === "github" ? (s(), n("svg", {
+        key: 1,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[1] || (h[1] = [
+        d("path", {
+          "fill-rule": "evenodd",
+          "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, Ga)) : i.value === "codepen" ? (s(), n("svg", {
+        key: 2,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[2] || (h[2] = [
+        d("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, Ha)) : i.value === "twitter" ? (s(), n("svg", {
+        key: 3,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[3] || (h[3] = [
+        d("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),
+        d("path", { d: "M16.6232 19.1225L5.65436 4.78217H7.45745L18.3034 19.1225H16.6232Z" }, null, -1)
+      ])], 14, Ia)) : i.value === "instagram" ? (s(), n("svg", {
+        key: 4,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[4] || (h[4] = [
+        d("path", { d: "M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z" }, null, -1),
+        d("circle", {
+          cx: "16.806",
+          cy: "7.207",
+          r: "1.078"
+        }, null, -1),
+        d("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, Pa)) : i.value === "discord" ? (s(), n("svg", {
+        key: 5,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[5] || (h[5] = [
+        d("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)) : i.value === "coffee" ? (s(), n("svg", {
+        key: 6,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[6] || (h[6] = [
+        d("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, Za)) : i.value === "buy-coffee" ? (s(), n("svg", {
+        key: 7,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        viewBox: "0 0 884 1279",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[7] || (h[7] = [
+        F('<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)) : i.value === "stripe" ? (s(), n("svg", {
+        key: 8,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[8] || (h[8] = [
+        d("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, Ra)) : i.value === "apple" ? (s(), n("svg", {
+        key: 9,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[9] || (h[9] = [
+        d("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, qa)) : i.value === "google" ? (s(), n("svg", {
+        key: 10,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        viewBox: "0 0 256 262",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[10] || (h[10] = [
+        d("path", {
+          d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027",
+          fill: "#4285F4"
+        }, null, -1),
+        d("path", {
+          d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1",
+          fill: "#34A853"
+        }, null, -1),
+        d("path", {
+          d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782",
+          fill: "#FBBC05"
+        }, null, -1),
+        d("path", {
+          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, Wa)) : (s(), n("svg", {
+        key: 11,
+        width: r.value,
+        height: r.value,
+        "aria-hidden": o.value,
+        role: u.value,
+        "aria-label": c.value,
+        focusable: "false",
+        class: m(f.value.class),
+        style: T(f.value.fill ? { fill: f.value.fill } : void 0),
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...h[11] || (h[11] = [
+        d("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, Ka))
+    ]));
+  }
+}), Ja = ["width", "height", "role", "aria-hidden", "aria-label"], Xa = ["width", "height", "role", "aria-hidden", "aria-label"], Ya = ["width", "height", "role", "aria-hidden", "aria-label"], el = ["width", "height", "role", "aria-hidden", "aria-label"], tl = ["width", "height", "role", "aria-hidden", "aria-label"], al = ["width", "height", "role", "aria-hidden", "aria-label"], ll = ["width", "height", "role", "aria-hidden", "aria-label"], il = ["width", "height", "role", "aria-hidden", "aria-label"], sl = ["width", "height", "role", "aria-hidden", "aria-label"], ol = ["width", "height", "role", "aria-hidden", "aria-label"], nl = ["width", "height", "role", "aria-hidden", "aria-label"], rl = ["width", "height", "role", "aria-hidden", "aria-label"], dl = ["width", "height", "role", "aria-hidden", "aria-label"], ul = ["width", "height", "role", "aria-hidden", "aria-label"], cl = ["width", "height", "role", "aria-hidden", "aria-label"], fl = ["width", "height", "role", "aria-hidden", "aria-label"], vl = ["width", "height", "role", "aria-hidden", "aria-label"], hl = ["width", "height", "role", "aria-hidden", "aria-label"], pl = ["width", "height", "role", "aria-hidden", "aria-label"], ml = ["width", "height", "role", "aria-hidden", "aria-label"], bl = ["width", "height", "role", "aria-hidden", "aria-label"], Cl = ["width", "height", "role", "aria-hidden", "aria-label"], gl = ["width", "height", "role", "aria-hidden", "aria-label"], yl = ["width", "height", "role", "aria-hidden", "aria-label"], wl = /* @__PURE__ */ y({
+  __name: "Shapes",
+  props: {
+    shape: { default: "lighting-1" },
+    title: { default: null },
+    size: { default: "md" },
+    color: {},
+    decorative: { type: Boolean, default: !0 },
+    ariaLabel: { default: null }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: 24,
+      sm: 32,
+      md: 45,
+      lg: 64,
+      xl: 80
+    }, a = v(() => typeof t.size == "number" ? t.size : t.size ? l[t.size] ?? l.md : l.md), i = v(() => t.decorative ? !0 : void 0), o = v(() => t.decorative ? void 0 : "img"), u = v(() => {
+      if (!t.decorative)
+        return t.ariaLabel ?? t.title ?? void 0;
+    });
+    return (c, r) => (s(), n("div", null, [
+      e.shape === "lighting-1" ? (s(), n("svg", {
+        key: 0,
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 200 200",
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        class: "coolshapes misc-4"
+      }, [...r[0] || (r[0] = [
+        F('<g clip-path="url(#cs_clip_1_misc-4)"><mask id="cs_mask_1_misc-4" style="mask-type:alpha;" width="137" height="200" x="31" y="0" maskUnits="userSpaceOnUse"><path fill="#fff" d="M82 124H44.017c-9.288 0-15.054-10.119-10.334-18.135l58.26-98.942C99.186-5.377 118-.23 118 14.053V76h37.982c9.288 0 15.054 10.12 10.334 18.135l-58.26 98.942C100.813 205.377 82 200.23 82 185.948V124z"></path></mask><g mask="url(#cs_mask_1_misc-4)"><path fill="#fff" d="M200 0H0v200h200V0z"></path><path fill="url(#paint0_linear_748_5038)" d="M200 0H0v200h200V0z"></path><g filter="url(#filter0_f_748_5038)"><path fill="#18A0FB" d="M216 79H96v135h120V79z"></path></g></g></g><defs><filter id="filter0_f_748_5038" width="245" height="260" x="33.5" y="16.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_748_5038" stdDeviation="31.25"></feGaussianBlur></filter><linearGradient id="paint0_linear_748_5038" x1="38" x2="119" y1="14.5" y2="181.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE500"></stop><stop offset="1" stop-color="#07FFE1"></stop></linearGradient><clipPath id="cs_clip_1_misc-4"><path fill="#fff" d="M0 0H200V200H0z"></path></clipPath></defs><g style="mix-blend-mode:overlay;" mask="url(#cs_mask_1_misc-4)"><path fill="gray" stroke="transparent" d="M200 0H0v200h200V0z" filter="url(#cs_noise_1_misc-4)"></path></g><defs><filter id="cs_noise_1_misc-4" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox"><feTurbulence baseFrequency="0.6" numOctaves="5" result="out1" seed="4"></feTurbulence><feComposite in="out1" in2="SourceGraphic" operator="in" result="out2"></feComposite><feBlend in="SourceGraphic" in2="out2" mode="overlay" result="out3"></feBlend></filter></defs>', 4)
+      ])], 8, Ja)) : e.shape === "shape-1" ? (s(), n("svg", {
+        key: 1,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[1] || (r[1] = [
+        F('<g clip-path="url(#clip0_238_1184)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00242398 200C0.000809232 199.834 0 199.667 0 199.5C0 174.111 18.7366 153.097 43.1371 149.533C18.7701 146.188 0 125.286 0 100C0 72.3858 22.3858 50 50 50H50.5C22.7765 50 0.270718 27.6601 0.00242398 0H199.998C199.729 27.6601 177.224 50 149.5 50H150C177.614 50 200 72.3858 200 100C200 125.286 181.23 146.188 156.863 149.533C181.263 153.097 200 174.111 200 199.5C200 199.667 199.999 199.834 199.998 200H0.00242398Z" fill="url(#paint0_linear_238_1184)"></path></g><defs><linearGradient id="paint0_linear_238_1184" x1="177" y1="-9.23648e-06" x2="39.5" y2="152.5" gradientUnits="userSpaceOnUse"><stop stop-color="#B0B9FF"></stop><stop offset="1" stop-color="#E7E9FF"></stop></linearGradient><clipPath id="clip0_238_1184"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 2)
+      ])], 8, Xa)) : e.shape === "shape-2" ? (s(), n("svg", {
+        key: 2,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[2] || (r[2] = [
+        F('<g clip-path="url(#clip0_234_854)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 0H0V150C0 177.614 22.3858 200 50 200H94V50C94 22.3858 71.6142 0 44 0ZM156 0C128.386 0 106 22.3858 106 50V200H150C177.614 200 200 177.614 200 150V0H156Z" fill="url(#paint0_linear_234_854)"></path></g><defs><linearGradient id="paint0_linear_234_854" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#DF99F7"></stop><stop offset="1" stop-color="#FFDBB0"></stop></linearGradient><clipPath id="clip0_234_854"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 2)
+      ])], 8, Ya)) : e.shape === "shape-3" ? (s(), n("svg", {
+        key: 3,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[3] || (r[3] = [
+        F('<g clip-path="url(#clip0_231_648)"><path fill-rule="evenodd" clip-rule="evenodd" d="M100 33.6449C92.7738 33.6449 86.9159 39.5028 86.9159 46.729H53.271C53.271 20.9213 74.1923 0 100 0C125.808 0 146.729 20.9213 146.729 46.729C146.729 72.5367 125.808 93.4579 100 93.4579V59.8131C107.226 59.8131 113.084 53.9551 113.084 46.729C113.084 39.5028 107.226 33.6449 100 33.6449ZM166.355 100C166.355 92.7738 160.497 86.9159 153.271 86.9159L153.271 53.271C179.079 53.271 200 74.1923 200 100C200 125.808 179.079 146.729 153.271 146.729C127.463 146.729 106.542 125.808 106.542 100H140.187C140.187 107.226 146.045 113.084 153.271 113.084C160.497 113.084 166.355 107.226 166.355 100ZM46.729 113.084C39.5028 113.084 33.6449 107.226 33.6449 100C33.6449 92.7738 39.5028 86.9159 46.729 86.9159C53.9551 86.9159 59.8131 92.7738 59.8131 100H93.4579C93.4579 74.1923 72.5367 53.271 46.729 53.271C20.9213 53.271 0 74.1923 0 100C0 125.808 20.9213 146.729 46.729 146.729V113.084ZM100 166.355C107.226 166.355 113.084 160.497 113.084 153.271H146.729C146.729 179.079 125.808 200 100 200C74.1923 200 53.271 179.079 53.271 153.271C53.271 127.463 74.1923 106.542 100 106.542L100 140.187C92.7738 140.187 86.9159 146.045 86.9159 153.271C86.9159 160.497 92.7738 166.355 100 166.355Z" fill="url(#paint0_linear_231_648)"></path></g><defs><linearGradient id="paint0_linear_231_648" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#B8DBFC"></stop><stop offset="1" stop-color="#F8FBFE"></stop></linearGradient><clipPath id="clip0_231_648"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 2)
+      ])], 8, el)) : e.shape === "shape-4" ? (s(), n("svg", {
+        key: 4,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[4] || (r[4] = [
+        F('<g clip-path="url(#clip0_104_61)"><path d="M100 200C93.4028 200 87.3264 198.351 81.7708 195.052C76.3889 191.927 72.0486 187.674 68.75 182.292C65.625 176.736 64.0625 170.66 64.0625 164.062C64.0625 155.729 65.9722 148.785 69.7917 143.229C73.6111 137.674 79.5139 131.163 87.5 123.698C93.4028 118.316 96.3542 113.194 96.3542 108.333V103.646H91.6667C86.2847 103.646 78.9062 109.028 69.5312 119.792C60.3299 130.556 49.1319 135.937 35.9375 135.937C29.3403 135.937 23.2639 134.375 17.7083 131.25C12.3264 127.951 7.98611 123.611 4.6875 118.229C1.5625 112.674 0 106.597 0 100C0 93.4028 1.5625 87.4132 4.6875 82.0312C7.98611 76.4757 12.3264 72.1354 17.7083 69.0104C23.2639 65.7118 29.3403 64.0625 35.9375 64.0625C48.9583 64.0625 60.0694 69.3576 69.2708 79.9479C78.4722 90.5382 85.9375 95.8333 91.6667 95.8333H96.3542V91.6667C96.3542 86.8055 93.4028 81.684 87.5 76.3021L81.5104 70.8333C77.1701 66.8403 73.1771 62.066 69.5312 56.5104C65.8854 50.7812 64.0625 43.9236 64.0625 35.9375C64.0625 29.3403 65.625 23.3507 68.75 17.9688C72.0486 12.4132 76.3889 8.07292 81.7708 4.94791C87.3264 1.6493 93.4028 0 100 0C106.597 0 112.587 1.6493 117.969 4.94791C123.524 8.24652 127.865 12.5868 130.99 17.9688C134.288 23.3507 135.937 29.3403 135.937 35.9375C135.937 48.9583 130.642 60.0694 120.052 69.2708C109.462 78.4722 104.167 85.9375 104.167 91.6667V95.8333H108.333C114.236 95.8333 121.701 90.5382 130.729 79.9479C139.583 69.3576 150.694 64.0625 164.063 64.0625C170.66 64.0625 176.649 65.7118 182.031 69.0104C187.587 72.1354 191.927 76.3889 195.052 81.7708C198.351 87.1528 200 93.2292 200 100C200 106.597 198.351 112.674 195.052 118.229C191.927 123.611 187.587 127.951 182.031 131.25C176.649 134.375 170.66 135.937 164.063 135.937C155.903 135.937 148.872 133.941 142.969 129.948C137.24 125.955 130.816 120.139 123.698 112.5C118.316 106.597 113.194 103.646 108.333 103.646H104.167V108.333C104.167 114.757 109.462 122.222 120.052 130.729C130.642 139.236 135.937 150.347 135.937 164.062C135.937 170.66 134.288 176.736 130.99 182.292C127.865 187.674 123.611 191.927 118.229 195.052C112.847 198.351 106.771 200 100 200Z" fill="url(#paint0_linear_104_61)"></path></g> <defs><linearGradient id="paint0_linear_104_61" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#DF99F7"></stop> <stop offset="1" stop-color="#FFDBB0"></stop></linearGradient> <clipPath id="clip0_104_61"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, tl)) : e.shape === "circle-1" ? (s(), n("svg", {
+        key: 5,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[5] || (r[5] = [
+        d("path", {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M32 100.641C32 68.391 54.1651 41.3515 84 34.1102V1.28125C36.3772 8.98855 0 50.5392 0 100.641C0 150.742 36.3772 192.293 84 200V167.171C54.1651 159.93 32 132.89 32 100.641ZM200 100.641C200 150.742 163.623 192.293 116 200V167.171C145.835 159.93 168 132.89 168 100.641C168 68.391 145.835 41.3515 116 34.1102V1.28125C163.623 8.98855 200 50.5392 200 100.641Z",
+          fill: "url(#paint0_linear_231_555)"
+        }, null, -1),
+        A(),
+        d("defs", null, [
+          d("linearGradient", {
+            id: "paint0_linear_231_555",
+            x1: "157.5",
+            y1: "33.0763",
+            x2: "44.7421",
+            y2: "148.561",
+            gradientUnits: "userSpaceOnUse"
+          }, [
+            d("stop", {
+              offset: "0.0509862",
+              "stop-color": "#FFB6E1"
+            }),
+            A(),
+            d("stop", {
+              offset: "1",
+              "stop-color": "#FBE3EA"
+            })
+          ])
+        ], -1)
+      ])], 8, al)) : e.shape === "circle-2" ? (s(), n("svg", {
+        key: 6,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[6] || (r[6] = [
+        F('<g clip-path="url(#clip0_227_43)"><path fill-rule="evenodd" clip-rule="evenodd" d="M188 100C188 148.601 148.601 188 100 188C51.3989 188 12 148.601 12 100C12 51.3989 51.3989 12 100 12C148.601 12 188 51.3989 188 100ZM200 100C200 155.228 155.228 200 100 200C44.7715 200 0 155.228 0 100C0 44.7715 44.7715 0 100 0C155.228 0 200 44.7715 200 100ZM100 111C106.075 111 111 106.075 111 100C111 93.9249 106.075 89 100 89C93.9249 89 89 93.9249 89 100C89 106.075 93.9249 111 100 111Z" fill="url(#paint0_linear_227_43)"></path></g> <defs><linearGradient id="paint0_linear_227_43" x1="157.5" y1="32" x2="44" y2="147.5" gradientUnits="userSpaceOnUse"><stop offset="0.0509862" stop-color="#FFB6E1"></stop> <stop offset="1" stop-color="#FBE3EA"></stop></linearGradient> <clipPath id="clip0_227_43"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, ll)) : e.shape === "circle-3" ? (s(), n("svg", {
+        key: 7,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[7] || (r[7] = [
+        d("path", {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M199.06 140.014C199.605 145.51 195.075 150 189.552 150H153.302C147.779 150 143.42 145.463 142.173 140.083C137.681 120.698 120.304 106.25 99.5522 106.25C78.8007 106.25 61.4237 120.698 56.931 140.083C55.6841 145.463 51.325 150 45.8022 150H9.55217C4.02932 150 -0.500355 145.51 0.0445342 140.014C5.0553 89.4741 47.6939 50 99.5522 50C151.41 50 194.049 89.4741 199.06 140.014Z",
+          fill: "url(#paint0_linear_104_151)"
+        }, null, -1),
+        A(),
+        d("defs", null, [
+          d("linearGradient", {
+            id: "paint0_linear_104_151",
+            x1: "156.795",
+            y1: "66",
+            x2: "111.742",
+            y2: "157.282",
+            gradientUnits: "userSpaceOnUse"
+          }, [
+            d("stop", {
+              offset: "0.0509862",
+              "stop-color": "#FFB6E1"
+            }),
+            A(),
+            d("stop", {
+              offset: "1",
+              "stop-color": "#FBE3EA"
+            })
+          ])
+        ], -1)
+      ])], 8, il)) : e.shape === "circle-4" ? (s(), n("svg", {
+        key: 8,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[8] || (r[8] = [
+        F('<g clip-path="url(#clip0_104_157)"><path fill-rule="evenodd" clip-rule="evenodd" d="M100 200C155.228 200 200 155.228 200 100C200 44.7715 155.228 0 100 0C44.7715 0 0 44.7715 0 100C0 155.228 44.7715 200 100 200ZM100 143.75C124.162 143.75 143.75 124.162 143.75 100C143.75 75.8375 124.162 56.25 100 56.25C75.8375 56.25 56.25 75.8375 56.25 100C56.25 124.162 75.8375 143.75 100 143.75Z" fill="url(#paint0_linear_104_157)"></path></g> <defs><linearGradient id="paint0_linear_104_157" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#DF99F7"></stop> <stop offset="1" stop-color="#FFDBB0"></stop></linearGradient> <clipPath id="clip0_104_157"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, sl)) : e.shape === "blob-1" ? (s(), n("svg", {
+        key: 9,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[9] || (r[9] = [
+        F('<g clip-path="url(#clip0_221_10)"><path d="M0 0H100C155.228 0 200 44.7715 200 100V200H100C44.7715 200 0 155.228 0 100V0Z" fill="url(#paint0_linear_221_10)"></path></g> <defs><linearGradient id="paint0_linear_221_10" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#A7B5FF"></stop> <stop offset="1" stop-color="#F3ACFF"></stop></linearGradient> <clipPath id="clip0_221_10"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, ol)) : e.shape === "blob-2" ? (s(), n("svg", {
+        key: 10,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[10] || (r[10] = [
+        F('<g clip-path="url(#clip0_103_21)"><path d="M71.5579 16.3347C84.3365 -5.4449 115.825 -5.44489 128.603 16.3347L129.067 17.1257C134.963 27.1733 145.709 33.378 157.358 33.4596L158.276 33.466C183.527 33.6428 199.271 60.9123 186.798 82.8687L186.345 83.6661C180.591 93.7953 180.591 106.205 186.345 116.334L186.798 117.131C199.271 139.088 183.527 166.357 158.276 166.534L157.358 166.54C145.709 166.622 134.963 172.827 129.067 182.874L128.603 183.665C115.825 205.445 84.3365 205.445 71.5579 183.665L71.0938 182.874C65.1986 172.827 54.4517 166.622 42.8027 166.54L41.8856 166.534C16.6346 166.357 0.890585 139.088 13.3629 117.131L13.8159 116.334C19.5698 106.205 19.5698 93.7953 13.8159 83.6661L13.3629 82.8687C0.890585 60.9123 16.6346 33.6428 41.8856 33.466L42.8027 33.4596C54.4518 33.378 65.1986 27.1733 71.0938 17.1257L71.5579 16.3347Z" fill="url(#paint0_linear_103_21)"></path></g> <defs><linearGradient id="paint0_linear_103_21" x1="100.081" y1="0" x2="100.081" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#B8DBFC"></stop> <stop offset="1" stop-color="#F8FBFE"></stop></linearGradient> <clipPath id="clip0_103_21"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, nl)) : e.shape === "blob-3" ? (s(), n("svg", {
+        key: 11,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[11] || (r[11] = [
+        F('<g clip-path="url(#clip0_103_15)"><path d="M93.6797 5.15479C97.359 2.15401 102.641 2.15401 106.32 5.15479L114.253 11.625C116.75 13.6608 120.074 14.3696 123.183 13.5291L133.039 10.8652C137.616 9.62811 142.432 11.775 144.572 16.0058L149.229 25.2154C150.679 28.0814 153.416 30.0768 156.588 30.5793L166.717 32.184C171.384 32.9234 174.897 36.829 175.139 41.5483L175.672 51.9384C175.836 55.133 177.519 58.0565 180.199 59.8033L188.865 65.452C192.811 68.0247 194.427 73.0033 192.743 77.4035L189.015 87.1465C187.874 90.1271 188.225 93.4731 189.958 96.1526L195.618 104.899C198.175 108.852 197.629 114.053 194.306 117.389L186.976 124.748C184.722 127.011 183.684 130.214 184.184 133.369L185.815 143.668C186.552 148.327 183.933 152.868 179.531 154.564L169.921 158.264C166.93 159.416 164.672 161.931 163.849 165.029L161.188 175.047C159.973 179.623 155.716 182.719 150.989 182.466L140.78 181.92C137.567 181.748 134.468 183.132 132.452 185.639L126.014 193.647C123.04 197.346 117.876 198.445 113.653 196.277L104.567 191.612C101.7 190.141 98.2999 190.141 95.4331 191.612L86.3465 196.277C82.1243 198.445 76.9601 197.346 73.9862 193.647L67.548 185.639C65.5321 183.132 62.433 181.748 59.2203 181.92L49.0111 182.466C44.284 182.719 40.0271 179.623 38.8119 175.047L36.1507 165.029C35.3279 161.931 33.0702 159.416 30.0792 158.264L20.4691 154.564C16.0666 152.868 13.4477 148.327 14.1855 143.668L15.8162 133.369C16.3157 130.214 15.2781 127.011 13.024 124.748L5.69367 117.389C2.37113 114.053 1.82509 108.852 4.38248 104.899L10.0415 96.1526C11.7752 93.4731 12.1257 90.1271 10.9851 87.1465L7.25661 77.4035C5.57276 73.0033 7.18856 68.0247 11.1354 65.452L19.8014 59.8033C22.4812 58.0565 24.1636 55.133 24.3275 51.9384L24.8607 41.5483C25.1029 36.829 28.6155 32.9234 33.2828 32.184L43.4118 30.5793C46.5838 30.0768 49.3214 28.0814 50.7708 25.2154L55.4283 16.0058C57.5679 11.775 62.3844 9.6281 66.9613 10.8652L76.8169 13.5291C79.9264 14.3696 83.2504 13.6608 85.7465 11.625L93.6797 5.15479Z" fill="url(#paint0_linear_103_15)"></path></g> <defs><linearGradient id="paint0_linear_103_15" x1="177" y1="-9.23648e-06" x2="39.5" y2="152.5" gradientUnits="userSpaceOnUse"><stop stop-color="#B0B9FF"></stop> <stop offset="1" stop-color="#E7E9FF"></stop></linearGradient> <clipPath id="clip0_103_15"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, rl)) : e.shape === "blob-4" ? (s(), n("svg", {
+        key: 12,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[12] || (r[12] = [
+        d("path", {
+          d: "M0 47.4235C0 38.0237 6.53608 29.9057 15.7703 28.1488C36.4827 24.2081 73.3424 18 100 18C126.658 18 163.517 24.2081 184.23 28.1488C193.464 29.9057 200 38.0237 200 47.4235V150.374C200 159.424 193.931 167.333 185.12 169.396C164.683 174.181 127.351 181.934 100 181.934C72.6487 181.934 35.3172 174.181 14.8798 169.396C6.06883 167.333 0 159.424 0 150.374V47.4235Z",
+          fill: "url(#paint0_linear_105_435)"
+        }, null, -1),
+        A(),
+        d("defs", null, [
+          d("linearGradient", {
+            id: "paint0_linear_105_435",
+            x1: "100",
+            y1: "18",
+            x2: "100",
+            y2: "181.934",
+            gradientUnits: "userSpaceOnUse"
+          }, [
+            d("stop", { "stop-color": "#A7B5FF" }),
+            A(),
+            d("stop", {
+              offset: "1",
+              "stop-color": "#F3ACFF"
+            })
+          ])
+        ], -1)
+      ])], 8, dl)) : e.shape === "blob-5" ? (s(), n("svg", {
+        key: 13,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[13] || (r[13] = [
+        F('<g clip-path="url(#clip0_116_2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.2893 29.2893C19.2658 39.3128 15.6458 53.315 18.4294 66.2123C7.34132 73.3638 0 85.8246 0 100C-1.74156e-06 114.175 7.34132 126.636 18.4294 133.788C15.6458 146.685 19.2658 160.687 29.2893 170.711C39.3129 180.734 53.315 184.354 66.2123 181.571C73.3639 192.659 85.8246 200 100 200C114.175 200 126.636 192.659 133.788 181.571C146.685 184.354 160.687 180.734 170.711 170.711C180.734 160.687 184.354 146.685 181.571 133.788C192.659 126.636 200 114.175 200 100C200 85.8246 192.659 73.3638 181.571 66.2123C184.354 53.315 180.734 39.3129 170.711 29.2893C160.687 19.2658 146.685 15.6458 133.788 18.4294C126.636 7.34133 114.175 0 100 0C85.8246 0 73.3638 7.34131 66.2123 18.4293C53.315 15.6458 39.3129 19.2658 29.2893 29.2893Z" fill="url(#paint0_linear_116_2)"></path></g> <defs><linearGradient id="paint0_linear_116_2" x1="177" y1="-9.23648e-06" x2="39.5" y2="152.5" gradientUnits="userSpaceOnUse"><stop stop-color="#B0B9FF"></stop> <stop offset="1" stop-color="#E7E9FF"></stop></linearGradient> <clipPath id="clip0_116_2"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, ul)) : e.shape === "blob-6" ? (s(), n("svg", {
+        key: 14,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[14] || (r[14] = [
+        F('<g clip-path="url(#clip0_119_275)"><path d="M127.14 200C99.9942 200 99.9943 167.423 72.8487 167.423C41.6048 167.423 0 158.386 0 127.133C0 99.9885 32.5678 99.9885 32.5678 72.8445C32.5678 41.6139 41.6048 0 72.8602 0C100.006 0 100.006 32.5774 127.151 32.5774C158.384 32.5774 200 41.6139 200 72.8675C200 100.012 167.421 100.012 167.421 127.156C167.409 158.444 158.384 200 127.14 200Z" fill="url(#paint0_linear_119_275)"></path></g> <defs><linearGradient id="paint0_linear_119_275" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#DF99F7"></stop> <stop offset="1" stop-color="#FFDBB0"></stop></linearGradient> <clipPath id="clip0_119_275"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, cl)) : e.shape === "blob-7" ? (s(), n("svg", {
+        key: 15,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[15] || (r[15] = [
+        F('<g clip-path="url(#clip0_119_282)"><path d="M123.344 200C100 200 100 143.969 76.6558 143.969C49.7872 143.969 0 150.205 0 123.338C0 99.9951 56.0242 99.995 56.0242 76.652C56.0242 49.7946 49.7872 0 76.6558 0C100 0 100 56.0313 123.344 56.0313C150.213 56.0313 200 49.7946 200 76.652C200 99.995 143.966 99.9951 143.966 123.338C143.966 150.205 150.213 200 123.344 200Z" fill="url(#paint0_linear_119_282)"></path></g> <defs><linearGradient id="paint0_linear_119_282" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#B8DBFC"></stop> <stop offset="1" stop-color="#F8FBFE"></stop></linearGradient> <clipPath id="clip0_119_282"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, fl)) : e.shape === "star-1" ? (s(), n("svg", {
+        key: 16,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[16] || (r[16] = [
+        F('<g clip-path="url(#clip0_104_40)"><path d="M100.254 200C97.0998 200 94.4337 197.716 93.6699 194.656C91.2352 184.903 86.5744 174.531 79.6875 163.542C71.5278 150.347 59.8958 138.108 44.7917 126.823C31.6549 116.894 18.5181 110.123 5.38138 106.511C2.27005 105.656 0 102.897 0 99.6702V99.6702C0 96.5066 2.18273 93.7795 5.22473 92.9109C18.1045 89.2335 30.5122 83.2631 42.4479 75C56.1632 65.4514 67.6215 53.993 76.8229 40.625C84.9629 28.7165 90.5507 16.9388 93.5863 5.29207C94.3815 2.24095 97.0676 0 100.221 0V0C103.409 0 106.114 2.29058 106.89 5.3833C108.642 12.3654 111.38 19.512 115.104 26.8229C119.792 35.8507 125.781 44.5312 133.073 52.8646C140.538 61.0243 148.872 68.4028 158.073 75C170.097 83.5231 182.32 89.5111 194.744 92.964C197.792 93.8109 200 96.5244 200 99.6874V99.6874C200 102.898 197.725 105.634 194.629 106.483C186.754 108.642 178.648 112.124 170.313 116.927C160.243 122.83 150.868 129.861 142.187 138.021C133.507 146.007 126.389 154.427 120.833 163.281C113.933 174.293 109.267 184.745 106.837 194.639C106.083 197.708 103.413 200 100.254 200V200Z" fill="url(#paint0_linear_104_40)"></path></g> <defs><linearGradient id="paint0_linear_104_40" x1="27.5" y1="19" x2="149" y2="174.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD9A0"></stop> <stop offset="1" stop-color="#FFF5F1"></stop></linearGradient> <clipPath id="clip0_104_40"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, vl)) : e.shape === "star-2" ? (s(), n("svg", {
+        key: 17,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[17] || (r[17] = [
+        F('<g clip-path="url(#clip0_104_215)"><path fill-rule="evenodd" clip-rule="evenodd" d="M100 100C100 100 112.5 66.5265 112.5 42.8571C112.5 19.1878 106.904 0 100 0C93.0964 0 87.5 19.1878 87.5 42.8571C87.5 66.5265 100 100 100 100ZM100 100C100 100 114.831 132.508 131.567 149.245C148.304 165.982 165.829 175.592 170.711 170.711C175.592 165.829 165.982 148.304 149.245 131.567C132.508 114.831 100 100 100 100ZM100 100C100 100 133.474 87.5 157.143 87.5C180.812 87.5 200 93.0964 200 100C200 106.904 180.812 112.5 157.143 112.5C133.474 112.5 100 100 100 100ZM100 100C100 100 67.4918 114.831 50.755 131.567C34.0183 148.304 24.4077 165.829 29.2893 170.711C34.1709 175.592 51.696 165.982 68.4327 149.245C85.1695 132.508 100 100 100 100ZM100 100L100 100C100.028 100.074 112.5 133.5 112.5 157.143C112.5 180.812 106.904 200 100 200C93.0964 200 87.5 180.812 87.5 157.143C87.5 133.474 100 100 100 100ZM100 100C100 100 66.5265 87.5 42.8571 87.5C19.1878 87.5 0 93.0964 0 100C0 106.904 19.1878 112.5 42.8571 112.5C66.5265 112.5 100 100 100 100ZM100 99.9999C100 99.9999 132.508 85.1694 149.245 68.4327C165.982 51.6959 175.592 34.1708 170.711 29.2893C165.829 24.4077 148.304 34.0183 131.567 50.755C114.831 67.4918 100 99.9999 100 99.9999ZM68.4327 50.755C85.1695 67.4918 100 100 100 100C100 100 67.4918 85.1695 50.7551 68.4327C34.0183 51.696 24.4078 34.1709 29.2893 29.2893C34.1709 24.4078 51.696 34.0183 68.4327 50.755Z" fill="url(#paint0_linear_104_215)"></path></g> <defs><linearGradient id="paint0_linear_104_215" x1="157.5" y1="32" x2="44" y2="147.5" gradientUnits="userSpaceOnUse"><stop offset="0.0509862" stop-color="#FFB6E1"></stop> <stop offset="1" stop-color="#FBE3EA"></stop></linearGradient> <clipPath id="clip0_104_215"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, hl)) : e.shape === "star-3" ? (s(), n("svg", {
+        key: 18,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[18] || (r[18] = [
+        F('<g clip-path="url(#clip0_116_153)"><path d="M100 0C103.395 53.7596 146.24 96.6052 200 100C146.24 103.395 103.395 146.24 100 200C96.6052 146.24 53.7596 103.395 0 100C53.7596 96.6052 96.6052 53.7596 100 0Z" fill="url(#paint0_linear_116_153)"></path></g> <defs><linearGradient id="paint0_linear_116_153" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#DF99F7"></stop> <stop offset="1" stop-color="#FFDBB0"></stop></linearGradient> <clipPath id="clip0_116_153"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, pl)) : e.shape === "star-4" ? (s(), n("svg", {
+        key: 19,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[19] || (r[19] = [
+        F('<g clip-path="url(#clip0_103_9)"><path d="M89.9318 6.12863C94.1569 -2.04288 105.843 -2.04288 110.068 6.12863L136.973 58.1644C138.051 60.2496 139.75 61.9486 141.836 63.0268L193.871 89.9318C202.043 94.1569 202.043 105.843 193.871 110.068L141.836 136.973C139.75 138.051 138.051 139.75 136.973 141.836L110.068 193.871C105.843 202.043 94.1569 202.043 89.9318 193.871L63.0268 141.836C61.9486 139.75 60.2496 138.051 58.1644 136.973L6.12863 110.068C-2.04288 105.843 -2.04288 94.1569 6.12863 89.9318L58.1644 63.0268C60.2496 61.9486 61.9486 60.2496 63.0268 58.1644L89.9318 6.12863Z" fill="url(#paint0_linear_103_9)"></path></g> <defs><linearGradient id="paint0_linear_103_9" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#DF99F7"></stop> <stop offset="1" stop-color="#FFDBB0"></stop></linearGradient> <clipPath id="clip0_103_9"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, ml)) : e.shape === "star-5" ? (s(), n("svg", {
+        key: 20,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[20] || (r[20] = [
+        d("path", {
+          d: "M100 0L124.1 58.2576L186.603 50L148.2 100L186.603 150L124.1 141.742L100 200L75.9 141.742L13.3975 150L51.8 100L13.3975 50L75.9 58.2576L100 0Z",
+          fill: "url(#paint0_linear_103_2)"
+        }, null, -1),
+        A(),
+        d("defs", null, [
+          d("linearGradient", {
+            id: "paint0_linear_103_2",
+            x1: "100",
+            y1: "0",
+            x2: "100",
+            y2: "200",
+            gradientUnits: "userSpaceOnUse"
+          }, [
+            d("stop", { "stop-color": "#A7B5FF" }),
+            A(),
+            d("stop", {
+              offset: "1",
+              "stop-color": "#F3ACFF"
+            })
+          ])
+        ], -1)
+      ])], 8, bl)) : e.shape === "star-6" ? (s(), n("svg", {
+        key: 21,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[21] || (r[21] = [
+        F('<g clip-path="url(#clip0_104_26)"><path fill-rule="evenodd" clip-rule="evenodd" d="M107.143 0H92.8571V82.7556L34.3401 24.2385L24.2386 34.3401L82.7556 92.8571H0V107.143H82.7555L24.2386 165.66L34.3401 175.761L92.8571 117.244V200H107.143V117.244L165.66 175.761L175.761 165.66L117.244 107.143H200V92.8571H117.244L175.761 34.34L165.66 24.2385L107.143 82.7555V0Z" fill="url(#paint0_linear_104_26)"></path></g> <defs><linearGradient id="paint0_linear_104_26" x1="20.5" y1="16" x2="100" y2="200" gradientUnits="userSpaceOnUse"><stop stop-color="#ACAAFF"></stop> <stop offset="1" stop-color="#C0E8FF"></stop></linearGradient> <clipPath id="clip0_104_26"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, Cl)) : e.shape === "star-7" ? (s(), n("svg", {
+        key: 22,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[22] || (r[22] = [
+        F('<g clip-path="url(#clip0_118_208)"><path d="M100 200C97.1048 105.262 94.738 102.91 0 100C94.738 97.1048 97.0903 94.738 100 0C102.895 94.738 105.262 97.0903 200 100C105.262 102.91 102.91 105.233 100 200Z" fill="url(#paint0_linear_118_208)"></path></g> <defs><linearGradient id="paint0_linear_118_208" x1="14" y1="26" x2="179" y2="179.5" gradientUnits="userSpaceOnUse"><stop stop-color="#E9B8FF"></stop> <stop offset="1" stop-color="#F9ECFF"></stop></linearGradient> <clipPath id="clip0_118_208"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, gl)) : e.shape === "star-8" ? (s(), n("svg", {
+        key: 23,
+        width: a.value,
+        height: a.value,
+        role: o.value,
+        "aria-hidden": i.value,
+        "aria-label": u.value,
+        viewBox: "0 0 200 200",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...r[23] || (r[23] = [
+        F('<g clip-path="url(#clip0_118_195)"><path d="M100 0L101.459 91.7276L134.202 6.03074L104.2 92.7254L164.279 23.3956L106.435 94.6006L186.603 50L107.893 97.127L198.481 82.6352L108.4 100L198.481 117.365L107.893 102.873L186.603 150L106.435 105.399L164.279 176.604L104.2 107.275L134.202 193.969L101.459 108.272L100 200L98.5414 108.272L65.798 193.969L95.8 107.275L35.7212 176.604L93.5652 105.399L13.3975 150L92.1066 102.873L1.51923 117.365L91.6 100L1.51923 82.6352L92.1066 97.127L13.3975 50L93.5652 94.6006L35.7212 23.3956L95.8 92.7254L65.798 6.03074L98.5414 91.7276L100 0Z" fill="url(#paint0_linear_118_195)"></path></g> <defs><linearGradient id="paint0_linear_118_195" x1="157.5" y1="32" x2="44" y2="147.5" gradientUnits="userSpaceOnUse"><stop offset="0.0509862" stop-color="#FFB6E1"></stop> <stop offset="1" stop-color="#FBE3EA"></stop></linearGradient> <clipPath id="clip0_118_195"><rect width="200" height="200" fill="white"></rect></clipPath></defs>', 3)
+      ])], 8, yl)) : w("", !0)
+    ]));
+  }
+}), xl = ["width", "height", "role", "aria-hidden", "aria-label", "viewBox"], $l = ["d"], kl = ["width", "height", "role", "aria-hidden", "aria-label"], Ll = ["width", "height", "role", "aria-hidden", "aria-label"], Bl = ["width", "height", "role", "aria-hidden", "aria-label"], Ml = ["width", "height", "role", "aria-hidden", "aria-label"], _l = /* @__PURE__ */ y({
+  __name: "Tool",
+  props: {
+    tool: { default: "Stripe" },
+    size: { default: "md" },
+    color: {},
+    decorative: { type: Boolean, default: !0 },
+    ariaLabel: { default: null }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: 20,
+      sm: 24,
+      md: 36,
+      lg: 48,
+      xl: 64
+    }, a = {
+      Stripe: {
+        viewBox: "0 0 24 24",
+        defaultColor: "#6772E5",
+        paths: [{
+          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"
+        }]
+      },
+      "Buy Sell Ads": {
+        viewBox: "0 0 24 24",
+        defaultColor: "#EB4714",
+        paths: [
+          { d: "M3 3v17a1 1 0 0 0 1 1h17v-2H5V3H3z" },
+          { d: "M15.293 14.707a.999.999 0 0 0 1.414 0l5-5-1.414-1.414L16 12.586l-2.293-2.293a.999.999 0 0 0-1.414 0l-5 5 1.414 1.414L13 12.414l2.293 2.293z" }
+        ]
+      },
+      "Firebase Console": {
+        viewBox: "0 0 24 24",
+        defaultColor: "#FFA000",
+        paths: [{
+          d: "M5.239 15.063 7.21 2.381a.453.453 0 0 1 .847-.145l2.12 3.979-4.938 8.848zM19.24 18.14 17.363 6.469a.454.454 0 0 0-.766-.246L4.76 18.14l6.55 3.691c.411.23.912.23 1.323 0l6.607-3.691zM13.917 7.955 12.4 5.052a.452.452 0 0 0-.8 0L4.939 16.989l8.978-9.034z"
+        }]
+      },
+      "Search Console": {
+        viewBox: "0 0 24 24",
+        defaultColor: "#4982DC",
+        paths: [
+          { d: "M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z" },
+          { d: "M11.412 8.586c.379.38.588.882.588 1.414h2a3.977 3.977 0 0 0-1.174-2.828c-1.514-1.512-4.139-1.512-5.652 0l1.412 1.416c.76-.758 2.07-.756 2.826-.002z" }
+        ]
+      },
+      "Hotjar Insights": {
+        viewBox: "0 0 24 24",
+        defaultColor: "#FF3C00",
+        paths: [{
+          d: "M16.5 8c0 1.5-.5 3.5-2.9 4.3.7-1.7.8-3.4.3-5-.7-2.1-3-3.7-4.6-4.6-.4-.3-1.1.1-1 .7 0 1.1-.3 2.7-2 4.4C4.1 10 3 12.3 3 14.5 3 17.4 5 21 9 21c-4-4-1-7.5-1-7.5.8 5.9 5 7.5 7 7.5 1.7 0 5-1.2 5-6.4 0-3.1-1.3-5.5-2.4-6.9-.3-.5-1-.2-1.1.3"
+        }]
+      },
+      "Plausible Analytics": {
+        viewBox: "0 0 24 24",
+        defaultColor: "#6574CD",
+        paths: [
+          { d: "M13 6c2.507.423 4.577 2.493 5 5h4c-.471-4.717-4.283-8.529-9-9v4z" },
+          { d: "M18 13c-.478 2.833-2.982 4.949-5.949 4.949-3.309 0-6-2.691-6-6C6.051 8.982 8.167 6.478 11 6V2c-5.046.504-8.949 4.773-8.949 9.949 0 5.514 4.486 10 10 10 5.176 0 9.445-3.903 9.949-8.949h-4z" }
+        ]
+      },
+      "Google Ads": {
+        viewBox: "0 0 192 192"
+      },
+      "Google Analytics": {
+        viewBox: "0 0 192 192"
+      }
+    }, i = v(() => typeof t.size == "number" ? t.size : t.size ? l[t.size] ?? l.md : l.md), o = v(() => a[t.tool]), u = v(() => t.decorative ? !0 : void 0), c = v(() => t.decorative ? void 0 : "img"), r = v(() => {
+      if (!t.decorative)
+        return t.ariaLabel ?? t.tool;
+    });
+    return (f, p) => o.value && o.value.paths && o.value.paths.length ? (s(), n("svg", {
+      key: 0,
+      width: i.value,
+      height: i.value,
+      role: c.value,
+      "aria-hidden": u.value,
+      "aria-label": r.value,
+      style: T({ fill: o.value.defaultColor }),
+      focusable: "false",
+      viewBox: o.value.viewBox,
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      (s(!0), n(E, null, G(o.value.paths, (h, b) => (s(), n("path", {
+        key: `tool-path-${b}`,
+        d: h.d
+      }, null, 8, $l))), 128))
+    ], 12, xl)) : t.tool === "Firebase Console" ? (s(), n("svg", {
+      key: 1,
+      width: i.value,
+      height: i.value,
+      role: c.value,
+      "aria-hidden": u.value,
+      "aria-label": r.value,
+      viewBox: "0 0 192 192",
+      xmlns: "http://www.w3.org/2000/svg",
+      focusable: "false"
+    }, [...p[0] || (p[0] = [
+      d("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "m124.072 170.836-.005-.002a66.724 66.724 0 0 1-30.396 6.125 67.007 67.007 0 0 1-22.703-4.797l-22.054-66.018 15.28-29.593h56.347s3.533 94.286 3.531 94.285Z",
+        fill: "#FF9100"
+      }, null, -1),
+      d("path", {
+        d: "M94.438 152.218c-19.528-18.059-31.377-44.2-30.374-72.873.033-.929.083-1.862.139-2.791a50.693 50.693 0 0 0-10.906-1.59 50.617 50.617 0 0 0-15.503 1.862 66.7 66.7 0 0 0-8.752 30.832c-1.012 28.964 16.515 54.269 41.926 64.504a50.692 50.692 0 0 0 23.47-19.944Z",
+        fill: "#FFC400"
+      }, null, -1),
+      d("path", {
+        d: "M99.54 8.69C86.749 18.94 76.643 32.451 70.534 48.02a94.509 94.509 0 0 0-6.34 28.534c22.462 5.795 38.691 26.561 37.846 50.706a50.355 50.355 0 0 1-7.616 24.963 94.543 94.543 0 0 0 29.648 18.613c22.218-10.268 37.98-32.365 38.891-58.502.591-16.936-5.915-32.028-15.106-44.768C138.148 54.096 99.54 8.69 99.54 8.69Z",
+        fill: "#DD2C00"
+      }, null, -1)
+    ])], 8, kl)) : t.tool === "Search Console" ? (s(), n("svg", {
+      key: 2,
+      width: i.value,
+      height: i.value,
+      role: c.value,
+      "aria-hidden": u.value,
+      "aria-label": r.value,
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      focusable: "false"
+    }, [...p[1] || (p[1] = [
+      F('<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, Ll)) : t.tool === "Google Ads" ? (s(), n("svg", {
+      key: 3,
+      width: i.value,
+      height: i.value,
+      role: c.value,
+      "aria-hidden": u.value,
+      "aria-label": r.value,
+      viewBox: "0 0 192 192",
+      xmlns: "http://www.w3.org/2000/svg",
+      focusable: "false"
+    }, [...p[2] || (p[2] = [
+      d("g", null, [
+        d("g", null, [
+          d("rect", {
+            x: "8",
+            y: "62.52",
+            transform: "matrix(0.5 -0.866 0.866 0.5 -46.2127 103.666)",
+            fill: "#FBBC04",
+            width: "117.33",
+            height: "58.67"
+          }),
+          d("path", {
+            fill: "#4285F4",
+            d: "M180.07,127.99L121.4,26.38c-8.1-14.03-26.04-18.84-40.07-10.74c-14.03,8.1-18.84,26.04-10.74,40.07l58.67,101.61c8.1,14.03,26.04,18.83,40.07,10.74C183.36,159.96,188.16,142.02,180.07,127.99z"
+          }),
+          d("circle", {
+            fill: "#34A853",
+            cx: "37.34",
+            cy: "142.66",
+            r: "29.33"
+          })
+        ]),
+        d("rect", {
+          fill: "none",
+          width: "192",
+          height: "192"
+        })
+      ], -1)
+    ])], 8, Bl)) : t.tool === "Google Analytics" ? (s(), n("svg", {
+      key: 4,
+      width: i.value,
+      height: i.value,
+      role: c.value,
+      "aria-hidden": u.value,
+      "aria-label": r.value,
+      viewBox: "0 0 192 192",
+      xmlns: "http://www.w3.org/2000/svg",
+      focusable: "false"
+    }, [...p[3] || (p[3] = [
+      d("rect", {
+        x: "0",
+        y: "0",
+        fill: "none",
+        width: "192",
+        height: "192"
+      }, null, -1),
+      d("g", null, [
+        d("g", null, [
+          d("path", {
+            fill: "#F9AB00",
+            d: "M130,29v132c0,14.77,10.19,23,21,23c10,0,21-7,21-23V30c0-13.54-10-22-21-22S130,17.33,130,29z"
+          })
+        ]),
+        d("g", null, [
+          d("path", {
+            fill: "#E37400",
+            d: "M75,96v65c0,14.77,10.19,23,21,23c10,0,21-7,21-23V97c0-13.54-10-22-21-22S75,84.33,75,96z"
+          })
+        ]),
+        d("g", null, [
+          d("circle", {
+            fill: "#E37400",
+            cx: "41",
+            cy: "163",
+            r: "21"
+          })
+        ])
+      ], -1)
+    ])], 8, Ml)) : w("", !0);
+  }
+}), Sl = ["src"], Ul = /* @__PURE__ */ y({
+  __name: "Avatar",
+  props: {
+    src: { default: "" },
+    size: { default: "sm" },
+    initials: { default: null },
+    maskShape: { default: null },
+    maskStretch: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = O(!1), a = v(() => {
+      const c = ["img-avatar"];
+      return t.size && c.push(`avatar-${t.size}`), t.maskShape && (c.push("mask-shape", `shape-${t.maskShape}`), t.maskStretch && c.push("shape-stretch")), c;
+    }), i = v(() => {
+      const c = ["img-avatar", "avatar-placeholder"];
+      return t.size && c.push(`avatar-${t.size}`), t.maskShape && (c.push("mask-shape", `shape-${t.maskShape}`), t.maskStretch && c.push("shape-stretch")), c;
+    }), o = v(() => {
+      const c = ["img-avatar", "initials-avatar"];
+      return t.size && c.push(`avatar-${t.size}`), t.maskShape && (c.push("mask-shape", `shape-${t.maskShape}`), t.maskStretch && c.push("shape-stretch")), c;
+    });
+    function u() {
+      l.value = !0;
+    }
+    return (c, r) => e.initials ? (s(), n("span", {
+      key: 0,
+      class: m(o.value)
+    }, g(e.initials), 3)) : e.src && !l.value ? (s(), n("img", {
+      key: 1,
+      src: e.src,
+      class: m(a.value),
+      alt: "Avatar",
+      onError: u
+    }, null, 42, Sl)) : (s(), n("div", {
+      key: 2,
+      class: m(i.value)
+    }, null, 2));
+  }
+}), zl = ["id", "type", "aria-invalid", "aria-describedby"], Fl = ["for", "textContent"], Vl = ["id"], Tl = /* @__PURE__ */ y({
+  __name: "Check",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    label: {},
+    type: { default: "checkbox" },
+    modelValue: { type: [String, Boolean, null], default: null },
+    errorMessages: { default: () => [] }
+  }, {
+    modelValue: { type: [String, Boolean, null], default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = Z(e, "modelValue"), a = v(() => {
+      var u;
+      return ((u = t.errorMessages) == null ? void 0 : u.length) > 0;
+    }), i = v(() => t.id ?? void 0), o = v(() => a.value && t.id ? `${t.id}-error-0` : void 0);
+    return (u, c) => {
+      var r;
+      return s(), n("div", {
+        class: m(["form-check", a.value ? "form-invalid" : ""])
+      }, [
+        P(d("input", {
+          id: i.value,
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => l.value = f),
+          class: "form-check-input",
+          type: e.type,
+          "aria-invalid": a.value || void 0,
+          "aria-describedby": o.value
+        }, null, 8, zl), [
+          [te, l.value]
+        ]),
+        d("div", null, [
+          d("label", {
+            for: i.value,
+            class: "form-check-label",
+            textContent: g(e.label)
+          }, null, 8, Fl),
+          a.value ? (s(), n("p", {
+            key: 0,
+            id: o.value,
+            class: "invalid-feedback"
+          }, g((r = e.errorMessages) == null ? void 0 : r[0]), 9, Vl)) : w("", !0)
+        ])
+      ], 2);
+    };
+  }
+}), Al = { class: "form-group" }, Ol = ["for", "textContent"], El = ["for", "textContent"], Dl = { class: "form-color-group" }, Gl = ["id"], Hl = ["id"], Il = /* @__PURE__ */ y({
+  __name: "ColorPicker",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    label: { default: null },
+    maxLength: { default: 7 },
+    modelValue: { default: null }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), o = v(() => l.id ? `${l.id}-input-text` : void 0), u = v(() => l.id ? `${l.id}-input-color` : void 0);
+    return (c, r) => (s(), n("div", Al, [
+      d("label", {
+        for: o.value,
+        class: "mb-2",
+        textContent: g(e.label)
+      }, null, 8, Ol),
+      d("label", {
+        for: u.value,
+        class: "d-none mb-2",
+        "aria-hidden": "true",
+        textContent: g(e.label)
+      }, null, 8, El),
+      d("div", Dl, [
+        P(d("input", {
+          id: o.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (f) => i.value = f),
+          type: "color",
+          class: "form-color",
+          onChange: r[1] || (r[1] = (f) => a("onUpdate"))
+        }, null, 40, Gl), [
+          [X, i.value]
+        ]),
+        P(d("input", {
+          id: u.value,
+          "onUpdate:modelValue": r[2] || (r[2] = (f) => i.value = f),
+          type: "text",
+          class: "form-control",
+          onChange: r[3] || (r[3] = (f) => a("onUpdate"))
+        }, null, 40, Hl), [
+          [
+            X,
+            i.value,
+            void 0,
+            { lazy: !0 }
+          ]
+        ])
+      ])
+    ]));
+  }
+}), Pl = { class: "input-file-group" }, Nl = ["for", "textContent"], Zl = ["id"], jl = {
+  key: 0,
+  class: "input-file-text"
+}, Rl = ["textContent"], ql = {
+  key: 1,
+  class: "input-file-text"
+}, Wl = ["textContent"], Kl = /* @__PURE__ */ y({
+  __name: "File",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    label: { default: null },
+    inputLabel: { default: null },
+    large: { type: Boolean, default: !1 },
+    modelValue: { default: null }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:modelValue", "onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), { label: o, inputLabel: u, large: c } = Ze(l), r = v(() => l.id ?? void 0);
+    function f(p) {
+      var C;
+      const b = ((C = p.target.files) == null ? void 0 : C[0]) ?? null;
+      i.value = b, a("onUpdate", b);
+    }
+    return (p, h) => {
+      const b = Y("UiIconMaterial");
+      return s(), n("div", null, [
+        d("div", Pl, [
+          d("label", {
+            for: r.value,
+            textContent: g(I(o))
+          }, null, 8, Nl),
+          d("div", {
+            class: m(["input-file-dropbox", [i.value ? "valid-file" : "", I(c) ? "dropbox-xl" : ""]])
+          }, [
+            d("input", {
+              id: r.value,
+              class: "form-control input-file",
+              type: "file",
+              onInput: f
+            }, null, 40, Zl),
+            i.value ? (s(), n("div", jl, [
+              M(b, { "icon-code": "" }),
+              d("p", {
+                textContent: g(i.value ? i.value.name : "")
+              }, null, 8, Rl)
+            ])) : (s(), n("div", ql, [
+              M(b, { "icon-code": "" }),
+              d("p", {
+                textContent: g(I(u))
+              }, null, 8, Wl)
+            ]))
+          ], 2)
+        ])
+      ]);
+    };
+  }
+});
+function Ql() {
+  return { formatPhoneNumber: (l) => {
+    const a = l.replace(/\D/g, ""), i = [];
+    for (let o = 0; o < a.length; o += 3) {
+      if (o + 4 >= a.length) {
+        i.push(a.slice(o));
+        break;
+      }
+      i.push(a.slice(o, o + 3));
+    }
+    return i.join("-");
+  }, isQueryParamNumber: (l) => l != null && !Number.isNaN(Number.parseInt(l.toString())) };
+}
+const Jl = ["for", "textContent"], Xl = ["id", "maxlength", "placeholder", "disabled", "required", "autofocus", "aria-invalid", "aria-describedby"], Yl = ["id"], ei = {
+  key: 1,
+  class: "caption text-muted mt-1"
+}, ti = /* @__PURE__ */ y({
+  __name: "PhoneNumber",
+  props: /* @__PURE__ */ V({
+    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 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:modelValue", "onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), { formatPhoneNumber: o } = Ql(), u = v(() => {
+      var b;
+      return ((b = l.errorMessages) == null ? void 0 : b.length) > 0;
+    }), c = v(() => l.id ?? void 0), r = v(() => c.value ? `${c.value}-input-text` : void 0), f = v(() => u.value && c.value ? `${c.value}-error-0` : void 0), p = v({
+      get: () => {
+        const b = i.value ?? "";
+        return b.trim() ? o(b) : "";
+      },
+      set: (b) => {
+        i.value = b ?? "", a("onUpdate", i.value);
+      }
+    }), h = v(() => l.placeholder ?? void 0);
+    return (b, C) => {
+      var B;
+      return s(), n("div", {
+        class: m(["form-group", u.value ? "form-invalid" : ""])
+      }, [
+        d("label", {
+          for: r.value,
+          class: "mb-2",
+          textContent: g(e.label)
+        }, null, 8, Jl),
+        P(d("input", {
+          id: r.value,
+          "onUpdate:modelValue": C[0] || (C[0] = (k) => p.value = k),
+          class: "form-control",
+          maxlength: e.maxlength,
+          placeholder: h.value,
+          disabled: e.disabled,
+          required: e.required,
+          autofocus: e.autofocus,
+          "aria-invalid": u.value || void 0,
+          "aria-describedby": f.value
+        }, null, 8, Xl), [
+          [X, p.value]
+        ]),
+        u.value ? (s(), n("p", {
+          key: 0,
+          id: f.value,
+          class: "invalid-feedback"
+        }, g((B = e.errorMessages) == null ? void 0 : B[0]), 9, Yl)) : e.optionalLabel ? (s(), n("p", ei, " Optional ")) : w("", !0)
+      ], 2);
+    };
+  }
+}), ai = { class: "d-flex flex-wrap gap-5" }, li = { class: "form-check" }, ii = ["id", "name", "type"], si = ["for", "textContent"], oi = { class: "form-check" }, ni = ["id", "name", "type"], ri = ["for", "textContent"], di = /* @__PURE__ */ y({
+  __name: "Radio",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    labelDefaultOption: {},
+    labelOption: {},
+    type: { default: "radio" },
+    modelValue: { default: null }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:modelValue", "onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), o = v(() => l.id ?? void 0), u = v(() => o.value ? `${o.value}-1` : void 0), c = v(() => o.value ? `${o.value}-2` : void 0), r = v(() => o.value ? `radio-${o.value}` : void 0);
+    return j(i, (f) => {
+      a("onUpdate", f);
+    }), (f, p) => (s(), n("div", ai, [
+      d("div", li, [
+        P(d("input", {
+          id: u.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (h) => i.value = h),
+          class: "form-check-input",
+          name: r.value,
+          value: 6.5,
+          type: e.type
+        }, null, 8, ii), [
+          [te, i.value]
+        ]),
+        d("label", {
+          for: u.value,
+          class: "form-check-label",
+          textContent: g(e.labelDefaultOption)
+        }, null, 8, si)
+      ]),
+      d("div", oi, [
+        P(d("input", {
+          id: c.value,
+          "onUpdate:modelValue": p[1] || (p[1] = (h) => i.value = h),
+          class: "form-check-input",
+          name: r.value,
+          value: 10,
+          type: e.type
+        }, null, 8, ni), [
+          [te, i.value]
+        ]),
+        d("label", {
+          for: c.value,
+          class: "form-check-label",
+          textContent: g(e.labelOption)
+        }, null, 8, ri)
+      ])
+    ]));
+  }
+}), ui = ["for", "textContent"], ci = ["id", "min", "max", "step", "aria-invalid", "aria-describedby"], fi = ["id"], vi = {
+  key: 1,
+  class: "caption text-muted mt-1"
+}, hi = /* @__PURE__ */ y({
+  __name: "Range",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    label: { default: null },
+    min: { default: 7 },
+    max: { default: 1 },
+    step: { default: 0.01 },
+    modelValue: { default: null },
+    errorMessages: { default: () => [] },
+    optionalLabel: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:modelValue", "onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), o = v(() => {
+      var r;
+      return ((r = l.errorMessages) == null ? void 0 : r.length) > 0;
+    }), u = v(() => l.id ? `${l.id}-input-range` : void 0), c = v(() => o.value && l.id ? `${l.id}-error-0` : void 0);
+    return j(i, (r) => {
+      a("onUpdate", r);
+    }), (r, f) => {
+      var p;
+      return s(), n("div", {
+        class: m(["form-group", o.value ? "form-invalid" : ""])
+      }, [
+        d("label", {
+          for: u.value,
+          class: "mb-2",
+          textContent: g(e.label)
+        }, null, 8, ui),
+        P(d("input", {
+          id: u.value,
+          "onUpdate:modelValue": f[0] || (f[0] = (h) => i.value = h),
+          class: "form-control form-range",
+          type: "range",
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          "aria-invalid": o.value || void 0,
+          "aria-describedby": c.value
+        }, null, 8, ci), [
+          [X, i.value]
+        ]),
+        o.value ? (s(), n("p", {
+          key: 0,
+          id: c.value,
+          class: "invalid-feedback"
+        }, g((p = e.errorMessages) == null ? void 0 : p[0]), 9, fi)) : e.optionalLabel ? (s(), n("p", vi, " Optional ")) : w("", !0)
+      ], 2);
+    };
+  }
+}), pi = ["for", "textContent"], mi = ["id", "placeholder", "disabled", "required", "aria-invalid", "aria-describedby"], bi = {
+  value: null,
+  disabled: ""
+}, Ci = ["value"], gi = ["id"], yi = {
+  key: 1,
+  class: "caption text-muted mt-1"
+}, wi = /* @__PURE__ */ y({
+  __name: "Select",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    label: { default: null },
+    modelValue: { default: null },
+    errorMessages: { default: () => [] },
+    options: { default: () => [] },
+    optionLabel: { default: null },
+    optionValue: { default: null },
+    placeholder: { default: "Clic para seleccionar" },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    optionalLabel: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:modelValue", "onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), o = v(() => {
+      var f;
+      return ((f = l.errorMessages) == null ? void 0 : f.length) > 0;
+    }), u = v(() => l.id ? `${l.id}-select` : void 0), c = v(() => o.value && l.id ? `${l.id}-error-0` : void 0), r = v(() => l.placeholder ?? void 0);
+    return j(i, (f) => {
+      a("onUpdate", f);
+    }), (f, p) => {
+      var h;
+      return s(), n("div", {
+        class: m(["form-group", o.value ? "form-invalid" : ""])
+      }, [
+        d("label", {
+          for: u.value,
+          class: "mb-2",
+          textContent: g(e.label)
+        }, null, 8, pi),
+        P(d("select", {
+          id: u.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (b) => i.value = b),
+          class: "form-control form-select",
+          placeholder: r.value,
+          disabled: e.disabled,
+          required: e.required,
+          "aria-invalid": o.value || void 0,
+          "aria-describedby": c.value
+        }, [
+          d("option", bi, g(e.placeholder), 1),
+          (s(!0), n(E, null, G(e.options, (b, C) => (s(), n("option", {
+            key: `option-${C}`,
+            value: e.optionValue ? b[e.optionValue] : b
+          }, g(e.optionLabel ? b[e.optionLabel] : b), 9, Ci))), 128))
+        ], 8, mi), [
+          [je, i.value]
+        ]),
+        o.value ? (s(), n("p", {
+          key: 0,
+          id: c.value,
+          class: "invalid-feedback"
+        }, g((h = e.errorMessages) == null ? void 0 : h[0]), 9, gi)) : e.optionalLabel ? (s(), n("p", yi, " Optional ")) : w("", !0)
+      ], 2);
+    };
+  }
+}), xi = ["for", "textContent"], $i = ["id", "type", "maxlength", "placeholder", "min", "max", "disabled", "required", "readonly", "autofocus", "aria-invalid", "aria-describedby"], ki = ["id"], Li = {
+  key: 1,
+  class: "caption text-muted mt-1"
+}, Bi = /* @__PURE__ */ y({
+  __name: "Text",
+  props: /* @__PURE__ */ V({
+    id: { default: null },
+    label: { default: null },
+    modelValue: { default: null },
+    errorMessages: { default: () => [] },
+    type: { default: "text" },
+    maxlength: { default: 50 },
+    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 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:modelValue", "onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), o = v(() => {
+      var h;
+      return ((h = l.errorMessages) == null ? void 0 : h.length) > 0;
+    }), u = v(() => l.id ? `${l.id}-input-text` : void 0), c = v(() => o.value && l.id ? `${l.id}-error-0` : void 0), r = v(() => l.placeholder ?? void 0), f = v(() => l.type === "number" ? l.min ?? void 0 : void 0), p = v(() => l.type === "number" ? l.max ?? void 0 : void 0);
+    return j(i, (h) => {
+      a("onUpdate", h);
+    }), (h, b) => {
+      var C;
+      return s(), n("div", {
+        class: m(["form-group", o.value ? "form-invalid" : ""])
+      }, [
+        d("label", {
+          for: u.value,
+          class: "mb-2",
+          textContent: g(e.label)
+        }, null, 8, xi),
+        P(d("input", {
+          id: u.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (B) => i.value = B),
+          class: "form-control",
+          type: e.type,
+          maxlength: e.maxlength,
+          placeholder: r.value,
+          min: f.value,
+          max: p.value,
+          disabled: e.disabled,
+          required: e.required,
+          readonly: e.readonly,
+          autofocus: e.autofocus,
+          "aria-invalid": o.value || void 0,
+          "aria-describedby": c.value
+        }, null, 8, $i), [
+          [te, i.value]
+        ]),
+        o.value ? (s(), n("p", {
+          key: 0,
+          id: c.value,
+          class: "invalid-feedback"
+        }, g((C = e.errorMessages) == null ? void 0 : C[0]), 9, ki)) : e.optionalLabel ? (s(), n("p", Li, " Optional ")) : w("", !0)
+      ], 2);
+    };
+  }
+}), Mi = ["for", "textContent"], _i = ["id", "maxlength", "placeholder", "rows", "cols", "disabled", "required", "readonly", "autofocus", "aria-invalid", "aria-describedby"], Si = ["id"], Ui = {
+  key: 1,
+  class: "caption text-muted mt-1"
+}, zi = /* @__PURE__ */ y({
+  __name: "Textarea",
+  props: /* @__PURE__ */ V({
+    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" }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:modelValue", "onUpdate"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Z(e, "modelValue"), o = v(() => {
+      var p;
+      return ((p = l.errorMessages) == null ? void 0 : p.length) > 0;
+    }), u = v(() => l.id ? `${l.id}-input-textarea` : void 0), c = v(() => o.value && l.id ? `${l.id}-error-0` : void 0), r = v(() => l.placeholder ?? void 0), f = v(() => ({
+      resize: l.resize
+    }));
+    return j(i, (p) => {
+      a("onUpdate", p);
+    }), (p, h) => {
+      var b;
+      return s(), n("div", {
+        class: m(["form-group", o.value ? "form-invalid" : ""])
+      }, [
+        d("label", {
+          for: u.value,
+          class: "mb-2",
+          textContent: g(e.label)
+        }, null, 8, Mi),
+        P(d("textarea", {
+          id: u.value,
+          "onUpdate:modelValue": h[0] || (h[0] = (C) => i.value = C),
+          class: "form-control",
+          maxlength: e.maxlength,
+          placeholder: r.value,
+          rows: e.rows,
+          cols: e.cols,
+          disabled: e.disabled,
+          required: e.required,
+          readonly: e.readonly,
+          autofocus: e.autofocus,
+          style: T(f.value),
+          "aria-invalid": o.value || void 0,
+          "aria-describedby": c.value
+        }, null, 12, _i), [
+          [X, i.value]
+        ]),
+        o.value ? (s(), n("p", {
+          key: 0,
+          id: c.value,
+          class: "invalid-feedback"
+        }, g((b = e.errorMessages) == null ? void 0 : b[0]), 9, Si)) : e.optionalLabel ? (s(), n("p", Ui, " Optional ")) : w("", !0)
+      ], 2);
+    };
+  }
+}), Fi = /* @__PURE__ */ y({
+  __name: "LinkTooltip",
+  props: {
+    linkTo: {},
+    tooltipText: { default: "" },
+    id: { default: "" },
+    text: { default: "" },
+    title: { default: "" },
+    variant: { default: "filled" },
+    color: { default: "" },
+    size: { default: "" },
+    iconVariant: { default: void 0 },
+    icon: { type: Boolean, default: !1 },
+    iconTrailing: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      if (t.variant && (a.push(`btn-${t.variant}`), t.variant === "filled" && t.color ? a.push(`filled-${t.color}`) : t.variant === "tonal" && t.color && a.push(`tonal-${t.color}`)), t.size) {
+        let i = "";
+        t.size === "sm" ? i = "btn-sm" : t.size === "lg" ? i = "btn-lg" : t.size === "md" ? i = "" : i = t.size, i && a.push(i);
+      }
+      return t != null && t.icon && a.push(`btn-icon ${t.iconVariant}`), t != null && t.iconTrailing && a.push("icon-trailing"), t != null && t.loading && a.push("loading"), t != null && t.rounded && a.push("btn-rounded"), t.customClass && a.push(t.customClass), a;
+    });
+    return (a, i) => {
+      const o = Y("NuxtLink");
+      return s(), S(I(ae), {
+        "aria-id": e.id ? `${e.id}-tooltip` : void 0,
+        class: "d-inline-block"
+      }, {
+        popper: _(() => [
+          A(g(e.tooltipText), 1)
+        ]),
+        default: _(() => [
+          M(o, {
+            id: e.id ? `link-${e.id}` : void 0,
+            title: e.title || void 0,
+            to: e.linkTo,
+            class: m(["btn", l.value]),
+            disabled: e.disabled
+          }, {
+            default: _(() => [
+              x(a.$slots, "icon"),
+              A(" " + g(e.text), 1)
+            ]),
+            _: 3
+          }, 8, ["id", "title", "to", "class", "disabled"])
+        ]),
+        _: 3
+      }, 8, ["aria-id"]);
+    };
+  }
+}), Ve = /* @__PURE__ */ y({
+  __name: "ListGroup",
+  props: {
+    variant: { default: null },
+    size: { default: null },
+    isInteractive: { type: Boolean, default: !1 },
+    customClass: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.customClass && (Array.isArray(t.customClass) ? a.push(...t.customClass) : a.push(t.customClass)), t.variant && a.push(`list-group-${t.variant}`), t.size && a.push(`list-group-${t.size}`), t.isInteractive && a.push("list-group-interactive"), a;
+    });
+    return (a, i) => (s(), n("ul", {
+      class: m(["list-group", l.value])
+    }, [
+      x(a.$slots, "default")
+    ], 2));
+  }
+}), Vi = ["aria-disabled"], Ti = { class: "list-item" }, Ai = {
+  key: 0,
+  class: "list-item-icon-wrapper"
+}, Oi = ["textContent"], Ei = ["textContent"], Te = /* @__PURE__ */ y({
+  __name: "ListItem",
+  props: {
+    title: { default: null },
+    text: { default: null },
+    icon: { default: null },
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    customClass: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = [];
+      return t.customClass && (Array.isArray(t.customClass) ? a.push(...t.customClass) : a.push(t.customClass)), t.active && a.push("list-item-active"), t.disabled && a.push("list-item-disabled"), a;
+    });
+    return (a, i) => (s(), n("li", {
+      class: m(["list-group-item", l.value]),
+      "aria-disabled": e.disabled || void 0
+    }, [
+      d("div", Ti, [
+        e.icon ? (s(), n("div", Ai, [
+          M(U, {
+            "icon-code": e.icon || ""
+          }, null, 8, ["icon-code"])
+        ])) : w("", !0),
+        d("div", null, [
+          e.title ? (s(), n("p", {
+            key: 0,
+            class: "subtitle-1",
+            textContent: g(e.title)
+          }, null, 8, Oi)) : w("", !0),
+          e.text ? (s(), n("p", {
+            key: 1,
+            class: "subtitle-2",
+            textContent: g(e.text)
+          }, null, 8, Ei)) : w("", !0)
+        ])
+      ])
+    ], 10, Vi));
+  }
+}), Di = /* @__PURE__ */ y({
+  __name: "Navbar",
+  props: {
+    sticky: { type: Boolean, default: !1 },
+    fluid: { type: Boolean, default: !1 },
+    customClass: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => t.fluid ? "container-fluid" : "container");
+    return (a, i) => (s(), S(Re(e.sticky ? "div" : "nav"), {
+      class: m(e.sticky ? "nav-sticky" : ["navbar", e.customClass])
+    }, {
+      default: _(() => [
+        e.sticky ? (s(), n("nav", {
+          key: 0,
+          class: m(["navbar", e.customClass]),
+          "aria-label": "Main navigation"
+        }, [
+          d("div", {
+            class: m(l.value)
+          }, [
+            x(a.$slots, "default")
+          ], 2)
+        ], 2)) : (s(), n("div", {
+          key: 1,
+          class: m(l.value)
+        }, [
+          x(a.$slots, "default")
+        ], 2))
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Gi = ["src", "alt"], Hi = /* @__PURE__ */ y({
+  __name: "NavbarAvatar",
+  props: {
+    src: { default: null },
+    alt: { default: "User avatar" },
+    size: { default: "navbar" },
+    customClass: { default: null }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (t, l) => (s(), n("span", {
+      class: m(["nav-link avatar-link", [
+        { "p-2": e.size === "sm" },
+        e.customClass
+      ]]),
+      role: "button",
+      onClick: l[0] || (l[0] = (a) => t.$emit("click"))
+    }, [
+      e.src ? (s(), n("img", {
+        key: 0,
+        src: e.src,
+        class: m(["img-fluid img-avatar", {
+          "avatar-sm": e.size === "sm",
+          "avatar-navbar": e.size === "navbar"
+        }]),
+        alt: e.alt
+      }, null, 10, Gi)) : (s(), n("span", {
+        key: 1,
+        class: m(["img-avatar avatar-placeholder", {
+          "avatar-sm": e.size === "sm",
+          "avatar-navbar": e.size === "navbar"
+        }])
+      }, null, 2))
+    ], 2));
+  }
+}), Ii = ["textContent"], Pi = ["src"], Ni = ["href", "aria-label"], Zi = /* @__PURE__ */ y({
+  __name: "NavbarBrand",
+  props: {
+    text: { default: "" },
+    to: { default: "" },
+    href: { default: "" },
+    logo: { default: null },
+    initials: { default: null },
+    customClass: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = t.to || t.href;
+      return typeof a == "string" ? a : "";
+    });
+    return (a, i) => (s(), n("div", {
+      class: m(["navbar-brand", e.customClass])
+    }, [
+      e.initials && !e.logo ? (s(), n("span", {
+        key: 0,
+        class: "initials-avatar initials-navbar",
+        textContent: g(e.initials)
+      }, null, 8, Ii)) : e.logo ? (s(), n("img", {
+        key: 1,
+        src: e.logo,
+        class: "navbar-logo-img",
+        alt: "Brand logo"
+      }, null, 8, Pi)) : w("", !0),
+      x(a.$slots, "link", {
+        linkTarget: l.value,
+        brandText: e.text
+      }, () => [
+        d("a", {
+          href: l.value,
+          class: "navbar-logo",
+          "aria-label": e.text
+        }, g(e.text), 9, Ni)
+      ])
+    ], 2));
+  }
+}), ji = { class: "navbar-nav nav-end" }, Ri = { class: "navbar-nav nav-start" }, qi = /* @__PURE__ */ y({
+  __name: "NavbarCollapse",
+  props: {
+    customClass: { default: null }
+  },
+  setup(e) {
+    return (t, l) => (s(), n("div", {
+      class: m(["navbar-collapse", e.customClass])
+    }, [
+      d("ul", ji, [
+        x(t.$slots, "end")
+      ]),
+      d("ul", Ri, [
+        x(t.$slots, "start")
+      ])
+    ], 2));
+  }
+}), Wi = /* @__PURE__ */ y({
+  __name: "NavbarItem",
+  props: {
+    customClass: { default: null }
+  },
+  setup(e) {
+    return (t, l) => (s(), n("li", {
+      class: m(["nav-item", e.customClass])
+    }, [
+      x(t.$slots, "default")
+    ], 2));
+  }
+}), Ki = { class: "nav-item" }, Qi = ["href", "aria-current", "aria-disabled"], Ji = /* @__PURE__ */ y({
+  __name: "NavbarLink",
+  props: {
+    text: { default: "" },
+    to: { default: "" },
+    href: { default: "" },
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    customClass: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = v(() => {
+      const a = t.to || t.href;
+      return typeof a == "string" ? a : "";
+    });
+    return (a, i) => (s(), n("li", Ki, [
+      x(a.$slots, "link", {
+        linkTarget: l.value,
+        isActive: e.active,
+        isDisabled: e.disabled
+      }, () => [
+        d("a", {
+          href: e.disabled ? void 0 : l.value,
+          class: m(["nav-link", [
+            { active: e.active, disabled: e.disabled },
+            e.customClass
+          ]]),
+          "aria-current": e.active ? "page" : void 0,
+          "aria-disabled": e.disabled || void 0
+        }, [
+          x(a.$slots, "icon"),
+          A(" " + g(e.text), 1)
+        ], 10, Qi)
+      ])
+    ]));
+  }
+}), Xi = /* @__PURE__ */ y({
+  __name: "NavbarMobileMenu",
+  props: {
+    customClass: { default: null }
+  },
+  setup(e) {
+    return (t, l) => (s(), n("div", {
+      class: m(["navbar-sm-avatar-wrapper", e.customClass])
+    }, [
+      x(t.$slots, "default")
+    ], 2));
+  }
+}), Yi = /* @__PURE__ */ y({
+  __name: "NavbarNav",
+  props: {
+    position: { default: "start" },
+    customClass: { default: null }
+  },
+  setup(e) {
+    const t = e, l = v(() => [
+      "navbar-nav",
+      {
+        "nav-start": t.position === "start",
+        "nav-end": t.position === "end"
+      },
+      t.customClass
+    ]);
+    return (a, i) => (s(), n("ul", {
+      class: m(l.value)
+    }, [
+      x(a.$slots, "default")
+    ], 2));
+  }
+}), e1 = {
+  key: 0,
+  class: "page-title"
+}, t1 = /* @__PURE__ */ y({
+  __name: "NavbarTitle",
+  props: {
+    title: { default: "" },
+    customClass: { default: null }
+  },
+  setup(e) {
+    return (t, l) => (s(), n("div", {
+      class: m(["nav-title", e.customClass])
+    }, [
+      x(t.$slots, "brand"),
+      e.title ? (s(), n("span", e1, g(e.title), 1)) : w("", !0),
+      x(t.$slots, "title")
+    ], 2));
+  }
+}), a1 = /* @__PURE__ */ y({
+  __name: "NavbarToggle",
+  props: {
+    collapsed: { type: Boolean, default: !1 },
+    collapseText: { default: "Collapse sidebar" },
+    expandText: { default: "Expand sidebar" },
+    customClass: { default: null }
+  },
+  emits: ["toggle"],
+  setup(e) {
+    const t = e, l = v(() => t.collapsed ? t.expandText : t.collapseText), a = v(() => t.collapsed ? "&#xf7e4;" : "&#xe9e2;");
+    return (i, o) => (s(), S(le, {
+      id: "sidebar-collapse",
+      variant: "text",
+      icon: "",
+      "icon-variant": "compact",
+      "custom-class": "text-neutral",
+      class: m(["sidebar-collapse", e.customClass]),
+      "tooltip-text": l.value,
+      onClick: o[0] || (o[0] = (u) => i.$emit("toggle"))
+    }, {
+      icon: _(() => [
+        M(U, { "icon-code": a.value }, null, 8, ["icon-code"])
+      ]),
+      _: 1
+    }, 8, ["class", "tooltip-text"]));
+  }
+});
+/*!
+ * vue-router v4.6.3
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const l1 = Symbol(process.env.NODE_ENV !== "production" ? "router" : ""), i1 = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+/*!
+ * vue-router v4.6.3
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+function Ae() {
+  return ve(l1);
+}
+function Ce(e) {
+  return ve(i1);
+}
+const s1 = {
+  class: "navigation-bar",
+  role: "navigation",
+  "aria-label": "Main navigation"
+}, o1 = { class: "typography-headline-sm" }, n1 = /* @__PURE__ */ y({
+  __name: "NavigationBar",
+  props: {
+    items: { default: () => [
+      {
+        id: "nav-home",
+        path: "/",
+        icon: "&#xe66b;",
+        label: "Home",
+        ariaLabel: "Navigate to home page"
+      },
+      {
+        id: "nav-components",
+        path: "/components",
+        icon: "&#xe5c3;",
+        label: "Components",
+        ariaLabel: "Navigate to UI components"
+      },
+      {
+        id: "nav-about",
+        path: "/about",
+        icon: "&#xe88e;",
+        label: "About",
+        ariaLabel: "Navigate to about page"
+      }
+    ] }
+  },
+  setup(e) {
+    const t = e, l = Ce(), a = v(() => t.items);
+    function i(u) {
+      return l.path === u ? "iw-bold" : "";
+    }
+    function o(u) {
+      return l.path === u;
+    }
+    return (u, c) => {
+      const r = Y("NuxtLink");
+      return s(), n("nav", s1, [
+        (s(!0), n(E, null, G(a.value, (f) => (s(), n("div", {
+          key: f.id,
+          class: "navigation-bar-item"
+        }, [
+          M(r, {
+            to: f.path,
+            class: "navigation-bar-link",
+            "aria-label": f.ariaLabel,
+            "aria-current": o(f.path) ? "page" : void 0
+          }, {
+            default: _(() => [
+              M(U, {
+                "icon-code": f.icon,
+                class: m(i(f.path)),
+                "aria-hidden": "true"
+              }, null, 8, ["icon-code", "class"]),
+              c[0] || (c[0] = d("div", { class: "indicator" }, null, -1)),
+              d("p", o1, g(f.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["to", "aria-label", "aria-current"])
+        ]))), 128))
+      ]);
+    };
+  }
+}), r1 = { class: "menu-user-header" }, d1 = { key: 0 }, u1 = { class: "avatar-container" }, c1 = ["src", "alt"], f1 = {
+  key: 1,
+  class: "img-avatar avatar-placeholder avatar-menu mb-2"
+}, v1 = ["title"], h1 = ["title"], p1 = { key: 1 }, m1 = { class: "subtitle-1 text-truncate" }, b1 = { class: "subtitle-2 text-truncate" }, C1 = { class: "menu-user-body" }, g1 = { key: 0 }, y1 = { class: "menu-user-footer" }, w1 = /* @__PURE__ */ y({
+  __name: "PopoverMenu",
+  props: {
+    isOpened: { type: Boolean, default: !1 },
+    menuItems: { default: () => [
+      {
+        id: "home",
+        icon: "&#xe66b;",
+        title: "Home",
+        link: "index",
+        ariaLabel: "Navigate to home page"
+      },
+      {
+        id: "about",
+        icon: "&#xe88e;",
+        title: "About",
+        link: "about",
+        ariaLabel: "Navigate to about page"
+      }
+    ] },
+    title: { default: null },
+    subtitle: { default: null },
+    avatarUrl: { default: null },
+    user: { default: null },
+    auth: { default: null }
+  },
+  emits: ["hideDropdown", "menuItemClick"],
+  setup(e, { emit: t }) {
+    const l = e, a = t, i = Ae(), o = Ce(), u = v(() => l.menuItems), c = v(() => [
+      "menu-user",
+      { "menu-user-visible": l.isOpened }
+    ]), r = v(() => {
+      var k, L, $;
+      return {
+        displayName: ((k = l.user) == null ? void 0 : k.displayName) || l.title || null,
+        email: ((L = l.user) == null ? void 0 : L.email) || l.subtitle || null,
+        photoURL: (($ = l.user) == null ? void 0 : $.photoURL) || l.avatarUrl || null
+      };
+    }), f = v(() => r.value.displayName || "User"), p = v(() => r.value.email || "Email"), h = v(() => `${f.value} Profile Photo`);
+    function b() {
+      a("hideDropdown");
+    }
+    function C(k) {
+      a("menuItemClick", k), i.push({ name: k }), b();
+    }
+    function B(k) {
+      return o.name === k;
+    }
+    return (k, L) => {
+      const $ = Y("LazyIncludeColorModePicker"), z = Y("ClientOnly");
+      return s(), n("div", {
+        id: "user-navigation-menu",
+        class: m(c.value),
+        role: "menu",
+        "aria-label": "User account menu",
+        tabindex: "0"
+      }, [
+        d("div", r1, [
+          e.user ? (s(), n("div", d1, [
+            d("div", u1, [
+              r.value.photoURL ? (s(), n("img", {
+                key: 0,
+                src: r.value.photoURL,
+                class: "img-fluid img-avatar avatar-menu mb-2",
+                alt: h.value
+              }, null, 8, c1)) : (s(), n("span", f1)),
+              e.user ? (s(), S(U, {
+                key: 2,
+                class: "avatar-pro-icon",
+                "icon-code": " "
+              })) : w("", !0)
+            ]),
+            d("p", {
+              class: "subtitle-1 text-truncate",
+              title: f.value
+            }, g(f.value), 9, v1),
+            r.value.email ? (s(), n("p", {
+              key: 0,
+              class: "subtitle-2 text-truncate",
+              title: p.value
+            }, g(p.value), 9, h1)) : w("", !0)
+          ])) : (s(), n("div", p1, [
+            d("p", m1, g(l.title), 1),
+            d("p", b1, g(l.subtitle), 1)
+          ])),
+          M(q, {
+            variant: "outline",
+            icon: "",
+            "aria-label": "Close user menu",
+            onOnClick: b
+          }, {
+            icon: _(() => [
+              M(U, {
+                "icon-code": "",
+                "aria-hidden": "true"
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        d("div", C1, [
+          M(Ve, {
+            variant: "low-contrast",
+            "is-interactive": ""
+          }, {
+            default: _(() => [
+              (s(!0), n(E, null, G(u.value, (D) => (s(), S(Te, {
+                key: D.id,
+                title: D.title,
+                icon: D.icon,
+                active: B(D.link),
+                "aria-label": D.ariaLabel,
+                onClick: (se) => C(D.link)
+              }, null, 8, ["title", "icon", "active", "aria-label", "onClick"]))), 128))
+            ]),
+            _: 1
+          }),
+          x(k.$slots, "body-separator"),
+          k.$slots["body-separator"] ? (s(), n("hr", g1)) : w("", !0),
+          M(z, null, {
+            default: _(() => [
+              M($, { "hydrate-on-visible": "" })
+            ]),
+            _: 1
+          })
+        ]),
+        d("div", y1, [
+          x(k.$slots, "footer")
+        ])
+      ], 2);
+    };
+  }
+}), x1 = { class: "tab-segmented-control-container" }, $1 = ["aria-selected", "tabindex", "onClick"], k1 = /* @__PURE__ */ y({
+  __name: "SegmentedControls",
+  props: {
+    tabs: {}
+  },
+  emits: ["onTabChange"],
+  setup(e, { emit: t }) {
+    var p, h, b, C;
+    const l = e, a = t, i = Ae(), o = Ce(), u = he(l, "tabs"), c = O(((h = (p = o.query) == null ? void 0 : p.tab) == null ? void 0 : h.toString()) ?? ((C = (b = u.value) == null ? void 0 : b[0]) == null ? void 0 : C.id) ?? ""), r = v(() => {
+      var B;
+      return ((B = u.value.find((k) => k.id === c.value)) == null ? void 0 : B.position) ?? 0;
+    });
+    function f(B) {
+      c.value = B, i.push({ query: { tab: B } }), a("onTabChange", B);
+    }
+    return (B, k) => (s(), n("div", x1, [
+      d("ul", {
+        class: "tab-segmented-control",
+        role: "tablist",
+        style: T(`--_segmented-control-count: ${u.value.length}`)
+      }, [
+        (s(!0), n(E, null, G(u.value, (L, $) => (s(), n("li", {
+          key: `tab-${$}`,
+          class: m(["segmented-control-item", [c.value === L.id ? "active-item" : ""]])
+        }, [
+          d("button", {
+            class: m(["segmented-control-link", [c.value === L.id ? "active" : ""]]),
+            role: "tab",
+            "aria-selected": c.value === L.id,
+            tabindex: c.value === L.id ? 0 : -1,
+            onClick: (z) => f(L.id)
+          }, g(L.label), 11, $1)
+        ], 2))), 128)),
+        d("li", {
+          "aria-hidden": "true",
+          class: "pill-indicator",
+          style: T([`--pos: ${r.value}`])
+        }, null, 4)
+      ], 4)
+    ]));
+  }
+}), L1 = ["aria-selected", "tabindex", "onClick"], B1 = /* @__PURE__ */ y({
+  __name: "Tabs",
+  props: {
+    tabs: {},
+    pillTabs: { type: Boolean, default: !1 },
+    contrastTabs: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    var o, u;
+    const l = he(e, "tabs"), a = O(((u = (o = l.value) == null ? void 0 : o[0]) == null ? void 0 : u.id) ?? "");
+    function i(c) {
+      a.value = c;
+    }
+    return (c, r) => (s(), n("ul", {
+      class: m(["tabs-navigation", { "tabs-pills": e.pillTabs, "tabs-contrast": e.contrastTabs }]),
+      role: "tablist"
+    }, [
+      (s(!0), n(E, null, G(l.value, (f, p) => (s(), n("li", {
+        key: `tab-${p}`,
+        class: "tab-item"
+      }, [
+        d("button", {
+          class: m(["tab-link", [a.value === f.id ? "active" : ""]]),
+          role: "tab",
+          "aria-selected": a.value === f.id,
+          tabindex: a.value === f.id ? 0 : -1,
+          onClick: (h) => i(f.id)
+        }, g(f.label), 11, L1)
+      ]))), 128))
+    ], 2));
+  }
+}), M1 = { class: "drawer-content" }, _1 = /* @__PURE__ */ y({
+  __name: "Sidebar",
+  props: {
+    bordered: { type: Boolean, default: !1 },
+    rail: { type: Boolean, default: !1 },
+    width: { default: null },
+    customClass: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = v(() => [
+      "navigation-drawer",
+      {
+        "drawer-bordered": t.bordered,
+        "drawer-closed": t.rail
+      },
+      t.customClass
+    ]), a = v(() => t.width ? { "--theme-nav-drawer-width": t.width } : {});
+    return (i, o) => (s(), n("div", {
+      class: m(l.value),
+      style: T(a.value),
+      role: "navigation",
+      "aria-label": "Main navigation"
+    }, [
+      d("div", M1, [
+        x(i.$slots, "header"),
+        x(i.$slots, "body"),
+        x(i.$slots, "footer"),
+        x(i.$slots, "default")
+      ])
+    ], 6));
+  }
+}), S1 = /* @__PURE__ */ y({
+  __name: "SidebarBody",
+  props: {
+    customClass: {}
+  },
+  setup(e) {
+    return (t, l) => (s(), n("div", {
+      class: m(["drawer-body", e.customClass])
+    }, [
+      x(t.$slots, "default")
+    ], 2));
+  }
+}), U1 = { class: "drawer-dropdown-text" }, z1 = { class: "drawer-dropdown-title" }, F1 = {
+  key: 0,
+  class: "drawer-dropdown-subtitle"
+}, V1 = { class: "v-dropdown-menu" }, T1 = { class: "drawer-dropdown-text" }, A1 = { class: "drawer-dropdown-title" }, O1 = {
+  key: 0,
+  class: "drawer-dropdown-subtitle"
+}, E1 = /* @__PURE__ */ y({
+  __name: "SidebarDropdown",
+  props: {
+    title: { default: "" },
+    subtitle: { default: null },
+    interactive: { type: Boolean, default: !0 },
+    placement: { default: "bottom" },
+    customClass: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = v(() => [
+      "drawer-dropdown-content",
+      {
+        "dropdown-switcher": t.interactive
+      },
+      t.customClass
+    ]);
+    return (a, i) => e.interactive ? (s(), S(I($e), {
+      key: 0,
+      class: "d-flex flex-grow-1",
+      placement: e.placement
+    }, {
+      popper: _(() => [
+        d("ul", V1, [
+          x(a.$slots, "default")
+        ])
+      ]),
+      default: _(() => [
+        d("div", {
+          class: m(l.value)
+        }, [
+          d("div", U1, [
+            d("p", z1, g(e.title), 1),
+            e.subtitle ? (s(), n("p", F1, g(e.subtitle), 1)) : w("", !0)
+          ]),
+          M(U, {
+            "icon-code": "",
+            class: "drawer-dropdown-switcher-icon"
+          })
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["placement"])) : (s(), n("div", {
+      key: 1,
+      class: m(l.value)
+    }, [
+      d("div", T1, [
+        d("p", A1, g(e.title), 1),
+        e.subtitle ? (s(), n("p", O1, g(e.subtitle), 1)) : w("", !0)
+      ])
+    ], 2));
+  }
+}), D1 = /* @__PURE__ */ y({
+  __name: "SidebarFooter",
+  props: {
+    customClass: {}
+  },
+  setup(e) {
+    return (t, l) => (s(), n("div", {
+      class: m(["drawer-footer", e.customClass])
+    }, [
+      x(t.$slots, "default")
+    ], 2));
+  }
+}), G1 = ["aria-expanded", "aria-controls"], H1 = {
+  key: 1,
+  class: "drawer-text"
+}, I1 = ["id"], P1 = /* @__PURE__ */ y({
+  __name: "SidebarGroup",
+  props: {
+    text: { default: "" },
+    icon: { default: null },
+    collapsible: { type: Boolean, default: !1 },
+    defaultOpen: { type: Boolean, default: !0 },
+    customClass: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = O(t.defaultOpen);
+    function a() {
+      t.collapsible && (l.value = !l.value);
+    }
+    return (i, o) => (s(), n("div", {
+      class: m(["drawer-group", [e.customClass]])
+    }, [
+      e.collapsible && e.text ? (s(), n("div", {
+        key: 0,
+        class: "drawer-item",
+        role: "button",
+        "aria-expanded": l.value,
+        "aria-controls": `group-${e.text}`,
+        onClick: a
+      }, [
+        e.icon ? (s(), S(U, {
+          key: 0,
+          "icon-code": e.icon,
+          decorative: ""
+        }, null, 8, ["icon-code"])) : w("", !0),
+        d("span", null, g(e.text), 1),
+        M(U, {
+          "icon-code": "",
+          decorative: "",
+          class: m({ "rotate-180": l.value })
+        }, null, 8, ["class"])
+      ], 8, G1)) : e.text ? (s(), n("p", H1, g(e.text), 1)) : w("", !0),
+      !e.collapsible || l.value ? (s(), n("div", {
+        key: 2,
+        id: `group-${e.text}`,
+        class: "drawer-group-content"
+      }, [
+        x(i.$slots, "default")
+      ], 8, I1)) : w("", !0)
+    ], 2));
+  }
+}), N1 = /* @__PURE__ */ y({
+  __name: "SidebarHeader",
+  props: {
+    customClass: {}
+  },
+  setup(e) {
+    return (t, l) => (s(), n("div", {
+      class: m(["drawer-header", e.customClass])
+    }, [
+      x(t.$slots, "default")
+    ], 2));
+  }
+}), Z1 = ["href", "aria-labelledby", "aria-label", "aria-disabled"], j1 = ["href", "aria-labelledby", "aria-label", "aria-disabled"], R1 = /* @__PURE__ */ y({
+  __name: "SidebarLink",
+  props: {
+    id: { default: "" },
+    text: { default: "" },
+    tooltipText: { default: "" },
+    href: { default: "" },
+    to: { default: "" },
+    icon: { default: null },
+    tooltipPlacement: { default: "right" },
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    child: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    ariaLabelledby: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = v(() => [
+      "drawer-item",
+      {
+        "drawer-item-disabled": t.disabled,
+        "drawer-item-child": t.child,
+        active: t.active
+      },
+      t.customClass
+    ]), a = v(() => `${t.id}-tooltip`), i = v(() => {
+      const o = t.to || t.href;
+      return typeof o == "string" ? o : "";
+    });
+    return (o, u) => e.tooltipText ? (s(), S(I(ae), {
+      key: 0,
+      "aria-id": a.value,
+      class: "d-inline-block",
+      placement: e.tooltipPlacement
+    }, {
+      popper: _(() => [
+        A(g(e.tooltipText), 1)
+      ]),
+      default: _(() => [
+        x(o.$slots, "link", {
+          linkTarget: i.value,
+          linkClasses: l.value,
+          isDisabled: e.disabled,
+          ariaLabelledby: e.ariaLabelledby,
+          ariaLabel: e.ariaLabelledby ? void 0 : e.text
+        }, () => [
+          d("a", {
+            href: e.disabled ? void 0 : i.value,
+            class: m(l.value),
+            "aria-labelledby": e.ariaLabelledby || void 0,
+            "aria-label": e.ariaLabelledby ? void 0 : e.text,
+            "aria-disabled": e.disabled
+          }, [
+            e.icon ? (s(), S(U, {
+              key: 0,
+              "icon-code": e.icon,
+              "aria-hidden": "true"
+            }, null, 8, ["icon-code"])) : w("", !0),
+            d("span", null, g(e.text), 1),
+            x(o.$slots, "badge")
+          ], 10, Z1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["aria-id", "placement"])) : x(o.$slots, "link", {
+      key: 1,
+      linkTarget: i.value,
+      linkClasses: l.value,
+      isDisabled: e.disabled,
+      ariaLabelledby: e.ariaLabelledby,
+      ariaLabel: e.ariaLabelledby ? void 0 : e.text
+    }, () => [
+      d("a", {
+        href: e.disabled ? void 0 : i.value,
+        class: m(l.value),
+        "aria-labelledby": e.ariaLabelledby || void 0,
+        "aria-label": e.ariaLabelledby ? void 0 : e.text,
+        "aria-disabled": e.disabled
+      }, [
+        e.icon ? (s(), S(U, {
+          key: 0,
+          "icon-code": e.icon,
+          "aria-hidden": "true"
+        }, null, 8, ["icon-code"])) : w("", !0),
+        d("span", null, g(e.text), 1),
+        x(o.$slots, "badge")
+      ], 10, j1)
+    ]);
+  }
+}), q1 = /* @__PURE__ */ y({
+  __name: "SidebarText",
+  props: {
+    text: { default: "" },
+    customClass: { default: "" }
+  },
+  setup(e) {
+    return (t, l) => (s(), n("p", {
+      class: m(["drawer-text", e.customClass])
+    }, g(e.text), 3));
+  }
+}), Q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  UiAccordion: It,
+  UiAccordionGroup: Pt,
+  UiAlert: Se,
+  UiAlertToast: qt,
+  UiAvatar: Ul,
+  UiBadge: be,
+  UiBadgeGroup: Xt,
+  UiBaseSkeleton: me,
+  UiButton: q,
+  UiButtonFabGroup: Yt,
+  UiButtonGroup: ea,
+  UiButtonMenu: Ue,
+  UiButtonMenuDivider: ia,
+  UiButtonMenuItem: ze,
+  UiButtonMenuText: ua,
+  UiButtonToggleGroup: ga,
+  UiButtonTooltip: le,
+  UiCard: Le,
+  UiConfirmModal: Va,
+  UiDatatable: Ba,
+  UiEmpty: ke,
+  UiExpressiveLoading: rt,
+  UiGridSkeleton: vt,
+  UiHeaderContent: at,
+  UiIconApp: Qa,
+  UiIconMaterial: U,
+  UiIconShapes: wl,
+  UiIconTool: _l,
+  UiInputCheck: Tl,
+  UiInputColorPicker: Il,
+  UiInputFile: Kl,
+  UiInputPhoneNumber: ti,
+  UiInputRadio: di,
+  UiInputRange: hi,
+  UiInputSelect: wi,
+  UiInputText: Bi,
+  UiInputTextarea: zi,
+  UiLinkTooltip: Fi,
+  UiListGroup: Ve,
+  UiListItem: Te,
+  UiLoading: bt,
+  UiModal: Ea,
+  UiNavbar: Di,
+  UiNavbarAvatar: Hi,
+  UiNavbarBrand: Zi,
+  UiNavbarCollapse: qi,
+  UiNavbarItem: Wi,
+  UiNavbarLink: Ji,
+  UiNavbarMobileMenu: Xi,
+  UiNavbarNav: Yi,
+  UiNavbarTitle: t1,
+  UiNavbarToggle: a1,
+  UiNavigationBar: n1,
+  UiPaneContent: it,
+  UiPopoverMenu: w1,
+  UiSegmentedControls: k1,
+  UiShapeLoading: yt,
+  UiSidebar: _1,
+  UiSidebarBody: S1,
+  UiSidebarDropdown: E1,
+  UiSidebarFooter: D1,
+  UiSidebarGroup: P1,
+  UiSidebarHeader: N1,
+  UiSidebarLink: R1,
+  UiSidebarText: q1,
+  UiTableSkeleton: _e,
+  UiTabs: B1
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Xi as $,
+  Ea as A,
+  Xt as B,
+  Qa as C,
+  U as D,
+  wl as E,
+  _l as F,
+  Ul as G,
+  at as H,
+  Tl as I,
+  Il as J,
+  Kl as K,
+  ti as L,
+  di as M,
+  hi as N,
+  wi as O,
+  Bi as P,
+  zi as Q,
+  Fi as R,
+  Ve as S,
+  Te as T,
+  Di as U,
+  Hi as V,
+  Zi as W,
+  qi as X,
+  Wi as Y,
+  Ji as Z,
+  it as _,
+  Q1 as a,
+  Yi as a0,
+  t1 as a1,
+  a1 as a2,
+  n1 as a3,
+  w1 as a4,
+  k1 as a5,
+  B1 as a6,
+  _1 as a7,
+  S1 as a8,
+  E1 as a9,
+  D1 as aa,
+  P1 as ab,
+  N1 as ac,
+  R1 as ad,
+  q1 as ae,
+  me as b,
+  ke as c,
+  rt as d,
+  vt as e,
+  bt as f,
+  yt as g,
+  _e as h,
+  It as i,
+  Pt as j,
+  Se as k,
+  qt as l,
+  be as m,
+  q as n,
+  Yt as o,
+  ea as p,
+  Ue as q,
+  ia as r,
+  ze as s,
+  ua as t,
+  Ql as u,
+  ga as v,
+  le as w,
+  Le as x,
+  Ba as y,
+  Va as z
+};
+//# sourceMappingURL=components-DUB9BBm_.js.map