@vlalg-nimbus/nb-inputs 8.0.7 → 8.0.8

package/dist/nb-inputs.js

@@ -1,8 +1,8 @@
-import { useCssVars as sa, onMounted as ua, ref as Z, toRefs as da, computed as a, watch as U, openBlock as E, createElementBlock as O, normalizeClass as We, normalizeStyle as Ee, createElementVNode as ve, mergeProps as ra, Fragment as Pa, renderList as Fa, unref as o, withDirectives as ca, vModelRadio as al, withKeys as Et, withModifiers as ia, toDisplayString as ht, createCommentVNode as Be, vModelCheckbox as ll, onUnmounted as ma, renderSlot as oa, createTextVNode as ga, vModelDynamic as Oa, vModelText as qa, defineAsyncComponent as nl, nextTick as ya, createBlock as ol, Teleport as ul, createVNode as rl } from "vue";
-const fa = (e, y) => {
+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 [N, R] of y)
-    m[N] = R;
+  for (const [W, M] of y)
+    m[W] = M;
   return m;
 }, il = ["id"], sl = ["id", "disabled", "value", "name"], dl = ["for", "tabindex"], cl = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
@@ -58,8 +58,8 @@ const fa = (e, y) => {
           return !1;
         let y = !1;
         for (const m of e) {
-          const N = Object.keys(m);
-          N.length !== 2 && (y = !0), N.every((Se) => ["value", "text"].includes(Se)) || (y = !0);
+          const W = Object.keys(m);
+          W.length !== 2 && (y = !0), W.every((Se) => ["value", "text"].includes(Se)) || (y = !0);
         }
         if (!y)
           return e;
@@ -152,7 +152,7 @@ const fa = (e, y) => {
   },
   emits: ["current-value", "changed", "clicked"],
   setup(e, { emit: y }) {
-    sa((v) => ({
+    da((f) => ({
       "0fd48d29": Ge.value,
       "50426c15": pt.value,
       "5fa7628c": it.value,
@@ -164,129 +164,129 @@ const fa = (e, y) => {
       "35b74fa6": vt.value,
       "7dd5f889": he.value,
       "5cb21b36": ft.value
-    })), ua(() => {
+    })), ra(() => {
       Ye();
     });
-    const m = y, N = e, R = Z(null), {
+    const m = y, W = e, M = ee(null), {
       ariaLabel: Se,
       ariaAttrs: pe,
       currentOption: Ae,
       valueType: Ve,
       display: se,
-      options: ee,
-      theme: Pe,
+      options: te,
+      theme: Ee,
       lightTextColor: $e,
-      lightColor: le,
+      lightColor: oe,
       lightColorHover: G,
-      darkTextColor: M,
-      darkColor: ne,
+      darkTextColor: _,
+      darkColor: ue,
       darkColorHover: K,
       hoverEffect: Y,
       activeHoverEffect: ke,
       itemGap: de,
-      internalGap: W,
+      internalGap: P,
       scale: be,
-      disabled: te,
+      disabled: ae,
       fontFamily: ye,
       fontSize: ge,
       fontWeight: me
-    } = da(N), A = a(() => {
-      const v = te.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", ae = 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 = W.value !== 0 && !W.value || W.value < 0 ? 6 : W.value, p = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value;
+    } = 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;
       return {
-        disabled: v,
+        disabled: f,
         display: S,
         hoverEffect: je,
         activeHoverEffect: He,
         itemGap: J,
         internalGap: d,
-        scale: p,
+        scale: v,
         font: ce,
         fontSize: Q,
-        fontWeight: ae
+        fontWeight: le
       };
-    }), V = a(() => A.value.disabled), k = a(() => ({
-      display: A.value.display
-    })), _e = a(() => A.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), qe = a(() => {
-      const v = A.value;
+    }), 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;
       return {
-        fontSize: v.fontSize,
-        fontWeight: v.fontWeight
+        fontSize: f.fontSize,
+        fontWeight: f.fontWeight
       };
-    }), we = a(() => Array.isArray(ee.value) && ee.value.constructor === Array && ee.value.length > 0), et = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), Ge = a(() => A.value.font), tt = a(() => $e.value), ct = a(() => le.value), Ke = a(() => A.value.hoverEffect ? G.value : le.value), Le = a(() => A.value.activeHoverEffect ? G.value : le.value), he = a(() => M.value), ft = a(() => ne.value), vt = a(() => A.value.hoverEffect ? K.value : ne.value), at = a(() => A.value.activeHoverEffect ? K.value : ne.value), it = a(() => {
-      const S = A.value.internalGap;
+    }), 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;
       return !S || S < 0 ? 0 : `${S}px`;
     }), pt = a(() => {
-      const S = A.value.itemGap;
+      const S = $.value.itemGap;
       return !S || S < 0 ? 0 : `${S}px`;
     }), Te = a(() => ({
-      zoom: A.value.scale
+      zoom: $.value.scale
     })), lt = a(() => {
-      const v = {};
-      pe.value && Object.keys(pe.value).forEach((Q) => v[`aria-${Q}`] = pe.value[Q]);
+      const f = {};
+      pe.value && Object.keys(pe.value).forEach((Q) => f[`aria-${Q}`] = pe.value[Q]);
       const S = {
         "aria-label": Se.value,
-        "aria-disabled": te.value,
-        ...v
+        "aria-disabled": ae.value,
+        ...f
       };
       return Object.fromEntries(
         Object.entries(S).filter(([ce, Q]) => Q != null)
       );
     }), Ye = () => {
-      const v = Ae.value;
-      v && ["string"].includes(Ve.value) ? R.value = v.toString().toLowerCase() : R.value = v;
+      const f = Ae.value;
+      f && ["string"].includes(Ve.value) ? M.value = f.toString().toLowerCase() : M.value = f;
     }, Qe = () => {
       m("clicked");
     };
