@colorffy/ui 1.4.5 → 1.4.7

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

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as f, openBlock as o, createElementBlock as n, mergeProps as G, renderSlot as x, toDisplayString as g, createCommentVNode as w, createVNode as M, unref as I, withCtx as B, createTextVNode as T, normalizeClass as m, createElementVNode as c, createBlock as _, ref as O, onMounted as ve, onUnmounted as Ae, watch as N, Transition as ye, Fragment as P, renderList as E, createSlots as Oe, nextTick as Pe, getCurrentInstance as he, getCurrentScope as we, hasInjectionContext as xe, inject as Ee, toRef as pe, readonly as De, customRef as Ie, onScopeDispose as He, shallowRef as q, toValue as D, watchEffect as Ge, withDirectives as H, vShow as Ze, useModel as R, mergeModels as A, normalizeStyle as V, createStaticVNode as z, vModelDynamic as le, vModelText as ee, toRefs as Ne, vModelSelect as Re, resolveDynamicComponent as W, normalizeProps as te, guardReactiveProps as se, useSlots as je } from "vue";
+import { defineComponent as y, computed as f, openBlock as o, createElementBlock as n, mergeProps as G, renderSlot as x, toDisplayString as g, createCommentVNode as w, createVNode as M, unref as H, withCtx as B, createTextVNode as T, normalizeClass as m, createElementVNode as c, createBlock as _, ref as O, onMounted as ve, onUnmounted as Ae, watch as N, Transition as ye, Fragment as P, renderList as E, createSlots as Oe, nextTick as Pe, getCurrentInstance as he, getCurrentScope as we, hasInjectionContext as xe, inject as Ee, toRef as pe, readonly as De, customRef as He, onScopeDispose as Ie, shallowRef as q, toValue as D, watchEffect as Ge, withDirectives as I, vShow as Ze, useModel as R, mergeModels as A, normalizeStyle as V, createStaticVNode as z, vModelDynamic as le, vModelText as ee, toRefs as Ne, vModelSelect as Re, resolveDynamicComponent as W, normalizeProps as te, guardReactiveProps as se, useSlots as je } from "vue";
 import { Tooltip as ie, Dropdown as $e } from "floating-vue";
 const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__ */ y({
   __name: "Material",
@@ -88,7 +88,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   emits: ["onClick"],
   setup(e) {
     return (t, a) => (o(), n("div", null, [
-      M(I(ie), {
+      M(H(ie), {
         "aria-id": `${e.id}-tooltip`,
         class: "d-inline-block"
       }, {
@@ -601,7 +601,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
   }
 });
 function xt(e, t) {
-  return we() ? (He(e, t), !0) : !1;
+  return we() ? (Ie(e, t), !0) : !1;
 }
 const re = /* @__PURE__ */ new WeakMap(), $t = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
   var t;
@@ -615,7 +615,7 @@ const Lt = Object.prototype.toString, Bt = (e) => Lt.call(e) === "[object Object
 function _t(...e) {
   if (e.length !== 1) return pe(...e);
   const t = e[0];
-  return typeof t == "function" ? De(Ie(() => ({
+  return typeof t == "function" ? De(He(() => ({
     get: t,
     set: J
   }))) : O(t);
@@ -660,7 +660,7 @@ function ae(...e) {
     return [
       (l = (s = a.value) === null || s === void 0 ? void 0 : s.map((i) => Y(i))) !== null && l !== void 0 ? l : [ne].filter((i) => i != null),
       ue(D(a.value ? e[1] : e[0])),
-      ue(I(a.value ? e[2] : e[1])),
+      ue(H(a.value ? e[2] : e[1])),
       D(a.value ? e[3] : e[2])
     ];
   }, ([l, s, i, r], d, u) => {
@@ -898,19 +898,19 @@ const _e = /* @__PURE__ */ y({
         (o(!0), n(P, null, E(s.value, (p) => (o(), n("td", {
           key: `col-${p}`
         }, [
-          H(M(S, {
+          I(M(S, {
             class: "text-muted animation-spin me-2",
             "icon-code": "",
             "aria-hidden": "true"
           }, null, 512), [
-            [Ze, !I(l)]
+            [Ze, !H(l)]
           ]),
           M(Ce, { class: "col-12 col-md-6" })
         ]))), 128))
       ]))), 128))
     ], 16));
   }
-}), Et = ["id", "name", "open", "aria-disabled"], Dt = { class: "accordion-header" }, It = { class: "accordion-title" }, Ht = { class: "accordion-body" }, Gt = ["textContent"], Zt = /* @__PURE__ */ y({
+}), Et = ["id", "name", "open", "aria-disabled"], Dt = { class: "accordion-header" }, Ht = { class: "accordion-title" }, It = { class: "accordion-body" }, Gt = ["textContent"], Zt = /* @__PURE__ */ y({
   __name: "Accordion",
   props: /* @__PURE__ */ A({
     id: { default: null },
@@ -936,10 +936,10 @@ const _e = /* @__PURE__ */ y({
     }, [
       c("summary", Dt, [
         x(a.$slots, "header", {}, () => [
-          c("span", It, g(e.title), 1)
+          c("span", Ht, g(e.title), 1)
         ])
       ]),
-      c("div", Ht, [
+      c("div", It, [
         e.text ? (o(), n("p", {
           key: 0,
           textContent: g(e.text)
@@ -1150,7 +1150,7 @@ const ea = /* @__PURE__ */ me(Jt, [["render", Xt]]), ta = /* @__PURE__ */ y({
   emits: ["onClick"],
   setup(e) {
     return (t, a) => (o(), n("div", null, [
-      M(I($e), {
+      M(H($e), {
         "aria-id": `${e.id}-dropdown`,
         "positioning-disabled": e.isMobile
       }, {
@@ -1160,7 +1160,7 @@ const ea = /* @__PURE__ */ me(Jt, [["render", Xt]]), ta = /* @__PURE__ */ y({
           ])
         ]),
         default: B(() => [
-          M(I(ie), {
+          M(H(ie), {
             "aria-id": `${e.id}-tooltip`,
             class: "d-inline-block"
           }, {
@@ -1621,7 +1621,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       role: "dialog",
       "aria-modal": "true"
     }, [
-      H((o(), n("div", Sa, [
+      I((o(), n("div", Sa, [
         c("div", Ua, [
           M(S, {
             class: m(["iw-bold", d.value.cssClass]),
@@ -1647,7 +1647,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           }, null, 8, ["class", "text", "loading", "disabled"])
         ])
       ])), [
-        [I(Fe), p]
+        [H(Fe), p]
       ])
     ], 2));
   }
@@ -1691,7 +1691,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       role: "dialog",
       "aria-modal": "true"
     }, [
-      H((o(), n("div", Aa, [
+      I((o(), n("div", Aa, [
         c("div", Oa, [
           x(h.$slots, "header")
         ]),
@@ -1704,11 +1704,11 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           x(h.$slots, "footer")
         ])
       ])), [
-        [I(Fe), u]
+        [H(Fe), u]
       ])
     ], 2));
   }
-}), Da = ["width", "height", "aria-hidden", "role", "aria-label"], Ia = ["width", "height", "aria-hidden", "role", "aria-label"], Ha = ["width", "height", "aria-hidden", "role", "aria-label"], Ga = ["width", "height", "aria-hidden", "role", "aria-label"], Za = ["width", "height", "aria-hidden", "role", "aria-label"], Na = ["width", "height", "aria-hidden", "role", "aria-label"], Ra = ["width", "height", "aria-hidden", "role", "aria-label"], ja = ["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 = ["width", "height", "aria-hidden", "role", "aria-label"], Ja = ["width", "height", "aria-hidden", "role", "aria-label"], Ya = ["width", "height", "aria-hidden", "role", "aria-label"], Xa = /* @__PURE__ */ y({
+}), Da = ["width", "height", "aria-hidden", "role", "aria-label"], Ha = ["width", "height", "aria-hidden", "role", "aria-label"], Ia = ["width", "height", "aria-hidden", "role", "aria-label"], Ga = ["width", "height", "aria-hidden", "role", "aria-label"], Za = ["width", "height", "aria-hidden", "role", "aria-label"], Na = ["width", "height", "aria-hidden", "role", "aria-label"], Ra = ["width", "height", "aria-hidden", "role", "aria-label"], ja = ["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 = ["width", "height", "aria-hidden", "role", "aria-label"], Ja = ["width", "height", "aria-hidden", "role", "aria-label"], Ya = ["width", "height", "aria-hidden", "role", "aria-label"], Xa = /* @__PURE__ */ y({
   __name: "App",
   props: {
     icon: { default: "youtube" },
@@ -1782,7 +1782,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           "clip-rule": "evenodd",
           d: "M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
         }, null, -1)
-      ])], 14, Ia)) : s.value === "codepen" ? (o(), n("svg", {
+      ])], 14, Ha)) : s.value === "codepen" ? (o(), n("svg", {
         key: 2,
         width: u.value,
         height: u.value,
@@ -1796,7 +1796,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...v[2] || (v[2] = [
         c("path", { d: "M21.838 8.445c0-.001-.001-.001 0 0l-.003-.004-.001-.001v-.001a.809.809 0 0 0-.235-.228l-9.164-6.08a.834.834 0 0 0-.898 0L2.371 8.214A.786.786 0 0 0 2 8.897v6.16a.789.789 0 0 0 .131.448v.001l.002.002.01.015v.002h.001l.001.001.001.001c.063.088.14.16.226.215l9.165 6.082a.787.787 0 0 0 .448.139.784.784 0 0 0 .45-.139l9.165-6.082a.794.794 0 0 0 .371-.685v-6.16a.793.793 0 0 0-.133-.452zm-9.057-4.172 6.953 4.613-3.183 2.112-3.771-2.536V4.273zm-1.592 0v4.189l-3.771 2.536-3.181-2.111 6.952-4.614zm-7.595 6.098 2.395 1.59-2.395 1.611v-3.201zm7.595 9.311-6.96-4.617 3.195-2.15 3.765 2.498v4.269zm.795-5.653-3.128-2.078 3.128-2.105 3.131 2.105-3.131 2.078zm.797 5.653v-4.27l3.766-2.498 3.193 2.15-6.959 4.618zm7.597-6.11-2.396-1.611 2.396-1.59v3.201z" }, null, -1)
-      ])], 14, Ha)) : s.value === "twitter" ? (o(), n("svg", {
+      ])], 14, Ia)) : s.value === "twitter" ? (o(), n("svg", {
         key: 3,
         width: u.value,
         height: u.value,
@@ -2637,7 +2637,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
     return (d, u) => (o(), n("div", {
       class: m(["form-check", l.value ? "form-invalid" : ""])
     }, [
-      H(c("input", {
+      I(c("input", {
         id: s.value,
         "onUpdate:modelValue": u[0] || (u[0] = (h) => a.value = h),
         class: m(r.value),
@@ -2661,7 +2661,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       ])
     ], 2));
   }
-}), El = { class: "form-group" }, Dl = ["for", "textContent"], Il = ["for", "textContent"], Hl = { class: "form-color-group" }, Gl = ["id"], Zl = ["id"], Nl = /* @__PURE__ */ y({
+}), El = { class: "form-group" }, Dl = ["for", "textContent"], Hl = ["for", "textContent"], Il = { class: "form-color-group" }, Gl = ["id"], Zl = ["id"], Nl = /* @__PURE__ */ y({
   __name: "ColorPicker",
   props: /* @__PURE__ */ A({
     id: { default: null },
@@ -2693,9 +2693,9 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         class: "d-none mb-2",
         "aria-hidden": "true",
         textContent: g(e.label)
-      }, null, 8, Il),
-      c("div", Hl, [
-        H(c("input", {
+      }, null, 8, Hl),
+      c("div", Il, [
+        I(c("input", {
           id: i.value,
           "onUpdate:modelValue": p[0] || (p[0] = (v) => s.value = v),
           type: "color",
@@ -2704,7 +2704,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         }, null, 42, Gl), [
           [ee, s.value]
         ]),
-        H(c("input", {
+        I(c("input", {
           id: r.value,
           "onUpdate:modelValue": p[2] || (p[2] = (v) => s.value = v),
           type: "text",
@@ -2754,10 +2754,10 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       c("div", Rl, [
         c("label", {
           for: u.value,
-          textContent: g(I(i))
+          textContent: g(H(i))
         }, null, 8, jl),
         c("div", {
-          class: m(["input-file-dropbox", [s.value ? "valid-file" : "", I(d) ? "dropbox-xl" : ""]])
+          class: m(["input-file-dropbox", [s.value ? "valid-file" : "", H(d) ? "dropbox-lg" : ""]])
         }, [
           c("input", {
             id: u.value,
@@ -2773,7 +2773,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
           ])) : (o(), n("div", Ql, [
             M(S, { "icon-code": "" }),
             c("p", {
-              textContent: g(I(r))
+              textContent: g(H(r))
             }, null, 8, Jl)
           ]))
         ], 2)
@@ -2839,7 +2839,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         class: "mb-2",
         textContent: g(e.label)
       }, null, 8, es),
-      H(c("input", {
+      I(c("input", {
         id: u.value,
         "onUpdate:modelValue": L[0] || (L[0] = (F) => p.value = F),
         class: m(b.value),
@@ -2883,7 +2883,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       l("onUpdate", p);
     }), (p, v) => (o(), n("div", is, [
       c("div", os, [
-        H(c("input", {
+        I(c("input", {
           id: r.value,
           "onUpdate:modelValue": v[0] || (v[0] = (b) => s.value = b),
           class: m(h.value),
@@ -2900,7 +2900,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         }, null, 8, rs)
       ]),
       c("div", us, [
-        H(c("input", {
+        I(c("input", {
           id: d.value,
           "onUpdate:modelValue": v[1] || (v[1] = (b) => s.value = b),
           class: m(h.value),
@@ -2959,7 +2959,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         class: "mb-2",
         textContent: g(e.label)
       }, null, 8, vs),
-      H(c("input", {
+      I(c("input", {
         id: r.value,
         "onUpdate:modelValue": v[0] || (v[0] = (b) => s.value = b),
         class: m(u.value),
@@ -3024,7 +3024,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         class: "mb-2",
         textContent: g(e.label)
       }, null, 8, bs),
-      H(c("select", {
+      I(c("select", {
         id: r.value,
         "onUpdate:modelValue": v[0] || (v[0] = (b) => s.value = b),
         class: m(h.value),
@@ -3092,7 +3092,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         class: "mb-2",
         textContent: g(e.label)
       }, null, 8, Ls),
-      H(c("input", {
+      I(c("input", {
         id: r.value,
         "onUpdate:modelValue": C[0] || (C[0] = (L) => s.value = L),
         class: m(v.value),
@@ -3162,7 +3162,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         class: "mb-2",
         textContent: g(e.label)
       }, null, 8, Us),
-      H(c("textarea", {
+      I(c("textarea", {
         id: r.value,
         "onUpdate:modelValue": b[0] || (b[0] = (C) => s.value = C),
         class: m(p.value),
@@ -3242,7 +3242,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         to: a.value
       };
     });
-    return (r, d) => (o(), _(I(ie), {
+    return (r, d) => (o(), _(H(ie), {
       "aria-id": e.id ? `${e.id}-tooltip` : void 0,
       class: "d-inline-block"
     }, {
@@ -3284,7 +3284,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }), Os = ["aria-disabled"], Ps = { class: "list-item" }, Es = {
   key: 0,
   class: "list-item-icon-wrapper"
-}, Ds = ["textContent"], Is = ["textContent"], Te = /* @__PURE__ */ y({
+}, Ds = ["textContent"], Hs = ["textContent"], Te = /* @__PURE__ */ y({
   __name: "ListItem",
   props: {
     title: { default: null },
@@ -3319,12 +3319,12 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
             key: 1,
             class: "subtitle-2",
             textContent: g(e.text)
-          }, null, 8, Is)) : w("", !0)
+          }, null, 8, Hs)) : w("", !0)
         ])
       ])
     ], 10, Os));
   }
-}), Hs = /* @__PURE__ */ y({
+}), Is = /* @__PURE__ */ y({
   __name: "Navbar",
   props: {
     sticky: { type: Boolean, default: !1 },
@@ -3694,10 +3694,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 2)
     ], 2));
   }
-}), oi = { class: "menu-user-container" }, ni = { class: "menu-user-header" }, ri = { key: 0 }, ui = { class: "avatar-container" }, di = ["src", "alt"], ci = {
-  key: 1,
-  class: "img-avatar avatar-placeholder avatar-menu mb-2"
-}, fi = ["title"], vi = ["title"], hi = { key: 1 }, pi = { class: "subtitle-1 text-truncate" }, mi = { class: "subtitle-2 text-truncate" }, Ci = { class: "menu-user-body" }, bi = { class: "menu-user-footer" }, gi = /* @__PURE__ */ y({
+}), oi = { class: "menu-user-container" }, ni = { class: "menu-user-header" }, ri = { key: 0 }, ui = { class: "avatar-container" }, di = ["src", "alt"], ci = ["title"], fi = ["title"], vi = { key: 1 }, hi = { class: "subtitle-1 text-truncate" }, pi = { class: "subtitle-2 text-truncate" }, mi = { class: "menu-user-body" }, Ci = { class: "menu-user-footer" }, bi = /* @__PURE__ */ y({
   __name: "PopoverMenu",
   props: {
     isOpened: { type: Boolean, default: !1 },
@@ -3714,8 +3711,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     title: { default: null },
     subtitle: { default: null },
     avatarUrl: { default: null },
-    showVerifiedIcon: { type: Boolean, default: !1 },
-    verifiedIconCode: { default: "" },
+    avatarCustomClass: {},
     user: { default: null },
     auth: { default: null }
   },
@@ -3752,27 +3748,25 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
               r.value.photoURL ? (o(), n("img", {
                 key: 0,
                 src: r.value.photoURL,
-                class: "img-fluid img-avatar avatar-menu mb-2",
+                class: m(["img-fluid img-avatar avatar-menu mb-2", e.avatarCustomClass]),
                 alt: h.value
-              }, null, 8, di)) : (o(), n("span", ci)),
-              e.showVerifiedIcon && e.user ? (o(), _(S, {
-                key: 2,
-                class: "avatar-pro-icon",
-                "icon-code": e.verifiedIconCode
-              }, null, 8, ["icon-code"])) : w("", !0)
+              }, null, 10, di)) : (o(), n("span", {
+                key: 1,
+                class: m(["img-avatar avatar-placeholder avatar-menu mb-2", e.avatarCustomClass])
+              }, null, 2))
             ]),
             c("p", {
               class: "subtitle-1 text-truncate",
               title: d.value
-            }, g(d.value), 9, fi),
+            }, g(d.value), 9, ci),
             r.value.email ? (o(), n("p", {
               key: 0,
               class: "subtitle-2 text-truncate",
               title: u.value
-            }, g(u.value), 9, vi)) : w("", !0)
-          ])) : (o(), n("div", hi, [
-            c("p", pi, g(a.title), 1),
-            c("p", mi, g(a.subtitle), 1)
+            }, g(u.value), 9, fi)) : w("", !0)
+          ])) : (o(), n("div", vi, [
+            c("p", hi, g(a.title), 1),
+            c("p", pi, g(a.subtitle), 1)
           ])),
           M(K, {
             variant: "outline",
@@ -3789,7 +3783,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
             _: 1
           })
         ]),
-        c("div", Ci, [
+        c("div", mi, [
           M(Ve, {
             variant: "low-contrast",
             "is-interactive": ""
@@ -3808,13 +3802,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
           }),
           x(C.$slots, "body-extra")
         ]),
-        c("div", bi, [
+        c("div", Ci, [
           x(C.$slots, "footer")
         ])
       ], 2)
     ]));
   }
-}), yi = { class: "tab-segmented-control-container" }, wi = ["aria-selected", "tabindex", "onClick"], xi = /* @__PURE__ */ y({
+}), gi = { class: "tab-segmented-control-container" }, yi = ["aria-selected", "tabindex", "onClick"], wi = /* @__PURE__ */ y({
   __name: "SegmentedControls",
   props: {
     tabs: {},
@@ -3829,7 +3823,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     function d(u) {
       i.value = u, l("updateActiveTab", u);
     }
-    return (u, h) => (o(), n("div", yi, [
+    return (u, h) => (o(), n("div", gi, [
       c("ul", {
         class: "tab-segmented-control",
         role: "tablist",
@@ -3845,7 +3839,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
             "aria-selected": i.value === p.id,
             tabindex: i.value === p.id ? 0 : -1,
             onClick: (b) => d(p.id)
-          }, g(p.label), 11, wi)
+          }, g(p.label), 11, yi)
         ], 2))), 128)),
         c("li", {
           "aria-hidden": "true",
@@ -3855,7 +3849,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       ], 4)
     ]));
   }
-}), $i = ["aria-selected", "tabindex", "onClick"], ki = /* @__PURE__ */ y({
+}), xi = ["aria-selected", "tabindex", "onClick"], $i = /* @__PURE__ */ y({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -3886,11 +3880,11 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
           "aria-selected": i.value === h.id,
           tabindex: i.value === h.id ? 0 : -1,
           onClick: (v) => r(h.id)
-        }, g(h.label), 11, $i)
+        }, g(h.label), 11, xi)
       ]))), 128))
     ], 2));
   }
-}), Li = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], Bi = ["textContent"], _i = /* @__PURE__ */ y({
+}), ki = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], Li = ["textContent"], Bi = /* @__PURE__ */ y({
   __name: "ProgressBar",
   props: {
     value: { default: 0 },
@@ -3933,12 +3927,12 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         e.text ? (o(), n("span", {
           key: 0,
           textContent: g(e.text)
-        }, null, 8, Bi)) : w("", !0),
+        }, null, 8, Li)) : w("", !0),
         x(i.$slots, "default")
-      ], 14, Li)
+      ], 14, ki)
     ], 6));
   }
-}), Mi = /* @__PURE__ */ y({
+}), _i = /* @__PURE__ */ y({
   __name: "ProgressSpinner",
   props: {
     size: { default: "1.25rem" },
@@ -3962,7 +3956,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       "aria-label": "Loading"
     }, null, 6));
   }
-}), Si = { class: "drawer-content" }, Ui = /* @__PURE__ */ y({
+}), Mi = { class: "drawer-content" }, Si = /* @__PURE__ */ y({
   __name: "Sidebar",
   props: {
     bordered: { type: Boolean, default: !1 },
@@ -3985,7 +3979,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       role: "navigation",
       "aria-label": "Main navigation"
     }, [
-      c("div", Si, [
+      c("div", Mi, [
         x(s.$slots, "header"),
         x(s.$slots, "body"),
         x(s.$slots, "footer"),
@@ -3993,7 +3987,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       ])
     ], 6));
   }
-}), zi = /* @__PURE__ */ y({
+}), Ui = /* @__PURE__ */ y({
   __name: "SidebarBody",
   props: {
     customClass: {}
@@ -4005,13 +3999,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       x(t.$slots, "default")
     ], 2));
   }
-}), Fi = { class: "drawer-dropdown-text" }, Vi = { class: "drawer-dropdown-title" }, Ti = {
+}), zi = { class: "drawer-dropdown-text" }, Fi = { class: "drawer-dropdown-title" }, Vi = {
   key: 0,
   class: "drawer-dropdown-subtitle"
-}, Ai = { class: "v-dropdown-menu" }, Oi = { class: "drawer-dropdown-text" }, Pi = { class: "drawer-dropdown-title" }, Ei = {
+}, Ti = { class: "v-dropdown-menu" }, Ai = { class: "drawer-dropdown-text" }, Oi = { class: "drawer-dropdown-title" }, Pi = {
   key: 0,
   class: "drawer-dropdown-subtitle"
-}, Di = /* @__PURE__ */ y({
+}, Ei = /* @__PURE__ */ y({
   __name: "SidebarDropdown",
   props: {
     title: { default: "" },
@@ -4028,13 +4022,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       },
       t.customClass
     ]);
-    return (l, s) => e.interactive ? (o(), _(I($e), {
+    return (l, s) => e.interactive ? (o(), _(H($e), {
       key: 0,
       class: "d-flex flex-grow-1",
       placement: e.placement
     }, {
       popper: B(() => [
-        c("ul", Ai, [
+        c("ul", Ti, [
           x(l.$slots, "default")
         ])
       ]),
@@ -4042,9 +4036,9 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         c("div", {
           class: m(a.value)
         }, [
-          c("div", Fi, [
-            c("p", Vi, g(e.title), 1),
-            e.subtitle ? (o(), n("p", Ti, g(e.subtitle), 1)) : w("", !0)
+          c("div", zi, [
+            c("p", Fi, g(e.title), 1),
+            e.subtitle ? (o(), n("p", Vi, g(e.subtitle), 1)) : w("", !0)
           ]),
           M(S, {
             "icon-code": "",
@@ -4057,13 +4051,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       key: 1,
       class: m(a.value)
     }, [
-      c("div", Oi, [
-        c("p", Pi, g(e.title), 1),
-        e.subtitle ? (o(), n("p", Ei, g(e.subtitle), 1)) : w("", !0)
+      c("div", Ai, [
+        c("p", Oi, g(e.title), 1),
+        e.subtitle ? (o(), n("p", Pi, g(e.subtitle), 1)) : w("", !0)
       ])
     ], 2));
   }
-}), Ii = /* @__PURE__ */ y({
+}), Di = /* @__PURE__ */ y({
   __name: "SidebarFooter",
   props: {
     customClass: {}
@@ -4075,10 +4069,10 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       x(t.$slots, "default")
     ], 2));
   }
-}), Hi = ["aria-expanded", "aria-controls"], Gi = {
+}), Hi = ["aria-expanded", "aria-controls"], Ii = {
   key: 1,
   class: "drawer-text"
-}, Zi = ["id"], Ni = /* @__PURE__ */ y({
+}, Gi = ["id"], Zi = /* @__PURE__ */ y({
   __name: "SidebarGroup",
   props: {
     text: { default: "" },
@@ -4114,17 +4108,17 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
           decorative: "",
           class: m({ "rotate-180": a.value })
         }, null, 8, ["class"])
-      ], 8, Hi)) : e.text ? (o(), n("p", Gi, g(e.text), 1)) : w("", !0),
+      ], 8, Hi)) : e.text ? (o(), n("p", Ii, g(e.text), 1)) : w("", !0),
       !e.collapsible || a.value ? (o(), n("div", {
         key: 2,
         id: `group-${e.text}`,
         class: "drawer-group-content"
       }, [
         x(s.$slots, "default")
-      ], 8, Zi)) : w("", !0)
+      ], 8, Gi)) : w("", !0)
     ], 2));
   }
