@lanaco/lnc-react-ui 4.0.94 → 4.0.96

package/dist/MultiSelectDropdown.js

@@ -1,4 +1,4 @@
-import { jsx as O } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-S5Cd7WrG.js";
 import { forwardRef as y, useCallback as h } from "react";
 import { a as M } from "./CustomStyles-9CHBrzIM.js";
@@ -64,11 +64,11 @@ const w = y((l, t) => {
     // children,
     ...p
   } = l, b = I(), f = h(
-    S((d, g) => {
-      o == null || o(d, g);
+    S((d, O) => {
+      o == null || o(d, O);
     }, s)
   );
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ g(
     C,
     {
       isMulti: !0,
@@ -155,11 +155,11 @@ w.propTypes = {
   /**
    * The id to set on the SelectContainer component
    */
-  id: e.string,
+  id: e.any,
   /**
    * The id of the search input
    */
-  inputId: e.string,
+  inputid: e.any,
   /**
    * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
    */

package/dist/MultiSelectDropdownLookup.cjs

@@ -1 +1 @@
-"use strict";const O=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),g=require("./CustomStyles-BoYYyJVV.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},l));return O.jsx(M,{isMulti:!0,ref:t,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
+"use strict";const O=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),g=require("./CustomStyles-BoYYyJVV.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:a="small",color:i="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M,{isMulti:!0,ref:l,styles:p||g.customStyles,size:a,color:i,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;

package/dist/MultiSelectDropdownLookup.js

@@ -1,11 +1,11 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as y } from "react/jsx-runtime";
 import { P as e } from "./index-S5Cd7WrG.js";
-import { forwardRef as y, useCallback as h } from "react";
+import { forwardRef as g, useCallback as h } from "react";
 import { a as M } from "./CustomStyles-9CHBrzIM.js";
 import { d as S } from "./index-CkWvbrVT.js";
 import C from "./DropdownLookup.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const T = y((l, t) => {
+const T = g((l, t) => {
   const {
     // defaultOptions,
     // cacheOptions,
@@ -70,7 +70,7 @@ const T = y((l, t) => {
       o == null || o(d, O);
     }, s)
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     C,
     {
       isMulti: !0,
@@ -168,11 +168,11 @@ T.propTypes = {
   /**
    * The id to set on the SelectContainer component
    */
-  id: e.string,
+  id: e.any,
   /**
    * The id of the search input
    */
-  inputId: e.string,
+  inputid: e.any,
   /**
    * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
    */

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:a,onBlur:y,onFocus:g,className:_="",style:q={},size:P="small",color:l="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),[a]),W=(n,h)=>{a&&(a==null||a(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:l,size:P,focused:b,disabled:f,readOnly:T,children:[m&&d.jsx(C,{theme:u,color:l,focused:b,className:"lnc-input-prefix",children:m}),d.jsx(M,{ref:I,type:"number",theme:u,color:l,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:l,focused:b,className:"lnc-input-suffix",children:p})]})});S.propTypes={id:t.PropTypes.any,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,8 +177,8 @@ const H = i.div`
     }
   );
 });
-L.propTypes = {
-  id: n.string,
+Y.propTypes = {
+  id: n.any,
   value: n.any,
   defaultValue: n.any,
   disabled: n.bool,
@@ -237,5 +237,5 @@ L.propTypes = {
   ])
 };
 export {
-  L as default
+  Y as default
 };

package/dist/PasswordInput.cjs

@@ -44,4 +44,4 @@
     ${e=>r.getDisabledStateCss(e.theme)}
     background: none;
   }
-`,V=s.forwardRef((e,m)=>{const{wrapperRef:z,disabled:$,readOnly:C,debounceTime:R=0,placeholder:k,prefix:b,suffix:f,value:u,defaultValue:v,onChange:i,onBlur:p,onFocus:x,className:j="",style:q={},size:P="small",color:c="primary",...w}=e,o=s.useRef(),d=A.useTheme(),[O,S]=s.useState(u||v||"");s.useEffect(()=>{u!=null&&S(u)},[u]);const[y,W]=s.useState(!0),[g,I]=s.useState(!1);s.useEffect(()=>{var l;const t=((l=o==null?void 0:o.current)==null?void 0:l.value)||"";o.current.selectionStart=t!=null&&t.length?t.length:0,o.current.selectionEnd=t!=null&&t.length?t.length:0},[y]),s.useEffect(()=>{m!=null&&(m.current=o.current)},[m,o]);const E=s.useCallback(L.debounce((t,l)=>U(t,l),R),[i]),U=(t,l)=>{i&&(i==null||i(t,l))},F=t=>{S(t.target.value),E(t,t.target.value)},N=()=>{W(!y),o.current.focus()},_=t=>{I(!0),x==null||x(t)},B=t=>{I(!1),p==null||p(t)};return a.jsxs(G,{ref:z,style:q,className:j,theme:d,color:c,size:P,focused:g,disabled:$,readOnly:C,children:[b&&a.jsx(T,{theme:d,color:c,focused:g,className:"lnc-input-prefix",children:b}),a.jsx(K,{ref:o,type:y?"password":"text",theme:d,color:c,size:P,placeholder:k,prefix:b,suffix:f,disabled:$,readOnly:C,focused:g,onFocus:_,onBlur:B,onChange:F,value:O,...w}),a.jsx(J,{theme:d,color:c,focused:g,onClick:N,children:a.jsx(D,{icon:y?"eye-slash":"eye"})}),f&&a.jsx(H,{theme:d,color:c,focused:g,className:"lnc-input-suffix",children:f})]})});V.propTypes={id:n.PropTypes.string,value:n.PropTypes.string,defaultValue:n.PropTypes.string,disabled:n.PropTypes.bool,readOnly:n.PropTypes.bool,debounceTime:n.PropTypes.number,placeholder:n.PropTypes.string,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onBlur:n.PropTypes.func,onFocus:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=V;
+`,V=s.forwardRef((e,m)=>{const{wrapperRef:z,disabled:$,readOnly:C,debounceTime:R=0,placeholder:k,prefix:b,suffix:f,value:u,defaultValue:v,onChange:c,onBlur:p,onFocus:x,className:j="",style:q={},size:P="small",color:i="primary",...w}=e,o=s.useRef(),d=A.useTheme(),[O,S]=s.useState(u||v||"");s.useEffect(()=>{u!=null&&S(u)},[u]);const[y,W]=s.useState(!0),[g,I]=s.useState(!1);s.useEffect(()=>{var l;const t=((l=o==null?void 0:o.current)==null?void 0:l.value)||"";o.current.selectionStart=t!=null&&t.length?t.length:0,o.current.selectionEnd=t!=null&&t.length?t.length:0},[y]),s.useEffect(()=>{m!=null&&(m.current=o.current)},[m,o]);const E=s.useCallback(L.debounce((t,l)=>U(t,l),R),[c]),U=(t,l)=>{c&&(c==null||c(t,l))},F=t=>{S(t.target.value),E(t,t.target.value)},N=()=>{W(!y),o.current.focus()},_=t=>{I(!0),x==null||x(t)},B=t=>{I(!1),p==null||p(t)};return a.jsxs(G,{ref:z,style:q,className:j,theme:d,color:i,size:P,focused:g,disabled:$,readOnly:C,children:[b&&a.jsx(T,{theme:d,color:i,focused:g,className:"lnc-input-prefix",children:b}),a.jsx(K,{ref:o,type:y?"password":"text",theme:d,color:i,size:P,placeholder:k,prefix:b,suffix:f,disabled:$,readOnly:C,focused:g,onFocus:_,onBlur:B,onChange:F,value:O,...w}),a.jsx(J,{theme:d,color:i,focused:g,onClick:N,children:a.jsx(D,{icon:y?"eye-slash":"eye"})}),f&&a.jsx(H,{theme:d,color:i,focused:g,className:"lnc-input-suffix",children:f})]})});V.propTypes={id:n.PropTypes.any,value:n.PropTypes.string,defaultValue:n.PropTypes.string,disabled:n.PropTypes.bool,readOnly:n.PropTypes.bool,debounceTime:n.PropTypes.number,placeholder:n.PropTypes.string,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onBlur:n.PropTypes.func,onFocus:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=V;

package/dist/PasswordInput.js

@@ -198,7 +198,7 @@ const Z = m.div`
   );
 });
 ne.propTypes = {
-  id: n.string,
+  id: n.any,
   value: n.string,
   defaultValue: n.string,
   disabled: n.bool,

package/dist/ProgressBar.cjs

@@ -27,4 +27,4 @@
   left: 50%;
   transform: translate(-50%, -50%);
   color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","text")};
-`,d=i.forwardRef((e,w)=>{const{id:$="",showLabel:c=!1,progressPercentage:t=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...h}=e,n=P.useTheme(),y=()=>{var p;if(i.isValidElement(s))return i.cloneElement(s,{className:`progress-icon ${(p=s==null?void 0:s.props)==null?void 0:p.className}`})};return a.jsxs(f,{style:u,className:"lnc-ui-progress "+m,theme:n,size:g,showLabel:c,progressPercentage:t,...h,children:[a.jsx(x,{progressPercentage:t,theme:n,color:b,children:s!==null&&y()}),c&&a.jsxs(T,{theme:n,size:g,children:[t,"%"]})]})});d.propTypes={id:r.PropTypes.string,showLabel:r.PropTypes.bool,progressPercentage:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"]),progressBarEndComponent:r.PropTypes.any};module.exports=d;
+`,d=i.forwardRef((e,w)=>{const{id:$="",showLabel:c=!1,progressPercentage:t=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...y}=e,n=P.useTheme(),h=()=>{var p;if(i.isValidElement(s))return i.cloneElement(s,{className:`progress-icon ${(p=s==null?void 0:s.props)==null?void 0:p.className}`})};return a.jsxs(f,{style:u,className:"lnc-ui-progress "+m,theme:n,size:g,showLabel:c,progressPercentage:t,...y,children:[a.jsx(x,{progressPercentage:t,theme:n,color:b,children:s!==null&&h()}),c&&a.jsxs(T,{theme:n,size:g,children:[t,"%"]})]})});d.propTypes={id:r.PropTypes.any,showLabel:r.PropTypes.bool,progressPercentage:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"]),progressBarEndComponent:r.PropTypes.any};module.exports=d;

package/dist/ProgressBar.js

@@ -94,7 +94,7 @@ const w = t.div`
   );
 });
 N.propTypes = {
-  id: r.string,
+  id: r.any,
   showLabel: r.bool,
   progressPercentage: r.number,
   //-------------------------

package/dist/RadioGroup.cjs

@@ -1,7 +1,7 @@
-"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BPVoEhTF.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=I.styled.div`
+"use strict";const p=require("react/jsx-runtime"),n=require("react"),O=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BPVoEhTF.cjs"),R=require("./RadioInput.cjs"),I=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=O.styled.div`
   display: inline-flex;
-  flex-direction: ${s=>s.inline===!0?"row":"column"};
+  flex-direction: ${o=>o.inline===!0?"row":"column"};
   gap: 1.5rem;
   width: fit-content;
   box-sizing: border-box;
-`,t=n.forwardRef((s,l)=>{const{id:d="",name:c,value:o=null,disabled:y=!1,readOnly:u=!1,items:m=[],mapId:z="id",mapValue:k="value",radioProps:P,inline:T=!0,onChange:a=()=>{},className:f="",style:g={},size:b="small",color:h="primary",...x}=s;var v=R.useTheme();const[q,w]=n.useState(null);n.useEffect(()=>{o!==q&&w(o)},[o]);var C={color:h,theme:v,size:b,disabled:y,readOnly:u};const j=(r,i)=>{a&&a(r)};return p.jsx(_,{ref:l,id:d,inline:T,style:g,className:f,...x,children:m.map((r,i)=>p.jsx(O,{...C,label:r.label,value:r.value,...P,onChange:j,name:c},i))})});t.propTypes={id:e.PropTypes.string,name:e.PropTypes.string,value:e.PropTypes.any,disabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,items:e.PropTypes.arrayOf(e.PropTypes.object),mapId:e.PropTypes.string,mapValue:e.PropTypes.string,inline:e.PropTypes.bool,onChange:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),radioProps:e.PropTypes.any};module.exports=t;
+`,l=n.forwardRef((o,t)=>{const{id:d="",name:y,value:s=null,disabled:c=!1,readOnly:u=!1,items:m=[],mapId:z="id",mapValue:k="value",radioProps:P,inline:T=!0,onChange:a=()=>{},className:f="",style:b={},size:g="small",color:h="primary",...x}=o;var v=I.useTheme();const[q,w]=n.useState(null);n.useEffect(()=>{s!==q&&w(s)},[s]);var C={color:h,theme:v,size:g,disabled:c,readOnly:u};const j=(r,i)=>{a&&a(r)};return p.jsx(_,{ref:t,id:d,inline:T,style:b,className:f,...x,children:m.map((r,i)=>p.jsx(R,{...C,label:r.label,value:r.value,...P,onChange:j,name:y},i))})});l.propTypes={id:e.PropTypes.any,name:e.PropTypes.string,value:e.PropTypes.any,disabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,items:e.PropTypes.arrayOf(e.PropTypes.object),mapid:e.PropTypes.any,mapValue:e.PropTypes.string,inline:e.PropTypes.bool,onChange:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),radioProps:e.PropTypes.any};module.exports=l;

package/dist/RadioGroup.js

@@ -1,20 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as w, useState as j, useEffect as z } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as I, useState as j, useEffect as z } from "react";
 import { s as R } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as e } from "./index-S5Cd7WrG.js";
 import T from "./RadioInput.js";
 import { u as k } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = R.div`
   display: inline-flex;
-  flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};
+  flex-direction: ${(o) => o.inline === !0 ? "row" : "column"};
   gap: 1.5rem;
   width: fit-content;
   box-sizing: border-box;
-`, V = w((r, l) => {
+`, V = I((o, s) => {
   const {
     id: t = "",
     name: m,
-    value: o = null,
+    value: r = null,
     disabled: d = !1,
     readOnly: p = !1,
     items: u = [],
@@ -26,44 +26,44 @@ const N = R.div`
     onChange: n = () => {
     },
     //----------------
-    className: g = "",
-    style: y = {},
+    className: y = "",
+    style: g = {},
     size: b = "small",
     color: h = "primary",
     ...v
-  } = r;
+  } = o;
   var x = k();
-  const [C, I] = j(null);
+  const [C, O] = j(null);
   z(() => {
-    o !== C && I(o);
-  }, [o]);
-  var O = {
+    r !== C && O(r);
+  }, [r]);
+  var P = {
     color: h,
     theme: x,
     size: b,
     disabled: d,
     readOnly: p
   };
-  const P = (a, i) => {
+  const w = (a, i) => {
     n && n(a);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     N,
     {
-      ref: l,
+      ref: s,
       id: t,
       inline: f,
-      style: y,
-      className: g,
+      style: g,
+      className: y,
       ...v,
-      children: u.map((a, i) => /* @__PURE__ */ s(
+      children: u.map((a, i) => /* @__PURE__ */ l(
         T,
         {
-          ...O,
+          ...P,
           label: a.label,
           value: a.value,
           ...c,
-          onChange: P,
+          onChange: w,
           name: m
         },
         i
@@ -72,13 +72,13 @@ const N = R.div`
   );
 });
 V.propTypes = {
-  id: e.string,
+  id: e.any,
   name: e.string,
   value: e.any,
   disabled: e.bool,
   readOnly: e.bool,
   items: e.arrayOf(e.object),
-  mapId: e.string,
+  mapid: e.any,
   mapValue: e.string,
   inline: e.bool,
   //----------------

package/dist/RadioInput.cjs

@@ -114,4 +114,4 @@
   overflow: hidden;
   text-overflow: ellipsis;
   color: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","text")};
-`,f=h.forwardRef((e,y)=>{const{wrapperRef:R,className:C="",style:w={},color:k="primary",innerColor:x="white",size:$="small",onChange:a,onFocus:l,onBlur:n,onClick:c,onKeyDown:N,label:u,labelPosition:p="right",spaceBetween:v,disabled:s,readOnly:d,...P}=e,[T,b]=h.useState(!1);var g={theme:O.useTheme(),size:$,color:k,disabled:s,labelPosition:p,spaceBetween:v};const V=t=>{b(!1),n&&(n==null||n(t))},z=t=>{b(!0),l&&(l==null||l(t))};return i.jsxs(q,{...g,ref:R,className:C,style:w,tabIndex:-1,readOnly:d,focused:T,onClick:t=>c==null?void 0:c(t),innerColor:x,children:[i.jsx("input",{ref:y,disabled:s||d,type:"radio",onBlur:V,onFocus:z,onChange:t=>a==null?void 0:a(t),...P}),i.jsx("div",{className:"checkmark",children:i.jsxs("svg",{id:"eqw1eBsfm9l1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision",children:[i.jsx("ellipse",{className:"outer-circle",rx:"9.5",ry:"9.5",transform:"translate(10 10)",fillRule:"evenodd",stroke:"red"}),i.jsx("ellipse",{rx:"5",ry:"5",transform:"translate(10 10)",className:"inner-circle",strokeWidth:"0"})]})}),i.jsx(B,{...g,className:"lnc-radio-input-label",disalbed:s,readOnly:d,title:u,tabIndex:-1,children:u})]})});f.propTypes={id:r.PropTypes.string,name:r.PropTypes.string,checked:r.PropTypes.bool,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,label:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),labelPosition:r.PropTypes.oneOf(["right","left"]),tabIndex:r.PropTypes.number,spaceBetween:r.PropTypes.bool,onChange:r.PropTypes.func,onFocus:r.PropTypes.func,onBlur:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),innerColor:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray","white","transparent"])};module.exports=f;
+`,y=h.forwardRef((e,f)=>{const{wrapperRef:R,className:C="",style:w={},color:k="primary",innerColor:x="white",size:$="small",onChange:a,onFocus:l,onBlur:n,onClick:c,onKeyDown:N,label:u,labelPosition:p="right",spaceBetween:v,disabled:s,readOnly:d,...P}=e,[T,b]=h.useState(!1);var g={theme:O.useTheme(),size:$,color:k,disabled:s,labelPosition:p,spaceBetween:v};const V=t=>{b(!1),n&&(n==null||n(t))},z=t=>{b(!0),l&&(l==null||l(t))};return i.jsxs(q,{...g,ref:R,className:C,style:w,tabIndex:-1,readOnly:d,focused:T,onClick:t=>c==null?void 0:c(t),innerColor:x,children:[i.jsx("input",{ref:f,disabled:s||d,type:"radio",onBlur:V,onFocus:z,onChange:t=>a==null?void 0:a(t),...P}),i.jsx("div",{className:"checkmark",children:i.jsxs("svg",{id:"eqw1eBsfm9l1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision",children:[i.jsx("ellipse",{className:"outer-circle",rx:"9.5",ry:"9.5",transform:"translate(10 10)",fillRule:"evenodd",stroke:"red"}),i.jsx("ellipse",{rx:"5",ry:"5",transform:"translate(10 10)",className:"inner-circle",strokeWidth:"0"})]})}),i.jsx(B,{...g,className:"lnc-radio-input-label",disalbed:s,readOnly:d,title:u,tabIndex:-1,children:u})]})});y.propTypes={id:r.PropTypes.any,name:r.PropTypes.string,checked:r.PropTypes.bool,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,label:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),labelPosition:r.PropTypes.oneOf(["right","left"]),tabIndex:r.PropTypes.number,spaceBetween:r.PropTypes.bool,onChange:r.PropTypes.func,onFocus:r.PropTypes.func,onBlur:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),innerColor:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray","white","transparent"])};module.exports=y;

package/dist/RadioInput.js

@@ -1,4 +1,4 @@
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import { forwardRef as P, useState as j } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as i } from "./index-S5Cd7WrG.js";
@@ -246,26 +246,26 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
       tabIndex: -1,
       readOnly: s,
       focused: B,
-      onClick: (r) => c == null ? void 0 : c(r),
+      onClick: (o) => c == null ? void 0 : c(o),
       innerColor: v,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "input",
           {
             ref: y,
             disabled: d || s,
             type: "radio",
-            onBlur: (r) => {
-              m(!1), l && (l == null || l(r));
+            onBlur: (o) => {
+              m(!1), l && (l == null || l(o));
             },
-            onFocus: (r) => {
-              m(!0), n && (n == null || n(r));
+            onFocus: (o) => {
+              m(!0), n && (n == null || n(o));
             },
-            onChange: (r) => a == null ? void 0 : a(r),
+            onChange: (o) => a == null ? void 0 : a(o),
             ...z
           }
         ),
-        /* @__PURE__ */ o("div", { className: "checkmark", children: /* @__PURE__ */ b(
+        /* @__PURE__ */ r("div", { className: "checkmark", children: /* @__PURE__ */ b(
           "svg",
           {
             id: "eqw1eBsfm9l1",
@@ -274,7 +274,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
             shapeRendering: "geometricPrecision",
             textRendering: "geometricPrecision",
             children: [
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 "ellipse",
                 {
                   className: "outer-circle",
@@ -285,7 +285,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
                   stroke: "red"
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 "ellipse",
                 {
                   rx: "5",
@@ -298,7 +298,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
             ]
           }
         ) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           K,
           {
             ...u,
@@ -315,7 +315,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   );
 });
 L.propTypes = {
-  id: i.string,
+  id: i.any,
   name: i.string,
   checked: i.bool,
   disabled: i.bool,