@vlalg-nimbus/nb-inputs 8.0.15 → 8.0.17

package/dist/nb-inputs.js

@@ -1,10 +1,10 @@
-import { useCssVars as fa, onMounted as sa, ref as Q, toRefs as va, computed as a, watch as H, openBlock as F, createElementBlock as q, normalizeClass as We, normalizeStyle as Ee, createElementVNode as ve, mergeProps as da, Fragment as qa, renderList as ja, unref as o, withDirectives as pa, vModelRadio as ll, withKeys as qt, withModifiers as ca, toDisplayString as xt, createCommentVNode as Be, vModelCheckbox as nl, onUnmounted as ma, renderSlot as ia, createTextVNode as ga, vModelDynamic as Ha, vModelText as Ua, defineAsyncComponent as ol, nextTick as ya, createBlock as ul, Teleport as rl, createVNode as il } from "vue";
-const ba = (e, m) => {
-  const C = e.__vccOpts || e;
-  for (const [E, D] of m)
-    C[E] = D;
-  return C;
-}, sl = ["id"], dl = ["id", "disabled", "value", "name"], cl = ["for", "tabindex"], fl = /* @__PURE__ */ Object.assign({
+import { useCssVars as ya, onMounted as pa, ref as j, toRefs as ma, computed as a, watch as U, openBlock as M, createElementBlock as D, normalizeClass as Fe, normalizeStyle as Se, createElementVNode as pe, mergeProps as ba, Fragment as Ya, renderList as Qa, unref as o, withDirectives as ha, vModelRadio as fl, withKeys as Kt, withModifiers as ga, toDisplayString as kt, createCommentVNode as re, vModelCheckbox as vl, onUnmounted as $a, createTextVNode as It, renderSlot as va, vModelDynamic as Ja, vModelText as Xa, defineAsyncComponent as pl, nextTick as _a, createBlock as bl, Teleport as gl, createVNode as yl } from "vue";
+const Ca = (e, y) => {
+  const h = e.__vccOpts || e;
+  for (const [P, N] of y)
+    h[P] = N;
+  return h;
+}, ml = ["id"], hl = ["id", "disabled", "value", "name"], Cl = ["for", "tabindex"], xl = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
   inheritAttrs: !1
 }, {
@@ -18,14 +18,14 @@ const ba = (e, m) => {
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const m = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(m);
+        const y = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(y);
       }
     },
     tabIndex: {
       type: [Number, Array],
       default: 0,
-      validator: (e, m) => Array.isArray(e) ? e.length === m.options.length : !0
+      validator: (e, y) => Array.isArray(e) ? e.length === y.options.length : !0
     },
     hasTabIndexEnter: {
       type: Boolean,
@@ -56,12 +56,12 @@ const ba = (e, m) => {
       validator: (e) => {
         if (!e.length)
           return !1;
-        let m = !1;
-        for (const C of e) {
-          const E = Object.keys(C);
-          E.length !== 2 && (m = !0), E.every((Ve) => ["value", "text"].includes(Ve)) || (m = !0);
+        let y = !1;
+        for (const h of e) {
+          const P = Object.keys(h);
+          P.length !== 2 && (y = !0), P.every((Ve) => ["value", "text"].includes(Ve)) || (y = !0);
         }
-        if (!m)
+        if (!y)
           return e;
       }
     },
@@ -78,8 +78,8 @@ const ba = (e, m) => {
       type: String,
       default: "light",
       validator: (e) => {
-        const m = e ? e.toLowerCase() : "";
-        return ["light", "dark"].includes(m);
+        const y = e ? e.toLowerCase() : "";
+        return ["light", "dark"].includes(y);
       }
     },
     // Cores do tema light
@@ -151,143 +151,143 @@ const ba = (e, m) => {
     }
   },
   emits: ["current-value", "changed", "clicked"],
-  setup(e, { emit: m }) {
-    fa((y) => ({
+  setup(e, { emit: y }) {
+    ya((b) => ({
       "0fd48d29": ye.value,
       "50426c15": ct.value,
       "5fa7628c": dt.value,
       "5949c3d2": Te.value,
-      91322790: Je.value,
-      "6750fc92": at.value,
-      "8c592938": gt.value,
+      91322790: Qe.value,
+      "6750fc92": lt.value,
+      "8c592938": mt.value,
       c11d4680: st.value,
-      "35b74fa6": lt.value,
-      "7dd5f889": Se.value,
-      "5cb21b36": yt.value
-    })), sa(() => {
-      Xe();
+      "35b74fa6": nt.value,
+      "7dd5f889": xe.value,
+      "5cb21b36": ht.value
+    })), pa(() => {
+      Je();
     });
-    const C = m, E = e, D = Q(null), {
+    const h = y, P = e, N = j(null), {
       ariaLabel: Ve,
-      ariaAttrs: pe,
-      currentOption: Ae,
+      ariaAttrs: be,
+      currentOption: Re,
       valueType: ke,
-      display: se,
+      display: ie,
       options: J,
-      theme: Pe,
-      lightTextColor: _e,
-      lightColor: ne,
-      lightColorHover: U,
+      theme: Oe,
+      lightTextColor: Me,
+      lightColor: ae,
+      lightColorHover: G,
       darkTextColor: w,
-      darkColor: oe,
-      darkColorHover: de,
-      hoverEffect: G,
+      darkColor: le,
+      darkColorHover: se,
+      hoverEffect: K,
       activeHoverEffect: Le,
-      itemGap: ce,
-      internalGap: P,
-      scale: be,
+      itemGap: de,
+      internalGap: F,
+      scale: ge,
       disabled: X,
-      fontFamily: Ce,
-      fontSize: ge,
-      fontWeight: xe
-    } = va(E), _ = a(() => {
-      const y = X.value ? "component-disabled" : "", V = se.value !== "b" ? "inline-block" : "block", ue = Ce.value ? Ce.value : "'Lato', sans-serif", Z = ge.value ? ge.value : "1.6em", me = xe.value !== 0 && !xe.value || xe.value < 0 ? 200 : xe.value, Re = [!1, !0].includes(G.value) ? G.value : !1, Ye = [!1, !0].includes(Le.value) ? Le.value : !1, re = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, c = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, b = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value;
+      fontFamily: he,
+      fontSize: ce,
+      fontWeight: Ce
+    } = ma(P), $ = a(() => {
+      const b = X.value ? "component-disabled" : "", S = ie.value !== "b" ? "inline-block" : "block", ne = he.value ? he.value : "'Lato', sans-serif", Z = ce.value ? ce.value : "1.6em", me = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 200 : Ce.value, Be = [!1, !0].includes(K.value) ? K.value : !1, Xe = [!1, !0].includes(Le.value) ? Le.value : !1, q = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, d = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, m = ge.value !== 0 && !ge.value || ge.value < 0 ? 1 : ge.value;
       return {
-        disabled: y,
-        display: V,
-        hoverEffect: Re,
-        activeHoverEffect: Ye,
-        itemGap: re,
-        internalGap: c,
-        scale: b,
-        font: ue,
+        disabled: b,
+        display: S,
+        hoverEffect: Be,
+        activeHoverEffect: Xe,
+        itemGap: q,
+        internalGap: d,
+        scale: m,
+        font: ne,
         fontSize: Z,
         fontWeight: me
       };
-    }), L = a(() => _.value.disabled), x = a(() => ({
-      display: _.value.display
-    })), $e = a(() => _.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), He = a(() => {
-      const y = _.value;
+    }), L = a(() => $.value.disabled), C = a(() => ({
+      display: $.value.display
+    })), ze = a(() => $.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), He = a(() => {
+      const b = $.value;
       return {
-        fontSize: y.fontSize,
-        fontWeight: y.fontWeight
+        fontSize: b.fontSize,
+        fontWeight: b.fontWeight
       };
-    }), we = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), tt = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), ye = a(() => _.value.font), at = a(() => _e.value), gt = a(() => ne.value), Je = a(() => _.value.hoverEffect ? U.value : ne.value), Te = a(() => _.value.activeHoverEffect ? U.value : ne.value), Se = a(() => w.value), yt = a(() => oe.value), lt = a(() => _.value.hoverEffect ? de.value : oe.value), st = a(() => _.value.activeHoverEffect ? de.value : oe.value), dt = a(() => {
-      const V = _.value.internalGap;
-      return !V || V < 0 ? 0 : `${V}px`;
+    }), We = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), at = a(() => Oe.value === "dark" ? "component__theme--dark" : "component__theme--light"), ye = a(() => $.value.font), lt = a(() => Me.value), mt = a(() => ae.value), Qe = a(() => $.value.hoverEffect ? G.value : ae.value), Te = a(() => $.value.activeHoverEffect ? G.value : ae.value), xe = a(() => w.value), ht = a(() => le.value), nt = a(() => $.value.hoverEffect ? se.value : le.value), st = a(() => $.value.activeHoverEffect ? se.value : le.value), dt = a(() => {
+      const S = $.value.internalGap;
+      return !S || S < 0 ? 0 : `${S}px`;
     }), ct = a(() => {
-      const V = _.value.itemGap;
-      return !V || V < 0 ? 0 : `${V}px`;
-    }), Ue = a(() => ({
-      zoom: _.value.scale
-    })), Ge = a(() => {
-      const y = {};
-      pe.value && Object.keys(pe.value).forEach((Z) => y[`aria-${Z}`] = pe.value[Z]);
-      const V = {
+      const S = $.value.itemGap;
+      return !S || S < 0 ? 0 : `${S}px`;
+    }), je = a(() => ({
+      zoom: $.value.scale
+    })), Ue = a(() => {
+      const b = {};
+      be.value && Object.keys(be.value).forEach((Z) => b[`aria-${Z}`] = be.value[Z]);
+      const S = {
         "aria-label": Ve.value,
         "aria-disabled": X.value,
-        ...y
+        ...b
       };
       return Object.fromEntries(
-        Object.entries(V).filter(([ue, Z]) => Z != null)
+        Object.entries(S).filter(([ne, Z]) => Z != null)
       );
-    }), Xe = () => {
-      const y = Ae.value;
-      y && ["string"].includes(ke.value) ? D.value = y.toString().toLowerCase() : D.value = y;
-    }, Ke = () => {
-      C("clicked");
+    }), Je = () => {
+      const b = Re.value;
+      b && ["string"].includes(ke.value) ? N.value = b.toString().toLowerCase() : N.value = b;
+    }, Ge = () => {
+      h("clicked");
     };
-    return H(Ae, (y, V) => {
-      y !== V && Xe();
-    }), H(D, (y, V) => {
-      y !== V && (C("current-value", y), C("changed", y));
-    }), (y, V) => e.nbId && we.value ? (F(), q("div", {
+    return U(Re, (b, S) => {
+      b !== S && Je();
+    }), U(N, (b, S) => {
+      b !== S && (h("current-value", b), h("changed", b));
+    }), (b, S) => e.nbId && We.value ? (M(), D("div", {
       key: 0,
-      class: We(["nb-wrapper", L.value]),
-      style: Ee([x.value, Ue.value])
+      class: Fe(["nb-wrapper", L.value]),
+      style: Se([C.value, je.value])
     }, [
-      ve("div", da({
+      pe("div", ba({
         id: e.nbId,
         role: "radiogroup"
-      }, Ge.value, {
-        class: ["nb-reset", "component", $e.value, tt.value]
+      }, Ue.value, {
+        class: ["nb-reset", "component", ze.value, at.value]
       }), [
-        (F(!0), q(qa, null, ja(o(J), (ue, Z) => (F(), q("div", {
+        (M(!0), D(Ya, null, Qa(o(J), (ne, Z) => (M(), D("div", {
           key: Z,
           class: "component-radio__item"
         }, [
-          pa(ve("input", {
-            id: `${e.nbId}-${ue.value}`,
-            "onUpdate:modelValue": V[0] || (V[0] = (me) => D.value = me),
+          ha(pe("input", {
+            id: `${e.nbId}-${ne.value}`,
+            "onUpdate:modelValue": S[0] || (S[0] = (me) => N.value = me),
             type: "radio",
             class: "component-radio__item--input",
             disabled: o(X),
-            value: ue.value,
+            value: ne.value,
             name: e.groupName,
-            onClick: Ke
-          }, null, 8, dl), [
-            [ll, D.value]
+            onClick: Ge
+          }, null, 8, hl), [
+            [fl, N.value]
           ]),
-          ve("label", {
-            for: `${e.nbId}-${ue.value}`,
+          pe("label", {
+            for: `${e.nbId}-${ne.value}`,
             tabindex: o(X) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Z] : e.tabIndex >= 0 ? e.tabIndex : Z + 1,
             class: "component-radio__item--label",
             onKeydown: [
-              V[1] || (V[1] = qt(ca((me) => !o(X) && e.hasTabIndexEnter && me.target.click(), ["prevent"]), ["enter"])),
-              V[2] || (V[2] = qt(ca((me) => !o(X) && e.hasTabIndexSpace && me.target.click(), ["prevent"]), ["space"]))
+              S[1] || (S[1] = Kt(ga((me) => !o(X) && e.hasTabIndexEnter && me.target.click(), ["prevent"]), ["enter"])),
+              S[2] || (S[2] = Kt(ga((me) => !o(X) && e.hasTabIndexSpace && me.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            V[3] || (V[3] = ve("div", null, null, -1)),
-            ve("span", {
-              style: Ee([He.value])
-            }, xt(ue.text), 5)
-          ], 40, cl)
+            S[3] || (S[3] = pe("div", null, null, -1)),
+            pe("span", {
+              style: Se([He.value])
+            }, kt(ne.text), 5)
+          ], 40, Cl)
         ]))), 128))
-      ], 16, sl)
-    ], 6)) : Be("", !0);
+      ], 16, ml)
+    ], 6)) : re("", !0);
   }
-}), vl = /* @__PURE__ */ ba(fl, [["__scopeId", "data-v-a95f65ea"]]);
-const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabindex"], yl = /* @__PURE__ */ Object.assign({
+}), Sl = /* @__PURE__ */ Ca(xl, [["__scopeId", "data-v-a95f65ea"]]);
+const Vl = ["id"], kl = ["id", "disabled", "value", "name"], Ll = ["for", "tabindex"], Tl = /* @__PURE__ */ Object.assign({
   name: "NbInputCheckbox",
   inheritAttrs: !1
 }, {
@@ -301,14 +301,14 @@ const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabin
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const m = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(m);
+        const y = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(y);
       }
     },
     tabIndex: {
       type: [Number, Array],
       default: 0,
-      validator: (e, m) => Array.isArray(e) ? e.length === m.options.length : !0
+      validator: (e, y) => Array.isArray(e) ? e.length === y.options.length : !0
     },
     hasTabIndexEnter: {
       type: Boolean,
@@ -339,12 +339,12 @@ const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabin
       validator: (e) => {
         if (!e.length)
           return !1;
-        let m = !1;
-        for (const C of e) {
-          const E = Object.keys(C);
-          E.length !== 2 && (m = !0), E.every((Ve) => ["value", "text"].includes(Ve)) || (m = !0);
+        let y = !1;
+        for (const h of e) {
+          const P = Object.keys(h);
+          P.length !== 2 && (y = !0), P.every((Ve) => ["value", "text"].includes(Ve)) || (y = !0);
         }
-        if (!m)
+        if (!y)
           return e;
       }
     },
@@ -356,8 +356,8 @@ const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabin
       type: String,
       default: "light",
       validator: (e) => {
-        const m = e ? e.toLowerCase() : "";
-        return ["light", "dark"].includes(m);
+        const y = e ? e.toLowerCase() : "";
+        return ["light", "dark"].includes(y);
       }
     },
     // Cores do tema light
@@ -447,167 +447,170 @@ const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabin
     }
   },
   emits: ["current-value", "changed", "clicked"],
-  setup(e, { emit: m }) {
-    fa((c) => ({
-      "49e2c63f": gt.value,
-      "107babaa": ue.value,
-      "3c7cc5ce": V.value,
-      "16d311d0": y.value,
-      "3f8b2f30": yt.value,
-      "53078d64": Se.value,
-      "537834e6": lt.value,
+  setup(e, { emit: y }) {
+    ya((d) => ({
+      "49e2c63f": mt.value,
+      "107babaa": ne.value,
+      "3c7cc5ce": S.value,
+      "16d311d0": b.value,
+      "3f8b2f30": ht.value,
+      "53078d64": xe.value,
+      "537834e6": nt.value,
       fbc86ee4: Te.value,
-      "517939e1": Je.value,
-      "3faff29d": Ke.value,
-      "302ecd6a": Ue.value,
+      "517939e1": Qe.value,
+      "3faff29d": Ge.value,
+      "302ecd6a": je.value,
       "8a4df060": ct.value,
-      "0a99dbe2": Ge.value,
+      "0a99dbe2": Ue.value,
       d6971e68: dt.value,
       ca30d9c2: st.value
-    })), sa(() => {
-      Ye();
+    })), pa(() => {
+      Xe();
     });
-    const C = m, E = e, D = Q(null), {
+    const h = y, P = e, N = j(null), {
       ariaLabel: Ve,
-      ariaAttrs: pe,
-      currentOption: Ae,
+      ariaAttrs: be,
+      currentOption: Re,
       display: ke,
-      options: se,
+      options: ie,
       theme: J,
-      lightTextColor: Pe,
-      lightColor: _e,
-      lightColorHover: ne,
-      darkTextColor: U,
+      lightTextColor: Oe,
+      lightColor: Me,
+      lightColorHover: ae,
+      darkTextColor: G,
       darkColor: w,
-      darkColorHover: oe,
-      boxRadius: de,
-      hoverEffect: G,
+      darkColorHover: le,
+      boxRadius: se,
+      hoverEffect: K,
       activeHoverEffect: Le,
-      itemGap: ce,
-      internalGap: P,
-      scale: be,
+      itemGap: de,
+      internalGap: F,
+      scale: ge,
       type: X,
-      background: Ce,
-      disabled: ge,
-      fontFamily: xe,
-      fontSize: _,
+      background: he,
+      disabled: ce,
+      fontFamily: Ce,
+      fontSize: $,
       fontWeight: L
-    } = va(E), x = a(() => {
-      const c = ge.value ? "component-disabled" : "", b = ke.value !== "b" ? "inline-block" : "block", fe = xe.value ? xe.value : "'Lato', sans-serif", K = _.value ? _.value : "1.6em", ee = L.value !== 0 && !L.value || L.value < 0 ? 200 : L.value, Me = de.value !== 0 && !de.value || de.value < 0 ? 0 : de.value, ze = [!1, !0].includes(G.value) ? G.value : !1, Fe = [!1, !0].includes(Le.value) ? Le.value : !1, Qe = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, Ze = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, nt = ["box", "circle"].includes(X.value) ? X.value : "box", ot = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value, ft = [!1, !0].includes(Ce.value) ? Ce.value : !1;
+    } = ma(P), C = a(() => {
+      const d = ce.value ? "component-disabled" : "", m = ke.value !== "b" ? "inline-block" : "block", fe = Ce.value ? Ce.value : "'Lato', sans-serif", H = $.value ? $.value : "1.6em", Y = L.value !== 0 && !L.value || L.value < 0 ? 200 : L.value, Ae = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, _e = [!1, !0].includes(K.value) ? K.value : !1, De = [!1, !0].includes(Le.value) ? Le.value : !1, qe = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, Ze = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, ot = ["box", "circle"].includes(X.value) ? X.value : "box", ut = ge.value !== 0 && !ge.value || ge.value < 0 ? 1 : ge.value, ft = [!1, !0].includes(he.value) ? he.value : !1;
       return {
-        disabled: c,
-        display: b,
-        boxRadius: Me,
-        hoverEffect: ze,
-        activeHoverEffect: Fe,
-        itemGap: Qe,
+        disabled: d,
+        display: m,
+        boxRadius: Ae,
+        hoverEffect: _e,
+        activeHoverEffect: De,
+        itemGap: qe,
         internalGap: Ze,
-        scale: ot,
-        type: nt,
+        scale: ut,
+        type: ot,
         font: fe,
         background: ft,
-        fontSize: K,
-        fontWeight: ee
+        fontSize: H,
+        fontWeight: Y
       };
-    }), $e = a(() => x.value.disabled), He = a(() => ({
-      display: x.value.display
-    })), we = a(() => x.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), tt = a(() => {
-      const c = x.value;
+    }), ze = a(() => C.value.disabled), He = a(() => ({
+      display: C.value.display
+    })), We = a(() => C.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), at = a(() => {
+      const d = C.value;
       return {
-        fontSize: c.fontSize,
-        fontWeight: c.fontWeight
+        fontSize: d.fontSize,
+        fontWeight: d.fontWeight
       };
-    }), ye = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0), at = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), gt = a(() => x.value.font), Je = a(() => Pe.value), Te = a(() => _e.value), Se = a(() => x.value.hoverEffect ? ne.value : _e.value), yt = a(() => x.value.activeHoverEffect ? ne.value : _e.value), lt = a(() => {
-      const c = x.value;
-      return c.activeHoverEffect && c.background ? `${ne.value}80` : ne.value;
-    }), st = a(() => U.value), dt = a(() => w.value), ct = a(() => x.value.hoverEffect ? oe.value : w.value), Ue = a(() => x.value.activeHoverEffect ? oe.value : w.value), Ge = a(() => {
-      const c = x.value;
-      return c.activeHoverEffect && c.background ? `${oe.value}80` : oe.value;
-    }), Xe = a(() => x.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ke = a(() => {
-      const c = x.value, b = J.value === "dark" ? U.value : Pe.value;
-      return c.background ? "#ffffff" : b;
+    }), ye = a(() => Array.isArray(ie.value) && ie.value.constructor === Array && ie.value.length > 0), lt = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), mt = a(() => C.value.font), Qe = a(() => Oe.value), Te = a(() => Me.value), xe = a(() => C.value.hoverEffect ? ae.value : Me.value), ht = a(() => C.value.activeHoverEffect ? ae.value : Me.value), nt = a(() => {
+      const d = C.value;
+      return d.activeHoverEffect && d.background ? `${ae.value}80` : ae.value;
+    }), st = a(() => G.value), dt = a(() => w.value), ct = a(() => C.value.hoverEffect ? le.value : w.value), je = a(() => C.value.activeHoverEffect ? le.value : w.value), Ue = a(() => {
+      const d = C.value;
+      return d.activeHoverEffect && d.background ? `${le.value}80` : le.value;
+    }), Je = a(() => C.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ge = a(() => {
+      const d = C.value, m = J.value === "dark" ? G.value : Oe.value;
+      return d.background ? "#ffffff" : m;
     });
-    a(() => x.value.background ? "19px" : "auto");
-    const y = a(() => {
-      const b = x.value.internalGap;
-      return !b || b < 0 ? 0 : `${b}px`;
-    }), V = a(() => {
-      const c = x.value;
-      return `${c.boxRadius > 7 ? 7 : c.boxRadius}px`;
-    }), ue = a(() => {
-      const b = x.value.itemGap;
-      return !b || b < 0 ? 0 : `${b}px`;
-    }), Z = a(() => x.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), me = a(() => ({
-      zoom: x.value.scale
-    })), Re = a(() => {
-      const c = {};
-      pe.value && Object.keys(pe.value).forEach((K) => c[`aria-${K}`] = pe.value[K]);
-      const b = {
+    a(() => C.value.background ? "19px" : "auto");
+    const b = a(() => {
+      const m = C.value.internalGap;
+      return !m || m < 0 ? 0 : `${m}px`;
+    }), S = a(() => {
+      const d = C.value;
+      return `${d.boxRadius > 7 ? 7 : d.boxRadius}px`;
+    }), ne = a(() => {
+      const m = C.value.itemGap;
+      return !m || m < 0 ? 0 : `${m}px`;
+    }), Z = a(() => C.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), me = a(() => ({
+      zoom: C.value.scale
+    })), Be = a(() => {
+      const d = {};
+      be.value && Object.keys(be.value).forEach((H) => d[`aria-${H}`] = be.value[H]);
+      const m = {
         "aria-label": Ve.value,
-        "aria-disabled": ge.value,
-        ...c
+        "aria-disabled": ce.value,
+        ...d
       };
       return Object.fromEntries(
-        Object.entries(b).filter(([fe, K]) => K != null)
+        Object.entries(m).filter(([fe, H]) => H != null)
       );
-    }), Ye = () => {
-      D.value = Ae.value;
-    }, re = () => {
-      C("clicked");
+    }), Xe = () => {
+      N.value = Re.value;
+    }, q = () => {
+      h("clicked");
     };
-    return H(Ae, (c, b) => {
-      c !== b && Ye();
-    }), H(D, (c, b) => {
-      c !== b && (C("current-value", c), C("changed", c));
-    }), (c, b) => e.nbId && ye.value ? (F(), q("div", {
+    return U(Re, (d, m) => {
+      d !== m && Xe();
+    }), U(N, (d, m) => {
+      d !== m && (h("current-value", d), h("changed", d));
+    }), (d, m) => e.nbId && ye.value ? (M(), D("div", {
       key: 0,
-      class: We(["nb-wrapper", $e.value]),
-      style: Ee([He.value, me.value])
+      class: Fe(["nb-wrapper", ze.value]),
+      style: Se([He.value, me.value])
     }, [
-      ve("div", da({
+      pe("div", ba({
         id: e.nbId,
         role: "group"
-      }, Re.value, {
-        class: ["nb-reset", "component", we.value, at.value]
+      }, Be.value, {
+        class: ["nb-reset", "component", We.value, lt.value]
       }), [
-        (F(!0), q(qa, null, ja(o(se), (fe, K) => (F(), q("div", {
-          key: K,
+        (M(!0), D(Ya, null, Qa(o(ie), (fe, H) => (M(), D("div", {
+          key: H,
           class: "component-checkbox__item"
         }, [
-          pa(ve("input", {
+          ha(pe("input", {
             id: `${e.nbId}-${fe.value}`,
-            "onUpdate:modelValue": b[0] || (b[0] = (ee) => D.value = ee),
+            "onUpdate:modelValue": m[0] || (m[0] = (Y) => N.value = Y),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: o(ge),
+            disabled: o(ce),
             value: fe.value,
             name: e.groupName,
-            onClick: re
-          }, null, 8, bl), [
-            [nl, D.value]
+            onClick: q
+          }, null, 8, kl), [
+            [vl, N.value]
           ]),
-          ve("label", {
+          pe("label", {
             for: `${e.nbId}-${fe.value}`,
-            class: We([[Z.value], "component-checkbox__item--label"]),
-            tabindex: o(ge) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[K] : e.tabIndex >= 0 ? e.tabIndex : K + 1,
+            class: Fe([[Z.value], "component-checkbox__item--label"]),
+            tabindex: o(ce) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[H] : e.tabIndex >= 0 ? e.tabIndex : H + 1,
             onKeydown: [
-              b[1] || (b[1] = qt(ca((ee) => !o(ge) && e.hasTabIndexEnter && ee.target.click(), ["prevent"]), ["enter"])),
-              b[2] || (b[2] = qt(ca((ee) => !o(ge) && e.hasTabIndexSpace && ee.target.click(), ["prevent"]), ["space"]))
+              m[1] || (m[1] = Kt(ga((Y) => !o(ce) && e.hasTabIndexEnter && Y.target.click(), ["prevent"]), ["enter"])),
+              m[2] || (m[2] = Kt(ga((Y) => !o(ce) && e.hasTabIndexSpace && Y.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            ve("div", {
-              class: We([Xe.value])
+            pe("div", {
+              class: Fe([Je.value])
             }, null, 2),
-            ve("span", {
-              style: Ee([tt.value])
-            }, xt(fe.text), 5)
-          ], 42, gl)
+            pe("span", {
+              style: Se([at.value])
+            }, kt(fe.text), 5)
+          ], 42, Ll)
         ]))), 128))
-      ], 16, pl)
-    ], 6)) : Be("", !0);
+      ], 16, Vl)
+    ], 6)) : re("", !0);
   }
-}), ml = /* @__PURE__ */ ba(yl, [["__scopeId", "data-v-1c6afddc"]]);
-const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 }, kl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Ll = ["for"], Tl = /* @__PURE__ */ Object.assign({
+}), Bl = /* @__PURE__ */ Ca(Tl, [["__scopeId", "data-v-1c6afddc"]]);
+const Al = ["id"], _l = ["for"], $l = {
+  key: 0,
+  class: "component__label--required"
+}, wl = ["for"], Rl = { key: 0 }, Ml = { key: 1 }, zl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex", "min", "max", "step"], Wl = ["for"], Dl = /* @__PURE__ */ Object.assign({
   name: "NbInput",
   inheritAttrs: !1
 }, {
@@ -621,8 +624,8 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const m = e.toLowerCase();
-        return ["b", "ib"].includes(m);
+        const y = e.toLowerCase();
+        return ["b", "ib"].includes(y);
       }
     },
     tabIndex: {
@@ -726,6 +729,18 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
       default: "text",
       validator: (e) => ["text", "number", "email", "password"].indexOf(e) !== -1
     },
+    min: {
+      type: String,
+      default: ""
+    },
+    max: {
+      type: String,
+      default: ""
+    },
+    step: {
+      type: [String, Number],
+      default: ""
+    },
     hasTrim: {
       type: Boolean,
       default: !1,
@@ -955,6 +970,11 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
       type: String,
       default: "Label text"
     },
+    labelBreakOnActive: {
+      type: Boolean,
+      default: !0,
+      validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
+    },
     labelBackground: {
       type: String,
       default: "transparent"
@@ -983,6 +1003,14 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
       type: Number,
       default: 5
     },
+    labelRight: {
+      type: Number,
+      default: 0
+    },
+    labelActiveRight: {
+      type: Number,
+      default: 0
+    },
     fontFamilyLabel: {
       type: String,
       default: "'Lato', sans-serif"
@@ -1028,199 +1056,210 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
     "clicked",
     "entered"
   ],
-  setup(e, { emit: m }) {
-    fa((n) => ({
-      "3df7fbb0": Bt.value,
-      "10b57060": Tt.value,
-      "7a965be1": o(ct),
-      "6acf3c30": Kt.value,
-      "4aa02582": Yt.value,
-      "8baa16cc": Qt.value,
-      "289e311f": o(V),
-      "7c16f9a6": o(ze),
-      c7fe4d00: o(ue),
-      "236b311c": o(ft),
-      "511e602b": o(y),
-      "6088d4e4": o(Xe),
-      "153b050a": o(Ke),
-      "2530ced5": ua.value,
-      "1b52bf47": o(Ue),
-      da79cc5e: o(Ge),
-      d392b78c: o(Me),
-      "2d3fa8fe": o(Z),
-      "2d9cd306": o(ot),
-      "2547f16d": o(dt),
-      "4d960262": o(lt),
-      "7378c7f0": o(st),
-      "510a9aee": o(Se),
-      "713adfcf": o(yt),
-      "6119a83d": la.value,
-      "0156f4c8": na.value,
-      "9ebf4bd2": oa.value,
-      "42be1d87": Et.value,
-      "4c548aac": aa.value,
-      fa4dc9d2: o(me),
-      b9dbf970: Ct.value,
-      "3c1a1637": At.value,
-      "61cb62f6": zt.value,
-      f4fa5ec2: Ht.value,
-      de10300e: Gt.value,
-      "25bd227e": n.styleButtonColor,
-      "750af1a6": Ut.value
-    })), sa(() => {
-      ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Y.value = ye.value : Y.value = String(ye.value) : Y.value = "";
-    }), ma(() => {
-      bt();
+  setup(e, { emit: y }) {
+    ya((n) => ({
+      "598b71f8": Jt.value,
+      "1c1eb8e8": Qt.value,
+      "7e7ce396": o(ct),
+      "2beb5748": ta.value,
+      "428926a4": aa.value,
+      "96ddbe74": zt.value,
+      "09d9644b": o(S),
+      "18ecb6d2": o(_e),
+      e9631058: o(ne),
+      "2e9ed8c4": o(ft),
+      "0f798257": o(b),
+      b297f190: o(Je),
+      "2244285e": o(Ge),
+      e54e87ae: Ht.value,
+      f44e651a: o(je),
+      "0a29f1b6": o(Ue),
+      d7cee6e4: o(Ae),
+      "27a5d52a": o(Z),
+      "7ffc2c5a": o(ut),
+      "325114c1": o(dt),
+      "665dcae4": o(nt),
+      "5a5ee334": o(st),
+      "84932c46": o(xe),
+      "0e109cfb": o(ht),
+      b1764ade: Dt.value,
+      "697ee21c": da.value,
+      "2fdb7243": ca.value,
+      "524d369a": jt.value,
+      "89de2454": ia.value,
+      "71a4c443": o(me),
+      ed648ac8: oa.value,
+      b2bfb73a: Ft.value,
+      "3df309bc": Ot.value,
+      "22588dcb": Xt.value,
+      "25132f25": ea.value,
+      "55495c15": n.styleButtonColor,
+      "8993b80c": Zt.value
+    })), pa(() => {
+      ye.value != null ? C.value === "number" && typeof ye.value == "number" ? Q.value = ye.value : Q.value = String(ye.value) : Q.value = "";
+    }), $a(() => {
+      _t();
     });
-    const C = m, E = e, {
-      nbId: D,
+    const h = y, P = e, {
+      nbId: N,
       display: Ve,
-      hasTabIndexEnter: pe,
-      ariaLabel: Ae,
+      hasTabIndexEnter: be,
+      ariaLabel: Re,
       ariaAttrs: ke,
-      textColor: se,
+      textColor: ie,
       caretColor: J,
-      selectionBgColor: Pe,
-      selectionTextColor: _e,
-      hasBorderRadius: ne,
-      borderRadius: U,
+      selectionBgColor: Oe,
+      selectionTextColor: Me,
+      hasBorderRadius: ae,
+      borderRadius: G,
       disabled: w,
-      fontFamily: oe,
-      fontSize: de,
-      fontWeight: G,
+      fontFamily: le,
+      fontSize: se,
+      fontWeight: K,
       fontFamilyMsg: Le,
-      fontSizeMsg: ce,
-      fontWeightMsg: P,
-      textMessageColor: be,
+      fontSizeMsg: de,
+      fontWeightMsg: F,
+      textMessageColor: ge,
       inputWidth: X,
-      inputStyle: Ce,
-      activeTextStyle: ge,
-      sizeMediaQuery: xe,
-      inputReadonly: _,
+      inputStyle: he,
+      activeTextStyle: ce,
+      sizeMediaQuery: Ce,
+      inputReadonly: $,
       showInputEye: L,
-      inputType: x,
-      hasTrim: $e,
+      inputType: C,
+      hasTrim: ze,
       inputUppercase: He,
-      inputName: we,
-      inputPlaceholder: tt,
+      inputName: We,
+      inputPlaceholder: at,
       inputText: ye,
-      theme: at,
-      inputEyeIcon: gt,
-      tabindex: Je,
+      theme: lt,
+      inputEyeIcon: mt,
+      tabindex: Qe,
       inputEyeIconHidden: Te,
-      lightBgColor: Se,
-      lightBgColorFocus: yt,
-      lightEyeBgColor: lt,
+      lightBgColor: xe,
+      lightBgColorFocus: ht,
+      lightEyeBgColor: nt,
       lightEyeBgColorActive: st,
       lightDisabledBgColor: dt,
       lightTextColor: ct,
-      darkBgColor: Ue,
-      darkBgColorFocus: Ge,
-      darkEyeBgColor: Xe,
-      darkEyeBgColorActive: Ke,
-      darkDisabledBgColor: y,
-      darkTextColor: V,
-      darkDisabledEyeBgColor: ue,
+      darkBgColor: je,
+      darkBgColorFocus: Ue,
+      darkEyeBgColor: Je,
+      darkEyeBgColorActive: Ge,
+      darkDisabledBgColor: b,
+      darkTextColor: S,
+      darkDisabledEyeBgColor: ne,
       lightDisabledEyeBgColor: Z,
       textAlign: me,
-      showMsg: Re,
-      hasMsg: Ye,
-      hasIcon: re,
-      iconDirection: c,
-      iconPadding: b,
+      showMsg: Be,
+      hasMsg: Xe,
+      hasIcon: q,
+      iconDirection: d,
+      iconPadding: m,
       iconPaddingInput: fe,
-      iconMargin: K,
-      iconBorderRadius: ee,
-      iconLightTextColor: Me,
-      iconDarkTextColor: ze,
-      iconLightBgColor: Fe,
-      iconDarkBgColor: Qe,
+      iconMargin: H,
+      iconBorderRadius: Y,
+      iconLightTextColor: Ae,
+      iconDarkTextColor: _e,
+      iconLightBgColor: De,
+      iconDarkBgColor: qe,
       iconLightBgColorActive: Ze,
-      iconDarkBgColorActive: nt,
-      iconLightDisabledBgColor: ot,
+      iconDarkBgColorActive: ot,
+      iconLightDisabledBgColor: ut,
       iconDarkDisabledBgColor: ft,
-      iconWidth: h,
-      iconSize: R,
-      showLabel: k,
-      labelBackground: Oe,
+      iconWidth: vt,
+      iconSize: pt,
+      showLabel: Ke,
+      label: Lt,
+      labelBreakOnActive: g,
+      labelBackground: I,
       labelPadding: T,
-      labelBorderRadius: he,
-      labelLeft: St,
-      inputLabelMarginActive: Vt,
-      labelActiveTop: ut,
-      labelActiveLeft: j,
-      fontFamilyLabel: N,
-      fontSizeLabel: te,
-      fontSizeLabelActive: $,
-      fontWeightLabel: M,
-      lightTextColorLabel: ae,
-      lightTextColorLabelActive: I,
-      darkTextColorLabel: $t,
-      darkTextColorLabelActive: wt
-    } = va(E), Y = Q(""), vt = Q(""), rt = Q(!1), pt = Q(!1), B = a(() => {
-      const n = w.value ? "component-disabled" : "", s = Ve.value !== "b" ? "inline-block" : "block", je = se ? se.value : "ffffff", le = J.value ? J.value : "", t = Pe.value ? Pe.value : "", l = _e.value ? _e.value : "", d = ne.value ? ne.value : !1, i = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, v = oe.value ? oe.value : "'Lato', sans-serif", f = de.value ? de.value : null, p = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, S = Le.value ? Le.value : "'Lato', sans-serif", A = ce.value ? ce.value : "1em", z = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, O = be.value ? be.value : "#f15574", ie = X.value ? X.value : 200, De = ge.value ? ge.value : "normal", et = xe.value ? xe.value : "xs", Ne = _.value ? _.value : !1, Ie = L.value ? L.value : !1, ha = x.value ? x.value : "text", Ca = He.value ? He.value : !1, xa = at.value ? at.value : "normal", Sa = me.value ? me.value : "left", Va = Ce.value ? Ce.value : "background", ka = b.value ? b.value : "5px 10px", La = K.value ? K.value : "0", Ta = fe.value ? fe.value : 10, Ba = Me.value ? Me.value : "#000000", Aa = ze.value ? ze.value : "#000000", _a = Fe.value ? Fe.value : "transparent", $a = Qe.value ? Qe.value : "transparent", wa = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, Ra = Ze.value ? Ze.value : "transparent", Ma = nt.value ? nt.value : "transparent", za = h.value ? h.value : 32, Da = R.value ? R.value : 1, Na = k.value ? k.value : !1, Ia = St.value !== 0 && !St.value || St.value < 0 ? 5 : St.value, Wa = Oe.value ? Oe.value : "transparent", Ea = Vt.value !== 0 && !Vt.value || Vt.value < 0 ? 15 : Vt.value, Pa = T.value ? T.value : "1px 5px", Fa = he.value !== 0 && !he.value || he.value < 0 ? 0 : he.value, Ga = ut.value === null || ut.value === void 0 ? -13 : ut.value, Ka = j.value === null || j.value === void 0 ? -10 : j.value, Ya = N.value ? N.value : "'Lato', sans-serif", Qa = te.value ? te.value : "1em", Ja = $.value ? $.value : "0.8em", Xa = M.value ? M.value : 400, Za = ae.value ? ae.value : "#ffffff", el = $t.value ? $t.value : "#000000", tl = I.value ? I.value : "#ffffff", al = wt.value ? wt.value : "#000000";
+      labelBorderRadius: $e,
+      labelLeft: f,
+      inputLabelMarginActive: rt,
+      labelActiveTop: wt,
+      labelActiveLeft: Rt,
+      labelRight: ee,
+      labelActiveRight: we,
+      fontFamilyLabel: V,
+      fontSizeLabel: Ct,
+      fontSizeLabelActive: R,
+      fontWeightLabel: z,
+      lightTextColorLabel: te,
+      lightTextColorLabelActive: E,
+      darkTextColorLabel: Et,
+      darkTextColorLabelActive: Pt
+    } = ma(P), Q = j(""), Tt = j(null), et = j(""), bt = j(!1), it = j(!1), k = a(() => {
+      const n = w.value ? "component-disabled" : "", t = Ve.value !== "b" ? "inline-block" : "block", l = ie ? ie.value : "ffffff", s = J.value ? J.value : "", i = Oe.value ? Oe.value : "", v = Me.value ? Me.value : "", c = ae.value ? ae.value : !1, p = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, x = le.value ? le.value : "'Lato', sans-serif", _ = se.value ? se.value : null, W = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, O = Le.value ? Le.value : "'Lato', sans-serif", ue = de.value ? de.value : "1em", Ie = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, tt = ge.value ? ge.value : "#f15574", Ee = X.value ? X.value : 200, Pe = ce.value ? ce.value : "normal", xa = Ce.value ? Ce.value : "xs", Sa = $.value ? $.value : !1, Va = L.value ? L.value : !1, ka = C.value ? C.value : "text", La = He.value ? He.value : !1, Ta = lt.value ? lt.value : "normal", Ba = me.value ? me.value : "left", Aa = he.value ? he.value : "background", wa = m.value ? m.value : "5px 10px", Ra = H.value ? H.value : "0", Ma = fe.value ? fe.value : 10, za = Ae.value ? Ae.value : "#000000", Wa = _e.value ? _e.value : "#000000", Da = De.value ? De.value : "transparent", Na = qe.value ? qe.value : "transparent", Ia = Y.value !== 0 && !Y.value || Y.value < 0 ? 0 : Y.value, Ea = Ze.value ? Ze.value : "transparent", Pa = ot.value ? ot.value : "transparent", Fa = vt.value ? vt.value : 32, Oa = pt.value ? pt.value : 1, qa = Ke.value ? Ke.value : !1, Ha = f.value !== 0 && !f.value || f.value < 0 ? 5 : f.value, ja = I.value ? I.value : "transparent", Ua = rt.value !== 0 && !rt.value || rt.value < 0 ? 15 : rt.value, Ga = T.value ? T.value : "1px 5px", Za = $e.value !== 0 && !$e.value || $e.value < 0 ? 0 : $e.value, el = wt.value === null || wt.value === void 0 ? -13 : wt.value, tl = Rt.value === null || Rt.value === void 0 ? -10 : Rt.value, al = ee.value === null || ee.value === void 0 ? 0 : ee.value, ll = we.value === null || we.value === void 0 ? 0 : we.value, nl = V.value ? V.value : "'Lato', sans-serif", ol = Ct.value ? Ct.value : "1em", ul = R.value ? R.value : "0.8em", rl = z.value ? z.value : 400, il = te.value ? te.value : "#ffffff", sl = Et.value ? Et.value : "#000000", dl = E.value ? E.value : "#ffffff", cl = Pt.value ? Pt.value : "#000000";
       return {
         disabled: n,
-        display: s,
-        font: v,
-        fontSize: f,
-        fontWeight: p,
-        fontFamilyMsg: S,
-        fontSizeMsg: A,
-        fontWeightMsg: z,
-        textMessageColor: O,
-        textColor: je,
-        caretColor: le,
-        selectionBgColor: t,
-        selectionTextColor: l,
-        hasBorderRadius: d,
-        borderRadius: i,
-        textAlign: Sa,
-        inputWidth: ie,
-        activeTextStyle: De,
-        sizeMediaQuery: et,
-        inputReadonly: Ne,
-        showInputEye: Ie,
-        inputType: ha,
-        inputUppercase: Ca,
-        theme: xa,
-        inputStyle: Va,
-        iconPadding: ka,
-        iconMargin: La,
-        iconPaddingInput: Ta,
-        iconLightTextColor: Ba,
-        iconDarkTextColor: Aa,
-        iconLightBgColor: _a,
-        iconDarkBgColor: $a,
-        iconBorderRadius: wa,
-        iconLightBgColorActive: Ra,
-        iconDarkBgColorActive: Ma,
-        iconWidth: za,
-        iconSize: Da,
-        showLabel: Na,
-        labelBackground: Wa,
-        labelPadding: Pa,
-        labelBorderRadius: Fa,
-        labelLeft: Ia,
-        inputLabelMarginActive: Ea,
-        labelActiveTop: Ga,
-        labelActiveLeft: Ka,
-        fontFamilyLabel: Ya,
-        fontSizeLabel: Qa,
-        fontSizeLabelActive: Ja,
-        fontWeightLabel: Xa,
-        lightTextColorLabel: Za,
-        darkTextColorLabel: el,
-        lightTextColorLabelActive: tl,
-        darkTextColorLabelActive: al
+        display: t,
+        font: x,
+        fontSize: _,
+        fontWeight: W,
+        fontFamilyMsg: O,
+        fontSizeMsg: ue,
+        fontWeightMsg: Ie,
+        textMessageColor: tt,
+        textColor: l,
+        caretColor: s,
+        selectionBgColor: i,
+        selectionTextColor: v,
+        hasBorderRadius: c,
+        borderRadius: p,
+        textAlign: Ba,
+        inputWidth: Ee,
+        activeTextStyle: Pe,
+        sizeMediaQuery: xa,
+        inputReadonly: Sa,
+        showInputEye: Va,
+        inputType: ka,
+        inputUppercase: La,
+        theme: Ta,
+        inputStyle: Aa,
+        iconPadding: wa,
+        iconMargin: Ra,
+        iconPaddingInput: Ma,
+        iconLightTextColor: za,
+        iconDarkTextColor: Wa,
+        iconLightBgColor: Da,
+        iconDarkBgColor: Na,
+        iconBorderRadius: Ia,
+        iconLightBgColorActive: Ea,
+        iconDarkBgColorActive: Pa,
+        iconWidth: Fa,
+        iconSize: Oa,
+        showLabel: qa,
+        labelBackground: ja,
+        labelPadding: Ga,
+        labelBorderRadius: Za,
+        labelLeft: Ha,
+        inputLabelMarginActive: Ua,
+        labelActiveTop: el,
+        labelActiveLeft: tl,
+        labelRight: al,
+        labelActiveRight: ll,
+        fontFamilyLabel: nl,
+        fontSizeLabel: ol,
+        fontSizeLabelActive: ul,
+        fontWeightLabel: rl,
+        lightTextColorLabel: il,
+        darkTextColorLabel: sl,
+        lightTextColorLabelActive: dl,
+        darkTextColorLabelActive: cl
+      };
+    }), Yt = a(() => k.value.disabled), Mt = a(() => {
+      const n = k.value, t = Wt.value;
+      return {
+        display: n.display,
+        // Adiciona padding-top quando o label está ativo para evitar que seja cortado
+        paddingTop: t && Ke.value ? `${Math.abs(n.labelActiveTop)}px` : "0"
       };
-    }), Rt = a(() => B.value.disabled), Mt = a(() => ({
-      display: B.value.display
-    })), Tt = a(() => {
-      const n = B.value;
+    }), Qt = a(() => {
+      const n = k.value;
       if (n.fontSize)
         return n.fontSize;
-      let s = "";
+      let t = "";
       switch (n.sizeMediaQuery) {
         case "sm":
           return "1.2em";
@@ -1229,34 +1268,34 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
         case "lg":
           return "2em";
         default:
-          s = "1.2em";
+          t = "1.2em";
       }
-      return s;
-    }), jt = a(() => {
-      const n = B.value, s = Wt.value;
+      return t;
+    }), Bt = a(() => {
+      const n = k.value, t = Wt.value;
       return {
         fontWeight: n.fontWeight,
-        marginTop: s && k.value ? `${n.inputLabelMarginActive}px` : "0"
+        marginTop: t && Ke.value ? `${n.inputLabelMarginActive}px` : "0"
       };
-    }), mt = a(() => {
-      const n = B.value;
+    }), xt = a(() => {
+      const n = k.value;
       return n.inputStyle !== "line" && n.hasBorderRadius ? { borderRadius: `${n.borderRadius}rem` } : {};
-    }), Bt = a(() => B.value.font), At = a(() => B.value.fontFamilyMsg), zt = a(() => B.value.fontSizeMsg), Ht = a(() => B.value.fontWeightMsg), Ut = a(() => B.value.textColor), Gt = a(() => B.value.textMessageColor), Kt = a(() => {
-      const n = B.value;
+    }), Jt = a(() => k.value.font), Ft = a(() => k.value.fontFamilyMsg), Ot = a(() => k.value.fontSizeMsg), Xt = a(() => k.value.fontWeightMsg), Zt = a(() => k.value.textColor), ea = a(() => k.value.textMessageColor), ta = a(() => {
+      const n = k.value;
       return n.caretColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Yt = a(() => {
-      const n = B.value;
+    }), aa = a(() => {
+      const n = k.value;
       return n.selectionBgColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Qt = a(() => {
-      const n = B.value;
+    }), zt = a(() => {
+      const n = k.value;
       return n.selectionTextColor || (n.theme === "dark" ? "#000000" : "#ffffff");
-    }), kt = a(() => {
-      const n = B.value;
+    }), qt = a(() => {
+      const n = k.value;
       return n.display === "block" ? { width: "100%" } : {
         width: `${n.inputWidth}px`
       };
-    }), Dt = a(() => {
-      switch (Ce.value) {
+    }), At = a(() => {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1265,7 +1304,7 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
           return "component__input--background";
       }
     }), r = a(() => {
-      switch (B.value.activeTextStyle) {
+      switch (k.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -1273,8 +1312,8 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
         default:
           return "component__input--active--normal";
       }
-    }), u = a(() => {
-      switch (B.value.sizeMediaQuery) {
+    }), B = a(() => {
+      switch (k.value.sizeMediaQuery) {
         case "sm":
           return "component__sm";
         case "md":
@@ -1284,196 +1323,220 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
         default:
           return "";
       }
-    }), g = a(() => {
-      switch (B.value.theme) {
+    }), ve = a(() => {
+      switch (k.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), W = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), qe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), Nt = a(() => {
-      const n = B.value;
+    }), u = a(() => k.value.inputReadonly ? "component__input--read-only" : ""), A = a(() => k.value.inputUppercase ? "component__input--uppercase" : ""), Ne = a(() => {
+      const n = k.value;
       return !!(n.showInputEye && n.inputType === "password");
-    }), Jt = a(() => rt.value ? gt.value : Te.value), ht = a(() => we.value ? we.value : `${D.value}-name-label`), It = a(() => k.value ? pt.value ? tt.value : "" : tt.value), Wt = a(() => {
-      const n = Y.value;
-      return pt.value || n != null && String(n).trim().length > 0;
-    }), Xt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), Zt = a(() => pt.value ? "component__input--active" : "component__input--no-active"), Ct = a(() => Nt.value ? "6px 50px 6px 10px" : "6px 10px"), ea = a(() => !!(Re.value && Ye.value)), ta = a(() => {
+    }), Ye = a(() => bt.value ? mt.value : Te.value), gt = a(() => We.value ? We.value : `${N.value}-name-label`), la = a(() => Ke.value ? it.value ? at.value : "" : at.value), Wt = a(() => {
+      const n = Q.value;
+      return it.value || n != null && String(n).trim().length > 0;
+    }), na = a(() => k.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), St = a(() => it.value ? "component__input--active" : "component__input--no-active"), oa = a(() => Ne.value ? "6px 50px 6px 10px" : "6px 10px"), ua = a(() => !!(Be.value && Xe.value)), ra = a(() => {
       const n = {};
-      ke.value && Object.keys(ke.value).forEach((le) => n[`aria-${le}`] = ke.value[le]);
-      const s = {
-        "aria-label": Ae.value,
+      ke.value && Object.keys(ke.value).forEach((s) => n[`aria-${s}`] = ke.value[s]);
+      const t = {
+        "aria-label": Re.value,
         "aria-disabled": w.value,
         ...n
       };
       return Object.fromEntries(
-        Object.entries(s).filter(([je, le]) => le != null)
+        Object.entries(t).filter(([l, s]) => s != null)
       );
-    }), aa = a(() => re.value ? `${R.value}rem` : "0"), la = a(() => re.value ? `${h.value}px` : "0"), _t = a(() => re.value ? `component__icon--${c.value}` : ""), na = a(() => {
-      const n = B.value;
-      return re.value ? n.iconPadding : "0";
-    }), oa = a(() => {
-      const n = B.value;
-      return re.value ? n.iconMargin : "0";
-    }), ua = a(() => {
-      const n = B.value;
-      return re.value ? n.theme === "dark" ? n.iconDarkBgColor : n.iconLightBgColor : "transparent";
-    }), Et = a(() => {
-      const n = B.value;
-      return re.value ? `${n.iconBorderRadius}rem` : "0";
-    }), Pt = a(() => {
-      const n = B.value;
-      return re.value ? c.value === "left" ? { paddingLeft: `${n.iconPaddingInput}px` } : { paddingRight: `${n.iconPaddingInput}px` } : {};
-    }), Ft = a(() => {
-      const n = B.value, s = Wt.value, je = s ? n.lightTextColorLabelActive : n.lightTextColorLabel, le = s ? n.darkTextColorLabelActive : n.darkTextColorLabel;
+    }), ia = a(() => q.value ? `${pt.value}rem` : "0"), Dt = a(() => q.value ? `${vt.value}px` : "0"), sa = a(() => q.value ? `component__icon--${d.value}` : ""), da = a(() => {
+      const n = k.value;
+      return q.value ? n.iconPadding : "0";
+    }), ca = a(() => {
+      const n = k.value;
+      return q.value ? n.iconMargin : "0";
+    }), Ht = a(() => {
+      const n = k.value;
+      return q.value ? n.theme === "dark" ? n.iconDarkBgColor : n.iconLightBgColor : "transparent";
+    }), jt = a(() => {
+      const n = k.value;
+      return q.value ? `${n.iconBorderRadius}rem` : "0";
+    }), Ut = a(() => {
+      const n = k.value;
+      return q.value ? d.value === "left" ? { paddingLeft: `${n.iconPaddingInput}px` } : { paddingRight: `${n.iconPaddingInput}px` } : {};
+    }), yt = a(() => {
+      const n = k.value, t = Wt.value, l = t ? n.lightTextColorLabelActive : n.lightTextColorLabel, s = t ? n.darkTextColorLabelActive : n.darkTextColorLabel;
       return {
         fontFamily: n.fontFamilyLabel,
-        fontSize: s ? n.fontSizeLabelActive : n.fontSizeLabel,
+        fontSize: t ? n.fontSizeLabelActive : n.fontSizeLabel,
         fontWeight: n.fontWeightLabel,
-        color: n.theme === "dark" ? le : je,
-        top: s ? `${n.labelActiveTop}px` : "50%",
-        left: s ? `${n.labelActiveLeft}px` : `${n.labelLeft}px`,
-        transform: s ? "translateY(0)" : "translateY(-50%)",
+        color: n.theme === "dark" ? s : l,
+        top: t ? `${n.labelActiveTop}px` : "50%",
+        left: t ? `${n.labelActiveLeft}px` : `${n.labelLeft}px`,
+        right: t ? `${n.labelActiveRight}px` : `${n.labelRight}px`,
+        transform: t ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: s ? n.labelBackground : "transparent",
-        padding: s ? n.labelPadding : "0",
-        borderRadius: s ? `${n.labelBorderRadius}rem` : "0"
+        backgroundColor: t ? n.labelBackground : "transparent",
+        padding: t ? n.labelPadding : "0",
+        borderRadius: t ? `${n.labelBorderRadius}rem` : "0",
+        // Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
+        ...t ? {
+          whiteSpace: g.value ? "nowrap" : "normal",
+          wordWrap: g.value ? "normal" : "break-word",
+          overflowWrap: g.value ? "normal" : "break-word",
+          maxWidth: "100%",
+          textOverflow: g.value ? "ellipsis" : "clip",
+          overflow: g.value ? "hidden" : "visible"
+        } : {}
       };
     });
     a(() => {
-      const n = B.value;
+      const n = k.value;
       return n.theme === "dark" ? n.darkTextColorLabelActive : n.lightTextColorLabelActive;
     });
-    const bt = () => {
-      ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Y.value = ye.value : Y.value = String(ye.value) : Y.value = "", vt.value = x.value;
-    }, Lt = () => {
-      const n = B.value;
+    const _t = () => {
+      ye.value != null ? C.value === "number" && typeof ye.value == "number" ? Q.value = ye.value : Q.value = String(ye.value) : Q.value = "", et.value = C.value;
+    }, Vt = () => {
+      const n = k.value;
       if (n.inputReadonly || n.disabled)
         return;
-      const s = !rt.value;
-      s ? vt.value = "text" : vt.value = x.value, rt.value = s;
-    }, it = (n) => {
-      if (x.value === "number") {
+      const t = !bt.value;
+      t ? et.value = "text" : et.value = C.value, bt.value = t;
+    }, $t = a(() => et.value === "number"), Nt = (n) => {
+      if (C.value === "number") {
         if (n === "" || n === null || n === void 0)
           return "";
         {
-          const s = typeof n == "number" ? n : Number(n);
-          return isNaN(s) ? n : s;
+          const t = typeof n == "number" ? n : Number(n);
+          return isNaN(t) ? n : t;
         }
       }
       return n;
-    }, Ot = () => {
-      C("clicked");
-    }, ra = () => {
-      w.value || B.value.inputReadonly || !pe.value || C("entered", it(Y.value));
+    }, Gt = () => {
+      h("clicked");
+    }, oe = (n) => {
+      n.stopPropagation(), !(w.value || k.value.inputReadonly) && Tt.value && Tt.value.focus();
+    }, fa = () => {
+      w.value || k.value.inputReadonly || !be.value || h("entered", Nt(Q.value));
     };
-    return H(x, (n) => {
-      vt.value = n;
-    }, { immediate: !0 }), H(ye, (n) => {
+    return U(C, (n) => {
+      et.value = n;
+    }, { immediate: !0 }), U(ye, (n) => {
       if (n != null)
-        if (x.value === "number" && typeof n == "number")
-          n !== Y.value && (Y.value = n);
+        if (C.value === "number" && typeof n == "number")
+          n !== Q.value && (Q.value = n);
         else {
-          const s = String(n);
-          s !== Y.value && (Y.value = s);
+          const t = String(n);
+          t !== Q.value && (Q.value = t);
         }
       else
-        Y.value !== "" && (Y.value = "");
-    }, { immediate: !0 }), H(Y, (n) => {
-      $e.value && typeof n == "string" && (n = n.trim()), C("changed", it(n));
-    }), H(pt, (n) => {
-      C(n ? "focused" : "blurred");
-    }), H(rt, (n) => {
-      C("show-input-eye", n);
-    }, { immediate: !0 }), H(Y, (n) => {
-      $e.value && typeof n == "string" && (n = n.trim()), C("current-value", it(n));
-    }), H(x, (n) => {
+        Q.value !== "" && (Q.value = "");
+    }, { immediate: !0 }), U(Q, (n) => {
+      ze.value && typeof n == "string" && (n = n.trim()), h("changed", Nt(n));
+    }), U(it, (n) => {
+      h(n ? "focused" : "blurred");
+    }), U(bt, (n) => {
+      h("show-input-eye", n);
+    }, { immediate: !0 }), U(Q, (n) => {
+      ze.value && typeof n == "string" && (n = n.trim()), h("current-value", Nt(n));
+    }), U(C, (n) => {
       n === "password" && nextTick(() => {
-        const s = document.getElementById(we.value);
-        s && (s.type = "password", s.removeAttribute("autocomplete"));
+        const t = document.getElementById(We.value);
+        t && (t.type = "password", t.removeAttribute("autocomplete"));
       });
-    }), (n, s) => o(D) ? (F(), q("div", da({
+    }), (n, t) => o(N) ? (M(), D("div", ba({
       key: 0,
-      class: ["nb-wrapper", Rt.value],
-      style: [Mt.value, kt.value, mt.value],
+      class: ["nb-wrapper", Yt.value],
+      style: [Mt.value, qt.value, xt.value],
       role: "input"
-    }, ta.value), [
-      ve("div", {
-        id: o(D),
-        class: We(["nb-reset", "component", u.value, g.value, W.value, Dt.value]),
-        style: Ee([jt.value, kt.value, mt.value]),
-        onClick: Ot
+    }, ra.value), [
+      pe("div", {
+        id: o(N),
+        class: Fe(["nb-reset", "component", B.value, ve.value, u.value, At.value]),
+        style: Se([Bt.value, qt.value, xt.value]),
+        onClick: Gt
       }, [
-        o(k) ? (F(), q("label", {
+        o(Ke) ? (M(), D("label", {
           key: 0,
-          for: ht.value,
+          for: gt.value,
           class: "component__label",
-          style: Ee([Ft.value])
-        }, xt(e.label), 13, Cl)) : Be("", !0),
-        Nt.value ? (F(), q("div", {
+          style: Se([yt.value]),
+          onClick: oe
+        }, [
+          It(kt(o(Lt)), 1),
+          e.required ? (M(), D("span", $l, "*")) : re("", !0)
+        ], 12, _l)) : re("", !0),
+        Ne.value ? (M(), D("div", {
           key: 1,
-          class: We(["component__eye", Zt.value]),
-          style: Ee([mt.value]),
-          onClick: Lt
+          class: Fe(["component__eye", St.value]),
+          style: Se([xt.value]),
+          onClick: Vt
         }, [
-          ve("label", {
-            for: ht.value,
-            class: We(["component__eye-icon", "fas"])
+          pe("label", {
+            for: gt.value,
+            class: Fe(["component__eye-icon", "fas"])
           }, [
-            e.inputEyeCustomIcon ? (F(), q("span", Vl, [
-              rt.value ? ia(n.$slots, "eye-icon-show", { key: 0 }, () => [
-                s[4] || (s[4] = ga("show"))
-              ], !0) : ia(n.$slots, "eye-icon-hidden", { key: 1 }, () => [
-                s[5] || (s[5] = ga("hidden"))
+            e.inputEyeCustomIcon ? (M(), D("span", Ml, [
+              bt.value ? va(n.$slots, "eye-icon-show", { key: 0 }, () => [
+                t[4] || (t[4] = It("show"))
+              ], !0) : va(n.$slots, "eye-icon-hidden", { key: 1 }, () => [
+                t[5] || (t[5] = It("hidden"))
               ], !0)
-            ])) : (F(), q("span", Sl, xt(Jt.value), 1))
-          ], 8, xl)
-        ], 6)) : Be("", !0),
-        pa(ve("input", {
-          "onUpdate:modelValue": s[0] || (s[0] = (je) => Y.value = je),
-          id: ht.value,
-          name: ht.value,
-          type: vt.value,
-          class: We(["component__input", [
-            qe.value,
-            Xt.value,
+            ])) : (M(), D("span", Rl, kt(Ye.value), 1))
+          ], 8, wl)
+        ], 6)) : re("", !0),
+        ha(pe("input", {
+          ref_key: "inputRef",
+          ref: Tt,
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => Q.value = l),
+          id: gt.value,
+          name: gt.value,
+          type: et.value,
+          class: Fe(["component__input", [
+            A.value,
+            na.value,
             r.value
           ]]),
-          placeholder: It.value,
-          disabled: o(w) || o(_),
+          placeholder: la.value,
+          disabled: o(w) || o($),
           required: e.required,
-          readonly: o(_),
+          readonly: o($),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(w) || o(_) ? -1 : o(Je),
+          tabindex: o(w) || o($) ? -1 : o(Qe),
+          min: $t.value ? e.min : void 0,
+          max: $t.value ? e.max : void 0,
+          step: $t.value ? e.step : void 0,
           role: "input",
-          style: Ee([mt.value, Pt.value]),
-          onFocus: s[1] || (s[1] = (je) => pt.value = !0),
-          onBlur: s[2] || (s[2] = (je) => pt.value = !1),
-          onKeydown: s[3] || (s[3] = qt((je) => !o(w) && o(pe) && ra(), ["enter"]))
-        }, null, 46, kl), [
-          [Ha, Y.value]
+          style: Se([xt.value, Ut.value]),
+          onFocus: t[1] || (t[1] = (l) => it.value = !0),
+          onBlur: t[2] || (t[2] = (l) => it.value = !1),
+          onKeydown: t[3] || (t[3] = Kt((l) => !o(w) && o(be) && fa(), ["enter"]))
+        }, null, 46, zl), [
+          [Ja, Q.value]
         ]),
-        o(re) ? (F(), q("label", {
+        o(q) ? (M(), D("label", {
           key: 2,
-          for: ht.value,
-          class: We(["component__icon", _t.value])
+          for: gt.value,
+          class: Fe(["component__icon", sa.value])
         }, [
-          ia(n.$slots, "icon", {}, () => [
-            s[6] || (s[6] = ve("span", null, "♥", -1))
+          va(n.$slots, "icon", {}, () => [
+            t[6] || (t[6] = pe("span", null, "♥", -1))
           ], !0)
-        ], 10, Ll)) : Be("", !0)
-      ], 14, hl),
-      ea.value ? (F(), q("div", {
+        ], 10, Wl)) : re("", !0)
+      ], 14, Al),
+      ua.value ? (M(), D("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Fe(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ia(n.$slots, "message", {}, () => [
-          ga(xt(e.message), 1)
+        va(n.$slots, "message", {}, () => [
+          It(kt(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0)
-    ], 16)) : Be("", !0);
+      ], 2)) : re("", !0)
+    ], 16)) : re("", !0);
   }
-}), Bl = /* @__PURE__ */ ba(Tl, [["__scopeId", "data-v-8af30d23"]]);
-const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"], Rl = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Ml = /* @__PURE__ */ Object.assign({
+}), Nl = /* @__PURE__ */ Ca(Dl, [["__scopeId", "data-v-23bbf3c4"]]);
+const Il = ["for"], El = {
+  key: 0,
+  class: "component__label--required"
+}, Pl = ["id"], Fl = ["onClick"], Ol = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], ql = /* @__PURE__ */ Object.assign({
   name: "NbInputChip",
   inheritAttrs: !1
 }, {
@@ -1487,8 +1550,8 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const m = e.toLowerCase();
-        return ["b", "ib"].includes(m);
+        const y = e.toLowerCase();
+        return ["b", "ib"].includes(y);
       }
     },
     tabIndex: {
@@ -1753,7 +1816,7 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
     },
     labelActiveTop: {
       type: Number,
-      default: 13
+      default: -13
     },
     labelActiveLeft: {
       type: Number,
@@ -1793,170 +1856,184 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
     darkTextColorLabelActive: {
       type: String,
       default: "#ffffff"
+    },
+    fontFamilyChip: {
+      type: String,
+      default: "'Lato', sans-serif"
+    },
+    fontSizeChip: {
+      type: String,
+      default: "1.2em"
+    },
+    fontWeightChip: {
+      type: Number,
+      default: 400,
+      validator: (e) => e || 700
     }
   },
   emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred"],
-  setup(e, { emit: m }) {
-    fa((u) => ({
-      "376e4d80": Y.value,
-      d807475a: rt.value,
-      "2226ac9e": o(gt),
-      "19aa3459": o(He),
-      "0af60f52": o(tt),
-      "4bbf74ed": o(Je),
-      "1e97d576": o(Te),
-      "7a6f588e": o(Se),
-      "2c5ee94f": o(Ge),
-      "5743c377": o(lt),
-      96524120: o(dt),
-      "14bf75ea": o(Xe),
-      b4bd543a: o(Ke),
-      ade22ca8: o(y),
-      f111ceb4: o(ye),
-      "2cc9ab48": o(ct),
-      14762890: ae.value,
-      fd7aaf40: B.value,
-      ea04a49c: Rt.value,
-      "594730ca": Mt.value,
-      b5c8eede: u.styleButtonColor,
-      "2d3d8114": vt.value,
-      "87feb986": o(at),
-      a61b2794: o(yt),
-      "2abf974a": o(Ue),
-      "71083e54": o(V)
-    })), sa(() => {
-      U.value.length > 0 && (j.value = U.value);
+  setup(e, { emit: y }) {
+    ya((r) => ({
+      "6622f6ac": Pt.value,
+      "6b4fc1fd": Tt.value,
+      "3459745b": o(mt),
+      "363da183": o(He),
+      af4a5108: o(at),
+      "2db785d2": o(Qe),
+      "6ff10a22": o(Te),
+      "6b000890": o(xe),
+      bb8dbd36: o(Ue),
+      "054dede6": o(nt),
+      "1d036a06": o(dt),
+      "5dcccfa1": o(Je),
+      "9654da0e": o(Ge),
+      "87af8d7c": o(b),
+      "397adabc": o(ye),
+      "7cda4e72": o(ct),
+      eb5f3eb4: z.value,
+      "2d219a14": bt.value,
+      "3d016fc8": it.value,
+      cd3a7540: k.value,
+      "428050bb": r.styleButtonColor,
+      "2ece0a20": Q.value,
+      "0c114667": o(lt),
+      "70496a60": o(ht),
+      "048cf81e": o(je),
+      "9db85a2c": o(S)
+    })), pa(() => {
+      G.value.length > 0 && (ee.value = G.value);
     });
-    const C = m, E = e, {
-      nbId: D,
+    const h = y, P = e, {
+      nbId: N,
       display: Ve,
-      textColor: pe,
-      paddingX: Ae,
+      textColor: be,
+      paddingX: Re,
       paddingY: ke,
-      borderRadius: se,
+      borderRadius: ie,
       disabled: J,
-      fontFamily: Pe,
-      fontSize: _e,
-      fontWeight: ne,
-      currentList: U,
+      fontFamily: Oe,
+      fontSize: Me,
+      fontWeight: ae,
+      currentList: G,
       allowDuplicates: w,
-      minChips: oe,
-      maxChips: de,
-      inputPosition: G,
+      minChips: le,
+      maxChips: se,
+      inputPosition: K,
       width: Le,
-      inputName: ce,
-      inputPlaceholder: P,
-      inputUppercase: be,
+      inputName: de,
+      inputPlaceholder: F,
+      inputUppercase: ge,
       inputReadonly: X,
-      inputAutocomplete: Ce,
-      required: ge,
-      textAlign: xe,
-      hasBorderRadius: _,
+      inputAutocomplete: he,
+      required: ce,
+      textAlign: Ce,
+      hasBorderRadius: $,
       activeTextStyle: L,
-      theme: x,
-      inputStyle: $e,
+      theme: C,
+      inputStyle: ze,
       lightBgColor: He,
-      lightBgColorFocus: we,
-      lightBorderColor: tt,
+      lightBgColorFocus: We,
+      lightBorderColor: at,
       lightBorderColorFocus: ye,
-      lightDisabledBgColor: at,
-      lightTextColor: gt,
-      lightChipBgColor: Je,
+      lightDisabledBgColor: lt,
+      lightTextColor: mt,
+      lightChipBgColor: Qe,
       lightChipTextColor: Te,
-      lightChipRemoveColor: Se,
-      lightDisabledBorderColor: yt,
-      darkBgColor: lt,
+      lightChipRemoveColor: xe,
+      lightDisabledBorderColor: ht,
+      darkBgColor: nt,
       darkBgColorFocus: st,
       darkBorderColor: dt,
       darkBorderColorFocus: ct,
-      darkDisabledBgColor: Ue,
-      darkTextColor: Ge,
-      darkChipBgColor: Xe,
-      darkChipTextColor: Ke,
-      darkChipRemoveColor: y,
-      darkDisabledBorderColor: V,
-      tabIndex: ue,
+      darkDisabledBgColor: je,
+      darkTextColor: Ue,
+      darkChipBgColor: Je,
+      darkChipTextColor: Ge,
+      darkChipRemoveColor: b,
+      darkDisabledBorderColor: S,
+      tabIndex: ne,
       hasTabIndexEnter: Z,
       ariaLabel: me,
-      ariaAttrs: Re,
-      caretColor: Ye,
-      selectionBgColor: re,
-      selectionTextColor: c,
-      showLabel: b,
+      ariaAttrs: Be,
+      caretColor: Xe,
+      selectionBgColor: q,
+      selectionTextColor: d,
+      showLabel: m,
       label: fe,
-      labelBackground: K,
-      labelPadding: ee,
-      labelBorderRadius: Me,
-      labelLeft: ze,
-      inputLabelMarginActive: Fe,
-      labelActiveTop: Qe,
+      labelBackground: H,
+      labelPadding: Y,
+      labelBorderRadius: Ae,
+      labelLeft: _e,
+      inputLabelMarginActive: De,
+      labelActiveTop: qe,
       labelActiveLeft: Ze,
-      fontFamilyLabel: nt,
-      fontSizeLabel: ot,
+      fontFamilyLabel: ot,
+      fontSizeLabel: ut,
       fontSizeLabelActive: ft,
-      fontWeightLabel: h,
-      lightTextColorLabel: R,
-      lightTextColorLabelActive: k,
-      darkTextColorLabel: Oe,
-      darkTextColorLabelActive: T
-    } = va(E), he = Q(""), St = Q(null), Vt = Q(null), ut = Q(null), j = Q([]), N = Q(!1), te = a(() => {
-      const u = J.value ? "component-disabled" : "", g = Ve.value !== "b" ? "inline-block" : "block", W = !Le.value || Le.value < 185 ? 185 : Le.value, qe = pe ? pe.value : "ffffff", Nt = Ye.value ? Ye.value : "", Jt = re.value ? re.value : "", ht = c.value ? c.value : "", It = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 1 : Ae.value, Wt = ke.value !== 0 && !ke.value || ke.value < 0 ? 0.2 : ke.value, Xt = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Zt = Pe.value ? Pe.value : "'Lato', sans-serif", Ct = _e.value ? _e.value : "1.4em", ea = ne.value !== 0 && !ne.value || ne.value < 0 ? 100 : ne.value, ta = oe.value !== 0 && !oe.value || oe.value < 0 ? 0 : oe.value, aa = de.value !== 0 && !de.value || de.value < 0 ? 10 : de.value, la = !G.value || !["top", "bottom"].includes(G.value) ? "bottom" : G.value, _t = !$e.value || !["background", "line", "border"].includes($e.value) ? "background" : $e.value, na = x.value ? x.value : "light", oa = b.value ? b.value : !1, ua = ze.value !== 0 && !ze.value || ze.value < 0 ? 5 : ze.value, Et = K.value ? K.value : "transparent", Pt = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 15 : Fe.value, Ft = ee.value ? ee.value : "1px 5px", bt = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, Lt = Qe.value === null || Qe.value === void 0 ? 13 : Qe.value, it = Ze.value === null || Ze.value === void 0 ? 5 : Ze.value, Ot = nt.value ? nt.value : "'Lato', sans-serif", ra = ot.value ? ot.value : "1em", n = ft.value ? ft.value : "0.8em", s = h.value ? h.value : 400, je = R.value ? R.value : "#333333", le = Oe.value ? Oe.value : "#ffffff", t = k.value ? k.value : "#333333", l = T.value ? T.value : "#ffffff";
+      fontWeightLabel: vt,
+      lightTextColorLabel: pt,
+      lightTextColorLabelActive: Ke,
+      darkTextColorLabel: Lt,
+      darkTextColorLabelActive: g,
+      fontFamilyChip: I,
+      fontSizeChip: T,
+      fontWeightChip: $e
+    } = ma(P), f = j(""), rt = j(null), wt = j(null), Rt = j(null), ee = j([]), we = j(!1), V = a(() => {
+      const r = J.value ? "component-disabled" : "", B = Ve.value !== "b" ? "inline-block" : "block", ve = !Le.value || Le.value < 185 ? 185 : Le.value, u = be ? be.value : "ffffff", A = Xe.value ? Xe.value : "", Ne = q.value ? q.value : "", Ye = d.value ? d.value : "", gt = Re.value !== 0 && !Re.value || Re.value < 0 ? 1 : Re.value, la = ke.value !== 0 && !ke.value || ke.value < 0 ? 0.2 : ke.value, Wt = ie.value !== 0 && !ie.value || ie.value < 0 ? 0 : ie.value, na = Oe.value ? Oe.value : "'Lato', sans-serif", St = Me.value ? Me.value : "1.2em", oa = ae.value !== 0 && !ae.value || ae.value < 0 ? 100 : ae.value, ua = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, ra = se.value !== 0 && !se.value || se.value < 0 ? 10 : se.value, ia = !K.value || !["top", "bottom"].includes(K.value) ? "bottom" : K.value, Dt = !ze.value || !["background", "line", "border"].includes(ze.value) ? "background" : ze.value, sa = C.value ? C.value : "light", da = m.value ? m.value : !1, ca = _e.value !== 0 && !_e.value || _e.value < 0 ? 5 : _e.value, Ht = H.value ? H.value : "transparent", jt = De.value !== 0 && !De.value || De.value < 0 ? 15 : De.value, Ut = Y.value ? Y.value : "1px 5px", yt = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 0 : Ae.value, _t = qe.value === null || qe.value === void 0 ? -13 : qe.value, Vt = Ze.value === null || Ze.value === void 0 ? 5 : Ze.value, $t = ot.value ? ot.value : "'Lato', sans-serif", Nt = ut.value ? ut.value : "1em", Gt = ft.value ? ft.value : "0.8em", oe = vt.value ? vt.value : 400, fa = pt.value ? pt.value : "#333333", n = Lt.value ? Lt.value : "#ffffff", t = Ke.value ? Ke.value : "#333333", l = g.value ? g.value : "#ffffff", s = I.value ? I.value : "'Lato', sans-serif", i = T.value ? T.value : "1.2em", v = $e.value ? $e.value : 400;
       return {
-        disabled: u,
-        display: g,
-        width: W,
-        font: Zt,
-        fontSize: Ct,
-        fontWeight: ea,
-        textColor: qe,
-        caretColor: Nt,
-        selectionBgColor: Jt,
-        selectionTextColor: ht,
-        paddingX: It,
-        paddingY: Wt,
-        borderRadius: Xt,
-        minChips: ta,
-        maxChips: aa,
-        inputPosition: la,
-        inputStyle: _t,
-        theme: na,
-        showLabel: oa,
-        labelLeft: ua,
-        labelBackground: Et,
-        inputLabelMarginActive: Pt,
-        labelPadding: Ft,
-        labelBorderRadius: bt,
-        labelActiveTop: Lt,
-        labelActiveLeft: it,
-        fontFamilyLabel: Ot,
-        fontSizeLabel: ra,
-        fontSizeLabelActive: n,
-        fontWeightLabel: s,
-        lightTextColorLabel: je,
-        darkTextColorLabel: le,
+        disabled: r,
+        display: B,
+        width: ve,
+        font: na,
+        fontSize: St,
+        fontWeight: oa,
+        textColor: u,
+        caretColor: A,
+        selectionBgColor: Ne,
+        selectionTextColor: Ye,
+        paddingX: gt,
+        paddingY: la,
+        borderRadius: Wt,
+        minChips: ua,
+        maxChips: ra,
+        inputPosition: ia,
+        inputStyle: Dt,
+        theme: sa,
+        showLabel: da,
+        labelLeft: ca,
+        labelBackground: Ht,
+        inputLabelMarginActive: jt,
+        labelPadding: Ut,
+        labelBorderRadius: yt,
+        labelActiveTop: _t,
+        labelActiveLeft: Vt,
+        fontFamilyLabel: $t,
+        fontSizeLabel: Nt,
+        fontSizeLabelActive: Gt,
+        fontWeightLabel: oe,
+        lightTextColorLabel: fa,
+        darkTextColorLabel: n,
         lightTextColorLabelActive: t,
-        darkTextColorLabelActive: l
+        darkTextColorLabelActive: l,
+        fontFamilyChip: s,
+        fontSizeChip: i,
+        fontWeightChip: v
       };
-    }), $ = a(() => te.value.disabled), M = a(() => {
-      const u = te.value, g = At.value;
+    }), Ct = a(() => V.value.disabled), R = a(() => ({
+      display: V.value.display
+    })), z = a(() => {
+      const r = V.value;
+      return r.fontSize ? r.fontSize : "1.2em";
+    }), te = a(() => {
+      const r = V.value, B = xt.value;
       return {
-        display: u.display,
-        // Adiciona padding-top quando o label está ativo para evitar que seja cortado
-        paddingTop: g && b.value ? `${Math.abs(u.labelActiveTop)}px` : "0"
-      };
-    }), ae = a(() => {
-      const u = te.value;
-      return u.fontSize ? u.fontSize : "1.4em";
-    }), I = a(() => {
-      const u = te.value, g = At.value;
-      return {
-        color: u.textColor,
-        padding: `${u.paddingY}rem ${u.paddingX}rem`,
-        fontWeight: u.fontWeight,
-        textAlign: xe.value,
-        marginTop: g && b.value ? `${u.inputLabelMarginActive}px` : "0"
+        color: r.textColor,
+        padding: `${r.paddingY}rem ${r.paddingX}rem`,
+        fontWeight: r.fontWeight,
+        textAlign: Ce.value,
+        marginTop: B && m.value ? `${r.inputLabelMarginActive}px` : "0"
       };
-    }), $t = a(() => {
+    }), E = a(() => {
       switch (L.value) {
         case "italic":
           return "component__text--italic";
@@ -1965,63 +2042,70 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
         default:
           return "component__text--normal";
       }
-    }), wt = a(() => {
-      const u = te.value;
-      return u.inputStyle !== "line" && _.value ? { borderRadius: `${u.borderRadius}rem` } : {};
-    }), Y = a(() => te.value.font), vt = a(() => te.value.textColor), rt = a(() => te.value.inputPosition === "top" ? "column" : "column-reverse"), pt = a(() => {
-      const u = {};
-      Re.value && Object.keys(Re.value).forEach((qe) => u[`aria-${qe}`] = Re.value[qe]);
-      const g = {
+    }), Et = a(() => {
+      const r = V.value;
+      return r.inputStyle !== "line" && $.value ? { borderRadius: `${r.borderRadius}rem` } : {};
+    }), Pt = a(() => V.value.font), Q = a(() => V.value.textColor), Tt = a(() => V.value.inputPosition === "top" ? "column" : "column-reverse"), et = a(() => {
+      const r = {};
+      Be.value && Object.keys(Be.value).forEach((u) => r[`aria-${u}`] = Be.value[u]);
+      const B = {
         "aria-label": me.value,
         "aria-disabled": J.value,
-        ...u
+        ...r
       };
       return Object.fromEntries(
-        Object.entries(g).filter(([W, qe]) => qe != null)
+        Object.entries(B).filter(([ve, u]) => u != null)
       );
-    }), B = a(() => {
-      const u = te.value;
-      return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Rt = a(() => {
-      const u = te.value;
-      return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Mt = a(() => {
-      const u = te.value;
-      return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
-    }), Tt = a(() => ({
-      caretColor: B.value
-    })), jt = a(() => ({
-      "--selection-bg-color": Rt.value,
-      "--selection-text-color": Mt.value
-    })), mt = a(() => {
-      const u = te.value, g = {
-        width: `${u.width}px`
+    }), bt = a(() => {
+      const r = V.value;
+      return r.caretColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), it = a(() => {
+      const r = V.value;
+      return r.selectionBgColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), k = a(() => {
+      const r = V.value;
+      return r.selectionTextColor || (r.theme === "dark" ? "#000000" : "#ffffff");
+    }), Yt = a(() => ({
+      caretColor: bt.value
+    })), Mt = a(() => ({
+      "--selection-bg-color": it.value,
+      "--selection-text-color": k.value
+    })), Qt = a(() => {
+      const r = V.value, B = {
+        width: `${r.width}px`
       };
-      return u.display === "block" ? { width: "auto" } : g;
-    }), Bt = a(() => ce.value ? ce.value : `${D.value}-name-label`), At = a(() => N.value || j.value.length > 0 || he.value && he.value.trim().length > 0), zt = a(() => b.value ? N.value || j.value.length > 0 ? P.value : "" : P.value), Ht = a(() => {
-      const u = te.value, g = At.value, W = g ? u.lightTextColorLabelActive : u.lightTextColorLabel, qe = g ? u.darkTextColorLabelActive : u.darkTextColorLabel;
+      return r.display === "block" ? { width: "auto" } : B;
+    }), Bt = a(() => de.value ? de.value : `${N.value}-name-label`), xt = a(() => we.value || ee.value.length > 0 || f.value && f.value.trim().length > 0), Jt = a(() => m.value ? we.value || ee.value.length > 0 ? F.value : "" : F.value), Ft = a(() => {
+      const r = V.value, B = xt.value, ve = B ? r.lightTextColorLabelActive : r.lightTextColorLabel, u = B ? r.darkTextColorLabelActive : r.darkTextColorLabel;
       return {
-        fontFamily: u.fontFamilyLabel,
-        fontSize: g ? u.fontSizeLabelActive : u.fontSizeLabel,
-        fontWeight: u.fontWeightLabel,
-        color: u.theme === "dark" ? qe : W,
-        top: g ? `${u.labelActiveTop}px` : "50%",
-        left: g ? `${u.labelActiveLeft}px` : `${u.labelLeft}px`,
-        transform: g ? "translateY(0)" : "translateY(-50%)",
+        fontFamily: r.fontFamilyLabel,
+        fontSize: B ? r.fontSizeLabelActive : r.fontSizeLabel,
+        fontWeight: r.fontWeightLabel,
+        color: r.theme === "dark" ? u : ve,
+        top: B ? `${r.labelActiveTop}px` : "50%",
+        left: B ? `${r.labelActiveLeft}px` : `${r.labelLeft}px`,
+        transform: B ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: g ? u.labelBackground : "transparent",
-        padding: g ? u.labelPadding : "0",
-        borderRadius: g ? `${u.labelBorderRadius}rem` : "0"
+        backgroundColor: B ? r.labelBackground : "transparent",
+        padding: B ? r.labelPadding : "0",
+        borderRadius: B ? `${r.labelBorderRadius}rem` : "0"
       };
-    }), Ut = a(() => {
-      switch (x.value) {
+    }), Ot = a(() => {
+      const r = V.value;
+      return {
+        fontSize: r.fontSizeChip,
+        fontWeight: r.fontWeightChip,
+        fontFamily: r.fontFamilyChip
+      };
+    }), Xt = a(() => {
+      switch (C.value) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Gt = a(() => {
-      switch ($e.value) {
+    }), Zt = a(() => {
+      switch (ze.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2029,95 +2113,105 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
         default:
           return "component__input--background";
       }
-    }), Kt = () => {
-      C("clicked");
-    }, Yt = () => {
-      N.value = !0, C("focused");
-    }, Qt = () => {
-      N.value = !1, C("blurred");
-    }, kt = (u) => {
-      if (!(J.value || X.value) && u.key === "Enter" && he.value.trim() !== "") {
-        u.preventDefault();
-        let g = he.value.trim();
-        be.value && (g = g.toUpperCase()), (w.value || !j.value.includes(g)) && Dt(g), he.value = "";
+    }), ea = () => {
+      h("clicked");
+    }, ta = () => {
+      we.value = !0, h("focused");
+    }, aa = () => {
+      we.value = !1, h("blurred");
+    }, zt = (r) => {
+      if (!(J.value || X.value) && r.key === "Enter" && f.value.trim() !== "") {
+        r.preventDefault();
+        let B = f.value.trim();
+        ge.value && (B = B.toUpperCase()), (w.value || !ee.value.includes(B)) && qt(B), f.value = "";
       }
-    }, Dt = (u) => {
-      j.value.push(u), C("added", u);
-    }, r = (u) => {
-      j.value = j.value.filter((g) => g !== u), C("removed", u);
+    }, qt = (r) => {
+      ee.value.push(r), h("added", r);
+    }, At = (r) => {
+      ee.value = ee.value.filter((B) => B !== r), h("removed", r);
     };
-    return H(U, (u) => {
-      j.value = u, C("changed", u);
-    }), H(he, (u) => {
-      C("input-changed", u);
-    }), (u, g) => o(D) ? (F(), q("div", da({
+    return U(G, (r) => {
+      ee.value = r, h("changed", r);
+    }), U(f, (r) => {
+      h("input-changed", r);
+    }), (r, B) => o(N) ? (M(), D("div", ba({
       key: 0,
-      class: ["nb-wrapper", $.value],
-      style: [M.value],
+      class: ["nb-wrapper", Ct.value],
+      style: [R.value],
       role: "input"
-    }, pt.value, { onClick: Kt }), [
-      o(b) ? (F(), q("label", {
+    }, et.value, { onClick: ea }), [
+      o(m) ? (M(), D("label", {
         key: 0,
         for: Bt.value,
         class: "component__label",
-        style: Ee([Ht.value])
-      }, xt(o(fe)), 13, Al)) : Be("", !0),
-      ve("div", {
-        id: o(D),
+        style: Se([Ft.value])
+      }, [
+        It(kt(o(fe)), 1),
+        o(ce) ? (M(), D("span", El, "*")) : re("", !0)
+      ], 12, Il)) : re("", !0),
+      pe("div", {
+        id: o(N),
         ref_key: "chipsContainer",
-        ref: St,
-        class: We(["nb-reset", "component", Ut.value, Gt.value]),
-        style: Ee([I.value, mt.value, wt.value])
+        ref: rt,
+        class: Fe(["nb-reset", "component", Xt.value, Zt.value]),
+        style: Se([te.value, Qt.value, Et.value])
       }, [
-        j.value.length > 0 ? (F(), q("div", {
+        ee.value.length > 0 ? (M(), D("div", {
           key: 0,
           ref_key: "chips",
-          ref: ut,
+          ref: Rt,
           class: "chips"
         }, [
-          (F(!0), q(qa, null, ja(j.value, (W) => (F(), q("div", {
-            key: W,
+          (M(!0), D(Ya, null, Qa(ee.value, (ve) => (M(), D("div", {
+            key: ve,
             class: "chip"
           }, [
-            ia(u.$slots, "chip", {
-              chips: j.value,
-              chip: W,
-              removeChip: r
+            va(r.$slots, "chip", {
+              chips: ee.value,
+              chip: ve,
+              removeChip: At
             }, () => [
-              ve("span", $l, xt(W), 1),
-              !o(J) && !o(X) ? (F(), q("span", {
+              pe("span", {
+                class: "chip-text",
+                style: Se([Ot.value])
+              }, kt(ve), 5),
+              !o(J) && !o(X) ? (M(), D("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (qe) => r(W)
-              }, "×", 8, wl)) : Be("", !0)
+                style: Se([Ot.value]),
+                onClick: (u) => At(ve)
+              }, "×", 12, Fl)) : re("", !0)
             ], !0)
           ]))), 128))
-        ], 512)) : Be("", !0),
-        pa(ve("input", {
+        ], 512)) : re("", !0),
+        ha(pe("input", {
           ref_key: "chipInput",
-          ref: Vt,
+          ref: wt,
           type: "text",
-          "onUpdate:modelValue": g[0] || (g[0] = (W) => he.value = W),
+          "onUpdate:modelValue": B[0] || (B[0] = (ve) => f.value = ve),
           id: Bt.value,
           name: Bt.value,
-          placeholder: zt.value,
+          placeholder: Jt.value,
           readonly: o(X),
-          autocomplete: o(Ce),
-          required: o(ge),
-          tabindex: o(J) || o(X) ? -1 : o(ue),
-          class: We(["chips-input", $t.value]),
-          style: Ee([Tt.value, jt.value]),
-          onKeydown: g[1] || (g[1] = qt((W) => !o(J) && o(Z) && kt(W), ["enter"])),
-          onFocus: Yt,
-          onBlur: Qt
-        }, null, 46, Rl), [
-          [Ua, he.value]
+          autocomplete: o(he),
+          required: o(ce),
+          tabindex: o(J) || o(X) ? -1 : o(ne),
+          class: Fe(["chips-input", E.value]),
+          style: Se([Yt.value, Mt.value]),
+          onKeydown: B[1] || (B[1] = Kt((ve) => !o(J) && o(Z) && zt(ve), ["enter"])),
+          onFocus: ta,
+          onBlur: aa
+        }, null, 46, Ol), [
+          [Xa, f.value]
         ])
-      ], 14, _l)
-    ], 16)) : Be("", !0);
+      ], 14, Pl)
+    ], 16)) : re("", !0);
   }
-}), zl = /* @__PURE__ */ ba(Ml, [["__scopeId", "data-v-3467aba9"]]);
-const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Wl = /* @__PURE__ */ Object.assign({
+}), Hl = /* @__PURE__ */ Ca(ql, [["__scopeId", "data-v-ad4015ce"]]);
+const jl = ["id"], Ul = ["for"], Gl = {
+  key: 0,
+  class: "component__label--required"
+}, Kl = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Yl = /* @__PURE__ */ Object.assign({
   name: "NbTextarea",
   inheritAttrs: !1
 }, {
@@ -2131,8 +2225,8 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const m = e.toLowerCase();
-        return ["b", "ib"].includes(m);
+        const y = e.toLowerCase();
+        return ["b", "ib"].includes(y);
       }
     },
     tabIndex: {
@@ -2458,6 +2552,26 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       default: "vertical",
       validator: (e) => ["none", "both", "vertical", "horizontal"].indexOf(e) !== -1
     },
+    minWidth: {
+      // Largura mínima do textarea
+      type: String,
+      default: "auto"
+    },
+    maxWidth: {
+      // Largura máxima do textarea
+      type: String,
+      default: "auto"
+    },
+    minHeight: {
+      // Altura mínima do textarea
+      type: String,
+      default: "auto"
+    },
+    maxHeight: {
+      // Altura máxima do textarea
+      type: String,
+      default: "auto"
+    },
     autoResize: {
       // Redimensionamento automático
       type: Boolean,
@@ -2485,186 +2599,194 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
     "clicked",
     "entered"
   ],
-  setup(e, { emit: m }) {
-    fa((r) => ({
-      "047a55d8": N.value,
-      ea886f76: o(Je),
-      "5f575c4c": $t.value,
-      "49bec09e": wt.value,
-      "6c0f38b6": Y.value,
-      "39a7a83b": o(lt),
-      f3bddb72: o(yt),
-      "57474d63": o(Te),
-      "2f3efd35": o(Se),
-      dec8fa5e: o(gt),
-      "1a17e7ed": o(ye),
-      "643b68eb": o(at),
-      "21bee77c": Vt.value,
-      "07928033": o(st),
-      "34a18ea8": Bt.value,
-      "780ea453": te.value,
-      56538312: $.value,
-      "788359bb": M.value,
-      dfd2f9d6: I.value,
-      ecc55bb6: r.styleButtonColor,
-      f59f43ec: ae.value
-    })), sa(() => {
-      k.value = He.value;
-    }), ma(() => {
-      Yt();
+  setup(e, { emit: y }) {
+    ya((u) => ({
+      "15fde79e": V.value,
+      "2d10b64f": o(Qe),
+      "07a02f82": Et.value,
+      f1245958: Pt.value,
+      "0b771428": Q.value,
+      "0d57d0f1": o(nt),
+      "6ac15a7d": o(ht),
+      "6b362b99": o(Te),
+      dfdede82: o(xe),
+      "4004415b": o(mt),
+      f7f65f12: o(ye),
+      "1d9c46a1": o(lt),
+      "1521df9c": Rt.value,
+      "7eef73e9": o(st),
+      "4f9c2136": xt.value,
+      e804faee: Ct.value,
+      "02c75370": R.value,
+      "31e43771": z.value,
+      "6474d46a": E.value,
+      "2b2234a2": u.styleButtonColor,
+      "27854c14": te.value
+    })), pa(() => {
+      T.value = He.value;
+    }), $a(() => {
+      At();
     });
-    const C = m, E = e, {
-      nbId: D,
+    const h = y, P = e, {
+      nbId: N,
       display: Ve,
-      hasTabIndexEnter: pe,
-      ariaLabel: Ae,
+      hasTabIndexEnter: be,
+      ariaLabel: Re,
       ariaAttrs: ke,
-      textColor: se,
+      textColor: ie,
       caretColor: J,
-      selectionBgColor: Pe,
-      selectionTextColor: _e,
-      hasBorderRadius: ne,
-      borderRadius: U,
+      selectionBgColor: Oe,
+      selectionTextColor: Me,
+      hasBorderRadius: ae,
+      borderRadius: G,
       disabled: w,
-      fontFamily: oe,
-      fontSize: de,
-      fontWeight: G,
+      fontFamily: le,
+      fontSize: se,
+      fontWeight: K,
       fontFamilyMsg: Le,
-      fontSizeMsg: ce,
-      fontWeightMsg: P,
-      textMessageColor: be,
+      fontSizeMsg: de,
+      fontWeightMsg: F,
+      textMessageColor: ge,
       inputWidth: X,
-      inputStyle: Ce,
-      activeTextStyle: ge,
-      inputReadonly: xe,
-      hasTrim: _,
+      inputStyle: he,
+      activeTextStyle: ce,
+      inputReadonly: Ce,
+      hasTrim: $,
       inputUppercase: L,
-      inputName: x,
-      inputPlaceholder: $e,
+      inputName: C,
+      inputPlaceholder: ze,
       inputText: He,
-      theme: we,
-      tabindex: tt,
+      theme: We,
+      tabindex: at,
       lightBgColor: ye,
-      lightBgColorFocus: at,
-      lightDisabledBgColor: gt,
-      lightTextColor: Je,
+      lightBgColorFocus: lt,
+      lightDisabledBgColor: mt,
+      lightTextColor: Qe,
       darkBgColor: Te,
-      darkBgColorFocus: Se,
-      darkDisabledBgColor: yt,
-      darkTextColor: lt,
+      darkBgColorFocus: xe,
+      darkDisabledBgColor: ht,
+      darkTextColor: nt,
       textAlign: st,
       showMsg: dt,
       hasMsg: ct,
-      showLabel: Ue,
-      labelBackground: Ge,
-      labelPadding: Xe,
-      labelBorderRadius: Ke,
-      labelLeft: y,
-      inputLabelMarginActive: V,
-      labelActiveTop: ue,
+      showLabel: je,
+      labelBackground: Ue,
+      labelPadding: Je,
+      labelBorderRadius: Ge,
+      labelLeft: b,
+      inputLabelMarginActive: S,
+      labelActiveTop: ne,
       labelActiveLeft: Z,
       fontFamilyLabel: me,
-      fontSizeLabel: Re,
-      fontSizeLabelActive: Ye,
-      fontWeightLabel: re,
-      lightTextColorLabel: c,
-      lightTextColorLabelActive: b,
+      fontSizeLabel: Be,
+      fontSizeLabelActive: Xe,
+      fontWeightLabel: q,
+      lightTextColorLabel: d,
+      lightTextColorLabelActive: m,
       darkTextColorLabel: fe,
-      darkTextColorLabelActive: K,
-      rows: ee,
-      cols: Me,
-      maxlength: ze,
-      minlength: Fe,
-      wrap: Qe,
+      darkTextColorLabelActive: H,
+      rows: Y,
+      cols: Ae,
+      maxlength: _e,
+      minlength: De,
+      wrap: qe,
       spellcheck: Ze,
-      autofocus: nt,
-      resize: ot,
-      autoResize: ft,
-      minRows: h,
-      maxRows: R
-    } = va(E), k = Q(""), Oe = Q(!1), T = a(() => {
-      const r = w.value ? "component-disabled" : "", u = Ve.value !== "b" ? "inline-block" : "block", g = se ? se.value : "ffffff", W = J.value ? J.value : "", qe = Pe.value ? Pe.value : "", Nt = _e.value ? _e.value : "", Jt = ne.value ? ne.value : !1, ht = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, It = oe.value ? oe.value : "'Lato', sans-serif", Wt = de.value ? de.value : "1.4em", Xt = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, Zt = Le.value ? Le.value : "'Lato', sans-serif", Ct = ce.value ? ce.value : "1em", ea = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, ta = be.value ? be.value : "#f15574", aa = X.value ? X.value : 200, la = ge.value ? ge.value : "normal", _t = xe.value ? xe.value : !1, na = L.value ? L.value : !1, oa = we.value ? we.value : "normal", ua = st.value ? st.value : "left", Et = Ce.value ? Ce.value : "background", Pt = Ue.value ? Ue.value : !1, Ft = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, bt = Ge.value ? Ge.value : "transparent", Lt = V.value !== 0 && !V.value || V.value < 0 ? 15 : V.value, it = Xe.value ? Xe.value : "1px 5px", Ot = Ke.value !== 0 && !Ke.value || Ke.value < 0 ? 0 : Ke.value, ra = ue.value === null || ue.value === void 0 ? -13 : ue.value, n = Z.value === null || Z.value === void 0 ? -10 : Z.value, s = me.value ? me.value : "'Lato', sans-serif", je = Re.value ? Re.value : "1em", le = Ye.value ? Ye.value : "0.8em", t = re.value ? re.value : 400, l = c.value ? c.value : "#ffffff", d = fe.value ? fe.value : "#000000", i = b.value ? b.value : "#ffffff", v = K.value ? K.value : "#000000", f = ee.value && ee.value > 0 ? ee.value : 2, p = Me.value && Me.value > 0 ? Me.value : 20, S = ze.value !== null && ze.value >= 0 ? ze.value : null, A = Fe.value !== null && Fe.value >= 0 ? Fe.value : null, z = Qe.value && ["soft", "hard", "off"].includes(Qe.value) ? Qe.value : "soft", O = Ze.value !== void 0 ? Ze.value : "default", ie = nt.value !== void 0 ? nt.value : !1, De = ot.value && ["none", "both", "vertical", "horizontal"].includes(ot.value) ? ot.value : "vertical", et = ft.value !== void 0 ? ft.value : !1, Ne = h.value !== null && h.value > 0 ? h.value : null, Ie = R.value !== null && R.value > 0 ? R.value : null;
+      autofocus: ot,
+      resize: ut,
+      minWidth: ft,
+      maxWidth: vt,
+      minHeight: pt,
+      maxHeight: Ke,
+      autoResize: Lt,
+      minRows: g,
+      maxRows: I
+    } = ma(P), T = j(""), $e = j(!1), f = a(() => {
+      const u = w.value ? "component-disabled" : "", A = Ve.value !== "b" ? "inline-block" : "block", Ne = ie ? ie.value : "ffffff", Ye = J.value ? J.value : "", gt = Oe.value ? Oe.value : "", la = Me.value ? Me.value : "", Wt = ae.value ? ae.value : !1, na = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, St = le.value ? le.value : "'Lato', sans-serif", oa = se.value ? se.value : "1.4em", ua = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, ra = Le.value ? Le.value : "'Lato', sans-serif", ia = de.value ? de.value : "1em", Dt = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, sa = ge.value ? ge.value : "#f15574", da = X.value ? X.value : 200, ca = ce.value ? ce.value : "normal", Ht = Ce.value ? Ce.value : !1, jt = L.value ? L.value : !1, Ut = We.value ? We.value : "normal", yt = st.value ? st.value : "left", _t = he.value ? he.value : "background", Vt = je.value ? je.value : !1, $t = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Nt = Ue.value ? Ue.value : "transparent", Gt = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, oe = Je.value ? Je.value : "1px 5px", fa = Ge.value !== 0 && !Ge.value || Ge.value < 0 ? 0 : Ge.value, n = ne.value === null || ne.value === void 0 ? -13 : ne.value, t = Z.value === null || Z.value === void 0 ? -10 : Z.value, l = me.value ? me.value : "'Lato', sans-serif", s = Be.value ? Be.value : "1em", i = Xe.value ? Xe.value : "0.8em", v = q.value ? q.value : 400, c = d.value ? d.value : "#ffffff", p = fe.value ? fe.value : "#000000", x = m.value ? m.value : "#ffffff", _ = H.value ? H.value : "#000000", W = Y.value && Y.value > 0 ? Y.value : 2, O = Ae.value && Ae.value > 0 ? Ae.value : 20, ue = _e.value !== null && _e.value >= 0 ? _e.value : null, Ie = De.value !== null && De.value >= 0 ? De.value : null, tt = qe.value && ["soft", "hard", "off"].includes(qe.value) ? qe.value : "soft", Ee = Ze.value !== void 0 ? Ze.value : "default", Pe = ot.value !== void 0 ? ot.value : !1, xa = ut.value && ["none", "both", "vertical", "horizontal"].includes(ut.value) ? ut.value : "vertical", Sa = ft.value ? ft.value : "auto", Va = vt.value ? vt.value : "auto", ka = pt.value ? pt.value : "auto", La = Ke.value ? Ke.value : "auto", Ta = Lt.value !== void 0 ? Lt.value : !1, Ba = g.value !== null && g.value > 0 ? g.value : null, Aa = I.value !== null && I.value > 0 ? I.value : null;
       return {
-        disabled: r,
-        display: u,
-        font: It,
-        fontSize: Wt,
-        fontWeight: Xt,
-        fontFamilyMsg: Zt,
-        fontSizeMsg: Ct,
-        fontWeightMsg: ea,
-        textMessageColor: ta,
-        textColor: g,
-        caretColor: W,
-        selectionBgColor: qe,
-        selectionTextColor: Nt,
-        hasBorderRadius: Jt,
-        borderRadius: ht,
-        textAlign: ua,
-        inputWidth: aa,
-        activeTextStyle: la,
-        inputReadonly: _t,
-        inputUppercase: na,
-        theme: oa,
-        inputStyle: Et,
-        showLabel: Pt,
-        labelBackground: bt,
-        labelPadding: it,
-        labelBorderRadius: Ot,
-        labelLeft: Ft,
-        inputLabelMarginActive: Lt,
-        labelActiveTop: ra,
-        labelActiveLeft: n,
-        fontFamilyLabel: s,
-        fontSizeLabel: je,
-        fontSizeLabelActive: le,
-        fontWeightLabel: t,
-        lightTextColorLabel: l,
-        darkTextColorLabel: d,
-        lightTextColorLabelActive: i,
-        darkTextColorLabelActive: v,
-        rows: f,
-        cols: p,
-        maxlength: S,
-        minlength: A,
-        wrap: z,
-        spellcheck: O,
-        autofocus: ie,
-        resize: De,
-        autoResize: et,
-        minRows: Ne,
-        maxRows: Ie
+        disabled: u,
+        display: A,
+        font: St,
+        fontSize: oa,
+        fontWeight: ua,
+        fontFamilyMsg: ra,
+        fontSizeMsg: ia,
+        fontWeightMsg: Dt,
+        textMessageColor: sa,
+        textColor: Ne,
+        caretColor: Ye,
+        selectionBgColor: gt,
+        selectionTextColor: la,
+        hasBorderRadius: Wt,
+        borderRadius: na,
+        textAlign: yt,
+        inputWidth: da,
+        activeTextStyle: ca,
+        inputReadonly: Ht,
+        inputUppercase: jt,
+        theme: Ut,
+        inputStyle: _t,
+        showLabel: Vt,
+        labelBackground: Nt,
+        labelPadding: oe,
+        labelBorderRadius: fa,
+        labelLeft: $t,
+        inputLabelMarginActive: Gt,
+        labelActiveTop: n,
+        labelActiveLeft: t,
+        fontFamilyLabel: l,
+        fontSizeLabel: s,
+        fontSizeLabelActive: i,
+        fontWeightLabel: v,
+        lightTextColorLabel: c,
+        darkTextColorLabel: p,
+        lightTextColorLabelActive: x,
+        darkTextColorLabelActive: _,
+        rows: W,
+        cols: O,
+        maxlength: ue,
+        minlength: Ie,
+        wrap: tt,
+        spellcheck: Ee,
+        autofocus: Pe,
+        resize: xa,
+        minWidth: Sa,
+        maxWidth: Va,
+        minHeight: ka,
+        maxHeight: La,
+        autoResize: Ta,
+        minRows: Ba,
+        maxRows: Aa
       };
-    }), he = a(() => T.value.disabled), St = a(() => ({
-      display: T.value.display
-    })), Vt = a(() => {
-      const r = T.value;
-      return r.fontSize ? r.fontSize : "1.4em";
-    }), ut = a(() => {
-      const r = T.value, u = mt.value;
+    }), rt = a(() => f.value.disabled), wt = a(() => ({
+      display: f.value.display
+    })), Rt = a(() => {
+      const u = f.value;
+      return u.fontSize ? u.fontSize : "1.4em";
+    }), ee = a(() => {
+      const u = f.value, A = Bt.value;
       return {
-        fontWeight: r.fontWeight,
-        marginTop: u && Ue.value ? `${r.inputLabelMarginActive}px` : "0"
+        fontWeight: u.fontWeight,
+        marginTop: A && je.value ? `${u.inputLabelMarginActive}px` : "0"
       };
-    }), j = a(() => {
-      const r = T.value;
-      return r.inputStyle !== "line" && r.hasBorderRadius ? { borderRadius: `${r.borderRadius}rem` } : {};
-    }), N = a(() => T.value.font), te = a(() => T.value.fontFamilyMsg), $ = a(() => T.value.fontSizeMsg), M = a(() => T.value.fontWeightMsg), ae = a(() => T.value.textColor), I = a(() => T.value.textMessageColor), $t = a(() => {
-      const r = T.value;
-      return r.caretColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), wt = a(() => {
-      const r = T.value;
-      return r.selectionBgColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Y = a(() => {
-      const r = T.value;
-      return r.selectionTextColor || (r.theme === "dark" ? "#000000" : "#ffffff");
-    }), vt = a(() => {
-      const r = T.value;
-      return r.display === "block" ? { width: "100%" } : {
-        width: `${r.inputWidth}px`
+    }), we = a(() => {
+      const u = f.value;
+      return u.inputStyle !== "line" && u.hasBorderRadius ? { borderRadius: `${u.borderRadius}rem` } : {};
+    }), V = a(() => f.value.font), Ct = a(() => f.value.fontFamilyMsg), R = a(() => f.value.fontSizeMsg), z = a(() => f.value.fontWeightMsg), te = a(() => f.value.textColor), E = a(() => f.value.textMessageColor), Et = a(() => {
+      const u = f.value;
+      return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), Pt = a(() => {
+      const u = f.value;
+      return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), Q = a(() => {
+      const u = f.value;
+      return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
+    }), Tt = a(() => {
+      const u = f.value;
+      return u.display === "block" ? { width: "100%" } : {
+        width: `${u.inputWidth}px`
       };
-    }), rt = a(() => {
-      switch (Ce.value) {
+    }), et = a(() => {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2672,8 +2794,8 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         default:
           return "component__input--background";
       }
-    }), pt = a(() => {
-      switch (T.value.activeTextStyle) {
+    }), bt = a(() => {
+      switch (f.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -2681,133 +2803,159 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         default:
           return "component__input--active--normal";
       }
-    }), B = a(() => {
-      switch (T.value.theme) {
+    }), it = a(() => {
+      switch (f.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Rt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), Mt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Tt = a(() => x.value ? x.value : `${D.value}-name-label`), jt = a(() => Ue.value ? Oe.value ? $e.value : "" : $e.value), mt = a(() => Oe.value || k.value && k.value.trim().length > 0);
-    a(() => Oe.value ? "component__input--active" : "component__input--no-active");
-    const Bt = a(() => "6px 10px"), At = a(() => !!(dt.value && ct.value)), zt = a(() => {
-      const r = {};
-      ke.value && Object.keys(ke.value).forEach((W) => r[`aria-${W}`] = ke.value[W]);
-      const u = {
-        "aria-label": Ae.value,
+    }), k = a(() => f.value.inputReadonly ? "component__input--read-only" : ""), Yt = a(() => f.value.inputUppercase ? "component__input--uppercase" : ""), Mt = a(() => C.value ? C.value : `${N.value}-name-label`), Qt = a(() => je.value ? $e.value ? ze.value : "" : ze.value), Bt = a(() => $e.value || T.value && T.value.trim().length > 0);
+    a(() => $e.value ? "component__input--active" : "component__input--no-active");
+    const xt = a(() => "6px 10px"), Jt = a(() => !!(dt.value && ct.value)), Ft = a(() => {
+      const u = {};
+      ke.value && Object.keys(ke.value).forEach((Ye) => u[`aria-${Ye}`] = ke.value[Ye]);
+      const A = {
+        "aria-label": Re.value,
         "aria-disabled": w.value,
-        ...r
+        ...u
       };
       return Object.fromEntries(
-        Object.entries(u).filter(([g, W]) => W != null)
+        Object.entries(A).filter(([Ne, Ye]) => Ye != null)
       );
-    }), Ht = a(() => {
-      const r = T.value, u = mt.value, g = u ? r.lightTextColorLabelActive : r.lightTextColorLabel, W = u ? r.darkTextColorLabelActive : r.darkTextColorLabel;
+    }), Ot = a(() => {
+      const u = f.value, A = Bt.value, Ne = A ? u.lightTextColorLabelActive : u.lightTextColorLabel, Ye = A ? u.darkTextColorLabelActive : u.darkTextColorLabel;
       return {
-        fontFamily: r.fontFamilyLabel,
-        fontSize: u ? r.fontSizeLabelActive : r.fontSizeLabel,
-        fontWeight: r.fontWeightLabel,
-        color: r.theme === "dark" ? W : g,
-        top: u ? `${r.labelActiveTop}px` : "50%",
-        left: u ? `${r.labelActiveLeft}px` : `${r.labelLeft}px`,
-        transform: u ? "translateY(0)" : "translateY(-50%)",
+        fontFamily: u.fontFamilyLabel,
+        fontSize: A ? u.fontSizeLabelActive : u.fontSizeLabel,
+        fontWeight: u.fontWeightLabel,
+        color: u.theme === "dark" ? Ye : Ne,
+        top: A ? `${u.labelActiveTop}px` : "50%",
+        left: A ? `${u.labelActiveLeft}px` : `${u.labelLeft}px`,
+        transform: A ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: u ? r.labelBackground : "transparent",
-        padding: u ? r.labelPadding : "0",
-        borderRadius: u ? `${r.labelBorderRadius}rem` : "0"
+        backgroundColor: A ? u.labelBackground : "transparent",
+        padding: A ? u.labelPadding : "0",
+        borderRadius: A ? `${u.labelBorderRadius}rem` : "0"
       };
     });
     a(() => {
-      const r = T.value;
-      return r.theme === "dark" ? r.darkTextColorLabelActive : r.lightTextColorLabelActive;
+      const u = f.value;
+      return u.theme === "dark" ? u.darkTextColorLabelActive : u.lightTextColorLabelActive;
     });
-    const Ut = a(() => {
-      const r = T.value, u = {
-        rows: r.rows,
-        cols: r.cols,
-        wrap: r.wrap,
-        spellcheck: r.spellcheck === "default" ? void 0 : r.spellcheck,
-        autofocus: r.autofocus || void 0
+    const Xt = a(() => {
+      const u = f.value, A = {
+        rows: u.rows,
+        cols: u.cols,
+        wrap: u.wrap,
+        spellcheck: u.spellcheck === "default" ? void 0 : u.spellcheck,
+        autofocus: u.autofocus || void 0
       };
-      return r.maxlength !== null && (u.maxlength = r.maxlength), r.minlength !== null && (u.minlength = r.minlength), u;
-    }), Gt = a(() => ({
-      resize: T.value.resize
-    })), Kt = a(() => T.value.wrap === "off" ? {
+      return u.maxlength !== null && (A.maxlength = u.maxlength), u.minlength !== null && (A.minlength = u.minlength), A;
+    }), Zt = a(() => ({
+      resize: f.value.resize
+    })), ea = a(() => f.value.wrap === "off" ? {
       whiteSpace: "nowrap",
       overflowX: "auto"
-    } : {}), Yt = () => {
-      k.value = He.value;
-    }, Qt = () => {
-      C("clicked");
-    }, kt = () => {
-      w.value || T.value.inputReadonly || !pe.value || C("entered", k.value);
-    }, Dt = () => {
-      let r = k.value;
-      _.value && (r = r.trim()), C("current-value", r);
+    } : {}), ta = a(() => {
+      const u = f.value;
+      return u.minWidth === "auto" ? {} : {
+        minWidth: u.minWidth
+      };
+    }), aa = a(() => {
+      const u = f.value;
+      return u.maxWidth === "auto" ? {} : {
+        maxWidth: u.maxWidth
+      };
+    }), zt = a(() => {
+      const u = f.value;
+      return u.minHeight === "auto" ? {} : {
+        minHeight: u.minHeight
+      };
+    }), qt = a(() => {
+      const u = f.value;
+      return u.maxHeight === "auto" ? {} : {
+        maxHeight: u.maxHeight
+      };
+    }), At = () => {
+      T.value = He.value;
+    }, r = () => {
+      h("clicked");
+    }, B = () => {
+      w.value || f.value.inputReadonly || !be.value || h("entered", T.value);
+    }, ve = () => {
+      let u = T.value;
+      $.value && (u = u.trim()), h("current-value", u);
     };
-    return H(He, (r) => {
-      r !== k.value && (k.value = r);
-    }, { immediate: !0 }), H(k, (r) => {
-      _.value && (r = r.trim()), C("changed", r);
-    }), H(Oe, (r) => {
-      C(r ? "focused" : "blurred");
-    }), H(k, () => {
-      Dt();
-    }, { immediate: !0 }), (r, u) => o(D) ? (F(), q("div", da({
+    return U(He, (u) => {
+      u !== T.value && (T.value = u);
+    }, { immediate: !0 }), U(T, (u) => {
+      $.value && (u = u.trim()), h("changed", u);
+    }), U($e, (u) => {
+      h(u ? "focused" : "blurred");
+    }), U(T, () => {
+      ve();
+    }, { immediate: !0 }), (u, A) => o(N) ? (M(), D("div", ba({
       key: 0,
-      class: ["nb-wrapper", he.value],
-      style: [St.value, vt.value, j.value],
+      class: ["nb-wrapper", rt.value],
+      style: [wt.value, Tt.value, we.value],
       role: "input"
-    }, zt.value), [
-      ve("div", {
-        id: o(D),
-        class: We(["nb-reset", "component", B.value, Rt.value, rt.value]),
-        style: Ee([ut.value, vt.value, j.value]),
-        onClick: Qt
+    }, Ft.value), [
+      pe("div", {
+        id: o(N),
+        class: Fe(["nb-reset", "component", it.value, k.value, et.value]),
+        style: Se([ee.value, Tt.value, we.value]),
+        onClick: r
       }, [
-        o(Ue) ? (F(), q("label", {
+        o(je) ? (M(), D("label", {
           key: 0,
-          for: Tt.value,
+          for: Mt.value,
           class: "component__label",
-          style: Ee([Ht.value])
-        }, xt(e.label), 13, Nl)) : Be("", !0),
-        pa(ve("textarea", da({
-          "onUpdate:modelValue": u[0] || (u[0] = (g) => k.value = g),
-          id: Tt.value,
-          name: Tt.value
-        }, Ut.value, {
+          style: Se([Ot.value])
+        }, [
+          It(kt(e.label), 1),
+          e.required ? (M(), D("span", Gl, "*")) : re("", !0)
+        ], 12, Ul)) : re("", !0),
+        ha(pe("textarea", ba({
+          "onUpdate:modelValue": A[0] || (A[0] = (Ne) => T.value = Ne),
+          id: Mt.value,
+          name: Mt.value
+        }, Xt.value, {
           class: ["component__input", [
-            Mt.value,
-            pt.value
+            Yt.value,
+            bt.value
           ]],
-          placeholder: jt.value,
-          disabled: o(w) || o(xe),
+          placeholder: Qt.value,
+          disabled: o(w) || o(Ce),
           required: e.required,
-          readonly: o(xe),
+          readonly: o(Ce),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(w) || o(xe) ? -1 : o(tt),
+          tabindex: o(w) || o(Ce) ? -1 : o(at),
           role: "textbox",
-          style: [j.value, Gt.value, Kt.value],
-          onFocus: u[1] || (u[1] = (g) => Oe.value = !0),
-          onBlur: u[2] || (u[2] = (g) => Oe.value = !1),
-          onInput: Dt,
-          onKeydown: u[3] || (u[3] = qt((g) => !o(w) && o(pe) && kt(), ["enter"]))
-        }), null, 16, Il), [
-          [Ua, k.value]
+          style: [we.value, Zt.value, ea.value, ta.value, aa.value, zt.value, qt.value],
+          onFocus: A[1] || (A[1] = (Ne) => $e.value = !0),
+          onBlur: A[2] || (A[2] = (Ne) => $e.value = !1),
+          onInput: ve,
+          onKeydown: A[3] || (A[3] = Kt((Ne) => !o(w) && o(be) && B(), ["enter"]))
+        }), null, 16, Kl), [
+          [Xa, T.value]
         ])
-      ], 14, Dl),
-      At.value ? (F(), q("div", {
+      ], 14, jl),
+      Jt.value ? (M(), D("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Fe(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ia(r.$slots, "message", {}, () => [
-          ga(xt(e.message), 1)
+        va(u.$slots, "message", {}, () => [
+          It(kt(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0)
-    ], 16)) : Be("", !0);
+      ], 2)) : re("", !0)
+    ], 16)) : re("", !0);
   }
-}), El = /* @__PURE__ */ ba(Wl, [["__scopeId", "data-v-c4b7eb6b"]]);
-const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], ql = /* @__PURE__ */ Object.assign({
+}), Ql = /* @__PURE__ */ Ca(Yl, [["__scopeId", "data-v-f04d2155"]]);
+const Jl = ["id"], Xl = ["for"], Zl = {
+  key: 0,
+  class: "component__label--required"
+}, en = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], tn = /* @__PURE__ */ Object.assign({
   name: "NbDatePicker",
   inheritAttrs: !1
 }, {
@@ -2821,8 +2969,8 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const m = e.toLowerCase();
-        return ["b", "ib"].includes(m);
+        const y = e.toLowerCase();
+        return ["b", "ib"].includes(y);
       }
     },
     tabIndex: {
@@ -3075,6 +3223,11 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
       type: String,
       default: "Label text"
     },
+    labelBreakOnActive: {
+      type: Boolean,
+      default: !0,
+      validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
+    },
     labelBackground: {
       type: String,
       default: "transparent"
@@ -3103,6 +3256,14 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
       type: Number,
       default: 5
     },
+    labelRight: {
+      type: Number,
+      default: 0
+    },
+    labelActiveRight: {
+      type: Number,
+      default: 0
+    },
     fontFamilyLabel: {
       type: String,
       default: "'Lato', sans-serif"
@@ -3147,121 +3308,125 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
     "clicked",
     "entered"
   ],
-  setup(e, { emit: m }) {
-    fa((t) => ({
-      "61b2bd67": pt.value,
-      "7d03ac89": Y.value,
-      cfe0b650: o(Ge),
-      "0701dbce": mt.value,
-      "51e828ab": Bt.value,
-      "0f7ed183": At.value,
-      d6272570: o(V),
-      "39af1994": o(y),
-      "3723f1b0": o(Xe),
-      "66d8e666": Tt.value,
-      "370e0108": o(Ke),
-      "26ed153e": Nt.value,
-      "68d2e63a": Jt.value,
-      "4ece6524": o(Ue),
-      "35cfcd40": o(dt),
-      "564cdf78": o(ct),
-      "32f5d3c0": o(ue),
-      "01671dff": g.value,
-      "57eb48a0": B.value,
-      "19098e42": Rt.value,
-      "6a94d048": Mt.value,
-      cf8029bc: jt.value,
-      dd275410: t.styleButtonColor
+  setup(e, { emit: y }) {
+    ya((t) => ({
+      "38fee851": bt.value,
+      "72e828df": Q.value,
+      "5ebab342": o(Ue),
+      "0b35d0ef": Bt.value,
+      "188def01": xt.value,
+      "78674b4e": Jt.value,
+      ea5e2cc4: o(S),
+      "7e9e7d6a": o(b),
+      "90f0e8f4": o(Je),
+      a86f6b88: Mt.value,
+      "01a1c61c": o(Ge),
+      "21e39db0": A.value,
+      "2f78ac90": Ne.value,
+      b06907e4: o(je),
+      "7c4123ac": o(dt),
+      db617e64: o(ct),
+      "4601eb16": o(ne),
+      e512822e: B.value,
+      "4f623b14": it.value,
+      "0231f7b5": k.value,
+      b2d19cc4: Yt.value,
+      "5ee5b178": Qt.value,
+      "598d71e2": t.styleButtonColor
     }));
-    const C = ol(
+    const h = pl(
       () => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
     );
-    sa(() => {
-      h.value = we.value;
-    }), ma(() => {
-      It();
+    pa(() => {
+      g.value = We.value;
+    }), $a(() => {
+      gt();
     });
-    const E = m, D = e, {
+    const P = y, N = e, {
       nbId: Ve,
-      display: pe,
-      hasTabIndexEnter: Ae,
+      display: be,
+      hasTabIndexEnter: Re,
       ariaLabel: ke,
-      ariaAttrs: se,
+      ariaAttrs: ie,
       caretColor: J,
-      selectionBgColor: Pe,
-      selectionTextColor: _e,
-      hasBorderRadius: ne,
-      borderRadius: U,
+      selectionBgColor: Oe,
+      selectionTextColor: Me,
+      hasBorderRadius: ae,
+      borderRadius: G,
       disabled: w,
-      fontFamily: oe,
-      fontSize: de,
-      fontWeight: G,
+      fontFamily: le,
+      fontSize: se,
+      fontWeight: K,
       fontFamilyMsg: Le,
-      fontSizeMsg: ce,
-      fontWeightMsg: P,
-      textMessageColor: be,
+      fontSizeMsg: de,
+      fontWeightMsg: F,
+      textMessageColor: ge,
       inputWidth: X,
-      inputStyle: Ce,
-      activeTextStyle: ge,
-      sizeMediaQuery: xe,
-      inputReadonly: _,
+      inputStyle: he,
+      activeTextStyle: ce,
+      sizeMediaQuery: Ce,
+      inputReadonly: $,
       inputType: L,
-      hasTrim: x,
-      inputUppercase: $e,
+      hasTrim: C,
+      inputUppercase: ze,
       inputName: He,
-      inputText: we,
-      min: tt,
+      inputText: We,
+      min: at,
       max: ye,
-      step: at,
-      useCustomCalendar: gt,
-      locale: Je,
+      step: lt,
+      useCustomCalendar: mt,
+      locale: Qe,
       theme: Te,
-      allowRange: Se,
-      calendarZIndex: yt,
-      calendarWidth: lt,
+      allowRange: xe,
+      calendarZIndex: ht,
+      calendarWidth: nt,
       tabindex: st,
       lightBgColor: dt,
       lightBgColorFocus: ct,
-      lightDisabledBgColor: Ue,
-      lightTextColor: Ge,
-      darkBgColor: Xe,
-      darkBgColorFocus: Ke,
-      darkDisabledBgColor: y,
-      darkTextColor: V,
-      textAlign: ue,
+      lightDisabledBgColor: je,
+      lightTextColor: Ue,
+      darkBgColor: Je,
+      darkBgColorFocus: Ge,
+      darkDisabledBgColor: b,
+      darkTextColor: S,
+      textAlign: ne,
       showMsg: Z,
       hasMsg: me,
-      showLabel: Re,
-      labelBackground: Ye,
-      labelPadding: re,
-      labelBorderRadius: c,
-      labelLeft: b,
-      inputLabelMarginActive: fe,
-      labelActiveTop: K,
-      labelActiveLeft: ee,
-      fontFamilyLabel: Me,
-      fontSizeLabel: ze,
-      fontSizeLabelActive: Fe,
-      fontWeightLabel: Qe,
-      lightTextColorLabel: Ze,
-      lightTextColorLabelActive: nt,
-      darkTextColorLabel: ot,
-      darkTextColorLabelActive: ft
-    } = va(D), h = Q(""), R = Q(""), k = Q(""), Oe = Q(""), T = Q(!1), he = Q(!1), St = a(() => !lt.value || lt.value < 280 ? 280 : parseInt(lt.value, 10)), Vt = a(() => {
-      if (!h.value)
+      showLabel: Be,
+      label: Xe,
+      labelBreakOnActive: q,
+      labelBackground: d,
+      labelPadding: m,
+      labelBorderRadius: fe,
+      labelLeft: H,
+      inputLabelMarginActive: Y,
+      labelActiveTop: Ae,
+      labelActiveLeft: _e,
+      labelRight: De,
+      labelActiveRight: qe,
+      fontFamilyLabel: Ze,
+      fontSizeLabel: ot,
+      fontSizeLabelActive: ut,
+      fontWeightLabel: ft,
+      lightTextColorLabel: vt,
+      lightTextColorLabelActive: pt,
+      darkTextColorLabel: Ke,
+      darkTextColorLabelActive: Lt
+    } = ma(N), g = j(""), I = j(""), T = j(""), $e = j(""), f = j(!1), rt = j(!1), wt = a(() => !nt.value || nt.value < 280 ? 280 : parseInt(nt.value, 10)), Rt = a(() => {
+      if (!g.value)
         return null;
-      if (Se.value && typeof h.value == "string" && h.value.startsWith("{"))
+      if (xe.value && typeof g.value == "string" && g.value.startsWith("{"))
         try {
-          const t = JSON.parse(h.value);
+          const t = JSON.parse(g.value);
           if (t && (t.startDate || t.endDate)) {
-            const l = (d) => {
-              if (!d)
+            const l = (s) => {
+              if (!s)
                 return null;
-              if (/^\d{4}-\d{2}-\d{2}$/.test(d)) {
-                const [i, v, f] = d.split("-").map(Number);
-                return new Date(i, v - 1, f);
+              if (/^\d{4}-\d{2}-\d{2}$/.test(s)) {
+                const [i, v, c] = s.split("-").map(Number);
+                return new Date(i, v - 1, c);
               }
-              return new Date(d);
+              return new Date(s);
             };
             return {
               startDate: t.startDate ? l(t.startDate) : null,
@@ -3270,53 +3435,53 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
           }
         } catch {
         }
-      if (L.value === "date" && typeof h.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(h.value)) {
-        const [t, l, d] = h.value.split("-").map(Number);
-        return new Date(t, l - 1, d);
+      if (L.value === "date" && typeof g.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(g.value)) {
+        const [t, l, s] = g.value.split("-").map(Number);
+        return new Date(t, l - 1, s);
       }
-      return h.value;
-    }), ut = (t, l, d) => {
+      return g.value;
+    }), ee = (t, l, s) => {
       if (!t)
         return "";
-      const i = d || Je.value;
+      const i = s || Qe.value;
       if (l === "date") {
-        if (Se.value && typeof t == "string" && t.startsWith("{"))
+        if (xe.value && typeof t == "string" && t.startsWith("{"))
           try {
             const v = JSON.parse(t);
             if (v && (v.startDate || v.endDate)) {
-              const f = (A) => {
-                if (!A)
+              const c = (_) => {
+                if (!_)
                   return "";
-                if (/^\d{4}-\d{2}-\d{2}$/.test(A)) {
-                  const [z, O, ie] = A.split("-");
-                  return i === "pt-BR" ? `${ie}/${O}/${z}` : `${O}/${ie}/${z}`;
+                if (/^\d{4}-\d{2}-\d{2}$/.test(_)) {
+                  const [W, O, ue] = _.split("-");
+                  return i === "pt-BR" ? `${ue}/${O}/${W}` : `${O}/${ue}/${W}`;
                 }
-                return A;
-              }, p = f(v.startDate), S = f(v.endDate);
-              if (p && S)
-                return `${p} - ${S}`;
+                return _;
+              }, p = c(v.startDate), x = c(v.endDate);
+              if (p && x)
+                return `${p} - ${x}`;
               if (p)
                 return p;
-              if (S)
-                return S;
+              if (x)
+                return x;
             }
           } catch {
           }
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t)) {
-          const [v, f, p] = t.split("-");
-          return i === "pt-BR" ? `${p}/${f}/${v}` : `${f}/${p}/${v}`;
+          const [v, c, p] = t.split("-");
+          return i === "pt-BR" ? `${p}/${c}/${v}` : `${c}/${p}/${v}`;
         }
         return t;
       } else if (l === "datetime-local") {
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
-          const [v, f] = t.split("T"), [p, S, A] = v.split("-");
-          return i === "pt-BR" ? `${A}/${S}/${p} ${f}` : `${S}/${A}/${p} ${f}`;
+          const [v, c] = t.split("T"), [p, x, _] = v.split("-");
+          return i === "pt-BR" ? `${_}/${x}/${p} ${c}` : `${x}/${_}/${p} ${c}`;
         }
         return t;
       } else if (l === "month") {
         if (typeof t == "string" && /^\d{4}-\d{2}$/.test(t)) {
-          const [v, f] = t.split("-");
-          return `${f}/${v}`;
+          const [v, c] = t.split("-");
+          return `${c}/${v}`;
         }
         return t;
       } else if (l === "week") {
@@ -3328,163 +3493,170 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
         return t;
       }
       return t;
-    }, j = (t, l, d) => {
+    }, we = (t, l, s) => {
       if (!t || !t.trim())
         return "";
-      const i = t.trim(), v = d || Je.value;
+      const i = t.trim(), v = s || Qe.value;
       if (l === "date") {
-        if (Se.value && i.includes("-")) {
-          const f = i.split(/\s*-\s*/).map((z) => z.trim()), p = (z) => {
-            if (!z)
+        if (xe.value && i.includes("-")) {
+          const c = i.split(/\s*-\s*/).map((W) => W.trim()), p = (W) => {
+            if (!W)
               return null;
-            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(z)) {
-              const O = z.split("/");
+            if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(W)) {
+              const O = W.split("/");
               if (v === "pt-BR") {
-                const [ie, De, et] = O, Ne = ie.padStart(2, "0"), Ie = De.padStart(2, "0");
-                return `${et}-${Ie}-${Ne}`;
+                const [ue, Ie, tt] = O, Ee = ue.padStart(2, "0"), Pe = Ie.padStart(2, "0");
+                return `${tt}-${Pe}-${Ee}`;
               } else {
-                const [ie, De, et] = O, Ne = De.padStart(2, "0"), Ie = ie.padStart(2, "0");
-                return `${et}-${Ie}-${Ne}`;
+                const [ue, Ie, tt] = O, Ee = Ie.padStart(2, "0"), Pe = ue.padStart(2, "0");
+                return `${tt}-${Pe}-${Ee}`;
               }
-            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(z)) {
-              const O = z.split("-"), [ie, De, et] = O, Ne = et.padStart(2, "0"), Ie = De.padStart(2, "0");
-              return `${ie}-${Ie}-${Ne}`;
+            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(W)) {
+              const O = W.split("-"), [ue, Ie, tt] = O, Ee = tt.padStart(2, "0"), Pe = Ie.padStart(2, "0");
+              return `${ue}-${Pe}-${Ee}`;
             }
             return null;
           };
-          let S = p(f[0]), A = f[1] ? p(f[1]) : null;
-          if (S && A) {
-            const z = new Date(S);
-            if (new Date(A) < z) {
-              const ie = S;
-              S = A, A = ie;
+          let x = p(c[0]), _ = c[1] ? p(c[1]) : null;
+          if (x && _) {
+            const W = new Date(x);
+            if (new Date(_) < W) {
+              const ue = x;
+              x = _, _ = ue;
             }
-            return JSON.stringify({ startDate: S, endDate: A });
-          } else if (S)
-            return JSON.stringify({ startDate: S, endDate: null });
+            return JSON.stringify({ startDate: x, endDate: _ });
+          } else if (x)
+            return JSON.stringify({ startDate: x, endDate: null });
           return "";
         }
         if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(i)) {
-          const f = i.split("/");
+          const c = i.split("/");
           if (v === "pt-BR") {
-            const [p, S, A] = f, z = p.padStart(2, "0"), O = S.padStart(2, "0");
-            return `${A}-${O}-${z}`;
+            const [p, x, _] = c, W = p.padStart(2, "0"), O = x.padStart(2, "0");
+            return `${_}-${O}-${W}`;
           } else {
-            const [p, S, A] = f, z = S.padStart(2, "0"), O = p.padStart(2, "0");
-            return `${A}-${O}-${z}`;
+            const [p, x, _] = c, W = x.padStart(2, "0"), O = p.padStart(2, "0");
+            return `${_}-${O}-${W}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(i)) {
-          const f = i.split("-"), [p, S, A] = f, z = A.padStart(2, "0"), O = S.padStart(2, "0");
-          return `${p}-${O}-${z}`;
+          const c = i.split("-"), [p, x, _] = c, W = _.padStart(2, "0"), O = x.padStart(2, "0");
+          return `${p}-${O}-${W}`;
         }
         return "";
       } else if (l === "datetime-local") {
         if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [f, p] = i.split(" "), S = f.split("/");
+          const [c, p] = i.split(" "), x = c.split("/");
           if (v === "pt-BR") {
-            const [A, z, O] = S, ie = A.padStart(2, "0"), De = z.padStart(2, "0"), Ne = p.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
-            return `${O}-${De}-${ie}T${Ne}`;
+            const [_, W, O] = x, ue = _.padStart(2, "0"), Ie = W.padStart(2, "0"), Ee = p.split(":").map((Pe) => Pe.padStart(2, "0")).join(":");
+            return `${O}-${Ie}-${ue}T${Ee}`;
           } else {
-            const [A, z, O] = S, ie = z.padStart(2, "0"), De = A.padStart(2, "0"), Ne = p.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
-            return `${O}-${De}-${ie}T${Ne}`;
+            const [_, W, O] = x, ue = W.padStart(2, "0"), Ie = _.padStart(2, "0"), Ee = p.split(":").map((Pe) => Pe.padStart(2, "0")).join(":");
+            return `${O}-${Ie}-${ue}T${Ee}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [f, p] = i.split("T"), S = f.split("-"), [A, z, O] = S, ie = O.padStart(2, "0"), De = z.padStart(2, "0"), Ne = p.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
-          return `${A}-${De}-${ie}T${Ne}`;
+          const [c, p] = i.split("T"), x = c.split("-"), [_, W, O] = x, ue = O.padStart(2, "0"), Ie = W.padStart(2, "0"), Ee = p.split(":").map((Pe) => Pe.padStart(2, "0")).join(":");
+          return `${_}-${Ie}-${ue}T${Ee}`;
         }
         return "";
       } else if (l === "month") {
         if (/^\d{1,2}\/\d{4}$/.test(i)) {
-          const [f, p] = i.split("/"), S = f.padStart(2, "0");
-          return `${p}-${S}`;
+          const [c, p] = i.split("/"), x = c.padStart(2, "0");
+          return `${p}-${x}`;
         } else if (/^\d{4}-\d{1,2}$/.test(i)) {
-          const [f, p] = i.split("-"), S = p.padStart(2, "0");
-          return `${f}-${S}`;
+          const [c, p] = i.split("-"), x = p.padStart(2, "0");
+          return `${c}-${x}`;
         }
         return "";
       } else if (l === "week") {
         if (/^\d{4}-W\d{2}$/i.test(i))
           return i.toUpperCase();
-        const f = i.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
-        if (f)
-          return `${f[2]}-W${f[1]}`;
+        const c = i.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
+        if (c)
+          return `${c[2]}-W${c[1]}`;
         const p = i.match(/week\s+W?(\d{2})\s+of\s+(\d{4})/i);
         return p ? `${p[2]}-W${p[1]}` : "";
       }
       return i;
-    }, N = Q(!1), te = Q({ top: 0, left: 0 }), $ = Q(null), M = Q(null), ae = a(() => gt.value === !0), I = a(() => {
-      const t = w.value ? "component-disabled" : "", l = pe.value !== "b" ? "inline-block" : "block", d = J.value ? J.value : "", i = Pe.value ? Pe.value : "", v = _e.value ? _e.value : "", f = ne.value ? ne.value : !1, p = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, S = oe.value ? oe.value : "'Lato', sans-serif", A = de.value ? de.value : "1.4em", z = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, O = Le.value ? Le.value : "'Lato', sans-serif", ie = ce.value ? ce.value : "1em", De = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, et = be.value ? be.value : "#f15574", Ne = X.value ? X.value : 200, Ie = ge.value ? ge.value : "normal", ha = "sm", Ca = _.value ? _.value : !1, xa = L.value ? L.value : "date", Sa = $e.value ? $e.value : !1, Va = Te.value ? Te.value : "normal", ka = ue.value ? ue.value : "left", La = Ce.value ? Ce.value : "background", Ta = Re.value ? Re.value : !1, Ba = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Aa = Ye.value ? Ye.value : "transparent", _a = fe.value !== 0 && !fe.value || fe.value < 0 ? 15 : fe.value, $a = re.value ? re.value : "1px 5px", wa = c.value !== 0 && !c.value || c.value < 0 ? 0 : c.value, Ra = K.value === null || K.value === void 0 ? -13 : K.value, Ma = ee.value === null || ee.value === void 0 ? -10 : ee.value, za = Me.value ? Me.value : "'Lato', sans-serif", Da = ze.value ? ze.value : "1em", Na = Fe.value ? Fe.value : "0.8em", Ia = Qe.value ? Qe.value : 400, Wa = Ze.value ? Ze.value : "#ffffff", Ea = ot.value ? ot.value : "#000000", Pa = nt.value ? nt.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
+    }, V = j(!1), Ct = j({ top: 0, left: 0 }), R = j(null), z = j(null), te = a(() => mt.value === !0), E = a(() => {
+      const t = w.value ? "component-disabled" : "", l = be.value !== "b" ? "inline-block" : "block", s = J.value ? J.value : "", i = Oe.value ? Oe.value : "", v = Me.value ? Me.value : "", c = ae.value ? ae.value : !1, p = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, x = le.value ? le.value : "'Lato', sans-serif", _ = se.value ? se.value : "1.4em", W = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, O = Le.value ? Le.value : "'Lato', sans-serif", ue = de.value ? de.value : "1em", Ie = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, tt = ge.value ? ge.value : "#f15574", Ee = X.value ? X.value : 200, Pe = ce.value ? ce.value : "normal", xa = "sm", Sa = $.value ? $.value : !1, Va = L.value ? L.value : "date", ka = ze.value ? ze.value : !1, La = Te.value ? Te.value : "normal", Ta = ne.value ? ne.value : "left", Ba = he.value ? he.value : "background", Aa = Be.value ? Be.value : !1, wa = H.value !== 0 && !H.value || H.value < 0 ? 5 : H.value, Ra = d.value ? d.value : "transparent", Ma = Y.value !== 0 && !Y.value || Y.value < 0 ? 15 : Y.value, za = m.value ? m.value : "1px 5px", Wa = fe.value !== 0 && !fe.value || fe.value < 0 ? 0 : fe.value, Da = Ae.value === null || Ae.value === void 0 ? -13 : Ae.value, Na = _e.value === null || _e.value === void 0 ? -10 : _e.value, Ia = De.value === null || De.value === void 0 ? 0 : De.value, Ea = qe.value === null || qe.value === void 0 ? 0 : qe.value, Pa = Ze.value ? Ze.value : "'Lato', sans-serif", Fa = ot.value ? ot.value : "1em", Oa = ut.value ? ut.value : "0.8em", qa = ft.value ? ft.value : 400, Ha = vt.value ? vt.value : "#ffffff", ja = Ke.value ? Ke.value : "#000000", Ua = pt.value ? pt.value : "#ffffff", Ga = Lt.value ? Lt.value : "#000000";
       return {
         disabled: t,
         display: l,
-        font: S,
-        fontSize: A,
-        fontWeight: z,
+        font: x,
+        fontSize: _,
+        fontWeight: W,
         fontFamilyMsg: O,
-        fontSizeMsg: ie,
-        fontWeightMsg: De,
-        textMessageColor: et,
-        caretColor: d,
+        fontSizeMsg: ue,
+        fontWeightMsg: Ie,
+        textMessageColor: tt,
+        caretColor: s,
         selectionBgColor: i,
         selectionTextColor: v,
-        hasBorderRadius: f,
+        hasBorderRadius: c,
         borderRadius: p,
-        textAlign: ka,
-        inputWidth: Ne,
-        activeTextStyle: Ie,
-        sizeMediaQuery: ha,
-        inputReadonly: Ca,
-        inputType: xa,
-        inputUppercase: Sa,
-        theme: Va,
-        inputStyle: La,
-        showLabel: Ta,
-        labelBackground: Aa,
-        labelPadding: $a,
-        labelBorderRadius: wa,
-        labelLeft: Ba,
-        inputLabelMarginActive: _a,
-        labelActiveTop: Ra,
-        labelActiveLeft: Ma,
-        fontFamilyLabel: za,
-        fontSizeLabel: Da,
-        fontSizeLabelActive: Na,
-        fontWeightLabel: Ia,
-        lightTextColorLabel: Wa,
-        darkTextColorLabel: Ea,
-        lightTextColorLabelActive: Pa,
-        darkTextColorLabelActive: Fa
+        textAlign: Ta,
+        inputWidth: Ee,
+        activeTextStyle: Pe,
+        sizeMediaQuery: xa,
+        inputReadonly: Sa,
+        inputType: Va,
+        inputUppercase: ka,
+        theme: La,
+        inputStyle: Ba,
+        showLabel: Aa,
+        labelBackground: Ra,
+        labelPadding: za,
+        labelBorderRadius: Wa,
+        labelLeft: wa,
+        inputLabelMarginActive: Ma,
+        labelActiveTop: Da,
+        labelActiveLeft: Na,
+        labelRight: Ia,
+        labelActiveRight: Ea,
+        fontFamilyLabel: Pa,
+        fontSizeLabel: Fa,
+        fontSizeLabelActive: Oa,
+        fontWeightLabel: qa,
+        lightTextColorLabel: Ha,
+        darkTextColorLabel: ja,
+        lightTextColorLabelActive: Ua,
+        darkTextColorLabelActive: Ga
+      };
+    }), Et = a(() => E.value.disabled), Pt = a(() => {
+      const t = E.value, l = At.value;
+      return {
+        display: t.display,
+        // Adiciona padding-top quando o label está ativo para evitar que seja cortado
+        paddingTop: l && Be.value ? `${Math.abs(t.labelActiveTop)}px` : "0"
       };
-    }), $t = a(() => I.value.disabled), wt = a(() => ({
-      display: I.value.display
-    })), Y = a(() => {
-      const t = I.value;
+    }), Q = a(() => {
+      const t = E.value;
       return t.fontSize ? t.fontSize : "1.4em";
-    }), vt = a(() => {
-      const t = I.value, l = r.value;
+    }), Tt = a(() => {
+      const t = E.value, l = At.value;
       return {
         fontWeight: t.fontWeight,
-        marginTop: l && Re.value ? `${t.inputLabelMarginActive}px` : "0"
+        marginTop: l && Be.value ? `${t.inputLabelMarginActive}px` : "0"
       };
-    }), rt = a(() => {
-      const t = I.value;
+    }), et = a(() => {
+      const t = E.value;
       return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
-    }), pt = a(() => I.value.font), B = a(() => I.value.fontFamilyMsg), Rt = a(() => I.value.fontSizeMsg), Mt = a(() => I.value.fontWeightMsg), Tt = a(() => Te.value === "dark" ? V.value : Ge.value), jt = a(() => I.value.textMessageColor), mt = a(() => {
-      const t = I.value;
+    }), bt = a(() => E.value.font), it = a(() => E.value.fontFamilyMsg), k = a(() => E.value.fontSizeMsg), Yt = a(() => E.value.fontWeightMsg), Mt = a(() => Te.value === "dark" ? S.value : Ue.value), Qt = a(() => E.value.textMessageColor), Bt = a(() => {
+      const t = E.value;
       return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Bt = a(() => {
-      const t = I.value;
+    }), xt = a(() => {
+      const t = E.value;
       return t.selectionBgColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), At = a(() => {
-      const t = I.value;
+    }), Jt = a(() => {
+      const t = E.value;
       return t.selectionTextColor || (t.theme === "dark" ? "#000000" : "#ffffff");
-    }), zt = a(() => {
-      const t = I.value;
+    }), Ft = a(() => {
+      const t = E.value;
       return t.display === "block" ? { width: "100%" } : {
         width: `${t.inputWidth}px`
       };
-    }), Ht = a(() => {
-      switch (Ce.value) {
+    }), Ot = a(() => {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -3492,8 +3664,8 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--background";
       }
-    }), Ut = a(() => {
-      switch (I.value.activeTextStyle) {
+    }), Xt = a(() => {
+      switch (E.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -3501,454 +3673,467 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--active--normal";
       }
-    }), Gt = a(() => "component__sm"), Kt = a(() => {
-      switch (I.value.theme) {
+    }), Zt = a(() => "component__sm"), ea = a(() => {
+      switch (E.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Yt = a(() => I.value.inputReadonly ? "component__input--read-only" : ""), Qt = a(() => I.value.inputUppercase ? "component__input--uppercase" : ""), kt = a(() => He.value ? He.value : `${Ve.value}-name-label`), Dt = a(() => ""), r = a(() => T.value || R.value && R.value.trim().length > 0), u = a(() => !R.value || R.value.trim().length === 0 ? "component__input--empty" : "");
-    a(() => T.value ? "component__input--active" : "component__input--no-active");
-    const g = a(() => "6px 10px"), W = a(() => !!(Z.value && me.value)), qe = a(() => {
+    }), ta = a(() => E.value.inputReadonly ? "component__input--read-only" : ""), aa = a(() => E.value.inputUppercase ? "component__input--uppercase" : ""), zt = a(() => He.value ? He.value : `${Ve.value}-name-label`), qt = a(() => ""), At = a(() => f.value || I.value && I.value.trim().length > 0), r = a(() => !I.value || I.value.trim().length === 0 ? "component__input--empty" : "");
+    a(() => f.value ? "component__input--active" : "component__input--no-active");
+    const B = a(() => "6px 10px"), ve = a(() => !!(Z.value && me.value)), u = a(() => {
       const t = {};
-      se.value && Object.keys(se.value).forEach((i) => t[`aria-${i}`] = se.value[i]);
+      ie.value && Object.keys(ie.value).forEach((i) => t[`aria-${i}`] = ie.value[i]);
       const l = {
         "aria-label": ke.value,
         "aria-disabled": w.value,
         ...t
       };
       return Object.fromEntries(
-        Object.entries(l).filter(([d, i]) => i != null)
+        Object.entries(l).filter(([s, i]) => i != null)
       );
-    }), Nt = a(() => {
-      const t = Te.value === "dark" ? Xe.value : dt.value, l = Te.value === "dark" ? V.value : Ge.value;
+    }), A = a(() => {
+      const t = Te.value === "dark" ? Je.value : dt.value, l = Te.value === "dark" ? S.value : Ue.value;
       return t === "transparent" || t === "#transparent" || !t ? l : t;
-    }), Jt = a(() => {
-      const t = Te.value === "dark" ? Ke.value : ct.value, l = Te.value === "dark" ? V.value : Ge.value;
+    }), Ne = a(() => {
+      const t = Te.value === "dark" ? Ge.value : ct.value, l = Te.value === "dark" ? S.value : Ue.value;
       return t === "transparent" || t === "#transparent" || !t ? l : t;
-    }), ht = a(() => {
-      const t = I.value, l = r.value, d = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, i = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
+    }), Ye = a(() => {
+      const t = E.value, l = At.value, s = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, i = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
       return {
         fontFamily: t.fontFamilyLabel,
         fontSize: l ? t.fontSizeLabelActive : t.fontSizeLabel,
         fontWeight: t.fontWeightLabel,
-        color: t.theme === "dark" ? i : d,
+        color: t.theme === "dark" ? i : s,
         top: l ? `${t.labelActiveTop}px` : "50%",
         left: l ? `${t.labelActiveLeft}px` : `${t.labelLeft}px`,
+        right: l ? `${t.labelActiveRight}px` : `${t.labelRight}px`,
         transform: l ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
         backgroundColor: l ? t.labelBackground : "transparent",
         padding: l ? t.labelPadding : "0",
-        borderRadius: l ? `${t.labelBorderRadius}rem` : "0"
+        borderRadius: l ? `${t.labelBorderRadius}rem` : "0",
+        // Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
+        ...l ? {
+          whiteSpace: q.value ? "nowrap" : "normal",
+          wordWrap: q.value ? "normal" : "break-word",
+          overflowWrap: q.value ? "normal" : "break-word",
+          maxWidth: "100%",
+          textOverflow: q.value ? "ellipsis" : "clip",
+          overflow: q.value ? "hidden" : "visible"
+        } : {}
       };
     });
     a(() => {
-      const t = I.value;
+      const t = E.value;
       return t.theme === "dark" ? t.darkTextColorLabelActive : t.lightTextColorLabelActive;
     });
-    const It = () => {
-      h.value = we.value, Oe.value = L.value;
-    }, Wt = () => {
-      E("clicked");
-    }, Xt = (t) => {
-      t.stopPropagation(), !(w.value || I.value.inputReadonly) && $.value && ($.value.focus(), ae.value && (N.value = !1, requestAnimationFrame(() => {
-        Ct(), N.value = !0;
+    const gt = () => {
+      g.value = We.value, $e.value = L.value;
+    }, la = () => {
+      P("clicked");
+    }, Wt = (t) => {
+      t.stopPropagation(), !(w.value || E.value.inputReadonly) && R.value && (R.value.focus(), te.value && (V.value = !1, requestAnimationFrame(() => {
+        St(), V.value = !0;
       })));
-    }, Zt = () => {
-      w.value || I.value.inputReadonly || !Ae.value || E("entered", h.value);
-    }, Ct = () => {
-      $.value && ya(() => {
-        const t = $.value.getBoundingClientRect(), l = 4;
-        te.value = {
+    }, na = () => {
+      w.value || E.value.inputReadonly || !Re.value || P("entered", g.value);
+    }, St = () => {
+      R.value && _a(() => {
+        const t = R.value.getBoundingClientRect(), l = 4;
+        Ct.value = {
           top: `${t.bottom + l}px`,
           left: `${t.left}px`
         };
       });
-    }, ea = a(() => ({
+    }, oa = a(() => ({
       position: "fixed",
-      top: te.value.top,
-      left: te.value.left,
-      zIndex: yt.value
-    })), ta = () => {
-      T.value = !0, E("focused"), ae.value && (N.value = !1, requestAnimationFrame(() => {
-        Ct(), N.value = !0;
+      top: Ct.value.top,
+      left: Ct.value.left,
+      zIndex: ht.value
+    })), ua = () => {
+      f.value = !0, P("focused"), te.value && (V.value = !1, requestAnimationFrame(() => {
+        St(), V.value = !0;
       }));
-    }, aa = (t) => {
-      t.relatedTarget && M.value && M.value.contains(t.relatedTarget) || setTimeout(() => {
+    }, ra = (t) => {
+      t.relatedTarget && z.value && z.value.contains(t.relatedTarget) || setTimeout(() => {
         var i;
         const l = document.activeElement;
-        if (N.value) {
-          if (M.value && M.value.contains(l) || t.relatedTarget && M.value && M.value.contains(t.relatedTarget))
+        if (V.value) {
+          if (z.value && z.value.contains(l) || t.relatedTarget && z.value && z.value.contains(t.relatedTarget))
             return;
-          if (l === document.body && M.value) {
-            const v = M.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+          if (l === document.body && z.value) {
+            const v = z.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
             if (Array.from(v).some((p) => p === document.activeElement || p.contains(document.activeElement)))
               return;
           }
         }
-        const d = (i = $.value) == null ? void 0 : i.closest(".component");
-        d && d.contains(l) || $.value !== l && (T.value = !1, N.value = !1, E("blurred"));
+        const s = (i = R.value) == null ? void 0 : i.closest(".component");
+        s && s.contains(l) || R.value !== l && (f.value = !1, V.value = !1, P("blurred"));
       }, 200);
-    }, la = () => {
-      ae.value && (N.value, N.value = !1, requestAnimationFrame(() => {
-        Ct(), N.value = !0;
+    }, ia = () => {
+      te.value && (V.value, V.value = !1, requestAnimationFrame(() => {
+        St(), V.value = !0;
       }));
-    }, _t = (t) => {
+    }, Dt = (t) => {
       if (!t || !(t instanceof Date))
         return null;
-      const l = t.getFullYear(), d = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0");
-      return `${l}-${d}-${i}`;
-    }, na = (t) => {
+      const l = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0");
+      return `${l}-${s}-${i}`;
+    }, sa = (t) => {
       let l = "";
       if (!t)
         l = "";
-      else if (Se.value && typeof t == "object" && !(t instanceof Date)) {
+      else if (xe.value && typeof t == "object" && !(t instanceof Date)) {
         if (t.startDate === null && t.endDate === null)
           l = "";
         else if (t.startDate || t.endDate) {
           const i = {
             // Converter startDate para string ISO se existir
-            startDate: t.startDate ? _t(t.startDate) : null,
+            startDate: t.startDate ? Dt(t.startDate) : null,
             // Converter endDate para string ISO se existir
-            endDate: t.endDate ? _t(t.endDate) : null
+            endDate: t.endDate ? Dt(t.endDate) : null
           };
           l = JSON.stringify(i);
         }
       } else
-        L.value === "date" ? t instanceof Date ? l = _t(t) : typeof t == "string" && (l = t) : (L.value === "month" || L.value === "time" || L.value === "datetime-local" || L.value === "week") && (l = typeof t == "string" ? t : "");
-      le = !0, h.value = l;
-      const d = l ? ut(l, L.value) : "";
-      R.value = d, k.value = d;
-    }, oa = () => {
-      if (!ae.value) {
-        h.value = R.value;
+        L.value === "date" ? t instanceof Date ? l = Dt(t) : typeof t == "string" && (l = t) : (L.value === "month" || L.value === "time" || L.value === "datetime-local" || L.value === "week") && (l = typeof t == "string" ? t : "");
+      n = !0, g.value = l;
+      const s = l ? ee(l, L.value) : "";
+      I.value = s, T.value = s;
+    }, da = () => {
+      if (!te.value) {
+        g.value = I.value;
         return;
       }
-      s = !0;
-      const t = $.value ? {
-        start: $.value.selectionStart,
-        end: $.value.selectionEnd
-      } : null, l = R.value.trim();
+      oe = !0;
+      const t = R.value ? {
+        start: R.value.selectionStart,
+        end: R.value.selectionEnd
+      } : null, l = I.value.trim();
       if (!l || l.length === 0) {
-        le = !0, h.value = "", R.value = "", k.value = "", setTimeout(() => {
-          s = !1;
+        n = !0, g.value = "", I.value = "", T.value = "", setTimeout(() => {
+          oe = !1;
         }, 50);
         return;
       }
       if (L.value === "date") {
-        const i = Se.value ? /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$|^\d{1,2}\/\d{1,2}\/\d{4}\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})?$/ : /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/;
-        if (Se.value) {
+        const i = 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) {
           if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), l.length > 23 && !i.test(l)) {
-            R.value = k.value, t && $.value && ya(() => {
-              const v = Math.min(t.start, k.value.length);
-              $.value.setSelectionRange(v, v);
+            I.value = T.value, t && R.value && _a(() => {
+              const v = Math.min(t.start, T.value.length);
+              R.value.setSelectionRange(v, v);
             }), setTimeout(() => {
-              s = !1;
+              oe = !1;
             }, 50);
             return;
           }
           if (!i.test(l) && l.length <= 23) {
             setTimeout(() => {
-              s = !1;
+              oe = !1;
             }, 50);
             return;
           }
         } else {
           if (l.length > 10 && !i.test(l)) {
-            R.value = k.value, t && $.value && ya(() => {
-              const v = Math.min(t.start, k.value.length);
-              $.value.setSelectionRange(v, v);
+            I.value = T.value, t && R.value && _a(() => {
+              const v = Math.min(t.start, T.value.length);
+              R.value.setSelectionRange(v, v);
             }), setTimeout(() => {
-              s = !1;
+              oe = !1;
             }, 50);
             return;
           }
           if (!i.test(l) && l.length <= 10) {
             setTimeout(() => {
-              s = !1;
+              oe = !1;
             }, 50);
             return;
           }
         }
       }
-      let d = null;
+      let s = null;
       if (L.value === "date")
-        if (Se.value)
+        if (xe.value)
           if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
-            if (d = j(l, L.value), d && d !== h.value)
-              le = !0, h.value = d, k.value = l;
+            if (s = we(l, L.value), s && s !== g.value)
+              n = !0, g.value = s, T.value = l;
             else {
               setTimeout(() => {
-                s = !1;
+                oe = !1;
               }, 50);
               return;
             }
           else if (l.includes("-")) {
             const v = l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
             if (v) {
-              const f = v[1], p = j(f, L.value);
+              const c = v[1], p = we(c, L.value);
               if (p) {
-                const S = JSON.stringify({ startDate: p, endDate: null });
-                S !== h.value && (le = !0, h.value = S, k.value = l);
+                const x = JSON.stringify({ startDate: p, endDate: null });
+                x !== g.value && (n = !0, g.value = x, T.value = l);
               } else {
-                k.value = l, setTimeout(() => {
-                  s = !1;
+                T.value = l, setTimeout(() => {
+                  oe = !1;
                 }, 50);
                 return;
               }
             } else {
-              k.value = l, setTimeout(() => {
-                s = !1;
+              T.value = l, setTimeout(() => {
+                oe = !1;
               }, 50);
               return;
             }
           } else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
-            if (d = j(l, L.value), d) {
-              const f = JSON.stringify({ startDate: d, endDate: null });
-              f !== h.value && (le = !0, h.value = f, k.value = l);
+            if (s = we(l, L.value), s) {
+              const c = JSON.stringify({ startDate: s, endDate: null });
+              c !== g.value && (n = !0, g.value = c, T.value = l);
             } else {
-              k.value = l, setTimeout(() => {
-                s = !1;
+              T.value = l, setTimeout(() => {
+                oe = !1;
               }, 50);
               return;
             }
           else {
-            k.value = l, setTimeout(() => {
-              s = !1;
+            T.value = l, setTimeout(() => {
+              oe = !1;
             }, 50);
             return;
           }
         else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
-          d = j(l, L.value), d && d !== h.value && (le = !0, h.value = d, k.value = l);
+          s = we(l, L.value), s && s !== g.value && (n = !0, g.value = s, T.value = l);
         else {
           setTimeout(() => {
-            s = !1;
+            oe = !1;
           }, 50);
           return;
         }
       else
-        d = j(l, L.value), d && d !== h.value && (le = !0, h.value = d, k.value = l);
+        s = we(l, L.value), s && s !== g.value && (n = !0, g.value = s, T.value = l);
       setTimeout(() => {
-        s = !1;
+        oe = !1;
       }, 50);
-    }, ua = (t) => {
-    }, Et = (t) => {
+    }, ca = (t) => {
+    }, Ht = (t) => {
       var v;
-      if (!N.value || !M.value || !$.value)
+      if (!V.value || !z.value || !R.value)
         return;
-      const l = t.target, d = (v = $.value) == null ? void 0 : v.closest(".nb-wrapper");
-      if (M.value && M.value.contains(l) || d && (l === d || d.contains(l)) || M.value && M.value.contains(l))
+      const l = t.target, s = (v = R.value) == null ? void 0 : v.closest(".nb-wrapper");
+      if (z.value && z.value.contains(l) || s && (l === s || s.contains(l)) || z.value && z.value.contains(l))
         return;
       let i = l;
       for (; i && i !== document.body; ) {
-        if (i === M.value || M.value && M.value.contains(i))
+        if (i === z.value || z.value && z.value.contains(i))
           return;
         i = i.parentElement;
       }
       setTimeout(() => {
-        if (!N.value || !M.value || M.value && M.value.contains(l))
+        if (!V.value || !z.value || z.value && z.value.contains(l))
           return;
         for (i = l; i && i !== document.body; ) {
-          if (i === M.value || M.value && M.value.contains(i))
+          if (i === z.value || z.value && z.value.contains(i))
             return;
           i = i.parentElement;
         }
         if (!document.body.contains(l))
           return;
-        const f = $.value && (l === $.value || $.value.contains(l)), p = d && (l === d || d.contains(l));
-        !f && !p && (N.value = !1, (!R.value || R.value.trim().length === 0) && (T.value = !1));
+        const c = R.value && (l === R.value || R.value.contains(l)), p = s && (l === s || s.contains(l));
+        !c && !p && (V.value = !1, (!I.value || I.value.trim().length === 0) && (f.value = !1));
       }, 50);
-    }, Pt = () => {
-      N.value && ae.value && Ct();
-    }, Ft = () => {
-      N.value && ae.value && (N.value = !1);
+    }, jt = () => {
+      V.value && te.value && St();
+    }, Ut = () => {
+      V.value && te.value && (V.value = !1);
     };
-    let bt = null, Lt = null, it = { top: 0, left: 0 };
-    const Ot = () => {
-      if (!N.value || !ae.value || !$.value)
+    let yt = null, _t = null, Vt = { top: 0, left: 0 };
+    const $t = () => {
+      if (!V.value || !te.value || !R.value)
         return;
-      const t = 4, l = $.value.getBoundingClientRect(), d = `${l.bottom + t}px`, i = `${l.left}px`;
-      (it.top !== d || it.left !== i) && (it.top = d, it.left = i, te.value = {
-        top: d,
+      const t = 4, l = R.value.getBoundingClientRect(), s = `${l.bottom + t}px`, i = `${l.left}px`;
+      (Vt.top !== s || Vt.left !== i) && (Vt.top = s, Vt.left = i, Ct.value = {
+        top: s,
         left: i
-      }), Lt = requestAnimationFrame(Ot);
-    }, ra = () => {
-      if (!$.value || !ae.value)
+      }), _t = requestAnimationFrame($t);
+    }, Nt = () => {
+      if (!R.value || !te.value)
         return;
-      it = { top: 0, left: 0 }, Ot(), bt = new ResizeObserver(() => {
-        N.value && Ct();
-      }), bt.observe($.value);
-      const t = $.value.closest(".component");
-      t && bt.observe(t);
-    }, n = () => {
-      Lt !== null && (cancelAnimationFrame(Lt), Lt = null), bt && (bt.disconnect(), bt = null);
+      Vt = { top: 0, left: 0 }, $t(), yt = new ResizeObserver(() => {
+        V.value && St();
+      }), yt.observe(R.value);
+      const t = R.value.closest(".component");
+      t && yt.observe(t);
+    }, Gt = () => {
+      _t !== null && (cancelAnimationFrame(_t), _t = null), yt && (yt.disconnect(), yt = null);
     };
-    H(N, (t) => {
-      t && ae.value ? ya(() => {
-        ra();
-      }) : n();
-    }), sa(() => {
-      h.value = we.value, R.value = ut(we.value, L.value), document.addEventListener("click", Et, !1), window.addEventListener("scroll", Pt, { capture: !0, passive: !0 }), window.addEventListener("resize", Ft);
-    }), ma(() => {
-      It(), n(), document.removeEventListener("click", Et), window.removeEventListener("scroll", Pt, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ft);
-    }), H(L, (t) => {
-      Oe.value = t;
-    }, { immediate: !0 }), H(Je, () => {
-      h.value && ae.value && (R.value = ut(h.value, L.value));
-    }), H(we, (t) => {
-      if (t !== h.value) {
-        h.value = t;
-        const l = ut(t, L.value);
-        R.value = l, k.value = l;
+    U(V, (t) => {
+      t && te.value ? _a(() => {
+        Nt();
+      }) : Gt();
+    }), pa(() => {
+      g.value = We.value, I.value = ee(We.value, L.value), document.addEventListener("click", Ht, !1), window.addEventListener("scroll", jt, { capture: !0, passive: !0 }), window.addEventListener("resize", Ut);
+    }), $a(() => {
+      gt(), Gt(), document.removeEventListener("click", Ht), window.removeEventListener("scroll", jt, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ut);
+    }), U(L, (t) => {
+      $e.value = t;
+    }, { immediate: !0 }), U(Qe, () => {
+      g.value && te.value && (I.value = ee(g.value, L.value));
+    }), U(We, (t) => {
+      if (t !== g.value) {
+        g.value = t;
+        const l = ee(t, L.value);
+        I.value = l, T.value = l;
       }
     }, { immediate: !0 });
-    let s = !1;
-    const je = () => {
-      s = !0, setTimeout(() => {
-        s = !1;
+    let oe = !1;
+    const fa = () => {
+      oe = !0, setTimeout(() => {
+        oe = !1;
       }, 100);
     };
-    let le = !1;
-    return H(() => h.value, (t) => {
-      if (ae.value && !le && !s) {
-        const l = ut(t, L.value);
-        l !== R.value && (R.value = l, k.value = l);
+    let n = !1;
+    return U(() => g.value, (t) => {
+      if (te.value && !n && !oe) {
+        const l = ee(t, L.value);
+        l !== I.value && (I.value = l, T.value = l);
       }
-      le = !1;
-    }), H(h, (t) => {
-      if (x.value && (t = t.trim()), Se.value && typeof t == "string" && t.startsWith("{"))
+      n = !1;
+    }), U(g, (t) => {
+      if (C.value && (t = t.trim()), xe.value && typeof t == "string" && t.startsWith("{"))
         try {
           const l = JSON.parse(t);
           if (l && (l.startDate || l.endDate)) {
-            const d = (f) => {
-              if (!f)
+            const s = (c) => {
+              if (!c)
                 return null;
-              if (/^\d{4}-\d{2}-\d{2}$/.test(f)) {
-                const [p, S, A] = f.split("-").map(Number);
-                return new Date(p, S - 1, A);
+              if (/^\d{4}-\d{2}-\d{2}$/.test(c)) {
+                const [p, x, _] = c.split("-").map(Number);
+                return new Date(p, x - 1, _);
               }
-              return new Date(f);
-            }, i = l.startDate ? d(l.startDate) : null, v = l.endDate ? d(l.endDate) : null;
-            E("changed", { startDate: i, endDate: v });
+              return new Date(c);
+            }, i = l.startDate ? s(l.startDate) : null, v = l.endDate ? s(l.endDate) : null;
+            P("changed", { startDate: i, endDate: v });
             return;
           }
         } catch {
         }
-      E("changed", t);
-    }), H(T, (t) => {
-      E(t ? "focused" : "blurred");
-    }), H(h, (t) => {
-      x.value && (t = t.trim()), E("current-value", t);
-    }), (t, l) => o(Ve) ? (F(), q("div", da({
+      P("changed", t);
+    }), U(f, (t) => {
+      P(t ? "focused" : "blurred");
+    }), U(g, (t) => {
+      C.value && (t = t.trim()), P("current-value", t);
+    }), (t, l) => o(Ve) ? (M(), D("div", ba({
       key: 0,
-      class: ["nb-wrapper", $t.value],
-      style: [wt.value, zt.value, rt.value],
+      class: ["nb-wrapper", Et.value],
+      style: [Pt.value, Ft.value, et.value],
       role: "input"
-    }, qe.value), [
-      ve("div", {
+    }, u.value), [
+      pe("div", {
         id: o(Ve),
-        class: We(["nb-reset", "component", Gt.value, Kt.value, Yt.value, Ht.value]),
-        style: Ee([vt.value, zt.value, rt.value]),
-        onClick: Wt
+        class: Fe(["nb-reset", "component", Zt.value, ea.value, ta.value, Ot.value]),
+        style: Se([Tt.value, Ft.value, et.value]),
+        onClick: la
       }, [
-        o(Re) ? (F(), q("label", {
+        o(Be) ? (M(), D("label", {
           key: 0,
-          for: kt.value,
+          for: zt.value,
           class: "component__label",
-          style: Ee([ht.value]),
-          onClick: Xt
-        }, xt(e.label), 13, Fl)) : Be("", !0),
-        pa(ve("input", {
+          style: Se([Ye.value]),
+          onClick: Wt
+        }, [
+          It(kt(o(Xe)), 1),
+          e.required ? (M(), D("span", Zl, "*")) : re("", !0)
+        ], 12, Xl)) : re("", !0),
+        ha(pe("input", {
           ref_key: "inputRef",
-          ref: $,
-          "onUpdate:modelValue": l[0] || (l[0] = (d) => R.value = d),
-          onInput: oa,
+          ref: R,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => I.value = s),
+          onInput: da,
           onKeydown: [
-            je,
-            l[1] || (l[1] = qt((d) => !o(w) && o(Ae) && Zt(), ["enter"]))
+            fa,
+            l[1] || (l[1] = Kt((s) => !o(w) && o(Re) && na(), ["enter"]))
           ],
-          id: kt.value,
-          name: kt.value,
-          type: ae.value ? "text" : Oe.value,
-          class: We(["component__input", [
-            Qt.value,
-            Ut.value,
-            u.value
+          id: zt.value,
+          name: zt.value,
+          type: te.value ? "text" : $e.value,
+          class: Fe(["component__input", [
+            aa.value,
+            Xt.value,
+            r.value
           ]]),
-          placeholder: Dt.value,
-          disabled: o(w) || o(_),
+          placeholder: qt.value,
+          disabled: o(w) || o($),
           required: e.required,
-          readonly: o(_),
+          readonly: o($),
           autocomplete: e.inputAutocomplete,
-          min: ae.value ? void 0 : o(tt),
-          max: ae.value ? void 0 : o(ye),
-          step: ae.value ? void 0 : o(at),
-          tabindex: o(w) || o(_) ? -1 : o(st),
+          min: te.value ? void 0 : o(at),
+          max: te.value ? void 0 : o(ye),
+          step: te.value ? void 0 : o(lt),
+          tabindex: o(w) || o($) ? -1 : o(st),
           role: "input",
-          style: Ee([rt.value]),
-          onFocus: ta,
-          onBlur: aa,
-          onClick: la
-        }, null, 46, Ol), [
-          [Ha, R.value]
+          style: Se([et.value]),
+          onFocus: ua,
+          onBlur: ra,
+          onClick: ia
+        }, null, 46, en), [
+          [Ja, I.value]
         ])
-      ], 14, Pl),
-      W.value ? (F(), q("div", {
+      ], 14, Jl),
+      ve.value ? (M(), D("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Fe(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ia(t.$slots, "message", {}, () => [
-          ga(xt(e.message), 1)
+        va(t.$slots, "message", {}, () => [
+          It(kt(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0),
-      (F(), ul(rl, { to: "body" }, [
-        ae.value && N.value ? (F(), q("div", {
+      ], 2)) : re("", !0),
+      (M(), bl(gl, { to: "body" }, [
+        te.value && V.value ? (M(), D("div", {
           key: 0,
           ref_key: "calendarRef",
-          ref: M,
+          ref: z,
           class: "datepicker__custom-calendar-wrapper",
-          style: Ee(ea.value),
-          onClick: l[4] || (l[4] = ca((d) => he.value = !0, ["stop"])),
-          onMousedown: l[5] || (l[5] = ca((d) => he.value = !0, ["stop"]))
+          style: Se(oa.value),
+          onClick: l[4] || (l[4] = ga((s) => rt.value = !0, ["stop"])),
+          onMousedown: l[5] || (l[5] = ga((s) => rt.value = !0, ["stop"]))
         }, [
-          il(o(C), {
+          yl(o(h), {
             "nb-id": `${o(Ve)}-calendar`,
-            value: Vt.value,
+            value: Rt.value,
             "input-type": o(L),
-            min: o(tt),
+            min: o(at),
             max: o(ye),
-            step: o(at),
+            step: o(lt),
             disabled: o(w),
-            width: St.value,
-            locale: o(Je),
+            width: wt.value,
+            locale: o(Qe),
             theme: o(Te),
-            "allow-range": o(Se),
-            onChanged: na,
-            onDateSelected: ua,
-            onMousedown: l[2] || (l[2] = (d) => he.value = !0),
-            onClick: l[3] || (l[3] = (d) => he.value = !0)
+            "allow-range": o(xe),
+            onChanged: sa,
+            onDateSelected: ca,
+            onMousedown: l[2] || (l[2] = (s) => rt.value = !0),
+            onClick: l[3] || (l[3] = (s) => rt.value = !0)
           }, null, 8, ["nb-id", "value", "input-type", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range"])
-        ], 36)) : Be("", !0)
+        ], 36)) : re("", !0)
       ]))
-    ], 16)) : Be("", !0);
+    ], 16)) : re("", !0);
   }
-}), jl = /* @__PURE__ */ ba(ql, [["__scopeId", "data-v-35736538"]]), Oa = {
-  NbInputRadio: vl,
-  NbInputCheckbox: ml,
-  NbInput: Bl,
-  NbInputChip: zl,
-  NbTextarea: El,
-  NbDatePicker: jl
-}, Ul = {
+}), an = /* @__PURE__ */ Ca(tn, [["__scopeId", "data-v-5c71e4c8"]]), Ka = {
+  NbInputRadio: Sl,
+  NbInputCheckbox: Bl,
+  NbInput: Nl,
+  NbInputChip: Hl,
+  NbTextarea: Ql,
+  NbDatePicker: an
+}, nn = {
   install(e) {
-    for (const m in Oa)
-      if (Object.prototype.hasOwnProperty.call(Oa, m)) {
-        const C = Oa[m];
-        e.component(C.name, C);
+    for (const y in Ka)
+      if (Object.prototype.hasOwnProperty.call(Ka, y)) {
+        const h = Ka[y];
+        e.component(h.name, h);
       }
   }
 };
 export {
-  Ul as default
+  nn as default
 };