-}), Ri = /* @__PURE__ */ y({
+}), Ni = /* @__PURE__ */ y({
   __name: "SidebarHeader",
   props: {
     customClass: {}
@@ -4136,7 +4130,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       x(t.$slots, "default")
     ], 2));
   }
-}), ji = /* @__PURE__ */ y({
+}), Ri = /* @__PURE__ */ y({
   __name: "SidebarLink",
   props: {
     id: { default: "" },
@@ -4198,7 +4192,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         to: l.value
       };
     });
-    return (r, d) => e.tooltipText ? (o(), _(I(ie), {
+    return (r, d) => e.tooltipText ? (o(), _(H(ie), {
       key: 0,
       "aria-id": a.value,
       class: "d-inline-block",
@@ -4233,7 +4227,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       _: 3
     }, 16));
   }
-}), qi = /* @__PURE__ */ y({
+}), ji = /* @__PURE__ */ y({
   __name: "SidebarText",
   props: {
     text: { default: "" },
@@ -4244,7 +4238,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       class: m(["drawer-text", e.customClass])
     }, g(e.text), 3));
   }
-}), Qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   UiAccordion: Zt,
   UiAccordionGroup: Nt,
@@ -4288,7 +4282,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   UiListItem: Te,
   UiLoading: bt,
   UiModal: Ea,
