@vlalg-nimbus/nb-inputs 8.0.16 → 8.1.0

package/dist/nb-inputs.js

@@ -1,10 +1,10 @@
-import { useCssVars as fa, onMounted as sa, ref as J, 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 nl, withKeys as qt, withModifiers as ca, toDisplayString as Ct, createCommentVNode as Be, vModelCheckbox as ol, onUnmounted as ma, renderSlot as ia, createTextVNode as ga, vModelDynamic as Ha, vModelText as Ua, defineAsyncComponent as ul, nextTick as ya, createBlock as rl, Teleport as il, createVNode as sl } from "vue";
-const ba = (e, m) => {
-  const C = e.__vccOpts || e;
-  for (const [E, D] of m)
-    C[E] = D;
-  return C;
-}, dl = ["id"], cl = ["id", "disabled", "value", "name"], fl = ["for", "tabindex"], vl = /* @__PURE__ */ Object.assign({
+import { useCssVars as ma, onMounted as ba, ref as G, toRefs as ha, computed as a, watch as K, openBlock as z, createElementBlock as N, normalizeClass as Oe, normalizeStyle as Le, createElementVNode as pe, mergeProps as ga, Fragment as Qa, renderList as Ja, unref as o, withDirectives as Ca, vModelRadio as fl, withKeys as Gt, withModifiers as ya, toDisplayString as Bt, createCommentVNode as re, vModelCheckbox as vl, onUnmounted as $a, createTextVNode as Et, renderSlot as pa, vModelDynamic as Xa, vModelText as Za, defineAsyncComponent as pl, nextTick as _a, createBlock as bl, Teleport as gl, createVNode as yl } from "vue";
+const xa = (e, y) => {
+  const h = e.__vccOpts || e;
+  for (const [P, I] of y)
+    h[P] = I;
+  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((Te) => ["value", "text"].includes(Te)) || (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 }) {
+    ma((g) => ({
       "0fd48d29": ye.value,
-      "50426c15": ct.value,
-      "5fa7628c": dt.value,
-      "5949c3d2": Te.value,
-      91322790: Qe.value,
-      "6750fc92": tt.value,
-      "8c592938": bt.value,
-      c11d4680: st.value,
-      "35b74fa6": at.value,
-      "7dd5f889": Se.value,
-      "5cb21b36": gt.value
-    })), sa(() => {
-      Je();
+      "50426c15": ft.value,
+      "5fa7628c": St.value,
+      "5949c3d2": _e.value,
+      91322790: et.value,
+      "6750fc92": ot.value,
+      "8c592938": Ct.value,
+      c11d4680: ct.value,
+      "35b74fa6": ut.value,
+      "7dd5f889": xe.value,
+      "5cb21b36": xt.value
+    })), ba(() => {
+      je();
     });
-    const C = m, E = e, D = J(null), {
-      ariaLabel: Ve,
-      ariaAttrs: pe,
-      currentOption: Ae,
-      valueType: ke,
-      display: se,
-      options: X,
-      theme: Pe,
-      lightTextColor: $e,
-      lightColor: ne,
-      lightColorHover: U,
-      darkTextColor: w,
-      darkColor: oe,
-      darkColorHover: de,
-      hoverEffect: G,
-      activeHoverEffect: Le,
-      itemGap: ce,
-      internalGap: P,
-      scale: be,
-      disabled: Z,
-      fontFamily: Ce,
-      fontSize: ge,
-      fontWeight: xe
-    } = va(E), $ = a(() => {
-      const y = Z.value ? "component-disabled" : "", V = se.value !== "b" ? "inline-block" : "block", ue = Ce.value ? Ce.value : "'Lato', sans-serif", ee = ge.value ? ge.value : "1.6em", me = xe.value !== 0 && !xe.value || xe.value < 0 ? 200 : xe.value, Re = [!1, !0].includes(G.value) ? G.value : !1, Ke = [!1, !0].includes(Le.value) ? Le.value : !1, re = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, d = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, b = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value;
+    const h = y, P = e, I = G(null), {
+      ariaLabel: Te,
+      ariaAttrs: be,
+      currentOption: Me,
+      valueType: Be,
+      display: ie,
+      options: Z,
+      theme: qe,
+      lightTextColor: ze,
+      lightColor: le,
+      lightColorHover: Y,
+      darkTextColor: R,
+      darkColor: ne,
+      darkColorHover: se,
+      hoverEffect: Q,
+      activeHoverEffect: Ae,
+      itemGap: de,
+      internalGap: F,
+      scale: ge,
+      disabled: ee,
+      fontFamily: he,
+      fontSize: ce,
+      fontWeight: Ce
+    } = ha(P), $ = a(() => {
+      const g = ee.value ? "component-disabled" : "", T = ie.value !== "b" ? "inline-block" : "block", te = he.value ? he.value : "'Lato', sans-serif", H = ce.value ? ce.value : "1.6em", me = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 200 : Ce.value, tt = [!1, !0].includes(Q.value) ? Q.value : !1, $e = [!1, !0].includes(Ae.value) ? Ae.value : !1, fe = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, c = 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: Ke,
-        itemGap: re,
-        internalGap: d,
-        scale: b,
-        font: ue,
-        fontSize: ee,
+        disabled: g,
+        display: T,
+        hoverEffect: tt,
+        activeHoverEffect: $e,
+        itemGap: fe,
+        internalGap: c,
+        scale: m,
+        font: te,
+        fontSize: H,
         fontWeight: me
       };
-    }), L = a(() => $.value.disabled), x = a(() => ({
+    }), k = a(() => $.value.disabled), C = a(() => ({
       display: $.value.display
-    })), _e = a(() => $.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), je = a(() => {
-      const y = $.value;
+    })), We = a(() => $.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), Ge = a(() => {
+      const g = $.value;
       return {
-        fontSize: y.fontSize,
-        fontWeight: y.fontWeight
+        fontSize: g.fontSize,
+        fontWeight: g.fontWeight
       };
-    }), we = a(() => Array.isArray(X.value) && X.value.constructor === Array && X.value.length > 0), et = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), ye = a(() => $.value.font), tt = a(() => $e.value), bt = a(() => ne.value), Qe = a(() => $.value.hoverEffect ? U.value : ne.value), Te = a(() => $.value.activeHoverEffect ? U.value : ne.value), Se = a(() => w.value), gt = a(() => oe.value), at = a(() => $.value.hoverEffect ? de.value : oe.value), st = a(() => $.value.activeHoverEffect ? de.value : oe.value), dt = a(() => {
-      const V = $.value.internalGap;
-      return !V || V < 0 ? 0 : `${V}px`;
-    }), ct = a(() => {
-      const V = $.value.itemGap;
-      return !V || V < 0 ? 0 : `${V}px`;
+    }), De = a(() => Array.isArray(Z.value) && Z.value.constructor === Array && Z.value.length > 0), nt = a(() => qe.value === "dark" ? "component__theme--dark" : "component__theme--light"), ye = a(() => $.value.font), ot = a(() => ze.value), Ct = a(() => le.value), et = a(() => $.value.hoverEffect ? Y.value : le.value), _e = a(() => $.value.activeHoverEffect ? Y.value : le.value), xe = a(() => R.value), xt = a(() => ne.value), ut = a(() => $.value.hoverEffect ? se.value : ne.value), ct = a(() => $.value.activeHoverEffect ? se.value : ne.value), St = a(() => {
+      const T = $.value.internalGap;
+      return !T || T < 0 ? 0 : `${T}px`;
+    }), ft = a(() => {
+      const T = $.value.itemGap;
+      return !T || T < 0 ? 0 : `${T}px`;
     }), He = a(() => ({
       zoom: $.value.scale
-    })), Ue = a(() => {
-      const y = {};
-      pe.value && Object.keys(pe.value).forEach((ee) => y[`aria-${ee}`] = pe.value[ee]);
-      const V = {
-        "aria-label": Ve.value,
-        "aria-disabled": Z.value,
-        ...y
+    })), vt = a(() => {
+      const g = {};
+      be.value && Object.keys(be.value).forEach((H) => g[`aria-${H}`] = be.value[H]);
+      const T = {
+        "aria-label": Te.value,
+        "aria-disabled": ee.value,
+        ...g
       };
       return Object.fromEntries(
-        Object.entries(V).filter(([ue, ee]) => ee != null)
+        Object.entries(T).filter(([te, H]) => H != null)
       );
-    }), Je = () => {
-      const y = Ae.value;
-      y && ["string"].includes(ke.value) ? D.value = y.toString().toLowerCase() : D.value = y;
-    }, Ge = () => {
-      C("clicked");
+    }), je = () => {
+      const g = Me.value;
+      g && ["string"].includes(Be.value) ? I.value = g.toString().toLowerCase() : I.value = g;
+    }, Ke = () => {
+      h("clicked");
     };
-    return H(Ae, (y, V) => {
-      y !== V && Je();
-    }), H(D, (y, V) => {
-      y !== V && (C("current-value", y), C("changed", y));
-    }), (y, V) => e.nbId && we.value ? (F(), q("div", {
+    return K(Me, (g, T) => {
+      g !== T && je();
+    }), K(I, (g, T) => {
+      g !== T && (h("current-value", g), h("changed", g));
+    }), (g, T) => e.nbId && De.value ? (z(), N("div", {
       key: 0,
-      class: We(["nb-wrapper", L.value]),
-      style: Ee([x.value, He.value])
+      class: Oe(["nb-wrapper", k.value]),
+      style: Le([C.value, He.value])
     }, [
-      ve("div", da({
+      pe("div", ga({
         id: e.nbId,
         role: "radiogroup"
-      }, Ue.value, {
-        class: ["nb-reset", "component", _e.value, et.value]
+      }, vt.value, {
+        class: ["nb-reset", "component", We.value, nt.value]
       }), [
-        (F(!0), q(qa, null, ja(o(X), (ue, ee) => (F(), q("div", {
-          key: ee,
+        (z(!0), N(Qa, null, Ja(o(Z), (te, H) => (z(), N("div", {
+          key: H,
           class: "component-radio__item"
         }, [
-          pa(ve("input", {
-            id: `${e.nbId}-${ue.value}`,
-            "onUpdate:modelValue": V[0] || (V[0] = (me) => D.value = me),
+          Ca(pe("input", {
+            id: `${e.nbId}-${te.value}`,
+            "onUpdate:modelValue": T[0] || (T[0] = (me) => I.value = me),
             type: "radio",
             class: "component-radio__item--input",
-            disabled: o(Z),
-            value: ue.value,
+            disabled: o(ee),
+            value: te.value,
             name: e.groupName,
-            onClick: Ge
-          }, null, 8, cl), [
-            [nl, D.value]
+            onClick: Ke
+          }, null, 8, hl), [
+            [fl, I.value]
           ]),
-          ve("label", {
-            for: `${e.nbId}-${ue.value}`,
-            tabindex: o(Z) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[ee] : e.tabIndex >= 0 ? e.tabIndex : ee + 1,
+          pe("label", {
+            for: `${e.nbId}-${te.value}`,
+            tabindex: o(ee) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[H] : e.tabIndex >= 0 ? e.tabIndex : H + 1,
             class: "component-radio__item--label",
             onKeydown: [
-              V[1] || (V[1] = qt(ca((me) => !o(Z) && e.hasTabIndexEnter && me.target.click(), ["prevent"]), ["enter"])),
-              V[2] || (V[2] = qt(ca((me) => !o(Z) && e.hasTabIndexSpace && me.target.click(), ["prevent"]), ["space"]))
+              T[1] || (T[1] = Gt(ya((me) => !o(ee) && e.hasTabIndexEnter && me.target.click(), ["prevent"]), ["enter"])),
+              T[2] || (T[2] = Gt(ya((me) => !o(ee) && e.hasTabIndexSpace && me.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            V[3] || (V[3] = ve("div", null, null, -1)),
-            ve("span", {
-              style: Ee([je.value])
-            }, Ct(ue.text), 5)
-          ], 40, fl)
+            T[3] || (T[3] = pe("div", null, null, -1)),
+            pe("span", {
+              style: Le([Ge.value])
+            }, Bt(te.text), 5)
+          ], 40, Cl)
         ]))), 128))
-      ], 16, dl)
-    ], 6)) : Be("", !0);
+      ], 16, ml)
+    ], 6)) : re("", !0);
   }
-}), pl = /* @__PURE__ */ ba(vl, [["__scopeId", "data-v-a95f65ea"]]);
-const bl = ["id"], gl = ["id", "disabled", "value", "name"], yl = ["for", "tabindex"], ml = /* @__PURE__ */ Object.assign({
+}), Sl = /* @__PURE__ */ xa(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 bl = ["id"], gl = ["id", "disabled", "value", "name"], yl = ["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 bl = ["id"], gl = ["id", "disabled", "value", "name"], yl = ["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((Te) => ["value", "text"].includes(Te)) || (y = !0);
         }
-        if (!m)
+        if (!y)
           return e;
       }
     },
@@ -356,8 +356,8 @@ const bl = ["id"], gl = ["id", "disabled", "value", "name"], yl = ["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 bl = ["id"], gl = ["id", "disabled", "value", "name"], yl = ["for", "tabin
     }
   },
   emits: ["current-value", "changed", "clicked"],
-  setup(e, { emit: m }) {
-    fa((d) => ({
-      "49e2c63f": bt.value,
-      "107babaa": ue.value,
-      "3c7cc5ce": V.value,
-      "16d311d0": y.value,
-      "3f8b2f30": gt.value,
-      "53078d64": Se.value,
-      "537834e6": at.value,
-      fbc86ee4: Te.value,
-      "517939e1": Qe.value,
-      "3faff29d": Ge.value,
+  setup(e, { emit: y }) {
+    ma((c) => ({
+      "49e2c63f": Ct.value,
+      "107babaa": te.value,
+      "3c7cc5ce": T.value,
+      "16d311d0": g.value,
+      "3f8b2f30": xt.value,
+      "53078d64": xe.value,
+      "537834e6": ut.value,
+      fbc86ee4: _e.value,
+      "517939e1": et.value,
+      "3faff29d": Ke.value,
       "302ecd6a": He.value,
-      "8a4df060": ct.value,
-      "0a99dbe2": Ue.value,
-      d6971e68: dt.value,
-      ca30d9c2: st.value
-    })), sa(() => {
-      Ke();
+      "8a4df060": ft.value,
+      "0a99dbe2": vt.value,
+      d6971e68: St.value,
+      ca30d9c2: ct.value
+    })), ba(() => {
+      $e();
     });
-    const C = m, E = e, D = J(null), {
-      ariaLabel: Ve,
-      ariaAttrs: pe,
-      currentOption: Ae,
-      display: ke,
-      options: se,
-      theme: X,
-      lightTextColor: Pe,
-      lightColor: $e,
-      lightColorHover: ne,
-      darkTextColor: U,
-      darkColor: w,
-      darkColorHover: oe,
-      boxRadius: de,
-      hoverEffect: G,
-      activeHoverEffect: Le,
-      itemGap: ce,
-      internalGap: P,
-      scale: be,
-      type: Z,
-      background: Ce,
-      disabled: ge,
-      fontFamily: xe,
+    const h = y, P = e, I = G(null), {
+      ariaLabel: Te,
+      ariaAttrs: be,
+      currentOption: Me,
+      display: Be,
+      options: ie,
+      theme: Z,
+      lightTextColor: qe,
+      lightColor: ze,
+      lightColorHover: le,
+      darkTextColor: Y,
+      darkColor: R,
+      darkColorHover: ne,
+      boxRadius: se,
+      hoverEffect: Q,
+      activeHoverEffect: Ae,
+      itemGap: de,
+      internalGap: F,
+      scale: ge,
+      type: ee,
+      background: he,
+      disabled: ce,
+      fontFamily: Ce,
       fontSize: $,
-      fontWeight: L
-    } = va(E), x = a(() => {
-      const d = ge.value ? "component-disabled" : "", b = ke.value !== "b" ? "inline-block" : "block", fe = xe.value ? xe.value : "'Lato', sans-serif", K = $.value ? $.value : "1.6em", te = L.value !== 0 && !L.value || L.value < 0 ? 200 : L.value, Me = de.value !== 0 && !de.value || de.value < 0 ? 0 : de.value, ze = [!1, !0].includes(G.value) ? G.value : !1, Fe = [!1, !0].includes(Le.value) ? Le.value : !1, Ye = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, Xe = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, lt = ["box", "circle"].includes(Z.value) ? Z.value : "box", nt = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value, ft = [!1, !0].includes(Ce.value) ? Ce.value : !1;
+      fontWeight: k
+    } = ha(P), C = a(() => {
+      const c = ce.value ? "component-disabled" : "", m = Be.value !== "b" ? "inline-block" : "block", Se = Ce.value ? Ce.value : "'Lato', sans-serif", j = $.value ? $.value : "1.6em", J = k.value !== 0 && !k.value || k.value < 0 ? 200 : k.value, Ve = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, we = [!1, !0].includes(Q.value) ? Q.value : !1, Ne = [!1, !0].includes(Ae.value) ? Ae.value : !1, Ue = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, Ye = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, rt = ["box", "circle"].includes(ee.value) ? ee.value : "box", it = ge.value !== 0 && !ge.value || ge.value < 0 ? 1 : ge.value, pt = [!1, !0].includes(he.value) ? he.value : !1;
       return {
-        disabled: d,
-        display: b,
-        boxRadius: Me,
-        hoverEffect: ze,
-        activeHoverEffect: Fe,
-        itemGap: Ye,
-        internalGap: Xe,
-        scale: nt,
-        type: lt,
-        font: fe,
-        background: ft,
-        fontSize: K,
-        fontWeight: te
+        disabled: c,
+        display: m,
+        boxRadius: Ve,
+        hoverEffect: we,
+        activeHoverEffect: Ne,
+        itemGap: Ue,
+        internalGap: Ye,
+        scale: it,
+        type: rt,
+        font: Se,
+        background: pt,
+        fontSize: j,
+        fontWeight: J
       };
-    }), _e = a(() => x.value.disabled), je = a(() => ({
-      display: x.value.display
-    })), we = a(() => x.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), et = a(() => {
-      const d = x.value;
+    }), We = a(() => C.value.disabled), Ge = a(() => ({
+      display: C.value.display
+    })), De = a(() => C.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), nt = a(() => {
+      const c = C.value;
       return {
-        fontSize: d.fontSize,
-        fontWeight: d.fontWeight
+        fontSize: c.fontSize,
+        fontWeight: c.fontWeight
       };
-    }), ye = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0), tt = a(() => X.value === "dark" ? "component__theme--dark" : "component__theme--light"), bt = a(() => x.value.font), Qe = a(() => Pe.value), Te = a(() => $e.value), Se = a(() => x.value.hoverEffect ? ne.value : $e.value), gt = a(() => x.value.activeHoverEffect ? ne.value : $e.value), at = a(() => {
-      const d = x.value;
-      return d.activeHoverEffect && d.background ? `${ne.value}80` : ne.value;
-    }), st = a(() => U.value), dt = a(() => w.value), ct = a(() => x.value.hoverEffect ? oe.value : w.value), He = a(() => x.value.activeHoverEffect ? oe.value : w.value), Ue = a(() => {
-      const d = x.value;
-      return d.activeHoverEffect && d.background ? `${oe.value}80` : oe.value;
-    }), Je = a(() => x.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ge = a(() => {
-      const d = x.value, b = X.value === "dark" ? U.value : Pe.value;
-      return d.background ? "#ffffff" : b;
+    }), ye = a(() => Array.isArray(ie.value) && ie.value.constructor === Array && ie.value.length > 0), ot = a(() => Z.value === "dark" ? "component__theme--dark" : "component__theme--light"), Ct = a(() => C.value.font), et = a(() => qe.value), _e = a(() => ze.value), xe = a(() => C.value.hoverEffect ? le.value : ze.value), xt = a(() => C.value.activeHoverEffect ? le.value : ze.value), ut = a(() => {
+      const c = C.value;
+      return c.activeHoverEffect && c.background ? `${le.value}80` : le.value;
+    }), ct = a(() => Y.value), St = a(() => R.value), ft = a(() => C.value.hoverEffect ? ne.value : R.value), He = a(() => C.value.activeHoverEffect ? ne.value : R.value), vt = a(() => {
+      const c = C.value;
+      return c.activeHoverEffect && c.background ? `${ne.value}80` : ne.value;
+    }), je = a(() => C.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ke = a(() => {
+      const c = C.value, m = Z.value === "dark" ? Y.value : qe.value;
+      return c.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 d = x.value;
-      return `${d.boxRadius > 7 ? 7 : d.boxRadius}px`;
-    }), ue = a(() => {
-      const b = x.value.itemGap;
-      return !b || b < 0 ? 0 : `${b}px`;
-    }), ee = a(() => x.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), me = a(() => ({
-      zoom: x.value.scale
-    })), Re = a(() => {
-      const d = {};
-      pe.value && Object.keys(pe.value).forEach((K) => d[`aria-${K}`] = pe.value[K]);
-      const b = {
-        "aria-label": Ve.value,
-        "aria-disabled": ge.value,
-        ...d
+    a(() => C.value.background ? "19px" : "auto");
+    const g = a(() => {
+      const m = C.value.internalGap;
+      return !m || m < 0 ? 0 : `${m}px`;
+    }), T = a(() => {
+      const c = C.value;
+      return `${c.boxRadius > 7 ? 7 : c.boxRadius}px`;
+    }), te = a(() => {
+      const m = C.value.itemGap;
+      return !m || m < 0 ? 0 : `${m}px`;
+    }), H = a(() => C.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), me = a(() => ({
+      zoom: C.value.scale
+    })), tt = a(() => {
+      const c = {};
+      be.value && Object.keys(be.value).forEach((j) => c[`aria-${j}`] = be.value[j]);
+      const m = {
+        "aria-label": Te.value,
+        "aria-disabled": ce.value,
+        ...c
       };
       return Object.fromEntries(
-        Object.entries(b).filter(([fe, K]) => K != null)
+        Object.entries(m).filter(([Se, j]) => j != null)
       );
-    }), Ke = () => {
-      D.value = Ae.value;
-    }, re = () => {
-      C("clicked");
+    }), $e = () => {
+      I.value = Me.value;
+    }, fe = () => {
+      h("clicked");
     };
-    return H(Ae, (d, b) => {
-      d !== b && Ke();
-    }), H(D, (d, b) => {
-      d !== b && (C("current-value", d), C("changed", d));
-    }), (d, b) => e.nbId && ye.value ? (F(), q("div", {
+    return K(Me, (c, m) => {
+      c !== m && $e();
+    }), K(I, (c, m) => {
+      c !== m && (h("current-value", c), h("changed", c));
+    }), (c, m) => e.nbId && ye.value ? (z(), N("div", {
       key: 0,
-      class: We(["nb-wrapper", _e.value]),
-      style: Ee([je.value, me.value])
+      class: Oe(["nb-wrapper", We.value]),
+      style: Le([Ge.value, me.value])
     }, [
-      ve("div", da({
+      pe("div", ga({
         id: e.nbId,
         role: "group"
-      }, Re.value, {
-        class: ["nb-reset", "component", we.value, tt.value]
+      }, tt.value, {
+        class: ["nb-reset", "component", De.value, ot.value]
       }), [
-        (F(!0), q(qa, null, ja(o(se), (fe, K) => (F(), q("div", {
-          key: K,
+        (z(!0), N(Qa, null, Ja(o(ie), (Se, j) => (z(), N("div", {
+          key: j,
           class: "component-checkbox__item"
         }, [
-          pa(ve("input", {
-            id: `${e.nbId}-${fe.value}`,
-            "onUpdate:modelValue": b[0] || (b[0] = (te) => D.value = te),
+          Ca(pe("input", {
+            id: `${e.nbId}-${Se.value}`,
+            "onUpdate:modelValue": m[0] || (m[0] = (J) => I.value = J),
             type: "checkbox",
             class: "component-checkbox__item--input",
-            disabled: o(ge),
-            value: fe.value,
+            disabled: o(ce),
+            value: Se.value,
             name: e.groupName,
-            onClick: re
-          }, null, 8, gl), [
-            [ol, D.value]
+            onClick: fe
+          }, null, 8, kl), [
+            [vl, I.value]
           ]),
-          ve("label", {
-            for: `${e.nbId}-${fe.value}`,
-            class: We([[ee.value], "component-checkbox__item--label"]),
-            tabindex: o(ge) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[K] : e.tabIndex >= 0 ? e.tabIndex : K + 1,
+          pe("label", {
+            for: `${e.nbId}-${Se.value}`,
+            class: Oe([[H.value], "component-checkbox__item--label"]),
+            tabindex: o(ce) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[j] : e.tabIndex >= 0 ? e.tabIndex : j + 1,
             onKeydown: [
-              b[1] || (b[1] = qt(ca((te) => !o(ge) && e.hasTabIndexEnter && te.target.click(), ["prevent"]), ["enter"])),
-              b[2] || (b[2] = qt(ca((te) => !o(ge) && e.hasTabIndexSpace && te.target.click(), ["prevent"]), ["space"]))
+              m[1] || (m[1] = Gt(ya((J) => !o(ce) && e.hasTabIndexEnter && J.target.click(), ["prevent"]), ["enter"])),
+              m[2] || (m[2] = Gt(ya((J) => !o(ce) && e.hasTabIndexSpace && J.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
-            ve("div", {
-              class: We([Je.value])
+            pe("div", {
+              class: Oe([je.value])
             }, null, 2),
-            ve("span", {
-              style: Ee([et.value])
-            }, Ct(fe.text), 5)
-          ], 42, yl)
+            pe("span", {
+              style: Le([nt.value])
+            }, Bt(Se.text), 5)
+          ], 42, Ll)
         ]))), 128))
-      ], 16, bl)
-    ], 6)) : Be("", !0);
+      ], 16, Vl)
+    ], 6)) : re("", !0);
   }
-}), hl = /* @__PURE__ */ ba(ml, [["__scopeId", "data-v-1c6afddc"]]);
-const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 }, Ll = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex", "min", "max", "step"], Tl = ["for"], Bl = /* @__PURE__ */ Object.assign({
+}), Bl = /* @__PURE__ */ xa(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 Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { 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: {
@@ -967,6 +970,11 @@ const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { 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"
@@ -995,6 +1003,14 @@ const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 },
       type: Number,
       default: 5
     },
+    labelRight: {
+      type: Number,
+      default: 0
+    },
+    labelActiveRight: {
+      type: Number,
+      default: 0
+    },
     fontFamilyLabel: {
       type: String,
       default: "'Lato', sans-serif"
@@ -1040,200 +1056,211 @@ const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 },
     "clicked",
     "entered"
   ],
-  setup(e, { emit: m }) {
-    fa((l) => ({
-      "4e737fa6": Bt.value,
-      a3dffdac: Tt.value,
-      eee43752: o(ct),
-      "1bc8c27a": Kt.value,
-      "6a6a4c4c": Yt.value,
-      "100690e4": Qt.value,
-      "740e7c2e": o(V),
-      "566fd520": o(ze),
-      "757b8bf6": o(ue),
-      "442603bc": o(ft),
-      "41f7b175": o(y),
-      "6e805d5a": o(Je),
-      "3f8bdd00": o(Ge),
-      d92fdc6a: ua.value,
-      b2620ade: o(He),
-      "00fa5cc7": o(Ue),
-      "53a901b0": o(Me),
-      f9c97570: o(ee),
-      d9968008: o(nt),
-      "4f98c963": o(dt),
-      "02e0eea8": o(at),
-      "33e47a5c": o(st),
-      "88f43f02": o(Se),
-      "6c2808ce": o(gt),
-      "6f1130b3": la.value,
-      "6f8e37be": na.value,
-      "6199e061": oa.value,
-      62884451: Et.value,
-      "77304b74": aa.value,
-      "9440be3e": o(me),
-      f1c59d84: ht.value,
-      "70d35cfe": At.value,
-      "12c4e940": zt.value,
-      "4398272e": Ht.value,
-      "9e7be27a": Gt.value,
-      "5b58b1b7": l.styleButtonColor,
-      f9fb0bc8: 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(() => {
-      pt();
+  setup(e, { emit: y }) {
+    ma((n) => ({
+      "598b71f8": Qt.value,
+      "1c1eb8e8": Yt.value,
+      "7e7ce396": o(ft),
+      "2beb5748": ta.value,
+      "428926a4": aa.value,
+      "96ddbe74": la.value,
+      "09d9644b": o(T),
+      "18ecb6d2": o(we),
+      e9631058: o(te),
+      "2e9ed8c4": o(pt),
+      "0f798257": o(g),
+      b297f190: o(je),
+      "2244285e": o(Ke),
+      e54e87ae: fa.value,
+      f44e651a: o(He),
+      "0a29f1b6": o(vt),
+      d7cee6e4: o(Ve),
+      "27a5d52a": o(H),
+      "7ffc2c5a": o(it),
+      "325114c1": o(St),
+      "665dcae4": o(ut),
+      "5a5ee334": o(ct),
+      "84932c46": o(xe),
+      "0e109cfb": o(xt),
+      b1764ade: sa.value,
+      "697ee21c": da.value,
+      "2fdb7243": ca.value,
+      "524d369a": qt.value,
+      "89de2454": ia.value,
+      "71a4c443": o(me),
+      ed648ac8: Tt.value,
+      b2bfb73a: Jt.value,
+      "3df309bc": Dt.value,
+      "22588dcb": Xt.value,
+      "25132f25": ea.value,
+      "55495c15": n.styleButtonColor,
+      "8993b80c": Zt.value
+    })), ba(() => {
+      ye.value != null ? C.value === "number" && typeof ye.value == "number" ? X.value = ye.value : X.value = String(ye.value) : X.value = "";
+    }), $a(() => {
+      ht();
     });
-    const C = m, E = e, {
-      nbId: D,
-      display: Ve,
-      hasTabIndexEnter: pe,
-      ariaLabel: Ae,
-      ariaAttrs: ke,
-      textColor: se,
-      caretColor: X,
-      selectionBgColor: Pe,
-      selectionTextColor: $e,
-      hasBorderRadius: ne,
-      borderRadius: U,
-      disabled: w,
-      fontFamily: oe,
-      fontSize: de,
-      fontWeight: G,
-      fontFamilyMsg: Le,
-      fontSizeMsg: ce,
-      fontWeightMsg: P,
-      textMessageColor: be,
-      inputWidth: Z,
-      inputStyle: Ce,
-      activeTextStyle: ge,
-      sizeMediaQuery: xe,
+    const h = y, P = e, {
+      nbId: I,
+      display: Te,
+      hasTabIndexEnter: be,
+      ariaLabel: Me,
+      ariaAttrs: Be,
+      textColor: ie,
+      caretColor: Z,
+      selectionBgColor: qe,
+      selectionTextColor: ze,
+      hasBorderRadius: le,
+      borderRadius: Y,
+      disabled: R,
+      fontFamily: ne,
+      fontSize: se,
+      fontWeight: Q,
+      fontFamilyMsg: Ae,
+      fontSizeMsg: de,
+      fontWeightMsg: F,
+      textMessageColor: ge,
+      inputWidth: ee,
+      inputStyle: he,
+      activeTextStyle: ce,
+      sizeMediaQuery: Ce,
       inputReadonly: $,
-      showInputEye: L,
-      inputType: x,
-      hasTrim: _e,
-      inputUppercase: je,
-      inputName: we,
-      inputPlaceholder: et,
+      showInputEye: k,
+      inputType: C,
+      hasTrim: We,
+      inputUppercase: Ge,
+      inputName: De,
+      inputPlaceholder: nt,
       inputText: ye,
-      theme: tt,
-      inputEyeIcon: bt,
-      tabindex: Qe,
-      inputEyeIconHidden: Te,
-      lightBgColor: Se,
-      lightBgColorFocus: gt,
-      lightEyeBgColor: at,
-      lightEyeBgColorActive: st,
-      lightDisabledBgColor: dt,
-      lightTextColor: ct,
+      theme: ot,
+      inputEyeIcon: Ct,
+      tabindex: et,
+      inputEyeIconHidden: _e,
+      lightBgColor: xe,
+      lightBgColorFocus: xt,
+      lightEyeBgColor: ut,
+      lightEyeBgColorActive: ct,
+      lightDisabledBgColor: St,
+      lightTextColor: ft,
       darkBgColor: He,
-      darkBgColorFocus: Ue,
-      darkEyeBgColor: Je,
-      darkEyeBgColorActive: Ge,
-      darkDisabledBgColor: y,
-      darkTextColor: V,
-      darkDisabledEyeBgColor: ue,
-      lightDisabledEyeBgColor: ee,
+      darkBgColorFocus: vt,
+      darkEyeBgColor: je,
+      darkEyeBgColorActive: Ke,
+      darkDisabledBgColor: g,
+      darkTextColor: T,
+      darkDisabledEyeBgColor: te,
+      lightDisabledEyeBgColor: H,
       textAlign: me,
-      showMsg: Re,
-      hasMsg: Ke,
-      hasIcon: re,
-      iconDirection: d,
-      iconPadding: b,
-      iconPaddingInput: fe,
-      iconMargin: K,
-      iconBorderRadius: te,
-      iconLightTextColor: Me,
-      iconDarkTextColor: ze,
-      iconLightBgColor: Fe,
-      iconDarkBgColor: Ye,
-      iconLightBgColorActive: Xe,
-      iconDarkBgColorActive: lt,
-      iconLightDisabledBgColor: nt,
-      iconDarkDisabledBgColor: ft,
-      iconWidth: h,
-      iconSize: R,
-      showLabel: k,
-      labelBackground: Oe,
-      labelPadding: T,
-      labelBorderRadius: he,
-      labelLeft: xt,
-      inputLabelMarginActive: St,
-      labelActiveTop: ot,
-      labelActiveLeft: j,
-      fontFamilyLabel: N,
-      fontSizeLabel: ae,
-      fontSizeLabelActive: _,
+      showMsg: tt,
+      hasMsg: $e,
+      hasIcon: fe,
+      iconDirection: c,
+      iconPadding: m,
+      iconPaddingInput: Se,
+      iconMargin: j,
+      iconBorderRadius: J,
+      iconLightTextColor: Ve,
+      iconDarkTextColor: we,
+      iconLightBgColor: Ne,
+      iconDarkBgColor: Ue,
+      iconLightBgColorActive: Ye,
+      iconDarkBgColorActive: rt,
+      iconLightDisabledBgColor: it,
+      iconDarkDisabledBgColor: pt,
+      iconWidth: bt,
+      iconSize: gt,
+      showLabel: Qe,
+      label: At,
+      labelBreakOnActive: Je,
+      labelBackground: x,
+      labelPadding: L,
+      labelBorderRadius: w,
+      labelLeft: b,
+      inputLabelMarginActive: Xe,
+      labelActiveTop: yt,
+      labelActiveLeft: zt,
+      labelRight: ke,
+      labelActiveRight: Re,
+      fontFamilyLabel: U,
+      fontSizeLabel: O,
+      fontSizeLabelActive: Vt,
       fontWeightLabel: M,
-      lightTextColorLabel: le,
-      lightTextColorLabelActive: I,
-      darkTextColorLabel: _t,
-      darkTextColorLabelActive: wt
-    } = va(E), Y = J(""), ut = J(""), rt = J(!1), vt = J(!1), B = a(() => {
-      const l = w.value ? "component-disabled" : "", c = Ve.value !== "b" ? "inline-block" : "block", Q = se ? se.value : "ffffff", t = X.value ? X.value : "", n = Pe.value ? Pe.value : "", s = $e.value ? $e.value : "", i = ne.value ? ne.value : !1, v = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, f = oe.value ? oe.value : "'Lato', sans-serif", p = de.value ? de.value : null, S = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, A = Le.value ? Le.value : "'Lato', sans-serif", z = ce.value ? ce.value : "1em", O = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, ie = be.value ? be.value : "#f15574", De = Z.value ? Z.value : 200, Ze = ge.value ? ge.value : "normal", Ne = xe.value ? xe.value : "xs", Ie = $.value ? $.value : !1, ha = L.value ? L.value : !1, Ca = x.value ? x.value : "text", xa = je.value ? je.value : !1, Sa = tt.value ? tt.value : "normal", Va = me.value ? me.value : "left", ka = Ce.value ? Ce.value : "background", La = b.value ? b.value : "5px 10px", Ta = K.value ? K.value : "0", Ba = fe.value ? fe.value : 10, Aa = Me.value ? Me.value : "#000000", $a = ze.value ? ze.value : "#000000", _a = Fe.value ? Fe.value : "transparent", wa = Ye.value ? Ye.value : "transparent", Ra = te.value !== 0 && !te.value || te.value < 0 ? 0 : te.value, Ma = Xe.value ? Xe.value : "transparent", za = lt.value ? lt.value : "transparent", Da = h.value ? h.value : 32, Na = R.value ? R.value : 1, Ia = k.value ? k.value : !1, Wa = xt.value !== 0 && !xt.value || xt.value < 0 ? 5 : xt.value, Ea = Oe.value ? Oe.value : "transparent", Pa = St.value !== 0 && !St.value || St.value < 0 ? 15 : St.value, Fa = T.value ? T.value : "1px 5px", Ga = he.value !== 0 && !he.value || he.value < 0 ? 0 : he.value, Ka = ot.value === null || ot.value === void 0 ? -13 : ot.value, Ya = j.value === null || j.value === void 0 ? -10 : j.value, Qa = N.value ? N.value : "'Lato', sans-serif", Ja = ae.value ? ae.value : "1em", Xa = _.value ? _.value : "0.8em", Za = M.value ? M.value : 400, el = le.value ? le.value : "#ffffff", tl = _t.value ? _t.value : "#000000", al = I.value ? I.value : "#ffffff", ll = wt.value ? wt.value : "#000000";
+      lightTextColorLabel: W,
+      lightTextColorLabelActive: ae,
+      darkTextColorLabel: E,
+      darkTextColorLabelActive: Pt
+    } = ha(P), X = G(""), _t = G(null), mt = G(""), at = G(!1), st = G(!1), V = a(() => {
+      const n = R.value ? "component-disabled" : "", d = Te.value !== "b" ? "inline-block" : "block", t = ie ? ie.value : "ffffff", l = Z.value ? Z.value : "", s = qe.value ? qe.value : "", i = ze.value ? ze.value : "", v = le.value ? le.value : !1, f = Y.value !== 0 && !Y.value || Y.value < 0 ? 0 : Y.value, p = ne.value ? ne.value : "'Lato', sans-serif", S = se.value ? se.value : null, _ = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, D = Ae.value ? Ae.value : "'Lato', sans-serif", q = de.value ? de.value : "1em", ue = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, Ee = ge.value ? ge.value : "#f15574", lt = ee.value ? ee.value : 200, Pe = ce.value ? ce.value : "normal", Fe = Ce.value ? Ce.value : "xs", Sa = $.value ? $.value : !1, Va = k.value ? k.value : !1, ka = C.value ? C.value : "text", La = Ge.value ? Ge.value : !1, Ta = ot.value ? ot.value : "normal", Ba = me.value ? me.value : "left", Aa = he.value ? he.value : "background", wa = m.value ? m.value : "5px 10px", Ra = j.value ? j.value : "0", Ma = Se.value ? Se.value : 10, za = Ve.value ? Ve.value : "#000000", Wa = we.value ? we.value : "#000000", Da = Ne.value ? Ne.value : "transparent", Na = Ue.value ? Ue.value : "transparent", Ia = J.value !== 0 && !J.value || J.value < 0 ? 0 : J.value, Ea = Ye.value ? Ye.value : "transparent", Pa = rt.value ? rt.value : "transparent", Fa = bt.value ? bt.value : 32, Oa = gt.value ? gt.value : 1, qa = Qe.value ? Qe.value : !1, Ha = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, ja = x.value ? x.value : "transparent", Ua = Xe.value !== 0 && !Xe.value || Xe.value < 0 ? 15 : Xe.value, Ga = L.value ? L.value : "1px 5px", Ka = w.value !== 0 && !w.value || w.value < 0 ? 0 : w.value, el = yt.value === null || yt.value === void 0 ? -13 : yt.value, tl = zt.value === null || zt.value === void 0 ? -10 : zt.value, al = ke.value === null || ke.value === void 0 ? 0 : ke.value, ll = Re.value === null || Re.value === void 0 ? 0 : Re.value, nl = U.value ? U.value : "'Lato', sans-serif", ol = O.value ? O.value : "1em", ul = Vt.value ? Vt.value : "0.8em", rl = M.value ? M.value : 400, il = W.value ? W.value : "#ffffff", sl = E.value ? E.value : "#000000", dl = ae.value ? ae.value : "#ffffff", cl = Pt.value ? Pt.value : "#000000";
       return {
-        disabled: l,
-        display: c,
-        font: f,
-        fontSize: p,
-        fontWeight: S,
-        fontFamilyMsg: A,
-        fontSizeMsg: z,
-        fontWeightMsg: O,
-        textMessageColor: ie,
-        textColor: Q,
-        caretColor: t,
-        selectionBgColor: n,
-        selectionTextColor: s,
-        hasBorderRadius: i,
-        borderRadius: v,
-        textAlign: Va,
-        inputWidth: De,
-        activeTextStyle: Ze,
-        sizeMediaQuery: Ne,
-        inputReadonly: Ie,
-        showInputEye: ha,
-        inputType: Ca,
-        inputUppercase: xa,
-        theme: Sa,
-        inputStyle: ka,
-        iconPadding: La,
-        iconMargin: Ta,
-        iconPaddingInput: Ba,
-        iconLightTextColor: Aa,
-        iconDarkTextColor: $a,
-        iconLightBgColor: _a,
-        iconDarkBgColor: wa,
-        iconBorderRadius: Ra,
-        iconLightBgColorActive: Ma,
-        iconDarkBgColorActive: za,
-        iconWidth: Da,
-        iconSize: Na,
-        showLabel: Ia,
-        labelBackground: Ea,
-        labelPadding: Fa,
-        labelBorderRadius: Ga,
-        labelLeft: Wa,
-        inputLabelMarginActive: Pa,
-        labelActiveTop: Ka,
-        labelActiveLeft: Ya,
-        fontFamilyLabel: Qa,
-        fontSizeLabel: Ja,
-        fontSizeLabelActive: Xa,
-        fontWeightLabel: Za,
-        lightTextColorLabel: el,
-        darkTextColorLabel: tl,
-        lightTextColorLabelActive: al,
-        darkTextColorLabelActive: ll
+        disabled: n,
+        display: d,
+        font: p,
+        fontSize: S,
+        fontWeight: _,
+        fontFamilyMsg: D,
+        fontSizeMsg: q,
+        fontWeightMsg: ue,
+        textMessageColor: Ee,
+        textColor: t,
+        caretColor: l,
+        selectionBgColor: s,
+        selectionTextColor: i,
+        hasBorderRadius: v,
+        borderRadius: f,
+        textAlign: Ba,
+        inputWidth: lt,
+        activeTextStyle: Pe,
+        sizeMediaQuery: Fe,
+        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: Ka,
+        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
+      };
+    }), Kt = a(() => V.value.disabled), Wt = a(() => {
+      const n = V.value, d = Nt.value;
+      return {
+        display: n.display,
+        // Adiciona padding-top quando o label está ativo para evitar que seja cortado
+        paddingTop: d && Qe.value ? `${Math.abs(n.labelActiveTop)}px` : "0"
       };
-    }), Rt = a(() => B.value.disabled), Mt = a(() => ({
-      display: B.value.display
-    })), Tt = a(() => {
-      const l = B.value;
-      if (l.fontSize)
-        return l.fontSize;
-      let c = "";
-      switch (l.sizeMediaQuery) {
+    }), Yt = a(() => {
+      const n = V.value;
+      if (n.fontSize)
+        return n.fontSize;
+      let d = "";
+      switch (n.sizeMediaQuery) {
         case "sm":
           return "1.2em";
         case "md":
@@ -1241,34 +1268,34 @@ const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 },
         case "lg":
           return "2em";
         default:
-          c = "1.2em";
+          d = "1.2em";
       }
-      return c;
-    }), jt = a(() => {
-      const l = B.value, c = Wt.value;
+      return d;
+    }), $t = a(() => {
+      const n = V.value, d = Nt.value;
       return {
-        fontWeight: l.fontWeight,
-        marginTop: c && k.value ? `${l.inputLabelMarginActive}px` : "0"
+        fontWeight: n.fontWeight,
+        marginTop: d && Qe.value ? `${n.inputLabelMarginActive}px` : "0"
       };
-    }), yt = a(() => {
-      const l = B.value;
-      return l.inputStyle !== "line" && l.hasBorderRadius ? { borderRadius: `${l.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 l = B.value;
-      return l.caretColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Yt = a(() => {
-      const l = B.value;
-      return l.selectionBgColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Qt = a(() => {
-      const l = B.value;
-      return l.selectionTextColor || (l.theme === "dark" ? "#000000" : "#ffffff");
-    }), Vt = a(() => {
-      const l = B.value;
-      return l.display === "block" ? { width: "100%" } : {
-        width: `${l.inputWidth}px`
+    }), kt = a(() => {
+      const n = V.value;
+      return n.inputStyle !== "line" && n.hasBorderRadius ? { borderRadius: `${n.borderRadius}rem` } : {};
+    }), Qt = a(() => V.value.font), Jt = a(() => V.value.fontFamilyMsg), Dt = a(() => V.value.fontSizeMsg), Xt = a(() => V.value.fontWeightMsg), Zt = a(() => V.value.textColor), ea = a(() => V.value.textMessageColor), ta = a(() => {
+      const n = V.value;
+      return n.caretColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), aa = a(() => {
+      const n = V.value;
+      return n.selectionBgColor || (n.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), la = a(() => {
+      const n = V.value;
+      return n.selectionTextColor || (n.theme === "dark" ? "#000000" : "#ffffff");
+    }), wt = a(() => {
+      const n = V.value;
+      return n.display === "block" ? { width: "100%" } : {
+        width: `${n.inputWidth}px`
       };
-    }), Dt = a(() => {
-      switch (Ce.value) {
+    }), Ft = a(() => {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1277,7 +1304,7 @@ const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 },
           return "component__input--background";
       }
     }), r = a(() => {
-      switch (B.value.activeTextStyle) {
+      switch (V.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -1285,8 +1312,8 @@ const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 },
         default:
           return "component__input--active--normal";
       }
-    }), u = a(() => {
-      switch (B.value.sizeMediaQuery) {
+    }), B = a(() => {
+      switch (V.value.sizeMediaQuery) {
         case "sm":
           return "component__sm";
         case "md":
@@ -1296,199 +1323,220 @@ const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 },
         default:
           return "";
       }
-    }), g = a(() => {
-      switch (B.value.theme) {
+    }), ve = a(() => {
+      switch (V.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 l = B.value;
-      return !!(l.showInputEye && l.inputType === "password");
-    }), Jt = a(() => rt.value ? bt.value : Te.value), mt = a(() => we.value ? we.value : `${D.value}-name-label`), It = a(() => k.value ? vt.value ? et.value : "" : et.value), Wt = a(() => {
-      const l = Y.value;
-      return vt.value || l != null && String(l).trim().length > 0;
-    }), Xt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), Zt = a(() => vt.value ? "component__input--active" : "component__input--no-active"), ht = a(() => Nt.value ? "6px 50px 6px 10px" : "6px 10px"), ea = a(() => !!(Re.value && Ke.value)), ta = a(() => {
-      const l = {};
-      ke.value && Object.keys(ke.value).forEach((t) => l[`aria-${t}`] = ke.value[t]);
-      const c = {
-        "aria-label": Ae.value,
-        "aria-disabled": w.value,
-        ...l
+    }), u = a(() => V.value.inputReadonly ? "component__input--read-only" : ""), A = a(() => V.value.inputUppercase ? "component__input--uppercase" : ""), Ie = a(() => {
+      const n = V.value;
+      return !!(n.showInputEye && n.inputType === "password");
+    }), Ze = a(() => at.value ? Ct.value : _e.value), Lt = a(() => De.value ? De.value : `${I.value}-name-label`), Ot = a(() => Qe.value ? st.value ? nt.value : "" : nt.value), Nt = a(() => {
+      const n = X.value;
+      return st.value || n != null && String(n).trim().length > 0;
+    }), na = a(() => V.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), oa = a(() => st.value ? "component__input--active" : "component__input--no-active"), Tt = a(() => Ie.value ? "6px 50px 6px 10px" : "6px 10px"), ua = a(() => !!(tt.value && $e.value)), ra = a(() => {
+      const n = {};
+      Be.value && Object.keys(Be.value).forEach((l) => n[`aria-${l}`] = Be.value[l]);
+      const d = {
+        "aria-label": Me.value,
+        "aria-disabled": R.value,
+        ...n
       };
       return Object.fromEntries(
-        Object.entries(c).filter(([Q, t]) => t != null)
+        Object.entries(d).filter(([t, l]) => l != null)
       );
-    }), aa = a(() => re.value ? `${R.value}rem` : "0"), la = a(() => re.value ? `${h.value}px` : "0"), $t = a(() => re.value ? `component__icon--${d.value}` : ""), na = a(() => {
-      const l = B.value;
-      return re.value ? l.iconPadding : "0";
-    }), oa = a(() => {
-      const l = B.value;
-      return re.value ? l.iconMargin : "0";
-    }), ua = a(() => {
-      const l = B.value;
-      return re.value ? l.theme === "dark" ? l.iconDarkBgColor : l.iconLightBgColor : "transparent";
-    }), Et = a(() => {
-      const l = B.value;
-      return re.value ? `${l.iconBorderRadius}rem` : "0";
-    }), Pt = a(() => {
-      const l = B.value;
-      return re.value ? d.value === "left" ? { paddingLeft: `${l.iconPaddingInput}px` } : { paddingRight: `${l.iconPaddingInput}px` } : {};
-    }), Ft = a(() => {
-      const l = B.value, c = Wt.value, Q = c ? l.lightTextColorLabelActive : l.lightTextColorLabel, t = c ? l.darkTextColorLabelActive : l.darkTextColorLabel;
+    }), ia = a(() => fe.value ? `${gt.value}rem` : "0"), sa = a(() => fe.value ? `${bt.value}px` : "0"), It = a(() => fe.value ? `component__icon--${c.value}` : ""), da = a(() => {
+      const n = V.value;
+      return fe.value ? n.iconPadding : "0";
+    }), ca = a(() => {
+      const n = V.value;
+      return fe.value ? n.iconMargin : "0";
+    }), fa = a(() => {
+      const n = V.value;
+      return fe.value ? n.theme === "dark" ? n.iconDarkBgColor : n.iconLightBgColor : "transparent";
+    }), qt = a(() => {
+      const n = V.value;
+      return fe.value ? `${n.iconBorderRadius}rem` : "0";
+    }), Ht = a(() => {
+      const n = V.value;
+      return fe.value ? c.value === "left" ? { paddingLeft: `${n.iconPaddingInput}px` } : { paddingRight: `${n.iconPaddingInput}px` } : {};
+    }), jt = a(() => {
+      const n = V.value, d = Nt.value, t = d ? n.lightTextColorLabelActive : n.lightTextColorLabel, l = d ? n.darkTextColorLabelActive : n.darkTextColorLabel;
       return {
-        fontFamily: l.fontFamilyLabel,
-        fontSize: c ? l.fontSizeLabelActive : l.fontSizeLabel,
-        fontWeight: l.fontWeightLabel,
-        color: l.theme === "dark" ? t : Q,
-        top: c ? `${l.labelActiveTop}px` : "50%",
-        left: c ? `${l.labelActiveLeft}px` : `${l.labelLeft}px`,
-        transform: c ? "translateY(0)" : "translateY(-50%)",
+        fontFamily: n.fontFamilyLabel,
+        fontSize: d ? n.fontSizeLabelActive : n.fontSizeLabel,
+        fontWeight: n.fontWeightLabel,
+        color: n.theme === "dark" ? l : t,
+        top: d ? `${n.labelActiveTop}px` : "50%",
+        left: d ? `${n.labelActiveLeft}px` : `${n.labelLeft}px`,
+        right: d ? `${n.labelActiveRight}px` : `${n.labelRight}px`,
+        transform: d ? "translateY(0)" : "translateY(-50%)",
         transition: "all 0.2s ease",
-        backgroundColor: c ? l.labelBackground : "transparent",
-        padding: c ? l.labelPadding : "0",
-        borderRadius: c ? `${l.labelBorderRadius}rem` : "0"
+        backgroundColor: d ? n.labelBackground : "transparent",
+        padding: d ? n.labelPadding : "0",
+        borderRadius: d ? `${n.labelBorderRadius}rem` : "0",
+        // Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
+        ...d ? {
+          whiteSpace: Je.value ? "nowrap" : "normal",
+          wordWrap: Je.value ? "normal" : "break-word",
+          overflowWrap: Je.value ? "normal" : "break-word",
+          maxWidth: "100%",
+          textOverflow: Je.value ? "ellipsis" : "clip",
+          overflow: Je.value ? "hidden" : "visible"
+        } : {}
       };
     });
     a(() => {
-      const l = B.value;
-      return l.theme === "dark" ? l.darkTextColorLabelActive : l.lightTextColorLabelActive;
+      const n = V.value;
+      return n.theme === "dark" ? n.darkTextColorLabelActive : n.lightTextColorLabelActive;
     });
-    const pt = () => {
-      ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Y.value = ye.value : Y.value = String(ye.value) : Y.value = "", ut.value = x.value;
-    }, kt = () => {
-      const l = B.value;
-      if (l.inputReadonly || l.disabled)
+    const ht = () => {
+      ye.value != null ? C.value === "number" && typeof ye.value == "number" ? X.value = ye.value : X.value = String(ye.value) : X.value = "", mt.value = C.value;
+    }, Rt = () => {
+      const n = V.value;
+      if (n.inputReadonly || n.disabled)
         return;
-      const c = !rt.value;
-      c ? ut.value = "text" : ut.value = x.value, rt.value = c;
-    }, it = a(() => ut.value === "number"), Lt = (l) => {
-      if (x.value === "number") {
-        if (l === "" || l === null || l === void 0)
+      const d = !at.value;
+      d ? mt.value = "text" : mt.value = C.value, at.value = d;
+    }, dt = a(() => mt.value === "number"), Mt = (n) => {
+      if (C.value === "number") {
+        if (n === "" || n === null || n === void 0)
           return "";
         {
-          const c = typeof l == "number" ? l : Number(l);
-          return isNaN(c) ? l : c;
+          const d = typeof n == "number" ? n : Number(n);
+          return isNaN(d) ? n : d;
         }
       }
-      return l;
-    }, ra = () => {
-      C("clicked");
-    }, Ot = () => {
-      w.value || B.value.inputReadonly || !pe.value || C("entered", Lt(Y.value));
+      return n;
+    }, va = () => {
+      h("clicked");
+    }, Ut = (n) => {
+      n.stopPropagation(), !(R.value || V.value.inputReadonly) && _t.value && _t.value.focus();
+    }, oe = () => {
+      R.value || V.value.inputReadonly || !be.value || h("entered", Mt(X.value));
     };
-    return H(x, (l) => {
-      ut.value = l;
-    }, { immediate: !0 }), H(ye, (l) => {
-      if (l != null)
-        if (x.value === "number" && typeof l == "number")
-          l !== Y.value && (Y.value = l);
+    return K(C, (n) => {
+      mt.value = n;
+    }, { immediate: !0 }), K(ye, (n) => {
+      if (n != null)
+        if (C.value === "number" && typeof n == "number")
+          n !== X.value && (X.value = n);
         else {
-          const c = String(l);
-          c !== Y.value && (Y.value = c);
+          const d = String(n);
+          d !== X.value && (X.value = d);
         }
       else
-        Y.value !== "" && (Y.value = "");
-    }, { immediate: !0 }), H(Y, (l) => {
-      _e.value && typeof l == "string" && (l = l.trim()), C("changed", Lt(l));
-    }), H(vt, (l) => {
-      C(l ? "focused" : "blurred");
-    }), H(rt, (l) => {
-      C("show-input-eye", l);
-    }, { immediate: !0 }), H(Y, (l) => {
-      _e.value && typeof l == "string" && (l = l.trim()), C("current-value", Lt(l));
-    }), H(x, (l) => {
-      l === "password" && nextTick(() => {
-        const c = document.getElementById(we.value);
-        c && (c.type = "password", c.removeAttribute("autocomplete"));
+        X.value !== "" && (X.value = "");
+    }, { immediate: !0 }), K(X, (n) => {
+      We.value && typeof n == "string" && (n = n.trim()), h("changed", Mt(n));
+    }), K(st, (n) => {
+      h(n ? "focused" : "blurred");
+    }), K(at, (n) => {
+      h("show-input-eye", n);
+    }, { immediate: !0 }), K(X, (n) => {
+      We.value && typeof n == "string" && (n = n.trim()), h("current-value", Mt(n));
+    }), K(C, (n) => {
+      n === "password" && nextTick(() => {
+        const d = document.getElementById(De.value);
+        d && (d.type = "password", d.removeAttribute("autocomplete"));
       });
-    }), (l, c) => o(D) ? (F(), q("div", da({
+    }), (n, d) => o(I) ? (z(), N("div", ga({
       key: 0,
-      class: ["nb-wrapper", Rt.value],
-      style: [Mt.value, Vt.value, yt.value],
+      class: ["nb-wrapper", Kt.value],
+      style: [Wt.value, wt.value, kt.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, Vt.value, yt.value]),
-        onClick: ra
+    }, ra.value), [
+      pe("div", {
+        id: o(I),
+        class: Oe(["nb-reset", "component", B.value, ve.value, u.value, Ft.value]),
+        style: Le([$t.value, wt.value, kt.value]),
+        onClick: va
       }, [
-        o(k) ? (F(), q("label", {
+        o(Qe) ? (z(), N("label", {
           key: 0,
-          for: mt.value,
+          for: Lt.value,
           class: "component__label",
-          style: Ee([Ft.value])
-        }, Ct(e.label), 13, xl)) : Be("", !0),
-        Nt.value ? (F(), q("div", {
+          style: Le([jt.value]),
+          onClick: Ut
+        }, [
+          Et(Bt(o(At)), 1),
+          e.required ? (z(), N("span", $l, "*")) : re("", !0)
+        ], 12, _l)) : re("", !0),
+        Ie.value ? (z(), N("div", {
           key: 1,
-          class: We(["component__eye", Zt.value]),
-          style: Ee([yt.value]),
-          onClick: kt
+          class: Oe(["component__eye", oa.value]),
+          style: Le([kt.value]),
+          onClick: Rt
         }, [
-          ve("label", {
-            for: mt.value,
-            class: We(["component__eye-icon", "fas"])
+          pe("label", {
+            for: Lt.value,
+            class: Oe(["component__eye-icon", "fas"])
           }, [
-            e.inputEyeCustomIcon ? (F(), q("span", kl, [
-              rt.value ? ia(l.$slots, "eye-icon-show", { key: 0 }, () => [
-                c[4] || (c[4] = ga("show"))
-              ], !0) : ia(l.$slots, "eye-icon-hidden", { key: 1 }, () => [
-                c[5] || (c[5] = ga("hidden"))
+            e.inputEyeCustomIcon ? (z(), N("span", Ml, [
+              at.value ? pa(n.$slots, "eye-icon-show", { key: 0 }, () => [
+                d[4] || (d[4] = Et("show"))
+              ], !0) : pa(n.$slots, "eye-icon-hidden", { key: 1 }, () => [
+                d[5] || (d[5] = Et("hidden"))
               ], !0)
-            ])) : (F(), q("span", Vl, Ct(Jt.value), 1))
-          ], 8, Sl)
-        ], 6)) : Be("", !0),
-        pa(ve("input", {
-          "onUpdate:modelValue": c[0] || (c[0] = (Q) => Y.value = Q),
-          id: mt.value,
-          name: mt.value,
-          type: ut.value,
-          class: We(["component__input", [
-            qe.value,
-            Xt.value,
+            ])) : (z(), N("span", Rl, Bt(Ze.value), 1))
+          ], 8, wl)
+        ], 6)) : re("", !0),
+        Ca(pe("input", {
+          ref_key: "inputRef",
+          ref: _t,
+          "onUpdate:modelValue": d[0] || (d[0] = (t) => X.value = t),
+          id: Lt.value,
+          name: Lt.value,
+          type: mt.value,
+          class: Oe(["component__input", [
+            A.value,
+            na.value,
             r.value
           ]]),
-          placeholder: It.value,
-          disabled: o(w) || o($),
+          placeholder: Ot.value,
+          disabled: o(R) || o($),
           required: e.required,
           readonly: o($),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(w) || o($) ? -1 : o(Qe),
-          min: it.value ? e.min : void 0,
-          max: it.value ? e.max : void 0,
-          step: it.value ? e.step : void 0,
+          tabindex: o(R) || o($) ? -1 : o(et),
+          min: dt.value ? e.min : void 0,
+          max: dt.value ? e.max : void 0,
+          step: dt.value ? e.step : void 0,
           role: "input",
-          style: Ee([yt.value, Pt.value]),
-          onFocus: c[1] || (c[1] = (Q) => vt.value = !0),
-          onBlur: c[2] || (c[2] = (Q) => vt.value = !1),
-          onKeydown: c[3] || (c[3] = qt((Q) => !o(w) && o(pe) && Ot(), ["enter"]))
-        }, null, 46, Ll), [
-          [Ha, Y.value]
+          style: Le([kt.value, Ht.value]),
+          onFocus: d[1] || (d[1] = (t) => st.value = !0),
+          onBlur: d[2] || (d[2] = (t) => st.value = !1),
+          onKeydown: d[3] || (d[3] = Gt((t) => !o(R) && o(be) && oe(), ["enter"]))
+        }, null, 46, zl), [
+          [Xa, X.value]
         ]),
-        o(re) ? (F(), q("label", {
+        o(fe) ? (z(), N("label", {
           key: 2,
-          for: mt.value,
-          class: We(["component__icon", $t.value])
+          for: Lt.value,
+          class: Oe(["component__icon", It.value])
         }, [
-          ia(l.$slots, "icon", {}, () => [
-            c[6] || (c[6] = ve("span", null, "♥", -1))
+          pa(n.$slots, "icon", {}, () => [
+            d[6] || (d[6] = pe("span", null, "♥", -1))
           ], !0)
-        ], 10, Tl)) : Be("", !0)
-      ], 14, Cl),
-      ea.value ? (F(), q("div", {
+        ], 10, Wl)) : re("", !0)
+      ], 14, Al),
+      ua.value ? (z(), N("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Oe(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ia(l.$slots, "message", {}, () => [
-          ga(Ct(e.message), 1)
+        pa(n.$slots, "message", {}, () => [
+          Et(Bt(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0)
-    ], 16)) : Be("", !0);
+      ], 2)) : re("", !0)
+    ], 16)) : re("", !0);
   }
-}), Al = /* @__PURE__ */ ba(Bl, [["__scopeId", "data-v-d843b2db"]]);
-const $l = ["for"], _l = ["id"], wl = { class: "chip-text" }, Rl = ["onClick"], Ml = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], zl = /* @__PURE__ */ Object.assign({
+}), Nl = /* @__PURE__ */ xa(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
 }, {
@@ -1502,8 +1550,8 @@ const $l = ["for"], _l = ["id"], wl = { class: "chip-text" }, Rl = ["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: {
@@ -1768,7 +1816,7 @@ const $l = ["for"], _l = ["id"], wl = { class: "chip-text" }, Rl = ["onClick"],
     },
     labelActiveTop: {
       type: Number,
-      default: 13
+      default: -13
     },
     labelActiveLeft: {
       type: Number,
@@ -1808,171 +1856,185 @@ const $l = ["for"], _l = ["id"], wl = { class: "chip-text" }, Rl = ["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(bt),
-      "19aa3459": o(je),
-      "0af60f52": o(et),
-      "4bbf74ed": o(Qe),
-      "1e97d576": o(Te),
-      "7a6f588e": o(Se),
-      "2c5ee94f": o(Ue),
-      "5743c377": o(at),
-      96524120: o(dt),
-      "14bf75ea": o(Je),
-      b4bd543a: o(Ge),
-      ade22ca8: o(y),
-      f111ceb4: o(ye),
-      "2cc9ab48": o(ct),
-      14762890: le.value,
-      fd7aaf40: B.value,
-      ea04a49c: Rt.value,
-      "594730ca": Mt.value,
-      b5c8eede: u.styleButtonColor,
-      "2d3d8114": ut.value,
-      "87feb986": o(tt),
-      a61b2794: o(gt),
-      "2abf974a": o(He),
-      "71083e54": o(V)
-    })), sa(() => {
-      U.value.length > 0 && (j.value = U.value);
+  setup(e, { emit: y }) {
+    ma((r) => ({
+      "6622f6ac": Pt.value,
+      "6b4fc1fd": _t.value,
+      "3459745b": o(Ct),
+      "363da183": o(Ge),
+      af4a5108: o(nt),
+      "2db785d2": o(et),
+      "6ff10a22": o(_e),
+      "6b000890": o(xe),
+      bb8dbd36: o(vt),
+      "054dede6": o(ut),
+      "1d036a06": o(St),
+      "5dcccfa1": o(je),
+      "9654da0e": o(Ke),
+      "87af8d7c": o(g),
+      "397adabc": o(ye),
+      "7cda4e72": o(ft),
+      eb5f3eb4: M.value,
+      "2d219a14": at.value,
+      "3d016fc8": st.value,
+      cd3a7540: V.value,
+      "428050bb": r.styleButtonColor,
+      "2ece0a20": X.value,
+      "0c114667": o(ot),
+      "70496a60": o(xt),
+      "048cf81e": o(He),
+      "9db85a2c": o(T)
+    })), ba(() => {
+      Y.value.length > 0 && (ke.value = Y.value);
     });
-    const C = m, E = e, {
-      nbId: D,
-      display: Ve,
-      textColor: pe,
-      paddingX: Ae,
-      paddingY: ke,
-      borderRadius: se,
-      disabled: X,
-      fontFamily: Pe,
-      fontSize: $e,
-      fontWeight: ne,
-      currentList: U,
-      allowDuplicates: w,
-      minChips: oe,
-      maxChips: de,
-      inputPosition: G,
-      width: Le,
-      inputName: ce,
-      inputPlaceholder: P,
-      inputUppercase: be,
-      inputReadonly: Z,
-      inputAutocomplete: Ce,
-      required: ge,
-      textAlign: xe,
+    const h = y, P = e, {
+      nbId: I,
+      display: Te,
+      textColor: be,
+      paddingX: Me,
+      paddingY: Be,
+      borderRadius: ie,
+      disabled: Z,
+      fontFamily: qe,
+      fontSize: ze,
+      fontWeight: le,
+      currentList: Y,
+      allowDuplicates: R,
+      minChips: ne,
+      maxChips: se,
+      inputPosition: Q,
+      width: Ae,
+      inputName: de,
+      inputPlaceholder: F,
+      inputUppercase: ge,
+      inputReadonly: ee,
+      inputAutocomplete: he,
+      required: ce,
+      textAlign: Ce,
       hasBorderRadius: $,
-      activeTextStyle: L,
-      theme: x,
-      inputStyle: _e,
-      lightBgColor: je,
-      lightBgColorFocus: we,
-      lightBorderColor: et,
+      activeTextStyle: k,
+      theme: C,
+      inputStyle: We,
+      lightBgColor: Ge,
+      lightBgColorFocus: De,
+      lightBorderColor: nt,
       lightBorderColorFocus: ye,
-      lightDisabledBgColor: tt,
-      lightTextColor: bt,
-      lightChipBgColor: Qe,
-      lightChipTextColor: Te,
-      lightChipRemoveColor: Se,
-      lightDisabledBorderColor: gt,
-      darkBgColor: at,
-      darkBgColorFocus: st,
-      darkBorderColor: dt,
-      darkBorderColorFocus: ct,
+      lightDisabledBgColor: ot,
+      lightTextColor: Ct,
+      lightChipBgColor: et,
+      lightChipTextColor: _e,
+      lightChipRemoveColor: xe,
+      lightDisabledBorderColor: xt,
+      darkBgColor: ut,
+      darkBgColorFocus: ct,
+      darkBorderColor: St,
+      darkBorderColorFocus: ft,
       darkDisabledBgColor: He,
-      darkTextColor: Ue,
-      darkChipBgColor: Je,
-      darkChipTextColor: Ge,
-      darkChipRemoveColor: y,
-      darkDisabledBorderColor: V,
-      tabIndex: ue,
-      hasTabIndexEnter: ee,
+      darkTextColor: vt,
+      darkChipBgColor: je,
+      darkChipTextColor: Ke,
+      darkChipRemoveColor: g,
+      darkDisabledBorderColor: T,
+      tabIndex: te,
+      hasTabIndexEnter: H,
       ariaLabel: me,
-      ariaAttrs: Re,
-      caretColor: Ke,
-      selectionBgColor: re,
-      selectionTextColor: d,
-      showLabel: b,
-      label: fe,
-      labelBackground: K,
-      labelPadding: te,
-      labelBorderRadius: Me,
-      labelLeft: ze,
-      inputLabelMarginActive: Fe,
-      labelActiveTop: Ye,
-      labelActiveLeft: Xe,
-      fontFamilyLabel: lt,
-      fontSizeLabel: nt,
-      fontSizeLabelActive: ft,
-      fontWeightLabel: h,
-      lightTextColorLabel: R,
-      lightTextColorLabelActive: k,
-      darkTextColorLabel: Oe,
-      darkTextColorLabelActive: T
-    } = va(E), he = J(""), xt = J(null), St = J(null), ot = J(null), j = J([]), N = J(!1), ae = a(() => {
-      const u = X.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 = Ke.value ? Ke.value : "", Jt = re.value ? re.value : "", mt = d.value ? d.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", ht = $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 = te.value ? te.value : "1px 5px", pt = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, kt = Ye.value === null || Ye.value === void 0 ? 13 : Ye.value, it = Xe.value === null || Xe.value === void 0 ? 5 : Xe.value, Lt = lt.value ? lt.value : "'Lato', sans-serif", ra = nt.value ? nt.value : "1em", Ot = ft.value ? ft.value : "0.8em", l = h.value ? h.value : 400, c = R.value ? R.value : "#333333", Q = Oe.value ? Oe.value : "#ffffff", t = k.value ? k.value : "#333333", n = T.value ? T.value : "#ffffff";
-      return {
-        disabled: u,
-        display: g,
-        width: W,
-        font: Zt,
-        fontSize: ht,
-        fontWeight: ea,
-        textColor: qe,
-        caretColor: Nt,
-        selectionBgColor: Jt,
-        selectionTextColor: mt,
-        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: pt,
-        labelActiveTop: kt,
-        labelActiveLeft: it,
-        fontFamilyLabel: Lt,
-        fontSizeLabel: ra,
-        fontSizeLabelActive: Ot,
-        fontWeightLabel: l,
-        lightTextColorLabel: c,
-        darkTextColorLabel: Q,
-        lightTextColorLabelActive: t,
-        darkTextColorLabelActive: n
-      };
-    }), _ = a(() => ae.value.disabled), M = a(() => {
-      const u = ae.value, g = At.value;
+      ariaAttrs: tt,
+      caretColor: $e,
+      selectionBgColor: fe,
+      selectionTextColor: c,
+      showLabel: m,
+      label: Se,
+      labelBackground: j,
+      labelPadding: J,
+      labelBorderRadius: Ve,
+      labelLeft: we,
+      inputLabelMarginActive: Ne,
+      labelActiveTop: Ue,
+      labelActiveLeft: Ye,
+      fontFamilyLabel: rt,
+      fontSizeLabel: it,
+      fontSizeLabelActive: pt,
+      fontWeightLabel: bt,
+      lightTextColorLabel: gt,
+      lightTextColorLabelActive: Qe,
+      darkTextColorLabel: At,
+      darkTextColorLabelActive: Je,
+      fontFamilyChip: x,
+      fontSizeChip: L,
+      fontWeightChip: w
+    } = ha(P), b = G(""), Xe = G(null), yt = G(null), zt = G(null), ke = G([]), Re = G(!1), U = a(() => {
+      const r = Z.value ? "component-disabled" : "", B = Te.value !== "b" ? "inline-block" : "block", ve = !Ae.value || Ae.value < 185 ? 185 : Ae.value, u = be ? be.value : "ffffff", A = $e.value ? $e.value : "", Ie = fe.value ? fe.value : "", Ze = c.value ? c.value : "", Lt = Me.value !== 0 && !Me.value || Me.value < 0 ? 1 : Me.value, Ot = Be.value !== 0 && !Be.value || Be.value < 0 ? 0.2 : Be.value, Nt = ie.value !== 0 && !ie.value || ie.value < 0 ? 0 : ie.value, na = qe.value ? qe.value : "'Lato', sans-serif", oa = ze.value ? ze.value : "1.2em", Tt = le.value !== 0 && !le.value || le.value < 0 ? 100 : le.value, ua = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, ra = se.value !== 0 && !se.value || se.value < 0 ? 10 : se.value, ia = !Q.value || !["top", "bottom"].includes(Q.value) ? "bottom" : Q.value, sa = !We.value || !["background", "line", "border"].includes(We.value) ? "background" : We.value, It = C.value ? C.value : "light", da = m.value ? m.value : !1, ca = we.value !== 0 && !we.value || we.value < 0 ? 5 : we.value, fa = j.value ? j.value : "transparent", qt = Ne.value !== 0 && !Ne.value || Ne.value < 0 ? 15 : Ne.value, Ht = J.value ? J.value : "1px 5px", jt = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 0 : Ve.value, ht = Ue.value === null || Ue.value === void 0 ? -13 : Ue.value, Rt = Ye.value === null || Ye.value === void 0 ? 5 : Ye.value, dt = rt.value ? rt.value : "'Lato', sans-serif", Mt = it.value ? it.value : "1em", va = pt.value ? pt.value : "0.8em", Ut = bt.value ? bt.value : 400, oe = gt.value ? gt.value : "#333333", n = At.value ? At.value : "#ffffff", d = Qe.value ? Qe.value : "#333333", t = Je.value ? Je.value : "#ffffff", l = x.value ? x.value : "'Lato', sans-serif", s = L.value ? L.value : "1.2em", i = w.value ? w.value : 400;
       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"
+        disabled: r,
+        display: B,
+        width: ve,
+        font: na,
+        fontSize: oa,
+        fontWeight: Tt,
+        textColor: u,
+        caretColor: A,
+        selectionBgColor: Ie,
+        selectionTextColor: Ze,
+        paddingX: Lt,
+        paddingY: Ot,
+        borderRadius: Nt,
+        minChips: ua,
+        maxChips: ra,
+        inputPosition: ia,
+        inputStyle: sa,
+        theme: It,
+        showLabel: da,
+        labelLeft: ca,
+        labelBackground: fa,
+        inputLabelMarginActive: qt,
+        labelPadding: Ht,
+        labelBorderRadius: jt,
+        labelActiveTop: ht,
+        labelActiveLeft: Rt,
+        fontFamilyLabel: dt,
+        fontSizeLabel: Mt,
+        fontSizeLabelActive: va,
+        fontWeightLabel: Ut,
+        lightTextColorLabel: oe,
+        darkTextColorLabel: n,
+        lightTextColorLabelActive: d,
+        darkTextColorLabelActive: t,
+        fontFamilyChip: l,
+        fontSizeChip: s,
+        fontWeightChip: i
       };
-    }), le = a(() => {
-      const u = ae.value;
-      return u.fontSize ? u.fontSize : "1.4em";
-    }), I = a(() => {
-      const u = ae.value, g = At.value;
+    }), O = a(() => U.value.disabled), Vt = a(() => ({
+      display: U.value.display
+    })), M = a(() => {
+      const r = U.value;
+      return r.fontSize ? r.fontSize : "1.2em";
+    }), W = a(() => {
+      const r = U.value, B = kt.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(() => {
-      switch (L.value) {
+    }), ae = a(() => {
+      switch (k.value) {
         case "italic":
           return "component__text--italic";
         case "oblique":
@@ -1980,63 +2042,70 @@ const $l = ["for"], _l = ["id"], wl = { class: "chip-text" }, Rl = ["onClick"],
         default:
           return "component__text--normal";
       }
-    }), wt = a(() => {
-      const u = ae.value;
-      return u.inputStyle !== "line" && $.value ? { borderRadius: `${u.borderRadius}rem` } : {};
-    }), Y = a(() => ae.value.font), ut = a(() => ae.value.textColor), rt = a(() => ae.value.inputPosition === "top" ? "column" : "column-reverse"), vt = a(() => {
-      const u = {};
-      Re.value && Object.keys(Re.value).forEach((qe) => u[`aria-${qe}`] = Re.value[qe]);
-      const g = {
+    }), E = a(() => {
+      const r = U.value;
+      return r.inputStyle !== "line" && $.value ? { borderRadius: `${r.borderRadius}rem` } : {};
+    }), Pt = a(() => U.value.font), X = a(() => U.value.textColor), _t = a(() => U.value.inputPosition === "top" ? "column" : "column-reverse"), mt = a(() => {
+      const r = {};
+      tt.value && Object.keys(tt.value).forEach((u) => r[`aria-${u}`] = tt.value[u]);
+      const B = {
         "aria-label": me.value,
-        "aria-disabled": X.value,
-        ...u
+        "aria-disabled": Z.value,
+        ...r
       };
       return Object.fromEntries(
-        Object.entries(g).filter(([W, qe]) => qe != null)
+        Object.entries(B).filter(([ve, u]) => u != null)
       );
-    }), B = a(() => {
-      const u = ae.value;
-      return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Rt = a(() => {
-      const u = ae.value;
-      return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Mt = a(() => {
-      const u = ae.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
-    })), yt = a(() => {
-      const u = ae.value, g = {
-        width: `${u.width}px`
+    }), at = a(() => {
+      const r = U.value;
+      return r.caretColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), st = a(() => {
+      const r = U.value;
+      return r.selectionBgColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), V = a(() => {
+      const r = U.value;
+      return r.selectionTextColor || (r.theme === "dark" ? "#000000" : "#ffffff");
+    }), Kt = a(() => ({
+      caretColor: at.value
+    })), Wt = a(() => ({
+      "--selection-bg-color": st.value,
+      "--selection-text-color": V.value
+    })), Yt = a(() => {
+      const r = U.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 = ae.value, g = At.value, W = g ? u.lightTextColorLabelActive : u.lightTextColorLabel, qe = g ? u.darkTextColorLabelActive : u.darkTextColorLabel;
+      return r.display === "block" ? { width: "auto" } : B;
+    }), $t = a(() => de.value ? de.value : `${I.value}-name-label`), kt = a(() => Re.value || ke.value.length > 0 || b.value && b.value.trim().length > 0), Qt = a(() => m.value ? Re.value || ke.value.length > 0 ? F.value : "" : F.value), Jt = a(() => {
+      const r = U.value, B = kt.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) {
+    }), Dt = a(() => {
+      const r = U.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 (We.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2044,95 +2113,105 @@ const $l = ["for"], _l = ["id"], wl = { class: "chip-text" }, Rl = ["onClick"],
         default:
           return "component__input--background";
       }
-    }), Kt = () => {
-      C("clicked");
-    }, Yt = () => {
-      N.value = !0, C("focused");
-    }, Qt = () => {
-      N.value = !1, C("blurred");
-    }, Vt = (u) => {
-      if (!(X.value || Z.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 = () => {
+      Re.value = !0, h("focused");
+    }, aa = () => {
+      Re.value = !1, h("blurred");
+    }, la = (r) => {
+      if (!(Z.value || ee.value) && r.key === "Enter" && b.value.trim() !== "") {
+        r.preventDefault();
+        let B = b.value.trim();
+        ge.value && (B = B.toUpperCase()), (R.value || !ke.value.includes(B)) && wt(B), b.value = "";
       }
-    }, Dt = (u) => {
-      j.value.push(u), C("added", u);
-    }, r = (u) => {
-      j.value = j.value.filter((g) => g !== u), C("removed", u);
+    }, wt = (r) => {
+      ke.value.push(r), h("added", r);
+    }, Ft = (r) => {
+      ke.value = ke.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 K(Y, (r) => {
+      ke.value = r, h("changed", r);
+    }), K(b, (r) => {
+      h("input-changed", r);
+    }), (r, B) => o(I) ? (z(), N("div", ga({
       key: 0,
-      class: ["nb-wrapper", _.value],
-      style: [M.value],
+      class: ["nb-wrapper", O.value],
+      style: [Vt.value],
       role: "input"
-    }, vt.value, { onClick: Kt }), [
-      o(b) ? (F(), q("label", {
+    }, mt.value, { onClick: ea }), [
+      o(m) ? (z(), N("label", {
         key: 0,
-        for: Bt.value,
+        for: $t.value,
         class: "component__label",
-        style: Ee([Ht.value])
-      }, Ct(o(fe)), 13, $l)) : Be("", !0),
-      ve("div", {
-        id: o(D),
+        style: Le([Jt.value])
+      }, [
+        Et(Bt(o(Se)), 1),
+        o(ce) ? (z(), N("span", El, "*")) : re("", !0)
+      ], 12, Il)) : re("", !0),
+      pe("div", {
+        id: o(I),
         ref_key: "chipsContainer",
-        ref: xt,
-        class: We(["nb-reset", "component", Ut.value, Gt.value]),
-        style: Ee([I.value, yt.value, wt.value])
+        ref: Xe,
+        class: Oe(["nb-reset", "component", Xt.value, Zt.value]),
+        style: Le([W.value, Yt.value, E.value])
       }, [
-        j.value.length > 0 ? (F(), q("div", {
+        ke.value.length > 0 ? (z(), N("div", {
           key: 0,
           ref_key: "chips",
-          ref: ot,
+          ref: zt,
           class: "chips"
         }, [
-          (F(!0), q(qa, null, ja(j.value, (W) => (F(), q("div", {
-            key: W,
+          (z(!0), N(Qa, null, Ja(ke.value, (ve) => (z(), N("div", {
+            key: ve,
             class: "chip"
           }, [
-            ia(u.$slots, "chip", {
-              chips: j.value,
-              chip: W,
-              removeChip: r
+            pa(r.$slots, "chip", {
+              chips: ke.value,
+              chip: ve,
+              removeChip: Ft
             }, () => [
-              ve("span", wl, Ct(W), 1),
-              !o(X) && !o(Z) ? (F(), q("span", {
+              pe("span", {
+                class: "chip-text",
+                style: Le([Dt.value])
+              }, Bt(ve), 5),
+              !o(Z) && !o(ee) ? (z(), N("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (qe) => r(W)
-              }, "×", 8, Rl)) : Be("", !0)
+                style: Le([Dt.value]),
+                onClick: (u) => Ft(ve)
+              }, "×", 12, Fl)) : re("", !0)
             ], !0)
           ]))), 128))
-        ], 512)) : Be("", !0),
-        pa(ve("input", {
+        ], 512)) : re("", !0),
+        Ca(pe("input", {
           ref_key: "chipInput",
-          ref: St,
+          ref: yt,
           type: "text",
-          "onUpdate:modelValue": g[0] || (g[0] = (W) => he.value = W),
-          id: Bt.value,
-          name: Bt.value,
-          placeholder: zt.value,
-          readonly: o(Z),
-          autocomplete: o(Ce),
-          required: o(ge),
-          tabindex: o(X) || o(Z) ? -1 : o(ue),
-          class: We(["chips-input", _t.value]),
-          style: Ee([Tt.value, jt.value]),
-          onKeydown: g[1] || (g[1] = qt((W) => !o(X) && o(ee) && Vt(W), ["enter"])),
-          onFocus: Yt,
-          onBlur: Qt
-        }, null, 46, Ml), [
-          [Ua, he.value]
+          "onUpdate:modelValue": B[0] || (B[0] = (ve) => b.value = ve),
+          id: $t.value,
+          name: $t.value,
+          placeholder: Qt.value,
+          readonly: o(ee),
+          autocomplete: o(he),
+          required: o(ce),
+          tabindex: o(Z) || o(ee) ? -1 : o(te),
+          class: Oe(["chips-input", ae.value]),
+          style: Le([Kt.value, Wt.value]),
+          onKeydown: B[1] || (B[1] = Gt((ve) => !o(Z) && o(H) && la(ve), ["enter"])),
+          onFocus: ta,
+          onBlur: aa
+        }, null, 46, Ol), [
+          [Za, b.value]
         ])
-      ], 14, _l)
-    ], 16)) : Be("", !0);
+      ], 14, Pl)
+    ], 16)) : re("", !0);
   }
-}), Dl = /* @__PURE__ */ ba(zl, [["__scopeId", "data-v-3467aba9"]]);
-const Nl = ["id"], Il = ["for"], Wl = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], El = /* @__PURE__ */ Object.assign({
+}), Hl = /* @__PURE__ */ xa(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
 }, {
@@ -2146,8 +2225,8 @@ const Nl = ["id"], Il = ["for"], Wl = ["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: {
@@ -2473,6 +2552,26 @@ const Nl = ["id"], Il = ["for"], Wl = ["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,
@@ -2500,186 +2599,194 @@ const Nl = ["id"], Il = ["for"], Wl = ["id", "name", "placeholder", "disabled",
     "clicked",
     "entered"
   ],
-  setup(e, { emit: m }) {
-    fa((r) => ({
-      "047a55d8": N.value,
-      ea886f76: o(Qe),
-      "5f575c4c": _t.value,
-      "49bec09e": wt.value,
-      "6c0f38b6": Y.value,
-      "39a7a83b": o(at),
-      f3bddb72: o(gt),
-      "57474d63": o(Te),
-      "2f3efd35": o(Se),
-      dec8fa5e: o(bt),
-      "1a17e7ed": o(ye),
-      "643b68eb": o(tt),
-      "21bee77c": St.value,
-      "07928033": o(st),
-      "34a18ea8": Bt.value,
-      "780ea453": ae.value,
-      56538312: _.value,
-      "788359bb": M.value,
-      dfd2f9d6: I.value,
-      ecc55bb6: r.styleButtonColor,
-      f59f43ec: le.value
-    })), sa(() => {
-      k.value = je.value;
-    }), ma(() => {
-      Yt();
+  setup(e, { emit: y }) {
+    ma((u) => ({
+      "15fde79e": U.value,
+      "2d10b64f": o(et),
+      "07a02f82": E.value,
+      f1245958: Pt.value,
+      "0b771428": X.value,
+      "0d57d0f1": o(ut),
+      "6ac15a7d": o(xt),
+      "6b362b99": o(_e),
+      dfdede82: o(xe),
+      "4004415b": o(Ct),
+      f7f65f12: o(ye),
+      "1d9c46a1": o(ot),
+      "1521df9c": zt.value,
+      "7eef73e9": o(ct),
+      "4f9c2136": kt.value,
+      e804faee: O.value,
+      "02c75370": Vt.value,
+      "31e43771": M.value,
+      "6474d46a": ae.value,
+      "2b2234a2": u.styleButtonColor,
+      "27854c14": W.value
+    })), ba(() => {
+      L.value = Ge.value;
+    }), $a(() => {
+      Ft();
     });
-    const C = m, E = e, {
-      nbId: D,
-      display: Ve,
-      hasTabIndexEnter: pe,
-      ariaLabel: Ae,
-      ariaAttrs: ke,
-      textColor: se,
-      caretColor: X,
-      selectionBgColor: Pe,
-      selectionTextColor: $e,
-      hasBorderRadius: ne,
-      borderRadius: U,
-      disabled: w,
-      fontFamily: oe,
-      fontSize: de,
-      fontWeight: G,
-      fontFamilyMsg: Le,
-      fontSizeMsg: ce,
-      fontWeightMsg: P,
-      textMessageColor: be,
-      inputWidth: Z,
-      inputStyle: Ce,
-      activeTextStyle: ge,
-      inputReadonly: xe,
+    const h = y, P = e, {
+      nbId: I,
+      display: Te,
+      hasTabIndexEnter: be,
+      ariaLabel: Me,
+      ariaAttrs: Be,
+      textColor: ie,
+      caretColor: Z,
+      selectionBgColor: qe,
+      selectionTextColor: ze,
+      hasBorderRadius: le,
+      borderRadius: Y,
+      disabled: R,
+      fontFamily: ne,
+      fontSize: se,
+      fontWeight: Q,
+      fontFamilyMsg: Ae,
+      fontSizeMsg: de,
+      fontWeightMsg: F,
+      textMessageColor: ge,
+      inputWidth: ee,
+      inputStyle: he,
+      activeTextStyle: ce,
+      inputReadonly: Ce,
       hasTrim: $,
-      inputUppercase: L,
-      inputName: x,
-      inputPlaceholder: _e,
-      inputText: je,
-      theme: we,
-      tabindex: et,
+      inputUppercase: k,
+      inputName: C,
+      inputPlaceholder: We,
+      inputText: Ge,
+      theme: De,
+      tabindex: nt,
       lightBgColor: ye,
-      lightBgColorFocus: tt,
-      lightDisabledBgColor: bt,
-      lightTextColor: Qe,
-      darkBgColor: Te,
-      darkBgColorFocus: Se,
-      darkDisabledBgColor: gt,
-      darkTextColor: at,
-      textAlign: st,
-      showMsg: dt,
-      hasMsg: ct,
+      lightBgColorFocus: ot,
+      lightDisabledBgColor: Ct,
+      lightTextColor: et,
+      darkBgColor: _e,
+      darkBgColorFocus: xe,
+      darkDisabledBgColor: xt,
+      darkTextColor: ut,
+      textAlign: ct,
+      showMsg: St,
+      hasMsg: ft,
       showLabel: He,
-      labelBackground: Ue,
-      labelPadding: Je,
-      labelBorderRadius: Ge,
-      labelLeft: y,
-      inputLabelMarginActive: V,
-      labelActiveTop: ue,
-      labelActiveLeft: ee,
+      labelBackground: vt,
+      labelPadding: je,
+      labelBorderRadius: Ke,
+      labelLeft: g,
+      inputLabelMarginActive: T,
+      labelActiveTop: te,
+      labelActiveLeft: H,
       fontFamilyLabel: me,
-      fontSizeLabel: Re,
-      fontSizeLabelActive: Ke,
-      fontWeightLabel: re,
-      lightTextColorLabel: d,
-      lightTextColorLabelActive: b,
-      darkTextColorLabel: fe,
-      darkTextColorLabelActive: K,
-      rows: te,
-      cols: Me,
-      maxlength: ze,
-      minlength: Fe,
-      wrap: Ye,
-      spellcheck: Xe,
-      autofocus: lt,
-      resize: nt,
-      autoResize: ft,
-      minRows: h,
-      maxRows: R
-    } = va(E), k = J(""), Oe = J(!1), T = a(() => {
-      const r = w.value ? "component-disabled" : "", u = Ve.value !== "b" ? "inline-block" : "block", g = se ? se.value : "ffffff", W = X.value ? X.value : "", qe = Pe.value ? Pe.value : "", Nt = $e.value ? $e.value : "", Jt = ne.value ? ne.value : !1, mt = 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", ht = ce.value ? ce.value : "1em", ea = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, ta = be.value ? be.value : "#f15574", aa = Z.value ? Z.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 = He.value ? He.value : !1, Ft = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, pt = Ue.value ? Ue.value : "transparent", kt = V.value !== 0 && !V.value || V.value < 0 ? 15 : V.value, it = Je.value ? Je.value : "1px 5px", Lt = Ge.value !== 0 && !Ge.value || Ge.value < 0 ? 0 : Ge.value, ra = ue.value === null || ue.value === void 0 ? -13 : ue.value, Ot = ee.value === null || ee.value === void 0 ? -10 : ee.value, l = me.value ? me.value : "'Lato', sans-serif", c = Re.value ? Re.value : "1em", Q = Ke.value ? Ke.value : "0.8em", t = re.value ? re.value : 400, n = d.value ? d.value : "#ffffff", s = fe.value ? fe.value : "#000000", i = b.value ? b.value : "#ffffff", v = K.value ? K.value : "#000000", f = te.value && te.value > 0 ? te.value : 2, p = Me.value && Me.value > 0 ? Me.value : 20, S = ze.value !== null && ze.value >= 0 ? ze.value : null, A = Fe.value !== null && Fe.value >= 0 ? Fe.value : null, z = Ye.value && ["soft", "hard", "off"].includes(Ye.value) ? Ye.value : "soft", O = Xe.value !== void 0 ? Xe.value : "default", ie = lt.value !== void 0 ? lt.value : !1, De = nt.value && ["none", "both", "vertical", "horizontal"].includes(nt.value) ? nt.value : "vertical", Ze = 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;
+      fontSizeLabel: tt,
+      fontSizeLabelActive: $e,
+      fontWeightLabel: fe,
+      lightTextColorLabel: c,
+      lightTextColorLabelActive: m,
+      darkTextColorLabel: Se,
+      darkTextColorLabelActive: j,
+      rows: J,
+      cols: Ve,
+      maxlength: we,
+      minlength: Ne,
+      wrap: Ue,
+      spellcheck: Ye,
+      autofocus: rt,
+      resize: it,
+      minWidth: pt,
+      maxWidth: bt,
+      minHeight: gt,
+      maxHeight: Qe,
+      autoResize: At,
+      minRows: Je,
+      maxRows: x
+    } = ha(P), L = G(""), w = G(!1), b = a(() => {
+      const u = R.value ? "component-disabled" : "", A = Te.value !== "b" ? "inline-block" : "block", Ie = ie ? ie.value : "ffffff", Ze = Z.value ? Z.value : "", Lt = qe.value ? qe.value : "", Ot = ze.value ? ze.value : "", Nt = le.value ? le.value : !1, na = Y.value !== 0 && !Y.value || Y.value < 0 ? 0 : Y.value, oa = ne.value ? ne.value : "'Lato', sans-serif", Tt = se.value ? se.value : "1.4em", ua = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, ra = Ae.value ? Ae.value : "'Lato', sans-serif", ia = de.value ? de.value : "1em", sa = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, It = ge.value ? ge.value : "#f15574", da = ee.value ? ee.value : 200, ca = ce.value ? ce.value : "normal", fa = Ce.value ? Ce.value : !1, qt = k.value ? k.value : !1, Ht = De.value ? De.value : "normal", jt = ct.value ? ct.value : "left", ht = he.value ? he.value : "background", Rt = He.value ? He.value : !1, dt = g.value !== 0 && !g.value || g.value < 0 ? 5 : g.value, Mt = vt.value ? vt.value : "transparent", va = T.value !== 0 && !T.value || T.value < 0 ? 15 : T.value, Ut = je.value ? je.value : "1px 5px", oe = Ke.value !== 0 && !Ke.value || Ke.value < 0 ? 0 : Ke.value, n = te.value === null || te.value === void 0 ? -13 : te.value, d = H.value === null || H.value === void 0 ? -10 : H.value, t = me.value ? me.value : "'Lato', sans-serif", l = tt.value ? tt.value : "1em", s = $e.value ? $e.value : "0.8em", i = fe.value ? fe.value : 400, v = c.value ? c.value : "#ffffff", f = Se.value ? Se.value : "#000000", p = m.value ? m.value : "#ffffff", S = j.value ? j.value : "#000000", _ = J.value && J.value > 0 ? J.value : 2, D = Ve.value && Ve.value > 0 ? Ve.value : 20, q = we.value !== null && we.value >= 0 ? we.value : null, ue = Ne.value !== null && Ne.value >= 0 ? Ne.value : null, Ee = Ue.value && ["soft", "hard", "off"].includes(Ue.value) ? Ue.value : "soft", lt = Ye.value !== void 0 ? Ye.value : "default", Pe = rt.value !== void 0 ? rt.value : !1, Fe = it.value && ["none", "both", "vertical", "horizontal"].includes(it.value) ? it.value : "vertical", Sa = pt.value ? pt.value : "auto", Va = bt.value ? bt.value : "auto", ka = gt.value ? gt.value : "auto", La = Qe.value ? Qe.value : "auto", Ta = At.value !== void 0 ? At.value : !1, Ba = Je.value !== null && Je.value > 0 ? Je.value : null, Aa = x.value !== null && x.value > 0 ? x.value : null;
       return {
-        disabled: r,
-        display: u,
-        font: It,
-        fontSize: Wt,
-        fontWeight: Xt,
-        fontFamilyMsg: Zt,
-        fontSizeMsg: ht,
-        fontWeightMsg: ea,
-        textMessageColor: ta,
-        textColor: g,
-        caretColor: W,
-        selectionBgColor: qe,
-        selectionTextColor: Nt,
-        hasBorderRadius: Jt,
-        borderRadius: mt,
-        textAlign: ua,
-        inputWidth: aa,
-        activeTextStyle: la,
-        inputReadonly: $t,
-        inputUppercase: na,
-        theme: oa,
-        inputStyle: Et,
-        showLabel: Pt,
-        labelBackground: pt,
-        labelPadding: it,
-        labelBorderRadius: Lt,
-        labelLeft: Ft,
-        inputLabelMarginActive: kt,
-        labelActiveTop: ra,
-        labelActiveLeft: Ot,
-        fontFamilyLabel: l,
-        fontSizeLabel: c,
-        fontSizeLabelActive: Q,
-        fontWeightLabel: t,
-        lightTextColorLabel: n,
-        darkTextColorLabel: s,
-        lightTextColorLabelActive: i,
-        darkTextColorLabelActive: v,
-        rows: f,
-        cols: p,
-        maxlength: S,
-        minlength: A,
-        wrap: z,
-        spellcheck: O,
-        autofocus: ie,
-        resize: De,
-        autoResize: Ze,
-        minRows: Ne,
-        maxRows: Ie
+        disabled: u,
+        display: A,
+        font: oa,
+        fontSize: Tt,
+        fontWeight: ua,
+        fontFamilyMsg: ra,
+        fontSizeMsg: ia,
+        fontWeightMsg: sa,
+        textMessageColor: It,
+        textColor: Ie,
+        caretColor: Ze,
+        selectionBgColor: Lt,
+        selectionTextColor: Ot,
+        hasBorderRadius: Nt,
+        borderRadius: na,
+        textAlign: jt,
+        inputWidth: da,
+        activeTextStyle: ca,
+        inputReadonly: fa,
+        inputUppercase: qt,
+        theme: Ht,
+        inputStyle: ht,
+        showLabel: Rt,
+        labelBackground: Mt,
+        labelPadding: Ut,
+        labelBorderRadius: oe,
+        labelLeft: dt,
+        inputLabelMarginActive: va,
+        labelActiveTop: n,
+        labelActiveLeft: d,
+        fontFamilyLabel: t,
+        fontSizeLabel: l,
+        fontSizeLabelActive: s,
+        fontWeightLabel: i,
+        lightTextColorLabel: v,
+        darkTextColorLabel: f,
+        lightTextColorLabelActive: p,
+        darkTextColorLabelActive: S,
+        rows: _,
+        cols: D,
+        maxlength: q,
+        minlength: ue,
+        wrap: Ee,
+        spellcheck: lt,
+        autofocus: Pe,
+        resize: Fe,
+        minWidth: Sa,
+        maxWidth: Va,
+        minHeight: ka,
+        maxHeight: La,
+        autoResize: Ta,
+        minRows: Ba,
+        maxRows: Aa
       };
-    }), he = a(() => T.value.disabled), xt = a(() => ({
-      display: T.value.display
-    })), St = a(() => {
-      const r = T.value;
-      return r.fontSize ? r.fontSize : "1.4em";
-    }), ot = a(() => {
-      const r = T.value, u = yt.value;
+    }), Xe = a(() => b.value.disabled), yt = a(() => ({
+      display: b.value.display
+    })), zt = a(() => {
+      const u = b.value;
+      return u.fontSize ? u.fontSize : "1.4em";
+    }), ke = a(() => {
+      const u = b.value, A = $t.value;
       return {
-        fontWeight: r.fontWeight,
-        marginTop: u && He.value ? `${r.inputLabelMarginActive}px` : "0"
+        fontWeight: u.fontWeight,
+        marginTop: A && He.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), ae = a(() => T.value.fontFamilyMsg), _ = a(() => T.value.fontSizeMsg), M = a(() => T.value.fontWeightMsg), le = 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");
-    }), ut = a(() => {
-      const r = T.value;
-      return r.display === "block" ? { width: "100%" } : {
-        width: `${r.inputWidth}px`
+    }), Re = a(() => {
+      const u = b.value;
+      return u.inputStyle !== "line" && u.hasBorderRadius ? { borderRadius: `${u.borderRadius}rem` } : {};
+    }), U = a(() => b.value.font), O = a(() => b.value.fontFamilyMsg), Vt = a(() => b.value.fontSizeMsg), M = a(() => b.value.fontWeightMsg), W = a(() => b.value.textColor), ae = a(() => b.value.textMessageColor), E = a(() => {
+      const u = b.value;
+      return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), Pt = a(() => {
+      const u = b.value;
+      return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
+    }), X = a(() => {
+      const u = b.value;
+      return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
+    }), _t = a(() => {
+      const u = b.value;
+      return u.display === "block" ? { width: "100%" } : {
+        width: `${u.inputWidth}px`
       };
-    }), rt = a(() => {
-      switch (Ce.value) {
+    }), mt = a(() => {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -2687,8 +2794,8 @@ const Nl = ["id"], Il = ["for"], Wl = ["id", "name", "placeholder", "disabled",
         default:
           return "component__input--background";
       }
-    }), vt = a(() => {
-      switch (T.value.activeTextStyle) {
+    }), at = a(() => {
+      switch (b.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -2696,133 +2803,159 @@ const Nl = ["id"], Il = ["for"], Wl = ["id", "name", "placeholder", "disabled",
         default:
           return "component__input--active--normal";
       }
-    }), B = a(() => {
-      switch (T.value.theme) {
+    }), st = a(() => {
+      switch (b.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(() => He.value ? Oe.value ? _e.value : "" : _e.value), yt = 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,
-        "aria-disabled": w.value,
-        ...r
+    }), V = a(() => b.value.inputReadonly ? "component__input--read-only" : ""), Kt = a(() => b.value.inputUppercase ? "component__input--uppercase" : ""), Wt = a(() => C.value ? C.value : `${I.value}-name-label`), Yt = a(() => He.value ? w.value ? We.value : "" : We.value), $t = a(() => w.value || L.value && L.value.trim().length > 0);
+    a(() => w.value ? "component__input--active" : "component__input--no-active");
+    const kt = a(() => "6px 10px"), Qt = a(() => !!(St.value && ft.value)), Jt = a(() => {
+      const u = {};
+      Be.value && Object.keys(Be.value).forEach((Ze) => u[`aria-${Ze}`] = Be.value[Ze]);
+      const A = {
+        "aria-label": Me.value,
+        "aria-disabled": R.value,
+        ...u
       };
       return Object.fromEntries(
-        Object.entries(u).filter(([g, W]) => W != null)
+        Object.entries(A).filter(([Ie, Ze]) => Ze != null)
       );
-    }), Ht = a(() => {
-      const r = T.value, u = yt.value, g = u ? r.lightTextColorLabelActive : r.lightTextColorLabel, W = u ? r.darkTextColorLabelActive : r.darkTextColorLabel;
+    }), Dt = a(() => {
+      const u = b.value, A = $t.value, Ie = A ? u.lightTextColorLabelActive : u.lightTextColorLabel, Ze = 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" ? Ze : Ie,
+        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 = b.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 = b.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: b.value.resize
+    })), ea = a(() => b.value.wrap === "off" ? {
       whiteSpace: "nowrap",
       overflowX: "auto"
-    } : {}), Yt = () => {
-      k.value = je.value;
-    }, Qt = () => {
-      C("clicked");
-    }, Vt = () => {
-      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 = b.value;
+      return u.minWidth === "auto" ? {} : {
+        minWidth: u.minWidth
+      };
+    }), aa = a(() => {
+      const u = b.value;
+      return u.maxWidth === "auto" ? {} : {
+        maxWidth: u.maxWidth
+      };
+    }), la = a(() => {
+      const u = b.value;
+      return u.minHeight === "auto" ? {} : {
+        minHeight: u.minHeight
+      };
+    }), wt = a(() => {
+      const u = b.value;
+      return u.maxHeight === "auto" ? {} : {
+        maxHeight: u.maxHeight
+      };
+    }), Ft = () => {
+      L.value = Ge.value;
+    }, r = () => {
+      h("clicked");
+    }, B = () => {
+      R.value || b.value.inputReadonly || !be.value || h("entered", L.value);
+    }, ve = () => {
+      let u = L.value;
+      $.value && (u = u.trim()), h("current-value", u);
     };
-    return H(je, (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 K(Ge, (u) => {
+      u !== L.value && (L.value = u);
+    }, { immediate: !0 }), K(L, (u) => {
+      $.value && (u = u.trim()), h("changed", u);
+    }), K(w, (u) => {
+      h(u ? "focused" : "blurred");
+    }), K(L, () => {
+      ve();
+    }, { immediate: !0 }), (u, A) => o(I) ? (z(), N("div", ga({
       key: 0,
-      class: ["nb-wrapper", he.value],
-      style: [xt.value, ut.value, j.value],
+      class: ["nb-wrapper", Xe.value],
+      style: [yt.value, _t.value, Re.value],
       role: "input"
-    }, zt.value), [
-      ve("div", {
-        id: o(D),
-        class: We(["nb-reset", "component", B.value, Rt.value, rt.value]),
-        style: Ee([ot.value, ut.value, j.value]),
-        onClick: Qt
+    }, Jt.value), [
+      pe("div", {
+        id: o(I),
+        class: Oe(["nb-reset", "component", st.value, V.value, mt.value]),
+        style: Le([ke.value, _t.value, Re.value]),
+        onClick: r
       }, [
-        o(He) ? (F(), q("label", {
+        o(He) ? (z(), N("label", {
           key: 0,
-          for: Tt.value,
+          for: Wt.value,
           class: "component__label",
-          style: Ee([Ht.value])
-        }, Ct(e.label), 13, Il)) : 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: Le([Dt.value])
+        }, [
+          Et(Bt(e.label), 1),
+          e.required ? (z(), N("span", Gl, "*")) : re("", !0)
+        ], 12, Ul)) : re("", !0),
+        Ca(pe("textarea", ga({
+          "onUpdate:modelValue": A[0] || (A[0] = (Ie) => L.value = Ie),
+          id: Wt.value,
+          name: Wt.value
+        }, Xt.value, {
           class: ["component__input", [
-            Mt.value,
-            vt.value
+            Kt.value,
+            at.value
           ]],
-          placeholder: jt.value,
-          disabled: o(w) || o(xe),
+          placeholder: Yt.value,
+          disabled: o(R) || o(Ce),
           required: e.required,
-          readonly: o(xe),
+          readonly: o(Ce),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(w) || o(xe) ? -1 : o(et),
+          tabindex: o(R) || o(Ce) ? -1 : o(nt),
           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) && Vt(), ["enter"]))
-        }), null, 16, Wl), [
-          [Ua, k.value]
+          style: [Re.value, Zt.value, ea.value, ta.value, aa.value, la.value, wt.value],
+          onFocus: A[1] || (A[1] = (Ie) => w.value = !0),
+          onBlur: A[2] || (A[2] = (Ie) => w.value = !1),
+          onInput: ve,
+          onKeydown: A[3] || (A[3] = Gt((Ie) => !o(R) && o(be) && B(), ["enter"]))
+        }), null, 16, Kl), [
+          [Za, L.value]
         ])
-      ], 14, Nl),
-      At.value ? (F(), q("div", {
+      ], 14, jl),
+      Qt.value ? (z(), N("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Oe(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ia(r.$slots, "message", {}, () => [
-          ga(Ct(e.message), 1)
+        pa(u.$slots, "message", {}, () => [
+          Et(Bt(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0)
-    ], 16)) : Be("", !0);
+      ], 2)) : re("", !0)
+    ], 16)) : re("", !0);
   }
-}), Pl = /* @__PURE__ */ ba(El, [["__scopeId", "data-v-c4b7eb6b"]]);
-const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], jl = /* @__PURE__ */ Object.assign({
+}), Ql = /* @__PURE__ */ xa(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
 }, {
@@ -2836,8 +2969,8 @@ const Fl = ["id"], Ol = ["for"], ql = ["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: {
@@ -2974,6 +3107,11 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
       default: 350,
       validator: (e) => typeof e == "number" && e >= 280
     },
+    blockClicksWithoutEvents: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
+    },
     hasTrim: {
       type: Boolean,
       default: !1,
@@ -3090,6 +3228,11 @@ const Fl = ["id"], Ol = ["for"], ql = ["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"
@@ -3118,6 +3261,14 @@ const Fl = ["id"], Ol = ["for"], ql = ["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"
@@ -3162,114 +3313,119 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
     "clicked",
     "entered"
   ],
-  setup(e, { emit: m }) {
-    fa((t) => ({
-      "61b2bd67": vt.value,
-      "7d03ac89": Y.value,
-      cfe0b650: o(Ue),
-      "0701dbce": yt.value,
-      "51e828ab": Bt.value,
-      "0f7ed183": At.value,
-      d6272570: o(V),
-      "39af1994": o(y),
-      "3723f1b0": o(Je),
-      "66d8e666": Tt.value,
-      "370e0108": o(Ge),
-      "26ed153e": Nt.value,
-      "68d2e63a": Jt.value,
-      "4ece6524": o(He),
-      "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 }) {
+    ma((t) => ({
+      "761d4e8c": st.value,
+      b0ecd5f8: _t.value,
+      83726886: o(je),
+      c5a67058: kt.value,
+      "68e76626": Qt.value,
+      "63a49c3e": Jt.value,
+      "811b547a": o(te),
+      "86750c62": o(T),
+      "7520862a": o(Ke),
+      "2c2172be": Yt.value,
+      a7d1faa6: o(g),
+      c813d23a: Ie.value,
+      "7fd223b5": Ze.value,
+      "2e840c49": o(vt),
+      "70fd6965": o(ft),
+      fb37db1a: o(He),
+      "02bd9c8a": o(H),
+      "3c94ba24": ve.value,
+      "3391d84a": V.value,
+      d7ae22cc: Kt.value,
+      d2a7f97a: Wt.value,
+      a181aec6: $t.value,
+      "0675579d": t.styleButtonColor
     }));
-    const C = ul(
+    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();
+    ba(() => {
+      x.value = De.value;
+    }), $a(() => {
+      Ot();
     });
-    const E = m, D = e, {
-      nbId: Ve,
-      display: pe,
-      hasTabIndexEnter: Ae,
-      ariaLabel: ke,
-      ariaAttrs: se,
-      caretColor: X,
-      selectionBgColor: Pe,
-      selectionTextColor: $e,
-      hasBorderRadius: ne,
-      borderRadius: U,
-      disabled: w,
-      fontFamily: oe,
-      fontSize: de,
-      fontWeight: G,
-      fontFamilyMsg: Le,
-      fontSizeMsg: ce,
-      fontWeightMsg: P,
-      textMessageColor: be,
-      inputWidth: Z,
-      inputStyle: Ce,
-      activeTextStyle: ge,
-      sizeMediaQuery: xe,
+    const P = y, I = e, {
+      nbId: Te,
+      display: be,
+      hasTabIndexEnter: Me,
+      ariaLabel: Be,
+      ariaAttrs: ie,
+      caretColor: Z,
+      selectionBgColor: qe,
+      selectionTextColor: ze,
+      hasBorderRadius: le,
+      borderRadius: Y,
+      disabled: R,
+      fontFamily: ne,
+      fontSize: se,
+      fontWeight: Q,
+      fontFamilyMsg: Ae,
+      fontSizeMsg: de,
+      fontWeightMsg: F,
+      textMessageColor: ge,
+      inputWidth: ee,
+      inputStyle: he,
+      activeTextStyle: ce,
+      sizeMediaQuery: Ce,
       inputReadonly: $,
-      inputType: L,
-      hasTrim: x,
-      inputUppercase: _e,
-      inputName: je,
-      inputText: we,
-      min: et,
+      inputType: k,
+      hasTrim: C,
+      inputUppercase: We,
+      inputName: Ge,
+      inputText: De,
+      min: nt,
       max: ye,
-      step: tt,
-      useCustomCalendar: bt,
-      locale: Qe,
-      theme: Te,
-      allowRange: Se,
-      calendarZIndex: gt,
-      calendarWidth: at,
-      tabindex: st,
-      lightBgColor: dt,
-      lightBgColorFocus: ct,
-      lightDisabledBgColor: He,
-      lightTextColor: Ue,
-      darkBgColor: Je,
-      darkBgColorFocus: Ge,
-      darkDisabledBgColor: y,
-      darkTextColor: V,
-      textAlign: ue,
-      showMsg: ee,
-      hasMsg: me,
-      showLabel: Re,
-      labelBackground: Ke,
-      labelPadding: re,
-      labelBorderRadius: d,
-      labelLeft: b,
-      inputLabelMarginActive: fe,
-      labelActiveTop: K,
-      labelActiveLeft: te,
-      fontFamilyLabel: Me,
-      fontSizeLabel: ze,
-      fontSizeLabelActive: Fe,
-      fontWeightLabel: Ye,
-      lightTextColorLabel: Xe,
-      lightTextColorLabelActive: lt,
-      darkTextColorLabel: nt,
-      darkTextColorLabelActive: ft
-    } = va(D), h = J(""), R = J(""), k = J(""), Oe = J(""), T = J(!1), he = J(!1), xt = a(() => !at.value || at.value < 280 ? 280 : parseInt(at.value, 10)), St = a(() => {
-      if (!h.value)
+      step: ot,
+      useCustomCalendar: Ct,
+      locale: et,
+      theme: _e,
+      allowRange: xe,
+      calendarZIndex: xt,
+      calendarWidth: ut,
+      blockClicksWithoutEvents: ct,
+      tabindex: St,
+      lightBgColor: ft,
+      lightBgColorFocus: He,
+      lightDisabledBgColor: vt,
+      lightTextColor: je,
+      darkBgColor: Ke,
+      darkBgColorFocus: g,
+      darkDisabledBgColor: T,
+      darkTextColor: te,
+      textAlign: H,
+      showMsg: me,
+      hasMsg: tt,
+      showLabel: $e,
+      label: fe,
+      labelBreakOnActive: c,
+      labelBackground: m,
+      labelPadding: Se,
+      labelBorderRadius: j,
+      labelLeft: J,
+      inputLabelMarginActive: Ve,
+      labelActiveTop: we,
+      labelActiveLeft: Ne,
+      labelRight: Ue,
+      labelActiveRight: Ye,
+      fontFamilyLabel: rt,
+      fontSizeLabel: it,
+      fontSizeLabelActive: pt,
+      fontWeightLabel: bt,
+      lightTextColorLabel: gt,
+      lightTextColorLabelActive: Qe,
+      darkTextColorLabel: At,
+      darkTextColorLabelActive: Je
+    } = ha(I), x = G(""), L = G(""), w = G(""), b = G(""), Xe = G(!1), yt = G(!1), zt = a(() => !ut.value || ut.value < 280 ? 280 : parseInt(ut.value, 10)), ke = a(() => {
+      if (!x.value)
         return null;
-      if (Se.value && typeof h.value == "string" && h.value.startsWith("{"))
+      if (xe.value && typeof x.value == "string" && x.value.startsWith("{"))
         try {
-          const t = JSON.parse(h.value);
+          const t = JSON.parse(x.value);
           if (t && (t.startDate || t.endDate)) {
-            const n = (s) => {
+            const l = (s) => {
               if (!s)
                 return null;
               if (/^\d{4}-\d{2}-\d{2}$/.test(s)) {
@@ -3279,34 +3435,34 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
               return new Date(s);
             };
             return {
-              startDate: t.startDate ? n(t.startDate) : null,
-              endDate: t.endDate ? n(t.endDate) : null
+              startDate: t.startDate ? l(t.startDate) : null,
+              endDate: t.endDate ? l(t.endDate) : null
             };
           }
         } catch {
         }
-      if (L.value === "date" && typeof h.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(h.value)) {
-        const [t, n, s] = h.value.split("-").map(Number);
-        return new Date(t, n - 1, s);
+      if (k.value === "date" && typeof x.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(x.value)) {
+        const [t, l, s] = x.value.split("-").map(Number);
+        return new Date(t, l - 1, s);
       }
-      return h.value;
-    }), ot = (t, n, s) => {
+      return x.value;
+    }), Re = (t, l, s) => {
       if (!t)
         return "";
-      const i = s || Qe.value;
-      if (n === "date") {
-        if (Se.value && typeof t == "string" && t.startsWith("{"))
+      const i = s || et.value;
+      if (l === "date") {
+        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 f = (_) => {
+                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 [D, q, ue] = _.split("-");
+                  return i === "pt-BR" ? `${ue}/${q}/${D}` : `${q}/${ue}/${D}`;
                 }
-                return A;
+                return _;
               }, p = f(v.startDate), S = f(v.endDate);
               if (p && S)
                 return `${p} - ${S}`;
@@ -3322,19 +3478,19 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
           return i === "pt-BR" ? `${p}/${f}/${v}` : `${f}/${p}/${v}`;
         }
         return t;
-      } else if (n === "datetime-local") {
+      } else if (l === "datetime-local") {
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
-          const [v, f] = t.split("T"), [p, S, A] = v.split("-");
-          return i === "pt-BR" ? `${A}/${S}/${p} ${f}` : `${S}/${A}/${p} ${f}`;
+          const [v, f] = t.split("T"), [p, S, _] = v.split("-");
+          return i === "pt-BR" ? `${_}/${S}/${p} ${f}` : `${S}/${_}/${p} ${f}`;
         }
         return t;
-      } else if (n === "month") {
+      } else if (l === "month") {
         if (typeof t == "string" && /^\d{4}-\d{2}$/.test(t)) {
           const [v, f] = t.split("-");
           return `${f}/${v}`;
         }
         return t;
-      } else if (n === "week") {
+      } else if (l === "week") {
         if (typeof t == "string" && /^\d{4}-W\d{2}$/i.test(t)) {
           const v = t.match(/^(\d{4})-W(\d{2})$/i);
           if (v)
@@ -3343,38 +3499,38 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
         return t;
       }
       return t;
-    }, j = (t, n, s) => {
+    }, U = (t, l, s) => {
       if (!t || !t.trim())
         return "";
-      const i = t.trim(), v = s || Qe.value;
-      if (n === "date") {
-        if (Se.value && i.includes("-")) {
-          const f = i.split(/\s*-\s*/).map((z) => z.trim()), p = (z) => {
-            if (!z)
+      const i = t.trim(), v = s || et.value;
+      if (l === "date") {
+        if (xe.value && i.includes("-")) {
+          const f = i.split(/\s*-\s*/).map((D) => D.trim()), p = (D) => {
+            if (!D)
               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(D)) {
+              const q = D.split("/");
               if (v === "pt-BR") {
-                const [ie, De, Ze] = O, Ne = ie.padStart(2, "0"), Ie = De.padStart(2, "0");
-                return `${Ze}-${Ie}-${Ne}`;
+                const [ue, Ee, lt] = q, Pe = ue.padStart(2, "0"), Fe = Ee.padStart(2, "0");
+                return `${lt}-${Fe}-${Pe}`;
               } else {
-                const [ie, De, Ze] = O, Ne = De.padStart(2, "0"), Ie = ie.padStart(2, "0");
-                return `${Ze}-${Ie}-${Ne}`;
+                const [ue, Ee, lt] = q, Pe = Ee.padStart(2, "0"), Fe = ue.padStart(2, "0");
+                return `${lt}-${Fe}-${Pe}`;
               }
-            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(z)) {
-              const O = z.split("-"), [ie, De, Ze] = O, Ne = Ze.padStart(2, "0"), Ie = De.padStart(2, "0");
-              return `${ie}-${Ie}-${Ne}`;
+            } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(D)) {
+              const q = D.split("-"), [ue, Ee, lt] = q, Pe = lt.padStart(2, "0"), Fe = Ee.padStart(2, "0");
+              return `${ue}-${Fe}-${Pe}`;
             }
             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 S = p(f[0]), _ = f[1] ? p(f[1]) : null;
+          if (S && _) {
+            const D = new Date(S);
+            if (new Date(_) < D) {
+              const ue = S;
+              S = _, _ = ue;
             }
-            return JSON.stringify({ startDate: S, endDate: A });
+            return JSON.stringify({ startDate: S, endDate: _ });
           } else if (S)
             return JSON.stringify({ startDate: S, endDate: null });
           return "";
@@ -3382,33 +3538,33 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
         if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(i)) {
           const f = 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, S, _] = f, D = p.padStart(2, "0"), q = S.padStart(2, "0");
+            return `${_}-${q}-${D}`;
           } else {
-            const [p, S, A] = f, z = S.padStart(2, "0"), O = p.padStart(2, "0");
-            return `${A}-${O}-${z}`;
+            const [p, S, _] = f, D = S.padStart(2, "0"), q = p.padStart(2, "0");
+            return `${_}-${q}-${D}`;
           }
         } 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 f = i.split("-"), [p, S, _] = f, D = _.padStart(2, "0"), q = S.padStart(2, "0");
+          return `${p}-${q}-${D}`;
         }
         return "";
-      } else if (n === "datetime-local") {
+      } else if (l === "datetime-local") {
         if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
           const [f, p] = i.split(" "), S = f.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 [_, D, q] = S, ue = _.padStart(2, "0"), Ee = D.padStart(2, "0"), Pe = p.split(":").map((Fe) => Fe.padStart(2, "0")).join(":");
+            return `${q}-${Ee}-${ue}T${Pe}`;
           } 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 [_, D, q] = S, ue = D.padStart(2, "0"), Ee = _.padStart(2, "0"), Pe = p.split(":").map((Fe) => Fe.padStart(2, "0")).join(":");
+            return `${q}-${Ee}-${ue}T${Pe}`;
           }
         } 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 [f, p] = i.split("T"), S = f.split("-"), [_, D, q] = S, ue = q.padStart(2, "0"), Ee = D.padStart(2, "0"), Pe = p.split(":").map((Fe) => Fe.padStart(2, "0")).join(":");
+          return `${_}-${Ee}-${ue}T${Pe}`;
         }
         return "";
-      } else if (n === "month") {
+      } 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}`;
@@ -3417,7 +3573,7 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
           return `${f}-${S}`;
         }
         return "";
-      } else if (n === "week") {
+      } 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);
@@ -3427,79 +3583,86 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
         return p ? `${p[2]}-W${p[1]}` : "";
       }
       return i;
-    }, N = J(!1), ae = J({ top: 0, left: 0 }), _ = J(null), M = J(null), le = a(() => bt.value === !0), I = a(() => {
-      const t = w.value ? "component-disabled" : "", n = pe.value !== "b" ? "inline-block" : "block", s = X.value ? X.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, Ze = be.value ? be.value : "#f15574", Ne = Z.value ? Z.value : 200, Ie = ge.value ? ge.value : "normal", ha = "sm", Ca = $.value ? $.value : !1, xa = L.value ? L.value : "date", Sa = _e.value ? _e.value : !1, Va = Te.value ? Te.value : "normal", ka = ue.value ? ue.value : "left", La = Ce.value ? Ce.value : "background", Ta = Re.value ? Re.value : !1, Ba = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Aa = Ke.value ? Ke.value : "transparent", $a = fe.value !== 0 && !fe.value || fe.value < 0 ? 15 : fe.value, _a = re.value ? re.value : "1px 5px", wa = d.value !== 0 && !d.value || d.value < 0 ? 0 : d.value, Ra = K.value === null || K.value === void 0 ? -13 : K.value, Ma = te.value === null || te.value === void 0 ? -10 : te.value, za = Me.value ? Me.value : "'Lato', sans-serif", Da = ze.value ? ze.value : "1em", Na = Fe.value ? Fe.value : "0.8em", Ia = Ye.value ? Ye.value : 400, Wa = Xe.value ? Xe.value : "#ffffff", Ea = nt.value ? nt.value : "#000000", Pa = lt.value ? lt.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
+    }, O = G(!1), Vt = G({ top: 0, left: 0 }), M = G(null), W = G(null), ae = a(() => Ct.value === !0), E = a(() => {
+      const t = R.value ? "component-disabled" : "", l = be.value !== "b" ? "inline-block" : "block", s = Z.value ? Z.value : "", i = qe.value ? qe.value : "", v = ze.value ? ze.value : "", f = le.value ? le.value : !1, p = Y.value !== 0 && !Y.value || Y.value < 0 ? 0 : Y.value, S = ne.value ? ne.value : "'Lato', sans-serif", _ = se.value ? se.value : "1.4em", D = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, q = Ae.value ? Ae.value : "'Lato', sans-serif", ue = de.value ? de.value : "1em", Ee = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, lt = ge.value ? ge.value : "#f15574", Pe = ee.value ? ee.value : 200, Fe = ce.value ? ce.value : "normal", Sa = "sm", Va = $.value ? $.value : !1, ka = k.value ? k.value : "date", La = We.value ? We.value : !1, Ta = _e.value ? _e.value : "normal", Ba = H.value ? H.value : "left", Aa = he.value ? he.value : "background", wa = $e.value ? $e.value : !1, Ra = J.value !== 0 && !J.value || J.value < 0 ? 5 : J.value, Ma = m.value ? m.value : "transparent", za = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 15 : Ve.value, Wa = Se.value ? Se.value : "1px 5px", Da = j.value !== 0 && !j.value || j.value < 0 ? 0 : j.value, Na = we.value === null || we.value === void 0 ? -13 : we.value, Ia = Ne.value === null || Ne.value === void 0 ? -10 : Ne.value, Ea = Ue.value === null || Ue.value === void 0 ? 0 : Ue.value, Pa = Ye.value === null || Ye.value === void 0 ? 0 : Ye.value, Fa = rt.value ? rt.value : "'Lato', sans-serif", Oa = it.value ? it.value : "1em", qa = pt.value ? pt.value : "0.8em", Ha = bt.value ? bt.value : 400, ja = gt.value ? gt.value : "#ffffff", Ua = At.value ? At.value : "#000000", Ga = Qe.value ? Qe.value : "#ffffff", Ka = Je.value ? Je.value : "#000000";
       return {
         disabled: t,
-        display: n,
+        display: l,
         font: S,
-        fontSize: A,
-        fontWeight: z,
-        fontFamilyMsg: O,
-        fontSizeMsg: ie,
-        fontWeightMsg: De,
-        textMessageColor: Ze,
+        fontSize: _,
+        fontWeight: D,
+        fontFamilyMsg: q,
+        fontSizeMsg: ue,
+        fontWeightMsg: Ee,
+        textMessageColor: lt,
         caretColor: s,
         selectionBgColor: i,
         selectionTextColor: v,
         hasBorderRadius: f,
         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: Ba,
+        inputWidth: Pe,
+        activeTextStyle: Fe,
+        sizeMediaQuery: Sa,
+        inputReadonly: Va,
+        inputType: ka,
+        inputUppercase: La,
+        theme: Ta,
+        inputStyle: Aa,
+        showLabel: wa,
+        labelBackground: Ma,
+        labelPadding: Wa,
+        labelBorderRadius: Da,
+        labelLeft: Ra,
+        inputLabelMarginActive: za,
+        labelActiveTop: Na,
+        labelActiveLeft: Ia,
+        labelRight: Ea,
+        labelActiveRight: Pa,
+        fontFamilyLabel: Fa,
+        fontSizeLabel: Oa,
+        fontSizeLabelActive: qa,
+        fontWeightLabel: Ha,
+        lightTextColorLabel: ja,
+        darkTextColorLabel: Ua,
+        lightTextColorLabelActive: Ga,
+        darkTextColorLabelActive: Ka
       };
-    }), _t = a(() => I.value.disabled), wt = a(() => ({
-      display: I.value.display
-    })), Y = a(() => {
-      const t = I.value;
+    }), Pt = a(() => E.value.disabled), X = a(() => {
+      const t = E.value, l = r.value;
+      return {
+        display: t.display,
+        // Adiciona padding-top quando o label está ativo para evitar que seja cortado
+        paddingTop: l && $e.value ? `${Math.abs(t.labelActiveTop)}px` : "0"
+      };
+    }), _t = a(() => {
+      const t = E.value;
       return t.fontSize ? t.fontSize : "1.4em";
-    }), ut = a(() => {
-      const t = I.value, n = r.value;
+    }), mt = a(() => {
+      const t = E.value, l = r.value;
       return {
         fontWeight: t.fontWeight,
-        marginTop: n && Re.value ? `${t.inputLabelMarginActive}px` : "0"
+        marginTop: l && $e.value ? `${t.inputLabelMarginActive}px` : "0"
       };
-    }), rt = a(() => {
-      const t = I.value;
+    }), at = a(() => {
+      const t = E.value;
       return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
-    }), vt = 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 : Ue.value), jt = a(() => I.value.textMessageColor), yt = a(() => {
-      const t = I.value;
+    }), st = a(() => E.value.font), V = a(() => E.value.fontFamilyMsg), Kt = a(() => E.value.fontSizeMsg), Wt = a(() => E.value.fontWeightMsg), Yt = a(() => _e.value === "dark" ? te.value : je.value), $t = a(() => E.value.textMessageColor), kt = a(() => {
+      const t = E.value;
       return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Bt = a(() => {
-      const t = I.value;
+    }), Qt = 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;
+    }), Dt = a(() => {
+      const t = E.value;
       return t.display === "block" ? { width: "100%" } : {
         width: `${t.inputWidth}px`
       };
-    }), Ht = a(() => {
-      switch (Ce.value) {
+    }), Xt = a(() => {
+      switch (he.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -3507,8 +3670,8 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--background";
       }
-    }), Ut = a(() => {
-      switch (I.value.activeTextStyle) {
+    }), Zt = a(() => {
+      switch (E.value.activeTextStyle) {
         case "italic":
           return "component__input--active--italic";
         case "oblique":
@@ -3516,454 +3679,468 @@ const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "dis
         default:
           return "component__input--active--normal";
       }
-    }), Gt = a(() => "component__sm"), Kt = a(() => {
-      switch (I.value.theme) {
+    }), ea = a(() => "component__sm"), ta = 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" : ""), Vt = a(() => je.value ? je.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(() => !!(ee.value && me.value)), qe = a(() => {
+    }), aa = a(() => E.value.inputReadonly ? "component__input--read-only" : ""), la = a(() => E.value.inputUppercase ? "component__input--uppercase" : ""), wt = a(() => Ge.value ? Ge.value : `${Te.value}-name-label`), Ft = a(() => ""), r = a(() => Xe.value || L.value && L.value.trim().length > 0), B = a(() => !L.value || L.value.trim().length === 0 ? "component__input--empty" : "");
+    a(() => Xe.value ? "component__input--active" : "component__input--no-active");
+    const ve = a(() => "6px 10px"), u = a(() => !!(me.value && tt.value)), A = a(() => {
       const t = {};
-      se.value && Object.keys(se.value).forEach((i) => t[`aria-${i}`] = se.value[i]);
-      const n = {
-        "aria-label": ke.value,
-        "aria-disabled": w.value,
+      ie.value && Object.keys(ie.value).forEach((i) => t[`aria-${i}`] = ie.value[i]);
+      const l = {
+        "aria-label": Be.value,
+        "aria-disabled": R.value,
         ...t
       };
       return Object.fromEntries(
-        Object.entries(n).filter(([s, i]) => i != null)
+        Object.entries(l).filter(([s, i]) => i != null)
       );
-    }), Nt = a(() => {
-      const t = Te.value === "dark" ? Je.value : dt.value, n = Te.value === "dark" ? V.value : Ue.value;
-      return t === "transparent" || t === "#transparent" || !t ? n : t;
-    }), Jt = a(() => {
-      const t = Te.value === "dark" ? Ge.value : ct.value, n = Te.value === "dark" ? V.value : Ue.value;
-      return t === "transparent" || t === "#transparent" || !t ? n : t;
-    }), mt = a(() => {
-      const t = I.value, n = r.value, s = n ? t.lightTextColorLabelActive : t.lightTextColorLabel, i = n ? t.darkTextColorLabelActive : t.darkTextColorLabel;
+    }), Ie = a(() => {
+      const t = _e.value === "dark" ? Ke.value : ft.value, l = _e.value === "dark" ? te.value : je.value;
+      return t === "transparent" || t === "#transparent" || !t ? l : t;
+    }), Ze = a(() => {
+      const t = _e.value === "dark" ? g.value : He.value, l = _e.value === "dark" ? te.value : je.value;
+      return t === "transparent" || t === "#transparent" || !t ? l : t;
+    }), Lt = a(() => {
+      const t = E.value, l = r.value, s = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, i = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
       return {
         fontFamily: t.fontFamilyLabel,
-        fontSize: n ? t.fontSizeLabelActive : t.fontSizeLabel,
+        fontSize: l ? t.fontSizeLabelActive : t.fontSizeLabel,
         fontWeight: t.fontWeightLabel,
         color: t.theme === "dark" ? i : s,
-        top: n ? `${t.labelActiveTop}px` : "50%",
-        left: n ? `${t.labelActiveLeft}px` : `${t.labelLeft}px`,
-        transform: n ? "translateY(0)" : "translateY(-50%)",
+        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: n ? t.labelBackground : "transparent",
-        padding: n ? t.labelPadding : "0",
-        borderRadius: n ? `${t.labelBorderRadius}rem` : "0"
+        backgroundColor: l ? t.labelBackground : "transparent",
+        padding: l ? t.labelPadding : "0",
+        borderRadius: l ? `${t.labelBorderRadius}rem` : "0",
+        // Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
+        ...l ? {
+          whiteSpace: c.value ? "nowrap" : "normal",
+          wordWrap: c.value ? "normal" : "break-word",
+          overflowWrap: c.value ? "normal" : "break-word",
+          maxWidth: "100%",
+          textOverflow: c.value ? "ellipsis" : "clip",
+          overflow: c.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(), le.value && (N.value = !1, requestAnimationFrame(() => {
-        ht(), N.value = !0;
+    const Ot = () => {
+      x.value = De.value, b.value = k.value;
+    }, Nt = () => {
+      P("clicked");
+    }, na = (t) => {
+      t.stopPropagation(), !(R.value || E.value.inputReadonly) && M.value && (M.value.focus(), ae.value && (O.value = !1, requestAnimationFrame(() => {
+        Tt(), O.value = !0;
       })));
-    }, Zt = () => {
-      w.value || I.value.inputReadonly || !Ae.value || E("entered", h.value);
-    }, ht = () => {
-      _.value && ya(() => {
-        const t = _.value.getBoundingClientRect(), n = 4;
-        ae.value = {
-          top: `${t.bottom + n}px`,
+    }, oa = () => {
+      R.value || E.value.inputReadonly || !Me.value || P("entered", x.value);
+    }, Tt = () => {
+      M.value && _a(() => {
+        const t = M.value.getBoundingClientRect(), l = 4;
+        Vt.value = {
+          top: `${t.bottom + l}px`,
           left: `${t.left}px`
         };
       });
-    }, ea = a(() => ({
+    }, ua = a(() => ({
       position: "fixed",
-      top: ae.value.top,
-      left: ae.value.left,
-      zIndex: gt.value
-    })), ta = () => {
-      T.value = !0, E("focused"), le.value && (N.value = !1, requestAnimationFrame(() => {
-        ht(), N.value = !0;
+      top: Vt.value.top,
+      left: Vt.value.left,
+      zIndex: xt.value
+    })), ra = () => {
+      Xe.value = !0, P("focused"), ae.value && (O.value = !1, requestAnimationFrame(() => {
+        Tt(), O.value = !0;
       }));
-    }, aa = (t) => {
-      t.relatedTarget && M.value && M.value.contains(t.relatedTarget) || setTimeout(() => {
+    }, ia = (t) => {
+      t.relatedTarget && W.value && W.value.contains(t.relatedTarget) || setTimeout(() => {
         var i;
-        const n = document.activeElement;
-        if (N.value) {
-          if (M.value && M.value.contains(n) || t.relatedTarget && M.value && M.value.contains(t.relatedTarget))
+        const l = document.activeElement;
+        if (O.value) {
+          if (W.value && W.value.contains(l) || t.relatedTarget && W.value && W.value.contains(t.relatedTarget))
             return;
-          if (n === document.body && M.value) {
-            const v = M.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+          if (l === document.body && W.value) {
+            const v = W.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
             if (Array.from(v).some((p) => p === document.activeElement || p.contains(document.activeElement)))
               return;
           }
         }
-        const s = (i = _.value) == null ? void 0 : i.closest(".component");
-        s && s.contains(n) || _.value !== n && (T.value = !1, N.value = !1, E("blurred"));
+        const s = (i = M.value) == null ? void 0 : i.closest(".component");
+        s && s.contains(l) || M.value !== l && (Xe.value = !1, O.value = !1, P("blurred"));
       }, 200);
-    }, la = () => {
-      le.value && (N.value, N.value = !1, requestAnimationFrame(() => {
-        ht(), N.value = !0;
+    }, sa = () => {
+      ae.value && (O.value, O.value = !1, requestAnimationFrame(() => {
+        Tt(), O.value = !0;
       }));
-    }, $t = (t) => {
+    }, It = (t) => {
       if (!t || !(t instanceof Date))
         return null;
-      const n = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0");
-      return `${n}-${s}-${i}`;
-    }, na = (t) => {
-      let n = "";
+      const l = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0");
+      return `${l}-${s}-${i}`;
+    }, da = (t) => {
+      let l = "";
       if (!t)
-        n = "";
-      else if (Se.value && typeof t == "object" && !(t instanceof Date)) {
+        l = "";
+      else if (xe.value && typeof t == "object" && !(t instanceof Date)) {
         if (t.startDate === null && t.endDate === null)
-          n = "";
+          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 ? It(t.startDate) : null,
             // Converter endDate para string ISO se existir
-            endDate: t.endDate ? $t(t.endDate) : null
+            endDate: t.endDate ? It(t.endDate) : null
           };
-          n = JSON.stringify(i);
+          l = JSON.stringify(i);
         }
       } else
-        L.value === "date" ? t instanceof Date ? n = $t(t) : typeof t == "string" && (n = t) : (L.value === "month" || L.value === "time" || L.value === "datetime-local" || L.value === "week") && (n = typeof t == "string" ? t : "");
-      Q = !0, h.value = n;
-      const s = n ? ot(n, L.value) : "";
-      R.value = s, k.value = s;
-    }, oa = () => {
-      if (!le.value) {
-        h.value = R.value;
+        k.value === "date" ? t instanceof Date ? l = It(t) : typeof t == "string" && (l = t) : (k.value === "month" || k.value === "time" || k.value === "datetime-local" || k.value === "week") && (l = typeof t == "string" ? t : "");
+      d = !0, x.value = l;
+      const s = l ? Re(l, k.value) : "";
+      L.value = s, w.value = s;
+    }, ca = () => {
+      if (!ae.value) {
+        x.value = L.value;
         return;
       }
-      l = !0;
-      const t = _.value ? {
-        start: _.value.selectionStart,
-        end: _.value.selectionEnd
-      } : null, n = R.value.trim();
-      if (!n || n.length === 0) {
-        Q = !0, h.value = "", R.value = "", k.value = "", setTimeout(() => {
-          l = !1;
+      oe = !0;
+      const t = M.value ? {
+        start: M.value.selectionStart,
+        end: M.value.selectionEnd
+      } : null, l = L.value.trim();
+      if (!l || l.length === 0) {
+        d = !0, x.value = "", L.value = "", w.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) {
-          if (n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), n.length > 23 && !i.test(n)) {
-            R.value = k.value, t && _.value && ya(() => {
-              const v = Math.min(t.start, k.value.length);
-              _.value.setSelectionRange(v, v);
+      if (k.value === "date") {
+        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)) {
+            L.value = w.value, t && M.value && _a(() => {
+              const v = Math.min(t.start, w.value.length);
+              M.value.setSelectionRange(v, v);
             }), setTimeout(() => {
-              l = !1;
+              oe = !1;
             }, 50);
             return;
           }
-          if (!i.test(n) && n.length <= 23) {
+          if (!i.test(l) && l.length <= 23) {
             setTimeout(() => {
-              l = !1;
+              oe = !1;
             }, 50);
             return;
           }
         } else {
-          if (n.length > 10 && !i.test(n)) {
-            R.value = k.value, t && _.value && ya(() => {
-              const v = Math.min(t.start, k.value.length);
-              _.value.setSelectionRange(v, v);
+          if (l.length > 10 && !i.test(l)) {
+            L.value = w.value, t && M.value && _a(() => {
+              const v = Math.min(t.start, w.value.length);
+              M.value.setSelectionRange(v, v);
             }), setTimeout(() => {
-              l = !1;
+              oe = !1;
             }, 50);
             return;
           }
-          if (!i.test(n) && n.length <= 10) {
+          if (!i.test(l) && l.length <= 10) {
             setTimeout(() => {
-              l = !1;
+              oe = !1;
             }, 50);
             return;
           }
         }
       }
       let s = null;
-      if (L.value === "date")
-        if (Se.value)
-          if (n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
-            if (s = j(n, L.value), s && s !== h.value)
-              Q = !0, h.value = s, k.value = n;
+      if (k.value === "date")
+        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 (s = U(l, k.value), s && s !== x.value)
+              d = !0, x.value = s, w.value = l;
             else {
               setTimeout(() => {
-                l = !1;
+                oe = !1;
               }, 50);
               return;
             }
-          else if (n.includes("-")) {
-            const v = n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
+          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 f = v[1], p = U(f, k.value);
               if (p) {
                 const S = JSON.stringify({ startDate: p, endDate: null });
-                S !== h.value && (Q = !0, h.value = S, k.value = n);
+                S !== x.value && (d = !0, x.value = S, w.value = l);
               } else {
-                k.value = n, setTimeout(() => {
-                  l = !1;
+                w.value = l, setTimeout(() => {
+                  oe = !1;
                 }, 50);
                 return;
               }
             } else {
-              k.value = n, setTimeout(() => {
-                l = !1;
+              w.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(n))
-            if (s = j(n, L.value), s) {
+          } else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
+            if (s = U(l, k.value), s) {
               const f = JSON.stringify({ startDate: s, endDate: null });
-              f !== h.value && (Q = !0, h.value = f, k.value = n);
+              f !== x.value && (d = !0, x.value = f, w.value = l);
             } else {
-              k.value = n, setTimeout(() => {
-                l = !1;
+              w.value = l, setTimeout(() => {
+                oe = !1;
               }, 50);
               return;
             }
           else {
-            k.value = n, setTimeout(() => {
-              l = !1;
+            w.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(n))
-          s = j(n, L.value), s && s !== h.value && (Q = !0, h.value = s, k.value = n);
+        else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
+          s = U(l, k.value), s && s !== x.value && (d = !0, x.value = s, w.value = l);
         else {
           setTimeout(() => {
-            l = !1;
+            oe = !1;
           }, 50);
           return;
         }
       else
-        s = j(n, L.value), s && s !== h.value && (Q = !0, h.value = s, k.value = n);
+        s = U(l, k.value), s && s !== x.value && (d = !0, x.value = s, w.value = l);
       setTimeout(() => {
-        l = !1;
+        oe = !1;
       }, 50);
-    }, ua = (t) => {
-    }, Et = (t) => {
+    }, fa = (t) => {
+    }, qt = (t) => {
       var v;
-      if (!N.value || !M.value || !_.value)
+      if (!O.value || !W.value || !M.value)
         return;
-      const n = t.target, s = (v = _.value) == null ? void 0 : v.closest(".nb-wrapper");
-      if (M.value && M.value.contains(n) || s && (n === s || s.contains(n)) || M.value && M.value.contains(n))
+      const l = t.target, s = (v = M.value) == null ? void 0 : v.closest(".nb-wrapper");
+      if (W.value && W.value.contains(l) || s && (l === s || s.contains(l)) || W.value && W.value.contains(l))
         return;
-      let i = n;
+      let i = l;
       for (; i && i !== document.body; ) {
-        if (i === M.value || M.value && M.value.contains(i))
+        if (i === W.value || W.value && W.value.contains(i))
           return;
         i = i.parentElement;
       }
       setTimeout(() => {
-        if (!N.value || !M.value || M.value && M.value.contains(n))
+        if (!O.value || !W.value || W.value && W.value.contains(l))
           return;
-        for (i = n; i && i !== document.body; ) {
-          if (i === M.value || M.value && M.value.contains(i))
+        for (i = l; i && i !== document.body; ) {
+          if (i === W.value || W.value && W.value.contains(i))
             return;
           i = i.parentElement;
         }
-        if (!document.body.contains(n))
+        if (!document.body.contains(l))
           return;
-        const f = _.value && (n === _.value || _.value.contains(n)), p = s && (n === s || s.contains(n));
-        !f && !p && (N.value = !1, (!R.value || R.value.trim().length === 0) && (T.value = !1));
+        const f = M.value && (l === M.value || M.value.contains(l)), p = s && (l === s || s.contains(l));
+        !f && !p && (O.value = !1, (!L.value || L.value.trim().length === 0) && (Xe.value = !1));
       }, 50);
-    }, Pt = () => {
-      N.value && le.value && ht();
-    }, Ft = () => {
-      N.value && le.value && (N.value = !1);
+    }, Ht = () => {
+      O.value && ae.value && Tt();
+    }, jt = () => {
+      O.value && ae.value && (O.value = !1);
     };
-    let pt = null, kt = null, it = { top: 0, left: 0 };
-    const Lt = () => {
-      if (!N.value || !le.value || !_.value)
+    let ht = null, Rt = null, dt = { top: 0, left: 0 };
+    const Mt = () => {
+      if (!O.value || !ae.value || !M.value)
         return;
-      const t = 4, n = _.value.getBoundingClientRect(), s = `${n.bottom + t}px`, i = `${n.left}px`;
-      (it.top !== s || it.left !== i) && (it.top = s, it.left = i, ae.value = {
+      const t = 4, l = M.value.getBoundingClientRect(), s = `${l.bottom + t}px`, i = `${l.left}px`;
+      (dt.top !== s || dt.left !== i) && (dt.top = s, dt.left = i, Vt.value = {
         top: s,
         left: i
-      }), kt = requestAnimationFrame(Lt);
-    }, ra = () => {
-      if (!_.value || !le.value)
+      }), Rt = requestAnimationFrame(Mt);
+    }, va = () => {
+      if (!M.value || !ae.value)
         return;
-      it = { top: 0, left: 0 }, Lt(), pt = new ResizeObserver(() => {
-        N.value && ht();
-      }), pt.observe(_.value);
-      const t = _.value.closest(".component");
-      t && pt.observe(t);
-    }, Ot = () => {
-      kt !== null && (cancelAnimationFrame(kt), kt = null), pt && (pt.disconnect(), pt = null);
+      dt = { top: 0, left: 0 }, Mt(), ht = new ResizeObserver(() => {
+        O.value && Tt();
+      }), ht.observe(M.value);
+      const t = M.value.closest(".component");
+      t && ht.observe(t);
+    }, Ut = () => {
+      Rt !== null && (cancelAnimationFrame(Rt), Rt = null), ht && (ht.disconnect(), ht = null);
     };
-    H(N, (t) => {
-      t && le.value ? ya(() => {
-        ra();
-      }) : Ot();
-    }), sa(() => {
-      h.value = we.value, R.value = ot(we.value, L.value), document.addEventListener("click", Et, !1), window.addEventListener("scroll", Pt, { capture: !0, passive: !0 }), window.addEventListener("resize", Ft);
-    }), ma(() => {
-      It(), Ot(), 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(Qe, () => {
-      h.value && le.value && (R.value = ot(h.value, L.value));
-    }), H(we, (t) => {
-      if (t !== h.value) {
-        h.value = t;
-        const n = ot(t, L.value);
-        R.value = n, k.value = n;
+    K(O, (t) => {
+      t && ae.value ? _a(() => {
+        va();
+      }) : Ut();
+    }), ba(() => {
+      x.value = De.value, L.value = Re(De.value, k.value), document.addEventListener("click", qt, !1), window.addEventListener("scroll", Ht, { capture: !0, passive: !0 }), window.addEventListener("resize", jt);
+    }), $a(() => {
+      Ot(), Ut(), document.removeEventListener("click", qt), window.removeEventListener("scroll", Ht, { capture: !0, passive: !0 }), window.removeEventListener("resize", jt);
+    }), K(k, (t) => {
+      b.value = t;
+    }, { immediate: !0 }), K(et, () => {
+      x.value && ae.value && (L.value = Re(x.value, k.value));
+    }), K(De, (t) => {
+      if (t !== x.value) {
+        x.value = t;
+        const l = Re(t, k.value);
+        L.value = l, w.value = l;
       }
     }, { immediate: !0 });
-    let l = !1;
-    const c = () => {
-      l = !0, setTimeout(() => {
-        l = !1;
+    let oe = !1;
+    const n = () => {
+      oe = !0, setTimeout(() => {
+        oe = !1;
       }, 100);
     };
-    let Q = !1;
-    return H(() => h.value, (t) => {
-      if (le.value && !Q && !l) {
-        const n = ot(t, L.value);
-        n !== R.value && (R.value = n, k.value = n);
+    let d = !1;
+    return K(() => x.value, (t) => {
+      if (ae.value && !d && !oe) {
+        const l = Re(t, k.value);
+        l !== L.value && (L.value = l, w.value = l);
       }
-      Q = !1;
-    }), H(h, (t) => {
-      if (x.value && (t = t.trim()), Se.value && typeof t == "string" && t.startsWith("{"))
+      d = !1;
+    }), K(x, (t) => {
+      if (C.value && (t = t.trim()), xe.value && typeof t == "string" && t.startsWith("{"))
         try {
-          const n = JSON.parse(t);
-          if (n && (n.startDate || n.endDate)) {
+          const l = JSON.parse(t);
+          if (l && (l.startDate || l.endDate)) {
             const s = (f) => {
               if (!f)
                 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);
+                const [p, S, _] = f.split("-").map(Number);
+                return new Date(p, S - 1, _);
               }
               return new Date(f);
-            }, i = n.startDate ? s(n.startDate) : null, v = n.endDate ? s(n.endDate) : null;
-            E("changed", { startDate: i, endDate: v });
+            }, 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, n) => o(Ve) ? (F(), q("div", da({
+      P("changed", t);
+    }), K(Xe, (t) => {
+      P(t ? "focused" : "blurred");
+    }), K(x, (t) => {
+      C.value && (t = t.trim()), P("current-value", t);
+    }), (t, l) => o(Te) ? (z(), N("div", ga({
       key: 0,
-      class: ["nb-wrapper", _t.value],
-      style: [wt.value, zt.value, rt.value],
+      class: ["nb-wrapper", Pt.value],
+      style: [X.value, Dt.value, at.value],
       role: "input"
-    }, qe.value), [
-      ve("div", {
-        id: o(Ve),
-        class: We(["nb-reset", "component", Gt.value, Kt.value, Yt.value, Ht.value]),
-        style: Ee([ut.value, zt.value, rt.value]),
-        onClick: Wt
+    }, A.value), [
+      pe("div", {
+        id: o(Te),
+        class: Oe(["nb-reset", "component", ea.value, ta.value, aa.value, Xt.value]),
+        style: Le([mt.value, Dt.value, at.value]),
+        onClick: Nt
       }, [
-        o(Re) ? (F(), q("label", {
+        o($e) ? (z(), N("label", {
           key: 0,
-          for: Vt.value,
+          for: wt.value,
           class: "component__label",
-          style: Ee([mt.value]),
-          onClick: Xt
-        }, Ct(e.label), 13, Ol)) : Be("", !0),
-        pa(ve("input", {
+          style: Le([Lt.value]),
+          onClick: na
+        }, [
+          Et(Bt(o(fe)), 1),
+          e.required ? (z(), N("span", Zl, "*")) : re("", !0)
+        ], 12, Xl)) : re("", !0),
+        Ca(pe("input", {
           ref_key: "inputRef",
-          ref: _,
-          "onUpdate:modelValue": n[0] || (n[0] = (s) => R.value = s),
-          onInput: oa,
+          ref: M,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => L.value = s),
+          onInput: ca,
           onKeydown: [
-            c,
-            n[1] || (n[1] = qt((s) => !o(w) && o(Ae) && Zt(), ["enter"]))
+            n,
+            l[1] || (l[1] = Gt((s) => !o(R) && o(Me) && oa(), ["enter"]))
           ],
-          id: Vt.value,
-          name: Vt.value,
-          type: le.value ? "text" : Oe.value,
-          class: We(["component__input", [
-            Qt.value,
-            Ut.value,
-            u.value
+          id: wt.value,
+          name: wt.value,
+          type: ae.value ? "text" : b.value,
+          class: Oe(["component__input", [
+            la.value,
+            Zt.value,
+            B.value
           ]]),
-          placeholder: Dt.value,
-          disabled: o(w) || o($),
+          placeholder: Ft.value,
+          disabled: o(R) || o($),
           required: e.required,
           readonly: o($),
           autocomplete: e.inputAutocomplete,
-          min: le.value ? void 0 : o(et),
-          max: le.value ? void 0 : o(ye),
-          step: le.value ? void 0 : o(tt),
-          tabindex: o(w) || o($) ? -1 : o(st),
+          min: ae.value ? void 0 : o(nt),
+          max: ae.value ? void 0 : o(ye),
+          step: ae.value ? void 0 : o(ot),
+          tabindex: o(R) || o($) ? -1 : o(St),
           role: "input",
-          style: Ee([rt.value]),
-          onFocus: ta,
-          onBlur: aa,
-          onClick: la
-        }, null, 46, ql), [
-          [Ha, R.value]
+          style: Le([at.value]),
+          onFocus: ra,
+          onBlur: ia,
+          onClick: sa
+        }, null, 46, en), [
+          [Xa, L.value]
         ])
-      ], 14, Fl),
-      W.value ? (F(), q("div", {
+      ], 14, Jl),
+      u.value ? (z(), N("div", {
         key: 0,
-        class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Oe(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
-        ia(t.$slots, "message", {}, () => [
-          ga(Ct(e.message), 1)
+        pa(t.$slots, "message", {}, () => [
+          Et(Bt(e.message), 1)
         ], !0)
-      ], 2)) : Be("", !0),
-      (F(), rl(il, { to: "body" }, [
-        le.value && N.value ? (F(), q("div", {
+      ], 2)) : re("", !0),
+      (z(), bl(gl, { to: "body" }, [
+        ae.value && O.value ? (z(), N("div", {
           key: 0,
           ref_key: "calendarRef",
-          ref: M,
+          ref: W,
           class: "datepicker__custom-calendar-wrapper",
-          style: Ee(ea.value),
-          onClick: n[4] || (n[4] = ca((s) => he.value = !0, ["stop"])),
-          onMousedown: n[5] || (n[5] = ca((s) => he.value = !0, ["stop"]))
+          style: Le(ua.value),
+          onClick: l[4] || (l[4] = ya((s) => yt.value = !0, ["stop"])),
+          onMousedown: l[5] || (l[5] = ya((s) => yt.value = !0, ["stop"]))
         }, [
-          sl(o(C), {
-            "nb-id": `${o(Ve)}-calendar`,
-            value: St.value,
-            "input-type": o(L),
-            min: o(et),
+          yl(o(h), {
+            "nb-id": `${o(Te)}-calendar`,
+            value: ke.value,
+            "input-type": o(k),
+            min: o(nt),
             max: o(ye),
-            step: o(tt),
-            disabled: o(w),
-            width: xt.value,
-            locale: o(Qe),
-            theme: o(Te),
-            "allow-range": o(Se),
-            onChanged: na,
-            onDateSelected: ua,
-            onMousedown: n[2] || (n[2] = (s) => he.value = !0),
-            onClick: n[3] || (n[3] = (s) => he.value = !0)
-          }, null, 8, ["nb-id", "value", "input-type", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range"])
-        ], 36)) : Be("", !0)
+            step: o(ot),
+            disabled: o(R),
+            width: zt.value,
+            locale: o(et),
+            theme: o(_e),
+            "allow-range": o(xe),
+            "block-clicks-without-events": o(ct),
+            onChanged: da,
+            onDateSelected: fa,
+            onMousedown: l[2] || (l[2] = (s) => yt.value = !0),
+            onClick: l[3] || (l[3] = (s) => yt.value = !0)
+          }, null, 8, ["nb-id", "value", "input-type", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range", "block-clicks-without-events"])
+        ], 36)) : re("", !0)
       ]))
-    ], 16)) : Be("", !0);
+    ], 16)) : re("", !0);
   }
-}), Hl = /* @__PURE__ */ ba(jl, [["__scopeId", "data-v-35736538"]]), Oa = {
-  NbInputRadio: pl,
-  NbInputCheckbox: hl,
-  NbInput: Al,
-  NbInputChip: Dl,
-  NbTextarea: Pl,
-  NbDatePicker: Hl
-}, Gl = {
+}), an = /* @__PURE__ */ xa(tn, [["__scopeId", "data-v-6a4be8fa"]]), Ya = {
+  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 Ya)
+      if (Object.prototype.hasOwnProperty.call(Ya, y)) {
+        const h = Ya[y];
+        e.component(h.name, h);
       }
   }
 };
 export {
-  Gl as default
+  nn as default
 };