@vlalg-nimbus/nb-buttons 3.1.0 → 3.2.0

package/dist/nb-buttons.js

@@ -1,10 +1,10 @@
-import { useCssVars as F, toRefs as M, computed as t, openBlock as O, createElementBlock as L, normalizeClass as Y, normalizeStyle as N, createElementVNode as $, renderSlot as A, createTextVNode as P, createCommentVNode as T, unref as ae, withModifiers as se, onMounted as oe, ref as ie, watch as ce, toDisplayString as fe } from "vue";
-const j = (e, s) => {
-  const w = e.__vccOpts || e;
-  for (const [k, x] of s)
-    w[k] = x;
-  return w;
-}, be = ["tabIndex"], ve = ["id"], pe = { class: "component-content__text" }, ye = /* @__PURE__ */ Object.assign({
+import { useCssVars as j, toRefs as q, computed as t, openBlock as O, createElementBlock as E, normalizeClass as R, normalizeStyle as w, unref as V, withKeys as W, withModifiers as F, createElementVNode as z, renderSlot as K, createTextVNode as M, createCommentVNode as P, onMounted as ne, ref as fe, watch as ce, toDisplayString as be } from "vue";
+const G = (e, c) => {
+  const H = e.__vccOpts || e;
+  for (const [Y, N] of c)
+    H[Y] = N;
+  return H;
+}, ve = ["tabIndex", "aria-label", "aria-disabled"], pe = ["id"], ye = { class: "component-content__text" }, ge = /* @__PURE__ */ Object.assign({
   name: "NbButtonVavaGame",
   inheritAttrs: !1
 }, {
@@ -18,14 +18,26 @@ const j = (e, s) => {
       type: String,
       default: "ib",
       validator: (e = "") => {
-        const s = e.toLowerCase();
-        return ["b", "ib"].includes(s);
+        const c = e.toLowerCase();
+        return ["b", "ib"].includes(c);
       }
     },
     tabIndex: {
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     textColor: {
       type: String,
       default: "#ece8e1"
@@ -96,103 +108,110 @@ const j = (e, s) => {
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((p) => ({
-      "546fa782": n.value,
-      "09c37ef8": H.value,
-      "4617f524": X.value,
-      "6926a24e": W.value,
-      "1edb7201": d.value
+  setup(e, { emit: c }) {
+    j((C) => ({
+      "3b94cba3": o.value,
+      "6146add9": T.value,
+      "2753eae3": L.value,
+      "4edfa97a": $.value,
+      dd0b6f3c: s.value
     }));
-    const w = s, k = e, {
-      display: x,
-      textColor: m,
-      textColorHover: C,
-      buttonColor: y,
-      buttonColorHover: g,
-      uppercase: S,
-      paddingXContent: i,
-      paddingYContent: h,
-      paddingXBorder: _,
-      paddingYBorder: b,
-      borderColor: c,
-      borderOpacity: u,
-      disabled: v,
-      fontFamily: z,
-      fontSize: I,
-      fontWeight: f
-    } = M(k), V = t(() => {
-      const p = v.value ? "component-disabled" : "", D = x.value !== "b" ? "inline-block" : "block", q = m.value ? m.value : "#ece8e1", G = y.value ? y.value : "green", E = C.value ? C.value : "#ece8e1", J = g.value ? g.value : "cyan", K = c.value ? c.value : "#ffffff", Q = !u.value || !(u.value >= 0 && u.value <= 1) ? "0.5" : u.value, U = !_.value || _.value < 0 ? 0.3 : _.value, Z = !b.value || b.value < 0 ? 0.3 : b.value, ee = !i.value || i.value < 0 ? 0.5 : i.value, le = !h.value || h.value < 0 ? 0.5 : h.value, ne = S.value ? "uppercase" : "none", ue = z.value ? z.value : "'Lato', sans-serif", re = I.value ? I.value : "1.6em", de = !f.value || f.value < 0 ? 100 : f.value;
+    const H = c, Y = e, {
+      display: N,
+      textColor: B,
+      textColorHover: x,
+      buttonColor: S,
+      buttonColorHover: i,
+      uppercase: b,
+      paddingXContent: v,
+      paddingYContent: p,
+      paddingXBorder: h,
+      paddingYBorder: m,
+      borderColor: y,
+      borderOpacity: r,
+      disabled: f,
+      fontFamily: X,
+      fontSize: k,
+      fontWeight: g
+    } = q(Y), d = t(() => {
+      const C = f.value ? "component-disabled" : "", A = N.value !== "b" ? "inline-block" : "block", _ = B.value ? B.value : "#ece8e1", J = S.value ? S.value : "green", Q = x.value ? x.value : "#ece8e1", U = i.value ? i.value : "cyan", Z = y.value ? y.value : "#ffffff", ee = !r.value || !(r.value >= 0 && r.value <= 1) ? "0.5" : r.value, te = !h.value || h.value < 0 ? 0.3 : h.value, ae = !m.value || m.value < 0 ? 0.3 : m.value, le = !v.value || v.value < 0 ? 0.5 : v.value, ue = !p.value || p.value < 0 ? 0.5 : p.value, re = b.value ? "uppercase" : "none", de = X.value ? X.value : "'Lato', sans-serif", se = k.value ? k.value : "1.6em", ie = !g.value || g.value < 0 ? 100 : g.value;
       return {
-        disabled: p,
-        display: D,
-        textColor: q,
-        buttonColor: G,
-        textColorHover: E,
-        buttonColorHover: J,
-        borderColor: K,
-        borderOpacity: Q,
-        paddingXBorder: U,
-        paddingYBorder: Z,
-        paddingXContent: ee,
-        paddingYContent: le,
-        uppercase: ne,
-        font: ue,
-        fontSize: re,
-        fontWeight: de
+        disabled: C,
+        display: A,
+        textColor: _,
+        buttonColor: J,
+        textColorHover: Q,
+        buttonColorHover: U,
+        borderColor: Z,
+        borderOpacity: ee,
+        paddingXBorder: te,
+        paddingYBorder: ae,
+        paddingXContent: le,
+        paddingYContent: ue,
+        uppercase: re,
+        font: de,
+        fontSize: se,
+        fontWeight: ie
       };
-    }), o = t(() => V.value.disabled), B = t(() => ({
-      display: V.value.display
-    })), r = t(() => {
-      const p = V.value;
+    }), n = t(() => d.value.disabled), I = t(() => ({
+      display: d.value.display
+    })), u = t(() => {
+      const C = d.value;
       return {
-        padding: `${p.paddingYBorder}rem ${p.paddingXBorder}rem`,
-        fontSize: p.fontSize,
-        fontWeight: p.fontWeight
+        padding: `${C.paddingYBorder}rem ${C.paddingXBorder}rem`,
+        fontSize: C.fontSize,
+        fontWeight: C.fontWeight
       };
     }), l = t(() => {
-      const p = V.value;
+      const C = d.value;
       return {
-        textTransform: p.uppercase,
-        padding: `${p.paddingYContent}rem ${p.paddingXContent}rem`,
-        backgroundColor: p.buttonColor
+        textTransform: C.uppercase,
+        padding: `${C.paddingYContent}rem ${C.paddingXContent}rem`,
+        backgroundColor: C.buttonColor
       };
     }), a = t(() => ({
-      backgroundColor: V.value.buttonColorHover
-    })), n = t(() => V.value.font), W = t(() => V.value.borderColor), d = t(() => V.value.borderOpacity), H = t(() => V.value.textColor), X = t(() => V.value.textColorHover), R = () => {
-      w("clicked");
+      backgroundColor: d.value.buttonColorHover
+    })), o = t(() => d.value.font), $ = t(() => d.value.borderColor), s = t(() => d.value.borderOpacity), T = t(() => d.value.textColor), L = t(() => d.value.textColorHover), D = () => {
+      H("clicked");
     };
-    return (p, D) => e.nbId ? (O(), L("div", {
+    return (C, A) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", o.value]),
-      style: N([B.value]),
+      class: R(["nb-wrapper", n.value]),
+      style: w([I.value]),
       tabIndex: e.tabIndex,
-      onClick: R
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(f),
+      onClick: D,
+      onKeydown: [
+        A[0] || (A[0] = W((_) => !V(f) && e.hasTabIndexEnter && D(), ["enter"])),
+        A[1] || (A[1] = W(F((_) => !V(f) && e.hasTabIndexSpace && D(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component"]),
-        style: N([r.value])
+        class: R(["nb-reset", "component"]),
+        style: w([u.value])
       }, [
-        $("div", {
+        z("div", {
           class: "component-content",
-          style: N([l.value])
+          style: w([l.value])
         }, [
-          $("span", pe, [
-            A(p.$slots, "content", {}, () => [
-              D[0] || (D[0] = P("Default Text"))
+          z("span", ye, [
+            K(C.$slots, "content", {}, () => [
+              A[2] || (A[2] = M("Default Text"))
             ], !0)
           ]),
-          $("span", {
+          z("span", {
             class: "component-content__mask",
-            style: N([a.value])
+            style: w([a.value])
           }, null, 4)
         ], 4)
-      ], 12, ve)
-    ], 14, be)) : T("", !0);
+      ], 12, pe)
+    ], 46, ve)) : P("", !0);
   }
-}), ge = /* @__PURE__ */ j(ye, [["__scopeId", "data-v-4c5461c7"]]);
-const me = ["tabIndex"], Ve = ["id"], Ce = /* @__PURE__ */ Object.assign({
+}), me = /* @__PURE__ */ G(ge, [["__scopeId", "data-v-c8141ce9"]]);
+const Ve = ["tabIndex", "aria-label", "aria-disabled"], xe = ["id"], Ce = /* @__PURE__ */ Object.assign({
   name: "NbButtonShowHover",
   inheritAttrs: !1
 }, {
@@ -206,6 +225,18 @@ const me = ["tabIndex"], Ve = ["id"], Ce = /* @__PURE__ */ Object.assign({
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     textColor: {
       type: String,
       default: "#145deb"
@@ -262,83 +293,90 @@ const me = ["tabIndex"], Ve = ["id"], Ce = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((r) => ({
-      f362db14: o.value,
-      "7e7ab6b3": f.value,
-      "4281574a": V.value,
-      b6ef43e6: e.textColorHover,
-      "492d686f": ae(x)
+  setup(e, { emit: c }) {
+    j((u) => ({
+      "630b5d13": n.value,
+      "6584a110": g.value,
+      "3cc5d20d": d.value,
+      e8db6f2c: e.textColorHover,
+      "7e70901c": V(N)
     }));
-    const w = s, k = e, {
-      textColor: x,
-      buttonColorHover: m,
-      buttonColorOpacityHover: C,
-      paddingX: y,
-      paddingY: g,
-      disabled: S,
-      borderRadius: i,
-      verticalAlign: h,
-      fontFamily: _,
-      fontSize: b,
-      fontWeight: c
-    } = M(k), u = t(() => {
-      const r = S.value ? "component-disabled" : "", l = h.value ? h.value : "middle", a = x ? x.value : "ffffff", n = !y.value || y.value < 0 ? 1 : y.value, W = !g.value || g.value < 0 ? 0.2 : g.value, d = !i.value || i.value < 0 ? 0 : i.value, H = m.value ? m.value : "10, 38, 184", X = !C.value || C.value < 0 ? 0.1 : C.value, R = _.value ? _.value : "'Lato', sans-serif", p = b.value ? b.value : "1.6rem", D = !c.value || c.value < 0 ? 100 : c.value;
+    const H = c, Y = e, {
+      textColor: N,
+      buttonColorHover: B,
+      buttonColorOpacityHover: x,
+      paddingX: S,
+      paddingY: i,
+      disabled: b,
+      borderRadius: v,
+      verticalAlign: p,
+      fontFamily: h,
+      fontSize: m,
+      fontWeight: y
+    } = q(Y), r = t(() => {
+      const u = b.value ? "component-disabled" : "", l = p.value ? p.value : "middle", a = N ? N.value : "ffffff", o = !S.value || S.value < 0 ? 1 : S.value, $ = !i.value || i.value < 0 ? 0.2 : i.value, s = !v.value || v.value < 0 ? 0 : v.value, T = B.value ? B.value : "10, 38, 184", L = !x.value || x.value < 0 ? 0.1 : x.value, D = h.value ? h.value : "'Lato', sans-serif", C = m.value ? m.value : "1.6rem", A = !y.value || y.value < 0 ? 100 : y.value;
       return {
-        disabled: r,
-        borderRadius: d,
+        disabled: u,
+        borderRadius: s,
         textColor: a,
-        paddingX: n,
-        paddingY: W,
-        buttonColorHover: H,
-        buttonColorOpacityHover: X,
-        font: R,
-        fontSize: p,
-        fontWeight: D,
+        paddingX: o,
+        paddingY: $,
+        buttonColorHover: T,
+        buttonColorOpacityHover: L,
+        font: D,
+        fontSize: C,
+        fontWeight: A,
         verticalAlign: l
       };
-    }), v = t(() => u.value.disabled), z = t(() => ({
-      verticalAlign: u.value.verticalAlign
-    })), I = t(() => {
-      const r = u.value;
+    }), f = t(() => r.value.disabled), X = t(() => ({
+      verticalAlign: r.value.verticalAlign
+    })), k = t(() => {
+      const u = r.value;
       return {
-        color: r.textColor,
-        padding: `${r.paddingY}rem 0`,
-        borderRadius: `${r.borderRadius}rem`,
-        fontSize: r.fontSize,
-        fontWeight: r.fontWeight
+        color: u.textColor,
+        padding: `${u.paddingY}rem 0`,
+        borderRadius: `${u.borderRadius}rem`,
+        fontSize: u.fontSize,
+        fontWeight: u.fontWeight
       };
-    }), f = t(() => {
-      const r = u.value;
-      return `${r.paddingY}rem ${r.paddingX}rem`;
-    }), V = t(() => {
-      const r = u.value;
-      return `rgba(${r.buttonColorHover}, ${r.buttonColorOpacityHover})`;
-    }), o = t(() => u.value.font), B = () => {
-      w("clicked");
+    }), g = t(() => {
+      const u = r.value;
+      return `${u.paddingY}rem ${u.paddingX}rem`;
+    }), d = t(() => {
+      const u = r.value;
+      return `rgba(${u.buttonColorHover}, ${u.buttonColorOpacityHover})`;
+    }), n = t(() => r.value.font), I = () => {
+      H("clicked");
     };
-    return (r, l) => e.nbId ? (O(), L("div", {
+    return (u, l) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", v.value]),
-      style: N([z.value]),
+      class: R(["nb-wrapper", f.value]),
+      style: w([X.value]),
       tabIndex: e.tabIndex,
-      onClick: B
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(b),
+      onClick: I,
+      onKeydown: [
+        l[1] || (l[1] = W((a) => !V(b) && e.hasTabIndexEnter && I(), ["enter"])),
+        l[2] || (l[2] = W(F((a) => !V(b) && e.hasTabIndexSpace && I(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("a", {
+      z("a", {
         id: e.nbId,
         class: "nb-reset component tertiary",
-        style: N([I.value]),
-        onClick: l[0] || (l[0] = se(() => {
+        style: w([k.value]),
+        onClick: l[0] || (l[0] = F(() => {
         }, ["prevent"]))
       }, [
-        A(r.$slots, "content", {}, () => [
-          l[1] || (l[1] = P("Default Text"))
+        K(u.$slots, "content", {}, () => [
+          l[3] || (l[3] = M("Default Text"))
         ], !0)
-      ], 12, Ve)
-    ], 14, me)) : T("", !0);
+      ], 12, xe)
+    ], 46, Ve)) : P("", !0);
   }
-}), xe = /* @__PURE__ */ j(Ce, [["__scopeId", "data-v-42182b51"]]);
-const Se = ["id"], _e = ["tabIndex"], he = ["tabIndex"], Ne = /* @__PURE__ */ Object.assign({
+}), Se = /* @__PURE__ */ G(Ce, [["__scopeId", "data-v-f844cd94"]]);
+const Ie = ["id"], Be = ["tabIndex", "aria-label", "aria-disabled"], he = ["tabIndex", "aria-label", "aria-disabled"], Ne = /* @__PURE__ */ Object.assign({
   name: "NbButtonPrevNext",
   inheritAttrs: !1
 }, {
@@ -356,6 +394,22 @@ const Se = ["id"], _e = ["tabIndex"], he = ["tabIndex"], Ne = /* @__PURE__ */ Ob
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabelPrev: {
+      type: String,
+      default: "Alternate Text Button"
+    },
+    ariaLabelNext: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     colorPrimary: {
       type: String,
       default: "tomato"
@@ -433,100 +487,114 @@ const Se = ["id"], _e = ["tabIndex"], he = ["tabIndex"], Ne = /* @__PURE__ */ Ob
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((l) => ({
-      "4b4228f2": B.value,
-      "4c181857": e.colorPrimary,
-      "0921dc04": e.textColor,
-      "38f38aee": e.colorSecondary,
-      ec255444: e.textColorHover
+  setup(e, { emit: c }) {
+    j((l) => ({
+      "16c88917": I.value,
+      "6e1325e7": e.colorPrimary,
+      "118d2324": e.textColor,
+      "72f42419": e.colorSecondary,
+      "195b3f6e": e.textColorHover
     }));
-    const w = s, k = e, {
-      paddingX: x,
-      paddingY: m,
-      marginBetween: C,
-      borderRadius: y,
-      disabled: g,
-      disabledPreview: S,
-      disabledNext: i,
-      fontFamily: h,
-      fontSize: _,
-      fontWeight: b
-    } = M(k), c = t(() => {
-      const l = g.value ? "component-disabled" : "", a = S.value ? "component-disabled" : "", n = i.value ? "component-disabled" : "", W = !C.value || C.value < 0 ? 0 : C.value, d = !y.value || y.value < 0 ? 0 : y.value, H = !x.value || x.value < 0 ? 1 : x.value, X = !m.value || m.value < 0 ? 10 : m.value, R = _.value ? _.value : "1.6em", p = !b.value || b.value < 0 ? 100 : b.value;
+    const H = c, Y = e, {
+      paddingX: N,
+      paddingY: B,
+      marginBetween: x,
+      borderRadius: S,
+      disabled: i,
+      disabledPreview: b,
+      disabledNext: v,
+      fontFamily: p,
+      fontSize: h,
+      fontWeight: m
+    } = q(Y), y = t(() => {
+      const l = i.value ? "component-disabled" : "", a = b.value ? "component-disabled" : "", o = v.value ? "component-disabled" : "", $ = !x.value || x.value < 0 ? 0 : x.value, s = !S.value || S.value < 0 ? 0 : S.value, T = !N.value || N.value < 0 ? 1 : N.value, L = !B.value || B.value < 0 ? 10 : B.value, D = h.value ? h.value : "1.6em", C = !m.value || m.value < 0 ? 100 : m.value;
       return {
         disabled: l,
         disabledPreview: a,
-        disabledNext: n,
-        marginBetween: `${W}px`,
-        borderRadius: `${d}px`,
-        paddingX: `${H}px`,
-        paddingY: `${X}px`,
-        fontSize: R,
-        fontWeight: p
+        disabledNext: o,
+        marginBetween: `${$}px`,
+        borderRadius: `${s}px`,
+        paddingX: `${T}px`,
+        paddingY: `${L}px`,
+        fontSize: D,
+        fontWeight: C
       };
-    }), u = t(() => c.value.disabled), v = t(() => c.value.disabledPreview), z = t(() => c.value.disabledNext), I = t(() => ({
-      display: c.value.display
-    })), f = t(() => {
-      const l = c.value;
+    }), r = t(() => y.value.disabled), f = t(() => y.value.disabledPreview), X = t(() => y.value.disabledNext), k = t(() => ({
+      display: y.value.display
+    })), g = t(() => {
+      const l = y.value;
       return {
         fontSize: l.fontSize,
         fontWeight: l.fontWeight
       };
-    }), V = t(() => {
-      const l = c.value;
+    }), d = t(() => {
+      const l = y.value;
       return {
         borderRadius: `${l.borderRadius} 0px 0px ${l.borderRadius}`,
         marginRight: l.marginBetween,
         padding: `${l.paddingX} ${l.paddingY}`
       };
-    }), o = t(() => {
-      const l = c.value;
+    }), n = t(() => {
+      const l = y.value;
       return {
         borderRadius: `0px ${l.borderRadius} ${l.borderRadius} 0px`,
         marginLeft: l.marginBetween,
         padding: `${l.paddingX} ${l.paddingY}`
       };
-    }), B = t(() => `'${h.value ? h.value : "'Lato', sans-serif"}'`), r = (l) => {
-      w("clicked", l);
+    }), I = t(() => `'${p.value ? p.value : "'Lato', sans-serif"}'`), u = (l) => {
+      H("clicked", l);
     };
-    return (l, a) => e.nbId ? (O(), L("div", {
+    return (l, a) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", u.value]),
-      style: N([I.value])
+      class: R(["nb-wrapper", r.value]),
+      style: w([k.value])
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component"]),
-        style: N(f.value)
+        class: R(["nb-reset", "component"]),
+        style: w(g.value)
       }, [
-        e.showPreview ? (O(), L("div", {
+        e.showPreview ? (O(), E("div", {
           key: 0,
-          class: Y(["buttonNextPreview buttonPreview", v.value]),
-          style: N(V.value),
+          class: R(["buttonNextPreview buttonPreview", f.value]),
+          style: w(d.value),
           tabIndex: e.tabIndexPrev,
-          onClick: a[0] || (a[0] = (n) => r("preview"))
+          role: "button",
+          "aria-label": e.ariaLabelPrev,
+          "aria-disabled": V(i),
+          onClick: a[0] || (a[0] = (o) => u("preview")),
+          onKeydown: [
+            a[1] || (a[1] = W((o) => !V(i) && e.hasTabIndexEnter && u("preview"), ["enter"])),
+            a[2] || (a[2] = W(F((o) => !V(i) && e.hasTabIndexSpace && u("preview"), ["prevent"]), ["space"]))
+          ]
         }, [
-          A(l.$slots, "prev", {}, () => [
-            a[2] || (a[2] = P("← Preview"))
+          K(l.$slots, "prev", {}, () => [
+            a[6] || (a[6] = M("← Preview"))
           ], !0)
-        ], 14, _e)) : T("", !0),
-        e.showNext ? (O(), L("div", {
+        ], 46, Be)) : P("", !0),
+        e.showNext ? (O(), E("div", {
           key: 1,
-          class: Y(["buttonNextPreview buttonNext", z.value]),
-          style: N(o.value),
+          class: R(["buttonNextPreview buttonNext", X.value]),
+          style: w(n.value),
           tabIndex: e.tabIndexNext,
-          onClick: a[1] || (a[1] = (n) => r("next"))
+          role: "button",
+          "aria-label": e.ariaLabelNext,
+          "aria-disabled": V(i),
+          onClick: a[3] || (a[3] = (o) => u("next")),
+          onKeydown: [
+            a[4] || (a[4] = W((o) => !V(i) && e.hasTabIndexEnter && u("next"), ["enter"])),
+            a[5] || (a[5] = W(F((o) => !V(i) && e.hasTabIndexSpace && u("next"), ["prevent"]), ["space"]))
+          ]
         }, [
-          A(l.$slots, "next", {}, () => [
-            a[3] || (a[3] = P("Next →"))
+          K(l.$slots, "next", {}, () => [
+            a[7] || (a[7] = M("Next →"))
           ], !0)
-        ], 14, he)) : T("", !0)
-      ], 12, Se)
-    ], 6)) : T("", !0);
+        ], 46, he)) : P("", !0)
+      ], 12, Ie)
+    ], 6)) : P("", !0);
   }
-}), we = /* @__PURE__ */ j(Ne, [["__scopeId", "data-v-c022e18a"]]);
-const Be = ["tabIndex"], $e = ["id"], Ie = /* @__PURE__ */ Object.assign({
+}), $e = /* @__PURE__ */ G(Ne, [["__scopeId", "data-v-235db30a"]]);
+const we = ["tabIndex", "aria-label", "aria-disabled"], Te = ["id"], He = /* @__PURE__ */ Object.assign({
   name: "NbButtonMechanical",
   inheritAttrs: !1
 }, {
@@ -540,14 +608,26 @@ const Be = ["tabIndex"], $e = ["id"], Ie = /* @__PURE__ */ Object.assign({
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const s = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(s);
+        const c = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(c);
       }
     },
     tabIndex: {
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     textColor: {
       type: String,
       default: "#ffffff"
@@ -599,46 +679,46 @@ const Be = ["tabIndex"], $e = ["id"], Ie = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((a) => ({
-      c1c6e3f2: o.value,
-      "92c532ce": ae(m),
-      fefb92d0: r.value,
-      "7e4c7986": B.value
+  setup(e, { emit: c }) {
+    j((a) => ({
+      "75e08b28": n.value,
+      "38d76e94": V(B),
+      "1e761906": u.value,
+      60007562: I.value
     }));
-    const w = s, k = e, {
-      display: x,
-      buttonColor: m,
-      textColor: C,
-      containerColor: y,
-      paddingX: g,
-      paddingY: S,
-      borderRadius: i,
-      disabled: h,
-      animationSlow: _,
-      fontFamily: b,
-      fontSize: c,
-      fontWeight: u
-    } = M(k), v = t(() => {
-      const a = h.value ? "component-disabled" : "", n = x.value !== "b" ? "inline-block" : "block", W = y.value ? y.value : "#ffffff", d = m.value ? m.value : "#bbbbbb", H = C.value ? C.value : "#ffffff", X = !g.value || g.value < 0 ? 1 : g.value, R = !S.value || S.value < 0 ? 0.2 : S.value, p = !i.value || i.value < 0 ? 0 : i.value, D = _.value ? "" : "component-transition__no-slow", q = b.value ? b.value : "'Lato', sans-serif", G = c.value ? c.value : "1.6em", E = !u.value || u.value < 0 ? 100 : u.value;
+    const H = c, Y = e, {
+      display: N,
+      buttonColor: B,
+      textColor: x,
+      containerColor: S,
+      paddingX: i,
+      paddingY: b,
+      borderRadius: v,
+      disabled: p,
+      animationSlow: h,
+      fontFamily: m,
+      fontSize: y,
+      fontWeight: r
+    } = q(Y), f = t(() => {
+      const a = p.value ? "component-disabled" : "", o = N.value !== "b" ? "inline-block" : "block", $ = S.value ? S.value : "#ffffff", s = B.value ? B.value : "#bbbbbb", T = x.value ? x.value : "#ffffff", L = !i.value || i.value < 0 ? 1 : i.value, D = !b.value || b.value < 0 ? 0.2 : b.value, C = !v.value || v.value < 0 ? 0 : v.value, A = h.value ? "" : "component-transition__no-slow", _ = m.value ? m.value : "'Lato', sans-serif", J = y.value ? y.value : "1.6em", Q = !r.value || r.value < 0 ? 100 : r.value;
       return {
         disabled: a,
-        display: n,
-        containerColor: W,
-        buttonColor: d,
-        textColor: H,
-        paddingX: X,
-        paddingY: R,
-        borderRadius: p,
-        animationSlow: D,
-        font: q,
-        fontSize: G,
-        fontWeight: E
+        display: o,
+        containerColor: $,
+        buttonColor: s,
+        textColor: T,
+        paddingX: L,
+        paddingY: D,
+        borderRadius: C,
+        animationSlow: A,
+        font: _,
+        fontSize: J,
+        fontWeight: Q
       };
-    }), z = t(() => v.value.disabled), I = t(() => ({
-      display: v.value.display
-    })), f = t(() => {
-      const a = v.value;
+    }), X = t(() => f.value.disabled), k = t(() => ({
+      display: f.value.display
+    })), g = t(() => {
+      const a = f.value;
       return {
         border: `2px solid ${a.containerColor}`,
         color: a.textColor,
@@ -648,29 +728,36 @@ const Be = ["tabIndex"], $e = ["id"], Ie = /* @__PURE__ */ Object.assign({
         fontSize: a.fontSize,
         fontWeight: a.fontWeight
       };
-    }), V = t(() => v.value.animationSlow), o = t(() => v.value.font), B = t(() => v.value.textColor), r = t(() => v.value.buttonColor), l = () => {
-      w("clicked");
+    }), d = t(() => f.value.animationSlow), n = t(() => f.value.font), I = t(() => f.value.textColor), u = t(() => f.value.buttonColor), l = () => {
+      H("clicked");
     };
-    return (a, n) => e.nbId ? (O(), L("div", {
+    return (a, o) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", z.value]),
-      style: N([I.value]),
+      class: R(["nb-wrapper", X.value]),
+      style: w([k.value]),
       tabIndex: e.tabIndex,
-      onClick: l
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(p),
+      onClick: l,
+      onKeydown: [
+        o[0] || (o[0] = W(($) => !V(p) && e.hasTabIndexEnter && l(), ["enter"])),
+        o[1] || (o[1] = W(F(($) => !V(p) && e.hasTabIndexSpace && l(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component", "component-transition", V.value]),
-        style: N([f.value])
+        class: R(["nb-reset", "component", "component-transition", d.value]),
+        style: w([g.value])
       }, [
-        A(a.$slots, "content", {}, () => [
-          n[0] || (n[0] = P("Default Text"))
+        K(a.$slots, "content", {}, () => [
+          o[2] || (o[2] = M("Default Text"))
         ], !0)
-      ], 14, $e)
-    ], 14, Be)) : T("", !0);
+      ], 14, Te)
+    ], 46, we)) : P("", !0);
   }
-}), He = /* @__PURE__ */ j(Ie, [["__scopeId", "data-v-be829b62"]]);
-const ke = ["tabIndex"], ze = ["id"], We = /* @__PURE__ */ Object.assign({
+}), ke = /* @__PURE__ */ G(He, [["__scopeId", "data-v-cd185961"]]);
+const ze = ["tabIndex", "aria-label", "aria-disabled"], We = ["id"], Ye = /* @__PURE__ */ Object.assign({
   name: "NbButtonMechanical2",
   inheritAttrs: !1
 }, {
@@ -684,14 +771,26 @@ const ke = ["tabIndex"], ze = ["id"], We = /* @__PURE__ */ Object.assign({
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const s = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(s);
+        const c = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(c);
       }
     },
     tabIndex: {
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     textColor: {
       type: String,
       default: "#ffffff"
@@ -739,74 +838,81 @@ const ke = ["tabIndex"], ze = ["id"], We = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((o) => ({
-      edd2a4d6: f.value
+  setup(e, { emit: c }) {
+    j((n) => ({
+      "41c9f13c": g.value
     }));
-    const w = s, k = e, {
-      display: x,
-      buttonColor: m,
-      textColor: C,
-      paddingX: y,
-      paddingY: g,
-      borderRadius: S,
-      shadowColor: i,
-      disabled: h,
-      fontFamily: _,
-      fontSize: b,
-      fontWeight: c
-    } = M(k), u = t(() => {
-      const o = h.value ? "component-disabled" : "", B = x.value !== "b" ? "inline-block" : "block", r = m.value ? m.value : "#bbbbbb", l = i.value ? i.value : "#002f3c", a = C.value ? C.value : "#ffffff", n = !y.value || y.value < 0 ? 1 : y.value, W = !g.value || g.value < 0 ? 1 : g.value, d = !S.value || S.value < 0 ? 0 : S.value, H = _.value ? _.value : "'Lato', sans-serif", X = b.value ? b.value : "1.6em", R = !c.value || c.value < 0 ? 100 : c.value;
+    const H = c, Y = e, {
+      display: N,
+      buttonColor: B,
+      textColor: x,
+      paddingX: S,
+      paddingY: i,
+      borderRadius: b,
+      shadowColor: v,
+      disabled: p,
+      fontFamily: h,
+      fontSize: m,
+      fontWeight: y
+    } = q(Y), r = t(() => {
+      const n = p.value ? "component-disabled" : "", I = N.value !== "b" ? "inline-block" : "block", u = B.value ? B.value : "#bbbbbb", l = v.value ? v.value : "#002f3c", a = x.value ? x.value : "#ffffff", o = !S.value || S.value < 0 ? 1 : S.value, $ = !i.value || i.value < 0 ? 1 : i.value, s = !b.value || b.value < 0 ? 0 : b.value, T = h.value ? h.value : "'Lato', sans-serif", L = m.value ? m.value : "1.6em", D = !y.value || y.value < 0 ? 100 : y.value;
       return {
-        disabled: o,
-        display: B,
-        buttonColor: r,
+        disabled: n,
+        display: I,
+        buttonColor: u,
         shadowColor: l,
         textColor: a,
-        paddingX: n,
-        paddingY: W,
-        borderRadius: d,
-        font: H,
-        fontSize: X,
-        fontWeight: R
+        paddingX: o,
+        paddingY: $,
+        borderRadius: s,
+        font: T,
+        fontSize: L,
+        fontWeight: D
       };
-    }), v = t(() => u.value.disabled), z = t(() => ({
-      display: u.value.display
-    })), I = t(() => {
-      const o = u.value;
+    }), f = t(() => r.value.disabled), X = t(() => ({
+      display: r.value.display
+    })), k = t(() => {
+      const n = r.value;
       return {
-        color: o.textColor,
-        backgroundColor: o.buttonColor,
-        boxShadow: `0 0 #0000, 0 0 #0000, 3px 3px 0 ${o.shadowColor}`,
-        padding: `${o.paddingY}rem ${o.paddingX}rem`,
-        padding: `${o.paddingY}rem ${o.paddingX}rem`,
-        borderRadius: `${o.borderRadius}rem`,
-        fontSize: o.fontSize,
-        fontWeight: o.fontWeight
+        color: n.textColor,
+        backgroundColor: n.buttonColor,
+        boxShadow: `0 0 #0000, 0 0 #0000, 3px 3px 0 ${n.shadowColor}`,
+        padding: `${n.paddingY}rem ${n.paddingX}rem`,
+        padding: `${n.paddingY}rem ${n.paddingX}rem`,
+        borderRadius: `${n.borderRadius}rem`,
+        fontSize: n.fontSize,
+        fontWeight: n.fontWeight
       };
-    }), f = t(() => u.value.font), V = () => {
-      w("clicked");
+    }), g = t(() => r.value.font), d = () => {
+      H("clicked");
     };
-    return (o, B) => e.nbId ? (O(), L("div", {
+    return (n, I) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", v.value]),
-      style: N([z.value]),
+      class: R(["nb-wrapper", f.value]),
+      style: w([X.value]),
       tabIndex: e.tabIndex,
-      onClick: V
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(p),
+      onClick: d,
+      onKeydown: [
+        I[0] || (I[0] = W((u) => !V(p) && e.hasTabIndexEnter && d(), ["enter"])),
+        I[1] || (I[1] = W(F((u) => !V(p) && e.hasTabIndexSpace && d(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component", "component-transition"]),
-        style: N([I.value])
+        class: R(["nb-reset", "component", "component-transition"]),
+        style: w([k.value])
       }, [
-        A(o.$slots, "content", {}, () => [
-          B[0] || (B[0] = P("Default Text"))
+        K(n.$slots, "content", {}, () => [
+          I[2] || (I[2] = M("Default Text"))
         ], !0)
-      ], 12, ze)
-    ], 14, ke)) : T("", !0);
+      ], 12, We)
+    ], 46, ze)) : P("", !0);
   }
-}), Ye = /* @__PURE__ */ j(We, [["__scopeId", "data-v-5321163a"]]);
-const Xe = ["tabIndex"], Re = ["id"], De = /* @__PURE__ */ Object.assign({
+}), Xe = /* @__PURE__ */ G(Ye, [["__scopeId", "data-v-d1239e03"]]);
+const Re = ["tabIndex", "aria-label", "aria-disabled"], Le = ["id"], Ae = /* @__PURE__ */ Object.assign({
   name: "NbButtonHamburger",
   inheritAttrs: !1
 }, {
@@ -820,6 +926,18 @@ const Xe = ["tabIndex"], Re = ["id"], De = /* @__PURE__ */ Object.assign({
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     status: {
       type: Boolean,
       default: !1,
@@ -858,78 +976,85 @@ const Xe = ["tabIndex"], Re = ["id"], De = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((o) => ({
-      "49b4686b": I.value,
-      "61c85f08": f.value
+  setup(e, { emit: c }) {
+    j((n) => ({
+      "05489a45": k.value,
+      b1646024: g.value
     }));
-    const w = s, k = e;
-    oe(() => {
-      x.value = m.value;
+    const H = c, Y = e;
+    ne(() => {
+      N.value = B.value;
     });
-    const x = ie(!1), {
-      status: m,
-      color: C,
-      containerColor: y,
-      containerColorHover: g,
-      colorHover: S,
-      paddingX: i,
-      paddingY: h,
-      disabled: _
-    } = M(k), b = t(() => {
-      const o = _.value ? "component-disabled" : "", B = x.value ? "change" : "", r = y.value ? y.value : "#333333", l = C.value ? C.value : "#ffffff", a = !i.value || i.value < 0 ? 3 : i.value, n = !h.value || h.value < 0 ? 3 : h.value, W = g.value ? g.value : "yellow", d = S.value ? S.value : "red";
+    const N = fe(!1), {
+      status: B,
+      color: x,
+      containerColor: S,
+      containerColorHover: i,
+      colorHover: b,
+      paddingX: v,
+      paddingY: p,
+      disabled: h
+    } = q(Y), m = t(() => {
+      const n = h.value ? "component-disabled" : "", I = N.value ? "change" : "", u = S.value ? S.value : "#333333", l = x.value ? x.value : "#ffffff", a = !v.value || v.value < 0 ? 3 : v.value, o = !p.value || p.value < 0 ? 3 : p.value, $ = i.value ? i.value : "yellow", s = b.value ? b.value : "red";
       return {
-        disabled: o,
-        buttonStatus: B,
-        containerColor: r,
+        disabled: n,
+        buttonStatus: I,
+        containerColor: u,
         paddingX: a,
-        paddingY: n,
+        paddingY: o,
         color: l,
-        containerColorHover: W,
-        colorHover: d
+        containerColorHover: $,
+        colorHover: s
       };
-    }), c = t(() => b.value.disabled), u = t(() => {
-      const o = b.value;
+    }), y = t(() => m.value.disabled), r = t(() => {
+      const n = m.value;
       return {
-        padding: `${o.paddingY}px ${o.paddingX}px`,
-        backgroundColor: o.containerColor
+        padding: `${n.paddingY}px ${n.paddingX}px`,
+        backgroundColor: n.containerColor
       };
-    }), v = t(() => ({
-      backgroundColor: b.value.color
-    })), z = t(() => b.value.buttonStatus), I = t(() => b.value.containerColorHover), f = t(() => b.value.colorHover), V = () => {
-      const o = !x.value;
-      x.value = o, w("clicked", o);
+    }), f = t(() => ({
+      backgroundColor: m.value.color
+    })), X = t(() => m.value.buttonStatus), k = t(() => m.value.containerColorHover), g = t(() => m.value.colorHover), d = () => {
+      const n = !N.value;
+      N.value = n, H("clicked", n);
     };
-    return ce(m, () => {
-      x.value = m.value;
-    }), (o, B) => e.nbId ? (O(), L("div", {
+    return ce(B, () => {
+      N.value = B.value;
+    }), (n, I) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", c.value]),
-      style: N([u.value]),
+      class: R(["nb-wrapper", y.value]),
+      style: w([r.value]),
       tabIndex: e.tabIndex,
-      onClick: V
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(h),
+      onClick: d,
+      onKeydown: [
+        I[0] || (I[0] = W((u) => !V(h) && e.hasTabIndexEnter && d(), ["enter"])),
+        I[1] || (I[1] = W(F((u) => !V(h) && e.hasTabIndexSpace && d(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component", z.value])
+        class: R(["nb-reset", "component", X.value])
       }, [
-        $("div", {
+        z("div", {
           class: "component__line-one",
-          style: N(v.value)
+          style: w(f.value)
         }, null, 4),
-        $("div", {
+        z("div", {
           class: "component__line-two",
-          style: N(v.value)
+          style: w(f.value)
         }, null, 4),
-        $("div", {
+        z("div", {
           class: "component__line-three",
-          style: N(v.value)
+          style: w(f.value)
         }, null, 4)
-      ], 10, Re)
-    ], 14, Xe)) : T("", !0);
+      ], 10, Le)
+    ], 46, Re)) : P("", !0);
   }
-}), Oe = /* @__PURE__ */ j(De, [["__scopeId", "data-v-6bdc0122"]]);
-const Le = ["tabIndex"], Te = ["id"], Ae = /* @__PURE__ */ Object.assign({
+}), De = /* @__PURE__ */ G(Ae, [["__scopeId", "data-v-ee16aa34"]]);
+const Oe = ["tabIndex", "aria-label", "aria-disabled"], Ee = ["id"], Pe = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorOutside",
   inheritAttrs: !1
 }, {
@@ -943,14 +1068,26 @@ const Le = ["tabIndex"], Te = ["id"], Ae = /* @__PURE__ */ Object.assign({
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const s = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(s);
+        const c = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(c);
       }
     },
     tabIndex: {
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     textColor: {
       type: String,
       default: "#ffffff"
@@ -998,85 +1135,92 @@ const Le = ["tabIndex"], Te = ["id"], Ae = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((a) => ({
-      "376a4432": o.value,
-      "43f10443": r.value,
-      "3d6f03f8": V.value,
-      "933400b0": B.value
+  setup(e, { emit: c }) {
+    j((a) => ({
+      "1be7c59c": n.value,
+      "25955d43": u.value,
+      bccb6a10: d.value,
+      "374c98a8": I.value
     }));
-    const w = s, k = e, {
-      display: x,
-      buttonColor: m,
-      borderColor: C,
-      textColor: y,
-      paddingX: g,
-      paddingY: S,
-      borderRadius: i,
-      disabled: h,
-      fontFamily: _,
-      fontSize: b,
-      fontWeight: c
-    } = M(k), u = t(() => {
-      const a = h.value ? "component-disabled" : "", n = x.value !== "b" ? "inline-block" : "block", W = m.value ? m.value : "#bbbbbb", d = C.value ? C.value : "#ffe54c", H = y.value ? y.value : "#ffffff", X = !g.value || g.value < 0 ? 1 : g.value, R = !S.value || S.value < 0 ? 0.2 : S.value, p = !i.value || i.value < 0 ? 0 : i.value, D = _.value ? _.value : "'Lato', sans-serif", q = b.value ? b.value : "1.6em", G = !c.value || c.value < 0 ? 200 : c.value;
+    const H = c, Y = e, {
+      display: N,
+      buttonColor: B,
+      borderColor: x,
+      textColor: S,
+      paddingX: i,
+      paddingY: b,
+      borderRadius: v,
+      disabled: p,
+      fontFamily: h,
+      fontSize: m,
+      fontWeight: y
+    } = q(Y), r = t(() => {
+      const a = p.value ? "component-disabled" : "", o = N.value !== "b" ? "inline-block" : "block", $ = B.value ? B.value : "#bbbbbb", s = x.value ? x.value : "#ffe54c", T = S.value ? S.value : "#ffffff", L = !i.value || i.value < 0 ? 1 : i.value, D = !b.value || b.value < 0 ? 0.2 : b.value, C = !v.value || v.value < 0 ? 0 : v.value, A = h.value ? h.value : "'Lato', sans-serif", _ = m.value ? m.value : "1.6em", J = !y.value || y.value < 0 ? 200 : y.value;
       return {
         disabled: a,
-        display: n,
-        buttonColor: W,
-        borderColor: d,
-        textColor: H,
-        paddingX: X,
-        paddingY: R,
-        borderRadius: p,
-        font: D,
-        fontSize: q,
-        fontWeight: G
+        display: o,
+        buttonColor: $,
+        borderColor: s,
+        textColor: T,
+        paddingX: L,
+        paddingY: D,
+        borderRadius: C,
+        font: A,
+        fontSize: _,
+        fontWeight: J
       };
-    }), v = t(() => u.value.disabled), z = t(() => ({
-      display: u.value.display
-    })), I = t(() => {
-      const a = u.value;
+    }), f = t(() => r.value.disabled), X = t(() => ({
+      display: r.value.display
+    })), k = t(() => {
+      const a = r.value;
       return {
         color: a.textColor,
         fontSize: a.fontSize,
         fontWeight: a.fontWeight
       };
-    }), f = t(() => {
-      const a = u.value;
+    }), g = t(() => {
+      const a = r.value;
       return {
         padding: `${a.paddingY}rem ${a.paddingX}rem`,
         border: `1px solid ${a.borderColor}`,
-        borderRadius: V.value
+        borderRadius: d.value
       };
-    }), V = t(() => `${u.value.borderRadius}rem`), o = t(() => u.value.font), B = t(() => u.value.textColor), r = t(() => u.value.buttonColor), l = () => {
-      w("clicked");
+    }), d = t(() => `${r.value.borderRadius}rem`), n = t(() => r.value.font), I = t(() => r.value.textColor), u = t(() => r.value.buttonColor), l = () => {
+      H("clicked");
     };
-    return (a, n) => e.nbId ? (O(), L("div", {
+    return (a, o) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", v.value]),
-      style: N([z.value]),
+      class: R(["nb-wrapper", f.value]),
+      style: w([X.value]),
       tabIndex: e.tabIndex,
-      onClick: l
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(p),
+      onClick: l,
+      onKeydown: [
+        o[0] || (o[0] = W(($) => !V(p) && e.hasTabIndexEnter && l(), ["enter"])),
+        o[1] || (o[1] = W(F(($) => !V(p) && e.hasTabIndexSpace && l(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component"]),
-        style: N([I.value])
+        class: R(["nb-reset", "component"]),
+        style: w([k.value])
       }, [
-        $("div", {
+        z("div", {
           class: "component-content",
-          style: N([f.value])
+          style: w([g.value])
         }, [
-          A(a.$slots, "content", {}, () => [
-            n[0] || (n[0] = P("Default Text"))
+          K(a.$slots, "content", {}, () => [
+            o[2] || (o[2] = M("Default Text"))
           ], !0)
         ], 4),
-        n[1] || (n[1] = $("div", { class: "component-shadow" }, null, -1))
-      ], 12, Te)
-    ], 14, Le)) : T("", !0);
+        o[3] || (o[3] = z("div", { class: "component-shadow" }, null, -1))
+      ], 12, Ee)
+    ], 46, Oe)) : P("", !0);
   }
-}), Pe = /* @__PURE__ */ j(Ae, [["__scopeId", "data-v-9e02fc57"]]);
-const Fe = ["tabIndex"], Me = ["id"], je = /* @__PURE__ */ Object.assign({
+}), Fe = /* @__PURE__ */ G(Pe, [["__scopeId", "data-v-4ae432a3"]]);
+const _e = ["tabIndex", "aria-label", "aria-disabled"], Ke = ["id"], Me = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorHover",
   inheritAttrs: !1
 }, {
@@ -1090,14 +1234,26 @@ const Fe = ["tabIndex"], Me = ["id"], je = /* @__PURE__ */ Object.assign({
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const s = e.toLowerCase();
-        return ["b", "ib"].includes(s);
+        const c = e.toLowerCase();
+        return ["b", "ib"].includes(c);
       }
     },
     tabIndex: {
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     textColor: {
       type: String,
       default: "#ffffff"
@@ -1149,80 +1305,88 @@ const Fe = ["tabIndex"], Me = ["id"], je = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((n) => ({
-      "150d2f08": V.value,
-      "7b6bece6": r.value,
-      "00c8e0ea": B.value,
-      "6c59bfaf": l.value,
-      be18611c: o.value
+  setup(e, { emit: c }) {
+    j((o) => ({
+      "37a8072e": d.value,
+      "420521fa": u.value,
+      "2e48555d": I.value,
+      "37cde362": l.value,
+      f8f7c1c2: n.value
     }));
-    const w = s, k = e, {
-      display: x,
-      textColor: m,
-      paddingX: C,
-      paddingY: y,
-      borderRadius: g,
-      disabled: S,
-      fontFamily: i,
-      fontSize: h,
-      fontWeight: _,
-      textColorHover: b,
-      buttonColor: c,
-      buttonColorHover: u
-    } = M(k), v = t(() => {
-      const n = S.value ? "component-disabled" : "", W = x.value !== "b" ? "inline-block" : "block", d = m ? m.value : "ffffff", H = !C.value || C.value < 0 ? 1 : C.value, X = !y.value || y.value < 0 ? 0.2 : y.value, R = !g.value || g.value < 0 ? 0 : g.value, p = i.value ? i.value : "'Lato', sans-serif", D = h.value ? h.value : "1.6rem", q = !_.value || _.value < 0 ? 100 : _.value, G = b.value ? b.value : "#cccccc", E = c.value ? c.value : "#bbbbbb", J = u.value ? u.value : "#959595";
+    const H = c, Y = e, {
+      display: N,
+      textColor: B,
+      paddingX: x,
+      paddingY: S,
+      borderRadius: i,
+      disabled: b,
+      fontFamily: v,
+      fontSize: p,
+      fontWeight: h,
+      textColorHover: m,
+      buttonColor: y,
+      buttonColorHover: r
+    } = q(Y), f = t(() => {
+      const o = b.value ? "component-disabled" : "", $ = N.value !== "b" ? "inline-block" : "block", s = B ? B.value : "ffffff", T = !x.value || x.value < 0 ? 1 : x.value, L = !S.value || S.value < 0 ? 0.2 : S.value, D = !i.value || i.value < 0 ? 0 : i.value, C = v.value ? v.value : "'Lato', sans-serif", A = p.value ? p.value : "1.6rem", _ = !h.value || h.value < 0 ? 100 : h.value, J = m.value ? m.value : "#cccccc", Q = y.value ? y.value : "#bbbbbb", U = r.value ? r.value : "#959595";
       return {
-        disabled: n,
-        display: W,
-        font: p,
-        fontSize: D,
-        fontWeight: q,
-        textColor: d,
-        paddingX: H,
-        paddingY: X,
-        borderRadius: R,
-        textColorHover: G,
-        buttonColor: E,
-        buttonColorHover: J
+        disabled: o,
+        display: $,
+        font: C,
+        fontSize: A,
+        fontWeight: _,
+        textColor: s,
+        paddingX: T,
+        paddingY: L,
+        borderRadius: D,
+        textColorHover: J,
+        buttonColor: Q,
+        buttonColorHover: U
       };
-    }), z = t(() => v.value.disabled), I = t(() => {
-      const n = v.value;
+    }), X = t(() => f.value.disabled), k = t(() => {
+      const o = f.value;
       return {
-        display: n.display,
-        borderRadius: `${n.borderRadius}rem`
+        display: o.display,
+        borderRadius: `${o.borderRadius}rem`
       };
-    }), f = t(() => {
-      const n = v.value;
+    }), g = t(() => {
+      const o = f.value;
       return {
-        color: n.textColor,
-        padding: `${n.paddingY}rem ${n.paddingX}rem`,
-        borderRadius: `${n.borderRadius}rem`,
-        fontSize: n.fontSize,
-        fontWeight: n.fontWeight
+        color: o.textColor,
+        padding: `${o.paddingY}rem ${o.paddingX}rem`,
+        borderRadius: `${o.borderRadius}rem`,
+        fontSize: o.fontSize,
+        fontWeight: o.fontWeight
       };
-    }), V = t(() => v.value.font), o = t(() => v.value.textColor), B = t(() => v.value.textColorHover), r = t(() => v.value.buttonColor), l = t(() => v.value.buttonColorHover), a = () => {
-      w("clicked");
+    }), d = t(() => f.value.font), n = t(() => f.value.textColor), I = t(() => f.value.textColorHover), u = t(() => f.value.buttonColor), l = t(() => f.value.buttonColorHover), a = () => {
+      H("clicked");
     };
-    return (n, W) => (O(), L("div", {
-      class: Y(["nb-wrapper", z.value]),
-      style: N([I.value]),
+    return (o, $) => e.nbId ? (O(), E("div", {
+      key: 0,
+      class: R(["nb-wrapper", X.value]),
+      style: w([k.value]),
       tabIndex: e.tabIndex,
-      onClick: a
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(b),
+      onClick: a,
+      onKeydown: [
+        $[0] || ($[0] = W((s) => !V(b) && e.hasTabIndexEnter && a(), ["enter"])),
+        $[1] || ($[1] = W(F((s) => !V(b) && e.hasTabIndexSpace && a(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
         class: "nb-reset component component-transition",
-        style: N([f.value])
+        style: w([g.value])
       }, [
-        A(n.$slots, "content", {}, () => [
-          W[0] || (W[0] = P("Default Text"))
+        K(o.$slots, "content", {}, () => [
+          $[2] || ($[2] = M("Default Text"))
         ], !0)
-      ], 12, Me)
-    ], 14, Fe));
+      ], 12, Ke)
+    ], 46, _e)) : P("", !0);
   }
-}), qe = /* @__PURE__ */ j(je, [["__scopeId", "data-v-a503e43d"]]);
-const Ge = ["tabIndex"], Ee = ["id"], Je = { class: "first-child" }, Ke = { class: "last-child" }, Qe = /* @__PURE__ */ Object.assign({
+}), je = /* @__PURE__ */ G(Me, [["__scopeId", "data-v-d083f1f8"]]);
+const qe = ["tabIndex", "aria-label", "aria-disabled"], Ge = ["id"], Je = { class: "first-child" }, Qe = { class: "last-child" }, Ue = /* @__PURE__ */ Object.assign({
   name: "NbButtonAlternateText",
   inheritAttrs: !1
 }, {
@@ -1236,14 +1400,26 @@ const Ge = ["tabIndex"], Ee = ["id"], Je = { class: "first-child" }, Ke = { clas
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const s = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(s);
+        const c = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(c);
       }
     },
     tabIndex: {
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     textColor: {
       type: String,
       default: "#ffffff"
@@ -1309,93 +1485,100 @@ const Ge = ["tabIndex"], Ee = ["id"], Je = { class: "first-child" }, Ke = { clas
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((d) => ({
-      db8c30f0: r.value,
-      "85cc2104": l.value,
-      "02321768": a.value,
-      "6d685699": n.value
+  setup(e, { emit: c }) {
+    j((s) => ({
+      "516e8559": u.value,
+      "48b787e2": l.value,
+      "0e5ada5b": a.value,
+      "1291c2ea": o.value
     }));
-    const w = s, k = e, {
-      display: x,
-      buttonColor: m,
-      borderColor: C,
-      buttonHoverColor: y,
-      showBorder: g,
-      borderRadius: S,
-      textColor: i,
-      textHoverColor: h,
-      width: _,
-      paddingX: b,
-      paddingY: c,
-      disabled: u,
-      fontFamily: v,
-      fontSize: z,
-      fontWeight: I
-    } = M(k), f = t(() => {
-      const d = u.value ? "component-disabled" : "", H = x.value !== "b" ? "inline-block" : "block", X = m.value ? m.value : "#ffffff", R = y.value ? y.value : "#000000", p = C.value ? C.value : "#ffe54c", D = !S.value || S.value < 0 ? 0 : S.value, q = [!1, !0].includes(g.value) ? g.value : !0, G = i.value ? i.value : "#ffffff", E = h.value ? h.value : "#000000", J = !_.value || _.value < 86 ? 86 : _.value, K = !b.value || b.value < 0 ? 1 : b.value, Q = !c.value || c.value < 0 ? 0.4 : c.value, U = v.value ? v.value : "'Lato', sans-serif", Z = z.value ? z.value : "1.6em", ee = !I.value || I.value < 0 ? 200 : I.value;
+    const H = c, Y = e, {
+      display: N,
+      buttonColor: B,
+      borderColor: x,
+      buttonHoverColor: S,
+      showBorder: i,
+      borderRadius: b,
+      textColor: v,
+      textHoverColor: p,
+      width: h,
+      paddingX: m,
+      paddingY: y,
+      disabled: r,
+      fontFamily: f,
+      fontSize: X,
+      fontWeight: k
+    } = q(Y), g = t(() => {
+      const s = r.value ? "component-disabled" : "", T = N.value !== "b" ? "inline-block" : "block", L = B.value ? B.value : "#ffffff", D = S.value ? S.value : "#000000", C = x.value ? x.value : "#ffe54c", A = !b.value || b.value < 0 ? 0 : b.value, _ = [!1, !0].includes(i.value) ? i.value : !0, J = v.value ? v.value : "#ffffff", Q = p.value ? p.value : "#000000", U = !h.value || h.value < 86 ? 86 : h.value, Z = !m.value || m.value < 0 ? 1 : m.value, ee = !y.value || y.value < 0 ? 0.4 : y.value, te = f.value ? f.value : "'Lato', sans-serif", ae = X.value ? X.value : "1.6em", le = !k.value || k.value < 0 ? 200 : k.value;
       return {
-        disabled: d,
-        display: H,
-        buttonColor: X,
-        buttonHoverColor: R,
-        borderColor: p,
-        showBorder: q,
-        borderRadius: D,
-        textColor: G,
-        textHoverColor: E,
-        width: J,
-        paddingX: K,
-        paddingY: Q,
-        font: U,
-        fontSize: Z,
-        fontWeight: ee
+        disabled: s,
+        display: T,
+        buttonColor: L,
+        buttonHoverColor: D,
+        borderColor: C,
+        showBorder: _,
+        borderRadius: A,
+        textColor: J,
+        textHoverColor: Q,
+        width: U,
+        paddingX: Z,
+        paddingY: ee,
+        font: te,
+        fontSize: ae,
+        fontWeight: le
       };
-    }), V = t(() => f.value.disabled), o = t(() => ({
-      display: f.value.display
-    })), B = t(() => {
-      const d = f.value, H = d.display === "block" ? "auto" : `${d.width}px`;
+    }), d = t(() => g.value.disabled), n = t(() => ({
+      display: g.value.display
+    })), I = t(() => {
+      const s = g.value, T = s.display === "block" ? "auto" : `${s.width}px`;
       return {
-        ...d.showBorder ? { border: `1px solid ${d.borderColor}` } : {},
-        borderRadius: `${d.borderRadius}rem`,
-        background: d.buttonColor,
+        ...s.showBorder ? { border: `1px solid ${s.borderColor}` } : {},
+        borderRadius: `${s.borderRadius}rem`,
+        background: s.buttonColor,
         minWidth: "33px",
-        width: H,
-        padding: `${d.paddingY}rem ${d.paddingX}rem`,
+        width: T,
+        padding: `${s.paddingY}rem ${s.paddingX}rem`,
         lineHeight: "1.42857143",
-        fontSize: d.fontSize,
-        fontWeight: d.fontWeight
+        fontSize: s.fontSize,
+        fontWeight: s.fontWeight
       };
-    }), r = t(() => f.value.font), l = t(() => f.value.textColor), a = t(() => f.value.textHoverColor), n = t(() => f.value.buttonHoverColor), W = () => {
-      w("clicked");
+    }), u = t(() => g.value.font), l = t(() => g.value.textColor), a = t(() => g.value.textHoverColor), o = t(() => g.value.buttonHoverColor), $ = () => {
+      H("clicked");
     };
-    return (d, H) => e.nbId ? (O(), L("div", {
+    return (s, T) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", V.value]),
-      style: N([o.value]),
+      class: R(["nb-wrapper", d.value]),
+      style: w([n.value]),
       tabIndex: e.tabIndex,
-      onClick: W
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(r),
+      onClick: $,
+      onKeydown: [
+        T[0] || (T[0] = W((L) => !V(r) && e.hasTabIndexEnter && $(), ["enter"])),
+        T[1] || (T[1] = W(F((L) => !V(r) && e.hasTabIndexSpace && $(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component"]),
-        style: N([B.value])
+        class: R(["nb-reset", "component"]),
+        style: w([I.value])
       }, [
-        $("div", Je, [
-          A(d.$slots, "content", {}, () => [
-            H[0] || (H[0] = P("Default Text"))
+        z("div", Je, [
+          K(s.$slots, "content", {}, () => [
+            T[2] || (T[2] = M("Default Text"))
           ], !0)
         ]),
-        $("div", Ke, [
-          A(d.$slots, "content", {}, () => [
-            H[1] || (H[1] = P("Default Text"))
+        z("div", Qe, [
+          K(s.$slots, "content", {}, () => [
+            T[3] || (T[3] = M("Default Text"))
           ], !0)
         ])
-      ], 12, Ee)
-    ], 14, Ge)) : T("", !0);
+      ], 12, Ge)
+    ], 46, qe)) : P("", !0);
   }
-}), Ue = /* @__PURE__ */ j(Qe, [["__scopeId", "data-v-3ce7e9d1"]]);
-const Ze = ["tabIndex"], et = ["id"], tt = /* @__PURE__ */ Object.assign({
+}), Ze = /* @__PURE__ */ G(Ue, [["__scopeId", "data-v-b10ffc3e"]]);
+const et = ["tabIndex", "aria-label", "aria-disabled"], tt = ["id"], at = /* @__PURE__ */ Object.assign({
   name: "NbButtonBack",
   inheritAttrs: !1
 }, {
@@ -1409,6 +1592,18 @@ const Ze = ["tabIndex"], et = ["id"], tt = /* @__PURE__ */ Object.assign({
       type: Number,
       default: 0
     },
+    hasTabIndexEnter: {
+      type: Boolean,
+      default: !0
+    },
+    hasTabIndexSpace: {
+      type: Boolean,
+      default: !0
+    },
+    ariaLabel: {
+      type: String,
+      default: "Alternate Text Button"
+    },
     color: {
       type: String,
       default: "#477e99"
@@ -1442,88 +1637,95 @@ const Ze = ["tabIndex"], et = ["id"], tt = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: s }) {
-    F((f) => ({
-      "76ffedba": u.value,
-      "1d39e94e": c.value,
-      f64dd3f4: b.value
-    })), oe(() => {
-      z();
+  setup(e, { emit: c }) {
+    j((g) => ({
+      aa62e326: r.value,
+      adaa07ba: y.value,
+      40060860: m.value
+    })), ne(() => {
+      X();
     });
-    const w = s, k = e, {
-      color: x,
-      textColor: m,
-      disabled: C,
-      fontFamily: y,
-      fontSize: g,
-      fontWeight: S
-    } = M(k), i = t(() => {
-      const f = C.value ? "component-disabled" : "", V = x.value ? x.value : "#77d2ff", o = m.value ? m.value : "#6dc1ec", B = y.value ? y.value : "'Lato', sans-serif", r = g.value ? g.value : "1.6em", l = !S.value || S.value < 0 ? 400 : S.value;
+    const H = c, Y = e, {
+      color: N,
+      textColor: B,
+      disabled: x,
+      fontFamily: S,
+      fontSize: i,
+      fontWeight: b
+    } = q(Y), v = t(() => {
+      const g = x.value ? "component-disabled" : "", d = N.value ? N.value : "#77d2ff", n = B.value ? B.value : "#6dc1ec", I = S.value ? S.value : "'Lato', sans-serif", u = i.value ? i.value : "1.6em", l = !b.value || b.value < 0 ? 400 : b.value;
       return {
-        color: V,
-        textColor: o,
-        font: B,
-        fontSize: r,
+        color: d,
+        textColor: n,
+        font: I,
+        fontSize: u,
         fontWeight: l,
-        disabled: f
+        disabled: g
       };
-    }), h = t(() => ({})), _ = t(() => {
-      const f = i.value;
+    }), p = t(() => ({})), h = t(() => {
+      const g = v.value;
       return {
-        fontSize: f.fontSize,
-        fontWeight: f.fontWeight
+        fontSize: g.fontSize,
+        fontWeight: g.fontWeight
       };
-    }), b = t(() => i.value.color), c = t(() => i.value.textColor), u = t(() => i.value.font), v = t(() => i.value.disabled), z = () => {
-    }, I = () => {
-      w("clicked");
+    }), m = t(() => v.value.color), y = t(() => v.value.textColor), r = t(() => v.value.font), f = t(() => v.value.disabled), X = () => {
+    }, k = () => {
+      H("clicked");
     };
-    return (f, V) => e.nbId ? (O(), L("div", {
+    return (g, d) => e.nbId ? (O(), E("div", {
       key: 0,
-      class: Y(["nb-wrapper", v.value]),
-      style: N([h.value]),
+      class: R(["nb-wrapper", f.value]),
+      style: w([p.value]),
       tabIndex: e.tabIndex,
-      onClick: I
+      role: "button",
+      "aria-label": e.ariaLabel,
+      "aria-disabled": V(x),
+      onClick: k,
+      onKeydown: [
+        d[0] || (d[0] = W((n) => !V(x) && e.hasTabIndexEnter && k(), ["enter"])),
+        d[1] || (d[1] = W(F((n) => !V(x) && e.hasTabIndexSpace && k(), ["prevent"]), ["space"]))
+      ]
     }, [
-      $("div", {
+      z("div", {
         id: e.nbId,
-        class: Y(["nb-reset", "component"]),
-        style: N([_.value])
+        class: R(["nb-reset", "component"]),
+        style: w([h.value])
       }, [
-        V[0] || (V[0] = $("svg", {
+        d[2] || (d[2] = z("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "1em",
           height: "1em",
           viewBox: "0 0 16 16"
         }, [
-          $("path", {
+          z("path", {
             d: "M14 8a.75.75 0 01-.75.75H4.56l1.22 1.22a.75.75 0 11-1.06 1.06l-2.5-2.5a.75.75 0 010-1.06l2.5-2.5a.75.75 0 111.06 1.06L4.56 7.25h8.69A.75.75 0 0114 8z",
             "clip-rule": "evenodd"
           })
         ], -1)),
-        $("span", null, fe(e.text), 1)
-      ], 12, et)
-    ], 14, Ze)) : T("", !0);
+        z("span", null, be(e.text), 1)
+      ], 12, tt)
+    ], 46, et)) : P("", !0);
   }
-}), at = /* @__PURE__ */ j(tt, [["__scopeId", "data-v-c0bdc145"]]), te = {
-  NbButtonVavaGame: ge,
-  NbButtonShowHover: xe,
-  NbButtonPrevNext: we,
-  NbButtonMechanical: He,
-  NbButtonMechanical2: Ye,
-  NbButtonHamburger: Oe,
-  NbButtonColorOutside: Pe,
-  NbButtonColorHover: qe,
-  NbButtonAlternateText: Ue,
-  NbButtonBack: at
-}, lt = {
+}), lt = /* @__PURE__ */ G(at, [["__scopeId", "data-v-1df91d2a"]]), oe = {
+  NbButtonVavaGame: me,
+  NbButtonShowHover: Se,
+  NbButtonPrevNext: $e,
+  NbButtonMechanical: ke,
+  NbButtonMechanical2: Xe,
+  NbButtonHamburger: De,
+  NbButtonColorOutside: Fe,
+  NbButtonColorHover: je,
+  NbButtonAlternateText: Ze,
+  NbButtonBack: lt
+}, nt = {
   install(e) {
-    for (const s in te)
-      if (Object.prototype.hasOwnProperty.call(te, s)) {
-        const w = te[s];
-        e.component(w.name, w);
+    for (const c in oe)
+      if (Object.prototype.hasOwnProperty.call(oe, c)) {
+        const H = oe[c];
+        e.component(H.name, H);
       }
   }
 };
 export {
-  lt as default
+  nt as default
 };