@vlalg-nimbus/nb-inputs 7.0.0 → 7.0.2

package/dist/nb-inputs.js

@@ -1,10 +1,10 @@
-import { useCssVars as Ge, unref as l, onMounted as Ke, ref as Q, toRefs as Ue, computed as t, watch as K, openBlock as h, createElementBlock as C, normalizeClass as X, normalizeStyle as se, createElementVNode as V, mergeProps as Qe, Fragment as St, renderList as kt, withDirectives as Xe, vModelRadio as ya, withKeys as Re, withModifiers as qe, toDisplayString as Oe, createCommentVNode as ie, vModelCheckbox as ga, onUnmounted as ba, renderSlot as Me, createTextVNode as Vt, vModelDynamic as ma, vModelText as ha } from "vue";
-const Ye = (e, i) => {
-  const r = e.__vccOpts || e;
-  for (const [B, y] of i)
-    r[B] = y;
-  return r;
-}, Ca = ["id"], Va = ["id", "disabled", "value", "name"], xa = ["for", "tabindex"], Sa = /* @__PURE__ */ Object.assign({
+import { useCssVars as Ue, onMounted as Qe, ref as X, toRefs as Xe, computed as t, watch as G, openBlock as V, createElementBlock as S, normalizeClass as Y, normalizeStyle as ie, createElementVNode as x, mergeProps as Ye, Fragment as xt, renderList as kt, unref as l, withDirectives as Je, vModelRadio as ya, withKeys as Me, withModifiers as Ke, toDisplayString as je, createCommentVNode as re, vModelCheckbox as ga, onUnmounted as ba, renderSlot as Fe, createTextVNode as Vt, vModelDynamic as ha, vModelText as ma } from "vue";
+const Ze = (e, r) => {
+  const i = e.__vccOpts || e;
+  for (const [A, g] of r)
+    i[A] = g;
+  return i;
+}, Ca = ["id"], Va = ["id", "disabled", "value", "name"], Sa = ["for", "tabindex"], xa = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
   inheritAttrs: !1
 }, {
@@ -18,14 +18,14 @@ const Ye = (e, i) => {
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const i = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(i);
+        const r = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(r);
       }
     },
     tabIndex: {
       type: [Number, Array],
       default: 0,
-      validator: (e, i) => Array.isArray(e) ? e.length === i.options.length : !0
+      validator: (e, r) => Array.isArray(e) ? e.length === r.options.length : !0
     },
     hasTabIndexEnter: {
       type: Boolean,
@@ -56,12 +56,12 @@ const Ye = (e, i) => {
       validator: (e) => {
         if (!e.length)
           return !1;
-        let i = !1;
-        for (const r of e) {
-          const B = Object.keys(r);
-          B.length !== 2 && (i = !0), B.every((W) => ["value", "text"].includes(W)) || (i = !0);
+        let r = !1;
+        for (const i of e) {
+          const A = Object.keys(i);
+          A.length !== 2 && (r = !0), A.every((H) => ["value", "text"].includes(H)) || (r = !0);
         }
-        if (!i)
+        if (!r)
           return e;
       }
     },
@@ -74,13 +74,39 @@ const Ye = (e, i) => {
       default: "boolean",
       validator: (e) => ["boolean", "string", "number"].indexOf(e) !== -1
     },
-    textColor: {
+    theme: {
       type: String,
-      default: "black"
+      default: "light",
+      validator: (e) => {
+        const r = e ? e.toLowerCase() : "";
+        return ["light", "dark"].includes(r);
+      }
     },
-    color: {
+    // Cores do tema light
+    lightTextColor: {
       type: String,
-      default: "#767676"
+      default: "#333333"
+    },
+    lightColor: {
+      type: String,
+      default: "#cccccc"
+    },
+    lightColorHover: {
+      type: String,
+      default: "#bbbbbb"
+    },
+    // Cores do tema dark
+    darkTextColor: {
+      type: String,
+      default: "#e0e0e0"
+    },
+    darkColor: {
+      type: String,
+      default: "#555555"
+    },
+    darkColorHover: {
+      type: String,
+      default: "#666666"
     },
     hoverEffect: {
       type: Boolean,
@@ -92,10 +118,6 @@ const Ye = (e, i) => {
       default: !1,
       validator: (e) => [!0, !1].indexOf(e) !== -1
     },
-    colorHover: {
-      type: String,
-      default: "#a6a6a6"
-    },
     itemGap: {
       type: Number,
       default: 15
@@ -129,145 +151,143 @@ const Ye = (e, i) => {
     }
   },
   emits: ["current-value", "changed", "clicked"],
-  setup(e, { emit: i }) {
-    Ge((u) => ({
-      "2ff4bfca": ee.value,
-      "29d66636": he.value,
-      "1c590c29": ue.value,
-      "032c8a58": l(I),
-      "541cdd40": ce.value,
-      "6d04505b": fe.value,
-      "284d01cf": me.value,
-      "8cc41926": ne.value
-    })), Ke(() => {
-      pe();
+  setup(e, { emit: r }) {
+    Ue((u) => ({
+      a1fa0ca8: de.value,
+      bcde41d0: Be.value,
+      "1f33883d": ke.value,
+      "26009c15": Ce.value,
+      "2b29f2bb": me.value,
+      "22a81ed4": be.value,
+      "53911f01": he.value,
+      "2a2cf01d": xe.value,
+      e7f0267a: Le.value,
+      fec27868: Ve.value,
+      "06d0fff9": Se.value
+    })), Qe(() => {
+      ce();
     });
-    const r = i, B = e, y = Q(null), {
-      ariaLabel: W,
-      ariaAttrs: _,
-      currentOption: H,
-      valueType: oe,
-      display: x,
-      options: F,
-      textColor: j,
-      color: U,
-      hoverEffect: P,
-      activeHoverEffect: T,
-      colorHover: I,
-      itemGap: S,
-      internalGap: k,
-      scale: w,
-      disabled: E,
-      fontFamily: Y,
-      fontSize: N,
-      fontWeight: D
-    } = Ue(B), v = t(() => {
-      const u = E.value ? "component-disabled" : "", c = x.value !== "b" ? "inline-block" : "block", $ = Y.value ? Y.value : "'Lato', sans-serif", b = N.value ? N.value : "1.6em", q = !D.value || D.value < 0 ? 200 : D.value, ve = j.value ? j.value : "black", Se = U.value ? U.value : "#767676", o = [!1, !0].includes(P.value) ? P.value : !1, d = [!1, !0].includes(T.value) ? T.value : !1, z = I.value ? I.value : "#a6a6a6", m = !S.value || S.value < 0 ? 15 : S.value, G = !k.value || k.value < 0 ? 6 : k.value, re = !w.value || w.value < 0 ? 1 : w.value;
+    const i = r, A = e, g = X(null), {
+      ariaLabel: H,
+      ariaAttrs: E,
+      currentOption: F,
+      valueType: ee,
+      display: k,
+      options: j,
+      theme: te,
+      lightTextColor: K,
+      lightColor: B,
+      lightColorHover: R,
+      darkTextColor: U,
+      darkColor: _,
+      darkColorHover: w,
+      hoverEffect: Q,
+      activeHoverEffect: ae,
+      itemGap: $,
+      internalGap: P,
+      scale: D,
+      disabled: L,
+      fontFamily: le,
+      fontSize: z,
+      fontWeight: M
+    } = Xe(A), y = t(() => {
+      const u = L.value ? "component-disabled" : "", c = k.value !== "b" ? "inline-block" : "block", O = le.value ? le.value : "'Lato', sans-serif", b = z.value ? z.value : "1.6em", N = !M.value || M.value < 0 ? 200 : M.value, fe = [!1, !0].includes(Q.value) ? Q.value : !1, C = [!1, !0].includes(ae.value) ? ae.value : !1, ue = !$.value || $.value < 0 ? 15 : $.value, o = !P.value || P.value < 0 ? 6 : P.value, s = !D.value || D.value < 0 ? 1 : D.value;
       return {
         disabled: u,
         display: c,
-        textColor: ve,
-        color: Se,
-        hoverEffect: o,
-        activeHoverEffect: d,
-        colorHover: z,
-        itemGap: m,
-        internalGap: G,
-        scale: re,
-        font: $,
+        hoverEffect: fe,
+        activeHoverEffect: C,
+        itemGap: ue,
+        internalGap: o,
+        scale: s,
+        font: O,
         fontSize: b,
-        fontWeight: q
+        fontWeight: N
       };
-    }), J = t(() => v.value.disabled), p = t(() => ({
-      display: v.value.display
-    })), Z = t(() => v.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), de = t(() => {
-      const u = v.value;
+    }), m = t(() => y.value.disabled), f = t(() => ({
+      display: y.value.display
+    })), se = t(() => y.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), oe = t(() => {
+      const u = y.value;
       return {
         fontSize: u.fontSize,
         fontWeight: u.fontWeight
       };
-    }), R = t(() => Array.isArray(F.value) && F.value.constructor === Array && F.value.length > 0), ee = t(() => v.value.font), ce = t(() => v.value.textColor), ne = t(() => v.value.color), me = t(() => {
-      const u = v.value;
-      return u.hoverEffect ? u.colorHover : u.color;
-    }), ue = t(() => {
-      const u = v.value;
-      return u.activeHoverEffect ? u.colorHover : u.color;
-    }), fe = t(() => {
-      const c = v.value.internalGap;
+    }), ge = t(() => Array.isArray(j.value) && j.value.constructor === Array && j.value.length > 0), ne = t(() => te.value === "dark" ? "component__theme--dark" : "component__theme--light"), de = t(() => y.value.font), be = t(() => K.value), he = t(() => B.value), me = t(() => y.value.hoverEffect ? R.value : B.value), Ce = t(() => y.value.activeHoverEffect ? R.value : B.value), Ve = t(() => U.value), Se = t(() => _.value), Le = t(() => y.value.hoverEffect ? w.value : _.value), xe = t(() => y.value.activeHoverEffect ? w.value : _.value), ke = t(() => {
+      const c = y.value.internalGap;
       return !c || c < 0 ? 0 : `${c}px`;
-    }), he = t(() => {
-      const c = v.value.itemGap;
+    }), Be = t(() => {
+      const c = y.value.itemGap;
       return !c || c < 0 ? 0 : `${c}px`;
-    }), Ce = t(() => ({
-      zoom: v.value.scale
-    })), Ve = t(() => {
+    }), _e = t(() => ({
+      zoom: y.value.scale
+    })), Ie = t(() => {
       const u = {};
-      _.value && Object.keys(_.value).forEach((b) => u[`aria-${b}`] = _.value[b]);
+      E.value && Object.keys(E.value).forEach((b) => u[`aria-${b}`] = E.value[b]);
       const c = {
-        "aria-label": W.value,
-        "aria-disabled": E.value,
+        "aria-label": H.value,
+        "aria-disabled": L.value,
         ...u
       };
       return Object.fromEntries(
-        Object.entries(c).filter(([$, b]) => b != null)
+        Object.entries(c).filter(([O, b]) => b != null)
       );
-    }), pe = () => {
-      const u = H.value;
-      u && ["string"].includes(oe.value) ? y.value = u.toString().toLowerCase() : y.value = u;
-    }, xe = () => {
-      r("clicked");
+    }), ce = () => {
+      const u = F.value;
+      u && ["string"].includes(ee.value) ? g.value = u.toString().toLowerCase() : g.value = u;
+    }, Te = () => {
+      i("clicked");
     };
-    return K(H, (u, c) => {
-      u !== c && pe();
-    }), K(y, (u, c) => {
-      u !== c && (r("current-value", u), r("changed", u));
-    }), (u, c) => e.nbId && R.value ? (h(), C("div", {
+    return G(F, (u, c) => {
+      u !== c && ce();
+    }), G(g, (u, c) => {
+      u !== c && (i("current-value", u), i("changed", u));
+    }), (u, c) => e.nbId && ge.value ? (V(), S("div", {
       key: 0,
-      class: X(["nb-wrapper", J.value]),
-      style: se([p.value, Ce.value])
+      class: Y(["nb-wrapper", m.value]),
+      style: ie([f.value, _e.value])
     }, [
-      V("div", Qe({
+      x("div", Ye({
         id: e.nbId,
         role: "radiogroup"
-      }, Ve.value, {
-        class: ["nb-reset", "component", Z.value]
+      }, Ie.value, {
+        class: ["nb-reset", "component", se.value, ne.value]
       }), [
-        (h(!0), C(St, null, kt(l(F), ($, b) => (h(), C("div", {
+        (V(!0), S(xt, null, kt(l(j), (O, b) => (V(), S("div", {
           key: b,
           class: "component-radio__item"
         }, [
-          Xe(V("input", {
-            id: `${e.nbId}-${$.value}`,
-            "onUpdate:modelValue": c[0] || (c[0] = (q) => y.value = q),
+          Je(x("input", {
+            id: `${e.nbId}-${O.value}`,
+            "onUpdate:modelValue": c[0] || (c[0] = (N) => g.value = N),
             type: "radio",
             class: "component-radio__item--input",
-            disabled: l(E),
-            value: $.value,
+            disabled: l(L),
+            value: O.value,
             name: e.groupName,
-            onClick: xe
+            onClick: Te
           }, null, 8, Va), [
-            [ya, y.value]
+            [ya, g.value]
           ]),
-          V("label", {
-            for: `${e.nbId}-${$.value}`,
-            tabindex: l(E) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[b] : e.tabIndex >= 0 ? e.tabIndex : b + 1,
+          x("label", {
+            for: `${e.nbId}-${O.value}`,
+            tabindex: l(L) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[b] : e.tabIndex >= 0 ? e.tabIndex : b + 1,
             class: "component-radio__item--label",
             onKeydown: [
-              c[1] || (c[1] = Re(qe((q) => !l(E) && e.hasTabIndexEnter && q.target.click(), ["prevent"]), ["enter"])),
-              c[2] || (c[2] = Re(qe((q) => !l(E) && e.hasTabIndexSpace && q.target.click(), ["prevent"]), ["space"]))
+              c[1] || (c[1] = Me(Ke((N) => !l(L) && e.hasTabIndexEnter && N.target.click(), ["prevent"]), ["enter"])),
+              c[2] || (c[2] = Me(Ke((N) => !l(L) && e.hasTabIndexSpace && N.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            c[3] || (c[3] = V("div", null, null, -1)),
-            V("span", {
-              style: se([de.value])
-            }, Oe($.text), 5)
-          ], 40, xa)
+            c[3] || (c[3] = x("div", null, null, -1)),
+            x("span", {
+              style: ie([oe.value])
+            }, je(O.text), 5)
+          ], 40, Sa)
         ]))), 128))
       ], 16, Ca)
-    ], 6)) : ie("", !0);
+    ], 6)) : re("", !0);
   }
-}), ka = /* @__PURE__ */ Ye(Sa, [["__scopeId", "data-v-7b02a5bf"]]);
-const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabindex"], Aa = /* @__PURE__ */ Object.assign({
+}), ka = /* @__PURE__ */ Ze(xa, [["__scopeId", "data-v-e82994f8"]]);
+const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabindex"], Ta = /* @__PURE__ */ Object.assign({
   name: "NbInputCheckbox",
   inheritAttrs: !1
 }, {
@@ -281,14 +301,14 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const i = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(i);
+        const r = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(r);
       }
     },
     tabIndex: {
       type: [Number, Array],
       default: 0,
-      validator: (e, i) => Array.isArray(e) ? e.length === i.options.length : !0
+      validator: (e, r) => Array.isArray(e) ? e.length === r.options.length : !0
     },
     hasTabIndexEnter: {
       type: Boolean,
@@ -319,12 +339,12 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
       validator: (e) => {
         if (!e.length)
           return !1;
-        let i = !1;
-        for (const r of e) {
-          const B = Object.keys(r);
-          B.length !== 2 && (i = !0), B.every((W) => ["value", "text"].includes(W)) || (i = !0);
+        let r = !1;
+        for (const i of e) {
+          const A = Object.keys(i);
+          A.length !== 2 && (r = !0), A.every((H) => ["value", "text"].includes(H)) || (r = !0);
         }
-        if (!i)
+        if (!r)
           return e;
       }
     },
@@ -332,9 +352,39 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
       type: Array,
       default: () => []
     },
-    textColor: {
+    theme: {
+      type: String,
+      default: "light",
+      validator: (e) => {
+        const r = e ? e.toLowerCase() : "";
+        return ["light", "dark"].includes(r);
+      }
+    },
+    // Cores do tema light
+    lightTextColor: {
+      type: String,
+      default: "#333333"
+    },
+    lightColor: {
+      type: String,
+      default: "#cccccc"
+    },
+    lightColorHover: {
       type: String,
-      default: "black"
+      default: "#bbbbbb"
+    },
+    // Cores do tema dark
+    darkTextColor: {
+      type: String,
+      default: "#e0e0e0"
+    },
+    darkColor: {
+      type: String,
+      default: "#555555"
+    },
+    darkColorHover: {
+      type: String,
+      default: "#666666"
     },
     boxRadius: {
       type: Number,
@@ -354,10 +404,6 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
       default: !1,
       validator: (e) => [!0, !1].indexOf(e) !== -1
     },
-    colorHover: {
-      type: String,
-      default: "#a6a6a6"
-    },
     itemGap: {
       type: Number,
       default: 15
@@ -401,167 +447,169 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
     }
   },
   emits: ["current-value", "changed", "clicked"],
-  setup(e, { emit: i }) {
-    Ge((o) => ({
-      "22160a8e": ne.value,
-      "410caefa": c.value,
-      "3b6621e5": he.value,
-      "2130e298": l(I),
-      "156733ca": Ce.value,
-      "4735c99e": ue.value,
-      "204a4b1d": u.value,
-      "287af9f8": me.value,
-      "0abed1c2": xe.value,
-      f547d6ea: fe.value,
-      "5546b8ec": pe.value
-    })), Ke(() => {
-      ve();
+  setup(e, { emit: r }) {
+    Ue((o) => ({
+      "0519fcd8": he.value,
+      b12a9a00: O.value,
+      "605adc23": c.value,
+      "3ab12825": u.value,
+      ced77406: Se.value,
+      "589d2aa3": Ve.value,
+      "40c69c3c": Le.value,
+      "73a49619": Ce.value,
+      e10b6c28: me.value,
+      "7c5e381c": Te.value,
+      "59ef2d96": _e.value,
+      "0e4bd04a": Be.value,
+      "4d94e71a": Ie.value,
+      "396645e1": ke.value,
+      "39ced5b4": xe.value
+    })), Qe(() => {
+      C();
     });
-    const r = i, B = e, y = Q(null), {
-      ariaLabel: W,
-      ariaAttrs: _,
-      currentOption: H,
-      display: oe,
-      options: x,
-      textColor: F,
-      boxRadius: j,
-      color: U,
-      hoverEffect: P,
-      activeHoverEffect: T,
-      colorHover: I,
-      itemGap: S,
-      internalGap: k,
-      scale: w,
-      type: E,
-      background: Y,
-      disabled: N,
-      fontFamily: D,
-      fontSize: v,
-      fontWeight: J
-    } = Ue(B), p = t(() => {
-      const o = N.value ? "component-disabled" : "", d = oe.value !== "b" ? "inline-block" : "block", z = D.value ? D.value : "'Lato', sans-serif", m = v.value ? v.value : "1.6em", G = J.value !== 0 && !J.value || J.value < 0 ? 200 : J.value, re = F.value ? F.value : "black", ke = j.value !== 0 && !j.value || j.value < 0 ? 0 : j.value, Te = U.value ? U.value : "#767676", M = [!1, !0].includes(P.value) ? P.value : !1, Be = [!1, !0].includes(T.value) ? T.value : !1, te = I.value ? I.value : "#a6a6a6", we = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, Ee = k.value !== 0 && !k.value || k.value < 0 ? 6 : k.value, Ne = ["box", "circle"].includes(E.value) ? E.value : "box", A = !w.value || w.value < 0 ? 1 : w.value, ye = [!1, !0].includes(Y.value) ? Y.value : !1;
+    const i = r, A = e, g = X(null), {
+      ariaLabel: H,
+      ariaAttrs: E,
+      currentOption: F,
+      display: ee,
+      options: k,
+      theme: j,
+      lightTextColor: te,
+      lightColor: K,
+      lightColorHover: B,
+      darkTextColor: R,
+      darkColor: U,
+      darkColorHover: _,
+      boxRadius: w,
+      hoverEffect: Q,
+      activeHoverEffect: ae,
+      itemGap: $,
+      internalGap: P,
+      scale: D,
+      type: L,
+      background: le,
+      disabled: z,
+      fontFamily: M,
+      fontSize: y,
+      fontWeight: m
+    } = Xe(A), f = t(() => {
+      const o = z.value ? "component-disabled" : "", s = ee.value !== "b" ? "inline-block" : "block", q = M.value ? M.value : "'Lato', sans-serif", I = y.value ? y.value : "1.6em", p = m.value !== 0 && !m.value || m.value < 0 ? 200 : m.value, ve = w.value !== 0 && !w.value || w.value < 0 ? 0 : w.value, T = [!1, !0].includes(Q.value) ? Q.value : !1, Ne = [!1, !0].includes(ae.value) ? ae.value : !1, Re = $.value !== 0 && !$.value || $.value < 0 ? 15 : $.value, $e = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, Oe = ["box", "circle"].includes(L.value) ? L.value : "box", We = !D.value || D.value < 0 ? 1 : D.value, Ae = [!1, !0].includes(le.value) ? le.value : !1;
       return {
         disabled: o,
-        display: d,
-        textColor: re,
-        boxRadius: ke,
-        color: Te,
-        hoverEffect: M,
-        activeHoverEffect: Be,
-        colorHover: te,
-        itemGap: we,
-        internalGap: Ee,
-        scale: A,
-        type: Ne,
-        font: z,
-        background: ye,
-        fontSize: m,
-        fontWeight: G
+        display: s,
+        boxRadius: ve,
+        hoverEffect: T,
+        activeHoverEffect: Ne,
+        itemGap: Re,
+        internalGap: $e,
+        scale: We,
+        type: Oe,
+        font: q,
+        background: Ae,
+        fontSize: I,
+        fontWeight: p
       };
-    }), Z = t(() => p.value.disabled), de = t(() => ({
-      display: p.value.display
-    })), R = t(() => p.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), ee = t(() => {
-      const o = p.value;
+    }), se = t(() => f.value.disabled), oe = t(() => ({
+      display: f.value.display
+    })), ge = t(() => f.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), ne = t(() => {
+      const o = f.value;
       return {
         fontSize: o.fontSize,
         fontWeight: o.fontWeight
       };
-    }), ce = t(() => Array.isArray(x.value) && x.value.constructor === Array && x.value.length > 0), ne = t(() => p.value.font), me = t(() => p.value.textColor), ue = t(() => p.value.color), fe = t(() => {
-      const o = p.value;
-      return o.hoverEffect ? o.colorHover : o.color;
-    }), he = t(() => {
-      const o = p.value;
-      return o.activeHoverEffect ? o.colorHover : o.color;
-    }), Ce = t(() => {
-      const o = p.value;
-      return o.activeHoverEffect && o.background ? `${o.colorHover}80` : I.value;
-    }), Ve = t(() => p.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), pe = t(() => {
-      const o = p.value;
-      return o.background ? "#ffffff" : o.textColor;
+    }), de = t(() => Array.isArray(k.value) && k.value.constructor === Array && k.value.length > 0), be = t(() => j.value === "dark" ? "component__theme--dark" : "component__theme--light"), he = t(() => f.value.font), me = t(() => te.value), Ce = t(() => K.value), Ve = t(() => f.value.hoverEffect ? B.value : K.value), Se = t(() => f.value.activeHoverEffect ? B.value : K.value), Le = t(() => {
+      const o = f.value;
+      return o.activeHoverEffect && o.background ? `${B.value}80` : B.value;
+    }), xe = t(() => R.value), ke = t(() => U.value), Be = t(() => f.value.hoverEffect ? _.value : U.value), _e = t(() => f.value.activeHoverEffect ? _.value : U.value), Ie = t(() => {
+      const o = f.value;
+      return o.activeHoverEffect && o.background ? `${_.value}80` : _.value;
+    }), ce = t(() => f.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Te = t(() => {
+      const o = f.value, s = j.value === "dark" ? R.value : te.value;
+      return o.background ? "#ffffff" : s;
     });
-    t(() => p.value.background ? "19px" : "auto");
-    const xe = t(() => {
-      const d = p.value.internalGap;
-      return !d || d < 0 ? 0 : `${d}px`;
-    }), u = t(() => {
-      const o = p.value;
-      return `${o.boxRadius > 7 ? 7 : o.boxRadius}px`;
+    t(() => f.value.background ? "19px" : "auto");
+    const u = t(() => {
+      const s = f.value.internalGap;
+      return !s || s < 0 ? 0 : `${s}px`;
     }), c = t(() => {
-      const d = p.value.itemGap;
-      return !d || d < 0 ? 0 : `${d}px`;
-    }), $ = t(() => p.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), b = t(() => ({
-      zoom: p.value.scale
-    })), q = t(() => {
+      const o = f.value;
+      return `${o.boxRadius > 7 ? 7 : o.boxRadius}px`;
+    }), O = t(() => {
+      const s = f.value.itemGap;
+      return !s || s < 0 ? 0 : `${s}px`;
+    }), b = t(() => f.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), N = t(() => ({
+      zoom: f.value.scale
+    })), fe = t(() => {
       const o = {};
-      _.value && Object.keys(_.value).forEach((m) => o[`aria-${m}`] = _.value[m]);
-      const d = {
-        "aria-label": W.value,
-        "aria-disabled": N.value,
+      E.value && Object.keys(E.value).forEach((I) => o[`aria-${I}`] = E.value[I]);
+      const s = {
+        "aria-label": H.value,
+        "aria-disabled": z.value,
         ...o
       };
       return Object.fromEntries(
-        Object.entries(d).filter(([z, m]) => m != null)
+        Object.entries(s).filter(([q, I]) => I != null)
       );
-    }), ve = () => {
-      y.value = H.value;
-    }, Se = () => {
-      r("clicked");
+    }), C = () => {
+      g.value = F.value;
+    }, ue = () => {
+      i("clicked");
     };
-    return K(H, (o, d) => {
-      o !== d && ve();
-    }), K(y, (o, d) => {
-      o !== d && (r("current-value", o), r("changed", o));
-    }), (o, d) => e.nbId && ce.value ? (h(), C("div", {
+    return G(F, (o, s) => {
+      o !== s && C();
+    }), G(g, (o, s) => {
+      o !== s && (i("current-value", o), i("changed", o));
+    }), (o, s) => e.nbId && de.value ? (V(), S("div", {
       key: 0,
-      class: X(["nb-wrapper", Z.value]),
-      style: se([de.value, b.value])
+      class: Y(["nb-wrapper", se.value]),
+      style: ie([oe.value, N.value])
     }, [
-      V("div", Qe({
+      x("div", Ye({
         id: e.nbId,
         role: "group"
-      }, q.value, {
-        class: ["nb-reset", "component", R.value]
+      }, fe.value, {
+        class: ["nb-reset", "component", ge.value, be.value]
       }), [
-        (h(!0), C(St, null, kt(l(x), (z, m) => (h(), C("div", {
-          key: m,
+        (V(!0), S(xt, null, kt(l(k), (q, I) => (V(), S("div", {
+          key: I,
           class: "component-checkbox__item"
         }, [
-          Xe(V("input", {
-            id: `${e.nbId}-${z.value}`,
-            "onUpdate:modelValue": d[0] || (d[0] = (G) => y.value = G),
+          Je(x("input", {
+            id: `${e.nbId}-${q.value}`,
+            "onUpdate:modelValue": s[0] || (s[0] = (p) => g.value = p),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: l(N),
-            value: z.value,
+            disabled: l(z),
+            value: q.value,
             name: e.groupName,
-            onClick: Se
+            onClick: ue
           }, null, 8, _a), [
-            [ga, y.value]
+            [ga, g.value]
           ]),
-          V("label", {
-            for: `${e.nbId}-${z.value}`,
-            class: X([[$.value], "component-checkbox__item--label"]),
-            tabindex: l(N) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[m] : e.tabIndex >= 0 ? e.tabIndex : m + 1,
+          x("label", {
+            for: `${e.nbId}-${q.value}`,
+            class: Y([[b.value], "component-checkbox__item--label"]),
+            tabindex: l(z) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[I] : e.tabIndex >= 0 ? e.tabIndex : I + 1,
             onKeydown: [
-              d[1] || (d[1] = Re(qe((G) => !l(N) && e.hasTabIndexEnter && G.target.click(), ["prevent"]), ["enter"])),
-              d[2] || (d[2] = Re(qe((G) => !l(N) && e.hasTabIndexSpace && G.target.click(), ["prevent"]), ["space"]))
+              s[1] || (s[1] = Me(Ke((p) => !l(z) && e.hasTabIndexEnter && p.target.click(), ["prevent"]), ["enter"])),
+              s[2] || (s[2] = Me(Ke((p) => !l(z) && e.hasTabIndexSpace && p.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            V("div", {
-              class: X([Ve.value])
+            x("div", {
+              class: Y([ce.value])
             }, null, 2),
-            V("span", {
-              style: se([ee.value])
-            }, Oe(z.text), 5)
+            x("span", {
+              style: ie([ne.value])
+            }, je(q.text), 5)
           ], 42, Ia)
         ]))), 128))
       ], 16, Ba)
-    ], 6)) : ie("", !0);
+    ], 6)) : re("", !0);
   }
-}), Ta = /* @__PURE__ */ Ye(Aa, [["__scopeId", "data-v-80f01756"]]);
-const wa = ["id"], Ea = {
-  class: /* @__PURE__ */ X(["component__eye-icon", "fas"])
-}, Na = { key: 0 }, Da = { key: 1 }, Ra = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], $a = ["for"], za = /* @__PURE__ */ Object.assign({
+}), Aa = /* @__PURE__ */ Ze(Ta, [["__scopeId", "data-v-4be141a9"]]);
+const Ea = ["id"], wa = {
+  class: /* @__PURE__ */ Y(["component__eye-icon", "fas"])
+}, Da = { key: 0 }, La = { key: 1 }, Na = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Ra = ["for"], $a = /* @__PURE__ */ Object.assign({
   name: "NbInput",
   inheritAttrs: !1
 }, {
@@ -575,8 +623,8 @@ const wa = ["id"], Ea = {
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const i = e.toLowerCase();
-        return ["b", "ib"].includes(i);
+        const r = e.toLowerCase();
+        return ["b", "ib"].includes(r);
       }
     },
     tabIndex: {
@@ -910,123 +958,123 @@ const wa = ["id"], Ea = {
     "clicked",
     "entered"
   ],
-  setup(e, { emit: i }) {
-    Ge((a) => ({
+  setup(e, { emit: r }) {
+    Ue((a) => ({
       "7db11dc6": lt.value,
-      "465ec593": Fe.value,
-      "0bd0a5e4": l(b),
+      "465ec593": Pe.value,
+      "0bd0a5e4": l(ke),
       "490fdeba": n.value,
-      "09c697b5": g.value,
-      "497da60d": L.value,
-      "5e478652": l(z),
-      "65dc7d59": l(ye),
-      "7caea4a6": l(m),
-      "7d9d18e5": l(Ze),
-      "40dc79c4": l(d),
-      "3febb3de": l(Se),
-      55340077: l(o),
-      "6cbaee7c": Tt.value,
-      ccb4758c: l(q),
-      "3734d3be": l(ve),
-      "35bcd232": l(A),
-      "86db4b1e": l(G),
-      eebf601a: l(Je),
-      "6540ecda": l($),
-      83825256: l(u),
-      f52be38a: l(c),
-      "23886af6": l(pe),
-      "5b006382": l(xe),
+      "09c697b5": h.value,
+      "497da60d": W.value,
+      "5e478652": l(u),
+      "65dc7d59": l(ve),
+      "7caea4a6": l(c),
+      "7d9d18e5": l(We),
+      "40dc79c4": l(Te),
+      "3febb3de": l(Ie),
+      55340077: l(ce),
+      "6cbaee7c": At.value,
+      ccb4758c: l(Be),
+      "3734d3be": l(_e),
+      "35bcd232": l(p),
+      "86db4b1e": l(O),
+      eebf601a: l(Oe),
+      "6540ecda": l(xe),
+      83825256: l(Se),
+      f52be38a: l(Le),
+      "23886af6": l(Ce),
+      "5b006382": l(Ve),
       "3eca0d2c": Bt.value,
       b46ea296: It.value,
-      "21492e8a": At.value,
-      "01e48fba": wt.value,
+      "21492e8a": Tt.value,
+      "01e48fba": Et.value,
       "0f7f0fdd": Ct.value,
-      "060b01ca": l(re),
+      "060b01ca": l(b),
       "21c08896": bt.value,
       "8b25c7ac": ot.value,
       "5b17912e": nt.value,
       "6f485452": ut.value,
-      "501e5a2c": je.value,
+      "501e5a2c": qe.value,
       dcd9aea4: a.styleButtonColor,
       "16e77a5a": rt.value
-    })), Ke(() => {
-      ae.value = ue.value;
+    })), Qe(() => {
+      J.value = ne.value;
     }), ba(() => {
-      Nt();
+      Dt();
     });
-    const r = i, B = e, {
-      display: y,
-      hasTabIndexEnter: W,
-      ariaLabel: _,
-      ariaAttrs: H,
-      textColor: oe,
-      caretColor: x,
-      selectionBgColor: F,
-      selectionTextColor: j,
-      hasBorderRadius: U,
-      borderRadius: P,
-      disabled: T,
-      fontFamily: I,
-      fontSize: S,
-      fontWeight: k,
-      fontFamilyMsg: w,
-      fontSizeMsg: E,
-      fontWeightMsg: Y,
-      textMessageColor: N,
+    const i = r, A = e, {
+      display: g,
+      hasTabIndexEnter: H,
+      ariaLabel: E,
+      ariaAttrs: F,
+      textColor: ee,
+      caretColor: k,
+      selectionBgColor: j,
+      selectionTextColor: te,
+      hasBorderRadius: K,
+      borderRadius: B,
+      disabled: R,
+      fontFamily: U,
+      fontSize: _,
+      fontWeight: w,
+      fontFamilyMsg: Q,
+      fontSizeMsg: ae,
+      fontWeightMsg: $,
+      textMessageColor: P,
       inputWidth: D,
-      inputStyle: v,
-      activeTextStyle: J,
-      sizeMediaQuery: p,
-      inputReadonly: Z,
-      showInputEye: de,
-      inputType: R,
-      hasTrim: ee,
-      inputUppercase: ce,
-      inputName: ne,
-      inputPlaceholder: me,
-      inputText: ue,
-      theme: fe,
-      inputEyeIcon: he,
-      tabindex: Ce,
-      inputEyeIconHidden: Ve,
-      lightBgColor: pe,
-      lightBgColorFocus: xe,
-      lightEyeBgColor: u,
-      lightEyeBgColorActive: c,
-      lightDisabledBgColor: $,
-      lightTextColor: b,
-      darkBgColor: q,
-      darkBgColorFocus: ve,
-      darkEyeBgColor: Se,
-      darkEyeBgColorActive: o,
-      darkDisabledBgColor: d,
-      darkTextColor: z,
-      darkDisabledEyeBgColor: m,
-      lightDisabledEyeBgColor: G,
-      textAlign: re,
-      showMsg: ke,
-      hasMsg: Te,
-      hasIcon: M,
-      iconDirection: Be,
-      iconPadding: te,
-      iconPaddingInput: we,
-      iconMargin: Ee,
-      iconBorderRadius: Ne,
-      iconLightTextColor: A,
-      iconDarkTextColor: ye,
-      iconLightBgColor: O,
-      iconDarkBgColor: Le,
-      iconLightBgColorActive: We,
-      iconDarkBgColorActive: He,
-      iconLightDisabledBgColor: Je,
-      iconDarkDisabledBgColor: Ze,
-      iconWidth: $e,
-      iconSize: ze
-    } = Ue(B), ae = Q(""), _e = Q(""), ge = Q(!1), Ie = Q(!1), s = t(() => {
-      const a = T.value ? "component-disabled" : "", f = y.value !== "b" ? "inline-block" : "block", be = oe ? oe.value : "ffffff", Ae = x.value ? x.value : "", zt = F.value ? F.value : "", Mt = j.value ? j.value : "", Ot = U.value ? U.value : !1, Lt = !P.value || P.value < 0 ? 0 : P.value, Wt = I.value ? I.value : "'Lato', sans-serif", Ht = S.value && S.value >= 0 ? S.value : null, Ft = !k.value || k.value < 0 ? 100 : k.value, jt = w.value ? w.value : "'Lato', sans-serif", Pt = E.value ? E.value : "1em", qt = !Y.value || Y.value < 0 ? 100 : Y.value, Gt = N.value ? N.value : "#f15574", Kt = D.value ? D.value : 200, Ut = J.value ? J.value : "normal", Qt = p.value ? p.value : "xs", Xt = Z.value ? Z.value : !1, Yt = de.value ? de.value : !1, Jt = R.value ? R.value : "text", Zt = ce.value ? ce.value : !1, ea = fe.value ? fe.value : "normal", ta = re.value ? re.value : "left", aa = v.value ? v.value : "background", la = te.value ? te.value : "5px 10px", oa = Ee.value ? Ee.value : "0", na = we.value ? we.value : 10, ua = A.value ? A.value : "#000000", ra = ye.value ? ye.value : "#000000", ia = O.value ? O.value : "transparent", sa = Le.value ? Le.value : "transparent", da = Ne.value ? Ne.value : 0, ca = We.value ? We.value : "transparent", fa = He.value ? He.value : "transparent", pa = $e.value ? $e.value : 32, va = ze.value ? ze.value : 1;
+      inputStyle: L,
+      activeTextStyle: le,
+      sizeMediaQuery: z,
+      inputReadonly: M,
+      showInputEye: y,
+      inputType: m,
+      hasTrim: f,
+      inputUppercase: se,
+      inputName: oe,
+      inputPlaceholder: ge,
+      inputText: ne,
+      theme: de,
+      inputEyeIcon: be,
+      tabindex: he,
+      inputEyeIconHidden: me,
+      lightBgColor: Ce,
+      lightBgColorFocus: Ve,
+      lightEyeBgColor: Se,
+      lightEyeBgColorActive: Le,
+      lightDisabledBgColor: xe,
+      lightTextColor: ke,
+      darkBgColor: Be,
+      darkBgColorFocus: _e,
+      darkEyeBgColor: Ie,
+      darkEyeBgColorActive: ce,
+      darkDisabledBgColor: Te,
+      darkTextColor: u,
+      darkDisabledEyeBgColor: c,
+      lightDisabledEyeBgColor: O,
+      textAlign: b,
+      showMsg: N,
+      hasMsg: fe,
+      hasIcon: C,
+      iconDirection: ue,
+      iconPadding: o,
+      iconPaddingInput: s,
+      iconMargin: q,
+      iconBorderRadius: I,
+      iconLightTextColor: p,
+      iconDarkTextColor: ve,
+      iconLightBgColor: T,
+      iconDarkBgColor: Ne,
+      iconLightBgColorActive: Re,
+      iconDarkBgColorActive: $e,
+      iconLightDisabledBgColor: Oe,
+      iconDarkDisabledBgColor: We,
+      iconWidth: Ae,
+      iconSize: He
+    } = Xe(A), J = X(""), Ee = X(""), pe = X(!1), we = X(!1), d = t(() => {
+      const a = R.value ? "component-disabled" : "", v = g.value !== "b" ? "inline-block" : "block", ye = ee ? ee.value : "ffffff", De = k.value ? k.value : "", $t = j.value ? j.value : "", zt = te.value ? te.value : "", Mt = K.value ? K.value : !1, Ot = !B.value || B.value < 0 ? 0 : B.value, Wt = U.value ? U.value : "'Lato', sans-serif", Ht = _.value && _.value >= 0 ? _.value : null, Ft = !w.value || w.value < 0 ? 100 : w.value, jt = Q.value ? Q.value : "'Lato', sans-serif", Pt = ae.value ? ae.value : "1em", qt = !$.value || $.value < 0 ? 100 : $.value, Gt = P.value ? P.value : "#f15574", Kt = D.value ? D.value : 200, Ut = le.value ? le.value : "normal", Qt = z.value ? z.value : "xs", Xt = M.value ? M.value : !1, Yt = y.value ? y.value : !1, Jt = m.value ? m.value : "text", Zt = se.value ? se.value : !1, ea = de.value ? de.value : "normal", ta = b.value ? b.value : "left", aa = L.value ? L.value : "background", la = o.value ? o.value : "5px 10px", oa = q.value ? q.value : "0", na = s.value ? s.value : 10, ua = p.value ? p.value : "#000000", ra = ve.value ? ve.value : "#000000", ia = T.value ? T.value : "transparent", sa = Ne.value ? Ne.value : "transparent", da = I.value ? I.value : 0, ca = Re.value ? Re.value : "transparent", fa = $e.value ? $e.value : "transparent", va = Ae.value ? Ae.value : 32, pa = He.value ? He.value : 1;
       return {
         disabled: a,
-        display: f,
+        display: v,
         font: Wt,
         fontSize: Ht,
         fontWeight: Ft,
@@ -1034,12 +1082,12 @@ const wa = ["id"], Ea = {
         fontSizeMsg: Pt,
         fontWeightMsg: qt,
         textMessageColor: Gt,
-        textColor: be,
-        caretColor: Ae,
-        selectionBgColor: zt,
-        selectionTextColor: Mt,
-        hasBorderRadius: Ot,
-        borderRadius: Lt,
+        textColor: ye,
+        caretColor: De,
+        selectionBgColor: $t,
+        selectionTextColor: zt,
+        hasBorderRadius: Mt,
+        borderRadius: Ot,
         textAlign: ta,
         inputWidth: Kt,
         activeTextStyle: Ut,
@@ -1060,16 +1108,16 @@ const wa = ["id"], Ea = {
         iconBorderRadius: da,
         iconLightBgColorActive: ca,
         iconDarkBgColorActive: fa,
-        iconWidth: pa,
-        iconSize: va
+        iconWidth: va,
+        iconSize: pa
       };
-    }), et = t(() => s.value.disabled), tt = t(() => ({
-      display: s.value.display
-    })), Fe = t(() => {
-      const a = s.value;
+    }), et = t(() => d.value.disabled), tt = t(() => ({
+      display: d.value.display
+    })), Pe = t(() => {
+      const a = d.value;
       if (a.fontSize)
         return `${a.fontSize}em`;
-      let f = "";
+      let v = "";
       switch (a.sizeMediaQuery) {
         case "sm":
           return "1.2em";
@@ -1078,34 +1126,34 @@ const wa = ["id"], Ea = {
         case "lg":
           return "2em";
         default:
-          f = "1.2em";
+          v = "1.2em";
       }
-      return f;
+      return v;
     }), at = t(() => {
-      const a = s.value;
+      const a = d.value;
       return {
-        fontSize: Fe.value,
+        fontSize: Pe.value,
         fontWeight: a.fontWeight
       };
-    }), De = t(() => {
-      const a = s.value;
+    }), ze = t(() => {
+      const a = d.value;
       return a.inputStyle !== "line" && a.hasBorderRadius ? { borderRadius: `${a.borderRadius}rem` } : {};
-    }), lt = t(() => s.value.font), ot = t(() => s.value.fontFamilyMsg), nt = t(() => s.value.fontSizeMsg), ut = t(() => s.value.fontWeightMsg), rt = t(() => s.value.textColor), je = t(() => s.value.textMessageColor), n = t(() => {
-      const a = s.value;
+    }), lt = t(() => d.value.font), ot = t(() => d.value.fontFamilyMsg), nt = t(() => d.value.fontSizeMsg), ut = t(() => d.value.fontWeightMsg), rt = t(() => d.value.textColor), qe = t(() => d.value.textMessageColor), n = t(() => {
+      const a = d.value;
       return a.caretColor || (a.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), g = t(() => {
-      const a = s.value;
+    }), h = t(() => {
+      const a = d.value;
       return a.selectionBgColor || (a.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), L = t(() => {
-      const a = s.value;
+    }), W = t(() => {
+      const a = d.value;
       return a.selectionTextColor || (a.theme === "dark" ? "#000000" : "#ffffff");
-    }), le = t(() => {
-      const a = s.value;
+    }), Z = t(() => {
+      const a = d.value;
       return a.display === "block" ? { width: "100%" } : {
         width: `${a.inputWidth}px`
       };
     }), it = t(() => {
-      switch (v.value) {
+      switch (L.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1114,7 +1162,7 @@ const wa = ["id"], Ea = {
           return "component__input--background";
       }
     }), st = t(() => {
-      switch (s.value.activeTextStyle) {
+      switch (d.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -1123,7 +1171,7 @@ const wa = ["id"], Ea = {
           return "component__input--active--normal";
       }
     }), dt = t(() => {
-      switch (s.value.sizeMediaQuery) {
+      switch (d.value.sizeMediaQuery) {
         case "sm":
           return "component__sm";
         case "md":
@@ -1134,145 +1182,145 @@ const wa = ["id"], Ea = {
           return "";
       }
     }), ct = t(() => {
-      switch (s.value.theme) {
+      switch (d.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), ft = t(() => s.value.inputReadonly ? "component__input--read-only" : ""), pt = t(() => s.value.inputUppercase ? "component__input--uppercase" : ""), Pe = t(() => {
-      const a = s.value;
+    }), ft = t(() => d.value.inputReadonly ? "component__input--read-only" : ""), vt = t(() => d.value.inputUppercase ? "component__input--uppercase" : ""), Ge = t(() => {
+      const a = d.value;
       return !!(a.showInputEye && a.inputType === "password");
-    }), vt = t(() => ge.value ? he.value : Ve.value), yt = t(() => s.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), gt = t(() => Ie.value ? "component__input--active" : "component__input--no-active"), bt = t(() => Pe.value ? "6px 50px 6px 10px" : "6px 10px"), mt = t(() => !!(ke.value && Te.value)), ht = t(() => {
+    }), pt = t(() => pe.value ? be.value : me.value), yt = t(() => d.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), gt = t(() => we.value ? "component__input--active" : "component__input--no-active"), bt = t(() => Ge.value ? "6px 50px 6px 10px" : "6px 10px"), ht = t(() => !!(N.value && fe.value)), mt = t(() => {
       const a = {};
-      H.value && Object.keys(H.value).forEach((Ae) => a[`aria-${Ae}`] = H.value[Ae]);
-      const f = {
-        "aria-label": _.value,
-        "aria-disabled": T.value,
+      F.value && Object.keys(F.value).forEach((De) => a[`aria-${De}`] = F.value[De]);
+      const v = {
+        "aria-label": E.value,
+        "aria-disabled": R.value,
         ...a
       };
       return Object.fromEntries(
-        Object.entries(f).filter(([be, Ae]) => Ae != null)
+        Object.entries(v).filter(([ye, De]) => De != null)
       );
-    }), Ct = t(() => M.value ? `${ze.value}rem` : "0"), Bt = t(() => M.value ? `${$e.value}px` : "0"), _t = t(() => M.value ? `component__icon--${Be.value}` : ""), It = t(() => {
-      const a = s.value;
-      return M.value ? a.iconPadding : "0";
-    }), At = t(() => {
-      const a = s.value;
-      return M.value ? a.iconMargin : "0";
+    }), Ct = t(() => C.value ? `${He.value}rem` : "0"), Bt = t(() => C.value ? `${Ae.value}px` : "0"), _t = t(() => C.value ? `component__icon--${ue.value}` : ""), It = t(() => {
+      const a = d.value;
+      return C.value ? a.iconPadding : "0";
     }), Tt = t(() => {
-      const a = s.value;
-      return M.value ? a.theme === "dark" ? a.iconDarkBgColor : a.iconLightBgColor : "transparent";
-    }), wt = t(() => {
-      const a = s.value;
-      return M.value ? `${a.iconBorderRadius}rem` : "0";
+      const a = d.value;
+      return C.value ? a.iconMargin : "0";
+    }), At = t(() => {
+      const a = d.value;
+      return C.value ? a.theme === "dark" ? a.iconDarkBgColor : a.iconLightBgColor : "transparent";
     }), Et = t(() => {
-      const a = s.value;
-      return M.value ? Be.value === "left" ? { paddingLeft: `${a.iconPaddingInput}px` } : { paddingRight: `${a.iconPaddingInput}px` } : {};
-    }), Nt = () => {
-      ae.value = ue.value, _e.value = R.value;
-    }, Dt = () => {
-      const a = s.value;
+      const a = d.value;
+      return C.value ? `${a.iconBorderRadius}rem` : "0";
+    }), wt = t(() => {
+      const a = d.value;
+      return C.value ? ue.value === "left" ? { paddingLeft: `${a.iconPaddingInput}px` } : { paddingRight: `${a.iconPaddingInput}px` } : {};
+    }), Dt = () => {
+      J.value = ne.value, Ee.value = m.value;
+    }, Lt = () => {
+      const a = d.value;
       if (a.inputReadonly || a.disabled)
         return;
-      const f = !ge.value;
-      f ? _e.value = "text" : _e.value = R.value, ge.value = f;
+      const v = !pe.value;
+      v ? Ee.value = "text" : Ee.value = m.value, pe.value = v;
+    }, Nt = () => {
+      i("clicked");
     }, Rt = () => {
-      r("clicked");
-    }, $t = () => {
-      T.value || s.value.inputReadonly || !W.value || r("entered", ae.value);
+      R.value || d.value.inputReadonly || !H.value || i("entered", J.value);
     };
-    return K(R, (a) => {
-      _e.value = a;
-    }, { immediate: !0 }), K(ue, (a) => {
-      a !== ae.value && (ae.value = a);
-    }, { immediate: !0 }), K(ae, (a) => {
-      ee.value && (a = a.trim()), r("changed", a);
-    }), K(Ie, (a) => {
-      r(a ? "focused" : "blurred");
-    }), K(ge, (a) => {
-      r("show-input-eye", a);
-    }, { immediate: !0 }), K(ae, (a) => {
-      ee.value && (a = a.trim()), r("current-value", a);
-    }), K(R, (a) => {
+    return G(m, (a) => {
+      Ee.value = a;
+    }, { immediate: !0 }), G(ne, (a) => {
+      a !== J.value && (J.value = a);
+    }, { immediate: !0 }), G(J, (a) => {
+      f.value && (a = a.trim()), i("changed", a);
+    }), G(we, (a) => {
+      i(a ? "focused" : "blurred");
+    }), G(pe, (a) => {
+      i("show-input-eye", a);
+    }, { immediate: !0 }), G(J, (a) => {
+      f.value && (a = a.trim()), i("current-value", a);
+    }), G(m, (a) => {
       a === "password" && nextTick(() => {
-        const f = document.getElementById(ne.value);
-        f && (f.type = "password", f.removeAttribute("autocomplete"));
+        const v = document.getElementById(oe.value);
+        v && (v.type = "password", v.removeAttribute("autocomplete"));
       });
-    }), (a, f) => e.nbId ? (h(), C("div", Qe({
+    }), (a, v) => e.nbId ? (V(), S("div", Ye({
       key: 0,
       class: ["nb-wrapper", et.value],
-      style: [tt.value, le.value, De.value],
+      style: [tt.value, Z.value, ze.value],
       role: "input"
-    }, ht.value), [
-      V("div", {
+    }, mt.value), [
+      x("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component", dt.value, ct.value, ft.value, it.value]),
-        style: se([at.value, le.value, De.value]),
-        onClick: Rt
+        class: Y(["nb-reset", "component", dt.value, ct.value, ft.value, it.value]),
+        style: ie([at.value, Z.value, ze.value]),
+        onClick: Nt
       }, [
-        Pe.value ? (h(), C("div", {
+        Ge.value ? (V(), S("div", {
           key: 0,
-          class: X(["component__eye", gt.value]),
-          style: se([De.value]),
-          onClick: Dt
+          class: Y(["component__eye", gt.value]),
+          style: ie([ze.value]),
+          onClick: Lt
         }, [
-          V("span", Ea, [
-            e.inputEyeCustomIcon ? (h(), C("span", Da, [
-              ge.value ? Me(a.$slots, "eye-icon-show", { key: 0 }, () => [
-                f[4] || (f[4] = Vt("show"))
-              ], !0) : Me(a.$slots, "eye-icon-hidden", { key: 1 }, () => [
-                f[5] || (f[5] = Vt("hidden"))
+          x("span", wa, [
+            e.inputEyeCustomIcon ? (V(), S("span", La, [
+              pe.value ? Fe(a.$slots, "eye-icon-show", { key: 0 }, () => [
+                v[4] || (v[4] = Vt("show"))
+              ], !0) : Fe(a.$slots, "eye-icon-hidden", { key: 1 }, () => [
+                v[5] || (v[5] = Vt("hidden"))
               ], !0)
-            ])) : (h(), C("span", Na, Oe(vt.value), 1))
+            ])) : (V(), S("span", Da, je(pt.value), 1))
           ])
-        ], 6)) : ie("", !0),
-        Xe(V("input", {
-          "onUpdate:modelValue": f[0] || (f[0] = (be) => ae.value = be),
-          id: l(ne),
-          name: l(ne),
-          type: _e.value,
-          class: X(["component__input", [
-            pt.value,
+        ], 6)) : re("", !0),
+        Je(x("input", {
+          "onUpdate:modelValue": v[0] || (v[0] = (ye) => J.value = ye),
+          id: l(oe),
+          name: l(oe),
+          type: Ee.value,
+          class: Y(["component__input", [
+            vt.value,
             yt.value,
             st.value
           ]]),
-          placeholder: l(me),
-          disabled: l(T) || l(Z),
+          placeholder: l(ge),
+          disabled: l(R) || l(M),
           required: e.required,
-          readonly: l(Z),
+          readonly: l(M),
           autocomplete: e.inputAutocomplete,
-          tabindex: l(T) || l(Z) ? -1 : l(Ce),
+          tabindex: l(R) || l(M) ? -1 : l(he),
           role: "input",
-          style: se([De.value, Et.value]),
-          onFocus: f[1] || (f[1] = (be) => Ie.value = !0),
-          onBlur: f[2] || (f[2] = (be) => Ie.value = !1),
-          onKeydown: f[3] || (f[3] = Re((be) => !l(T) && l(W) && $t(), ["enter"]))
-        }, null, 46, Ra), [
-          [ma, ae.value]
+          style: ie([ze.value, wt.value]),
+          onFocus: v[1] || (v[1] = (ye) => we.value = !0),
+          onBlur: v[2] || (v[2] = (ye) => we.value = !1),
+          onKeydown: v[3] || (v[3] = Me((ye) => !l(R) && l(H) && Rt(), ["enter"]))
+        }, null, 46, Na), [
+          [ha, J.value]
         ]),
-        l(M) ? (h(), C("label", {
+        l(C) ? (V(), S("label", {
           key: 1,
-          for: l(ne),
-          class: X(["component__icon", _t.value])
+          for: l(oe),
+          class: Y(["component__icon", _t.value])
         }, [
-          Me(a.$slots, "icon", {}, () => [
-            f[6] || (f[6] = V("span", null, "♥", -1))
+          Fe(a.$slots, "icon", {}, () => [
+            v[6] || (v[6] = x("span", null, "♥", -1))
           ], !0)
-        ], 10, $a)) : ie("", !0)
-      ], 14, wa),
-      mt.value ? (h(), C("div", {
+        ], 10, Ra)) : re("", !0)
+      ], 14, Ea),
+      ht.value ? (V(), S("div", {
         key: 0,
-        class: X(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Y(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        Me(a.$slots, "message", {}, () => [
-          Vt(Oe(e.message), 1)
+        Fe(a.$slots, "message", {}, () => [
+          Vt(je(e.message), 1)
         ], !0)
-      ], 2)) : ie("", !0)
-    ], 16)) : ie("", !0);
+      ], 2)) : re("", !0)
+    ], 16)) : re("", !0);
   }
-}), Ma = /* @__PURE__ */ Ye(za, [["__scopeId", "data-v-d689f281"]]);
-const Oa = ["id"], La = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Fa = /* @__PURE__ */ Object.assign({
+}), za = /* @__PURE__ */ Ze($a, [["__scopeId", "data-v-d689f281"]]);
+const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Fa = /* @__PURE__ */ Object.assign({
   name: "NbInputChip",
   inheritAttrs: !1
 }, {
@@ -1286,8 +1334,8 @@ const Oa = ["id"], La = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const i = e.toLowerCase();
-        return ["b", "ib"].includes(i);
+        const r = e.toLowerCase();
+        return ["b", "ib"].includes(r);
       }
     },
     tabIndex: {
@@ -1523,125 +1571,125 @@ const Oa = ["id"], La = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
     }
   },
   emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred"],
-  setup(e, { emit: i }) {
-    Ge((n) => ({
-      "1549ffc9": $e.value,
-      "73ec4a48": ae.value,
-      "1eee568c": l(he),
-      "6d90e4bc": l(ce),
-      "16339c1b": l(me),
-      "56fd01b6": l(Ce),
-      "22c193ce": l(Ve),
-      "5f1758d7": l(pe),
-      "6e7cb926": l(ve),
-      "6d719d0e": l(u),
-      "327fd4f2": l($),
-      "27897b22": l(Se),
-      "0215623a": l(o),
-      "8e9d877a": l(d),
-      "37cf217d": l(ue),
-      "1171ab91": l(b),
-      "99a84312": ge.value,
-      "3b55b689": Ie.value,
-      "53c05fe1": s.value,
+  setup(e, { emit: r }) {
+    Ue((n) => ({
+      "1549ffc9": Ae.value,
+      "73ec4a48": J.value,
+      "1eee568c": l(be),
+      "6d90e4bc": l(se),
+      "16339c1b": l(ge),
+      "56fd01b6": l(he),
+      "22c193ce": l(me),
+      "5f1758d7": l(Ce),
+      "6e7cb926": l(_e),
+      "6d719d0e": l(Se),
+      "327fd4f2": l(xe),
+      "27897b22": l(Ie),
+      "0215623a": l(ce),
+      "8e9d877a": l(Te),
+      "37cf217d": l(ne),
+      "1171ab91": l(ke),
+      "99a84312": pe.value,
+      "3b55b689": we.value,
+      "53c05fe1": d.value,
       "9f4dd54c": n.styleButtonColor,
-      "2a052b02": ze.value,
-      beaeb8f4: l(fe),
-      "019f1fff": l(xe),
-      "0b7af21c": l(q),
-      "6b816d6b": l(z)
-    })), Ke(() => {
-      P.value.length > 0 && (A.value = P.value);
+      "2a052b02": He.value,
+      beaeb8f4: l(de),
+      "019f1fff": l(Ve),
+      "0b7af21c": l(Be),
+      "6b816d6b": l(u)
+    })), Qe(() => {
+      B.value.length > 0 && (p.value = B.value);
     });
-    const r = i, B = e, {
-      display: y,
-      textColor: W,
-      paddingX: _,
-      paddingY: H,
-      borderRadius: oe,
-      disabled: x,
-      fontFamily: F,
-      fontSize: j,
-      fontWeight: U,
-      currentList: P,
-      allowDuplicates: T,
-      minChips: I,
-      maxChips: S,
-      inputPosition: k,
-      width: w,
-      inputName: E,
-      inputPlaceholder: Y,
-      inputUppercase: N,
+    const i = r, A = e, {
+      display: g,
+      textColor: H,
+      paddingX: E,
+      paddingY: F,
+      borderRadius: ee,
+      disabled: k,
+      fontFamily: j,
+      fontSize: te,
+      fontWeight: K,
+      currentList: B,
+      allowDuplicates: R,
+      minChips: U,
+      maxChips: _,
+      inputPosition: w,
+      width: Q,
+      inputName: ae,
+      inputPlaceholder: $,
+      inputUppercase: P,
       inputReadonly: D,
-      inputAutocomplete: v,
-      required: J,
-      textAlign: p,
-      hasBorderRadius: Z,
-      activeTextStyle: de,
-      theme: R,
-      inputStyle: ee,
-      lightBgColor: ce,
-      lightBgColorFocus: ne,
-      lightBorderColor: me,
-      lightBorderColorFocus: ue,
-      lightDisabledBgColor: fe,
-      lightTextColor: he,
-      lightChipBgColor: Ce,
-      lightChipTextColor: Ve,
-      lightChipRemoveColor: pe,
-      lightDisabledBorderColor: xe,
-      darkBgColor: u,
-      darkBgColorFocus: c,
-      darkBorderColor: $,
-      darkBorderColorFocus: b,
-      darkDisabledBgColor: q,
-      darkTextColor: ve,
-      darkChipBgColor: Se,
-      darkChipTextColor: o,
-      darkChipRemoveColor: d,
-      darkDisabledBorderColor: z,
-      tabIndex: m,
-      hasTabIndexEnter: G,
-      ariaLabel: re,
-      ariaAttrs: ke,
-      caretColor: Te,
-      selectionBgColor: M,
-      selectionTextColor: Be
-    } = Ue(B), te = Q(""), we = Q(null), Ee = Q(null), Ne = Q(null), A = Q([]), ye = Q(!1), O = t(() => {
-      const n = x.value ? "component-disabled" : "", g = y.value !== "b" ? "inline-block" : "block", L = !w.value || w.value < 185 ? 185 : w.value, le = W ? W.value : "ffffff", it = Te.value ? Te.value : "", st = M.value ? M.value : "", dt = Be.value ? Be.value : "", ct = !_.value || _.value < 0 ? 1 : _.value, ft = !H.value || H.value < 0 ? 0.2 : H.value, pt = !oe.value || oe.value < 0 ? 0 : oe.value, Pe = F.value ? F.value : "'Lato', sans-serif", vt = j.value ? j.value : "1.6rem", yt = !U.value || U.value < 0 ? 100 : U.value, gt = !I.value || I.value < 0 ? 0 : I.value, bt = !S.value || S.value < 0 ? 10 : S.value, mt = !k.value || !["top", "bottom"].includes(k.value) ? "bottom" : k.value, ht = !ee.value || !["background", "line", "border"].includes(ee.value) ? "background" : ee.value, Ct = R.value ? R.value : "light";
+      inputAutocomplete: L,
+      required: le,
+      textAlign: z,
+      hasBorderRadius: M,
+      activeTextStyle: y,
+      theme: m,
+      inputStyle: f,
+      lightBgColor: se,
+      lightBgColorFocus: oe,
+      lightBorderColor: ge,
+      lightBorderColorFocus: ne,
+      lightDisabledBgColor: de,
+      lightTextColor: be,
+      lightChipBgColor: he,
+      lightChipTextColor: me,
+      lightChipRemoveColor: Ce,
+      lightDisabledBorderColor: Ve,
+      darkBgColor: Se,
+      darkBgColorFocus: Le,
+      darkBorderColor: xe,
+      darkBorderColorFocus: ke,
+      darkDisabledBgColor: Be,
+      darkTextColor: _e,
+      darkChipBgColor: Ie,
+      darkChipTextColor: ce,
+      darkChipRemoveColor: Te,
+      darkDisabledBorderColor: u,
+      tabIndex: c,
+      hasTabIndexEnter: O,
+      ariaLabel: b,
+      ariaAttrs: N,
+      caretColor: fe,
+      selectionBgColor: C,
+      selectionTextColor: ue
+    } = Xe(A), o = X(""), s = X(null), q = X(null), I = X(null), p = X([]), ve = X(!1), T = t(() => {
+      const n = k.value ? "component-disabled" : "", h = g.value !== "b" ? "inline-block" : "block", W = !Q.value || Q.value < 185 ? 185 : Q.value, Z = H ? H.value : "ffffff", it = fe.value ? fe.value : "", st = C.value ? C.value : "", dt = ue.value ? ue.value : "", ct = !E.value || E.value < 0 ? 1 : E.value, ft = !F.value || F.value < 0 ? 0.2 : F.value, vt = !ee.value || ee.value < 0 ? 0 : ee.value, Ge = j.value ? j.value : "'Lato', sans-serif", pt = te.value ? te.value : "1.6rem", yt = !K.value || K.value < 0 ? 100 : K.value, gt = !U.value || U.value < 0 ? 0 : U.value, bt = !_.value || _.value < 0 ? 10 : _.value, ht = !w.value || !["top", "bottom"].includes(w.value) ? "bottom" : w.value, mt = !f.value || !["background", "line", "border"].includes(f.value) ? "background" : f.value, Ct = m.value ? m.value : "light";
       return {
         disabled: n,
-        display: g,
-        width: L,
-        font: Pe,
-        fontSize: vt,
+        display: h,
+        width: W,
+        font: Ge,
+        fontSize: pt,
         fontWeight: yt,
-        textColor: le,
+        textColor: Z,
         caretColor: it,
         selectionBgColor: st,
         selectionTextColor: dt,
         paddingX: ct,
         paddingY: ft,
-        borderRadius: pt,
+        borderRadius: vt,
         minChips: gt,
         maxChips: bt,
-        inputPosition: mt,
-        inputStyle: ht,
+        inputPosition: ht,
+        inputStyle: mt,
         theme: Ct
       };
-    }), Le = t(() => O.value.disabled), We = t(() => ({
-      display: O.value.display
-    })), He = t(() => {
-      const n = O.value;
+    }), Ne = t(() => T.value.disabled), Re = t(() => ({
+      display: T.value.display
+    })), $e = t(() => {
+      const n = T.value;
       return {
         color: n.textColor,
         padding: `${n.paddingY}rem ${n.paddingX}rem`,
         fontSize: n.fontSize,
         fontWeight: n.fontWeight,
-        textAlign: p.value
+        textAlign: z.value
       };
-    }), Je = t(() => {
-      switch (de.value) {
+    }), Oe = t(() => {
+      switch (y.value) {
         case "italic":
           return "component__text--italic";
         case "oblique":
@@ -1649,48 +1697,48 @@ const Oa = ["id"], La = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
         default:
           return "component__text--normal";
       }
-    }), Ze = t(() => {
-      const n = O.value;
-      return n.inputStyle !== "line" && Z.value ? { borderRadius: `${n.borderRadius}rem` } : {};
-    }), $e = t(() => O.value.font), ze = t(() => O.value.textColor), ae = t(() => O.value.inputPosition === "top" ? "column" : "column-reverse"), _e = t(() => {
+    }), We = t(() => {
+      const n = T.value;
+      return n.inputStyle !== "line" && M.value ? { borderRadius: `${n.borderRadius}rem` } : {};
+    }), Ae = t(() => T.value.font), He = t(() => T.value.textColor), J = t(() => T.value.inputPosition === "top" ? "column" : "column-reverse"), Ee = t(() => {
       const n = {};
-      ke.value && Object.keys(ke.value).forEach((le) => n[`aria-${le}`] = ke.value[le]);
-      const g = {
-        "aria-label": re.value,
-        "aria-disabled": x.value,
+      N.value && Object.keys(N.value).forEach((Z) => n[`aria-${Z}`] = N.value[Z]);
+      const h = {
+        "aria-label": b.value,
+        "aria-disabled": k.value,
         ...n
       };
       return Object.fromEntries(
-        Object.entries(g).filter(([L, le]) => le != null)
+        Object.entries(h).filter(([W, Z]) => Z != null)
       );
-    }), ge = t(() => {
-      const n = O.value;
+    }), pe = t(() => {
+      const n = T.value;
       return n.caretColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Ie = t(() => {
-      const n = O.value;
+    }), we = t(() => {
+      const n = T.value;
       return n.selectionBgColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), s = t(() => {
-      const n = O.value;
+    }), d = t(() => {
+      const n = T.value;
       return n.selectionTextColor || (n.theme === "dark" ? "#000000" : "#ffffff");
     }), et = t(() => ({
-      caretColor: ge.value
+      caretColor: pe.value
     })), tt = t(() => ({
-      "--selection-bg-color": Ie.value,
-      "--selection-text-color": s.value
-    })), Fe = t(() => {
-      const n = O.value, g = {
+      "--selection-bg-color": we.value,
+      "--selection-text-color": d.value
+    })), Pe = t(() => {
+      const n = T.value, h = {
         width: `${n.width}px`
       };
-      return n.display === "block" ? { width: "auto" } : g;
+      return n.display === "block" ? { width: "auto" } : h;
     }), at = t(() => {
-      switch (R.value) {
+      switch (m.value) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), De = t(() => {
-      switch (ee.value) {
+    }), ze = t(() => {
+      switch (f.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1699,96 +1747,96 @@ const Oa = ["id"], La = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
           return "component__input--background";
       }
     }), lt = () => {
-      r("clicked");
+      i("clicked");
     }, ot = () => {
-      ye.value = !0, r("focused");
+      ve.value = !0, i("focused");
     }, nt = () => {
-      ye.value = !1, r("blurred");
+      ve.value = !1, i("blurred");
     }, ut = (n) => {
-      if (!(x.value || D.value) && n.key === "Enter" && te.value.trim() !== "") {
+      if (!(k.value || D.value) && n.key === "Enter" && o.value.trim() !== "") {
         n.preventDefault();
-        let g = te.value.trim();
-        N.value && (g = g.toUpperCase()), (T.value || !A.value.includes(g)) && rt(g), te.value = "";
+        let h = o.value.trim();
+        P.value && (h = h.toUpperCase()), (R.value || !p.value.includes(h)) && rt(h), o.value = "";
       }
     }, rt = (n) => {
-      A.value.push(n), r("added", n);
-    }, je = (n) => {
-      A.value = A.value.filter((g) => g !== n), r("removed", n);
+      p.value.push(n), i("added", n);
+    }, qe = (n) => {
+      p.value = p.value.filter((h) => h !== n), i("removed", n);
     };
-    return K(P, (n) => {
-      A.value = n, r("changed", n);
-    }), K(te, (n) => {
-      r("input-changed", n);
-    }), (n, g) => e.nbId ? (h(), C("div", Qe({
+    return G(B, (n) => {
+      p.value = n, i("changed", n);
+    }), G(o, (n) => {
+      i("input-changed", n);
+    }), (n, h) => e.nbId ? (V(), S("div", Ye({
       key: 0,
-      class: ["nb-wrapper", Le.value],
-      style: [We.value],
+      class: ["nb-wrapper", Ne.value],
+      style: [Re.value],
       role: "input"
-    }, _e.value, { onClick: lt }), [
-      V("div", {
+    }, Ee.value, { onClick: lt }), [
+      x("div", {
         id: e.nbId,
         ref_key: "chipsContainer",
-        ref: we,
-        class: X(["nb-reset", "component", at.value, De.value]),
-        style: se([He.value, Fe.value, Ze.value])
+        ref: s,
+        class: Y(["nb-reset", "component", at.value, ze.value]),
+        style: ie([$e.value, Pe.value, We.value])
       }, [
-        A.value.length > 0 ? (h(), C("div", {
+        p.value.length > 0 ? (V(), S("div", {
           key: 0,
           ref_key: "chips",
-          ref: Ne,
+          ref: I,
           class: "chips"
         }, [
-          (h(!0), C(St, null, kt(A.value, (L) => (h(), C("div", {
-            key: L,
+          (V(!0), S(xt, null, kt(p.value, (W) => (V(), S("div", {
+            key: W,
             class: "chip"
           }, [
-            Me(n.$slots, "chip", {
-              chips: A.value,
-              chip: L,
-              removeChip: je
+            Fe(n.$slots, "chip", {
+              chips: p.value,
+              chip: W,
+              removeChip: qe
             }, () => [
-              V("span", La, Oe(L), 1),
-              !l(x) && !l(D) ? (h(), C("span", {
+              x("span", Oa, je(W), 1),
+              !l(k) && !l(D) ? (V(), S("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (le) => je(L)
-              }, "×", 8, Wa)) : ie("", !0)
+                onClick: (Z) => qe(W)
+              }, "×", 8, Wa)) : re("", !0)
             ], !0)
           ]))), 128))
-        ], 512)) : ie("", !0),
-        Xe(V("input", {
+        ], 512)) : re("", !0),
+        Je(x("input", {
           ref_key: "chipInput",
-          ref: Ee,
+          ref: q,
           type: "text",
-          "onUpdate:modelValue": g[0] || (g[0] = (L) => te.value = L),
-          name: l(E),
-          placeholder: l(Y),
+          "onUpdate:modelValue": h[0] || (h[0] = (W) => o.value = W),
+          name: l(ae),
+          placeholder: l($),
           readonly: l(D),
-          autocomplete: l(v),
-          required: l(J),
-          tabindex: l(x) || l(D) ? -1 : l(m),
-          class: X(["chips-input", Je.value]),
-          style: se([et.value, tt.value]),
-          onKeydown: g[1] || (g[1] = Re((L) => !l(x) && l(G) && ut(L), ["enter"])),
+          autocomplete: l(L),
+          required: l(le),
+          tabindex: l(k) || l(D) ? -1 : l(c),
+          class: Y(["chips-input", Oe.value]),
+          style: ie([et.value, tt.value]),
+          onKeydown: h[1] || (h[1] = Me((W) => !l(k) && l(O) && ut(W), ["enter"])),
           onFocus: ot,
           onBlur: nt
         }, null, 46, Ha), [
-          [ha, te.value]
+          [ma, o.value]
         ])
-      ], 14, Oa)
-    ], 16)) : ie("", !0);
+      ], 14, Ma)
+    ], 16)) : re("", !0);
   }
-}), ja = /* @__PURE__ */ Ye(Fa, [["__scopeId", "data-v-4af4ff9b"]]), xt = {
+}), ja = /* @__PURE__ */ Ze(Fa, [["__scopeId", "data-v-4af4ff9b"]]), St = {
   NbInputRadio: ka,
-  NbInputCheckbox: Ta,
-  NbInput: Ma,
+  NbInputCheckbox: Aa,
+  NbInput: za,
   NbInputChip: ja
 }, qa = {
   install(e) {
-    for (const i in xt)
-      if (Object.prototype.hasOwnProperty.call(xt, i)) {
-        const r = xt[i];
-        e.component(r.name, r);
+    for (const r in St)
+      if (Object.prototype.hasOwnProperty.call(St, r)) {
+        const i = St[r];
+        e.component(i.name, i);
       }
   }
 };