@vlalg-nimbus/nb-buttons 7.0.0 → 7.1.0

package/dist/nb-buttons.js

@@ -1,4 +1,4 @@
-import { useCssVars as ke, toRefs as Ve, computed as t, openBlock as pe, createElementBlock as be, mergeProps as Be, withKeys as F, withModifiers as z, unref as n, createElementVNode as se, normalizeClass as ge, normalizeStyle as ve, renderSlot as me, createTextVNode as he, createCommentVNode as ye, onMounted as Ge, ref as we, watch as yt, toDisplayString as We, nextTick as Re, onUnmounted as mt, Fragment as ht, renderList as Ct } from "vue";
+import { useCssVars as ke, toRefs as Ve, computed as t, openBlock as pe, createElementBlock as be, mergeProps as Be, withKeys as F, withModifiers as z, unref as n, createElementVNode as se, normalizeClass as ge, normalizeStyle as ce, renderSlot as me, createTextVNode as he, createCommentVNode as ye, onMounted as Ge, ref as we, watch as yt, toDisplayString as We, nextTick as Re, onUnmounted as mt, Fragment as ht, renderList as Ct } from "vue";
 const Te = (e, l) => {
   const J = e.__vccOpts || e;
   for (const [ue, ae] of l)
@@ -187,9 +187,9 @@ const Te = (e, l) => {
       darkButtonColor: I,
       darkButtonColorHover: T,
       darkBorderColor: V,
-      darkDisabledBgColor: v,
+      darkDisabledBgColor: c,
       uppercase: m,
-      paddingXContent: c,
+      paddingXContent: v,
       paddingYContent: h,
       paddingXBorder: i,
       paddingYBorder: C,
@@ -199,7 +199,7 @@ const Te = (e, l) => {
       fontSize: R,
       fontWeight: N
     } = Ve(ue), D = t(() => {
-      const $ = y.value ? "component-disabled" : "", re = ae.value !== "b" ? "inline-block" : "block", fe = !w.value || !(w.value >= 0 && w.value <= 1) ? "0.5" : w.value, ie = i.value !== 0 && !i.value || i.value < 0 ? 0.5 : i.value, Ce = C.value !== 0 && !C.value || C.value < 0 ? 0.5 : C.value, j = c.value !== 0 && !c.value || c.value < 0 ? 0.5 : c.value, Se = h.value !== 0 && !h.value || h.value < 0 ? 0.5 : h.value, He = m.value ? "uppercase" : "none", Ie = _.value ? _.value : "'Lato', sans-serif", De = R.value ? R.value : "1.6em", Le = N.value !== 0 && !N.value || N.value < 0 ? 100 : N.value;
+      const $ = y.value ? "component-disabled" : "", re = ae.value !== "b" ? "inline-block" : "block", fe = !w.value || !(w.value >= 0 && w.value <= 1) ? "0.5" : w.value, ie = i.value !== 0 && !i.value || i.value < 0 ? 0.5 : i.value, Ce = C.value !== 0 && !C.value || C.value < 0 ? 0.5 : C.value, j = v.value !== 0 && !v.value || v.value < 0 ? 0.5 : v.value, Se = h.value !== 0 && !h.value || h.value < 0 ? 0.5 : h.value, He = m.value ? "uppercase" : "none", Ie = _.value ? _.value : "'Lato', sans-serif", De = R.value ? R.value : "1.6em", Le = N.value !== 0 && !N.value || N.value < 0 ? 100 : N.value;
       return {
         disabled: $,
         display: re,
@@ -228,7 +228,7 @@ const Te = (e, l) => {
         textTransform: $.uppercase,
         padding: `${$.paddingYContent}rem ${$.paddingXContent}rem`
       };
-    }), W = t(() => ({})), P = t(() => D.value.font), A = t(() => D.value.borderOpacity), X = t(() => Q.value), f = t(() => le.value), u = t(() => G.value), d = t(() => ee.value), o = t(() => ne.value), s = t(() => te.value), S = t(() => q.value), b = t(() => O.value), U = t(() => I.value), de = t(() => T.value), H = t(() => V.value), g = t(() => v.value), p = t(() => {
+    }), W = t(() => ({})), P = t(() => D.value.font), A = t(() => D.value.borderOpacity), X = t(() => Q.value), f = t(() => le.value), u = t(() => G.value), d = t(() => ee.value), o = t(() => ne.value), s = t(() => te.value), S = t(() => q.value), b = t(() => O.value), U = t(() => I.value), de = t(() => T.value), H = t(() => V.value), g = t(() => c.value), p = t(() => {
       const $ = {};
       B.value && Object.keys(B.value).forEach((ie) => $[`aria-${ie}`] = B.value[ie]);
       const re = {
@@ -259,11 +259,11 @@ const Te = (e, l) => {
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", r.value]),
-        style: ve([L.value])
+        style: ce([L.value])
       }, [
         se("div", {
           class: "component-content",
-          style: ve([k.value])
+          style: ce([k.value])
         }, [
           se("span", Bt, [
             me($.$slots, "content", {}, () => [
@@ -272,7 +272,7 @@ const Te = (e, l) => {
           ]),
           se("span", {
             class: "component-content__mask",
-            style: ve([W.value])
+            style: ce([W.value])
           }, null, 4)
         ], 4)
       ], 14, xt)
@@ -409,14 +409,14 @@ const Tt = ["tabIndex", "title"], Ht = ["id"], It = /* @__PURE__ */ Object.assig
   emits: ["clicked"],
   setup(e, { emit: l }) {
     ke((u) => ({
-      dbeb76dc: A.value,
-      "781e29a4": E.value,
-      ac791462: Y.value,
-      "6bd53873": r.value,
-      f0d88aa4: L.value,
-      "333e0432": k.value,
-      "38ceb2ef": P.value,
-      "5061a42a": W.value
+      "2528cfa7": A.value,
+      f4fb990e: E.value,
+      "599a2ab8": Y.value,
+      "8e89d470": r.value,
+      "758ae943": L.value,
+      "7b8d0687": k.value,
+      "09bd56fa": P.value,
+      "47a06216": W.value
     }));
     const J = l, ue = e, {
       ariaLabel: ae,
@@ -434,15 +434,15 @@ const Tt = ["tabIndex", "title"], Ht = ["id"], It = /* @__PURE__ */ Object.assig
       darkDisabledBgColor: I,
       paddingX: T,
       paddingY: V,
-      disabled: v,
+      disabled: c,
       borderRadius: m,
-      verticalAlign: c,
+      verticalAlign: v,
       fontFamily: h,
       fontSize: i,
       fontWeight: C,
       lineHeight: w
     } = Ve(ue), y = t(() => {
-      const u = v.value ? "component-disabled" : "", d = c.value ? c.value : "middle", o = T.value !== 0 && !T.value || T.value < 0 ? 1 : T.value, s = V.value !== 0 && !V.value || V.value < 0 ? 0.2 : V.value, S = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, b = h.value ? h.value : "'Lato', sans-serif", U = i.value ? i.value : "1.6rem", de = C.value !== 0 && !C.value || C.value < 0 ? 100 : C.value, H = w.value !== 0 && !w.value || w.value < 0 ? 1.42857143 : w.value;
+      const u = c.value ? "component-disabled" : "", d = v.value ? v.value : "middle", o = T.value !== 0 && !T.value || T.value < 0 ? 1 : T.value, s = V.value !== 0 && !V.value || V.value < 0 ? 0.2 : V.value, S = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, b = h.value ? h.value : "'Lato', sans-serif", U = i.value ? i.value : "1.6em", de = C.value !== 0 && !C.value || C.value < 0 ? 100 : C.value, H = w.value !== 0 && !w.value || w.value < 0 ? 1.42857143 : w.value;
       return {
         disabled: u,
         borderRadius: S,
@@ -477,7 +477,7 @@ const Tt = ["tabIndex", "title"], Ht = ["id"], It = /* @__PURE__ */ Object.assig
       oe.value && Object.keys(oe.value).forEach((s) => u[`aria-${s}`] = oe.value[s]);
       const d = {
         "aria-label": ae.value,
-        "aria-disabled": v.value,
+        "aria-disabled": c.value,
         ...u
       };
       return Object.fromEntries(
@@ -496,14 +496,14 @@ const Tt = ["tabIndex", "title"], Ht = ["id"], It = /* @__PURE__ */ Object.assig
     }, X.value, {
       onClick: d[1] || (d[1] = (o) => f(o)),
       onKeydown: [
-        d[2] || (d[2] = F(z((o) => !n(v) && e.hasTabIndexEnter && f(o), ["prevent"]), ["enter"])),
-        d[3] || (d[3] = F(z((o) => !n(v) && e.hasTabIndexSpace && f(o), ["prevent"]), ["space"]))
+        d[2] || (d[2] = F(z((o) => !n(c) && e.hasTabIndexEnter && f(o), ["prevent"]), ["enter"])),
+        d[3] || (d[3] = F(z((o) => !n(c) && e.hasTabIndexSpace && f(o), ["prevent"]), ["space"]))
       ]
     }), [
       se("a", {
         id: e.nbId,
         class: ge(["nb-reset component tertiary", [N.value]]),
-        style: ve([D.value]),
+        style: ce([D.value]),
         onClick: d[0] || (d[0] = z(() => {
         }, ["prevent"]))
       }, [
@@ -513,7 +513,7 @@ const Tt = ["tabIndex", "title"], Ht = ["id"], It = /* @__PURE__ */ Object.assig
       ], 14, Ht)
     ], 16, Tt)) : ye("", !0);
   }
-}), wt = /* @__PURE__ */ Te(It, [["__scopeId", "data-v-1872dad2"]]);
+}), wt = /* @__PURE__ */ Te(It, [["__scopeId", "data-v-d7a87d7b"]]);
 const Nt = ["id"], $t = ["tabIndex", "title"], Dt = ["tabIndex", "title"], Lt = /* @__PURE__ */ Object.assign({
   name: "NbButtonPrevNext",
   inheritAttrs: !1
@@ -703,9 +703,9 @@ const Nt = ["id"], $t = ["tabIndex", "title"], Dt = ["tabIndex", "title"], Lt =
       darkTextColor: I,
       darkTextColorHover: T,
       darkDisabledBgColor: V,
-      paddingX: v,
+      paddingX: c,
       paddingY: m,
-      marginBetween: c,
+      marginBetween: v,
       borderRadius: h,
       disabled: i,
       disabledPreview: C,
@@ -714,7 +714,7 @@ const Nt = ["id"], $t = ["tabIndex", "title"], Dt = ["tabIndex", "title"], Lt =
       fontSize: _,
       fontWeight: R
     } = Ve(ue), N = t(() => {
-      const g = i.value ? "component-disabled" : "", p = C.value ? "component-disabled" : "", K = w.value ? "component-disabled" : "", $ = c.value !== 0 && !c.value || c.value < 0 ? 0 : c.value, re = h.value !== 0 && !h.value || h.value < 0 ? 0 : h.value, fe = v.value !== 0 && !v.value || v.value < 0 ? 1 : v.value, ie = m.value !== 0 && !m.value || m.value < 0 ? 10 : m.value, Ce = _.value ? _.value : "1.6em", j = R.value !== 0 && !R.value || R.value < 0 ? 100 : R.value;
+      const g = i.value ? "component-disabled" : "", p = C.value ? "component-disabled" : "", K = w.value ? "component-disabled" : "", $ = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, re = h.value !== 0 && !h.value || h.value < 0 ? 0 : h.value, fe = c.value !== 0 && !c.value || c.value < 0 ? 1 : c.value, ie = m.value !== 0 && !m.value || m.value < 0 ? 10 : m.value, Ce = _.value ? _.value : "1.6em", j = R.value !== 0 && !R.value || R.value < 0 ? 100 : R.value;
       return {
         disabled: g,
         disabledPreview: p,
@@ -780,12 +780,12 @@ const Nt = ["id"], $t = ["tabIndex", "title"], Dt = ["tabIndex", "title"], Lt =
     return (g, p) => e.nbId ? (pe(), be("div", {
       key: 0,
       class: ge(["nb-wrapper", D.value]),
-      style: ve([L.value])
+      style: ce([L.value])
     }, [
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", P.value]),
-        style: ve(r.value)
+        style: ce(r.value)
       }, [
         e.showPreview ? (pe(), be("div", Be({
           key: 0,
@@ -980,14 +980,14 @@ const Ot = ["tabIndex", "title"], _t = ["id"], Rt = /* @__PURE__ */ Object.assig
       paddingX: I,
       paddingY: T,
       borderRadius: V,
-      disabled: v,
+      disabled: c,
       animationSlow: m,
-      fontFamily: c,
+      fontFamily: v,
       fontSize: h,
       fontWeight: i,
       lineHeight: C
     } = Ve(ue), w = t(() => {
-      const f = v.value ? "component-disabled" : "", u = ae.value !== "b" ? "inline-block" : "block", d = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, o = T.value !== 0 && !T.value || T.value < 0 ? 0.2 : T.value, s = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, S = m.value ? "" : "component-transition__no-slow", b = c.value ? c.value : "'Lato', sans-serif", U = h.value ? h.value : "1.6em", de = i.value !== 0 && !i.value || i.value < 0 ? 100 : i.value, H = C.value !== 0 && !C.value || C.value < 0 ? 1.42857143 : C.value;
+      const f = c.value ? "component-disabled" : "", u = ae.value !== "b" ? "inline-block" : "block", d = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, o = T.value !== 0 && !T.value || T.value < 0 ? 0.2 : T.value, s = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, S = m.value ? "" : "component-transition__no-slow", b = v.value ? v.value : "'Lato', sans-serif", U = h.value ? h.value : "1.6em", de = i.value !== 0 && !i.value || i.value < 0 ? 100 : i.value, H = C.value !== 0 && !C.value || C.value < 0 ? 1.42857143 : C.value;
       return {
         disabled: f,
         display: u,
@@ -1020,7 +1020,7 @@ const Ot = ["tabIndex", "title"], _t = ["id"], Rt = /* @__PURE__ */ Object.assig
       B.value && Object.keys(B.value).forEach((o) => f[`aria-${o}`] = B.value[o]);
       const u = {
         "aria-label": oe.value,
-        "aria-disabled": v.value,
+        "aria-disabled": c.value,
         ...f
       };
       return Object.fromEntries(
@@ -1039,14 +1039,14 @@ const Ot = ["tabIndex", "title"], _t = ["id"], Rt = /* @__PURE__ */ Object.assig
     }, A.value, {
       onClick: u[0] || (u[0] = (d) => X(d)),
       onKeydown: [
-        u[1] || (u[1] = F(z((d) => !n(v) && e.hasTabIndexEnter && X(d), ["prevent"]), ["enter"])),
-        u[2] || (u[2] = F(z((d) => !n(v) && e.hasTabIndexSpace && X(d), ["prevent"]), ["space"]))
+        u[1] || (u[1] = F(z((d) => !n(c) && e.hasTabIndexEnter && X(d), ["prevent"]), ["enter"])),
+        u[2] || (u[2] = F(z((d) => !n(c) && e.hasTabIndexSpace && X(d), ["prevent"]), ["space"]))
       ]
     }), [
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", "component-transition", D.value, R.value]),
-        style: ve([N.value])
+        style: ce([N.value])
       }, [
         me(f.$slots, "content", {}, () => [
           u[3] || (u[3] = he("Default Text"))
@@ -1204,13 +1204,13 @@ const zt = ["tabIndex", "title"], Yt = ["id"], Xt = /* @__PURE__ */ Object.assig
       paddingX: I,
       paddingY: T,
       borderRadius: V,
-      disabled: v,
+      disabled: c,
       fontFamily: m,
-      fontSize: c,
+      fontSize: v,
       fontWeight: h,
       lineHeight: i
     } = Ve(ue), C = t(() => {
-      const A = v.value ? "component-disabled" : "", X = ae.value !== "b" ? "inline-block" : "block", f = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, u = T.value !== 0 && !T.value || T.value < 0 ? 1 : T.value, d = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, o = m.value ? m.value : "'Lato', sans-serif", s = c.value ? c.value : "1.6em", S = h.value !== 0 && !h.value || h.value < 0 ? 100 : h.value, b = i.value !== 0 && !i.value || i.value < 0 ? 1.42857143 : i.value;
+      const A = c.value ? "component-disabled" : "", X = ae.value !== "b" ? "inline-block" : "block", f = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, u = T.value !== 0 && !T.value || T.value < 0 ? 1 : T.value, d = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, o = m.value ? m.value : "'Lato', sans-serif", s = v.value ? v.value : "1.6em", S = h.value !== 0 && !h.value || h.value < 0 ? 100 : h.value, b = i.value !== 0 && !i.value || i.value < 0 ? 1.42857143 : i.value;
       return {
         disabled: A,
         display: X,
@@ -1242,7 +1242,7 @@ const zt = ["tabIndex", "title"], Yt = ["id"], Xt = /* @__PURE__ */ Object.assig
       B.value && Object.keys(B.value).forEach((u) => A[`aria-${u}`] = B.value[u]);
       const X = {
         "aria-label": oe.value,
-        "aria-disabled": v.value,
+        "aria-disabled": c.value,
         ...A
       };
       return Object.fromEntries(
@@ -1261,14 +1261,14 @@ const zt = ["tabIndex", "title"], Yt = ["id"], Xt = /* @__PURE__ */ Object.assig
     }, W.value, {
       onClick: X[0] || (X[0] = (f) => P(f)),
       onKeydown: [
-        X[1] || (X[1] = F(z((f) => !n(v) && e.hasTabIndexEnter && P(f), ["prevent"]), ["enter"])),
-        X[2] || (X[2] = F(z((f) => !n(v) && e.hasTabIndexSpace && P(f), ["prevent"]), ["space"]))
+        X[1] || (X[1] = F(z((f) => !n(c) && e.hasTabIndexEnter && P(f), ["prevent"]), ["enter"])),
+        X[2] || (X[2] = F(z((f) => !n(c) && e.hasTabIndexSpace && P(f), ["prevent"]), ["space"]))
       ]
     }), [
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", "component-transition", _.value]),
-        style: ve([R.value])
+        style: ce([R.value])
       }, [
         me(A.$slots, "content", {}, () => [
           X[3] || (X[3] = he("Default Text"))
@@ -1415,11 +1415,11 @@ const Et = ["tabIndex", "title"], Ft = ["id"], Pt = /* @__PURE__ */ Object.assig
       darkContainerColor: I,
       darkContainerColorHover: T,
       darkDisabledBgColor: V,
-      paddingX: v,
+      paddingX: c,
       paddingY: m,
-      disabled: c
+      disabled: v
     } = Ve(ue), h = t(() => {
-      const f = c.value ? "component-disabled" : "", u = ae.value ? "change" : "", d = v.value !== 0 && !v.value || v.value < 0 ? 3 : v.value, o = m.value !== 0 && !m.value || m.value < 0 ? 3 : m.value;
+      const f = v.value ? "component-disabled" : "", u = ae.value ? "change" : "", d = c.value !== 0 && !c.value || c.value < 0 ? 3 : c.value, o = m.value !== 0 && !m.value || m.value < 0 ? 3 : m.value;
       return {
         disabled: f,
         buttonStatus: u,
@@ -1436,7 +1436,7 @@ const Et = ["tabIndex", "title"], Ft = ["id"], Pt = /* @__PURE__ */ Object.assig
       B.value && Object.keys(B.value).forEach((o) => f[`aria-${o}`] = B.value[o]);
       const u = {
         "aria-label": oe.value,
-        "aria-disabled": c.value,
+        "aria-disabled": v.value,
         ...f
       };
       return Object.fromEntries(
@@ -1458,8 +1458,8 @@ const Et = ["tabIndex", "title"], Ft = ["id"], Pt = /* @__PURE__ */ Object.assig
     }, A.value, {
       onClick: u[0] || (u[0] = (d) => X(d)),
       onKeydown: [
-        u[1] || (u[1] = F(z((d) => !n(c) && e.hasTabIndexEnter && X(d), ["prevent"]), ["enter"])),
-        u[2] || (u[2] = F(z((d) => !n(c) && e.hasTabIndexSpace && X(d), ["prevent"]), ["space"]))
+        u[1] || (u[1] = F(z((d) => !n(v) && e.hasTabIndexEnter && X(d), ["prevent"]), ["enter"])),
+        u[2] || (u[2] = F(z((d) => !n(v) && e.hasTabIndexSpace && X(d), ["prevent"]), ["space"]))
       ]
     }), [
       se("div", {
@@ -1468,15 +1468,15 @@ const Et = ["tabIndex", "title"], Ft = ["id"], Pt = /* @__PURE__ */ Object.assig
       }, [
         se("div", {
           class: "component__line-one",
-          style: ve(y.value)
+          style: ce(y.value)
         }, null, 4),
         se("div", {
           class: "component__line-two",
-          style: ve(y.value)
+          style: ce(y.value)
         }, null, 4),
         se("div", {
           class: "component__line-three",
-          style: ve(y.value)
+          style: ce(y.value)
         }, null, 4)
       ], 10, Ft)
     ], 16, Et)) : ye("", !0);
@@ -1650,9 +1650,9 @@ const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assig
       paddingX: I,
       paddingY: T,
       marginTop: V,
-      marginBottom: v,
+      marginBottom: c,
       marginRight: m,
-      marginLeft: c,
+      marginLeft: v,
       borderRadius: h,
       disabled: i,
       fontFamily: C,
@@ -1660,7 +1660,7 @@ const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assig
       fontWeight: y,
       lineHeight: _
     } = Ve(ue), R = t(() => {
-      const b = i.value ? "component-disabled" : "", U = ae.value !== "b" ? "inline-block" : "block", de = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, H = T.value !== 0 && !T.value || T.value < 0 ? 0.2 : T.value, g = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, p = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, K = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, $ = c.value !== 0 && !c.value || c.value < 0 ? 0 : c.value, re = h.value !== 0 && !h.value || h.value < 0 ? 0 : h.value, fe = C.value ? C.value : "'Lato', sans-serif", ie = w.value ? w.value : "1.6em", Ce = y.value !== 0 && !y.value || y.value < 0 ? 200 : y.value, j = _.value !== 0 && !_.value || _.value < 0 ? 1.42857143 : _.value;
+      const b = i.value ? "component-disabled" : "", U = ae.value !== "b" ? "inline-block" : "block", de = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, H = T.value !== 0 && !T.value || T.value < 0 ? 0.2 : T.value, g = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, p = c.value !== 0 && !c.value || c.value < 0 ? 0 : c.value, K = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, $ = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, re = h.value !== 0 && !h.value || h.value < 0 ? 0 : h.value, fe = C.value ? C.value : "'Lato', sans-serif", ie = w.value ? w.value : "1.6em", Ce = y.value !== 0 && !y.value || y.value < 0 ? 200 : y.value, j = _.value !== 0 && !_.value || _.value < 0 ? 1.42857143 : _.value;
       return {
         disabled: b,
         display: U,
@@ -1726,11 +1726,11 @@ const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assig
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", k.value]),
-        style: ve([Y.value])
+        style: ce([Y.value])
       }, [
         se("div", {
           class: "component-content",
-          style: ve([E.value])
+          style: ce([E.value])
         }, [
           me(b.$slots, "content", {}, () => [
             U[3] || (U[3] = he("Default Text"))
@@ -1871,17 +1871,17 @@ const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assig
   emits: ["clicked"],
   setup(e, { emit: l }) {
     ke((r) => ({
-      b30b8dbe: D.value,
-      f288fa64: n(i),
-      "54f255e9": n(c),
-      a05231e4: n(C),
-      e002665a: n(h),
-      "3fb97fdc": n(V),
-      "19405ba6": n(I),
-      "16c6d44a": n(v),
-      "0aaf49e2": n(T),
-      "30c51acc": n(w),
-      "5eab2cde": n(m)
+      "1aea0f2a": D.value,
+      "354c56c4": n(i),
+      bac3f742: n(v),
+      "4d9a1cd8": n(C),
+      "6c688fc6": n(h),
+      "03aceadc": n(V),
+      "5b29f277": n(I),
+      "316a57c0": n(c),
+      "0b0e4df6": n(T),
+      "0240f610": n(w),
+      cf0fcfb0: n(m)
     }));
     const J = l, ue = e, {
       display: ae,
@@ -1899,15 +1899,15 @@ const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assig
       lightButtonColor: I,
       lightButtonColorHover: T,
       lightTextColor: V,
-      lightTextColorHover: v,
+      lightTextColorHover: c,
       lightDisabledBgColor: m,
-      darkButtonColor: c,
+      darkButtonColor: v,
       darkButtonColorHover: h,
       darkTextColor: i,
       darkTextColorHover: C,
       darkDisabledBgColor: w
     } = Ve(ue), y = t(() => {
-      const r = G.value ? "component-disabled" : "", k = ae.value !== "b" ? "inline-block" : "block", W = M.value !== 0 && !M.value || M.value < 0 ? 1 : M.value, P = Q.value !== 0 && !Q.value || Q.value < 0 ? 0.2 : Q.value, A = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, X = ee.value ? ee.value : "'Lato', sans-serif", f = ne.value ? ne.value : "1.6rem", u = te.value !== 0 && !te.value || te.value < 0 ? 100 : te.value, d = q.value !== 0 && !q.value || q.value < 0 ? 1.42857143 : q.value, o = O.value ? O.value : "light";
+      const r = G.value ? "component-disabled" : "", k = ae.value !== "b" ? "inline-block" : "block", W = M.value !== 0 && !M.value || M.value < 0 ? 1 : M.value, P = Q.value !== 0 && !Q.value || Q.value < 0 ? 0.2 : Q.value, A = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, X = ee.value ? ee.value : "'Lato', sans-serif", f = ne.value ? ne.value : "1.6em", u = te.value !== 0 && !te.value || te.value < 0 ? 100 : te.value, d = q.value !== 0 && !q.value || q.value < 0 ? 1.42857143 : q.value, o = O.value ? O.value : "light";
       return {
         disabled: r,
         display: k,
@@ -1973,7 +1973,7 @@ const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assig
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset component component-transition", [Y.value]]),
-        style: ve([N.value])
+        style: ce([N.value])
       }, [
         me(r.$slots, "content", {}, () => [
           k[3] || (k[3] = he("Default Text"))
@@ -1981,7 +1981,7 @@ const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assig
       ], 14, Qt)
     ], 16, Jt)) : ye("", !0);
   }
-}), ea = /* @__PURE__ */ Te(Zt, [["__scopeId", "data-v-90b070ca"]]);
+}), ea = /* @__PURE__ */ Te(Zt, [["__scopeId", "data-v-6d5b935f"]]);
 const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa = { class: "last-child" }, na = /* @__PURE__ */ Object.assign({
   name: "NbButtonAlternateText",
   inheritAttrs: !1
@@ -2158,9 +2158,9 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
       darkButtonColor: I,
       darkButtonColorHover: T,
       darkBorderColor: V,
-      darkDisabledBgColor: v,
+      darkDisabledBgColor: c,
       showBorder: m,
-      borderRadius: c,
+      borderRadius: v,
       paddingX: h,
       paddingY: i,
       disabled: C,
@@ -2169,7 +2169,7 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
       fontWeight: _,
       lineHeight: R
     } = Ve(ue), N = t(() => {
-      const H = C.value ? "component-disabled" : "", g = ae.value !== "b" ? "inline-block" : "block", p = c.value !== 0 && !c.value || c.value < 0 ? 0 : c.value, K = [!1, !0].includes(m.value) ? m.value : !0, $ = h.value !== 0 && !h.value || h.value < 0 ? 1 : h.value, re = i.value !== 0 && !i.value || i.value < 0 ? 0.2 : i.value, fe = w.value ? w.value : "'Lato', sans-serif", ie = y.value ? y.value : "1.6em", Ce = _.value !== 0 && !_.value || _.value < 0 ? 200 : _.value, j = R.value !== 0 && !R.value || R.value < 0 ? 1.42857143 : R.value;
+      const H = C.value ? "component-disabled" : "", g = ae.value !== "b" ? "inline-block" : "block", p = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, K = [!1, !0].includes(m.value) ? m.value : !0, $ = h.value !== 0 && !h.value || h.value < 0 ? 1 : h.value, re = i.value !== 0 && !i.value || i.value < 0 ? 0.2 : i.value, fe = w.value ? w.value : "'Lato', sans-serif", ie = y.value ? y.value : "1.6em", Ce = _.value !== 0 && !_.value || _.value < 0 ? 200 : _.value, j = R.value !== 0 && !R.value || R.value < 0 ? 1.42857143 : R.value;
       return {
         disabled: H,
         display: g,
@@ -2193,7 +2193,7 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
         fontSize: H.fontSize,
         fontWeight: H.fontWeight
       };
-    }), L = t(() => N.value.font), r = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), k = t(() => Q.value), W = t(() => le.value), P = t(() => G.value), A = t(() => ee.value), X = t(() => ne.value), f = t(() => te.value), u = t(() => q.value), d = t(() => O.value), o = t(() => I.value), s = t(() => T.value), S = t(() => V.value), b = t(() => v.value), U = t(() => {
+    }), L = t(() => N.value.font), r = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), k = t(() => Q.value), W = t(() => le.value), P = t(() => G.value), A = t(() => ee.value), X = t(() => ne.value), f = t(() => te.value), u = t(() => q.value), d = t(() => O.value), o = t(() => I.value), s = t(() => T.value), S = t(() => V.value), b = t(() => c.value), U = t(() => {
       const H = {};
       B.value && Object.keys(B.value).forEach((K) => H[`aria-${K}`] = B.value[K]);
       const g = {
@@ -2224,7 +2224,7 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", r.value, { "component--no-border": !n(m) }]),
-        style: ve([E.value])
+        style: ce([E.value])
       }, [
         se("div", la, [
           me(H.$slots, "content", {}, () => [
@@ -2337,7 +2337,7 @@ const ua = ["tabIndex", "title"], da = ["id"], ia = /* @__PURE__ */ Object.assig
     ke((D) => ({
       "7c3baba0": w.value,
       "17dec660": h.value,
-      "87fd26e6": c.value,
+      "87fd26e6": v.value,
       "256efac0": C.value,
       "90ca5e26": i.value
     })), Ge(() => {
@@ -2365,13 +2365,13 @@ const ua = ["tabIndex", "title"], da = ["id"], ia = /* @__PURE__ */ Object.assig
         fontWeight: L,
         disabled: D
       };
-    }), V = t(() => ({})), v = t(() => {
+    }), V = t(() => ({})), c = t(() => {
       const D = T.value;
       return {
         fontSize: D.fontSize,
         fontWeight: D.fontWeight
       };
-    }), m = t(() => B.value === "dark" ? "component__theme--dark" : "component__theme--light"), c = t(() => M.value), h = t(() => Q.value);
+    }), m = t(() => B.value === "dark" ? "component__theme--dark" : "component__theme--light"), v = t(() => M.value), h = t(() => Q.value);
     t(() => le.value);
     const i = t(() => G.value), C = t(() => ee.value);
     t(() => ne.value);
@@ -2407,7 +2407,7 @@ const ua = ["tabIndex", "title"], da = ["id"], ia = /* @__PURE__ */ Object.assig
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", m.value]),
-        style: ve([v.value])
+        style: ce([c.value])
       }, [
         Y[3] || (Y[3] = se("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2425,7 +2425,7 @@ const ua = ["tabIndex", "title"], da = ["id"], ia = /* @__PURE__ */ Object.assig
     ], 16, ua)) : ye("", !0);
   }
 }), sa = /* @__PURE__ */ Te(ia, [["__scopeId", "data-v-9d39f792"]]);
-const fa = ["tabIndex", "title"], va = ["id"], ca = /* @__PURE__ */ Object.assign({
+const fa = ["tabIndex", "title"], ca = ["id"], va = /* @__PURE__ */ Object.assign({
   name: "NbButtonGradientBorderToBackground",
   inheritAttrs: !1
 }, {
@@ -2557,10 +2557,10 @@ const fa = ["tabIndex", "title"], va = ["id"], ca = /* @__PURE__ */ Object.assig
       disabled: I,
       fontFamily: T,
       fontSize: V,
-      fontWeight: v,
+      fontWeight: c,
       lineHeight: m
-    } = Ve(ue), c = t(() => {
-      const r = I.value ? "component-disabled" : "", k = ae.value !== "b" ? "inline-block" : "block", W = M.value ? M.value : "#ffffff", P = le.value ? le.value : "#000000", A = Q.value ? Q.value : "#ffe54c", X = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, f = [!1, !0].includes(G.value) ? G.value : !0, u = ne.value ? ne.value : "#ffffff", d = te.value ? te.value : "#000000", o = q.value !== 0 && !q.value || q.value < 0 ? 1 : q.value, s = O.value !== 0 && !O.value || O.value < 0 ? 0.2 : O.value, S = T.value ? T.value : "'Lato', sans-serif", b = V.value ? V.value : "1.6em", U = v.value !== 0 && !v.value || v.value < 0 ? 200 : v.value, de = m.value !== 0 && !m.value || m.value < 0 ? 1.42857143 : m.value;
+    } = Ve(ue), v = t(() => {
+      const r = I.value ? "component-disabled" : "", k = ae.value !== "b" ? "inline-block" : "block", W = M.value ? M.value : "#ffffff", P = le.value ? le.value : "#000000", A = Q.value ? Q.value : "#ffe54c", X = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, f = [!1, !0].includes(G.value) ? G.value : !0, u = ne.value ? ne.value : "#ffffff", d = te.value ? te.value : "#000000", o = q.value !== 0 && !q.value || q.value < 0 ? 1 : q.value, s = O.value !== 0 && !O.value || O.value < 0 ? 0.2 : O.value, S = T.value ? T.value : "'Lato', sans-serif", b = V.value ? V.value : "1.6em", U = c.value !== 0 && !c.value || c.value < 0 ? 200 : c.value, de = m.value !== 0 && !m.value || m.value < 0 ? 1.42857143 : m.value;
       return {
         disabled: r,
         display: k,
@@ -2578,19 +2578,19 @@ const fa = ["tabIndex", "title"], va = ["id"], ca = /* @__PURE__ */ Object.assig
         fontWeight: U,
         lineHeight: de
       };
-    }), h = t(() => c.value.disabled), i = t(() => ({
-      display: c.value.display
+    }), h = t(() => v.value.disabled), i = t(() => ({
+      display: v.value.display
     })), C = t(() => {
-      const r = c.value;
+      const r = v.value;
       return {
         lineHeight: r.lineHeight,
         fontSize: r.fontSize,
         fontWeight: r.fontWeight
       };
-    }), w = t(() => c.value.font), y = t(() => {
-      const r = c.value;
+    }), w = t(() => v.value.font), y = t(() => {
+      const r = v.value;
       return `${r.paddingY}rem ${r.paddingX}rem`;
-    }), _ = t(() => `${c.value.borderRadius}rem`), R = t(() => c.value.textColor), N = t(() => c.value.textHoverColor), D = t(() => c.value.buttonColor), Y = t(() => c.value.buttonHoverColor), E = t(() => {
+    }), _ = t(() => `${v.value.borderRadius}rem`), R = t(() => v.value.textColor), N = t(() => v.value.textHoverColor), D = t(() => v.value.buttonColor), Y = t(() => v.value.buttonHoverColor), E = t(() => {
       const r = {};
       B.value && Object.keys(B.value).forEach((P) => r[`aria-${P}`] = B.value[P]);
       const k = {
@@ -2621,15 +2621,15 @@ const fa = ["tabIndex", "title"], va = ["id"], ca = /* @__PURE__ */ Object.assig
       se("div", {
         id: e.nbId,
         class: "nb-reset component",
-        style: ve([C.value])
+        style: ce([C.value])
       }, [
         me(r.$slots, "content", {}, () => [
           k[3] || (k[3] = he("Default Text"))
         ], !0)
-      ], 12, va)
+      ], 12, ca)
     ], 16, fa)) : ye("", !0);
   }
-}), pa = /* @__PURE__ */ Te(ca, [["__scopeId", "data-v-7105af37"]]);
+}), pa = /* @__PURE__ */ Te(va, [["__scopeId", "data-v-7105af37"]]);
 const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assign({
   name: "NbButtonNormal",
   inheritAttrs: !1
@@ -2807,7 +2807,7 @@ const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assig
       "30a30a67": n(m),
       "73b86ca6": n(C),
       "4832f9d0": n(i),
-      fcbd91d6: n(c),
+      fcbd91d6: n(v),
       "7d99d8e2": n(w),
       19099820: n(L),
       "5ac3b818": n(y)
@@ -2828,9 +2828,9 @@ const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assig
       hasAnimation: I,
       animationDuration: T,
       animationDurationType: V,
-      theme: v,
+      theme: c,
       lightButtonColor: m,
-      lightButtonColorHover: c,
+      lightButtonColorHover: v,
       lightTextColor: h,
       lightTextColorHover: i,
       lightBorderColor: C,
@@ -2844,7 +2844,7 @@ const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assig
       darkBorderColorHover: E,
       darkDisabledBgColor: L
     } = Ve(ue), r = t(() => {
-      const o = ee.value ? "component-disabled" : "", s = ae.value !== "b" ? "inline-block" : "block", S = Q.value !== 0 && !Q.value || Q.value < 0 ? 0 : Q.value, b = [!1, !0].includes(M.value) ? M.value : !0, U = le.value !== 0 && !le.value || le.value < 0 ? 1 : le.value, de = G.value !== 0 && !G.value || G.value < 0 ? 0.2 : G.value, H = ne.value ? ne.value : "'Lato', sans-serif", g = te.value ? te.value : "1.6em", p = q.value !== 0 && !q.value || q.value < 0 ? 200 : q.value, K = O.value !== 0 && !O.value || O.value < 0 ? 1.42857143 : O.value, $ = I.value ? "component-transition" : "", re = T.value !== 0 && !T.value || T.value < 0 ? 0.3 : T.value, fe = V.value ? V.value : "ms", ie = v.value ? v.value : "light";
+      const o = ee.value ? "component-disabled" : "", s = ae.value !== "b" ? "inline-block" : "block", S = Q.value !== 0 && !Q.value || Q.value < 0 ? 0 : Q.value, b = [!1, !0].includes(M.value) ? M.value : !0, U = le.value !== 0 && !le.value || le.value < 0 ? 1 : le.value, de = G.value !== 0 && !G.value || G.value < 0 ? 0.2 : G.value, H = ne.value ? ne.value : "'Lato', sans-serif", g = te.value ? te.value : "1.6em", p = q.value !== 0 && !q.value || q.value < 0 ? 200 : q.value, K = O.value !== 0 && !O.value || O.value < 0 ? 1.42857143 : O.value, $ = I.value ? "component-transition" : "", re = T.value !== 0 && !T.value || T.value < 0 ? 0.3 : T.value, fe = V.value ? V.value : "ms", ie = c.value ? c.value : "light";
       return {
         disabled: o,
         display: s,
@@ -2913,7 +2913,7 @@ const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assig
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset component", [{ "component-transition": n(I), "component--no-border": !n(M) }, f.value]]),
-        style: ve([P.value])
+        style: ce([P.value])
       }, [
         me(o.$slots, "content", {}, () => [
           s[3] || (s[3] = he("Default Text"))
@@ -3126,9 +3126,9 @@ const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assig
       darkTextColorHover: I,
       darkButtonColor: T,
       darkButtonColorHover: V,
-      darkButtonShadowColor: v,
+      darkButtonShadowColor: c,
       darkBorderColor: m,
-      darkDisabledBgColor: c,
+      darkDisabledBgColor: v,
       borderRadius: h,
       paddingX: i,
       paddingY: C,
@@ -3173,7 +3173,7 @@ const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assig
         marginRight: `${j.marginRight}px`,
         marginLeft: `${j.marginLeft}px`
       };
-    }), A = t(() => r.value.font), X = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), f = t(() => Q.value), u = t(() => le.value), d = t(() => G.value), o = t(() => ee.value), s = t(() => `3px 3px 0 -1px ${ne.value}, 3px 3px 0 ${ne.value}`), S = t(() => `0 0 0 -1px ${ne.value}, 0 0 0 ${ne.value}`), b = t(() => te.value), U = t(() => q.value), de = t(() => O.value), H = t(() => I.value), g = t(() => T.value), p = t(() => V.value), K = t(() => `3px 3px 0 -1px ${v.value}, 3px 3px 0 ${v.value}`), $ = t(() => `0 0 0 -1px ${v.value}, 0 0 0 ${v.value}`), re = t(() => m.value), fe = t(() => c.value), ie = t(() => {
+    }), A = t(() => r.value.font), X = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), f = t(() => Q.value), u = t(() => le.value), d = t(() => G.value), o = t(() => ee.value), s = t(() => `3px 3px 0 -1px ${ne.value}, 3px 3px 0 ${ne.value}`), S = t(() => `0 0 0 -1px ${ne.value}, 0 0 0 ${ne.value}`), b = t(() => te.value), U = t(() => q.value), de = t(() => O.value), H = t(() => I.value), g = t(() => T.value), p = t(() => V.value), K = t(() => `3px 3px 0 -1px ${c.value}, 3px 3px 0 ${c.value}`), $ = t(() => `0 0 0 -1px ${c.value}, 0 0 0 ${c.value}`), re = t(() => m.value), fe = t(() => v.value), ie = t(() => {
       const j = {};
       B.value && Object.keys(B.value).forEach((Ie) => j[`aria-${Ie}`] = B.value[Ie]);
       const Se = {
@@ -3204,7 +3204,7 @@ const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assig
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset component", [X.value]]),
-        style: ve([P.value])
+        style: ce([P.value])
       }, [
         me(j.$slots, "content", {}, () => [
           Se[3] || (Se[3] = he("Default Text"))
@@ -3379,16 +3379,16 @@ const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assig
       darkBorderColorHover: I,
       darkDisabledBgColor: T,
       borderHeight: V,
-      paddingX: v,
+      paddingX: c,
       paddingY: m,
-      disabled: c,
+      disabled: v,
       fontFamily: h,
       fontSize: i,
       fontWeight: C,
       lineHeight: w,
       textAlign: y
     } = Ve(ue), _ = t(() => {
-      const s = c.value ? "component-disabled" : "", S = ae.value !== "b" ? "inline-block" : "block", b = V.value !== 0 && !V.value || V.value < 0 ? 1.5 : V.value, U = v.value !== 0 && !v.value || v.value < 0 ? 1 : v.value, de = m.value !== 0 && !m.value || m.value < 0 ? 0.2 : m.value, H = h.value ? h.value : "'Lato', sans-serif", g = i.value ? i.value : "1.6em", p = C.value !== 0 && !C.value || C.value < 0 ? 200 : C.value, K = w.value !== 0 && !w.value || w.value < 0 ? 1.42857143 : w.value, $ = y.value ? y.value : "center";
+      const s = v.value ? "component-disabled" : "", S = ae.value !== "b" ? "inline-block" : "block", b = V.value !== 0 && !V.value || V.value < 0 ? 1.5 : V.value, U = c.value !== 0 && !c.value || c.value < 0 ? 1 : c.value, de = m.value !== 0 && !m.value || m.value < 0 ? 0.2 : m.value, H = h.value ? h.value : "'Lato', sans-serif", g = i.value ? i.value : "1.6em", p = C.value !== 0 && !C.value || C.value < 0 ? 200 : C.value, K = w.value !== 0 && !w.value || w.value < 0 ? 1.42857143 : w.value, $ = y.value ? y.value : "center";
       return {
         disabled: s,
         display: S,
@@ -3424,7 +3424,7 @@ const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assig
       B.value && Object.keys(B.value).forEach((U) => s[`aria-${U}`] = B.value[U]);
       const S = {
         "aria-label": oe.value,
-        "aria-disabled": c.value,
+        "aria-disabled": v.value,
         ...s
       };
       return Object.fromEntries(
@@ -3443,14 +3443,14 @@ const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assig
     }, d.value, {
       onClick: S[0] || (S[0] = (b) => o(b)),
       onKeydown: [
-        S[1] || (S[1] = F(z((b) => !n(c) && e.hasTabIndexEnter && o(b), ["prevent"]), ["enter"])),
-        S[2] || (S[2] = F(z((b) => !n(c) && e.hasTabIndexSpace && o(b), ["prevent"]), ["space"]))
+        S[1] || (S[1] = F(z((b) => !n(v) && e.hasTabIndexEnter && o(b), ["prevent"]), ["enter"])),
+        S[2] || (S[2] = F(z((b) => !n(v) && e.hasTabIndexSpace && o(b), ["prevent"]), ["space"]))
       ]
     }), [
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset component", [E.value]]),
-        style: ve([D.value])
+        style: ce([D.value])
       }, [
         me(s.$slots, "content", {}, () => [
           S[3] || (S[3] = he("Default Text"))
@@ -3619,15 +3619,15 @@ const Ha = ["tabIndex", "title"], Ia = ["id"], wa = /* @__PURE__ */ Object.assig
       darkButtonColorHover: I,
       darkDisabledBgColor: T,
       paddingX: V,
-      paddingY: v,
+      paddingY: c,
       disabled: m,
-      fontFamily: c,
+      fontFamily: v,
       fontSize: h,
       fontWeight: i,
       lineHeight: C,
       textAlign: w
     } = Ve(ue), y = t(() => {
-      const d = m.value ? "component-disabled" : "", o = ae.value !== "b" ? "inline-block" : "block", s = V.value !== 0 && !V.value || V.value < 0 ? 1 : V.value, S = v.value !== 0 && !v.value || v.value < 0 ? 0.2 : v.value, b = c.value ? c.value : "'Lato', sans-serif", U = h.value ? h.value : "1.6em", de = i.value !== 0 && !i.value || i.value < 0 ? 200 : i.value, H = C.value !== 0 && !C.value || C.value < 0 ? 1.42857143 : C.value, g = w.value ? w.value : "center";
+      const d = m.value ? "component-disabled" : "", o = ae.value !== "b" ? "inline-block" : "block", s = V.value !== 0 && !V.value || V.value < 0 ? 1 : V.value, S = c.value !== 0 && !c.value || c.value < 0 ? 0.2 : c.value, b = v.value ? v.value : "'Lato', sans-serif", U = h.value ? h.value : "1.6em", de = i.value !== 0 && !i.value || i.value < 0 ? 200 : i.value, H = C.value !== 0 && !C.value || C.value < 0 ? 1.42857143 : C.value, g = w.value ? w.value : "center";
       return {
         disabled: d,
         display: o,
@@ -3688,7 +3688,7 @@ const Ha = ["tabIndex", "title"], Ia = ["id"], wa = /* @__PURE__ */ Object.assig
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset component", [Y.value]]),
-        style: ve([N.value])
+        style: ce([N.value])
       }, [
         me(d.$slots, "content", {}, () => [
           o[3] || (o[3] = he("Default Text"))
@@ -3957,9 +3957,9 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
       borderRadius: I,
       popupBorderRadius: T,
       width: V,
-      paddingX: v,
+      paddingX: c,
       paddingY: m,
-      popupPaddingX: c,
+      popupPaddingX: v,
       popupPaddingY: h,
       disabled: i,
       fontFamily: C,
@@ -3990,25 +3990,25 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
       darkMenuItemTextColor: H,
       darkDisabledBgColor: g
     } = Ve(ue), p = we(!1), K = we(null), $ = we(null), re = we(null), fe = we(null), ie = we(-1), Ce = we(!1), j = t(() => {
-      const a = i.value ? "component-disabled" : "", x = ae.value !== "b" ? "inline-block" : "block", Z = I.value !== 0 && !I.value || I.value < 0 ? 0 : I.value, ce = T.value !== null && T.value !== void 0 ? T.value < 0 ? 0 : T.value : Z, xe = [!1, !0].includes(q.value) ? q.value : !0, Ne = [!1, !0].includes(O.value) ? O.value : !0, $e = ee.value || "currentColor", Ae = ne.value || "2px", qe = te.value || "-2px", Ze = v.value !== 0 && !v.value || v.value < 0 ? 1 : v.value, et = m.value !== 0 && !m.value || m.value < 0 ? 0.32 : m.value, ft = c.value !== null && c.value !== void 0 ? c.value < 0 ? 1 : c.value : Ze, vt = h.value !== null && h.value !== void 0 ? h.value < 0 ? 0.2 : h.value : et, tt = C.value ? C.value : "'Lato', sans-serif", at = w.value ? w.value : "1.6em", lt = y.value !== 0 && !y.value || y.value < 0 ? 400 : y.value, ct = _.value || tt, pt = R.value || at, bt = N.value !== null && N.value !== void 0 ? N.value < 0 ? 400 : N.value : lt, gt = D.value ? D.value : "light";
+      const a = i.value ? "component-disabled" : "", x = ae.value !== "b" ? "inline-block" : "block", Z = I.value !== 0 && !I.value || I.value < 0 ? 0 : I.value, ve = T.value !== null && T.value !== void 0 ? T.value < 0 ? 0 : T.value : Z, xe = [!1, !0].includes(q.value) ? q.value : !0, Ne = [!1, !0].includes(O.value) ? O.value : !0, $e = ee.value || "currentColor", Ae = ne.value || "2px", qe = te.value || "-2px", Ze = c.value !== 0 && !c.value || c.value < 0 ? 1 : c.value, et = m.value !== 0 && !m.value || m.value < 0 ? 0.32 : m.value, ft = v.value !== null && v.value !== void 0 ? v.value < 0 ? 1 : v.value : Ze, ct = h.value !== null && h.value !== void 0 ? h.value < 0 ? 0.2 : h.value : et, tt = C.value ? C.value : "'Lato', sans-serif", at = w.value ? w.value : "1.6em", lt = y.value !== 0 && !y.value || y.value < 0 ? 400 : y.value, vt = _.value || tt, pt = R.value || at, bt = N.value !== null && N.value !== void 0 ? N.value < 0 ? 400 : N.value : lt, gt = D.value ? D.value : "light";
       return {
         disabled: a,
         display: x,
         showBorder: xe,
         showPopupButton: Ne,
         borderRadius: Z,
-        popupBorderRadius: ce,
+        popupBorderRadius: ve,
         menuItemFocusOutlineColor: $e,
         menuItemFocusOutlineWidth: Ae,
         menuItemFocusOutlineOffset: qe,
         paddingX: Ze,
         paddingY: et,
         popupPaddingX: ft,
-        popupPaddingY: vt,
+        popupPaddingY: ct,
         font: tt,
         fontSize: at,
         fontWeight: lt,
-        popupFont: ct,
+        popupFont: vt,
         popupFontSize: pt,
         popupFontWeight: bt,
         theme: gt
@@ -4038,7 +4038,7 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
         borderBottomRightRadius: "0"
       } : {
         borderRadius: `${a.borderRadius}rem`
-      }, ce = a.showBorder ? a.showPopupButton ? {
+      }, ve = a.showBorder ? a.showPopupButton ? {
         borderTop: `1px solid ${a.theme === "dark" ? S.value : k.value}`,
         borderBottom: `1px solid ${a.theme === "dark" ? S.value : k.value}`,
         borderLeft: `1px solid ${a.theme === "dark" ? S.value : k.value}`,
@@ -4054,7 +4054,7 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
         fontSize: a.fontSize,
         fontWeight: a.fontWeight,
         fontFamily: a.font,
-        ...ce,
+        ...ve,
         ...Z,
         minWidth: x === "auto" ? "33px" : x,
         "--main-button-hover-color": $e,
@@ -4068,10 +4068,10 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
         borderBottom: `1px solid ${x}`,
         borderRight: `1px solid ${x}`,
         borderLeft: `1px solid ${x}`
-      } : { border: "none" }, ce = a.theme === "dark" ? u.value : Y.value, xe = a.theme === "dark" ? o.value : L.value, Ne = a.theme === "dark" ? d.value : E.value, $e = a.theme === "dark" ? s.value : r.value, Ae = a.theme === "dark" ? b.value : W.value;
+      } : { border: "none" }, ve = a.theme === "dark" ? u.value : Y.value, xe = a.theme === "dark" ? o.value : L.value, Ne = a.theme === "dark" ? d.value : E.value, $e = a.theme === "dark" ? s.value : r.value, Ae = a.theme === "dark" ? b.value : W.value;
       return {
         color: xe,
-        backgroundColor: ce,
+        backgroundColor: ve,
         padding: `${a.paddingY}rem ${a.paddingX * 0.5}rem`,
         fontSize: a.fontSize,
         fontWeight: a.fontWeight,
@@ -4087,14 +4087,14 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
         "--popup-border-hover-color": Ae
       };
     }), Ye = t(() => {
-      const a = j.value, x = a.theme === "dark" ? U.value : P.value, Z = a.theme === "dark" ? H.value : X.value, ce = a.theme === "dark" ? de.value : A.value;
+      const a = j.value, x = a.theme === "dark" ? U.value : P.value, Z = a.theme === "dark" ? H.value : X.value, ve = a.theme === "dark" ? de.value : A.value;
       return {
         backgroundColor: x,
         color: Z,
         borderRadius: `${a.popupBorderRadius}rem`,
         boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
         minHeight: M.value.length === 0 ? "40px" : "auto",
-        "--menu-item-hover-color": ce,
+        "--menu-item-hover-color": ve,
         "--menu-item-focus-outline-color": a.menuItemFocusOutlineColor,
         "--menu-item-focus-outline-width": a.menuItemFocusOutlineWidth,
         "--menu-item-focus-outline-offset": a.menuItemFocusOutlineOffset
@@ -4107,14 +4107,14 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
     }));
     t(() => {
       const a = {};
-      G.value && Object.keys(G.value).forEach((ce) => a[`aria-${ce}`] = G.value[ce]);
+      G.value && Object.keys(G.value).forEach((ve) => a[`aria-${ve}`] = G.value[ve]);
       const x = {
         "aria-label": le.value,
         "aria-disabled": i.value,
         ...a
       };
       return Object.fromEntries(
-        Object.entries(x).filter(([Z, ce]) => ce != null)
+        Object.entries(x).filter(([Z, ve]) => ve != null)
       );
     });
     const nt = () => {
@@ -4170,8 +4170,8 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
         x[ie.value] && x[ie.value].focus();
       }));
     }, Qe = (a) => {
-      var ce, xe;
-      if (Ce.value || !p.value || (ce = K.value) != null && ce.contains(a.target))
+      var ve, xe;
+      if (Ce.value || !p.value || (ve = K.value) != null && ve.contains(a.target))
         return;
       const x = a.target;
       ((xe = x.closest) == null ? void 0 : xe.call(x, ".nb-split-button")) !== K.value && (p.value = !1, ie.value = -1, re.value && re.value.setAttribute("aria-expanded", "false"));
@@ -4187,19 +4187,19 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
       ref_key: "wrapperRef",
       ref: K,
       class: ge(["nb-wrapper", "nb-split-button", He.value]),
-      style: ve([Ie.value]),
+      style: ce([Ie.value]),
       onFocusout: dt
     }, [
       se("div", {
         id: e.nbId,
         class: ge(["nb-reset", "component", { "component--block": n(ae) === "b" }, Se.value]),
-        style: ve([De.value])
+        style: ce([De.value])
       }, [
         se("button", {
           ref_key: "mainButtonRef",
           ref: $,
           class: ge(["split-button__main", { "split-button__main--disabled": n(i) }]),
-          style: ve([Le.value]),
+          style: ce([Le.value]),
           disabled: n(i),
           title: e.title,
           "aria-label": n(B),
@@ -4221,7 +4221,7 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
           ref_key: "popupButtonRef",
           ref: re,
           class: ge(["split-button__popup-button", { "split-button__popup-button--open": p.value }]),
-          style: ve([ze.value]),
+          style: ce([ze.value]),
           "aria-haspopup": !0,
           "aria-expanded": p.value,
           title: n(Q),
@@ -4255,26 +4255,26 @@ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "ar
           ref_key: "popupRef",
           ref: fe,
           class: ge(["split-button__popup", { "split-button__popup--open": p.value }]),
-          style: ve([Ye.value])
+          style: ce([Ye.value])
         }, [
-          (pe(!0), be(ht, null, Ct(n(M), (Z, ce) => (pe(), be("button", {
-            key: ce,
+          (pe(!0), be(ht, null, Ct(n(M), (Z, ve) => (pe(), be("button", {
+            key: ve,
             class: ge(["split-button__menu-item", { "split-button__menu-item--disabled": Z.disabled }]),
-            style: ve([ot.value]),
+            style: ce([ot.value]),
             disabled: Z.disabled || n(i),
             tabindex: Z.disabled || n(i) ? -1 : 0,
-            onClick: z((xe) => Me(Z, ce, xe), ["stop"]),
+            onClick: z((xe) => Me(Z, ve, xe), ["stop"]),
             onKeydown: [
-              F(z((xe) => !Z.disabled && !n(i) && Me(Z, ce, xe), ["prevent"]), ["enter"]),
-              F(z((xe) => !Z.disabled && !n(i) && Me(Z, ce, xe), ["prevent"]), ["space"]),
-              F(z((xe) => it(ce), ["prevent"]), ["arrow-up"]),
-              F(z((xe) => st(ce), ["prevent"]), ["arrow-down"]),
+              F(z((xe) => !Z.disabled && !n(i) && Me(Z, ve, xe), ["prevent"]), ["enter"]),
+              F(z((xe) => !Z.disabled && !n(i) && Me(Z, ve, xe), ["prevent"]), ["space"]),
+              F(z((xe) => it(ve), ["prevent"]), ["arrow-up"]),
+              F(z((xe) => st(ve), ["prevent"]), ["arrow-down"]),
               F(z(_e, ["prevent"]), ["escape"]),
               F(z(_e, ["prevent"]), ["backspace"])
             ]
           }, [
             Z.icon ? (pe(), be("span", Oa, [
-              me(a.$slots, `item-icon-${ce}`, { item: Z }, () => [
+              me(a.$slots, `item-icon-${ve}`, { item: Z }, () => [
                 he(We(Z.icon), 1)
               ], !0)
             ])) : ye("", !0),