npm - @vlalg-nimbus/nb-inputs - Versions diffs - 10.0.2 → 10.0.3 - Mend

@vlalg-nimbus/nb-inputs 10.0.2 → 10.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/nb-inputs.js CHANGED Viewed

@@ -155,20 +155,20 @@ const il = (e, v) => {
   },
   emits: ["current-value", "changed", "clicked"],
   setup(e, { emit: v }) {
-    rl((E) => ({
+    rl((P) => ({
       "794c5afd": wt.value,
-      "7ab72fe9": jt.value,
+      "7ab72fe9": Kt.value,
       "6833088e": da.value,
       "684cbaa6": Qe.value,
       "2650920c": gt.value,
       "0177d163": Ve.value,
       30867110: qe.value,
-      "138a3b6c": Ut.value,
+      "138a3b6c": jt.value,
       "6ad79f52": rt.value,
       ae51f946: sa.value,
-      "0df1b00a": zt.value
+      "0df1b00a": Wt.value
     })), nl(() => {
-      Wt();
+      Pt();
     });
     const m = v, g = e, W = se(null), {
       ariaLabel: H,
@@ -176,7 +176,7 @@ const il = (e, v) => {
       currentOption: w,
       valueType: L,
       display: B,
-      options: P,
+      options: E,
       valueKey: $,
       textKey: ae,
       theme: Z,
@@ -191,14 +191,14 @@ const il = (e, v) => {
       itemGap: xe,
       internalGap: Oe,
       scale: ce,
-      disabled: Ee,
+      disabled: Pe,
       fontFamily: tt,
       fontSize: Re,
       fontWeight: Be
     } = ul(g), C = a(() => {
-      const E = Ee.value ? "component-disabled" : "", U = B.value !== "b" ? "inline-block" : "block", _e = tt.value ? tt.value : "'Lato', sans-serif", Me = Re.value ? Re.value : "1.6em", Ue = Be.value !== 0 && !Be.value || Be.value < 0 ? 200 : Be.value, $t = [!1, !0].includes(et.value) ? et.value : !1, Ze = [!1, !0].includes($e.value) ? $e.value : !1, ze = xe.value !== 0 && !xe.value || xe.value < 0 ? 15 : xe.value, V = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 6 : Oe.value, R = ce.value !== 0 && !ce.value || ce.value < 0 ? 1 : ce.value;
+      const P = Pe.value ? "component-disabled" : "", U = B.value !== "b" ? "inline-block" : "block", _e = tt.value ? tt.value : "'Lato', sans-serif", Me = Re.value ? Re.value : "1.6em", Ue = Be.value !== 0 && !Be.value || Be.value < 0 ? 200 : Be.value, $t = [!1, !0].includes(et.value) ? et.value : !1, Ze = [!1, !0].includes($e.value) ? $e.value : !1, ze = xe.value !== 0 && !xe.value || xe.value < 0 ? 15 : xe.value, V = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 6 : Oe.value, R = ce.value !== 0 && !ce.value || ce.value < 0 ? 1 : ce.value;
       return {
-        disabled: E,
+        disabled: P,
         display: U,
         hoverEffect: $t,
         activeHoverEffect: Ze,
@@ -212,41 +212,41 @@ const il = (e, v) => {
     }), He = a(() => C.value.disabled), K = a(() => ({
       display: C.value.display
     })), Ye = a(() => C.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), A = a(() => {
-      const E = C.value;
+      const P = C.value;
       return {
-        fontSize: E.fontSize,
-        fontWeight: E.fontWeight
+        fontSize: P.fontSize,
+        fontWeight: P.fontWeight
       };
-    }), Ge = a(() => Array.isArray(P.value) && P.value.constructor === Array && P.value.length > 0), pt = a(() => Z.value === "dark" ? "component__theme--dark" : "component__theme--light"), wt = a(() => C.value.font), Ve = a(() => T.value), qe = a(() => k.value), gt = a(() => C.value.hoverEffect ? _.value : k.value), Qe = a(() => C.value.activeHoverEffect ? _.value : k.value), sa = a(() => be.value), zt = a(() => Q.value), rt = a(() => C.value.hoverEffect ? Ae.value : Q.value), Ut = a(() => C.value.activeHoverEffect ? Ae.value : Q.value), da = a(() => {
+    }), Ge = a(() => Array.isArray(E.value) && E.value.constructor === Array && E.value.length > 0), pt = a(() => Z.value === "dark" ? "component__theme--dark" : "component__theme--light"), wt = a(() => C.value.font), Ve = a(() => T.value), qe = a(() => k.value), gt = a(() => C.value.hoverEffect ? _.value : k.value), Qe = a(() => C.value.activeHoverEffect ? _.value : k.value), sa = a(() => be.value), Wt = a(() => Q.value), rt = a(() => C.value.hoverEffect ? Ae.value : Q.value), jt = a(() => C.value.activeHoverEffect ? Ae.value : Q.value), da = a(() => {
       const U = C.value.internalGap;
       return !U || U < 0 ? 0 : `${U}px`;
-    }), jt = a(() => {
+    }), Kt = a(() => {
       const U = C.value.itemGap;
       return !U || U < 0 ? 0 : `${U}px`;
     }), ut = a(() => ({
       zoom: C.value.scale
     })), Ft = a(() => {
-      const E = {};
-      de.value && Object.keys(de.value).forEach((Me) => E[`aria-${Me}`] = de.value[Me]);
+      const P = {};
+      de.value && Object.keys(de.value).forEach((Me) => P[`aria-${Me}`] = de.value[Me]);
       const U = {
         "aria-label": H.value,
-        "aria-disabled": Ee.value,
-        ...E
+        "aria-disabled": Pe.value,
+        ...P
       };
       return Object.fromEntries(
         Object.entries(U).filter(([_e, Me]) => Me != null)
       );
-    }), Wt = () => {
-      const E = w.value;
-      E && ["string"].includes(L.value) ? W.value = E.toString().toLowerCase() : W.value = E;
-    }, Lt = (E) => {
-      m("clicked", E);
+    }), Pt = () => {
+      const P = w.value;
+      P && ["string"].includes(L.value) ? W.value = P.toString().toLowerCase() : W.value = P;
+    }, Lt = (P) => {
+      m("clicked", P);
     };
-    return ge(w, (E, U) => {
-      E !== U && Wt();
-    }), ge(W, (E, U) => {
-      E !== U && (m("current-value", E), m("changed", E));
-    }), (E, U) => e.nbId && Ge.value ? (F(), M("div", {
+    return ge(w, (P, U) => {
+      P !== U && Pt();
+    }), ge(W, (P, U) => {
+      P !== U && (m("current-value", P), m("changed", P));
+    }), (P, U) => e.nbId && Ge.value ? (F(), M("div", {
       key: 0,
       class: Ne(["nb-wrapper", He.value]),
       style: he([K.value, ut.value]),
@@ -258,7 +258,7 @@ const il = (e, v) => {
       }, Ft.value, {
         class: ["nb-reset", "component", Ye.value, pt.value]
       }), [
-        (F(!0), M(Dl, null, wl(l(P), (_e, Me) => (F(), M("div", {
+        (F(!0), M(Dl, null, wl(l(E), (_e, Me) => (F(), M("div", {
           key: _e[l($)],
           class: "component-radio__item"
         }, [
@@ -267,7 +267,7 @@ const il = (e, v) => {
             "onUpdate:modelValue": U[0] || (U[0] = (Ue) => W.value = Ue),
             type: "radio",
             class: "component-radio__item--input",
-            disabled: l(Ee),
+            disabled: l(Pe),
             value: _e[l($)],
             name: e.groupName,
             onClick: U[1] || (U[1] = (Ue) => Lt(Ue))
@@ -276,11 +276,11 @@ const il = (e, v) => {
           ]),
           me("label", {
             for: `${e.nbId}-${_e[l($)]}`,
-            tabindex: l(Ee) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Me] : e.tabIndex >= 0 ? e.tabIndex : Me + 1,
+            tabindex: l(Pe) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Me] : e.tabIndex >= 0 ? e.tabIndex : Me + 1,
             class: "component-radio__item--label",
             onKeydown: [
-              U[2] || (U[2] = ja(ol((Ue) => !l(Ee) && e.hasTabIndexEnter && Ue.target.click(), ["prevent"]), ["enter"])),
-              U[3] || (U[3] = ja(ol((Ue) => !l(Ee) && e.hasTabIndexSpace && Ue.target.click(), ["prevent"]), ["space"]))
+              U[2] || (U[2] = ja(ol((Ue) => !l(Pe) && e.hasTabIndexEnter && Ue.target.click(), ["prevent"]), ["enter"])),
+              U[3] || (U[3] = ja(ol((Ue) => !l(Pe) && e.hasTabIndexSpace && Ue.target.click(), ["prevent"]), ["space"]))
             ]
           }, [
             U[4] || (U[4] = me("div", null, null, -1)),
@@ -459,18 +459,18 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
       43335222: qe.value,
       "7c540c8e": _e.value,
       f27e829e: U.value,
-      "61170ab3": E.value,
-      "9488cfea": zt.value,
+      "61170ab3": P.value,
+      "9488cfea": Wt.value,
       "1c12c19e": sa.value,
       "5037b870": rt.value,
       "43c7fe6a": Qe.value,
       "740de8c4": gt.value,
       "5b2a5880": Lt.value,
       "0dc79d67": ut.value,
-      "2f58d98d": jt.value,
+      "2f58d98d": Kt.value,
       55505268: Ft.value,
       "5dddbcef": da.value,
-      "4f0fd47c": Ut.value
+      "4f0fd47c": jt.value
     })), nl(() => {
       Ze();
     });
@@ -480,7 +480,7 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
       currentOption: w,
       display: L,
       options: B,
-      valueKey: P,
+      valueKey: E,
       textKey: $,
       theme: ae,
       lightTextColor: Z,
@@ -495,14 +495,14 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
       itemGap: xe,
       internalGap: Oe,
       scale: ce,
-      type: Ee,
+      type: Pe,
       background: tt,
       disabled: Re,
       fontFamily: Be,
       fontSize: C,
       fontWeight: He
     } = ul(g), K = a(() => {
-      const V = Re.value ? "component-disabled" : "", R = L.value !== "b" ? "inline-block" : "block", Se = Be.value ? Be.value : "'Lato', sans-serif", We = C.value ? C.value : "1.6em", Le = He.value !== 0 && !He.value || He.value < 0 ? 200 : He.value, St = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 0 : Ae.value, at = [!1, !0].includes(et.value) ? et.value : !1, lt = [!1, !0].includes($e.value) ? $e.value : !1, it = xe.value !== 0 && !xe.value || xe.value < 0 ? 15 : xe.value, bt = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 6 : Oe.value, Ct = ["box", "circle"].includes(Ee.value) ? Ee.value : "box", Rt = ce.value !== 0 && !ce.value || ce.value < 0 ? 1 : ce.value, Kt = [!1, !0].includes(tt.value) ? tt.value : !1;
+      const V = Re.value ? "component-disabled" : "", R = L.value !== "b" ? "inline-block" : "block", Se = Be.value ? Be.value : "'Lato', sans-serif", We = C.value ? C.value : "1.6em", Le = He.value !== 0 && !He.value || He.value < 0 ? 200 : He.value, St = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 0 : Ae.value, at = [!1, !0].includes(et.value) ? et.value : !1, lt = [!1, !0].includes($e.value) ? $e.value : !1, it = xe.value !== 0 && !xe.value || xe.value < 0 ? 15 : xe.value, bt = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 6 : Oe.value, Ct = ["box", "circle"].includes(Pe.value) ? Pe.value : "box", Rt = ce.value !== 0 && !ce.value || ce.value < 0 ? 1 : ce.value, Yt = [!1, !0].includes(tt.value) ? tt.value : !1;
       return {
         disabled: V,
         display: R,
@@ -514,7 +514,7 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
         scale: Rt,
         type: Ct,
         font: Se,
-        background: Kt,
+        background: Yt,
         fontSize: We,
         fontWeight: Le
       };
@@ -526,18 +526,18 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
         fontSize: V.fontSize,
         fontWeight: V.fontWeight
       };
-    }), wt = a(() => Array.isArray(B.value) && B.value.constructor === Array && B.value.length > 0), Ve = a(() => ae.value === "dark" ? "component__theme--dark" : "component__theme--light"), qe = a(() => K.value.font), gt = a(() => Z.value), Qe = a(() => T.value), sa = a(() => K.value.hoverEffect ? k.value : T.value), zt = a(() => K.value.activeHoverEffect ? k.value : T.value), rt = a(() => {
+    }), wt = a(() => Array.isArray(B.value) && B.value.constructor === Array && B.value.length > 0), Ve = a(() => ae.value === "dark" ? "component__theme--dark" : "component__theme--light"), qe = a(() => K.value.font), gt = a(() => Z.value), Qe = a(() => T.value), sa = a(() => K.value.hoverEffect ? k.value : T.value), Wt = a(() => K.value.activeHoverEffect ? k.value : T.value), rt = a(() => {
       const V = K.value;
       return V.activeHoverEffect && V.background ? `${k.value}80` : k.value;
-    }), Ut = a(() => _.value), da = a(() => be.value), jt = a(() => K.value.hoverEffect ? Q.value : be.value), ut = a(() => K.value.activeHoverEffect ? Q.value : be.value), Ft = a(() => {
+    }), jt = a(() => _.value), da = a(() => be.value), Kt = a(() => K.value.hoverEffect ? Q.value : be.value), ut = a(() => K.value.activeHoverEffect ? Q.value : be.value), Ft = a(() => {
       const V = K.value;
       return V.activeHoverEffect && V.background ? `${Q.value}80` : Q.value;
-    }), Wt = a(() => K.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Lt = a(() => {
+    }), Pt = a(() => K.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Lt = a(() => {
       const V = K.value, R = ae.value === "dark" ? _.value : Z.value;
       return V.background ? "#ffffff" : R;
     });
     a(() => K.value.background ? "19px" : "auto");
-    const E = a(() => {
+    const P = a(() => {
       const R = K.value.internalGap;
       return !R || R < 0 ? 0 : `${R}px`;
     }), U = a(() => {
@@ -581,23 +581,23 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
         class: ["nb-reset", "component", Ge.value, Ve.value]
       }), [
         (F(!0), M(Dl, null, wl(l(B), (Se, We) => (F(), M("div", {
-          key: Se[l(P)],
+          key: Se[l(E)],
           class: "component-checkbox__item"
         }, [
           ll(me("input", {
-            id: `${e.nbId}-${Se[l(P)]}`,
+            id: `${e.nbId}-${Se[l(E)]}`,
             "onUpdate:modelValue": R[0] || (R[0] = (Le) => W.value = Le),
             type: "checkbox",
             class: "component-checkbox__item--input",
             disabled: l(Re),
-            value: Se[l(P)],
+            value: Se[l(E)],
             name: e.groupName,
             onClick: R[1] || (R[1] = (Le) => ze(Le))
           }, null, 8, Mo), [
             [ho, W.value]
           ]),
           me("label", {
-            for: `${e.nbId}-${Se[l(P)]}`,
+            for: `${e.nbId}-${Se[l(E)]}`,
             class: Ne([[Me.value], "component-checkbox__item--label"]),
             tabindex: l(Re) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[We] : e.tabIndex >= 0 ? e.tabIndex : We + 1,
             onKeydown: [
@@ -606,7 +606,7 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
             ]
           }, [
             me("div", {
-              class: Ne([Wt.value])
+              class: Ne([Pt.value])
             }, null, 2),
             me("span", {
               style: he([pt.value])
@@ -617,7 +617,7 @@ const $o = ["title"], Ro = ["id"], Mo = ["id", "disabled", "value", "name"], Io
     ], 14, $o)) : le("", !0);
   }
 }), _o = /* @__PURE__ */ il(No, [["__scopeId", "data-v-fdb17d69"]]);
-const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
+const zo = ["title"], Wo = ["id"], Po = ["for"], Eo = {
   key: 0,
   class: "component__label--required"
 }, Oo = ["for"], Ho = { key: 0 }, qo = { key: 1 }, Uo = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex", "min", "max", "step"], jo = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex", "min", "max", "step"], Ko = ["for"], Yo = /* @__PURE__ */ Object.assign({
@@ -1104,21 +1104,21 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
       "8faed680": l(Mt),
       "7e59370e": l(U),
       "4a19d7d6": l(Lt),
-      c7b2eb08: l(E),
+      c7b2eb08: l(P),
       "22e64572": ra.value,
       "7d7ff195": l(Ft),
-      "5c1f2843": l(Wt),
+      "5c1f2843": l(Pt),
       "78c8de2c": l(lt),
       "11c45368": l(Ue),
       c0f76110: l(Jt),
-      a7991242: l(jt),
-      d3b544a0: l(Ut),
+      a7991242: l(Kt),
+      d3b544a0: l(jt),
       "1cc8c4d6": l(da),
-      "8a186c0a": l(zt),
+      "8a186c0a": l(Wt),
       "593ec0c6": l(rt),
       "4aaaab2f": Nt.value,
       "6a99f98c": ee.value,
-      "0da09536": Ht.value,
+      "0da09536": qt.value,
       cd797356: _t.value,
       "657f9178": Vt.value,
       "58aaee36": l($t),
@@ -1142,7 +1142,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
       hasTabIndexEnter: w,
       ariaLabel: L,
       ariaAttrs: B,
-      textColor: P,
+      textColor: E,
       caretColor: $,
       selectionBgColor: ae,
       selectionTextColor: Z,
@@ -1157,7 +1157,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
       fontWeightMsg: xe,
       textMessageColor: Oe,
       inputWidth: ce,
-      inputStyle: Ee,
+      inputStyle: Pe,
       activeTextStyle: tt,
       sizeMediaQuery: Re,
       inputReadonly: Be,
@@ -1174,16 +1174,16 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
       inputEyeIcon: gt,
       tabindex: Qe,
       inputEyeIconHidden: sa,
-      lightBgColor: zt,
+      lightBgColor: Wt,
       lightBgColorFocus: rt,
-      lightEyeBgColor: Ut,
+      lightEyeBgColor: jt,
       lightEyeBgColorActive: da,
-      lightDisabledBgColor: jt,
+      lightDisabledBgColor: Kt,
       lightTextColor: ut,
       darkBgColor: Ft,
-      darkBgColorFocus: Wt,
+      darkBgColorFocus: Pt,
       darkEyeBgColor: Lt,
-      darkEyeBgColorActive: E,
+      darkEyeBgColorActive: P,
       darkDisabledBgColor: U,
       darkTextColor: _e,
       darkDisabledEyeBgColor: Me,
@@ -1203,7 +1203,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
       iconLightBgColor: bt,
       iconDarkBgColor: Ct,
       iconLightBgColorActive: Rt,
-      iconDarkBgColorActive: Kt,
+      iconDarkBgColorActive: Yt,
       iconLightDisabledBgColor: Jt,
       iconDarkDisabledBgColor: Mt,
       iconWidth: xt,
@@ -1237,7 +1237,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
       const u = Ye.value;
       return Array.isArray(u) ? u.slice() : u;
     }), Y = a(() => {
-      const u = _.value ? "component-disabled" : "", S = de.value !== "b" ? "inline-block" : "block", Te = P ? P.value : "#ffffff", Tt = $.value ? $.value : "", ht = ae.value ? ae.value : "", ya = Z.value ? Z.value : "", Ra = T.value ? T.value : !1, Ka = k.value !== 0 && !k.value || k.value < 0 ? 0 : k.value, Ya = be.value ? be.value : "'Lato', sans-serif", Ma = Q.value ? Q.value : null, Ga = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 100 : Ae.value, ot = et.value ? et.value : "'Lato', sans-serif", Qa = $e.value ? $e.value : "1em", Xt = xe.value !== 0 && !xe.value || xe.value < 0 ? 100 : xe.value, t = Oe.value ? Oe.value : "#f15574", n = ce.value ? ce.value : 200, i = tt.value ? tt.value : "normal", s = Re.value ? Re.value : "xs", f = Be.value ? Be.value : !1, c = He.value ? He.value : !1, h = K.value ? K.value : "text", x = Ge.value ? Ge.value : !1, N = qe.value ? qe.value : "light", j = $t.value ? $t.value : "left", te = Ee.value ? Ee.value : "background", ve = We.value ? We.value : "5px 10px", Ke = St.value ? St.value : "0", ct = Le.value ? Le.value : 10, ft = lt.value ? lt.value : "#000000", At = it.value ? it.value : "#000000", o = bt.value ? bt.value : "transparent", y = Ct.value ? Ct.value : "transparent", X = at.value !== 0 && !at.value || at.value < 0 ? 0 : at.value, Dt = Rt.value ? Rt.value : "transparent", ma = Kt.value ? Kt.value : "transparent", Ia = xt.value ? xt.value : 32, ka = ea.value ? ea.value : 1, sl = yt.value ? yt.value : !1, dl = ne.value !== 0 && !ne.value || ne.value < 0 ? 5 : ne.value, cl = ue.value ? ue.value : "transparent", fl = q.value !== 0 && !q.value || q.value < 0 ? 15 : q.value, vl = fe.value ? fe.value : "1px 5px", pl = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 0 : Ce.value, gl = Et.value === null || Et.value === void 0 ? -13 : Et.value, bl = ta.value === null || ta.value === void 0 ? 5 : ta.value, yl = Ie.value === null || Ie.value === void 0 ? 0 : Ie.value, ml = mt.value === null || mt.value === void 0 ? 0 : mt.value, Za = ye.value ? ye.value : "'Lato', sans-serif", Xa = ke.value ? ke.value : "1em", hl = aa.value ? aa.value : "0.8em", Sl = oe.value ? oe.value : 400, Cl = ie.value ? ie.value : "#ffffff", xl = De.value ? De.value : "#000000", Ja = kt.value ? kt.value : "#ffffff", Bl = J.value ? J.value : "#000000";
+      const u = _.value ? "component-disabled" : "", S = de.value !== "b" ? "inline-block" : "block", Te = E ? E.value : "#ffffff", Tt = $.value ? $.value : "", ht = ae.value ? ae.value : "", ya = Z.value ? Z.value : "", Ra = T.value ? T.value : !1, Ka = k.value !== 0 && !k.value || k.value < 0 ? 0 : k.value, Ya = be.value ? be.value : "'Lato', sans-serif", Ma = Q.value ? Q.value : null, Ga = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 100 : Ae.value, ot = et.value ? et.value : "'Lato', sans-serif", Qa = $e.value ? $e.value : "1em", Xt = xe.value !== 0 && !xe.value || xe.value < 0 ? 100 : xe.value, t = Oe.value ? Oe.value : "#f15574", n = ce.value ? ce.value : 200, i = tt.value ? tt.value : "normal", s = Re.value ? Re.value : "xs", f = Be.value ? Be.value : !1, c = He.value ? He.value : !1, h = K.value ? K.value : "text", x = Ge.value ? Ge.value : !1, N = qe.value ? qe.value : "light", j = $t.value ? $t.value : "left", te = Pe.value ? Pe.value : "background", ve = We.value ? We.value : "5px 10px", Ke = St.value ? St.value : "0", ct = Le.value ? Le.value : 10, ft = lt.value ? lt.value : "#000000", At = it.value ? it.value : "#000000", o = bt.value ? bt.value : "transparent", y = Ct.value ? Ct.value : "transparent", X = at.value !== 0 && !at.value || at.value < 0 ? 0 : at.value, Dt = Rt.value ? Rt.value : "transparent", ma = Yt.value ? Yt.value : "transparent", Ia = xt.value ? xt.value : 32, ka = ea.value ? ea.value : 1, sl = yt.value ? yt.value : !1, dl = ne.value !== 0 && !ne.value || ne.value < 0 ? 5 : ne.value, cl = ue.value ? ue.value : "transparent", fl = q.value !== 0 && !q.value || q.value < 0 ? 15 : q.value, vl = fe.value ? fe.value : "1px 5px", pl = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 0 : Ce.value, gl = Et.value === null || Et.value === void 0 ? -13 : Et.value, bl = ta.value === null || ta.value === void 0 ? 5 : ta.value, yl = Ie.value === null || Ie.value === void 0 ? 0 : Ie.value, ml = mt.value === null || mt.value === void 0 ? 0 : mt.value, Za = ye.value ? ye.value : "'Lato', sans-serif", Xa = ke.value ? ke.value : "1em", hl = aa.value ? aa.value : "0.8em", Sl = oe.value ? oe.value : 400, Cl = ie.value ? ie.value : "#ffffff", xl = De.value ? De.value : "#000000", Ja = kt.value ? kt.value : "#ffffff", Bl = J.value ? J.value : "#000000";
       return {
         disabled: u,
         display: S,
@@ -1295,7 +1295,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
         lightTextColorLabelActive: Ja,
         darkTextColorLabelActive: Bl
       };
-    }), la = a(() => Y.value.disabled), Yt = a(() => {
+    }), la = a(() => Y.value.disabled), Gt = a(() => {
       const u = Y.value;
       return Va.value, {
         display: u.display,
@@ -1330,10 +1330,10 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
         // Mesma regra que antes estava no wrapper: esconde label inativo; não afeta .component__message
         overflow: !yt.value || S ? "visible" : "hidden"
       };
-    }), Gt = a(() => {
+    }), Qt = a(() => {
       const u = Y.value;
       return u.inputStyle !== "line" && u.hasBorderRadius ? { borderRadius: `${u.borderRadius}rem` } : {};
-    }), Sa = a(() => Y.value.font), Ca = a(() => Y.value.fontFamilyMsg), Ta = a(() => Y.value.fontSizeMsg), Aa = a(() => Y.value.fontWeightMsg), Da = a(() => Y.value.textColor), wa = a(() => Y.value.theme === "dark" ? U.value : jt.value), xa = a(() => Y.value.textMessageColor), Ba = a(() => {
+    }), Sa = a(() => Y.value.font), Ca = a(() => Y.value.fontFamilyMsg), Ta = a(() => Y.value.fontSizeMsg), Aa = a(() => Y.value.fontWeightMsg), Da = a(() => Y.value.textColor), wa = a(() => Y.value.theme === "dark" ? U.value : Kt.value), xa = a(() => Y.value.textMessageColor), Ba = a(() => {
       const u = Y.value;
       return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
     }), pe = a(() => {
@@ -1347,8 +1347,8 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
       return u.display === "block" ? { width: "100%" } : {
         width: `${u.inputWidth}px`
       };
-    }), Pt = a(() => {
-      switch (Ee.value) {
+    }), Ot = a(() => {
+      switch (Pe.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -1383,13 +1383,13 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
         default:
           return "component__theme--light";
       }
-    }), D = a(() => Y.value.inputReadonly ? "component__input--read-only" : ""), Pe = a(() => Y.value.inputUppercase ? "component__input--uppercase" : ""), Bt = a(() => {
+    }), D = a(() => Y.value.inputReadonly ? "component__input--read-only" : ""), Ee = a(() => Y.value.inputUppercase ? "component__input--uppercase" : ""), Bt = a(() => {
       const u = Y.value;
       return !!(u.showInputEye && u.inputType === "password");
-    }), ba = a(() => It.value ? gt.value : sa.value), Ot = a(() => pt.value ? pt.value : `${H.value}-name-label`), Fa = a(() => yt.value ? Xe.value ? wt.value : "" : wt.value), Va = a(() => {
+    }), ba = a(() => It.value ? gt.value : sa.value), Ht = a(() => pt.value ? pt.value : `${H.value}-name-label`), Fa = a(() => yt.value ? Xe.value ? wt.value : "" : wt.value), Va = a(() => {
       const u = re.value;
       return Xe.value || u != null && String(u).trim().length > 0;
-    }), $a = a(() => Y.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), oa = a(() => Xe.value ? "component__input--active" : "component__input--no-active"), za = a(() => Bt.value ? "6px 50px 6px 10px" : "6px 10px"), Pa = a(() => !!(Ze.value && ze.value)), Oa = a(() => {
+    }), $a = a(() => Y.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), oa = a(() => Xe.value ? "component__input--active" : "component__input--no-active"), za = a(() => Bt.value ? "6px 50px 6px 10px" : "6px 10px"), Ea = a(() => !!(Ze.value && ze.value)), Oa = a(() => {
       const u = {};
       B.value && Object.keys(B.value).forEach((Tt) => u[`aria-${Tt}`] = B.value[Tt]);
       const S = {
@@ -1403,7 +1403,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
     }), Vt = a(() => R.value ? `${ea.value}rem` : "0"), Nt = a(() => R.value ? `${xt.value}px` : "0"), nt = a(() => R.value ? `component__icon--${Se.value}` : ""), ee = a(() => {
       const u = Y.value;
       return R.value ? u.iconPadding : "0";
-    }), Ht = a(() => {
+    }), qt = a(() => {
       const u = Y.value;
       return R.value ? u.iconMargin : "0";
     }), ra = a(() => {
@@ -1412,7 +1412,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
     }), _t = a(() => {
       const u = Y.value;
       return R.value ? `${u.iconBorderRadius}rem` : "0";
-    }), Qt = a(() => {
+    }), zt = a(() => {
       const u = Y.value;
       return R.value ? Se.value === "left" ? { paddingLeft: `${u.iconPaddingInput}px` } : { paddingRight: `${u.iconPaddingInput}px` } : {};
     }), Zt = a(() => {
@@ -1505,34 +1505,34 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
     }), (u, S) => l(H) ? (F(), M("div", al({
       key: 0,
       class: ["nb-wrapper", la.value],
-      style: [Yt.value, ga.value, Gt.value],
+      style: [Gt.value, ga.value, Qt.value],
       role: "input",
       title: e.title
     }, Oa.value), [
       me("div", {
         id: l(H),
-        class: Ne(["nb-reset", "component", b.value, d.value, D.value, Pt.value]),
-        style: he([ha.value, ga.value, Gt.value]),
+        class: Ne(["nb-reset", "component", b.value, d.value, D.value, Ot.value]),
+        style: he([ha.value, ga.value, Qt.value]),
         onClick: S[8] || (S[8] = (Te) => qa(Te))
       }, [
         l(yt) ? (F(), M("label", {
           key: 0,
-          for: Ot.value,
+          for: Ht.value,
           class: "component__label",
           style: he([Zt.value]),
           onClick: Ua
         }, [
           Na(vt(l(je)), 1),
-          e.required ? (F(), M("span", Po, "*")) : le("", !0)
-        ], 12, Eo)) : le("", !0),
+          e.required ? (F(), M("span", Eo, "*")) : le("", !0)
+        ], 12, Po)) : le("", !0),
         Bt.value ? (F(), M("div", {
           key: 1,
           class: Ne(["component__eye", oa.value]),
-          style: he([Gt.value]),
+          style: he([Qt.value]),
           onClick: ua
         }, [
           me("label", {
-            for: Ot.value,
+            for: Ht.value,
             class: Ne(["component__eye-icon", "fas"])
           }, [
             e.inputEyeCustomIcon ? (F(), M("span", qo, [
@@ -1549,11 +1549,11 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
           ref_key: "inputRef",
           ref: ca,
           "onUpdate:modelValue": S[0] || (S[0] = (Te) => re.value = Te),
-          id: Ot.value,
-          name: Ot.value,
+          id: Ht.value,
+          name: Ht.value,
           type: st.value,
           class: Ne(["component__input", [
-            Pe.value,
+            Ee.value,
             $a.value,
             p.value
           ]]),
@@ -1567,7 +1567,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
           max: dt.value ? e.max : void 0,
           step: dt.value ? e.step : void 0,
           role: "input",
-          style: he([Gt.value, Qt.value]),
+          style: he([Qt.value, zt.value]),
           onFocus: S[1] || (S[1] = (Te) => Xe.value = !0),
           onBlur: S[2] || (S[2] = (Te) => Xe.value = !1),
           onKeydown: S[3] || (S[3] = ja((Te) => !l(_) && l(w) && Wa(), ["enter"])),
@@ -1580,11 +1580,11 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
           ref_key: "inputRef",
           ref: ca,
           "onUpdate:modelValue": S[4] || (S[4] = (Te) => re.value = Te),
-          id: Ot.value,
-          name: Ot.value,
+          id: Ht.value,
+          name: Ht.value,
           type: st.value,
           class: Ne(["component__input", [
-            Pe.value,
+            Ee.value,
             $a.value,
             p.value
           ]]),
@@ -1598,7 +1598,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
           max: dt.value ? e.max : void 0,
           step: dt.value ? e.step : void 0,
           role: "input",
-          style: he([Gt.value, Qt.value]),
+          style: he([Qt.value, zt.value]),
           onFocus: S[5] || (S[5] = (Te) => Xe.value = !0),
           onBlur: S[6] || (S[6] = (Te) => Xe.value = !1),
           onKeydown: S[7] || (S[7] = ja((Te) => !l(_) && l(w) && Wa(), ["enter"])),
@@ -1608,7 +1608,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
         ]),
         l(R) ? (F(), M("label", {
           key: 4,
-          for: Ot.value,
+          for: Ht.value,
           class: Ne(["component__icon", nt.value])
         }, [
           _a(u.$slots, "icon", {}, () => [
@@ -1616,7 +1616,7 @@ const zo = ["title"], Wo = ["id"], Eo = ["for"], Po = {
           ], !0)
         ], 10, Ko)) : le("", !0)
       ], 14, Wo),
-      Pa.value ? (F(), M("div", {
+      Ea.value ? (F(), M("div", {
         key: 0,
         class: Ne([
           "component__message",
@@ -2003,12 +2003,12 @@ const Qo = ["title"], Zo = ["for"], Xo = {
       "0e451533": l(wt),
       "4f0e7ace": l(Qe),
       "5c5926e6": l(sa),
-      ddd2f422: l(zt),
-      "0ee8d1e4": l(Wt),
-      "21eed4f6": l(Ut),
-      "288f196f": l(jt),
+      ddd2f422: l(Wt),
+      "0ee8d1e4": l(Pt),
+      "21eed4f6": l(jt),
+      "288f196f": l(Kt),
       "69587f0a": l(Lt),
-      "0c330c22": l(E),
+      "0c330c22": l(P),
       "9be7e7aa": l(U),
       "45b59765": l(Ve),
       "4370d8a9": l(ut),
@@ -2033,7 +2033,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
       textColor: w,
       paddingX: L,
       paddingY: B,
-      borderRadius: P,
+      borderRadius: E,
       disabled: $,
       fontFamily: ae,
       fontSize: Z,
@@ -2048,7 +2048,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
       inputPlaceholder: xe,
       inputUppercase: Oe,
       inputReadonly: ce,
-      blockPaste: Ee,
+      blockPaste: Pe,
       inputAutocomplete: tt,
       inputMask: Re,
       required: Be,
@@ -2065,16 +2065,16 @@ const Qo = ["title"], Zo = ["for"], Xo = {
       lightTextColor: gt,
       lightChipBgColor: Qe,
       lightChipTextColor: sa,
-      lightChipRemoveColor: zt,
+      lightChipRemoveColor: Wt,
       lightDisabledBorderColor: rt,
-      darkBgColor: Ut,
+      darkBgColor: jt,
       darkBgColorFocus: da,
-      darkBorderColor: jt,
+      darkBorderColor: Kt,
       darkBorderColorFocus: ut,
       darkDisabledBgColor: Ft,
-      darkTextColor: Wt,
+      darkTextColor: Pt,
       darkChipBgColor: Lt,
-      darkChipTextColor: E,
+      darkChipTextColor: P,
       darkChipRemoveColor: U,
       darkDisabledBorderColor: _e,
       tabIndex: Me,
@@ -2094,7 +2094,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
       inputLabelMarginActive: bt,
       labelActiveTop: Ct,
       labelActiveLeft: Rt,
-      fontFamilyLabel: Kt,
+      fontFamilyLabel: Yt,
       fontSizeLabel: Jt,
       fontSizeLabelActive: Mt,
       fontWeightLabel: xt,
@@ -2106,7 +2106,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
       fontSizeChip: fe,
       fontWeightChip: Ce
     } = ul(W), ne = se(""), q = se(null), Et = se(null), ta = se(null), Ie = se([]), mt = se(!1), ye = a(() => {
-      const p = $.value ? "component-disabled" : "", b = de.value !== "b" ? "inline-block" : "block", d = !et.value || et.value < 185 ? 185 : et.value, D = w ? w.value : "ffffff", Pe = ze.value ? ze.value : "", Bt = V.value ? V.value : "", ba = R.value ? R.value : "", Ot = L.value !== 0 && !L.value || L.value < 0 ? 1 : L.value, Fa = B.value !== 0 && !B.value || B.value < 0 ? 0.2 : B.value, Va = P.value !== 0 && !P.value || P.value < 0 ? 0 : P.value, $a = ae.value ? ae.value : "'Lato', sans-serif", oa = Z.value ? Z.value : "1.2em", za = T.value !== 0 && !T.value || T.value < 0 ? 100 : T.value, Pa = be.value !== 0 && !be.value || be.value < 0 ? 0 : be.value, Oa = Q.value !== 0 && !Q.value || Q.value < 0 ? 10 : Q.value, Vt = !Ae.value || !["top", "bottom"].includes(Ae.value) ? "bottom" : Ae.value, Nt = !A.value || !["background", "line", "border"].includes(A.value) ? "background" : A.value, nt = Ye.value ? Ye.value : "light", ee = Se.value ? Se.value : !1, Ht = it.value !== 0 && !it.value || it.value < 0 ? 5 : it.value, ra = Le.value ? Le.value : "transparent", _t = bt.value !== 0 && !bt.value || bt.value < 0 ? 15 : bt.value, Qt = St.value ? St.value : "1px 5px", Zt = at.value !== 0 && !at.value || at.value < 0 ? 0 : at.value, Ha = Ct.value === null || Ct.value === void 0 ? -13 : Ct.value, ua = Rt.value === null || Rt.value === void 0 ? 5 : Rt.value, dt = Kt.value ? Kt.value : "'Lato', sans-serif", La = Jt.value ? Jt.value : "1em", qa = Mt.value ? Mt.value : "0.8em", Ua = xt.value ? xt.value : 400, Wa = ea.value ? ea.value : "#333333", O = je.value ? je.value : "#ffffff", u = yt.value ? yt.value : "#333333", S = I.value ? I.value : "#ffffff", Te = ue.value ? ue.value : "'Lato', sans-serif", Tt = fe.value ? fe.value : "1.2em", ht = Ce.value ? Ce.value : 400;
+      const p = $.value ? "component-disabled" : "", b = de.value !== "b" ? "inline-block" : "block", d = !et.value || et.value < 185 ? 185 : et.value, D = w ? w.value : "ffffff", Ee = ze.value ? ze.value : "", Bt = V.value ? V.value : "", ba = R.value ? R.value : "", Ht = L.value !== 0 && !L.value || L.value < 0 ? 1 : L.value, Fa = B.value !== 0 && !B.value || B.value < 0 ? 0.2 : B.value, Va = E.value !== 0 && !E.value || E.value < 0 ? 0 : E.value, $a = ae.value ? ae.value : "'Lato', sans-serif", oa = Z.value ? Z.value : "1.2em", za = T.value !== 0 && !T.value || T.value < 0 ? 100 : T.value, Ea = be.value !== 0 && !be.value || be.value < 0 ? 0 : be.value, Oa = Q.value !== 0 && !Q.value || Q.value < 0 ? 10 : Q.value, Vt = !Ae.value || !["top", "bottom"].includes(Ae.value) ? "bottom" : Ae.value, Nt = !A.value || !["background", "line", "border"].includes(A.value) ? "background" : A.value, nt = Ye.value ? Ye.value : "light", ee = Se.value ? Se.value : !1, qt = it.value !== 0 && !it.value || it.value < 0 ? 5 : it.value, ra = Le.value ? Le.value : "transparent", _t = bt.value !== 0 && !bt.value || bt.value < 0 ? 15 : bt.value, zt = St.value ? St.value : "1px 5px", Zt = at.value !== 0 && !at.value || at.value < 0 ? 0 : at.value, Ha = Ct.value === null || Ct.value === void 0 ? -13 : Ct.value, ua = Rt.value === null || Rt.value === void 0 ? 5 : Rt.value, dt = Yt.value ? Yt.value : "'Lato', sans-serif", La = Jt.value ? Jt.value : "1em", qa = Mt.value ? Mt.value : "0.8em", Ua = xt.value ? xt.value : 400, Wa = ea.value ? ea.value : "#333333", O = je.value ? je.value : "#ffffff", u = yt.value ? yt.value : "#333333", S = I.value ? I.value : "#ffffff", Te = ue.value ? ue.value : "'Lato', sans-serif", Tt = fe.value ? fe.value : "1.2em", ht = Ce.value ? Ce.value : 400;
       return {
         disabled: p,
         display: b,
@@ -2115,22 +2115,22 @@ const Qo = ["title"], Zo = ["for"], Xo = {
         fontSize: oa,
         fontWeight: za,
         textColor: D,
-        caretColor: Pe,
+        caretColor: Ee,
         selectionBgColor: Bt,
         selectionTextColor: ba,
-        paddingX: Ot,
+        paddingX: Ht,
         paddingY: Fa,
         borderRadius: Va,
-        minChips: Pa,
+        minChips: Ea,
         maxChips: Oa,
         inputPosition: Vt,
         inputStyle: Nt,
         theme: nt,
         showLabel: ee,
-        labelLeft: Ht,
+        labelLeft: qt,
         labelBackground: ra,
         inputLabelMarginActive: _t,
-        labelPadding: Qt,
+        labelPadding: zt,
         labelBorderRadius: Zt,
         labelActiveTop: Ha,
         labelActiveLeft: ua,
@@ -2211,7 +2211,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
         width: `${p.width}px`
       };
       return p.display === "block" ? { width: "auto" } : b;
-    }), Yt = a(() => $e.value ? $e.value : `${H.value}-name-label`), na = a(() => mt.value || Ie.value.length > 0 || ne.value && ne.value.trim().length > 0), ha = a(() => Se.value ? mt.value || Ie.value.length > 0 ? xe.value : "" : xe.value), Gt = a(() => {
+    }), Gt = a(() => $e.value ? $e.value : `${H.value}-name-label`), na = a(() => mt.value || Ie.value.length > 0 || ne.value && ne.value.trim().length > 0), ha = a(() => Se.value ? mt.value || Ie.value.length > 0 ? xe.value : "" : xe.value), Qt = a(() => {
       const p = ye.value, b = na.value, d = b ? p.lightTextColorLabelActive : p.lightTextColorLabel, D = b ? p.darkTextColorLabelActive : p.darkTextColorLabel;
       return {
         fontFamily: p.fontFamilyLabel,
@@ -2273,7 +2273,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
     }, pe = async (p) => {
       var d;
       const b = ((d = p.clipboardData) == null ? void 0 : d.getData("text")) || "";
-      g("paste", b), Ee.value && p.preventDefault();
+      g("paste", b), Pe.value && p.preventDefault();
     }, pa = (p) => {
       if (!($.value || ce.value) && p.key === "Enter" && ne.value.trim() !== "") {
         p.preventDefault();
@@ -2286,7 +2286,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
         index: Ie.value.indexOf(p),
         list: Ie.value
       });
-    }, Pt = (p) => {
+    }, Ot = (p) => {
       Ie.value = Ie.value.filter((b) => b !== p), g("removed", {
         chip: p,
         index: Ie.value.indexOf(p),
@@ -2312,9 +2312,9 @@ const Qo = ["title"], Zo = ["for"], Xo = {
     }), [
       l(Se) ? (F(), M("label", {
         key: 0,
-        for: Yt.value,
+        for: Gt.value,
         class: "component__label",
-        style: he([Gt.value])
+        style: he([Qt.value])
       }, [
         Na(vt(l(We)), 1),
         l(Be) ? (F(), M("span", Xo, "*")) : le("", !0)
@@ -2339,7 +2339,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
             _a(p.$slots, "chip", {
               chips: Ie.value,
               chip: d,
-              removeChip: Pt
+              removeChip: Ot
             }, () => [
               me("span", {
                 class: "chip-text",
@@ -2349,7 +2349,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
                 key: 0,
                 class: "chip-remove",
                 style: he([Sa.value]),
-                onClick: (D) => Pt(d)
+                onClick: (D) => Ot(d)
               }, "×", 12, er)) : le("", !0)
             ], !0)
           ]))), 128))
@@ -2360,8 +2360,8 @@ const Qo = ["title"], Zo = ["for"], Xo = {
           ref: Et,
           type: "text",
           "onUpdate:modelValue": b[0] || (b[0] = (d) => ne.value = d),
-          id: Yt.value,
-          name: Yt.value,
+          id: Gt.value,
+          name: Gt.value,
           placeholder: ha.value,
           readonly: l(ce),
           autocomplete: l(tt),
@@ -2382,8 +2382,8 @@ const Qo = ["title"], Zo = ["for"], Xo = {
           ref: Et,
           type: "text",
           "onUpdate:modelValue": b[2] || (b[2] = (d) => ne.value = d),
-          id: Yt.value,
-          name: Yt.value,
+          id: Gt.value,
+          name: Gt.value,
           placeholder: ha.value,
           readonly: l(ce),
           autocomplete: l(tt),
@@ -2401,7 +2401,7 @@ const Qo = ["title"], Zo = ["for"], Xo = {
       ], 14, Jo)
     ], 16, Qo)) : le("", !0);
   }
-}), nr = /* @__PURE__ */ il(lr, [["__scopeId", "data-v-9342c4f9"]]), Ea = Object.freeze({
+}), nr = /* @__PURE__ */ il(lr, [["__scopeId", "data-v-9342c4f9"]]), Pa = Object.freeze({
   TYPE_NOT_ALLOWED: "TYPE_NOT_ALLOWED",
   EXTENSION_NOT_ALLOWED: "EXTENSION_NOT_ALLOWED",
   SIZE_EXCEEDED: "SIZE_EXCEEDED",
@@ -2511,9 +2511,9 @@ function cr(e, v, m, g = {}) {
       H();
       return;
     }
-    const B = new Image(), P = URL.createObjectURL(e);
+    const B = new Image(), E = URL.createObjectURL(e);
     B.onload = () => {
-      URL.revokeObjectURL(P);
+      URL.revokeObjectURL(E);
       const $ = B.width, ae = B.height;
       let Z = !1;
       for (let T = 0; T < w.length; T++)
@@ -2529,11 +2529,11 @@ function cr(e, v, m, g = {}) {
           width: $,
           height: ae,
           allowedPairs: T
-        }), Ea.GIF_DIMENSIONS_INVALID));
+        }), Pa.GIF_DIMENSIONS_INVALID));
       }
     }, B.onerror = () => {
-      URL.revokeObjectURL(P), de(Al(W.gifLoadError, Ea.GIF_LOAD_ERROR));
-    }, B.src = P;
+      URL.revokeObjectURL(E), de(Al(W.gifLoadError, Pa.GIF_LOAD_ERROR));
+    }, B.src = E;
   });
 }
 function fr(e, v = {}) {
@@ -2548,8 +2548,8 @@ function fr(e, v = {}) {
       w();
       return;
     }
-    const B = m != null && String(m).trim() !== "", P = g != null && g > 0;
-    if (!B && !P) {
+    const B = m != null && String(m).trim() !== "", E = g != null && g > 0;
+    if (!B && !E) {
       w();
       return;
     }
@@ -2567,22 +2567,22 @@ function fr(e, v = {}) {
                 height: _,
                 aspect: be.toFixed(2),
                 ratio: m
-              }), Ea.VIDEO_ASPECT_INVALID));
+              }), Pa.VIDEO_ASPECT_INVALID));
               return;
             }
           }
         }
       }
-      if (P && Number.isFinite($.duration) && $.duration > g) {
+      if (E && Number.isFinite($.duration) && $.duration > g) {
         L(Al(ia(de.videoDurationInvalid, {
           duration: $.duration.toFixed(2),
           maxDuration: g
-        }), Ea.VIDEO_DURATION_INVALID));
+        }), Pa.VIDEO_DURATION_INVALID));
         return;
       }
       w();
     }, $.onerror = () => {
-      URL.revokeObjectURL(ae), L(Al(de.videoLoadError, Ea.VIDEO_LOAD_ERROR));
+      URL.revokeObjectURL(ae), L(Al(de.videoLoadError, Pa.VIDEO_LOAD_ERROR));
     }, $.src = ae;
   });
 }
@@ -2596,7 +2596,7 @@ async function vr(e, {
   gifWidth: w,
   gifHeight: L,
   videoRatio: B,
-  videoMaxDuration: P,
+  videoMaxDuration: E,
   videoAspectTolerance: $ = 0.01,
   locale: ae = {}
 }) {
@@ -2609,7 +2609,7 @@ async function vr(e, {
           fileType: e.type || "unknown",
           accept: v || "any"
         }),
-        errorType: Ea.TYPE_NOT_ALLOWED
+        errorType: Pa.TYPE_NOT_ALLOWED
       };
     if (!ur(e.name, m)) {
       const T = (m || []).map(Fn).filter(Boolean).join(", ");
@@ -2619,29 +2619,29 @@ async function vr(e, {
           fileName: e.name,
           list: T
         }),
-        errorType: Ea.EXTENSION_NOT_ALLOWED
+        errorType: Pa.EXTENSION_NOT_ALLOWED
       };
     }
     return ir(e, g) ? {
       ok: !1,
       error: ia(Z.sizeExceeded, { fileName: e.name }),
-      errorType: Ea.SIZE_EXCEEDED
+      errorType: Pa.SIZE_EXCEEDED
     } : sr(e, H, W) ? {
       ok: !1,
       error: ia(Z.duplicateInList, { fileName: e.name }),
-      errorType: Ea.DUPLICATE_IN_LIST
+      errorType: Pa.DUPLICATE_IN_LIST
     } : dr(e, de, W) ? {
       ok: !1,
       error: ia(Z.duplicateInBatch, { fileName: e.name }),
-      errorType: Ea.DUPLICATE_IN_BATCH
+      errorType: Pa.DUPLICATE_IN_BATCH
     } : (await cr(e, w, L, Z), await fr(e, {
       videoRatio: B,
-      videoMaxDuration: P,
+      videoMaxDuration: E,
       aspectTolerance: $,
       locale: Z
     }), { ok: !0 });
   } catch (T) {
-    const k = T && typeof T.message == "string" ? T.message : String(T), _ = T && typeof T.code == "string" && T.code ? T.code : Ea.UNKNOWN;
+    const k = T && typeof T.message == "string" ? T.message : String(T), _ = T && typeof T.code == "string" && T.code ? T.code : Pa.UNKNOWN;
     return { ok: !1, error: k, errorType: _ };
   }
 }
@@ -3301,46 +3301,46 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
   ],
   setup(e, { expose: v, emit: m }) {
     rl((r) => ({
-      "135b2aa1": ya.value,
-      "73acfee2": Te.value,
-      "73a45192": l(St),
-      d90006c2: Qa.value,
-      "68d6d29e": Xt.value,
-      "607053ee": t.value,
-      "3b995a55": l(Et),
-      "43db7d64": l(Rt),
-      "03e748e1": l(aa),
-      "398b511a": l(Ct),
-      edb5e704: l(Kt),
-      "12981c46": ka.value,
-      "419b0f36": l(at),
-      ffab317c: l(lt),
-      "3c3eb63c": l(it),
-      c0ab42f0: l(bt),
-      "71ff4d2a": l(q),
-      "68c7c112": l(ke),
-      "4a791e5e": l(Le),
-      "4295e68c": l(Jt),
-      "7a3c607a": l(V),
-      "30bd407e": l(R),
-      "29babdc4": l(Se),
-      "07158478": l(We),
-      "5a279dee": X.value,
-      "22837b8e": ma.value,
-      "4d5dcaf4": Ia.value,
-      "789ae294": sl.value,
-      e16c6a4e: y.value,
-      a4faca74: l(Mt),
-      "45d3b139": ve.value,
-      62626626: Ra.value,
-      eb07b936: Ka.value,
-      "4505314e": Ya.value,
-      "11ec5928": ot.value,
-      "63559fce": ml.value,
-      bac6670e: yl.value,
-      "600a76ea": bl.value,
-      "4aee879c": Ga.value,
-      "6e18e757": Ma.value
+      "08d7bb6a": ya.value,
+      "9c48efb6": Te.value,
+      "03998688": l(St),
+      "5ace76b5": Qa.value,
+      b72eaf72: Xt.value,
+      "78444bc2": t.value,
+      "6931a6eb": l(Et),
+      "6c776e38": l(Rt),
+      10056612: l(aa),
+      "6242d030": l(Ct),
+      "625c63a8": l(Yt),
+      "3518e4f0": ka.value,
+      "6836044c": l(at),
+      baa9a028: l(lt),
+      "238ec60c": l(it),
+      "7b7d0f9c": l(bt),
+      "4c719f95": l(q),
+      "5a469e21": l(ke),
+      "38b18208": l(Le),
+      "2c689ad0": l(Jt),
+      "27000e24": l(V),
+      "5e558d14": l(R),
+      "418eb598": l(Se),
+      "2cc1595a": l(We),
+      "3692edd0": X.value,
+      "113f0ae3": ma.value,
+      bec0d6c8: Ia.value,
+      c6f2bf68: sl.value,
+      "7afbd26f": y.value,
+      71384548: l(Mt),
+      "1ad1423a": ve.value,
+      ee054988: Ra.value,
+      "51ca9d7b": Ka.value,
+      "729d7de4": Ya.value,
+      "2a7f2a84": ot.value,
+      "9deda438": ml.value,
+      "30a248a3": yl.value,
+      "1adc4396": bl.value,
+      "05ecf648": Ga.value,
+      "0eb05afe": Ma.value
     }));
     const g = m, W = e, {
       nbId: H,
@@ -3348,7 +3348,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       hasTabIndexEnter: w,
       ariaLabel: L,
       ariaAttrs: B,
-      textColor: P,
+      textColor: E,
       caretColor: $,
       selectionBgColor: ae,
       selectionTextColor: Z,
@@ -3363,7 +3363,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       fontWeightMsg: xe,
       textMessageColor: Oe,
       fontFamilyFileList: ce,
-      fontSizeFileList: Ee,
+      fontSizeFileList: Pe,
       fontWeightFileList: tt,
       textFileListColor: Re,
       textFileListPadding: Be,
@@ -3380,16 +3380,16 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       fileExtension: gt,
       fileExtensions: Qe,
       captureMode: sa,
-      maxFileSizeBytes: zt,
+      maxFileSizeBytes: Wt,
       maxFiles: rt,
-      allowedExtensions: Ut,
+      allowedExtensions: jt,
       allowDuplicates: da,
-      gifWidth: jt,
+      gifWidth: Kt,
       gifHeight: ut,
       videoMaxDuration: Ft,
-      videoRatio: Wt,
+      videoRatio: Pt,
       videoAspectTolerance: Lt,
-      showFilesCounter: E,
+      showFilesCounter: P,
       locale: U,
       showConstraintsText: _e,
       showConstraintsAccept: Me,
@@ -3409,7 +3409,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       darkControlBorderColorActive: bt,
       darkDisabledBgColor: Ct,
       darkTextColor: Rt,
-      darkDisabledControlBorderColor: Kt,
+      darkDisabledControlBorderColor: Yt,
       lightDisabledControlBorderColor: Jt,
       textAlign: Mt,
       showMsg: xt,
@@ -3443,10 +3443,10 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       labelActiveLeft: va,
       labelRight: Y,
       labelActiveRight: la,
-      fontFamilyLabel: Yt,
+      fontFamilyLabel: Gt,
       fontSizeLabel: na,
       fontSizeLabelActive: ha,
-      fontWeightLabel: Gt,
+      fontWeightLabel: Qt,
       lightTextColorLabel: Sa,
       lightTextColorLabelActive: Ca,
       darkTextColorLabel: Ta,
@@ -3458,23 +3458,23 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       textConstraintsPadding: pe,
       textConstraintsMargin: pa,
       fontFamilyClearButton: ga,
-      fontSizeClearButton: Pt,
+      fontSizeClearButton: Ot,
       fontWeightClearButton: p,
       textClearButtonColor: b,
       textClearButtonColorHover: d,
       textClearButtonPadding: D,
-      textClearButtonPaddingHover: Pe,
+      textClearButtonPaddingHover: Ee,
       textClearButtonBackground: Bt,
       textClearButtonBackgroundHover: ba,
-      fontFamilyCounter: Ot,
+      fontFamilyCounter: Ht,
       fontSizeCounter: Fa,
       fontWeightCounter: Va,
       textCounterColor: $a,
       textCounterPadding: oa,
       textCounterMargin: za,
-      showFileList: Pa,
+      showFileList: Ea,
       extraContendAbsolute: Oa
-    } = ul(W), Vt = se(null), Nt = se(null), nt = se(!1), ee = se([]), Ht = se([]), ra = se(0), _t = se(!1), Qt = {
+    } = ul(W), Vt = se(null), Nt = se(null), nt = se(!1), ee = se([]), qt = se([]), ra = se(0), _t = se(!1), zt = {
       clearAction: "Clear",
       chooseFileAriaLabel: "Choose file",
       singleFileLimit: "1 file",
@@ -3488,12 +3488,12 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
         (G) => G.startsWith("image/") || G.startsWith("video/") || G === "image/*" || G === "video/*"
       ) ? null : r === "auto" ? "environment" : r;
     }), ua = a(() => or(U.value)), dt = a(() => ({
-      ...Qt,
+      ...zt,
       // default file UI locale
       ...U.value || {}
       // resolved file locale
     })), La = a(() => {
-      if (!E.value || rt.value == null || !qe.value)
+      if (!P.value || rt.value == null || !qe.value)
         return "";
       const r = ua.value;
       return ia(r.filesCounter, {
@@ -3503,11 +3503,11 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
     }), qa = a(() => qe.value ? rt.value : 1), Ua = a(() => {
       if (!Me.value)
         return "";
-      const r = String(Zt.value || "").trim(), z = Ut.value, we = Array.isArray(z) ? z.map((qt) => String(qt).trim()).filter(Boolean).map((qt) => qt.startsWith(".") ? qt : `.${qt}`) : [], G = we.length ? we.join(", ") : "";
+      const r = String(Zt.value || "").trim(), z = jt.value, we = Array.isArray(z) ? z.map((Ut) => String(Ut).trim()).filter(Boolean).map((Ut) => Ut.startsWith(".") ? Ut : `.${Ut}`) : [], G = we.length ? we.join(", ") : "";
       if (!r && !G)
         return "";
       const Fe = dt.value.acceptedLine;
-      return Fe === DEFAULT_ACCEPTED_LINE ? r && G ? ia(DEFAULT_ACCEPTED_LINE, {
+      return Fe === zt.acceptedLine ? r && G ? ia(zt.acceptedLine, {
         accept: r,
         extensions: G
       }) : r ? ia("Accept: {accept}", { accept: r }) : ia("Extensions: {extensions}", { extensions: G }) : ia(Fe, {
@@ -3519,11 +3519,11 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
         const Fe = qa.value;
         return qe.value ? Fe == null ? dt.value.multipleFilesLimit : ia(dt.value.upToFilesLimit, { max: Fe }) : dt.value.singleFileLimit;
       })(), z = ia(dt.value.maxSizePerFile, {
-        size: hl(zt.value)
+        size: hl(Wt.value)
       }), we = Ua.value, G = [r, z];
       return we && G.push(we), G.join(" • ");
     }), O = a(() => {
-      const r = _.value ? "component-disabled" : "", z = de.value !== "b" ? "inline-block" : "block", we = P ? P.value : "#ffffff", G = $.value ? $.value : "", Fe = ae.value ? ae.value : "", Je = Z.value ? Z.value : "", qt = T.value ? T.value : !1, el = k.value !== 0 && !k.value || k.value < 0 ? 0 : k.value, ql = be.value ? be.value : "'Lato', sans-serif", Ul = Q.value ? Q.value : null, jl = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 100 : Ae.value, Kl = et.value ? et.value : "'Lato', sans-serif", Yl = $e.value ? $e.value : "1em", Gl = xe.value !== 0 && !xe.value || xe.value < 0 ? 100 : xe.value, Ql = Oe.value ? Oe.value : "#f15574", Zl = He.value ? He.value : 200, Xl = Ye.value ? Ye.value : "normal", Jl = A.value ? A.value : "xs", en = Ge.value ? Ge.value : !1, tn = pt.value ? pt.value : !1, an = Ze.value ? Ze.value : "light", ln = Mt.value ? Mt.value : "left", nn = K.value ? K.value : "background", on = ue.value ? ue.value : "5px 10px", rn = Ce.value ? Ce.value : "0", un = fe.value ? fe.value : 10, sn = q.value ? q.value : "#000000", dn = Et.value ? Et.value : "#000000", cn = ta.value ? ta.value : "transparent", fn = Ie.value ? Ie.value : "transparent", vn = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, pn = mt.value ? mt.value : "transparent", gn = ye.value ? ye.value : "transparent", bn = oe.value ? oe.value : 32, yn = ie.value ? ie.value : 1, mn = kt.value ? kt.value : !1, hn = It.value !== 0 && !It.value || It.value < 0 ? 5 : It.value, Sn = re.value ? re.value : "transparent", Cn = Xe.value !== 0 && !Xe.value || Xe.value < 0 ? 15 : Xe.value, xn = ca.value ? ca.value : "1px 5px", Bn = st.value !== 0 && !st.value || st.value < 0 ? 0 : st.value, $n = fa.value === null || fa.value === void 0 ? -13 : fa.value, Rn = va.value === null || va.value === void 0 ? 5 : va.value, Mn = Y.value === null || Y.value === void 0 ? 0 : Y.value, In = la.value === null || la.value === void 0 ? 0 : la.value, Nn = Yt.value ? Yt.value : "'Lato', sans-serif", _n = na.value ? na.value : "1em", zn = ha.value ? ha.value : "0.8em", Wn = Gt.value ? Gt.value : 400, En = Sa.value ? Sa.value : "#ffffff", Pn = Ta.value ? Ta.value : "#000000", On = Ca.value ? Ca.value : "#ffffff", Hn = Aa.value ? Aa.value : "#000000", qn = ce.value ? ce.value : "'Lato', sans-serif", Un = Ee.value ? Ee.value : "1.6em", jn = tt.value ? tt.value : 400, Kn = Re.value ? Re.value : "#000000", Yn = Be.value ? Be.value : "2px", Gn = C.value ? C.value : "2px", Qn = Da.value ? Da.value : "'Lato', sans-serif", Zn = wa.value ? wa.value : "1.2em", Xn = xa.value ? xa.value : 400, Jn = Ba.value ? Ba.value : "#6b7280", eo = pe.value ? pe.value : "2px", to = pa.value ? pa.value : "6px 0 0 0", ao = ga.value ? ga.value : "'Lato', sans-serif", lo = Pt.value ? Pt.value : "1.2em", no = p.value ? p.value : 400, oo = b.value ? b.value : "#6b7280", ro = d.value ? d.value : "#000000", uo = D.value ? D.value : "0px 6px", io = Pe.value ? Pe.value : "0px 6px", so = Bt.value ? Bt.value : "transparent", co = ba.value ? ba.value : "transparent", fo = Ot.value ? Ot.value : "'Lato', sans-serif", vo = Fa.value ? Fa.value : "1.2em", po = Va.value ? Va.value : 600, go = $a.value ? $a.value : "#374151", bo = oa.value ? oa.value : "0px", yo = za.value ? za.value : "4px 0 0 0";
+      const r = _.value ? "component-disabled" : "", z = de.value !== "b" ? "inline-block" : "block", we = E ? E.value : "#ffffff", G = $.value ? $.value : "", Fe = ae.value ? ae.value : "", Je = Z.value ? Z.value : "", Ut = T.value ? T.value : !1, el = k.value !== 0 && !k.value || k.value < 0 ? 0 : k.value, ql = be.value ? be.value : "'Lato', sans-serif", Ul = Q.value ? Q.value : null, jl = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 100 : Ae.value, Kl = et.value ? et.value : "'Lato', sans-serif", Yl = $e.value ? $e.value : "1em", Gl = xe.value !== 0 && !xe.value || xe.value < 0 ? 100 : xe.value, Ql = Oe.value ? Oe.value : "#f15574", Zl = He.value ? He.value : 200, Xl = Ye.value ? Ye.value : "normal", Jl = A.value ? A.value : "xs", en = Ge.value ? Ge.value : !1, tn = pt.value ? pt.value : !1, an = Ze.value ? Ze.value : "light", ln = Mt.value ? Mt.value : "left", nn = K.value ? K.value : "background", on = ue.value ? ue.value : "5px 10px", rn = Ce.value ? Ce.value : "0", un = fe.value ? fe.value : 10, sn = q.value ? q.value : "#000000", dn = Et.value ? Et.value : "#000000", cn = ta.value ? ta.value : "transparent", fn = Ie.value ? Ie.value : "transparent", vn = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, pn = mt.value ? mt.value : "transparent", gn = ye.value ? ye.value : "transparent", bn = oe.value ? oe.value : 32, yn = ie.value ? ie.value : 1, mn = kt.value ? kt.value : !1, hn = It.value !== 0 && !It.value || It.value < 0 ? 5 : It.value, Sn = re.value ? re.value : "transparent", Cn = Xe.value !== 0 && !Xe.value || Xe.value < 0 ? 15 : Xe.value, xn = ca.value ? ca.value : "1px 5px", Bn = st.value !== 0 && !st.value || st.value < 0 ? 0 : st.value, $n = fa.value === null || fa.value === void 0 ? -13 : fa.value, Rn = va.value === null || va.value === void 0 ? 5 : va.value, Mn = Y.value === null || Y.value === void 0 ? 0 : Y.value, In = la.value === null || la.value === void 0 ? 0 : la.value, Nn = Gt.value ? Gt.value : "'Lato', sans-serif", _n = na.value ? na.value : "1em", zn = ha.value ? ha.value : "0.8em", Wn = Qt.value ? Qt.value : 400, Pn = Sa.value ? Sa.value : "#ffffff", En = Ta.value ? Ta.value : "#000000", On = Ca.value ? Ca.value : "#ffffff", Hn = Aa.value ? Aa.value : "#000000", qn = ce.value ? ce.value : "'Lato', sans-serif", Un = Pe.value ? Pe.value : "1.6em", jn = tt.value ? tt.value : 400, Kn = Re.value ? Re.value : "#000000", Yn = Be.value ? Be.value : "2px", Gn = C.value ? C.value : "2px", Qn = Da.value ? Da.value : "'Lato', sans-serif", Zn = wa.value ? wa.value : "1.2em", Xn = xa.value ? xa.value : 400, Jn = Ba.value ? Ba.value : "#6b7280", eo = pe.value ? pe.value : "2px", to = pa.value ? pa.value : "6px 0 0 0", ao = ga.value ? ga.value : "'Lato', sans-serif", lo = Ot.value ? Ot.value : "1.2em", no = p.value ? p.value : 400, oo = b.value ? b.value : "#6b7280", ro = d.value ? d.value : "#000000", uo = D.value ? D.value : "0px 6px", io = Ee.value ? Ee.value : "0px 6px", so = Bt.value ? Bt.value : "transparent", co = ba.value ? ba.value : "transparent", fo = Ht.value ? Ht.value : "'Lato', sans-serif", vo = Fa.value ? Fa.value : "1.2em", po = Va.value ? Va.value : 600, go = $a.value ? $a.value : "#374151", bo = oa.value ? oa.value : "0px", yo = za.value ? za.value : "4px 0 0 0";
       return {
         disabled: r,
         display: z,
@@ -3538,7 +3538,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
         caretColor: G,
         selectionBgColor: Fe,
         selectionTextColor: Je,
-        hasBorderRadius: qt,
+        hasBorderRadius: Ut,
         borderRadius: el,
         textAlign: ln,
         inputWidth: Zl,
@@ -3574,8 +3574,8 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
         fontSizeLabel: _n,
         fontSizeLabelActive: zn,
         fontWeightLabel: Wn,
-        lightTextColorLabel: En,
-        darkTextColorLabel: Pn,
+        lightTextColorLabel: Pn,
+        darkTextColorLabel: En,
         lightTextColorLabelActive: On,
         darkTextColorLabelActive: Hn,
         fontFamilyFileList: qn,
@@ -3687,7 +3687,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
         default:
           return "component__theme--light";
       }
-    }), h = a(() => O.value.inputReadonly ? "component__input--read-only" : ""), x = a(() => O.value.inputUppercase ? "component__input--uppercase" : ""), N = a(() => wt.value ? wt.value : `${H.value}-name-label`), j = a(() => kt.value ? nt.value ? Ve.value : "" : Ve.value), te = a(() => nt.value || ee.value.length > 0), ve = a(() => "6px 10px"), Ke = a(() => !!(xt.value && ea.value)), ct = a(() => !1), ft = a(() => !!(Pa.value && ee.value.length > 0)), At = a(() => {
+    }), h = a(() => O.value.inputReadonly ? "component__input--read-only" : ""), x = a(() => O.value.inputUppercase ? "component__input--uppercase" : ""), N = a(() => wt.value ? wt.value : `${H.value}-name-label`), j = a(() => kt.value ? nt.value ? Ve.value : "" : Ve.value), te = a(() => nt.value || ee.value.length > 0), ve = a(() => "6px 10px"), Ke = a(() => !!(xt.value && ea.value)), ct = a(() => !1), ft = a(() => !!(Ea.value && ee.value.length > 0)), At = a(() => {
       const r = {};
       B.value && Object.keys(B.value).forEach((G) => r[`aria-${G}`] = B.value[G]);
       const z = {
@@ -3789,7 +3789,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
     }), bl = a(() => O.value.textClearButtonPaddingHover), yl = a(() => O.value.textClearButtonColorHover), ml = a(() => O.value.textClearButtonBackgroundHover), Za = (r) => {
       g("clicked", r), Tl();
     }, Xa = ({ emitEvent: r = !0 } = {}) => {
-      Ht.value = [], r && g("validation-errors", []);
+      qt.value = [], r && g("validation-errors", []);
     }, hl = (r) => {
       if (!r || r <= 0)
         return "0 B";
@@ -3800,10 +3800,10 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
     }, Cl = () => {
       !_t.value && ee.value.length === 0 || (nt.value = !0);
     }, xl = () => {
-      var z, we, G, Fe, Je, qt;
+      var z, we, G, Fe, Je, Ut;
       ra.value++, _t.value = !1;
       const r = ((we = (z = Vt.value) == null ? void 0 : z.files) == null ? void 0 : we.length) || 0;
-      nt.value = ee.value.length > 0 || r > 0, Ue.value && ee.value.length === 0 && r === 0 && ((Fe = (G = Vt.value) == null ? void 0 : G.blur) == null || Fe.call(G), (qt = (Je = Nt.value) == null ? void 0 : Je.blur) == null || qt.call(Je));
+      nt.value = ee.value.length > 0 || r > 0, Ue.value && ee.value.length === 0 && r === 0 && ((Fe = (G = Vt.value) == null ? void 0 : G.blur) == null || Fe.call(G), (Ut = (Je = Nt.value) == null ? void 0 : Je.blur) == null || Ut.call(Je));
     }, Ja = (r = "cancelled", z = 0) => {
       g("file-dialog-closed", { reason: r, selectedCount: z });
     }, Bl = () => {
@@ -3827,12 +3827,12 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       ra.value++, _t.value = !1, Xa({ emitEvent: !1 });
       const z = Array.from(r.target.files || []), we = z.length, G = /* @__PURE__ */ new Set(), Fe = [];
       for (const Je of z) {
-        const qt = await vr(Je, {
+        const Ut = await vr(Je, {
           accept: Zt.value,
           // Accepted file extensions
-          allowedExtensions: Ut.value,
+          allowedExtensions: jt.value,
           // Allowed extensions list
-          maxFileSizeBytes: zt.value,
+          maxFileSizeBytes: Wt.value,
           // Max file size in bytes
           allowDuplicates: da.value,
           // Allow duplicates
@@ -3840,11 +3840,11 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
           // Existing files
           batchKeySet: G,
           // Batch key set
-          gifWidth: jt.value,
+          gifWidth: Kt.value,
           // GIF width
           gifHeight: ut.value,
           // GIF height
-          videoRatio: Wt.value,
+          videoRatio: Pt.value,
           // Video ratio
           videoMaxDuration: Ft.value,
           // Video max duration
@@ -3853,9 +3853,9 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
           locale: ua.value
           // Resolved file locale
         });
-        if (!qt.ok) {
-          const el = Tn(Je, qt.error, qt.errorType);
-          Ht.value.push(el), g("validation-error", el);
+        if (!Ut.ok) {
+          const el = Tn(Je, Ut.error, Ut.errorType);
+          qt.value.push(el), g("validation-error", el);
           continue;
         }
         G.add(kn(Je)), Fe.push(Je);
@@ -3864,25 +3864,25 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
         if (rt.value != null) {
           const Je = rt.value - ee.value.length;
           if (Je <= 0) {
-            const qt = ia(ua.value.maxFilesReached, {
+            const Ut = ia(ua.value.maxFilesReached, {
               max: rt.value
-            }), el = Tn(null, qt, Ea.MAX_FILES_REACHED);
-            Ht.value.push(el), g("validation-error", el), Fe.length = 0;
+            }), el = Tn(null, Ut, Pa.MAX_FILES_REACHED);
+            qt.value.push(el), g("validation-error", el), Fe.length = 0;
           } else
             Fe.length > Je && Fe.splice(Je);
         }
         ee.value = [...ee.value, ...Fe];
       } else
         ee.value = Fe.length ? [Fe[0]] : [];
-      nt.value = ee.value.length > 0, g("validation-errors", [...Ht.value]), g("changed", ee.value), g("current-value", ee.value), Ja(we > 0 ? "selected" : "cancelled", we);
+      nt.value = ee.value.length > 0, g("validation-errors", [...qt.value]), g("changed", ee.value), g("current-value", ee.value), Ja(we > 0 ? "selected" : "cancelled", we);
     }, $l = () => {
       _t.value || (nt.value = ee.value.length > 0);
     }, Wl = (r) => {
       const z = r == null ? void 0 : r.target;
       z && typeof z.matches == "function" && z.matches(":focus-visible") && (nt.value = !0);
-    }, El = () => {
+    }, Pl = () => {
       $l();
-    }, Pl = (r) => {
+    }, El = (r) => {
       r.stopPropagation(), !(_.value || O.value.inputReadonly) && Za(r);
     }, Ol = (r) => {
       _.value || O.value.inputReadonly || !w.value || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), Tl());
@@ -3958,9 +3958,9 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
             "aria-label": o.value,
             "aria-disabled": l(_) || l(Ge),
             style: he([ht.value, dl.value]),
-            onClick: Pl,
+            onClick: El,
             onFocus: Wl,
-            onBlur: El,
+            onBlur: Pl,
             onKeydown: Ol
           }, [
             me("div", Sr, [
@@ -3992,7 +3992,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
               class: "component__file-constraints",
               style: he([vl.value])
             }, vt(Wa.value), 5)) : le("", !0),
-            l(E) && l(rt) != null && l(qe) ? (F(), M("p", {
+            l(P) && l(rt) != null && l(qe) ? (F(), M("p", {
               key: 1,
               class: "component__file-counter",
               style: he([pl.value])
@@ -4007,12 +4007,12 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
             ], !0)
           ], 2)) : le("", !0),
           ct.value ? (F(), M("div", Lr, [
-            Ht.value.length ? _a(r.$slots, "file-errors", {
+            qt.value.length ? _a(r.$slots, "file-errors", {
               key: 0,
-              errors: Ht.value
+              errors: qt.value
             }, () => [
               me("div", kr, [
-                (F(!0), M(Dl, null, wl(Ht.value, (G, Fe) => (F(), M("div", {
+                (F(!0), M(Dl, null, wl(qt.value, (G, Fe) => (F(), M("div", {
                   key: Fe,
                   class: "component__file-error"
                 }, vt(G.msg), 1))), 128))
@@ -4046,7 +4046,7 @@ const pr = ["title"], gr = ["id"], br = ["for"], yr = {
       ], 16, pr)) : le("", !0);
     };
   }
-}), Fr = /* @__PURE__ */ il(wr, [["__scopeId", "data-v-9540f84f"]]);
+}), Fr = /* @__PURE__ */ il(wr, [["__scopeId", "data-v-c2af52b7"]]);
 const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
   key: 0,
   class: "component__label--required"
@@ -4472,7 +4472,7 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
       "2a5a3a8d": J.value,
       "61182a1f": re.value,
       "12b445f7": ca.value,
-      "36c1ba88": l(zt),
+      "36c1ba88": l(Wt),
       "3c18e808": l(sa),
       "632d7424": l(gt),
       "76d031d8": l(Qe),
@@ -4500,7 +4500,7 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
       ariaLabel: w,
       ariaAttrs: L,
       textColor: B,
-      caretColor: P,
+      caretColor: E,
       selectionBgColor: $,
       selectionTextColor: ae,
       hasBorderRadius: Z,
@@ -4515,7 +4515,7 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
       textMessageColor: xe,
       inputWidth: Oe,
       inputStyle: ce,
-      activeTextStyle: Ee,
+      activeTextStyle: Pe,
       inputReadonly: tt,
       blockPaste: Re,
       hasTrim: Be,
@@ -4532,16 +4532,16 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
       darkBgColor: gt,
       darkBgColorFocus: Qe,
       darkDisabledBgColor: sa,
-      darkTextColor: zt,
+      darkTextColor: Wt,
       textAlign: rt,
-      showMsg: Ut,
+      showMsg: jt,
       hasMsg: da,
-      extraContendAbsolute: jt,
+      extraContendAbsolute: Kt,
       showLabel: ut,
       labelBackground: Ft,
-      labelPadding: Wt,
+      labelPadding: Pt,
       labelBorderRadius: Lt,
-      labelBreakOnActive: E,
+      labelBreakOnActive: P,
       labelLeft: U,
       inputLabelMarginActive: _e,
       labelActiveTop: Me,
@@ -4561,7 +4561,7 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
       maxlength: bt,
       minlength: Ct,
       wrap: Rt,
-      spellcheck: Kt,
+      spellcheck: Yt,
       autofocus: Jt,
       resize: Mt,
       minWidth: xt,
@@ -4572,27 +4572,27 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
       minRows: ue,
       maxRows: fe
     } = ul(g), Ce = se(""), ne = se(!1), q = a(() => {
-      const d = k.value ? "component-disabled" : "", D = H.value !== "b" ? "inline-block" : "block", Pe = B ? B.value : "ffffff", Bt = P.value ? P.value : "", ba = $.value ? $.value : "", Ot = ae.value ? ae.value : "", Fa = Z.value ? Z.value : !1, Va = T.value !== 0 && !T.value || T.value < 0 ? 0 : T.value, $a = _.value ? _.value : "'Lato', sans-serif", oa = be.value ? be.value : "1.4em", za = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, Pa = Ae.value ? Ae.value : "'Lato', sans-serif", Oa = et.value ? et.value : "1em", Vt = $e.value !== 0 && !$e.value || $e.value < 0 ? 100 : $e.value, Nt = xe.value ? xe.value : "#f15574", nt = Oe.value ? Oe.value : 200, ee = Ee.value ? Ee.value : "normal", Ht = tt.value ? tt.value : !1, ra = C.value ? C.value : !1, _t = A.value ? A.value : "light", Qt = rt.value ? rt.value : "left", Zt = ce.value ? ce.value : "background", Ha = ut.value ? ut.value : !1, ua = U.value !== 0 && !U.value || U.value < 0 ? 5 : U.value, dt = Ft.value ? Ft.value : "transparent", La = _e.value !== 0 && !_e.value || _e.value < 0 ? 15 : _e.value, qa = Wt.value ? Wt.value : "1px 5px", Ua = Lt.value !== 0 && !Lt.value || Lt.value < 0 ? 0 : Lt.value, Wa = Me.value === null || Me.value === void 0 ? -13 : Me.value, O = Ue.value === null || Ue.value === void 0 ? 5 : Ue.value, u = $t.value === null || $t.value === void 0 ? 0 : $t.value, S = Ze.value === null || Ze.value === void 0 ? 0 : Ze.value, Te = ze.value ? ze.value : "'Lato', sans-serif", Tt = V.value ? V.value : "1em", ht = R.value ? R.value : "0.8em", ya = Se.value ? Se.value : 400, Ra = We.value ? We.value : "#ffffff", Ka = St.value ? St.value : "#000000", Ya = Le.value ? Le.value : "#ffffff", Ma = at.value ? at.value : "#000000", Ga = lt.value && lt.value > 0 ? lt.value : 2, ot = it.value && it.value > 0 ? it.value : 20, Qa = bt.value !== null && bt.value >= 0 ? bt.value : null, Xt = Ct.value !== null && Ct.value >= 0 ? Ct.value : null, t = Rt.value && ["soft", "hard", "off"].includes(Rt.value) ? Rt.value : "soft", n = Kt.value !== void 0 ? Kt.value : "default", i = Jt.value !== void 0 ? Jt.value : !1, s = Mt.value && ["none", "both", "vertical", "horizontal"].includes(Mt.value) ? Mt.value : "vertical", f = xt.value ? xt.value : "auto", c = ea.value ? ea.value : "auto", h = yt.value ? yt.value : "auto", x = je.value ? je.value : "auto", N = I.value !== void 0 ? I.value : !1, j = ue.value !== null && ue.value > 0 ? ue.value : null, te = fe.value !== null && fe.value > 0 ? fe.value : null;
+      const d = k.value ? "component-disabled" : "", D = H.value !== "b" ? "inline-block" : "block", Ee = B ? B.value : "ffffff", Bt = E.value ? E.value : "", ba = $.value ? $.value : "", Ht = ae.value ? ae.value : "", Fa = Z.value ? Z.value : !1, Va = T.value !== 0 && !T.value || T.value < 0 ? 0 : T.value, $a = _.value ? _.value : "'Lato', sans-serif", oa = be.value ? be.value : "1.4em", za = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, Ea = Ae.value ? Ae.value : "'Lato', sans-serif", Oa = et.value ? et.value : "1em", Vt = $e.value !== 0 && !$e.value || $e.value < 0 ? 100 : $e.value, Nt = xe.value ? xe.value : "#f15574", nt = Oe.value ? Oe.value : 200, ee = Pe.value ? Pe.value : "normal", qt = tt.value ? tt.value : !1, ra = C.value ? C.value : !1, _t = A.value ? A.value : "light", zt = rt.value ? rt.value : "left", Zt = ce.value ? ce.value : "background", Ha = ut.value ? ut.value : !1, ua = U.value !== 0 && !U.value || U.value < 0 ? 5 : U.value, dt = Ft.value ? Ft.value : "transparent", La = _e.value !== 0 && !_e.value || _e.value < 0 ? 15 : _e.value, qa = Pt.value ? Pt.value : "1px 5px", Ua = Lt.value !== 0 && !Lt.value || Lt.value < 0 ? 0 : Lt.value, Wa = Me.value === null || Me.value === void 0 ? -13 : Me.value, O = Ue.value === null || Ue.value === void 0 ? 5 : Ue.value, u = $t.value === null || $t.value === void 0 ? 0 : $t.value, S = Ze.value === null || Ze.value === void 0 ? 0 : Ze.value, Te = ze.value ? ze.value : "'Lato', sans-serif", Tt = V.value ? V.value : "1em", ht = R.value ? R.value : "0.8em", ya = Se.value ? Se.value : 400, Ra = We.value ? We.value : "#ffffff", Ka = St.value ? St.value : "#000000", Ya = Le.value ? Le.value : "#ffffff", Ma = at.value ? at.value : "#000000", Ga = lt.value && lt.value > 0 ? lt.value : 2, ot = it.value && it.value > 0 ? it.value : 20, Qa = bt.value !== null && bt.value >= 0 ? bt.value : null, Xt = Ct.value !== null && Ct.value >= 0 ? Ct.value : null, t = Rt.value && ["soft", "hard", "off"].includes(Rt.value) ? Rt.value : "soft", n = Yt.value !== void 0 ? Yt.value : "default", i = Jt.value !== void 0 ? Jt.value : !1, s = Mt.value && ["none", "both", "vertical", "horizontal"].includes(Mt.value) ? Mt.value : "vertical", f = xt.value ? xt.value : "auto", c = ea.value ? ea.value : "auto", h = yt.value ? yt.value : "auto", x = je.value ? je.value : "auto", N = I.value !== void 0 ? I.value : !1, j = ue.value !== null && ue.value > 0 ? ue.value : null, te = fe.value !== null && fe.value > 0 ? fe.value : null;
       return {
         disabled: d,
         display: D,
         font: $a,
         fontSize: oa,
         fontWeight: za,
-        fontFamilyMsg: Pa,
+        fontFamilyMsg: Ea,
         fontSizeMsg: Oa,
         fontWeightMsg: Vt,
         textMessageColor: Nt,
-        textColor: Pe,
+        textColor: Ee,
         caretColor: Bt,
         selectionBgColor: ba,
-        selectionTextColor: Ot,
+        selectionTextColor: Ht,
         hasBorderRadius: Fa,
         borderRadius: Va,
-        textAlign: Qt,
+        textAlign: zt,
         inputWidth: nt,
         activeTextStyle: ee,
-        inputReadonly: Ht,
+        inputReadonly: qt,
         inputUppercase: ra,
         theme: _t,
         inputStyle: Zt,
@@ -4696,9 +4696,9 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
         default:
           return "component__theme--light";
       }
-    }), va = a(() => q.value.inputReadonly ? "component__input--read-only" : ""), Y = a(() => q.value.inputUppercase ? "component__input--uppercase" : ""), la = a(() => He.value ? He.value : `${W.value}-name-label`), Yt = a(() => ut.value ? ne.value ? K.value : "" : K.value), na = a(() => ne.value || Ce.value && Ce.value.trim().length > 0);
+    }), va = a(() => q.value.inputReadonly ? "component__input--read-only" : ""), Y = a(() => q.value.inputUppercase ? "component__input--uppercase" : ""), la = a(() => He.value ? He.value : `${W.value}-name-label`), Gt = a(() => ut.value ? ne.value ? K.value : "" : K.value), na = a(() => ne.value || Ce.value && Ce.value.trim().length > 0);
     a(() => ne.value ? "component__input--active" : "component__input--no-active");
-    const ha = a(() => "6px 10px"), Gt = a(() => !!(Ut.value && da.value)), Sa = a(() => {
+    const ha = a(() => "6px 10px"), Qt = a(() => !!(jt.value && da.value)), Sa = a(() => {
       const d = {};
       L.value && Object.keys(L.value).forEach((Bt) => d[`aria-${Bt}`] = L.value[Bt]);
       const D = {
@@ -4707,15 +4707,15 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
         ...d
       };
       return Object.fromEntries(
-        Object.entries(D).filter(([Pe, Bt]) => Bt != null)
+        Object.entries(D).filter(([Ee, Bt]) => Bt != null)
       );
     }), Ca = a(() => {
-      const d = q.value, D = na.value, Pe = D ? d.lightTextColorLabelActive : d.lightTextColorLabel, Bt = D ? d.darkTextColorLabelActive : d.darkTextColorLabel;
+      const d = q.value, D = na.value, Ee = D ? d.lightTextColorLabelActive : d.lightTextColorLabel, Bt = D ? d.darkTextColorLabelActive : d.darkTextColorLabel;
       return {
         fontFamily: d.fontFamilyLabel,
         fontSize: D ? d.fontSizeLabelActive : d.fontSizeLabel,
         fontWeight: d.fontWeightLabel,
-        color: d.theme === "dark" ? Bt : Pe,
+        color: d.theme === "dark" ? Bt : Ee,
         top: D ? `${d.labelActiveTop}px` : "50%",
         transform: D ? "translateY(0)" : "translateY(-50%)",
         left: D ? `${d.labelActiveLeft}px` : `${d.labelLeft}px`,
@@ -4726,12 +4726,12 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
         borderRadius: D ? `${d.labelBorderRadius}rem` : "0",
         // Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
         ...D ? {
-          whiteSpace: E.value ? "nowrap" : "normal",
-          wordWrap: E.value ? "normal" : "break-word",
-          overflowWrap: E.value ? "normal" : "break-word",
+          whiteSpace: P.value ? "nowrap" : "normal",
+          wordWrap: P.value ? "normal" : "break-word",
+          overflowWrap: P.value ? "normal" : "break-word",
           maxWidth: "100%",
-          textOverflow: E.value ? "ellipsis" : "clip",
-          overflow: E.value ? "hidden" : "visible"
+          textOverflow: P.value ? "ellipsis" : "clip",
+          overflow: P.value ? "hidden" : "visible"
         } : {}
       };
     });
@@ -4777,11 +4777,11 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
       Ce.value = Ye.value;
     }, ga = (d) => {
       m("clicked", d);
-    }, Pt = () => {
+    }, Ot = () => {
       k.value || q.value.inputReadonly || !de.value || m("entered", Ce.value);
     }, p = async (d) => {
-      var Pe;
-      const D = ((Pe = d.clipboardData) == null ? void 0 : Pe.getData("text")) || "";
+      var Ee;
+      const D = ((Ee = d.clipboardData) == null ? void 0 : Ee.getData("text")) || "";
       m("paste", D), Re.value && d.preventDefault();
     }, b = () => {
       let d = Ce.value;
@@ -4806,7 +4806,7 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
         id: l(W),
         class: Ne(["nb-reset", "component", fa.value, va.value, It.value]),
         style: he([mt.value, st.value, ye.value]),
-        onClick: D[4] || (D[4] = (Pe) => ga(Pe))
+        onClick: D[4] || (D[4] = (Ee) => ga(Ee))
       }, [
         l(ut) ? (F(), M("label", {
           key: 0,
@@ -4818,7 +4818,7 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
           e.required ? (F(), M("span", Ir, "*")) : le("", !0)
         ], 12, Mr)) : le("", !0),
         ll(me("textarea", al({
-          "onUpdate:modelValue": D[0] || (D[0] = (Pe) => Ce.value = Pe),
+          "onUpdate:modelValue": D[0] || (D[0] = (Ee) => Ce.value = Ee),
           id: la.value,
           name: la.value
         }, Ta.value, {
@@ -4826,7 +4826,7 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
             Y.value,
             Xe.value
           ]],
-          placeholder: Yt.value,
+          placeholder: Gt.value,
           disabled: l(k) || l(tt),
           required: e.required,
           readonly: l(tt),
@@ -4834,22 +4834,22 @@ const $r = ["title"], Rr = ["id"], Mr = ["for"], Ir = {
           tabindex: l(k) || l(tt) ? -1 : l(Ge),
           role: "textbox",
           style: [ye.value, Aa.value, Da.value, wa.value, xa.value, Ba.value, pe.value],
-          onFocus: D[1] || (D[1] = (Pe) => ne.value = !0),
-          onBlur: D[2] || (D[2] = (Pe) => ne.value = !1),
+          onFocus: D[1] || (D[1] = (Ee) => ne.value = !0),
+          onBlur: D[2] || (D[2] = (Ee) => ne.value = !1),
           onInput: b,
-          onKeydown: D[3] || (D[3] = ja((Pe) => !l(k) && l(de) && Pt(), ["enter"])),
+          onKeydown: D[3] || (D[3] = ja((Ee) => !l(k) && l(de) && Ot(), ["enter"])),
           onPaste: p
         }), null, 16, Nr), [
           [Ln, Ce.value]
         ])
       ], 14, Rr),
-      Gt.value ? (F(), M("div", {
+      Qt.value ? (F(), M("div", {
         key: 0,
         class: Ne([
           "component__message",
           "component__extra-content",
           e.hasCustomMsg ? "component__message--custom" : "component__message--default",
-          { "component__extra-content--absolute": l(jt) }
+          { "component__extra-content--absolute": l(Kt) }
         ])
       }, [
         _a(d.$slots, "message", {}, () => [
@@ -4919,10 +4919,10 @@ e.getDate() === v.getDate(), Il = (e) => {
       const w = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, L = e.match(w);
       if (!L)
         return { hour: 0, minute: 0, second: void 0, timeString: "" };
-      const B = parseInt(L[1], 10), P = parseInt(L[2], 10), $ = L[3] ? parseInt(L[3], 10) : void 0;
+      const B = parseInt(L[1], 10), E = parseInt(L[2], 10), $ = L[3] ? parseInt(L[3], 10) : void 0;
       return {
         hour: B,
-        minute: P,
+        minute: E,
         second: g ? $ : void 0,
         timeString: e
       };
@@ -4930,17 +4930,17 @@ e.getDate() === v.getDate(), Il = (e) => {
       const w = e.split("T");
       if (w.length !== 2)
         return { date: null, hour: 0, minute: 0, second: void 0, datetimeString: null, isoString: null, isoStringLocal: null, day: null };
-      const L = w[0], B = w[1], P = Il(L);
-      if (!P)
+      const L = w[0], B = w[1], E = Il(L);
+      if (!E)
         return { date: null, hour: 0, minute: 0, second: void 0, datetimeString: null, isoString: null, isoStringLocal: null, day: null };
       const $ = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, ae = B.match($);
       if (!ae)
         return { date: null, hour: 0, minute: 0, second: void 0, datetimeString: null, isoString: null, isoStringLocal: null, day: null };
-      const Z = parseInt(ae[1], 10), T = parseInt(ae[2], 10), k = ae[3] ? parseInt(ae[3], 10) : void 0, _ = new Date(P.getTime());
+      const Z = parseInt(ae[1], 10), T = parseInt(ae[2], 10), k = ae[3] ? parseInt(ae[3], 10) : void 0, _ = new Date(E.getTime());
       _.setHours(Z, T, k || 0, 0);
       const be = /* @__PURE__ */ new Date();
       be.setHours(0, 0, 0, 0);
-      const Q = new Date(P.getTime());
+      const Q = new Date(E.getTime());
       return Q.setHours(0, 0, 0, 0), {
         date: Q,
         hour: Z,
@@ -4966,14 +4966,14 @@ e.getDate() === v.getDate(), Il = (e) => {
       const w = /^(\d{4})-W(\d{2})$/, L = e.match(w);
       if (!L)
         return { weekString: null, weekStartDate: null, weekEndDate: null, weekNumber: null, weekYear: null, isoString: null, isoStringLocal: null };
-      const B = parseInt(L[1], 10), P = parseInt(L[2], 10), Z = (8 - (new Date(B, 0, 4).getDay() || 7)) % 7, T = new Date(B, 0, 4 + Z), k = new Date(T.getTime());
-      k.setDate(T.getDate() + (P - 1) * 7), k.setHours(0, 0, 0, 0);
+      const B = parseInt(L[1], 10), E = parseInt(L[2], 10), Z = (8 - (new Date(B, 0, 4).getDay() || 7)) % 7, T = new Date(B, 0, 4 + Z), k = new Date(T.getTime());
+      k.setDate(T.getDate() + (E - 1) * 7), k.setHours(0, 0, 0, 0);
       const _ = new Date(k.getTime());
       return _.setDate(k.getDate() + 6), _.setHours(23, 59, 59, 999), {
         weekString: e,
         weekStartDate: k,
         weekEndDate: _,
-        weekNumber: P,
+        weekNumber: E,
         weekYear: B,
         isoString: Ll(k, H),
         isoStringLocal: Vl(k)
@@ -4982,15 +4982,15 @@ e.getDate() === v.getDate(), Il = (e) => {
       const w = /^(\d{4})-(\d{2})$/, L = e.match(w);
       if (!L)
         return { date: null, dateString: null, month: null, year: null, monthName: null, isoString: null, isoStringLocal: null };
-      const B = parseInt(L[1], 10), P = parseInt(L[2], 10) - 1, $ = new Date(B, P, 1);
+      const B = parseInt(L[1], 10), E = parseInt(L[2], 10) - 1, $ = new Date(B, E, 1);
       $.setHours(0, 0, 0, 0);
       const ae = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
       return {
         date: $,
-        dateString: `${B}-${kl(P + 1)}-01`,
-        month: P,
+        dateString: `${B}-${kl(E + 1)}-01`,
+        month: E,
         year: B,
-        monthName: ae[P],
+        monthName: ae[E],
         isoString: Ll($, H),
         isoStringLocal: Vl($)
       };
@@ -5027,7 +5027,7 @@ e.getDate() === v.getDate(), Il = (e) => {
   }
   return null;
 };
-const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
+const Pr = ["title"], Er = ["id"], Or = ["for"], Hr = {
   key: 0,
   class: "component__label--required"
 }, qr = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Ur = /* @__PURE__ */ Object.assign({
@@ -5695,18 +5695,18 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       "0cd5ff22": st.value,
       "0287a55f": l(Ft),
       "3df1bb1c": ha.value,
-      "782ed244": Gt.value,
+      "782ed244": Qt.value,
       "827d0e48": Sa.value,
       "24bebfe1": l(U),
-      fed55526: l(E),
-      "0f27d2ee": l(Wt),
-      a481bb82: Yt.value,
+      fed55526: l(P),
+      "0f27d2ee": l(Pt),
+      a481bb82: Gt.value,
       "38f00862": l(Lt),
       "5931dff6": D.value,
-      e1cce05a: Pe.value,
+      e1cce05a: Ee.value,
       "36a0b72a": l(ut),
       c4e778f2: l(da),
-      "39123d91": l(jt),
+      "39123d91": l(Kt),
       "61835ad9": l(_e),
       69239446: p.value,
       "19336d79": va.value,
@@ -5729,7 +5729,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       hasTabIndexEnter: w,
       ariaLabel: L,
       ariaAttrs: B,
-      caretColor: P,
+      caretColor: E,
       selectionBgColor: $,
       selectionTextColor: ae,
       hasBorderRadius: Z,
@@ -5744,7 +5744,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       textMessageColor: xe,
       inputWidth: Oe,
       inputStyle: ce,
-      activeTextStyle: Ee,
+      activeTextStyle: Pe,
       sizeMediaQuery: tt,
       inputReadonly: Re,
       blockPaste: Be,
@@ -5761,16 +5761,16 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       theme: gt,
       allowRange: Qe,
       calendarZIndex: sa,
-      calendarWidth: zt,
+      calendarWidth: Wt,
       blockClicksWithoutEvents: rt,
-      tabindex: Ut,
+      tabindex: jt,
       lightBgColor: da,
-      lightBgColorFocus: jt,
+      lightBgColorFocus: Kt,
       lightDisabledBgColor: ut,
       lightTextColor: Ft,
-      darkBgColor: Wt,
+      darkBgColor: Pt,
       darkBgColorFocus: Lt,
-      darkDisabledBgColor: E,
+      darkDisabledBgColor: P,
       darkTextColor: U,
       textAlign: _e,
       showMsg: Me,
@@ -5790,14 +5790,14 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       labelActiveRight: bt,
       fontFamilyLabel: Ct,
       fontSizeLabel: Rt,
-      fontSizeLabelActive: Kt,
+      fontSizeLabelActive: Yt,
       fontWeightLabel: Jt,
       lightTextColorLabel: Mt,
       lightTextColorLabelActive: xt,
       darkTextColorLabel: ea,
       darkTextColorLabelActive: yt,
       required: je
-    } = ul(W), I = se(""), ue = se(""), fe = se(""), Ce = se(""), ne = se(!1), q = se(!1), Et = a(() => !zt.value || zt.value < 280 ? 280 : parseInt(zt.value, 10)), ta = a(() => {
+    } = ul(W), I = se(""), ue = se(""), fe = se(""), Ce = se(""), ne = se(!1), q = se(!1), Et = a(() => !Wt.value || Wt.value < 280 ? 280 : parseInt(Wt.value, 10)), ta = a(() => {
       if (Ve.value !== null)
         return Ve.value;
       if (C.value === "time" || C.value === "datetime-local") {
@@ -5998,7 +5998,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       }
       return s;
     }, ke = se(!1), aa = se({ top: 0, left: 0 }), oe = se(null), ie = se(null), kt = se(!0), De = a(() => kt.value === !0), J = a(() => {
-      const t = k.value ? "component-disabled" : "", n = de.value !== "b" ? "inline-block" : "block", i = P.value ? P.value : "", s = $.value ? $.value : "", f = ae.value ? ae.value : "", c = Z.value ? Z.value : !1, h = T.value !== 0 && !T.value || T.value < 0 ? 0 : T.value, x = _.value ? _.value : "'Lato', sans-serif", N = be.value ? be.value : "1.4em", j = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, te = Ae.value ? Ae.value : "'Lato', sans-serif", ve = et.value ? et.value : "1em", Ke = $e.value !== 0 && !$e.value || $e.value < 0 ? 100 : $e.value, ct = xe.value ? xe.value : "#f15574", ft = Oe.value ? Oe.value : 200, At = Ee.value ? Ee.value : "normal", o = "sm", y = Re.value ? Re.value : !1, X = C.value ? C.value : "date", Dt = K.value ? K.value : !1, ma = gt.value ? gt.value : "light", Ia = _e.value ? _e.value : "left", ka = ce.value ? ce.value : "background", sl = Ze.value ? Ze.value : !1, dl = Le.value !== 0 && !Le.value || Le.value < 0 ? 5 : Le.value, cl = R.value ? R.value : "transparent", fl = St.value !== 0 && !St.value || St.value < 0 ? 15 : St.value, vl = Se.value ? Se.value : "1px 5px", pl = We.value !== 0 && !We.value || We.value < 0 ? 0 : We.value, gl = at.value === null || at.value === void 0 ? -13 : at.value, bl = lt.value === null || lt.value === void 0 ? 5 : lt.value, yl = it.value === null || it.value === void 0 ? 0 : it.value, ml = bt.value === null || bt.value === void 0 ? 0 : bt.value, Za = Ct.value ? Ct.value : "'Lato', sans-serif", Xa = Rt.value ? Rt.value : "1em", hl = Kt.value ? Kt.value : "0.8em", Sl = Jt.value ? Jt.value : 400, Cl = Mt.value ? Mt.value : "#ffffff", xl = ea.value ? ea.value : "#000000", Ja = xt.value ? xt.value : "#ffffff", Bl = yt.value ? yt.value : "#000000";
+      const t = k.value ? "component-disabled" : "", n = de.value !== "b" ? "inline-block" : "block", i = E.value ? E.value : "", s = $.value ? $.value : "", f = ae.value ? ae.value : "", c = Z.value ? Z.value : !1, h = T.value !== 0 && !T.value || T.value < 0 ? 0 : T.value, x = _.value ? _.value : "'Lato', sans-serif", N = be.value ? be.value : "1.4em", j = Q.value !== 0 && !Q.value || Q.value < 0 ? 100 : Q.value, te = Ae.value ? Ae.value : "'Lato', sans-serif", ve = et.value ? et.value : "1em", Ke = $e.value !== 0 && !$e.value || $e.value < 0 ? 100 : $e.value, ct = xe.value ? xe.value : "#f15574", ft = Oe.value ? Oe.value : 200, At = Pe.value ? Pe.value : "normal", o = "sm", y = Re.value ? Re.value : !1, X = C.value ? C.value : "date", Dt = K.value ? K.value : !1, ma = gt.value ? gt.value : "light", Ia = _e.value ? _e.value : "left", ka = ce.value ? ce.value : "background", sl = Ze.value ? Ze.value : !1, dl = Le.value !== 0 && !Le.value || Le.value < 0 ? 5 : Le.value, cl = R.value ? R.value : "transparent", fl = St.value !== 0 && !St.value || St.value < 0 ? 15 : St.value, vl = Se.value ? Se.value : "1px 5px", pl = We.value !== 0 && !We.value || We.value < 0 ? 0 : We.value, gl = at.value === null || at.value === void 0 ? -13 : at.value, bl = lt.value === null || lt.value === void 0 ? 5 : lt.value, yl = it.value === null || it.value === void 0 ? 0 : it.value, ml = bt.value === null || bt.value === void 0 ? 0 : bt.value, Za = Ct.value ? Ct.value : "'Lato', sans-serif", Xa = Rt.value ? Rt.value : "1em", hl = Yt.value ? Yt.value : "0.8em", Sl = Jt.value ? Jt.value : 400, Cl = Mt.value ? Mt.value : "#ffffff", xl = ea.value ? ea.value : "#000000", Ja = xt.value ? xt.value : "#ffffff", Bl = yt.value ? yt.value : "#000000";
       return {
         disabled: t,
         display: n,
@@ -6064,10 +6064,10 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
     }), Xe = a(() => {
       const t = J.value;
       return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
-    }), fa = a(() => J.value.font), va = a(() => J.value.fontFamilyMsg), Y = a(() => J.value.fontSizeMsg), la = a(() => J.value.fontWeightMsg), Yt = a(() => gt.value === "dark" ? U.value : Ft.value), na = a(() => J.value.textMessageColor), ha = a(() => {
+    }), fa = a(() => J.value.font), va = a(() => J.value.fontFamilyMsg), Y = a(() => J.value.fontSizeMsg), la = a(() => J.value.fontWeightMsg), Gt = a(() => gt.value === "dark" ? U.value : Ft.value), na = a(() => J.value.textMessageColor), ha = a(() => {
       const t = J.value;
       return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
-    }), Gt = a(() => {
+    }), Qt = a(() => {
       const t = J.value;
       return t.selectionBgColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
     }), Sa = a(() => {
@@ -6103,7 +6103,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
         default:
           return "component__theme--light";
       }
-    }), xa = a(() => J.value.inputReadonly ? "component__input--read-only" : ""), Ba = a(() => J.value.inputUppercase ? "component__input--uppercase" : ""), pe = a(() => Ye.value ? Ye.value : `${H.value}-name-label`), pa = a(() => ""), ga = a(() => ne.value || ue.value && ue.value.trim().length > 0), Pt = a(() => !ue.value || ue.value.trim().length === 0 ? "component__input--empty" : "");
+    }), xa = a(() => J.value.inputReadonly ? "component__input--read-only" : ""), Ba = a(() => J.value.inputUppercase ? "component__input--uppercase" : ""), pe = a(() => Ye.value ? Ye.value : `${H.value}-name-label`), pa = a(() => ""), ga = a(() => ne.value || ue.value && ue.value.trim().length > 0), Ot = a(() => !ue.value || ue.value.trim().length === 0 ? "component__input--empty" : "");
     a(() => ne.value ? "component__input--active" : "component__input--no-active");
     const p = a(() => "6px 10px"), b = a(() => !!(Me.value && Ue.value)), d = a(() => {
       const t = {};
@@ -6117,10 +6117,10 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
         Object.entries(n).filter(([i, s]) => s != null)
       );
     }), D = a(() => {
-      const t = gt.value === "dark" ? Wt.value : da.value, n = gt.value === "dark" ? U.value : Ft.value;
+      const t = gt.value === "dark" ? Pt.value : da.value, n = gt.value === "dark" ? U.value : Ft.value;
       return t === "transparent" || t === "#transparent" || !t ? n : t;
-    }), Pe = a(() => {
-      const t = gt.value === "dark" ? Lt.value : jt.value, n = gt.value === "dark" ? U.value : Ft.value;
+    }), Ee = a(() => {
+      const t = gt.value === "dark" ? Lt.value : Kt.value, n = gt.value === "dark" ? U.value : Ft.value;
       return t === "transparent" || t === "#transparent" || !t ? n : t;
     }), Bt = a(() => {
       const t = J.value, n = ga.value, i = n ? t.lightTextColorLabelActive : t.lightTextColorLabel, s = n ? t.darkTextColorLabelActive : t.darkTextColorLabel;
@@ -6155,7 +6155,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
     });
     const ba = () => {
       I.value = A.value, Ce.value = C.value;
-    }, Ot = (t) => {
+    }, Ht = (t) => {
       g("clicked", t);
     }, Fa = (t) => {
       t.stopPropagation(), !(k.value || J.value.inputReadonly) && oe.value && (oe.value.focus(), De.value && (ke.value = !1, requestAnimationFrame(() => {
@@ -6180,7 +6180,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       top: aa.value.top,
       left: aa.value.left,
       zIndex: sa.value
-    })), Pa = () => {
+    })), Ea = () => {
       ne.value = !0, g("focused"), De.value && (ke.value = !1, requestAnimationFrame(() => {
         oa(), ke.value = !0;
       }));
@@ -6242,7 +6242,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
           return n.setHours(0, 0, 0, 0), n;
       }
       return null;
-    }, Ht = (t) => {
+    }, qt = (t) => {
       if (!t)
         return null;
       if (t instanceof Date && !isNaN(t.getTime())) {
@@ -6294,20 +6294,20 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
       }
       return !1;
     }, _t = (t, n, i = 0) => {
-      const s = t * 3600 + n * 60 + i, f = Ht(Ge.value);
+      const s = t * 3600 + n * 60 + i, f = qt(Ge.value);
       if (f) {
         const h = f.hour * 3600 + f.minute * 60 + (f.second || 0);
         if (s < h)
           return !0;
       }
-      const c = Ht(pt.value);
+      const c = qt(pt.value);
       if (c) {
         const h = c.hour * 3600 + c.minute * 60 + (c.second || 0);
         if (s > h)
           return !0;
       }
       return !1;
-    }, Qt = (t, n) => {
+    }, zt = (t, n) => {
       if (!t || t === "")
         return !0;
       if (n === "date") {
@@ -6326,7 +6326,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
         if (i.length !== 2)
           return !1;
         const s = i[0], f = i[1];
-        return Qt(s, "date") && Qt(f, "time");
+        return zt(s, "date") && zt(f, "time");
       } else if (n === "month") {
         if (!/^\d{4}-\d{2}$/.test(t))
           return !1;
@@ -6355,13 +6355,13 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
           g("valid", !0);
           return;
         }
-        if (!Qt(i, C.value)) {
+        if (!zt(i, C.value)) {
           g("valid", !1);
           return;
         }
         t = !ra(i);
       } else if (C.value === "time") {
-        if (!Qt(A.value, C.value)) {
+        if (!zt(A.value, C.value)) {
           g("valid", !1);
           return;
         }
@@ -6401,13 +6401,13 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
           }
         }
       } else if (C.value === "month") {
-        if (!Qt(A.value, C.value)) {
+        if (!zt(A.value, C.value)) {
           g("valid", !1);
           return;
         }
         t = !ra(A.value + "-01");
       } else if (C.value === "week") {
-        if (!Qt(A.value, C.value)) {
+        if (!zt(A.value, C.value)) {
           g("valid", !1);
           return;
         }
@@ -6760,7 +6760,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
         id: l(H),
         class: Ne(["nb-reset", "component", Da.value, wa.value, xa.value, Ta.value]),
         style: he([It.value, Ca.value, Xe.value]),
-        onClick: n[2] || (n[2] = (i) => Ot(i))
+        onClick: n[2] || (n[2] = (i) => Ht(i))
       }, [
         l(Ze) ? (F(), M("label", {
           key: 0,
@@ -6787,7 +6787,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
           class: Ne(["component__input", [
             Ba.value,
             Aa.value,
-            Pt.value
+            Ot.value
           ]]),
           placeholder: pa.value,
           disabled: l(k) || l(Re),
@@ -6797,17 +6797,17 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
           min: La.value,
           max: qa.value,
           step: De.value ? void 0 : l(wt),
-          tabindex: l(k) || l(Re) ? -1 : l(Ut),
+          tabindex: l(k) || l(Re) ? -1 : l(jt),
           role: "input",
           style: he([Xe.value]),
-          onFocus: Pa,
+          onFocus: Ea,
           onBlur: Oa,
           onClick: Vt,
           onPaste: $a
         }, null, 46, qr), [
           [Nl, ue.value]
         ])
-      ], 14, Pr),
+      ], 14, Er),
       b.value ? (F(), M("div", {
         key: 0,
         class: Ne([
@@ -6912,7 +6912,7 @@ const Er = ["title"], Pr = ["id"], Or = ["for"], Hr = {
           }, null, 8, ["nb-id", "value", "input-type", "has-seconds", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range", "block-clicks-without-events", "font-family", "font-size", "font-weight", "primary-color", "selection-color", "event-color", "today-color", "hover-text-color", "normal-text-color", "month-year-item-bg", "month-year-item-bg-hover", "day-hover-bg", "day-hover-text-color", "time-display-text-color", "time-edit-button-bg", "time-edit-button-text-color", "time-edit-button-bg-hover", "time-edit-button-text-color-hover", "time-edit-button-font-family", "time-edit-button-font-size", "time-edit-button-padding", "time-edit-button-border-radius", "time-edit-button-font-weight", "time-edit-button-border", "time-edit-button-text", "today-button-bg", "today-button-text-color", "today-button-bg-hover", "today-button-text-color-hover", "today-button-font-family", "today-button-font-size", "today-button-padding", "today-button-border-radius", "today-button-font-weight", "today-button-border", "today-button-text", "now-button-text", "show-clear-button", "show-today-button", "clear-button-keep-current-month", "start-week-on-monday", "edit-range", "max-range-days", "min-year", "max-year", "go-to-date", "is-required", "width-full", "border-radius", "scroll-class", "events", "select-month-text", "select-year-text", "select-time-text", "time-display-label-text", "clear-button-title", "clear-button-symbol", "iso-string-timezone-format"])
         ], 36)) : le("", !0)
       ]))
-    ], 16, Er)) : le("", !0);
+    ], 16, Pr)) : le("", !0);
   }
 }), jr = /* @__PURE__ */ il(Ur, [["__scopeId", "data-v-1587a51c"]]);
 const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
@@ -7491,8 +7491,8 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
   ],
   setup(e, { emit: v }) {
     rl((o) => ({
-      "07150e05": Ot.value,
-      "7e8f2dab": Pe.value,
+      "07150e05": Ht.value,
+      "7e8f2dab": Ee.value,
       "9aed15ea": n.value,
       65159123: i.value,
       70177014: l(da),
@@ -7501,22 +7501,22 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       "38865fb6": Nt.value,
       dc3e5358: nt.value,
       "7e29cd1e": l(at),
-      d310232c: l(E),
-      "17dc42fd": l(Kt),
+      d310232c: l(P),
+      "17dc42fd": l(Yt),
       "9d2c8d94": l(Lt),
       "1d23bae2": l(U),
       da77ecac: ht.value,
-      cafd595c: l(jt),
+      cafd595c: l(Kt),
       "005654a6": l(ut),
       "2495f746": l(Ft),
-      a0ed5428: l(Wt),
+      a0ed5428: l(Pt),
       28330462: l(St),
       "364668db": l(Rt),
-      "63308c7c": l(Ut),
+      "63308c7c": l(jt),
       "6ae7aa54": l(_e),
       "3e1e9fde": l(Qe),
       "93e200cc": l(sa),
-      "01d0c98c": l(zt),
+      "01d0c98c": l(Wt),
       "2f159a40": l(rt),
       a310d75c: u.value,
       "6eea2f9d": Te.value,
@@ -7528,7 +7528,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       "896eab7c": Fa.value,
       "7faa0cfe": Va.value,
       "6b521f2c": $a.value,
-      "0bd12a44": Pa.value,
+      "0bd12a44": Ea.value,
       "5ab4a996": za.value,
       "7b2e448a": oa.value
     })), nl(() => {
@@ -7541,7 +7541,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       ariaLabel: w,
       ariaAttrs: L,
       textColor: B,
-      caretColor: P,
+      caretColor: E,
       selectionBgColor: $,
       selectionTextColor: ae,
       hasBorderRadius: Z,
@@ -7556,7 +7556,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       fontFamilyMsg: xe,
       fontSizeMsg: Oe,
       fontWeightMsg: ce,
-      textMessageColor: Ee,
+      textMessageColor: Pe,
       inputWidth: tt,
       inputStyle: Re,
       activeTextStyle: Be,
@@ -7573,16 +7573,16 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       tabindex: gt,
       lightBgColor: Qe,
       lightBgColorFocus: sa,
-      lightControlBorderColor: zt,
+      lightControlBorderColor: Wt,
       lightControlBorderColorActive: rt,
-      lightDisabledBgColor: Ut,
+      lightDisabledBgColor: jt,
       lightTextColor: da,
-      darkBgColor: jt,
+      darkBgColor: Kt,
       darkBgColorFocus: ut,
       darkControlBorderColor: Ft,
-      darkControlBorderColorActive: Wt,
+      darkControlBorderColorActive: Pt,
       darkDisabledBgColor: Lt,
-      darkTextColor: E,
+      darkTextColor: P,
       darkDisabledControlBorderColor: U,
       lightDisabledControlBorderColor: _e,
       textAlign: Me,
@@ -7602,7 +7602,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       iconLightBgColorActive: bt,
       iconDarkBgColorActive: Ct,
       iconLightDisabledBgColor: Rt,
-      iconDarkDisabledBgColor: Kt,
+      iconDarkDisabledBgColor: Yt,
       iconWidth: Jt,
       iconSize: Mt,
       showLabel: xt,
@@ -7636,10 +7636,10 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       lightSubmitButtonBgColorHover: va,
       darkSubmitButtonBgColorHover: Y,
       lightSubmitButtonTextColor: la,
-      darkSubmitButtonTextColor: Yt,
+      darkSubmitButtonTextColor: Gt,
       lightSubmitButtonTextColorHover: na,
       darkSubmitButtonTextColorHover: ha,
-      submitButtonPadding: Gt,
+      submitButtonPadding: Qt,
       submitButtonBorderRadius: Sa,
       submitButtonTop: Ca,
       submitButtonRight: Ta,
@@ -7648,9 +7648,9 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       submitButtonFontSize: wa,
       submitButtonFontWeight: xa,
       submitButtonIsUppercase: Ba
-    } = ul(g), pe = se(""), pa = se(null), ga = se(""), Pt = se(!1), p = Vo(null), b = a(() => {
-      const o = Q.value ? "component-disabled" : "", y = H.value !== "b" ? "inline-block" : "block", X = B ? B.value : "#ffffff", Dt = P.value ? P.value : "", ma = $.value ? $.value : "", Ia = ae.value ? ae.value : "", ka = Z.value ? Z.value : !1, sl = be.value !== 0 && !be.value || be.value < 0 ? 0 : be.value, dl = Ae.value ? Ae.value : "'Lato', sans-serif", cl = et.value ? et.value : null, fl = $e.value !== 0 && !$e.value || $e.value < 0 ? 100 : $e.value, vl = xe.value ? xe.value : "'Lato', sans-serif", pl = Oe.value ? Oe.value : "1em", gl = ce.value !== 0 && !ce.value || ce.value < 0 ? 100 : ce.value, bl = Ee.value ? Ee.value : "#f15574", yl = tt.value ? tt.value : 200, ml = Be.value ? Be.value : "normal", Za = C.value ? C.value : "xs", Xa = He.value ? He.value : !1, hl = "text", Sl = A.value ? A.value : !1, Cl = qe.value ? qe.value : "light", xl = Me.value ? Me.value : "left", Ja = Re.value ? Re.value : "background", Bl = pt.value ? pt.value : "6px 10px", Tl = R.value ? R.value : "5px 10px", zl = We.value ? We.value : "0", $l = Se.value ? Se.value : 10, Wl = St.value ? St.value : "#f8fafc", El = at.value ? at.value : "#f1f5f9", Pl = lt.value ? lt.value : "transparent", Ol = it.value ? it.value : "transparent", Hl = Le.value !== 0 && !Le.value || Le.value < 0 ? 0 : Le.value, Rl = bt.value ? bt.value : "transparent", Ml = Ct.value ? Ct.value : "transparent", r = Jt.value ? Jt.value : 32, z = Mt.value ? Mt.value : 1, we = xt.value ? xt.value : !1, G = fe.value !== 0 && !fe.value || fe.value < 0 ? 5 : fe.value, Fe = je.value ? je.value : "transparent", Je = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 15 : Ce.value, qt = I.value ? I.value : "1px 5px", el = ue.value !== 0 && !ue.value || ue.value < 0 ? 0 : ue.value, ql = ne.value === null || ne.value === void 0 ? -13 : ne.value, Ul = q.value === null || q.value === void 0 ? 5 : q.value, jl = Et.value === null || Et.value === void 0 ? 0 : Et.value, Kl = ta.value === null || ta.value === void 0 ? 0 : ta.value, Yl = Ie.value ? Ie.value : "'Lato', sans-serif", Gl = mt.value ? mt.value : "1em", Ql = ye.value ? ye.value : "0.8em", Zl = ke.value ? ke.value : 400, Xl = aa.value ? aa.value : "#333333", Jl = ie.value ? ie.value : "#ffffff", en = oe.value ? oe.value : "#333333", tn = kt.value ? kt.value : "#ffffff", an = De.value ? De.value : async () => {
-      }, ln = J.value ? J.value : 0, nn = Xe.value ? Xe.value : "#1d4ed8", on = fa.value ? fa.value : "#38bdf8", rn = la.value ? la.value : "#f8fafc", un = Yt.value ? Yt.value : "#0f172a", sn = va.value ? va.value : "#1e40af", dn = Y.value ? Y.value : "#0ea5e9", cn = na.value ? na.value : "#ffffff", fn = ha.value ? ha.value : "#020617", vn = k.value ? k.value : "#2563eb", pn = _.value ? _.value : "#7dd3fc", gn = Gt.value ? Gt.value : "5px 10px", bn = Sa.value ? Sa.value : "0px", yn = Ca.value ? Ca.value : "0", mn = Ta.value ? Ta.value : "0", hn = Aa.value ? Aa.value : "0", Sn = Da.value ? Da.value : "'Lato', sans-serif", Cn = wa.value ? wa.value : "1.1em", xn = xa.value ? xa.value : 700, Bn = Ba.value ? Ba.value : !0;
+    } = ul(g), pe = se(""), pa = se(null), ga = se(""), Ot = se(!1), p = Vo(null), b = a(() => {
+      const o = Q.value ? "component-disabled" : "", y = H.value !== "b" ? "inline-block" : "block", X = B ? B.value : "#ffffff", Dt = E.value ? E.value : "", ma = $.value ? $.value : "", Ia = ae.value ? ae.value : "", ka = Z.value ? Z.value : !1, sl = be.value !== 0 && !be.value || be.value < 0 ? 0 : be.value, dl = Ae.value ? Ae.value : "'Lato', sans-serif", cl = et.value ? et.value : null, fl = $e.value !== 0 && !$e.value || $e.value < 0 ? 100 : $e.value, vl = xe.value ? xe.value : "'Lato', sans-serif", pl = Oe.value ? Oe.value : "1em", gl = ce.value !== 0 && !ce.value || ce.value < 0 ? 100 : ce.value, bl = Pe.value ? Pe.value : "#f15574", yl = tt.value ? tt.value : 200, ml = Be.value ? Be.value : "normal", Za = C.value ? C.value : "xs", Xa = He.value ? He.value : !1, hl = "text", Sl = A.value ? A.value : !1, Cl = qe.value ? qe.value : "light", xl = Me.value ? Me.value : "left", Ja = Re.value ? Re.value : "background", Bl = pt.value ? pt.value : "6px 10px", Tl = R.value ? R.value : "5px 10px", zl = We.value ? We.value : "0", $l = Se.value ? Se.value : 10, Wl = St.value ? St.value : "#f8fafc", Pl = at.value ? at.value : "#f1f5f9", El = lt.value ? lt.value : "transparent", Ol = it.value ? it.value : "transparent", Hl = Le.value !== 0 && !Le.value || Le.value < 0 ? 0 : Le.value, Rl = bt.value ? bt.value : "transparent", Ml = Ct.value ? Ct.value : "transparent", r = Jt.value ? Jt.value : 32, z = Mt.value ? Mt.value : 1, we = xt.value ? xt.value : !1, G = fe.value !== 0 && !fe.value || fe.value < 0 ? 5 : fe.value, Fe = je.value ? je.value : "transparent", Je = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 15 : Ce.value, Ut = I.value ? I.value : "1px 5px", el = ue.value !== 0 && !ue.value || ue.value < 0 ? 0 : ue.value, ql = ne.value === null || ne.value === void 0 ? -13 : ne.value, Ul = q.value === null || q.value === void 0 ? 5 : q.value, jl = Et.value === null || Et.value === void 0 ? 0 : Et.value, Kl = ta.value === null || ta.value === void 0 ? 0 : ta.value, Yl = Ie.value ? Ie.value : "'Lato', sans-serif", Gl = mt.value ? mt.value : "1em", Ql = ye.value ? ye.value : "0.8em", Zl = ke.value ? ke.value : 400, Xl = aa.value ? aa.value : "#333333", Jl = ie.value ? ie.value : "#ffffff", en = oe.value ? oe.value : "#333333", tn = kt.value ? kt.value : "#ffffff", an = De.value ? De.value : async () => {
+      }, ln = J.value ? J.value : 0, nn = Xe.value ? Xe.value : "#1d4ed8", on = fa.value ? fa.value : "#38bdf8", rn = la.value ? la.value : "#f8fafc", un = Gt.value ? Gt.value : "#0f172a", sn = va.value ? va.value : "#1e40af", dn = Y.value ? Y.value : "#0ea5e9", cn = na.value ? na.value : "#ffffff", fn = ha.value ? ha.value : "#020617", vn = k.value ? k.value : "#2563eb", pn = _.value ? _.value : "#7dd3fc", gn = Qt.value ? Qt.value : "5px 10px", bn = Sa.value ? Sa.value : "0px", yn = Ca.value ? Ca.value : "0", mn = Ta.value ? Ta.value : "0", hn = Aa.value ? Aa.value : "0", Sn = Da.value ? Da.value : "'Lato', sans-serif", Cn = wa.value ? wa.value : "1.1em", xn = xa.value ? xa.value : 700, Bn = Ba.value ? Ba.value : !0;
       return {
         disabled: o,
         display: y,
@@ -7681,8 +7681,8 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
         iconMargin: zl,
         iconPaddingInput: $l,
         iconLightTextColor: Wl,
-        iconDarkTextColor: El,
-        iconLightBgColor: Pl,
+        iconDarkTextColor: Pl,
+        iconLightBgColor: El,
         iconDarkBgColor: Ol,
         iconBorderRadius: Hl,
         iconLightBgColorActive: Rl,
@@ -7691,7 +7691,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
         iconSize: z,
         showLabel: we,
         labelBackground: Fe,
-        labelPadding: qt,
+        labelPadding: Ut,
         labelBorderRadius: el,
         labelLeft: G,
         inputLabelMarginActive: Je,
@@ -7737,7 +7737,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       // overflow do label fica no .component (componentStyle): se hidden for aqui, corta
       // .component__message com position fora do fluxo (irmão do .component dentro do wrapper)
       overflow: "visible"
-    })), Pe = a(() => {
+    })), Ee = a(() => {
       const o = b.value;
       if (o.fontSize)
         return o.fontSize;
@@ -7764,7 +7764,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
     }), ba = a(() => {
       const o = b.value;
       return o.inputStyle !== "line" && o.hasBorderRadius ? { borderRadius: `${o.borderRadius}rem` } : {};
-    }), Ot = a(() => b.value.font), Fa = a(() => b.value.fontFamilyMsg), Va = a(() => b.value.fontSizeMsg), $a = a(() => b.value.fontWeightMsg), oa = a(() => b.value.textColor), za = a(() => b.value.theme === "dark" ? Lt.value : Ut.value), Pa = a(() => b.value.textMessageColor), Oa = a(() => {
+    }), Ht = a(() => b.value.font), Fa = a(() => b.value.fontFamilyMsg), Va = a(() => b.value.fontSizeMsg), $a = a(() => b.value.fontWeightMsg), oa = a(() => b.value.textColor), za = a(() => b.value.theme === "dark" ? Lt.value : jt.value), Ea = a(() => b.value.textMessageColor), Oa = a(() => {
       const o = b.value;
       return o.caretColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
     }), Vt = a(() => {
@@ -7781,7 +7781,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
       return o.display === "block" ? { width: "100%" } : {
         width: `${o.inputWidth}px`
       };
-    }), Ht = a(() => {
+    }), qt = a(() => {
       switch (Re.value) {
         case "line":
           return "component__input--line";
@@ -7810,16 +7810,16 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
         default:
           return "";
       }
-    }), Qt = a(() => {
+    }), zt = a(() => {
       switch (b.value.theme) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
-    }), Zt = a(() => b.value.inputReadonly ? "component__input--read-only" : ""), Ha = a(() => b.value.inputUppercase ? "component__input--uppercase" : ""), ua = a(() => Ge.value ? Ge.value : `${W.value}-name-label`), dt = a(() => xt.value ? Pt.value ? wt.value : "" : wt.value), La = a(() => {
+    }), Zt = a(() => b.value.inputReadonly ? "component__input--read-only" : ""), Ha = a(() => b.value.inputUppercase ? "component__input--uppercase" : ""), ua = a(() => Ge.value ? Ge.value : `${W.value}-name-label`), dt = a(() => xt.value ? Ot.value ? wt.value : "" : wt.value), La = a(() => {
       const o = pe.value;
-      return Pt.value || o != null && String(o).trim().length > 0;
+      return Ot.value || o != null && String(o).trim().length > 0;
     }), qa = a(() => b.value.inputPadding), Ua = a(() => !!(Ue.value && $t.value)), Wa = a(() => {
       const o = {};
       L.value && Object.keys(L.value).forEach((Dt) => o[`aria-${Dt}`] = L.value[Dt]);
@@ -7990,7 +7990,7 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
         return;
       const X = (ka) => Ye.value && typeof ka == "string" ? ka.trim() : ka, Dt = X(y), ma = X(o), Ia = (ka) => ka == null || ka === "";
       !Ia(Dt) && Ia(ma) && m("cleared");
-    }), ge(Pt, (o) => {
+    }), ge(Ot, (o) => {
       m(o ? "focused" : "blurred");
     }), ge(pe, (o) => {
       Ye.value && typeof o == "string" && (o = o.trim()), m("current-value", c(o));
@@ -8009,11 +8009,11 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
           "nb-reset",
           "component",
           _t.value,
-          Qt.value,
+          zt.value,
           Zt.value,
-          Ht.value,
+          qt.value,
           { "component--focus-border-enabled": l(T) },
-          { "component--focus-border-active": l(T) && Pt.value }
+          { "component--focus-border-active": l(T) && Ot.value }
         ]),
         style: he([Bt.value, ee.value, ba.value]),
         onClick: y[9] || (y[9] = (X) => h(X))
@@ -8049,8 +8049,8 @@ const Kr = ["title"], Yr = ["id"], Gr = ["for"], Qr = {
           tabindex: l(Q) || l(He) ? -1 : l(gt),
           role: "input",
           style: he([ba.value, Ra.value]),
-          onFocus: y[1] || (y[1] = (X) => Pt.value = !0),
-          onBlur: y[2] || (y[2] = (X) => Pt.value = !1),
+          onFocus: y[1] || (y[1] = (X) => Ot.value = !0),
+          onBlur: y[2] || (y[2] = (X) => Ot.value = !1),
           onBeforeinput: y[3] || (y[3] = (X) => ct(X)),
           onInput: y[4] || (y[4] = (X) => ct(X)),
           onKeyup: y[5] || (y[5] = (X) => ct(X)),