@lanaco/lnc-react-ui 4.0.94 → 4.0.95

package/dist/NumberInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),l=require("react"),U=require("./index-DaiUAQVF.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-BOtq2mcF.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),B=d.styled.div`
+"use strict";const d=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),s=require("react"),A=require("./index-DaiUAQVF.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-BOtq2mcF.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),D=c.styled.div`
   display: flex;
   align-items: center;
 
@@ -11,10 +11,10 @@
 
   ${e=>e.focused&&e.readOnly!==!0?r.getOutlineCss(e.theme):""}
   ${e=>e.disabled===!0?r.getDisabledStateCss(e.theme):""}
-`,$=d.styled.span`
+`,C=c.styled.span`
   padding: 0 12px;
   color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
-`,D=d.styled($)``,G=d.styled.input`
+`,G=c.styled(C)``,M=c.styled.input`
   background: none;
   border: none;
   outline: none;
@@ -42,4 +42,4 @@
     ${e=>r.getDisabledStateCss(e.theme)}
     background: none;
   }
-`,C=l.forwardRef((e,S)=>{const{disabled:h,readOnly:f,debounceTime:V=0,step:I=1,min:R=Number.MIN_SAFE_INTEGER,max:z=Number.MAX_SAFE_INTEGER,prefix:c,suffix:m,placeholder:N,value:o,defaultValue:O,onChange:s,onBlur:p,onFocus:y,className:E="",style:_={},size:T="small",color:a="primary",...q}=e,u=A.useTheme(),[v,x]=l.useState(o||O||""),[g,P]=l.useState(!1);l.useEffect(()=>{o!=null&&x(o)},[o]);const j=l.useCallback(U.debounce((n,b)=>F(n,b),V),[s]),F=(n,b)=>{s&&(s==null||s(n,b))},W=n=>{x(n.target.value),j(n,n.target.value)},k=n=>{P(!0),y==null||y(n)},w=n=>{P(!1),p==null||p(n)};return i.jsxs(B,{style:_,className:E,theme:u,color:a,size:T,focused:g,disabled:h,readOnly:f,children:[c&&i.jsx($,{theme:u,color:a,focused:g,className:"lnc-input-prefix",children:c}),i.jsx(G,{ref:S,type:"number",theme:u,color:a,size:T,placeholder:N,prefix:c,suffix:m,disabled:h,readOnly:f,step:I,min:R,max:z,value:v,onFocus:k,onBlur:w,onChange:W,...q}),m&&i.jsx(D,{theme:u,color:a,focused:g,className:"lnc-input-suffix",children:m})]})});C.propTypes={id:t.PropTypes.string,value:t.PropTypes.any,defaultValue:t.PropTypes.any,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,step:t.PropTypes.number,min:t.PropTypes.number,max:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),placeholder:t.PropTypes.string,tabIndex:t.PropTypes.number,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=C;
+`,S=s.forwardRef((e,I)=>{const{disabled:f,readOnly:T,debounceTime:R=0,step:z=1,min:N=Number.MIN_SAFE_INTEGER,max:O=Number.MAX_SAFE_INTEGER,prefix:m,suffix:p,placeholder:E,value:o,defaultValue:x,onChange:l,onBlur:y,onFocus:g,className:_="",style:q={},size:P="small",color:a="primary",...v}=e,u=B.useTheme(),i=s.useRef(o||x||""),[j,$]=s.useState(o||x||""),[b,V]=s.useState(!1);s.useEffect(()=>{o!=null&&(i.current=o,$(i.current))},[o]);const F=s.useCallback(A.debounce((n,h)=>W(n,h),R),[l]),W=(n,h)=>{l&&(l==null||l(n,h))},k=n=>{i.current=n.target.value,$(i.current),F(n,n.target.value)},w=n=>{V(!0),g==null||g(n)},U=n=>{V(!1),y==null||y(n)};return d.jsxs(D,{style:q,className:_,theme:u,color:a,size:P,focused:b,disabled:f,readOnly:T,children:[m&&d.jsx(C,{theme:u,color:a,focused:b,className:"lnc-input-prefix",children:m}),d.jsx(M,{ref:I,type:"number",theme:u,color:a,size:P,placeholder:E,prefix:m,suffix:p,disabled:f,readOnly:T,step:z,min:N,max:O,value:j,onFocus:w,onBlur:U,onChange:k,...v}),p&&d.jsx(G,{theme:u,color:a,focused:b,className:"lnc-input-suffix",children:p})]})});S.propTypes={id:t.PropTypes.string,value:t.PropTypes.any,defaultValue:t.PropTypes.any,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,step:t.PropTypes.number,min:t.PropTypes.number,max:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),placeholder:t.PropTypes.string,tabIndex:t.PropTypes.number,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=S;