-  UiNavbar: Hs,
+  UiNavbar: Is,
   UiNavbarAvatar: Zs,
   UiNavbarBrand: js,
   UiNavbarCollapse: Ks,
@@ -4300,21 +4294,21 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   UiNavbarToggle: li,
   UiNavigationBar: ii,
   UiPaneContent: st,
-  UiPopoverMenu: gi,
-  UiProgressBar: _i,
-  UiProgressSpinner: Mi,
-  UiSegmentedControls: xi,
+  UiPopoverMenu: bi,
+  UiProgressBar: Bi,
+  UiProgressSpinner: _i,
+  UiSegmentedControls: wi,
   UiShapeLoading: wt,
-  UiSidebar: Ui,
-  UiSidebarBody: zi,
-  UiSidebarDropdown: Di,
-  UiSidebarFooter: Ii,
-  UiSidebarGroup: Ni,
-  UiSidebarHeader: Ri,
-  UiSidebarLink: ji,
-  UiSidebarText: qi,
+  UiSidebar: Si,
+  UiSidebarBody: Ui,
+  UiSidebarDropdown: Ei,
+  UiSidebarFooter: Di,
+  UiSidebarGroup: Zi,
+  UiSidebarHeader: Ni,
+  UiSidebarLink: Ri,
+  UiSidebarText: ji,
   UiTableSkeleton: _e,
