@colorffy/ui 1.5.0 → 1.5.1

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

@@ -239,7 +239,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
       ])
     ], 2));
   }
-}), Ce = /* @__PURE__ */ y({
+}), be = /* @__PURE__ */ y({
   __name: "BaseSkeleton",
   props: {
     size: { default: "md" },
@@ -336,8 +336,8 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
     const t = e, a = P(null);
     let l = 0, i = null;
     const s = f(() => {
-      const b = ["d-grid", "place-items-center", "gap-5"];
-      return t.size === "sm" ? b.push("gap-3") : t.size === "lg" && b.push("gap-6"), t.customClass && b.push(t.customClass), b;
+      const C = ["d-grid", "place-items-center", "gap-5"];
+      return t.size === "sm" ? C.push("gap-3") : t.size === "lg" && C.push("gap-6"), t.customClass && C.push(t.customClass), C;
     }), r = f(() => {
       switch (t.size) {
         case "sm":
@@ -348,11 +348,11 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
           return { width: "65px", height: "65px" };
       }
     }), d = f(() => {
-      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;
+      const C = ["subtitle-1", "font-primary", "fw-800"];
+      return t.size === "sm" ? C.push("fs-500") : t.size === "lg" ? C.push("fs-700") : C.push("fs-600"), C;
     }), u = f(() => t.title ? Array.isArray(t.title) ? t.title : [t.title] : []), h = f(() => {
-      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;
+      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;
     });
     function p() {
       u.value.length > 0 && (a.value = u.value[l] || null, u.value.length > 1 && (i = setInterval(() => {
@@ -368,7 +368,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
       v();
     }), N(() => t.title, () => {
       v(), l = 0, p();
-    }, { deep: !0 }), (b, C) => (o(), n("div", G({
+    }, { deep: !0 }), (C, b) => (o(), n("div", G({
       class: s.value,
       style: e.loadingStyles
     }, h.value), [
@@ -379,7 +379,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
         viewBox: "0 0 66 66",
         xmlns: "http://www.w3.org/2000/svg",
         "aria-hidden": "true"
-      }, [...C[0] || (C[0] = [
+      }, [...b[0] || (b[0] = [
         c("circle", {
           class: "path",
           fill: "none",
@@ -465,7 +465,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
       }, Oe({
         body: B(() => [
           c("div", null, [
-            M(Ce, {
+            M(be, {
               size: "lg",
               class: "col-12 h-fixed rounded-lg",
               style: { "--fixed-size": "6.25rem" },
@@ -502,10 +502,10 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
 }), pt = ["width", "height"], mt = {
   key: 1,
   class: "fs-500 fw-800 mb-2"
-}, Ct = {
+}, bt = {
   key: 2,
   class: "subtitle-1 text-muted mb-3"
-}, bt = /* @__PURE__ */ y({
+}, Ct = /* @__PURE__ */ y({
   __name: "Loading",
   props: {
     title: { default: null },
@@ -550,7 +550,7 @@ const qe = ["aria-hidden", "role", "aria-label", "innerHTML"], S = /* @__PURE__
         }, null, -1)
       ])], 8, pt)),
       e.title ? (o(), n("h2", mt, g(e.title), 1)) : w("", !0),
-      e.subtitle ? (o(), n("p", Ct, g(e.subtitle), 1)) : w("", !0)
+      e.subtitle ? (o(), n("p", bt, g(e.subtitle), 1)) : w("", !0)
     ], 16));
   }
 }), gt = {
@@ -665,7 +665,7 @@ function ae(...e) {
     ];
   }, ([l, i, s, r], d, u) => {
     if (!l?.length || !i?.length || !s?.length) return;
-    const h = Bt(r) ? { ...r } : r, p = l.flatMap((v) => i.flatMap((b) => s.map((C) => t(v, b, C, h))));
+    const h = Bt(r) ? { ...r } : r, p = l.flatMap((v) => i.flatMap((C) => s.map((b) => t(v, C, b, h))));
     u(() => {
       p.forEach((v) => v());
     });
@@ -694,7 +694,7 @@ function ge(e, t, a = {}) {
     const k = D($), Z = k.$.subTree && k.$.subTree.children;
     return Z == null || !Array.isArray(Z) ? !1 : Z.some((j) => j.el === U.target || U.composedPath().includes(j.el));
   }
-  const b = ($) => {
+  const C = ($) => {
     const U = Y(e);
     if ($.target != null && !(!(U instanceof Element) && p(e) && v(e, $)) && !(!U || U === $.target || $.composedPath().includes(U))) {
       if ("detail" in $ && $.detail === 0 && (u = !h($)), !u) {
@@ -704,12 +704,12 @@ function ge(e, t, a = {}) {
       t($);
     }
   };
-  let C = !1;
+  let b = !1;
   const L = [
     ae(l, "click", ($) => {
-      C || (C = !0, setTimeout(() => {
-        C = !1;
-      }, 0), b($));
+      b || (b = !0, setTimeout(() => {
+        b = !1;
+      }, 0), C($));
     }, {
       passive: !0,
       capture: s
@@ -732,7 +732,7 @@ function ge(e, t, a = {}) {
       u = !1;
     },
     trigger: ($) => {
-      u = !0, b($), u = !1;
+      u = !0, C($), u = !1;
     }
   } : F;
 }
@@ -761,9 +761,9 @@ function Q(e, t = {}) {
   return Ge(() => {
     if (s.value) {
       s.value = !i.value, d.value = D(e).split(",").some((h) => {
-        const p = h.includes("not all"), v = h.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), b = h.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let C = !!(v || b);
-        return v && C && (C = l >= X(v[1])), b && C && (C = l <= X(b[1])), p ? !C : C;
+        const p = h.includes("not all"), v = h.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), C = h.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let b = !!(v || C);
+        return v && b && (b = l >= X(v[1])), C && b && (b = l <= X(C[1])), p ? !b : b;
       });
       return;
     }
@@ -780,59 +780,59 @@ const At = {
 };
 // @__NO_SIDE_EFFECTS__
 function Ot(e, t = {}) {
-  function a(C, L) {
-    let F = D(e[D(C)]);
+  function a(b, L) {
+    let F = D(e[D(b)]);
     return L != null && (F = Mt(F, L)), typeof F == "number" && (F = `${F}px`), F;
   }
   const { window: l = ne, strategy: i = "min-width", ssrWidth: s = /* @__PURE__ */ Be() } = t, r = typeof s == "number", d = r ? q(!1) : { value: !0 };
   r && Ut(() => d.value = !!l);
-  function u(C, L) {
-    return !d.value && r ? C === "min" ? s >= X(L) : s <= X(L) : l ? l.matchMedia(`(${C}-width: ${L})`).matches : !1;
+  function u(b, L) {
+    return !d.value && r ? b === "min" ? s >= X(L) : s <= X(L) : l ? l.matchMedia(`(${b}-width: ${L})`).matches : !1;
   }
-  const h = (C) => Q(() => `(min-width: ${a(C)})`, t), p = (C) => Q(() => `(max-width: ${a(C)})`, t), v = Object.keys(e).reduce((C, L) => (Object.defineProperty(C, L, {
+  const h = (b) => Q(() => `(min-width: ${a(b)})`, t), p = (b) => Q(() => `(max-width: ${a(b)})`, t), v = Object.keys(e).reduce((b, L) => (Object.defineProperty(b, L, {
     get: () => i === "min-width" ? h(L) : p(L),
     enumerable: !0,
     configurable: !0
-  }), C), {});
-  function b() {
-    const C = Object.keys(e).map((L) => [
+  }), b), {});
+  function C() {
+    const b = Object.keys(e).map((L) => [
       L,
       v[L],
       X(a(L))
     ]).sort((L, F) => L[2] - F[2]);
-    return f(() => C.filter(([, L]) => L.value).map(([L]) => L));
+    return f(() => b.filter(([, L]) => L.value).map(([L]) => L));
   }
   return Object.assign(v, {
     greaterOrEqual: h,
     smallerOrEqual: p,
-    greater(C) {
-      return Q(() => `(min-width: ${a(C, 0.1)})`, t);
+    greater(b) {
+      return Q(() => `(min-width: ${a(b, 0.1)})`, t);
     },
-    smaller(C) {
-      return Q(() => `(max-width: ${a(C, -0.1)})`, t);
+    smaller(b) {
+      return Q(() => `(max-width: ${a(b, -0.1)})`, t);
     },
-    between(C, L) {
-      return Q(() => `(min-width: ${a(C)}) and (max-width: ${a(L, -0.1)})`, t);
+    between(b, L) {
+      return Q(() => `(min-width: ${a(b)}) and (max-width: ${a(L, -0.1)})`, t);
     },
-    isGreater(C) {
-      return u("min", a(C, 0.1));
+    isGreater(b) {
+      return u("min", a(b, 0.1));
     },
-    isGreaterOrEqual(C) {
-      return u("min", a(C));
+    isGreaterOrEqual(b) {
+      return u("min", a(b));
     },
-    isSmaller(C) {
-      return u("max", a(C, -0.1));
+    isSmaller(b) {
+      return u("max", a(b, -0.1));
     },
-    isSmallerOrEqual(C) {
-      return u("max", a(C));
+    isSmallerOrEqual(b) {
+      return u("max", a(b));
     },
-    isInBetween(C, L) {
-      return u("min", a(C)) && u("max", a(L, -0.1));
+    isInBetween(b, L) {
+      return u("min", a(b)) && u("max", a(L, -0.1));
     },
-    current: b,
+    current: C,
     active() {
-      const C = b();
-      return f(() => C.value.length === 0 ? "" : C.value.at(i === "min-width" ? -1 : 0));
+      const b = C();
+      return f(() => b.value.length === 0 ? "" : b.value.at(i === "min-width" ? -1 : 0));
     }
   });
 }
@@ -905,7 +905,7 @@ const _e = /* @__PURE__ */ y({
           }, null, 512), [
             [Ze, !H(l)]
           ]),
-          M(Ce, { class: "col-12 col-md-6" })
+          M(be, { class: "col-12 col-md-6" })
         ]))), 128))
       ]))), 128))
     ], 16));
@@ -1053,7 +1053,7 @@ const _e = /* @__PURE__ */ y({
       _: 1
     }));
   }
-}), Qt = ["textContent"], be = /* @__PURE__ */ y({
+}), Qt = ["textContent"], Ce = /* @__PURE__ */ y({
   __name: "Badge",
   props: {
     text: { default: void 0 },
@@ -1241,7 +1241,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
           T(" " + g(e.itemText), 1)
         ]),
         e.badge || e.shortcut ? (o(), n("span", ra, [
-          e.badge ? (o(), _(be, {
+          e.badge ? (o(), _(Ce, {
             key: 0,
             size: "sm",
             variant: e.badge.variant,
@@ -1270,7 +1270,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
 }), fa = ["aria-label"], va = ["tabindex", "aria-checked", "aria-disabled", "aria-label", "onClick", "onKeydown"], ha = { class: "toggle-btn-inner" }, pa = {
   key: 0,
   class: "toggle-btn-icon-wrapper"
-}, ma = { class: "toggle-btn-support-text" }, Ca = ["textContent"], ba = ["textContent"], ga = { key: 1 }, ya = /* @__PURE__ */ y({
+}, ma = { class: "toggle-btn-support-text" }, ba = ["textContent"], Ca = ["textContent"], ga = { key: 1 }, ya = /* @__PURE__ */ y({
   __name: "ButtonToggleGroup",
   props: {
     options: {},
@@ -1298,8 +1298,8 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
       return `toggle-btn-${h}`;
     }
     function d(h) {
-      const p = h.title || "Option", v = h.disabled ? " (disabled)" : "", b = h.active ? " (selected)" : "";
-      return `${p}${v}${b}`;
+      const p = h.title || "Option", v = h.disabled ? " (disabled)" : "", C = h.active ? " (selected)" : "";
+      return `${p}${v}${C}`;
     }
     function u(h) {
       return h.iconClass || "";
@@ -1309,8 +1309,8 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
       role: "radiogroup",
       "aria-label": a.ariaLabel
     }, [
-      (o(!0), n(O, null, E(a.options, (v, b) => (o(), n("div", {
-        key: r(b),
+      (o(!0), n(O, null, E(a.options, (v, C) => (o(), n("div", {
+        key: r(C),
         role: "radio",
         tabindex: v.disabled ? -1 : 0,
         "aria-checked": v.active,
@@ -1320,8 +1320,8 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
           "toggle-btn-active": v.active,
           "toggle-btn-disabled": v.disabled
         }]),
-        onClick: (C) => i(C, v),
-        onKeydown: (C) => s(C, v)
+        onClick: (b) => i(b, v),
+        onKeydown: (b) => s(b, v)
       }, [
         c("div", ha, [
           v.icon ? (o(), n("div", pa, [
@@ -1336,15 +1336,15 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
               key: 0,
               class: "subtitle-1",
               textContent: g(v.title)
-            }, null, 8, Ca)) : w("", !0),
+            }, null, 8, ba)) : w("", !0),
             v.text ? (o(), n("p", {
               key: 1,
               class: "subtitle-2",
               textContent: g(v.text)
-            }, null, 8, ba)) : w("", !0)
+            }, null, 8, Ca)) : w("", !0)
           ]),
           v.badge && v.badge.text ? (o(), n("div", ga, [
-            M(be, {
+            M(Ce, {
               variant: v.badge.variant,
               text: v.badge.text,
               "aria-label": `Tier: ${v.badge.text}`
@@ -1397,10 +1397,10 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
       const k = $.normalize("NFD").replace(/[\u0300-\u036F]/g, "").toLowerCase().replace(/[^a-z0-9]+(.)/gi, (Z, j) => j.toUpperCase());
       return k.charAt(0).toLowerCase() + k.slice(1);
     }
-    function b() {
+    function C() {
       i.value.length > 0 ? i.value = [] : i.value = [...t.hiddenColumns];
     }
-    function C($) {
+    function b($) {
       const U = i.value.indexOf($);
       U > -1 ? i.value.splice(U, 1) : d.value.length > 1 && i.value.push($);
     }
@@ -1425,7 +1425,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
               icon: "",
               "icon-variant": "shape-sm",
               "tooltip-text": r.value,
-              onOnClick: b
+              onOnClick: C
             }, {
               icon: B(() => [
                 M(S, {
@@ -1454,7 +1454,7 @@ const ia = /* @__PURE__ */ me(aa, [["render", sa]]), oa = ["disabled"], na = { c
                   "item-text": k,
                   icon: L(k) ? "" : "",
                   disabled: F(k),
-                  onClick: (Z) => C(k)
+                  onClick: (Z) => b(k)
                 }, null, 8, ["id", "item-text", "icon", "disabled", "onClick"]))), 128))
               ]),
               _: 1
@@ -1578,25 +1578,25 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       const v = ["dialog-confirm"];
       return l.mode ? (l.mode === "modal" && v.push("dialog-modal"), l.mode === "side-sheet" && v.push("dialog-side-sheet"), l.mode === "headless" && v.push("dialog-headless")) : v.push("dialog-modal"), l.size && (l.size === "sm" && v.push("dialog-sm"), l.size === "lg" && v.push("dialog-lg")), l.customClass && (Array.isArray(l.customClass) ? v.push(...l.customClass) : v.push(l.customClass)), v;
     }), d = f(() => {
-      let v, b;
+      let v, C;
       switch (l.variant) {
         case "danger":
-          v = "text-danger", b = "&#xe872;";
+          v = "text-danger", C = "&#xe872;";
           break;
         case "warning":
-          v = "text-warning", b = "&#xe002;";
+          v = "text-warning", C = "&#xe002;";
           break;
         case "success":
-          v = "text-success", b = "&#xe86c;";
+          v = "text-success", C = "&#xe86c;";
           break;
         case "primary":
-          v = "text-primary", b = "&#xe88e;";
+          v = "text-primary", C = "&#xe88e;";
           break;
         default:
-          v = "text-muted", b = "&#xe872;";
+          v = "text-muted", C = "&#xe872;";
           break;
       }
-      return { cssClass: v, icon: b };
+      return { cssClass: v, icon: C };
     }), u = f(() => {
       const v = [];
       return l.variant && v.push(`filled-${l.variant}`), v;
@@ -1610,7 +1610,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
     return t({
       showDialog: h,
       closeDialog: p
-    }), (v, b) => (o(), n("dialog", {
+    }), (v, C) => (o(), n("dialog", {
       ref_key: "dialogRef",
       ref: s,
       class: m(["dialog", r.value]),
@@ -1639,7 +1639,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
             text: e.confirmLabel,
             loading: e.isLoading,
             disabled: e.isLoading,
-            onClick: b[0] || (b[0] = (C) => i("confirm"))
+            onClick: C[0] || (C[0] = (b) => i("confirm"))
           }, null, 8, ["class", "text", "loading", "disabled"])
         ])
       ])), [
@@ -1966,7 +1966,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       ])], 14, Ya))
     ]));
   }
-}), 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"], sl = ["width", "height", "role", "aria-hidden", "aria-label"], il = ["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"], ul = ["width", "height", "role", "aria-hidden", "aria-label"], dl = ["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"], Cl = ["width", "height", "role", "aria-hidden", "aria-label"], bl = ["width", "height", "role", "aria-hidden", "aria-label"], gl = ["width", "height", "role", "aria-hidden", "aria-label"], yl = ["width", "height", "role", "aria-hidden", "aria-label"], wl = ["width", "height", "role", "aria-hidden", "aria-label"], xl = ["width", "height", "role", "aria-hidden", "aria-label"], $l = ["width", "height", "role", "aria-hidden", "aria-label"], kl = /* @__PURE__ */ y({
+}), 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"], sl = ["width", "height", "role", "aria-hidden", "aria-label"], il = ["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"], ul = ["width", "height", "role", "aria-hidden", "aria-label"], dl = ["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 = ["width", "height", "role", "aria-hidden", "aria-label"], xl = ["width", "height", "role", "aria-hidden", "aria-label"], $l = ["width", "height", "role", "aria-hidden", "aria-label"], kl = /* @__PURE__ */ y({
   __name: "Shapes",
   props: {
     shape: { default: "lighting-1" },
@@ -2278,7 +2278,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...u[17] || (u[17] = [
         z('<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, Cl)) : e.shape === "star-3" ? (o(), n("svg", {
+      ])], 8, bl)) : e.shape === "star-3" ? (o(), n("svg", {
         key: 18,
         width: l.value,
         height: l.value,
@@ -2290,7 +2290,7 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
         xmlns: "http://www.w3.org/2000/svg"
       }, [...u[18] || (u[18] = [
         z('<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, bl)) : e.shape === "star-4" ? (o(), n("svg", {
+      ])], 8, Cl)) : e.shape === "star-4" ? (o(), n("svg", {
         key: 19,
         width: l.value,
         height: l.value,
@@ -2449,8 +2449,8 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       viewBox: s.value.viewBox,
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      (o(!0), n(O, null, E(s.value.paths, (v, b) => (o(), n("path", {
-        key: `tool-path-${b}`,
+      (o(!0), n(O, null, E(s.value.paths, (v, C) => (o(), n("path", {
+        key: `tool-path-${C}`,
         d: v.d
       }, null, 8, Bl))), 128))
     ], 12, Ll)) : t.tool === "Firebase Console" ? (o(), n("svg", {
@@ -2739,10 +2739,10 @@ const Sa = { class: "dialog-content" }, Ua = { class: "dialog-body" }, za = {
       return a.customClass && v.push(a.customClass), v;
     });
     function p(v) {
-      const C = v.target.files?.[0] ?? null;
-      i.value = C, l("onUpdate", C);
+      const b = v.target.files?.[0] ?? null;
+      i.value = b, l("onUpdate", b);
     }
-    return (v, b) => (o(), n("div", null, [
+    return (v, C) => (o(), n("div", null, [
       c("div", Rl, [
         c("label", {
           for: u.value,
@@ -2814,17 +2814,17 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   setup(e, { emit: t }) {
     const a = e, l = t, i = R(e, "modelValue"), { formatPhoneNumber: s } = Xl(), r = f(() => a.errorMessages?.length > 0), d = f(() => a.id ?? void 0), u = f(() => d.value ? `${d.value}-input-text` : void 0), h = f(() => r.value && d.value ? `${d.value}-error-0` : void 0), p = f({
       get: () => {
-        const C = i.value ?? "";
-        return C.trim() ? s(C) : "";
+        const b = i.value ?? "";
+        return b.trim() ? s(b) : "";
       },
-      set: (C) => {
-        i.value = C ?? "", l("onUpdate", i.value);
+      set: (b) => {
+        i.value = b ?? "", l("onUpdate", i.value);
       }
-    }), v = f(() => a.placeholder ?? void 0), b = f(() => {
-      const C = ["form-control"];
-      return a.variant && C.push(`form-${a.variant}`), a.rounded && C.push("form-rounded"), a.customClass && C.push(a.customClass), C;
+    }), v = f(() => a.placeholder ?? void 0), C = f(() => {
+      const b = ["form-control"];
+      return a.variant && b.push(`form-${a.variant}`), a.rounded && b.push("form-rounded"), a.customClass && b.push(a.customClass), b;
     });
-    return (C, L) => (o(), n("div", {
+    return (b, L) => (o(), n("div", {
       class: m(["form-group", r.value ? "form-invalid" : ""])
     }, [
       c("label", {
@@ -2835,7 +2835,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       I(c("input", {
         id: u.value,
         "onUpdate:modelValue": L[0] || (L[0] = (F) => p.value = F),
-        class: m(b.value),
+        class: m(C.value),
         maxlength: e.maxlength,
         placeholder: v.value,
         disabled: e.disabled,
@@ -2878,7 +2878,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       c("div", os, [
         I(c("input", {
           id: r.value,
-          "onUpdate:modelValue": v[0] || (v[0] = (b) => i.value = b),
+          "onUpdate:modelValue": v[0] || (v[0] = (C) => i.value = C),
           class: m(h.value),
           name: u.value,
           value: 6.5,
@@ -2895,7 +2895,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       c("div", us, [
         I(c("input", {
           id: d.value,
-          "onUpdate:modelValue": v[1] || (v[1] = (b) => i.value = b),
+          "onUpdate:modelValue": v[1] || (v[1] = (C) => i.value = C),
           class: m(h.value),
           name: u.value,
           value: 10,
@@ -2914,7 +2914,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
 }), vs = ["for", "textContent"], hs = ["id", "min", "max", "step", "aria-invalid", "aria-describedby", "disabled"], ps = ["id"], ms = {
   key: 1,
   class: "caption text-muted mt-1"
-}, Cs = /* @__PURE__ */ y({
+}, bs = /* @__PURE__ */ y({
   __name: "Range",
   props: /* @__PURE__ */ A({
     min: { default: 0 },
@@ -2957,7 +2957,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 8, vs),
       I(c("input", {
         id: r.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (b) => i.value = b),
+        "onUpdate:modelValue": v[0] || (v[0] = (C) => i.value = C),
         class: m(u.value),
         type: "range",
         min: e.min,
@@ -2977,7 +2977,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, g(e.errorMessages?.[0]), 9, ps)) : e.optionalLabel ? (o(), n("p", ms, " Optional ")) : w("", !0)
     ], 2));
   }
-}), bs = ["for", "textContent"], gs = ["id", "placeholder", "disabled", "required", "aria-invalid", "aria-describedby"], ys = {
+}), Cs = ["for", "textContent"], gs = ["id", "placeholder", "disabled", "required", "aria-invalid", "aria-describedby"], ys = {
   value: null,
   disabled: ""
 }, ws = ["value"], xs = ["id"], $s = {
@@ -3020,10 +3020,10 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         for: r.value,
         class: "mb-2",
         textContent: g(e.label)
-      }, null, 8, bs),
+      }, null, 8, Cs),
       I(c("select", {
         id: r.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (b) => i.value = b),
+        "onUpdate:modelValue": v[0] || (v[0] = (C) => i.value = C),
         class: m(h.value),
         placeholder: u.value,
         disabled: e.disabled,
@@ -3032,10 +3032,10 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         "aria-describedby": d.value
       }, [
         c("option", ys, g(e.placeholder), 1),
-        (o(!0), n(O, null, E(e.options, (b, C) => (o(), n("option", {
-          key: `option-${C}`,
-          value: e.optionValue ? b[e.optionValue] : b
-        }, g(e.optionLabel ? b[e.optionLabel] : b), 9, ws))), 128))
+        (o(!0), n(O, null, E(e.options, (C, b) => (o(), n("option", {
+          key: `option-${b}`,
+          value: e.optionValue ? C[e.optionValue] : C
+        }, g(e.optionLabel ? C[e.optionLabel] : C), 9, ws))), 128))
       ], 10, gs), [
         [Re, i.value]
       ]),
@@ -3076,12 +3076,12 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   emits: /* @__PURE__ */ A(["update:modelValue", "onUpdate"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const a = e, l = t, i = R(e, "modelValue"), s = f(() => a.errorMessages?.length > 0), r = f(() => a.id ? `${a.id}-input-text` : void 0), d = f(() => s.value && a.id ? `${a.id}-error-0` : void 0), u = f(() => a.placeholder ?? void 0), h = f(() => a.type === "number" ? a.min ?? void 0 : void 0), p = f(() => a.type === "number" ? a.max ?? void 0 : void 0), v = f(() => {
-      const b = ["form-control"];
-      return a.variant && b.push(`form-${a.variant}`), a.rounded && b.push("form-rounded"), a.customClass && b.push(a.customClass), b;
+      const C = ["form-control"];
+      return a.variant && C.push(`form-${a.variant}`), a.rounded && C.push("form-rounded"), a.customClass && C.push(a.customClass), C;
     });
-    return N(i, (b) => {
-      l("onUpdate", b);
-    }), (b, C) => (o(), n("div", {
+    return N(i, (C) => {
+      l("onUpdate", C);
+    }), (C, b) => (o(), n("div", {
       class: m(["form-group", s.value ? "form-invalid" : ""])
     }, [
       c("label", {
@@ -3091,7 +3091,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 8, Ls),
       I(c("input", {
         id: r.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (L) => i.value = L),
+        "onUpdate:modelValue": b[0] || (b[0] = (L) => i.value = L),
         class: m(v.value),
         type: e.type,
         maxlength: e.maxlength,
@@ -3151,7 +3151,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     });
     return N(i, (v) => {
       l("onUpdate", v);
-    }), (v, b) => (o(), n("div", {
+    }), (v, C) => (o(), n("div", {
       class: m(["form-group", s.value ? "form-invalid" : ""])
     }, [
       c("label", {
@@ -3161,7 +3161,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 8, Us),
       I(c("textarea", {
         id: r.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (C) => i.value = C),
+        "onUpdate:modelValue": C[0] || (C[0] = (b) => i.value = b),
         class: m(p.value),
         maxlength: e.maxlength,
         placeholder: u.value,
@@ -3662,20 +3662,20 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       return typeof u == "string" && /^(?:https?:|mailto:|tel:|\/\/)/.test(u);
     }
     function d(u, h, p) {
-      const v = r(u), b = {
+      const v = r(u), C = {
         "aria-label": h,
         "aria-current": p ? "page" : void 0,
         class: "navigation-bar-link"
       };
       return t.as === "a" || v ? {
-        ...b,
+        ...C,
         href: typeof u == "string" ? u : "",
         ...v && {
           target: "_blank",
           rel: "noopener noreferrer"
         }
       } : {
-        ...b,
+        ...C,
         to: u
       };
     }
@@ -3704,7 +3704,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       }, null, 2)
     ], 2));
   }
-}), oi = { class: "popover-menu-container" }, ni = { class: "popover-menu-header" }, ri = { key: 0 }, ui = { class: "avatar-container" }, di = ["src", "alt"], ci = ["title"], fi = ["title"], vi = { key: 1 }, hi = { class: "subtitle-1 text-truncate" }, pi = { class: "subtitle-2 text-truncate" }, mi = { class: "popover-menu-body" }, Ci = { class: "popover-menu-footer" }, bi = /* @__PURE__ */ y({
+}), oi = { class: "popover-menu-container" }, ni = { class: "popover-menu-header" }, ri = { key: 0 }, ui = { class: "avatar-container" }, di = ["src", "alt"], ci = ["title"], fi = ["title"], vi = { key: 1 }, hi = { class: "subtitle-1 text-truncate" }, pi = { class: "subtitle-2 text-truncate" }, mi = { class: "popover-menu-body" }, bi = { class: "popover-menu-footer" }, Ci = /* @__PURE__ */ y({
   __name: "PopoverMenu",
   props: {
     isOpened: { type: Boolean, default: !1 },
@@ -3738,13 +3738,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
     function p() {
       l("hideDropdown");
     }
-    function v(C) {
-      l("menuItemClick", C), p();
+    function v(b) {
+      l("menuItemClick", b), p();
     }
-    function b(C) {
-      return a.currentRoute ? typeof C == "string" ? a.currentRoute.path === C : typeof C == "object" && "name" in C ? a.currentRoute.name === C.name : !1 : !1;
+    function C(b) {
+      return a.currentRoute ? typeof b == "string" ? a.currentRoute.path === b : typeof b == "object" && "name" in b ? a.currentRoute.name === b.name : !1 : !1;
     }
-    return (C, L) => (o(), n("div", oi, [
+    return (b, L) => (o(), n("div", oi, [
       c("div", {
         id: "user-navigation-menu",
         class: m(s.value),
@@ -3804,22 +3804,22 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
                 key: F.id,
                 title: F.text,
                 icon: F.icon,
-                active: b(F.to),
+                active: C(F.to),
                 "aria-label": F.ariaLabel,
                 onClick: ($) => v(F.to)
               }, null, 8, ["title", "icon", "active", "aria-label", "onClick"]))), 128))
             ]),
             _: 1
           }),
-          x(C.$slots, "body-extra")
+          x(b.$slots, "body-extra")
         ]),
-        c("div", Ci, [
-          x(C.$slots, "footer")
+        c("div", bi, [
+          x(b.$slots, "footer")
         ])
       ], 2)
     ]));
   }
-}), gi = { class: "tab-segmented-control-container" }, yi = ["aria-selected", "tabindex", "onClick"], wi = /* @__PURE__ */ y({
+}), gi = { class: "tab-segmented-control-container" }, yi = ["aria-selected", "aria-disabled", "tabindex", "disabled", "onClick"], wi = /* @__PURE__ */ y({
   __name: "SegmentedControls",
   props: {
     tabs: {},
@@ -3832,7 +3832,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       u && (s.value = u);
     });
     function d(u) {
-      s.value = u, l("updateActiveTab", u);
+      u.disabled || (s.value = u.id, l("updateActiveTab", u.id));
     }
     return (u, h) => (o(), n("div", gi, [
       c("ul", {
@@ -3845,11 +3845,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
           class: m(["segmented-control-item", [s.value === p.id ? "active-item" : ""]])
         }, [
           c("button", {
-            class: m(["segmented-control-link", [s.value === p.id ? "active" : ""]]),
+            class: m(["segmented-control-link", [s.value === p.id ? "active" : "", p.disabled ? "disabled" : ""]]),
             role: "tab",
             "aria-selected": s.value === p.id,
+            "aria-disabled": p.disabled,
             tabindex: s.value === p.id ? 0 : -1,
-            onClick: (b) => d(p.id)
+            disabled: p.disabled,
+            onClick: (C) => d(p)
           }, g(p.label), 11, yi)
         ], 2))), 128)),
         c("li", {
@@ -3860,7 +3862,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       ], 4)
     ]));
   }
-}), xi = ["aria-selected", "tabindex", "onClick"], $i = /* @__PURE__ */ y({
+}), xi = ["aria-selected", "aria-disabled", "tabindex", "disabled", "onClick"], $i = /* @__PURE__ */ y({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -3875,7 +3877,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
       d && (s.value = d);
     });
     function r(d) {
-      s.value = d, l("updateActiveTab", d);
+      d.disabled || (s.value = d.id, l("updateActiveTab", d.id));
     }
     return (d, u) => (o(), n("ul", {
       class: m(["tabs-navigation", { "tabs-pills": e.pillTabs, "tabs-contrast": e.contrastTabs }]),
@@ -3886,11 +3888,13 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
         class: "tab-item"
       }, [
         c("button", {
-          class: m(["tab-link", [s.value === h.id ? "active" : ""]]),
+          class: m(["tab-link", [s.value === h.id ? "active" : "", h.disabled ? "disabled" : ""]]),
           role: "tab",
           "aria-selected": s.value === h.id,
+          "aria-disabled": h.disabled,
           tabindex: s.value === h.id ? 0 : -1,
-          onClick: (v) => r(h.id)
+          disabled: h.disabled,
+          onClick: (v) => r(h)
         }, g(h.label), 11, xi)
       ]))), 128))
     ], 2));
@@ -4265,9 +4269,9 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   UiAlert: Me,
   UiAlertToast: Kt,
   UiAvatar: Vl,
-  UiBadge: be,
+  UiBadge: Ce,
   UiBadgeGroup: ea,
-  UiBaseSkeleton: Ce,
+  UiBaseSkeleton: be,
   UiButton: K,
   UiButtonFabGroup: ta,
   UiButtonGroup: Se,
@@ -4293,14 +4297,14 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   UiInputFile: Yl,
   UiInputPhoneNumber: ss,
   UiInputRadio: fs,
-  UiInputRange: Cs,
+  UiInputRange: bs,
   UiInputSelect: ks,
   UiInputText: Ss,
   UiInputTextarea: Ts,
   UiLinkTooltip: As,
   UiListGroup: Ve,
   UiListItem: Te,
-  UiLoading: bt,
+  UiLoading: Ct,
   UiModal: Ea,
   UiNavbar: Is,
   UiNavbarAvatar: Zs,
@@ -4314,7 +4318,7 @@ const es = ["for", "textContent"], ts = ["id", "maxlength", "placeholder", "disa
   UiNavbarToggle: li,
   UiNavigationBar: ii,
   UiPaneContent: st,
-  UiPopoverMenu: bi,
+  UiPopoverMenu: Ci,
   UiProgressBar: Bi,
   UiProgressSpinner: _i,
   UiSegmentedControls: wi,
@@ -4338,7 +4342,7 @@ export {
   Yl as D,
   ss as E,
   fs as F,
-  Cs as G,
+  bs as G,
   at as H,
   ks as I,
   Ss as J,
@@ -4346,7 +4350,7 @@ export {
   As as L,
   Ve as M,
   Te as N,
-  bt as O,
+  Ct as O,
   Ea as P,
   Is as Q,
   Zs as R,
@@ -4361,7 +4365,7 @@ export {
   Zt as _,
   Ki as a,
   st as a0,
-  bi as a1,
+  Ci as a1,
   Bi as a2,
   _i as a3,
   wi as a4,
@@ -4381,8 +4385,8 @@ export {
   Me as c,
   Kt as d,
   Vl as e,
-  be as f,
-  Ce as g,
+  Ce as f,
+  be as g,
   K as h,
   ta as i,
   Se as j,
@@ -4403,4 +4407,4 @@ export {
   kl as y,
   zl as z
 };
-//# sourceMappingURL=components-igBfuqzk.js.map
+//# sourceMappingURL=components-Broces9k.js.map