@vlalg-nimbus/nb-inputs 8.0.13 → 8.0.14

package/dist/nb-inputs.js

@@ -1,8 +1,8 @@
-import { useCssVars as fa, onMounted as sa, ref as Q, toRefs as va, computed as a, watch as U, openBlock as O, createElementBlock as j, normalizeClass as Ne, normalizeStyle as We, createElementVNode as fe, mergeProps as da, Fragment as qa, renderList as ja, unref as n, withDirectives as pa, vModelRadio as al, withKeys as jt, withModifiers as ca, toDisplayString as St, createCommentVNode as Le, vModelCheckbox as ll, onUnmounted as ma, renderSlot as ia, createTextVNode as ga, vModelDynamic as Ha, vModelText as Ua, defineAsyncComponent as nl, nextTick as ya, createBlock as ol, Teleport as ul, createVNode as rl } from "vue";
+import { useCssVars as fa, onMounted as sa, ref as J, toRefs as va, computed as a, watch as U, openBlock as O, createElementBlock as j, normalizeClass as We, normalizeStyle as Ee, createElementVNode as ve, mergeProps as da, Fragment as qa, renderList as ja, unref as n, withDirectives as pa, vModelRadio as al, withKeys as jt, withModifiers as ca, toDisplayString as St, createCommentVNode as Be, vModelCheckbox as ll, onUnmounted as ma, renderSlot as ia, createTextVNode as ga, vModelDynamic as Ha, vModelText as Ua, defineAsyncComponent as nl, nextTick as ya, createBlock as ol, Teleport as ul, createVNode as rl } from "vue";
 const ba = (e, m) => {
   const C = e.__vccOpts || e;
-  for (const [P, I] of m)
-    C[P] = I;
+  for (const [P, N] of m)
+    C[P] = N;
   return C;
 }, il = ["id"], sl = ["id", "disabled", "value", "name"], dl = ["for", "tabindex"], cl = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
