@colorffy/ui 1.0.1 → 1.0.3

package/dist/{components-CxGaYO4j.js → components-Dx8eunul.js}

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as h, createElementBlock as n, openBlock as i, mergeProps as I, renderSlot as $, createCommentVNode as w, toDisplayString as g, createVNode as M, unref as G, withCtx as _, createTextVNode as O, normalizeClass as C, createElementVNode as c, createBlock as S, ref as A, onMounted as ce, onUnmounted as De, watch as Z, Transition as ye, Fragment as E, renderList as D, createSlots as Pe, nextTick as Ge, getCurrentInstance as fe, getCurrentScope as we, hasInjectionContext as xe, inject as ve, onScopeDispose as He, toRef as he, readonly as Ie, customRef as Ne, shallowRef as j, toValue as P, watchEffect as Ze, withDirectives as H, vShow as Re, mergeModels as V, useModel as N, normalizeStyle as T, createStaticVNode as F, vModelDynamic as te, vModelText as X, toRefs as je, resolveComponent as $e, vModelSelect as qe, resolveDynamicComponent as Y, normalizeProps as de, guardReactiveProps as ke } from "vue";
+import { defineComponent as y, computed as h, createElementBlock as n, openBlock as i, mergeProps as H, renderSlot as $, createCommentVNode as w, toDisplayString as g, createVNode as M, unref as P, withCtx as _, createTextVNode as O, normalizeClass as C, createElementVNode as c, createBlock as S, ref as A, onMounted as ce, onUnmounted as De, watch as Z, Transition as ye, Fragment as E, renderList as D, createSlots as Ie, nextTick as Pe, getCurrentInstance as fe, getCurrentScope as we, hasInjectionContext as xe, inject as ve, onScopeDispose as Ge, toRef as he, readonly as He, customRef as Ne, shallowRef as j, toValue as I, watchEffect as Ze, withDirectives as G, vShow as Re, mergeModels as V, useModel as N, normalizeStyle as T, createStaticVNode as F, vModelDynamic as te, vModelText as X, toRefs as je, resolveComponent as $e, vModelSelect as qe, resolveDynamicComponent as Y, normalizeProps as de, guardReactiveProps as ke } from "vue";
 import { Tooltip as le, Dropdown as Le } from "floating-vue";
 const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__ */ y({
   __name: "Material",
@@ -51,7 +51,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       }
       return t != null && t.icon && l.push(`btn-icon ${t.iconVariant}`), t != null && t.iconTrailing && l.push("icon-trailing"), t != null && t.loading && l.push("loading"), t != null && t.rounded && l.push("btn-rounded"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (i(), n("button", I({ title: e.title || void 0, id: e.id ? `button-${e.id}` : void 0 }, {
+    return (l, s) => (i(), n("button", H({ title: e.title || void 0, id: e.id ? `button-${e.id}` : void 0 }, {
       class: ["btn", a.value],
       type: "button",
       disabled: e.disabled,
@@ -88,7 +88,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
   emits: ["onClick"],
   setup(e) {
     return (t, a) => (i(), n("div", null, [
-      M(G(le), {
+      M(P(le), {
         "aria-id": `${e.id}-tooltip`,
         class: "d-inline-block"
       }, {
@@ -229,7 +229,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       class: C(["row", s.value])
     }, [
       c("div", st, [
-        c("section", I({
+        c("section", H({
           ref_key: "paneContentRef",
           ref: u,
           class: ["pane-content", l.value]
@@ -267,7 +267,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       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) => (i(), n("div", I({
+    return (o, u) => (i(), n("div", H({
       class: a.value,
       style: l.value
     }, s.value), null, 16));
@@ -297,7 +297,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       const s = {};
       return t.role && (s.role = t.role), t.ariaLabel && (s["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (s["aria-live"] = t.ariaLive), s;
     });
-    return (s, o) => (i(), n("div", I({
+    return (s, o) => (i(), n("div", H({
       class: a.value,
       style: e.emptyStyles
     }, l.value), [
@@ -359,7 +359,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       v();
     }), Z(() => t.title, () => {
       v(), l = 0, p();
-    }, { deep: !0 }), (b, m) => (i(), n("div", I({
+    }, { deep: !0 }), (b, m) => (i(), n("div", H({
       class: o.value,
       style: e.loadingStyles
     }, f.value), [
@@ -413,7 +413,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       const l = [];
       return t.variant && l.push(`card-${t.variant}`), t.size === "xs" ? l.push("card-xs") : t.size === "sm" ? l.push("card-sm") : t.size === "md" && l.push("card-md"), t.selectable && l.push("card-selectable"), t.customClass && l.push(t.customClass), l;
     });
-    return (l, s) => (i(), n("div", I({ title: e.title || void 0, id: e.id ? `card-${e.id}` : void 0 }, {
+    return (l, s) => (i(), n("div", H({ title: e.title || void 0, id: e.id ? `card-${e.id}` : void 0 }, {
       class: ["card", a.value]
     }), [
       c("div", dt, [
@@ -448,12 +448,12 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       const s = {};
       return t.role && (s.role = t.role), t.ariaLabel && (s["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (s["aria-live"] = t.ariaLive), s;
     });
-    return (s, o) => (i(), n("div", I({ class: a.value }, l.value), [
+    return (s, o) => (i(), n("div", H({ class: a.value }, l.value), [
       (i(!0), n(E, null, D(e.skeletonGridItems, (u) => (i(), S(_e, {
         key: `skeleton-grid-item-${u}`,
         variant: e.cardVariant,
         "aria-label": `Loading item ${u} of ${e.skeletonGridItems}`
-      }, Pe({
+      }, Ie({
         body: _(() => [
           c("div", null, [
             M(me, {
@@ -517,7 +517,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       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) => (i(), n("div", I({
+    return (o, u) => (i(), n("div", H({
       class: a.value,
       style: e.loadingStyles
     }, s.value), [
@@ -569,7 +569,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
       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) => (i(), n("div", I({
+    return (o, u) => (i(), n("div", H({
       class: a.value,
       style: e.loadingStyles
     }, s.value), [
@@ -592,7 +592,7 @@ const We = ["aria-hidden", "role", "aria-label", "innerHTML"], U = /* @__PURE__
   }
 });
 function Me(e, t) {
-  return we() ? (He(e, t), !0) : !1;
+  return we() ? (Ge(e, t), !0) : !1;
 }
 const ie = /* @__PURE__ */ new WeakMap(), xt = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
   var t;
@@ -606,7 +606,7 @@ const kt = Object.prototype.toString, Lt = (e) => kt.call(e) === "[object Object
 function Bt(...e) {
   if (e.length !== 1) return he(...e);
   const t = e[0];
-  return typeof t == "function" ? Ie(Ne(() => ({
+  return typeof t == "function" ? He(Ne(() => ({
     get: t,
     set: K
   }))) : A(t);
@@ -627,7 +627,7 @@ function Mt(e) {
   return fe();
 }
 function St(e, t = !0, a) {
-  Mt() ? ce(e, a) : t ? e() : Ge(e);
+  Mt() ? ce(e, a) : t ? e() : Pe(e);
 }
 function Ut(e, t, a) {
   return Z(e, t, {
@@ -638,22 +638,22 @@ function Ut(e, t, a) {
 const se = $t ? window : void 0;
 function Q(e) {
   var t;
-  const a = P(e);
+  const a = I(e);
   return (t = a == null ? void 0 : a.$el) !== null && t !== void 0 ? t : a;
 }
 function ee(...e) {
   const t = [], a = () => {
     t.forEach((d) => d()), t.length = 0;
   }, l = (d, r, f, p) => (d.addEventListener(r, f, p), () => d.removeEventListener(r, f, p)), s = h(() => {
-    const d = oe(P(e[0])).filter((r) => r != null);
+    const d = oe(I(e[0])).filter((r) => r != null);
     return d.every((r) => typeof r != "string") ? d : void 0;
   }), o = Ut(() => {
     var d, r;
     return [
       (d = (r = s.value) === null || r === void 0 ? void 0 : r.map((f) => Q(f))) !== null && d !== void 0 ? d : [se].filter((f) => f != null),
-      oe(P(s.value ? e[1] : e[0])),
-      oe(G(s.value ? e[2] : e[1])),
-      P(s.value ? e[3] : e[2])
+      oe(I(s.value ? e[1] : e[0])),
+      oe(P(s.value ? e[2] : e[1])),
+      I(s.value ? e[3] : e[2])
     ];
   }, ([d, r, f, p]) => {
     if (a(), !(d != null && d.length) || !(r != null && r.length) || !(f != null && f.length)) return;
@@ -672,7 +672,7 @@ function ge(e, t, a = {}) {
     trigger: K
   } : K;
   let r = !0;
-  const f = (L) => P(s).some((B) => {
+  const f = (L) => I(s).some((B) => {
     if (typeof B == "string") return Array.from(l.document.querySelectorAll(B)).some((z) => z === L.target || L.composedPath().includes(z));
     {
       const z = Q(B);
@@ -680,11 +680,11 @@ function ge(e, t, a = {}) {
     }
   });
   function p(L) {
-    const B = P(L);
+    const B = I(L);
     return B && B.$.subTree.shapeFlag === 16;
   }
   function v(L, B) {
-    const z = P(L), R = z.$.subTree && z.$.subTree.children;
+    const z = I(L), R = z.$.subTree && z.$.subTree.children;
     return R == null || !Array.isArray(R) ? !1 : R.some((be) => be.el === B.target || B.composedPath().includes(be.el));
   }
   const b = (L) => {
@@ -753,14 +753,14 @@ function W(e, t = {}) {
   };
   return Ze(() => {
     if (o.value) {
-      o.value = !s.value, d.value = P(e).split(",").some((f) => {
+      o.value = !s.value, d.value = I(e).split(",").some((f) => {
         const p = f.includes("not all"), v = f.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), b = f.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
         let m = !!(v || b);
         return v && m && (m = l >= J(v[1])), b && m && (m = l <= J(b[1])), p ? !m : m;
       });
       return;
     }
-    s.value && (u.value = a.matchMedia(P(e)), d.value = u.value.matches);
+    s.value && (u.value = a.matchMedia(I(e)), d.value = u.value.matches);
   }), ee(u, "change", r, { passive: !0 }), h(() => d.value);
 }
 const Tt = {
@@ -774,7 +774,7 @@ const Tt = {
 // @__NO_SIDE_EFFECTS__
 function Ot(e, t = {}) {
   function a(m, x) {
-    let k = P(e[P(m)]);
+    let k = I(e[I(m)]);
     return x != null && (k = _t(k, x)), typeof k == "number" && (k = `${k}px`), k;
   }
   const { window: l = se, strategy: s = "min-width", ssrWidth: o = /* @__PURE__ */ Se() } = t, u = typeof o == "number", d = u ? j(!1) : { value: !0 };
@@ -837,7 +837,7 @@ function At(e, t = !1) {
   const a = j(t);
   let l = "";
   Z(Bt(e), (u) => {
-    const d = ne(P(u));
+    const d = ne(I(u));
     if (d) {
       const r = d;
       if (re.get(r) || re.set(r, r.style.overflow), r.style.overflow !== "hidden" && (l = r.style.overflow), r.style.overflow === "hidden") return a.value = !0;
@@ -845,10 +845,10 @@ function At(e, t = !1) {
     }
   }, { immediate: !0 });
   const s = () => {
-    const u = ne(P(e));
+    const u = ne(I(e));
     !u || a.value || (u.style.overflow = "hidden", a.value = !0);
   }, o = () => {
-    const u = ne(P(e));
+    const u = ne(I(e));
     !u || !a.value || (u.style.overflow = l, re.delete(u), a.value = !1);
   };
   return Me(o), h({
@@ -881,7 +881,7 @@ const Ue = /* @__PURE__ */ y({
       const d = {};
       return t.role && (d.role = t.role), t.ariaLabel && (d["aria-label"] = t.ariaLabel), t.ariaLive && t.ariaLive !== "off" && (d["aria-live"] = t.ariaLive), d;
     });
-    return (d, r) => (i(), n("tbody", I({
+    return (d, r) => (i(), n("tbody", H({
       class: o.value,
       style: e.skeletonStyles
     }, u.value), [
@@ -891,19 +891,19 @@ const Ue = /* @__PURE__ */ y({
         (i(!0), n(E, null, D(s.value, (p) => (i(), n("td", {
           key: `col-${p}`
         }, [
-          H(M(U, {
+          G(M(U, {
             class: "text-muted animation-spin me-2",
             "icon-code": "",
             "aria-hidden": "true"
           }, null, 512), [
-            [Re, !G(l)]
+            [Re, !P(l)]
           ]),
           M(me, { class: "col-12 col-md-6" })
         ]))), 128))
       ]))), 128))
     ], 16));
   }
-}), Et = ["id", "name", "open", "aria-disabled"], Dt = { class: "accordion-header" }, Pt = { class: "accordion-title" }, Gt = { class: "accordion-body" }, Ht = ["textContent"], It = /* @__PURE__ */ y({
+}), Et = ["id", "name", "open", "aria-disabled"], Dt = { class: "accordion-header" }, It = { class: "accordion-title" }, Pt = { class: "accordion-body" }, Gt = ["textContent"], Ht = /* @__PURE__ */ y({
   __name: "Accordion",
   props: /* @__PURE__ */ V({
     id: { default: null },
@@ -929,14 +929,14 @@ const Ue = /* @__PURE__ */ y({
     }, [
       c("summary", Dt, [
         $(a.$slots, "header", {}, () => [
-          c("span", Pt, g(e.title), 1)
+          c("span", It, g(e.title), 1)
         ])
       ]),
-      c("div", Gt, [
+      c("div", Pt, [
         e.text ? (i(), n("p", {
           key: 0,
           textContent: g(e.text)
-        }, null, 8, Ht)) : w("", !0),
+        }, null, 8, Gt)) : w("", !0),
         $(a.$slots, "content")
       ])
     ], 10, Et));
@@ -1143,7 +1143,7 @@ const Yt = /* @__PURE__ */ pe(Qt, [["render", Xt]]), el = /* @__PURE__ */ y({
   emits: ["onClick"],
   setup(e) {
     return (t, a) => (i(), n("div", null, [
-      M(G(Le), {
+      M(P(Le), {
         "aria-id": `${e.id}-dropdown`,
         "positioning-disabled": e.isMobile
       }, {
@@ -1153,7 +1153,7 @@ const Yt = /* @__PURE__ */ pe(Qt, [["render", Xt]]), el = /* @__PURE__ */ y({
           ])
         ]),
         default: _(() => [
-          M(G(le), {
+          M(P(le), {
             "aria-id": `${e.id}-tooltip`,
             class: "d-inline-block"
           }, {
@@ -1605,7 +1605,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
       role: "dialog",
       "aria-modal": "true"
     }, [
-      H((i(), n("div", Ml, [
+      G((i(), n("div", Ml, [
         c("div", Sl, [
           M(U, {
             class: C(["iw-bold", d.value.cssClass]),
@@ -1631,7 +1631,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
           }, null, 8, ["class", "text", "loading", "disabled"])
         ])
       ])), [
-        [G(Oe), p]
+        [P(Oe), p]
       ])
     ], 2));
   }
@@ -1676,7 +1676,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
       role: "dialog",
       "aria-modal": "true"
     }, [
-      H((i(), n("div", Tl, [
+      G((i(), n("div", Tl, [
         c("div", Ol, [
           $(f.$slots, "header")
         ]),
@@ -1689,11 +1689,11 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
           $(f.$slots, "footer")
         ])
       ])), [
-        [G(Oe), r]
+        [P(Oe), r]
       ])
     ], 2));
   }
-}), Dl = ["width", "height", "aria-hidden", "role", "aria-label"], Pl = ["width", "height", "aria-hidden", "role", "aria-label"], Gl = ["width", "height", "aria-hidden", "role", "aria-label"], Hl = ["width", "height", "aria-hidden", "role", "aria-label"], Il = ["width", "height", "aria-hidden", "role", "aria-label"], Nl = ["width", "height", "aria-hidden", "role", "aria-label"], Zl = ["width", "height", "aria-hidden", "role", "aria-label"], Rl = ["width", "height", "aria-hidden", "role", "aria-label"], jl = ["width", "height", "aria-hidden", "role", "aria-label"], ql = ["width", "height", "aria-hidden", "role", "aria-label"], Wl = ["width", "height", "aria-hidden", "role", "aria-label"], Kl = ["width", "height", "aria-hidden", "role", "aria-label"], Ql = /* @__PURE__ */ y({
+}), Dl = ["width", "height", "aria-hidden", "role", "aria-label"], Il = ["width", "height", "aria-hidden", "role", "aria-label"], Pl = ["width", "height", "aria-hidden", "role", "aria-label"], Gl = ["width", "height", "aria-hidden", "role", "aria-label"], Hl = ["width", "height", "aria-hidden", "role", "aria-label"], Nl = ["width", "height", "aria-hidden", "role", "aria-label"], Zl = ["width", "height", "aria-hidden", "role", "aria-label"], Rl = ["width", "height", "aria-hidden", "role", "aria-label"], jl = ["width", "height", "aria-hidden", "role", "aria-label"], ql = ["width", "height", "aria-hidden", "role", "aria-label"], Wl = ["width", "height", "aria-hidden", "role", "aria-label"], Kl = ["width", "height", "aria-hidden", "role", "aria-label"], Ql = /* @__PURE__ */ y({
   __name: "App",
   props: {
     icon: { default: "youtube" },
@@ -1765,7 +1765,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
           "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, Pl)) : s.value === "codepen" ? (i(), n("svg", {
+      ])], 14, Il)) : s.value === "codepen" ? (i(), n("svg", {
         key: 2,
         width: r.value,
         height: r.value,
@@ -1779,7 +1779,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[2] || (v[2] = [
         c("path", { d: "M21.838 8.445c0-.001-.001-.001 0 0l-.003-.004-.001-.001v-.001a.809.809 0 0 0-.235-.228l-9.164-6.08a.834.834 0 0 0-.898 0L2.371 8.214A.786.786 0 0 0 2 8.897v6.16a.789.789 0 0 0 .131.448v.001l.002.002.01.015v.002h.001l.001.001.001.001c.063.088.14.16.226.215l9.165 6.082a.787.787 0 0 0 .448.139.784.784 0 0 0 .45-.139l9.165-6.082a.794.794 0 0 0 .371-.685v-6.16a.793.793 0 0 0-.133-.452zm-9.057-4.172 6.953 4.613-3.183 2.112-3.771-2.536V4.273zm-1.592 0v4.189l-3.771 2.536-3.181-2.111 6.952-4.614zm-7.595 6.098 2.395 1.59-2.395 1.611v-3.201zm7.595 9.311-6.96-4.617 3.195-2.15 3.765 2.498v4.269zm.795-5.653-3.128-2.078 3.128-2.105 3.131 2.105-3.131 2.078zm.797 5.653v-4.27l3.766-2.498 3.193 2.15-6.959 4.618zm7.597-6.11-2.396-1.611 2.396-1.59v3.201z" }, null, -1)
-      ])], 14, Gl)) : s.value === "twitter" ? (i(), n("svg", {
+      ])], 14, Pl)) : s.value === "twitter" ? (i(), n("svg", {
         key: 3,
         width: r.value,
         height: r.value,
@@ -1794,7 +1794,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
       }, [...v[3] || (v[3] = [
         c("path", { d: "M17.6874 3.0625L12.6907 8.77425L8.37045 3.0625H2.11328L9.58961 12.8387L2.50378 20.9375H5.53795L11.0068 14.6886L15.7863 20.9375H21.8885L14.095 10.6342L20.7198 3.0625H17.6874Z" }, null, -1),
         c("path", { d: "M16.6232 19.1225L5.65436 4.78217H7.45745L18.3034 19.1225H16.6232Z" }, null, -1)
-      ])], 14, Hl)) : s.value === "instagram" ? (i(), n("svg", {
+      ])], 14, Gl)) : s.value === "instagram" ? (i(), n("svg", {
         key: 4,
         width: r.value,
         height: r.value,
@@ -1814,7 +1814,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
           r: "1.078"
         }, null, -1),
         c("path", { d: "M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z" }, null, -1)
-      ])], 14, Il)) : s.value === "discord" ? (i(), n("svg", {
+      ])], 14, Hl)) : s.value === "discord" ? (i(), n("svg", {
         key: 5,
         width: r.value,
         height: r.value,
@@ -2605,7 +2605,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
       return i(), n("div", {
         class: C(["form-check", l.value ? "form-invalid" : ""])
       }, [
-        H(c("input", {
+        G(c("input", {
           id: s.value,
           "onUpdate:modelValue": r[0] || (r[0] = (p) => a.value = p),
           class: C(u.value),
@@ -2630,7 +2630,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
       ], 2);
     };
   }
-}), Oa = { class: "form-group" }, Aa = ["for", "textContent"], Ea = ["for", "textContent"], Da = { class: "form-color-group" }, Pa = ["id"], Ga = ["id"], Ha = /* @__PURE__ */ y({
+}), Oa = { class: "form-group" }, Aa = ["for", "textContent"], Ea = ["for", "textContent"], Da = { class: "form-color-group" }, Ia = ["id"], Pa = ["id"], Ga = /* @__PURE__ */ y({
   __name: "ColorPicker",
   props: /* @__PURE__ */ V({
     id: { default: null },
@@ -2664,22 +2664,22 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
         textContent: g(e.label)
       }, null, 8, Ea),
       c("div", Da, [
-        H(c("input", {
+        G(c("input", {
           id: o.value,
           "onUpdate:modelValue": p[0] || (p[0] = (v) => s.value = v),
           type: "color",
           class: C(d.value),
           onChange: p[1] || (p[1] = (v) => l("onUpdate"))
-        }, null, 42, Pa), [
+        }, null, 42, Ia), [
           [X, s.value]
         ]),
-        H(c("input", {
+        G(c("input", {
           id: u.value,
           "onUpdate:modelValue": p[2] || (p[2] = (v) => s.value = v),
           type: "text",
           class: C(r.value),
           onChange: p[3] || (p[3] = (v) => l("onUpdate"))
-        }, null, 42, Ga), [
+        }, null, 42, Pa), [
           [
             X,
             s.value,
@@ -2690,7 +2690,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
       ])
     ]));
   }
-}), Ia = { class: "input-file-group" }, Na = ["for", "textContent"], Za = ["id"], Ra = {
+}), Ha = { class: "input-file-group" }, Na = ["for", "textContent"], Za = ["id"], Ra = {
   key: 0,
   class: "input-file-text"
 }, ja = ["textContent"], qa = {
@@ -2723,13 +2723,13 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
     return (v, b) => {
       const m = $e("UiIconMaterial");
       return i(), n("div", null, [
-        c("div", Ia, [
+        c("div", Ha, [
           c("label", {
             for: r.value,
-            textContent: g(G(o))
+            textContent: g(P(o))
           }, null, 8, Na),
           c("div", {
-            class: C(["input-file-dropbox", [s.value ? "valid-file" : "", G(d) ? "dropbox-xl" : ""]])
+            class: C(["input-file-dropbox", [s.value ? "valid-file" : "", P(d) ? "dropbox-xl" : ""]])
           }, [
             c("input", {
               id: r.value,
@@ -2745,7 +2745,7 @@ const Ml = { class: "dialog-content" }, Sl = { class: "dialog-body" }, Ul = {
             ])) : (i(), n("div", qa, [
               M(m, { "icon-code": "" }),
               c("p", {
-                textContent: g(G(u))
+                textContent: g(P(u))
               }, null, 8, Wa)
             ]))
           ], 2)
@@ -2817,7 +2817,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
           class: "mb-2",
           textContent: g(e.label)
         }, null, 8, Ja),
-        H(c("input", {
+        G(c("input", {
           id: r.value,
           "onUpdate:modelValue": x[0] || (x[0] = (L) => p.value = L),
           class: C(b.value),
@@ -2862,7 +2862,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
       l("onUpdate", p);
     }), (p, v) => (i(), n("div", ls, [
       c("div", as, [
-        H(c("input", {
+        G(c("input", {
           id: u.value,
           "onUpdate:modelValue": v[0] || (v[0] = (b) => s.value = b),
           class: C(f.value),
@@ -2879,7 +2879,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
         }, null, 8, is)
       ]),
       c("div", os, [
-        H(c("input", {
+        G(c("input", {
           id: d.value,
           "onUpdate:modelValue": v[1] || (v[1] = (b) => s.value = b),
           class: C(f.value),
@@ -2939,7 +2939,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
           class: "mb-2",
           textContent: g(e.label)
         }, null, 8, ds),
-        H(c("input", {
+        G(c("input", {
           id: u.value,
           "onUpdate:modelValue": p[0] || (p[0] = (b) => s.value = b),
           class: C(r.value),
@@ -3008,7 +3008,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
           class: "mb-2",
           textContent: g(e.label)
         }, null, 8, ps),
-        H(c("select", {
+        G(c("select", {
           id: u.value,
           "onUpdate:modelValue": v[0] || (v[0] = (m) => s.value = m),
           class: C(f.value),
@@ -3082,7 +3082,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
           class: "mb-2",
           textContent: g(e.label)
         }, null, 8, xs),
-        H(c("input", {
+        G(c("input", {
           id: u.value,
           "onUpdate:modelValue": m[0] || (m[0] = (k) => s.value = k),
           class: C(v.value),
@@ -3158,7 +3158,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
           class: "mb-2",
           textContent: g(e.label)
         }, null, 8, _s),
-        H(c("textarea", {
+        G(c("textarea", {
           id: u.value,
           "onUpdate:modelValue": b[0] || (b[0] = (x) => s.value = x),
           class: C(p.value),
@@ -3214,7 +3214,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
     });
     return (l, s) => {
       const o = $e("NuxtLink");
-      return i(), S(G(le), {
+      return i(), S(P(le), {
         "aria-id": e.id ? `${e.id}-tooltip` : void 0,
         class: "d-inline-block"
       }, {
@@ -3335,7 +3335,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
       _: 3
     }, 8, ["class"]));
   }
-}), Ps = ["src", "alt"], Gs = /* @__PURE__ */ y({
+}), Is = ["src", "alt"], Ps = /* @__PURE__ */ y({
   __name: "NavbarAvatar",
   props: {
     src: { default: null },
@@ -3361,7 +3361,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
           "avatar-navbar": e.size === "navbar"
         }]),
         alt: e.alt
-      }, null, 10, Ps)) : (i(), n("span", {
+      }, null, 10, Is)) : (i(), n("span", {
         key: 1,
         class: C(["img-avatar avatar-placeholder", {
           "avatar-sm": e.size === "sm",
@@ -3370,7 +3370,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
       }, null, 2))
     ], 2));
   }
-}), Hs = ["textContent"], Is = ["src"], Ns = ["href", "aria-label"], Zs = /* @__PURE__ */ y({
+}), Gs = ["textContent"], Hs = ["src"], Ns = ["href", "aria-label"], Zs = /* @__PURE__ */ y({
   __name: "NavbarBrand",
   props: {
     text: { default: "" },
@@ -3392,12 +3392,12 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
         key: 0,
         class: "initials-avatar initials-navbar",
         textContent: g(e.initials)
-      }, null, 8, Hs)) : e.logo ? (i(), n("img", {
+      }, null, 8, Gs)) : e.logo ? (i(), n("img", {
         key: 1,
         src: e.logo,
         class: "navbar-logo-img",
         alt: "Brand logo"
-      }, null, 8, Is)) : w("", !0),
+      }, null, 8, Hs)) : w("", !0),
       $(l.$slots, "link", {
         linkTarget: a.value,
         brandText: e.text
@@ -3457,7 +3457,8 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
     }), s = h(() => {
       const o = {
         class: ["nav-link", { disabled: t.disabled }, t.customClass],
-        "aria-disabled": t.disabled || void 0
+        "aria-disabled": t.disabled || void 0,
+        disabled: t.disabled || void 0
       };
       if (t.as === "a" || l.value) {
         const u = typeof a.value == "string" ? a.value : "";
@@ -3615,7 +3616,7 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
         key: r.id,
         class: "navigation-bar-item"
       }, [
-        (i(), S(Y(t.as), I({ ref_for: !0 }, o(r.path, r.ariaLabel, l(r.path))), {
+        (i(), S(Y(t.as), H({ ref_for: !0 }, o(r.path, r.ariaLabel, l(r.path))), {
           default: _(() => [
             M(U, {
               "icon-code": r.icon,
@@ -3649,6 +3650,8 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
     title: { default: null },
     subtitle: { default: null },
     avatarUrl: { default: null },
+    showVerifiedIcon: { type: Boolean, default: !1 },
+    verifiedIconCode: { default: "&#xef76;" },
     user: { default: null },
     auth: { default: null }
   },
@@ -3691,11 +3694,11 @@ const Ja = ["for", "textContent"], Xa = ["id", "maxlength", "placeholder", "disa
                 class: "img-fluid img-avatar avatar-menu mb-2",
                 alt: f.value
               }, null, 8, ui)) : (i(), n("span", di)),
-              e.user ? (i(), S(U, {
+              e.showVerifiedIcon && e.user ? (i(), S(U, {
                 key: 2,
                 class: "avatar-pro-icon",
-                "icon-code": " "
-              })) : w("", !0)
+                "icon-code": e.verifiedIconCode
+              }, null, 8, ["icon-code"])) : w("", !0)
             ]),
             c("p", {
               class: "subtitle-1 text-truncate",
@@ -3910,7 +3913,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
       },
       t.customClass
     ]);
-    return (l, s) => e.interactive ? (i(), S(G(Le), {
+    return (l, s) => e.interactive ? (i(), S(P(Le), {
       key: 0,
       class: "d-flex flex-grow-1",
       placement: e.placement
@@ -3945,7 +3948,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
       ])
     ], 2));
   }
-}), Pi = /* @__PURE__ */ y({
+}), Ii = /* @__PURE__ */ y({
   __name: "SidebarFooter",
   props: {
     customClass: {}
@@ -3957,10 +3960,10 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
       $(t.$slots, "default")
     ], 2));
   }
-}), Gi = ["aria-expanded", "aria-controls"], Hi = {
+}), Pi = ["aria-expanded", "aria-controls"], Gi = {
   key: 1,
   class: "drawer-text"
-}, Ii = ["id"], Ni = /* @__PURE__ */ y({
+}, Hi = ["id"], Ni = /* @__PURE__ */ y({
   __name: "SidebarGroup",
   props: {
     text: { default: "" },
@@ -3996,14 +3999,14 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
           decorative: "",
           class: C({ "rotate-180": a.value })
         }, null, 8, ["class"])
-      ], 8, Gi)) : e.text ? (i(), n("p", Hi, g(e.text), 1)) : w("", !0),
+      ], 8, Pi)) : e.text ? (i(), n("p", Gi, g(e.text), 1)) : w("", !0),
       !e.collapsible || a.value ? (i(), n("div", {
         key: 2,
         id: `group-${e.text}`,
         class: "drawer-group-content"
       }, [
         $(s.$slots, "default")
-      ], 8, Ii)) : w("", !0)
+      ], 8, Hi)) : w("", !0)
     ], 2));
   }
 }), Zi = /* @__PURE__ */ y({
@@ -4050,6 +4053,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
           t.customClass
         ],
         "aria-disabled": t.disabled || void 0,
+        disabled: t.disabled || void 0,
         "aria-labelledby": t.ariaLabelledby || void 0,
         "aria-label": t.ariaLabelledby ? void 0 : t.text
       };
@@ -4079,7 +4083,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
         to: l.value
       };
     });
-    return (u, d) => e.tooltipText ? (i(), S(G(le), {
+    return (u, d) => e.tooltipText ? (i(), S(P(le), {
       key: 0,
       "aria-id": a.value,
       class: "d-inline-block",
@@ -4102,7 +4106,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
         }, 16))
       ]),
       _: 3
-    }, 8, ["aria-id", "placement"])) : (i(), S(Y(t.as), de(I({ key: 1 }, o.value)), {
+    }, 8, ["aria-id", "placement"])) : (i(), S(Y(t.as), de(H({ key: 1 }, o.value)), {
       default: _(() => [
         e.icon ? (i(), S(U, {
           key: 0,
@@ -4127,7 +4131,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
   }
 }), Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UiAccordion: It,
+  UiAccordion: Ht,
   UiAccordionGroup: Nt,
   UiAlert: ze,
   UiAlertToast: Wt,
@@ -4156,7 +4160,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
   UiIconShapes: wa,
   UiIconTool: Ma,
   UiInputCheck: Ta,
-  UiInputColorPicker: Ha,
+  UiInputColorPicker: Ga,
   UiInputFile: Ka,
   UiInputPhoneNumber: ts,
   UiInputRadio: us,
@@ -4170,7 +4174,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
   UiLoading: bt,
   UiModal: El,
   UiNavbar: Ds,
-  UiNavbarAvatar: Gs,
+  UiNavbarAvatar: Ps,
   UiNavbarBrand: Zs,
   UiNavbarCollapse: qs,
   UiNavbarItem: Ws,
@@ -4187,7 +4191,7 @@ const $i = { class: "tab-segmented-control-container" }, ki = ["aria-selected",
   UiSidebar: Si,
   UiSidebarBody: Ui,
   UiSidebarDropdown: Di,
-  UiSidebarFooter: Pi,
+  UiSidebarFooter: Ii,
   UiSidebarGroup: Ni,
   UiSidebarHeader: Zi,
   UiSidebarLink: Ri,
@@ -4206,7 +4210,7 @@ export {
   Ua as G,
   at as H,
   Ta as I,
-  Ha as J,
+  Ga as J,
   Ka as K,
   ts as L,
   us as M,
@@ -4218,7 +4222,7 @@ export {
   Ae as S,
   Ee as T,
   Ds as U,
-  Gs as V,
+  Ps as V,
   Zs as W,
   qs as X,
   Ws as Y,
@@ -4235,7 +4239,7 @@ export {
   Si as a7,
   Ui as a8,
   Di as a9,
-  Pi as aa,
+  Ii as aa,
   Ni as ab,
   Zi as ac,
   Ri as ad,
@@ -4247,7 +4251,7 @@ export {
   bt as f,
   wt as g,
   Ue as h,
-  It as i,
+  Ht as i,
   Nt as j,
   ze as k,
   Wt as l,
@@ -4266,4 +4270,4 @@ export {
   Bl as y,
   Vl as z
 };
-//# sourceMappingURL=components-CxGaYO4j.js.map
+//# sourceMappingURL=components-Dx8eunul.js.map