@vlalg-nimbus/nb-buttons 2.0.7 → 2.0.8

package/dist/nb-buttons.js

@@ -1,10 +1,10 @@
-import { useCssVars as M, toRefs as j, computed as t, openBlock as D, createElementBlock as O, normalizeClass as R, normalizeStyle as N, createElementVNode as k, renderSlot as T, createTextVNode as A, createCommentVNode as L, unref as te, withModifiers as re, onMounted as de, ref as se, watch as ie, pushScopeId as ce, popScopeId as fe } from "vue";
-const q = (e, s) => {
+import { useCssVars as j, toRefs as q, computed as t, openBlock as O, createElementBlock as L, normalizeClass as z, normalizeStyle as N, createElementVNode as Y, renderSlot as A, createTextVNode as P, createCommentVNode as T, unref as ae, withModifiers as de, onMounted as se, ref as ie, watch as ce, pushScopeId as fe, popScopeId as ve } from "vue";
+const G = (e, s) => {
   const w = e.__vccOpts || e;
-  for (const [V, b] of s)
-    w[V] = b;
+  for (const [$, V] of s)
+    w[$] = V;
   return w;
-}, ve = ["id"], be = { class: "component-content__text" }, pe = /* @__PURE__ */ Object.assign({
+}, be = ["id"], pe = { class: "component-content__text" }, ye = /* @__PURE__ */ Object.assign({
   name: "NbButtonVavaGame",
   inheritAttrs: !1
 }, {
@@ -93,52 +93,51 @@ const q = (e, s) => {
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((c) => ({
-      "859731ae": n.value,
-      "101619df": X.value,
-      "90f5dac6": z.value,
-      f0f7a800: Y.value,
-      33084168: r.value
+    j((c) => ({
+      "32e6be5f": n.value,
+      "9f7534d6": R.value,
+      "0ebea8a7": W.value,
+      "4de13b94": X.value,
+      "4e9ec21e": r.value
     }));
-    const {
+    const w = s, $ = e, {
       display: V,
-      textColor: b,
+      textColor: g,
       textColorHover: m,
-      buttonColor: p,
-      buttonColorHover: y,
+      buttonColor: b,
+      buttonColorHover: p,
       uppercase: _,
-      paddingXContent: g,
+      paddingXContent: y,
       paddingYContent: x,
       paddingXBorder: C,
       paddingYBorder: f,
       borderColor: i,
       borderOpacity: u,
       disabled: v,
-      fontFamily: $,
+      fontFamily: H,
       fontSize: B,
       fontWeight: h
-    } = j(w), S = t(() => {
-      const c = v.value ? "component-disabled" : "", I = V.value !== "b" ? "inline-block" : "block", P = b.value ? b.value : "#ece8e1", F = p.value ? p.value : "green", G = m.value ? m.value : "#ece8e1", E = y.value ? y.value : "cyan", J = i.value ? i.value : "#ffffff", K = !u.value || !(u.value >= 0 && u.value <= 1) ? "0.5" : u.value, Q = !C.value || C.value < 0 ? 0.3 : C.value, U = !f.value || f.value < 0 ? 0.3 : f.value, Z = !g.value || g.value < 0 ? 0.5 : g.value, ae = !x.value || x.value < 0 ? 0.5 : x.value, oe = _.value ? "uppercase" : "none", le = $.value ? $.value : "'Lato', sans-serif", ne = B.value ? B.value : "1.6em", ue = !h.value || h.value < 0 ? 100 : h.value;
+    } = q($), S = t(() => {
+      const c = v.value ? "component-disabled" : "", D = V.value !== "b" ? "inline-block" : "block", F = g.value ? g.value : "#ece8e1", M = b.value ? b.value : "green", E = m.value ? m.value : "#ece8e1", J = p.value ? p.value : "cyan", K = i.value ? i.value : "#ffffff", Q = !u.value || !(u.value >= 0 && u.value <= 1) ? "0.5" : u.value, U = !C.value || C.value < 0 ? 0.3 : C.value, Z = !f.value || f.value < 0 ? 0.3 : f.value, ee = !y.value || y.value < 0 ? 0.5 : y.value, oe = !x.value || x.value < 0 ? 0.5 : x.value, le = _.value ? "uppercase" : "none", ne = H.value ? H.value : "'Lato', sans-serif", ue = B.value ? B.value : "1.6em", re = !h.value || h.value < 0 ? 100 : h.value;
       return {
         disabled: c,
-        display: I,
-        textColor: P,
-        buttonColor: F,
-        textColorHover: G,
-        buttonColorHover: E,
-        borderColor: J,
-        borderOpacity: K,
-        paddingXBorder: Q,
-        paddingYBorder: U,
-        paddingXContent: Z,
-        paddingYContent: ae,
-        uppercase: oe,
-        font: le,
-        fontSize: ne,
-        fontWeight: ue
+        display: D,
+        textColor: F,
+        buttonColor: M,
+        textColorHover: E,
+        buttonColorHover: J,
+        borderColor: K,
+        borderOpacity: Q,
+        paddingXBorder: U,
+        paddingYBorder: Z,
+        paddingXContent: ee,
+        paddingYContent: oe,
+        uppercase: le,
+        font: ne,
+        fontSize: ue,
+        fontWeight: re
       };
-    }), o = t(() => S.value.disabled), H = t(() => ({
+    }), o = t(() => S.value.disabled), k = t(() => ({
       display: S.value.display
     })), d = t(() => {
       const c = S.value;
@@ -156,39 +155,39 @@ const q = (e, s) => {
       };
     }), a = t(() => ({
       backgroundColor: S.value.buttonColorHover
-    })), n = t(() => S.value.font), Y = t(() => S.value.borderColor), r = t(() => S.value.borderOpacity), X = t(() => S.value.textColor), z = t(() => S.value.textColorHover), W = () => {
-      s("clicked");
+    })), n = t(() => S.value.font), X = t(() => S.value.borderColor), r = t(() => S.value.borderOpacity), R = t(() => S.value.textColor), W = t(() => S.value.textColorHover), I = () => {
+      w("clicked");
     };
-    return (c, I) => e.nbId ? (D(), O("div", {
+    return (c, D) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", o.value]),
-      style: N([H.value]),
-      onClick: W
+      class: z(["nb-wrapper", o.value]),
+      style: N([k.value]),
+      onClick: I
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
-        class: R(["nb-reset", "component"]),
+        class: z(["nb-reset", "component"]),
         style: N([d.value])
       }, [
-        k("div", {
+        Y("div", {
           class: "component-content",
           style: N([l.value])
         }, [
-          k("span", be, [
-            T(c.$slots, "content", {}, () => [
-              A("Default Text")
+          Y("span", pe, [
+            A(c.$slots, "content", {}, () => [
+              P("Default Text")
             ], !0)
           ]),
-          k("span", {
+          Y("span", {
             class: "component-content__mask",
             style: N([a.value])
           }, null, 4)
         ], 4)
-      ], 12, ve)
-    ], 6)) : L("", !0);
+      ], 12, be)
+    ], 6)) : T("", !0);
   }
-}), ye = /* @__PURE__ */ q(pe, [["__scopeId", "data-v-4cddc525"]]);
-const ge = ["id"], me = /* @__PURE__ */ Object.assign({
+}), ge = /* @__PURE__ */ G(ye, [["__scopeId", "data-v-2854e208"]]);
+const me = ["id"], Ve = /* @__PURE__ */ Object.assign({
   name: "NbButtonShowHover",
   inheritAttrs: !1
 }, {
@@ -255,42 +254,41 @@ const ge = ["id"], me = /* @__PURE__ */ Object.assign({
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((d) => ({
-      "4b8ff329": o.value,
-      "456d13a6": h.value,
-      55665737: S.value,
-      "6b7abb00": e.textColorHover,
-      b18900c8: te(V)
+    j((d) => ({
+      ae2466b6: o.value,
+      "4cd64222": h.value,
+      "54f7cb8a": S.value,
+      "72e3e97c": e.textColorHover,
+      "3b3633a0": ae(V)
     }));
-    const {
+    const w = s, $ = e, {
       textColor: V,
-      buttonColorHover: b,
+      buttonColorHover: g,
       buttonColorOpacityHover: m,
-      paddingX: p,
-      paddingY: y,
+      paddingX: b,
+      paddingY: p,
       disabled: _,
-      borderRadius: g,
+      borderRadius: y,
       verticalAlign: x,
       fontFamily: C,
       fontSize: f,
       fontWeight: i
-    } = j(w), u = t(() => {
-      const d = _.value ? "component-disabled" : "", l = x.value ? x.value : "middle", a = V ? V.value : "ffffff", n = !p.value || p.value < 0 ? 1 : p.value, Y = !y.value || y.value < 0 ? 0.2 : y.value, r = !g.value || g.value < 0 ? 0 : g.value, X = b.value ? b.value : "10, 38, 184", z = !m.value || m.value < 0 ? 0.1 : m.value, W = C.value ? C.value : "'Lato', sans-serif", c = f.value ? f.value : "1.6rem", I = !i.value || i.value < 0 ? 100 : i.value;
+    } = q($), u = t(() => {
+      const d = _.value ? "component-disabled" : "", l = x.value ? x.value : "middle", a = V ? V.value : "ffffff", n = !b.value || b.value < 0 ? 1 : b.value, X = !p.value || p.value < 0 ? 0.2 : p.value, r = !y.value || y.value < 0 ? 0 : y.value, R = g.value ? g.value : "10, 38, 184", W = !m.value || m.value < 0 ? 0.1 : m.value, I = C.value ? C.value : "'Lato', sans-serif", c = f.value ? f.value : "1.6rem", D = !i.value || i.value < 0 ? 100 : i.value;
       return {
         disabled: d,
         borderRadius: r,
         textColor: a,
         paddingX: n,
-        paddingY: Y,
-        buttonColorHover: X,
-        buttonColorOpacityHover: z,
-        font: W,
+        paddingY: X,
+        buttonColorHover: R,
+        buttonColorOpacityHover: W,
+        font: I,
         fontSize: c,
-        fontWeight: I,
+        fontWeight: D,
         verticalAlign: l
       };
-    }), v = t(() => u.value.disabled), $ = t(() => ({
+    }), v = t(() => u.value.disabled), H = t(() => ({
       verticalAlign: u.value.verticalAlign
     })), B = t(() => {
       const d = u.value;
@@ -307,30 +305,30 @@ const ge = ["id"], me = /* @__PURE__ */ Object.assign({
     }), S = t(() => {
       const d = u.value;
       return `rgba(${d.buttonColorHover}, ${d.buttonColorOpacityHover})`;
-    }), o = t(() => u.value.font), H = () => {
-      s("clicked");
+    }), o = t(() => u.value.font), k = () => {
+      w("clicked");
     };
-    return (d, l) => e.nbId ? (D(), O("div", {
+    return (d, l) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", v.value]),
-      style: N([$.value]),
-      onClick: H
+      class: z(["nb-wrapper", v.value]),
+      style: N([H.value]),
+      onClick: k
     }, [
-      k("a", {
+      Y("a", {
         id: e.nbId,
         class: "nb-reset component tertiary",
         style: N([B.value]),
-        onClick: l[0] || (l[0] = re(() => {
+        onClick: l[0] || (l[0] = de(() => {
         }, ["prevent"]))
       }, [
-        T(d.$slots, "content", {}, () => [
-          A("Default Text")
+        A(d.$slots, "content", {}, () => [
+          P("Default Text")
         ], !0)
-      ], 12, ge)
-    ], 6)) : L("", !0);
+      ], 12, me)
+    ], 6)) : T("", !0);
   }
-}), Ve = /* @__PURE__ */ q(me, [["__scopeId", "data-v-35424129"]]);
-const Ce = ["id"], Se = /* @__PURE__ */ Object.assign({
+}), Ce = /* @__PURE__ */ G(Ve, [["__scopeId", "data-v-ac926913"]]);
+const Se = ["id"], _e = /* @__PURE__ */ Object.assign({
   name: "NbButtonPrevNext",
   inheritAttrs: !1
 }, {
@@ -418,39 +416,38 @@ const Ce = ["id"], Se = /* @__PURE__ */ Object.assign({
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((l) => ({
-      "2446b547": H.value,
-      a50bbbd2: e.colorPrimary,
-      "0f9f603e": e.textColor,
-      "748cd449": e.colorSecondary,
-      "1af3ef9e": e.textColorHover
+    j((l) => ({
+      ac33d4c4: k.value,
+      "30fb3b6e": e.colorPrimary,
+      c9dcc372: e.textColor,
+      "1c2cf3e0": e.colorSecondary,
+      "7ad7e196": e.textColorHover
     }));
-    const {
+    const w = s, $ = e, {
       paddingX: V,
-      paddingY: b,
+      paddingY: g,
       marginBetween: m,
-      borderRadius: p,
-      disabled: y,
+      borderRadius: b,
+      disabled: p,
       disabledPreview: _,
-      disabledNext: g,
+      disabledNext: y,
       fontFamily: x,
       fontSize: C,
       fontWeight: f
-    } = j(w), i = t(() => {
-      const l = y.value ? "component-disabled" : "", a = _.value ? "component-disabled" : "", n = g.value ? "component-disabled" : "", Y = !m.value || m.value < 0 ? 0 : m.value, r = !p.value || p.value < 0 ? 0 : p.value, X = !V.value || V.value < 0 ? 1 : V.value, z = !b.value || b.value < 0 ? 10 : b.value, W = C.value ? C.value : "1.6em", c = !f.value || f.value < 0 ? 100 : f.value;
+    } = q($), i = t(() => {
+      const l = p.value ? "component-disabled" : "", a = _.value ? "component-disabled" : "", n = y.value ? "component-disabled" : "", X = !m.value || m.value < 0 ? 0 : m.value, r = !b.value || b.value < 0 ? 0 : b.value, R = !V.value || V.value < 0 ? 1 : V.value, W = !g.value || g.value < 0 ? 10 : g.value, I = C.value ? C.value : "1.6em", c = !f.value || f.value < 0 ? 100 : f.value;
       return {
         disabled: l,
         disabledPreview: a,
         disabledNext: n,
-        marginBetween: `${Y}px`,
+        marginBetween: `${X}px`,
         borderRadius: `${r}px`,
-        paddingX: `${X}px`,
-        paddingY: `${z}px`,
-        fontSize: W,
+        paddingX: `${R}px`,
+        paddingY: `${W}px`,
+        fontSize: I,
         fontWeight: c
       };
-    }), u = t(() => i.value.disabled), v = t(() => i.value.disabledPreview), $ = t(() => i.value.disabledNext), B = t(() => ({
+    }), u = t(() => i.value.disabled), v = t(() => i.value.disabledPreview), H = t(() => i.value.disabledNext), B = t(() => ({
       display: i.value.display
     })), h = t(() => {
       const l = i.value;
@@ -472,44 +469,44 @@ const Ce = ["id"], Se = /* @__PURE__ */ Object.assign({
         marginLeft: l.marginBetween,
         padding: `${l.paddingX} ${l.paddingY}`
       };
-    }), H = t(() => `'${x.value ? x.value : "'Lato', sans-serif"}'`), d = (l) => {
-      s("clicked", l);
+    }), k = t(() => `'${x.value ? x.value : "'Lato', sans-serif"}'`), d = (l) => {
+      w("clicked", l);
     };
-    return (l, a) => e.nbId ? (D(), O("div", {
+    return (l, a) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", u.value]),
+      class: z(["nb-wrapper", u.value]),
       style: N([B.value])
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
-        class: R(["nb-reset", "component"]),
+        class: z(["nb-reset", "component"]),
         style: N(h.value)
       }, [
-        e.showPreview ? (D(), O("div", {
+        e.showPreview ? (O(), L("div", {
           key: 0,
           onClick: a[0] || (a[0] = (n) => d("preview")),
-          class: R(["buttonNextPreview buttonPreview", v.value]),
+          class: z(["buttonNextPreview buttonPreview", v.value]),
           style: N(S.value)
         }, [
-          T(l.$slots, "prev", {}, () => [
-            A("← Preview")
+          A(l.$slots, "prev", {}, () => [
+            P("← Preview")
           ], !0)
-        ], 6)) : L("", !0),
-        e.showNext ? (D(), O("div", {
+        ], 6)) : T("", !0),
+        e.showNext ? (O(), L("div", {
           key: 1,
           onClick: a[1] || (a[1] = (n) => d("next")),
-          class: R(["buttonNextPreview buttonNext", $.value]),
+          class: z(["buttonNextPreview buttonNext", H.value]),
           style: N(o.value)
         }, [
-          T(l.$slots, "next", {}, () => [
-            A("Next →")
+          A(l.$slots, "next", {}, () => [
+            P("Next →")
           ], !0)
-        ], 6)) : L("", !0)
-      ], 12, Ce)
-    ], 6)) : L("", !0);
+        ], 6)) : T("", !0)
+      ], 12, Se)
+    ], 6)) : T("", !0);
   }
-}), _e = /* @__PURE__ */ q(Se, [["__scopeId", "data-v-f26b5a64"]]);
-const xe = ["id"], he = /* @__PURE__ */ Object.assign({
+}), xe = /* @__PURE__ */ G(_e, [["__scopeId", "data-v-bce0a1da"]]);
+const he = ["id"], Ne = /* @__PURE__ */ Object.assign({
   name: "NbButtonMechanical",
   inheritAttrs: !1
 }, {
@@ -579,43 +576,42 @@ const xe = ["id"], he = /* @__PURE__ */ Object.assign({
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((a) => ({
-      "196eb3ca": o.value,
-      "5a845ff6": te(b),
-      "44f25ea8": d.value,
-      "3eb45b5e": H.value
+    j((a) => ({
+      "4b1889ee": o.value,
+      "7fe81952": ae(g),
+      "5683f09a": d.value,
+      "58a615bf": k.value
     }));
-    const {
+    const w = s, $ = e, {
       display: V,
-      buttonColor: b,
+      buttonColor: g,
       textColor: m,
-      containerColor: p,
-      paddingX: y,
+      containerColor: b,
+      paddingX: p,
       paddingY: _,
-      borderRadius: g,
+      borderRadius: y,
       disabled: x,
       animationSlow: C,
       fontFamily: f,
       fontSize: i,
       fontWeight: u
-    } = j(w), v = t(() => {
-      const a = x.value ? "component-disabled" : "", n = V.value !== "b" ? "inline-block" : "block", Y = p.value ? p.value : "#ffffff", r = b.value ? b.value : "#bbbbbb", X = m.value ? m.value : "#ffffff", z = !y.value || y.value < 0 ? 1 : y.value, W = !_.value || _.value < 0 ? 0.2 : _.value, c = !g.value || g.value < 0 ? 0 : g.value, I = C.value ? "" : "component-transition__no-slow", P = f.value ? f.value : "'Lato', sans-serif", F = i.value ? i.value : "1.6em", G = !u.value || u.value < 0 ? 100 : u.value;
+    } = q($), v = t(() => {
+      const a = x.value ? "component-disabled" : "", n = V.value !== "b" ? "inline-block" : "block", X = b.value ? b.value : "#ffffff", r = g.value ? g.value : "#bbbbbb", R = m.value ? m.value : "#ffffff", W = !p.value || p.value < 0 ? 1 : p.value, I = !_.value || _.value < 0 ? 0.2 : _.value, c = !y.value || y.value < 0 ? 0 : y.value, D = C.value ? "" : "component-transition__no-slow", F = f.value ? f.value : "'Lato', sans-serif", M = i.value ? i.value : "1.6em", E = !u.value || u.value < 0 ? 100 : u.value;
       return {
         disabled: a,
         display: n,
-        containerColor: Y,
+        containerColor: X,
         buttonColor: r,
-        textColor: X,
-        paddingX: z,
-        paddingY: W,
+        textColor: R,
+        paddingX: W,
+        paddingY: I,
         borderRadius: c,
-        animationSlow: I,
-        font: P,
-        fontSize: F,
-        fontWeight: G
+        animationSlow: D,
+        font: F,
+        fontSize: M,
+        fontWeight: E
       };
-    }), $ = t(() => v.value.disabled), B = t(() => ({
+    }), H = t(() => v.value.disabled), B = t(() => ({
       display: v.value.display
     })), h = t(() => {
       const a = v.value;
@@ -628,28 +624,28 @@ const xe = ["id"], he = /* @__PURE__ */ Object.assign({
         fontSize: a.fontSize,
         fontWeight: a.fontWeight
       };
-    }), S = t(() => v.value.animationSlow), o = t(() => v.value.font), H = t(() => v.value.textColor), d = t(() => v.value.buttonColor), l = () => {
-      s("clicked");
+    }), S = t(() => v.value.animationSlow), o = t(() => v.value.font), k = t(() => v.value.textColor), d = t(() => v.value.buttonColor), l = () => {
+      w("clicked");
     };
-    return (a, n) => e.nbId ? (D(), O("div", {
+    return (a, n) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", $.value]),
+      class: z(["nb-wrapper", H.value]),
       style: N([B.value]),
       onClick: l
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
-        class: R(["nb-reset", "component", "component-transition", S.value]),
+        class: z(["nb-reset", "component", "component-transition", S.value]),
         style: N([h.value])
       }, [
-        T(a.$slots, "content", {}, () => [
-          A("Default Text")
+        A(a.$slots, "content", {}, () => [
+          P("Default Text")
         ], !0)
-      ], 14, xe)
-    ], 6)) : L("", !0);
+      ], 14, he)
+    ], 6)) : T("", !0);
   }
-}), Ne = /* @__PURE__ */ q(he, [["__scopeId", "data-v-11d6e180"]]);
-const we = ["id"], Be = /* @__PURE__ */ Object.assign({
+}), we = /* @__PURE__ */ G(Ne, [["__scopeId", "data-v-5cadef2d"]]);
+const Be = ["id"], $e = /* @__PURE__ */ Object.assign({
   name: "NbButtonMechanical2",
   inheritAttrs: !1
 }, {
@@ -715,38 +711,37 @@ const we = ["id"], Be = /* @__PURE__ */ Object.assign({
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((o) => ({
-      "143d0975": h.value
+    j((o) => ({
+      "7ab7e502": h.value
     }));
-    const {
+    const w = s, $ = e, {
       display: V,
-      buttonColor: b,
+      buttonColor: g,
       textColor: m,
-      paddingX: p,
-      paddingY: y,
+      paddingX: b,
+      paddingY: p,
       borderRadius: _,
-      shadowColor: g,
+      shadowColor: y,
       disabled: x,
       fontFamily: C,
       fontSize: f,
       fontWeight: i
-    } = j(w), u = t(() => {
-      const o = x.value ? "component-disabled" : "", H = V.value !== "b" ? "inline-block" : "block", d = b.value ? b.value : "#bbbbbb", l = g.value ? g.value : "#002f3c", a = m.value ? m.value : "#ffffff", n = !p.value || p.value < 0 ? 1 : p.value, Y = !y.value || y.value < 0 ? 1 : y.value, r = !_.value || _.value < 0 ? 0 : _.value, X = C.value ? C.value : "'Lato', sans-serif", z = f.value ? f.value : "1.6em", W = !i.value || i.value < 0 ? 100 : i.value;
+    } = q($), u = t(() => {
+      const o = x.value ? "component-disabled" : "", k = V.value !== "b" ? "inline-block" : "block", d = g.value ? g.value : "#bbbbbb", l = y.value ? y.value : "#002f3c", a = m.value ? m.value : "#ffffff", n = !b.value || b.value < 0 ? 1 : b.value, X = !p.value || p.value < 0 ? 1 : p.value, r = !_.value || _.value < 0 ? 0 : _.value, R = C.value ? C.value : "'Lato', sans-serif", W = f.value ? f.value : "1.6em", I = !i.value || i.value < 0 ? 100 : i.value;
       return {
         disabled: o,
-        display: H,
+        display: k,
         buttonColor: d,
         shadowColor: l,
         textColor: a,
         paddingX: n,
-        paddingY: Y,
+        paddingY: X,
         borderRadius: r,
-        font: X,
-        fontSize: z,
-        fontWeight: W
+        font: R,
+        fontSize: W,
+        fontWeight: I
       };
-    }), v = t(() => u.value.disabled), $ = t(() => ({
+    }), v = t(() => u.value.disabled), H = t(() => ({
       display: u.value.display
     })), B = t(() => {
       const o = u.value;
@@ -761,27 +756,27 @@ const we = ["id"], Be = /* @__PURE__ */ Object.assign({
         fontWeight: o.fontWeight
       };
     }), h = t(() => u.value.font), S = () => {
-      s("clicked");
+      w("clicked");
     };
-    return (o, H) => e.nbId ? (D(), O("div", {
+    return (o, k) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", v.value]),
-      style: N([$.value]),
+      class: z(["nb-wrapper", v.value]),
+      style: N([H.value]),
       onClick: S
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
-        class: R(["nb-reset", "component", "component-transition"]),
+        class: z(["nb-reset", "component", "component-transition"]),
         style: N([B.value])
       }, [
-        T(o.$slots, "content", {}, () => [
-          A("Default Text")
+        A(o.$slots, "content", {}, () => [
+          P("Default Text")
         ], !0)
-      ], 12, we)
-    ], 6)) : L("", !0);
+      ], 12, Be)
+    ], 6)) : T("", !0);
   }
-}), $e = /* @__PURE__ */ q(Be, [["__scopeId", "data-v-f22590f0"]]);
-const He = ["id"], ke = /* @__PURE__ */ Object.assign({
+}), He = /* @__PURE__ */ G($e, [["__scopeId", "data-v-dc73d1b4"]]);
+const ke = ["id"], Ye = /* @__PURE__ */ Object.assign({
   name: "NbButtonHamburger",
   inheritAttrs: !1
 }, {
@@ -830,32 +825,33 @@ const He = ["id"], ke = /* @__PURE__ */ Object.assign({
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((o) => ({
-      "4f0c7280": B.value,
-      "86dec5da": h.value
-    })), de(() => {
-      V.value = b.value;
+    j((o) => ({
+      f95b314e: B.value,
+      "30593c5a": h.value
+    }));
+    const w = s, $ = e;
+    se(() => {
+      V.value = g.value;
     });
-    const V = se(!1), {
-      status: b,
+    const V = ie(!1), {
+      status: g,
       color: m,
-      containerColor: p,
-      containerColorHover: y,
+      containerColor: b,
+      containerColorHover: p,
       colorHover: _,
-      paddingX: g,
+      paddingX: y,
       paddingY: x,
       disabled: C
-    } = j(w), f = t(() => {
-      const o = C.value ? "component-disabled" : "", H = V.value ? "change" : "", d = p.value ? p.value : "#333333", l = m.value ? m.value : "#ffffff", a = !g.value || g.value < 0 ? 3 : g.value, n = !x.value || x.value < 0 ? 3 : x.value, Y = y.value ? y.value : "yellow", r = _.value ? _.value : "red";
+    } = q($), f = t(() => {
+      const o = C.value ? "component-disabled" : "", k = V.value ? "change" : "", d = b.value ? b.value : "#333333", l = m.value ? m.value : "#ffffff", a = !y.value || y.value < 0 ? 3 : y.value, n = !x.value || x.value < 0 ? 3 : x.value, X = p.value ? p.value : "yellow", r = _.value ? _.value : "red";
       return {
         disabled: o,
-        buttonStatus: H,
+        buttonStatus: k,
         containerColor: d,
         paddingX: a,
         paddingY: n,
         color: l,
-        containerColorHover: Y,
+        containerColorHover: X,
         colorHover: r
       };
     }), i = t(() => f.value.disabled), u = t(() => {
@@ -866,39 +862,39 @@ const He = ["id"], ke = /* @__PURE__ */ Object.assign({
       };
     }), v = t(() => ({
       backgroundColor: f.value.color
-    })), $ = t(() => f.value.buttonStatus), B = t(() => f.value.containerColorHover), h = t(() => f.value.colorHover), S = () => {
+    })), H = t(() => f.value.buttonStatus), B = t(() => f.value.containerColorHover), h = t(() => f.value.colorHover), S = () => {
       const o = !V.value;
-      V.value = o, s("clicked", o);
+      V.value = o, w("clicked", o);
     };
-    return ie(b, () => {
-      V.value = b.value;
-    }), (o, H) => e.nbId ? (D(), O("div", {
+    return ce(g, () => {
+      V.value = g.value;
+    }), (o, k) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", i.value]),
+      class: z(["nb-wrapper", i.value]),
       style: N([u.value]),
       onClick: S
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
-        class: R(["nb-reset", "component", $.value])
+        class: z(["nb-reset", "component", H.value])
       }, [
-        k("div", {
+        Y("div", {
           class: "component__line-one",
           style: N(v.value)
         }, null, 4),
-        k("div", {
+        Y("div", {
           class: "component__line-two",
           style: N(v.value)
         }, null, 4),
-        k("div", {
+        Y("div", {
           class: "component__line-three",
           style: N(v.value)
         }, null, 4)
-      ], 10, He)
-    ], 6)) : L("", !0);
+      ], 10, ke)
+    ], 6)) : T("", !0);
   }
-}), Ye = /* @__PURE__ */ q(ke, [["__scopeId", "data-v-37573ac0"]]);
-const Xe = (e) => (ce("data-v-91c3c32d"), e = e(), fe(), e), Re = ["id"], ze = /* @__PURE__ */ Xe(() => /* @__PURE__ */ k("div", { class: "component-shadow" }, null, -1)), We = /* @__PURE__ */ Object.assign({
+}), Xe = /* @__PURE__ */ G(Ye, [["__scopeId", "data-v-3ffd1dc9"]]);
+const Re = (e) => (fe("data-v-e1da5764"), e = e(), ve(), e), ze = ["id"], We = /* @__PURE__ */ Re(() => /* @__PURE__ */ Y("div", { class: "component-shadow" }, null, -1)), Ie = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorOutside",
   inheritAttrs: !1
 }, {
@@ -964,41 +960,40 @@ const Xe = (e) => (ce("data-v-91c3c32d"), e = e(), fe(), e), Re = ["id"], ze = /
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((a) => ({
-      "1268e22f": o.value,
-      b72ce280: d.value,
-      "8beb00ca": S.value,
-      "58edf536": H.value
+    j((a) => ({
+      "2ad8890e": o.value,
+      "48b2df1f": d.value,
+      fda0dac8: S.value,
+      "6c58e184": k.value
     }));
-    const {
+    const w = s, $ = e, {
       display: V,
-      buttonColor: b,
+      buttonColor: g,
       borderColor: m,
-      textColor: p,
-      paddingX: y,
+      textColor: b,
+      paddingX: p,
       paddingY: _,
-      borderRadius: g,
+      borderRadius: y,
       disabled: x,
       fontFamily: C,
       fontSize: f,
       fontWeight: i
-    } = j(w), u = t(() => {
-      const a = x.value ? "component-disabled" : "", n = V.value !== "b" ? "inline-block" : "block", Y = b.value ? b.value : "#bbbbbb", r = m.value ? m.value : "#ffe54c", X = p.value ? p.value : "#ffffff", z = !y.value || y.value < 0 ? 1 : y.value, W = !_.value || _.value < 0 ? 0.2 : _.value, c = !g.value || g.value < 0 ? 0 : g.value, I = C.value ? C.value : "'Lato', sans-serif", P = f.value ? f.value : "1.6em", F = !i.value || i.value < 0 ? 200 : i.value;
+    } = q($), u = t(() => {
+      const a = x.value ? "component-disabled" : "", n = V.value !== "b" ? "inline-block" : "block", X = g.value ? g.value : "#bbbbbb", r = m.value ? m.value : "#ffe54c", R = b.value ? b.value : "#ffffff", W = !p.value || p.value < 0 ? 1 : p.value, I = !_.value || _.value < 0 ? 0.2 : _.value, c = !y.value || y.value < 0 ? 0 : y.value, D = C.value ? C.value : "'Lato', sans-serif", F = f.value ? f.value : "1.6em", M = !i.value || i.value < 0 ? 200 : i.value;
       return {
         disabled: a,
         display: n,
-        buttonColor: Y,
+        buttonColor: X,
         borderColor: r,
-        textColor: X,
-        paddingX: z,
-        paddingY: W,
+        textColor: R,
+        paddingX: W,
+        paddingY: I,
         borderRadius: c,
-        font: I,
-        fontSize: P,
-        fontWeight: F
+        font: D,
+        fontSize: F,
+        fontWeight: M
       };
-    }), v = t(() => u.value.disabled), $ = t(() => ({
+    }), v = t(() => u.value.disabled), H = t(() => ({
       display: u.value.display
     })), B = t(() => {
       const a = u.value;
@@ -1014,34 +1009,34 @@ const Xe = (e) => (ce("data-v-91c3c32d"), e = e(), fe(), e), Re = ["id"], ze = /
         border: `1px solid ${a.borderColor}`,
         borderRadius: S.value
       };
-    }), S = t(() => `${u.value.borderRadius}rem`), o = t(() => u.value.font), H = t(() => u.value.textColor), d = t(() => u.value.buttonColor), l = () => {
-      s("clicked");
+    }), S = t(() => `${u.value.borderRadius}rem`), o = t(() => u.value.font), k = t(() => u.value.textColor), d = t(() => u.value.buttonColor), l = () => {
+      w("clicked");
     };
-    return (a, n) => e.nbId ? (D(), O("div", {
+    return (a, n) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", v.value]),
-      style: N([$.value]),
+      class: z(["nb-wrapper", v.value]),
+      style: N([H.value]),
       onClick: l
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
-        class: R(["nb-reset", "component"]),
+        class: z(["nb-reset", "component"]),
         style: N([B.value])
       }, [
-        k("div", {
+        Y("div", {
           class: "component-content",
           style: N([h.value])
         }, [
-          T(a.$slots, "content", {}, () => [
-            A("Default Text")
+          A(a.$slots, "content", {}, () => [
+            P("Default Text")
           ], !0)
         ], 4),
-        ze
-      ], 12, Re)
-    ], 6)) : L("", !0);
+        We
+      ], 12, ze)
+    ], 6)) : T("", !0);
   }
-}), Ie = /* @__PURE__ */ q(We, [["__scopeId", "data-v-91c3c32d"]]);
-const De = ["id"], Oe = /* @__PURE__ */ Object.assign({
+}), De = /* @__PURE__ */ G(Ie, [["__scopeId", "data-v-e1da5764"]]);
+const Oe = ["id"], Le = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorHover",
   inheritAttrs: !1
 }, {
@@ -1111,44 +1106,43 @@ const De = ["id"], Oe = /* @__PURE__ */ Object.assign({
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((n) => ({
-      "70b0363a": S.value,
-      "2d562374": d.value,
-      "360329a3": H.value,
-      "3c24be28": l.value,
-      "7f8991ce": o.value
+    j((n) => ({
+      "1c06a74c": S.value,
+      "32a0706b": d.value,
+      "5114b568": k.value,
+      "4ae6f391": l.value,
+      "0ed255d0": o.value
     }));
-    const {
+    const w = s, $ = e, {
       display: V,
-      textColor: b,
+      textColor: g,
       paddingX: m,
-      paddingY: p,
-      borderRadius: y,
+      paddingY: b,
+      borderRadius: p,
       disabled: _,
-      fontFamily: g,
+      fontFamily: y,
       fontSize: x,
       fontWeight: C,
       textColorHover: f,
       buttonColor: i,
       buttonColorHover: u
-    } = j(w), v = t(() => {
-      const n = _.value ? "component-disabled" : "", Y = V.value !== "b" ? "inline-block" : "block", r = b ? b.value : "ffffff", X = !m.value || m.value < 0 ? 1 : m.value, z = !p.value || p.value < 0 ? 0.2 : p.value, W = !y.value || y.value < 0 ? 0 : y.value, c = g.value ? g.value : "'Lato', sans-serif", I = x.value ? x.value : "1.6rem", P = !C.value || C.value < 0 ? 100 : C.value, F = f.value ? f.value : "#cccccc", G = i.value ? i.value : "#bbbbbb", E = u.value ? u.value : "#959595";
+    } = q($), v = t(() => {
+      const n = _.value ? "component-disabled" : "", X = V.value !== "b" ? "inline-block" : "block", r = g ? g.value : "ffffff", R = !m.value || m.value < 0 ? 1 : m.value, W = !b.value || b.value < 0 ? 0.2 : b.value, I = !p.value || p.value < 0 ? 0 : p.value, c = y.value ? y.value : "'Lato', sans-serif", D = x.value ? x.value : "1.6rem", F = !C.value || C.value < 0 ? 100 : C.value, M = f.value ? f.value : "#cccccc", E = i.value ? i.value : "#bbbbbb", J = u.value ? u.value : "#959595";
       return {
         disabled: n,
-        display: Y,
+        display: X,
         font: c,
-        fontSize: I,
-        fontWeight: P,
+        fontSize: D,
+        fontWeight: F,
         textColor: r,
-        paddingX: X,
-        paddingY: z,
-        borderRadius: W,
-        textColorHover: F,
-        buttonColor: G,
-        buttonColorHover: E
+        paddingX: R,
+        paddingY: W,
+        borderRadius: I,
+        textColorHover: M,
+        buttonColor: E,
+        buttonColorHover: J
       };
-    }), $ = t(() => v.value.disabled), B = t(() => {
+    }), H = t(() => v.value.disabled), B = t(() => {
       const n = v.value;
       return {
         display: n.display,
@@ -1163,27 +1157,27 @@ const De = ["id"], Oe = /* @__PURE__ */ Object.assign({
         fontSize: n.fontSize,
         fontWeight: n.fontWeight
       };
-    }), S = t(() => v.value.font), o = t(() => v.value.textColor), H = t(() => v.value.textColorHover), d = t(() => v.value.buttonColor), l = t(() => v.value.buttonColorHover), a = () => {
-      s("clicked");
+    }), S = t(() => v.value.font), o = t(() => v.value.textColor), k = t(() => v.value.textColorHover), d = t(() => v.value.buttonColor), l = t(() => v.value.buttonColorHover), a = () => {
+      w("clicked");
     };
-    return (n, Y) => (D(), O("div", {
-      class: R(["nb-wrapper", $.value]),
+    return (n, X) => (O(), L("div", {
+      class: z(["nb-wrapper", H.value]),
       style: N([B.value]),
       onClick: a
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
         class: "nb-reset component component-transition",
         style: N([h.value])
       }, [
-        T(n.$slots, "content", {}, () => [
-          A("Default Text")
+        A(n.$slots, "content", {}, () => [
+          P("Default Text")
         ], !0)
-      ], 12, De)
+      ], 12, Oe)
     ], 6));
   }
-}), Le = /* @__PURE__ */ q(Oe, [["__scopeId", "data-v-849fae4e"]]);
-const Te = ["id"], Ae = { class: "first-child" }, Pe = { class: "last-child" }, Fe = /* @__PURE__ */ Object.assign({
+}), Te = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-fe69344f"]]);
+const Ae = ["id"], Pe = { class: "first-child" }, Fe = { class: "last-child" }, Me = /* @__PURE__ */ Object.assign({
   name: "NbButtonAlternateText",
   inheritAttrs: !1
 }, {
@@ -1267,109 +1261,108 @@ const Te = ["id"], Ae = { class: "first-child" }, Pe = { class: "last-child" },
   },
   emits: ["clicked"],
   setup(e, { emit: s }) {
-    const w = e;
-    M((r) => ({
-      70620026: d.value,
-      "2928e4ba": l.value,
-      "0fe93572": a.value,
-      "4dcaff7e": n.value
+    j((r) => ({
+      "42e9739f": d.value,
+      "11568ad5": l.value,
+      "03c8d755": a.value,
+      b6290fa0: n.value
     }));
-    const {
+    const w = s, $ = e, {
       display: V,
-      buttonColor: b,
+      buttonColor: g,
       borderColor: m,
-      buttonHoverColor: p,
-      showBorder: y,
+      buttonHoverColor: b,
+      showBorder: p,
       borderRadius: _,
-      textColor: g,
+      textColor: y,
       textHoverColor: x,
       width: C,
       paddingX: f,
       paddingY: i,
       disabled: u,
       fontFamily: v,
-      fontSize: $,
+      fontSize: H,
       fontWeight: B
-    } = j(w), h = t(() => {
-      const r = u.value ? "component-disabled" : "", X = V.value !== "b" ? "inline-block" : "block", z = b.value ? b.value : "#ffffff", W = p.value ? p.value : "#000000", c = m.value ? m.value : "#ffe54c", I = !_.value || _.value < 0 ? 0 : _.value, P = [!1, !0].includes(y.value) ? y.value : !0, F = g.value ? g.value : "#ffffff", G = x.value ? x.value : "#000000", E = !C.value || C.value < 86 ? 86 : C.value, J = !f.value || f.value < 0 ? 1 : f.value, K = !i.value || i.value < 0 ? 0.4 : i.value, Q = v.value ? v.value : "'Lato', sans-serif", U = $.value ? $.value : "1.6em", Z = !B.value || B.value < 0 ? 200 : B.value;
+    } = q($), h = t(() => {
+      const r = u.value ? "component-disabled" : "", R = V.value !== "b" ? "inline-block" : "block", W = g.value ? g.value : "#ffffff", I = b.value ? b.value : "#000000", c = m.value ? m.value : "#ffe54c", D = !_.value || _.value < 0 ? 0 : _.value, F = [!1, !0].includes(p.value) ? p.value : !0, M = y.value ? y.value : "#ffffff", E = x.value ? x.value : "#000000", J = !C.value || C.value < 86 ? 86 : C.value, K = !f.value || f.value < 0 ? 1 : f.value, Q = !i.value || i.value < 0 ? 0.4 : i.value, U = v.value ? v.value : "'Lato', sans-serif", Z = H.value ? H.value : "1.6em", ee = !B.value || B.value < 0 ? 200 : B.value;
       return {
         disabled: r,
-        display: X,
-        buttonColor: z,
-        buttonHoverColor: W,
+        display: R,
+        buttonColor: W,
+        buttonHoverColor: I,
         borderColor: c,
-        showBorder: P,
-        borderRadius: I,
-        textColor: F,
-        textHoverColor: G,
-        width: E,
-        paddingX: J,
-        paddingY: K,
-        font: Q,
-        fontSize: U,
-        fontWeight: Z
+        showBorder: F,
+        borderRadius: D,
+        textColor: M,
+        textHoverColor: E,
+        width: J,
+        paddingX: K,
+        paddingY: Q,
+        font: U,
+        fontSize: Z,
+        fontWeight: ee
       };
     }), S = t(() => h.value.disabled), o = t(() => ({
       display: h.value.display
-    })), H = t(() => {
-      const r = h.value, X = r.display === "block" ? "auto" : `${r.width}px`;
+    })), k = t(() => {
+      const r = h.value, R = r.display === "block" ? "auto" : `${r.width}px`;
       return {
         ...r.showBorder ? { border: `1px solid ${r.borderColor}` } : {},
         borderRadius: `${r.borderRadius}rem`,
         background: r.buttonColor,
         minWidth: "33px",
-        width: X,
+        width: R,
         padding: `${r.paddingY}rem ${r.paddingX}rem`,
         lineHeight: "1.42857143",
         fontSize: r.fontSize,
         fontWeight: r.fontWeight
       };
-    }), d = t(() => h.value.font), l = t(() => h.value.textColor), a = t(() => h.value.textHoverColor), n = t(() => h.value.buttonHoverColor), Y = () => {
-      s("clicked");
+    }), d = t(() => h.value.font), l = t(() => h.value.textColor), a = t(() => h.value.textHoverColor), n = t(() => h.value.buttonHoverColor), X = () => {
+      w("clicked");
     };
-    return (r, X) => e.nbId ? (D(), O("div", {
+    return (r, R) => e.nbId ? (O(), L("div", {
       key: 0,
-      class: R(["nb-wrapper", S.value]),
+      class: z(["nb-wrapper", S.value]),
       style: N([o.value]),
-      onClick: Y
+      onClick: X
     }, [
-      k("div", {
+      Y("div", {
         id: e.nbId,
-        class: R(["nb-reset", "component"]),
-        style: N([H.value])
+        class: z(["nb-reset", "component"]),
+        style: N([k.value])
       }, [
-        k("div", Ae, [
-          T(r.$slots, "content", {}, () => [
-            A("Default Text")
+        Y("div", Pe, [
+          A(r.$slots, "content", {}, () => [
+            P("Default Text")
           ], !0)
         ]),
-        k("div", Pe, [
-          T(r.$slots, "content", {}, () => [
-            A("Default Text")
+        Y("div", Fe, [
+          A(r.$slots, "content", {}, () => [
+            P("Default Text")
           ], !0)
         ])
-      ], 12, Te)
-    ], 6)) : L("", !0);
+      ], 12, Ae)
+    ], 6)) : T("", !0);
   }
-}), Me = /* @__PURE__ */ q(Fe, [["__scopeId", "data-v-fe71a891"]]), ee = {
-  NbButtonVavaGame: ye,
-  NbButtonShowHover: Ve,
-  NbButtonPrevNext: _e,
-  NbButtonMechanical: Ne,
-  NbButtonMechanical2: $e,
-  NbButtonHamburger: Ye,
-  NbButtonColorOutside: Ie,
-  NbButtonColorHover: Le,
-  NbButtonAlternateText: Me
-}, qe = {
+}), je = /* @__PURE__ */ G(Me, [["__scopeId", "data-v-e5288afa"]]), te = {
+  NbButtonVavaGame: ge,
+  NbButtonShowHover: Ce,
+  NbButtonPrevNext: xe,
+  NbButtonMechanical: we,
+  NbButtonMechanical2: He,
+  NbButtonHamburger: Xe,
+  NbButtonColorOutside: De,
+  NbButtonColorHover: Te,
+  NbButtonAlternateText: je
+}, Ge = {
   install(e) {
-    for (const s in ee)
-      if (Object.prototype.hasOwnProperty.call(ee, s)) {
-        const w = ee[s];
+    for (const s in te)
+      if (Object.prototype.hasOwnProperty.call(te, s)) {
+        const w = te[s];
         e.component(w.name, w);
       }
   }
 };
 export {
-  qe as default
+  Ge as default
 };