next-flow-design 1.6.3 → 1.6.4

package/dist/index.js

@@ -29,7 +29,7 @@ const Dt = (e) => new Pt(typeof e == "string" ? e : e + "", void 0, xt), Mt = (e
   for (const s of t.cssRules) o += s.cssText;
   return Dt(o);
 })(e) : e;
-const { is: Ht, defineProperty: Tt, getOwnPropertyDescriptor: Ot, getOwnPropertyNames: zt, getOwnPropertySymbols: Bt, getPrototypeOf: Vt } = Object, tt = globalThis, pt = tt.trustedTypes, Nt = pt ? pt.emptyScript : "", Ft = tt.reactiveElementPolyfillSupport, j = (e, t) => e, J = { toAttribute(e, t) {
+const { is: Ht, defineProperty: Tt, getOwnPropertyDescriptor: Ot, getOwnPropertyNames: Bt, getOwnPropertySymbols: zt, getPrototypeOf: Vt } = Object, tt = globalThis, pt = tt.trustedTypes, Nt = pt ? pt.emptyScript : "", Ft = tt.reactiveElementPolyfillSupport, j = (e, t) => e, J = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? Nt : null;
@@ -94,7 +94,7 @@ let V = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(j("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
-      const o = this.properties, s = [...zt(o), ...Bt(o)];
+      const o = this.properties, s = [...Bt(o), ...zt(o)];
       for (const r of s) this.createProperty(r, o[r]);
     }
     const t = this[Symbol.metadata];
@@ -870,7 +870,7 @@ g = y([
   D("nf-color-picker")
 ], g);
 const ne = A`:host{width:var(--nf-width);position:relative;display:inline-block;--nf-input-padding:0 .75rem}:host([disabled]) .input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .toggle-password{cursor:not-allowed;pointer-events:none;opacity:.5}::slotted(*){position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.input{position:absolute;inset:0;padding:var(--nf-input-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input:has(.toggle-password){padding-right:2.5rem}.input .toggle-password{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--nf-select-icon-color);transition:color var(--nf-transition-fast) ease;outline:0}.input .toggle-password:hover{color:var(--nf-icon-color-hover)}.input .toggle-password:active{color:var(--nf-icon-color-active)}.input .toggle-password svg{display:block}`;
-var ae = Object.defineProperty, le = Object.getOwnPropertyDescriptor, B = (e, t, o, s) => {
+var ae = Object.defineProperty, le = Object.getOwnPropertyDescriptor, z = (e, t, o, s) => {
   for (var r = s > 1 ? void 0 : s ? le(t, o) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (s ? n(t, o, r) : n(r)) || r);
   return s && r && ae(t, o, r), r;
@@ -936,25 +936,25 @@ let S = class extends L {
   }
 };
 S.styles = [U, ne];
-B([
+z([
   h({ type: String })
 ], S.prototype, "value", 2);
-B([
+z([
   h({ type: String })
 ], S.prototype, "placeholder", 2);
-B([
+z([
   h({ type: String })
 ], S.prototype, "type", 2);
-B([
+z([
   h({ type: Number })
 ], S.prototype, "maxLength", 2);
-B([
+z([
   h({ type: Boolean, reflect: !0 })
 ], S.prototype, "disabled", 2);
-B([
+z([
   _()
 ], S.prototype, "showPassword", 2);
-S = B([
+S = z([
   D("nf-input")
 ], S);
 const he = A`:host{width:10rem;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:0;overflow:hidden;--nf-input-number-color:var(--nf-color);--nf-input-number-prefix-color:color-mix(in srgb, var(--nf-color), transparent 20%);--nf-input-number-surfix-color:color-mix(in srgb, var(--nf-color), transparent 20%)}.input-number{position:relative;padding-right:.6125rem;flex:1;height:100%;outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-input-number-color);font-weight:var(--nf-font-weight);text-align:left;transition:padding-right var(--nf-transition-fast) ease}.input-number .input-number-input-wrapper{height:100%}.input-number .input-number-input-wrapper .input-number-input{background:0 0;width:100%;height:100%;text-align:start;border:0;outline:0;padding:0;box-sizing:border-box;color:var(--nf-input-number-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{appearance:textfield}:host([controls]) .input-number:hover{padding-right:1.5rem}:host([controls]) .input-number:hover .controls{width:1.5rem}:host([center]) .input-number{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-number .input-number-input{text-align:center}:host([center]) .input-number:hover{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-prefix{position:absolute;left:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-suffix{position:absolute;right:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-number{flex:1;width:100%}.input-prefix{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline-start:.6125rem;color:var(--nf-input-number-prefix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-prefix:not(:empty){padding-inline-end:.25rem}.input-suffix{display:flex;align-items:center;justify-content:center;color:var(--nf-input-number-surfix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-suffix:not(:empty){padding-inline-end:.6125rem;padding-inline-start:.5rem}.controls{position:absolute;top:0;right:0;height:100%;width:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;transition:width var(--nf-transition-fast) ease}.controls:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}:host([suffix]) .controls:after{content:\"\";position:absolute;right:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}.control-btn{flex:1;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;transition:background-color var(--nf-transition-fast) ease;outline:0;-webkit-user-select:none;user-select:none}.control-btn:hover{background-color:var(--nf-control-btn-background-hover)}.control-btn:active{background-color:var(--nf-control-btn-background-active)}.control-btn:focus-visible{background-color:var(--nf-control-btn-background-hover)}.control-btn svg{display:block;pointer-events:none;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round}.control-btn-up{border-bottom:.67px solid var(--nf-control-divider-color)}:host(:not([suffix])) .control-btn-up{border-top-right-radius:var(--nf-border-radius)}:host(:not([suffix])) .control-btn-down{border-bottom-right-radius:var(--nf-border-radius)}:host([disabled]) .input-number-input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .input-prefix,:host([disabled]) .input-suffix{color:var(--nf-color-disabled)}:host([disabled]) .controls{display:none}:host([disabled]) .control-btn{cursor:not-allowed;pointer-events:none;opacity:.5}`;
@@ -1146,7 +1146,7 @@ var fe = Object.defineProperty, be = Object.getOwnPropertyDescriptor, X = (e, t,
     (n = e[i]) && (r = (s ? n(t, o, r) : n(r)) || r);
   return s && r && fe(t, o, r), r;
 };
-let z = class extends L {
+let B = class extends L {
   constructor() {
     super(...arguments), this.value = "", this.options = [], this.disabled = !1, this.showDropdown = !1, this.jumpCloseFlag = !1, this.timeoutId = null, this.onFocus = () => {
       this.disabled || (this.timeoutId && clearTimeout(this.timeoutId), this.showDropdown = !0, this.jumpCloseFlag = !0);
@@ -1182,10 +1182,10 @@ let z = class extends L {
     super.disconnectedCallback(), this.removeEventListener("focus", this.onFocus), this.removeEventListener("blur", this.onBlur), this.removeEventListener("click", this.onClick);
   }
 };
-z.styles = [U, pe];
+B.styles = [U, pe];
 X([
   h({ type: String })
-], z.prototype, "value", 2);
+], B.prototype, "value", 2);
 X([
   h({
     type: Array,
@@ -1201,16 +1201,16 @@ X([
       return [];
     }
   })
-], z.prototype, "options", 2);
+], B.prototype, "options", 2);
 X([
   h({ type: Boolean, reflect: !0 })
-], z.prototype, "disabled", 2);
+], B.prototype, "disabled", 2);
 X([
   _()
-], z.prototype, "showDropdown", 2);
-z = X([
+], B.prototype, "showDropdown", 2);
+B = X([
   D("nf-select")
-], z);
+], B);
 const me = A`:host{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;--nf-switch-padding:.1rem}:host[disabled]{cursor:not-allowed;opacity:.6}.switch-wrapper{position:relative;display:inline-block}.switch-container{position:relative;z-index:1;width:3.1rem;height:1.5rem;background-color:var(--nf-background-color);border-radius:.75rem;transition:background-color .2s ease;overflow:hidden}:host(:not([disabled]):not([checked])) .switch-container:hover{background:var(--nf-background-color-hover)}:host([checked]) .switch-container{background-color:var(--nf-primary-color,var(--nf-primary-color))}:host([disabled]) .switch-container{opacity:.5}.ripple{position:absolute;border-radius:.875rem;inset:-.2rem;background-color:#6464641a;animation:ripple-animation 1s ease-out forwards;pointer-events:none;opacity:1}@keyframes ripple-animation{0%{opacity:0}20%{opacity:1}to{opacity:0}}.switch-thumb{position:absolute;top:.125rem;left:0;width:1.25rem;height:1.25rem;transition:transform .2s ease-in-out}.switch-thumb:before{content:\"\";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:.625rem;box-shadow:0 .125rem .25rem #0003;transition:width .2s ease-in-out,transform .2s ease-in-out}:host(:not([checked])) .switch-thumb{transform:translate(.125rem)}:host(:not([checked])) .switch-container:active .switch-thumb:before{width:1.625rem;border-radius:.625rem}:host([checked]) .switch-thumb{transform:translate(1.725rem)}:host([checked]) .switch-container:active .switch-thumb:before{width:1.625rem;border-radius:.625rem;transform:translate(-.375rem)}:host(:focus) .switch-container{outline:.125rem solid var(--nf-primary-color,var(--nf-primary-color));outline-offset:.125rem}`;
 var ge = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, ct = (e, t, o, s) => {
   for (var r = s > 1 ? void 0 : s ? ve(t, o) : t, i = e.length - 1, n; i >= 0; i--)
@@ -1428,7 +1428,7 @@ $([
 v = $([
   D("nf-slider")
 ], v);
-const Se = A`:host{width:var(--nf-width);position:relative;display:inline-block;--nf-textarea-padding:.4rem .75rem}:host([disabled]) .textarea{cursor:not-allowed;color:var(--nf-color-disabled)}::slotted(*){position:absolute;top:.75rem;left:.75rem;color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.textarea{position:absolute;inset:0;padding:var(--nf-textarea-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif;resize:vertical;line-height:1.5715;overflow-y:auto;overflow-x:hidden}.textarea::-webkit-scrollbar{width:6px}.textarea::-webkit-scrollbar-track{background:0 0}.textarea::-webkit-scrollbar-thumb{background:var(--nf-scrollbar-thumb-color,rgba(0,0,0,.2));border-radius:3px}.textarea::-webkit-scrollbar-thumb:hover{background:var(--nf-scrollbar-thumb-hover-color,rgba(0,0,0,.3))}:host([autoSize]) .textarea{resize:none;overflow-y:hidden}.counter{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:var(--nf-color-secondary,rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none}`;
+const Se = A`:host{width:var(--nf-width);position:relative;display:inline-block;--nf-textarea-padding:.4rem .75rem}:host([disabled]) .textarea{cursor:not-allowed;color:var(--nf-color-disabled)}::slotted(*){position:absolute;top:.75rem;left:.75rem;color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.textarea{position:absolute;inset:0;padding:var(--nf-textarea-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif;resize:none;line-height:1.5715;overflow-y:auto;overflow-x:hidden}.textarea::-webkit-scrollbar{width:6px}.textarea::-webkit-scrollbar-track{background:0 0}.textarea::-webkit-scrollbar-thumb{background:var(--nf-scrollbar-thumb-color,rgba(0,0,0,.2));border-radius:3px}.textarea::-webkit-scrollbar-thumb:hover{background:var(--nf-scrollbar-thumb-hover-color,rgba(0,0,0,.3))}.counter{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:var(--nf-color-secondary,rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none}`;
 var Ae = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, C = (e, t, o, s) => {
   for (var r = s > 1 ? void 0 : s ? Ce(t, o) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (s ? n(t, o, r) : n(r)) || r);
@@ -1554,7 +1554,7 @@ export {
   g as NfColorPickerElement,
   S as NfInputElement,
   f as NfInputNumberElement,
-  z as NfSelectElement,
+  B as NfSelectElement,
   v as NfSliderElement,
   Y as NfSwitchElement,
   x as NfTextareaElement

package/dist/react/index.js

@@ -31,7 +31,7 @@ const He = (t) => new Me(typeof t == "string" ? t : t + "", void 0, Ee), Ne = (t
   for (const s of e.cssRules) o += s.cssText;
   return He(o);
 })(t) : t;
-const { is: Te, defineProperty: Oe, getOwnPropertyDescriptor: ze, getOwnPropertyNames: Be, getOwnPropertySymbols: Ve, getPrototypeOf: Fe } = Object, oe = globalThis, be = oe.trustedTypes, Re = be ? be.emptyScript : "", Le = oe.reactiveElementPolyfillSupport, K = (t, e) => t, ee = { toAttribute(t, e) {
+const { is: Te, defineProperty: Oe, getOwnPropertyDescriptor: Be, getOwnPropertyNames: ze, getOwnPropertySymbols: Ve, getPrototypeOf: Fe } = Object, oe = globalThis, be = oe.trustedTypes, Re = be ? be.emptyScript : "", Le = oe.reactiveElementPolyfillSupport, K = (t, e) => t, ee = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
       t = t ? Re : null;
@@ -75,7 +75,7 @@ let F = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(e, o, s) {
-    const { get: r, set: i } = ze(this.prototype, e) ?? { get() {
+    const { get: r, set: i } = Be(this.prototype, e) ?? { get() {
       return this[o];
     }, set(n) {
       this[o] = n;
@@ -96,7 +96,7 @@ let F = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(K("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(K("properties"))) {
-      const o = this.properties, s = [...Be(o), ...Ve(o)];
+      const o = this.properties, s = [...ze(o), ...Ve(o)];
       for (const r of s) this.createProperty(r, o[r]);
     }
     const e = this[Symbol.metadata];
@@ -361,7 +361,7 @@ V([
 E = V([
   N("nf-input")
 ], E);
-const Bt = M({
+const zt = M({
   tagName: "nf-input",
   elementClass: E,
   react: H,
@@ -454,9 +454,9 @@ const Vt = M({
     onChange: "change"
   }
 });
-const le = globalThis, ge = (t) => t, te = le.trustedTypes, ve = te ? te.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Ce = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, Se = "?" + P, Ge = `<${Se}>`, z = document, Y = () => z.createComment(""), Z = (t) => t === null || typeof t != "object" && typeof t != "function", he = Array.isArray, Je = (t) => he(t) || typeof t?.[Symbol.iterator] == "function", re = `[ 	
+const le = globalThis, ge = (t) => t, te = le.trustedTypes, ve = te ? te.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Ce = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, Se = "?" + P, Ge = `<${Se}>`, B = document, Y = () => B.createComment(""), Z = (t) => t === null || typeof t != "object" && typeof t != "function", he = Array.isArray, Je = (t) => he(t) || typeof t?.[Symbol.iterator] == "function", re = `[ 	
 \f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ye = /-->/g, we = />/g, T = RegExp(`>|${re}(?:([^\\s"'>=/]+)(${re}*=${re}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), _e = /'/g, $e = /"/g, Ae = /^(?:script|style|textarea|title)$/i, Qe = (t) => (e, ...o) => ({ _$litType$: t, strings: e, values: o }), ie = Qe(1), B = /* @__PURE__ */ Symbol.for("lit-noChange"), b = /* @__PURE__ */ Symbol.for("lit-nothing"), xe = /* @__PURE__ */ new WeakMap(), O = z.createTreeWalker(z, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), _e = /'/g, $e = /"/g, Ae = /^(?:script|style|textarea|title)$/i, Qe = (t) => (e, ...o) => ({ _$litType$: t, strings: e, values: o }), ie = Qe(1), z = /* @__PURE__ */ Symbol.for("lit-noChange"), b = /* @__PURE__ */ Symbol.for("lit-nothing"), xe = /* @__PURE__ */ new WeakMap(), O = B.createTreeWalker(B, 129);
 function Pe(t, e) {
   if (!he(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ve !== void 0 ? ve.createHTML(e) : e;
@@ -506,12 +506,12 @@ class X {
     }
   }
   static createElement(e, o) {
-    const s = z.createElement("template");
+    const s = B.createElement("template");
     return s.innerHTML = e, s;
   }
 }
 function L(t, e, o = t, s) {
-  if (e === B) return e;
+  if (e === z) return e;
   let r = s !== void 0 ? o._$Co?.[s] : o._$Cl;
   const i = Z(e) ? void 0 : e._$litDirective$;
   return r?.constructor !== i && (r?._$AO?.(!1), i === void 0 ? r = void 0 : (r = new i(t), r._$AT(t, o, s)), s !== void 0 ? (o._$Co ??= [])[s] = r : o._$Cl = r), r !== void 0 && (e = L(t, r._$AS(t, e.values), r, s)), e;
@@ -527,7 +527,7 @@ class tt {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: o }, parts: s } = this._$AD, r = (e?.creationScope ?? z).importNode(o, !0);
+    const { el: { content: o }, parts: s } = this._$AD, r = (e?.creationScope ?? B).importNode(o, !0);
     O.currentNode = r;
     let i = O.nextNode(), n = 0, l = 0, a = s[0];
     for (; a !== void 0; ) {
@@ -537,7 +537,7 @@ class tt {
       }
       n !== a?.index && (i = O.nextNode(), n++);
     }
-    return O.currentNode = z, r;
+    return O.currentNode = B, r;
   }
   p(e) {
     let o = 0;
@@ -563,7 +563,7 @@ class J {
     return this._$AB;
   }
   _$AI(e, o = this) {
-    e = L(this, e, o), Z(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== B && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Je(e) ? this.k(e) : this._(e);
+    e = L(this, e, o), Z(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== z && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Je(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -572,7 +572,7 @@ class J {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== b && Z(this._$AH) ? this._$AA.nextSibling.data = e : this.T(z.createTextNode(e)), this._$AH = e;
+    this._$AH !== b && Z(this._$AH) ? this._$AA.nextSibling.data = e : this.T(B.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     const { values: o, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = X.createElement(Pe(s.h, s.h[0]), this.options)), s);
@@ -616,11 +616,11 @@ class se {
   _$AI(e, o = this, s, r) {
     const i = this.strings;
     let n = !1;
-    if (i === void 0) e = L(this, e, o, 0), n = !Z(e) || e !== this._$AH && e !== B, n && (this._$AH = e);
+    if (i === void 0) e = L(this, e, o, 0), n = !Z(e) || e !== this._$AH && e !== z, n && (this._$AH = e);
     else {
       const l = e;
       let a, c;
-      for (e = i[0], a = 0; a < i.length - 1; a++) c = L(this, l[s + a], o, a), c === B && (c = this._$AH[a]), n ||= !Z(c) || c !== this._$AH[a], c === b ? e = b : e !== b && (e += (c ?? "") + i[a + 1]), this._$AH[a] = c;
+      for (e = i[0], a = 0; a < i.length - 1; a++) c = L(this, l[s + a], o, a), c === z && (c = this._$AH[a]), n ||= !Z(c) || c !== this._$AH[a], c === b ? e = b : e !== b && (e += (c ?? "") + i[a + 1]), this._$AH[a] = c;
     }
     n && !r && this.j(e);
   }
@@ -649,7 +649,7 @@ class rt extends se {
     super(e, o, s, r, i), this.type = 5;
   }
   _$AI(e, o = this) {
-    if ((e = L(this, e, o, 0) ?? b) === B) return;
+    if ((e = L(this, e, o, 0) ?? b) === z) return;
     const s = this._$AH, r = e === b && s !== b || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, i = e !== b && (s === b || r);
     r && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -699,7 +699,7 @@ let R = class extends F {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return B;
+    return z;
   }
 };
 R._$litElement$ = !0, R.finalized = !0, ce.litElementHydrateSupport?.({ LitElement: R });
@@ -1351,7 +1351,7 @@ const De = "important", Et = " !" + De, ke = xt(class extends kt {
         s.includes("-") || i ? o.setProperty(s, i ? r.slice(0, -11) : r, i ? De : "") : o[s] = r;
       }
     }
-    return B;
+    return z;
   }
 }), Ct = S`:host{display:inline-flex;align-items:center;position:relative;width:100%;height:1.25rem;background-color:var(--nf-border-color,#e0e0e0);border-radius:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;box-shadow:none;padding:0}:host:hover{background-color:var(--nf-border-color,#e0e0e0);border:none}:host:focus{box-shadow:none;outline:0}:host([disabled]){cursor:not-allowed;opacity:.6}.slider-fill{position:absolute;left:0;top:0;height:100%;background-color:var(--nf-primary-color,#5e72f9);border-radius:.625rem 0 0 .625rem;pointer-events:none}.slider-handle{position:absolute;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;outline:0;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease,box-shadow .15s ease;z-index:1}:host([disabled]) .slider-handle{cursor:not-allowed}:host(:not([disabled])) .slider-handle:hover{transform:translate(-50%,-50%) scale(1.05)}:host(:not([disabled])) .slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 3px 8px #0006}.slider-handle:focus{box-shadow:0 0 0 3px #5e72f94d}.slider-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background-color:var(--nf-slider-tooltip-background);color:var(--nf-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;box-shadow:0 0 .4rem .1rem #0000001a}.slider-tooltip.visible{opacity:1}`;
 var St = Object.defineProperty, At = Object.getOwnPropertyDescriptor, x = (t, e, o, s) => {
@@ -1486,7 +1486,7 @@ const qt = M({
   events: {
     onChange: "change"
   }
-}), Pt = S`:host{width:var(--nf-width);position:relative;display:inline-block;--nf-textarea-padding:.4rem .75rem}:host([disabled]) .textarea{cursor:not-allowed;color:var(--nf-color-disabled)}::slotted(*){position:absolute;top:.75rem;left:.75rem;color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.textarea{position:absolute;inset:0;padding:var(--nf-textarea-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif;resize:vertical;line-height:1.5715;overflow-y:auto;overflow-x:hidden}.textarea::-webkit-scrollbar{width:6px}.textarea::-webkit-scrollbar-track{background:0 0}.textarea::-webkit-scrollbar-thumb{background:var(--nf-scrollbar-thumb-color,rgba(0,0,0,.2));border-radius:3px}.textarea::-webkit-scrollbar-thumb:hover{background:var(--nf-scrollbar-thumb-hover-color,rgba(0,0,0,.3))}:host([autoSize]) .textarea{resize:none;overflow-y:hidden}.counter{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:var(--nf-color-secondary,rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none}`;
+}), Pt = S`:host{width:var(--nf-width);position:relative;display:inline-block;--nf-textarea-padding:.4rem .75rem}:host([disabled]) .textarea{cursor:not-allowed;color:var(--nf-color-disabled)}::slotted(*){position:absolute;top:.75rem;left:.75rem;color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.textarea{position:absolute;inset:0;padding:var(--nf-textarea-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif;resize:none;line-height:1.5715;overflow-y:auto;overflow-x:hidden}.textarea::-webkit-scrollbar{width:6px}.textarea::-webkit-scrollbar-track{background:0 0}.textarea::-webkit-scrollbar-thumb{background:var(--nf-scrollbar-thumb-color,rgba(0,0,0,.2));border-radius:3px}.textarea::-webkit-scrollbar-thumb:hover{background:var(--nf-scrollbar-thumb-hover-color,rgba(0,0,0,.3))}.counter{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:var(--nf-color-secondary,rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none}`;
 var Dt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, A = (t, e, o, s) => {
   for (var r = s > 1 ? void 0 : s ? Mt(e, o) : e, i = t.length - 1, n; i >= 0; i--)
     (n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
@@ -1624,7 +1624,7 @@ function Kt(t) {
 export {
   Ut as NfCheckbox,
   jt as NfColorPicker,
-  Bt as NfInput,
+  zt as NfInput,
   Lt as NfInputNumber,
   Kt as NfRoot,
   Vt as NfSelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-flow-design",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",