@vlalg-nimbus/nb-inputs 7.0.2 → 7.0.3

package/dist/nb-inputs.js

@@ -1,8 +1,8 @@
-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";
+import { useCssVars as Ue, onMounted as Qe, ref as X, toRefs as Xe, computed as t, watch as U, openBlock as B, createElementBlock as _, normalizeClass as Y, normalizeStyle as ie, createElementVNode as I, 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;
+  for (const [L, g] of r)
+    i[L] = g;
   return i;
 }, Ca = ["id"], Va = ["id", "disabled", "value", "name"], Sa = ["for", "tabindex"], xa = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
@@ -58,8 +58,8 @@ const Ze = (e, r) => {
           return !1;
         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);
+          const L = Object.keys(i);
+          L.length !== 2 && (r = !0), L.every((j) => ["value", "text"].includes(j)) || (r = !0);
         }
         if (!r)
           return e;
@@ -153,58 +153,58 @@ const Ze = (e, r) => {
   emits: ["current-value", "changed", "clicked"],
   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
+      "63057c4e": de.value,
+      "6d2148c5": Be.value,
+      "73ed536a": ke.value,
+      "0bccd482": Ce.value,
+      "0af040e8": me.value,
+      e60e51f2: be.value,
+      "16d82e98": he.value,
+      c61d13e0: xe.value,
+      "134eb614": Le.value,
+      f7e68d8e: Ve.value,
+      "1444b3e6": Se.value
     })), Qe(() => {
       ce();
     });
-    const i = r, A = e, g = X(null), {
-      ariaLabel: H,
-      ariaAttrs: E,
-      currentOption: F,
-      valueType: ee,
-      display: k,
-      options: j,
+    const i = r, L = e, g = X(null), {
+      ariaLabel: j,
+      ariaAttrs: T,
+      currentOption: z,
+      valueType: J,
+      display: A,
+      options: P,
       theme: te,
-      lightTextColor: K,
-      lightColor: B,
-      lightColorHover: R,
-      darkTextColor: U,
-      darkColor: _,
-      darkColorHover: w,
+      lightTextColor: q,
+      lightColor: C,
+      lightColorHover: M,
+      darkTextColor: G,
+      darkColor: V,
+      darkColorHover: E,
       hoverEffect: Q,
       activeHoverEffect: ae,
-      itemGap: $,
-      internalGap: P,
-      scale: D,
-      disabled: L,
+      itemGap: w,
+      internalGap: O,
+      scale: S,
+      disabled: N,
       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;
+      fontSize: W,
+      fontWeight: R
+    } = Xe(L), y = t(() => {
+      const u = N.value ? "component-disabled" : "", c = A.value !== "b" ? "inline-block" : "block", H = le.value ? le.value : "'Lato', sans-serif", b = W.value ? W.value : "1.6em", $ = R.value !== 0 && !R.value || R.value < 0 ? 200 : R.value, fe = [!1, !0].includes(Q.value) ? Q.value : !1, k = [!1, !0].includes(ae.value) ? ae.value : !1, ue = w.value !== 0 && !w.value || w.value < 0 ? 15 : w.value, o = O.value !== 0 && !O.value || O.value < 0 ? 6 : O.value, s = S.value !== 0 && !S.value || S.value < 0 ? 1 : S.value;
       return {
         disabled: u,
         display: c,
         hoverEffect: fe,
-        activeHoverEffect: C,
+        activeHoverEffect: k,
         itemGap: ue,
         internalGap: o,
         scale: s,
-        font: O,
+        font: H,
         fontSize: b,
-        fontWeight: N
+        fontWeight: $
       };
-    }), m = t(() => y.value.disabled), f = t(() => ({
+    }), x = 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;
@@ -212,7 +212,7 @@ const Ze = (e, r) => {
         fontSize: u.fontSize,
         fontWeight: u.fontWeight
       };
-    }), 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(() => {
+    }), ge = t(() => Array.isArray(P.value) && P.value.constructor === Array && P.value.length > 0), ne = t(() => te.value === "dark" ? "component__theme--dark" : "component__theme--light"), de = t(() => y.value.font), be = t(() => q.value), he = t(() => C.value), me = t(() => y.value.hoverEffect ? M.value : C.value), Ce = t(() => y.value.activeHoverEffect ? M.value : C.value), Ve = t(() => G.value), Se = t(() => V.value), Le = t(() => y.value.hoverEffect ? E.value : V.value), xe = t(() => y.value.activeHoverEffect ? E.value : V.value), ke = t(() => {
       const c = y.value.internalGap;
       return !c || c < 0 ? 0 : `${c}px`;
     }), Be = t(() => {
@@ -222,71 +222,71 @@ const Ze = (e, r) => {
       zoom: y.value.scale
     })), Ie = t(() => {
       const u = {};
-      E.value && Object.keys(E.value).forEach((b) => u[`aria-${b}`] = E.value[b]);
+      T.value && Object.keys(T.value).forEach((b) => u[`aria-${b}`] = T.value[b]);
       const c = {
-        "aria-label": H.value,
-        "aria-disabled": L.value,
+        "aria-label": j.value,
+        "aria-disabled": N.value,
         ...u
       };
       return Object.fromEntries(
-        Object.entries(c).filter(([O, b]) => b != null)
+        Object.entries(c).filter(([H, b]) => b != null)
       );
     }), ce = () => {
-      const u = F.value;
-      u && ["string"].includes(ee.value) ? g.value = u.toString().toLowerCase() : g.value = u;
+      const u = z.value;
+      u && ["string"].includes(J.value) ? g.value = u.toString().toLowerCase() : g.value = u;
     }, Te = () => {
       i("clicked");
     };