-  UiTabs: ki
+  UiTabs: $i
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   ii as $,
@@ -4334,7 +4328,7 @@ export {
   Te as N,
   bt as O,
   Ea as P,
-  Hs as Q,
+  Is as Q,
   Zs as R,
   js as S,
   Ks as T,
@@ -4345,23 +4339,23 @@ export {
   ai as Y,
   li as Z,
   Zt as _,
-  Qi as a,
+  Ki as a,
   st as a0,
-  gi as a1,
-  _i as a2,
-  Mi as a3,
-  xi as a4,
+  bi as a1,
+  Bi as a2,
+  _i as a3,
+  wi as a4,
   wt as a5,
-  Ui as a6,
-  zi as a7,
-  Di as a8,
-  Ii as a9,
-  Ni as aa,
-  Ri as ab,
-  ji as ac,
-  qi as ad,
+  Si as a6,
+  Ui as a7,
+  Ei as a8,
+  Di as a9,
+  Zi as aa,
+  Ni as ab,
+  Ri as ac,
+  ji as ad,
   _e as ae,
-  ki as af,
+  $i as af,
   Xl as ag,
   Nt as b,
   Me as c,
@@ -4389,4 +4383,4 @@ export {
   kl as y,
   zl as z
 };
-//# sourceMappingURL=components-BPnbjrgs.js.map
+//# sourceMappingURL=components-CV69FiQW.js.map