package/dist/NumberInput.js

@@ -1,17 +1,17 @@
-import { jsxs as A, jsx as g } from "react/jsx-runtime";
+import { jsxs as P, jsx as y } from "react/jsx-runtime";
 import { P as n } from "./index-S5Cd7WrG.js";
-import { forwardRef as P, useState as C, useEffect as W, useCallback as G } from "react";
-import { d as M } from "./index-CkWvbrVT.js";
+import { forwardRef as W, useRef as G, useState as S, useEffect as M, useCallback as U } from "react";
+import { d as D } from "./index-CkWvbrVT.js";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d, b as a, a as U, e as D, h as N, c as X } from "./utils-WHYrEnYF.js";
-import { u as q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const H = i.div`
+import { d as s, b as r, a as X, e as q, h as T, c as H } from "./utils-WHYrEnYF.js";
+import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const K = i.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
-  background-color: ${(e) => a(
+  min-height: ${(e) => s(e.theme, e.size)};
+  max-height: ${(e) => s(e.theme, e.size)};
+  background-color: ${(e) => r(
   e.theme,
   "Input",
   e.color,
@@ -19,27 +19,27 @@ const H = i.div`
   "background"
 )};
   border: 1px solid
-    ${(e) => a(
+    ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => U(e.theme, "regular")};
+  border-radius: ${(e) => X(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? D(e.theme) : ""}
-  ${(e) => e.disabled === !0 ? N(e.theme) : ""}
-`, S = i.span`
+  ${(e) => e.focused && e.readOnly !== !0 ? q(e.theme) : ""}
+  ${(e) => e.disabled === !0 ? T(e.theme) : ""}
+`, V = i.span`
   padding: 0 12px;
-  color: ${(e) => a(
+  color: ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "prefix"
 )};
-`, J = i(S)``, K = i.input`
+`, L = i(V)``, Q = i.input`
   background: none;
   border: none;
   outline: none;
@@ -47,22 +47,22 @@ const H = i.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => X(e.theme, "Input", e.size, "enabled")}
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
-  color: ${(e) => a(
+  ${(e) => H(e.theme, "Input", e.size, "enabled")}
+  min-height: ${(e) => s(e.theme, e.size)};
+  max-height: ${(e) => s(e.theme, e.size)};
+  color: ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-  caret-color: ${(e) => a(e.theme, "Input", e.color, "enabled", "caret")};
+  caret-color: ${(e) => r(e.theme, "Input", e.color, "enabled", "caret")};
   padding-right: ${(e) => e.suffix ? "0" : "0.75rem"};
   padding-left: ${(e) => e.prefix ? "0" : "0.75rem"};
 
   &::placeholder {
-    color: ${(e) => a(
+    color: ${(e) => r(
   e.theme,
   "Input",
   e.color,
@@ -76,99 +76,99 @@ const H = i.div`
   }
 
   &:disabled {
-    ${(e) => N(e.theme)}
+    ${(e) => T(e.theme)}
     background: none;
   }
-`, L = P((e, T) => {
+`, Y = W((e, O) => {
   const {
-    disabled: y,
-    readOnly: p,
-    debounceTime: O = 0,
-    step: V = 1,
-    min: z = Number.MIN_SAFE_INTEGER,
-    max: v = Number.MAX_SAFE_INTEGER,
-    prefix: s,
+    disabled: p,
+    readOnly: x,
+    debounceTime: z = 0,
+    step: v = 1,
+    min: E = Number.MIN_SAFE_INTEGER,
+    max: R = Number.MAX_SAFE_INTEGER,
+    prefix: c,
     suffix: m,
-    placeholder: E,
-    value: r,
-    defaultValue: F,
+    placeholder: F,
+    value: a,
+    defaultValue: $,
     //----------------
     onChange: l,
-    onBlur: c,
-    onFocus: f,
+    onBlur: f,
+    onFocus: h,
     //----------------
     className: k = "",
-    style: R = {},
-    size: x = "small",
+    style: B = {},
+    size: I = "small",
     color: o = "primary",
-    ...B
-  } = e, u = q(), [_, $] = C(r || F || ""), [h, I] = C(!1);
-  W(() => {
-    r != null && $(r);
-  }, [r]);
-  const j = G(
-    M((t, b) => w(t, b), O),
+    ..._
+  } = e, u = J(), d = G(a || $ || ""), [j, C] = S(a || $ || ""), [b, N] = S(!1);
+  M(() => {
+    a != null && (d.current = a, C(d.current));
+  }, [a]);
+  const w = U(
+    D((t, g) => A(t, g), z),
     [l]
-  ), w = (t, b) => {
-    l && (l == null || l(t, b));
+  ), A = (t, g) => {
+    l && (l == null || l(t, g));
   };
-  return /* @__PURE__ */ A(
-    H,
+  return /* @__PURE__ */ P(
+    K,
     {
-      style: R,
+      style: B,
       className: k,
       theme: u,
       color: o,
-      size: x,
-      focused: h,
-      disabled: y,
-      readOnly: p,
+      size: I,
+      focused: b,
+      disabled: p,
+      readOnly: x,
       children: [
-        s && /* @__PURE__ */ g(
-          S,
+        c && /* @__PURE__ */ y(
+          V,
           {
             theme: u,
             color: o,
-            focused: h,
+            focused: b,
             className: "lnc-input-prefix",
-            children: s
+            children: c
           }
         ),
-        /* @__PURE__ */ g(
-          K,
+        /* @__PURE__ */ y(
+          Q,
           {
-            ref: T,
+            ref: O,
             type: "number",
             theme: u,
             color: o,
-            size: x,
-            placeholder: E,
-            prefix: s,
+            size: I,
+            placeholder: F,
+            prefix: c,
             suffix: m,
-            disabled: y,
-            readOnly: p,
-            step: V,
-            min: z,
-            max: v,
-            value: _,
+            disabled: p,
+            readOnly: x,
+            step: v,
+            min: E,
+            max: R,
+            value: j,
             onFocus: (t) => {
-              I(!0), f == null || f(t);
+              N(!0), h == null || h(t);
             },
             onBlur: (t) => {
-              I(!1), c == null || c(t);
+              N(!1), f == null || f(t);
             },
             onChange: (t) => {
-              $(t.target.value), j(t, t.target.value);
+              d.current = t.target.value, C(d.current), w(t, t.target.value);
             },
-            ...B
+            ..._
           }
         ),
-        m && /* @__PURE__ */ g(
-          J,
+        m && /* @__PURE__ */ y(
+          L,
           {
             theme: u,
             color: o,
-            focused: h,
+            focused: b,
             className: "lnc-input-suffix",
             children: m
           }
@@ -177,7 +177,7 @@ const H = i.div`
     }
   );
 });
-L.propTypes = {
+Y.propTypes = {
   id: n.string,
   value: n.any,
   defaultValue: n.any,
@@ -237,5 +237,5 @@ L.propTypes = {
   ])
 };
 export {
-  L as default
+  Y as default
 };

package/dist/TextInput.cjs

@@ -1,20 +1,20 @@
-"use strict";const d=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),l=require("react"),_=require("./index-DaiUAQVF.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-BOtq2mcF.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),D=c.styled.div`
+"use strict";const c=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),s=require("react"),B=require("./index-DaiUAQVF.cjs"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-BOtq2mcF.cjs"),D=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=p.styled.div`
   display: flex;
   align-items: center;
 
-  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
-  background-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
   border: 1px solid
-    ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
-  border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
+  border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,"regular")};
 
-  ${e=>e.focused&&e.readOnly!==!0?n.getOutlineCss(e.theme):""}
-  ${e=>e.disabled===!0?n.getDisabledStateCss(e.theme):""}
-`,$=c.styled.span`
+  ${e=>e.focused&&e.readOnly!==!0?r.getOutlineCss(e.theme):""}
+  ${e=>e.disabled===!0?r.getDisabledStateCss(e.theme):""}
+`,C=p.styled.span`
   padding: 0 12px;
-  color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
-`,E=c.styled($)``,A=c.styled.input`
+  color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
+`,A=p.styled(C)``,G=p.styled.input`
   background: none;
   border: none;
   outline: none;
@@ -22,16 +22,16 @@
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${e=>n.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
-  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
-  color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
-  caret-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
+  ${e=>r.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
+  min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
+  color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
+  caret-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
   padding-right: ${e=>e.suffix?"0":"0.75rem"};
   padding-left: ${e=>e.prefix?"0":"0.75rem"};
 
   &::placeholder {
-    color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
+    color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
   }
 
   &:read-only {
@@ -39,7 +39,7 @@
   }
 
   &:disabled {
-    ${e=>n.getDisabledStateCss(e.theme)}
+    ${e=>r.getDisabledStateCss(e.theme)}
     background: none;
   }
-`,C=l.forwardRef((e,V)=>{const{disabled:b,readOnly:f,defaultValue:S,value:o,debounceTime:I=0,type:z="text",placeholder:O,tabIndex:R,prefix:p,suffix:g,onChange:s,onBlur:m,onFocus:y,className:q="",style:v={},size:x="small",color:a="primary",...j}=e,i=B.useTheme(),[W,T]=l.useState(o||S||""),[u,P]=l.useState(!1);l.useEffect(()=>{o!=null&&T(o)},[o]);const k=l.useCallback(_.debounce((r,h)=>w(r,h),I),[s]),w=(r,h)=>{s&&(s==null||s(r,h))},U=r=>{T(r.target.value),k(r,r.target.value)},F=r=>{P(!0),y==null||y(r)},N=r=>{P(!1),m==null||m(r)};return d.jsxs(D,{style:v,className:q,theme:i,color:a,size:x,focused:u,disabled:b,readOnly:f,children:[p&&d.jsx($,{theme:i,color:a,focused:u,className:"lnc-input-prefix",children:p}),d.jsx(A,{ref:V,type:z,theme:i,color:a,size:x,placeholder:O,prefix:p,suffix:g,disabled:b,readOnly:f,focused:u,onFocus:F,onBlur:N,onChange:U,tabIndex:R,value:W,...j}),g&&d.jsx(E,{theme:i,color:a,focused:u,className:"lnc-input-suffix",children:g})]})});C.propTypes={id:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,placeholder:t.PropTypes.string,type:t.PropTypes.oneOf(["text","email"]),tabIndex:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=C;
+`,S=s.forwardRef((e,I)=>{const{disabled:b,readOnly:x,defaultValue:T,value:o,debounceTime:R=0,type:z="text",placeholder:O,tabIndex:q,prefix:g,suffix:m,onChange:l,onBlur:y,onFocus:h,className:v="",style:j={},size:P="small",color:a="primary",...W}=e,i=D.useTheme(),u=s.useRef(o||T||""),[k,$]=s.useState(o||T||""),[d,V]=s.useState(!1);s.useEffect(()=>{o!=null&&(u.current=o,$(u.current))},[o]);const w=s.useCallback(B.debounce((n,f)=>U(n,f),R),[l]),U=(n,f)=>{l&&(l==null||l(n,f))},F=n=>{u.current=n.target.value,$(u.current),w(n,n.target.value)},N=n=>{V(!0),h==null||h(n)},_=n=>{V(!1),y==null||y(n)};return c.jsxs(E,{style:j,className:v,theme:i,color:a,size:P,focused:d,disabled:b,readOnly:x,children:[g&&c.jsx(C,{theme:i,color:a,focused:d,className:"lnc-input-prefix",children:g}),c.jsx(G,{ref:I,type:z,theme:i,color:a,size:P,placeholder:O,prefix:g,suffix:m,disabled:b,readOnly:x,focused:d,onFocus:N,onBlur:_,onChange:F,tabIndex:q,value:k,...W}),m&&c.jsx(A,{theme:i,color:a,focused:d,className:"lnc-input-suffix",children:m})]})});S.propTypes={id:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,placeholder:t.PropTypes.string,type:t.PropTypes.oneOf(["text","email"]),tabIndex:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=S;

package/dist/TextInput.js

@@ -1,17 +1,17 @@
-import { jsxs as W, jsx as b } from "react/jsx-runtime";
+import { jsxs as U, jsx as y } from "react/jsx-runtime";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { forwardRef as U, useState as C, useEffect as D, useCallback as E } from "react";
-import { d as q } from "./index-CkWvbrVT.js";
-import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as s, b as a, a as A, e as G, h as O, c as H } from "./utils-WHYrEnYF.js";
-import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const K = u.div`
+import { forwardRef as D, useRef as E, useState as V, useEffect as q, useCallback as A } from "react";
+import { d as G } from "./index-CkWvbrVT.js";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as s, b as r, a as H, e as J, h as T, c as K } from "./utils-WHYrEnYF.js";
+import { u as L } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const M = c.div`
   display: flex;
   align-items: center;
 
   min-height: ${(e) => s(e.theme, e.size)};
   max-height: ${(e) => s(e.theme, e.size)};
-  background-color: ${(e) => a(
+  background-color: ${(e) => r(
   e.theme,
   "Input",
   e.color,
@@ -19,27 +19,27 @@ const K = u.div`
   "background"
 )};
   border: 1px solid
-    ${(e) => a(
+    ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => A(e.theme, "regular")};
+  border-radius: ${(e) => H(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? G(e.theme) : ""}
-  ${(e) => e.disabled === !0 ? O(e.theme) : ""}
-`, T = u.span`
+  ${(e) => e.focused && e.readOnly !== !0 ? J(e.theme) : ""}
+  ${(e) => e.disabled === !0 ? T(e.theme) : ""}
+`, z = c.span`
   padding: 0 12px;
-  color: ${(e) => a(
+  color: ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "prefix"
 )};
-`, L = u(T)``, M = u.input`
+`, Q = c(z)``, X = c.input`
   background: none;
   border: none;
   outline: none;
@@ -47,22 +47,22 @@ const K = u.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => H(e.theme, "Input", e.size, "enabled")}
+  ${(e) => K(e.theme, "Input", e.size, "enabled")}
   min-height: ${(e) => s(e.theme, e.size)};
   max-height: ${(e) => s(e.theme, e.size)};
-  color: ${(e) => a(
+  color: ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-  caret-color: ${(e) => a(e.theme, "Input", e.color, "enabled", "caret")};
+  caret-color: ${(e) => r(e.theme, "Input", e.color, "enabled", "caret")};
   padding-right: ${(e) => e.suffix ? "0" : "0.75rem"};
   padding-left: ${(e) => e.prefix ? "0" : "0.75rem"};
 
   &::placeholder {
-    color: ${(e) => a(
+    color: ${(e) => r(
   e.theme,
   "Input",
   e.color,
@@ -76,106 +76,106 @@ const K = u.div`
   }
 
   &:disabled {
-    ${(e) => O(e.theme)}
+    ${(e) => T(e.theme)}
     background: none;
   }
-`, Q = U((e, V) => {
+`, Y = D((e, S) => {
   const {
-    disabled: y,
+    disabled: p,
     readOnly: x,
-    defaultValue: z,
-    value: l,
-    debounceTime: S = 0,
-    type: v = "text",
-    placeholder: k,
+    defaultValue: $,
+    value: a,
+    debounceTime: v = 0,
+    type: k = "text",
+    placeholder: R,
     tabIndex: B,
-    prefix: c,
-    suffix: m,
+    prefix: m,
+    suffix: f,
     //----------------
-    onChange: r,
-    onBlur: f,
-    onFocus: h,
+    onChange: l,
+    onBlur: h,
+    onFocus: g,
     //----------------
     className: F = "",
     style: N = {},
-    size: p = "small",
+    size: I = "small",
     color: o = "primary",
     ...j
-  } = e, d = J(), [w, $] = C(l || z || ""), [i, I] = C(!1);
-  D(() => {
-    l != null && $(l);
-  }, [l]);
-  const P = E(
-    q((n, g) => R(n, g), S),
-    [r]
-  ), R = (n, g) => {
-    r && (r == null || r(n, g));
+  } = e, u = L(), d = E(a || $ || ""), [w, C] = V(a || $ || ""), [i, O] = V(!1);
+  q(() => {
+    a != null && (d.current = a, C(d.current));
+  }, [a]);
+  const P = A(
+    G((n, b) => W(n, b), v),
+    [l]
+  ), W = (n, b) => {
+    l && (l == null || l(n, b));
   };
-  return /* @__PURE__ */ W(
-    K,
+  return /* @__PURE__ */ U(
+    M,
     {
       style: N,
       className: F,
-      theme: d,
+      theme: u,
       color: o,
-      size: p,
+      size: I,
       focused: i,
-      disabled: y,
+      disabled: p,
       readOnly: x,
       children: [
-        c && /* @__PURE__ */ b(
-          T,
+        m && /* @__PURE__ */ y(
+          z,
           {
-            theme: d,
+            theme: u,
             color: o,
             focused: i,
             className: "lnc-input-prefix",
-            children: c
+            children: m
           }
         ),
-        /* @__PURE__ */ b(
-          M,
+        /* @__PURE__ */ y(
+          X,
           {
-            ref: V,
-            type: v,
-            theme: d,
+            ref: S,
+            type: k,
+            theme: u,
             color: o,
-            size: p,
-            placeholder: k,
-            prefix: c,
-            suffix: m,
-            disabled: y,
+            size: I,
+            placeholder: R,
+            prefix: m,
+            suffix: f,
+            disabled: p,
             readOnly: x,
             focused: i,
             onFocus: (n) => {
-              I(!0), h == null || h(n);
+              O(!0), g == null || g(n);
             },
             onBlur: (n) => {
-              I(!1), f == null || f(n);
+              O(!1), h == null || h(n);
             },
             onChange: (n) => {
-              $(n.target.value), P(n, n.target.value);
+              d.current = n.target.value, C(d.current), P(n, n.target.value);
             },
             tabIndex: B,
             value: w,
             ...j
           }
         ),
-        m && /* @__PURE__ */ b(
-          L,
+        f && /* @__PURE__ */ y(
+          Q,
           {
-            theme: d,
+            theme: u,
             color: o,
             focused: i,
             className: "lnc-input-suffix",
-            children: m
+            children: f
           }
         )
       ]
     }
   );
 });
-Q.propTypes = {
+Y.propTypes = {
   id: t.string,
   defaultValue: t.string,
   value: t.string,
@@ -223,5 +223,5 @@ Q.propTypes = {
   ])
 };
 export {
-  Q as default
+  Y as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.94",
+  "version": "4.0.95",
   "description": "React component library",
   "type": "module",
   "keywords": [