@vlalg-nimbus/nb-inputs 9.0.0 → 9.0.1

package/dist/nb-inputs.js

@@ -1,8 +1,8 @@
-import { useCssVars as Na, onMounted as La, ref as G, toRefs as Fa, computed as a, watch as U, openBlock as z, createElementBlock as E, normalizeClass as Ee, normalizeStyle as Ae, createElementVNode as pe, mergeProps as Aa, Fragment as dl, renderList as cl, unref as u, withDirectives as za, vModelRadio as bl, withKeys as la, withModifiers as Ma, toDisplayString as Dt, createCommentVNode as se, vModelCheckbox as ml, onUnmounted as Pa, createTextVNode as qt, renderSlot as Ba, vModelDynamic as fl, vModelText as vl, defineAsyncComponent as hl, nextTick as aa, createBlock as Sl, Teleport as xl, createVNode as Cl } from "vue";
+import { useCssVars as Na, onMounted as La, ref as Y, toRefs as Fa, computed as a, watch as G, openBlock as W, createElementBlock as P, normalizeClass as Ee, normalizeStyle as Be, createElementVNode as ve, mergeProps as Aa, Fragment as dl, renderList as cl, unref as u, withDirectives as za, vModelRadio as bl, withKeys as la, withModifiers as Ma, toDisplayString as Dt, createCommentVNode as oe, vModelCheckbox as ml, onUnmounted as Pa, createTextVNode as qt, renderSlot as Ba, vModelDynamic as fl, vModelText as vl, defineAsyncComponent as hl, nextTick as aa, createBlock as Sl, Teleport as xl, createVNode as Cl } from "vue";
 const Wa = (e, S) => {
   const C = e.__vccOpts || e;
-  for (const [k, P] of S)
-    C[k] = P;
+  for (const [B, _] of S)
+    C[B] = _;
   return C;
 }, Vl = ["id"], Tl = ["id", "disabled", "value", "name"], kl = ["for", "tabindex"], Bl = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