-    return U(Ae, (v, S) => {
-      v !== S && Ye();
-    }), U(R, (v, S) => {
-      v !== S && (m("current-value", v), m("changed", v));
-    }), (v, S) => e.nbId && we.value ? (E(), O("div", {
+    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", {
       key: 0,
       class: We(["nb-wrapper", V.value]),
-      style: Ee([k.value, Te.value])
+      style: Pe([k.value, Te.value])
     }, [
-      ve("div", ra({
+      ve("div", ia({
         id: e.nbId,
         role: "radiogroup"
       }, lt.value, {
         class: ["nb-reset", "component", _e.value, et.value]
       }), [
-        (E(!0), O(Pa, null, Fa(o(ee), (ce, Q) => (E(), O("div", {
+        (E(!0), O(Fa, null, Oa(u(te), (ce, Q) => (E(), O("div", {
           key: Q,
           class: "component-radio__item"
         }, [
-          ca(ve("input", {
+          fa(ve("input", {
             id: `${e.nbId}-${ce.value}`,
-            "onUpdate:modelValue": S[0] || (S[0] = (ae) => R.value = ae),
+            "onUpdate:modelValue": S[0] || (S[0] = (le) => M.value = le),
             type: "radio",
             class: "component-radio__item--input",
-            disabled: o(te),
+            disabled: u(ae),
             value: ce.value,
             name: e.groupName,
             onClick: Qe
           }, null, 8, sl), [
-            [al, R.value]
+            [al, M.value]
           ]),
           ve("label", {
             for: `${e.nbId}-${ce.value}`,
-            tabindex: o(te) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Q] : e.tabIndex >= 0 ? e.tabIndex : Q + 1,
+            tabindex: u(ae) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Q] : e.tabIndex >= 0 ? e.tabIndex : Q + 1,
             class: "component-radio__item--label",
             onKeydown: [
-              S[1] || (S[1] = Et(ia((ae) => !o(te) && e.hasTabIndexEnter && ae.target.click(), ["prevent"]), ["enter"])),
-              S[2] || (S[2] = Et(ia((ae) => !o(te) && e.hasTabIndexSpace && ae.target.click(), ["prevent"]), ["space"]))
+              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[3] || (S[3] = ve("div", null, null, -1)),
             ve("span", {
-              style: Ee([qe.value])
+              style: Pe([qe.value])
             }, ht(ce.text), 5)
           ], 40, dl)
         ]))), 128))
       ], 16, il)
     ], 6)) : Be("", !0);
   }
-}), fl = /* @__PURE__ */ fa(cl, [["__scopeId", "data-v-a95f65ea"]]);
+}), fl = /* @__PURE__ */ va(cl, [["__scopeId", "data-v-a95f65ea"]]);
 const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabindex"], gl = /* @__PURE__ */ Object.assign({
   name: "NbInputCheckbox",
   inheritAttrs: !1
@@ -341,8 +341,8 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
           return !1;
         let y = !1;
         for (const m of e) {
-          const N = Object.keys(m);
-          N.length !== 2 && (y = !0), N.every((Se) => ["value", "text"].includes(Se)) || (y = !0);
+          const W = Object.keys(m);
+          W.length !== 2 && (y = !0), W.every((Se) => ["value", "text"].includes(Se)) || (y = !0);
         }
         if (!y)
           return e;
@@ -448,11 +448,11 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
   },
   emits: ["current-value", "changed", "clicked"],
   setup(e, { emit: y }) {
-    sa((d) => ({
+    da((d) => ({
       "49e2c63f": ct.value,
       "107babaa": ce.value,
       "3c7cc5ce": S.value,
-      "16d311d0": v.value,
+      "16d311d0": f.value,
       "3f8b2f30": ft.value,
       "53078d64": he.value,
       "537834e6": vt.value,
@@ -464,39 +464,39 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
       "0a99dbe2": lt.value,
       d6971e68: it.value,
       ca30d9c2: at.value
-    })), ua(() => {
+    })), ra(() => {
       He();
     });
-    const m = y, N = e, R = Z(null), {
+    const m = y, W = e, M = ee(null), {
       ariaLabel: Se,
       ariaAttrs: pe,
       currentOption: Ae,
       display: Ve,
       options: se,
-      theme: ee,
-      lightTextColor: Pe,
+      theme: te,
+      lightTextColor: Ee,
       lightColor: $e,
-      lightColorHover: le,
+      lightColorHover: oe,
       darkTextColor: G,
-      darkColor: M,
-      darkColorHover: ne,
+      darkColor: _,
+      darkColorHover: ue,
       boxRadius: K,
       hoverEffect: Y,
       activeHoverEffect: ke,
       itemGap: de,
-      internalGap: W,
+      internalGap: P,
       scale: be,
-      type: te,
+      type: ae,
       background: ye,
       disabled: ge,
       fontFamily: me,
-      fontSize: A,
+      fontSize: $,
       fontWeight: V
-    } = da(N), k = a(() => {
-      const d = ge.value ? "component-disabled" : "", p = Ve.value !== "b" ? "inline-block" : "block", fe = me.value ? me.value : "'Lato', sans-serif", q = A.value ? A.value : "1.6em", oe = 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 = W.value !== 0 && !W.value || W.value < 0 ? 6 : W.value, nt = ["box", "circle"].includes(te.value) ? te.value : "box", ot = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value, h = [!1, !0].includes(ye.value) ? ye.value : !1;
+    } = 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;
       return {
         disabled: d,
-        display: p,
+        display: v,
         boxRadius: Re,
         hoverEffect: Me,
         activeHoverEffect: Fe,
@@ -507,7 +507,7 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
         font: fe,
         background: h,
         fontSize: q,
-        fontWeight: oe
+        fontWeight: re
       };
     }), _e = a(() => k.value.disabled), qe = a(() => ({
       display: k.value.display
@@ -517,96 +517,96 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
         fontSize: d.fontSize,
         fontWeight: d.fontWeight
       };
-    }), Ge = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0), tt = a(() => ee.value === "dark" ? "component__theme--dark" : "component__theme--light"), ct = a(() => k.value.font), Ke = a(() => Pe.value), Le = a(() => $e.value), he = a(() => k.value.hoverEffect ? le.value : $e.value), ft = a(() => k.value.activeHoverEffect ? le.value : $e.value), vt = a(() => {
+    }), 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 ? `${le.value}80` : le.value;
-    }), at = a(() => G.value), it = a(() => M.value), pt = a(() => k.value.hoverEffect ? ne.value : M.value), Te = a(() => k.value.activeHoverEffect ? ne.value : M.value), lt = a(() => {
+      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 ? `${ne.value}80` : ne.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, p = ee.value === "dark" ? G.value : Pe.value;
-      return d.background ? "#ffffff" : p;
+      const d = k.value, v = te.value === "dark" ? G.value : Ee.value;
+      return d.background ? "#ffffff" : v;
     });
     a(() => k.value.background ? "19px" : "auto");
-    const v = a(() => {
-      const p = k.value.internalGap;
-      return !p || p < 0 ? 0 : `${p}px`;
+    const f = a(() => {
+      const v = k.value.internalGap;
+      return !v || v < 0 ? 0 : `${v}px`;
     }), S = a(() => {
       const d = k.value;
       return `${d.boxRadius > 7 ? 7 : d.boxRadius}px`;
     }), ce = a(() => {
-      const p = k.value.itemGap;
-      return !p || p < 0 ? 0 : `${p}px`;
-    }), Q = a(() => k.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), ae = a(() => ({
+      const v = k.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(() => {
       const d = {};
       pe.value && Object.keys(pe.value).forEach((q) => d[`aria-${q}`] = pe.value[q]);
-      const p = {
+      const v = {
         "aria-label": Se.value,
         "aria-disabled": ge.value,
         ...d
       };
       return Object.fromEntries(
-        Object.entries(p).filter(([fe, q]) => q != null)
+        Object.entries(v).filter(([fe, q]) => q != null)
       );
     }), He = () => {
-      R.value = Ae.value;
+      M.value = Ae.value;
     }, J = () => {
       m("clicked");
     };
-    return U(Ae, (d, p) => {
-      d !== p && He();
-    }), U(R, (d, p) => {
-      d !== p && (m("current-value", d), m("changed", d));
-    }), (d, p) => e.nbId && Ge.value ? (E(), O("div", {
+    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", {
       key: 0,
       class: We(["nb-wrapper", _e.value]),
-      style: Ee([qe.value, ae.value])
+      style: Pe([qe.value, le.value])
     }, [
-      ve("div", ra({
+      ve("div", ia({
         id: e.nbId,
         role: "group"
       }, je.value, {
         class: ["nb-reset", "component", we.value, tt.value]
       }), [
-        (E(!0), O(Pa, null, Fa(o(se), (fe, q) => (E(), O("div", {
+        (E(!0), O(Fa, null, Oa(u(se), (fe, q) => (E(), O("div", {
           key: q,
           class: "component-checkbox__item"
         }, [
-          ca(ve("input", {
+          fa(ve("input", {
             id: `${e.nbId}-${fe.value}`,
-            "onUpdate:modelValue": p[0] || (p[0] = (oe) => R.value = oe),
+            "onUpdate:modelValue": v[0] || (v[0] = (re) => M.value = re),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: o(ge),
+            disabled: u(ge),
             value: fe.value,
             name: e.groupName,
             onClick: J
           }, null, 8, pl), [
-            [ll, R.value]
+            [ll, M.value]
           ]),
           ve("label", {
             for: `${e.nbId}-${fe.value}`,
             class: We([[Q.value], "component-checkbox__item--label"]),
-            tabindex: o(ge) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[q] : e.tabIndex >= 0 ? e.tabIndex : q + 1,
+            tabindex: u(ge) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[q] : e.tabIndex >= 0 ? e.tabIndex : q + 1,
             onKeydown: [
-              p[1] || (p[1] = Et(ia((oe) => !o(ge) && e.hasTabIndexEnter && oe.target.click(), ["prevent"]), ["enter"])),
-              p[2] || (p[2] = Et(ia((oe) => !o(ge) && e.hasTabIndexSpace && oe.target.click(), ["prevent"]), ["space"]))
+              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"]))
             ]
           }, [
             ve("div", {
               class: We([Ye.value])
             }, null, 2),
             ve("span", {
-              style: Ee([et.value])
+              style: Pe([et.value])
             }, ht(fe.text), 5)
           ], 42, bl)
         ]))), 128))
       ], 16, vl)
     ], 6)) : Be("", !0);
   }
-}), yl = /* @__PURE__ */ fa(gl, [["__scopeId", "data-v-1c6afddc"]]);
+}), yl = /* @__PURE__ */ va(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
@@ -1029,74 +1029,74 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
     "entered"
   ],
   setup(e, { emit: y }) {
-    sa((u) => ({
+    da((o) => ({
       "15b4e490": xt.value,
       "7b408380": Ct.value,
-      "616dacc1": o(pt),
-      "5ee20750": Gt.value,
+      "616dacc1": u(pt),
+      "5ee20750": Kt.value,
       d213cebc: kt.value,
-      "48d09fba": Kt.value,
-      d9ad7782: o(S),
-      "92b90674": o(Me),
-      "4b2d6b40": o(ce),
-      "7cf01292": o(h),
-      "1a969b4b": o(v),
-      "476025c4": o(Ye),
-      "7aca2dea": o(Qe),
+      "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": o(Te),
-      "2109b2b1": o(lt),
-      a58af5cc: o(Re),
-      "883557c4": o(Q),
-      "73ac8be6": o(ot),
-      ea51cb66: o(it),
-      "41a8cd82": o(vt),
-      "12998f28": o(at),
-      "189e892e": o(he),
-      a8713a22: o(ft),
+      "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: zt.value,
+      e0c4e4b0: na.value,
       b699b592: Dt.value,
-      e1d7deb2: dt.value,
-      "4460cdca": ta.value,
-      f9aa8392: o(ae),
+      e1d7deb2: Nt.value,
+      "4460cdca": Bt.value,
+      f9aa8392: u(le),
       "816fe7b0": Zt.value,
-      "6e8f7157": Ot.value,
-      "55de2e16": qt.value,
-      "7fe15882": jt.value,
-      "456449ce": Ut.value,
-      "7b6807a1": u.styleButtonColor,
-      "5be24286": Ht.value
-    })), ua(() => {
+      "6e8f7157": qt.value,
+      "55de2e16": jt.value,
+      "7fe15882": Ht.value,
+      "456449ce": Gt.value,
+      "7b6807a1": o.styleButtonColor,
+      "5be24286": Ut.value
+    })), ra(() => {
       xe.value = Ge.value;
     }), ma(() => {
-      Nt();
+      mt();
     });
-    const m = y, N = e, {
-      nbId: R,
+    const m = y, W = e, {
+      nbId: M,
       display: Se,
       hasTabIndexEnter: pe,
       ariaLabel: Ae,
       ariaAttrs: Ve,
       textColor: se,
-      caretColor: ee,
-      selectionBgColor: Pe,
+      caretColor: te,
+      selectionBgColor: Ee,
       selectionTextColor: $e,
-      hasBorderRadius: le,
+      hasBorderRadius: oe,
       borderRadius: G,
-      disabled: M,
-      fontFamily: ne,
+      disabled: _,
+      fontFamily: ue,
       fontSize: K,
       fontWeight: Y,
       fontFamilyMsg: ke,
       fontSizeMsg: de,
-      fontWeightMsg: W,
+      fontWeightMsg: P,
       textMessageColor: be,
-      inputWidth: te,
+      inputWidth: ae,
       inputStyle: ye,
       activeTextStyle: ge,
       sizeMediaQuery: me,
-      inputReadonly: A,
+      inputReadonly: $,
       showInputEye: V,
       inputType: k,
       hasTrim: _e,
@@ -1118,19 +1118,19 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       darkBgColorFocus: lt,
       darkEyeBgColor: Ye,
       darkEyeBgColorActive: Qe,
-      darkDisabledBgColor: v,
+      darkDisabledBgColor: f,
       darkTextColor: S,
       darkDisabledEyeBgColor: ce,
       lightDisabledEyeBgColor: Q,
-      textAlign: ae,
+      textAlign: le,
       showMsg: je,
       hasMsg: He,
       hasIcon: J,
       iconDirection: d,
-      iconPadding: p,
+      iconPadding: v,
       iconPaddingInput: fe,
       iconMargin: q,
-      iconBorderRadius: oe,
+      iconBorderRadius: re,
       iconLightTextColor: Re,
       iconDarkTextColor: Me,
       iconLightBgColor: Fe,
@@ -1139,47 +1139,47 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       iconDarkBgColorActive: nt,
       iconLightDisabledBgColor: ot,
       iconDarkDisabledBgColor: h,
-      iconWidth: _,
-      iconSize: D,
+      iconWidth: w,
+      iconSize: I,
       showLabel: j,
       labelBackground: Ce,
       labelPadding: T,
       labelBorderRadius: ze,
       labelLeft: Je,
       inputLabelMarginActive: Xe,
-      labelActiveTop: P,
+      labelActiveTop: N,
       labelActiveLeft: H,
-      fontFamilyLabel: $,
+      fontFamilyLabel: B,
       fontSizeLabel: C,
-      fontSizeLabelActive: ue,
-      fontWeightLabel: I,
+      fontSizeLabelActive: ne,
+      fontWeightLabel: z,
       lightTextColorLabel: At,
       lightTextColorLabelActive: $t,
       darkTextColorLabel: Vt,
       darkTextColorLabelActive: _t
-    } = da(N), xe = Z(""), st = Z(""), bt = Z(!1), ut = Z(!1), L = a(() => {
-      const u = M.value ? "component-disabled" : "", c = Se.value !== "b" ? "inline-block" : "block", t = se ? se.value : "ffffff", n = ee.value ? ee.value : "", r = Pe.value ? Pe.value : "", i = $e.value ? $e.value : "", b = le.value ? le.value : !1, f = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, g = ne.value ? ne.value : "'Lato', sans-serif", x = K.value && K.value >= 0 ? K.value : null, B = Y.value !== 0 && !Y.value || Y.value < 0 ? 100 : Y.value, w = ke.value ? ke.value : "'Lato', sans-serif", F = de.value ? de.value : "1em", ie = W.value !== 0 && !W.value || W.value < 0 ? 100 : W.value, De = be.value ? be.value : "#f15574", Ze = te.value ? te.value : 200, Ie = ge.value ? ge.value : "normal", Ne = me.value ? me.value : "xs", va = A.value ? A.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 = ae.value ? ae.value : "left", Sa = ye.value ? ye.value : "background", Va = p.value ? p.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 = oe.value !== 0 && !oe.value || oe.value < 0 ? 0 : oe.value, wa = Ue.value ? Ue.value : "transparent", Ra = nt.value ? nt.value : "transparent", Ma = _.value ? _.value : 32, za = D.value ? D.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, ja = T.value ? T.value : "1px 5px", Ha = ze.value !== 0 && !ze.value || ze.value < 0 ? 0 : ze.value, Ua = P.value !== 0 && !P.value || P.value < 0 ? -13 : P.value, Ga = H.value !== 0 && !H.value || H.value < 0 ? -10 : H.value, Ka = $.value ? $.value : "'Lato', sans-serif", Ya = C.value ? C.value : "1em", Qa = ue.value ? ue.value : "0.8em", Ja = I.value ? I.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";
+    } = 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";
       return {
-        disabled: u,
-        display: c,
-        font: g,
-        fontSize: x,
-        fontWeight: B,
-        fontFamilyMsg: w,
-        fontSizeMsg: F,
-        fontWeightMsg: ie,
-        textMessageColor: De,
-        textColor: t,
-        caretColor: n,
-        selectionBgColor: r,
-        selectionTextColor: i,
-        hasBorderRadius: b,
-        borderRadius: f,
+        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,
         textAlign: xa,
-        inputWidth: Ze,
-        activeTextStyle: Ie,
-        sizeMediaQuery: Ne,
-        inputReadonly: va,
+        inputWidth: De,
+        activeTextStyle: Ze,
+        sizeMediaQuery: Ie,
+        inputReadonly: Ne,
         showInputEye: pa,
         inputType: ba,
         inputUppercase: ha,
@@ -1199,7 +1199,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         iconSize: za,
         showLabel: Da,
         labelBackground: Na,
-        labelPadding: ja,
+        labelPadding: Pa,
         labelBorderRadius: Ha,
         labelLeft: Ia,
         inputLabelMarginActive: Wa,
@@ -1214,14 +1214,14 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         lightTextColorLabelActive: el,
         darkTextColorLabelActive: tl
       };
-    }), wt = a(() => L.value.disabled), Pt = a(() => ({
+    }), wt = a(() => L.value.disabled), Ft = a(() => ({
       display: L.value.display
     })), Ct = a(() => {
-      const u = L.value;
-      if (u.fontSize)
-        return `${u.fontSize}em`;
-      let c = "";
-      switch (u.sizeMediaQuery) {
+      const o = L.value;
+      if (o.fontSize)
+        return `${o.fontSize}em`;
+      let p = "";
+      switch (o.sizeMediaQuery) {
         case "sm":
           return "1.2em";
         case "md":
@@ -1229,32 +1229,32 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         case "lg":
           return "2em";
         default:
-          c = "1.2em";
+          p = "1.2em";
       }
-      return c;
-    }), Ft = a(() => {
-      const u = L.value, c = yt.value;
+      return p;
+    }), Ot = a(() => {
+      const o = L.value, p = zt.value;
       return {
         fontSize: Ct.value,
-        fontWeight: u.fontWeight,
-        marginTop: c && j.value ? `${u.inputLabelMarginActive}px` : "0"
+        fontWeight: o.fontWeight,
+        marginTop: p && j.value ? `${o.inputLabelMarginActive}px` : "0"
       };
     }), rt = a(() => {
-      const u = L.value;
-      return u.inputStyle !== "line" && u.hasBorderRadius ? { borderRadius: `${u.borderRadius}rem` } : {};
-    }), xt = a(() => L.value.font), Ot = a(() => L.value.fontFamilyMsg), qt = a(() => L.value.fontSizeMsg), jt = a(() => L.value.fontWeightMsg), Ht = a(() => L.value.textColor), Ut = a(() => L.value.textMessageColor), Gt = a(() => {
-      const u = L.value;
-      return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
+      const o = L.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;
+      return o.caretColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
     }), kt = a(() => {
-      const u = L.value;
-      return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Kt = a(() => {
-      const u = L.value;
-      return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
+      const o = L.value;
+      return o.selectionBgColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), Yt = a(() => {
+      const o = L.value;
+      return o.selectionTextColor || (o.theme === "dark" ? "#000000" : "#ffffff");
     }), Lt = a(() => {
-      const u = L.value;
-      return u.display === "block" ? { width: "100%" } : {
-        width: `${u.inputWidth}px`
+      const o = L.value;
+      return o.display === "block" ? { width: "100%" } : {
+        width: `${o.inputWidth}px`
       };
     }), Tt = a(() => {
       switch (ye.value) {
@@ -1274,7 +1274,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         default:
           return "component__input--active--normal";
       }
-    }), s = a(() => {
+    }), i = a(() => {
       switch (L.value.sizeMediaQuery) {
         case "sm":
           return "component__sm";
@@ -1285,160 +1285,160 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         default:
           return "";
       }
-    }), z = a(() => {
+    }), D = a(() => {
       switch (L.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), X = a(() => L.value.inputReadonly ? "component__input--read-only" : ""), Yt = a(() => L.value.inputUppercase ? "component__input--uppercase" : ""), Rt = a(() => {
-      const u = L.value;
-      return !!(u.showInputEye && u.inputType === "password");
-    }), Mt = a(() => bt.value ? ct.value : Le.value), gt = a(() => we.value ? we.value : `${R.value}-name-label`), Qt = a(() => j.value ? ut.value ? et.value : "" : et.value), yt = a(() => ut.value || xe.value && xe.value.trim().length > 0), Jt = 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)), Bt = a(() => {
-      const u = {};
-      Ve.value && Object.keys(Ve.value).forEach((n) => u[`aria-${n}`] = Ve.value[n]);
-      const c = {
+    }), X = a(() => L.value.inputReadonly ? "component__input--read-only" : ""), Qt = a(() => L.value.inputUppercase ? "component__input--uppercase" : ""), Rt = a(() => {
+      const o = L.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(() => {
+      const o = {};
+      Ve.value && Object.keys(Ve.value).forEach((t) => o[`aria-${t}`] = Ve.value[t]);
+      const p = {
         "aria-label": Ae.value,
-        "aria-disabled": M.value,
-        ...u
+        "aria-disabled": _.value,
+        ...o
       };
       return Object.fromEntries(
-        Object.entries(c).filter(([t, n]) => n != null)
+        Object.entries(p).filter(([Z, t]) => t != null)
       );
-    }), ta = a(() => J.value ? `${D.value}rem` : "0"), aa = a(() => J.value ? `${_.value}px` : "0"), la = a(() => J.value ? `component__icon--${d.value}` : ""), zt = a(() => {
-      const u = L.value;
-      return J.value ? u.iconPadding : "0";
+    }), 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 u = L.value;
-      return J.value ? u.iconMargin : "0";
+      const o = L.value;
+      return J.value ? o.iconMargin : "0";
     }), It = a(() => {
-      const u = L.value;
-      return J.value ? u.theme === "dark" ? u.iconDarkBgColor : u.iconLightBgColor : "transparent";
+      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 u = L.value;
-      return J.value ? `${u.iconBorderRadius}rem` : "0";
+      const o = L.value;
+      return J.value ? d.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
     }), St = a(() => {
-      const u = L.value;
-      return J.value ? d.value === "left" ? { paddingLeft: `${u.iconPaddingInput}px` } : { paddingRight: `${u.iconPaddingInput}px` } : {};
-    }), mt = a(() => {
-      const u = L.value, c = yt.value, t = c ? u.lightTextColorLabelActive : u.lightTextColorLabel, n = c ? u.darkTextColorLabelActive : u.darkTextColorLabel;
+      const o = L.value, p = zt.value, Z = p ? o.lightTextColorLabelActive : o.lightTextColorLabel, t = p ? o.darkTextColorLabelActive : o.darkTextColorLabel;
       return {
-        fontFamily: u.fontFamilyLabel,
-        fontSize: c ? u.fontSizeLabelActive : u.fontSizeLabel,
-        fontWeight: u.fontWeightLabel,
-        color: u.theme === "dark" ? n : t,
-        top: c ? `${u.labelActiveTop}px` : "50%",
-        left: c ? `${u.labelActiveLeft}px` : `${u.labelLeft}px`,
-        transform: c ? "translateY(0)" : "translateY(-50%)",
+        fontFamily: o.fontFamilyLabel,
+        fontSize: p ? 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%)",
         transition: "all 0.2s ease",
-        backgroundColor: c ? u.labelBackground : "transparent",
-        padding: c ? u.labelPadding : "0",
-        borderRadius: c ? `${u.labelBorderRadius}rem` : "0"
+        backgroundColor: p ? o.labelBackground : "transparent",
+        padding: p ? o.labelPadding : "0",
+        borderRadius: p ? `${o.labelBorderRadius}rem` : "0"
       };
     });
     a(() => {
-      const u = L.value;
-      return u.theme === "dark" ? u.darkTextColorLabelActive : u.lightTextColorLabelActive;
+      const o = L.value;
+      return o.theme === "dark" ? o.darkTextColorLabelActive : o.lightTextColorLabelActive;
     });
-    const Nt = () => {
+    const mt = () => {
       xe.value = Ge.value, st.value = k.value;
-    }, na = () => {
-      const u = L.value;
-      if (u.inputReadonly || u.disabled)
-        return;
-      const c = !bt.value;
-      c ? st.value = "text" : st.value = k.value, bt.value = c;
     }, Wt = () => {
+      const o = L.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");
-    }, re = () => {
-      M.value || L.value.inputReadonly || !pe.value || m("entered", xe.value);
+    }, Pt = () => {
+      _.value || L.value.inputReadonly || !pe.value || m("entered", xe.value);
     };
-    return U(k, (u) => {
-      st.value = u;
-    }, { immediate: !0 }), U(Ge, (u) => {
-      u !== xe.value && (xe.value = u);
-    }, { immediate: !0 }), U(xe, (u) => {
-      _e.value && (u = u.trim()), m("changed", u);
-    }), U(ut, (u) => {
-      m(u ? "focused" : "blurred");
-    }), U(bt, (u) => {
-      m("show-input-eye", u);
-    }, { immediate: !0 }), U(xe, (u) => {
-      _e.value && (u = u.trim()), m("current-value", u);
-    }), U(k, (u) => {
-      u === "password" && nextTick(() => {
-        const c = document.getElementById(we.value);
-        c && (c.type = "password", c.removeAttribute("autocomplete"));
+    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) => {
+      o === "password" && nextTick(() => {
+        const p = document.getElementById(we.value);
+        p && (p.type = "password", p.removeAttribute("autocomplete"));
       });
-    }), (u, c) => o(R) ? (E(), O("div", ra({
+    }), (o, p) => u(M) ? (E(), O("div", ia({
       key: 0,
       class: ["nb-wrapper", wt.value],
-      style: [Pt.value, Lt.value, rt.value],
+      style: [Ft.value, Lt.value, rt.value],
       role: "input"
-    }, Bt.value), [
+    }, ta.value), [
       ve("div", {
-        id: o(R),
-        class: We(["nb-reset", "component", s.value, z.value, X.value, Tt.value]),
-        style: Ee([Ft.value, Lt.value, rt.value]),
-        onClick: Wt
+        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
       }, [
-        o(j) ? (E(), O("label", {
+        u(j) ? (E(), O("label", {
           key: 0,
           for: gt.value,
           class: "component__label",
-          style: Ee([mt.value])
+          style: Pe([St.value])
         }, ht(e.label), 13, hl)) : Be("", !0),
         Rt.value ? (E(), O("div", {
           key: 1,
           class: We(["component__eye", Xt.value]),
-          style: Ee([rt.value]),
-          onClick: na
+          style: Pe([rt.value]),
+          onClick: Wt
         }, [
           ve("label", {
             for: gt.value,
             class: We(["component__eye-icon", "fas"])
           }, [
             e.inputEyeCustomIcon ? (E(), O("span", Sl, [
-              bt.value ? oa(u.$slots, "eye-icon-show", { key: 0 }, () => [
-                c[4] || (c[4] = ga("show"))
-              ], !0) : oa(u.$slots, "eye-icon-hidden", { key: 1 }, () => [
-                c[5] || (c[5] = ga("hidden"))
+              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"))
               ], !0)
             ])) : (E(), O("span", xl, ht(Mt.value), 1))
           ], 8, Cl)
         ], 6)) : Be("", !0),
-        ca(ve("input", {
-          "onUpdate:modelValue": c[0] || (c[0] = (t) => xe.value = t),
+        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", [
-            Yt.value,
-            Jt.value,
+            Qt.value,
+            yt.value,
             l.value
           ]]),
-          placeholder: Qt.value,
-          disabled: o(M) || o(A),
+          placeholder: Jt.value,
+          disabled: u(_) || u($),
           required: e.required,
-          readonly: o(A),
+          readonly: u($),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(M) || o(A) ? -1 : o(Ke),
+          tabindex: u(_) || u($) ? -1 : u(Ke),
           role: "input",
-          style: Ee([rt.value, St.value]),
-          onFocus: c[1] || (c[1] = (t) => ut.value = !0),
-          onBlur: c[2] || (c[2] = (t) => ut.value = !1),
-          onKeydown: c[3] || (c[3] = Et((t) => !o(M) && o(pe) && re(), ["enter"]))
+          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"]))
         }, null, 46, Vl), [
-          [Oa, xe.value]
+          [qa, xe.value]
         ]),
-        o(J) ? (E(), O("label", {
+        u(J) ? (E(), O("label", {
           key: 2,
           for: gt.value,
           class: We(["component__icon", la.value])
         }, [
-          oa(u.$slots, "icon", {}, () => [
-            c[6] || (c[6] = ve("span", null, "♥", -1))
+          ua(o.$slots, "icon", {}, () => [
+            p[6] || (p[6] = ve("span", null, "♥", -1))
           ], !0)
         ], 10, kl)) : Be("", !0)
       ], 14, ml),
@@ -1446,13 +1446,13 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         key: 0,
         class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        oa(u.$slots, "message", {}, () => [
+        ua(o.$slots, "message", {}, () => [
           ga(ht(e.message), 1)
         ], !0)
       ], 2)) : Be("", !0)
     ], 16)) : Be("", !0);
   }
-}), Tl = /* @__PURE__ */ fa(Ll, [["__scopeId", "data-v-ba7b1c2a"]]);
+}), 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({
   name: "NbInputChip",
   inheritAttrs: !1
@@ -1778,60 +1778,60 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
   },
   emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred"],
   setup(e, { emit: y }) {
-    sa((l) => ({
+    da((l) => ({
       be085a92: _t.value,
       "0f20f54a": st.value,
-      "5a3a5628": o(ct),
-      "0e969290": o(qe),
-      "4ceb0bee": o(et),
-      "1a53dfa4": o(Ke),
-      "6bd8ae3c": o(Le),
-      "825ce076": o(he),
-      "56035c10": o(lt),
-      "5a717b40": o(vt),
-      "99827c4e": o(it),
-      "17efb118": o(Ye),
-      accb7be8: o(Qe),
-      db0520d6: o(v),
-      "61486f62": o(Ge),
-      "712be27f": o(pt),
+      "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": o(tt),
-      "0b2fa026": o(ft),
-      "57e28b78": o(Te),
-      "527fa7bd": o(S)
-    })), ua(() => {
+      "0062da74": u(tt),
+      "0b2fa026": u(ft),
+      "57e28b78": u(Te),
+      "527fa7bd": u(S)
+    })), ra(() => {
       G.value.length > 0 && (H.value = G.value);
     });
-    const m = y, N = e, {
-      nbId: R,
+    const m = y, W = e, {
+      nbId: M,
       display: Se,
       textColor: pe,
       paddingX: Ae,
       paddingY: Ve,
       borderRadius: se,
-      disabled: ee,
-      fontFamily: Pe,
+      disabled: te,
+      fontFamily: Ee,
       fontSize: $e,
-      fontWeight: le,
+      fontWeight: oe,
       currentList: G,
-      allowDuplicates: M,
-      minChips: ne,
+      allowDuplicates: _,
+      minChips: ue,
       maxChips: K,
       inputPosition: Y,
       width: ke,
       inputName: de,
-      inputPlaceholder: W,
+      inputPlaceholder: P,
       inputUppercase: be,
-      inputReadonly: te,
+      inputReadonly: ae,
       inputAutocomplete: ye,
       required: ge,
       textAlign: me,
-      hasBorderRadius: A,
+      hasBorderRadius: $,
       activeTextStyle: V,
       theme: k,
       inputStyle: _e,
@@ -1853,19 +1853,19 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
       darkTextColor: lt,
       darkChipBgColor: Ye,
       darkChipTextColor: Qe,
-      darkChipRemoveColor: v,
+      darkChipRemoveColor: f,
       darkDisabledBorderColor: S,
       tabIndex: ce,
       hasTabIndexEnter: Q,
-      ariaLabel: ae,
+      ariaLabel: le,
       ariaAttrs: je,
       caretColor: He,
       selectionBgColor: J,
       selectionTextColor: d,
-      showLabel: p,
+      showLabel: v,
       label: fe,
       labelBackground: q,
-      labelPadding: oe,
+      labelPadding: re,
       labelBorderRadius: Re,
       labelLeft: Me,
       inputLabelMarginActive: Fe,
@@ -1874,65 +1874,65 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
       fontFamilyLabel: nt,
       fontSizeLabel: ot,
       fontSizeLabelActive: h,
-      fontWeightLabel: _,
-      lightTextColorLabel: D,
+      fontWeightLabel: w,
+      lightTextColorLabel: I,
       lightTextColorLabelActive: j,
       darkTextColorLabel: Ce,
       darkTextColorLabelActive: T
-    } = da(N), ze = Z(""), Je = Z(null), Xe = Z(null), P = Z(null), H = Z([]), $ = Z(!1), C = a(() => {
-      const l = ee.value ? "component-disabled" : "", s = Se.value !== "b" ? "inline-block" : "block", z = !ke.value || ke.value < 185 ? 185 : ke.value, X = pe ? pe.value : "ffffff", Yt = 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, Qt = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 0.2 : Ve.value, yt = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Jt = Pe.value ? Pe.value : "'Lato', sans-serif", Xt = $e.value ? $e.value : "1.6rem", Zt = le.value !== 0 && !le.value || le.value < 0 ? 100 : le.value, ea = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, Bt = K.value !== 0 && !K.value || K.value < 0 ? 10 : K.value, ta = !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", zt = p.value ? p.value : !1, Dt = Me.value !== 0 && !Me.value || Me.value < 0 ? 5 : Me.value, It = q.value ? q.value : "transparent", dt = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 15 : Fe.value, St = oe.value ? oe.value : "1px 5px", mt = Re.value !== 0 && !Re.value || Re.value < 0 ? 0 : Re.value, Nt = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 13 : Oe.value, na = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 5 : Ue.value, Wt = nt.value ? nt.value : "'Lato', sans-serif", re = ot.value ? ot.value : "1em", u = h.value ? h.value : "0.8em", c = _.value ? _.value : 400, t = D.value ? D.value : "#333333", n = Ce.value ? Ce.value : "#ffffff", r = j.value ? j.value : "#333333", i = T.value ? T.value : "#ffffff";
+    } = 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";
       return {
         disabled: l,
-        display: s,
-        width: z,
-        font: Jt,
+        display: i,
+        width: D,
+        font: yt,
         fontSize: Xt,
         fontWeight: Zt,
         textColor: X,
-        caretColor: Yt,
+        caretColor: Qt,
         selectionBgColor: Rt,
         selectionTextColor: Mt,
         paddingX: gt,
-        paddingY: Qt,
-        borderRadius: yt,
+        paddingY: Jt,
+        borderRadius: zt,
         minChips: ea,
-        maxChips: Bt,
-        inputPosition: ta,
+        maxChips: ta,
+        inputPosition: Bt,
         inputStyle: aa,
         theme: la,
-        showLabel: zt,
+        showLabel: na,
         labelLeft: Dt,
         labelBackground: It,
-        inputLabelMarginActive: dt,
-        labelPadding: St,
-        labelBorderRadius: mt,
-        labelActiveTop: Nt,
-        labelActiveLeft: na,
-        fontFamilyLabel: Wt,
-        fontSizeLabel: re,
-        fontSizeLabelActive: u,
-        fontWeightLabel: c,
-        lightTextColorLabel: t,
-        darkTextColorLabel: n,
-        lightTextColorLabelActive: r,
-        darkTextColorLabelActive: i
+        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
       };
-    }), ue = a(() => C.value.disabled), I = a(() => {
-      const l = C.value, s = xt.value;
+    }), ne = a(() => C.value.disabled), z = a(() => {
+      const l = C.value, i = xt.value;
       return {
         display: l.display,
         // Adiciona padding-top quando o label está ativo para evitar que seja cortado
-        paddingTop: s && p.value ? `${Math.abs(l.labelActiveTop)}px` : "0"
+        paddingTop: i && v.value ? `${Math.abs(l.labelActiveTop)}px` : "0"
       };
     }), At = a(() => {
-      const l = C.value, s = xt.value;
+      const l = C.value, i = xt.value;
       return {
         color: l.textColor,
         padding: `${l.paddingY}rem ${l.paddingX}rem`,
         fontSize: l.fontSize,
         fontWeight: l.fontWeight,
         textAlign: me.value,
-        marginTop: s && p.value ? `${l.inputLabelMarginActive}px` : "0"
+        marginTop: i && v.value ? `${l.inputLabelMarginActive}px` : "0"
       };
     }), $t = a(() => {
       switch (V.value) {
@@ -1945,17 +1945,17 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
       }
     }), Vt = a(() => {
       const l = C.value;
-      return l.inputStyle !== "line" && A.value ? { borderRadius: `${l.borderRadius}rem` } : {};
+      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 s = {
-        "aria-label": ae.value,
-        "aria-disabled": ee.value,
+      const i = {
+        "aria-label": le.value,
+        "aria-disabled": te.value,
         ...l
       };
       return Object.fromEntries(
-        Object.entries(s).filter(([z, X]) => X != null)
+        Object.entries(i).filter(([D, X]) => X != null)
       );
     }), ut = a(() => {
       const l = C.value;
@@ -1966,39 +1966,39 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
     }), wt = a(() => {
       const l = C.value;
       return l.selectionTextColor || (l.theme === "dark" ? "#000000" : "#ffffff");
-    }), Pt = a(() => ({
+    }), Ft = a(() => ({
       caretColor: ut.value
     })), Ct = a(() => ({
       "--selection-bg-color": L.value,
       "--selection-text-color": wt.value
-    })), Ft = a(() => {
-      const l = C.value, s = {
+    })), Ot = a(() => {
+      const l = C.value, i = {
         width: `${l.width}px`
       };
-      return l.display === "block" ? { width: "auto" } : s;
-    }), rt = a(() => de.value ? de.value : `${R.value}-name-label`), xt = a(() => $.value || H.value.length > 0 || ze.value && ze.value.trim().length > 0), Ot = a(() => p.value ? $.value || H.value.length > 0 ? W.value : "" : W.value), qt = a(() => {
-      const l = C.value, s = xt.value, z = s ? l.lightTextColorLabelActive : l.lightTextColorLabel, X = s ? l.darkTextColorLabelActive : l.darkTextColorLabel;
+      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 {
         fontFamily: l.fontFamilyLabel,
-        fontSize: s ? l.fontSizeLabelActive : l.fontSizeLabel,
+        fontSize: i ? l.fontSizeLabelActive : l.fontSizeLabel,
         fontWeight: l.fontWeightLabel,
-        color: l.theme === "dark" ? X : z,
-        top: s ? `${l.labelActiveTop}px` : "50%",
-        left: s ? `${l.labelActiveLeft}px` : `${l.labelLeft}px`,
-        transform: s ? "translateY(0)" : "translateY(-50%)",
+        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%)",
         transition: "all 0.2s ease",
-        backgroundColor: s ? l.labelBackground : "transparent",
-        padding: s ? l.labelPadding : "0",
-        borderRadius: s ? `${l.labelBorderRadius}rem` : "0"
+        backgroundColor: i ? l.labelBackground : "transparent",
+        padding: i ? l.labelPadding : "0",
+        borderRadius: i ? `${l.labelBorderRadius}rem` : "0"
       };
-    }), jt = a(() => {
+    }), Ht = a(() => {
       switch (k.value) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Ht = a(() => {
+    }), Ut = a(() => {
       switch (_e.value) {
         case "line":
           return "component__input--line";
@@ -2007,94 +2007,94 @@ const Bl = ["for"], Al = ["id"], $l = { class: "chip-text" }, _l = ["onClick"],
         default:
           return "component__input--background";
       }
-    }), Ut = () => {
+    }), Gt = () => {
       m("clicked");
-    }, Gt = () => {
-      $.value = !0, m("focused");
+    }, Kt = () => {
+      B.value = !0, m("focused");
     }, kt = () => {
-      $.value = !1, m("blurred");
-    }, Kt = (l) => {
-      if (!(ee.value || te.value) && l.key === "Enter" && ze.value.trim() !== "") {
+      B.value = !1, m("blurred");
+    }, Yt = (l) => {
+      if (!(te.value || ae.value) && l.key === "Enter" && ze.value.trim() !== "") {
         l.preventDefault();
-        let s = ze.value.trim();
-        be.value && (s = s.toUpperCase()), (M.value || !H.value.includes(s)) && Lt(s), ze.value = "";
+        let i = ze.value.trim();
+        be.value && (i = i.toUpperCase()), (_.value || !H.value.includes(i)) && Lt(i), ze.value = "";
       }
     }, Lt = (l) => {
       H.value.push(l), m("added", l);
     }, Tt = (l) => {
-      H.value = H.value.filter((s) => s !== l), m("removed", l);
+      H.value = H.value.filter((i) => i !== l), m("removed", l);
     };
     return U(G, (l) => {
       H.value = l, m("changed", l);
     }), U(ze, (l) => {
       m("input-changed", l);
-    }), (l, s) => o(R) ? (E(), O("div", ra({
+    }), (l, i) => u(M) ? (E(), O("div", ia({
       key: 0,
-      class: ["nb-wrapper", ue.value],
-      style: [I.value],
+      class: ["nb-wrapper", ne.value],
+      style: [z.value],
       role: "input"
-    }, bt.value, { onClick: Ut }), [
-      o(p) ? (E(), O("label", {
+    }, bt.value, { onClick: Gt }), [
+      u(v) ? (E(), O("label", {
         key: 0,
         for: rt.value,
         class: "component__label",
-        style: Ee([qt.value])
-      }, ht(o(fe)), 13, Bl)) : Be("", !0),
+        style: Pe([jt.value])
+      }, ht(u(fe)), 13, Bl)) : Be("", !0),
       ve("div", {
-        id: o(R),
+        id: u(M),
         ref_key: "chipsContainer",
         ref: Je,
-        class: We(["nb-reset", "component", jt.value, Ht.value]),
-        style: Ee([At.value, Ft.value, Vt.value])
+        class: We(["nb-reset", "component", Ht.value, Ut.value]),
+        style: Pe([At.value, Ot.value, Vt.value])
       }, [
         H.value.length > 0 ? (E(), O("div", {
           key: 0,
           ref_key: "chips",
-          ref: P,
+          ref: N,
           class: "chips"
         }, [
-          (E(!0), O(Pa, null, Fa(H.value, (z) => (E(), O("div", {
-            key: z,
+          (E(!0), O(Fa, null, Oa(H.value, (D) => (E(), O("div", {
+            key: D,
             class: "chip"
           }, [
-            oa(l.$slots, "chip", {
+            ua(l.$slots, "chip", {
               chips: H.value,
-              chip: z,
+              chip: D,
               removeChip: Tt
             }, () => [
-              ve("span", $l, ht(z), 1),
-              !o(ee) && !o(te) ? (E(), O("span", {
+              ve("span", $l, ht(D), 1),
+              !u(te) && !u(ae) ? (E(), O("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (X) => Tt(z)
+                onClick: (X) => Tt(D)
               }, "×", 8, _l)) : Be("", !0)
             ], !0)
           ]))), 128))
         ], 512)) : Be("", !0),
-        ca(ve("input", {
+        fa(ve("input", {
           ref_key: "chipInput",
           ref: Xe,
           type: "text",
-          "onUpdate:modelValue": s[0] || (s[0] = (z) => ze.value = z),
+          "onUpdate:modelValue": i[0] || (i[0] = (D) => ze.value = D),
           id: rt.value,
           name: rt.value,
-          placeholder: Ot.value,
-          readonly: o(te),
-          autocomplete: o(ye),
-          required: o(ge),
-          tabindex: o(ee) || o(te) ? -1 : o(ce),
+          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: Ee([Pt.value, Ct.value]),
-          onKeydown: s[1] || (s[1] = Et((z) => !o(ee) && o(Q) && Kt(z), ["enter"])),
-          onFocus: Gt,
+          style: Pe([Ft.value, Ct.value]),
+          onKeydown: i[1] || (i[1] = Et((D) => !u(te) && u(Q) && Yt(D), ["enter"])),
+          onFocus: Kt,
           onBlur: kt
         }, null, 46, wl), [
-          [qa, ze.value]
+          [ja, ze.value]
         ])
       ], 14, Al)
     ], 16)) : Be("", !0);
   }
-}), Ml = /* @__PURE__ */ fa(Rl, [["__scopeId", "data-v-cb537a8c"]]);
+}), Ml = /* @__PURE__ */ va(Rl, [["__scopeId", "data-v-cb537a8c"]]);
 const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Nl = /* @__PURE__ */ Object.assign({
   name: "NbTextarea",
   inheritAttrs: !1
@@ -2464,57 +2464,57 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
     "entered"
   ],
   setup(e, { emit: y }) {
-    sa((l) => ({
-      "3967c1cf": $.value,
-      21384740: o(Ke),
+    da((l) => ({
+      "3967c1cf": B.value,
+      21384740: u(Ke),
       cf2a869e: Vt.value,
       "5d9f8143": _t.value,
       "0ac2641b": xe.value,
-      "071c4440": o(vt),
-      "4c13b82c": o(ft),
-      "1c06af70": o(Le),
-      "1897a970": o(he),
-      ee04cce8: o(ct),
-      "53e42cb0": o(Ge),
-      b40f77e0: o(tt),
-      "693b5058": o(at),
+      "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: ue.value,
-      "8b7f9640": I.value,
+      e1323912: ne.value,
+      "8b7f9640": z.value,
       b811788c: $t.value,
       "72f5fe60": l.styleButtonColor,
       "1bacdd05": At.value
-    })), ua(() => {
+    })), ra(() => {
       j.value = qe.value;
     }), ma(() => {
       kt();
     });
-    const m = y, N = e, {
-      nbId: R,
+    const m = y, W = e, {
+      nbId: M,
       display: Se,
       hasTabIndexEnter: pe,
       ariaLabel: Ae,
       ariaAttrs: Ve,
       textColor: se,
-      caretColor: ee,
-      selectionBgColor: Pe,
+      caretColor: te,
+      selectionBgColor: Ee,
       selectionTextColor: $e,
-      hasBorderRadius: le,
+      hasBorderRadius: oe,
       borderRadius: G,
-      disabled: M,
-      fontFamily: ne,
+      disabled: _,
+      fontFamily: ue,
       fontSize: K,
       fontWeight: Y,
       fontFamilyMsg: ke,
       fontSizeMsg: de,
-      fontWeightMsg: W,
+      fontWeightMsg: P,
       textMessageColor: be,
-      inputWidth: te,
+      inputWidth: ae,
       inputStyle: ye,
       activeTextStyle: ge,
       inputReadonly: me,
-      hasTrim: A,
+      hasTrim: $,
       inputUppercase: V,
       inputName: k,
       inputPlaceholder: _e,
@@ -2536,19 +2536,19 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       labelBackground: lt,
       labelPadding: Ye,
       labelBorderRadius: Qe,
-      labelLeft: v,
+      labelLeft: f,
       inputLabelMarginActive: S,
       labelActiveTop: ce,
       labelActiveLeft: Q,
-      fontFamilyLabel: ae,
+      fontFamilyLabel: le,
       fontSizeLabel: je,
       fontSizeLabelActive: He,
       fontWeightLabel: J,
       lightTextColorLabel: d,
-      lightTextColorLabelActive: p,
+      lightTextColorLabelActive: v,
       darkTextColorLabel: fe,
       darkTextColorLabelActive: q,
-      rows: oe,
+      rows: re,
       cols: Re,
       maxlength: Me,
       minlength: Fe,
@@ -2557,58 +2557,58 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       autofocus: nt,
       resize: ot,
       autoResize: h,
-      minRows: _,
-      maxRows: D
-    } = da(N), j = Z(""), Ce = Z(!1), T = a(() => {
-      const l = M.value ? "component-disabled" : "", s = Se.value !== "b" ? "inline-block" : "block", z = se ? se.value : "ffffff", X = ee.value ? ee.value : "", Yt = Pe.value ? Pe.value : "", Rt = $e.value ? $e.value : "", Mt = le.value ? le.value : !1, gt = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, Qt = ne.value ? ne.value : "'Lato', sans-serif", yt = K.value && K.value >= 0 ? K.value : null, Jt = 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 = W.value !== 0 && !W.value || W.value < 0 ? 100 : W.value, Bt = be.value ? be.value : "#f15574", ta = te.value ? te.value : 200, aa = ge.value ? ge.value : "normal", la = me.value ? me.value : !1, zt = V.value ? V.value : !1, Dt = we.value ? we.value : "normal", It = at.value ? at.value : "left", dt = ye.value ? ye.value : "background", St = Te.value ? Te.value : !1, mt = v.value !== 0 && !v.value || v.value < 0 ? 5 : v.value, Nt = lt.value ? lt.value : "transparent", na = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, Wt = Ye.value ? Ye.value : "1px 5px", re = Qe.value !== 0 && !Qe.value || Qe.value < 0 ? 0 : Qe.value, u = ce.value !== 0 && !ce.value || ce.value < 0 ? -13 : ce.value, c = Q.value !== 0 && !Q.value || Q.value < 0 ? -10 : Q.value, t = ae.value ? ae.value : "'Lato', sans-serif", n = je.value ? je.value : "1em", r = He.value ? He.value : "0.8em", i = J.value ? J.value : 400, b = d.value ? d.value : "#ffffff", f = fe.value ? fe.value : "#000000", g = p.value ? p.value : "#ffffff", x = q.value ? q.value : "#000000", B = oe.value && oe.value > 0 ? oe.value : 2, w = Re.value && Re.value > 0 ? Re.value : 20, F = Me.value !== null && Me.value >= 0 ? Me.value : null, ie = Fe.value !== null && Fe.value >= 0 ? Fe.value : null, De = Oe.value && ["soft", "hard", "off"].includes(Oe.value) ? Oe.value : "soft", Ze = Ue.value !== void 0 ? Ue.value : "default", Ie = nt.value !== void 0 ? nt.value : !1, Ne = ot.value && ["none", "both", "vertical", "horizontal"].includes(ot.value) ? ot.value : "vertical", va = h.value !== void 0 ? h.value : !1, pa = _.value !== null && _.value > 0 ? _.value : null, ba = D.value !== null && D.value > 0 ? D.value : null;
+      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;
       return {
         disabled: l,
-        display: s,
-        font: Qt,
-        fontSize: yt,
-        fontWeight: Jt,
+        display: i,
+        font: Jt,
+        fontSize: zt,
+        fontWeight: yt,
         fontFamilyMsg: Xt,
         fontSizeMsg: Zt,
         fontWeightMsg: ea,
-        textMessageColor: Bt,
-        textColor: z,
+        textMessageColor: ta,
+        textColor: D,
         caretColor: X,
-        selectionBgColor: Yt,
+        selectionBgColor: Qt,
         selectionTextColor: Rt,
         hasBorderRadius: Mt,
         borderRadius: gt,
         textAlign: It,
-        inputWidth: ta,
+        inputWidth: Bt,
         activeTextStyle: aa,
         inputReadonly: la,
-        inputUppercase: zt,
+        inputUppercase: na,
         theme: Dt,
-        inputStyle: dt,
-        showLabel: St,
-        labelBackground: Nt,
-        labelPadding: Wt,
-        labelBorderRadius: re,
-        labelLeft: mt,
-        inputLabelMarginActive: na,
-        labelActiveTop: u,
-        labelActiveLeft: c,
-        fontFamilyLabel: t,
-        fontSizeLabel: n,
-        fontSizeLabelActive: r,
-        fontWeightLabel: i,
-        lightTextColorLabel: b,
-        darkTextColorLabel: f,
-        lightTextColorLabelActive: g,
-        darkTextColorLabelActive: x,
-        rows: B,
-        cols: w,
-        maxlength: F,
-        minlength: ie,
-        wrap: De,
-        spellcheck: Ze,
-        autofocus: Ie,
-        resize: Ne,
-        autoResize: va,
+        inputStyle: Nt,
+        showLabel: dt,
+        labelBackground: mt,
+        labelPadding: oa,
+        labelBorderRadius: Pt,
+        labelLeft: St,
+        inputLabelMarginActive: Wt,
+        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
       };
@@ -2617,17 +2617,17 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
     })), Xe = a(() => {
       const l = T.value;
       return l.fontSize ? `${l.fontSize}em` : "1.2em";
-    }), P = a(() => {
-      const l = T.value, s = rt.value;
+    }), N = a(() => {
+      const l = T.value, i = rt.value;
       return {
         fontSize: Xe.value,
         fontWeight: l.fontWeight,
-        marginTop: s && Te.value ? `${l.inputLabelMarginActive}px` : "0"
+        marginTop: i && Te.value ? `${l.inputLabelMarginActive}px` : "0"
       };
     }), H = a(() => {
       const l = T.value;
       return l.inputStyle !== "line" && l.hasBorderRadius ? { borderRadius: `${l.borderRadius}rem` } : {};
-    }), $ = a(() => T.value.font), C = a(() => T.value.fontFamilyMsg), ue = a(() => T.value.fontSizeMsg), I = a(() => T.value.fontWeightMsg), At = a(() => T.value.textColor), $t = a(() => T.value.textMessageColor), Vt = a(() => {
+    }), 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(() => {
@@ -2666,126 +2666,126 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         default:
           return "component__theme--light";
       }
-    }), wt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), Pt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Ct = a(() => k.value ? k.value : `${R.value}-name-label`), Ft = a(() => Te.value ? Ce.value ? _e.value : "" : _e.value), rt = a(() => Ce.value || j.value && j.value.trim().length > 0);
+    }), 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"), Ot = a(() => !!(it.value && pt.value)), qt = a(() => {
+    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 s = {
+      const i = {
         "aria-label": Ae.value,
-        "aria-disabled": M.value,
+        "aria-disabled": _.value,
         ...l
       };
       return Object.fromEntries(
-        Object.entries(s).filter(([z, X]) => X != null)
+        Object.entries(i).filter(([D, X]) => X != null)
       );
-    }), jt = a(() => {
-      const l = T.value, s = rt.value, z = s ? l.lightTextColorLabelActive : l.lightTextColorLabel, X = s ? l.darkTextColorLabelActive : l.darkTextColorLabel;
+    }), Ht = a(() => {
+      const l = T.value, i = rt.value, D = i ? l.lightTextColorLabelActive : l.lightTextColorLabel, X = i ? l.darkTextColorLabelActive : l.darkTextColorLabel;
       return {
         fontFamily: l.fontFamilyLabel,
-        fontSize: s ? l.fontSizeLabelActive : l.fontSizeLabel,
+        fontSize: i ? l.fontSizeLabelActive : l.fontSizeLabel,
         fontWeight: l.fontWeightLabel,
-        color: l.theme === "dark" ? X : z,
-        top: s ? `${l.labelActiveTop}px` : "50%",
-        left: s ? `${l.labelActiveLeft}px` : `${l.labelLeft}px`,
-        transform: s ? "translateY(0)" : "translateY(-50%)",
+        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%)",
         transition: "all 0.2s ease",
-        backgroundColor: s ? l.labelBackground : "transparent",
-        padding: s ? l.labelPadding : "0",
-        borderRadius: s ? `${l.labelBorderRadius}rem` : "0"
+        backgroundColor: i ? l.labelBackground : "transparent",
+        padding: i ? l.labelPadding : "0",
+        borderRadius: i ? `${l.labelBorderRadius}rem` : "0"
       };
     });
     a(() => {
       const l = T.value;
       return l.theme === "dark" ? l.darkTextColorLabelActive : l.lightTextColorLabelActive;
     });
-    const Ht = a(() => {
-      const l = T.value, s = {
+    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
       };
-      return l.maxlength !== null && (s.maxlength = l.maxlength), l.minlength !== null && (s.minlength = l.minlength), s;
-    }), Ut = a(() => ({
+      return l.maxlength !== null && (i.maxlength = l.maxlength), l.minlength !== null && (i.minlength = l.minlength), i;
+    }), Gt = a(() => ({
       resize: T.value.resize
-    })), Gt = a(() => T.value.wrap === "off" ? {
+    })), Kt = a(() => T.value.wrap === "off" ? {
       whiteSpace: "nowrap",
       overflowX: "auto"
     } : {}), kt = () => {
       j.value = qe.value;
-    }, Kt = () => {
+    }, Yt = () => {
       m("clicked");
     }, Lt = () => {
-      M.value || T.value.inputReadonly || !pe.value || m("entered", j.value);
+      _.value || T.value.inputReadonly || !pe.value || m("entered", j.value);
     }, Tt = () => {
       let l = j.value;
-      A.value && (l = l.trim()), m("current-value", l);
+      $.value && (l = l.trim()), m("current-value", l);
     };
     return U(qe, (l) => {
       l !== j.value && (j.value = l);
     }, { immediate: !0 }), U(j, (l) => {
-      A.value && (l = l.trim()), m("changed", l);
+      $.value && (l = l.trim()), m("changed", l);
     }), U(Ce, (l) => {
       m(l ? "focused" : "blurred");
     }), U(j, () => {
       Tt();
-    }, { immediate: !0 }), (l, s) => o(R) ? (E(), O("div", ra({
+    }, { immediate: !0 }), (l, i) => u(M) ? (E(), O("div", ia({
       key: 0,
       class: ["nb-wrapper", ze.value],
       style: [Je.value, st.value, H.value],
       role: "input"
-    }, qt.value), [
+    }, jt.value), [
       ve("div", {
-        id: o(R),
+        id: u(M),
         class: We(["nb-reset", "component", L.value, wt.value, bt.value]),
-        style: Ee([P.value, st.value, H.value]),
-        onClick: Kt
+        style: Pe([N.value, st.value, H.value]),
+        onClick: Yt
       }, [
-        o(Te) ? (E(), O("label", {
+        u(Te) ? (E(), O("label", {
           key: 0,
           for: Ct.value,
           class: "component__label",
-          style: Ee([jt.value])
+          style: Pe([Ht.value])
         }, ht(e.label), 13, Dl)) : Be("", !0),
-        ca(ve("textarea", ra({
-          "onUpdate:modelValue": s[0] || (s[0] = (z) => j.value = z),
+        fa(ve("textarea", ia({
+          "onUpdate:modelValue": i[0] || (i[0] = (D) => j.value = D),
           id: Ct.value,
           name: Ct.value
-        }, Ht.value, {
+        }, Ut.value, {
           class: ["component__input", [
-            Pt.value,
+            Ft.value,
             ut.value
           ]],
-          placeholder: Ft.value,
-          disabled: o(M) || o(me),
+          placeholder: Ot.value,
+          disabled: u(_) || u(me),
           required: e.required,
-          readonly: o(me),
+          readonly: u(me),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(M) || o(me) ? -1 : o(et),
+          tabindex: u(_) || u(me) ? -1 : u(et),
           role: "textbox",
-          style: [H.value, Ut.value, Gt.value],
-          onFocus: s[1] || (s[1] = (z) => Ce.value = !0),
-          onBlur: s[2] || (s[2] = (z) => Ce.value = !1),
+          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: s[3] || (s[3] = Et((z) => !o(M) && o(pe) && Lt(), ["enter"]))
+          onKeydown: i[3] || (i[3] = Et((D) => !u(_) && u(pe) && Lt(), ["enter"]))
         }), null, 16, Il), [
-          [qa, j.value]
+          [ja, j.value]
         ])
       ], 14, zl),
-      Ot.value ? (E(), O("div", {
+      qt.value ? (E(), O("div", {
         key: 0,
         class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        oa(l.$slots, "message", {}, () => [
+        ua(l.$slots, "message", {}, () => [
           ga(ht(e.message), 1)
         ], !0)
       ], 2)) : Be("", !0)
     ], 16)) : Be("", !0);
   }
-}), Wl = /* @__PURE__ */ fa(Nl, [["__scopeId", "data-v-1f2d2742"]]);
-const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Ol = /* @__PURE__ */ Object.assign({
+}), Wl = /* @__PURE__ */ va(Nl, [["__scopeId", "data-v-1f2d2742"]]);
+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
 }, {
@@ -3121,63 +3121,63 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     "entered"
   ],
   setup(e, { emit: y }) {
-    sa((t) => ({
-      "372706ca": st.value,
-      "188f7af4": Vt.value,
-      "1024630a": o(Te),
-      cf33c654: Ct.value,
-      "30d971a8": Ft.value,
-      "117c6180": rt.value,
-      "0ba10345": o(v),
-      "21687dd1": o(Qe),
-      "790fe2ed": o(lt),
-      "4e924aa3": wt.value,
-      "18084deb": o(Ye),
-      "07e76221": X.value,
-      "47c42f37": Yt.value,
-      "5e418887": o(pt),
-      "316203a3": o(at),
-      d6c7a216: o(it),
-      "3e921f86": o(S),
-      "060d573c": l.value,
-      cc518c46: bt.value,
-      e13b78c8: ut.value,
-      ae37c076: L.value,
-      "7731341f": Pt.value,
-      "7266a2db": t.styleButtonColor
+    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
     }));
     const m = nl(
       () => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
     );
-    ua(() => {
+    ra(() => {
       h.value = we.value;
     }), ma(() => {
       Mt();
     });
-    const N = y, R = e, {
+    const W = y, M = e, {
       nbId: Se,
       display: pe,
       hasTabIndexEnter: Ae,
       ariaLabel: Ve,
       ariaAttrs: se,
-      caretColor: ee,
-      selectionBgColor: Pe,
+      caretColor: te,
+      selectionBgColor: Ee,
       selectionTextColor: $e,
-      hasBorderRadius: le,
+      hasBorderRadius: oe,
       borderRadius: G,
-      disabled: M,
-      fontFamily: ne,
+      disabled: _,
+      fontFamily: ue,
       fontSize: K,
       fontWeight: Y,
       fontFamilyMsg: ke,
       fontSizeMsg: de,
-      fontWeightMsg: W,
+      fontWeightMsg: P,
       textMessageColor: be,
-      inputWidth: te,
+      inputWidth: ae,
       inputStyle: ye,
       activeTextStyle: ge,
       sizeMediaQuery: me,
-      inputReadonly: A,
+      inputReadonly: $,
       inputType: V,
       hasTrim: k,
       inputUppercase: _e,
@@ -3199,19 +3199,19 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       darkBgColor: lt,
       darkBgColorFocus: Ye,
       darkDisabledBgColor: Qe,
-      darkTextColor: v,
+      darkTextColor: f,
       textAlign: S,
       showMsg: ce,
       hasMsg: Q,
-      showLabel: ae,
+      showLabel: le,
       labelBackground: je,
       labelPadding: He,
       labelBorderRadius: J,
       labelLeft: d,
-      inputLabelMarginActive: p,
+      inputLabelMarginActive: v,
       labelActiveTop: fe,
       labelActiveLeft: q,
-      fontFamilyLabel: oe,
+      fontFamilyLabel: re,
       fontSizeLabel: Re,
       fontSizeLabelActive: Me,
       fontWeightLabel: Fe,
@@ -3219,7 +3219,7 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       lightTextColorLabelActive: Ue,
       darkTextColorLabel: nt,
       darkTextColorLabelActive: ot
-    } = da(R), h = Z(""), _ = Z(""), D = Z(""), j = Z(""), Ce = Z(!1), T = Z(!1), ze = a(() => {
+    } = ca(M), h = ee(""), w = ee(""), I = ee(""), j = ee(""), Ce = ee(!1), T = ee(!1), ze = a(() => {
       if (!h.value)
         return null;
       if (he.value && typeof h.value == "string" && h.value.startsWith("{"))
@@ -3230,8 +3230,8 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
               if (!r)
                 return null;
               if (/^\d{4}-\d{2}-\d{2}$/.test(r)) {
-                const [i, b, f] = r.split("-").map(Number);
-                return new Date(i, b - 1, f);
+                const [s, b, c] = r.split("-").map(Number);
+                return new Date(s, b - 1, c);
               }
               return new Date(r);
             };
@@ -3250,21 +3250,21 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     }), Je = (t, n, r) => {
       if (!t)
         return "";
-      const i = r || Ke.value;
+      const s = r || Ke.value;
       if (n === "date") {
         if (he.value && typeof t == "string" && t.startsWith("{"))
           try {
             const b = JSON.parse(t);
             if (b && (b.startDate || b.endDate)) {
-              const f = (B) => {
-                if (!B)
+              const c = (A) => {
+                if (!A)
                   return "";
-                if (/^\d{4}-\d{2}-\d{2}$/.test(B)) {
-                  const [w, F, ie] = B.split("-");
-                  return i === "pt-BR" ? `${ie}/${F}/${w}` : `${F}/${ie}/${w}`;
+                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}`;
                 }
-                return B;
-              }, g = f(b.startDate), x = f(b.endDate);
+                return A;
+              }, g = c(b.startDate), x = c(b.endDate);
               if (g && x)
                 return `${g} - ${x}`;
               if (g)
@@ -3275,27 +3275,27 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           } catch {
           }
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t)) {
-          const [b, f, g] = t.split("-");
-          return i === "pt-BR" ? `${g}/${f}/${b}` : `${f}/${g}/${b}`;
+          const [b, c, g] = t.split("-");
+          return s === "pt-BR" ? `${g}/${c}/${b}` : `${c}/${g}/${b}`;
         }
         return t;
       } else if (n === "datetime-local") {
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
-          const [b, f] = t.split("T"), [g, x, B] = b.split("-");
-          return i === "pt-BR" ? `${B}/${x}/${g} ${f}` : `${x}/${B}/${g} ${f}`;
+          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") {
         if (typeof t == "string" && /^\d{4}-\d{2}$/.test(t)) {
-          const [b, f] = t.split("-");
-          return `${f}/${b}`;
+          const [b, c] = t.split("-");
+          return `${c}/${b}`;
         }
         return t;
       } else if (n === "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)
-            return i === "pt-BR" ? `Semana ${b[2]} de ${b[1]}` : `Week ${b[2]} of ${b[1]}`;
+            return s === "pt-BR" ? `Semana ${b[2]} de ${b[1]}` : `Week ${b[2]} of ${b[1]}`;
         }
         return t;
       }
@@ -3303,14 +3303,14 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     }, Xe = (t, n, r) => {
       if (!t || !t.trim())
         return "";
-      const i = t.trim(), b = r || Ke.value;
+      const s = t.trim(), b = r || Ke.value;
       if (n === "date") {
-        if (he.value && i.includes("-")) {
-          const f = i.split(/\s*-\s*/).map((w) => w.trim()), g = (w) => {
-            if (!w)
+        if (he.value && s.includes("-")) {
+          const c = s.split(/\s*-\s*/).map((R) => R.trim()), g = (R) => {
+            if (!R)
               return null;
-            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(w)) {
-              const F = w.split("/");
+            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(R)) {
+              const F = R.split("/");
               if (b === "pt-BR") {
                 const [ie, De, Ze] = F, Ie = ie.padStart(2, "0"), Ne = De.padStart(2, "0");
                 return `${Ze}-${Ne}-${Ie}`;
@@ -3318,145 +3318,145 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
                 const [ie, De, Ze] = F, Ie = De.padStart(2, "0"), Ne = ie.padStart(2, "0");
                 return `${Ze}-${Ne}-${Ie}`;
               }
-            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(w)) {
-              const F = w.split("-"), [ie, De, Ze] = F, Ie = Ze.padStart(2, "0"), Ne = De.padStart(2, "0");
+            } 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}`;
             }
             return null;
           };
-          let x = g(f[0]), B = f[1] ? g(f[1]) : null;
-          if (x && B) {
-            const w = new Date(x);
-            if (new Date(B) < w) {
+          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 = B, B = ie;
+              x = A, A = ie;
             }
-            return JSON.stringify({ startDate: x, endDate: B });
+            return JSON.stringify({ startDate: x, endDate: A });
           } else if (x)
             return JSON.stringify({ startDate: x, endDate: null });
           return "";
         }
-        if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(i)) {
-          const f = i.split("/");
+        if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(s)) {
+          const c = s.split("/");
           if (b === "pt-BR") {
-            const [g, x, B] = f, w = g.padStart(2, "0"), F = x.padStart(2, "0");
-            return `${B}-${F}-${w}`;
+            const [g, x, A] = c, R = g.padStart(2, "0"), F = x.padStart(2, "0");
+            return `${A}-${F}-${R}`;
           } else {
-            const [g, x, B] = f, w = x.padStart(2, "0"), F = g.padStart(2, "0");
-            return `${B}-${F}-${w}`;
+            const [g, x, A] = c, R = x.padStart(2, "0"), F = g.padStart(2, "0");
+            return `${A}-${F}-${R}`;
           }
-        } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(i)) {
-          const f = i.split("-"), [g, x, B] = f, w = B.padStart(2, "0"), F = x.padStart(2, "0");
-          return `${g}-${F}-${w}`;
+        } 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}`;
         }
         return "";
       } else if (n === "datetime-local") {
-        if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [f, g] = i.split(" "), x = f.split("/");
+        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 [B, w, F] = x, ie = B.padStart(2, "0"), De = w.padStart(2, "0"), Ie = g.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
+            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}`;
           } else {
-            const [B, w, F] = x, ie = w.padStart(2, "0"), De = B.padStart(2, "0"), Ie = g.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
+            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}`;
           }
-        } else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [f, g] = i.split("T"), x = f.split("-"), [B, w, F] = x, ie = F.padStart(2, "0"), De = w.padStart(2, "0"), Ie = g.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
-          return `${B}-${De}-${ie}T${Ie}`;
+        } 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}`;
         }
         return "";
       } else if (n === "month") {
-        if (/^\d{1,2}\/\d{4}$/.test(i)) {
-          const [f, g] = i.split("/"), x = f.padStart(2, "0");
+        if (/^\d{1,2}\/\d{4}$/.test(s)) {
+          const [c, g] = s.split("/"), x = c.padStart(2, "0");
           return `${g}-${x}`;
-        } else if (/^\d{4}-\d{1,2}$/.test(i)) {
-          const [f, g] = i.split("-"), x = g.padStart(2, "0");
-          return `${f}-${x}`;
+        } else if (/^\d{4}-\d{1,2}$/.test(s)) {
+          const [c, g] = s.split("-"), x = g.padStart(2, "0");
+          return `${c}-${x}`;
         }
         return "";
       } else if (n === "week") {
-        if (/^\d{4}-W\d{2}$/i.test(i))
-          return i.toUpperCase();
-        const f = i.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
-        if (f)
-          return `${f[2]}-W${f[1]}`;
-        const g = i.match(/week\s+W?(\d{2})\s+of\s+(\d{4})/i);
+        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);
+        if (c)
+          return `${c[2]}-W${c[1]}`;
+        const g = s.match(/week\s+W?(\d{2})\s+of\s+(\d{4})/i);
         return g ? `${g[2]}-W${g[1]}` : "";
       }
-      return i;
-    }, P = Z(!1), H = Z({ top: 0, left: 0 }), $ = Z(null), C = Z(null), ue = a(() => ct.value === !0), I = a(() => {
-      const t = M.value ? "component-disabled" : "", n = pe.value !== "b" ? "inline-block" : "block", r = ee.value ? ee.value : "", i = Pe.value ? Pe.value : "", b = $e.value ? $e.value : "", f = 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", B = K.value && K.value >= 0 ? K.value : null, w = 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 = W.value !== 0 && !W.value || W.value < 0 ? 100 : W.value, Ze = be.value ? be.value : "#f15574", Ie = te.value ? te.value : 200, Ne = ge.value ? ge.value : "normal", va = "sm", pa = A.value ? A.value : !1, ba = V.value ? V.value : "date", ha = _e.value ? _e.value : !1, Ca = Le.value ? Le.value : "normal", xa = S.value ? S.value : "left", Sa = ye.value ? ye.value : "background", Va = ae.value ? ae.value : !1, ka = d.value !== 0 && !d.value || d.value < 0 ? 5 : d.value, La = je.value ? je.value : "transparent", Ta = p.value !== 0 && !p.value || p.value < 0 ? 15 : p.value, Ba = He.value ? He.value : "1px 5px", Aa = J.value !== 0 && !J.value || J.value < 0 ? 0 : J.value, $a = fe.value !== 0 && !fe.value || fe.value < 0 ? -13 : fe.value, _a = q.value !== 0 && !q.value || q.value < 0 ? -10 : q.value, wa = oe.value ? oe.value : "'Lato', sans-serif", Ra = Re.value ? Re.value : "1em", Ma = Me.value ? Me.value : "0.8em", za = Fe.value ? Fe.value : 400, Da = Oe.value ? Oe.value : "#ffffff", Ia = nt.value ? nt.value : "#000000", Na = Ue.value ? Ue.value : "#ffffff", Wa = ot.value ? ot.value : "#000000";
+      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";
       return {
         disabled: t,
         display: n,
         font: x,
-        fontSize: B,
-        fontWeight: w,
+        fontSize: A,
+        fontWeight: R,
         fontFamilyMsg: F,
         fontSizeMsg: ie,
         fontWeightMsg: De,
         textMessageColor: Ze,
         caretColor: r,
-        selectionBgColor: i,
+        selectionBgColor: s,
         selectionTextColor: b,
-        hasBorderRadius: f,
+        hasBorderRadius: c,
         borderRadius: g,
-        textAlign: xa,
+        textAlign: Sa,
         inputWidth: Ie,
         activeTextStyle: Ne,
-        sizeMediaQuery: va,
-        inputReadonly: pa,
-        inputType: ba,
-        inputUppercase: ha,
-        theme: Ca,
-        inputStyle: Sa,
-        showLabel: Va,
-        labelBackground: La,
-        labelPadding: Ba,
-        labelBorderRadius: Aa,
-        labelLeft: ka,
-        inputLabelMarginActive: Ta,
-        labelActiveTop: $a,
-        labelActiveLeft: _a,
-        fontFamilyLabel: wa,
-        fontSizeLabel: Ra,
-        fontSizeLabelActive: Ma,
-        fontWeightLabel: za,
-        lightTextColorLabel: Da,
-        darkTextColorLabel: Ia,
-        lightTextColorLabelActive: Na,
-        darkTextColorLabelActive: Wa
+        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
       };
-    }), At = a(() => I.value.disabled), $t = a(() => ({
-      display: I.value.display
+    }), At = a(() => z.value.disabled), $t = a(() => ({
+      display: z.value.display
     })), Vt = a(() => {
-      const t = I.value;
+      const t = z.value;
       return t.fontSize ? `${t.fontSize}em` : "1.2em";
     }), _t = a(() => {
-      const t = I.value, n = Lt.value;
+      const t = z.value, n = Lt.value;
       return {
         fontSize: Vt.value,
         fontWeight: t.fontWeight,
-        marginTop: n && ae.value ? `${t.inputLabelMarginActive}px` : "0"
+        marginTop: n && le.value ? `${t.inputLabelMarginActive}px` : "0"
       };
     }), xe = a(() => {
-      const t = I.value;
+      const t = z.value;
       return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
-    }), st = a(() => I.value.font), bt = a(() => I.value.fontFamilyMsg), ut = a(() => I.value.fontSizeMsg), L = a(() => I.value.fontWeightMsg), wt = a(() => Le.value === "dark" ? v.value : Te.value), Pt = a(() => I.value.textMessageColor), Ct = a(() => {
-      const t = I.value;
+    }), 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;
       return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Ft = a(() => {
-      const t = I.value;
+    }), Ot = a(() => {
+      const t = z.value;
       return t.selectionBgColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
     }), rt = a(() => {
-      const t = I.value;
+      const t = z.value;
       return t.selectionTextColor || (t.theme === "dark" ? "#000000" : "#ffffff");
     }), xt = a(() => {
-      const t = I.value;
+      const t = z.value;
       return t.display === "block" ? { width: "100%" } : {
         width: `${t.inputWidth}px`
       };
-    }), Ot = a(() => {
+    }), qt = a(() => {
       switch (ye.value) {
         case "line":
           return "component__input--line";
@@ -3465,8 +3465,8 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--background";
       }
-    }), qt = a(() => {
-      switch (I.value.activeTextStyle) {
+    }), jt = a(() => {
+      switch (z.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -3474,39 +3474,39 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--active--normal";
       }
-    }), jt = a(() => "component__sm"), Ht = a(() => {
-      switch (I.value.theme) {
+    }), Ht = a(() => "component__sm"), Ut = a(() => {
+      switch (z.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Ut = a(() => I.value.inputReadonly ? "component__input--read-only" : ""), Gt = a(() => I.value.inputUppercase ? "component__input--uppercase" : ""), kt = a(() => qe.value ? qe.value : `${Se.value}-name-label`), Kt = a(() => ""), Lt = a(() => Ce.value || _.value && _.value.trim().length > 0), Tt = a(() => !_.value || _.value.trim().length === 0 ? "component__input--empty" : "");
+    }), 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"), s = a(() => !!(ce.value && Q.value)), z = a(() => {
+    const l = a(() => "6px 10px"), i = a(() => !!(ce.value && Q.value)), D = a(() => {
       const t = {};
-      se.value && Object.keys(se.value).forEach((i) => t[`aria-${i}`] = se.value[i]);
+      se.value && Object.keys(se.value).forEach((s) => t[`aria-${s}`] = se.value[s]);
       const n = {
         "aria-label": Ve.value,
-        "aria-disabled": M.value,
+        "aria-disabled": _.value,
         ...t
       };
       return Object.fromEntries(
-        Object.entries(n).filter(([r, i]) => i != null)
+        Object.entries(n).filter(([r, s]) => s != null)
       );
     }), X = a(() => {
-      const t = Le.value === "dark" ? lt.value : at.value, n = Le.value === "dark" ? v.value : Te.value;
+      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;
-    }), Yt = a(() => {
-      const t = Le.value === "dark" ? Ye.value : it.value, n = Le.value === "dark" ? v.value : Te.value;
+    }), 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 = I.value, n = Lt.value, r = n ? t.lightTextColorLabelActive : t.lightTextColorLabel, i = n ? t.darkTextColorLabelActive : t.darkTextColorLabel;
+      const t = z.value, n = Lt.value, r = n ? t.lightTextColorLabelActive : t.lightTextColorLabel, s = n ? t.darkTextColorLabelActive : t.darkTextColorLabel;
       return {
         fontFamily: t.fontFamilyLabel,
         fontSize: n ? t.fontSizeLabelActive : t.fontSizeLabel,
         fontWeight: t.fontWeightLabel,
-        color: t.theme === "dark" ? i : r,
+        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%)",
@@ -3517,37 +3517,41 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       };
     });
     a(() => {
-      const t = I.value;
+      const t = z.value;
       return t.theme === "dark" ? t.darkTextColorLabelActive : t.lightTextColorLabelActive;
     });
     const Mt = () => {
       h.value = we.value, j.value = V.value;
     }, gt = () => {
-      N("clicked");
-    }, Qt = () => {
-      M.value || I.value.inputReadonly || !Ae.value || N("entered", h.value);
+      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;
+      })));
+    }, zt = () => {
+      _.value || z.value.inputReadonly || !Ae.value || W("entered", h.value);
     }, yt = () => {
-      $.value && ya(() => {
-        const t = $.value.getBoundingClientRect(), n = 4;
+      B.value && ya(() => {
+        const t = B.value.getBoundingClientRect(), n = 4;
         H.value = {
           top: `${t.bottom + n}px`,
           left: `${t.left}px`
         };
       });
-    }, Jt = a(() => ({
+    }, Xt = a(() => ({
       position: "fixed",
       top: H.value.top,
       left: H.value.left,
       zIndex: ft.value
-    })), Xt = () => {
-      Ce.value = !0, N("focused"), ue.value && (P.value = !1, requestAnimationFrame(() => {
-        yt(), P.value = !0;
+    })), Zt = () => {
+      Ce.value = !0, W("focused"), ne.value && (N.value = !1, requestAnimationFrame(() => {
+        yt(), N.value = !0;
       }));
-    }, Zt = (t) => {
+    }, ea = (t) => {
       t.relatedTarget && C.value && C.value.contains(t.relatedTarget) || setTimeout(() => {
-        var i;
+        var s;
         const n = document.activeElement;
-        if (P.value) {
+        if (N.value) {
           if (C.value && C.value.contains(n) || t.relatedTarget && C.value && C.value.contains(t.relatedTarget))
             return;
           if (n === document.body && C.value) {
@@ -3556,19 +3560,19 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
               return;
           }
         }
-        const r = (i = $.value) == null ? void 0 : i.closest(".component");
-        r && r.contains(n) || $.value !== n && (Ce.value = !1, P.value = !1, N("blurred"));
+        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"));
       }, 200);
-    }, ea = () => {
-      ue.value && (P.value, P.value = !1, requestAnimationFrame(() => {
-        yt(), P.value = !0;
+    }, ta = () => {
+      ne.value && (N.value, N.value = !1, requestAnimationFrame(() => {
+        yt(), N.value = !0;
       }));
     }, Bt = (t) => {
       if (!t || !(t instanceof Date))
         return null;
-      const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0");
-      return `${n}-${r}-${i}`;
-    }, ta = (t) => {
+      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 = "";
       if (!t)
         n = "";
@@ -3576,66 +3580,66 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         if (t.startDate === null && t.endDate === null)
           n = "";
         else if (t.startDate || t.endDate) {
-          const i = {
+          const s = {
             // Converter startDate para string ISO se existir
             startDate: t.startDate ? Bt(t.startDate) : null,
             // Converter endDate para string ISO se existir
             endDate: t.endDate ? Bt(t.endDate) : null
           };
-          n = JSON.stringify(i);
+          n = 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 : "");
-      c = !0, h.value = n;
+      Z = !0, h.value = n;
       const r = n ? Je(n, V.value) : "";
-      _.value = r, D.value = r;
-    }, aa = () => {
-      if (!ue.value) {
-        h.value = _.value;
+      w.value = r, I.value = r;
+    }, la = () => {
+      if (!ne.value) {
+        h.value = w.value;
         return;
       }
-      re = !0;
-      const t = $.value ? {
-        start: $.value.selectionStart,
-        end: $.value.selectionEnd
-      } : null, n = _.value.trim();
+      o = !0;
+      const t = B.value ? {
+        start: B.value.selectionStart,
+        end: B.value.selectionEnd
+      } : null, n = w.value.trim();
       if (!n || n.length === 0) {
-        c = !0, h.value = "", _.value = "", D.value = "", setTimeout(() => {
-          re = !1;
+        Z = !0, h.value = "", w.value = "", I.value = "", setTimeout(() => {
+          o = !1;
         }, 50);
         return;
       }
       if (V.value === "date") {
-        const i = 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}$/;
+        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 && !i.test(n)) {
-            _.value = D.value, t && $.value && ya(() => {
-              const b = Math.min(t.start, D.value.length);
-              $.value.setSelectionRange(b, b);
+          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);
             }), setTimeout(() => {
-              re = !1;
+              o = !1;
             }, 50);
             return;
           }
-          if (!i.test(n) && n.length <= 23) {
+          if (!s.test(n) && n.length <= 23) {
             setTimeout(() => {
-              re = !1;
+              o = !1;
             }, 50);
             return;
           }
         } else {
-          if (n.length > 10 && !i.test(n)) {
-            _.value = D.value, t && $.value && ya(() => {
-              const b = Math.min(t.start, D.value.length);
-              $.value.setSelectionRange(b, b);
+          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);
             }), setTimeout(() => {
-              re = !1;
+              o = !1;
             }, 50);
             return;
           }
-          if (!i.test(n) && n.length <= 10) {
+          if (!s.test(n) && n.length <= 10) {
             setTimeout(() => {
-              re = !1;
+              o = !1;
             }, 50);
             return;
           }
@@ -3646,68 +3650,68 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         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)
-              c = !0, h.value = r, D.value = n;
+              Z = !0, h.value = r, I.value = n;
             else {
               setTimeout(() => {
-                re = !1;
+                o = !1;
               }, 50);
               return;
             }
           else if (n.includes("-")) {
             const b = n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
             if (b) {
-              const f = b[1], g = Xe(f, V.value);
+              const c = b[1], g = Xe(c, V.value);
               if (g) {
                 const x = JSON.stringify({ startDate: g, endDate: null });
-                x !== h.value && (c = !0, h.value = x, D.value = n);
+                x !== h.value && (Z = !0, h.value = x, I.value = n);
               } else {
-                D.value = n, setTimeout(() => {
-                  re = !1;
+                I.value = n, setTimeout(() => {
+                  o = !1;
                 }, 50);
                 return;
               }
             } else {
-              D.value = n, setTimeout(() => {
-                re = !1;
+              I.value = n, setTimeout(() => {
+                o = !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 f = JSON.stringify({ startDate: r, endDate: null });
-              f !== h.value && (c = !0, h.value = f, D.value = n);
+              const c = JSON.stringify({ startDate: r, endDate: null });
+              c !== h.value && (Z = !0, h.value = c, I.value = n);
             } else {
-              D.value = n, setTimeout(() => {
-                re = !1;
+              I.value = n, setTimeout(() => {
+                o = !1;
               }, 50);
               return;
             }
           else {
-            D.value = n, setTimeout(() => {
-              re = !1;
+            I.value = n, setTimeout(() => {
+              o = !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 && (c = !0, h.value = r, D.value = n);
+          r = Xe(n, V.value), r && r !== h.value && (Z = !0, h.value = r, I.value = n);
         else {
           setTimeout(() => {
-            re = !1;
+            o = !1;
           }, 50);
           return;
         }
       else
-        r = Xe(n, V.value), r && r !== h.value && (c = !0, h.value = r, D.value = n);
+        r = Xe(n, V.value), r && r !== h.value && (Z = !0, h.value = r, I.value = n);
       setTimeout(() => {
-        re = !1;
+        o = !1;
       }, 50);
-    }, la = (t) => {
-    }, zt = (t) => {
-      var i;
-      if (!P.value || !C.value || !$.value)
+    }, na = (t) => {
+    }, Dt = (t) => {
+      var s;
+      if (!N.value || !C.value || !B.value)
         return;
       const n = t.target;
-      if ((i = $.value) == null || i.closest(".nb-wrapper"), C.value && C.value.contains(n) || t.defaultPrevented || t.cancelBubble || C.value && C.value.contains(n))
+      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))
         return;
       let r = n;
       for (; r && r !== document.body; ) {
@@ -3716,7 +3720,7 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         r = r.parentElement;
       }
       setTimeout(() => {
-        if (!P.value || !C.value || C.value && C.value.contains(n))
+        if (!N.value || !C.value || C.value && C.value.contains(n))
           return;
         for (r = n; r && r !== document.body; ) {
           if (r === C.value || C.value && C.value.contains(r))
@@ -3725,174 +3729,175 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         }
         if (!document.body.contains(n))
           return;
-        $.value && (n === $.value || $.value.contains(n)) || (P.value = !1, (!_.value || _.value.trim().length === 0) && (Ce.value = !1));
+        B.value && (n === B.value || B.value.contains(n)) || (N.value = !1, (!w.value || w.value.trim().length === 0) && (Ce.value = !1));
       }, 50);
-    }, Dt = () => {
-      P.value && ue.value && yt();
     }, It = () => {
-      P.value && ue.value && (P.value = !1);
+      N.value && ne.value && yt();
+    }, Nt = () => {
+      N.value && ne.value && (N.value = !1);
     };
     let dt = null, St = null, mt = { top: 0, left: 0 };
-    const Nt = () => {
-      if (!P.value || !ue.value || !$.value)
+    const Wt = () => {
+      if (!N.value || !ne.value || !B.value)
         return;
-      const t = 4, n = $.value.getBoundingClientRect(), r = `${n.bottom + t}px`, i = `${n.left}px`;
-      (mt.top !== r || mt.left !== i) && (mt.top = r, mt.left = i, H.value = {
+      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,
-        left: i
-      }), St = requestAnimationFrame(Nt);
-    }, na = () => {
-      if (!$.value || !ue.value)
+        left: s
+      }), St = requestAnimationFrame(Wt);
+    }, oa = () => {
+      if (!B.value || !ne.value)
         return;
-      mt = { top: 0, left: 0 }, Nt(), dt = new ResizeObserver(() => {
-        P.value && yt();
-      }), dt.observe($.value);
-      const t = $.value.closest(".component");
+      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);
-    }, Wt = () => {
+    }, Pt = () => {
       St !== null && (cancelAnimationFrame(St), St = null), dt && (dt.disconnect(), dt = null);
     };
-    U(P, (t) => {
-      t && ue.value ? ya(() => {
-        na();
-      }) : Wt();
-    }), ua(() => {
-      h.value = we.value, _.value = Je(we.value, V.value), document.addEventListener("click", zt, !1), window.addEventListener("scroll", Dt, { capture: !0, passive: !0 }), window.addEventListener("resize", It);
+    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);
     }), ma(() => {
-      Mt(), Wt(), document.removeEventListener("click", zt), window.removeEventListener("scroll", Dt, { capture: !0, passive: !0 }), window.removeEventListener("resize", It);
+      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 && ue.value && (_.value = Je(h.value, V.value));
+      h.value && ne.value && (w.value = Je(h.value, V.value));
     }), U(we, (t) => {
       if (t !== h.value) {
         h.value = t;
         const n = Je(t, V.value);
-        _.value = n, D.value = n;
+        w.value = n, I.value = n;
       }
     }, { immediate: !0 });
-    let re = !1;
-    const u = () => {
-      re = !0, setTimeout(() => {
-        re = !1;
+    let o = !1;
+    const p = () => {
+      o = !0, setTimeout(() => {
+        o = !1;
       }, 100);
     };
-    let c = !1;
+    let Z = !1;
     return U(() => h.value, (t) => {
-      if (ue.value && !c && !re) {
+      if (ne.value && !Z && !o) {
         const n = Je(t, V.value);
-        n !== _.value && (_.value = n, D.value = n);
+        n !== w.value && (w.value = n, I.value = n);
       }
-      c = !1;
+      Z = !1;
     }), U(h, (t) => {
       if (k.value && (t = t.trim()), he.value && typeof t == "string" && t.startsWith("{"))
         try {
           const n = JSON.parse(t);
           if (n && (n.startDate || n.endDate)) {
-            const r = (f) => {
-              if (!f)
+            const r = (c) => {
+              if (!c)
                 return null;
-              if (/^\d{4}-\d{2}-\d{2}$/.test(f)) {
-                const [g, x, B] = f.split("-").map(Number);
-                return new Date(g, x - 1, B);
+              if (/^\d{4}-\d{2}-\d{2}$/.test(c)) {
+                const [g, x, A] = c.split("-").map(Number);
+                return new Date(g, x - 1, A);
               }
-              return new Date(f);
-            }, i = n.startDate ? r(n.startDate) : null, b = n.endDate ? r(n.endDate) : null;
-            N("changed", { startDate: i, endDate: b });
+              return new Date(c);
+            }, s = n.startDate ? r(n.startDate) : null, b = n.endDate ? r(n.endDate) : null;
+            W("changed", { startDate: s, endDate: b });
             return;
           }
         } catch {
         }
-      N("changed", t);
+      W("changed", t);
     }), U(Ce, (t) => {
-      N(t ? "focused" : "blurred");
+      W(t ? "focused" : "blurred");
     }), U(h, (t) => {
-      k.value && (t = t.trim()), N("current-value", t);
-    }), (t, n) => o(Se) ? (E(), O("div", ra({
+      k.value && (t = t.trim()), W("current-value", t);
+    }), (t, n) => u(Se) ? (E(), O("div", ia({
       key: 0,
       class: ["nb-wrapper", At.value],
       style: [$t.value, xt.value, xe.value],
       role: "input"
-    }, z.value), [
+    }, D.value), [
       ve("div", {
-        id: o(Se),
-        class: We(["nb-reset", "component", jt.value, Ht.value, Ut.value, Ot.value]),
-        style: Ee([_t.value, xt.value, xe.value]),
+        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
       }, [
-        o(ae) ? (E(), O("label", {
+        u(le) ? (E(), O("label", {
           key: 0,
           for: kt.value,
           class: "component__label",
-          style: Ee([Rt.value])
-        }, ht(e.label), 13, Pl)) : Be("", !0),
-        ca(ve("input", {
+          style: Pe([Rt.value]),
+          onClick: Jt
+        }, ht(e.label), 13, El)) : Be("", !0),
+        fa(ve("input", {
           ref_key: "inputRef",
-          ref: $,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => _.value = r),
-          onInput: aa,
+          ref: B,
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => w.value = r),
+          onInput: la,
           onKeydown: [
-            u,
-            n[1] || (n[1] = Et((r) => !o(M) && o(Ae) && Qt(), ["enter"]))
+            p,
+            n[1] || (n[1] = Et((r) => !u(_) && u(Ae) && zt(), ["enter"]))
           ],
           id: kt.value,
           name: kt.value,
-          type: ue.value ? "text" : j.value,
+          type: ne.value ? "text" : j.value,
           class: We(["component__input", [
-            Gt.value,
-            qt.value,
+            Kt.value,
+            jt.value,
             Tt.value
           ]]),
-          placeholder: Kt.value,
-          disabled: o(M) || o(A),
+          placeholder: Yt.value,
+          disabled: u(_) || u($),
           required: e.required,
-          readonly: o(A),
+          readonly: u($),
           autocomplete: e.inputAutocomplete,
-          min: ue.value ? void 0 : o(et),
-          max: ue.value ? void 0 : o(Ge),
-          step: ue.value ? void 0 : o(tt),
-          tabindex: o(M) || o(A) ? -1 : o(vt),
+          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),
           role: "input",
-          style: Ee([xe.value]),
-          onFocus: Xt,
-          onBlur: Zt,
-          onClick: ea
+          style: Pe([xe.value]),
+          onFocus: Zt,
+          onBlur: ea,
+          onClick: ta
         }, null, 46, Fl), [
-          [Oa, _.value]
+          [qa, w.value]
         ])
-      ], 14, El),
-      s.value ? (E(), O("div", {
+      ], 14, Pl),
+      i.value ? (E(), O("div", {
         key: 0,
         class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        oa(t.$slots, "message", {}, () => [
+        ua(t.$slots, "message", {}, () => [
           ga(ht(e.message), 1)
         ], !0)
       ], 2)) : Be("", !0),
       (E(), ol(ul, { to: "body" }, [
-        ue.value && P.value ? (E(), O("div", {
+        ne.value && N.value ? (E(), O("div", {
           key: 0,
           ref_key: "calendarRef",
           ref: C,
           class: "datepicker__custom-calendar-wrapper",
-          style: Ee(Jt.value),
-          onClick: n[4] || (n[4] = ia((r) => T.value = !0, ["stop"])),
-          onMousedown: n[5] || (n[5] = ia((r) => T.value = !0, ["stop"]))
+          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"]))
         }, [
-          rl(o(m), {
-            "nb-id": `${o(Se)}-calendar`,
+          rl(u(m), {
+            "nb-id": `${u(Se)}-calendar`,
             value: ze.value,
-            "input-type": o(V),
-            min: o(et),
-            max: o(Ge),
-            step: o(tt),
-            disabled: o(M),
+            "input-type": u(V),
+            min: u(et),
+            max: u(Ge),
+            step: u(tt),
+            disabled: u(_),
             width: 350,
-            locale: o(Ke),
-            theme: o(Le),
-            "allow-range": o(he),
-            onChanged: ta,
-            onDateSelected: la,
+            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"])
@@ -3900,7 +3905,7 @@ const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       ]))
     ], 16)) : Be("", !0);
   }
-}), ql = /* @__PURE__ */ fa(Ol, [["__scopeId", "data-v-6ee5be36"]]), Ea = {
+}), ql = /* @__PURE__ */ va(Ol, [["__scopeId", "data-v-0e19be2d"]]), Ea = {
   NbInputRadio: fl,
   NbInputCheckbox: yl,
   NbInput: Tl,