-    return G(F, (u, c) => {
+    return U(z, (u, c) => {
       u !== c && ce();
-    }), G(g, (u, c) => {
+    }), U(g, (u, c) => {
       u !== c && (i("current-value", u), i("changed", u));
-    }), (u, c) => e.nbId && ge.value ? (V(), S("div", {
+    }), (u, c) => e.nbId && ge.value ? (B(), _("div", {
       key: 0,
-      class: Y(["nb-wrapper", m.value]),
+      class: Y(["nb-wrapper", x.value]),
       style: ie([f.value, _e.value])
     }, [
-      x("div", Ye({
+      I("div", Ye({
         id: e.nbId,
         role: "radiogroup"
       }, Ie.value, {
         class: ["nb-reset", "component", se.value, ne.value]
       }), [
-        (V(!0), S(xt, null, kt(l(j), (O, b) => (V(), S("div", {
+        (B(!0), _(xt, null, kt(l(P), (H, b) => (B(), _("div", {
           key: b,
           class: "component-radio__item"
         }, [
-          Je(x("input", {
-            id: `${e.nbId}-${O.value}`,
-            "onUpdate:modelValue": c[0] || (c[0] = (N) => g.value = N),
+          Je(I("input", {
+            id: `${e.nbId}-${H.value}`,
+            "onUpdate:modelValue": c[0] || (c[0] = ($) => g.value = $),
             type: "radio",
             class: "component-radio__item--input",
-            disabled: l(L),
-            value: O.value,
+            disabled: l(N),
+            value: H.value,
             name: e.groupName,
             onClick: Te
           }, null, 8, Va), [
             [ya, g.value]
           ]),
-          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,
+          I("label", {
+            for: `${e.nbId}-${H.value}`,
+            tabindex: l(N) ? -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] = 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[1] || (c[1] = Me(Ke(($) => !l(N) && e.hasTabIndexEnter && $.target.click(), ["prevent"]), ["enter"])),
+              c[2] || (c[2] = Me(Ke(($) => !l(N) && e.hasTabIndexSpace && $.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            c[3] || (c[3] = x("div", null, null, -1)),
-            x("span", {
+            c[3] || (c[3] = I("div", null, null, -1)),
+            I("span", {
               style: ie([oe.value])
-            }, je(O.text), 5)
+            }, je(H.text), 5)
           ], 40, Sa)
         ]))), 128))
       ], 16, Ca)
     ], 6)) : re("", !0);
   }
-}), ka = /* @__PURE__ */ Ze(xa, [["__scopeId", "data-v-e82994f8"]]);
+}), ka = /* @__PURE__ */ Ze(xa, [["__scopeId", "data-v-01a4e4c4"]]);
 const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabindex"], Ta = /* @__PURE__ */ Object.assign({
   name: "NbInputCheckbox",
   inheritAttrs: !1
@@ -341,8 +341,8 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
           return !1;
         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);
+          const L = Object.keys(i);
+          L.length !== 2 && (r = !0), L.every((j) => ["value", "text"].includes(j)) || (r = !0);
         }
         if (!r)
           return e;
@@ -449,64 +449,64 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
   emits: ["current-value", "changed", "clicked"],
   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
+      "3da3c754": he.value,
+      a292c67c: H.value,
+      af8fd636: c.value,
+      fae33e32: u.value,
+      "7136033f": Se.value,
+      "70c2fd36": Ve.value,
+      "16c426a4": Le.value,
+      "5c748e17": Ce.value,
+      "1f7212ea": me.value,
+      "30d23ab4": Te.value,
+      af0e089a: _e.value,
+      ee5c3e4e: Be.value,
+      edaa5bd0: Ie.value,
+      "024f53ba": ke.value,
+      "494a1614": xe.value
     })), Qe(() => {
-      C();
+      k();
     });
-    const i = r, A = e, g = X(null), {
-      ariaLabel: H,
-      ariaAttrs: E,
-      currentOption: F,
-      display: ee,
-      options: k,
-      theme: j,
+    const i = r, L = e, g = X(null), {
+      ariaLabel: j,
+      ariaAttrs: T,
+      currentOption: z,
+      display: J,
+      options: A,
+      theme: P,
       lightTextColor: te,
-      lightColor: K,
-      lightColorHover: B,
-      darkTextColor: R,
-      darkColor: U,
-      darkColorHover: _,
-      boxRadius: w,
+      lightColor: q,
+      lightColorHover: C,
+      darkTextColor: M,
+      darkColor: G,
+      darkColorHover: V,
+      boxRadius: E,
       hoverEffect: Q,
       activeHoverEffect: ae,
-      itemGap: $,
-      internalGap: P,
-      scale: D,
-      type: L,
+      itemGap: w,
+      internalGap: O,
+      scale: S,
+      type: N,
       background: le,
-      disabled: z,
-      fontFamily: M,
+      disabled: W,
+      fontFamily: R,
       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;
+      fontWeight: x
+    } = Xe(L), f = t(() => {
+      const o = W.value ? "component-disabled" : "", s = J.value !== "b" ? "inline-block" : "block", K = R.value ? R.value : "'Lato', sans-serif", m = y.value ? y.value : "1.6em", p = x.value !== 0 && !x.value || x.value < 0 ? 200 : x.value, ve = E.value !== 0 && !E.value || E.value < 0 ? 0 : E.value, D = [!1, !0].includes(Q.value) ? Q.value : !1, Ne = [!1, !0].includes(ae.value) ? ae.value : !1, Re = w.value !== 0 && !w.value || w.value < 0 ? 15 : w.value, $e = O.value !== 0 && !O.value || O.value < 0 ? 6 : O.value, Oe = ["box", "circle"].includes(N.value) ? N.value : "box", We = S.value !== 0 && !S.value || S.value < 0 ? 1 : S.value, Ae = [!1, !0].includes(le.value) ? le.value : !1;
       return {
         disabled: o,
         display: s,
         boxRadius: ve,
-        hoverEffect: T,
+        hoverEffect: D,
         activeHoverEffect: Ne,
         itemGap: Re,
         internalGap: $e,
         scale: We,
         type: Oe,
-        font: q,
+        font: K,
         background: Ae,
-        fontSize: I,
+        fontSize: m,
         fontWeight: p
       };
     }), se = t(() => f.value.disabled), oe = t(() => ({
@@ -517,14 +517,14 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
         fontSize: o.fontSize,
         fontWeight: o.fontWeight
       };
-    }), 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(() => {
+    }), de = t(() => Array.isArray(A.value) && A.value.constructor === Array && A.value.length > 0), be = t(() => P.value === "dark" ? "component__theme--dark" : "component__theme--light"), he = t(() => f.value.font), me = t(() => te.value), Ce = t(() => q.value), Ve = t(() => f.value.hoverEffect ? C.value : q.value), Se = t(() => f.value.activeHoverEffect ? C.value : q.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(() => {
+      return o.activeHoverEffect && o.background ? `${C.value}80` : C.value;
+    }), xe = t(() => M.value), ke = t(() => G.value), Be = t(() => f.value.hoverEffect ? V.value : G.value), _e = t(() => f.value.activeHoverEffect ? V.value : G.value), Ie = t(() => {
       const o = f.value;
-      return o.activeHoverEffect && o.background ? `${_.value}80` : _.value;
+      return o.activeHoverEffect && o.background ? `${V.value}80` : V.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;
+      const o = f.value, s = P.value === "dark" ? M.value : te.value;
       return o.background ? "#ffffff" : s;
     });
     t(() => f.value.background ? "19px" : "auto");
@@ -534,79 +534,79 @@ const Ba = ["id"], _a = ["id", "disabled", "value", "name"], Ia = ["for", "tabin
     }), c = t(() => {
       const o = f.value;
       return `${o.boxRadius > 7 ? 7 : o.boxRadius}px`;
-    }), O = t(() => {
+    }), H = 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(() => ({
+    }), b = t(() => f.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), $ = t(() => ({
       zoom: f.value.scale
     })), fe = t(() => {
       const o = {};
-      E.value && Object.keys(E.value).forEach((I) => o[`aria-${I}`] = E.value[I]);
+      T.value && Object.keys(T.value).forEach((m) => o[`aria-${m}`] = T.value[m]);
       const s = {
-        "aria-label": H.value,
-        "aria-disabled": z.value,
+        "aria-label": j.value,
+        "aria-disabled": W.value,
         ...o
       };
       return Object.fromEntries(
-        Object.entries(s).filter(([q, I]) => I != null)
+        Object.entries(s).filter(([K, m]) => m != null)
       );
-    }), C = () => {
-      g.value = F.value;
+    }), k = () => {
+      g.value = z.value;
     }, ue = () => {
       i("clicked");
     };
-    return G(F, (o, s) => {
-      o !== s && C();
-    }), G(g, (o, s) => {
+    return U(z, (o, s) => {
+      o !== s && k();
+    }), U(g, (o, s) => {
       o !== s && (i("current-value", o), i("changed", o));
-    }), (o, s) => e.nbId && de.value ? (V(), S("div", {
+    }), (o, s) => e.nbId && de.value ? (B(), _("div", {
       key: 0,
       class: Y(["nb-wrapper", se.value]),
-      style: ie([oe.value, N.value])
+      style: ie([oe.value, $.value])
     }, [
-      x("div", Ye({
+      I("div", Ye({
         id: e.nbId,
         role: "group"
       }, fe.value, {
         class: ["nb-reset", "component", ge.value, be.value]
       }), [
-        (V(!0), S(xt, null, kt(l(k), (q, I) => (V(), S("div", {
-          key: I,
+        (B(!0), _(xt, null, kt(l(A), (K, m) => (B(), _("div", {
+          key: m,
           class: "component-checkbox__item"
         }, [
-          Je(x("input", {
-            id: `${e.nbId}-${q.value}`,
+          Je(I("input", {
+            id: `${e.nbId}-${K.value}`,
             "onUpdate:modelValue": s[0] || (s[0] = (p) => g.value = p),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: l(z),
-            value: q.value,
+            disabled: l(W),
+            value: K.value,
             name: e.groupName,
             onClick: ue
           }, null, 8, _a), [
             [ga, g.value]
           ]),
-          x("label", {
-            for: `${e.nbId}-${q.value}`,
+          I("label", {
+            for: `${e.nbId}-${K.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,
+            tabindex: l(W) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[m] : e.tabIndex >= 0 ? e.tabIndex : m + 1,
             onKeydown: [
-              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"]))
+              s[1] || (s[1] = Me(Ke((p) => !l(W) && e.hasTabIndexEnter && p.target.click(), ["prevent"]), ["enter"])),
+              s[2] || (s[2] = Me(Ke((p) => !l(W) && e.hasTabIndexSpace && p.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            x("div", {
+            I("div", {
               class: Y([ce.value])
             }, null, 2),
-            x("span", {
+            I("span", {
               style: ie([ne.value])
-            }, je(q.text), 5)
+            }, je(K.text), 5)
           ], 42, Ia)
         ]))), 128))
       ], 16, Ba)
     ], 6)) : re("", !0);
   }
-}), Aa = /* @__PURE__ */ Ze(Ta, [["__scopeId", "data-v-4be141a9"]]);
+}), Aa = /* @__PURE__ */ Ze(Ta, [["__scopeId", "data-v-9de547d7"]]);
 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({
@@ -960,74 +960,74 @@ const Ea = ["id"], wa = {
   ],
   setup(e, { emit: r }) {
     Ue((a) => ({
-      "7db11dc6": lt.value,
-      "465ec593": Pe.value,
-      "0bd0a5e4": l(ke),
-      "490fdeba": n.value,
-      "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": Tt.value,
-      "01e48fba": Et.value,
-      "0f7f0fdd": Ct.value,
-      "060b01ca": l(b),
-      "21c08896": bt.value,
-      "8b25c7ac": ot.value,
-      "5b17912e": nt.value,
-      "6f485452": ut.value,
-      "501e5a2c": qe.value,
-      dcd9aea4: a.styleButtonColor,
-      "16e77a5a": rt.value
+      "25f791c3": lt.value,
+      "3d5c00a6": Pe.value,
+      "84e89398": l(ke),
+      f2f5a786: n.value,
+      dc59d062: h.value,
+      "006a87a7": F.value,
+      "0d8a7f28": l(u),
+      fbddcb1a: l(ve),
+      "3b2c30d3": l(c),
+      "3489fa7f": l(We),
+      "7dd8fc90": l(Te),
+      b903a192: l(Ie),
+      b82bd5c6: l(ce),
+      ff8e3f30: At.value,
+      a7168458: l(Be),
+      "2469a938": l(_e),
+      "4f809d0d": l(p),
+      "737f3c0b": l(H),
+      a160bcce: l(Oe),
+      "9811fd00": l(xe),
+      "694bf26f": l(Se),
+      "0d768e55": l(Le),
+      "6a98859c": l(Ce),
+      "7735009c": l(Ve),
+      b7e1fae0: Bt.value,
+      "5c5f065b": It.value,
+      "67536bb8": Tt.value,
+      ec1de058: Et.value,
+      ab1b6c12: Ct.value,
+      "4cd94e38": l(b),
+      "362fd65b": bt.value,
+      "6587d678": ot.value,
+      "7d815303": nt.value,
+      e9061d28: ut.value,
+      "4faa4b74": qe.value,
+      48298054: a.styleButtonColor,
+      "8fff680e": rt.value
     })), Qe(() => {
-      J.value = ne.value;
+      Z.value = ne.value;
     }), ba(() => {
       Dt();
     });
-    const i = r, A = e, {
+    const i = r, L = e, {
       display: g,
-      hasTabIndexEnter: H,
-      ariaLabel: E,
-      ariaAttrs: F,
-      textColor: ee,
-      caretColor: k,
-      selectionBgColor: j,
+      hasTabIndexEnter: j,
+      ariaLabel: T,
+      ariaAttrs: z,
+      textColor: J,
+      caretColor: A,
+      selectionBgColor: P,
       selectionTextColor: te,
-      hasBorderRadius: K,
-      borderRadius: B,
-      disabled: R,
-      fontFamily: U,
-      fontSize: _,
-      fontWeight: w,
+      hasBorderRadius: q,
+      borderRadius: C,
+      disabled: M,
+      fontFamily: G,
+      fontSize: V,
+      fontWeight: E,
       fontFamilyMsg: Q,
       fontSizeMsg: ae,
-      fontWeightMsg: $,
-      textMessageColor: P,
-      inputWidth: D,
-      inputStyle: L,
+      fontWeightMsg: w,
+      textMessageColor: O,
+      inputWidth: S,
+      inputStyle: N,
       activeTextStyle: le,
-      sizeMediaQuery: z,
-      inputReadonly: M,
+      sizeMediaQuery: W,
+      inputReadonly: R,
       showInputEye: y,
-      inputType: m,
+      inputType: x,
       hasTrim: f,
       inputUppercase: se,
       inputName: oe,
@@ -1050,19 +1050,19 @@ const Ea = ["id"], wa = {
       darkDisabledBgColor: Te,
       darkTextColor: u,
       darkDisabledEyeBgColor: c,
-      lightDisabledEyeBgColor: O,
+      lightDisabledEyeBgColor: H,
       textAlign: b,
-      showMsg: N,
+      showMsg: $,
       hasMsg: fe,
-      hasIcon: C,
+      hasIcon: k,
       iconDirection: ue,
       iconPadding: o,
       iconPaddingInput: s,
-      iconMargin: q,
-      iconBorderRadius: I,
+      iconMargin: K,
+      iconBorderRadius: m,
       iconLightTextColor: p,
       iconDarkTextColor: ve,
-      iconLightBgColor: T,
+      iconLightBgColor: D,
       iconDarkBgColor: Ne,
       iconLightBgColorActive: Re,
       iconDarkBgColorActive: $e,
@@ -1070,8 +1070,8 @@ const Ea = ["id"], wa = {
       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;
+    } = Xe(L), Z = X(""), Ee = X(""), pe = X(!1), we = X(!1), d = t(() => {
+      const a = M.value ? "component-disabled" : "", v = g.value !== "b" ? "inline-block" : "block", ye = J ? J.value : "ffffff", De = A.value ? A.value : "", $t = P.value ? P.value : "", zt = te.value ? te.value : "", Mt = q.value ? q.value : !1, Ot = C.value !== 0 && !C.value || C.value < 0 ? 0 : C.value, Wt = G.value ? G.value : "'Lato', sans-serif", Ht = V.value && V.value >= 0 ? V.value : null, Ft = E.value !== 0 && !E.value || E.value < 0 ? 100 : E.value, jt = Q.value ? Q.value : "'Lato', sans-serif", Pt = ae.value ? ae.value : "1em", qt = w.value !== 0 && !w.value || w.value < 0 ? 100 : w.value, Gt = O.value ? O.value : "#f15574", Kt = S.value ? S.value : 200, Ut = le.value ? le.value : "normal", Qt = W.value ? W.value : "xs", Xt = R.value ? R.value : !1, Yt = y.value ? y.value : !1, Jt = x.value ? x.value : "text", Zt = se.value ? se.value : !1, ea = de.value ? de.value : "normal", ta = b.value ? b.value : "left", aa = N.value ? N.value : "background", la = o.value ? o.value : "5px 10px", oa = K.value ? K.value : "0", na = s.value ? s.value : 10, ua = p.value ? p.value : "#000000", ra = ve.value ? ve.value : "#000000", ia = D.value ? D.value : "transparent", sa = Ne.value ? Ne.value : "transparent", da = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, 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: v,
@@ -1144,16 +1144,16 @@ const Ea = ["id"], wa = {
     }), h = t(() => {
       const a = d.value;
       return a.selectionBgColor || (a.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), W = t(() => {
+    }), F = t(() => {
       const a = d.value;
       return a.selectionTextColor || (a.theme === "dark" ? "#000000" : "#ffffff");
-    }), Z = t(() => {
+    }), ee = t(() => {
       const a = d.value;
       return a.display === "block" ? { width: "100%" } : {
         width: `${a.inputWidth}px`
       };
     }), it = t(() => {
-      switch (L.value) {
+      switch (N.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1191,92 +1191,92 @@ const Ea = ["id"], wa = {
     }), 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");
-    }), 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(() => {
+    }), 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(() => !!($.value && fe.value)), mt = t(() => {
       const a = {};
-      F.value && Object.keys(F.value).forEach((De) => a[`aria-${De}`] = F.value[De]);
+      z.value && Object.keys(z.value).forEach((De) => a[`aria-${De}`] = z.value[De]);
       const v = {
-        "aria-label": E.value,
-        "aria-disabled": R.value,
+        "aria-label": T.value,
+        "aria-disabled": M.value,
         ...a
       };
       return Object.fromEntries(
         Object.entries(v).filter(([ye, De]) => De != null)
       );
-    }), 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(() => {
+    }), Ct = t(() => k.value ? `${He.value}rem` : "0"), Bt = t(() => k.value ? `${Ae.value}px` : "0"), _t = t(() => k.value ? `component__icon--${ue.value}` : ""), It = t(() => {
       const a = d.value;
-      return C.value ? a.iconPadding : "0";
+      return k.value ? a.iconPadding : "0";
     }), Tt = t(() => {
       const a = d.value;
-      return C.value ? a.iconMargin : "0";
+      return k.value ? a.iconMargin : "0";
     }), At = t(() => {
       const a = d.value;
-      return C.value ? a.theme === "dark" ? a.iconDarkBgColor : a.iconLightBgColor : "transparent";
+      return k.value ? a.theme === "dark" ? a.iconDarkBgColor : a.iconLightBgColor : "transparent";
     }), Et = t(() => {
       const a = d.value;
-      return C.value ? `${a.iconBorderRadius}rem` : "0";
+      return k.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` } : {};
+      return k.value ? ue.value === "left" ? { paddingLeft: `${a.iconPaddingInput}px` } : { paddingRight: `${a.iconPaddingInput}px` } : {};
     }), Dt = () => {
-      J.value = ne.value, Ee.value = m.value;
+      Z.value = ne.value, Ee.value = x.value;
     }, Lt = () => {
       const a = d.value;
       if (a.inputReadonly || a.disabled)
         return;
       const v = !pe.value;
-      v ? Ee.value = "text" : Ee.value = m.value, pe.value = v;
+      v ? Ee.value = "text" : Ee.value = x.value, pe.value = v;
     }, Nt = () => {
       i("clicked");
     }, Rt = () => {
-      R.value || d.value.inputReadonly || !H.value || i("entered", J.value);
+      M.value || d.value.inputReadonly || !j.value || i("entered", Z.value);
     };
-    return G(m, (a) => {
+    return U(x, (a) => {
       Ee.value = a;
-    }, { immediate: !0 }), G(ne, (a) => {
-      a !== J.value && (J.value = a);
-    }, { immediate: !0 }), G(J, (a) => {
+    }, { immediate: !0 }), U(ne, (a) => {
+      a !== Z.value && (Z.value = a);
+    }, { immediate: !0 }), U(Z, (a) => {
       f.value && (a = a.trim()), i("changed", a);
-    }), G(we, (a) => {
+    }), U(we, (a) => {
       i(a ? "focused" : "blurred");
-    }), G(pe, (a) => {
+    }), U(pe, (a) => {
       i("show-input-eye", a);
-    }, { immediate: !0 }), G(J, (a) => {
+    }, { immediate: !0 }), U(Z, (a) => {
       f.value && (a = a.trim()), i("current-value", a);
-    }), G(m, (a) => {
+    }), U(x, (a) => {
       a === "password" && nextTick(() => {
         const v = document.getElementById(oe.value);
         v && (v.type = "password", v.removeAttribute("autocomplete"));
       });
-    }), (a, v) => e.nbId ? (V(), S("div", Ye({
+    }), (a, v) => e.nbId ? (B(), _("div", Ye({
       key: 0,
       class: ["nb-wrapper", et.value],
-      style: [tt.value, Z.value, ze.value],
+      style: [tt.value, ee.value, ze.value],
       role: "input"
     }, mt.value), [
-      x("div", {
+      I("div", {
         id: e.nbId,
         class: Y(["nb-reset", "component", dt.value, ct.value, ft.value, it.value]),
-        style: ie([at.value, Z.value, ze.value]),
+        style: ie([at.value, ee.value, ze.value]),
         onClick: Nt
       }, [
-        Ge.value ? (V(), S("div", {
+        Ge.value ? (B(), _("div", {
           key: 0,
           class: Y(["component__eye", gt.value]),
           style: ie([ze.value]),
           onClick: Lt
         }, [
-          x("span", wa, [
-            e.inputEyeCustomIcon ? (V(), S("span", La, [
+          I("span", wa, [
+            e.inputEyeCustomIcon ? (B(), _("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)
-            ])) : (V(), S("span", Da, je(pt.value), 1))
+            ])) : (B(), _("span", Da, je(pt.value), 1))
           ])
         ], 6)) : re("", !0),
-        Je(x("input", {
-          "onUpdate:modelValue": v[0] || (v[0] = (ye) => J.value = ye),
+        Je(I("input", {
+          "onUpdate:modelValue": v[0] || (v[0] = (ye) => Z.value = ye),
           id: l(oe),
           name: l(oe),
           type: Ee.value,
@@ -1286,30 +1286,30 @@ const Ea = ["id"], wa = {
             st.value
           ]]),
           placeholder: l(ge),
-          disabled: l(R) || l(M),
+          disabled: l(M) || l(R),
           required: e.required,
-          readonly: l(M),
+          readonly: l(R),
           autocomplete: e.inputAutocomplete,
-          tabindex: l(R) || l(M) ? -1 : l(he),
+          tabindex: l(M) || l(R) ? -1 : l(he),
           role: "input",
           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"]))
+          onKeydown: v[3] || (v[3] = Me((ye) => !l(M) && l(j) && Rt(), ["enter"]))
         }, null, 46, Na), [
-          [ha, J.value]
+          [ha, Z.value]
         ]),
-        l(C) ? (V(), S("label", {
+        l(k) ? (B(), _("label", {
           key: 1,
           for: l(oe),
           class: Y(["component__icon", _t.value])
         }, [
           Fe(a.$slots, "icon", {}, () => [
-            v[6] || (v[6] = x("span", null, "♥", -1))
+            v[6] || (v[6] = I("span", null, "♥", -1))
           ], !0)
         ], 10, Ra)) : re("", !0)
       ], 14, Ea),
-      ht.value ? (V(), S("div", {
+      ht.value ? (B(), _("div", {
         key: 0,
         class: Y(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
@@ -1319,7 +1319,7 @@ const Ea = ["id"], wa = {
       ], 2)) : re("", !0)
     ], 16)) : re("", !0);
   }
-}), za = /* @__PURE__ */ Ze($a, [["__scopeId", "data-v-d689f281"]]);
+}), za = /* @__PURE__ */ Ze($a, [["__scopeId", "data-v-66f1b6ed"]]);
 const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Fa = /* @__PURE__ */ Object.assign({
   name: "NbInputChip",
   inheritAttrs: !1
@@ -1573,60 +1573,60 @@ const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
   emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred"],
   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": He.value,
-      beaeb8f4: l(de),
-      "019f1fff": l(Ve),
-      "0b7af21c": l(Be),
-      "6b816d6b": l(u)
+      "9f3dabd4": Ae.value,
+      "99630b2e": Z.value,
+      "28fd42c7": l(be),
+      "301a1aef": l(se),
+      "0344bae8": l(ge),
+      "440e2083": l(he),
+      "1006335b": l(me),
+      "0db24924": l(Ce),
+      "3828550e": l(_e),
+      aadc9bbe: l(Se),
+      "864d2dcc": l(xe),
+      "04ba6296": l(Ie),
+      "91afc5e6": l(ce),
+      "74008e56": l(Te),
+      "5c923ad0": l(ne),
+      "7fe6c844": l(ke),
+      ed759bec: pe.value,
+      "6018cfdc": we.value,
+      54227074: d.value,
+      c52b97b2: n.styleButtonColor,
+      "2371d88c": He.value,
+      "4f4393d3": l(de),
+      "0d7f21cc": l(Ve),
+      "94dc4df6": l(Be),
+      "6be37dfe": l(u)
     })), Qe(() => {
-      B.value.length > 0 && (p.value = B.value);
+      C.value.length > 0 && (p.value = C.value);
     });
-    const i = r, A = e, {
+    const i = r, L = e, {
       display: g,
-      textColor: H,
-      paddingX: E,
-      paddingY: F,
-      borderRadius: ee,
-      disabled: k,
-      fontFamily: j,
+      textColor: j,
+      paddingX: T,
+      paddingY: z,
+      borderRadius: J,
+      disabled: A,
+      fontFamily: P,
       fontSize: te,
-      fontWeight: K,
-      currentList: B,
-      allowDuplicates: R,
-      minChips: U,
-      maxChips: _,
-      inputPosition: w,
+      fontWeight: q,
+      currentList: C,
+      allowDuplicates: M,
+      minChips: G,
+      maxChips: V,
+      inputPosition: E,
       width: Q,
       inputName: ae,
-      inputPlaceholder: $,
-      inputUppercase: P,
-      inputReadonly: D,
-      inputAutocomplete: L,
+      inputPlaceholder: w,
+      inputUppercase: O,
+      inputReadonly: S,
+      inputAutocomplete: N,
       required: le,
-      textAlign: z,
-      hasBorderRadius: M,
+      textAlign: W,
+      hasBorderRadius: R,
       activeTextStyle: y,
-      theme: m,
+      theme: x,
       inputStyle: f,
       lightBgColor: se,
       lightBgColorFocus: oe,
@@ -1649,22 +1649,22 @@ const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
       darkChipRemoveColor: Te,
       darkDisabledBorderColor: u,
       tabIndex: c,
-      hasTabIndexEnter: O,
+      hasTabIndexEnter: H,
       ariaLabel: b,
-      ariaAttrs: N,
+      ariaAttrs: $,
       caretColor: fe,
-      selectionBgColor: C,
+      selectionBgColor: k,
       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";
+    } = Xe(L), o = X(""), s = X(null), K = X(null), m = X(null), p = X([]), ve = X(!1), D = t(() => {
+      const n = A.value ? "component-disabled" : "", h = g.value !== "b" ? "inline-block" : "block", F = !Q.value || Q.value < 185 ? 185 : Q.value, ee = j ? j.value : "ffffff", it = fe.value ? fe.value : "", st = k.value ? k.value : "", dt = ue.value ? ue.value : "", ct = T.value !== 0 && !T.value || T.value < 0 ? 1 : T.value, ft = z.value !== 0 && !z.value || z.value < 0 ? 0.2 : z.value, vt = J.value !== 0 && !J.value || J.value < 0 ? 0 : J.value, Ge = P.value ? P.value : "'Lato', sans-serif", pt = te.value ? te.value : "1.6rem", yt = q.value !== 0 && !q.value || q.value < 0 ? 100 : q.value, gt = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, bt = V.value !== 0 && !V.value || V.value < 0 ? 10 : V.value, ht = !E.value || !["top", "bottom"].includes(E.value) ? "bottom" : E.value, mt = !f.value || !["background", "line", "border"].includes(f.value) ? "background" : f.value, Ct = x.value ? x.value : "light";
       return {
         disabled: n,
         display: h,
-        width: W,
+        width: F,
         font: Ge,
         fontSize: pt,
         fontWeight: yt,
-        textColor: Z,
+        textColor: ee,
         caretColor: it,
         selectionBgColor: st,
         selectionTextColor: dt,
@@ -1677,16 +1677,16 @@ const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
         inputStyle: mt,
         theme: Ct
       };
-    }), Ne = t(() => T.value.disabled), Re = t(() => ({
-      display: T.value.display
+    }), Ne = t(() => D.value.disabled), Re = t(() => ({
+      display: D.value.display
     })), $e = t(() => {
-      const n = T.value;
+      const n = D.value;
       return {
         color: n.textColor,
         padding: `${n.paddingY}rem ${n.paddingX}rem`,
         fontSize: n.fontSize,
         fontWeight: n.fontWeight,
-        textAlign: z.value
+        textAlign: W.value
       };
     }), Oe = t(() => {
       switch (y.value) {
@@ -1698,27 +1698,27 @@ const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
           return "component__text--normal";
       }
     }), 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 = D.value;
+      return n.inputStyle !== "line" && R.value ? { borderRadius: `${n.borderRadius}rem` } : {};
+    }), Ae = t(() => D.value.font), He = t(() => D.value.textColor), Z = t(() => D.value.inputPosition === "top" ? "column" : "column-reverse"), Ee = t(() => {
       const n = {};
-      N.value && Object.keys(N.value).forEach((Z) => n[`aria-${Z}`] = N.value[Z]);
+      $.value && Object.keys($.value).forEach((ee) => n[`aria-${ee}`] = $.value[ee]);
       const h = {
         "aria-label": b.value,
-        "aria-disabled": k.value,
+        "aria-disabled": A.value,
         ...n
       };
       return Object.fromEntries(
-        Object.entries(h).filter(([W, Z]) => Z != null)
+        Object.entries(h).filter(([F, ee]) => ee != null)
       );
     }), pe = t(() => {
-      const n = T.value;
+      const n = D.value;
       return n.caretColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
     }), we = t(() => {
-      const n = T.value;
+      const n = D.value;
       return n.selectionBgColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
     }), d = t(() => {
-      const n = T.value;
+      const n = D.value;
       return n.selectionTextColor || (n.theme === "dark" ? "#000000" : "#ffffff");
     }), et = t(() => ({
       caretColor: pe.value
@@ -1726,12 +1726,12 @@ const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
       "--selection-bg-color": we.value,
       "--selection-text-color": d.value
     })), Pe = t(() => {
-      const n = T.value, h = {
+      const n = D.value, h = {
         width: `${n.width}px`
       };
       return n.display === "block" ? { width: "auto" } : h;
     }), at = t(() => {
-      switch (m.value) {
+      switch (x.value) {
         case "dark":
           return "component__theme--dark";
         default:
@@ -1753,71 +1753,71 @@ const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
     }, nt = () => {
       ve.value = !1, i("blurred");
     }, ut = (n) => {
-      if (!(k.value || D.value) && n.key === "Enter" && o.value.trim() !== "") {
+      if (!(A.value || S.value) && n.key === "Enter" && o.value.trim() !== "") {
         n.preventDefault();
         let h = o.value.trim();
-        P.value && (h = h.toUpperCase()), (R.value || !p.value.includes(h)) && rt(h), o.value = "";
+        O.value && (h = h.toUpperCase()), (M.value || !p.value.includes(h)) && rt(h), o.value = "";
       }
     }, rt = (n) => {
       p.value.push(n), i("added", n);
     }, qe = (n) => {
       p.value = p.value.filter((h) => h !== n), i("removed", n);
     };
-    return G(B, (n) => {
+    return U(C, (n) => {
       p.value = n, i("changed", n);
-    }), G(o, (n) => {
+    }), U(o, (n) => {
       i("input-changed", n);
-    }), (n, h) => e.nbId ? (V(), S("div", Ye({
+    }), (n, h) => e.nbId ? (B(), _("div", Ye({
       key: 0,
       class: ["nb-wrapper", Ne.value],
       style: [Re.value],
       role: "input"
     }, Ee.value, { onClick: lt }), [
-      x("div", {
+      I("div", {
         id: e.nbId,
         ref_key: "chipsContainer",
         ref: s,
         class: Y(["nb-reset", "component", at.value, ze.value]),
         style: ie([$e.value, Pe.value, We.value])
       }, [
-        p.value.length > 0 ? (V(), S("div", {
+        p.value.length > 0 ? (B(), _("div", {
           key: 0,
           ref_key: "chips",
-          ref: I,
+          ref: m,
           class: "chips"
         }, [
-          (V(!0), S(xt, null, kt(p.value, (W) => (V(), S("div", {
-            key: W,
+          (B(!0), _(xt, null, kt(p.value, (F) => (B(), _("div", {
+            key: F,
             class: "chip"
           }, [
             Fe(n.$slots, "chip", {
               chips: p.value,
-              chip: W,
+              chip: F,
               removeChip: qe
             }, () => [
-              x("span", Oa, je(W), 1),
-              !l(k) && !l(D) ? (V(), S("span", {
+              I("span", Oa, je(F), 1),
+              !l(A) && !l(S) ? (B(), _("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (Z) => qe(W)
+                onClick: (ee) => qe(F)
               }, "×", 8, Wa)) : re("", !0)
             ], !0)
           ]))), 128))
         ], 512)) : re("", !0),
-        Je(x("input", {
+        Je(I("input", {
           ref_key: "chipInput",
-          ref: q,
+          ref: K,
           type: "text",
-          "onUpdate:modelValue": h[0] || (h[0] = (W) => o.value = W),
+          "onUpdate:modelValue": h[0] || (h[0] = (F) => o.value = F),
           name: l(ae),
-          placeholder: l($),
-          readonly: l(D),
-          autocomplete: l(L),
+          placeholder: l(w),
+          readonly: l(S),
+          autocomplete: l(N),
           required: l(le),
-          tabindex: l(k) || l(D) ? -1 : l(c),
+          tabindex: l(A) || l(S) ? -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"])),
+          onKeydown: h[1] || (h[1] = Me((F) => !l(A) && l(H) && ut(F), ["enter"])),
           onFocus: ot,
           onBlur: nt
         }, null, 46, Ha), [
@@ -1826,7 +1826,7 @@ const Ma = ["id"], Oa = { class: "chip-text" }, Wa = ["onClick"], Ha = ["name",
       ], 14, Ma)
     ], 16)) : re("", !0);
   }
-}), ja = /* @__PURE__ */ Ze(Fa, [["__scopeId", "data-v-4af4ff9b"]]), St = {
+}), ja = /* @__PURE__ */ Ze(Fa, [["__scopeId", "data-v-c52ee364"]]), St = {
   NbInputRadio: ka,
   NbInputCheckbox: Aa,
   NbInput: za,