@@ -59,7 +59,7 @@ const ba = (e, m) => {
         let m = !1;
         for (const C of e) {
           const P = Object.keys(C);
-          P.length !== 2 && (m = !0), P.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
+          P.length !== 2 && (m = !0), P.every((Ve) => ["value", "text"].includes(Ve)) || (m = !0);
         }
         if (!m)
           return e;
@@ -153,138 +153,138 @@ const ba = (e, m) => {
   emits: ["current-value", "changed", "clicked"],
   setup(e, { emit: m }) {
     fa((y) => ({
-      "0fd48d29": Je.value,
+      "0fd48d29": ye.value,
       "50426c15": ct.value,
       "5fa7628c": dt.value,
-      "5949c3d2": ke.value,
+      "5949c3d2": Te.value,
       91322790: Xe.value,
       "6750fc92": lt.value,
       "8c592938": gt.value,
       c11d4680: st.value,
       "35b74fa6": nt.value,
-      "7dd5f889": Ce.value,
+      "7dd5f889": Se.value,
       "5cb21b36": yt.value
     })), sa(() => {
       Ze();
     });
-    const C = m, P = e, I = Q(null), {
-      ariaLabel: xe,
-      ariaAttrs: ve,
-      currentOption: Te,
-      valueType: Se,
-      display: ie,
-      options: J,
-      theme: Ee,
-      lightTextColor: Be,
-      lightColor: le,
+    const C = m, P = e, N = J(null), {
+      ariaLabel: Ve,
+      ariaAttrs: pe,
+      currentOption: Ae,
+      valueType: ke,
+      display: se,
+      options: X,
+      theme: Pe,
+      lightTextColor: _e,
+      lightColor: ne,
       lightColorHover: G,
       darkTextColor: R,
-      darkColor: ne,
-      darkColorHover: se,
+      darkColor: oe,
+      darkColorHover: de,
       hoverEffect: K,
-      activeHoverEffect: Ve,
-      itemGap: de,
+      activeHoverEffect: Le,
+      itemGap: ce,
       internalGap: F,
-      scale: pe,
-      disabled: X,
-      fontFamily: me,
-      fontSize: be,
-      fontWeight: he
+      scale: be,
+      disabled: Z,
+      fontFamily: Ce,
+      fontSize: ge,
+      fontWeight: xe
     } = va(P), _ = a(() => {
-      const y = X.value ? "component-disabled" : "", S = ie.value !== "b" ? "inline-block" : "block", oe = me.value ? me.value : "'Lato', sans-serif", Z = be.value ? be.value : "1.6em", ge = he.value !== 0 && !he.value || he.value < 0 ? 200 : he.value, $e = [!1, !0].includes(K.value) ? K.value : !1, Ge = [!1, !0].includes(Ve.value) ? Ve.value : !1, ue = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, d = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, b = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value;
+      const y = Z.value ? "component-disabled" : "", V = se.value !== "b" ? "inline-block" : "block", ue = Ce.value ? Ce.value : "'Lato', sans-serif", ee = ge.value ? ge.value : "1.6em", me = xe.value !== 0 && !xe.value || xe.value < 0 ? 200 : xe.value, Re = [!1, !0].includes(K.value) ? K.value : !1, Ke = [!1, !0].includes(Le.value) ? Le.value : !1, re = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, d = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, b = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value;
       return {
         disabled: y,
-        display: S,
-        hoverEffect: $e,
-        activeHoverEffect: Ge,
-        itemGap: ue,
+        display: V,
+        hoverEffect: Re,
+        activeHoverEffect: Ke,
+        itemGap: re,
         internalGap: d,
         scale: b,
-        font: oe,
-        fontSize: Z,
-        fontWeight: ge
+        font: ue,
+        fontSize: ee,
+        fontWeight: me
       };
-    }), k = a(() => _.value.disabled), L = a(() => ({
+    }), L = a(() => _.value.disabled), x = a(() => ({
       display: _.value.display
-    })), Ae = a(() => _.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), qe = a(() => {
+    })), $e = a(() => _.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), je = a(() => {
       const y = _.value;
       return {
         fontSize: y.fontSize,
         fontWeight: y.fontWeight
       };
-    }), _e = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), at = a(() => Ee.value === "dark" ? "component__theme--dark" : "component__theme--light"), Je = a(() => _.value.font), lt = a(() => Be.value), gt = a(() => le.value), Xe = a(() => _.value.hoverEffect ? G.value : le.value), ke = a(() => _.value.activeHoverEffect ? G.value : le.value), Ce = a(() => R.value), yt = a(() => ne.value), nt = a(() => _.value.hoverEffect ? se.value : ne.value), st = a(() => _.value.activeHoverEffect ? se.value : ne.value), dt = a(() => {
-      const S = _.value.internalGap;
-      return !S || S < 0 ? 0 : `${S}px`;
+    }), we = a(() => Array.isArray(X.value) && X.value.constructor === Array && X.value.length > 0), at = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), ye = a(() => _.value.font), lt = a(() => _e.value), gt = a(() => ne.value), Xe = a(() => _.value.hoverEffect ? G.value : ne.value), Te = a(() => _.value.activeHoverEffect ? G.value : ne.value), Se = a(() => R.value), yt = a(() => oe.value), nt = a(() => _.value.hoverEffect ? de.value : oe.value), st = a(() => _.value.activeHoverEffect ? de.value : oe.value), dt = a(() => {
+      const V = _.value.internalGap;
+      return !V || V < 0 ? 0 : `${V}px`;
     }), ct = a(() => {
-      const S = _.value.itemGap;
-      return !S || S < 0 ? 0 : `${S}px`;
-    }), je = a(() => ({
+      const V = _.value.itemGap;
+      return !V || V < 0 ? 0 : `${V}px`;
+    }), He = a(() => ({
       zoom: _.value.scale
-    })), He = a(() => {
+    })), Ue = a(() => {
       const y = {};
-      ve.value && Object.keys(ve.value).forEach((Z) => y[`aria-${Z}`] = ve.value[Z]);
-      const S = {
-        "aria-label": xe.value,
-        "aria-disabled": X.value,
+      pe.value && Object.keys(pe.value).forEach((ee) => y[`aria-${ee}`] = pe.value[ee]);
+      const V = {
+        "aria-label": Ve.value,
+        "aria-disabled": Z.value,
         ...y
       };
       return Object.fromEntries(
-        Object.entries(S).filter(([oe, Z]) => Z != null)
+        Object.entries(V).filter(([ue, ee]) => ee != null)
       );
     }), Ze = () => {
-      const y = Te.value;
-      y && ["string"].includes(Se.value) ? I.value = y.toString().toLowerCase() : I.value = y;
-    }, Ue = () => {
+      const y = Ae.value;
+      y && ["string"].includes(ke.value) ? N.value = y.toString().toLowerCase() : N.value = y;
+    }, Ge = () => {
       C("clicked");
     };
-    return U(Te, (y, S) => {
-      y !== S && Ze();
-    }), U(I, (y, S) => {
-      y !== S && (C("current-value", y), C("changed", y));
-    }), (y, S) => e.nbId && _e.value ? (O(), j("div", {
+    return U(Ae, (y, V) => {
+      y !== V && Ze();
+    }), U(N, (y, V) => {
+      y !== V && (C("current-value", y), C("changed", y));
+    }), (y, V) => e.nbId && we.value ? (O(), j("div", {
       key: 0,
-      class: Ne(["nb-wrapper", k.value]),
-      style: We([L.value, je.value])
+      class: We(["nb-wrapper", L.value]),
+      style: Ee([x.value, He.value])
     }, [
-      fe("div", da({
+      ve("div", da({
         id: e.nbId,
         role: "radiogroup"
-      }, He.value, {
-        class: ["nb-reset", "component", Ae.value, at.value]
+      }, Ue.value, {
+        class: ["nb-reset", "component", $e.value, at.value]
       }), [
-        (O(!0), j(qa, null, ja(n(J), (oe, Z) => (O(), j("div", {
-          key: Z,
+        (O(!0), j(qa, null, ja(n(X), (ue, ee) => (O(), j("div", {
+          key: ee,
           class: "component-radio__item"
         }, [
-          pa(fe("input", {
-            id: `${e.nbId}-${oe.value}`,
-            "onUpdate:modelValue": S[0] || (S[0] = (ge) => I.value = ge),
+          pa(ve("input", {
+            id: `${e.nbId}-${ue.value}`,
+            "onUpdate:modelValue": V[0] || (V[0] = (me) => N.value = me),
             type: "radio",
             class: "component-radio__item--input",
-            disabled: n(X),
-            value: oe.value,
+            disabled: n(Z),
+            value: ue.value,
             name: e.groupName,
-            onClick: Ue
+            onClick: Ge
           }, null, 8, sl), [
-            [al, I.value]
+            [al, N.value]
           ]),
-          fe("label", {
-            for: `${e.nbId}-${oe.value}`,
-            tabindex: n(X) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Z] : e.tabIndex >= 0 ? e.tabIndex : Z + 1,
+          ve("label", {
+            for: `${e.nbId}-${ue.value}`,
+            tabindex: n(Z) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[ee] : e.tabIndex >= 0 ? e.tabIndex : ee + 1,
             class: "component-radio__item--label",
             onKeydown: [
-              S[1] || (S[1] = jt(ca((ge) => !n(X) && e.hasTabIndexEnter && ge.target.click(), ["prevent"]), ["enter"])),
-              S[2] || (S[2] = jt(ca((ge) => !n(X) && e.hasTabIndexSpace && ge.target.click(), ["prevent"]), ["space"]))
+              V[1] || (V[1] = jt(ca((me) => !n(Z) && e.hasTabIndexEnter && me.target.click(), ["prevent"]), ["enter"])),
+              V[2] || (V[2] = jt(ca((me) => !n(Z) && e.hasTabIndexSpace && me.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            S[3] || (S[3] = fe("div", null, null, -1)),
-            fe("span", {
-              style: We([qe.value])
-            }, St(oe.text), 5)
+            V[3] || (V[3] = ve("div", null, null, -1)),
+            ve("span", {
+              style: Ee([je.value])
+            }, St(ue.text), 5)
           ], 40, dl)
         ]))), 128))
       ], 16, il)
-    ], 6)) : Le("", !0);
+    ], 6)) : Be("", !0);
   }
 }), fl = /* @__PURE__ */ ba(cl, [["__scopeId", "data-v-a95f65ea"]]);
 const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabindex"], gl = /* @__PURE__ */ Object.assign({
@@ -342,7 +342,7 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
         let m = !1;
         for (const C of e) {
           const P = Object.keys(C);
-          P.length !== 2 && (m = !0), P.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
+          P.length !== 2 && (m = !0), P.every((Ve) => ["value", "text"].includes(Ve)) || (m = !0);
         }
         if (!m)
           return e;
@@ -450,161 +450,161 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
   setup(e, { emit: m }) {
     fa((d) => ({
       "49e2c63f": gt.value,
-      "107babaa": oe.value,
-      "3c7cc5ce": S.value,
+      "107babaa": ue.value,
+      "3c7cc5ce": V.value,
       "16d311d0": y.value,
       "3f8b2f30": yt.value,
-      "53078d64": Ce.value,
+      "53078d64": Se.value,
       "537834e6": nt.value,
-      fbc86ee4: ke.value,
+      fbc86ee4: Te.value,
       "517939e1": Xe.value,
-      "3faff29d": Ue.value,
-      "302ecd6a": je.value,
+      "3faff29d": Ge.value,
+      "302ecd6a": He.value,
       "8a4df060": ct.value,
-      "0a99dbe2": He.value,
+      "0a99dbe2": Ue.value,
       d6971e68: dt.value,
       ca30d9c2: st.value
     })), sa(() => {
-      Ge();
+      Ke();
     });
-    const C = m, P = e, I = Q(null), {
-      ariaLabel: xe,
-      ariaAttrs: ve,
-      currentOption: Te,
-      display: Se,
-      options: ie,
-      theme: J,
-      lightTextColor: Ee,
-      lightColor: Be,
-      lightColorHover: le,
+    const C = m, P = e, N = J(null), {
+      ariaLabel: Ve,
+      ariaAttrs: pe,
+      currentOption: Ae,
+      display: ke,
+      options: se,
+      theme: X,
+      lightTextColor: Pe,
+      lightColor: _e,
+      lightColorHover: ne,
       darkTextColor: G,
       darkColor: R,
-      darkColorHover: ne,
-      boxRadius: se,
+      darkColorHover: oe,
+      boxRadius: de,
       hoverEffect: K,
-      activeHoverEffect: Ve,
-      itemGap: de,
+      activeHoverEffect: Le,
+      itemGap: ce,
       internalGap: F,
-      scale: pe,
-      type: X,
-      background: me,
-      disabled: be,
-      fontFamily: he,
+      scale: be,
+      type: Z,
+      background: Ce,
+      disabled: ge,
+      fontFamily: xe,
       fontSize: _,
-      fontWeight: k
-    } = va(P), L = a(() => {
-      const d = be.value ? "component-disabled" : "", b = Se.value !== "b" ? "inline-block" : "block", ce = he.value ? he.value : "'Lato', sans-serif", Y = _.value ? _.value : "1.6em", ee = k.value !== 0 && !k.value || k.value < 0 ? 200 : k.value, we = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Re = [!1, !0].includes(K.value) ? K.value : !1, Pe = [!1, !0].includes(Ve.value) ? Ve.value : !1, Ke = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, et = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, ot = ["box", "circle"].includes(X.value) ? X.value : "box", ut = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value, ft = [!1, !0].includes(me.value) ? me.value : !1;
+      fontWeight: L
+    } = va(P), x = a(() => {
+      const d = ge.value ? "component-disabled" : "", b = ke.value !== "b" ? "inline-block" : "block", fe = xe.value ? xe.value : "'Lato', sans-serif", Y = _.value ? _.value : "1.6em", te = L.value !== 0 && !L.value || L.value < 0 ? 200 : L.value, Me = de.value !== 0 && !de.value || de.value < 0 ? 0 : de.value, ze = [!1, !0].includes(K.value) ? K.value : !1, Fe = [!1, !0].includes(Le.value) ? Le.value : !1, Ye = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, et = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, ot = ["box", "circle"].includes(Z.value) ? Z.value : "box", ut = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value, ft = [!1, !0].includes(Ce.value) ? Ce.value : !1;
       return {
         disabled: d,
         display: b,
-        boxRadius: we,
-        hoverEffect: Re,
-        activeHoverEffect: Pe,
-        itemGap: Ke,
+        boxRadius: Me,
+        hoverEffect: ze,
+        activeHoverEffect: Fe,
+        itemGap: Ye,
         internalGap: et,
         scale: ut,
         type: ot,
-        font: ce,
+        font: fe,
         background: ft,
         fontSize: Y,
-        fontWeight: ee
+        fontWeight: te
       };
-    }), Ae = a(() => L.value.disabled), qe = a(() => ({
-      display: L.value.display
-    })), _e = a(() => L.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), at = a(() => {
-      const d = L.value;
+    }), $e = a(() => x.value.disabled), je = a(() => ({
+      display: x.value.display
+    })), we = a(() => x.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), at = a(() => {
+      const d = x.value;
       return {
         fontSize: d.fontSize,
         fontWeight: d.fontWeight
       };
-    }), Je = a(() => Array.isArray(ie.value) && ie.value.constructor === Array && ie.value.length > 0), lt = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), gt = a(() => L.value.font), Xe = a(() => Ee.value), ke = a(() => Be.value), Ce = a(() => L.value.hoverEffect ? le.value : Be.value), yt = a(() => L.value.activeHoverEffect ? le.value : Be.value), nt = a(() => {
-      const d = L.value;
-      return d.activeHoverEffect && d.background ? `${le.value}80` : le.value;
-    }), st = a(() => G.value), dt = a(() => R.value), ct = a(() => L.value.hoverEffect ? ne.value : R.value), je = a(() => L.value.activeHoverEffect ? ne.value : R.value), He = a(() => {
-      const d = L.value;
+    }), ye = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0), lt = a(() => X.value === "dark" ? "component__theme--dark" : "component__theme--light"), gt = a(() => x.value.font), Xe = a(() => Pe.value), Te = a(() => _e.value), Se = a(() => x.value.hoverEffect ? ne.value : _e.value), yt = a(() => x.value.activeHoverEffect ? ne.value : _e.value), nt = a(() => {
+      const d = x.value;
       return d.activeHoverEffect && d.background ? `${ne.value}80` : ne.value;
-    }), Ze = a(() => L.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ue = a(() => {
-      const d = L.value, b = J.value === "dark" ? G.value : Ee.value;
+    }), st = a(() => G.value), dt = a(() => R.value), ct = a(() => x.value.hoverEffect ? oe.value : R.value), He = a(() => x.value.activeHoverEffect ? oe.value : R.value), Ue = a(() => {
+      const d = x.value;
+      return d.activeHoverEffect && d.background ? `${oe.value}80` : oe.value;
+    }), Ze = a(() => x.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ge = a(() => {
+      const d = x.value, b = X.value === "dark" ? G.value : Pe.value;
       return d.background ? "#ffffff" : b;
     });
-    a(() => L.value.background ? "19px" : "auto");
+    a(() => x.value.background ? "19px" : "auto");
     const y = a(() => {
-      const b = L.value.internalGap;
+      const b = x.value.internalGap;
       return !b || b < 0 ? 0 : `${b}px`;
-    }), S = a(() => {
-      const d = L.value;
+    }), V = a(() => {
+      const d = x.value;
       return `${d.boxRadius > 7 ? 7 : d.boxRadius}px`;
-    }), oe = a(() => {
-      const b = L.value.itemGap;
+    }), ue = a(() => {
+      const b = x.value.itemGap;
       return !b || b < 0 ? 0 : `${b}px`;
-    }), Z = a(() => L.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), ge = a(() => ({
-      zoom: L.value.scale
-    })), $e = a(() => {
+    }), ee = a(() => x.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), me = a(() => ({
+      zoom: x.value.scale
+    })), Re = a(() => {
       const d = {};
-      ve.value && Object.keys(ve.value).forEach((Y) => d[`aria-${Y}`] = ve.value[Y]);
+      pe.value && Object.keys(pe.value).forEach((Y) => d[`aria-${Y}`] = pe.value[Y]);
       const b = {
-        "aria-label": xe.value,
-        "aria-disabled": be.value,
+        "aria-label": Ve.value,
+        "aria-disabled": ge.value,
         ...d
       };
       return Object.fromEntries(
-        Object.entries(b).filter(([ce, Y]) => Y != null)
+        Object.entries(b).filter(([fe, Y]) => Y != null)
       );
-    }), Ge = () => {
-      I.value = Te.value;
-    }, ue = () => {
+    }), Ke = () => {
+      N.value = Ae.value;
+    }, re = () => {
       C("clicked");
     };
-    return U(Te, (d, b) => {
-      d !== b && Ge();
-    }), U(I, (d, b) => {
+    return U(Ae, (d, b) => {
+      d !== b && Ke();
+    }), U(N, (d, b) => {
       d !== b && (C("current-value", d), C("changed", d));
-    }), (d, b) => e.nbId && Je.value ? (O(), j("div", {
+    }), (d, b) => e.nbId && ye.value ? (O(), j("div", {
       key: 0,
-      class: Ne(["nb-wrapper", Ae.value]),
-      style: We([qe.value, ge.value])
+      class: We(["nb-wrapper", $e.value]),
+      style: Ee([je.value, me.value])
     }, [
-      fe("div", da({
+      ve("div", da({
         id: e.nbId,
         role: "group"
-      }, $e.value, {
-        class: ["nb-reset", "component", _e.value, lt.value]
+      }, Re.value, {
+        class: ["nb-reset", "component", we.value, lt.value]
       }), [
-        (O(!0), j(qa, null, ja(n(ie), (ce, Y) => (O(), j("div", {
+        (O(!0), j(qa, null, ja(n(se), (fe, Y) => (O(), j("div", {
           key: Y,
           class: "component-checkbox__item"
         }, [
-          pa(fe("input", {
-            id: `${e.nbId}-${ce.value}`,
-            "onUpdate:modelValue": b[0] || (b[0] = (ee) => I.value = ee),
+          pa(ve("input", {
+            id: `${e.nbId}-${fe.value}`,
+            "onUpdate:modelValue": b[0] || (b[0] = (te) => N.value = te),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: n(be),
-            value: ce.value,
+            disabled: n(ge),
+            value: fe.value,
             name: e.groupName,
-            onClick: ue
+            onClick: re
           }, null, 8, pl), [
-            [ll, I.value]
+            [ll, N.value]
           ]),
-          fe("label", {
-            for: `${e.nbId}-${ce.value}`,
-            class: Ne([[Z.value], "component-checkbox__item--label"]),
-            tabindex: n(be) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Y] : e.tabIndex >= 0 ? e.tabIndex : Y + 1,
+          ve("label", {
+            for: `${e.nbId}-${fe.value}`,
+            class: We([[ee.value], "component-checkbox__item--label"]),
+            tabindex: n(ge) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Y] : e.tabIndex >= 0 ? e.tabIndex : Y + 1,
             onKeydown: [
-              b[1] || (b[1] = jt(ca((ee) => !n(be) && e.hasTabIndexEnter && ee.target.click(), ["prevent"]), ["enter"])),
-              b[2] || (b[2] = jt(ca((ee) => !n(be) && e.hasTabIndexSpace && ee.target.click(), ["prevent"]), ["space"]))
+              b[1] || (b[1] = jt(ca((te) => !n(ge) && e.hasTabIndexEnter && te.target.click(), ["prevent"]), ["enter"])),
+              b[2] || (b[2] = jt(ca((te) => !n(ge) && e.hasTabIndexSpace && te.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            fe("div", {
-              class: Ne([Ze.value])
+            ve("div", {
+              class: We([Ze.value])
             }, null, 2),
-            fe("span", {
-              style: We([at.value])
-            }, St(ce.text), 5)
+            ve("span", {
+              style: Ee([at.value])
+            }, St(fe.text), 5)
           ], 42, bl)
         ]))), 128))
       ], 16, vl)
-    ], 6)) : Le("", !0);
+    ], 6)) : Be("", !0);
   }
 }), yl = /* @__PURE__ */ ba(gl, [["__scopeId", "data-v-1c6afddc"]]);
 const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 }, Vl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], kl = ["for"], Ll = /* @__PURE__ */ Object.assign({
@@ -718,7 +718,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       validator: (e) => ["center", "left", "right"].indexOf(e) !== -1
     },
     inputText: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     inputType: {
@@ -1030,157 +1030,157 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
   ],
   setup(e, { emit: m }) {
     fa((o) => ({
-      a691cde4: At.value,
-      "64c3067c": Bt.value,
-      "5acedbbf": n(ct),
-      dcb28fdc: Yt.value,
-      "05efafe4": Qt.value,
-      "407d2308": Jt.value,
-      "34f184fe": n(S),
-      "4aff0508": n(Re),
-      "4aa29b5e": n(oe),
-      "13e0e154": n(ft),
-      "06311b0d": n(y),
-      "40c154c2": n(Ze),
-      "027fa668": n(Ue),
-      "4d6e619a": ra.value,
-      "0e777c29": n(je),
-      "46db1a2f": n(He),
-      b75ff5d0: n(we),
-      "52d622e0": n(Z),
-      "8a54d538": n(ut),
-      "128c92cb": n(dt),
-      "746d7e44": n(nt),
-      fcd9b32c: n(st),
-      "48ed91e7": n(Ce),
-      "4022eb31": n(yt),
-      "4152281b": na.value,
-      "952215b4": oa.value,
-      "5110540e": ua.value,
-      "03e4b02e": Pt.value,
-      d28271e8: la.value,
-      df28af0e: n(ge),
-      "1484e2a6": Ct.value,
-      "2f3ed319": _t.value,
-      eeba4250: Dt.value,
-      "546adc01": Ut.value,
-      "4c47725b": Kt.value,
-      bd8d21c2: o.styleButtonColor,
-      55437184: Gt.value
+      "67393ca6": At.value,
+      "492237ac": Bt.value,
+      "070b6157": n(ct),
+      "6cfae57a": Yt.value,
+      "08362f4c": Qt.value,
+      "6a65b3e4": Jt.value,
+      "1950b62e": n(V),
+      bc050f20: n(ze),
+      dda7ee14: n(ue),
+      c2f5b288: n(ft),
+      d13f5716: n(y),
+      "26044b4c": n(Ze),
+      d190cc00: n(Ge),
+      "687a4ecb": ra.value,
+      "548a9d91": n(He),
+      "53e6cc72": n(Ue),
+      "2d1ffeb0": n(Me),
+      "450b2f70": n(ee),
+      f68c0608: n(ut),
+      b176f33a: n(dt),
+      "4fc1abac": n(nt),
+      f84cb45c: n(st),
+      "7582c502": n(Se),
+      d1bd42ce: n(yt),
+      "24e2a49a": na.value,
+      "44a074be": oa.value,
+      "9a67f93e": ua.value,
+      "00542751": Pt.value,
+      b6e1a318: la.value,
+      "57aff83e": n(me),
+      de542384: Ct.value,
+      "7551f481": _t.value,
+      "63f70c40": Dt.value,
+      a92d612e: Ut.value,
+      "4e8df1c3": Kt.value,
+      "306aeeb7": o.styleButtonColor,
+      "017ff71c": Gt.value
     })), sa(() => {
-      Me.value = Je.value;
+      ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Q.value = ye.value : Q.value = String(ye.value) : Q.value = "";
     }), ma(() => {
       bt();
     });
     const C = m, P = e, {
-      nbId: I,
-      display: xe,
-      hasTabIndexEnter: ve,
-      ariaLabel: Te,
-      ariaAttrs: Se,
-      textColor: ie,
-      caretColor: J,
-      selectionBgColor: Ee,
-      selectionTextColor: Be,
-      hasBorderRadius: le,
+      nbId: N,
+      display: Ve,
+      hasTabIndexEnter: pe,
+      ariaLabel: Ae,
+      ariaAttrs: ke,
+      textColor: se,
+      caretColor: X,
+      selectionBgColor: Pe,
+      selectionTextColor: _e,
+      hasBorderRadius: ne,
       borderRadius: G,
       disabled: R,
-      fontFamily: ne,
-      fontSize: se,
+      fontFamily: oe,
+      fontSize: de,
       fontWeight: K,
-      fontFamilyMsg: Ve,
-      fontSizeMsg: de,
+      fontFamilyMsg: Le,
+      fontSizeMsg: ce,
       fontWeightMsg: F,
-      textMessageColor: pe,
-      inputWidth: X,
-      inputStyle: me,
-      activeTextStyle: be,
-      sizeMediaQuery: he,
+      textMessageColor: be,
+      inputWidth: Z,
+      inputStyle: Ce,
+      activeTextStyle: ge,
+      sizeMediaQuery: xe,
       inputReadonly: _,
-      showInputEye: k,
-      inputType: L,
-      hasTrim: Ae,
-      inputUppercase: qe,
-      inputName: _e,
+      showInputEye: L,
+      inputType: x,
+      hasTrim: $e,
+      inputUppercase: je,
+      inputName: we,
       inputPlaceholder: at,
-      inputText: Je,
+      inputText: ye,
       theme: lt,
       inputEyeIcon: gt,
       tabindex: Xe,
-      inputEyeIconHidden: ke,
-      lightBgColor: Ce,
+      inputEyeIconHidden: Te,
+      lightBgColor: Se,
       lightBgColorFocus: yt,
       lightEyeBgColor: nt,
       lightEyeBgColorActive: st,
       lightDisabledBgColor: dt,
       lightTextColor: ct,
-      darkBgColor: je,
-      darkBgColorFocus: He,
+      darkBgColor: He,
+      darkBgColorFocus: Ue,
       darkEyeBgColor: Ze,
-      darkEyeBgColorActive: Ue,
+      darkEyeBgColorActive: Ge,
       darkDisabledBgColor: y,
-      darkTextColor: S,
-      darkDisabledEyeBgColor: oe,
-      lightDisabledEyeBgColor: Z,
-      textAlign: ge,
-      showMsg: $e,
-      hasMsg: Ge,
-      hasIcon: ue,
+      darkTextColor: V,
+      darkDisabledEyeBgColor: ue,
+      lightDisabledEyeBgColor: ee,
+      textAlign: me,
+      showMsg: Re,
+      hasMsg: Ke,
+      hasIcon: re,
       iconDirection: d,
       iconPadding: b,
-      iconPaddingInput: ce,
+      iconPaddingInput: fe,
       iconMargin: Y,
-      iconBorderRadius: ee,
-      iconLightTextColor: we,
-      iconDarkTextColor: Re,
-      iconLightBgColor: Pe,
-      iconDarkBgColor: Ke,
+      iconBorderRadius: te,
+      iconLightTextColor: Me,
+      iconDarkTextColor: ze,
+      iconLightBgColor: Fe,
+      iconDarkBgColor: Ye,
       iconLightBgColorActive: et,
       iconDarkBgColorActive: ot,
       iconLightDisabledBgColor: ut,
       iconDarkDisabledBgColor: ft,
       iconWidth: h,
       iconSize: M,
-      showLabel: V,
-      labelBackground: Fe,
+      showLabel: k,
+      labelBackground: Oe,
       labelPadding: T,
-      labelBorderRadius: ye,
+      labelBorderRadius: he,
       labelLeft: Vt,
       inputLabelMarginActive: kt,
       labelActiveTop: rt,
       labelActiveLeft: H,
-      fontFamilyLabel: N,
-      fontSizeLabel: te,
+      fontFamilyLabel: I,
+      fontSizeLabel: ae,
       fontSizeLabelActive: $,
       fontWeightLabel: z,
-      lightTextColorLabel: ae,
+      lightTextColorLabel: le,
       lightTextColorLabelActive: W,
       darkTextColorLabel: wt,
       darkTextColorLabelActive: Rt
-    } = va(P), Me = Q(""), vt = Q(""), it = Q(!1), pt = Q(!1), B = a(() => {
-      const o = R.value ? "component-disabled" : "", p = xe.value !== "b" ? "inline-block" : "block", w = ie ? ie.value : "ffffff", Ye = J.value ? J.value : "", Qe = Ee.value ? Ee.value : "", t = Be.value ? Be.value : "", l = le.value ? le.value : !1, s = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, i = ne.value ? ne.value : "'Lato', sans-serif", f = se.value ? se.value : null, c = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, v = Ve.value ? Ve.value : "'Lato', sans-serif", x = de.value ? de.value : "1em", A = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, D = pe.value ? pe.value : "#f15574", q = X.value ? X.value : 200, re = be.value ? be.value : "normal", ze = he.value ? he.value : "xs", tt = _.value ? _.value : !1, De = k.value ? k.value : !1, Ie = L.value ? L.value : "text", ha = qe.value ? qe.value : !1, Ca = lt.value ? lt.value : "normal", xa = ge.value ? ge.value : "left", Sa = me.value ? me.value : "background", Va = b.value ? b.value : "5px 10px", ka = Y.value ? Y.value : "0", La = ce.value ? ce.value : 10, Ta = we.value ? we.value : "#000000", Ba = Re.value ? Re.value : "#000000", Aa = Pe.value ? Pe.value : "transparent", _a = Ke.value ? Ke.value : "transparent", $a = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, wa = et.value ? et.value : "transparent", Ra = ot.value ? ot.value : "transparent", Ma = h.value ? h.value : 32, za = M.value ? M.value : 1, Da = V.value ? V.value : !1, Ia = Vt.value !== 0 && !Vt.value || Vt.value < 0 ? 5 : Vt.value, Na = Fe.value ? Fe.value : "transparent", Wa = kt.value !== 0 && !kt.value || kt.value < 0 ? 15 : kt.value, Ea = T.value ? T.value : "1px 5px", Pa = ye.value !== 0 && !ye.value || ye.value < 0 ? 0 : ye.value, Fa = rt.value === null || rt.value === void 0 ? -13 : rt.value, Ga = H.value === null || H.value === void 0 ? -10 : H.value, Ka = N.value ? N.value : "'Lato', sans-serif", Ya = te.value ? te.value : "1em", Qa = $.value ? $.value : "0.8em", Ja = z.value ? z.value : 400, Xa = ae.value ? ae.value : "#ffffff", Za = wt.value ? wt.value : "#000000", el = W.value ? W.value : "#ffffff", tl = Rt.value ? Rt.value : "#000000";
+    } = va(P), Q = J(""), vt = J(""), it = J(!1), pt = J(!1), B = a(() => {
+      const o = R.value ? "component-disabled" : "", f = Ve.value !== "b" ? "inline-block" : "block", w = se ? se.value : "ffffff", Qe = X.value ? X.value : "", Je = Pe.value ? Pe.value : "", t = _e.value ? _e.value : "", l = ne.value ? ne.value : !1, s = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, i = oe.value ? oe.value : "'Lato', sans-serif", v = de.value ? de.value : null, c = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, p = Le.value ? Le.value : "'Lato', sans-serif", S = ce.value ? ce.value : "1em", A = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, D = be.value ? be.value : "#f15574", q = Z.value ? Z.value : 200, ie = ge.value ? ge.value : "normal", De = xe.value ? xe.value : "xs", tt = _.value ? _.value : !1, Ne = L.value ? L.value : !1, Ie = x.value ? x.value : "text", ha = je.value ? je.value : !1, Ca = lt.value ? lt.value : "normal", xa = me.value ? me.value : "left", Sa = Ce.value ? Ce.value : "background", Va = b.value ? b.value : "5px 10px", ka = Y.value ? Y.value : "0", La = fe.value ? fe.value : 10, Ta = Me.value ? Me.value : "#000000", Ba = ze.value ? ze.value : "#000000", Aa = Fe.value ? Fe.value : "transparent", _a = Ye.value ? Ye.value : "transparent", $a = te.value !== 0 && !te.value || te.value < 0 ? 0 : te.value, wa = et.value ? et.value : "transparent", Ra = ot.value ? ot.value : "transparent", Ma = h.value ? h.value : 32, za = M.value ? M.value : 1, Da = k.value ? k.value : !1, Na = Vt.value !== 0 && !Vt.value || Vt.value < 0 ? 5 : Vt.value, Ia = Oe.value ? Oe.value : "transparent", Wa = kt.value !== 0 && !kt.value || kt.value < 0 ? 15 : kt.value, Ea = T.value ? T.value : "1px 5px", Pa = he.value !== 0 && !he.value || he.value < 0 ? 0 : he.value, Fa = rt.value === null || rt.value === void 0 ? -13 : rt.value, Ga = H.value === null || H.value === void 0 ? -10 : H.value, Ka = I.value ? I.value : "'Lato', sans-serif", Ya = ae.value ? ae.value : "1em", Qa = $.value ? $.value : "0.8em", Ja = z.value ? z.value : 400, Xa = le.value ? le.value : "#ffffff", Za = wt.value ? wt.value : "#000000", el = W.value ? W.value : "#ffffff", tl = Rt.value ? Rt.value : "#000000";
       return {
         disabled: o,
-        display: p,
+        display: f,
         font: i,
-        fontSize: f,
+        fontSize: v,
         fontWeight: c,
-        fontFamilyMsg: v,
-        fontSizeMsg: x,
+        fontFamilyMsg: p,
+        fontSizeMsg: S,
         fontWeightMsg: A,
         textMessageColor: D,
         textColor: w,
-        caretColor: Ye,
-        selectionBgColor: Qe,
+        caretColor: Qe,
+        selectionBgColor: Je,
         selectionTextColor: t,
         hasBorderRadius: l,
         borderRadius: s,
         textAlign: xa,
         inputWidth: q,
-        activeTextStyle: re,
-        sizeMediaQuery: ze,
+        activeTextStyle: ie,
+        sizeMediaQuery: De,
         inputReadonly: tt,
-        showInputEye: De,
+        showInputEye: Ne,
         inputType: Ie,
         inputUppercase: ha,
         theme: Ca,
@@ -1198,10 +1198,10 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         iconWidth: Ma,
         iconSize: za,
         showLabel: Da,
-        labelBackground: Na,
+        labelBackground: Ia,
         labelPadding: Ea,
         labelBorderRadius: Pa,
-        labelLeft: Ia,
+        labelLeft: Na,
         inputLabelMarginActive: Wa,
         labelActiveTop: Fa,
         labelActiveLeft: Ga,
@@ -1220,7 +1220,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       const o = B.value;
       if (o.fontSize)
         return o.fontSize;
-      let p = "";
+      let f = "";
       switch (o.sizeMediaQuery) {
         case "sm":
           return "1.2em";
@@ -1229,14 +1229,14 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         case "lg":
           return "2em";
         default:
-          p = "1.2em";
+          f = "1.2em";
       }
-      return p;
+      return f;
     }), Ht = a(() => {
-      const o = B.value, p = Et.value;
+      const o = B.value, f = Et.value;
       return {
         fontWeight: o.fontWeight,
-        marginTop: p && V.value ? `${o.inputLabelMarginActive}px` : "0"
+        marginTop: f && k.value ? `${o.inputLabelMarginActive}px` : "0"
       };
     }), mt = a(() => {
       const o = B.value;
@@ -1255,8 +1255,8 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       return o.display === "block" ? { width: "100%" } : {
         width: `${o.inputWidth}px`
       };
-    }), It = a(() => {
-      switch (me.value) {
+    }), Nt = a(() => {
+      switch (Ce.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1291,49 +1291,52 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         default:
           return "component__theme--light";
       }
-    }), E = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), Oe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), Nt = a(() => {
+    }), E = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), qe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), It = a(() => {
       const o = B.value;
       return !!(o.showInputEye && o.inputType === "password");
-    }), Xt = a(() => it.value ? gt.value : ke.value), ht = a(() => _e.value ? _e.value : `${I.value}-name-label`), Wt = a(() => V.value ? pt.value ? at.value : "" : at.value), Et = a(() => pt.value || Me.value && Me.value.trim().length > 0), Zt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), ea = a(() => pt.value ? "component__input--active" : "component__input--no-active"), Ct = a(() => Nt.value ? "6px 50px 6px 10px" : "6px 10px"), ta = a(() => !!($e.value && Ge.value)), aa = a(() => {
+    }), Xt = a(() => it.value ? gt.value : Te.value), ht = a(() => we.value ? we.value : `${N.value}-name-label`), Wt = a(() => k.value ? pt.value ? at.value : "" : at.value), Et = a(() => {
+      const o = Q.value;
+      return pt.value || o != null && String(o).trim().length > 0;
+    }), Zt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), ea = a(() => pt.value ? "component__input--active" : "component__input--no-active"), Ct = a(() => It.value ? "6px 50px 6px 10px" : "6px 10px"), ta = a(() => !!(Re.value && Ke.value)), aa = a(() => {
       const o = {};
-      Se.value && Object.keys(Se.value).forEach((Ye) => o[`aria-${Ye}`] = Se.value[Ye]);
-      const p = {
-        "aria-label": Te.value,
+      ke.value && Object.keys(ke.value).forEach((Qe) => o[`aria-${Qe}`] = ke.value[Qe]);
+      const f = {
+        "aria-label": Ae.value,
         "aria-disabled": R.value,
         ...o
       };
       return Object.fromEntries(
-        Object.entries(p).filter(([w, Ye]) => Ye != null)
+        Object.entries(f).filter(([w, Qe]) => Qe != null)
       );
-    }), la = a(() => ue.value ? `${M.value}rem` : "0"), na = a(() => ue.value ? `${h.value}px` : "0"), $t = a(() => ue.value ? `component__icon--${d.value}` : ""), oa = a(() => {
+    }), la = a(() => re.value ? `${M.value}rem` : "0"), na = a(() => re.value ? `${h.value}px` : "0"), $t = a(() => re.value ? `component__icon--${d.value}` : ""), oa = a(() => {
       const o = B.value;
-      return ue.value ? o.iconPadding : "0";
+      return re.value ? o.iconPadding : "0";
     }), ua = a(() => {
       const o = B.value;
-      return ue.value ? o.iconMargin : "0";
+      return re.value ? o.iconMargin : "0";
     }), ra = a(() => {
       const o = B.value;
-      return ue.value ? o.theme === "dark" ? o.iconDarkBgColor : o.iconLightBgColor : "transparent";
+      return re.value ? o.theme === "dark" ? o.iconDarkBgColor : o.iconLightBgColor : "transparent";
     }), Pt = a(() => {
       const o = B.value;
-      return ue.value ? `${o.iconBorderRadius}rem` : "0";
+      return re.value ? `${o.iconBorderRadius}rem` : "0";
     }), Ft = a(() => {
       const o = B.value;
-      return ue.value ? d.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
+      return re.value ? d.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
     }), Ot = a(() => {
-      const o = B.value, p = Et.value, w = p ? o.lightTextColorLabelActive : o.lightTextColorLabel, Ye = p ? o.darkTextColorLabelActive : o.darkTextColorLabel;
+      const o = B.value, f = Et.value, w = f ? o.lightTextColorLabelActive : o.lightTextColorLabel, Qe = f ? o.darkTextColorLabelActive : o.darkTextColorLabel;
       return {
         fontFamily: o.fontFamilyLabel,
-        fontSize: p ? o.fontSizeLabelActive : o.fontSizeLabel,
+        fontSize: f ? o.fontSizeLabelActive : o.fontSizeLabel,
         fontWeight: o.fontWeightLabel,
-        color: o.theme === "dark" ? Ye : w,
-        top: p ? `${o.labelActiveTop}px` : "50%",
-        left: p ? `${o.labelActiveLeft}px` : `${o.labelLeft}px`,
-        transform: p ? "translateY(0)" : "translateY(-50%)",
+        color: o.theme === "dark" ? Qe : w,
+        top: f ? `${o.labelActiveTop}px` : "50%",
+        left: f ? `${o.labelActiveLeft}px` : `${o.labelLeft}px`,
+        transform: f ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: p ? o.labelBackground : "transparent",
-        padding: p ? o.labelPadding : "0",
-        borderRadius: p ? `${o.labelBorderRadius}rem` : "0"
+        backgroundColor: f ? o.labelBackground : "transparent",
+        padding: f ? o.labelPadding : "0",
+        borderRadius: f ? `${o.labelBorderRadius}rem` : "0"
       };
     });
     a(() => {
@@ -1341,79 +1344,87 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       return o.theme === "dark" ? o.darkTextColorLabelActive : o.lightTextColorLabelActive;
     });
     const bt = () => {
-      Me.value = Je.value, vt.value = L.value;
+      ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Q.value = ye.value : Q.value = String(ye.value) : Q.value = "", vt.value = x.value;
     }, Tt = () => {
       const o = B.value;
       if (o.inputReadonly || o.disabled)
         return;
-      const p = !it.value;
-      p ? vt.value = "text" : vt.value = L.value, it.value = p;
+      const f = !it.value;
+      f ? vt.value = "text" : vt.value = x.value, it.value = f;
     }, xt = () => {
       C("clicked");
     }, qt = () => {
-      R.value || B.value.inputReadonly || !ve.value || C("entered", Me.value);
+      R.value || B.value.inputReadonly || !pe.value || C("entered", Q.value);
     };
-    return U(L, (o) => {
+    return U(x, (o) => {
       vt.value = o;
-    }, { immediate: !0 }), U(Je, (o) => {
-      o !== Me.value && (Me.value = o);
-    }, { immediate: !0 }), U(Me, (o) => {
-      Ae.value && (o = o.trim()), C("changed", o);
+    }, { immediate: !0 }), U(ye, (o) => {
+      if (o != null)
+        if (x.value === "number" && typeof o == "number")
+          o !== Q.value && (Q.value = o);
+        else {
+          const f = String(o);
+          f !== Q.value && (Q.value = f);
+        }
+      else
+        Q.value !== "" && (Q.value = "");
+    }, { immediate: !0 }), U(Q, (o) => {
+      $e.value && typeof o == "string" && (o = o.trim()), C("changed", o);
     }), U(pt, (o) => {
       C(o ? "focused" : "blurred");
     }), U(it, (o) => {
       C("show-input-eye", o);
-    }, { immediate: !0 }), U(Me, (o) => {
-      Ae.value && (o = o.trim()), C("current-value", o);
-    }), U(L, (o) => {
+    }, { immediate: !0 }), U(Q, (o) => {
+      $e.value && typeof o == "string" && (o = o.trim()), C("current-value", o);
+    }), U(x, (o) => {
       o === "password" && nextTick(() => {
-        const p = document.getElementById(_e.value);
-        p && (p.type = "password", p.removeAttribute("autocomplete"));
+        const f = document.getElementById(we.value);
+        f && (f.type = "password", f.removeAttribute("autocomplete"));
       });
-    }), (o, p) => n(I) ? (O(), j("div", da({
+    }), (o, f) => n(N) ? (O(), j("div", da({
       key: 0,
       class: ["nb-wrapper", Mt.value],
       style: [zt.value, Lt.value, mt.value],
       role: "input"
     }, aa.value), [
-      fe("div", {
-        id: n(I),
-        class: Ne(["nb-reset", "component", u.value, g.value, E.value, It.value]),
-        style: We([Ht.value, Lt.value, mt.value]),
+      ve("div", {
+        id: n(N),
+        class: We(["nb-reset", "component", u.value, g.value, E.value, Nt.value]),
+        style: Ee([Ht.value, Lt.value, mt.value]),
         onClick: xt
       }, [
-        n(V) ? (O(), j("label", {
+        n(k) ? (O(), j("label", {
           key: 0,
           for: ht.value,
           class: "component__label",
-          style: We([Ot.value])
-        }, St(e.label), 13, hl)) : Le("", !0),
-        Nt.value ? (O(), j("div", {
+          style: Ee([Ot.value])
+        }, St(e.label), 13, hl)) : Be("", !0),
+        It.value ? (O(), j("div", {
           key: 1,
-          class: Ne(["component__eye", ea.value]),
-          style: We([mt.value]),
+          class: We(["component__eye", ea.value]),
+          style: Ee([mt.value]),
           onClick: Tt
         }, [
-          fe("label", {
+          ve("label", {
             for: ht.value,
-            class: Ne(["component__eye-icon", "fas"])
+            class: We(["component__eye-icon", "fas"])
           }, [
             e.inputEyeCustomIcon ? (O(), j("span", Sl, [
               it.value ? ia(o.$slots, "eye-icon-show", { key: 0 }, () => [
-                p[4] || (p[4] = ga("show"))
+                f[4] || (f[4] = ga("show"))
               ], !0) : ia(o.$slots, "eye-icon-hidden", { key: 1 }, () => [
-                p[5] || (p[5] = ga("hidden"))
+                f[5] || (f[5] = ga("hidden"))
               ], !0)
             ])) : (O(), j("span", xl, St(Xt.value), 1))
           ], 8, Cl)
-        ], 6)) : Le("", !0),
-        pa(fe("input", {
-          "onUpdate:modelValue": p[0] || (p[0] = (w) => Me.value = w),
+        ], 6)) : Be("", !0),
+        pa(ve("input", {
+          "onUpdate:modelValue": f[0] || (f[0] = (w) => Q.value = w),
           id: ht.value,
           name: ht.value,
           type: vt.value,
-          class: Ne(["component__input", [
-            Oe.value,
+          class: We(["component__input", [
+            qe.value,
             Zt.value,
             r.value
           ]]),
@@ -1424,34 +1435,34 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
           autocomplete: e.inputAutocomplete,
           tabindex: n(R) || n(_) ? -1 : n(Xe),
           role: "input",
-          style: We([mt.value, Ft.value]),
-          onFocus: p[1] || (p[1] = (w) => pt.value = !0),
-          onBlur: p[2] || (p[2] = (w) => pt.value = !1),
-          onKeydown: p[3] || (p[3] = jt((w) => !n(R) && n(ve) && qt(), ["enter"]))
+          style: Ee([mt.value, Ft.value]),
+          onFocus: f[1] || (f[1] = (w) => pt.value = !0),
+          onBlur: f[2] || (f[2] = (w) => pt.value = !1),
+          onKeydown: f[3] || (f[3] = jt((w) => !n(R) && n(pe) && qt(), ["enter"]))
         }, null, 46, Vl), [
-          [Ha, Me.value]
+          [Ha, Q.value]
         ]),
-        n(ue) ? (O(), j("label", {
+        n(re) ? (O(), j("label", {
           key: 2,
           for: ht.value,
-          class: Ne(["component__icon", $t.value])
+          class: We(["component__icon", $t.value])
         }, [
           ia(o.$slots, "icon", {}, () => [
-            p[6] || (p[6] = fe("span", null, "♥", -1))
+            f[6] || (f[6] = ve("span", null, "♥", -1))
           ], !0)
-        ], 10, kl)) : Le("", !0)
+        ], 10, kl)) : Be("", !0)
       ], 14, ml),
       ta.value ? (O(), j("div", {
         key: 0,
-        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         ia(o.$slots, "message", {}, () => [
           ga(St(e.message), 1)
         ], !0)
-      ], 2)) : Le("", !0)
-    ], 16)) : Le("", !0);
+      ], 2)) : Be("", !0)
+    ], 16)) : Be("", !0);
   }
-}), Tl = /* @__PURE__ */ ba(Ll, [["__scopeId", "data-v-7da192c6"]]);
+}), Tl = /* @__PURE__ */ ba(Ll, [["__scopeId", "data-v-6c16322b"]]);
 const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"], wl = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Rl = /* @__PURE__ */ Object.assign({
   name: "NbInputChip",
   inheritAttrs: !1
@@ -1777,109 +1788,109 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
   emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred"],
   setup(e, { emit: m }) {
     fa((u) => ({
-      fc1ac0b0: Me.value,
-      "79d1c87b": it.value,
-      "696e69d9": n(gt),
-      "932442fe": n(qe),
-      "27ef350c": n(at),
-      "2cd1cb15": n(Xe),
-      "52ecfd26": n(ke),
-      "409a5ab6": n(Ce),
-      28108427: n(He),
-      "4bce344f": n(nt),
-      eae5b770: n(dt),
-      "6952ec3a": n(Ze),
-      "324c768a": n(Ue),
-      "7de70284": n(y),
-      f2a74904: n(Je),
-      "1a16a520": n(ct),
-      "1027c368": ae.value,
-      "56f8ed38": B.value,
-      eb9a1eec: Mt.value,
-      "60371da2": zt.value,
-      f3a4428e: u.styleButtonColor,
-      "63e2ff9e": vt.value,
-      fba8b536: n(lt),
-      f7ffcb44: n(yt),
-      "810f659a": n(je),
-      "77f82b2c": n(S)
+      "376e4d80": Q.value,
+      d807475a: it.value,
+      "2226ac9e": n(gt),
+      "19aa3459": n(je),
+      "0af60f52": n(at),
+      "4bbf74ed": n(Xe),
+      "1e97d576": n(Te),
+      "7a6f588e": n(Se),
+      "2c5ee94f": n(Ue),
+      "5743c377": n(nt),
+      96524120: n(dt),
+      "14bf75ea": n(Ze),
+      b4bd543a: n(Ge),
+      ade22ca8: n(y),
+      f111ceb4: n(ye),
+      "2cc9ab48": n(ct),
+      14762890: le.value,
+      fd7aaf40: B.value,
+      ea04a49c: Mt.value,
+      "594730ca": zt.value,
+      b5c8eede: u.styleButtonColor,
+      "2d3d8114": vt.value,
+      "87feb986": n(lt),
+      a61b2794: n(yt),
+      "2abf974a": n(He),
+      "71083e54": n(V)
     })), sa(() => {
       G.value.length > 0 && (H.value = G.value);
     });
     const C = m, P = e, {
-      nbId: I,
-      display: xe,
-      textColor: ve,
-      paddingX: Te,
-      paddingY: Se,
-      borderRadius: ie,
-      disabled: J,
-      fontFamily: Ee,
-      fontSize: Be,
-      fontWeight: le,
+      nbId: N,
+      display: Ve,
+      textColor: pe,
+      paddingX: Ae,
+      paddingY: ke,
+      borderRadius: se,
+      disabled: X,
+      fontFamily: Pe,
+      fontSize: _e,
+      fontWeight: ne,
       currentList: G,
       allowDuplicates: R,
-      minChips: ne,
-      maxChips: se,
+      minChips: oe,
+      maxChips: de,
       inputPosition: K,
-      width: Ve,
-      inputName: de,
+      width: Le,
+      inputName: ce,
       inputPlaceholder: F,
-      inputUppercase: pe,
-      inputReadonly: X,
-      inputAutocomplete: me,
-      required: be,
-      textAlign: he,
+      inputUppercase: be,
+      inputReadonly: Z,
+      inputAutocomplete: Ce,
+      required: ge,
+      textAlign: xe,
       hasBorderRadius: _,
-      activeTextStyle: k,
-      theme: L,
-      inputStyle: Ae,
-      lightBgColor: qe,
-      lightBgColorFocus: _e,
+      activeTextStyle: L,
+      theme: x,
+      inputStyle: $e,
+      lightBgColor: je,
+      lightBgColorFocus: we,
       lightBorderColor: at,
-      lightBorderColorFocus: Je,
+      lightBorderColorFocus: ye,
       lightDisabledBgColor: lt,
       lightTextColor: gt,
       lightChipBgColor: Xe,
-      lightChipTextColor: ke,
-      lightChipRemoveColor: Ce,
+      lightChipTextColor: Te,
+      lightChipRemoveColor: Se,
       lightDisabledBorderColor: yt,
       darkBgColor: nt,
       darkBgColorFocus: st,
       darkBorderColor: dt,
       darkBorderColorFocus: ct,
-      darkDisabledBgColor: je,
-      darkTextColor: He,
+      darkDisabledBgColor: He,
+      darkTextColor: Ue,
       darkChipBgColor: Ze,
-      darkChipTextColor: Ue,
+      darkChipTextColor: Ge,
       darkChipRemoveColor: y,
-      darkDisabledBorderColor: S,
-      tabIndex: oe,
-      hasTabIndexEnter: Z,
-      ariaLabel: ge,
-      ariaAttrs: $e,
-      caretColor: Ge,
-      selectionBgColor: ue,
+      darkDisabledBorderColor: V,
+      tabIndex: ue,
+      hasTabIndexEnter: ee,
+      ariaLabel: me,
+      ariaAttrs: Re,
+      caretColor: Ke,
+      selectionBgColor: re,
       selectionTextColor: d,
       showLabel: b,
-      label: ce,
+      label: fe,
       labelBackground: Y,
-      labelPadding: ee,
-      labelBorderRadius: we,
-      labelLeft: Re,
-      inputLabelMarginActive: Pe,
-      labelActiveTop: Ke,
+      labelPadding: te,
+      labelBorderRadius: Me,
+      labelLeft: ze,
+      inputLabelMarginActive: Fe,
+      labelActiveTop: Ye,
       labelActiveLeft: et,
       fontFamilyLabel: ot,
       fontSizeLabel: ut,
       fontSizeLabelActive: ft,
       fontWeightLabel: h,
       lightTextColorLabel: M,
-      lightTextColorLabelActive: V,
-      darkTextColorLabel: Fe,
+      lightTextColorLabelActive: k,
+      darkTextColorLabel: Oe,
       darkTextColorLabelActive: T
-    } = va(P), ye = Q(""), Vt = Q(null), kt = Q(null), rt = Q(null), H = Q([]), N = Q(!1), te = a(() => {
-      const u = J.value ? "component-disabled" : "", g = xe.value !== "b" ? "inline-block" : "block", E = !Ve.value || Ve.value < 185 ? 185 : Ve.value, Oe = ve ? ve.value : "ffffff", Nt = Ge.value ? Ge.value : "", Xt = ue.value ? ue.value : "", ht = d.value ? d.value : "", Wt = Te.value !== 0 && !Te.value || Te.value < 0 ? 1 : Te.value, Et = Se.value !== 0 && !Se.value || Se.value < 0 ? 0.2 : Se.value, Zt = ie.value !== 0 && !ie.value || ie.value < 0 ? 0 : ie.value, ea = Ee.value ? Ee.value : "'Lato', sans-serif", Ct = Be.value ? Be.value : "1.4em", ta = le.value !== 0 && !le.value || le.value < 0 ? 100 : le.value, aa = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, la = se.value !== 0 && !se.value || se.value < 0 ? 10 : se.value, na = !K.value || !["top", "bottom"].includes(K.value) ? "bottom" : K.value, $t = !Ae.value || !["background", "line", "border"].includes(Ae.value) ? "background" : Ae.value, oa = L.value ? L.value : "light", ua = b.value ? b.value : !1, ra = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, Pt = Y.value ? Y.value : "transparent", Ft = Pe.value !== 0 && !Pe.value || Pe.value < 0 ? 15 : Pe.value, Ot = ee.value ? ee.value : "1px 5px", bt = we.value !== 0 && !we.value || we.value < 0 ? 0 : we.value, Tt = Ke.value === null || Ke.value === void 0 ? 13 : Ke.value, xt = et.value === null || et.value === void 0 ? 5 : et.value, qt = ot.value ? ot.value : "'Lato', sans-serif", o = ut.value ? ut.value : "1em", p = ft.value ? ft.value : "0.8em", w = h.value ? h.value : 400, Ye = M.value ? M.value : "#333333", Qe = Fe.value ? Fe.value : "#ffffff", t = V.value ? V.value : "#333333", l = T.value ? T.value : "#ffffff";
+    } = va(P), he = J(""), Vt = J(null), kt = J(null), rt = J(null), H = J([]), I = J(!1), ae = a(() => {
+      const u = X.value ? "component-disabled" : "", g = Ve.value !== "b" ? "inline-block" : "block", E = !Le.value || Le.value < 185 ? 185 : Le.value, qe = pe ? pe.value : "ffffff", It = Ke.value ? Ke.value : "", Xt = re.value ? re.value : "", ht = d.value ? d.value : "", Wt = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 1 : Ae.value, Et = ke.value !== 0 && !ke.value || ke.value < 0 ? 0.2 : ke.value, Zt = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, ea = Pe.value ? Pe.value : "'Lato', sans-serif", Ct = _e.value ? _e.value : "1.4em", ta = ne.value !== 0 && !ne.value || ne.value < 0 ? 100 : ne.value, aa = oe.value !== 0 && !oe.value || oe.value < 0 ? 0 : oe.value, la = de.value !== 0 && !de.value || de.value < 0 ? 10 : de.value, na = !K.value || !["top", "bottom"].includes(K.value) ? "bottom" : K.value, $t = !$e.value || !["background", "line", "border"].includes($e.value) ? "background" : $e.value, oa = x.value ? x.value : "light", ua = b.value ? b.value : !1, ra = ze.value !== 0 && !ze.value || ze.value < 0 ? 5 : ze.value, Pt = Y.value ? Y.value : "transparent", Ft = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 15 : Fe.value, Ot = te.value ? te.value : "1px 5px", bt = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, Tt = Ye.value === null || Ye.value === void 0 ? 13 : Ye.value, xt = et.value === null || et.value === void 0 ? 5 : et.value, qt = ot.value ? ot.value : "'Lato', sans-serif", o = ut.value ? ut.value : "1em", f = ft.value ? ft.value : "0.8em", w = h.value ? h.value : 400, Qe = M.value ? M.value : "#333333", Je = Oe.value ? Oe.value : "#ffffff", t = k.value ? k.value : "#333333", l = T.value ? T.value : "#ffffff";
       return {
         disabled: u,
         display: g,
@@ -1887,8 +1898,8 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
         font: ea,
         fontSize: Ct,
         fontWeight: ta,
-        textColor: Oe,
-        caretColor: Nt,
+        textColor: qe,
+        caretColor: It,
         selectionBgColor: Xt,
         selectionTextColor: ht,
         paddingX: Wt,
@@ -1909,34 +1920,34 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
         labelActiveLeft: xt,
         fontFamilyLabel: qt,
         fontSizeLabel: o,
-        fontSizeLabelActive: p,
+        fontSizeLabelActive: f,
         fontWeightLabel: w,
-        lightTextColorLabel: Ye,
-        darkTextColorLabel: Qe,
+        lightTextColorLabel: Qe,
+        darkTextColorLabel: Je,
         lightTextColorLabelActive: t,
         darkTextColorLabelActive: l
       };
-    }), $ = a(() => te.value.disabled), z = a(() => {
-      const u = te.value, g = _t.value;
+    }), $ = a(() => ae.value.disabled), z = a(() => {
+      const u = ae.value, g = _t.value;
       return {
         display: u.display,
         // Adiciona padding-top quando o label está ativo para evitar que seja cortado
         paddingTop: g && b.value ? `${Math.abs(u.labelActiveTop)}px` : "0"
       };
-    }), ae = a(() => {
-      const u = te.value;
+    }), le = a(() => {
+      const u = ae.value;
       return u.fontSize ? u.fontSize : "1.4em";
     }), W = a(() => {
-      const u = te.value, g = _t.value;
+      const u = ae.value, g = _t.value;
       return {
         color: u.textColor,
         padding: `${u.paddingY}rem ${u.paddingX}rem`,
         fontWeight: u.fontWeight,
-        textAlign: he.value,
+        textAlign: xe.value,
         marginTop: g && b.value ? `${u.inputLabelMarginActive}px` : "0"
       };
     }), wt = a(() => {
-      switch (k.value) {
+      switch (L.value) {
         case "italic":
           return "component__text--italic";
         case "oblique":
@@ -1945,27 +1956,27 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
           return "component__text--normal";
       }
     }), Rt = a(() => {
-      const u = te.value;
+      const u = ae.value;
       return u.inputStyle !== "line" && _.value ? { borderRadius: `${u.borderRadius}rem` } : {};
-    }), Me = a(() => te.value.font), vt = a(() => te.value.textColor), it = a(() => te.value.inputPosition === "top" ? "column" : "column-reverse"), pt = a(() => {
+    }), Q = a(() => ae.value.font), vt = a(() => ae.value.textColor), it = a(() => ae.value.inputPosition === "top" ? "column" : "column-reverse"), pt = a(() => {
       const u = {};
-      $e.value && Object.keys($e.value).forEach((Oe) => u[`aria-${Oe}`] = $e.value[Oe]);
+      Re.value && Object.keys(Re.value).forEach((qe) => u[`aria-${qe}`] = Re.value[qe]);
       const g = {
-        "aria-label": ge.value,
-        "aria-disabled": J.value,
+        "aria-label": me.value,
+        "aria-disabled": X.value,
         ...u
       };
       return Object.fromEntries(
-        Object.entries(g).filter(([E, Oe]) => Oe != null)
+        Object.entries(g).filter(([E, qe]) => qe != null)
       );
     }), B = a(() => {
-      const u = te.value;
+      const u = ae.value;
       return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
     }), Mt = a(() => {
-      const u = te.value;
+      const u = ae.value;
       return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
     }), zt = a(() => {
-      const u = te.value;
+      const u = ae.value;
       return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
     }), Bt = a(() => ({
       caretColor: B.value
@@ -1973,17 +1984,17 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
       "--selection-bg-color": Mt.value,
       "--selection-text-color": zt.value
     })), mt = a(() => {
-      const u = te.value, g = {
+      const u = ae.value, g = {
         width: `${u.width}px`
       };
       return u.display === "block" ? { width: "auto" } : g;
-    }), At = a(() => de.value ? de.value : `${I.value}-name-label`), _t = a(() => N.value || H.value.length > 0 || ye.value && ye.value.trim().length > 0), Dt = a(() => b.value ? N.value || H.value.length > 0 ? F.value : "" : F.value), Ut = a(() => {
-      const u = te.value, g = _t.value, E = g ? u.lightTextColorLabelActive : u.lightTextColorLabel, Oe = g ? u.darkTextColorLabelActive : u.darkTextColorLabel;
+    }), At = a(() => ce.value ? ce.value : `${N.value}-name-label`), _t = a(() => I.value || H.value.length > 0 || he.value && he.value.trim().length > 0), Dt = a(() => b.value ? I.value || H.value.length > 0 ? F.value : "" : F.value), Ut = a(() => {
+      const u = ae.value, g = _t.value, E = g ? u.lightTextColorLabelActive : u.lightTextColorLabel, qe = g ? u.darkTextColorLabelActive : u.darkTextColorLabel;
       return {
         fontFamily: u.fontFamilyLabel,
         fontSize: g ? u.fontSizeLabelActive : u.fontSizeLabel,
         fontWeight: u.fontWeightLabel,
-        color: u.theme === "dark" ? Oe : E,
+        color: u.theme === "dark" ? qe : E,
         top: g ? `${u.labelActiveTop}px` : "50%",
         left: g ? `${u.labelActiveLeft}px` : `${u.labelLeft}px`,
         transform: g ? "translateY(0)" : "translateY(-50%)",
@@ -1993,14 +2004,14 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
         borderRadius: g ? `${u.labelBorderRadius}rem` : "0"
       };
     }), Gt = a(() => {
-      switch (L.value) {
+      switch (x.value) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
     }), Kt = a(() => {
-      switch (Ae.value) {
+      switch ($e.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2011,25 +2022,25 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
     }), Yt = () => {
       C("clicked");
     }, Qt = () => {
-      N.value = !0, C("focused");
+      I.value = !0, C("focused");
     }, Jt = () => {
-      N.value = !1, C("blurred");
+      I.value = !1, C("blurred");
     }, Lt = (u) => {
-      if (!(J.value || X.value) && u.key === "Enter" && ye.value.trim() !== "") {
+      if (!(X.value || Z.value) && u.key === "Enter" && he.value.trim() !== "") {
         u.preventDefault();
-        let g = ye.value.trim();
-        pe.value && (g = g.toUpperCase()), (R.value || !H.value.includes(g)) && It(g), ye.value = "";
+        let g = he.value.trim();
+        be.value && (g = g.toUpperCase()), (R.value || !H.value.includes(g)) && Nt(g), he.value = "";
       }
-    }, It = (u) => {
+    }, Nt = (u) => {
       H.value.push(u), C("added", u);
     }, r = (u) => {
       H.value = H.value.filter((g) => g !== u), C("removed", u);
     };
     return U(G, (u) => {
       H.value = u, C("changed", u);
-    }), U(ye, (u) => {
+    }), U(he, (u) => {
       C("input-changed", u);
-    }), (u, g) => n(I) ? (O(), j("div", da({
+    }), (u, g) => n(N) ? (O(), j("div", da({
       key: 0,
       class: ["nb-wrapper", $.value],
       style: [z.value],
@@ -2039,14 +2050,14 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
         key: 0,
         for: At.value,
         class: "component__label",
-        style: We([Ut.value])
-      }, St(n(ce)), 13, Bl)) : Le("", !0),
-      fe("div", {
-        id: n(I),
+        style: Ee([Ut.value])
+      }, St(n(fe)), 13, Bl)) : Be("", !0),
+      ve("div", {
+        id: n(N),
         ref_key: "chipsContainer",
         ref: Vt,
-        class: Ne(["nb-reset", "component", Gt.value, Kt.value]),
-        style: We([W.value, mt.value, Rt.value])
+        class: We(["nb-reset", "component", Gt.value, Kt.value]),
+        style: Ee([W.value, mt.value, Rt.value])
       }, [
         H.value.length > 0 ? (O(), j("div", {
           key: 0,
@@ -2063,40 +2074,40 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
               chip: E,
               removeChip: r
             }, () => [
-              fe("span", _l, St(E), 1),
-              !n(J) && !n(X) ? (O(), j("span", {
+              ve("span", _l, St(E), 1),
+              !n(X) && !n(Z) ? (O(), j("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (Oe) => r(E)
-              }, "×", 8, $l)) : Le("", !0)
+                onClick: (qe) => r(E)
+              }, "×", 8, $l)) : Be("", !0)
             ], !0)
           ]))), 128))
-        ], 512)) : Le("", !0),
-        pa(fe("input", {
+        ], 512)) : Be("", !0),
+        pa(ve("input", {
           ref_key: "chipInput",
           ref: kt,
           type: "text",
-          "onUpdate:modelValue": g[0] || (g[0] = (E) => ye.value = E),
+          "onUpdate:modelValue": g[0] || (g[0] = (E) => he.value = E),
           id: At.value,
           name: At.value,
           placeholder: Dt.value,
-          readonly: n(X),
-          autocomplete: n(me),
-          required: n(be),
-          tabindex: n(J) || n(X) ? -1 : n(oe),
-          class: Ne(["chips-input", wt.value]),
-          style: We([Bt.value, Ht.value]),
-          onKeydown: g[1] || (g[1] = jt((E) => !n(J) && n(Z) && Lt(E), ["enter"])),
+          readonly: n(Z),
+          autocomplete: n(Ce),
+          required: n(ge),
+          tabindex: n(X) || n(Z) ? -1 : n(ue),
+          class: We(["chips-input", wt.value]),
+          style: Ee([Bt.value, Ht.value]),
+          onKeydown: g[1] || (g[1] = jt((E) => !n(X) && n(ee) && Lt(E), ["enter"])),
           onFocus: Qt,
           onBlur: Jt
         }, null, 46, wl), [
-          [Ua, ye.value]
+          [Ua, he.value]
         ])
       ], 14, Al)
-    ], 16)) : Le("", !0);
+    ], 16)) : Be("", !0);
   }
-}), Ml = /* @__PURE__ */ ba(Rl, [["__scopeId", "data-v-c066fb82"]]);
-const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Nl = /* @__PURE__ */ Object.assign({
+}), Ml = /* @__PURE__ */ ba(Rl, [["__scopeId", "data-v-3467aba9"]]);
+const zl = ["id"], Dl = ["for"], Nl = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Il = /* @__PURE__ */ Object.assign({
   name: "NbTextarea",
   inheritAttrs: !1
 }, {
@@ -2466,103 +2477,103 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
   ],
   setup(e, { emit: m }) {
     fa((r) => ({
-      "35d5fe9e": N.value,
-      "2a0fe562": n(Xe),
-      "06a3b882": wt.value,
-      "2de69c54": Rt.value,
-      "34a20228": Me.value,
-      "4caccc1e": n(nt),
-      "8a4f3906": n(yt),
-      f93396ce: n(ke),
-      "717e27bf": n(Ce),
-      "1a634f4a": n(gt),
-      "71d5e777": n(Je),
-      "69e18fa1": n(lt),
-      "7c7e4d9c": kt.value,
-      "74e4862e": n(st),
-      "3d6d3836": At.value,
-      b7a4e8ee: te.value,
-      "04c04170": $.value,
-      "7e298071": z.value,
-      "743e5ecb": W.value,
-      "684706a2": r.styleButtonColor,
-      "3526b9d8": ae.value
+      "047a55d8": I.value,
+      ea886f76: n(Xe),
+      "5f575c4c": wt.value,
+      "49bec09e": Rt.value,
+      "6c0f38b6": Q.value,
+      "39a7a83b": n(nt),
+      f3bddb72: n(yt),
+      "57474d63": n(Te),
+      "2f3efd35": n(Se),
+      dec8fa5e: n(gt),
+      "1a17e7ed": n(ye),
+      "643b68eb": n(lt),
+      "21bee77c": kt.value,
+      "07928033": n(st),
+      "34a18ea8": At.value,
+      "780ea453": ae.value,
+      56538312: $.value,
+      "788359bb": z.value,
+      dfd2f9d6: W.value,
+      ecc55bb6: r.styleButtonColor,
+      f59f43ec: le.value
     })), sa(() => {
-      V.value = qe.value;
+      k.value = je.value;
     }), ma(() => {
       Qt();
     });
     const C = m, P = e, {
-      nbId: I,
-      display: xe,
-      hasTabIndexEnter: ve,
-      ariaLabel: Te,
-      ariaAttrs: Se,
-      textColor: ie,
-      caretColor: J,
-      selectionBgColor: Ee,
-      selectionTextColor: Be,
-      hasBorderRadius: le,
+      nbId: N,
+      display: Ve,
+      hasTabIndexEnter: pe,
+      ariaLabel: Ae,
+      ariaAttrs: ke,
+      textColor: se,
+      caretColor: X,
+      selectionBgColor: Pe,
+      selectionTextColor: _e,
+      hasBorderRadius: ne,
       borderRadius: G,
       disabled: R,
-      fontFamily: ne,
-      fontSize: se,
+      fontFamily: oe,
+      fontSize: de,
       fontWeight: K,
-      fontFamilyMsg: Ve,
-      fontSizeMsg: de,
+      fontFamilyMsg: Le,
+      fontSizeMsg: ce,
       fontWeightMsg: F,
-      textMessageColor: pe,
-      inputWidth: X,
-      inputStyle: me,
-      activeTextStyle: be,
-      inputReadonly: he,
+      textMessageColor: be,
+      inputWidth: Z,
+      inputStyle: Ce,
+      activeTextStyle: ge,
+      inputReadonly: xe,
       hasTrim: _,
-      inputUppercase: k,
-      inputName: L,
-      inputPlaceholder: Ae,
-      inputText: qe,
-      theme: _e,
+      inputUppercase: L,
+      inputName: x,
+      inputPlaceholder: $e,
+      inputText: je,
+      theme: we,
       tabindex: at,
-      lightBgColor: Je,
+      lightBgColor: ye,
       lightBgColorFocus: lt,
       lightDisabledBgColor: gt,
       lightTextColor: Xe,
-      darkBgColor: ke,
-      darkBgColorFocus: Ce,
+      darkBgColor: Te,
+      darkBgColorFocus: Se,
       darkDisabledBgColor: yt,
       darkTextColor: nt,
       textAlign: st,
       showMsg: dt,
       hasMsg: ct,
-      showLabel: je,
-      labelBackground: He,
+      showLabel: He,
+      labelBackground: Ue,
       labelPadding: Ze,
-      labelBorderRadius: Ue,
+      labelBorderRadius: Ge,
       labelLeft: y,
-      inputLabelMarginActive: S,
-      labelActiveTop: oe,
-      labelActiveLeft: Z,
-      fontFamilyLabel: ge,
-      fontSizeLabel: $e,
-      fontSizeLabelActive: Ge,
-      fontWeightLabel: ue,
+      inputLabelMarginActive: V,
+      labelActiveTop: ue,
+      labelActiveLeft: ee,
+      fontFamilyLabel: me,
+      fontSizeLabel: Re,
+      fontSizeLabelActive: Ke,
+      fontWeightLabel: re,
       lightTextColorLabel: d,
       lightTextColorLabelActive: b,
-      darkTextColorLabel: ce,
+      darkTextColorLabel: fe,
       darkTextColorLabelActive: Y,
-      rows: ee,
-      cols: we,
-      maxlength: Re,
-      minlength: Pe,
-      wrap: Ke,
+      rows: te,
+      cols: Me,
+      maxlength: ze,
+      minlength: Fe,
+      wrap: Ye,
       spellcheck: et,
       autofocus: ot,
       resize: ut,
       autoResize: ft,
       minRows: h,
       maxRows: M
-    } = va(P), V = Q(""), Fe = Q(!1), T = a(() => {
-      const r = R.value ? "component-disabled" : "", u = xe.value !== "b" ? "inline-block" : "block", g = ie ? ie.value : "ffffff", E = J.value ? J.value : "", Oe = Ee.value ? Ee.value : "", Nt = Be.value ? Be.value : "", Xt = le.value ? le.value : !1, ht = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, Wt = ne.value ? ne.value : "'Lato', sans-serif", Et = se.value ? se.value : "1.4em", Zt = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, ea = Ve.value ? Ve.value : "'Lato', sans-serif", Ct = de.value ? de.value : "1em", ta = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, aa = pe.value ? pe.value : "#f15574", la = X.value ? X.value : 200, na = be.value ? be.value : "normal", $t = he.value ? he.value : !1, oa = k.value ? k.value : !1, ua = _e.value ? _e.value : "normal", ra = st.value ? st.value : "left", Pt = me.value ? me.value : "background", Ft = je.value ? je.value : !1, Ot = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, bt = He.value ? He.value : "transparent", Tt = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, xt = Ze.value ? Ze.value : "1px 5px", qt = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 0 : Ue.value, o = oe.value === null || oe.value === void 0 ? -13 : oe.value, p = Z.value === null || Z.value === void 0 ? -10 : Z.value, w = ge.value ? ge.value : "'Lato', sans-serif", Ye = $e.value ? $e.value : "1em", Qe = Ge.value ? Ge.value : "0.8em", t = ue.value ? ue.value : 400, l = d.value ? d.value : "#ffffff", s = ce.value ? ce.value : "#000000", i = b.value ? b.value : "#ffffff", f = Y.value ? Y.value : "#000000", c = ee.value && ee.value > 0 ? ee.value : 2, v = we.value && we.value > 0 ? we.value : 20, x = Re.value !== null && Re.value >= 0 ? Re.value : null, A = Pe.value !== null && Pe.value >= 0 ? Pe.value : null, D = Ke.value && ["soft", "hard", "off"].includes(Ke.value) ? Ke.value : "soft", q = et.value !== void 0 ? et.value : "default", re = ot.value !== void 0 ? ot.value : !1, ze = ut.value && ["none", "both", "vertical", "horizontal"].includes(ut.value) ? ut.value : "vertical", tt = ft.value !== void 0 ? ft.value : !1, De = h.value !== null && h.value > 0 ? h.value : null, Ie = M.value !== null && M.value > 0 ? M.value : null;
+    } = va(P), k = J(""), Oe = J(!1), T = a(() => {
+      const r = R.value ? "component-disabled" : "", u = Ve.value !== "b" ? "inline-block" : "block", g = se ? se.value : "ffffff", E = X.value ? X.value : "", qe = Pe.value ? Pe.value : "", It = _e.value ? _e.value : "", Xt = ne.value ? ne.value : !1, ht = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, Wt = oe.value ? oe.value : "'Lato', sans-serif", Et = de.value ? de.value : "1.4em", Zt = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, ea = Le.value ? Le.value : "'Lato', sans-serif", Ct = ce.value ? ce.value : "1em", ta = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, aa = be.value ? be.value : "#f15574", la = Z.value ? Z.value : 200, na = ge.value ? ge.value : "normal", $t = xe.value ? xe.value : !1, oa = L.value ? L.value : !1, ua = we.value ? we.value : "normal", ra = st.value ? st.value : "left", Pt = Ce.value ? Ce.value : "background", Ft = He.value ? He.value : !1, Ot = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, bt = Ue.value ? Ue.value : "transparent", Tt = V.value !== 0 && !V.value || V.value < 0 ? 15 : V.value, xt = Ze.value ? Ze.value : "1px 5px", qt = Ge.value !== 0 && !Ge.value || Ge.value < 0 ? 0 : Ge.value, o = ue.value === null || ue.value === void 0 ? -13 : ue.value, f = ee.value === null || ee.value === void 0 ? -10 : ee.value, w = me.value ? me.value : "'Lato', sans-serif", Qe = Re.value ? Re.value : "1em", Je = Ke.value ? Ke.value : "0.8em", t = re.value ? re.value : 400, l = d.value ? d.value : "#ffffff", s = fe.value ? fe.value : "#000000", i = b.value ? b.value : "#ffffff", v = Y.value ? Y.value : "#000000", c = te.value && te.value > 0 ? te.value : 2, p = Me.value && Me.value > 0 ? Me.value : 20, S = ze.value !== null && ze.value >= 0 ? ze.value : null, A = Fe.value !== null && Fe.value >= 0 ? Fe.value : null, D = Ye.value && ["soft", "hard", "off"].includes(Ye.value) ? Ye.value : "soft", q = et.value !== void 0 ? et.value : "default", ie = ot.value !== void 0 ? ot.value : !1, De = ut.value && ["none", "both", "vertical", "horizontal"].includes(ut.value) ? ut.value : "vertical", tt = ft.value !== void 0 ? ft.value : !1, Ne = h.value !== null && h.value > 0 ? h.value : null, Ie = M.value !== null && M.value > 0 ? M.value : null;
       return {
         disabled: r,
         display: u,
@@ -2575,8 +2586,8 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         textMessageColor: aa,
         textColor: g,
         caretColor: E,
-        selectionBgColor: Oe,
-        selectionTextColor: Nt,
+        selectionBgColor: qe,
+        selectionTextColor: It,
         hasBorderRadius: Xt,
         borderRadius: ht,
         textAlign: ra,
@@ -2593,28 +2604,28 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         labelLeft: Ot,
         inputLabelMarginActive: Tt,
         labelActiveTop: o,
-        labelActiveLeft: p,
+        labelActiveLeft: f,
         fontFamilyLabel: w,
-        fontSizeLabel: Ye,
-        fontSizeLabelActive: Qe,
+        fontSizeLabel: Qe,
+        fontSizeLabelActive: Je,
         fontWeightLabel: t,
         lightTextColorLabel: l,
         darkTextColorLabel: s,
         lightTextColorLabelActive: i,
-        darkTextColorLabelActive: f,
+        darkTextColorLabelActive: v,
         rows: c,
-        cols: v,
-        maxlength: x,
+        cols: p,
+        maxlength: S,
         minlength: A,
         wrap: D,
         spellcheck: q,
-        autofocus: re,
-        resize: ze,
+        autofocus: ie,
+        resize: De,
         autoResize: tt,
-        minRows: De,
+        minRows: Ne,
         maxRows: Ie
       };
-    }), ye = a(() => T.value.disabled), Vt = a(() => ({
+    }), he = a(() => T.value.disabled), Vt = a(() => ({
       display: T.value.display
     })), kt = a(() => {
       const r = T.value;
@@ -2623,18 +2634,18 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       const r = T.value, u = mt.value;
       return {
         fontWeight: r.fontWeight,
-        marginTop: u && je.value ? `${r.inputLabelMarginActive}px` : "0"
+        marginTop: u && He.value ? `${r.inputLabelMarginActive}px` : "0"
       };
     }), H = a(() => {
       const r = T.value;
       return r.inputStyle !== "line" && r.hasBorderRadius ? { borderRadius: `${r.borderRadius}rem` } : {};
-    }), N = a(() => T.value.font), te = a(() => T.value.fontFamilyMsg), $ = a(() => T.value.fontSizeMsg), z = a(() => T.value.fontWeightMsg), ae = a(() => T.value.textColor), W = a(() => T.value.textMessageColor), wt = a(() => {
+    }), I = a(() => T.value.font), ae = a(() => T.value.fontFamilyMsg), $ = a(() => T.value.fontSizeMsg), z = a(() => T.value.fontWeightMsg), le = a(() => T.value.textColor), W = a(() => T.value.textMessageColor), wt = a(() => {
       const r = T.value;
       return r.caretColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
     }), Rt = a(() => {
       const r = T.value;
       return r.selectionBgColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Me = a(() => {
+    }), Q = a(() => {
       const r = T.value;
       return r.selectionTextColor || (r.theme === "dark" ? "#000000" : "#ffffff");
     }), vt = a(() => {
@@ -2643,7 +2654,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         width: `${r.inputWidth}px`
       };
     }), it = a(() => {
-      switch (me.value) {
+      switch (Ce.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2667,13 +2678,13 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         default:
           return "component__theme--light";
       }
-    }), Mt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), zt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Bt = a(() => L.value ? L.value : `${I.value}-name-label`), Ht = a(() => je.value ? Fe.value ? Ae.value : "" : Ae.value), mt = a(() => Fe.value || V.value && V.value.trim().length > 0);
-    a(() => Fe.value ? "component__input--active" : "component__input--no-active");
+    }), Mt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), zt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Bt = a(() => x.value ? x.value : `${N.value}-name-label`), Ht = a(() => He.value ? Oe.value ? $e.value : "" : $e.value), mt = a(() => Oe.value || k.value && k.value.trim().length > 0);
+    a(() => Oe.value ? "component__input--active" : "component__input--no-active");
     const At = a(() => "6px 10px"), _t = a(() => !!(dt.value && ct.value)), Dt = a(() => {
       const r = {};
-      Se.value && Object.keys(Se.value).forEach((E) => r[`aria-${E}`] = Se.value[E]);
+      ke.value && Object.keys(ke.value).forEach((E) => r[`aria-${E}`] = ke.value[E]);
       const u = {
-        "aria-label": Te.value,
+        "aria-label": Ae.value,
         "aria-disabled": R.value,
         ...r
       };
@@ -2715,43 +2726,43 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       whiteSpace: "nowrap",
       overflowX: "auto"
     } : {}), Qt = () => {
-      V.value = qe.value;
+      k.value = je.value;
     }, Jt = () => {
       C("clicked");
     }, Lt = () => {
-      R.value || T.value.inputReadonly || !ve.value || C("entered", V.value);
-    }, It = () => {
-      let r = V.value;
+      R.value || T.value.inputReadonly || !pe.value || C("entered", k.value);
+    }, Nt = () => {
+      let r = k.value;
       _.value && (r = r.trim()), C("current-value", r);
     };
-    return U(qe, (r) => {
-      r !== V.value && (V.value = r);
-    }, { immediate: !0 }), U(V, (r) => {
+    return U(je, (r) => {
+      r !== k.value && (k.value = r);
+    }, { immediate: !0 }), U(k, (r) => {
       _.value && (r = r.trim()), C("changed", r);
-    }), U(Fe, (r) => {
+    }), U(Oe, (r) => {
       C(r ? "focused" : "blurred");
-    }), U(V, () => {
-      It();
-    }, { immediate: !0 }), (r, u) => n(I) ? (O(), j("div", da({
+    }), U(k, () => {
+      Nt();
+    }, { immediate: !0 }), (r, u) => n(N) ? (O(), j("div", da({
       key: 0,
-      class: ["nb-wrapper", ye.value],
+      class: ["nb-wrapper", he.value],
       style: [Vt.value, vt.value, H.value],
       role: "input"
     }, Dt.value), [
-      fe("div", {
-        id: n(I),
-        class: Ne(["nb-reset", "component", B.value, Mt.value, it.value]),
-        style: We([rt.value, vt.value, H.value]),
+      ve("div", {
+        id: n(N),
+        class: We(["nb-reset", "component", B.value, Mt.value, it.value]),
+        style: Ee([rt.value, vt.value, H.value]),
         onClick: Jt
       }, [
-        n(je) ? (O(), j("label", {
+        n(He) ? (O(), j("label", {
           key: 0,
           for: Bt.value,
           class: "component__label",
-          style: We([Ut.value])
-        }, St(e.label), 13, Dl)) : Le("", !0),
-        pa(fe("textarea", da({
-          "onUpdate:modelValue": u[0] || (u[0] = (g) => V.value = g),
+          style: Ee([Ut.value])
+        }, St(e.label), 13, Dl)) : Be("", !0),
+        pa(ve("textarea", da({
+          "onUpdate:modelValue": u[0] || (u[0] = (g) => k.value = g),
           id: Bt.value,
           name: Bt.value
         }, Gt.value, {
@@ -2760,32 +2771,32 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
             pt.value
           ]],
           placeholder: Ht.value,
-          disabled: n(R) || n(he),
+          disabled: n(R) || n(xe),
           required: e.required,
-          readonly: n(he),
+          readonly: n(xe),
           autocomplete: e.inputAutocomplete,
-          tabindex: n(R) || n(he) ? -1 : n(at),
+          tabindex: n(R) || n(xe) ? -1 : n(at),
           role: "textbox",
           style: [H.value, Kt.value, Yt.value],
-          onFocus: u[1] || (u[1] = (g) => Fe.value = !0),
-          onBlur: u[2] || (u[2] = (g) => Fe.value = !1),
-          onInput: It,
-          onKeydown: u[3] || (u[3] = jt((g) => !n(R) && n(ve) && Lt(), ["enter"]))
-        }), null, 16, Il), [
-          [Ua, V.value]
+          onFocus: u[1] || (u[1] = (g) => Oe.value = !0),
+          onBlur: u[2] || (u[2] = (g) => Oe.value = !1),
+          onInput: Nt,
+          onKeydown: u[3] || (u[3] = jt((g) => !n(R) && n(pe) && Lt(), ["enter"]))
+        }), null, 16, Nl), [
+          [Ua, k.value]
         ])
       ], 14, zl),
       _t.value ? (O(), j("div", {
         key: 0,
-        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         ia(r.$slots, "message", {}, () => [
           ga(St(e.message), 1)
         ], !0)
-      ], 2)) : Le("", !0)
-    ], 16)) : Le("", !0);
+      ], 2)) : Be("", !0)
+    ], 16)) : Be("", !0);
   }
-}), Wl = /* @__PURE__ */ ba(Nl, [["__scopeId", "data-v-32c2ea2a"]]);
+}), Wl = /* @__PURE__ */ ba(Il, [["__scopeId", "data-v-c4b7eb6b"]]);
 const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Ol = /* @__PURE__ */ Object.assign({
   name: "NbDatePicker",
   inheritAttrs: !1
@@ -3128,108 +3139,108 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
   ],
   setup(e, { emit: m }) {
     fa((t) => ({
-      "3789b3cf": pt.value,
-      af1129be: Me.value,
-      "49d88d80": n(He),
-      "19fd8ab1": mt.value,
-      "2d5fcf43": At.value,
-      "28b19bca": _t.value,
-      "7f3fa840": n(S),
-      "0b8f862c": n(y),
-      "4db31370": n(Ze),
-      "38b952fe": Bt.value,
-      "6d42c920": n(Ue),
-      "8d84a0b4": Nt.value,
-      "444a8cd2": Xt.value,
-      "8e08e8e8": n(je),
-      "57c448b0": n(dt),
-      "0e0f9210": n(ct),
-      "0c809e58": n(oe),
-      c095a732: g.value,
-      "0c246590": B.value,
-      "10f9b177": Mt.value,
-      "225782e0": zt.value,
-      "73b791ba": Ht.value,
-      "23bcf060": t.styleButtonColor
+      "61b2bd67": pt.value,
+      "7d03ac89": Q.value,
+      cfe0b650: n(Ue),
+      "0701dbce": mt.value,
+      "51e828ab": At.value,
+      "0f7ed183": _t.value,
+      d6272570: n(V),
+      "39af1994": n(y),
+      "3723f1b0": n(Ze),
+      "66d8e666": Bt.value,
+      "370e0108": n(Ge),
+      "26ed153e": It.value,
+      "68d2e63a": Xt.value,
+      "4ece6524": n(He),
+      "35cfcd40": n(dt),
+      "564cdf78": n(ct),
+      "32f5d3c0": n(ue),
+      "01671dff": g.value,
+      "57eb48a0": B.value,
+      "19098e42": Mt.value,
+      "6a94d048": zt.value,
+      cf8029bc: Ht.value,
+      dd275410: t.styleButtonColor
     }));
     const C = nl(
       () => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
     );
     sa(() => {
-      h.value = _e.value;
+      h.value = we.value;
     }), ma(() => {
       Wt();
     });
-    const P = m, I = e, {
-      nbId: xe,
-      display: ve,
-      hasTabIndexEnter: Te,
-      ariaLabel: Se,
-      ariaAttrs: ie,
-      caretColor: J,
-      selectionBgColor: Ee,
-      selectionTextColor: Be,
-      hasBorderRadius: le,
+    const P = m, N = e, {
+      nbId: Ve,
+      display: pe,
+      hasTabIndexEnter: Ae,
+      ariaLabel: ke,
+      ariaAttrs: se,
+      caretColor: X,
+      selectionBgColor: Pe,
+      selectionTextColor: _e,
+      hasBorderRadius: ne,
       borderRadius: G,
       disabled: R,
-      fontFamily: ne,
-      fontSize: se,
+      fontFamily: oe,
+      fontSize: de,
       fontWeight: K,
-      fontFamilyMsg: Ve,
-      fontSizeMsg: de,
+      fontFamilyMsg: Le,
+      fontSizeMsg: ce,
       fontWeightMsg: F,
-      textMessageColor: pe,
-      inputWidth: X,
-      inputStyle: me,
-      activeTextStyle: be,
-      sizeMediaQuery: he,
+      textMessageColor: be,
+      inputWidth: Z,
+      inputStyle: Ce,
+      activeTextStyle: ge,
+      sizeMediaQuery: xe,
       inputReadonly: _,
-      inputType: k,
-      hasTrim: L,
-      inputUppercase: Ae,
-      inputName: qe,
-      inputText: _e,
+      inputType: L,
+      hasTrim: x,
+      inputUppercase: $e,
+      inputName: je,
+      inputText: we,
       min: at,
-      max: Je,
+      max: ye,
       step: lt,
       useCustomCalendar: gt,
       locale: Xe,
-      theme: ke,
-      allowRange: Ce,
+      theme: Te,
+      allowRange: Se,
       calendarZIndex: yt,
       calendarWidth: nt,
       tabindex: st,
       lightBgColor: dt,
       lightBgColorFocus: ct,
-      lightDisabledBgColor: je,
-      lightTextColor: He,
+      lightDisabledBgColor: He,
+      lightTextColor: Ue,
       darkBgColor: Ze,
-      darkBgColorFocus: Ue,
+      darkBgColorFocus: Ge,
       darkDisabledBgColor: y,
-      darkTextColor: S,
-      textAlign: oe,
-      showMsg: Z,
-      hasMsg: ge,
-      showLabel: $e,
-      labelBackground: Ge,
-      labelPadding: ue,
+      darkTextColor: V,
+      textAlign: ue,
+      showMsg: ee,
+      hasMsg: me,
+      showLabel: Re,
+      labelBackground: Ke,
+      labelPadding: re,
       labelBorderRadius: d,
       labelLeft: b,
-      inputLabelMarginActive: ce,
+      inputLabelMarginActive: fe,
       labelActiveTop: Y,
-      labelActiveLeft: ee,
-      fontFamilyLabel: we,
-      fontSizeLabel: Re,
-      fontSizeLabelActive: Pe,
-      fontWeightLabel: Ke,
+      labelActiveLeft: te,
+      fontFamilyLabel: Me,
+      fontSizeLabel: ze,
+      fontSizeLabelActive: Fe,
+      fontWeightLabel: Ye,
       lightTextColorLabel: et,
       lightTextColorLabelActive: ot,
       darkTextColorLabel: ut,
       darkTextColorLabelActive: ft
-    } = va(I), h = Q(""), M = Q(""), V = Q(""), Fe = Q(""), T = Q(!1), ye = Q(!1), Vt = a(() => !nt.value || nt.value < 280 ? 280 : parseInt(nt.value, 10)), kt = a(() => {
+    } = va(N), h = J(""), M = J(""), k = J(""), Oe = J(""), T = J(!1), he = J(!1), Vt = a(() => !nt.value || nt.value < 280 ? 280 : parseInt(nt.value, 10)), kt = a(() => {
       if (!h.value)
         return null;
-      if (Ce.value && typeof h.value == "string" && h.value.startsWith("{"))
+      if (Se.value && typeof h.value == "string" && h.value.startsWith("{"))
         try {
           const t = JSON.parse(h.value);
           if (t && (t.startDate || t.endDate)) {
@@ -3237,8 +3248,8 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
               if (!s)
                 return null;
               if (/^\d{4}-\d{2}-\d{2}$/.test(s)) {
-                const [i, f, c] = s.split("-").map(Number);
-                return new Date(i, f - 1, c);
+                const [i, v, c] = s.split("-").map(Number);
+                return new Date(i, v - 1, c);
               }
               return new Date(s);
             };
@@ -3249,7 +3260,7 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           }
         } catch {
         }
-      if (k.value === "date" && typeof h.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(h.value)) {
+      if (L.value === "date" && typeof h.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(h.value)) {
         const [t, l, s] = h.value.split("-").map(Number);
         return new Date(t, l - 1, s);
       }
@@ -3259,50 +3270,50 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         return "";
       const i = s || Xe.value;
       if (l === "date") {
-        if (Ce.value && typeof t == "string" && t.startsWith("{"))
+        if (Se.value && typeof t == "string" && t.startsWith("{"))
           try {
-            const f = JSON.parse(t);
-            if (f && (f.startDate || f.endDate)) {
+            const v = JSON.parse(t);
+            if (v && (v.startDate || v.endDate)) {
               const c = (A) => {
                 if (!A)
                   return "";
                 if (/^\d{4}-\d{2}-\d{2}$/.test(A)) {
-                  const [D, q, re] = A.split("-");
-                  return i === "pt-BR" ? `${re}/${q}/${D}` : `${q}/${re}/${D}`;
+                  const [D, q, ie] = A.split("-");
+                  return i === "pt-BR" ? `${ie}/${q}/${D}` : `${q}/${ie}/${D}`;
                 }
                 return A;
-              }, v = c(f.startDate), x = c(f.endDate);
-              if (v && x)
-                return `${v} - ${x}`;
-              if (v)
-                return v;
-              if (x)
-                return x;
+              }, p = c(v.startDate), S = c(v.endDate);
+              if (p && S)
+                return `${p} - ${S}`;
+              if (p)
+                return p;
+              if (S)
+                return S;
             }
           } catch {
           }
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t)) {
-          const [f, c, v] = t.split("-");
-          return i === "pt-BR" ? `${v}/${c}/${f}` : `${c}/${v}/${f}`;
+          const [v, c, p] = t.split("-");
+          return i === "pt-BR" ? `${p}/${c}/${v}` : `${c}/${p}/${v}`;
         }
         return t;
       } else if (l === "datetime-local") {
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
-          const [f, c] = t.split("T"), [v, x, A] = f.split("-");
-          return i === "pt-BR" ? `${A}/${x}/${v} ${c}` : `${x}/${A}/${v} ${c}`;
+          const [v, c] = t.split("T"), [p, S, A] = v.split("-");
+          return i === "pt-BR" ? `${A}/${S}/${p} ${c}` : `${S}/${A}/${p} ${c}`;
         }
         return t;
       } else if (l === "month") {
         if (typeof t == "string" && /^\d{4}-\d{2}$/.test(t)) {
-          const [f, c] = t.split("-");
-          return `${c}/${f}`;
+          const [v, c] = t.split("-");
+          return `${c}/${v}`;
         }
         return t;
       } else if (l === "week") {
         if (typeof t == "string" && /^\d{4}-W\d{2}$/i.test(t)) {
-          const f = t.match(/^(\d{4})-W(\d{2})$/i);
-          if (f)
-            return i === "pt-BR" ? `Semana ${f[2]} de ${f[1]}` : `Week ${f[2]} of ${f[1]}`;
+          const v = t.match(/^(\d{4})-W(\d{2})$/i);
+          if (v)
+            return i === "pt-BR" ? `Semana ${v[2]} de ${v[1]}` : `Week ${v[2]} of ${v[1]}`;
         }
         return t;
       }
@@ -3310,75 +3321,75 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     }, H = (t, l, s) => {
       if (!t || !t.trim())
         return "";
-      const i = t.trim(), f = s || Xe.value;
+      const i = t.trim(), v = s || Xe.value;
       if (l === "date") {
-        if (Ce.value && i.includes("-")) {
-          const c = i.split(/\s*-\s*/).map((D) => D.trim()), v = (D) => {
+        if (Se.value && i.includes("-")) {
+          const c = i.split(/\s*-\s*/).map((D) => D.trim()), p = (D) => {
             if (!D)
               return null;
             if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(D)) {
               const q = D.split("/");
-              if (f === "pt-BR") {
-                const [re, ze, tt] = q, De = re.padStart(2, "0"), Ie = ze.padStart(2, "0");
-                return `${tt}-${Ie}-${De}`;
+              if (v === "pt-BR") {
+                const [ie, De, tt] = q, Ne = ie.padStart(2, "0"), Ie = De.padStart(2, "0");
+                return `${tt}-${Ie}-${Ne}`;
               } else {
-                const [re, ze, tt] = q, De = ze.padStart(2, "0"), Ie = re.padStart(2, "0");
-                return `${tt}-${Ie}-${De}`;
+                const [ie, De, tt] = q, Ne = De.padStart(2, "0"), Ie = ie.padStart(2, "0");
+                return `${tt}-${Ie}-${Ne}`;
               }
             } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(D)) {
-              const q = D.split("-"), [re, ze, tt] = q, De = tt.padStart(2, "0"), Ie = ze.padStart(2, "0");
-              return `${re}-${Ie}-${De}`;
+              const q = D.split("-"), [ie, De, tt] = q, Ne = tt.padStart(2, "0"), Ie = De.padStart(2, "0");
+              return `${ie}-${Ie}-${Ne}`;
             }
             return null;
           };
-          let x = v(c[0]), A = c[1] ? v(c[1]) : null;
-          if (x && A) {
-            const D = new Date(x);
+          let S = p(c[0]), A = c[1] ? p(c[1]) : null;
+          if (S && A) {
+            const D = new Date(S);
             if (new Date(A) < D) {
-              const re = x;
-              x = A, A = re;
+              const ie = S;
+              S = A, A = ie;
             }
-            return JSON.stringify({ startDate: x, endDate: A });
-          } else if (x)
-            return JSON.stringify({ startDate: x, endDate: null });
+            return JSON.stringify({ startDate: S, endDate: A });
+          } else if (S)
+            return JSON.stringify({ startDate: S, endDate: null });
           return "";
         }
         if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(i)) {
           const c = i.split("/");
-          if (f === "pt-BR") {
-            const [v, x, A] = c, D = v.padStart(2, "0"), q = x.padStart(2, "0");
+          if (v === "pt-BR") {
+            const [p, S, A] = c, D = p.padStart(2, "0"), q = S.padStart(2, "0");
             return `${A}-${q}-${D}`;
           } else {
-            const [v, x, A] = c, D = x.padStart(2, "0"), q = v.padStart(2, "0");
+            const [p, S, A] = c, D = S.padStart(2, "0"), q = p.padStart(2, "0");
             return `${A}-${q}-${D}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(i)) {
-          const c = i.split("-"), [v, x, A] = c, D = A.padStart(2, "0"), q = x.padStart(2, "0");
-          return `${v}-${q}-${D}`;
+          const c = i.split("-"), [p, S, A] = c, D = A.padStart(2, "0"), q = S.padStart(2, "0");
+          return `${p}-${q}-${D}`;
         }
         return "";
       } else if (l === "datetime-local") {
         if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [c, v] = i.split(" "), x = c.split("/");
-          if (f === "pt-BR") {
-            const [A, D, q] = x, re = A.padStart(2, "0"), ze = D.padStart(2, "0"), De = v.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
-            return `${q}-${ze}-${re}T${De}`;
+          const [c, p] = i.split(" "), S = c.split("/");
+          if (v === "pt-BR") {
+            const [A, D, q] = S, ie = A.padStart(2, "0"), De = D.padStart(2, "0"), Ne = p.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
+            return `${q}-${De}-${ie}T${Ne}`;
           } else {
-            const [A, D, q] = x, re = D.padStart(2, "0"), ze = A.padStart(2, "0"), De = v.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
-            return `${q}-${ze}-${re}T${De}`;
+            const [A, D, q] = S, ie = D.padStart(2, "0"), De = A.padStart(2, "0"), Ne = p.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
+            return `${q}-${De}-${ie}T${Ne}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [c, v] = i.split("T"), x = c.split("-"), [A, D, q] = x, re = q.padStart(2, "0"), ze = D.padStart(2, "0"), De = v.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
-          return `${A}-${ze}-${re}T${De}`;
+          const [c, p] = i.split("T"), S = c.split("-"), [A, D, q] = S, ie = q.padStart(2, "0"), De = D.padStart(2, "0"), Ne = p.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
+          return `${A}-${De}-${ie}T${Ne}`;
         }
         return "";
       } else if (l === "month") {
         if (/^\d{1,2}\/\d{4}$/.test(i)) {
-          const [c, v] = i.split("/"), x = c.padStart(2, "0");
-          return `${v}-${x}`;
+          const [c, p] = i.split("/"), S = c.padStart(2, "0");
+          return `${p}-${S}`;
         } else if (/^\d{4}-\d{1,2}$/.test(i)) {
-          const [c, v] = i.split("-"), x = v.padStart(2, "0");
-          return `${c}-${x}`;
+          const [c, p] = i.split("-"), S = p.padStart(2, "0");
+          return `${c}-${S}`;
         }
         return "";
       } else if (l === "week") {
@@ -3387,29 +3398,29 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         const c = i.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
         if (c)
           return `${c[2]}-W${c[1]}`;
-        const v = i.match(/week\s+W?(\d{2})\s+of\s+(\d{4})/i);
-        return v ? `${v[2]}-W${v[1]}` : "";
+        const p = i.match(/week\s+W?(\d{2})\s+of\s+(\d{4})/i);
+        return p ? `${p[2]}-W${p[1]}` : "";
       }
       return i;
-    }, N = Q(!1), te = Q({ top: 0, left: 0 }), $ = Q(null), z = Q(null), ae = a(() => gt.value === !0), W = a(() => {
-      const t = R.value ? "component-disabled" : "", l = ve.value !== "b" ? "inline-block" : "block", s = J.value ? J.value : "", i = Ee.value ? Ee.value : "", f = Be.value ? Be.value : "", c = le.value ? le.value : !1, v = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, x = ne.value ? ne.value : "'Lato', sans-serif", A = se.value ? se.value : "1.4em", D = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, q = Ve.value ? Ve.value : "'Lato', sans-serif", re = de.value ? de.value : "1em", ze = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, tt = pe.value ? pe.value : "#f15574", De = X.value ? X.value : 200, Ie = be.value ? be.value : "normal", ha = "sm", Ca = _.value ? _.value : !1, xa = k.value ? k.value : "date", Sa = Ae.value ? Ae.value : !1, Va = ke.value ? ke.value : "normal", ka = oe.value ? oe.value : "left", La = me.value ? me.value : "background", Ta = $e.value ? $e.value : !1, Ba = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Aa = Ge.value ? Ge.value : "transparent", _a = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, $a = ue.value ? ue.value : "1px 5px", wa = d.value !== 0 && !d.value || d.value < 0 ? 0 : d.value, Ra = Y.value === null || Y.value === void 0 ? -13 : Y.value, Ma = ee.value === null || ee.value === void 0 ? -10 : ee.value, za = we.value ? we.value : "'Lato', sans-serif", Da = Re.value ? Re.value : "1em", Ia = Pe.value ? Pe.value : "0.8em", Na = Ke.value ? Ke.value : 400, Wa = et.value ? et.value : "#ffffff", Ea = ut.value ? ut.value : "#000000", Pa = ot.value ? ot.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
+    }, I = J(!1), ae = J({ top: 0, left: 0 }), $ = J(null), z = J(null), le = a(() => gt.value === !0), W = a(() => {
+      const t = R.value ? "component-disabled" : "", l = pe.value !== "b" ? "inline-block" : "block", s = X.value ? X.value : "", i = Pe.value ? Pe.value : "", v = _e.value ? _e.value : "", c = ne.value ? ne.value : !1, p = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, S = oe.value ? oe.value : "'Lato', sans-serif", A = de.value ? de.value : "1.4em", D = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, q = Le.value ? Le.value : "'Lato', sans-serif", ie = ce.value ? ce.value : "1em", De = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, tt = be.value ? be.value : "#f15574", Ne = Z.value ? Z.value : 200, Ie = ge.value ? ge.value : "normal", ha = "sm", Ca = _.value ? _.value : !1, xa = L.value ? L.value : "date", Sa = $e.value ? $e.value : !1, Va = Te.value ? Te.value : "normal", ka = ue.value ? ue.value : "left", La = Ce.value ? Ce.value : "background", Ta = Re.value ? Re.value : !1, Ba = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Aa = Ke.value ? Ke.value : "transparent", _a = fe.value !== 0 && !fe.value || fe.value < 0 ? 15 : fe.value, $a = re.value ? re.value : "1px 5px", wa = d.value !== 0 && !d.value || d.value < 0 ? 0 : d.value, Ra = Y.value === null || Y.value === void 0 ? -13 : Y.value, Ma = te.value === null || te.value === void 0 ? -10 : te.value, za = Me.value ? Me.value : "'Lato', sans-serif", Da = ze.value ? ze.value : "1em", Na = Fe.value ? Fe.value : "0.8em", Ia = Ye.value ? Ye.value : 400, Wa = et.value ? et.value : "#ffffff", Ea = ut.value ? ut.value : "#000000", Pa = ot.value ? ot.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
       return {
         disabled: t,
         display: l,
-        font: x,
+        font: S,
         fontSize: A,
         fontWeight: D,
         fontFamilyMsg: q,
-        fontSizeMsg: re,
-        fontWeightMsg: ze,
+        fontSizeMsg: ie,
+        fontWeightMsg: De,
         textMessageColor: tt,
         caretColor: s,
         selectionBgColor: i,
-        selectionTextColor: f,
+        selectionTextColor: v,
         hasBorderRadius: c,
-        borderRadius: v,
+        borderRadius: p,
         textAlign: ka,
-        inputWidth: De,
+        inputWidth: Ne,
         activeTextStyle: Ie,
         sizeMediaQuery: ha,
         inputReadonly: Ca,
@@ -3427,8 +3438,8 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         labelActiveLeft: Ma,
         fontFamilyLabel: za,
         fontSizeLabel: Da,
-        fontSizeLabelActive: Ia,
-        fontWeightLabel: Na,
+        fontSizeLabelActive: Na,
+        fontWeightLabel: Ia,
         lightTextColorLabel: Wa,
         darkTextColorLabel: Ea,
         lightTextColorLabelActive: Pa,
@@ -3436,19 +3447,19 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       };
     }), wt = a(() => W.value.disabled), Rt = a(() => ({
       display: W.value.display
-    })), Me = a(() => {
+    })), Q = a(() => {
       const t = W.value;
       return t.fontSize ? t.fontSize : "1.4em";
     }), vt = a(() => {
       const t = W.value, l = r.value;
       return {
         fontWeight: t.fontWeight,
-        marginTop: l && $e.value ? `${t.inputLabelMarginActive}px` : "0"
+        marginTop: l && Re.value ? `${t.inputLabelMarginActive}px` : "0"
       };
     }), it = a(() => {
       const t = W.value;
       return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
-    }), pt = a(() => W.value.font), B = a(() => W.value.fontFamilyMsg), Mt = a(() => W.value.fontSizeMsg), zt = a(() => W.value.fontWeightMsg), Bt = a(() => ke.value === "dark" ? S.value : He.value), Ht = a(() => W.value.textMessageColor), mt = a(() => {
+    }), pt = a(() => W.value.font), B = a(() => W.value.fontFamilyMsg), Mt = a(() => W.value.fontSizeMsg), zt = a(() => W.value.fontWeightMsg), Bt = a(() => Te.value === "dark" ? V.value : Ue.value), Ht = a(() => W.value.textMessageColor), mt = a(() => {
       const t = W.value;
       return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
     }), At = a(() => {
@@ -3463,7 +3474,7 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         width: `${t.inputWidth}px`
       };
     }), Ut = a(() => {
-      switch (me.value) {
+      switch (Ce.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -3487,24 +3498,24 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__theme--light";
       }
-    }), Qt = a(() => W.value.inputReadonly ? "component__input--read-only" : ""), Jt = a(() => W.value.inputUppercase ? "component__input--uppercase" : ""), Lt = a(() => qe.value ? qe.value : `${xe.value}-name-label`), It = a(() => ""), r = a(() => T.value || M.value && M.value.trim().length > 0), u = a(() => !M.value || M.value.trim().length === 0 ? "component__input--empty" : "");
+    }), Qt = a(() => W.value.inputReadonly ? "component__input--read-only" : ""), Jt = a(() => W.value.inputUppercase ? "component__input--uppercase" : ""), Lt = a(() => je.value ? je.value : `${Ve.value}-name-label`), Nt = a(() => ""), r = a(() => T.value || M.value && M.value.trim().length > 0), u = a(() => !M.value || M.value.trim().length === 0 ? "component__input--empty" : "");
     a(() => T.value ? "component__input--active" : "component__input--no-active");
-    const g = a(() => "6px 10px"), E = a(() => !!(Z.value && ge.value)), Oe = a(() => {
+    const g = a(() => "6px 10px"), E = a(() => !!(ee.value && me.value)), qe = a(() => {
       const t = {};
-      ie.value && Object.keys(ie.value).forEach((i) => t[`aria-${i}`] = ie.value[i]);
+      se.value && Object.keys(se.value).forEach((i) => t[`aria-${i}`] = se.value[i]);
       const l = {
-        "aria-label": Se.value,
+        "aria-label": ke.value,
         "aria-disabled": R.value,
         ...t
       };
       return Object.fromEntries(
         Object.entries(l).filter(([s, i]) => i != null)
       );
-    }), Nt = a(() => {
-      const t = ke.value === "dark" ? Ze.value : dt.value, l = ke.value === "dark" ? S.value : He.value;
+    }), It = a(() => {
+      const t = Te.value === "dark" ? Ze.value : dt.value, l = Te.value === "dark" ? V.value : Ue.value;
       return t === "transparent" || t === "#transparent" || !t ? l : t;
     }), Xt = a(() => {
-      const t = ke.value === "dark" ? Ue.value : ct.value, l = ke.value === "dark" ? S.value : He.value;
+      const t = Te.value === "dark" ? Ge.value : ct.value, l = Te.value === "dark" ? V.value : Ue.value;
       return t === "transparent" || t === "#transparent" || !t ? l : t;
     }), ht = a(() => {
       const t = W.value, l = r.value, s = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, i = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
@@ -3527,51 +3538,51 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       return t.theme === "dark" ? t.darkTextColorLabelActive : t.lightTextColorLabelActive;
     });
     const Wt = () => {
-      h.value = _e.value, Fe.value = k.value;
+      h.value = we.value, Oe.value = L.value;
     }, Et = () => {
       P("clicked");
     }, Zt = (t) => {
-      t.stopPropagation(), !(R.value || W.value.inputReadonly) && $.value && ($.value.focus(), ae.value && (N.value = !1, requestAnimationFrame(() => {
-        Ct(), N.value = !0;
+      t.stopPropagation(), !(R.value || W.value.inputReadonly) && $.value && ($.value.focus(), le.value && (I.value = !1, requestAnimationFrame(() => {
+        Ct(), I.value = !0;
       })));
     }, ea = () => {
-      R.value || W.value.inputReadonly || !Te.value || P("entered", h.value);
+      R.value || W.value.inputReadonly || !Ae.value || P("entered", h.value);
     }, Ct = () => {
       $.value && ya(() => {
         const t = $.value.getBoundingClientRect(), l = 4;
-        te.value = {
+        ae.value = {
           top: `${t.bottom + l}px`,
           left: `${t.left}px`
         };
       });
     }, ta = a(() => ({
       position: "fixed",
-      top: te.value.top,
-      left: te.value.left,
+      top: ae.value.top,
+      left: ae.value.left,
       zIndex: yt.value
     })), aa = () => {
-      T.value = !0, P("focused"), ae.value && (N.value = !1, requestAnimationFrame(() => {
-        Ct(), N.value = !0;
+      T.value = !0, P("focused"), le.value && (I.value = !1, requestAnimationFrame(() => {
+        Ct(), I.value = !0;
       }));
     }, la = (t) => {
       t.relatedTarget && z.value && z.value.contains(t.relatedTarget) || setTimeout(() => {
         var i;
         const l = document.activeElement;
-        if (N.value) {
+        if (I.value) {
           if (z.value && z.value.contains(l) || t.relatedTarget && z.value && z.value.contains(t.relatedTarget))
             return;
           if (l === document.body && z.value) {
-            const f = z.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
-            if (Array.from(f).some((v) => v === document.activeElement || v.contains(document.activeElement)))
+            const v = z.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            if (Array.from(v).some((p) => p === document.activeElement || p.contains(document.activeElement)))
               return;
           }
         }
         const s = (i = $.value) == null ? void 0 : i.closest(".component");
-        s && s.contains(l) || $.value !== l && (T.value = !1, N.value = !1, P("blurred"));
+        s && s.contains(l) || $.value !== l && (T.value = !1, I.value = !1, P("blurred"));
       }, 200);
     }, na = () => {
-      ae.value && (N.value, N.value = !1, requestAnimationFrame(() => {
-        Ct(), N.value = !0;
+      le.value && (I.value, I.value = !1, requestAnimationFrame(() => {
+        Ct(), I.value = !0;
       }));
     }, $t = (t) => {
       if (!t || !(t instanceof Date))
@@ -3582,7 +3593,7 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       let l = "";
       if (!t)
         l = "";
-      else if (Ce.value && typeof t == "object" && !(t instanceof Date)) {
+      else if (Se.value && typeof t == "object" && !(t instanceof Date)) {
         if (t.startDate === null && t.endDate === null)
           l = "";
         else if (t.startDate || t.endDate) {
@@ -3595,12 +3606,12 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           l = JSON.stringify(i);
         }
       } else
-        k.value === "date" ? t instanceof Date ? l = $t(t) : typeof t == "string" && (l = t) : (k.value === "month" || k.value === "time" || k.value === "datetime-local" || k.value === "week") && (l = typeof t == "string" ? t : "");
-      Qe = !0, h.value = l;
-      const s = l ? rt(l, k.value) : "";
-      M.value = s, V.value = s;
+        L.value === "date" ? t instanceof Date ? l = $t(t) : typeof t == "string" && (l = t) : (L.value === "month" || L.value === "time" || L.value === "datetime-local" || L.value === "week") && (l = typeof t == "string" ? t : "");
+      Je = !0, h.value = l;
+      const s = l ? rt(l, L.value) : "";
+      M.value = s, k.value = s;
     }, ua = () => {
-      if (!ae.value) {
+      if (!le.value) {
         h.value = M.value;
         return;
       }
@@ -3610,18 +3621,18 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         end: $.value.selectionEnd
       } : null, l = M.value.trim();
       if (!l || l.length === 0) {
-        Qe = !0, h.value = "", M.value = "", V.value = "", setTimeout(() => {
+        Je = !0, h.value = "", M.value = "", k.value = "", setTimeout(() => {
           w = !1;
         }, 50);
         return;
       }
-      if (k.value === "date") {
-        const i = Ce.value ? /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$|^\d{1,2}\/\d{1,2}\/\d{4}\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})?$/ : /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/;
-        if (Ce.value) {
+      if (L.value === "date") {
+        const i = Se.value ? /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$|^\d{1,2}\/\d{1,2}\/\d{4}\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})?$/ : /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/;
+        if (Se.value) {
           if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), l.length > 23 && !i.test(l)) {
-            M.value = V.value, t && $.value && ya(() => {
-              const f = Math.min(t.start, V.value.length);
-              $.value.setSelectionRange(f, f);
+            M.value = k.value, t && $.value && ya(() => {
+              const v = Math.min(t.start, k.value.length);
+              $.value.setSelectionRange(v, v);
             }), setTimeout(() => {
               w = !1;
             }, 50);
@@ -3635,9 +3646,9 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           }
         } else {
           if (l.length > 10 && !i.test(l)) {
-            M.value = V.value, t && $.value && ya(() => {
-              const f = Math.min(t.start, V.value.length);
-              $.value.setSelectionRange(f, f);
+            M.value = k.value, t && $.value && ya(() => {
+              const v = Math.min(t.start, k.value.length);
+              $.value.setSelectionRange(v, v);
             }), setTimeout(() => {
               w = !1;
             }, 50);
@@ -3652,11 +3663,11 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         }
       }
       let s = null;
-      if (k.value === "date")
-        if (Ce.value)
+      if (L.value === "date")
+        if (Se.value)
           if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
-            if (s = H(l, k.value), s && s !== h.value)
-              Qe = !0, h.value = s, V.value = l;
+            if (s = H(l, L.value), s && s !== h.value)
+              Je = !0, h.value = s, k.value = l;
             else {
               setTimeout(() => {
                 w = !1;
@@ -3664,42 +3675,42 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
               return;
             }
           else if (l.includes("-")) {
-            const f = l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
-            if (f) {
-              const c = f[1], v = H(c, k.value);
-              if (v) {
-                const x = JSON.stringify({ startDate: v, endDate: null });
-                x !== h.value && (Qe = !0, h.value = x, V.value = l);
+            const v = l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
+            if (v) {
+              const c = v[1], p = H(c, L.value);
+              if (p) {
+                const S = JSON.stringify({ startDate: p, endDate: null });
+                S !== h.value && (Je = !0, h.value = S, k.value = l);
               } else {
-                V.value = l, setTimeout(() => {
+                k.value = l, setTimeout(() => {
                   w = !1;
                 }, 50);
                 return;
               }
             } else {
-              V.value = l, setTimeout(() => {
+              k.value = l, setTimeout(() => {
                 w = !1;
               }, 50);
               return;
             }
           } else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
-            if (s = H(l, k.value), s) {
+            if (s = H(l, L.value), s) {
               const c = JSON.stringify({ startDate: s, endDate: null });
-              c !== h.value && (Qe = !0, h.value = c, V.value = l);
+              c !== h.value && (Je = !0, h.value = c, k.value = l);
             } else {
-              V.value = l, setTimeout(() => {
+              k.value = l, setTimeout(() => {
                 w = !1;
               }, 50);
               return;
             }
           else {
-            V.value = l, setTimeout(() => {
+            k.value = l, setTimeout(() => {
               w = !1;
             }, 50);
             return;
           }
         else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
-          s = H(l, k.value), s && s !== h.value && (Qe = !0, h.value = s, V.value = l);
+          s = H(l, L.value), s && s !== h.value && (Je = !0, h.value = s, k.value = l);
         else {
           setTimeout(() => {
             w = !1;
@@ -3707,16 +3718,16 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           return;
         }
       else
-        s = H(l, k.value), s && s !== h.value && (Qe = !0, h.value = s, V.value = l);
+        s = H(l, L.value), s && s !== h.value && (Je = !0, h.value = s, k.value = l);
       setTimeout(() => {
         w = !1;
       }, 50);
     }, ra = (t) => {
     }, Pt = (t) => {
-      var f;
-      if (!N.value || !z.value || !$.value)
+      var v;
+      if (!I.value || !z.value || !$.value)
         return;
-      const l = t.target, s = (f = $.value) == null ? void 0 : f.closest(".nb-wrapper");
+      const l = t.target, s = (v = $.value) == null ? void 0 : v.closest(".nb-wrapper");
       if (z.value && z.value.contains(l) || s && (l === s || s.contains(l)) || z.value && z.value.contains(l))
         return;
       let i = l;
@@ -3726,7 +3737,7 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         i = i.parentElement;
       }
       setTimeout(() => {
-        if (!N.value || !z.value || z.value && z.value.contains(l))
+        if (!I.value || !z.value || z.value && z.value.contains(l))
           return;
         for (i = l; i && i !== document.body; ) {
           if (i === z.value || z.value && z.value.contains(i))
@@ -3735,68 +3746,68 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         }
         if (!document.body.contains(l))
           return;
-        const c = $.value && (l === $.value || $.value.contains(l)), v = s && (l === s || s.contains(l));
-        !c && !v && (N.value = !1, (!M.value || M.value.trim().length === 0) && (T.value = !1));
+        const c = $.value && (l === $.value || $.value.contains(l)), p = s && (l === s || s.contains(l));
+        !c && !p && (I.value = !1, (!M.value || M.value.trim().length === 0) && (T.value = !1));
       }, 50);
     }, Ft = () => {
-      N.value && ae.value && Ct();
+      I.value && le.value && Ct();
     }, Ot = () => {
-      N.value && ae.value && (N.value = !1);
+      I.value && le.value && (I.value = !1);
     };
     let bt = null, Tt = null, xt = { top: 0, left: 0 };
     const qt = () => {
-      if (!N.value || !ae.value || !$.value)
+      if (!I.value || !le.value || !$.value)
         return;
       const t = 4, l = $.value.getBoundingClientRect(), s = `${l.bottom + t}px`, i = `${l.left}px`;
-      (xt.top !== s || xt.left !== i) && (xt.top = s, xt.left = i, te.value = {
+      (xt.top !== s || xt.left !== i) && (xt.top = s, xt.left = i, ae.value = {
         top: s,
         left: i
       }), Tt = requestAnimationFrame(qt);
     }, o = () => {
-      if (!$.value || !ae.value)
+      if (!$.value || !le.value)
         return;
       xt = { top: 0, left: 0 }, qt(), bt = new ResizeObserver(() => {
-        N.value && Ct();
+        I.value && Ct();
       }), bt.observe($.value);
       const t = $.value.closest(".component");
       t && bt.observe(t);
-    }, p = () => {
+    }, f = () => {
       Tt !== null && (cancelAnimationFrame(Tt), Tt = null), bt && (bt.disconnect(), bt = null);
     };
-    U(N, (t) => {
-      t && ae.value ? ya(() => {
+    U(I, (t) => {
+      t && le.value ? ya(() => {
         o();
-      }) : p();
+      }) : f();
     }), sa(() => {
-      h.value = _e.value, M.value = rt(_e.value, k.value), document.addEventListener("click", Pt, !1), window.addEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.addEventListener("resize", Ot);
+      h.value = we.value, M.value = rt(we.value, L.value), document.addEventListener("click", Pt, !1), window.addEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.addEventListener("resize", Ot);
     }), ma(() => {
-      Wt(), p(), document.removeEventListener("click", Pt), window.removeEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ot);
-    }), U(k, (t) => {
-      Fe.value = t;
+      Wt(), f(), document.removeEventListener("click", Pt), window.removeEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ot);
+    }), U(L, (t) => {
+      Oe.value = t;
     }, { immediate: !0 }), U(Xe, () => {
-      h.value && ae.value && (M.value = rt(h.value, k.value));
-    }), U(_e, (t) => {
+      h.value && le.value && (M.value = rt(h.value, L.value));
+    }), U(we, (t) => {
       if (t !== h.value) {
         h.value = t;
-        const l = rt(t, k.value);
-        M.value = l, V.value = l;
+        const l = rt(t, L.value);
+        M.value = l, k.value = l;
       }
     }, { immediate: !0 });
     let w = !1;
-    const Ye = () => {
+    const Qe = () => {
       w = !0, setTimeout(() => {
         w = !1;
       }, 100);
     };
-    let Qe = !1;
+    let Je = !1;
     return U(() => h.value, (t) => {
-      if (ae.value && !Qe && !w) {
-        const l = rt(t, k.value);
-        l !== M.value && (M.value = l, V.value = l);
+      if (le.value && !Je && !w) {
+        const l = rt(t, L.value);
+        l !== M.value && (M.value = l, k.value = l);
       }
-      Qe = !1;
+      Je = !1;
     }), U(h, (t) => {
-      if (L.value && (t = t.trim()), Ce.value && typeof t == "string" && t.startsWith("{"))
+      if (x.value && (t = t.trim()), Se.value && typeof t == "string" && t.startsWith("{"))
         try {
           const l = JSON.parse(t);
           if (l && (l.startDate || l.endDate)) {
@@ -3804,12 +3815,12 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
               if (!c)
                 return null;
               if (/^\d{4}-\d{2}-\d{2}$/.test(c)) {
-                const [v, x, A] = c.split("-").map(Number);
-                return new Date(v, x - 1, A);
+                const [p, S, A] = c.split("-").map(Number);
+                return new Date(p, S - 1, A);
               }
               return new Date(c);
-            }, i = l.startDate ? s(l.startDate) : null, f = l.endDate ? s(l.endDate) : null;
-            P("changed", { startDate: i, endDate: f });
+            }, i = l.startDate ? s(l.startDate) : null, v = l.endDate ? s(l.endDate) : null;
+            P("changed", { startDate: i, endDate: v });
             return;
           }
         } catch {
@@ -3818,54 +3829,54 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     }), U(T, (t) => {
       P(t ? "focused" : "blurred");
     }), U(h, (t) => {
-      L.value && (t = t.trim()), P("current-value", t);
-    }), (t, l) => n(xe) ? (O(), j("div", da({
+      x.value && (t = t.trim()), P("current-value", t);
+    }), (t, l) => n(Ve) ? (O(), j("div", da({
       key: 0,
       class: ["nb-wrapper", wt.value],
       style: [Rt.value, Dt.value, it.value],
       role: "input"
-    }, Oe.value), [
-      fe("div", {
-        id: n(xe),
-        class: Ne(["nb-reset", "component", Kt.value, Yt.value, Qt.value, Ut.value]),
-        style: We([vt.value, Dt.value, it.value]),
+    }, qe.value), [
+      ve("div", {
+        id: n(Ve),
+        class: We(["nb-reset", "component", Kt.value, Yt.value, Qt.value, Ut.value]),
+        style: Ee([vt.value, Dt.value, it.value]),
         onClick: Et
       }, [
-        n($e) ? (O(), j("label", {
+        n(Re) ? (O(), j("label", {
           key: 0,
           for: Lt.value,
           class: "component__label",
-          style: We([ht.value]),
+          style: Ee([ht.value]),
           onClick: Zt
-        }, St(e.label), 13, Pl)) : Le("", !0),
-        pa(fe("input", {
+        }, St(e.label), 13, Pl)) : Be("", !0),
+        pa(ve("input", {
           ref_key: "inputRef",
           ref: $,
           "onUpdate:modelValue": l[0] || (l[0] = (s) => M.value = s),
           onInput: ua,
           onKeydown: [
-            Ye,
-            l[1] || (l[1] = jt((s) => !n(R) && n(Te) && ea(), ["enter"]))
+            Qe,
+            l[1] || (l[1] = jt((s) => !n(R) && n(Ae) && ea(), ["enter"]))
           ],
           id: Lt.value,
           name: Lt.value,
-          type: ae.value ? "text" : Fe.value,
-          class: Ne(["component__input", [
+          type: le.value ? "text" : Oe.value,
+          class: We(["component__input", [
             Jt.value,
             Gt.value,
             u.value
           ]]),
-          placeholder: It.value,
+          placeholder: Nt.value,
           disabled: n(R) || n(_),
           required: e.required,
           readonly: n(_),
           autocomplete: e.inputAutocomplete,
-          min: ae.value ? void 0 : n(at),
-          max: ae.value ? void 0 : n(Je),
-          step: ae.value ? void 0 : n(lt),
+          min: le.value ? void 0 : n(at),
+          max: le.value ? void 0 : n(ye),
+          step: le.value ? void 0 : n(lt),
           tabindex: n(R) || n(_) ? -1 : n(st),
           role: "input",
-          style: We([it.value]),
+          style: Ee([it.value]),
           onFocus: aa,
           onBlur: la,
           onClick: na
@@ -3875,44 +3886,44 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       ], 14, El),
       E.value ? (O(), j("div", {
         key: 0,
-        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         ia(t.$slots, "message", {}, () => [
           ga(St(e.message), 1)
         ], !0)
-      ], 2)) : Le("", !0),
+      ], 2)) : Be("", !0),
       (O(), ol(ul, { to: "body" }, [
-        ae.value && N.value ? (O(), j("div", {
+        le.value && I.value ? (O(), j("div", {
           key: 0,
           ref_key: "calendarRef",
           ref: z,
           class: "datepicker__custom-calendar-wrapper",
-          style: We(ta.value),
-          onClick: l[4] || (l[4] = ca((s) => ye.value = !0, ["stop"])),
-          onMousedown: l[5] || (l[5] = ca((s) => ye.value = !0, ["stop"]))
+          style: Ee(ta.value),
+          onClick: l[4] || (l[4] = ca((s) => he.value = !0, ["stop"])),
+          onMousedown: l[5] || (l[5] = ca((s) => he.value = !0, ["stop"]))
         }, [
           rl(n(C), {
-            "nb-id": `${n(xe)}-calendar`,
+            "nb-id": `${n(Ve)}-calendar`,
             value: kt.value,
-            "input-type": n(k),
+            "input-type": n(L),
             min: n(at),
-            max: n(Je),
+            max: n(ye),
             step: n(lt),
             disabled: n(R),
             width: Vt.value,
             locale: n(Xe),
-            theme: n(ke),
-            "allow-range": n(Ce),
+            theme: n(Te),
+            "allow-range": n(Se),
             onChanged: oa,
             onDateSelected: ra,
-            onMousedown: l[2] || (l[2] = (s) => ye.value = !0),
-            onClick: l[3] || (l[3] = (s) => ye.value = !0)
+            onMousedown: l[2] || (l[2] = (s) => he.value = !0),
+            onClick: l[3] || (l[3] = (s) => he.value = !0)
           }, null, 8, ["nb-id", "value", "input-type", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range"])
-        ], 36)) : Le("", !0)
+        ], 36)) : Be("", !0)
       ]))
-    ], 16)) : Le("", !0);
+    ], 16)) : Be("", !0);
   }
-}), ql = /* @__PURE__ */ ba(Ol, [["__scopeId", "data-v-e650e5d2"]]), Oa = {
+}), ql = /* @__PURE__ */ ba(Ol, [["__scopeId", "data-v-35736538"]]), Oa = {
   NbInputRadio: fl,
   NbInputCheckbox: yl,
   NbInput: Tl,