@vlalg-nimbus/nb-inputs 8.0.8 → 8.0.10

package/dist/nb-inputs.js

@@ -1,9 +1,9 @@
-import { useCssVars as da, onMounted as ra, ref as ee, toRefs as ca, computed as a, watch as U, openBlock as E, createElementBlock as O, normalizeClass as We, normalizeStyle as Pe, createElementVNode as ve, mergeProps as ia, Fragment as Fa, renderList as Oa, unref as u, withDirectives as fa, vModelRadio as al, withKeys as Et, withModifiers as sa, toDisplayString as ht, createCommentVNode as Be, vModelCheckbox as ll, onUnmounted as ma, renderSlot as ua, createTextVNode as ga, vModelDynamic as qa, vModelText as ja, defineAsyncComponent as nl, nextTick as ya, createBlock as ol, Teleport as ul, createVNode as rl } from "vue";
-const va = (e, y) => {
-  const m = e.__vccOpts || e;
-  for (const [W, M] of y)
-    m[W] = M;
-  return m;
+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";
+const ba = (e, m) => {
+  const C = e.__vccOpts || e;
+  for (const [E, I] of m)
+    C[E] = I;
+  return C;
 }, il = ["id"], sl = ["id", "disabled", "value", "name"], dl = ["for", "tabindex"], cl = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
   inheritAttrs: !1
@@ -18,14 +18,14 @@ const va = (e, y) => {
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const y = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(y);
+        const m = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(m);
       }
     },
     tabIndex: {
       type: [Number, Array],
       default: 0,
-      validator: (e, y) => Array.isArray(e) ? e.length === y.options.length : !0
+      validator: (e, m) => Array.isArray(e) ? e.length === m.options.length : !0
     },
     hasTabIndexEnter: {
       type: Boolean,
@@ -56,12 +56,12 @@ const va = (e, y) => {
       validator: (e) => {
         if (!e.length)
           return !1;
-        let y = !1;
-        for (const m of e) {
-          const W = Object.keys(m);
-          W.length !== 2 && (y = !0), W.every((Se) => ["value", "text"].includes(Se)) || (y = !0);
+        let m = !1;
+        for (const C of e) {
+          const E = Object.keys(C);
+          E.length !== 2 && (m = !0), E.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
         }
-        if (!y)
+        if (!m)
           return e;
       }
     },
@@ -78,8 +78,8 @@ const va = (e, y) => {
       type: String,
       default: "light",
       validator: (e) => {
-        const y = e ? e.toLowerCase() : "";
-        return ["light", "dark"].includes(y);
+        const m = e ? e.toLowerCase() : "";
+        return ["light", "dark"].includes(m);
       }
     },
     // Cores do tema light
@@ -151,142 +151,142 @@ const va = (e, y) => {
     }
   },
   emits: ["current-value", "changed", "clicked"],
-  setup(e, { emit: y }) {
-    da((f) => ({
-      "0fd48d29": Ge.value,
-      "50426c15": pt.value,
-      "5fa7628c": it.value,
-      "5949c3d2": Le.value,
-      91322790: Ke.value,
-      "6750fc92": tt.value,
-      "8c592938": ct.value,
-      c11d4680: at.value,
-      "35b74fa6": vt.value,
-      "7dd5f889": he.value,
-      "5cb21b36": ft.value
-    })), ra(() => {
-      Ye();
+  setup(e, { emit: m }) {
+    fa((y) => ({
+      "0fd48d29": Je.value,
+      "50426c15": ct.value,
+      "5fa7628c": dt.value,
+      "5949c3d2": ke.value,
+      91322790: Xe.value,
+      "6750fc92": lt.value,
+      "8c592938": gt.value,
+      c11d4680: st.value,
+      "35b74fa6": nt.value,
+      "7dd5f889": Ce.value,
+      "5cb21b36": yt.value
+    })), sa(() => {
+      Ze();
     });
-    const m = y, W = e, M = ee(null), {
-      ariaLabel: Se,
-      ariaAttrs: pe,
-      currentOption: Ae,
-      valueType: Ve,
-      display: se,
-      options: te,
-      theme: Ee,
-      lightTextColor: $e,
-      lightColor: oe,
+    const C = m, E = e, I = Q(null), {
+      ariaLabel: xe,
+      ariaAttrs: ve,
+      currentOption: Te,
+      valueType: Se,
+      display: ie,
+      options: J,
+      theme: Pe,
+      lightTextColor: Be,
+      lightColor: le,
       lightColorHover: G,
-      darkTextColor: _,
-      darkColor: ue,
-      darkColorHover: K,
-      hoverEffect: Y,
-      activeHoverEffect: ke,
+      darkTextColor: R,
+      darkColor: ne,
+      darkColorHover: se,
+      hoverEffect: K,
+      activeHoverEffect: Ve,
       itemGap: de,
-      internalGap: P,
-      scale: be,
-      disabled: ae,
-      fontFamily: ye,
-      fontSize: ge,
-      fontWeight: me
-    } = ca(W), $ = a(() => {
-      const f = ae.value ? "component-disabled" : "", S = se.value !== "b" ? "inline-block" : "block", ce = ye.value ? ye.value : "'Lato', sans-serif", Q = ge.value ? ge.value : "1.6em", le = me.value !== 0 && !me.value || me.value < 0 ? 200 : me.value, je = [!1, !0].includes(Y.value) ? Y.value : !1, He = [!1, !0].includes(ke.value) ? ke.value : !1, J = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, d = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, v = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value;
+      internalGap: F,
+      scale: pe,
+      disabled: X,
+      fontFamily: me,
+      fontSize: be,
+      fontWeight: he
+    } = va(E), _ = 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, v = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value;
       return {
-        disabled: f,
+        disabled: y,
         display: S,
-        hoverEffect: je,
-        activeHoverEffect: He,
-        itemGap: J,
+        hoverEffect: $e,
+        activeHoverEffect: Ge,
+        itemGap: ue,
         internalGap: d,
         scale: v,
-        font: ce,
-        fontSize: Q,
-        fontWeight: le
+        font: oe,
+        fontSize: Z,
+        fontWeight: ge
       };
-    }), V = a(() => $.value.disabled), k = a(() => ({
-      display: $.value.display
-    })), _e = a(() => $.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), qe = a(() => {
-      const f = $.value;
+    }), k = a(() => _.value.disabled), L = a(() => ({
+      display: _.value.display
+    })), Ae = a(() => _.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), qe = a(() => {
+      const y = _.value;
       return {
-        fontSize: f.fontSize,
-        fontWeight: f.fontWeight
+        fontSize: y.fontSize,
+        fontWeight: y.fontWeight
       };
-    }), we = a(() => Array.isArray(te.value) && te.value.constructor === Array && te.value.length > 0), et = a(() => Ee.value === "dark" ? "component__theme--dark" : "component__theme--light"), Ge = a(() => $.value.font), tt = a(() => $e.value), ct = a(() => oe.value), Ke = a(() => $.value.hoverEffect ? G.value : oe.value), Le = a(() => $.value.activeHoverEffect ? G.value : oe.value), he = a(() => _.value), ft = a(() => ue.value), vt = a(() => $.value.hoverEffect ? K.value : ue.value), at = a(() => $.value.activeHoverEffect ? K.value : ue.value), it = a(() => {
-      const S = $.value.internalGap;
+    }), _e = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), at = a(() => Pe.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`;
-    }), pt = a(() => {
-      const S = $.value.itemGap;
+    }), ct = a(() => {
+      const S = _.value.itemGap;
       return !S || S < 0 ? 0 : `${S}px`;
-    }), Te = a(() => ({
-      zoom: $.value.scale
-    })), lt = a(() => {
-      const f = {};
-      pe.value && Object.keys(pe.value).forEach((Q) => f[`aria-${Q}`] = pe.value[Q]);
+    }), je = a(() => ({
+      zoom: _.value.scale
+    })), He = a(() => {
+      const y = {};
+      ve.value && Object.keys(ve.value).forEach((Z) => y[`aria-${Z}`] = ve.value[Z]);
       const S = {
-        "aria-label": Se.value,
-        "aria-disabled": ae.value,
-        ...f
+        "aria-label": xe.value,
+        "aria-disabled": X.value,
+        ...y
       };
       return Object.fromEntries(
-        Object.entries(S).filter(([ce, Q]) => Q != null)
+        Object.entries(S).filter(([oe, Z]) => Z != null)
       );
-    }), Ye = () => {
-      const f = Ae.value;
-      f && ["string"].includes(Ve.value) ? M.value = f.toString().toLowerCase() : M.value = f;
-    }, Qe = () => {
-      m("clicked");
+    }), Ze = () => {
+      const y = Te.value;
+      y && ["string"].includes(Se.value) ? I.value = y.toString().toLowerCase() : I.value = y;
+    }, Ue = () => {
+      C("clicked");
     };
-    return U(Ae, (f, S) => {
-      f !== S && Ye();
-    }), U(M, (f, S) => {
-      f !== S && (m("current-value", f), m("changed", f));
-    }), (f, S) => e.nbId && we.value ? (E(), O("div", {
+    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", {
       key: 0,
-      class: We(["nb-wrapper", V.value]),
-      style: Pe([k.value, Te.value])
+      class: Ne(["nb-wrapper", k.value]),
+      style: We([L.value, je.value])
     }, [
-      ve("div", ia({
+      fe("div", da({
         id: e.nbId,
         role: "radiogroup"
-      }, lt.value, {
-        class: ["nb-reset", "component", _e.value, et.value]
+      }, He.value, {
+        class: ["nb-reset", "component", Ae.value, at.value]
       }), [
-        (E(!0), O(Fa, null, Oa(u(te), (ce, Q) => (E(), O("div", {
-          key: Q,
+        (O(!0), j(qa, null, ja(n(J), (oe, Z) => (O(), j("div", {
+          key: Z,
           class: "component-radio__item"
         }, [
-          fa(ve("input", {
-            id: `${e.nbId}-${ce.value}`,
-            "onUpdate:modelValue": S[0] || (S[0] = (le) => M.value = le),
+          pa(fe("input", {
+            id: `${e.nbId}-${oe.value}`,
+            "onUpdate:modelValue": S[0] || (S[0] = (ge) => I.value = ge),
             type: "radio",
             class: "component-radio__item--input",
-            disabled: u(ae),
-            value: ce.value,
+            disabled: n(X),
+            value: oe.value,
             name: e.groupName,
-            onClick: Qe
+            onClick: Ue
           }, null, 8, sl), [
-            [al, M.value]
+            [al, I.value]
           ]),
-          ve("label", {
-            for: `${e.nbId}-${ce.value}`,
-            tabindex: u(ae) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Q] : e.tabIndex >= 0 ? e.tabIndex : Q + 1,
+          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,
             class: "component-radio__item--label",
             onKeydown: [
-              S[1] || (S[1] = Et(sa((le) => !u(ae) && e.hasTabIndexEnter && le.target.click(), ["prevent"]), ["enter"])),
-              S[2] || (S[2] = Et(sa((le) => !u(ae) && e.hasTabIndexSpace && le.target.click(), ["prevent"]), ["space"]))
+              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"]))
             ]
           }, [
-            S[3] || (S[3] = ve("div", null, null, -1)),
-            ve("span", {
-              style: Pe([qe.value])
-            }, ht(ce.text), 5)
+            S[3] || (S[3] = fe("div", null, null, -1)),
+            fe("span", {
+              style: We([qe.value])
+            }, St(oe.text), 5)
           ], 40, dl)
         ]))), 128))
       ], 16, il)
-    ], 6)) : Be("", !0);
+    ], 6)) : Le("", !0);
   }
-}), fl = /* @__PURE__ */ va(cl, [["__scopeId", "data-v-a95f65ea"]]);
+}), fl = /* @__PURE__ */ ba(cl, [["__scopeId", "data-v-a95f65ea"]]);
 const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabindex"], gl = /* @__PURE__ */ Object.assign({
   name: "NbInputCheckbox",
   inheritAttrs: !1
@@ -301,14 +301,14 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const y = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(y);
+        const m = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(m);
       }
     },
     tabIndex: {
       type: [Number, Array],
       default: 0,
-      validator: (e, y) => Array.isArray(e) ? e.length === y.options.length : !0
+      validator: (e, m) => Array.isArray(e) ? e.length === m.options.length : !0
     },
     hasTabIndexEnter: {
       type: Boolean,
@@ -339,12 +339,12 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
       validator: (e) => {
         if (!e.length)
           return !1;
-        let y = !1;
-        for (const m of e) {
-          const W = Object.keys(m);
-          W.length !== 2 && (y = !0), W.every((Se) => ["value", "text"].includes(Se)) || (y = !0);
+        let m = !1;
+        for (const C of e) {
+          const E = Object.keys(C);
+          E.length !== 2 && (m = !0), E.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
         }
-        if (!y)
+        if (!m)
           return e;
       }
     },
@@ -356,8 +356,8 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
       type: String,
       default: "light",
       validator: (e) => {
-        const y = e ? e.toLowerCase() : "";
-        return ["light", "dark"].includes(y);
+        const m = e ? e.toLowerCase() : "";
+        return ["light", "dark"].includes(m);
       }
     },
     // Cores do tema light
@@ -447,166 +447,166 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
     }
   },
   emits: ["current-value", "changed", "clicked"],
-  setup(e, { emit: y }) {
-    da((d) => ({
-      "49e2c63f": ct.value,
-      "107babaa": ce.value,
+  setup(e, { emit: m }) {
+    fa((d) => ({
+      "49e2c63f": gt.value,
+      "107babaa": oe.value,
       "3c7cc5ce": S.value,
-      "16d311d0": f.value,
-      "3f8b2f30": ft.value,
-      "53078d64": he.value,
-      "537834e6": vt.value,
-      fbc86ee4: Le.value,
-      "517939e1": Ke.value,
-      "3faff29d": Qe.value,
-      "302ecd6a": Te.value,
-      "8a4df060": pt.value,
-      "0a99dbe2": lt.value,
-      d6971e68: it.value,
-      ca30d9c2: at.value
-    })), ra(() => {
-      He();
+      "16d311d0": y.value,
+      "3f8b2f30": yt.value,
+      "53078d64": Ce.value,
+      "537834e6": nt.value,
+      fbc86ee4: ke.value,
+      "517939e1": Xe.value,
+      "3faff29d": Ue.value,
+      "302ecd6a": je.value,
+      "8a4df060": ct.value,
+      "0a99dbe2": He.value,
+      d6971e68: dt.value,
+      ca30d9c2: st.value
+    })), sa(() => {
+      Ge();
     });
-    const m = y, W = e, M = ee(null), {
-      ariaLabel: Se,
-      ariaAttrs: pe,
-      currentOption: Ae,
-      display: Ve,
-      options: se,
-      theme: te,
-      lightTextColor: Ee,
-      lightColor: $e,
-      lightColorHover: oe,
+    const C = m, E = e, I = Q(null), {
+      ariaLabel: xe,
+      ariaAttrs: ve,
+      currentOption: Te,
+      display: Se,
+      options: ie,
+      theme: J,
+      lightTextColor: Pe,
+      lightColor: Be,
+      lightColorHover: le,
       darkTextColor: G,
-      darkColor: _,
-      darkColorHover: ue,
-      boxRadius: K,
-      hoverEffect: Y,
-      activeHoverEffect: ke,
+      darkColor: R,
+      darkColorHover: ne,
+      boxRadius: se,
+      hoverEffect: K,
+      activeHoverEffect: Ve,
       itemGap: de,
-      internalGap: P,
-      scale: be,
-      type: ae,
-      background: ye,
-      disabled: ge,
-      fontFamily: me,
-      fontSize: $,
-      fontWeight: V
-    } = ca(W), k = a(() => {
-      const d = ge.value ? "component-disabled" : "", v = Ve.value !== "b" ? "inline-block" : "block", fe = me.value ? me.value : "'Lato', sans-serif", q = $.value ? $.value : "1.6em", re = V.value !== 0 && !V.value || V.value < 0 ? 200 : V.value, Re = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, Me = [!1, !0].includes(Y.value) ? Y.value : !1, Fe = [!1, !0].includes(ke.value) ? ke.value : !1, Oe = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, Ue = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, nt = ["box", "circle"].includes(ae.value) ? ae.value : "box", ot = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value, h = [!1, !0].includes(ye.value) ? ye.value : !1;
+      internalGap: F,
+      scale: pe,
+      type: X,
+      background: me,
+      disabled: be,
+      fontFamily: he,
+      fontSize: _,
+      fontWeight: k
+    } = va(E), L = a(() => {
+      const d = be.value ? "component-disabled" : "", v = 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, Ee = [!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;
       return {
         disabled: d,
         display: v,
-        boxRadius: Re,
-        hoverEffect: Me,
-        activeHoverEffect: Fe,
-        itemGap: Oe,
-        internalGap: Ue,
-        scale: ot,
-        type: nt,
-        font: fe,
-        background: h,
-        fontSize: q,
-        fontWeight: re
+        boxRadius: we,
+        hoverEffect: Re,
+        activeHoverEffect: Ee,
+        itemGap: Ke,
+        internalGap: et,
+        scale: ut,
+        type: ot,
+        font: ce,
+        background: ft,
+        fontSize: Y,
+        fontWeight: ee
       };
-    }), _e = a(() => k.value.disabled), qe = a(() => ({
-      display: k.value.display
-    })), we = a(() => k.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), et = a(() => {
-      const d = k.value;
+    }), 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;
       return {
         fontSize: d.fontSize,
         fontWeight: d.fontWeight
       };
-    }), Ge = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0), tt = a(() => te.value === "dark" ? "component__theme--dark" : "component__theme--light"), ct = a(() => k.value.font), Ke = a(() => Ee.value), Le = a(() => $e.value), he = a(() => k.value.hoverEffect ? oe.value : $e.value), ft = a(() => k.value.activeHoverEffect ? oe.value : $e.value), vt = a(() => {
-      const d = k.value;
-      return d.activeHoverEffect && d.background ? `${oe.value}80` : oe.value;
-    }), at = a(() => G.value), it = a(() => _.value), pt = a(() => k.value.hoverEffect ? ue.value : _.value), Te = a(() => k.value.activeHoverEffect ? ue.value : _.value), lt = a(() => {
-      const d = k.value;
-      return d.activeHoverEffect && d.background ? `${ue.value}80` : ue.value;
-    }), Ye = a(() => k.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Qe = a(() => {
-      const d = k.value, v = te.value === "dark" ? G.value : Ee.value;
+    }), 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(() => Pe.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;
+      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, v = J.value === "dark" ? G.value : Pe.value;
       return d.background ? "#ffffff" : v;
     });
-    a(() => k.value.background ? "19px" : "auto");
-    const f = a(() => {
-      const v = k.value.internalGap;
+    a(() => L.value.background ? "19px" : "auto");
+    const y = a(() => {
+      const v = L.value.internalGap;
       return !v || v < 0 ? 0 : `${v}px`;
     }), S = a(() => {
-      const d = k.value;
+      const d = L.value;
       return `${d.boxRadius > 7 ? 7 : d.boxRadius}px`;
-    }), ce = a(() => {
-      const v = k.value.itemGap;
+    }), oe = a(() => {
+      const v = L.value.itemGap;
       return !v || v < 0 ? 0 : `${v}px`;
-    }), Q = a(() => k.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), le = a(() => ({
-      zoom: k.value.scale
-    })), je = a(() => {
+    }), Z = a(() => L.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), ge = a(() => ({
+      zoom: L.value.scale
+    })), $e = a(() => {
       const d = {};
-      pe.value && Object.keys(pe.value).forEach((q) => d[`aria-${q}`] = pe.value[q]);
+      ve.value && Object.keys(ve.value).forEach((Y) => d[`aria-${Y}`] = ve.value[Y]);
       const v = {
-        "aria-label": Se.value,
-        "aria-disabled": ge.value,
+        "aria-label": xe.value,
+        "aria-disabled": be.value,
         ...d
       };
       return Object.fromEntries(
-        Object.entries(v).filter(([fe, q]) => q != null)
+        Object.entries(v).filter(([ce, Y]) => Y != null)
       );
-    }), He = () => {
-      M.value = Ae.value;
-    }, J = () => {
-      m("clicked");
+    }), Ge = () => {
+      I.value = Te.value;
+    }, ue = () => {
+      C("clicked");
     };
-    return U(Ae, (d, v) => {
-      d !== v && He();
-    }), U(M, (d, v) => {
-      d !== v && (m("current-value", d), m("changed", d));
-    }), (d, v) => e.nbId && Ge.value ? (E(), O("div", {
+    return U(Te, (d, v) => {
+      d !== v && Ge();
+    }), U(I, (d, v) => {
+      d !== v && (C("current-value", d), C("changed", d));
+    }), (d, v) => e.nbId && Je.value ? (O(), j("div", {
       key: 0,
-      class: We(["nb-wrapper", _e.value]),
-      style: Pe([qe.value, le.value])
+      class: Ne(["nb-wrapper", Ae.value]),
+      style: We([qe.value, ge.value])
     }, [
-      ve("div", ia({
+      fe("div", da({
         id: e.nbId,
         role: "group"
-      }, je.value, {
-        class: ["nb-reset", "component", we.value, tt.value]
+      }, $e.value, {
+        class: ["nb-reset", "component", _e.value, lt.value]
       }), [
-        (E(!0), O(Fa, null, Oa(u(se), (fe, q) => (E(), O("div", {
-          key: q,
+        (O(!0), j(qa, null, ja(n(ie), (ce, Y) => (O(), j("div", {
+          key: Y,
           class: "component-checkbox__item"
         }, [
-          fa(ve("input", {
-            id: `${e.nbId}-${fe.value}`,
-            "onUpdate:modelValue": v[0] || (v[0] = (re) => M.value = re),
+          pa(fe("input", {
+            id: `${e.nbId}-${ce.value}`,
+            "onUpdate:modelValue": v[0] || (v[0] = (ee) => I.value = ee),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: u(ge),
-            value: fe.value,
+            disabled: n(be),
+            value: ce.value,
             name: e.groupName,
-            onClick: J
+            onClick: ue
           }, null, 8, pl), [
-            [ll, M.value]
+            [ll, I.value]
           ]),
-          ve("label", {
-            for: `${e.nbId}-${fe.value}`,
-            class: We([[Q.value], "component-checkbox__item--label"]),
-            tabindex: u(ge) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[q] : e.tabIndex >= 0 ? e.tabIndex : q + 1,
+          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,
             onKeydown: [
-              v[1] || (v[1] = Et(sa((re) => !u(ge) && e.hasTabIndexEnter && re.target.click(), ["prevent"]), ["enter"])),
-              v[2] || (v[2] = Et(sa((re) => !u(ge) && e.hasTabIndexSpace && re.target.click(), ["prevent"]), ["space"]))
+              v[1] || (v[1] = jt(ca((ee) => !n(be) && e.hasTabIndexEnter && ee.target.click(), ["prevent"]), ["enter"])),
+              v[2] || (v[2] = jt(ca((ee) => !n(be) && e.hasTabIndexSpace && ee.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            ve("div", {
-              class: We([Ye.value])
+            fe("div", {
+              class: Ne([Ze.value])
             }, null, 2),
-            ve("span", {
-              style: Pe([et.value])
-            }, ht(fe.text), 5)
+            fe("span", {
+              style: We([at.value])
+            }, St(ce.text), 5)
           ], 42, bl)
         ]))), 128))
       ], 16, vl)
-    ], 6)) : Be("", !0);
+    ], 6)) : Le("", !0);
   }
-}), yl = /* @__PURE__ */ va(gl, [["__scopeId", "data-v-1c6afddc"]]);
+}), 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({
   name: "NbInput",
   inheritAttrs: !1
@@ -621,8 +621,8 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const y = e.toLowerCase();
-        return ["b", "ib"].includes(y);
+        const m = e.toLowerCase();
+        return ["b", "ib"].includes(m);
       }
     },
     tabIndex: {
@@ -1028,160 +1028,160 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
     "clicked",
     "entered"
   ],
-  setup(e, { emit: y }) {
-    da((o) => ({
-      "15b4e490": xt.value,
-      "7b408380": Ct.value,
-      "616dacc1": u(pt),
-      "5ee20750": Kt.value,
-      d213cebc: kt.value,
-      "48d09fba": Yt.value,
-      d9ad7782: u(S),
-      "92b90674": u(Me),
-      "4b2d6b40": u(ce),
-      "7cf01292": u(h),
-      "1a969b4b": u(f),
-      "476025c4": u(Ye),
-      "7aca2dea": u(Qe),
-      99113096: It.value,
-      "4dc81a67": u(Te),
-      "2109b2b1": u(lt),
-      a58af5cc: u(Re),
-      "883557c4": u(Q),
-      "73ac8be6": u(ot),
-      ea51cb66: u(it),
-      "41a8cd82": u(vt),
-      "12998f28": u(at),
-      "189e892e": u(he),
-      a8713a22: u(ft),
-      "47f0f91d": aa.value,
-      e0c4e4b0: na.value,
-      b699b592: Dt.value,
-      e1d7deb2: Nt.value,
-      "4460cdca": Bt.value,
-      f9aa8392: u(le),
-      "816fe7b0": Zt.value,
-      "6e8f7157": qt.value,
-      "55de2e16": jt.value,
-      "7fe15882": Ht.value,
-      "456449ce": Gt.value,
-      "7b6807a1": o.styleButtonColor,
-      "5be24286": Ut.value
-    })), ra(() => {
-      xe.value = Ge.value;
+  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": Et.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
+    })), sa(() => {
+      Me.value = Je.value;
     }), ma(() => {
-      mt();
+      bt();
     });
-    const m = y, W = e, {
-      nbId: M,
-      display: Se,
-      hasTabIndexEnter: pe,
-      ariaLabel: Ae,
-      ariaAttrs: Ve,
-      textColor: se,
-      caretColor: te,
-      selectionBgColor: Ee,
-      selectionTextColor: $e,
-      hasBorderRadius: oe,
+    const C = m, E = e, {
+      nbId: I,
+      display: xe,
+      hasTabIndexEnter: ve,
+      ariaLabel: Te,
+      ariaAttrs: Se,
+      textColor: ie,
+      caretColor: J,
+      selectionBgColor: Pe,
+      selectionTextColor: Be,
+      hasBorderRadius: le,
       borderRadius: G,
-      disabled: _,
-      fontFamily: ue,
-      fontSize: K,
-      fontWeight: Y,
-      fontFamilyMsg: ke,
+      disabled: R,
+      fontFamily: ne,
+      fontSize: se,
+      fontWeight: K,
+      fontFamilyMsg: Ve,
       fontSizeMsg: de,
-      fontWeightMsg: P,
-      textMessageColor: be,
-      inputWidth: ae,
-      inputStyle: ye,
-      activeTextStyle: ge,
-      sizeMediaQuery: me,
-      inputReadonly: $,
-      showInputEye: V,
-      inputType: k,
-      hasTrim: _e,
+      fontWeightMsg: F,
+      textMessageColor: pe,
+      inputWidth: X,
+      inputStyle: me,
+      activeTextStyle: be,
+      sizeMediaQuery: he,
+      inputReadonly: _,
+      showInputEye: k,
+      inputType: L,
+      hasTrim: Ae,
       inputUppercase: qe,
-      inputName: we,
-      inputPlaceholder: et,
-      inputText: Ge,
-      theme: tt,
-      inputEyeIcon: ct,
-      tabindex: Ke,
-      inputEyeIconHidden: Le,
-      lightBgColor: he,
-      lightBgColorFocus: ft,
-      lightEyeBgColor: vt,
-      lightEyeBgColorActive: at,
-      lightDisabledBgColor: it,
-      lightTextColor: pt,
-      darkBgColor: Te,
-      darkBgColorFocus: lt,
-      darkEyeBgColor: Ye,
-      darkEyeBgColorActive: Qe,
-      darkDisabledBgColor: f,
+      inputName: _e,
+      inputPlaceholder: at,
+      inputText: Je,
+      theme: lt,
+      inputEyeIcon: gt,
+      tabindex: Xe,
+      inputEyeIconHidden: ke,
+      lightBgColor: Ce,
+      lightBgColorFocus: yt,
+      lightEyeBgColor: nt,
+      lightEyeBgColorActive: st,
+      lightDisabledBgColor: dt,
+      lightTextColor: ct,
+      darkBgColor: je,
+      darkBgColorFocus: He,
+      darkEyeBgColor: Ze,
+      darkEyeBgColorActive: Ue,
+      darkDisabledBgColor: y,
       darkTextColor: S,
-      darkDisabledEyeBgColor: ce,
-      lightDisabledEyeBgColor: Q,
-      textAlign: le,
-      showMsg: je,
-      hasMsg: He,
-      hasIcon: J,
+      darkDisabledEyeBgColor: oe,
+      lightDisabledEyeBgColor: Z,
+      textAlign: ge,
+      showMsg: $e,
+      hasMsg: Ge,
+      hasIcon: ue,
       iconDirection: d,
       iconPadding: v,
-      iconPaddingInput: fe,
-      iconMargin: q,
-      iconBorderRadius: re,
-      iconLightTextColor: Re,
-      iconDarkTextColor: Me,
-      iconLightBgColor: Fe,
-      iconDarkBgColor: Oe,
-      iconLightBgColorActive: Ue,
-      iconDarkBgColorActive: nt,
-      iconLightDisabledBgColor: ot,
-      iconDarkDisabledBgColor: h,
-      iconWidth: w,
-      iconSize: I,
-      showLabel: j,
-      labelBackground: Ce,
+      iconPaddingInput: ce,
+      iconMargin: Y,
+      iconBorderRadius: ee,
+      iconLightTextColor: we,
+      iconDarkTextColor: Re,
+      iconLightBgColor: Ee,
+      iconDarkBgColor: Ke,
+      iconLightBgColorActive: et,
+      iconDarkBgColorActive: ot,
+      iconLightDisabledBgColor: ut,
+      iconDarkDisabledBgColor: ft,
+      iconWidth: h,
+      iconSize: M,
+      showLabel: V,
+      labelBackground: Fe,
       labelPadding: T,
-      labelBorderRadius: ze,
-      labelLeft: Je,
-      inputLabelMarginActive: Xe,
-      labelActiveTop: N,
+      labelBorderRadius: ye,
+      labelLeft: Vt,
+      inputLabelMarginActive: kt,
+      labelActiveTop: rt,
       labelActiveLeft: H,
-      fontFamilyLabel: B,
-      fontSizeLabel: C,
-      fontSizeLabelActive: ne,
+      fontFamilyLabel: N,
+      fontSizeLabel: te,
+      fontSizeLabelActive: $,
       fontWeightLabel: z,
-      lightTextColorLabel: At,
-      lightTextColorLabelActive: $t,
-      darkTextColorLabel: Vt,
-      darkTextColorLabelActive: _t
-    } = ca(W), xe = ee(""), st = ee(""), bt = ee(!1), ut = ee(!1), L = a(() => {
-      const o = _.value ? "component-disabled" : "", p = Se.value !== "b" ? "inline-block" : "block", Z = se ? se.value : "ffffff", t = te.value ? te.value : "", n = Ee.value ? Ee.value : "", r = $e.value ? $e.value : "", s = oe.value ? oe.value : !1, b = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, c = ue.value ? ue.value : "'Lato', sans-serif", g = K.value && K.value >= 0 ? K.value : null, x = Y.value !== 0 && !Y.value || Y.value < 0 ? 100 : Y.value, A = ke.value ? ke.value : "'Lato', sans-serif", R = de.value ? de.value : "1em", F = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, ie = be.value ? be.value : "#f15574", De = ae.value ? ae.value : 200, Ze = ge.value ? ge.value : "normal", Ie = me.value ? me.value : "xs", Ne = $.value ? $.value : !1, pa = V.value ? V.value : !1, ba = k.value ? k.value : "text", ha = qe.value ? qe.value : !1, Ca = tt.value ? tt.value : "normal", xa = le.value ? le.value : "left", Sa = ye.value ? ye.value : "background", Va = v.value ? v.value : "5px 10px", ka = q.value ? q.value : "0", La = fe.value ? fe.value : 10, Ta = Re.value ? Re.value : "#000000", Ba = Me.value ? Me.value : "#000000", Aa = Fe.value ? Fe.value : "transparent", $a = Oe.value ? Oe.value : "transparent", _a = re.value !== 0 && !re.value || re.value < 0 ? 0 : re.value, wa = Ue.value ? Ue.value : "transparent", Ra = nt.value ? nt.value : "transparent", Ma = w.value ? w.value : 32, za = I.value ? I.value : 1, Da = j.value ? j.value : !1, Ia = Je.value !== 0 && !Je.value || Je.value < 0 ? 5 : Je.value, Na = Ce.value ? Ce.value : "transparent", Wa = Xe.value !== 0 && !Xe.value || Xe.value < 0 ? 15 : Xe.value, Pa = T.value ? T.value : "1px 5px", Ha = ze.value !== 0 && !ze.value || ze.value < 0 ? 0 : ze.value, Ua = N.value !== 0 && !N.value || N.value < 0 ? -13 : N.value, Ga = H.value !== 0 && !H.value || H.value < 0 ? -10 : H.value, Ka = B.value ? B.value : "'Lato', sans-serif", Ya = C.value ? C.value : "1em", Qa = ne.value ? ne.value : "0.8em", Ja = z.value ? z.value : 400, Xa = At.value ? At.value : "#ffffff", Za = Vt.value ? Vt.value : "#000000", el = $t.value ? $t.value : "#ffffff", tl = _t.value ? _t.value : "#000000";
+      lightTextColorLabel: ae,
+      lightTextColorLabelActive: W,
+      darkTextColorLabel: wt,
+      darkTextColorLabelActive: Rt
+    } = va(E), Me = Q(""), vt = Q(""), it = Q(!1), pt = Q(!1), B = a(() => {
+      const o = R.value ? "component-disabled" : "", f = xe.value !== "b" ? "inline-block" : "block", w = ie ? ie.value : "ffffff", Ye = J.value ? J.value : "", Qe = Pe.value ? Pe.value : "", t = Be.value ? Be.value : "", l = le.value ? le.value : !1, i = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, s = ne.value ? ne.value : "'Lato', sans-serif", b = se.value ? se.value : null, c = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, g = 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 = v.value ? v.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 = Ee.value ? Ee.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, Pa = T.value ? T.value : "1px 5px", Ea = 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";
       return {
         disabled: o,
-        display: p,
-        font: c,
-        fontSize: g,
-        fontWeight: x,
-        fontFamilyMsg: A,
-        fontSizeMsg: R,
-        fontWeightMsg: F,
-        textMessageColor: ie,
-        textColor: Z,
-        caretColor: t,
-        selectionBgColor: n,
-        selectionTextColor: r,
-        hasBorderRadius: s,
-        borderRadius: b,
+        display: f,
+        font: s,
+        fontSize: b,
+        fontWeight: c,
+        fontFamilyMsg: g,
+        fontSizeMsg: x,
+        fontWeightMsg: A,
+        textMessageColor: D,
+        textColor: w,
+        caretColor: Ye,
+        selectionBgColor: Qe,
+        selectionTextColor: t,
+        hasBorderRadius: l,
+        borderRadius: i,
         textAlign: xa,
-        inputWidth: De,
-        activeTextStyle: Ze,
-        sizeMediaQuery: Ie,
-        inputReadonly: Ne,
-        showInputEye: pa,
-        inputType: ba,
+        inputWidth: q,
+        activeTextStyle: re,
+        sizeMediaQuery: ze,
+        inputReadonly: tt,
+        showInputEye: De,
+        inputType: Ie,
         inputUppercase: ha,
         theme: Ca,
         inputStyle: Sa,
@@ -1191,8 +1191,8 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         iconLightTextColor: Ta,
         iconDarkTextColor: Ba,
         iconLightBgColor: Aa,
-        iconDarkBgColor: $a,
-        iconBorderRadius: _a,
+        iconDarkBgColor: _a,
+        iconBorderRadius: $a,
         iconLightBgColorActive: wa,
         iconDarkBgColorActive: Ra,
         iconWidth: Ma,
@@ -1200,10 +1200,10 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         showLabel: Da,
         labelBackground: Na,
         labelPadding: Pa,
-        labelBorderRadius: Ha,
+        labelBorderRadius: Ea,
         labelLeft: Ia,
         inputLabelMarginActive: Wa,
-        labelActiveTop: Ua,
+        labelActiveTop: Fa,
         labelActiveLeft: Ga,
         fontFamilyLabel: Ka,
         fontSizeLabel: Ya,
@@ -1214,13 +1214,13 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         lightTextColorLabelActive: el,
         darkTextColorLabelActive: tl
       };
-    }), wt = a(() => L.value.disabled), Ft = a(() => ({
-      display: L.value.display
-    })), Ct = a(() => {
-      const o = L.value;
+    }), Mt = a(() => B.value.disabled), zt = a(() => ({
+      display: B.value.display
+    })), Bt = a(() => {
+      const o = B.value;
       if (o.fontSize)
-        return `${o.fontSize}em`;
-      let p = "";
+        return o.fontSize;
+      let f = "";
       switch (o.sizeMediaQuery) {
         case "sm":
           return "1.2em";
@@ -1229,35 +1229,34 @@ 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;
-    }), Ot = a(() => {
-      const o = L.value, p = zt.value;
+      return f;
+    }), Ht = a(() => {
+      const o = B.value, f = Pt.value;
       return {
-        fontSize: Ct.value,
         fontWeight: o.fontWeight,
-        marginTop: p && j.value ? `${o.inputLabelMarginActive}px` : "0"
+        marginTop: f && V.value ? `${o.inputLabelMarginActive}px` : "0"
       };
-    }), rt = a(() => {
-      const o = L.value;
+    }), mt = a(() => {
+      const o = B.value;
       return o.inputStyle !== "line" && o.hasBorderRadius ? { borderRadius: `${o.borderRadius}rem` } : {};
-    }), xt = a(() => L.value.font), qt = a(() => L.value.fontFamilyMsg), jt = a(() => L.value.fontSizeMsg), Ht = a(() => L.value.fontWeightMsg), Ut = a(() => L.value.textColor), Gt = a(() => L.value.textMessageColor), Kt = a(() => {
-      const o = L.value;
+    }), At = a(() => B.value.font), _t = a(() => B.value.fontFamilyMsg), Dt = a(() => B.value.fontSizeMsg), Ut = a(() => B.value.fontWeightMsg), Gt = a(() => B.value.textColor), Kt = a(() => B.value.textMessageColor), Yt = a(() => {
+      const o = B.value;
       return o.caretColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), kt = a(() => {
-      const o = L.value;
+    }), Qt = a(() => {
+      const o = B.value;
       return o.selectionBgColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Yt = a(() => {
-      const o = L.value;
+    }), Jt = a(() => {
+      const o = B.value;
       return o.selectionTextColor || (o.theme === "dark" ? "#000000" : "#ffffff");
     }), Lt = a(() => {
-      const o = L.value;
+      const o = B.value;
       return o.display === "block" ? { width: "100%" } : {
         width: `${o.inputWidth}px`
       };
-    }), Tt = a(() => {
-      switch (ye.value) {
+    }), It = a(() => {
+      switch (me.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1265,8 +1264,8 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         default:
           return "component__input--background";
       }
-    }), l = a(() => {
-      switch (L.value.activeTextStyle) {
+    }), r = a(() => {
+      switch (B.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -1274,8 +1273,8 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         default:
           return "component__input--active--normal";
       }
-    }), i = a(() => {
-      switch (L.value.sizeMediaQuery) {
+    }), u = a(() => {
+      switch (B.value.sizeMediaQuery) {
         case "sm":
           return "component__sm";
         case "md":
@@ -1285,175 +1284,175 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         default:
           return "";
       }
-    }), D = a(() => {
-      switch (L.value.theme) {
+    }), p = a(() => {
+      switch (B.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), X = a(() => L.value.inputReadonly ? "component__input--read-only" : ""), Qt = a(() => L.value.inputUppercase ? "component__input--uppercase" : ""), Rt = a(() => {
-      const o = L.value;
+    }), P = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), Oe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), Nt = a(() => {
+      const o = B.value;
       return !!(o.showInputEye && o.inputType === "password");
-    }), Mt = a(() => bt.value ? ct.value : Le.value), gt = a(() => we.value ? we.value : `${M.value}-name-label`), Jt = a(() => j.value ? ut.value ? et.value : "" : et.value), zt = a(() => ut.value || xe.value && xe.value.trim().length > 0), yt = a(() => L.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), Xt = a(() => ut.value ? "component__input--active" : "component__input--no-active"), Zt = a(() => Rt.value ? "6px 50px 6px 10px" : "6px 10px"), ea = a(() => !!(je.value && He.value)), ta = a(() => {
+    }), 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), Pt = 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(() => {
       const o = {};
-      Ve.value && Object.keys(Ve.value).forEach((t) => o[`aria-${t}`] = Ve.value[t]);
-      const p = {
-        "aria-label": Ae.value,
-        "aria-disabled": _.value,
+      Se.value && Object.keys(Se.value).forEach((Ye) => o[`aria-${Ye}`] = Se.value[Ye]);
+      const f = {
+        "aria-label": Te.value,
+        "aria-disabled": R.value,
         ...o
       };
       return Object.fromEntries(
-        Object.entries(p).filter(([Z, t]) => t != null)
+        Object.entries(f).filter(([w, Ye]) => Ye != null)
       );
-    }), Bt = a(() => J.value ? `${I.value}rem` : "0"), aa = a(() => J.value ? `${w.value}px` : "0"), la = a(() => J.value ? `component__icon--${d.value}` : ""), na = a(() => {
-      const o = L.value;
-      return J.value ? o.iconPadding : "0";
-    }), Dt = a(() => {
-      const o = L.value;
-      return J.value ? o.iconMargin : "0";
-    }), It = a(() => {
-      const o = L.value;
-      return J.value ? o.theme === "dark" ? o.iconDarkBgColor : o.iconLightBgColor : "transparent";
-    }), Nt = a(() => {
-      const o = L.value;
-      return J.value ? `${o.iconBorderRadius}rem` : "0";
-    }), dt = a(() => {
-      const o = L.value;
-      return J.value ? d.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
-    }), St = a(() => {
-      const o = L.value, p = zt.value, Z = p ? o.lightTextColorLabelActive : o.lightTextColorLabel, t = p ? o.darkTextColorLabelActive : o.darkTextColorLabel;
+    }), 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(() => {
+      const o = B.value;
+      return ue.value ? o.iconPadding : "0";
+    }), ua = a(() => {
+      const o = B.value;
+      return ue.value ? o.iconMargin : "0";
+    }), ra = a(() => {
+      const o = B.value;
+      return ue.value ? o.theme === "dark" ? o.iconDarkBgColor : o.iconLightBgColor : "transparent";
+    }), Et = a(() => {
+      const o = B.value;
+      return ue.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` } : {};
+    }), Ot = a(() => {
+      const o = B.value, f = Pt.value, w = f ? o.lightTextColorLabelActive : o.lightTextColorLabel, Ye = 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" ? t : Z,
-        top: p ? `${o.labelActiveTop}px` : "50%",
-        left: p ? `${o.labelActiveLeft}px` : `${o.labelLeft}px`,
-        transform: p ? "translateY(0)" : "translateY(-50%)",
+        color: o.theme === "dark" ? Ye : 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(() => {
-      const o = L.value;
+      const o = B.value;
       return o.theme === "dark" ? o.darkTextColorLabelActive : o.lightTextColorLabelActive;
     });
-    const mt = () => {
-      xe.value = Ge.value, st.value = k.value;
-    }, Wt = () => {
-      const o = L.value;
+    const bt = () => {
+      Me.value = Je.value, vt.value = L.value;
+    }, Tt = () => {
+      const o = B.value;
       if (o.inputReadonly || o.disabled)
         return;
-      const p = !bt.value;
-      p ? st.value = "text" : st.value = k.value, bt.value = p;
-    }, oa = () => {
-      m("clicked");
-    }, Pt = () => {
-      _.value || L.value.inputReadonly || !pe.value || m("entered", xe.value);
+      const f = !it.value;
+      f ? vt.value = "text" : vt.value = L.value, it.value = f;
+    }, xt = () => {
+      C("clicked");
+    }, qt = () => {
+      R.value || B.value.inputReadonly || !ve.value || C("entered", Me.value);
     };
-    return U(k, (o) => {
-      st.value = o;
-    }, { immediate: !0 }), U(Ge, (o) => {
-      o !== xe.value && (xe.value = o);
-    }, { immediate: !0 }), U(xe, (o) => {
-      _e.value && (o = o.trim()), m("changed", o);
-    }), U(ut, (o) => {
-      m(o ? "focused" : "blurred");
-    }), U(bt, (o) => {
-      m("show-input-eye", o);
-    }, { immediate: !0 }), U(xe, (o) => {
-      _e.value && (o = o.trim()), m("current-value", o);
-    }), U(k, (o) => {
+    return U(L, (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);
+    }), 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) => {
       o === "password" && nextTick(() => {
-        const p = document.getElementById(we.value);
-        p && (p.type = "password", p.removeAttribute("autocomplete"));
+        const f = document.getElementById(_e.value);
+        f && (f.type = "password", f.removeAttribute("autocomplete"));
       });
-    }), (o, p) => u(M) ? (E(), O("div", ia({
+    }), (o, f) => n(I) ? (O(), j("div", da({
       key: 0,
-      class: ["nb-wrapper", wt.value],
-      style: [Ft.value, Lt.value, rt.value],
+      class: ["nb-wrapper", Mt.value],
+      style: [zt.value, Lt.value, mt.value],
       role: "input"
-    }, ta.value), [
-      ve("div", {
-        id: u(M),
-        class: We(["nb-reset", "component", i.value, D.value, X.value, Tt.value]),
-        style: Pe([Ot.value, Lt.value, rt.value]),
-        onClick: oa
+    }, aa.value), [
+      fe("div", {
+        id: n(I),
+        class: Ne(["nb-reset", "component", u.value, p.value, P.value, It.value]),
+        style: We([Ht.value, Lt.value, mt.value]),
+        onClick: xt
       }, [
-        u(j) ? (E(), O("label", {
+        n(V) ? (O(), j("label", {
           key: 0,
-          for: gt.value,
+          for: ht.value,
           class: "component__label",
-          style: Pe([St.value])
-        }, ht(e.label), 13, hl)) : Be("", !0),
-        Rt.value ? (E(), O("div", {
+          style: We([Ot.value])
+        }, St(e.label), 13, hl)) : Le("", !0),
+        Nt.value ? (O(), j("div", {
           key: 1,
-          class: We(["component__eye", Xt.value]),
-          style: Pe([rt.value]),
-          onClick: Wt
+          class: Ne(["component__eye", ea.value]),
+          style: We([mt.value]),
+          onClick: Tt
         }, [
-          ve("label", {
-            for: gt.value,
-            class: We(["component__eye-icon", "fas"])
+          fe("label", {
+            for: ht.value,
+            class: Ne(["component__eye-icon", "fas"])
           }, [
-            e.inputEyeCustomIcon ? (E(), O("span", Sl, [
-              bt.value ? ua(o.$slots, "eye-icon-show", { key: 0 }, () => [
-                p[4] || (p[4] = ga("show"))
-              ], !0) : ua(o.$slots, "eye-icon-hidden", { key: 1 }, () => [
-                p[5] || (p[5] = ga("hidden"))
+            e.inputEyeCustomIcon ? (O(), j("span", Sl, [
+              it.value ? ia(o.$slots, "eye-icon-show", { key: 0 }, () => [
+                f[4] || (f[4] = ga("show"))
+              ], !0) : ia(o.$slots, "eye-icon-hidden", { key: 1 }, () => [
+                f[5] || (f[5] = ga("hidden"))
               ], !0)
-            ])) : (E(), O("span", xl, ht(Mt.value), 1))
+            ])) : (O(), j("span", xl, St(Xt.value), 1))
           ], 8, Cl)
-        ], 6)) : Be("", !0),
-        fa(ve("input", {
-          "onUpdate:modelValue": p[0] || (p[0] = (Z) => xe.value = Z),
-          id: gt.value,
-          name: gt.value,
-          type: st.value,
-          class: We(["component__input", [
-            Qt.value,
-            yt.value,
-            l.value
+        ], 6)) : Le("", !0),
+        pa(fe("input", {
+          "onUpdate:modelValue": f[0] || (f[0] = (w) => Me.value = w),
+          id: ht.value,
+          name: ht.value,
+          type: vt.value,
+          class: Ne(["component__input", [
+            Oe.value,
+            Zt.value,
+            r.value
           ]]),
-          placeholder: Jt.value,
-          disabled: u(_) || u($),
+          placeholder: Wt.value,
+          disabled: n(R) || n(_),
           required: e.required,
-          readonly: u($),
+          readonly: n(_),
           autocomplete: e.inputAutocomplete,
-          tabindex: u(_) || u($) ? -1 : u(Ke),
+          tabindex: n(R) || n(_) ? -1 : n(Xe),
           role: "input",
-          style: Pe([rt.value, dt.value]),
-          onFocus: p[1] || (p[1] = (Z) => ut.value = !0),
-          onBlur: p[2] || (p[2] = (Z) => ut.value = !1),
-          onKeydown: p[3] || (p[3] = Et((Z) => !u(_) && u(pe) && Pt(), ["enter"]))
+          style: We([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(ve) && qt(), ["enter"]))
         }, null, 46, Vl), [
-          [qa, xe.value]
+          [Ha, Me.value]
         ]),
-        u(J) ? (E(), O("label", {
+        n(ue) ? (O(), j("label", {
           key: 2,
-          for: gt.value,
-          class: We(["component__icon", la.value])
+          for: ht.value,
+          class: Ne(["component__icon", $t.value])
         }, [
-          ua(o.$slots, "icon", {}, () => [
-            p[6] || (p[6] = ve("span", null, "♥", -1))
+          ia(o.$slots, "icon", {}, () => [
+            f[6] || (f[6] = fe("span", null, "♥", -1))
           ], !0)
-        ], 10, kl)) : Be("", !0)
+        ], 10, kl)) : Le("", !0)
       ], 14, ml),
-      ea.value ? (E(), O("div", {
+      ta.value ? (O(), j("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ua(o.$slots, "message", {}, () => [
-          ga(ht(e.message), 1)
+        ia(o.$slots, "message", {}, () => [
+          ga(St(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0)
-    ], 16)) : Be("", !0);
+      ], 2)) : Le("", !0)
+    ], 16)) : Le("", !0);
   }
-}), Tl = /* @__PURE__ */ va(Ll, [["__scopeId", "data-v-ba7b1c2a"]]);
-const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"], wl = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Rl = /* @__PURE__ */ Object.assign({
+}), Tl = /* @__PURE__ */ ba(Ll, [["__scopeId", "data-v-7da192c6"]]);
+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
 }, {
@@ -1467,8 +1466,8 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const y = e.toLowerCase();
-        return ["b", "ib"].includes(y);
+        const m = e.toLowerCase();
+        return ["b", "ib"].includes(m);
       }
     },
     tabIndex: {
@@ -1541,8 +1540,7 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
     },
     fontSize: {
       type: String,
-      default: "1.6em",
-      validator: (e) => e || "1.6em"
+      default: null
     },
     fontWeight: {
       type: Number,
@@ -1777,165 +1775,168 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
     }
   },
   emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred"],
-  setup(e, { emit: y }) {
-    da((l) => ({
-      be085a92: _t.value,
-      "0f20f54a": st.value,
-      "5a3a5628": u(ct),
-      "0e969290": u(qe),
-      "4ceb0bee": u(et),
-      "1a53dfa4": u(Ke),
-      "6bd8ae3c": u(Le),
-      "825ce076": u(he),
-      "56035c10": u(lt),
-      "5a717b40": u(vt),
-      "99827c4e": u(it),
-      "17efb118": u(Ye),
-      accb7be8: u(Qe),
-      db0520d6: u(f),
-      "61486f62": u(Ge),
-      "712be27f": u(pt),
-      "7faa8ac9": ut.value,
-      "5a3b454a": L.value,
-      "3abe9a33": wt.value,
-      "73aff348": l.styleButtonColor,
-      "54aeebed": xe.value,
-      "0062da74": u(tt),
-      "0b2fa026": u(ft),
-      "57e28b78": u(Te),
-      "527fa7bd": u(S)
-    })), ra(() => {
+  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)
+    })), sa(() => {
       G.value.length > 0 && (H.value = G.value);
     });
-    const m = y, W = e, {
-      nbId: M,
-      display: Se,
-      textColor: pe,
-      paddingX: Ae,
-      paddingY: Ve,
-      borderRadius: se,
-      disabled: te,
-      fontFamily: Ee,
-      fontSize: $e,
-      fontWeight: oe,
+    const C = m, E = e, {
+      nbId: I,
+      display: xe,
+      textColor: ve,
+      paddingX: Te,
+      paddingY: Se,
+      borderRadius: ie,
+      disabled: J,
+      fontFamily: Pe,
+      fontSize: Be,
+      fontWeight: le,
       currentList: G,
-      allowDuplicates: _,
-      minChips: ue,
-      maxChips: K,
-      inputPosition: Y,
-      width: ke,
+      allowDuplicates: R,
+      minChips: ne,
+      maxChips: se,
+      inputPosition: K,
+      width: Ve,
       inputName: de,
-      inputPlaceholder: P,
-      inputUppercase: be,
-      inputReadonly: ae,
-      inputAutocomplete: ye,
-      required: ge,
-      textAlign: me,
-      hasBorderRadius: $,
-      activeTextStyle: V,
-      theme: k,
-      inputStyle: _e,
+      inputPlaceholder: F,
+      inputUppercase: pe,
+      inputReadonly: X,
+      inputAutocomplete: me,
+      required: be,
+      textAlign: he,
+      hasBorderRadius: _,
+      activeTextStyle: k,
+      theme: L,
+      inputStyle: Ae,
       lightBgColor: qe,
-      lightBgColorFocus: we,
-      lightBorderColor: et,
-      lightBorderColorFocus: Ge,
-      lightDisabledBgColor: tt,
-      lightTextColor: ct,
-      lightChipBgColor: Ke,
-      lightChipTextColor: Le,
-      lightChipRemoveColor: he,
-      lightDisabledBorderColor: ft,
-      darkBgColor: vt,
-      darkBgColorFocus: at,
-      darkBorderColor: it,
-      darkBorderColorFocus: pt,
-      darkDisabledBgColor: Te,
-      darkTextColor: lt,
-      darkChipBgColor: Ye,
-      darkChipTextColor: Qe,
-      darkChipRemoveColor: f,
+      lightBgColorFocus: _e,
+      lightBorderColor: at,
+      lightBorderColorFocus: Je,
+      lightDisabledBgColor: lt,
+      lightTextColor: gt,
+      lightChipBgColor: Xe,
+      lightChipTextColor: ke,
+      lightChipRemoveColor: Ce,
+      lightDisabledBorderColor: yt,
+      darkBgColor: nt,
+      darkBgColorFocus: st,
+      darkBorderColor: dt,
+      darkBorderColorFocus: ct,
+      darkDisabledBgColor: je,
+      darkTextColor: He,
+      darkChipBgColor: Ze,
+      darkChipTextColor: Ue,
+      darkChipRemoveColor: y,
       darkDisabledBorderColor: S,
-      tabIndex: ce,
-      hasTabIndexEnter: Q,
-      ariaLabel: le,
-      ariaAttrs: je,
-      caretColor: He,
-      selectionBgColor: J,
+      tabIndex: oe,
+      hasTabIndexEnter: Z,
+      ariaLabel: ge,
+      ariaAttrs: $e,
+      caretColor: Ge,
+      selectionBgColor: ue,
       selectionTextColor: d,
       showLabel: v,
-      label: fe,
-      labelBackground: q,
-      labelPadding: re,
-      labelBorderRadius: Re,
-      labelLeft: Me,
-      inputLabelMarginActive: Fe,
-      labelActiveTop: Oe,
-      labelActiveLeft: Ue,
-      fontFamilyLabel: nt,
-      fontSizeLabel: ot,
-      fontSizeLabelActive: h,
-      fontWeightLabel: w,
-      lightTextColorLabel: I,
-      lightTextColorLabelActive: j,
-      darkTextColorLabel: Ce,
+      label: ce,
+      labelBackground: Y,
+      labelPadding: ee,
+      labelBorderRadius: we,
+      labelLeft: Re,
+      inputLabelMarginActive: Ee,
+      labelActiveTop: Ke,
+      labelActiveLeft: et,
+      fontFamilyLabel: ot,
+      fontSizeLabel: ut,
+      fontSizeLabelActive: ft,
+      fontWeightLabel: h,
+      lightTextColorLabel: M,
+      lightTextColorLabelActive: V,
+      darkTextColorLabel: Fe,
       darkTextColorLabelActive: T
-    } = ca(W), ze = ee(""), Je = ee(null), Xe = ee(null), N = ee(null), H = ee([]), B = ee(!1), C = a(() => {
-      const l = te.value ? "component-disabled" : "", i = Se.value !== "b" ? "inline-block" : "block", D = !ke.value || ke.value < 185 ? 185 : ke.value, X = pe ? pe.value : "ffffff", Qt = He.value ? He.value : "", Rt = J.value ? J.value : "", Mt = d.value ? d.value : "", gt = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 1 : Ae.value, Jt = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 0.2 : Ve.value, zt = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, yt = Ee.value ? Ee.value : "'Lato', sans-serif", Xt = $e.value ? $e.value : "1.6rem", Zt = oe.value !== 0 && !oe.value || oe.value < 0 ? 100 : oe.value, ea = ue.value !== 0 && !ue.value || ue.value < 0 ? 0 : ue.value, ta = K.value !== 0 && !K.value || K.value < 0 ? 10 : K.value, Bt = !Y.value || !["top", "bottom"].includes(Y.value) ? "bottom" : Y.value, aa = !_e.value || !["background", "line", "border"].includes(_e.value) ? "background" : _e.value, la = k.value ? k.value : "light", na = v.value ? v.value : !1, Dt = Me.value !== 0 && !Me.value || Me.value < 0 ? 5 : Me.value, It = q.value ? q.value : "transparent", Nt = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 15 : Fe.value, dt = re.value ? re.value : "1px 5px", St = Re.value !== 0 && !Re.value || Re.value < 0 ? 0 : Re.value, mt = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 13 : Oe.value, Wt = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 5 : Ue.value, oa = nt.value ? nt.value : "'Lato', sans-serif", Pt = ot.value ? ot.value : "1em", o = h.value ? h.value : "0.8em", p = w.value ? w.value : 400, Z = I.value ? I.value : "#333333", t = Ce.value ? Ce.value : "#ffffff", n = j.value ? j.value : "#333333", r = T.value ? T.value : "#ffffff";
+    } = va(E), ye = Q(""), Vt = Q(null), kt = Q(null), rt = Q(null), H = Q([]), N = Q(!1), te = a(() => {
+      const u = J.value ? "component-disabled" : "", p = xe.value !== "b" ? "inline-block" : "block", P = !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, Pt = 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 = Pe.value ? Pe.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 = v.value ? v.value : !1, ra = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, Et = Y.value ? Y.value : "transparent", Ft = Ee.value !== 0 && !Ee.value || Ee.value < 0 ? 15 : Ee.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", f = 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";
       return {
-        disabled: l,
-        display: i,
-        width: D,
-        font: yt,
-        fontSize: Xt,
-        fontWeight: Zt,
-        textColor: X,
-        caretColor: Qt,
-        selectionBgColor: Rt,
-        selectionTextColor: Mt,
-        paddingX: gt,
-        paddingY: Jt,
-        borderRadius: zt,
-        minChips: ea,
-        maxChips: ta,
-        inputPosition: Bt,
-        inputStyle: aa,
-        theme: la,
-        showLabel: na,
-        labelLeft: Dt,
-        labelBackground: It,
-        inputLabelMarginActive: Nt,
-        labelPadding: dt,
-        labelBorderRadius: St,
-        labelActiveTop: mt,
-        labelActiveLeft: Wt,
-        fontFamilyLabel: oa,
-        fontSizeLabel: Pt,
-        fontSizeLabelActive: o,
-        fontWeightLabel: p,
-        lightTextColorLabel: Z,
-        darkTextColorLabel: t,
-        lightTextColorLabelActive: n,
-        darkTextColorLabelActive: r
+        disabled: u,
+        display: p,
+        width: P,
+        font: ea,
+        fontSize: Ct,
+        fontWeight: ta,
+        textColor: Oe,
+        caretColor: Nt,
+        selectionBgColor: Xt,
+        selectionTextColor: ht,
+        paddingX: Wt,
+        paddingY: Pt,
+        borderRadius: Zt,
+        minChips: aa,
+        maxChips: la,
+        inputPosition: na,
+        inputStyle: $t,
+        theme: oa,
+        showLabel: ua,
+        labelLeft: ra,
+        labelBackground: Et,
+        inputLabelMarginActive: Ft,
+        labelPadding: Ot,
+        labelBorderRadius: bt,
+        labelActiveTop: Tt,
+        labelActiveLeft: xt,
+        fontFamilyLabel: qt,
+        fontSizeLabel: o,
+        fontSizeLabelActive: f,
+        fontWeightLabel: w,
+        lightTextColorLabel: Ye,
+        darkTextColorLabel: Qe,
+        lightTextColorLabelActive: t,
+        darkTextColorLabelActive: l
       };
-    }), ne = a(() => C.value.disabled), z = a(() => {
-      const l = C.value, i = xt.value;
+    }), $ = a(() => te.value.disabled), z = a(() => {
+      const u = te.value, p = _t.value;
       return {
-        display: l.display,
+        display: u.display,
         // Adiciona padding-top quando o label está ativo para evitar que seja cortado
-        paddingTop: i && v.value ? `${Math.abs(l.labelActiveTop)}px` : "0"
+        paddingTop: p && v.value ? `${Math.abs(u.labelActiveTop)}px` : "0"
       };
-    }), At = a(() => {
-      const l = C.value, i = xt.value;
+    }), ae = a(() => {
+      const u = te.value;
+      return u.fontSize ? u.fontSize : "1.4em";
+    }), W = a(() => {
+      const u = te.value, p = _t.value;
       return {
-        color: l.textColor,
-        padding: `${l.paddingY}rem ${l.paddingX}rem`,
-        fontSize: l.fontSize,
-        fontWeight: l.fontWeight,
-        textAlign: me.value,
-        marginTop: i && v.value ? `${l.inputLabelMarginActive}px` : "0"
+        color: u.textColor,
+        padding: `${u.paddingY}rem ${u.paddingX}rem`,
+        fontWeight: u.fontWeight,
+        textAlign: he.value,
+        marginTop: p && v.value ? `${u.inputLabelMarginActive}px` : "0"
       };
-    }), $t = a(() => {
-      switch (V.value) {
+    }), wt = a(() => {
+      switch (k.value) {
         case "italic":
           return "component__text--italic";
         case "oblique":
@@ -1943,63 +1944,63 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
         default:
           return "component__text--normal";
       }
-    }), Vt = a(() => {
-      const l = C.value;
-      return l.inputStyle !== "line" && $.value ? { borderRadius: `${l.borderRadius}rem` } : {};
-    }), _t = a(() => C.value.font), xe = a(() => C.value.textColor), st = a(() => C.value.inputPosition === "top" ? "column" : "column-reverse"), bt = a(() => {
-      const l = {};
-      je.value && Object.keys(je.value).forEach((X) => l[`aria-${X}`] = je.value[X]);
-      const i = {
-        "aria-label": le.value,
-        "aria-disabled": te.value,
-        ...l
+    }), Rt = a(() => {
+      const u = te.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(() => {
+      const u = {};
+      $e.value && Object.keys($e.value).forEach((Oe) => u[`aria-${Oe}`] = $e.value[Oe]);
+      const p = {
+        "aria-label": ge.value,
+        "aria-disabled": J.value,
+        ...u
       };
       return Object.fromEntries(
-        Object.entries(i).filter(([D, X]) => X != null)
+        Object.entries(p).filter(([P, Oe]) => Oe != null)
       );
-    }), ut = a(() => {
-      const l = C.value;
-      return l.caretColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), L = a(() => {
-      const l = C.value;
-      return l.selectionBgColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), wt = a(() => {
-      const l = C.value;
-      return l.selectionTextColor || (l.theme === "dark" ? "#000000" : "#ffffff");
-    }), Ft = a(() => ({
-      caretColor: ut.value
-    })), Ct = a(() => ({
-      "--selection-bg-color": L.value,
-      "--selection-text-color": wt.value
-    })), Ot = a(() => {
-      const l = C.value, i = {
-        width: `${l.width}px`
+    }), B = a(() => {
+      const u = te.value;
+      return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), Mt = a(() => {
+      const u = te.value;
+      return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), zt = a(() => {
+      const u = te.value;
+      return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
+    }), Bt = a(() => ({
+      caretColor: B.value
+    })), Ht = a(() => ({
+      "--selection-bg-color": Mt.value,
+      "--selection-text-color": zt.value
+    })), mt = a(() => {
+      const u = te.value, p = {
+        width: `${u.width}px`
       };
-      return l.display === "block" ? { width: "auto" } : i;
-    }), rt = a(() => de.value ? de.value : `${M.value}-name-label`), xt = a(() => B.value || H.value.length > 0 || ze.value && ze.value.trim().length > 0), qt = a(() => v.value ? B.value || H.value.length > 0 ? P.value : "" : P.value), jt = a(() => {
-      const l = C.value, i = xt.value, D = i ? l.lightTextColorLabelActive : l.lightTextColorLabel, X = i ? l.darkTextColorLabelActive : l.darkTextColorLabel;
+      return u.display === "block" ? { width: "auto" } : p;
+    }), 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(() => v.value ? N.value || H.value.length > 0 ? F.value : "" : F.value), Ut = a(() => {
+      const u = te.value, p = _t.value, P = p ? u.lightTextColorLabelActive : u.lightTextColorLabel, Oe = p ? u.darkTextColorLabelActive : u.darkTextColorLabel;
       return {
-        fontFamily: l.fontFamilyLabel,
-        fontSize: i ? l.fontSizeLabelActive : l.fontSizeLabel,
-        fontWeight: l.fontWeightLabel,
-        color: l.theme === "dark" ? X : D,
-        top: i ? `${l.labelActiveTop}px` : "50%",
-        left: i ? `${l.labelActiveLeft}px` : `${l.labelLeft}px`,
-        transform: i ? "translateY(0)" : "translateY(-50%)",
+        fontFamily: u.fontFamilyLabel,
+        fontSize: p ? u.fontSizeLabelActive : u.fontSizeLabel,
+        fontWeight: u.fontWeightLabel,
+        color: u.theme === "dark" ? Oe : P,
+        top: p ? `${u.labelActiveTop}px` : "50%",
+        left: p ? `${u.labelActiveLeft}px` : `${u.labelLeft}px`,
+        transform: p ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: i ? l.labelBackground : "transparent",
-        padding: i ? l.labelPadding : "0",
-        borderRadius: i ? `${l.labelBorderRadius}rem` : "0"
+        backgroundColor: p ? u.labelBackground : "transparent",
+        padding: p ? u.labelPadding : "0",
+        borderRadius: p ? `${u.labelBorderRadius}rem` : "0"
       };
-    }), Ht = a(() => {
-      switch (k.value) {
+    }), Gt = a(() => {
+      switch (L.value) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Ut = a(() => {
-      switch (_e.value) {
+    }), Kt = a(() => {
+      switch (Ae.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2007,94 +2008,94 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
         default:
           return "component__input--background";
       }
-    }), Gt = () => {
-      m("clicked");
-    }, Kt = () => {
-      B.value = !0, m("focused");
-    }, kt = () => {
-      B.value = !1, m("blurred");
-    }, Yt = (l) => {
-      if (!(te.value || ae.value) && l.key === "Enter" && ze.value.trim() !== "") {
-        l.preventDefault();
-        let i = ze.value.trim();
-        be.value && (i = i.toUpperCase()), (_.value || !H.value.includes(i)) && Lt(i), ze.value = "";
+    }), Yt = () => {
+      C("clicked");
+    }, Qt = () => {
+      N.value = !0, C("focused");
+    }, Jt = () => {
+      N.value = !1, C("blurred");
+    }, Lt = (u) => {
+      if (!(J.value || X.value) && u.key === "Enter" && ye.value.trim() !== "") {
+        u.preventDefault();
+        let p = ye.value.trim();
+        pe.value && (p = p.toUpperCase()), (R.value || !H.value.includes(p)) && It(p), ye.value = "";
       }
-    }, Lt = (l) => {
-      H.value.push(l), m("added", l);
-    }, Tt = (l) => {
-      H.value = H.value.filter((i) => i !== l), m("removed", l);
+    }, It = (u) => {
+      H.value.push(u), C("added", u);
+    }, r = (u) => {
+      H.value = H.value.filter((p) => p !== u), C("removed", u);
     };
-    return U(G, (l) => {
-      H.value = l, m("changed", l);
-    }), U(ze, (l) => {
-      m("input-changed", l);
-    }), (l, i) => u(M) ? (E(), O("div", ia({
+    return U(G, (u) => {
+      H.value = u, C("changed", u);
+    }), U(ye, (u) => {
+      C("input-changed", u);
+    }), (u, p) => n(I) ? (O(), j("div", da({
       key: 0,
-      class: ["nb-wrapper", ne.value],
+      class: ["nb-wrapper", $.value],
       style: [z.value],
       role: "input"
-    }, bt.value, { onClick: Gt }), [
-      u(v) ? (E(), O("label", {
+    }, pt.value, { onClick: Yt }), [
+      n(v) ? (O(), j("label", {
         key: 0,
-        for: rt.value,
+        for: At.value,
         class: "component__label",
-        style: Pe([jt.value])
-      }, ht(u(fe)), 13, Bl)) : Be("", !0),
-      ve("div", {
-        id: u(M),
+        style: We([Ut.value])
+      }, St(n(ce)), 13, Bl)) : Le("", !0),
+      fe("div", {
+        id: n(I),
         ref_key: "chipsContainer",
-        ref: Je,
-        class: We(["nb-reset", "component", Ht.value, Ut.value]),
-        style: Pe([At.value, Ot.value, Vt.value])
+        ref: Vt,
+        class: Ne(["nb-reset", "component", Gt.value, Kt.value]),
+        style: We([W.value, mt.value, Rt.value])
       }, [
-        H.value.length > 0 ? (E(), O("div", {
+        H.value.length > 0 ? (O(), j("div", {
           key: 0,
           ref_key: "chips",
-          ref: N,
+          ref: rt,
           class: "chips"
         }, [
-          (E(!0), O(Fa, null, Oa(H.value, (D) => (E(), O("div", {
-            key: D,
+          (O(!0), j(qa, null, ja(H.value, (P) => (O(), j("div", {
+            key: P,
             class: "chip"
           }, [
-            ua(l.$slots, "chip", {
+            ia(u.$slots, "chip", {
               chips: H.value,
-              chip: D,
-              removeChip: Tt
+              chip: P,
+              removeChip: r
             }, () => [
-              ve("span", $l, ht(D), 1),
-              !u(te) && !u(ae) ? (E(), O("span", {
+              fe("span", _l, St(P), 1),
+              !n(J) && !n(X) ? (O(), j("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (X) => Tt(D)
-              }, "×", 8, _l)) : Be("", !0)
+                onClick: (Oe) => r(P)
+              }, "×", 8, $l)) : Le("", !0)
             ], !0)
           ]))), 128))
-        ], 512)) : Be("", !0),
-        fa(ve("input", {
+        ], 512)) : Le("", !0),
+        pa(fe("input", {
           ref_key: "chipInput",
-          ref: Xe,
+          ref: kt,
           type: "text",
-          "onUpdate:modelValue": i[0] || (i[0] = (D) => ze.value = D),
-          id: rt.value,
-          name: rt.value,
-          placeholder: qt.value,
-          readonly: u(ae),
-          autocomplete: u(ye),
-          required: u(ge),
-          tabindex: u(te) || u(ae) ? -1 : u(ce),
-          class: We(["chips-input", $t.value]),
-          style: Pe([Ft.value, Ct.value]),
-          onKeydown: i[1] || (i[1] = Et((D) => !u(te) && u(Q) && Yt(D), ["enter"])),
-          onFocus: Kt,
-          onBlur: kt
+          "onUpdate:modelValue": p[0] || (p[0] = (P) => ye.value = P),
+          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: p[1] || (p[1] = jt((P) => !n(J) && n(Z) && Lt(P), ["enter"])),
+          onFocus: Qt,
+          onBlur: Jt
         }, null, 46, wl), [
-          [ja, ze.value]
+          [Ua, ye.value]
         ])
       ], 14, Al)
-    ], 16)) : Be("", !0);
+    ], 16)) : Le("", !0);
   }
-}), Ml = /* @__PURE__ */ va(Rl, [["__scopeId", "data-v-cb537a8c"]]);
+}), 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({
   name: "NbTextarea",
   inheritAttrs: !1
@@ -2109,8 +2110,8 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const y = e.toLowerCase();
-        return ["b", "ib"].includes(y);
+        const m = e.toLowerCase();
+        return ["b", "ib"].includes(m);
       }
     },
     tabIndex: {
@@ -2463,186 +2464,186 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
     "clicked",
     "entered"
   ],
-  setup(e, { emit: y }) {
-    da((l) => ({
-      "3967c1cf": B.value,
-      21384740: u(Ke),
-      cf2a869e: Vt.value,
-      "5d9f8143": _t.value,
-      "0ac2641b": xe.value,
-      "071c4440": u(vt),
-      "4c13b82c": u(ft),
-      "1c06af70": u(Le),
-      "1897a970": u(he),
-      ee04cce8: u(ct),
-      "53e42cb0": u(Ge),
-      b40f77e0: u(tt),
-      "693b5058": u(at),
-      bcb58b32: xt.value,
-      "12c3ff38": C.value,
-      e1323912: ne.value,
-      "8b7f9640": z.value,
-      b811788c: $t.value,
-      "72f5fe60": l.styleButtonColor,
-      "1bacdd05": At.value
-    })), ra(() => {
-      j.value = qe.value;
+  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
+    })), sa(() => {
+      V.value = qe.value;
     }), ma(() => {
-      kt();
+      Qt();
     });
-    const m = y, W = e, {
-      nbId: M,
-      display: Se,
-      hasTabIndexEnter: pe,
-      ariaLabel: Ae,
-      ariaAttrs: Ve,
-      textColor: se,
-      caretColor: te,
-      selectionBgColor: Ee,
-      selectionTextColor: $e,
-      hasBorderRadius: oe,
+    const C = m, E = e, {
+      nbId: I,
+      display: xe,
+      hasTabIndexEnter: ve,
+      ariaLabel: Te,
+      ariaAttrs: Se,
+      textColor: ie,
+      caretColor: J,
+      selectionBgColor: Pe,
+      selectionTextColor: Be,
+      hasBorderRadius: le,
       borderRadius: G,
-      disabled: _,
-      fontFamily: ue,
-      fontSize: K,
-      fontWeight: Y,
-      fontFamilyMsg: ke,
+      disabled: R,
+      fontFamily: ne,
+      fontSize: se,
+      fontWeight: K,
+      fontFamilyMsg: Ve,
       fontSizeMsg: de,
-      fontWeightMsg: P,
-      textMessageColor: be,
-      inputWidth: ae,
-      inputStyle: ye,
-      activeTextStyle: ge,
-      inputReadonly: me,
-      hasTrim: $,
-      inputUppercase: V,
-      inputName: k,
-      inputPlaceholder: _e,
+      fontWeightMsg: F,
+      textMessageColor: pe,
+      inputWidth: X,
+      inputStyle: me,
+      activeTextStyle: be,
+      inputReadonly: he,
+      hasTrim: _,
+      inputUppercase: k,
+      inputName: L,
+      inputPlaceholder: Ae,
       inputText: qe,
-      theme: we,
-      tabindex: et,
-      lightBgColor: Ge,
-      lightBgColorFocus: tt,
-      lightDisabledBgColor: ct,
-      lightTextColor: Ke,
-      darkBgColor: Le,
-      darkBgColorFocus: he,
-      darkDisabledBgColor: ft,
-      darkTextColor: vt,
-      textAlign: at,
-      showMsg: it,
-      hasMsg: pt,
-      showLabel: Te,
-      labelBackground: lt,
-      labelPadding: Ye,
-      labelBorderRadius: Qe,
-      labelLeft: f,
+      theme: _e,
+      tabindex: at,
+      lightBgColor: Je,
+      lightBgColorFocus: lt,
+      lightDisabledBgColor: gt,
+      lightTextColor: Xe,
+      darkBgColor: ke,
+      darkBgColorFocus: Ce,
+      darkDisabledBgColor: yt,
+      darkTextColor: nt,
+      textAlign: st,
+      showMsg: dt,
+      hasMsg: ct,
+      showLabel: je,
+      labelBackground: He,
+      labelPadding: Ze,
+      labelBorderRadius: Ue,
+      labelLeft: y,
       inputLabelMarginActive: S,
-      labelActiveTop: ce,
-      labelActiveLeft: Q,
-      fontFamilyLabel: le,
-      fontSizeLabel: je,
-      fontSizeLabelActive: He,
-      fontWeightLabel: J,
+      labelActiveTop: oe,
+      labelActiveLeft: Z,
+      fontFamilyLabel: ge,
+      fontSizeLabel: $e,
+      fontSizeLabelActive: Ge,
+      fontWeightLabel: ue,
       lightTextColorLabel: d,
       lightTextColorLabelActive: v,
-      darkTextColorLabel: fe,
-      darkTextColorLabelActive: q,
-      rows: re,
-      cols: Re,
-      maxlength: Me,
-      minlength: Fe,
-      wrap: Oe,
-      spellcheck: Ue,
-      autofocus: nt,
-      resize: ot,
-      autoResize: h,
-      minRows: w,
-      maxRows: I
-    } = ca(W), j = ee(""), Ce = ee(!1), T = a(() => {
-      const l = _.value ? "component-disabled" : "", i = Se.value !== "b" ? "inline-block" : "block", D = se ? se.value : "ffffff", X = te.value ? te.value : "", Qt = Ee.value ? Ee.value : "", Rt = $e.value ? $e.value : "", Mt = oe.value ? oe.value : !1, gt = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, Jt = ue.value ? ue.value : "'Lato', sans-serif", zt = K.value && K.value >= 0 ? K.value : null, yt = Y.value !== 0 && !Y.value || Y.value < 0 ? 100 : Y.value, Xt = ke.value ? ke.value : "'Lato', sans-serif", Zt = de.value ? de.value : "1em", ea = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, ta = be.value ? be.value : "#f15574", Bt = ae.value ? ae.value : 200, aa = ge.value ? ge.value : "normal", la = me.value ? me.value : !1, na = V.value ? V.value : !1, Dt = we.value ? we.value : "normal", It = at.value ? at.value : "left", Nt = ye.value ? ye.value : "background", dt = Te.value ? Te.value : !1, St = f.value !== 0 && !f.value || f.value < 0 ? 5 : f.value, mt = lt.value ? lt.value : "transparent", Wt = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, oa = Ye.value ? Ye.value : "1px 5px", Pt = Qe.value !== 0 && !Qe.value || Qe.value < 0 ? 0 : Qe.value, o = ce.value !== 0 && !ce.value || ce.value < 0 ? -13 : ce.value, p = Q.value !== 0 && !Q.value || Q.value < 0 ? -10 : Q.value, Z = le.value ? le.value : "'Lato', sans-serif", t = je.value ? je.value : "1em", n = He.value ? He.value : "0.8em", r = J.value ? J.value : 400, s = d.value ? d.value : "#ffffff", b = fe.value ? fe.value : "#000000", c = v.value ? v.value : "#ffffff", g = q.value ? q.value : "#000000", x = re.value && re.value > 0 ? re.value : 2, A = Re.value && Re.value > 0 ? Re.value : 20, R = Me.value !== null && Me.value >= 0 ? Me.value : null, F = Fe.value !== null && Fe.value >= 0 ? Fe.value : null, ie = Oe.value && ["soft", "hard", "off"].includes(Oe.value) ? Oe.value : "soft", De = Ue.value !== void 0 ? Ue.value : "default", Ze = nt.value !== void 0 ? nt.value : !1, Ie = ot.value && ["none", "both", "vertical", "horizontal"].includes(ot.value) ? ot.value : "vertical", Ne = h.value !== void 0 ? h.value : !1, pa = w.value !== null && w.value > 0 ? w.value : null, ba = I.value !== null && I.value > 0 ? I.value : null;
+      darkTextColorLabel: ce,
+      darkTextColorLabelActive: Y,
+      rows: ee,
+      cols: we,
+      maxlength: Re,
+      minlength: Ee,
+      wrap: Ke,
+      spellcheck: et,
+      autofocus: ot,
+      resize: ut,
+      autoResize: ft,
+      minRows: h,
+      maxRows: M
+    } = va(E), V = Q(""), Fe = Q(!1), T = a(() => {
+      const r = R.value ? "component-disabled" : "", u = xe.value !== "b" ? "inline-block" : "block", p = ie ? ie.value : "ffffff", P = J.value ? J.value : "", Oe = Pe.value ? Pe.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", Pt = 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", Et = 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, f = 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", i = ce.value ? ce.value : "#000000", s = v.value ? v.value : "#ffffff", b = Y.value ? Y.value : "#000000", c = ee.value && ee.value > 0 ? ee.value : 2, g = we.value && we.value > 0 ? we.value : 20, x = Re.value !== null && Re.value >= 0 ? Re.value : null, A = Ee.value !== null && Ee.value >= 0 ? Ee.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;
       return {
-        disabled: l,
-        display: i,
-        font: Jt,
-        fontSize: zt,
-        fontWeight: yt,
-        fontFamilyMsg: Xt,
-        fontSizeMsg: Zt,
-        fontWeightMsg: ea,
-        textMessageColor: ta,
-        textColor: D,
-        caretColor: X,
-        selectionBgColor: Qt,
-        selectionTextColor: Rt,
-        hasBorderRadius: Mt,
-        borderRadius: gt,
-        textAlign: It,
-        inputWidth: Bt,
-        activeTextStyle: aa,
-        inputReadonly: la,
-        inputUppercase: na,
-        theme: Dt,
-        inputStyle: Nt,
-        showLabel: dt,
-        labelBackground: mt,
-        labelPadding: oa,
-        labelBorderRadius: Pt,
-        labelLeft: St,
-        inputLabelMarginActive: Wt,
+        disabled: r,
+        display: u,
+        font: Wt,
+        fontSize: Pt,
+        fontWeight: Zt,
+        fontFamilyMsg: ea,
+        fontSizeMsg: Ct,
+        fontWeightMsg: ta,
+        textMessageColor: aa,
+        textColor: p,
+        caretColor: P,
+        selectionBgColor: Oe,
+        selectionTextColor: Nt,
+        hasBorderRadius: Xt,
+        borderRadius: ht,
+        textAlign: ra,
+        inputWidth: la,
+        activeTextStyle: na,
+        inputReadonly: $t,
+        inputUppercase: oa,
+        theme: ua,
+        inputStyle: Et,
+        showLabel: Ft,
+        labelBackground: bt,
+        labelPadding: xt,
+        labelBorderRadius: qt,
+        labelLeft: Ot,
+        inputLabelMarginActive: Tt,
         labelActiveTop: o,
-        labelActiveLeft: p,
-        fontFamilyLabel: Z,
-        fontSizeLabel: t,
-        fontSizeLabelActive: n,
-        fontWeightLabel: r,
-        lightTextColorLabel: s,
-        darkTextColorLabel: b,
-        lightTextColorLabelActive: c,
-        darkTextColorLabelActive: g,
-        rows: x,
-        cols: A,
-        maxlength: R,
-        minlength: F,
-        wrap: ie,
-        spellcheck: De,
-        autofocus: Ze,
-        resize: Ie,
-        autoResize: Ne,
-        minRows: pa,
-        maxRows: ba
+        labelActiveLeft: f,
+        fontFamilyLabel: w,
+        fontSizeLabel: Ye,
+        fontSizeLabelActive: Qe,
+        fontWeightLabel: t,
+        lightTextColorLabel: l,
+        darkTextColorLabel: i,
+        lightTextColorLabelActive: s,
+        darkTextColorLabelActive: b,
+        rows: c,
+        cols: g,
+        maxlength: x,
+        minlength: A,
+        wrap: D,
+        spellcheck: q,
+        autofocus: re,
+        resize: ze,
+        autoResize: tt,
+        minRows: De,
+        maxRows: Ie
       };
-    }), ze = a(() => T.value.disabled), Je = a(() => ({
+    }), ye = a(() => T.value.disabled), Vt = a(() => ({
       display: T.value.display
-    })), Xe = a(() => {
-      const l = T.value;
-      return l.fontSize ? `${l.fontSize}em` : "1.2em";
-    }), N = a(() => {
-      const l = T.value, i = rt.value;
+    })), kt = a(() => {
+      const r = T.value;
+      return r.fontSize ? r.fontSize : "1.4em";
+    }), rt = a(() => {
+      const r = T.value, u = mt.value;
       return {
-        fontSize: Xe.value,
-        fontWeight: l.fontWeight,
-        marginTop: i && Te.value ? `${l.inputLabelMarginActive}px` : "0"
+        fontWeight: r.fontWeight,
+        marginTop: u && je.value ? `${r.inputLabelMarginActive}px` : "0"
       };
     }), H = a(() => {
-      const l = T.value;
-      return l.inputStyle !== "line" && l.hasBorderRadius ? { borderRadius: `${l.borderRadius}rem` } : {};
-    }), B = a(() => T.value.font), C = a(() => T.value.fontFamilyMsg), ne = a(() => T.value.fontSizeMsg), z = a(() => T.value.fontWeightMsg), At = a(() => T.value.textColor), $t = a(() => T.value.textMessageColor), Vt = a(() => {
-      const l = T.value;
-      return l.caretColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), _t = a(() => {
-      const l = T.value;
-      return l.selectionBgColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), xe = a(() => {
-      const l = T.value;
-      return l.selectionTextColor || (l.theme === "dark" ? "#000000" : "#ffffff");
-    }), st = a(() => {
-      const l = T.value;
-      return l.display === "block" ? { width: "100%" } : {
-        width: `${l.inputWidth}px`
+      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(() => {
+      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(() => {
+      const r = T.value;
+      return r.selectionTextColor || (r.theme === "dark" ? "#000000" : "#ffffff");
+    }), vt = a(() => {
+      const r = T.value;
+      return r.display === "block" ? { width: "100%" } : {
+        width: `${r.inputWidth}px`
       };
-    }), bt = a(() => {
-      switch (ye.value) {
+    }), it = a(() => {
+      switch (me.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2650,7 +2651,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         default:
           return "component__input--background";
       }
-    }), ut = a(() => {
+    }), pt = a(() => {
       switch (T.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
@@ -2659,132 +2660,132 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         default:
           return "component__input--active--normal";
       }
-    }), L = a(() => {
+    }), B = a(() => {
       switch (T.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), wt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), Ft = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Ct = a(() => k.value ? k.value : `${M.value}-name-label`), Ot = a(() => Te.value ? Ce.value ? _e.value : "" : _e.value), rt = a(() => Ce.value || j.value && j.value.trim().length > 0);
-    a(() => Ce.value ? "component__input--active" : "component__input--no-active");
-    const xt = a(() => "6px 10px"), qt = a(() => !!(it.value && pt.value)), jt = a(() => {
-      const l = {};
-      Ve.value && Object.keys(Ve.value).forEach((X) => l[`aria-${X}`] = Ve.value[X]);
-      const i = {
-        "aria-label": Ae.value,
-        "aria-disabled": _.value,
-        ...l
+    }), 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");
+    const At = a(() => "6px 10px"), _t = a(() => !!(dt.value && ct.value)), Dt = a(() => {
+      const r = {};
+      Se.value && Object.keys(Se.value).forEach((P) => r[`aria-${P}`] = Se.value[P]);
+      const u = {
+        "aria-label": Te.value,
+        "aria-disabled": R.value,
+        ...r
       };
       return Object.fromEntries(
-        Object.entries(i).filter(([D, X]) => X != null)
+        Object.entries(u).filter(([p, P]) => P != null)
       );
-    }), Ht = a(() => {
-      const l = T.value, i = rt.value, D = i ? l.lightTextColorLabelActive : l.lightTextColorLabel, X = i ? l.darkTextColorLabelActive : l.darkTextColorLabel;
+    }), Ut = a(() => {
+      const r = T.value, u = mt.value, p = u ? r.lightTextColorLabelActive : r.lightTextColorLabel, P = u ? r.darkTextColorLabelActive : r.darkTextColorLabel;
       return {
-        fontFamily: l.fontFamilyLabel,
-        fontSize: i ? l.fontSizeLabelActive : l.fontSizeLabel,
-        fontWeight: l.fontWeightLabel,
-        color: l.theme === "dark" ? X : D,
-        top: i ? `${l.labelActiveTop}px` : "50%",
-        left: i ? `${l.labelActiveLeft}px` : `${l.labelLeft}px`,
-        transform: i ? "translateY(0)" : "translateY(-50%)",
+        fontFamily: r.fontFamilyLabel,
+        fontSize: u ? r.fontSizeLabelActive : r.fontSizeLabel,
+        fontWeight: r.fontWeightLabel,
+        color: r.theme === "dark" ? P : p,
+        top: u ? `${r.labelActiveTop}px` : "50%",
+        left: u ? `${r.labelActiveLeft}px` : `${r.labelLeft}px`,
+        transform: u ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: i ? l.labelBackground : "transparent",
-        padding: i ? l.labelPadding : "0",
-        borderRadius: i ? `${l.labelBorderRadius}rem` : "0"
+        backgroundColor: u ? r.labelBackground : "transparent",
+        padding: u ? r.labelPadding : "0",
+        borderRadius: u ? `${r.labelBorderRadius}rem` : "0"
       };
     });
     a(() => {
-      const l = T.value;
-      return l.theme === "dark" ? l.darkTextColorLabelActive : l.lightTextColorLabelActive;
+      const r = T.value;
+      return r.theme === "dark" ? r.darkTextColorLabelActive : r.lightTextColorLabelActive;
     });
-    const Ut = a(() => {
-      const l = T.value, i = {
-        rows: l.rows,
-        cols: l.cols,
-        wrap: l.wrap,
-        spellcheck: l.spellcheck === "default" ? void 0 : l.spellcheck,
-        autofocus: l.autofocus || void 0
+    const Gt = a(() => {
+      const r = T.value, u = {
+        rows: r.rows,
+        cols: r.cols,
+        wrap: r.wrap,
+        spellcheck: r.spellcheck === "default" ? void 0 : r.spellcheck,
+        autofocus: r.autofocus || void 0
       };
-      return l.maxlength !== null && (i.maxlength = l.maxlength), l.minlength !== null && (i.minlength = l.minlength), i;
-    }), Gt = a(() => ({
+      return r.maxlength !== null && (u.maxlength = r.maxlength), r.minlength !== null && (u.minlength = r.minlength), u;
+    }), Kt = a(() => ({
       resize: T.value.resize
-    })), Kt = a(() => T.value.wrap === "off" ? {
+    })), Yt = a(() => T.value.wrap === "off" ? {
       whiteSpace: "nowrap",
       overflowX: "auto"
-    } : {}), kt = () => {
-      j.value = qe.value;
-    }, Yt = () => {
-      m("clicked");
+    } : {}), Qt = () => {
+      V.value = qe.value;
+    }, Jt = () => {
+      C("clicked");
     }, Lt = () => {
-      _.value || T.value.inputReadonly || !pe.value || m("entered", j.value);
-    }, Tt = () => {
-      let l = j.value;
-      $.value && (l = l.trim()), m("current-value", l);
+      R.value || T.value.inputReadonly || !ve.value || C("entered", V.value);
+    }, It = () => {
+      let r = V.value;
+      _.value && (r = r.trim()), C("current-value", r);
     };
-    return U(qe, (l) => {
-      l !== j.value && (j.value = l);
-    }, { immediate: !0 }), U(j, (l) => {
-      $.value && (l = l.trim()), m("changed", l);
-    }), U(Ce, (l) => {
-      m(l ? "focused" : "blurred");
-    }), U(j, () => {
-      Tt();
-    }, { immediate: !0 }), (l, i) => u(M) ? (E(), O("div", ia({
+    return U(qe, (r) => {
+      r !== V.value && (V.value = r);
+    }, { immediate: !0 }), U(V, (r) => {
+      _.value && (r = r.trim()), C("changed", r);
+    }), U(Fe, (r) => {
+      C(r ? "focused" : "blurred");
+    }), U(V, () => {
+      It();
+    }, { immediate: !0 }), (r, u) => n(I) ? (O(), j("div", da({
       key: 0,
-      class: ["nb-wrapper", ze.value],
-      style: [Je.value, st.value, H.value],
+      class: ["nb-wrapper", ye.value],
+      style: [Vt.value, vt.value, H.value],
       role: "input"
-    }, jt.value), [
-      ve("div", {
-        id: u(M),
-        class: We(["nb-reset", "component", L.value, wt.value, bt.value]),
-        style: Pe([N.value, st.value, H.value]),
-        onClick: Yt
+    }, 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]),
+        onClick: Jt
       }, [
-        u(Te) ? (E(), O("label", {
+        n(je) ? (O(), j("label", {
           key: 0,
-          for: Ct.value,
+          for: Bt.value,
           class: "component__label",
-          style: Pe([Ht.value])
-        }, ht(e.label), 13, Dl)) : Be("", !0),
-        fa(ve("textarea", ia({
-          "onUpdate:modelValue": i[0] || (i[0] = (D) => j.value = D),
-          id: Ct.value,
-          name: Ct.value
-        }, Ut.value, {
+          style: We([Ut.value])
+        }, St(e.label), 13, Dl)) : Le("", !0),
+        pa(fe("textarea", da({
+          "onUpdate:modelValue": u[0] || (u[0] = (p) => V.value = p),
+          id: Bt.value,
+          name: Bt.value
+        }, Gt.value, {
           class: ["component__input", [
-            Ft.value,
-            ut.value
+            zt.value,
+            pt.value
           ]],
-          placeholder: Ot.value,
-          disabled: u(_) || u(me),
+          placeholder: Ht.value,
+          disabled: n(R) || n(he),
           required: e.required,
-          readonly: u(me),
+          readonly: n(he),
           autocomplete: e.inputAutocomplete,
-          tabindex: u(_) || u(me) ? -1 : u(et),
+          tabindex: n(R) || n(he) ? -1 : n(at),
           role: "textbox",
-          style: [H.value, Gt.value, Kt.value],
-          onFocus: i[1] || (i[1] = (D) => Ce.value = !0),
-          onBlur: i[2] || (i[2] = (D) => Ce.value = !1),
-          onInput: Tt,
-          onKeydown: i[3] || (i[3] = Et((D) => !u(_) && u(pe) && Lt(), ["enter"]))
+          style: [H.value, Kt.value, Yt.value],
+          onFocus: u[1] || (u[1] = (p) => Fe.value = !0),
+          onBlur: u[2] || (u[2] = (p) => Fe.value = !1),
+          onInput: It,
+          onKeydown: u[3] || (u[3] = jt((p) => !n(R) && n(ve) && Lt(), ["enter"]))
         }), null, 16, Il), [
-          [ja, j.value]
+          [Ua, V.value]
         ])
       ], 14, zl),
-      qt.value ? (E(), O("div", {
+      _t.value ? (O(), j("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ua(l.$slots, "message", {}, () => [
-          ga(ht(e.message), 1)
+        ia(r.$slots, "message", {}, () => [
+          ga(St(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0)
-    ], 16)) : Be("", !0);
+      ], 2)) : Le("", !0)
+    ], 16)) : Le("", !0);
   }
-}), Wl = /* @__PURE__ */ va(Nl, [["__scopeId", "data-v-1f2d2742"]]);
+}), Wl = /* @__PURE__ */ ba(Nl, [["__scopeId", "data-v-32c2ea2a"]]);
 const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Ol = /* @__PURE__ */ Object.assign({
   name: "NbDatePicker",
   inheritAttrs: !1
@@ -2799,8 +2800,8 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const y = e.toLowerCase();
-        return ["b", "ib"].includes(y);
+        const m = e.toLowerCase();
+        return ["b", "ib"].includes(m);
       }
     },
     tabIndex: {
@@ -2932,6 +2933,11 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       default: 1e4,
       validator: (e) => typeof e == "number" && e >= 0
     },
+    calendarWidth: {
+      type: Number,
+      default: 350,
+      validator: (e) => typeof e == "number" && e >= 280
+    },
     hasTrim: {
       type: Boolean,
       default: !1,
@@ -2963,7 +2969,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     },
     inputAutocomplete: {
       type: String,
-      default: "on",
+      default: "off",
       validator: (e) => ["on", "off"].indexOf(e) !== -1
     },
     inputUppercase: {
@@ -3120,139 +3126,140 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     "clicked",
     "entered"
   ],
-  setup(e, { emit: y }) {
-    da((t) => ({
-      "88116e52": st.value,
-      "2fccff19": Vt.value,
-      "3e70a448": u(Te),
-      "223e00a9": Ct.value,
-      "7dbdeb3b": Ot.value,
-      c6239fda: rt.value,
-      "47b5bfd8": u(f),
-      72344024: u(Qe),
-      "3e40a840": u(lt),
-      c143e614: wt.value,
-      "6da63710": u(Ye),
-      "8de80ea4": X.value,
-      d6aeae6c: Qt.value,
-      "26ee1094": u(pt),
-      "1249e8b0": u(at),
-      "080a6a08": u(it),
-      d8222360: u(S),
-      "443d8d22": l.value,
-      "5f07ff30": bt.value,
-      "193a276f": ut.value,
-      "1c525ad8": L.value,
-      "77d4a49c": Ft.value,
-      "238b3968": t.styleButtonColor
+  setup(e, { emit: m }) {
+    fa((t) => ({
+      c04124a6: pt.value,
+      "8b9c29fa": Me.value,
+      "00a9359e": n(He),
+      b1d0cbda: mt.value,
+      "86d565b6": At.value,
+      f9168106: _t.value,
+      "5bcaa87c": n(S),
+      "546f148e": n(y),
+      "25e386aa": n(Ze),
+      fcce3d40: Bt.value,
+      "40f30f64": n(Ue),
+      "6134e6f8": Nt.value,
+      "58ffea98": Xt.value,
+      e7e46d2c: n(je),
+      "1f02d786": n(dt),
+      "86395e1c": n(ct),
+      "86ab418c": n(oe),
+      "2acbaf76": p.value,
+      "46aadd9a": B.value,
+      c3d87e4e: Mt.value,
+      "5da97c7c": zt.value,
+      "02ed0f9c": Ht.value,
+      "39e4cd3e": t.styleButtonColor
     }));
-    const m = nl(
+    const C = nl(
       () => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
     );
-    ra(() => {
-      h.value = we.value;
+    sa(() => {
+      h.value = _e.value;
     }), ma(() => {
-      Mt();
+      Wt();
     });
-    const W = y, M = e, {
-      nbId: Se,
-      display: pe,
-      hasTabIndexEnter: Ae,
-      ariaLabel: Ve,
-      ariaAttrs: se,
-      caretColor: te,
-      selectionBgColor: Ee,
-      selectionTextColor: $e,
-      hasBorderRadius: oe,
+    const E = m, I = e, {
+      nbId: xe,
+      display: ve,
+      hasTabIndexEnter: Te,
+      ariaLabel: Se,
+      ariaAttrs: ie,
+      caretColor: J,
+      selectionBgColor: Pe,
+      selectionTextColor: Be,
+      hasBorderRadius: le,
       borderRadius: G,
-      disabled: _,
-      fontFamily: ue,
-      fontSize: K,
-      fontWeight: Y,
-      fontFamilyMsg: ke,
+      disabled: R,
+      fontFamily: ne,
+      fontSize: se,
+      fontWeight: K,
+      fontFamilyMsg: Ve,
       fontSizeMsg: de,
-      fontWeightMsg: P,
-      textMessageColor: be,
-      inputWidth: ae,
-      inputStyle: ye,
-      activeTextStyle: ge,
-      sizeMediaQuery: me,
-      inputReadonly: $,
-      inputType: V,
-      hasTrim: k,
-      inputUppercase: _e,
+      fontWeightMsg: F,
+      textMessageColor: pe,
+      inputWidth: X,
+      inputStyle: me,
+      activeTextStyle: be,
+      sizeMediaQuery: he,
+      inputReadonly: _,
+      inputType: k,
+      hasTrim: L,
+      inputUppercase: Ae,
       inputName: qe,
-      inputText: we,
-      min: et,
-      max: Ge,
-      step: tt,
-      useCustomCalendar: ct,
-      locale: Ke,
-      theme: Le,
-      allowRange: he,
-      calendarZIndex: ft,
-      tabindex: vt,
-      lightBgColor: at,
-      lightBgColorFocus: it,
-      lightDisabledBgColor: pt,
-      lightTextColor: Te,
-      darkBgColor: lt,
-      darkBgColorFocus: Ye,
-      darkDisabledBgColor: Qe,
-      darkTextColor: f,
-      textAlign: S,
-      showMsg: ce,
-      hasMsg: Q,
-      showLabel: le,
-      labelBackground: je,
-      labelPadding: He,
-      labelBorderRadius: J,
-      labelLeft: d,
-      inputLabelMarginActive: v,
-      labelActiveTop: fe,
-      labelActiveLeft: q,
-      fontFamilyLabel: re,
+      inputText: _e,
+      min: at,
+      max: Je,
+      step: lt,
+      useCustomCalendar: gt,
+      locale: Xe,
+      theme: ke,
+      allowRange: Ce,
+      calendarZIndex: yt,
+      calendarWidth: nt,
+      tabindex: st,
+      lightBgColor: dt,
+      lightBgColorFocus: ct,
+      lightDisabledBgColor: je,
+      lightTextColor: He,
+      darkBgColor: Ze,
+      darkBgColorFocus: Ue,
+      darkDisabledBgColor: y,
+      darkTextColor: S,
+      textAlign: oe,
+      showMsg: Z,
+      hasMsg: ge,
+      showLabel: $e,
+      labelBackground: Ge,
+      labelPadding: ue,
+      labelBorderRadius: d,
+      labelLeft: v,
+      inputLabelMarginActive: ce,
+      labelActiveTop: Y,
+      labelActiveLeft: ee,
+      fontFamilyLabel: we,
       fontSizeLabel: Re,
-      fontSizeLabelActive: Me,
-      fontWeightLabel: Fe,
-      lightTextColorLabel: Oe,
-      lightTextColorLabelActive: Ue,
-      darkTextColorLabel: nt,
-      darkTextColorLabelActive: ot
-    } = ca(M), h = ee(""), w = ee(""), I = ee(""), j = ee(""), Ce = ee(!1), T = ee(!1), ze = a(() => {
+      fontSizeLabelActive: Ee,
+      fontWeightLabel: Ke,
+      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(() => {
       if (!h.value)
         return null;
-      if (he.value && typeof h.value == "string" && h.value.startsWith("{"))
+      if (Ce.value && typeof h.value == "string" && h.value.startsWith("{"))
         try {
           const t = JSON.parse(h.value);
           if (t && (t.startDate || t.endDate)) {
-            const n = (r) => {
-              if (!r)
+            const l = (i) => {
+              if (!i)
                 return null;
-              if (/^\d{4}-\d{2}-\d{2}$/.test(r)) {
-                const [s, b, c] = r.split("-").map(Number);
+              if (/^\d{4}-\d{2}-\d{2}$/.test(i)) {
+                const [s, b, c] = i.split("-").map(Number);
                 return new Date(s, b - 1, c);
               }
-              return new Date(r);
+              return new Date(i);
             };
             return {
-              startDate: t.startDate ? n(t.startDate) : null,
-              endDate: t.endDate ? n(t.endDate) : null
+              startDate: t.startDate ? l(t.startDate) : null,
+              endDate: t.endDate ? l(t.endDate) : null
             };
           }
         } catch {
         }
-      if (V.value === "date" && typeof h.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(h.value)) {
-        const [t, n, r] = h.value.split("-").map(Number);
-        return new Date(t, n - 1, r);
+      if (k.value === "date" && typeof h.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(h.value)) {
+        const [t, l, i] = h.value.split("-").map(Number);
+        return new Date(t, l - 1, i);
       }
       return h.value;
-    }), Je = (t, n, r) => {
+    }), rt = (t, l, i) => {
       if (!t)
         return "";
-      const s = r || Ke.value;
-      if (n === "date") {
-        if (he.value && typeof t == "string" && t.startsWith("{"))
+      const s = i || Xe.value;
+      if (l === "date") {
+        if (Ce.value && typeof t == "string" && t.startsWith("{"))
           try {
             const b = JSON.parse(t);
             if (b && (b.startDate || b.endDate)) {
@@ -3260,8 +3267,8 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
                 if (!A)
                   return "";
                 if (/^\d{4}-\d{2}-\d{2}$/.test(A)) {
-                  const [R, F, ie] = A.split("-");
-                  return s === "pt-BR" ? `${ie}/${F}/${R}` : `${F}/${ie}/${R}`;
+                  const [D, q, re] = A.split("-");
+                  return s === "pt-BR" ? `${re}/${q}/${D}` : `${q}/${re}/${D}`;
                 }
                 return A;
               }, g = c(b.startDate), x = c(b.endDate);
@@ -3279,19 +3286,19 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           return s === "pt-BR" ? `${g}/${c}/${b}` : `${c}/${g}/${b}`;
         }
         return t;
-      } else if (n === "datetime-local") {
+      } 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 [b, c] = t.split("T"), [g, x, A] = b.split("-");
           return s === "pt-BR" ? `${A}/${x}/${g} ${c}` : `${x}/${A}/${g} ${c}`;
         }
         return t;
-      } else if (n === "month") {
+      } else if (l === "month") {
         if (typeof t == "string" && /^\d{4}-\d{2}$/.test(t)) {
           const [b, c] = t.split("-");
           return `${c}/${b}`;
         }
         return t;
-      } else if (n === "week") {
+      } else if (l === "week") {
         if (typeof t == "string" && /^\d{4}-W\d{2}$/i.test(t)) {
           const b = t.match(/^(\d{4})-W(\d{2})$/i);
           if (b)
@@ -3300,36 +3307,36 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         return t;
       }
       return t;
-    }, Xe = (t, n, r) => {
+    }, H = (t, l, i) => {
       if (!t || !t.trim())
         return "";
-      const s = t.trim(), b = r || Ke.value;
-      if (n === "date") {
-        if (he.value && s.includes("-")) {
-          const c = s.split(/\s*-\s*/).map((R) => R.trim()), g = (R) => {
-            if (!R)
+      const s = t.trim(), b = i || Xe.value;
+      if (l === "date") {
+        if (Ce.value && s.includes("-")) {
+          const c = s.split(/\s*-\s*/).map((D) => D.trim()), g = (D) => {
+            if (!D)
               return null;
-            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(R)) {
-              const F = R.split("/");
+            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(D)) {
+              const q = D.split("/");
               if (b === "pt-BR") {
-                const [ie, De, Ze] = F, Ie = ie.padStart(2, "0"), Ne = De.padStart(2, "0");
-                return `${Ze}-${Ne}-${Ie}`;
+                const [re, ze, tt] = q, De = re.padStart(2, "0"), Ie = ze.padStart(2, "0");
+                return `${tt}-${Ie}-${De}`;
               } else {
-                const [ie, De, Ze] = F, Ie = De.padStart(2, "0"), Ne = ie.padStart(2, "0");
-                return `${Ze}-${Ne}-${Ie}`;
+                const [re, ze, tt] = q, De = ze.padStart(2, "0"), Ie = re.padStart(2, "0");
+                return `${tt}-${Ie}-${De}`;
               }
-            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(R)) {
-              const F = R.split("-"), [ie, De, Ze] = F, Ie = Ze.padStart(2, "0"), Ne = De.padStart(2, "0");
-              return `${ie}-${Ne}-${Ie}`;
+            } 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}`;
             }
             return null;
           };
           let x = g(c[0]), A = c[1] ? g(c[1]) : null;
           if (x && A) {
-            const R = new Date(x);
-            if (new Date(A) < R) {
-              const ie = x;
-              x = A, A = ie;
+            const D = new Date(x);
+            if (new Date(A) < D) {
+              const re = x;
+              x = A, A = re;
             }
             return JSON.stringify({ startDate: x, endDate: A });
           } else if (x)
@@ -3339,33 +3346,33 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(s)) {
           const c = s.split("/");
           if (b === "pt-BR") {
-            const [g, x, A] = c, R = g.padStart(2, "0"), F = x.padStart(2, "0");
-            return `${A}-${F}-${R}`;
+            const [g, x, A] = c, D = g.padStart(2, "0"), q = x.padStart(2, "0");
+            return `${A}-${q}-${D}`;
           } else {
-            const [g, x, A] = c, R = x.padStart(2, "0"), F = g.padStart(2, "0");
-            return `${A}-${F}-${R}`;
+            const [g, x, A] = c, D = x.padStart(2, "0"), q = g.padStart(2, "0");
+            return `${A}-${q}-${D}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(s)) {
-          const c = s.split("-"), [g, x, A] = c, R = A.padStart(2, "0"), F = x.padStart(2, "0");
-          return `${g}-${F}-${R}`;
+          const c = s.split("-"), [g, x, A] = c, D = A.padStart(2, "0"), q = x.padStart(2, "0");
+          return `${g}-${q}-${D}`;
         }
         return "";
-      } else if (n === "datetime-local") {
+      } else if (l === "datetime-local") {
         if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(s)) {
           const [c, g] = s.split(" "), x = c.split("/");
           if (b === "pt-BR") {
-            const [A, R, F] = x, ie = A.padStart(2, "0"), De = R.padStart(2, "0"), Ie = g.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
-            return `${F}-${De}-${ie}T${Ie}`;
+            const [A, D, q] = x, re = A.padStart(2, "0"), ze = D.padStart(2, "0"), De = g.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
+            return `${q}-${ze}-${re}T${De}`;
           } else {
-            const [A, R, F] = x, ie = R.padStart(2, "0"), De = A.padStart(2, "0"), Ie = g.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
-            return `${F}-${De}-${ie}T${Ie}`;
+            const [A, D, q] = x, re = D.padStart(2, "0"), ze = A.padStart(2, "0"), De = g.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
+            return `${q}-${ze}-${re}T${De}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(s)) {
-          const [c, g] = s.split("T"), x = c.split("-"), [A, R, F] = x, ie = F.padStart(2, "0"), De = R.padStart(2, "0"), Ie = g.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
-          return `${A}-${De}-${ie}T${Ie}`;
+          const [c, g] = s.split("T"), x = c.split("-"), [A, D, q] = x, re = q.padStart(2, "0"), ze = D.padStart(2, "0"), De = g.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
+          return `${A}-${ze}-${re}T${De}`;
         }
         return "";
-      } else if (n === "month") {
+      } else if (l === "month") {
         if (/^\d{1,2}\/\d{4}$/.test(s)) {
           const [c, g] = s.split("/"), x = c.padStart(2, "0");
           return `${g}-${x}`;
@@ -3374,7 +3381,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           return `${c}-${x}`;
         }
         return "";
-      } else if (n === "week") {
+      } else if (l === "week") {
         if (/^\d{4}-W\d{2}$/i.test(s))
           return s.toUpperCase();
         const c = s.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
@@ -3384,80 +3391,79 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         return g ? `${g[2]}-W${g[1]}` : "";
       }
       return s;
-    }, N = ee(!1), H = ee({ top: 0, left: 0 }), B = ee(null), C = ee(null), ne = a(() => ct.value === !0), z = a(() => {
-      const t = _.value ? "component-disabled" : "", n = pe.value !== "b" ? "inline-block" : "block", r = te.value ? te.value : "", s = Ee.value ? Ee.value : "", b = $e.value ? $e.value : "", c = oe.value ? oe.value : !1, g = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, x = ue.value ? ue.value : "'Lato', sans-serif", A = K.value && K.value >= 0 ? K.value : null, R = Y.value !== 0 && !Y.value || Y.value < 0 ? 100 : Y.value, F = ke.value ? ke.value : "'Lato', sans-serif", ie = de.value ? de.value : "1em", De = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, Ze = be.value ? be.value : "#f15574", Ie = ae.value ? ae.value : 200, Ne = ge.value ? ge.value : "normal", pa = "sm", ba = $.value ? $.value : !1, ha = V.value ? V.value : "date", Ca = _e.value ? _e.value : !1, xa = Le.value ? Le.value : "normal", Sa = S.value ? S.value : "left", Va = ye.value ? ye.value : "background", ka = le.value ? le.value : !1, La = d.value !== 0 && !d.value || d.value < 0 ? 5 : d.value, Ta = je.value ? je.value : "transparent", Ba = v.value !== 0 && !v.value || v.value < 0 ? 15 : v.value, Aa = He.value ? He.value : "1px 5px", $a = J.value !== 0 && !J.value || J.value < 0 ? 0 : J.value, _a = fe.value !== 0 && !fe.value || fe.value < 0 ? -13 : fe.value, wa = q.value !== 0 && !q.value || q.value < 0 ? -10 : q.value, Ra = re.value ? re.value : "'Lato', sans-serif", Ma = Re.value ? Re.value : "1em", za = Me.value ? Me.value : "0.8em", Da = Fe.value ? Fe.value : 400, Ia = Oe.value ? Oe.value : "#ffffff", Na = nt.value ? nt.value : "#000000", Wa = Ue.value ? Ue.value : "#ffffff", Pa = ot.value ? ot.value : "#000000";
+    }, 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", i = J.value ? J.value : "", s = Pe.value ? Pe.value : "", b = Be.value ? Be.value : "", c = le.value ? le.value : !1, g = 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 = v.value !== 0 && !v.value || v.value < 0 ? 5 : v.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 = Ee.value ? Ee.value : "0.8em", Na = Ke.value ? Ke.value : 400, Wa = et.value ? et.value : "#ffffff", Pa = ut.value ? ut.value : "#000000", Ea = ot.value ? ot.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
       return {
         disabled: t,
-        display: n,
+        display: l,
         font: x,
         fontSize: A,
-        fontWeight: R,
-        fontFamilyMsg: F,
-        fontSizeMsg: ie,
-        fontWeightMsg: De,
-        textMessageColor: Ze,
-        caretColor: r,
+        fontWeight: D,
+        fontFamilyMsg: q,
+        fontSizeMsg: re,
+        fontWeightMsg: ze,
+        textMessageColor: tt,
+        caretColor: i,
         selectionBgColor: s,
         selectionTextColor: b,
         hasBorderRadius: c,
         borderRadius: g,
-        textAlign: Sa,
-        inputWidth: Ie,
-        activeTextStyle: Ne,
-        sizeMediaQuery: pa,
-        inputReadonly: ba,
-        inputType: ha,
-        inputUppercase: Ca,
-        theme: xa,
-        inputStyle: Va,
-        showLabel: ka,
-        labelBackground: Ta,
-        labelPadding: Aa,
-        labelBorderRadius: $a,
-        labelLeft: La,
-        inputLabelMarginActive: Ba,
-        labelActiveTop: _a,
-        labelActiveLeft: wa,
-        fontFamilyLabel: Ra,
-        fontSizeLabel: Ma,
-        fontSizeLabelActive: za,
-        fontWeightLabel: Da,
-        lightTextColorLabel: Ia,
-        darkTextColorLabel: Na,
-        lightTextColorLabelActive: Wa,
-        darkTextColorLabelActive: Pa
+        textAlign: ka,
+        inputWidth: De,
+        activeTextStyle: Ie,
+        sizeMediaQuery: ha,
+        inputReadonly: Ca,
+        inputType: xa,
+        inputUppercase: Sa,
+        theme: Va,
+        inputStyle: La,
+        showLabel: Ta,
+        labelBackground: Aa,
+        labelPadding: $a,
+        labelBorderRadius: wa,
+        labelLeft: Ba,
+        inputLabelMarginActive: _a,
+        labelActiveTop: Ra,
+        labelActiveLeft: Ma,
+        fontFamilyLabel: za,
+        fontSizeLabel: Da,
+        fontSizeLabelActive: Ia,
+        fontWeightLabel: Na,
+        lightTextColorLabel: Wa,
+        darkTextColorLabel: Pa,
+        lightTextColorLabelActive: Ea,
+        darkTextColorLabelActive: Fa
       };
-    }), At = a(() => z.value.disabled), $t = a(() => ({
-      display: z.value.display
-    })), Vt = a(() => {
-      const t = z.value;
-      return t.fontSize ? `${t.fontSize}em` : "1.2em";
-    }), _t = a(() => {
-      const t = z.value, n = Lt.value;
+    }), wt = a(() => W.value.disabled), Rt = a(() => ({
+      display: W.value.display
+    })), Me = a(() => {
+      const t = W.value;
+      return t.fontSize ? t.fontSize : "1.4em";
+    }), vt = a(() => {
+      const t = W.value, l = r.value;
       return {
-        fontSize: Vt.value,
         fontWeight: t.fontWeight,
-        marginTop: n && le.value ? `${t.inputLabelMarginActive}px` : "0"
+        marginTop: l && $e.value ? `${t.inputLabelMarginActive}px` : "0"
       };
-    }), xe = a(() => {
-      const t = z.value;
+    }), it = a(() => {
+      const t = W.value;
       return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
-    }), st = a(() => z.value.font), bt = a(() => z.value.fontFamilyMsg), ut = a(() => z.value.fontSizeMsg), L = a(() => z.value.fontWeightMsg), wt = a(() => Le.value === "dark" ? f.value : Te.value), Ft = a(() => z.value.textMessageColor), Ct = a(() => {
-      const t = z.value;
+    }), 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(() => {
+      const t = W.value;
       return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Ot = a(() => {
-      const t = z.value;
+    }), At = a(() => {
+      const t = W.value;
       return t.selectionBgColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), rt = a(() => {
-      const t = z.value;
+    }), _t = a(() => {
+      const t = W.value;
       return t.selectionTextColor || (t.theme === "dark" ? "#000000" : "#ffffff");
-    }), xt = a(() => {
-      const t = z.value;
+    }), Dt = a(() => {
+      const t = W.value;
       return t.display === "block" ? { width: "100%" } : {
         width: `${t.inputWidth}px`
       };
-    }), qt = a(() => {
-      switch (ye.value) {
+    }), Ut = a(() => {
+      switch (me.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -3465,8 +3471,8 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--background";
       }
-    }), jt = a(() => {
-      switch (z.value.activeTextStyle) {
+    }), Gt = a(() => {
+      switch (W.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -3474,326 +3480,326 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--active--normal";
       }
-    }), Ht = a(() => "component__sm"), Ut = a(() => {
-      switch (z.value.theme) {
+    }), Kt = a(() => "component__sm"), Yt = a(() => {
+      switch (W.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Gt = a(() => z.value.inputReadonly ? "component__input--read-only" : ""), Kt = a(() => z.value.inputUppercase ? "component__input--uppercase" : ""), kt = a(() => qe.value ? qe.value : `${Se.value}-name-label`), Yt = a(() => ""), Lt = a(() => Ce.value || w.value && w.value.trim().length > 0), Tt = a(() => !w.value || w.value.trim().length === 0 ? "component__input--empty" : "");
-    a(() => Ce.value ? "component__input--active" : "component__input--no-active");
-    const l = a(() => "6px 10px"), i = a(() => !!(ce.value && Q.value)), D = a(() => {
+    }), 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" : "");
+    a(() => T.value ? "component__input--active" : "component__input--no-active");
+    const p = a(() => "6px 10px"), P = a(() => !!(Z.value && ge.value)), Oe = a(() => {
       const t = {};
-      se.value && Object.keys(se.value).forEach((s) => t[`aria-${s}`] = se.value[s]);
-      const n = {
-        "aria-label": Ve.value,
-        "aria-disabled": _.value,
+      ie.value && Object.keys(ie.value).forEach((s) => t[`aria-${s}`] = ie.value[s]);
+      const l = {
+        "aria-label": Se.value,
+        "aria-disabled": R.value,
         ...t
       };
       return Object.fromEntries(
-        Object.entries(n).filter(([r, s]) => s != null)
+        Object.entries(l).filter(([i, s]) => s != null)
       );
-    }), X = a(() => {
-      const t = Le.value === "dark" ? lt.value : at.value, n = Le.value === "dark" ? f.value : Te.value;
-      return t === "transparent" || t === "#transparent" || !t ? n : t;
-    }), Qt = a(() => {
-      const t = Le.value === "dark" ? Ye.value : it.value, n = Le.value === "dark" ? f.value : Te.value;
-      return t === "transparent" || t === "#transparent" || !t ? n : t;
-    }), Rt = a(() => {
-      const t = z.value, n = Lt.value, r = n ? t.lightTextColorLabelActive : t.lightTextColorLabel, s = n ? t.darkTextColorLabelActive : t.darkTextColorLabel;
+    }), Nt = a(() => {
+      const t = ke.value === "dark" ? Ze.value : dt.value, l = ke.value === "dark" ? S.value : He.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;
+      return t === "transparent" || t === "#transparent" || !t ? l : t;
+    }), ht = a(() => {
+      const t = W.value, l = r.value, i = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, s = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
       return {
         fontFamily: t.fontFamilyLabel,
-        fontSize: n ? t.fontSizeLabelActive : t.fontSizeLabel,
+        fontSize: l ? t.fontSizeLabelActive : t.fontSizeLabel,
         fontWeight: t.fontWeightLabel,
-        color: t.theme === "dark" ? s : r,
-        top: n ? `${t.labelActiveTop}px` : "50%",
-        left: n ? `${t.labelActiveLeft}px` : `${t.labelLeft}px`,
-        transform: n ? "translateY(0)" : "translateY(-50%)",
+        color: t.theme === "dark" ? s : i,
+        top: l ? `${t.labelActiveTop}px` : "50%",
+        left: l ? `${t.labelActiveLeft}px` : `${t.labelLeft}px`,
+        transform: l ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: n ? t.labelBackground : "transparent",
-        padding: n ? t.labelPadding : "0",
-        borderRadius: n ? `${t.labelBorderRadius}rem` : "0"
+        backgroundColor: l ? t.labelBackground : "transparent",
+        padding: l ? t.labelPadding : "0",
+        borderRadius: l ? `${t.labelBorderRadius}rem` : "0"
       };
     });
     a(() => {
-      const t = z.value;
+      const t = W.value;
       return t.theme === "dark" ? t.darkTextColorLabelActive : t.lightTextColorLabelActive;
     });
-    const Mt = () => {
-      h.value = we.value, j.value = V.value;
-    }, gt = () => {
-      W("clicked");
-    }, Jt = (t) => {
-      t.stopPropagation(), !(_.value || z.value.inputReadonly) && B.value && (B.value.focus(), ne.value && (N.value = !1, requestAnimationFrame(() => {
-        yt(), N.value = !0;
+    const Wt = () => {
+      h.value = _e.value, Fe.value = k.value;
+    }, Pt = () => {
+      E("clicked");
+    }, Zt = (t) => {
+      t.stopPropagation(), !(R.value || W.value.inputReadonly) && $.value && ($.value.focus(), ae.value && (N.value = !1, requestAnimationFrame(() => {
+        Ct(), N.value = !0;
       })));
-    }, zt = () => {
-      _.value || z.value.inputReadonly || !Ae.value || W("entered", h.value);
-    }, yt = () => {
-      B.value && ya(() => {
-        const t = B.value.getBoundingClientRect(), n = 4;
-        H.value = {
-          top: `${t.bottom + n}px`,
+    }, ea = () => {
+      R.value || W.value.inputReadonly || !Te.value || E("entered", h.value);
+    }, Ct = () => {
+      $.value && ya(() => {
+        const t = $.value.getBoundingClientRect(), l = 4;
+        te.value = {
+          top: `${t.bottom + l}px`,
           left: `${t.left}px`
         };
       });
-    }, Xt = a(() => ({
+    }, ta = a(() => ({
       position: "fixed",
-      top: H.value.top,
-      left: H.value.left,
-      zIndex: ft.value
-    })), Zt = () => {
-      Ce.value = !0, W("focused"), ne.value && (N.value = !1, requestAnimationFrame(() => {
-        yt(), N.value = !0;
+      top: te.value.top,
+      left: te.value.left,
+      zIndex: yt.value
+    })), aa = () => {
+      T.value = !0, E("focused"), ae.value && (N.value = !1, requestAnimationFrame(() => {
+        Ct(), N.value = !0;
       }));
-    }, ea = (t) => {
-      t.relatedTarget && C.value && C.value.contains(t.relatedTarget) || setTimeout(() => {
+    }, la = (t) => {
+      t.relatedTarget && z.value && z.value.contains(t.relatedTarget) || setTimeout(() => {
         var s;
-        const n = document.activeElement;
+        const l = document.activeElement;
         if (N.value) {
-          if (C.value && C.value.contains(n) || t.relatedTarget && C.value && C.value.contains(t.relatedTarget))
+          if (z.value && z.value.contains(l) || t.relatedTarget && z.value && z.value.contains(t.relatedTarget))
             return;
-          if (n === document.body && C.value) {
-            const b = C.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+          if (l === document.body && z.value) {
+            const b = z.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
             if (Array.from(b).some((g) => g === document.activeElement || g.contains(document.activeElement)))
               return;
           }
         }
-        const r = (s = B.value) == null ? void 0 : s.closest(".component");
-        r && r.contains(n) || B.value !== n && (Ce.value = !1, N.value = !1, W("blurred"));
+        const i = (s = $.value) == null ? void 0 : s.closest(".component");
+        i && i.contains(l) || $.value !== l && (T.value = !1, N.value = !1, E("blurred"));
       }, 200);
-    }, ta = () => {
-      ne.value && (N.value, N.value = !1, requestAnimationFrame(() => {
-        yt(), N.value = !0;
+    }, na = () => {
+      ae.value && (N.value, N.value = !1, requestAnimationFrame(() => {
+        Ct(), N.value = !0;
       }));
-    }, Bt = (t) => {
+    }, $t = (t) => {
       if (!t || !(t instanceof Date))
         return null;
-      const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
-      return `${n}-${r}-${s}`;
-    }, aa = (t) => {
-      let n = "";
+      const l = t.getFullYear(), i = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
+      return `${l}-${i}-${s}`;
+    }, oa = (t) => {
+      let l = "";
       if (!t)
-        n = "";
-      else if (he.value && typeof t == "object" && !(t instanceof Date)) {
+        l = "";
+      else if (Ce.value && typeof t == "object" && !(t instanceof Date)) {
         if (t.startDate === null && t.endDate === null)
-          n = "";
+          l = "";
         else if (t.startDate || t.endDate) {
           const s = {
             // Converter startDate para string ISO se existir
-            startDate: t.startDate ? Bt(t.startDate) : null,
+            startDate: t.startDate ? $t(t.startDate) : null,
             // Converter endDate para string ISO se existir
-            endDate: t.endDate ? Bt(t.endDate) : null
+            endDate: t.endDate ? $t(t.endDate) : null
           };
-          n = JSON.stringify(s);
+          l = JSON.stringify(s);
         }
       } else
-        V.value === "date" ? t instanceof Date ? n = Bt(t) : typeof t == "string" && (n = t) : (V.value === "month" || V.value === "time" || V.value === "datetime-local" || V.value === "week") && (n = typeof t == "string" ? t : "");
-      Z = !0, h.value = n;
-      const r = n ? Je(n, V.value) : "";
-      w.value = r, I.value = r;
-    }, la = () => {
-      if (!ne.value) {
-        h.value = w.value;
+        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 i = l ? rt(l, k.value) : "";
+      M.value = i, V.value = i;
+    }, ua = () => {
+      if (!ae.value) {
+        h.value = M.value;
         return;
       }
-      o = !0;
-      const t = B.value ? {
-        start: B.value.selectionStart,
-        end: B.value.selectionEnd
-      } : null, n = w.value.trim();
-      if (!n || n.length === 0) {
-        Z = !0, h.value = "", w.value = "", I.value = "", setTimeout(() => {
-          o = !1;
+      w = !0;
+      const t = $.value ? {
+        start: $.value.selectionStart,
+        end: $.value.selectionEnd
+      } : null, l = M.value.trim();
+      if (!l || l.length === 0) {
+        Qe = !0, h.value = "", M.value = "", V.value = "", setTimeout(() => {
+          w = !1;
         }, 50);
         return;
       }
-      if (V.value === "date") {
-        const s = he.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 (he.value) {
-          if (n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), n.length > 23 && !s.test(n)) {
-            w.value = I.value, t && B.value && ya(() => {
-              const b = Math.min(t.start, I.value.length);
-              B.value.setSelectionRange(b, b);
+      if (k.value === "date") {
+        const s = 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.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), l.length > 23 && !s.test(l)) {
+            M.value = V.value, t && $.value && ya(() => {
+              const b = Math.min(t.start, V.value.length);
+              $.value.setSelectionRange(b, b);
             }), setTimeout(() => {
-              o = !1;
+              w = !1;
             }, 50);
             return;
           }
-          if (!s.test(n) && n.length <= 23) {
+          if (!s.test(l) && l.length <= 23) {
             setTimeout(() => {
-              o = !1;
+              w = !1;
             }, 50);
             return;
           }
         } else {
-          if (n.length > 10 && !s.test(n)) {
-            w.value = I.value, t && B.value && ya(() => {
-              const b = Math.min(t.start, I.value.length);
-              B.value.setSelectionRange(b, b);
+          if (l.length > 10 && !s.test(l)) {
+            M.value = V.value, t && $.value && ya(() => {
+              const b = Math.min(t.start, V.value.length);
+              $.value.setSelectionRange(b, b);
             }), setTimeout(() => {
-              o = !1;
+              w = !1;
             }, 50);
             return;
           }
-          if (!s.test(n) && n.length <= 10) {
+          if (!s.test(l) && l.length <= 10) {
             setTimeout(() => {
-              o = !1;
+              w = !1;
             }, 50);
             return;
           }
         }
       }
-      let r = null;
-      if (V.value === "date")
-        if (he.value)
-          if (n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
-            if (r = Xe(n, V.value), r && r !== h.value)
-              Z = !0, h.value = r, I.value = n;
+      let i = null;
+      if (k.value === "date")
+        if (Ce.value)
+          if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
+            if (i = H(l, k.value), i && i !== h.value)
+              Qe = !0, h.value = i, V.value = l;
             else {
               setTimeout(() => {
-                o = !1;
+                w = !1;
               }, 50);
               return;
             }
-          else if (n.includes("-")) {
-            const b = n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
+          else if (l.includes("-")) {
+            const b = l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
             if (b) {
-              const c = b[1], g = Xe(c, V.value);
+              const c = b[1], g = H(c, k.value);
               if (g) {
                 const x = JSON.stringify({ startDate: g, endDate: null });
-                x !== h.value && (Z = !0, h.value = x, I.value = n);
+                x !== h.value && (Qe = !0, h.value = x, V.value = l);
               } else {
-                I.value = n, setTimeout(() => {
-                  o = !1;
+                V.value = l, setTimeout(() => {
+                  w = !1;
                 }, 50);
                 return;
               }
             } else {
-              I.value = n, setTimeout(() => {
-                o = !1;
+              V.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(n))
-            if (r = Xe(n, V.value), r) {
-              const c = JSON.stringify({ startDate: r, endDate: null });
-              c !== h.value && (Z = !0, h.value = c, I.value = n);
+          } else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
+            if (i = H(l, k.value), i) {
+              const c = JSON.stringify({ startDate: i, endDate: null });
+              c !== h.value && (Qe = !0, h.value = c, V.value = l);
             } else {
-              I.value = n, setTimeout(() => {
-                o = !1;
+              V.value = l, setTimeout(() => {
+                w = !1;
               }, 50);
               return;
             }
           else {
-            I.value = n, setTimeout(() => {
-              o = !1;
+            V.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(n))
-          r = Xe(n, V.value), r && r !== h.value && (Z = !0, h.value = r, I.value = n);
+        else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
+          i = H(l, k.value), i && i !== h.value && (Qe = !0, h.value = i, V.value = l);
         else {
           setTimeout(() => {
-            o = !1;
+            w = !1;
           }, 50);
           return;
         }
       else
-        r = Xe(n, V.value), r && r !== h.value && (Z = !0, h.value = r, I.value = n);
+        i = H(l, k.value), i && i !== h.value && (Qe = !0, h.value = i, V.value = l);
       setTimeout(() => {
-        o = !1;
+        w = !1;
       }, 50);
-    }, na = (t) => {
-    }, Dt = (t) => {
+    }, ra = (t) => {
+    }, Et = (t) => {
       var s;
-      if (!N.value || !C.value || !B.value)
+      if (!N.value || !z.value || !$.value)
         return;
-      const n = t.target;
-      if ((s = B.value) == null || s.closest(".nb-wrapper"), C.value && C.value.contains(n) || t.defaultPrevented || t.cancelBubble || C.value && C.value.contains(n))
+      const l = t.target;
+      if ((s = $.value) == null || s.closest(".nb-wrapper"), z.value && z.value.contains(l) || t.defaultPrevented || t.cancelBubble || z.value && z.value.contains(l))
         return;
-      let r = n;
-      for (; r && r !== document.body; ) {
-        if (r === C.value || C.value && C.value.contains(r))
+      let i = l;
+      for (; i && i !== document.body; ) {
+        if (i === z.value || z.value && z.value.contains(i))
           return;
-        r = r.parentElement;
+        i = i.parentElement;
       }
       setTimeout(() => {
-        if (!N.value || !C.value || C.value && C.value.contains(n))
+        if (!N.value || !z.value || z.value && z.value.contains(l))
           return;
-        for (r = n; r && r !== document.body; ) {
-          if (r === C.value || C.value && C.value.contains(r))
+        for (i = l; i && i !== document.body; ) {
+          if (i === z.value || z.value && z.value.contains(i))
             return;
-          r = r.parentElement;
+          i = i.parentElement;
         }
-        if (!document.body.contains(n))
+        if (!document.body.contains(l))
           return;
-        B.value && (n === B.value || B.value.contains(n)) || (N.value = !1, (!w.value || w.value.trim().length === 0) && (Ce.value = !1));
+        $.value && (l === $.value || $.value.contains(l)) || (N.value = !1, (!M.value || M.value.trim().length === 0) && (T.value = !1));
       }, 50);
-    }, It = () => {
-      N.value && ne.value && yt();
-    }, Nt = () => {
-      N.value && ne.value && (N.value = !1);
+    }, Ft = () => {
+      N.value && ae.value && Ct();
+    }, Ot = () => {
+      N.value && ae.value && (N.value = !1);
     };
-    let dt = null, St = null, mt = { top: 0, left: 0 };
-    const Wt = () => {
-      if (!N.value || !ne.value || !B.value)
+    let bt = null, Tt = null, xt = { top: 0, left: 0 };
+    const qt = () => {
+      if (!N.value || !ae.value || !$.value)
         return;
-      const t = 4, n = B.value.getBoundingClientRect(), r = `${n.bottom + t}px`, s = `${n.left}px`;
-      (mt.top !== r || mt.left !== s) && (mt.top = r, mt.left = s, H.value = {
-        top: r,
+      const t = 4, l = $.value.getBoundingClientRect(), i = `${l.bottom + t}px`, s = `${l.left}px`;
+      (xt.top !== i || xt.left !== s) && (xt.top = i, xt.left = s, te.value = {
+        top: i,
         left: s
-      }), St = requestAnimationFrame(Wt);
-    }, oa = () => {
-      if (!B.value || !ne.value)
+      }), Tt = requestAnimationFrame(qt);
+    }, o = () => {
+      if (!$.value || !ae.value)
         return;
-      mt = { top: 0, left: 0 }, Wt(), dt = new ResizeObserver(() => {
-        N.value && yt();
-      }), dt.observe(B.value);
-      const t = B.value.closest(".component");
-      t && dt.observe(t);
-    }, Pt = () => {
-      St !== null && (cancelAnimationFrame(St), St = null), dt && (dt.disconnect(), dt = null);
+      xt = { top: 0, left: 0 }, qt(), bt = new ResizeObserver(() => {
+        N.value && Ct();
+      }), bt.observe($.value);
+      const t = $.value.closest(".component");
+      t && bt.observe(t);
+    }, f = () => {
+      Tt !== null && (cancelAnimationFrame(Tt), Tt = null), bt && (bt.disconnect(), bt = null);
     };
     U(N, (t) => {
-      t && ne.value ? ya(() => {
-        oa();
-      }) : Pt();
-    }), ra(() => {
-      h.value = we.value, w.value = Je(we.value, V.value), document.addEventListener("click", Dt, !1), window.addEventListener("scroll", It, { capture: !0, passive: !0 }), window.addEventListener("resize", Nt);
+      t && ae.value ? ya(() => {
+        o();
+      }) : f();
+    }), sa(() => {
+      h.value = _e.value, M.value = rt(_e.value, k.value), document.addEventListener("click", Et, !1), window.addEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.addEventListener("resize", Ot);
     }), ma(() => {
-      Mt(), Pt(), document.removeEventListener("click", Dt), window.removeEventListener("scroll", It, { capture: !0, passive: !0 }), window.removeEventListener("resize", Nt);
-    }), U(V, (t) => {
-      j.value = t;
-    }, { immediate: !0 }), U(Ke, () => {
-      h.value && ne.value && (w.value = Je(h.value, V.value));
-    }), U(we, (t) => {
+      Wt(), f(), document.removeEventListener("click", Et), window.removeEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ot);
+    }), U(k, (t) => {
+      Fe.value = t;
+    }, { immediate: !0 }), U(Xe, () => {
+      h.value && ae.value && (M.value = rt(h.value, k.value));
+    }), U(_e, (t) => {
       if (t !== h.value) {
         h.value = t;
-        const n = Je(t, V.value);
-        w.value = n, I.value = n;
+        const l = rt(t, k.value);
+        M.value = l, V.value = l;
       }
     }, { immediate: !0 });
-    let o = !1;
-    const p = () => {
-      o = !0, setTimeout(() => {
-        o = !1;
+    let w = !1;
+    const Ye = () => {
+      w = !0, setTimeout(() => {
+        w = !1;
       }, 100);
     };
-    let Z = !1;
+    let Qe = !1;
     return U(() => h.value, (t) => {
-      if (ne.value && !Z && !o) {
-        const n = Je(t, V.value);
-        n !== w.value && (w.value = n, I.value = n);
+      if (ae.value && !Qe && !w) {
+        const l = rt(t, k.value);
+        l !== M.value && (M.value = l, V.value = l);
       }
-      Z = !1;
+      Qe = !1;
     }), U(h, (t) => {
-      if (k.value && (t = t.trim()), he.value && typeof t == "string" && t.startsWith("{"))
+      if (L.value && (t = t.trim()), Ce.value && typeof t == "string" && t.startsWith("{"))
         try {
-          const n = JSON.parse(t);
-          if (n && (n.startDate || n.endDate)) {
-            const r = (c) => {
+          const l = JSON.parse(t);
+          if (l && (l.startDate || l.endDate)) {
+            const i = (c) => {
               if (!c)
                 return null;
               if (/^\d{4}-\d{2}-\d{2}$/.test(c)) {
@@ -3801,111 +3807,111 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
                 return new Date(g, x - 1, A);
               }
               return new Date(c);
-            }, s = n.startDate ? r(n.startDate) : null, b = n.endDate ? r(n.endDate) : null;
-            W("changed", { startDate: s, endDate: b });
+            }, s = l.startDate ? i(l.startDate) : null, b = l.endDate ? i(l.endDate) : null;
+            E("changed", { startDate: s, endDate: b });
             return;
           }
         } catch {
         }
-      W("changed", t);
-    }), U(Ce, (t) => {
-      W(t ? "focused" : "blurred");
+      E("changed", t);
+    }), U(T, (t) => {
+      E(t ? "focused" : "blurred");
     }), U(h, (t) => {
-      k.value && (t = t.trim()), W("current-value", t);
-    }), (t, n) => u(Se) ? (E(), O("div", ia({
+      L.value && (t = t.trim()), E("current-value", t);
+    }), (t, l) => n(xe) ? (O(), j("div", da({
       key: 0,
-      class: ["nb-wrapper", At.value],
-      style: [$t.value, xt.value, xe.value],
+      class: ["nb-wrapper", wt.value],
+      style: [Rt.value, Dt.value, it.value],
       role: "input"
-    }, D.value), [
-      ve("div", {
-        id: u(Se),
-        class: We(["nb-reset", "component", Ht.value, Ut.value, Gt.value, qt.value]),
-        style: Pe([_t.value, xt.value, xe.value]),
-        onClick: gt
+    }, 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]),
+        onClick: Pt
       }, [
-        u(le) ? (E(), O("label", {
+        n($e) ? (O(), j("label", {
           key: 0,
-          for: kt.value,
+          for: Lt.value,
           class: "component__label",
-          style: Pe([Rt.value]),
-          onClick: Jt
-        }, ht(e.label), 13, El)) : Be("", !0),
-        fa(ve("input", {
+          style: We([ht.value]),
+          onClick: Zt
+        }, St(e.label), 13, El)) : Le("", !0),
+        pa(fe("input", {
           ref_key: "inputRef",
-          ref: B,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => w.value = r),
-          onInput: la,
+          ref: $,
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => M.value = i),
+          onInput: ua,
           onKeydown: [
-            p,
-            n[1] || (n[1] = Et((r) => !u(_) && u(Ae) && zt(), ["enter"]))
+            Ye,
+            l[1] || (l[1] = jt((i) => !n(R) && n(Te) && ea(), ["enter"]))
           ],
-          id: kt.value,
-          name: kt.value,
-          type: ne.value ? "text" : j.value,
-          class: We(["component__input", [
-            Kt.value,
-            jt.value,
-            Tt.value
+          id: Lt.value,
+          name: Lt.value,
+          type: ae.value ? "text" : Fe.value,
+          class: Ne(["component__input", [
+            Jt.value,
+            Gt.value,
+            u.value
           ]]),
-          placeholder: Yt.value,
-          disabled: u(_) || u($),
+          placeholder: It.value,
+          disabled: n(R) || n(_),
           required: e.required,
-          readonly: u($),
+          readonly: n(_),
           autocomplete: e.inputAutocomplete,
-          min: ne.value ? void 0 : u(et),
-          max: ne.value ? void 0 : u(Ge),
-          step: ne.value ? void 0 : u(tt),
-          tabindex: u(_) || u($) ? -1 : u(vt),
+          min: ae.value ? void 0 : n(at),
+          max: ae.value ? void 0 : n(Je),
+          step: ae.value ? void 0 : n(lt),
+          tabindex: n(R) || n(_) ? -1 : n(st),
           role: "input",
-          style: Pe([xe.value]),
-          onFocus: Zt,
-          onBlur: ea,
-          onClick: ta
+          style: We([it.value]),
+          onFocus: aa,
+          onBlur: la,
+          onClick: na
         }, null, 46, Fl), [
-          [qa, w.value]
+          [Ha, M.value]
         ])
       ], 14, Pl),
-      i.value ? (E(), O("div", {
+      P.value ? (O(), j("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ua(t.$slots, "message", {}, () => [
-          ga(ht(e.message), 1)
+        ia(t.$slots, "message", {}, () => [
+          ga(St(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0),
-      (E(), ol(ul, { to: "body" }, [
-        ne.value && N.value ? (E(), O("div", {
+      ], 2)) : Le("", !0),
+      (O(), ol(ul, { to: "body" }, [
+        ae.value && N.value ? (O(), j("div", {
           key: 0,
           ref_key: "calendarRef",
-          ref: C,
+          ref: z,
           class: "datepicker__custom-calendar-wrapper",
-          style: Pe(Xt.value),
-          onClick: n[4] || (n[4] = sa((r) => T.value = !0, ["stop"])),
-          onMousedown: n[5] || (n[5] = sa((r) => T.value = !0, ["stop"]))
+          style: We(ta.value),
+          onClick: l[4] || (l[4] = ca((i) => ye.value = !0, ["stop"])),
+          onMousedown: l[5] || (l[5] = ca((i) => ye.value = !0, ["stop"]))
         }, [
-          rl(u(m), {
-            "nb-id": `${u(Se)}-calendar`,
-            value: ze.value,
-            "input-type": u(V),
-            min: u(et),
-            max: u(Ge),
-            step: u(tt),
-            disabled: u(_),
-            width: 350,
-            locale: u(Ke),
-            theme: u(Le),
-            "allow-range": u(he),
-            onChanged: aa,
-            onDateSelected: na,
-            onMousedown: n[2] || (n[2] = (r) => T.value = !0),
-            onClick: n[3] || (n[3] = (r) => T.value = !0)
-          }, null, 8, ["nb-id", "value", "input-type", "min", "max", "step", "disabled", "locale", "theme", "allow-range"])
-        ], 36)) : Be("", !0)
+          rl(n(C), {
+            "nb-id": `${n(xe)}-calendar`,
+            value: kt.value,
+            "input-type": n(k),
+            min: n(at),
+            max: n(Je),
+            step: n(lt),
+            disabled: n(R),
+            width: Vt.value,
+            locale: n(Xe),
+            theme: n(ke),
+            "allow-range": n(Ce),
+            onChanged: oa,
+            onDateSelected: ra,
+            onMousedown: l[2] || (l[2] = (i) => ye.value = !0),
+            onClick: l[3] || (l[3] = (i) => ye.value = !0)
+          }, null, 8, ["nb-id", "value", "input-type", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range"])
+        ], 36)) : Le("", !0)
       ]))
-    ], 16)) : Be("", !0);
+    ], 16)) : Le("", !0);
   }
-}), ql = /* @__PURE__ */ va(Ol, [["__scopeId", "data-v-0e19be2d"]]), Ea = {
+}), ql = /* @__PURE__ */ ba(Ol, [["__scopeId", "data-v-4dcd0e79"]]), Oa = {
   NbInputRadio: fl,
   NbInputCheckbox: yl,
   NbInput: Tl,
@@ -3914,10 +3920,10 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
   NbDatePicker: ql
 }, Hl = {
   install(e) {
-    for (const y in Ea)
-      if (Object.prototype.hasOwnProperty.call(Ea, y)) {
-        const m = Ea[y];
-        e.component(m.name, m);
+    for (const m in Oa)
+      if (Object.prototype.hasOwnProperty.call(Oa, m)) {
+        const C = Oa[m];
+        e.component(C.name, C);
       }
   }
 };