@@ -58,8 +58,8 @@ const Wa = (e, S) => {
           return !1;
         let S = !1;
         for (const C of e) {
-          const k = Object.keys(C);
-          k.length !== 2 && (S = !0), k.every(($e) => ["value", "text"].includes($e)) || (S = !0);
+          const B = Object.keys(C);
+          B.length !== 2 && (S = !0), B.every((Le) => ["value", "text"].includes(Le)) || (S = !0);
         }
         if (!S)
           return e;
@@ -154,137 +154,137 @@ const Wa = (e, S) => {
   setup(e, { emit: S }) {
     Na((x) => ({
       "0fd48d29": _e.value,
-      "50426c15": kt.value,
-      "5fa7628c": at.value,
-      "5949c3d2": Vt.value,
-      91322790: pt.value,
+      "50426c15": Lt.value,
+      "5fa7628c": yt.value,
+      "5949c3d2": tt.value,
+      91322790: gt.value,
       "6750fc92": ee.value,
-      "8c592938": st.value,
-      c11d4680: Tt.value,
-      "35b74fa6": xe.value,
-      "7dd5f889": tt.value,
-      "5cb21b36": Re.value
+      "8c592938": ut.value,
+      c11d4680: it.value,
+      "35b74fa6": Bt.value,
+      "7dd5f889": we.value,
+      "5cb21b36": Se.value
     })), La(() => {
-      lt();
+      st();
     });
-    const C = S, k = e, P = G(null), {
-      ariaLabel: $e,
-      ariaAttrs: ge,
-      currentOption: Fe,
-      valueType: we,
-      display: de,
+    const C = S, B = e, _ = Y(null), {
+      ariaLabel: Le,
+      ariaAttrs: pe,
+      currentOption: Ne,
+      valueType: Ae,
+      display: re,
       options: J,
       theme: Pe,
-      lightTextColor: ze,
+      lightTextColor: Fe,
       lightColor: ae,
       lightColorHover: K,
-      darkTextColor: M,
+      darkTextColor: N,
       darkColor: le,
-      darkColorHover: ce,
+      darkColorHover: ue,
       hoverEffect: Q,
-      activeHoverEffect: De,
-      itemGap: fe,
-      internalGap: O,
-      scale: ye,
+      activeHoverEffect: $e,
+      itemGap: ie,
+      internalGap: H,
+      scale: ge,
       disabled: X,
-      fontFamily: Se,
-      fontSize: be,
-      fontWeight: me
-    } = Fa(k), W = a(() => {
-      const x = X.value ? "component-disabled" : "", $ = de.value !== "b" ? "inline-block" : "block", ne = Se.value ? Se.value : "'Lato', sans-serif", te = be.value ? be.value : "1.6em", oe = me.value !== 0 && !me.value || me.value < 0 ? 200 : me.value, He = [!1, !0].includes(Q.value) ? Q.value : !1, Ge = [!1, !0].includes(De.value) ? De.value : !1, dt = fe.value !== 0 && !fe.value || fe.value < 0 ? 15 : fe.value, p = O.value !== 0 && !O.value || O.value < 0 ? 6 : O.value, B = ye.value !== 0 && !ye.value || ye.value < 0 ? 1 : ye.value;
+      fontFamily: he,
+      fontSize: ye,
+      fontWeight: be
+    } = Fa(B), I = a(() => {
+      const x = X.value ? "component-disabled" : "", $ = re.value !== "b" ? "inline-block" : "block", se = he.value ? he.value : "'Lato', sans-serif", q = ye.value ? ye.value : "1.6em", de = be.value !== 0 && !be.value || be.value < 0 ? 200 : be.value, at = [!1, !0].includes(Q.value) ? Q.value : !1, Ge = [!1, !0].includes($e.value) ? $e.value : !1, We = ie.value !== 0 && !ie.value || ie.value < 0 ? 15 : ie.value, p = H.value !== 0 && !H.value || H.value < 0 ? 6 : H.value, T = ge.value !== 0 && !ge.value || ge.value < 0 ? 1 : ge.value;
       return {
         disabled: x,
         display: $,
-        hoverEffect: He,
+        hoverEffect: at,
         activeHoverEffect: Ge,
-        itemGap: dt,
+        itemGap: We,
         internalGap: p,
-        scale: B,
-        font: ne,
-        fontSize: te,
-        fontWeight: oe
+        scale: T,
+        font: se,
+        fontSize: q,
+        fontWeight: de
       };
-    }), Ye = a(() => W.value.disabled), v = a(() => ({
-      display: W.value.display
-    })), Z = a(() => W.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), We = a(() => {
-      const x = W.value;
+    }), je = a(() => I.value.disabled), v = a(() => ({
+      display: I.value.display
+    })), Z = a(() => I.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), ze = a(() => {
+      const x = I.value;
       return {
         fontSize: x.fontSize,
         fontWeight: x.fontWeight
       };
-    }), Ue = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), h = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), _e = a(() => W.value.font), ee = a(() => ze.value), st = a(() => ae.value), pt = a(() => W.value.hoverEffect ? K.value : ae.value), Vt = a(() => W.value.activeHoverEffect ? K.value : ae.value), tt = a(() => M.value), Re = a(() => le.value), xe = a(() => W.value.hoverEffect ? ce.value : le.value), Tt = a(() => W.value.activeHoverEffect ? ce.value : le.value), at = a(() => {
-      const $ = W.value.internalGap;
+    }), Ue = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), h = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), _e = a(() => I.value.font), ee = a(() => Fe.value), ut = a(() => ae.value), gt = a(() => I.value.hoverEffect ? K.value : ae.value), tt = a(() => I.value.activeHoverEffect ? K.value : ae.value), we = a(() => N.value), Se = a(() => le.value), Bt = a(() => I.value.hoverEffect ? ue.value : le.value), it = a(() => I.value.activeHoverEffect ? ue.value : le.value), yt = a(() => {
+      const $ = I.value.internalGap;
       return !$ || $ < 0 ? 0 : `${$}px`;
-    }), kt = a(() => {
-      const $ = W.value.itemGap;
+    }), Lt = a(() => {
+      const $ = I.value.itemGap;
       return !$ || $ < 0 ? 0 : `${$}px`;
-    }), Bt = a(() => ({
-      zoom: W.value.scale
+    }), bt = a(() => ({
+      zoom: I.value.scale
     })), Oe = a(() => {
       const x = {};
-      ge.value && Object.keys(ge.value).forEach((te) => x[`aria-${te}`] = ge.value[te]);
+      pe.value && Object.keys(pe.value).forEach((q) => x[`aria-${q}`] = pe.value[q]);
       const $ = {
-        "aria-label": $e.value,
+        "aria-label": Le.value,
         "aria-disabled": X.value,
         ...x
       };
       return Object.fromEntries(
-        Object.entries($).filter(([ne, te]) => te != null)
+        Object.entries($).filter(([se, q]) => q != null)
       );
-    }), lt = () => {
-      const x = Fe.value;
-      x && ["string"].includes(we.value) ? P.value = x.toString().toLowerCase() : P.value = x;
-    }, gt = () => {
+    }), st = () => {
+      const x = Ne.value;
+      x && ["string"].includes(Ae.value) ? _.value = x.toString().toLowerCase() : _.value = x;
+    }, Ye = () => {
       C("clicked");
     };
-    return U(Fe, (x, $) => {
-      x !== $ && lt();
-    }), U(P, (x, $) => {
+    return G(Ne, (x, $) => {
+      x !== $ && st();
+    }), G(_, (x, $) => {
       x !== $ && (C("current-value", x), C("changed", x));
-    }), (x, $) => e.nbId && Ue.value ? (z(), E("div", {
+    }), (x, $) => e.nbId && Ue.value ? (W(), P("div", {
       key: 0,
-      class: Ee(["nb-wrapper", Ye.value]),
-      style: Ae([v.value, Bt.value])
+      class: Ee(["nb-wrapper", je.value]),
+      style: Be([v.value, bt.value])
     }, [
-      pe("div", Aa({
+      ve("div", Aa({
         id: e.nbId,
         role: "radiogroup"
       }, Oe.value, {
         class: ["nb-reset", "component", Z.value, h.value]
       }), [
-        (z(!0), E(dl, null, cl(u(J), (ne, te) => (z(), E("div", {
-          key: te,
+        (W(!0), P(dl, null, cl(u(J), (se, q) => (W(), P("div", {
+          key: q,
           class: "component-radio__item"
         }, [
-          za(pe("input", {
-            id: `${e.nbId}-${ne.value}`,
-            "onUpdate:modelValue": $[0] || ($[0] = (oe) => P.value = oe),
+          za(ve("input", {
+            id: `${e.nbId}-${se.value}`,
+            "onUpdate:modelValue": $[0] || ($[0] = (de) => _.value = de),
             type: "radio",
             class: "component-radio__item--input",
             disabled: u(X),
-            value: ne.value,
+            value: se.value,
             name: e.groupName,
-            onClick: gt
+            onClick: Ye
           }, null, 8, Tl), [
-            [bl, P.value]
+            [bl, _.value]
           ]),
-          pe("label", {
-            for: `${e.nbId}-${ne.value}`,
-            tabindex: u(X) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[te] : e.tabIndex >= 0 ? e.tabIndex : te + 1,
+          ve("label", {
+            for: `${e.nbId}-${se.value}`,
+            tabindex: u(X) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[q] : e.tabIndex >= 0 ? e.tabIndex : q + 1,
             class: "component-radio__item--label",
             onKeydown: [
-              $[1] || ($[1] = la(Ma((oe) => !u(X) && e.hasTabIndexEnter && oe.target.click(), ["prevent"]), ["enter"])),
-              $[2] || ($[2] = la(Ma((oe) => !u(X) && e.hasTabIndexSpace && oe.target.click(), ["prevent"]), ["space"]))
+              $[1] || ($[1] = la(Ma((de) => !u(X) && e.hasTabIndexEnter && de.target.click(), ["prevent"]), ["enter"])),
+              $[2] || ($[2] = la(Ma((de) => !u(X) && e.hasTabIndexSpace && de.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            $[3] || ($[3] = pe("div", null, null, -1)),
-            pe("span", {
-              style: Ae([We.value])
-            }, Dt(ne.text), 5)
+            $[3] || ($[3] = ve("div", null, null, -1)),
+            ve("span", {
+              style: Be([ze.value])
+            }, Dt(se.text), 5)
           ], 40, kl)
         ]))), 128))
       ], 16, Vl)
-    ], 6)) : se("", !0);
+    ], 6)) : oe("", !0);
   }
 }), Ll = /* @__PURE__ */ Wa(Bl, [["__scopeId", "data-v-a95f65ea"]]);
 const Al = ["id"], $l = ["id", "disabled", "value", "name"], wl = ["for", "tabindex"], Dl = /* @__PURE__ */ Object.assign({
@@ -341,8 +341,8 @@ const Al = ["id"], $l = ["id", "disabled", "value", "name"], wl = ["for", "tabin
           return !1;
         let S = !1;
         for (const C of e) {
-          const k = Object.keys(C);
-          k.length !== 2 && (S = !0), k.every(($e) => ["value", "text"].includes($e)) || (S = !0);
+          const B = Object.keys(C);
+          B.length !== 2 && (S = !0), B.every((Le) => ["value", "text"].includes(Le)) || (S = !0);
         }
         if (!S)
           return e;
@@ -449,67 +449,67 @@ const Al = ["id"], $l = ["id", "disabled", "value", "name"], wl = ["for", "tabin
   emits: ["current-value", "changed", "clicked"],
   setup(e, { emit: S }) {
     Na((p) => ({
-      "49e2c63f": st.value,
-      "107babaa": ne.value,
+      "49e2c63f": ut.value,
+      "107babaa": se.value,
       "3c7cc5ce": $.value,
       "16d311d0": x.value,
-      "3f8b2f30": Re.value,
-      "53078d64": tt.value,
-      "537834e6": xe.value,
-      fbc86ee4: Vt.value,
-      "517939e1": pt.value,
-      "3faff29d": gt.value,
-      "302ecd6a": Bt.value,
-      "8a4df060": kt.value,
+      "3f8b2f30": Se.value,
+      "53078d64": we.value,
+      "537834e6": Bt.value,
+      fbc86ee4: tt.value,
+      "517939e1": gt.value,
+      "3faff29d": Ye.value,
+      "302ecd6a": bt.value,
+      "8a4df060": Lt.value,
       "0a99dbe2": Oe.value,
-      d6971e68: at.value,
-      ca30d9c2: Tt.value
+      d6971e68: yt.value,
+      ca30d9c2: it.value
     })), La(() => {
       Ge();
     });
-    const C = S, k = e, P = G(null), {
-      ariaLabel: $e,
-      ariaAttrs: ge,
-      currentOption: Fe,
-      display: we,
-      options: de,
+    const C = S, B = e, _ = Y(null), {
+      ariaLabel: Le,
+      ariaAttrs: pe,
+      currentOption: Ne,
+      display: Ae,
+      options: re,
       theme: J,
       lightTextColor: Pe,
-      lightColor: ze,
+      lightColor: Fe,
       lightColorHover: ae,
       darkTextColor: K,
-      darkColor: M,
+      darkColor: N,
       darkColorHover: le,
-      boxRadius: ce,
+      boxRadius: ue,
       hoverEffect: Q,
-      activeHoverEffect: De,
-      itemGap: fe,
-      internalGap: O,
-      scale: ye,
+      activeHoverEffect: $e,
+      itemGap: ie,
+      internalGap: H,
+      scale: ge,
       type: X,
-      background: Se,
-      disabled: be,
-      fontFamily: me,
-      fontSize: W,
-      fontWeight: Ye
-    } = Fa(k), v = a(() => {
-      const p = be.value ? "component-disabled" : "", B = we.value !== "b" ? "inline-block" : "block", H = me.value ? me.value : "'Lato', sans-serif", re = W.value ? W.value : "1.6em", Ce = Ye.value !== 0 && !Ye.value || Ye.value < 0 ? 200 : Ye.value, Me = ce.value !== 0 && !ce.value || ce.value < 0 ? 0 : ce.value, Ve = [!1, !0].includes(Q.value) ? Q.value : !1, Te = [!1, !0].includes(De.value) ? De.value : !1, Ie = fe.value !== 0 && !fe.value || fe.value < 0 ? 15 : fe.value, qe = O.value !== 0 && !O.value || O.value < 0 ? 6 : O.value, Ke = ["box", "circle"].includes(X.value) ? X.value : "box", nt = ye.value !== 0 && !ye.value || ye.value < 0 ? 1 : ye.value, ct = [!1, !0].includes(Se.value) ? Se.value : !1;
+      background: he,
+      disabled: ye,
+      fontFamily: be,
+      fontSize: I,
+      fontWeight: je
+    } = Fa(B), v = a(() => {
+      const p = ye.value ? "component-disabled" : "", T = Ae.value !== "b" ? "inline-block" : "block", te = be.value ? be.value : "'Lato', sans-serif", ne = I.value ? I.value : "1.6em", ce = je.value !== 0 && !je.value || je.value < 0 ? 200 : je.value, De = ue.value !== 0 && !ue.value || ue.value < 0 ? 0 : ue.value, xe = [!1, !0].includes(Q.value) ? Q.value : !1, Re = [!1, !0].includes($e.value) ? $e.value : !1, Ie = ie.value !== 0 && !ie.value || ie.value < 0 ? 15 : ie.value, He = H.value !== 0 && !H.value || H.value < 0 ? 6 : H.value, Ke = ["box", "circle"].includes(X.value) ? X.value : "box", dt = ge.value !== 0 && !ge.value || ge.value < 0 ? 1 : ge.value, ct = [!1, !0].includes(he.value) ? he.value : !1;
       return {
         disabled: p,
-        display: B,
-        boxRadius: Me,
-        hoverEffect: Ve,
-        activeHoverEffect: Te,
+        display: T,
+        boxRadius: De,
+        hoverEffect: xe,
+        activeHoverEffect: Re,
         itemGap: Ie,
-        internalGap: qe,
-        scale: nt,
+        internalGap: He,
+        scale: dt,
         type: Ke,
-        font: H,
+        font: te,
         background: ct,
-        fontSize: re,
-        fontWeight: Ce
+        fontSize: ne,
+        fontWeight: ce
       };
-    }), Z = a(() => v.value.disabled), We = a(() => ({
+    }), Z = a(() => v.value.disabled), ze = a(() => ({
       display: v.value.display
     })), Ue = a(() => v.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), h = a(() => {
       const p = v.value;
@@ -517,94 +517,94 @@ const Al = ["id"], $l = ["id", "disabled", "value", "name"], wl = ["for", "tabin
         fontSize: p.fontSize,
         fontWeight: p.fontWeight
       };
-    }), _e = a(() => Array.isArray(de.value) && de.value.constructor === Array && de.value.length > 0), ee = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), st = a(() => v.value.font), pt = a(() => Pe.value), Vt = a(() => ze.value), tt = a(() => v.value.hoverEffect ? ae.value : ze.value), Re = a(() => v.value.activeHoverEffect ? ae.value : ze.value), xe = a(() => {
+    }), _e = a(() => Array.isArray(re.value) && re.value.constructor === Array && re.value.length > 0), ee = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), ut = a(() => v.value.font), gt = a(() => Pe.value), tt = a(() => Fe.value), we = a(() => v.value.hoverEffect ? ae.value : Fe.value), Se = a(() => v.value.activeHoverEffect ? ae.value : Fe.value), Bt = a(() => {
       const p = v.value;
       return p.activeHoverEffect && p.background ? `${ae.value}80` : ae.value;
-    }), Tt = a(() => K.value), at = a(() => M.value), kt = a(() => v.value.hoverEffect ? le.value : M.value), Bt = a(() => v.value.activeHoverEffect ? le.value : M.value), Oe = a(() => {
+    }), it = a(() => K.value), yt = a(() => N.value), Lt = a(() => v.value.hoverEffect ? le.value : N.value), bt = a(() => v.value.activeHoverEffect ? le.value : N.value), Oe = a(() => {
       const p = v.value;
       return p.activeHoverEffect && p.background ? `${le.value}80` : le.value;
-    }), lt = a(() => v.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), gt = a(() => {
-      const p = v.value, B = J.value === "dark" ? K.value : Pe.value;
-      return p.background ? "#ffffff" : B;
+    }), st = a(() => v.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ye = a(() => {
+      const p = v.value, T = J.value === "dark" ? K.value : Pe.value;
+      return p.background ? "#ffffff" : T;
     });
     a(() => v.value.background ? "19px" : "auto");
     const x = a(() => {
-      const B = v.value.internalGap;
-      return !B || B < 0 ? 0 : `${B}px`;
+      const T = v.value.internalGap;
+      return !T || T < 0 ? 0 : `${T}px`;
     }), $ = a(() => {
       const p = v.value;
       return `${p.boxRadius > 7 ? 7 : p.boxRadius}px`;
-    }), ne = a(() => {
-      const B = v.value.itemGap;
-      return !B || B < 0 ? 0 : `${B}px`;
-    }), te = a(() => v.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), oe = a(() => ({
+    }), se = a(() => {
+      const T = v.value.itemGap;
+      return !T || T < 0 ? 0 : `${T}px`;
+    }), q = a(() => v.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), de = a(() => ({
       zoom: v.value.scale
-    })), He = a(() => {
+    })), at = a(() => {
       const p = {};
-      ge.value && Object.keys(ge.value).forEach((re) => p[`aria-${re}`] = ge.value[re]);
-      const B = {
-        "aria-label": $e.value,
-        "aria-disabled": be.value,
+      pe.value && Object.keys(pe.value).forEach((ne) => p[`aria-${ne}`] = pe.value[ne]);
+      const T = {
+        "aria-label": Le.value,
+        "aria-disabled": ye.value,
         ...p
       };
       return Object.fromEntries(
-        Object.entries(B).filter(([H, re]) => re != null)
+        Object.entries(T).filter(([te, ne]) => ne != null)
       );
     }), Ge = () => {
-      P.value = Fe.value;
-    }, dt = () => {
+      _.value = Ne.value;
+    }, We = () => {
       C("clicked");
     };
-    return U(Fe, (p, B) => {
-      p !== B && Ge();
-    }), U(P, (p, B) => {
-      p !== B && (C("current-value", p), C("changed", p));
-    }), (p, B) => e.nbId && _e.value ? (z(), E("div", {
+    return G(Ne, (p, T) => {
+      p !== T && Ge();
+    }), G(_, (p, T) => {
+      p !== T && (C("current-value", p), C("changed", p));
+    }), (p, T) => e.nbId && _e.value ? (W(), P("div", {
       key: 0,
       class: Ee(["nb-wrapper", Z.value]),
-      style: Ae([We.value, oe.value])
+      style: Be([ze.value, de.value])
     }, [
-      pe("div", Aa({
+      ve("div", Aa({
         id: e.nbId,
         role: "group"
-      }, He.value, {
+      }, at.value, {
         class: ["nb-reset", "component", Ue.value, ee.value]
       }), [
-        (z(!0), E(dl, null, cl(u(de), (H, re) => (z(), E("div", {
-          key: re,
+        (W(!0), P(dl, null, cl(u(re), (te, ne) => (W(), P("div", {
+          key: ne,
           class: "component-checkbox__item"
         }, [
-          za(pe("input", {
-            id: `${e.nbId}-${H.value}`,
-            "onUpdate:modelValue": B[0] || (B[0] = (Ce) => P.value = Ce),
+          za(ve("input", {
+            id: `${e.nbId}-${te.value}`,
+            "onUpdate:modelValue": T[0] || (T[0] = (ce) => _.value = ce),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: u(be),
-            value: H.value,
+            disabled: u(ye),
+            value: te.value,
             name: e.groupName,
-            onClick: dt
+            onClick: We
           }, null, 8, $l), [
-            [ml, P.value]
+            [ml, _.value]
           ]),
-          pe("label", {
-            for: `${e.nbId}-${H.value}`,
-            class: Ee([[te.value], "component-checkbox__item--label"]),
-            tabindex: u(be) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[re] : e.tabIndex >= 0 ? e.tabIndex : re + 1,
+          ve("label", {
+            for: `${e.nbId}-${te.value}`,
+            class: Ee([[q.value], "component-checkbox__item--label"]),
+            tabindex: u(ye) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[ne] : e.tabIndex >= 0 ? e.tabIndex : ne + 1,
             onKeydown: [
-              B[1] || (B[1] = la(Ma((Ce) => !u(be) && e.hasTabIndexEnter && Ce.target.click(), ["prevent"]), ["enter"])),
-              B[2] || (B[2] = la(Ma((Ce) => !u(be) && e.hasTabIndexSpace && Ce.target.click(), ["prevent"]), ["space"]))
+              T[1] || (T[1] = la(Ma((ce) => !u(ye) && e.hasTabIndexEnter && ce.target.click(), ["prevent"]), ["enter"])),
+              T[2] || (T[2] = la(Ma((ce) => !u(ye) && e.hasTabIndexSpace && ce.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            pe("div", {
-              class: Ee([lt.value])
+            ve("div", {
+              class: Ee([st.value])
             }, null, 2),
-            pe("span", {
-              style: Ae([h.value])
-            }, Dt(H.text), 5)
+            ve("span", {
+              style: Be([h.value])
+            }, Dt(te.text), 5)
           ], 42, wl)
         ]))), 128))
       ], 16, Al)
-    ], 6)) : se("", !0);
+    ], 6)) : oe("", !0);
   }
 }), Rl = /* @__PURE__ */ Wa(Dl, [["__scopeId", "data-v-1c6afddc"]]);
 const Ml = ["id"], Nl = ["for"], Fl = {
@@ -1066,39 +1066,39 @@ const Ml = ["id"], Nl = ["for"], Fl = {
     Na((o) => ({
       "440599b4": oa.value,
       a3815248: na.value,
-      e36d7636: u(Bt),
+      e36d7636: u(bt),
       "650d18a8": sa.value,
       c7ec6004: da.value,
       "57d3f016": ca.value,
-      "73afd0ca": u(ne),
-      "45dd7bbc": u(Te),
-      "77cc7e84": u(te),
+      "73afd0ca": u(se),
+      "45dd7bbc": u(Re),
+      "77cc7e84": u(q),
       e8193a24: u(Rt),
       "5ca879a7": u($),
-      "743bbde8": u(gt),
+      "743bbde8": u(Ye),
       "7af41b0e": u(x),
       "17cd86d9": Ca.value,
       "35dc14c3": u(Oe),
-      f5405c56: u(lt),
-      "54856b3e": u(Ve),
-      "6a2eb70c": u(oe),
+      f5405c56: u(st),
+      "54856b3e": u(xe),
+      "6a2eb70c": u(de),
       "4513470a": u(ct),
-      e9fdf11e: u(kt),
-      "9f7f8c44": u(Tt),
-      "17ad4684": u(at),
-      "0e1c0c8d": u(Re),
-      "5b95af6a": u(xe),
+      e9fdf11e: u(Lt),
+      "9f7f8c44": u(it),
+      "17ad4684": u(yt),
+      "0e1c0c8d": u(Se),
+      "5b95af6a": u(Bt),
       "74cc9141": wt.value,
       "1818a668": Sa.value,
       "134a9193": xa.value,
-      d7b06ffa: ut.value,
+      d7b06ffa: ot.value,
       "775fa126": ma.value,
-      "3d1cc0da": u(He),
+      "3d1cc0da": u(at),
       "4c994568": ga.value,
       "56a36bb3": ra.value,
-      "7714cb1c": Yt.value,
+      "7714cb1c": Ut.value,
       "3305cdca": ua.value,
-      "3b3cdb16": Ut.value,
+      "3b3cdb16": Yt.value,
       "4083b276": o.styleButtonColor,
       ee844aac: ia.value
     })), La(() => {
@@ -1106,98 +1106,98 @@ const Ml = ["id"], Nl = ["for"], Fl = {
     }), Pa(() => {
       Jt();
     });
-    const C = S, k = e, {
-      nbId: P,
-      display: $e,
-      hasTabIndexEnter: ge,
-      ariaLabel: Fe,
-      ariaAttrs: we,
-      textColor: de,
+    const C = S, B = e, {
+      nbId: _,
+      display: Le,
+      hasTabIndexEnter: pe,
+      ariaLabel: Ne,
+      ariaAttrs: Ae,
+      textColor: re,
       caretColor: J,
       selectionBgColor: Pe,
-      selectionTextColor: ze,
+      selectionTextColor: Fe,
       hasBorderRadius: ae,
       borderRadius: K,
-      disabled: M,
+      disabled: N,
       fontFamily: le,
-      fontSize: ce,
+      fontSize: ue,
       fontWeight: Q,
-      fontFamilyMsg: De,
-      fontSizeMsg: fe,
-      fontWeightMsg: O,
-      textMessageColor: ye,
+      fontFamilyMsg: $e,
+      fontSizeMsg: ie,
+      fontWeightMsg: H,
+      textMessageColor: ge,
       inputWidth: X,
-      inputStyle: Se,
-      activeTextStyle: be,
-      sizeMediaQuery: me,
-      inputReadonly: W,
-      blockPaste: Ye,
+      inputStyle: he,
+      activeTextStyle: ye,
+      sizeMediaQuery: be,
+      inputReadonly: I,
+      blockPaste: je,
       showInputEye: v,
       inputType: Z,
-      hasTrim: We,
+      hasTrim: ze,
       inputUppercase: Ue,
       inputName: h,
       inputPlaceholder: _e,
       inputText: ee,
-      theme: st,
-      inputEyeIcon: pt,
-      tabindex: Vt,
-      inputEyeIconHidden: tt,
-      lightBgColor: Re,
-      lightBgColorFocus: xe,
-      lightEyeBgColor: Tt,
-      lightEyeBgColorActive: at,
-      lightDisabledBgColor: kt,
-      lightTextColor: Bt,
+      theme: ut,
+      inputEyeIcon: gt,
+      tabindex: tt,
+      inputEyeIconHidden: we,
+      lightBgColor: Se,
+      lightBgColorFocus: Bt,
+      lightEyeBgColor: it,
+      lightEyeBgColorActive: yt,
+      lightDisabledBgColor: Lt,
+      lightTextColor: bt,
       darkBgColor: Oe,
-      darkBgColorFocus: lt,
-      darkEyeBgColor: gt,
+      darkBgColorFocus: st,
+      darkEyeBgColor: Ye,
       darkEyeBgColorActive: x,
       darkDisabledBgColor: $,
-      darkTextColor: ne,
-      darkDisabledEyeBgColor: te,
-      lightDisabledEyeBgColor: oe,
-      textAlign: He,
+      darkTextColor: se,
+      darkDisabledEyeBgColor: q,
+      lightDisabledEyeBgColor: de,
+      textAlign: at,
       showMsg: Ge,
-      hasMsg: dt,
+      hasMsg: We,
       hasIcon: p,
-      iconDirection: B,
-      iconPadding: H,
-      iconPaddingInput: re,
-      iconMargin: Ce,
-      iconBorderRadius: Me,
-      iconLightTextColor: Ve,
-      iconDarkTextColor: Te,
+      iconDirection: T,
+      iconPadding: te,
+      iconPaddingInput: ne,
+      iconMargin: ce,
+      iconBorderRadius: De,
+      iconLightTextColor: xe,
+      iconDarkTextColor: Re,
       iconLightBgColor: Ie,
-      iconDarkBgColor: qe,
+      iconDarkBgColor: He,
       iconLightBgColorActive: Ke,
-      iconDarkBgColorActive: nt,
+      iconDarkBgColorActive: dt,
       iconLightDisabledBgColor: ct,
       iconDarkDisabledBgColor: Rt,
-      iconWidth: yt,
-      iconSize: bt,
+      iconWidth: mt,
+      iconSize: ht,
       showLabel: Qe,
       label: Mt,
       labelBreakOnActive: Ze,
-      labelBackground: mt,
-      labelPadding: ue,
-      labelBorderRadius: m,
+      labelBackground: ft,
+      labelPadding: m,
+      labelBorderRadius: R,
       labelLeft: g,
-      inputLabelMarginActive: q,
-      labelActiveTop: Lt,
-      labelActiveLeft: ot,
-      labelRight: ie,
-      labelActiveRight: rt,
-      fontFamilyLabel: ve,
-      fontSizeLabel: jt,
-      fontSizeLabelActive: ht,
-      fontWeightLabel: St,
-      lightTextColorLabel: j,
-      lightTextColorLabelActive: At,
-      darkTextColorLabel: N,
-      darkTextColorLabelActive: I
-    } = Fa(k), L = G(""), F = G(null), xt = G(""), Ct = G(!1), ft = G(!1), A = a(() => {
-      const o = M.value ? "component-disabled" : "", b = $e.value !== "b" ? "inline-block" : "block", Le = de ? de.value : "ffffff", Je = J.value ? J.value : "", ka = Pe.value ? Pe.value : "", ea = ze.value ? ze.value : "", $a = ae.value ? ae.value : !1, wa = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, Wt = le.value ? le.value : "'Lato', sans-serif", ta = ce.value ? ce.value : null, Ht = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, Da = De.value ? De.value : "'Lato', sans-serif", Ia = fe.value ? fe.value : "1em", Ra = O.value !== 0 && !O.value || O.value < 0 ? 100 : O.value, he = ye.value ? ye.value : "#f15574", Ea = X.value ? X.value : 200, vt = be.value ? be.value : "normal", t = me.value ? me.value : "xs", l = W.value ? W.value : !1, n = v.value ? v.value : !1, r = Z.value ? Z.value : "text", d = Ue.value ? Ue.value : !1, s = st.value ? st.value : "normal", c = He.value ? He.value : "left", y = Se.value ? Se.value : "background", V = H.value ? H.value : "5px 10px", T = Ce.value ? Ce.value : "0", R = re.value ? re.value : 10, _ = Ve.value ? Ve.value : "#000000", Ne = Te.value ? Te.value : "#000000", Xe = Ie.value ? Ie.value : "transparent", je = qe.value ? qe.value : "transparent", et = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, _a = Ke.value ? Ke.value : "transparent", Oa = nt.value ? nt.value : "transparent", Ha = yt.value ? yt.value : 32, qa = bt.value ? bt.value : 1, ja = Qe.value ? Qe.value : !1, Ya = g.value !== 0 && !g.value || g.value < 0 ? 5 : g.value, Ua = mt.value ? mt.value : "transparent", Ga = q.value !== 0 && !q.value || q.value < 0 ? 15 : q.value, Ka = ue.value ? ue.value : "1px 5px", Qa = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, Za = Lt.value === null || Lt.value === void 0 ? -13 : Lt.value, Ja = ot.value === null || ot.value === void 0 ? -10 : ot.value, Xa = ie.value === null || ie.value === void 0 ? 0 : ie.value, el = rt.value === null || rt.value === void 0 ? 0 : rt.value, tl = ve.value ? ve.value : "'Lato', sans-serif", al = jt.value ? jt.value : "1em", ll = ht.value ? ht.value : "0.8em", nl = St.value ? St.value : 400, ol = j.value ? j.value : "#ffffff", rl = N.value ? N.value : "#000000", ul = At.value ? At.value : "#ffffff", il = I.value ? I.value : "#000000";
+      inputLabelMarginActive: St,
+      labelActiveTop: lt,
+      labelActiveLeft: xt,
+      labelRight: Ce,
+      labelActiveRight: nt,
+      fontFamilyLabel: fe,
+      fontSizeLabel: Ct,
+      fontSizeLabelActive: Vt,
+      fontWeightLabel: j,
+      lightTextColorLabel: At,
+      lightTextColorLabelActive: F,
+      darkTextColorLabel: E,
+      darkTextColorLabelActive: jt
+    } = Fa(B), L = Y(""), z = Y(null), Tt = Y(""), kt = Y(!1), vt = Y(!1), A = a(() => {
+      const o = N.value ? "component-disabled" : "", b = Le.value !== "b" ? "inline-block" : "block", ke = re ? re.value : "ffffff", Je = J.value ? J.value : "", ka = Pe.value ? Pe.value : "", ea = Fe.value ? Fe.value : "", $a = ae.value ? ae.value : !1, wa = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, Wt = le.value ? le.value : "'Lato', sans-serif", ta = ue.value ? ue.value : null, Ht = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, Da = $e.value ? $e.value : "'Lato', sans-serif", Ia = ie.value ? ie.value : "1em", Ra = H.value !== 0 && !H.value || H.value < 0 ? 100 : H.value, me = ge.value ? ge.value : "#f15574", Ea = X.value ? X.value : 200, pt = ye.value ? ye.value : "normal", t = be.value ? be.value : "xs", l = I.value ? I.value : !1, n = v.value ? v.value : !1, r = Z.value ? Z.value : "text", d = Ue.value ? Ue.value : !1, s = ut.value ? ut.value : "normal", c = at.value ? at.value : "left", y = he.value ? he.value : "background", V = te.value ? te.value : "5px 10px", k = ce.value ? ce.value : "0", M = ne.value ? ne.value : 10, O = xe.value ? xe.value : "#000000", Me = Re.value ? Re.value : "#000000", Xe = Ie.value ? Ie.value : "transparent", qe = He.value ? He.value : "transparent", et = De.value !== 0 && !De.value || De.value < 0 ? 0 : De.value, _a = Ke.value ? Ke.value : "transparent", Oa = dt.value ? dt.value : "transparent", Ha = mt.value ? mt.value : 32, qa = ht.value ? ht.value : 1, ja = Qe.value ? Qe.value : !1, Ua = g.value !== 0 && !g.value || g.value < 0 ? 5 : g.value, Ya = ft.value ? ft.value : "transparent", Ga = St.value !== 0 && !St.value || St.value < 0 ? 15 : St.value, Ka = m.value ? m.value : "1px 5px", Qa = R.value !== 0 && !R.value || R.value < 0 ? 0 : R.value, Za = lt.value === null || lt.value === void 0 ? -13 : lt.value, Ja = xt.value === null || xt.value === void 0 ? -10 : xt.value, Xa = Ce.value === null || Ce.value === void 0 ? 0 : Ce.value, el = nt.value === null || nt.value === void 0 ? 0 : nt.value, tl = fe.value ? fe.value : "'Lato', sans-serif", al = Ct.value ? Ct.value : "1em", ll = Vt.value ? Vt.value : "0.8em", nl = j.value ? j.value : 400, ol = At.value ? At.value : "#ffffff", rl = E.value ? E.value : "#000000", ul = F.value ? F.value : "#ffffff", il = jt.value ? jt.value : "#000000";
       return {
         disabled: o,
         display: b,
@@ -1207,8 +1207,8 @@ const Ml = ["id"], Nl = ["for"], Fl = {
         fontFamilyMsg: Da,
         fontSizeMsg: Ia,
         fontWeightMsg: Ra,
-        textMessageColor: he,
-        textColor: Le,
+        textMessageColor: me,
+        textColor: ke,
         caretColor: Je,
         selectionBgColor: ka,
         selectionTextColor: ea,
@@ -1216,7 +1216,7 @@ const Ml = ["id"], Nl = ["for"], Fl = {
         borderRadius: wa,
         textAlign: c,
         inputWidth: Ea,
-        activeTextStyle: vt,
+        activeTextStyle: pt,
         sizeMediaQuery: t,
         inputReadonly: l,
         showInputEye: n,
@@ -1225,22 +1225,22 @@ const Ml = ["id"], Nl = ["for"], Fl = {
         theme: s,
         inputStyle: y,
         iconPadding: V,
-        iconMargin: T,
-        iconPaddingInput: R,
-        iconLightTextColor: _,
-        iconDarkTextColor: Ne,
+        iconMargin: k,
+        iconPaddingInput: M,
+        iconLightTextColor: O,
+        iconDarkTextColor: Me,
         iconLightBgColor: Xe,
-        iconDarkBgColor: je,
+        iconDarkBgColor: qe,
         iconBorderRadius: et,
         iconLightBgColorActive: _a,
         iconDarkBgColorActive: Oa,
         iconWidth: Ha,
         iconSize: qa,
         showLabel: ja,
-        labelBackground: Ua,
+        labelBackground: Ya,
         labelPadding: Ka,
         labelBorderRadius: Qa,
-        labelLeft: Ya,
+        labelLeft: Ua,
         inputLabelMarginActive: Ga,
         labelActiveTop: Za,
         labelActiveLeft: Ja,
@@ -1287,7 +1287,7 @@ const Ml = ["id"], Nl = ["for"], Fl = {
     }), $t = a(() => {
       const o = A.value;
       return o.inputStyle !== "line" && o.hasBorderRadius ? { borderRadius: `${o.borderRadius}rem` } : {};
-    }), oa = a(() => A.value.font), ra = a(() => A.value.fontFamilyMsg), Yt = a(() => A.value.fontSizeMsg), ua = a(() => A.value.fontWeightMsg), ia = a(() => A.value.textColor), Ut = a(() => A.value.textMessageColor), sa = a(() => {
+    }), oa = a(() => A.value.font), ra = a(() => A.value.fontFamilyMsg), Ut = a(() => A.value.fontSizeMsg), ua = a(() => A.value.fontWeightMsg), ia = a(() => A.value.textColor), Yt = a(() => A.value.textMessageColor), sa = a(() => {
       const o = A.value;
       return o.caretColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
     }), da = a(() => {
@@ -1302,7 +1302,7 @@ const Ml = ["id"], Nl = ["for"], Fl = {
         width: `${o.inputWidth}px`
       };
     }), fa = a(() => {
-      switch (Se.value) {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1337,24 +1337,24 @@ const Ml = ["id"], Nl = ["for"], Fl = {
         default:
           return "component__theme--light";
       }
-    }), Y = a(() => A.value.inputReadonly ? "component__input--read-only" : ""), i = a(() => A.value.inputUppercase ? "component__input--uppercase" : ""), D = a(() => {
+    }), U = a(() => A.value.inputReadonly ? "component__input--read-only" : ""), i = a(() => A.value.inputUppercase ? "component__input--uppercase" : ""), D = a(() => {
       const o = A.value;
       return !!(o.showInputEye && o.inputType === "password");
-    }), ke = a(() => Ct.value ? pt.value : tt.value), Be = a(() => h.value ? h.value : `${P.value}-name-label`), va = a(() => Qe.value ? ft.value ? _e.value : "" : _e.value), Pt = a(() => {
+    }), Ve = a(() => kt.value ? gt.value : we.value), Te = a(() => h.value ? h.value : `${_.value}-name-label`), va = a(() => Qe.value ? vt.value ? _e.value : "" : _e.value), Pt = a(() => {
       const o = L.value;
-      return ft.value || o != null && String(o).trim().length > 0;
-    }), pa = a(() => A.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), Qt = a(() => ft.value ? "component__input--active" : "component__input--no-active"), ga = a(() => D.value ? "6px 50px 6px 10px" : "6px 10px"), ya = a(() => !!(Ge.value && dt.value)), ba = a(() => {
+      return vt.value || o != null && String(o).trim().length > 0;
+    }), pa = a(() => A.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), Qt = a(() => vt.value ? "component__input--active" : "component__input--no-active"), ga = a(() => D.value ? "6px 50px 6px 10px" : "6px 10px"), ya = a(() => !!(Ge.value && We.value)), ba = a(() => {
       const o = {};
-      we.value && Object.keys(we.value).forEach((Je) => o[`aria-${Je}`] = we.value[Je]);
+      Ae.value && Object.keys(Ae.value).forEach((Je) => o[`aria-${Je}`] = Ae.value[Je]);
       const b = {
-        "aria-label": Fe.value,
-        "aria-disabled": M.value,
+        "aria-label": Ne.value,
+        "aria-disabled": N.value,
         ...o
       };
       return Object.fromEntries(
-        Object.entries(b).filter(([Le, Je]) => Je != null)
+        Object.entries(b).filter(([ke, Je]) => Je != null)
       );
-    }), ma = a(() => p.value ? `${bt.value}rem` : "0"), wt = a(() => p.value ? `${yt.value}px` : "0"), ha = a(() => p.value ? `component__icon--${B.value}` : ""), Sa = a(() => {
+    }), ma = a(() => p.value ? `${ht.value}rem` : "0"), wt = a(() => p.value ? `${mt.value}px` : "0"), ha = a(() => p.value ? `component__icon--${T.value}` : ""), Sa = a(() => {
       const o = A.value;
       return p.value ? o.iconPadding : "0";
     }), xa = a(() => {
@@ -1363,19 +1363,19 @@ const Ml = ["id"], Nl = ["for"], Fl = {
     }), Ca = a(() => {
       const o = A.value;
       return p.value ? o.theme === "dark" ? o.iconDarkBgColor : o.iconLightBgColor : "transparent";
-    }), ut = a(() => {
+    }), ot = a(() => {
       const o = A.value;
       return p.value ? `${o.iconBorderRadius}rem` : "0";
     }), _t = a(() => {
       const o = A.value;
-      return p.value ? B.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
+      return p.value ? T.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
     }), Zt = a(() => {
-      const o = A.value, b = Pt.value, Le = b ? o.lightTextColorLabelActive : o.lightTextColorLabel, Je = b ? o.darkTextColorLabelActive : o.darkTextColorLabel;
+      const o = A.value, b = Pt.value, ke = b ? o.lightTextColorLabelActive : o.lightTextColorLabel, Je = b ? o.darkTextColorLabelActive : o.darkTextColorLabel;
       return {
         fontFamily: o.fontFamilyLabel,
         fontSize: b ? o.fontSizeLabelActive : o.fontSizeLabel,
         fontWeight: o.fontWeightLabel,
-        color: o.theme === "dark" ? Je : Le,
+        color: o.theme === "dark" ? Je : ke,
         top: b ? `${o.labelActiveTop}px` : "50%",
         left: b ? `${o.labelActiveLeft}px` : `${o.labelLeft}px`,
         right: b ? `${o.labelActiveRight}px` : `${o.labelRight}px`,
@@ -1400,14 +1400,14 @@ const Ml = ["id"], Nl = ["for"], Fl = {
       return o.theme === "dark" ? o.darkTextColorLabelActive : o.lightTextColorLabelActive;
     });
     const Jt = () => {
-      ee.value != null ? Z.value === "number" && typeof ee.value == "number" ? L.value = ee.value : L.value = String(ee.value) : L.value = "", xt.value = Z.value;
+      ee.value != null ? Z.value === "number" && typeof ee.value == "number" ? L.value = ee.value : L.value = String(ee.value) : L.value = "", Tt.value = Z.value;
     }, Ot = () => {
       const o = A.value;
       if (o.inputReadonly || o.disabled)
         return;
-      const b = !Ct.value;
-      b ? xt.value = "text" : xt.value = Z.value, Ct.value = b;
-    }, Ft = a(() => xt.value === "number"), it = (o) => {
+      const b = !kt.value;
+      b ? Tt.value = "text" : Tt.value = Z.value, kt.value = b;
+    }, Ft = a(() => Tt.value === "number"), rt = (o) => {
       if (Z.value === "number") {
         if (o === "" || o === null || o === void 0)
           return "";
@@ -1420,17 +1420,17 @@ const Ml = ["id"], Nl = ["for"], Fl = {
     }, zt = () => {
       C("clicked");
     }, Va = (o) => {
-      o.stopPropagation(), !(M.value || A.value.inputReadonly) && F.value && F.value.focus();
+      o.stopPropagation(), !(N.value || A.value.inputReadonly) && z.value && z.value.focus();
     }, Xt = () => {
-      M.value || A.value.inputReadonly || !ge.value || C("entered", it(L.value));
+      N.value || A.value.inputReadonly || !pe.value || C("entered", rt(L.value));
     }, Ta = async (o) => {
-      var Le;
-      const b = ((Le = o.clipboardData) == null ? void 0 : Le.getData("text")) || "";
-      C("paste", b), Ye.value && o.preventDefault();
+      var ke;
+      const b = ((ke = o.clipboardData) == null ? void 0 : ke.getData("text")) || "";
+      C("paste", b), je.value && o.preventDefault();
     };
-    return U(Z, (o) => {
-      xt.value = o;
-    }, { immediate: !0 }), U(ee, (o) => {
+    return G(Z, (o) => {
+      Tt.value = o;
+    }, { immediate: !0 }), G(ee, (o) => {
       if (o != null)
         if (Z.value === "number" && typeof o == "number")
           o !== L.value && (L.value = o);
@@ -1440,115 +1440,115 @@ const Ml = ["id"], Nl = ["for"], Fl = {
         }
       else
         L.value !== "" && (L.value = "");
-    }, { immediate: !0 }), U(L, (o) => {
-      We.value && typeof o == "string" && (o = o.trim()), C("changed", it(o));
-    }), U(ft, (o) => {
+    }, { immediate: !0 }), G(L, (o) => {
+      ze.value && typeof o == "string" && (o = o.trim()), C("changed", rt(o));
+    }), G(vt, (o) => {
       C(o ? "focused" : "blurred");
-    }), U(Ct, (o) => {
+    }), G(kt, (o) => {
       C("show-input-eye", o);
-    }, { immediate: !0 }), U(L, (o) => {
-      We.value && typeof o == "string" && (o = o.trim()), C("current-value", it(o));
-    }), U(Z, (o) => {
+    }, { immediate: !0 }), G(L, (o) => {
+      ze.value && typeof o == "string" && (o = o.trim()), C("current-value", rt(o));
+    }), G(Z, (o) => {
       o === "password" && nextTick(() => {
         const b = document.getElementById(h.value);
         b && (b.type = "password", b.removeAttribute("autocomplete"));
       });
-    }), (o, b) => u(P) ? (z(), E("div", Aa({
+    }), (o, b) => u(_) ? (W(), P("div", Aa({
       key: 0,
       class: ["nb-wrapper", It.value],
       style: [Et.value, Gt.value, $t.value],
       role: "input"
     }, ba.value), [
-      pe("div", {
-        id: u(P),
-        class: Ee(["nb-reset", "component", f.value, w.value, Y.value, fa.value]),
-        style: Ae([Nt.value, Gt.value, $t.value]),
+      ve("div", {
+        id: u(_),
+        class: Ee(["nb-reset", "component", f.value, w.value, U.value, fa.value]),
+        style: Be([Nt.value, Gt.value, $t.value]),
         onClick: zt
       }, [
-        u(Qe) ? (z(), E("label", {
+        u(Qe) ? (W(), P("label", {
           key: 0,
-          for: Be.value,
+          for: Te.value,
           class: "component__label",
-          style: Ae([Zt.value]),
+          style: Be([Zt.value]),
           onClick: Va
         }, [
           qt(Dt(u(Mt)), 1),
-          e.required ? (z(), E("span", Fl, "*")) : se("", !0)
-        ], 12, Nl)) : se("", !0),
-        D.value ? (z(), E("div", {
+          e.required ? (W(), P("span", Fl, "*")) : oe("", !0)
+        ], 12, Nl)) : oe("", !0),
+        D.value ? (W(), P("div", {
           key: 1,
           class: Ee(["component__eye", Qt.value]),
-          style: Ae([$t.value]),
+          style: Be([$t.value]),
           onClick: Ot
         }, [
-          pe("label", {
-            for: Be.value,
+          ve("label", {
+            for: Te.value,
             class: Ee(["component__eye-icon", "fas"])
           }, [
-            e.inputEyeCustomIcon ? (z(), E("span", Il, [
-              Ct.value ? Ba(o.$slots, "eye-icon-show", { key: 0 }, () => [
+            e.inputEyeCustomIcon ? (W(), P("span", Il, [
+              kt.value ? Ba(o.$slots, "eye-icon-show", { key: 0 }, () => [
                 b[4] || (b[4] = qt("show"))
               ], !0) : Ba(o.$slots, "eye-icon-hidden", { key: 1 }, () => [
                 b[5] || (b[5] = qt("hidden"))
               ], !0)
-            ])) : (z(), E("span", Wl, Dt(ke.value), 1))
+            ])) : (W(), P("span", Wl, Dt(Ve.value), 1))
           ], 8, zl)
-        ], 6)) : se("", !0),
-        za(pe("input", {
+        ], 6)) : oe("", !0),
+        za(ve("input", {
           ref_key: "inputRef",
-          ref: F,
-          "onUpdate:modelValue": b[0] || (b[0] = (Le) => L.value = Le),
-          id: Be.value,
-          name: Be.value,
-          type: xt.value,
+          ref: z,
+          "onUpdate:modelValue": b[0] || (b[0] = (ke) => L.value = ke),
+          id: Te.value,
+          name: Te.value,
+          type: Tt.value,
           class: Ee(["component__input", [
             i.value,
             pa.value,
             Kt.value
           ]]),
           placeholder: va.value,
-          disabled: u(M) || u(W),
+          disabled: u(N) || u(I),
           required: e.required,
-          readonly: u(W),
+          readonly: u(I),
           autocomplete: e.inputAutocomplete,
-          tabindex: u(M) || u(W) ? -1 : u(Vt),
+          tabindex: u(N) || u(I) ? -1 : u(tt),
           min: Ft.value ? e.min : void 0,
           max: Ft.value ? e.max : void 0,
           step: Ft.value ? e.step : void 0,
           role: "input",
-          style: Ae([$t.value, _t.value]),
-          onFocus: b[1] || (b[1] = (Le) => ft.value = !0),
-          onBlur: b[2] || (b[2] = (Le) => ft.value = !1),
-          onKeydown: b[3] || (b[3] = la((Le) => !u(M) && u(ge) && Xt(), ["enter"])),
+          style: Be([$t.value, _t.value]),
+          onFocus: b[1] || (b[1] = (ke) => vt.value = !0),
+          onBlur: b[2] || (b[2] = (ke) => vt.value = !1),
+          onKeydown: b[3] || (b[3] = la((ke) => !u(N) && u(pe) && Xt(), ["enter"])),
           onPaste: Ta
         }, null, 46, El), [
           [fl, L.value]
         ]),
-        u(p) ? (z(), E("label", {
+        u(p) ? (W(), P("label", {
           key: 2,
-          for: Be.value,
+          for: Te.value,
           class: Ee(["component__icon", ha.value])
         }, [
           Ba(o.$slots, "icon", {}, () => [
-            b[6] || (b[6] = pe("span", null, "♥", -1))
+            b[6] || (b[6] = ve("span", null, "♥", -1))
           ], !0)
-        ], 10, Pl)) : se("", !0)
+        ], 10, Pl)) : oe("", !0)
       ], 14, Ml),
-      ya.value ? (z(), E("div", {
+      ya.value ? (W(), P("div", {
         key: 0,
         class: Ee(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         Ba(o.$slots, "message", {}, () => [
           qt(Dt(e.message), 1)
         ], !0)
-      ], 2)) : se("", !0)
-    ], 16)) : se("", !0);
+      ], 2)) : oe("", !0)
+    ], 16)) : oe("", !0);
   }
 }), Ol = /* @__PURE__ */ Wa(_l, [["__scopeId", "data-v-1dc2e4db"]]);
 const Hl = ["for"], ql = {
   key: 0,
   class: "component__label--required"
-}, jl = ["id"], Yl = ["onClick"], Ul = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Gl = /* @__PURE__ */ Object.assign({
+}, jl = ["id"], Ul = ["onClick"], Yl = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Gl = /* @__PURE__ */ Object.assign({
   name: "NbInputChip",
   inheritAttrs: !1
 }, {
@@ -1891,124 +1891,124 @@ const Hl = ["for"], ql = {
   emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred", "paste"],
   setup(e, { emit: S }) {
     Na((f) => ({
-      "47d9637a": I.value,
-      "65b71666": F.value,
-      "40cfe1aa": u(pt),
+      "47d9637a": jt.value,
+      "65b71666": z.value,
+      "40cfe1aa": u(gt),
       "11f69f5a": u(Ue),
       "7e5dfe4c": u(_e),
-      "81b13832": u(Vt),
-      "29dc2dbf": u(tt),
-      "09f33a88": u(Re),
-      "0b5826d6": u(lt),
-      "19e63f86": u(Tt),
-      "4ccfad94": u(kt),
-      "1a618ed1": u(gt),
+      "81b13832": u(tt),
+      "29dc2dbf": u(we),
+      "09f33a88": u(Se),
+      "0b5826d6": u(st),
+      "19e63f86": u(it),
+      "4ccfad94": u(Lt),
+      "1a618ed1": u(Ye),
       c19173ae: u(x),
       d62c3f1c: u($),
       "2f211428": u(ee),
-      "8764e57c": u(Bt),
-      "3b29a854": St.value,
-      b3f81bb4: Ct.value,
-      "2813ea10": ft.value,
+      "8764e57c": u(bt),
+      "3b29a854": j.value,
+      b3f81bb4: kt.value,
+      "2813ea10": vt.value,
       "5d9d5490": A.value,
       "1883778b": f.styleButtonColor,
       "4be6b620": L.value,
-      "4b848537": u(st),
-      "3360c130": u(xe),
+      "4b848537": u(ut),
+      "3360c130": u(Bt),
       "5309a9be": u(Oe),
-      "755e621a": u(ne)
+      "755e621a": u(se)
     })), La(() => {
-      K.value.length > 0 && (ie.value = K.value);
+      K.value.length > 0 && (Ce.value = K.value);
     });
-    const C = S, k = e, {
-      nbId: P,
-      display: $e,
-      textColor: ge,
-      paddingX: Fe,
-      paddingY: we,
-      borderRadius: de,
+    const C = S, B = e, {
+      nbId: _,
+      display: Le,
+      textColor: pe,
+      paddingX: Ne,
+      paddingY: Ae,
+      borderRadius: re,
       disabled: J,
       fontFamily: Pe,
-      fontSize: ze,
+      fontSize: Fe,
       fontWeight: ae,
       currentList: K,
-      allowDuplicates: M,
+      allowDuplicates: N,
       minChips: le,
-      maxChips: ce,
+      maxChips: ue,
       inputPosition: Q,
-      width: De,
-      inputName: fe,
-      inputPlaceholder: O,
-      inputUppercase: ye,
+      width: $e,
+      inputName: ie,
+      inputPlaceholder: H,
+      inputUppercase: ge,
       inputReadonly: X,
-      blockPaste: Se,
-      inputAutocomplete: be,
-      required: me,
-      textAlign: W,
-      hasBorderRadius: Ye,
+      blockPaste: he,
+      inputAutocomplete: ye,
+      required: be,
+      textAlign: I,
+      hasBorderRadius: je,
       activeTextStyle: v,
       theme: Z,
-      inputStyle: We,
+      inputStyle: ze,
       lightBgColor: Ue,
       lightBgColorFocus: h,
       lightBorderColor: _e,
       lightBorderColorFocus: ee,
-      lightDisabledBgColor: st,
-      lightTextColor: pt,
-      lightChipBgColor: Vt,
-      lightChipTextColor: tt,
-      lightChipRemoveColor: Re,
-      lightDisabledBorderColor: xe,
-      darkBgColor: Tt,
-      darkBgColorFocus: at,
-      darkBorderColor: kt,
-      darkBorderColorFocus: Bt,
+      lightDisabledBgColor: ut,
+      lightTextColor: gt,
+      lightChipBgColor: tt,
+      lightChipTextColor: we,
+      lightChipRemoveColor: Se,
+      lightDisabledBorderColor: Bt,
+      darkBgColor: it,
+      darkBgColorFocus: yt,
+      darkBorderColor: Lt,
+      darkBorderColorFocus: bt,
       darkDisabledBgColor: Oe,
-      darkTextColor: lt,
-      darkChipBgColor: gt,
+      darkTextColor: st,
+      darkChipBgColor: Ye,
       darkChipTextColor: x,
       darkChipRemoveColor: $,
-      darkDisabledBorderColor: ne,
-      tabIndex: te,
-      hasTabIndexEnter: oe,
-      ariaLabel: He,
+      darkDisabledBorderColor: se,
+      tabIndex: q,
+      hasTabIndexEnter: de,
+      ariaLabel: at,
       ariaAttrs: Ge,
-      caretColor: dt,
+      caretColor: We,
       selectionBgColor: p,
-      selectionTextColor: B,
-      showLabel: H,
-      label: re,
-      labelBackground: Ce,
-      labelPadding: Me,
-      labelBorderRadius: Ve,
-      labelLeft: Te,
+      selectionTextColor: T,
+      showLabel: te,
+      label: ne,
+      labelBackground: ce,
+      labelPadding: De,
+      labelBorderRadius: xe,
+      labelLeft: Re,
       inputLabelMarginActive: Ie,
-      labelActiveTop: qe,
+      labelActiveTop: He,
       labelActiveLeft: Ke,
-      fontFamilyLabel: nt,
+      fontFamilyLabel: dt,
       fontSizeLabel: ct,
       fontSizeLabelActive: Rt,
-      fontWeightLabel: yt,
-      lightTextColorLabel: bt,
+      fontWeightLabel: mt,
+      lightTextColorLabel: ht,
       lightTextColorLabelActive: Qe,
       darkTextColorLabel: Mt,
       darkTextColorLabelActive: Ze,
-      fontFamilyChip: mt,
-      fontSizeChip: ue,
-      fontWeightChip: m
-    } = Fa(k), g = G(""), q = G(null), Lt = G(null), ot = G(null), ie = G([]), rt = G(!1), ve = a(() => {
-      const f = J.value ? "component-disabled" : "", w = $e.value !== "b" ? "inline-block" : "block", Y = !De.value || De.value < 185 ? 185 : De.value, i = ge ? ge.value : "ffffff", D = dt.value ? dt.value : "", ke = p.value ? p.value : "", Be = B.value ? B.value : "", va = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 1 : Fe.value, Pt = we.value !== 0 && !we.value || we.value < 0 ? 0.2 : we.value, pa = de.value !== 0 && !de.value || de.value < 0 ? 0 : de.value, Qt = Pe.value ? Pe.value : "'Lato', sans-serif", ga = ze.value ? ze.value : "1.2em", ya = ae.value !== 0 && !ae.value || ae.value < 0 ? 100 : ae.value, ba = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, ma = ce.value !== 0 && !ce.value || ce.value < 0 ? 10 : ce.value, wt = !Q.value || !["top", "bottom"].includes(Q.value) ? "bottom" : Q.value, ha = !We.value || !["background", "line", "border"].includes(We.value) ? "background" : We.value, Sa = Z.value ? Z.value : "light", xa = H.value ? H.value : !1, Ca = Te.value !== 0 && !Te.value || Te.value < 0 ? 5 : Te.value, ut = Ce.value ? Ce.value : "transparent", _t = Ie.value !== 0 && !Ie.value || Ie.value < 0 ? 15 : Ie.value, Zt = Me.value ? Me.value : "1px 5px", Jt = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 0 : Ve.value, Ot = qe.value === null || qe.value === void 0 ? -13 : qe.value, Ft = Ke.value === null || Ke.value === void 0 ? 5 : Ke.value, it = nt.value ? nt.value : "'Lato', sans-serif", zt = ct.value ? ct.value : "1em", Va = Rt.value ? Rt.value : "0.8em", Xt = yt.value ? yt.value : 400, Ta = bt.value ? bt.value : "#333333", o = Mt.value ? Mt.value : "#ffffff", b = Qe.value ? Qe.value : "#333333", Le = Ze.value ? Ze.value : "#ffffff", Je = mt.value ? mt.value : "'Lato', sans-serif", ka = ue.value ? ue.value : "1.2em", ea = m.value ? m.value : 400;
+      fontFamilyChip: ft,
+      fontSizeChip: m,
+      fontWeightChip: R
+    } = Fa(B), g = Y(""), St = Y(null), lt = Y(null), xt = Y(null), Ce = Y([]), nt = Y(!1), fe = a(() => {
+      const f = J.value ? "component-disabled" : "", w = Le.value !== "b" ? "inline-block" : "block", U = !$e.value || $e.value < 185 ? 185 : $e.value, i = pe ? pe.value : "ffffff", D = We.value ? We.value : "", Ve = p.value ? p.value : "", Te = T.value ? T.value : "", va = Ne.value !== 0 && !Ne.value || Ne.value < 0 ? 1 : Ne.value, Pt = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 0.2 : Ae.value, pa = re.value !== 0 && !re.value || re.value < 0 ? 0 : re.value, Qt = Pe.value ? Pe.value : "'Lato', sans-serif", ga = Fe.value ? Fe.value : "1.2em", ya = ae.value !== 0 && !ae.value || ae.value < 0 ? 100 : ae.value, ba = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, ma = ue.value !== 0 && !ue.value || ue.value < 0 ? 10 : ue.value, wt = !Q.value || !["top", "bottom"].includes(Q.value) ? "bottom" : Q.value, ha = !ze.value || !["background", "line", "border"].includes(ze.value) ? "background" : ze.value, Sa = Z.value ? Z.value : "light", xa = te.value ? te.value : !1, Ca = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, ot = ce.value ? ce.value : "transparent", _t = Ie.value !== 0 && !Ie.value || Ie.value < 0 ? 15 : Ie.value, Zt = De.value ? De.value : "1px 5px", Jt = xe.value !== 0 && !xe.value || xe.value < 0 ? 0 : xe.value, Ot = He.value === null || He.value === void 0 ? -13 : He.value, Ft = Ke.value === null || Ke.value === void 0 ? 5 : Ke.value, rt = dt.value ? dt.value : "'Lato', sans-serif", zt = ct.value ? ct.value : "1em", Va = Rt.value ? Rt.value : "0.8em", Xt = mt.value ? mt.value : 400, Ta = ht.value ? ht.value : "#333333", o = Mt.value ? Mt.value : "#ffffff", b = Qe.value ? Qe.value : "#333333", ke = Ze.value ? Ze.value : "#ffffff", Je = ft.value ? ft.value : "'Lato', sans-serif", ka = m.value ? m.value : "1.2em", ea = R.value ? R.value : 400;
       return {
         disabled: f,
         display: w,
-        width: Y,
+        width: U,
         font: Qt,
         fontSize: ga,
         fontWeight: ya,
         textColor: i,
         caretColor: D,
-        selectionBgColor: ke,
-        selectionTextColor: Be,
+        selectionBgColor: Ve,
+        selectionTextColor: Te,
         paddingX: va,
         paddingY: Pt,
         borderRadius: pa,
@@ -2019,39 +2019,39 @@ const Hl = ["for"], ql = {
         theme: Sa,
         showLabel: xa,
         labelLeft: Ca,
-        labelBackground: ut,
+        labelBackground: ot,
         inputLabelMarginActive: _t,
         labelPadding: Zt,
         labelBorderRadius: Jt,
         labelActiveTop: Ot,
         labelActiveLeft: Ft,
-        fontFamilyLabel: it,
+        fontFamilyLabel: rt,
         fontSizeLabel: zt,
         fontSizeLabelActive: Va,
         fontWeightLabel: Xt,
         lightTextColorLabel: Ta,
         darkTextColorLabel: o,
         lightTextColorLabelActive: b,
-        darkTextColorLabelActive: Le,
+        darkTextColorLabelActive: ke,
         fontFamilyChip: Je,
         fontSizeChip: ka,
         fontWeightChip: ea
       };
-    }), jt = a(() => ve.value.disabled), ht = a(() => ({
-      display: ve.value.display
-    })), St = a(() => {
-      const f = ve.value;
+    }), Ct = a(() => fe.value.disabled), Vt = a(() => ({
+      display: fe.value.display
+    })), j = a(() => {
+      const f = fe.value;
       return f.fontSize ? f.fontSize : "1.2em";
-    }), j = a(() => {
-      const f = ve.value, w = $t.value;
+    }), At = a(() => {
+      const f = fe.value, w = $t.value;
       return {
         color: f.textColor,
         padding: `${f.paddingY}rem ${f.paddingX}rem`,
         fontWeight: f.fontWeight,
-        textAlign: W.value,
-        marginTop: w && H.value ? `${f.inputLabelMarginActive}px` : "0"
+        textAlign: I.value,
+        marginTop: w && te.value ? `${f.inputLabelMarginActive}px` : "0"
       };
-    }), At = a(() => {
+    }), F = a(() => {
       switch (v.value) {
         case "italic":
           return "component__text--italic";
@@ -2060,46 +2060,46 @@ const Hl = ["for"], ql = {
         default:
           return "component__text--normal";
       }
-    }), N = a(() => {
-      const f = ve.value;
-      return f.inputStyle !== "line" && Ye.value ? { borderRadius: `${f.borderRadius}rem` } : {};
-    }), I = a(() => ve.value.font), L = a(() => ve.value.textColor), F = a(() => ve.value.inputPosition === "top" ? "column" : "column-reverse"), xt = a(() => {
+    }), E = a(() => {
+      const f = fe.value;
+      return f.inputStyle !== "line" && je.value ? { borderRadius: `${f.borderRadius}rem` } : {};
+    }), jt = a(() => fe.value.font), L = a(() => fe.value.textColor), z = a(() => fe.value.inputPosition === "top" ? "column" : "column-reverse"), Tt = a(() => {
       const f = {};
       Ge.value && Object.keys(Ge.value).forEach((i) => f[`aria-${i}`] = Ge.value[i]);
       const w = {
-        "aria-label": He.value,
+        "aria-label": at.value,
         "aria-disabled": J.value,
         ...f
       };
       return Object.fromEntries(
-        Object.entries(w).filter(([Y, i]) => i != null)
+        Object.entries(w).filter(([U, i]) => i != null)
       );
-    }), Ct = a(() => {
-      const f = ve.value;
+    }), kt = a(() => {
+      const f = fe.value;
       return f.caretColor || (f.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), ft = a(() => {
-      const f = ve.value;
+    }), vt = a(() => {
+      const f = fe.value;
       return f.selectionBgColor || (f.theme === "dark" ? "#00d4ff" : "#007bff");
     }), A = a(() => {
-      const f = ve.value;
+      const f = fe.value;
       return f.selectionTextColor || (f.theme === "dark" ? "#000000" : "#ffffff");
     }), It = a(() => ({
-      caretColor: Ct.value
+      caretColor: kt.value
     })), Et = a(() => ({
-      "--selection-bg-color": ft.value,
+      "--selection-bg-color": vt.value,
       "--selection-text-color": A.value
     })), na = a(() => {
-      const f = ve.value, w = {
+      const f = fe.value, w = {
         width: `${f.width}px`
       };
       return f.display === "block" ? { width: "auto" } : w;
-    }), Nt = a(() => fe.value ? fe.value : `${P.value}-name-label`), $t = a(() => rt.value || ie.value.length > 0 || g.value && g.value.trim().length > 0), oa = a(() => H.value ? rt.value || ie.value.length > 0 ? O.value : "" : O.value), ra = a(() => {
-      const f = ve.value, w = $t.value, Y = w ? f.lightTextColorLabelActive : f.lightTextColorLabel, i = w ? f.darkTextColorLabelActive : f.darkTextColorLabel;
+    }), Nt = a(() => ie.value ? ie.value : `${_.value}-name-label`), $t = a(() => nt.value || Ce.value.length > 0 || g.value && g.value.trim().length > 0), oa = a(() => te.value ? nt.value || Ce.value.length > 0 ? H.value : "" : H.value), ra = a(() => {
+      const f = fe.value, w = $t.value, U = w ? f.lightTextColorLabelActive : f.lightTextColorLabel, i = w ? f.darkTextColorLabelActive : f.darkTextColorLabel;
       return {
         fontFamily: f.fontFamilyLabel,
         fontSize: w ? f.fontSizeLabelActive : f.fontSizeLabel,
         fontWeight: f.fontWeightLabel,
-        color: f.theme === "dark" ? i : Y,
+        color: f.theme === "dark" ? i : U,
         top: w ? `${f.labelActiveTop}px` : "50%",
         left: w ? `${f.labelActiveLeft}px` : `${f.labelLeft}px`,
         transform: w ? "translateY(0)" : "translateY(-50%)",
@@ -2108,8 +2108,8 @@ const Hl = ["for"], ql = {
         padding: w ? f.labelPadding : "0",
         borderRadius: w ? `${f.labelBorderRadius}rem` : "0"
       };
-    }), Yt = a(() => {
-      const f = ve.value;
+    }), Ut = a(() => {
+      const f = fe.value;
       return {
         fontSize: f.fontSizeChip,
         fontWeight: f.fontWeightChip,
@@ -2123,7 +2123,7 @@ const Hl = ["for"], ql = {
           return "component__theme--light";
       }
     }), ia = a(() => {
-      switch (We.value) {
+      switch (ze.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2131,104 +2131,104 @@ const Hl = ["for"], ql = {
         default:
           return "component__input--background";
       }
-    }), Ut = () => {
+    }), Yt = () => {
       C("clicked");
     }, sa = () => {
-      rt.value = !0, C("focused");
+      nt.value = !0, C("focused");
     }, da = () => {
-      rt.value = !1, C("blurred");
+      nt.value = !1, C("blurred");
     }, ca = async (f) => {
-      var Y;
-      const w = ((Y = f.clipboardData) == null ? void 0 : Y.getData("text")) || "";
-      C("paste", w), Se.value && f.preventDefault();
+      var U;
+      const w = ((U = f.clipboardData) == null ? void 0 : U.getData("text")) || "";
+      C("paste", w), he.value && f.preventDefault();
     }, Gt = (f) => {
       if (!(J.value || X.value) && f.key === "Enter" && g.value.trim() !== "") {
         f.preventDefault();
         let w = g.value.trim();
-        ye.value && (w = w.toUpperCase()), (M.value || !ie.value.includes(w)) && fa(w), g.value = "";
+        ge.value && (w = w.toUpperCase()), (N.value || !Ce.value.includes(w)) && fa(w), g.value = "";
       }
     }, fa = (f) => {
-      ie.value.push(f), C("added", f);
+      Ce.value.push(f), C("added", f);
     }, Kt = (f) => {
-      ie.value = ie.value.filter((w) => w !== f), C("removed", f);
+      Ce.value = Ce.value.filter((w) => w !== f), C("removed", f);
     };
-    return U(K, (f) => {
-      ie.value = f, C("changed", f);
-    }), U(g, (f) => {
+    return G(K, (f) => {
+      Ce.value = f, C("changed", f);
+    }), G(g, (f) => {
       C("input-changed", f);
-    }), (f, w) => u(P) ? (z(), E("div", Aa({
+    }), (f, w) => u(_) ? (W(), P("div", Aa({
       key: 0,
-      class: ["nb-wrapper", jt.value],
-      style: [ht.value],
+      class: ["nb-wrapper", Ct.value],
+      style: [Vt.value],
       role: "input"
-    }, xt.value, { onClick: Ut }), [
-      u(H) ? (z(), E("label", {
+    }, Tt.value, { onClick: Yt }), [
+      u(te) ? (W(), P("label", {
         key: 0,
         for: Nt.value,
         class: "component__label",
-        style: Ae([ra.value])
+        style: Be([ra.value])
       }, [
-        qt(Dt(u(re)), 1),
-        u(me) ? (z(), E("span", ql, "*")) : se("", !0)
-      ], 12, Hl)) : se("", !0),
-      pe("div", {
-        id: u(P),
+        qt(Dt(u(ne)), 1),
+        u(be) ? (W(), P("span", ql, "*")) : oe("", !0)
+      ], 12, Hl)) : oe("", !0),
+      ve("div", {
+        id: u(_),
         ref_key: "chipsContainer",
-        ref: q,
+        ref: St,
         class: Ee(["nb-reset", "component", ua.value, ia.value]),
-        style: Ae([j.value, na.value, N.value])
+        style: Be([At.value, na.value, E.value])
       }, [
-        ie.value.length > 0 ? (z(), E("div", {
+        Ce.value.length > 0 ? (W(), P("div", {
           key: 0,
           ref_key: "chips",
-          ref: ot,
+          ref: xt,
           class: "chips"
         }, [
-          (z(!0), E(dl, null, cl(ie.value, (Y) => (z(), E("div", {
-            key: Y,
+          (W(!0), P(dl, null, cl(Ce.value, (U) => (W(), P("div", {
+            key: U,
             class: "chip"
           }, [
             Ba(f.$slots, "chip", {
-              chips: ie.value,
-              chip: Y,
+              chips: Ce.value,
+              chip: U,
               removeChip: Kt
             }, () => [
-              pe("span", {
+              ve("span", {
                 class: "chip-text",
-                style: Ae([Yt.value])
-              }, Dt(Y), 5),
-              !u(J) && !u(X) ? (z(), E("span", {
+                style: Be([Ut.value])
+              }, Dt(U), 5),
+              !u(J) && !u(X) ? (W(), P("span", {
                 key: 0,
                 class: "chip-remove",
-                style: Ae([Yt.value]),
-                onClick: (i) => Kt(Y)
-              }, "×", 12, Yl)) : se("", !0)
+                style: Be([Ut.value]),
+                onClick: (i) => Kt(U)
+              }, "×", 12, Ul)) : oe("", !0)
             ], !0)
           ]))), 128))
-        ], 512)) : se("", !0),
-        za(pe("input", {
+        ], 512)) : oe("", !0),
+        za(ve("input", {
           ref_key: "chipInput",
-          ref: Lt,
+          ref: lt,
           type: "text",
-          "onUpdate:modelValue": w[0] || (w[0] = (Y) => g.value = Y),
+          "onUpdate:modelValue": w[0] || (w[0] = (U) => g.value = U),
           id: Nt.value,
           name: Nt.value,
           placeholder: oa.value,
           readonly: u(X),
-          autocomplete: u(be),
-          required: u(me),
-          tabindex: u(J) || u(X) ? -1 : u(te),
-          class: Ee(["chips-input", At.value]),
-          style: Ae([It.value, Et.value]),
-          onKeydown: w[1] || (w[1] = la((Y) => !u(J) && u(oe) && Gt(Y), ["enter"])),
+          autocomplete: u(ye),
+          required: u(be),
+          tabindex: u(J) || u(X) ? -1 : u(q),
+          class: Ee(["chips-input", F.value]),
+          style: Be([It.value, Et.value]),
+          onKeydown: w[1] || (w[1] = la((U) => !u(J) && u(de) && Gt(U), ["enter"])),
           onFocus: sa,
           onBlur: da,
           onPaste: ca
-        }, null, 46, Ul), [
+        }, null, 46, Yl), [
           [vl, g.value]
         ])
       ], 14, jl)
-    ], 16)) : se("", !0);
+    ], 16)) : oe("", !0);
   }
 }), Kl = /* @__PURE__ */ Wa(Gl, [["__scopeId", "data-v-8a410829"]]);
 const Ql = ["id"], Zl = ["for"], Jl = {
@@ -2629,108 +2629,108 @@ const Ql = ["id"], Zl = ["for"], Jl = {
   ],
   setup(e, { emit: S }) {
     Na((i) => ({
-      a404ea36: ve.value,
-      "08e3a654": u(Vt),
-      "08d189db": N.value,
-      "74be46ed": I.value,
+      a404ea36: fe.value,
+      "08e3a654": u(tt),
+      "08d189db": E.value,
+      "74be46ed": jt.value,
       55733176: L.value,
-      f0c424ec: u(Tt),
-      "649be056": u(xe),
-      "5546cb1c": u(tt),
-      "95eafcf4": u(Re),
-      fd0b12bc: u(pt),
+      f0c424ec: u(it),
+      "649be056": u(Bt),
+      "5546cb1c": u(we),
+      "95eafcf4": u(Se),
+      fd0b12bc: u(gt),
       "5eac3cbe": u(ee),
-      d03f228c: u(st),
-      "6fb52ccb": ot.value,
-      a53475fc: u(at),
+      d03f228c: u(ut),
+      "6fb52ccb": xt.value,
+      a53475fc: u(yt),
       "2a438d7d": $t.value,
-      "13b81d3c": jt.value,
-      "00649ebe": ht.value,
-      a7af40ec: St.value,
-      "89d3ed38": At.value,
+      "13b81d3c": Ct.value,
+      "00649ebe": Vt.value,
+      a7af40ec: j.value,
+      "89d3ed38": F.value,
       "0f68d676": i.styleButtonColor,
-      "13fa7aca": j.value
+      "13fa7aca": At.value
     })), La(() => {
-      ue.value = Ue.value;
+      m.value = Ue.value;
     }), Pa(() => {
       fa();
     });
-    const C = S, k = e, {
-      nbId: P,
-      display: $e,
-      hasTabIndexEnter: ge,
-      ariaLabel: Fe,
-      ariaAttrs: we,
-      textColor: de,
+    const C = S, B = e, {
+      nbId: _,
+      display: Le,
+      hasTabIndexEnter: pe,
+      ariaLabel: Ne,
+      ariaAttrs: Ae,
+      textColor: re,
       caretColor: J,
       selectionBgColor: Pe,
-      selectionTextColor: ze,
+      selectionTextColor: Fe,
       hasBorderRadius: ae,
       borderRadius: K,
-      disabled: M,
+      disabled: N,
       fontFamily: le,
-      fontSize: ce,
+      fontSize: ue,
       fontWeight: Q,
-      fontFamilyMsg: De,
-      fontSizeMsg: fe,
-      fontWeightMsg: O,
-      textMessageColor: ye,
+      fontFamilyMsg: $e,
+      fontSizeMsg: ie,
+      fontWeightMsg: H,
+      textMessageColor: ge,
       inputWidth: X,
-      inputStyle: Se,
-      activeTextStyle: be,
-      inputReadonly: me,
-      blockPaste: W,
-      hasTrim: Ye,
+      inputStyle: he,
+      activeTextStyle: ye,
+      inputReadonly: be,
+      blockPaste: I,
+      hasTrim: je,
       inputUppercase: v,
       inputName: Z,
-      inputPlaceholder: We,
+      inputPlaceholder: ze,
       inputText: Ue,
       theme: h,
       tabindex: _e,
       lightBgColor: ee,
-      lightBgColorFocus: st,
-      lightDisabledBgColor: pt,
-      lightTextColor: Vt,
-      darkBgColor: tt,
-      darkBgColorFocus: Re,
-      darkDisabledBgColor: xe,
-      darkTextColor: Tt,
-      textAlign: at,
-      showMsg: kt,
-      hasMsg: Bt,
+      lightBgColorFocus: ut,
+      lightDisabledBgColor: gt,
+      lightTextColor: tt,
+      darkBgColor: we,
+      darkBgColorFocus: Se,
+      darkDisabledBgColor: Bt,
+      darkTextColor: it,
+      textAlign: yt,
+      showMsg: Lt,
+      hasMsg: bt,
       showLabel: Oe,
-      labelBackground: lt,
-      labelPadding: gt,
+      labelBackground: st,
+      labelPadding: Ye,
       labelBorderRadius: x,
       labelLeft: $,
-      inputLabelMarginActive: ne,
-      labelActiveTop: te,
-      labelActiveLeft: oe,
-      fontFamilyLabel: He,
+      inputLabelMarginActive: se,
+      labelActiveTop: q,
+      labelActiveLeft: de,
+      fontFamilyLabel: at,
       fontSizeLabel: Ge,
-      fontSizeLabelActive: dt,
+      fontSizeLabelActive: We,
       fontWeightLabel: p,
-      lightTextColorLabel: B,
-      lightTextColorLabelActive: H,
-      darkTextColorLabel: re,
-      darkTextColorLabelActive: Ce,
-      rows: Me,
-      cols: Ve,
-      maxlength: Te,
+      lightTextColorLabel: T,
+      lightTextColorLabelActive: te,
+      darkTextColorLabel: ne,
+      darkTextColorLabelActive: ce,
+      rows: De,
+      cols: xe,
+      maxlength: Re,
       minlength: Ie,
-      wrap: qe,
+      wrap: He,
       spellcheck: Ke,
-      autofocus: nt,
+      autofocus: dt,
       resize: ct,
       minWidth: Rt,
-      maxWidth: yt,
-      minHeight: bt,
+      maxWidth: mt,
+      minHeight: ht,
       maxHeight: Qe,
       autoResize: Mt,
       minRows: Ze,
-      maxRows: mt
-    } = Fa(k), ue = G(""), m = G(!1), g = a(() => {
-      const i = M.value ? "component-disabled" : "", D = $e.value !== "b" ? "inline-block" : "block", ke = de ? de.value : "ffffff", Be = J.value ? J.value : "", va = Pe.value ? Pe.value : "", Pt = ze.value ? ze.value : "", pa = ae.value ? ae.value : !1, Qt = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, ga = le.value ? le.value : "'Lato', sans-serif", ya = ce.value ? ce.value : "1.4em", ba = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, ma = De.value ? De.value : "'Lato', sans-serif", wt = fe.value ? fe.value : "1em", ha = O.value !== 0 && !O.value || O.value < 0 ? 100 : O.value, Sa = ye.value ? ye.value : "#f15574", xa = X.value ? X.value : 200, Ca = be.value ? be.value : "normal", ut = me.value ? me.value : !1, _t = v.value ? v.value : !1, Zt = h.value ? h.value : "normal", Jt = at.value ? at.value : "left", Ot = Se.value ? Se.value : "background", Ft = Oe.value ? Oe.value : !1, it = $.value !== 0 && !$.value || $.value < 0 ? 5 : $.value, zt = lt.value ? lt.value : "transparent", Va = ne.value !== 0 && !ne.value || ne.value < 0 ? 15 : ne.value, Xt = gt.value ? gt.value : "1px 5px", Ta = x.value !== 0 && !x.value || x.value < 0 ? 0 : x.value, o = te.value === null || te.value === void 0 ? -13 : te.value, b = oe.value === null || oe.value === void 0 ? -10 : oe.value, Le = He.value ? He.value : "'Lato', sans-serif", Je = Ge.value ? Ge.value : "1em", ka = dt.value ? dt.value : "0.8em", ea = p.value ? p.value : 400, $a = B.value ? B.value : "#ffffff", wa = re.value ? re.value : "#000000", Wt = H.value ? H.value : "#ffffff", ta = Ce.value ? Ce.value : "#000000", Ht = Me.value && Me.value > 0 ? Me.value : 2, Da = Ve.value && Ve.value > 0 ? Ve.value : 20, Ia = Te.value !== null && Te.value >= 0 ? Te.value : null, Ra = Ie.value !== null && Ie.value >= 0 ? Ie.value : null, he = qe.value && ["soft", "hard", "off"].includes(qe.value) ? qe.value : "soft", Ea = Ke.value !== void 0 ? Ke.value : "default", vt = nt.value !== void 0 ? nt.value : !1, t = ct.value && ["none", "both", "vertical", "horizontal"].includes(ct.value) ? ct.value : "vertical", l = Rt.value ? Rt.value : "auto", n = yt.value ? yt.value : "auto", r = bt.value ? bt.value : "auto", d = Qe.value ? Qe.value : "auto", s = Mt.value !== void 0 ? Mt.value : !1, c = Ze.value !== null && Ze.value > 0 ? Ze.value : null, y = mt.value !== null && mt.value > 0 ? mt.value : null;
+      maxRows: ft
+    } = Fa(B), m = Y(""), R = Y(!1), g = a(() => {
+      const i = N.value ? "component-disabled" : "", D = Le.value !== "b" ? "inline-block" : "block", Ve = re ? re.value : "ffffff", Te = J.value ? J.value : "", va = Pe.value ? Pe.value : "", Pt = Fe.value ? Fe.value : "", pa = ae.value ? ae.value : !1, Qt = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, ga = le.value ? le.value : "'Lato', sans-serif", ya = ue.value ? ue.value : "1.4em", ba = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, ma = $e.value ? $e.value : "'Lato', sans-serif", wt = ie.value ? ie.value : "1em", ha = H.value !== 0 && !H.value || H.value < 0 ? 100 : H.value, Sa = ge.value ? ge.value : "#f15574", xa = X.value ? X.value : 200, Ca = ye.value ? ye.value : "normal", ot = be.value ? be.value : !1, _t = v.value ? v.value : !1, Zt = h.value ? h.value : "normal", Jt = yt.value ? yt.value : "left", Ot = he.value ? he.value : "background", Ft = Oe.value ? Oe.value : !1, rt = $.value !== 0 && !$.value || $.value < 0 ? 5 : $.value, zt = st.value ? st.value : "transparent", Va = se.value !== 0 && !se.value || se.value < 0 ? 15 : se.value, Xt = Ye.value ? Ye.value : "1px 5px", Ta = x.value !== 0 && !x.value || x.value < 0 ? 0 : x.value, o = q.value === null || q.value === void 0 ? -13 : q.value, b = de.value === null || de.value === void 0 ? -10 : de.value, ke = at.value ? at.value : "'Lato', sans-serif", Je = Ge.value ? Ge.value : "1em", ka = We.value ? We.value : "0.8em", ea = p.value ? p.value : 400, $a = T.value ? T.value : "#ffffff", wa = ne.value ? ne.value : "#000000", Wt = te.value ? te.value : "#ffffff", ta = ce.value ? ce.value : "#000000", Ht = De.value && De.value > 0 ? De.value : 2, Da = xe.value && xe.value > 0 ? xe.value : 20, Ia = Re.value !== null && Re.value >= 0 ? Re.value : null, Ra = Ie.value !== null && Ie.value >= 0 ? Ie.value : null, me = He.value && ["soft", "hard", "off"].includes(He.value) ? He.value : "soft", Ea = Ke.value !== void 0 ? Ke.value : "default", pt = dt.value !== void 0 ? dt.value : !1, t = ct.value && ["none", "both", "vertical", "horizontal"].includes(ct.value) ? ct.value : "vertical", l = Rt.value ? Rt.value : "auto", n = mt.value ? mt.value : "auto", r = ht.value ? ht.value : "auto", d = Qe.value ? Qe.value : "auto", s = Mt.value !== void 0 ? Mt.value : !1, c = Ze.value !== null && Ze.value > 0 ? Ze.value : null, y = ft.value !== null && ft.value > 0 ? ft.value : null;
       return {
         disabled: i,
         display: D,
@@ -2741,8 +2741,8 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         fontSizeMsg: wt,
         fontWeightMsg: ha,
         textMessageColor: Sa,
-        textColor: ke,
-        caretColor: Be,
+        textColor: Ve,
+        caretColor: Te,
         selectionBgColor: va,
         selectionTextColor: Pt,
         hasBorderRadius: pa,
@@ -2750,7 +2750,7 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         textAlign: Jt,
         inputWidth: xa,
         activeTextStyle: Ca,
-        inputReadonly: ut,
+        inputReadonly: ot,
         inputUppercase: _t,
         theme: Zt,
         inputStyle: Ot,
@@ -2758,11 +2758,11 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         labelBackground: zt,
         labelPadding: Xt,
         labelBorderRadius: Ta,
-        labelLeft: it,
+        labelLeft: rt,
         inputLabelMarginActive: Va,
         labelActiveTop: o,
         labelActiveLeft: b,
-        fontFamilyLabel: Le,
+        fontFamilyLabel: ke,
         fontSizeLabel: Je,
         fontSizeLabelActive: ka,
         fontWeightLabel: ea,
@@ -2774,9 +2774,9 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         cols: Da,
         maxlength: Ia,
         minlength: Ra,
-        wrap: he,
+        wrap: me,
         spellcheck: Ea,
-        autofocus: vt,
+        autofocus: pt,
         resize: t,
         minWidth: l,
         maxWidth: n,
@@ -2786,36 +2786,36 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         minRows: c,
         maxRows: y
       };
-    }), q = a(() => g.value.disabled), Lt = a(() => ({
+    }), St = a(() => g.value.disabled), lt = a(() => ({
       display: g.value.display
-    })), ot = a(() => {
+    })), xt = a(() => {
       const i = g.value;
       return i.fontSize ? i.fontSize : "1.4em";
-    }), ie = a(() => {
+    }), Ce = a(() => {
       const i = g.value, D = Nt.value;
       return {
         fontWeight: i.fontWeight,
         marginTop: D && Oe.value ? `${i.inputLabelMarginActive}px` : "0"
       };
-    }), rt = a(() => {
+    }), nt = a(() => {
       const i = g.value;
       return i.inputStyle !== "line" && i.hasBorderRadius ? { borderRadius: `${i.borderRadius}rem` } : {};
-    }), ve = a(() => g.value.font), jt = a(() => g.value.fontFamilyMsg), ht = a(() => g.value.fontSizeMsg), St = a(() => g.value.fontWeightMsg), j = a(() => g.value.textColor), At = a(() => g.value.textMessageColor), N = a(() => {
+    }), fe = a(() => g.value.font), Ct = a(() => g.value.fontFamilyMsg), Vt = a(() => g.value.fontSizeMsg), j = a(() => g.value.fontWeightMsg), At = a(() => g.value.textColor), F = a(() => g.value.textMessageColor), E = a(() => {
       const i = g.value;
       return i.caretColor || (i.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), I = a(() => {
+    }), jt = a(() => {
       const i = g.value;
       return i.selectionBgColor || (i.theme === "dark" ? "#00d4ff" : "#007bff");
     }), L = a(() => {
       const i = g.value;
       return i.selectionTextColor || (i.theme === "dark" ? "#000000" : "#ffffff");
-    }), F = a(() => {
+    }), z = a(() => {
       const i = g.value;
       return i.display === "block" ? { width: "100%" } : {
         width: `${i.inputWidth}px`
       };
-    }), xt = a(() => {
-      switch (Se.value) {
+    }), Tt = a(() => {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2823,7 +2823,7 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         default:
           return "component__input--background";
       }
-    }), Ct = a(() => {
+    }), kt = a(() => {
       switch (g.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
@@ -2832,33 +2832,33 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         default:
           return "component__input--active--normal";
       }
-    }), ft = a(() => {
+    }), vt = a(() => {
       switch (g.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), A = a(() => g.value.inputReadonly ? "component__input--read-only" : ""), It = a(() => g.value.inputUppercase ? "component__input--uppercase" : ""), Et = a(() => Z.value ? Z.value : `${P.value}-name-label`), na = a(() => Oe.value ? m.value ? We.value : "" : We.value), Nt = a(() => m.value || ue.value && ue.value.trim().length > 0);
-    a(() => m.value ? "component__input--active" : "component__input--no-active");
-    const $t = a(() => "6px 10px"), oa = a(() => !!(kt.value && Bt.value)), ra = a(() => {
+    }), A = a(() => g.value.inputReadonly ? "component__input--read-only" : ""), It = a(() => g.value.inputUppercase ? "component__input--uppercase" : ""), Et = a(() => Z.value ? Z.value : `${_.value}-name-label`), na = a(() => Oe.value ? R.value ? ze.value : "" : ze.value), Nt = a(() => R.value || m.value && m.value.trim().length > 0);
+    a(() => R.value ? "component__input--active" : "component__input--no-active");
+    const $t = a(() => "6px 10px"), oa = a(() => !!(Lt.value && bt.value)), ra = a(() => {
       const i = {};
-      we.value && Object.keys(we.value).forEach((Be) => i[`aria-${Be}`] = we.value[Be]);
+      Ae.value && Object.keys(Ae.value).forEach((Te) => i[`aria-${Te}`] = Ae.value[Te]);
       const D = {
-        "aria-label": Fe.value,
-        "aria-disabled": M.value,
+        "aria-label": Ne.value,
+        "aria-disabled": N.value,
         ...i
       };
       return Object.fromEntries(
-        Object.entries(D).filter(([ke, Be]) => Be != null)
+        Object.entries(D).filter(([Ve, Te]) => Te != null)
       );
-    }), Yt = a(() => {
-      const i = g.value, D = Nt.value, ke = D ? i.lightTextColorLabelActive : i.lightTextColorLabel, Be = D ? i.darkTextColorLabelActive : i.darkTextColorLabel;
+    }), Ut = a(() => {
+      const i = g.value, D = Nt.value, Ve = D ? i.lightTextColorLabelActive : i.lightTextColorLabel, Te = D ? i.darkTextColorLabelActive : i.darkTextColorLabel;
       return {
         fontFamily: i.fontFamilyLabel,
         fontSize: D ? i.fontSizeLabelActive : i.fontSizeLabel,
         fontWeight: i.fontWeightLabel,
-        color: i.theme === "dark" ? Be : ke,
+        color: i.theme === "dark" ? Te : Ve,
         top: D ? `${i.labelActiveTop}px` : "50%",
         left: D ? `${i.labelActiveLeft}px` : `${i.labelLeft}px`,
         transform: D ? "translateY(0)" : "translateY(-50%)",
@@ -2883,7 +2883,7 @@ const Ql = ["id"], Zl = ["for"], Jl = {
       return i.maxlength !== null && (D.maxlength = i.maxlength), i.minlength !== null && (D.minlength = i.minlength), D;
     }), ia = a(() => ({
       resize: g.value.resize
-    })), Ut = a(() => g.value.wrap === "off" ? {
+    })), Yt = a(() => g.value.wrap === "off" ? {
       whiteSpace: "nowrap",
       overflowX: "auto"
     } : {}), sa = a(() => {
@@ -2907,83 +2907,83 @@ const Ql = ["id"], Zl = ["for"], Jl = {
         maxHeight: i.maxHeight
       };
     }), fa = () => {
-      ue.value = Ue.value;
+      m.value = Ue.value;
     }, Kt = () => {
       C("clicked");
     }, f = () => {
-      M.value || g.value.inputReadonly || !ge.value || C("entered", ue.value);
+      N.value || g.value.inputReadonly || !pe.value || C("entered", m.value);
     }, w = async (i) => {
-      var ke;
-      const D = ((ke = i.clipboardData) == null ? void 0 : ke.getData("text")) || "";
-      C("paste", D), W.value && i.preventDefault();
-    }, Y = () => {
-      let i = ue.value;
-      Ye.value && (i = i.trim()), C("current-value", i);
+      var Ve;
+      const D = ((Ve = i.clipboardData) == null ? void 0 : Ve.getData("text")) || "";
+      C("paste", D), I.value && i.preventDefault();
+    }, U = () => {
+      let i = m.value;
+      je.value && (i = i.trim()), C("current-value", i);
     };
-    return U(Ue, (i) => {
-      i !== ue.value && (ue.value = i);
-    }, { immediate: !0 }), U(ue, (i) => {
-      Ye.value && (i = i.trim()), C("changed", i);
-    }), U(m, (i) => {
+    return G(Ue, (i) => {
+      i !== m.value && (m.value = i);
+    }, { immediate: !0 }), G(m, (i) => {
+      je.value && (i = i.trim()), C("changed", i);
+    }), G(R, (i) => {
       C(i ? "focused" : "blurred");
-    }), U(ue, () => {
-      Y();
-    }, { immediate: !0 }), (i, D) => u(P) ? (z(), E("div", Aa({
+    }), G(m, () => {
+      U();
+    }, { immediate: !0 }), (i, D) => u(_) ? (W(), P("div", Aa({
       key: 0,
-      class: ["nb-wrapper", q.value],
-      style: [Lt.value, F.value, rt.value],
+      class: ["nb-wrapper", St.value],
+      style: [lt.value, z.value, nt.value],
       role: "input"
     }, ra.value), [
-      pe("div", {
-        id: u(P),
-        class: Ee(["nb-reset", "component", ft.value, A.value, xt.value]),
-        style: Ae([ie.value, F.value, rt.value]),
+      ve("div", {
+        id: u(_),
+        class: Ee(["nb-reset", "component", vt.value, A.value, Tt.value]),
+        style: Be([Ce.value, z.value, nt.value]),
         onClick: Kt
       }, [
-        u(Oe) ? (z(), E("label", {
+        u(Oe) ? (W(), P("label", {
           key: 0,
           for: Et.value,
           class: "component__label",
-          style: Ae([Yt.value])
+          style: Be([Ut.value])
         }, [
           qt(Dt(e.label), 1),
-          e.required ? (z(), E("span", Jl, "*")) : se("", !0)
-        ], 12, Zl)) : se("", !0),
-        za(pe("textarea", Aa({
-          "onUpdate:modelValue": D[0] || (D[0] = (ke) => ue.value = ke),
+          e.required ? (W(), P("span", Jl, "*")) : oe("", !0)
+        ], 12, Zl)) : oe("", !0),
+        za(ve("textarea", Aa({
+          "onUpdate:modelValue": D[0] || (D[0] = (Ve) => m.value = Ve),
           id: Et.value,
           name: Et.value
         }, ua.value, {
           class: ["component__input", [
             It.value,
-            Ct.value
+            kt.value
           ]],
           placeholder: na.value,
-          disabled: u(M) || u(me),
+          disabled: u(N) || u(be),
           required: e.required,
-          readonly: u(me),
+          readonly: u(be),
           autocomplete: e.inputAutocomplete,
-          tabindex: u(M) || u(me) ? -1 : u(_e),
+          tabindex: u(N) || u(be) ? -1 : u(_e),
           role: "textbox",
-          style: [rt.value, ia.value, Ut.value, sa.value, da.value, ca.value, Gt.value],
-          onFocus: D[1] || (D[1] = (ke) => m.value = !0),
-          onBlur: D[2] || (D[2] = (ke) => m.value = !1),
-          onInput: Y,
-          onKeydown: D[3] || (D[3] = la((ke) => !u(M) && u(ge) && f(), ["enter"])),
+          style: [nt.value, ia.value, Yt.value, sa.value, da.value, ca.value, Gt.value],
+          onFocus: D[1] || (D[1] = (Ve) => R.value = !0),
+          onBlur: D[2] || (D[2] = (Ve) => R.value = !1),
+          onInput: U,
+          onKeydown: D[3] || (D[3] = la((Ve) => !u(N) && u(pe) && f(), ["enter"])),
           onPaste: w
         }), null, 16, Xl), [
-          [vl, ue.value]
+          [vl, m.value]
         ])
       ], 14, Ql),
-      oa.value ? (z(), E("div", {
+      oa.value ? (W(), P("div", {
         key: 0,
         class: Ee(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         Ba(i.$slots, "message", {}, () => [
           qt(Dt(e.message), 1)
         ], !0)
-      ], 2)) : se("", !0)
-    ], 16)) : se("", !0);
+      ], 2)) : oe("", !0)
+    ], 16)) : oe("", !0);
   }
 }), tn = /* @__PURE__ */ Wa(en, [["__scopeId", "data-v-63673665"]]);
 const an = ["id"], ln = ["for"], nn = {
@@ -3121,15 +3121,9 @@ const an = ["id"], ln = ["for"], nn = {
       default: null,
       validator: (e) => e === null || typeof e == "boolean"
     },
-    useCustomCalendar: {
-      type: Boolean,
-      default: !0,
-      // true = usa customizado por padrão, false = força nativo
-      validator: (e) => typeof e == "boolean"
-    },
     locale: {
       type: String,
-      default: "pt-BR",
+      default: "en-US",
       validator: (e) => ["pt-BR", "en-US"].includes(e)
     },
     allowRange: {
@@ -3638,29 +3632,29 @@ const an = ["id"], ln = ["for"], nn = {
   ],
   setup(e, { emit: S }) {
     Na((t) => ({
-      "5fa56593": Et.value,
-      "3e2d75dd": ft.value,
-      "07c1f3f8": u(x),
-      "1a5bd66d": Yt.value,
-      "3bad5dff": ua.value,
-      c667fc52: ia.value,
-      "5616369c": u(oe),
-      "4facd830": u(te),
-      b5cffff8: u($),
-      "055360ba": oa.value,
-      "566c7198": u(ne),
-      "76ae492c": va.value,
-      "52981b8e": Pt.value,
-      "7fa33550": u(gt),
-      f344ed28: u(Oe),
-      "7009decc": u(lt),
-      15816714: u(He),
-      "51f4da2b": D.value,
-      74415218: na.value,
-      "1157fd33": Nt.value,
-      f75c60c8: $t.value,
-      fbf5bf14: ra.value,
-      "2f281c24": t.styleButtonColor
+      "1578cd41": Et.value,
+      "07ae5c22": vt.value,
+      "04e1a79c": u(Ye),
+      "46f075ff": Ut.value,
+      "5946efde": ua.value,
+      "0558ef69": ia.value,
+      "141192ae": u(q),
+      "63601a7a": u(se),
+      "7fff3896": u(x),
+      deec3168: oa.value,
+      "3ac919e2": u($),
+      "2aa82e18": va.value,
+      "2b7174c0": Pt.value,
+      "5b3d80fe": u(st),
+      "085d631a": u(bt),
+      "6c163c44": u(Oe),
+      "10bcc7b4": u(de),
+      "5816984e": D.value,
+      be72e0f4: na.value,
+      "3dec9cc5": Nt.value,
+      "43865aa4": $t.value,
+      "19b44a88": ra.value,
+      d5b1225c: t.styleButtonColor
     }));
     const C = hl(
       () => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
@@ -3670,83 +3664,82 @@ const an = ["id"], ln = ["for"], nn = {
     }), Pa(() => {
       Qt();
     });
-    const k = S, P = e, {
-      nbId: $e,
-      display: ge,
-      hasTabIndexEnter: Fe,
-      ariaLabel: we,
-      ariaAttrs: de,
+    const B = S, _ = e, {
+      nbId: Le,
+      display: pe,
+      hasTabIndexEnter: Ne,
+      ariaLabel: Ae,
+      ariaAttrs: re,
       caretColor: J,
       selectionBgColor: Pe,
-      selectionTextColor: ze,
+      selectionTextColor: Fe,
       hasBorderRadius: ae,
       borderRadius: K,
-      disabled: M,
+      disabled: N,
       fontFamily: le,
-      fontSize: ce,
+      fontSize: ue,
       fontWeight: Q,
-      fontFamilyMsg: De,
-      fontSizeMsg: fe,
-      fontWeightMsg: O,
-      textMessageColor: ye,
+      fontFamilyMsg: $e,
+      fontSizeMsg: ie,
+      fontWeightMsg: H,
+      textMessageColor: ge,
       inputWidth: X,
-      inputStyle: Se,
-      activeTextStyle: be,
-      sizeMediaQuery: me,
-      inputReadonly: W,
-      blockPaste: Ye,
+      inputStyle: he,
+      activeTextStyle: ye,
+      sizeMediaQuery: be,
+      inputReadonly: I,
+      blockPaste: je,
       inputType: v,
       hasTrim: Z,
-      inputUppercase: We,
+      inputUppercase: ze,
       inputName: Ue,
       inputText: h,
       min: _e,
       max: ee,
-      step: st,
-      hasSeconds: pt,
-      useCustomCalendar: Vt,
+      step: ut,
+      hasSeconds: gt,
       locale: tt,
-      theme: Re,
-      allowRange: xe,
-      calendarZIndex: Tt,
-      calendarWidth: at,
-      blockClicksWithoutEvents: kt,
-      tabindex: Bt,
-      lightBgColor: Oe,
-      lightBgColorFocus: lt,
-      lightDisabledBgColor: gt,
-      lightTextColor: x,
-      darkBgColor: $,
-      darkBgColorFocus: ne,
-      darkDisabledBgColor: te,
-      darkTextColor: oe,
-      textAlign: He,
-      showMsg: Ge,
-      hasMsg: dt,
-      showLabel: p,
-      label: B,
-      labelBreakOnActive: H,
-      labelBackground: re,
-      labelPadding: Ce,
-      labelBorderRadius: Me,
-      labelLeft: Ve,
-      inputLabelMarginActive: Te,
-      labelActiveTop: Ie,
-      labelActiveLeft: qe,
-      labelRight: Ke,
-      labelActiveRight: nt,
-      fontFamilyLabel: ct,
-      fontSizeLabel: Rt,
-      fontSizeLabelActive: yt,
-      fontWeightLabel: bt,
-      lightTextColorLabel: Qe,
-      lightTextColorLabelActive: Mt,
-      darkTextColorLabel: Ze,
-      darkTextColorLabelActive: mt,
-      required: ue
-    } = Fa(P), m = G(""), g = G(""), q = G(""), Lt = G(""), ot = G(!1), ie = G(!1), rt = a(() => !at.value || at.value < 280 ? 280 : parseInt(at.value, 10)), ve = a(() => {
-      if (pt.value !== null)
-        return pt.value;
+      theme: we,
+      allowRange: Se,
+      calendarZIndex: Bt,
+      calendarWidth: it,
+      blockClicksWithoutEvents: yt,
+      tabindex: Lt,
+      lightBgColor: bt,
+      lightBgColorFocus: Oe,
+      lightDisabledBgColor: st,
+      lightTextColor: Ye,
+      darkBgColor: x,
+      darkBgColorFocus: $,
+      darkDisabledBgColor: se,
+      darkTextColor: q,
+      textAlign: de,
+      showMsg: at,
+      hasMsg: Ge,
+      showLabel: We,
+      label: p,
+      labelBreakOnActive: T,
+      labelBackground: te,
+      labelPadding: ne,
+      labelBorderRadius: ce,
+      labelLeft: De,
+      inputLabelMarginActive: xe,
+      labelActiveTop: Re,
+      labelActiveLeft: Ie,
+      labelRight: He,
+      labelActiveRight: Ke,
+      fontFamilyLabel: dt,
+      fontSizeLabel: ct,
+      fontSizeLabelActive: Rt,
+      fontWeightLabel: mt,
+      lightTextColorLabel: ht,
+      lightTextColorLabelActive: Qe,
+      darkTextColorLabel: Mt,
+      darkTextColorLabelActive: Ze,
+      required: ft
+    } = Fa(_), m = Y(""), R = Y(""), g = Y(""), St = Y(""), lt = Y(!1), xt = Y(!1), Ce = a(() => !it.value || it.value < 280 ? 280 : parseInt(it.value, 10)), nt = a(() => {
+      if (gt.value !== null)
+        return gt.value;
       if (v.value === "time" || v.value === "datetime-local") {
         const t = (l) => {
           if (!l || typeof l != "string")
@@ -3758,10 +3751,10 @@ const an = ["id"], ln = ["for"], nn = {
           return !0;
       }
       return !1;
-    }), jt = a(() => {
+    }), fe = a(() => {
       if (!m.value)
         return null;
-      if (xe.value && typeof m.value == "string" && m.value.startsWith("{"))
+      if (Se.value && typeof m.value == "string" && m.value.startsWith("{"))
         try {
           const t = JSON.parse(m.value);
           if (t && (t.startDate || t.endDate)) {
@@ -3786,12 +3779,12 @@ const an = ["id"], ln = ["for"], nn = {
         return new Date(t, l - 1, n);
       }
       return m.value;
-    }), ht = (t, l, n) => {
+    }), Ct = (t, l, n) => {
       if (!t)
         return "";
       const r = n || tt.value;
       if (l === "date") {
-        if (xe.value && typeof t == "string" && t.startsWith("{"))
+        if (Se.value && typeof t == "string" && t.startsWith("{"))
           try {
             const d = JSON.parse(t);
             if (d && (d.startDate || d.endDate)) {
@@ -3799,8 +3792,8 @@ const an = ["id"], ln = ["for"], nn = {
                 if (!V)
                   return "";
                 if (/^\d{4}-\d{2}-\d{2}$/.test(V)) {
-                  const [T, R, _] = V.split("-");
-                  return r === "pt-BR" ? `${_}/${R}/${T}` : `${R}/${_}/${T}`;
+                  const [k, M, O] = V.split("-");
+                  return r === "pt-BR" ? `${O}/${M}/${k}` : `${M}/${O}/${k}`;
                 }
                 return V;
               }, c = s(d.startDate), y = s(d.endDate);
@@ -3833,14 +3826,14 @@ const an = ["id"], ln = ["for"], nn = {
       } else if (l === "datetime-local") {
         if (typeof t == "string") {
           if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
-            const [s, c] = t.split("T"), [y, V, T] = s.split("-");
-            return r === "pt-BR" ? `${T}/${V}/${y} ${c}` : `${V}/${T}/${y} ${c}`;
+            const [s, c] = t.split("T"), [y, V, k] = s.split("-");
+            return r === "pt-BR" ? `${k}/${V}/${y} ${c}` : `${V}/${k}/${y} ${c}`;
           }
           if (/^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)(?:Z|[+-]\d{2}:\d{2})?$/.test(t)) {
             const s = new Date(t);
             if (!isNaN(s.getTime())) {
-              const c = s.getFullYear(), y = String(s.getMonth() + 1).padStart(2, "0"), V = String(s.getDate()).padStart(2, "0"), T = String(s.getHours()).padStart(2, "0"), R = String(s.getMinutes()).padStart(2, "0"), _ = String(s.getSeconds()).padStart(2, "0");
-              return r === "pt-BR" ? `${V}/${y}/${c} ${T}:${R}:${_}` : `${y}/${V}/${c} ${T}:${R}:${_}`;
+              const c = s.getFullYear(), y = String(s.getMonth() + 1).padStart(2, "0"), V = String(s.getDate()).padStart(2, "0"), k = String(s.getHours()).padStart(2, "0"), M = String(s.getMinutes()).padStart(2, "0"), O = String(s.getSeconds()).padStart(2, "0");
+              return r === "pt-BR" ? `${V}/${y}/${c} ${k}:${M}:${O}` : `${y}/${V}/${c} ${k}:${M}:${O}`;
             }
           }
         }
@@ -3860,36 +3853,36 @@ const an = ["id"], ln = ["for"], nn = {
         return t;
       }
       return t;
-    }, St = (t, l, n) => {
+    }, Vt = (t, l, n) => {
       if (!t || !t.trim())
         return "";
       const r = t.trim(), d = n || tt.value;
       if (l === "date") {
-        if (xe.value && r.includes("-")) {
-          const s = r.split(/\s*-\s*/).map((T) => T.trim()), c = (T) => {
-            if (!T)
+        if (Se.value && r.includes("-")) {
+          const s = r.split(/\s*-\s*/).map((k) => k.trim()), c = (k) => {
+            if (!k)
               return null;
-            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(T)) {
-              const R = T.split("/");
+            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(k)) {
+              const M = k.split("/");
               if (d === "pt-BR") {
-                const [_, Ne, Xe] = R, je = _.padStart(2, "0"), et = Ne.padStart(2, "0");
-                return `${Xe}-${et}-${je}`;
+                const [O, Me, Xe] = M, qe = O.padStart(2, "0"), et = Me.padStart(2, "0");
+                return `${Xe}-${et}-${qe}`;
               } else {
-                const [_, Ne, Xe] = R, je = Ne.padStart(2, "0"), et = _.padStart(2, "0");
-                return `${Xe}-${et}-${je}`;
+                const [O, Me, Xe] = M, qe = Me.padStart(2, "0"), et = O.padStart(2, "0");
+                return `${Xe}-${et}-${qe}`;
               }
-            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(T)) {
-              const R = T.split("-"), [_, Ne, Xe] = R, je = Xe.padStart(2, "0"), et = Ne.padStart(2, "0");
-              return `${_}-${et}-${je}`;
+            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(k)) {
+              const M = k.split("-"), [O, Me, Xe] = M, qe = Xe.padStart(2, "0"), et = Me.padStart(2, "0");
+              return `${O}-${et}-${qe}`;
             }
             return null;
           };
           let y = c(s[0]), V = s[1] ? c(s[1]) : null;
           if (y && V) {
-            const T = new Date(y);
-            if (new Date(V) < T) {
-              const _ = y;
-              y = V, V = _;
+            const k = new Date(y);
+            if (new Date(V) < k) {
+              const O = y;
+              y = V, V = O;
             }
             return JSON.stringify({ startDate: y, endDate: V });
           } else if (y)
@@ -3899,30 +3892,30 @@ const an = ["id"], ln = ["for"], nn = {
         if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(r)) {
           const s = r.split("/");
           if (d === "pt-BR") {
-            const [c, y, V] = s, T = c.padStart(2, "0"), R = y.padStart(2, "0");
-            return `${V}-${R}-${T}`;
+            const [c, y, V] = s, k = c.padStart(2, "0"), M = y.padStart(2, "0");
+            return `${V}-${M}-${k}`;
           } else {
-            const [c, y, V] = s, T = y.padStart(2, "0"), R = c.padStart(2, "0");
-            return `${V}-${R}-${T}`;
+            const [c, y, V] = s, k = y.padStart(2, "0"), M = c.padStart(2, "0");
+            return `${V}-${M}-${k}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(r)) {
-          const s = r.split("-"), [c, y, V] = s, T = V.padStart(2, "0"), R = y.padStart(2, "0");
-          return `${c}-${R}-${T}`;
+          const s = r.split("-"), [c, y, V] = s, k = V.padStart(2, "0"), M = y.padStart(2, "0");
+          return `${c}-${M}-${k}`;
         }
         return "";
       } else if (l === "datetime-local") {
         if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(r)) {
           const [s, c] = r.split(" "), y = s.split("/");
           if (d === "pt-BR") {
-            const [V, T, R] = y, _ = V.padStart(2, "0"), Ne = T.padStart(2, "0"), je = c.split(":").map((et) => et.padStart(2, "0")).join(":");
-            return `${R}-${Ne}-${_}T${je}`;
+            const [V, k, M] = y, O = V.padStart(2, "0"), Me = k.padStart(2, "0"), qe = c.split(":").map((et) => et.padStart(2, "0")).join(":");
+            return `${M}-${Me}-${O}T${qe}`;
           } else {
-            const [V, T, R] = y, _ = T.padStart(2, "0"), Ne = V.padStart(2, "0"), je = c.split(":").map((et) => et.padStart(2, "0")).join(":");
-            return `${R}-${Ne}-${_}T${je}`;
+            const [V, k, M] = y, O = k.padStart(2, "0"), Me = V.padStart(2, "0"), qe = c.split(":").map((et) => et.padStart(2, "0")).join(":");
+            return `${M}-${Me}-${O}T${qe}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(r)) {
-          const [s, c] = r.split("T"), y = s.split("-"), [V, T, R] = y, _ = R.padStart(2, "0"), Ne = T.padStart(2, "0"), je = c.split(":").map((et) => et.padStart(2, "0")).join(":");
-          return `${V}-${Ne}-${_}T${je}`;
+          const [s, c] = r.split("T"), y = s.split("-"), [V, k, M] = y, O = M.padStart(2, "0"), Me = k.padStart(2, "0"), qe = c.split(":").map((et) => et.padStart(2, "0")).join(":");
+          return `${V}-${Me}-${O}T${qe}`;
         }
         return "";
       } else if (l === "month") {
@@ -3944,32 +3937,32 @@ const an = ["id"], ln = ["for"], nn = {
         return c ? `${c[2]}-W${c[1]}` : "";
       }
       return r;
-    }, j = G(!1), At = G({ top: 0, left: 0 }), N = G(null), I = G(null), L = a(() => Vt.value === !0), F = a(() => {
-      const t = M.value ? "component-disabled" : "", l = ge.value !== "b" ? "inline-block" : "block", n = J.value ? J.value : "", r = Pe.value ? Pe.value : "", d = ze.value ? ze.value : "", s = ae.value ? ae.value : !1, c = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, y = le.value ? le.value : "'Lato', sans-serif", V = ce.value ? ce.value : "1.4em", T = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, R = De.value ? De.value : "'Lato', sans-serif", _ = fe.value ? fe.value : "1em", Ne = O.value !== 0 && !O.value || O.value < 0 ? 100 : O.value, Xe = ye.value ? ye.value : "#f15574", je = X.value ? X.value : 200, et = be.value ? be.value : "normal", _a = "sm", Oa = W.value ? W.value : !1, Ha = v.value ? v.value : "date", qa = We.value ? We.value : !1, ja = Re.value ? Re.value : "normal", Ya = He.value ? He.value : "left", Ua = Se.value ? Se.value : "background", Ga = p.value ? p.value : !1, Ka = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 5 : Ve.value, Qa = re.value ? re.value : "transparent", Za = Te.value !== 0 && !Te.value || Te.value < 0 ? 15 : Te.value, Ja = Ce.value ? Ce.value : "1px 5px", Xa = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, el = Ie.value === null || Ie.value === void 0 ? -13 : Ie.value, tl = qe.value === null || qe.value === void 0 ? -10 : qe.value, al = Ke.value === null || Ke.value === void 0 ? 0 : Ke.value, ll = nt.value === null || nt.value === void 0 ? 0 : nt.value, nl = ct.value ? ct.value : "'Lato', sans-serif", ol = Rt.value ? Rt.value : "1em", rl = yt.value ? yt.value : "0.8em", ul = bt.value ? bt.value : 400, il = Qe.value ? Qe.value : "#ffffff", pl = Ze.value ? Ze.value : "#000000", gl = Mt.value ? Mt.value : "#ffffff", yl = mt.value ? mt.value : "#000000";
+    }, j = Y(!1), At = Y({ top: 0, left: 0 }), F = Y(null), E = Y(null), jt = Y(!0), L = a(() => jt.value === !0), z = a(() => {
+      const t = N.value ? "component-disabled" : "", l = pe.value !== "b" ? "inline-block" : "block", n = J.value ? J.value : "", r = Pe.value ? Pe.value : "", d = Fe.value ? Fe.value : "", s = ae.value ? ae.value : !1, c = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, y = le.value ? le.value : "'Lato', sans-serif", V = ue.value ? ue.value : "1.4em", k = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, M = $e.value ? $e.value : "'Lato', sans-serif", O = ie.value ? ie.value : "1em", Me = H.value !== 0 && !H.value || H.value < 0 ? 100 : H.value, Xe = ge.value ? ge.value : "#f15574", qe = X.value ? X.value : 200, et = ye.value ? ye.value : "normal", _a = "sm", Oa = I.value ? I.value : !1, Ha = v.value ? v.value : "date", qa = ze.value ? ze.value : !1, ja = we.value ? we.value : "normal", Ua = de.value ? de.value : "left", Ya = he.value ? he.value : "background", Ga = We.value ? We.value : !1, Ka = De.value !== 0 && !De.value || De.value < 0 ? 5 : De.value, Qa = te.value ? te.value : "transparent", Za = xe.value !== 0 && !xe.value || xe.value < 0 ? 15 : xe.value, Ja = ne.value ? ne.value : "1px 5px", Xa = ce.value !== 0 && !ce.value || ce.value < 0 ? 0 : ce.value, el = Re.value === null || Re.value === void 0 ? -13 : Re.value, tl = Ie.value === null || Ie.value === void 0 ? -10 : Ie.value, al = He.value === null || He.value === void 0 ? 0 : He.value, ll = Ke.value === null || Ke.value === void 0 ? 0 : Ke.value, nl = dt.value ? dt.value : "'Lato', sans-serif", ol = ct.value ? ct.value : "1em", rl = Rt.value ? Rt.value : "0.8em", ul = mt.value ? mt.value : 400, il = ht.value ? ht.value : "#ffffff", pl = Mt.value ? Mt.value : "#000000", gl = Qe.value ? Qe.value : "#ffffff", yl = Ze.value ? Ze.value : "#000000";
       return {
         disabled: t,
         display: l,
         font: y,
         fontSize: V,
-        fontWeight: T,
-        fontFamilyMsg: R,
-        fontSizeMsg: _,
-        fontWeightMsg: Ne,
+        fontWeight: k,
+        fontFamilyMsg: M,
+        fontSizeMsg: O,
+        fontWeightMsg: Me,
         textMessageColor: Xe,
         caretColor: n,
         selectionBgColor: r,
         selectionTextColor: d,
         hasBorderRadius: s,
         borderRadius: c,
-        textAlign: Ya,
-        inputWidth: je,
+        textAlign: Ua,
+        inputWidth: qe,
         activeTextStyle: et,
         sizeMediaQuery: _a,
         inputReadonly: Oa,
         inputType: Ha,
         inputUppercase: qa,
         theme: ja,
-        inputStyle: Ua,
+        inputStyle: Ya,
         showLabel: Ga,
         labelBackground: Qa,
         labelPadding: Ja,
@@ -3989,41 +3982,41 @@ const an = ["id"], ln = ["for"], nn = {
         lightTextColorLabelActive: gl,
         darkTextColorLabelActive: yl
       };
-    }), xt = a(() => F.value.disabled), Ct = a(() => {
-      const t = F.value, l = Y.value;
+    }), Tt = a(() => z.value.disabled), kt = a(() => {
+      const t = z.value, l = U.value;
       return {
         display: t.display,
         // Adiciona padding-top quando o label está ativo para evitar que seja cortado
-        paddingTop: l && p.value ? `${Math.abs(t.labelActiveTop)}px` : "0"
+        paddingTop: l && We.value ? `${Math.abs(t.labelActiveTop)}px` : "0"
       };
-    }), ft = a(() => {
-      const t = F.value;
+    }), vt = a(() => {
+      const t = z.value;
       return t.fontSize ? t.fontSize : "1.4em";
     }), A = a(() => {
-      const t = F.value, l = Y.value;
+      const t = z.value, l = U.value;
       return {
         fontWeight: t.fontWeight,
-        marginTop: l && p.value ? `${t.inputLabelMarginActive}px` : "0"
+        marginTop: l && We.value ? `${t.inputLabelMarginActive}px` : "0"
       };
     }), It = a(() => {
-      const t = F.value;
+      const t = z.value;
       return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
-    }), Et = a(() => F.value.font), na = a(() => F.value.fontFamilyMsg), Nt = a(() => F.value.fontSizeMsg), $t = a(() => F.value.fontWeightMsg), oa = a(() => Re.value === "dark" ? oe.value : x.value), ra = a(() => F.value.textMessageColor), Yt = a(() => {
-      const t = F.value;
+    }), Et = a(() => z.value.font), na = a(() => z.value.fontFamilyMsg), Nt = a(() => z.value.fontSizeMsg), $t = a(() => z.value.fontWeightMsg), oa = a(() => we.value === "dark" ? q.value : Ye.value), ra = a(() => z.value.textMessageColor), Ut = a(() => {
+      const t = z.value;
       return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
     }), ua = a(() => {
-      const t = F.value;
+      const t = z.value;
       return t.selectionBgColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
     }), ia = a(() => {
-      const t = F.value;
+      const t = z.value;
       return t.selectionTextColor || (t.theme === "dark" ? "#000000" : "#ffffff");
-    }), Ut = a(() => {
-      const t = F.value;
+    }), Yt = a(() => {
+      const t = z.value;
       return t.display === "block" ? { width: "100%" } : {
         width: `${t.inputWidth}px`
       };
     }), sa = a(() => {
-      switch (Se.value) {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -4032,7 +4025,7 @@ const an = ["id"], ln = ["for"], nn = {
           return "component__input--background";
       }
     }), da = a(() => {
-      switch (F.value.activeTextStyle) {
+      switch (z.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -4041,33 +4034,33 @@ const an = ["id"], ln = ["for"], nn = {
           return "component__input--active--normal";
       }
     }), ca = a(() => "component__sm"), Gt = a(() => {
-      switch (F.value.theme) {
+      switch (z.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), fa = a(() => F.value.inputReadonly ? "component__input--read-only" : ""), Kt = a(() => F.value.inputUppercase ? "component__input--uppercase" : ""), f = a(() => Ue.value ? Ue.value : `${$e.value}-name-label`), w = a(() => ""), Y = a(() => ot.value || g.value && g.value.trim().length > 0), i = a(() => !g.value || g.value.trim().length === 0 ? "component__input--empty" : "");
-    a(() => ot.value ? "component__input--active" : "component__input--no-active");
-    const D = a(() => "6px 10px"), ke = a(() => !!(Ge.value && dt.value)), Be = a(() => {
+    }), fa = a(() => z.value.inputReadonly ? "component__input--read-only" : ""), Kt = a(() => z.value.inputUppercase ? "component__input--uppercase" : ""), f = a(() => Ue.value ? Ue.value : `${Le.value}-name-label`), w = a(() => ""), U = a(() => lt.value || R.value && R.value.trim().length > 0), i = a(() => !R.value || R.value.trim().length === 0 ? "component__input--empty" : "");
+    a(() => lt.value ? "component__input--active" : "component__input--no-active");
+    const D = a(() => "6px 10px"), Ve = a(() => !!(at.value && Ge.value)), Te = a(() => {
       const t = {};
-      de.value && Object.keys(de.value).forEach((r) => t[`aria-${r}`] = de.value[r]);
+      re.value && Object.keys(re.value).forEach((r) => t[`aria-${r}`] = re.value[r]);
       const l = {
-        "aria-label": we.value,
-        "aria-disabled": M.value,
+        "aria-label": Ae.value,
+        "aria-disabled": N.value,
         ...t
       };
       return Object.fromEntries(
         Object.entries(l).filter(([n, r]) => r != null)
       );
     }), va = a(() => {
-      const t = Re.value === "dark" ? $.value : Oe.value, l = Re.value === "dark" ? oe.value : x.value;
+      const t = we.value === "dark" ? x.value : bt.value, l = we.value === "dark" ? q.value : Ye.value;
       return t === "transparent" || t === "#transparent" || !t ? l : t;
     }), Pt = a(() => {
-      const t = Re.value === "dark" ? ne.value : lt.value, l = Re.value === "dark" ? oe.value : x.value;
+      const t = we.value === "dark" ? $.value : Oe.value, l = we.value === "dark" ? q.value : Ye.value;
       return t === "transparent" || t === "#transparent" || !t ? l : t;
     }), pa = a(() => {
-      const t = F.value, l = Y.value, n = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, r = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
+      const t = z.value, l = U.value, n = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, r = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
       return {
         fontFamily: t.fontFamilyLabel,
         fontSize: l ? t.fontSizeLabelActive : t.fontSizeLabel,
@@ -4084,36 +4077,36 @@ const an = ["id"], ln = ["for"], nn = {
         // Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
         ...l ? {
           width: "fit-content",
-          whiteSpace: H.value ? "nowrap" : "normal",
-          wordWrap: H.value ? "normal" : "break-word",
-          overflowWrap: H.value ? "normal" : "break-word",
+          whiteSpace: T.value ? "nowrap" : "normal",
+          wordWrap: T.value ? "normal" : "break-word",
+          overflowWrap: T.value ? "normal" : "break-word",
           maxWidth: "100%",
-          textOverflow: H.value ? "ellipsis" : "clip",
-          overflow: H.value ? "hidden" : "visible"
+          textOverflow: T.value ? "ellipsis" : "clip",
+          overflow: T.value ? "hidden" : "visible"
         } : {}
       };
     });
     a(() => {
-      const t = F.value;
+      const t = z.value;
       return t.theme === "dark" ? t.darkTextColorLabelActive : t.lightTextColorLabelActive;
     });
     const Qt = () => {
-      m.value = h.value, Lt.value = v.value;
+      m.value = h.value, St.value = v.value;
     }, ga = () => {
-      k("clicked");
+      B("clicked");
     }, ya = (t) => {
-      t.stopPropagation(), !(M.value || F.value.inputReadonly) && N.value && (N.value.focus(), L.value && (j.value = !1, requestAnimationFrame(() => {
+      t.stopPropagation(), !(N.value || z.value.inputReadonly) && F.value && (F.value.focus(), L.value && (j.value = !1, requestAnimationFrame(() => {
         wt(), j.value = !0;
       })));
     }, ba = () => {
-      M.value || F.value.inputReadonly || !Fe.value || k("entered", m.value);
+      N.value || z.value.inputReadonly || !Ne.value || B("entered", m.value);
     }, ma = async (t) => {
       var n;
       const l = ((n = t.clipboardData) == null ? void 0 : n.getData("text")) || "";
-      k("paste", l), Ye.value && t.preventDefault();
+      B("paste", l), je.value && t.preventDefault();
     }, wt = () => {
-      N.value && aa(() => {
-        const t = N.value.getBoundingClientRect(), l = 4;
+      F.value && aa(() => {
+        const t = F.value.getBoundingClientRect(), l = 4;
         At.value = {
           top: `${t.bottom + l}px`,
           left: `${t.left}px`
@@ -4123,32 +4116,32 @@ const an = ["id"], ln = ["for"], nn = {
       position: "fixed",
       top: At.value.top,
       left: At.value.left,
-      zIndex: Tt.value
+      zIndex: Bt.value
     })), Sa = () => {
-      ot.value = !0, k("focused"), L.value && (j.value = !1, requestAnimationFrame(() => {
+      lt.value = !0, B("focused"), L.value && (j.value = !1, requestAnimationFrame(() => {
         wt(), j.value = !0;
       }));
     }, xa = (t) => {
-      t.relatedTarget && I.value && I.value.contains(t.relatedTarget) || setTimeout(() => {
+      t.relatedTarget && E.value && E.value.contains(t.relatedTarget) || setTimeout(() => {
         var r;
         const l = document.activeElement;
         if (j.value) {
-          if (I.value && I.value.contains(l) || t.relatedTarget && I.value && I.value.contains(t.relatedTarget))
+          if (E.value && E.value.contains(l) || t.relatedTarget && E.value && E.value.contains(t.relatedTarget))
             return;
-          if (l === document.body && I.value) {
-            const d = I.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+          if (l === document.body && E.value) {
+            const d = E.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
             if (Array.from(d).some((c) => c === document.activeElement || c.contains(document.activeElement)))
               return;
           }
         }
-        const n = (r = N.value) == null ? void 0 : r.closest(".component");
-        n && n.contains(l) || N.value !== l && (ot.value = !1, j.value = !1, k("blurred"));
+        const n = (r = F.value) == null ? void 0 : r.closest(".component");
+        n && n.contains(l) || F.value !== l && (lt.value = !1, j.value = !1, B("blurred"));
       }, 200);
     }, Ca = () => {
       L.value && (j.value, j.value = !1, requestAnimationFrame(() => {
         wt(), j.value = !0;
       }));
-    }, ut = (t) => {
+    }, ot = (t) => {
       if (!t || !(t instanceof Date))
         return null;
       const l = t.getFullYear(), n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
@@ -4157,7 +4150,7 @@ const an = ["id"], ln = ["for"], nn = {
       if (t == null || t === "")
         return "";
       if (t instanceof Date)
-        return isNaN(t.getTime()) ? "" : ut(t);
+        return isNaN(t.getTime()) ? "" : ot(t);
       if (typeof t == "string") {
         if (/^\d{4}-\d{2}-\d{2}$/.test(t)) {
           const [n, r, d] = t.split("-").map(Number), s = new Date(n, r - 1, d);
@@ -4165,7 +4158,7 @@ const an = ["id"], ln = ["for"], nn = {
         }
         if (/^(\d{4}-\d{2}-\d{2})(T\d{2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?(?:Z|[+-]\d{2}:\d{2})?)?$/.test(t)) {
           const n = new Date(t);
-          return isNaN(n.getTime()) ? "" : ut(n);
+          return isNaN(n.getTime()) ? "" : ot(n);
         }
       }
       return "";
@@ -4251,7 +4244,7 @@ const an = ["id"], ln = ["for"], nn = {
           return !0;
       }
       return !1;
-    }, it = (t, l) => {
+    }, rt = (t, l) => {
       if (!t || t === "")
         return !0;
       if (l === "date") {
@@ -4270,7 +4263,7 @@ const an = ["id"], ln = ["for"], nn = {
         if (n.length !== 2)
           return !1;
         const r = n[0], d = n[1];
-        return it(r, "date") && it(d, "time");
+        return rt(r, "date") && rt(d, "time");
       } else if (l === "month") {
         if (!/^\d{4}-\d{2}$/.test(t))
           return !1;
@@ -4286,27 +4279,27 @@ const an = ["id"], ln = ["for"], nn = {
     }, zt = () => {
       let t = !0;
       if (h.value === null || h.value === void 0 || h.value === "") {
-        t = !ue.value, k("valid", t);
+        t = !ft.value, B("valid", t);
         return;
       }
       if (v.value === "date") {
         const n = _t(h.value);
         if (n === "" && h.value !== "" && h.value !== null && h.value !== void 0) {
-          k("valid", !1);
+          B("valid", !1);
           return;
         }
         if (n === "") {
-          k("valid", !0);
+          B("valid", !0);
           return;
         }
-        if (!it(n, v.value)) {
-          k("valid", !1);
+        if (!rt(n, v.value)) {
+          B("valid", !1);
           return;
         }
         t = !Ot(n);
       } else if (v.value === "time") {
-        if (!it(h.value, v.value)) {
-          k("valid", !1);
+        if (!rt(h.value, v.value)) {
+          B("valid", !1);
           return;
         }
         const n = h.value.split(":");
@@ -4318,18 +4311,18 @@ const an = ["id"], ln = ["for"], nn = {
         if (h.value, typeof h.value == "string") {
           const n = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/, r = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)(?:Z|[+-]\d{2}:\d{2})?$/;
           if (!n.test(h.value) && !r.test(h.value)) {
-            k("valid", !1);
+            B("valid", !1);
             return;
           }
           if (r.test(h.value)) {
             const d = new Date(h.value);
             if (isNaN(d.getTime())) {
-              k("valid", !1);
+              B("valid", !1);
               return;
             }
           }
         } else if (h.value !== null && h.value !== void 0 && h.value !== "") {
-          k("valid", !1);
+          B("valid", !1);
           return;
         }
         if (m.value) {
@@ -4338,44 +4331,44 @@ const an = ["id"], ln = ["for"], nn = {
             const r = n[0], d = n[1], s = !Ot(r), c = d.split(":");
             let y = !0;
             if (c.length >= 2) {
-              const V = parseInt(c[0], 10) || 0, T = parseInt(c[1], 10) || 0, R = c[2] ? parseInt(c[2], 10) : 0;
-              y = !Ft(V, T, R);
+              const V = parseInt(c[0], 10) || 0, k = parseInt(c[1], 10) || 0, M = c[2] ? parseInt(c[2], 10) : 0;
+              y = !Ft(V, k, M);
             }
             t = s && y;
           }
         }
       } else if (v.value === "month") {
-        if (!it(h.value, v.value)) {
-          k("valid", !1);
+        if (!rt(h.value, v.value)) {
+          B("valid", !1);
           return;
         }
         t = !Ot(h.value + "-01");
       } else if (v.value === "week") {
-        if (!it(h.value, v.value)) {
-          k("valid", !1);
+        if (!rt(h.value, v.value)) {
+          B("valid", !1);
           return;
         }
         t = !0;
       }
-      k("valid", t);
+      B("valid", t);
     }, Va = (t) => {
-      k("valid", t);
+      B("valid", t);
     }, Xt = (t, l) => {
       if (!t || !(t instanceof Date))
         return t || "";
       if (l === "date")
-        return ut(t);
+        return ot(t);
       if (l === "time") {
         const n = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0"), d = String(t.getSeconds()).padStart(2, "0");
         return `${n}:${r}:${d}`;
       } else if (l === "datetime-local") {
-        const n = ut(t), r = String(t.getHours()).padStart(2, "0"), d = String(t.getMinutes()).padStart(2, "0"), s = String(t.getSeconds()).padStart(2, "0");
+        const n = ot(t), r = String(t.getHours()).padStart(2, "0"), d = String(t.getMinutes()).padStart(2, "0"), s = String(t.getSeconds()).padStart(2, "0");
         return `${n}T${r}:${d}:${s}`;
       } else if (l === "month") {
         const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0");
         return `${n}-${r}`;
       } else if (l === "week")
-        return ut(t);
+        return ot(t);
       return "";
     }, Ta = a(() => {
       if (!L.value)
@@ -4383,74 +4376,74 @@ const an = ["id"], ln = ["for"], nn = {
     }), o = a(() => {
       if (!L.value)
         return Xt(ee.value, v.value);
-    }), b = a(() => !0), Le = (t) => {
+    }), b = a(() => !0), ke = (t) => {
       let l = "";
       if (!t)
         l = "";
-      else if (xe.value && typeof t == "object" && !(t instanceof Date)) {
+      else if (Se.value && typeof t == "object" && !(t instanceof Date)) {
         if (t.startDate === null && t.endDate === null)
           l = "";
         else if (t.startDate || t.endDate) {
           const r = {
             // Converter startDate para string ISO se existir
-            startDate: t.startDate ? ut(t.startDate) : null,
+            startDate: t.startDate ? ot(t.startDate) : null,
             // Converter endDate para string ISO se existir
-            endDate: t.endDate ? ut(t.endDate) : null
+            endDate: t.endDate ? ot(t.endDate) : null
           };
           l = JSON.stringify(r);
         }
       } else
-        v.value === "date" ? t instanceof Date ? l = ut(t) : typeof t == "string" && (l = t) : (v.value === "month" || v.value === "time" || v.value === "datetime-local" || v.value === "week") && (l = typeof t == "string" ? t : "");
-      vt = !0, m.value = l;
-      const n = l ? ht(l, v.value) : "";
-      g.value = n, q.value = n;
+        v.value === "date" ? t instanceof Date ? l = ot(t) : typeof t == "string" && (l = t) : (v.value === "month" || v.value === "time" || v.value === "datetime-local" || v.value === "week") && (l = typeof t == "string" ? t : "");
+      pt = !0, m.value = l;
+      const n = l ? Ct(l, v.value) : "";
+      R.value = n, g.value = n;
     }, Je = () => {
       if (!L.value) {
-        m.value = g.value;
+        m.value = R.value;
         return;
       }
-      he = !0;
-      const t = N.value ? {
-        start: N.value.selectionStart,
-        end: N.value.selectionEnd
-      } : null, l = g.value.trim();
+      me = !0;
+      const t = F.value ? {
+        start: F.value.selectionStart,
+        end: F.value.selectionEnd
+      } : null, l = R.value.trim();
       if (!l || l.length === 0) {
-        vt = !0, m.value = "", g.value = "", q.value = "", setTimeout(() => {
-          he = !1;
+        pt = !0, m.value = "", R.value = "", g.value = "", setTimeout(() => {
+          me = !1;
         }, 50);
         return;
       }
       if (v.value === "date") {
-        const r = xe.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 (xe.value) {
+        const r = Se.value ? /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$|^\d{1,2}\/\d{1,2}\/\d{4}\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})?$/ : /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/;
+        if (Se.value) {
           if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), l.length > 23 && !r.test(l)) {
-            g.value = q.value, t && N.value && aa(() => {
-              const d = Math.min(t.start, q.value.length);
-              N.value.setSelectionRange(d, d);
+            R.value = g.value, t && F.value && aa(() => {
+              const d = Math.min(t.start, g.value.length);
+              F.value.setSelectionRange(d, d);
             }), setTimeout(() => {
-              he = !1;
+              me = !1;
             }, 50);
             return;
           }
           if (!r.test(l) && l.length <= 23) {
             setTimeout(() => {
-              he = !1;
+              me = !1;
             }, 50);
             return;
           }
         } else {
           if (l.length > 10 && !r.test(l)) {
-            g.value = q.value, t && N.value && aa(() => {
-              const d = Math.min(t.start, q.value.length);
-              N.value.setSelectionRange(d, d);
+            R.value = g.value, t && F.value && aa(() => {
+              const d = Math.min(t.start, g.value.length);
+              F.value.setSelectionRange(d, d);
             }), setTimeout(() => {
-              he = !1;
+              me = !1;
             }, 50);
             return;
           }
           if (!r.test(l) && l.length <= 10) {
             setTimeout(() => {
-              he = !1;
+              me = !1;
             }, 50);
             return;
           }
@@ -4458,90 +4451,90 @@ const an = ["id"], ln = ["for"], nn = {
       }
       let n = null;
       if (v.value === "date")
-        if (xe.value)
+        if (Se.value)
           if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
-            if (n = St(l, v.value), n && n !== m.value)
-              vt = !0, m.value = n, q.value = l;
+            if (n = Vt(l, v.value), n && n !== m.value)
+              pt = !0, m.value = n, g.value = l;
             else {
               setTimeout(() => {
-                he = !1;
+                me = !1;
               }, 50);
               return;
             }
           else if (l.includes("-")) {
             const d = l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
             if (d) {
-              const s = d[1], c = St(s, v.value);
+              const s = d[1], c = Vt(s, v.value);
               if (c) {
                 const y = JSON.stringify({ startDate: c, endDate: null });
-                y !== m.value && (vt = !0, m.value = y, q.value = l);
+                y !== m.value && (pt = !0, m.value = y, g.value = l);
               } else {
-                q.value = l, setTimeout(() => {
-                  he = !1;
+                g.value = l, setTimeout(() => {
+                  me = !1;
                 }, 50);
                 return;
               }
             } else {
-              q.value = l, setTimeout(() => {
-                he = !1;
+              g.value = l, setTimeout(() => {
+                me = !1;
               }, 50);
               return;
             }
           } else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
-            if (n = St(l, v.value), n) {
+            if (n = Vt(l, v.value), n) {
               const s = JSON.stringify({ startDate: n, endDate: null });
-              s !== m.value && (vt = !0, m.value = s, q.value = l);
+              s !== m.value && (pt = !0, m.value = s, g.value = l);
             } else {
-              q.value = l, setTimeout(() => {
-                he = !1;
+              g.value = l, setTimeout(() => {
+                me = !1;
               }, 50);
               return;
             }
           else {
-            q.value = l, setTimeout(() => {
-              he = !1;
+            g.value = l, setTimeout(() => {
+              me = !1;
             }, 50);
             return;
           }
         else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
-          n = St(l, v.value), n && n !== m.value && (vt = !0, m.value = n, q.value = l);
+          n = Vt(l, v.value), n && n !== m.value && (pt = !0, m.value = n, g.value = l);
         else {
           setTimeout(() => {
-            he = !1;
+            me = !1;
           }, 50);
           return;
         }
       else
-        n = St(l, v.value), n && n !== m.value && (vt = !0, m.value = n, q.value = l);
+        n = Vt(l, v.value), n && n !== m.value && (pt = !0, m.value = n, g.value = l);
       setTimeout(() => {
-        he = !1;
+        me = !1;
       }, 50);
     }, ka = (t) => {
     }, ea = (t) => {
       var d;
-      if (!j.value || !I.value || !N.value)
+      if (!j.value || !E.value || !F.value)
         return;
-      const l = t.target, n = (d = N.value) == null ? void 0 : d.closest(".nb-wrapper");
-      if (I.value && I.value.contains(l) || n && (l === n || n.contains(l)) || I.value && I.value.contains(l))
+      const l = t.target, n = (d = F.value) == null ? void 0 : d.closest(".nb-wrapper");
+      if (E.value && E.value.contains(l) || n && (l === n || n.contains(l)) || E.value && E.value.contains(l))
         return;
       let r = l;
       for (; r && r !== document.body; ) {
-        if (r === I.value || I.value && I.value.contains(r))
+        if (r === E.value || E.value && E.value.contains(r))
           return;
         r = r.parentElement;
       }
       setTimeout(() => {
-        if (!j.value || !I.value || I.value && I.value.contains(l))
+        if (!j.value || !E.value || E.value && E.value.contains(l))
           return;
         for (r = l; r && r !== document.body; ) {
-          if (r === I.value || I.value && I.value.contains(r))
+          if (r === E.value || E.value && E.value.contains(r))
             return;
           r = r.parentElement;
         }
         if (!document.body.contains(l))
           return;
-        const s = N.value && (l === N.value || N.value.contains(l)), c = n && (l === n || n.contains(l));
-        !s && !c && (j.value = !1, (!g.value || g.value.trim().length === 0) && (ot.value = !1));
+        const s = F.value && (l === F.value || F.value.contains(l)), c = n && (l === n || n.contains(l));
+        !s && !c && (j.value = !1, (!R.value || R.value.trim().length === 0) && (lt.value = !1));
       }, 50);
     }, $a = () => {
       j.value && L.value && wt();
@@ -4550,25 +4543,25 @@ const an = ["id"], ln = ["for"], nn = {
     };
     let Wt = null, ta = null, Ht = { top: 0, left: 0 };
     const Da = () => {
-      if (!j.value || !L.value || !N.value)
+      if (!j.value || !L.value || !F.value)
         return;
-      const t = 4, l = N.value.getBoundingClientRect(), n = `${l.bottom + t}px`, r = `${l.left}px`;
+      const t = 4, l = F.value.getBoundingClientRect(), n = `${l.bottom + t}px`, r = `${l.left}px`;
       (Ht.top !== n || Ht.left !== r) && (Ht.top = n, Ht.left = r, At.value = {
         top: n,
         left: r
       }), ta = requestAnimationFrame(Da);
     }, Ia = () => {
-      if (!N.value || !L.value)
+      if (!F.value || !L.value)
         return;
       Ht = { top: 0, left: 0 }, Da(), Wt = new ResizeObserver(() => {
         j.value && wt();
-      }), Wt.observe(N.value);
-      const t = N.value.closest(".component");
+      }), Wt.observe(F.value);
+      const t = F.value.closest(".component");
       t && Wt.observe(t);
     }, Ra = () => {
       ta !== null && (cancelAnimationFrame(ta), ta = null), Wt && (Wt.disconnect(), Wt = null);
     };
-    U(j, (t) => {
+    G(j, (t) => {
       t && L.value ? aa(() => {
         Ia();
       }) : Ra();
@@ -4589,23 +4582,23 @@ const an = ["id"], ln = ["for"], nn = {
             if (isNaN(d.getTime()))
               t = "";
             else {
-              const s = d.getFullYear(), c = String(d.getMonth() + 1).padStart(2, "0"), y = String(d.getDate()).padStart(2, "0"), V = String(d.getHours()).padStart(2, "0"), T = String(d.getMinutes()).padStart(2, "0"), R = String(d.getSeconds()).padStart(2, "0"), _ = ((l = h.value.split("T")[1]) == null ? void 0 : l.split(/[Z+-]/)[0]) || "";
-              t = _.includes(":") && _.split(":").length >= 3 ? `${s}-${c}-${y}T${V}:${T}:${R}` : `${s}-${c}-${y}T${V}:${T}`;
+              const s = d.getFullYear(), c = String(d.getMonth() + 1).padStart(2, "0"), y = String(d.getDate()).padStart(2, "0"), V = String(d.getHours()).padStart(2, "0"), k = String(d.getMinutes()).padStart(2, "0"), M = String(d.getSeconds()).padStart(2, "0"), O = ((l = h.value.split("T")[1]) == null ? void 0 : l.split(/[Z+-]/)[0]) || "";
+              t = O.includes(":") && O.split(":").length >= 3 ? `${s}-${c}-${y}T${V}:${k}:${M}` : `${s}-${c}-${y}T${V}:${k}`;
             }
           } else
             t = "";
         } else
           t = "";
-      m.value = t, g.value = ht(h.value, v.value), document.addEventListener("click", ea, !1), window.addEventListener("scroll", $a, { capture: !0, passive: !0 }), window.addEventListener("resize", wa), aa(() => {
+      m.value = t, R.value = Ct(h.value, v.value), document.addEventListener("click", ea, !1), window.addEventListener("scroll", $a, { capture: !0, passive: !0 }), window.addEventListener("resize", wa), aa(() => {
         zt();
       });
     }), Pa(() => {
       Qt(), Ra(), document.removeEventListener("click", ea), window.removeEventListener("scroll", $a, { capture: !0, passive: !0 }), window.removeEventListener("resize", wa);
-    }), U(v, (t) => {
-      Lt.value = t;
-    }, { immediate: !0 }), U(tt, () => {
-      m.value && L.value && (g.value = ht(m.value, v.value));
-    }), U(h, (t) => {
+    }), G(v, (t) => {
+      St.value = t;
+    }, { immediate: !0 }), G(tt, () => {
+      m.value && L.value && (R.value = Ct(m.value, v.value));
+    }), G(h, (t) => {
       var l;
       if (t !== m.value) {
         let n = t;
@@ -4623,35 +4616,35 @@ const an = ["id"], ln = ["for"], nn = {
               if (isNaN(c.getTime()))
                 n = "";
               else {
-                const y = c.getFullYear(), V = String(c.getMonth() + 1).padStart(2, "0"), T = String(c.getDate()).padStart(2, "0"), R = String(c.getHours()).padStart(2, "0"), _ = String(c.getMinutes()).padStart(2, "0"), Ne = String(c.getSeconds()).padStart(2, "0"), Xe = ((l = t.split("T")[1]) == null ? void 0 : l.split(/[Z+-]/)[0]) || "";
-                n = Xe.includes(":") && Xe.split(":").length >= 3 ? `${y}-${V}-${T}T${R}:${_}:${Ne}` : `${y}-${V}-${T}T${R}:${_}`;
+                const y = c.getFullYear(), V = String(c.getMonth() + 1).padStart(2, "0"), k = String(c.getDate()).padStart(2, "0"), M = String(c.getHours()).padStart(2, "0"), O = String(c.getMinutes()).padStart(2, "0"), Me = String(c.getSeconds()).padStart(2, "0"), Xe = ((l = t.split("T")[1]) == null ? void 0 : l.split(/[Z+-]/)[0]) || "";
+                n = Xe.includes(":") && Xe.split(":").length >= 3 ? `${y}-${V}-${k}T${M}:${O}:${Me}` : `${y}-${V}-${k}T${M}:${O}`;
               }
             } else
               n = "";
           } else
             n = "";
         m.value = n;
-        const r = ht(t, v.value);
-        g.value = r, aa(() => {
+        const r = Ct(t, v.value);
+        R.value = r, aa(() => {
           zt();
-        }), q.value = r;
+        }), g.value = r;
       }
     }, { immediate: !0 });
-    let he = !1;
+    let me = !1;
     const Ea = () => {
-      he = !0, setTimeout(() => {
-        he = !1;
+      me = !0, setTimeout(() => {
+        me = !1;
       }, 100);
     };
-    let vt = !1;
-    return U(() => m.value, (t) => {
-      if (L.value && !vt && !he) {
-        const l = ht(t, v.value);
-        l !== g.value && (g.value = l, q.value = l);
+    let pt = !1;
+    return G(() => m.value, (t) => {
+      if (L.value && !pt && !me) {
+        const l = Ct(t, v.value);
+        l !== R.value && (R.value = l, g.value = l);
       }
-      vt = !1;
-    }), U(m, (t) => {
-      if (Z.value && (t = t.trim()), xe.value && typeof t == "string" && t.startsWith("{"))
+      pt = !1;
+    }), G(m, (t) => {
+      if (Z.value && (t = t.trim()), Se.value && typeof t == "string" && t.startsWith("{"))
         try {
           const l = JSON.parse(t);
           if (l && (l.startDate || l.endDate)) {
@@ -4664,112 +4657,112 @@ const an = ["id"], ln = ["for"], nn = {
               }
               return new Date(s);
             }, r = l.startDate ? n(l.startDate) : null, d = l.endDate ? n(l.endDate) : null;
-            k("changed", { startDate: r, endDate: d });
+            B("changed", { startDate: r, endDate: d });
             return;
           }
         } catch {
         }
-      k("changed", t);
-    }), U(ot, (t) => {
-      k(t ? "focused" : "blurred");
-    }), U(m, (t) => {
-      Z.value && (t = t.trim()), k("current-value", t), aa(() => {
+      B("changed", t);
+    }), G(lt, (t) => {
+      B(t ? "focused" : "blurred");
+    }), G(m, (t) => {
+      Z.value && (t = t.trim()), B("current-value", t), aa(() => {
         zt();
       });
-    }), U([_e, ee], () => {
+    }), G([_e, ee], () => {
       aa(() => {
         zt();
       });
-    }), (t, l) => u($e) ? (z(), E("div", Aa({
+    }), (t, l) => u(Le) ? (W(), P("div", Aa({
       key: 0,
-      class: ["nb-wrapper", xt.value],
-      style: [Ct.value, Ut.value, It.value],
+      class: ["nb-wrapper", Tt.value],
+      style: [kt.value, Yt.value, It.value],
       role: "input"
-    }, Be.value), [
-      pe("div", {
-        id: u($e),
+    }, Te.value), [
+      ve("div", {
+        id: u(Le),
         class: Ee(["nb-reset", "component", ca.value, Gt.value, fa.value, sa.value]),
-        style: Ae([A.value, Ut.value, It.value]),
+        style: Be([A.value, Yt.value, It.value]),
         onClick: ga
       }, [
-        u(p) ? (z(), E("label", {
+        u(We) ? (W(), P("label", {
           key: 0,
           for: f.value,
           class: "component__label",
-          style: Ae([pa.value]),
+          style: Be([pa.value]),
           onClick: ya
         }, [
-          qt(Dt(u(B)), 1),
-          u(ue) ? (z(), E("span", nn, "*")) : se("", !0)
-        ], 12, ln)) : se("", !0),
-        za(pe("input", {
+          qt(Dt(u(p)), 1),
+          u(ft) ? (W(), P("span", nn, "*")) : oe("", !0)
+        ], 12, ln)) : oe("", !0),
+        za(ve("input", {
           ref_key: "inputRef",
-          ref: N,
-          "onUpdate:modelValue": l[0] || (l[0] = (n) => g.value = n),
+          ref: F,
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => R.value = n),
           onInput: Je,
           onKeydown: [
             Ea,
-            l[1] || (l[1] = la((n) => !u(M) && u(Fe) && ba(), ["enter"]))
+            l[1] || (l[1] = la((n) => !u(N) && u(Ne) && ba(), ["enter"]))
           ],
           id: f.value,
           name: f.value,
-          type: L.value ? "text" : Lt.value,
+          type: L.value ? "text" : St.value,
           class: Ee(["component__input", [
             Kt.value,
             da.value,
             i.value
           ]]),
           placeholder: w.value,
-          disabled: u(M) || u(W),
-          required: u(ue),
+          disabled: u(N) || u(I),
+          required: u(ft),
           readonly: b.value,
           autocomplete: e.inputAutocomplete,
           min: Ta.value,
           max: o.value,
-          step: L.value ? void 0 : u(st),
-          tabindex: u(M) || u(W) ? -1 : u(Bt),
+          step: L.value ? void 0 : u(ut),
+          tabindex: u(N) || u(I) ? -1 : u(Lt),
           role: "input",
-          style: Ae([It.value]),
+          style: Be([It.value]),
           onFocus: Sa,
           onBlur: xa,
           onClick: Ca,
           onPaste: ma
         }, null, 46, on), [
-          [fl, g.value]
+          [fl, R.value]
         ])
       ], 14, an),
-      ke.value ? (z(), E("div", {
+      Ve.value ? (W(), P("div", {
         key: 0,
         class: Ee(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         Ba(t.$slots, "message", {}, () => [
           qt(Dt(e.message), 1)
         ], !0)
-      ], 2)) : se("", !0),
-      (z(), Sl(xl, { to: "body" }, [
-        L.value && j.value ? (z(), E("div", {
+      ], 2)) : oe("", !0),
+      (W(), Sl(xl, { to: "body" }, [
+        L.value && j.value ? (W(), P("div", {
           key: 0,
           ref_key: "calendarRef",
-          ref: I,
+          ref: E,
           class: "datepicker__custom-calendar-wrapper",
-          style: Ae(ha.value),
-          onClick: l[4] || (l[4] = Ma((n) => ie.value = !0, ["stop"])),
-          onMousedown: l[5] || (l[5] = Ma((n) => ie.value = !0, ["stop"]))
+          style: Be(ha.value),
+          onClick: l[4] || (l[4] = Ma((n) => xt.value = !0, ["stop"])),
+          onMousedown: l[5] || (l[5] = Ma((n) => xt.value = !0, ["stop"]))
         }, [
           Cl(u(C), {
-            "nb-id": `${u($e)}-calendar`,
-            value: jt.value,
+            "nb-id": `${u(Le)}-calendar`,
+            value: fe.value,
             "input-type": u(v),
-            "has-seconds": ve.value,
+            "has-seconds": nt.value,
             min: u(_e),
             max: u(ee),
-            step: u(st),
-            disabled: u(M),
-            width: rt.value,
+            step: u(ut),
+            disabled: u(N),
+            width: Ce.value,
             locale: u(tt),
-            theme: u(Re),
-            "allow-range": u(xe),
-            "block-clicks-without-events": u(kt),
+            theme: u(we),
+            "allow-range": u(Se),
+            "block-clicks-without-events": u(yt),
             "font-family": e.calendarFontFamily,
             "font-size": e.calendarFontSize,
             "font-weight": e.calendarFontWeight,
@@ -4827,17 +4820,17 @@ const an = ["id"], ln = ["for"], nn = {
             "time-display-label-text": e.calendarTimeDisplayLabelText,
             "clear-button-title": e.calendarClearButtonTitle,
             "clear-button-symbol": e.calendarClearButtonSymbol,
-            onChanged: Le,
+            onChanged: ke,
             onDateSelected: ka,
             onValid: Va,
-            onMousedown: l[2] || (l[2] = (n) => ie.value = !0),
-            onClick: l[3] || (l[3] = (n) => ie.value = !0)
+            onMousedown: l[2] || (l[2] = (n) => xt.value = !0),
+            onClick: l[3] || (l[3] = (n) => xt.value = !0)
           }, null, 8, ["nb-id", "value", "input-type", "has-seconds", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range", "block-clicks-without-events", "font-family", "font-size", "font-weight", "primary-color", "selection-color", "event-color", "today-color", "hover-text-color", "normal-text-color", "month-year-item-bg", "month-year-item-bg-hover", "day-hover-bg", "day-hover-text-color", "time-display-text-color", "time-edit-button-bg", "time-edit-button-text-color", "time-edit-button-bg-hover", "time-edit-button-text-color-hover", "time-edit-button-font-family", "time-edit-button-font-size", "time-edit-button-padding", "time-edit-button-border-radius", "time-edit-button-font-weight", "time-edit-button-border", "time-edit-button-text", "today-button-bg", "today-button-text-color", "today-button-bg-hover", "today-button-text-color-hover", "today-button-font-family", "today-button-font-size", "today-button-padding", "today-button-border-radius", "today-button-font-weight", "today-button-border", "today-button-text", "now-button-text", "show-clear-button", "show-today-button", "clear-button-keep-current-month", "start-week-on-monday", "edit-range", "max-range-days", "min-year", "max-year", "go-to-date", "is-required", "width-full", "border-radius", "scroll-class", "events", "select-month-text", "select-year-text", "select-time-text", "time-display-label-text", "clear-button-title", "clear-button-symbol"])
-        ], 36)) : se("", !0)
+        ], 36)) : oe("", !0)
       ]))
-    ], 16)) : se("", !0);
+    ], 16)) : oe("", !0);
   }
-}), un = /* @__PURE__ */ Wa(rn, [["__scopeId", "data-v-ca82af3d"]]), sl = {
+}), un = /* @__PURE__ */ Wa(rn, [["__scopeId", "data-v-158ccd7c"]]), sl = {
   NbInputRadio: Ll,
   NbInputCheckbox: Rl,
   NbInput: Ol,