@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/NestedMenuItem.js

@@ -1,15 +1,15 @@
-import { jsxs as O, Fragment as u, jsx as i } from "react/jsx-runtime";
-import n, { useState as P } from "react";
+import { jsxs as x, Fragment as l, jsx as s } from "react/jsx-runtime";
+import { forwardRef as O, useState as P, cloneElement as u, Children as h, isValidElement as z } from "react";
 import { P as t } from "./index-BYnWp42a.js";
-import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as z } from "./utils-C52T57HO.js";
-import { m as $ } from "./motion-ecIGZGwI.js";
-import { u as j } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { A as D } from "./index-BUChtubz.js";
-const Y = h($.div)`
+import { n as $ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as j } from "./utils-C52T57HO.js";
+import { m as D } from "./motion-ecIGZGwI.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { A as C } from "./index-BUChtubz.js";
+const A = $(D.div)`
   ${(o) => o.tuckIn == !0 && `margin-left: ${o.tuckInSize};`}
   ${(o) => o.tuckIn == !0 && `padding-left: ${o.tuckInSize};`}
-    ${(o) => o.tuckIn == !0 && `border-left: 2px solid ${z(
+    ${(o) => o.tuckIn == !0 && `border-left: 2px solid ${j(
   o.theme,
   "MenuItem",
   o.color,
@@ -18,17 +18,17 @@ const Y = h($.div)`
   "backgroundOpacity"
 )};`}
     border-radius: 2px;
-`, c = n.forwardRef((o, p) => {
+`, c = O((o, p) => {
   const {
     item: d,
     //------------------
     onItemSelected: f = () => {
     },
     //--------------------
-    defaultOpen: _ = !1,
-    tuckIn: E = !0,
-    tuckInSize: y = "0.3rem",
-    animation: g = {
+    defaultOpen: g = !1,
+    tuckIn: y = !0,
+    tuckInSize: E = "0.3rem",
+    animation: _ = {
       animate: { opacity: 1, height: "auto" },
       exit: { opacity: 0, height: 0 },
       initial: { opacity: 0, height: 0 },
@@ -40,46 +40,46 @@ const Y = h($.div)`
       }
     },
     className: I = "",
-    style: T = {},
-    color: a = "primary",
-    size: s = "small",
-    __TYPE__: C = "NESTED_ITEM",
-    children: N,
+    style: N = {},
+    color: r = "primary",
+    size: a = "small",
+    __TYPE__: R = "NESTED_ITEM",
+    children: T,
     ...S
-  } = o, k = j(), [r, M] = P(_), b = () => {
-    M(!r);
-  }, w = n.cloneElement(d, {
+  } = o, k = Y(), [n, M] = P(g), b = u(d, {
     isNested: !0,
-    showNested: r,
-    toggleNested: b,
-    color: a,
-    size: s
-  }), x = n.Children.map(N, (e, R) => {
-    var m, l;
-    if (n.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((l = e == null ? void 0 : e.type) == null ? void 0 : l.displayName) === "NESTED_ITEM"))
-      return n.cloneElement(e, {
-        color: e.props.color ? e.props.color : a,
-        size: s,
+    showNested: n,
+    toggleNested: () => {
+      M(!n);
+    },
+    color: r,
+    size: a
+  }), w = h.map(T, (e, V) => {
+    var i, m;
+    if (z(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "NESTED_ITEM"))
+      return u(e, {
+        color: e.props.color ? e.props.color : r,
+        size: a,
         onItemSelected: f
       });
   });
-  return /* @__PURE__ */ O(u, { children: [
-    /* @__PURE__ */ i(u, { children: w }),
-    /* @__PURE__ */ i(D, { children: r && /* @__PURE__ */ i(
-      Y,
+  return /* @__PURE__ */ x(l, { children: [
+    /* @__PURE__ */ s(l, { children: b }),
+    /* @__PURE__ */ s(C, { children: n && /* @__PURE__ */ s(
+      A,
       {
         theme: k,
-        tuckIn: E,
-        tuckInSize: y,
-        color: a,
-        size: s,
+        tuckIn: y,
+        tuckInSize: E,
+        color: r,
+        size: a,
         className: "nested-item-lnc " + I,
-        style: T,
+        style: N,
         ref: p,
-        show: r,
-        ...g,
+        show: n,
+        ..._,
         ...S,
-        children: x
+        children: w
       }
     ) })
   ] });

package/dist/NotificationContainer.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),C=require("react"),o=require("./index-BIlhCoy2.cjs"),N=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),_=require("./react-toastify.esm-Dqcb4SQT.cjs");;/* empty css                         */const t=require("./utils-DTAPpJXU.cjs"),R=require("./ThemeProvider.cjs"),v=N.newStyled.div`
+"use strict";const s=require("react/jsx-runtime"),N=require("react"),o=require("./index-BIlhCoy2.cjs"),_=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),R=require("./react-toastify.esm-Dqcb4SQT.cjs");;/* empty css                         */const t=require("./utils-DTAPpJXU.cjs"),v=require("./ThemeProvider.cjs"),O=_.newStyled.div`
   & .lnc-notification {
     & > div {
       background-color: ${e=>t.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","background","backgroundOpacity")};
@@ -34,4 +34,4 @@
       }
     }
   }
-`,r=C.forwardRef((e,i)=>{const{position:a="top-right",autoClose:n=5e5,hideProgressBar:l=!0,newestOnTop:c=!0,closeOnClick:p=!0,rtl:u=!1,pauseOnFocusLoss:b=!1,draggable:g=!1,pauseOnHover:d=!1,closeButton:f=!0,className:y="",style:m={},toastContainerProps:T,children:O,...h}=e,{theme:P}=R.useTheme(),x={theme:P,className:"lnc-ui-notification "+y,style:m};return s.jsx(v,{ref:i,...x,...h,children:s.jsx(_.ToastContainer,{position:a,autoClose:n,hideProgressBar:l,newestOnTop:c,closeOnClick:p,rtl:u,pauseOnFocusLoss:b,draggable:g,pauseOnHover:d,closeButton:f,className:"lnc-notification",...T})})});r.propTypes={position:o.PropTypes.oneOf(["top-right","top-center","top-left","bottom-right","bottom-center","bottom-left"]),autoClose:o.PropTypes.number,hideProgressBar:o.PropTypes.bool,newestOnTop:o.PropTypes.bool,closeOnClick:o.PropTypes.bool,rtl:o.PropTypes.bool,pauseOnFocusLoss:o.PropTypes.bool,draggable:o.PropTypes.bool,pauseOnHover:o.PropTypes.bool,closeButton:o.PropTypes.bool,className:o.PropTypes.string,style:o.PropTypes.object,toastContainerProps:o.PropTypes.any};module.exports=r;
+`,r=N.forwardRef((e,i)=>{const{position:a="top-right",autoClose:n=5e5,hideProgressBar:l=!0,newestOnTop:c=!0,closeOnClick:p=!0,rtl:u=!1,pauseOnFocusLoss:b=!1,draggable:g=!1,pauseOnHover:f=!1,closeButton:d=!0,className:m="",style:y={},size:T="small",toastContainerProps:h,...P}=e,{theme:x}=v.useTheme(),C={theme:x,className:"lnc-ui-notification "+m,style:y,size:T};return s.jsx(O,{ref:i,...C,...P,children:s.jsx(R.ToastContainer,{position:a,autoClose:n,hideProgressBar:l,newestOnTop:c,closeOnClick:p,rtl:u,pauseOnFocusLoss:b,draggable:g,pauseOnHover:f,closeButton:d,className:"lnc-notification",...h})})});r.propTypes={position:o.PropTypes.oneOf(["top-right","top-center","top-left","bottom-right","bottom-center","bottom-left"]),autoClose:o.PropTypes.number,hideProgressBar:o.PropTypes.bool,newestOnTop:o.PropTypes.bool,closeOnClick:o.PropTypes.bool,rtl:o.PropTypes.bool,pauseOnFocusLoss:o.PropTypes.bool,draggable:o.PropTypes.bool,pauseOnHover:o.PropTypes.bool,closeButton:o.PropTypes.bool,className:o.PropTypes.string,style:o.PropTypes.object,toastContainerProps:o.PropTypes.any};module.exports=r;

package/dist/NotificationContainer.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
+import { forwardRef as O } from "react";
 import { P as t } from "./index-BYnWp42a.js";
-import { n as O } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { T as _ } from "./react-toastify.esm-CkXGwKXL.js";
+import { n as _ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { T as v } from "./react-toastify.esm-CkXGwKXL.js";
 /* empty css                       */
-import { a as e, b as v } from "./utils-C52T57HO.js";
-import { useTheme as C } from "./ThemeProvider.js";
-const $ = O.div`
+import { a as e, b as C } from "./utils-C52T57HO.js";
+import { useTheme as $ } from "./ThemeProvider.js";
+const P = _.div`
   & .lnc-notification {
     & > div {
       background-color: ${(o) => e(
@@ -27,7 +27,7 @@ const $ = O.div`
   "enabled",
   "border"
 )}`};
-      border-radius: ${(o) => v(o.theme, "regular")};
+      border-radius: ${(o) => C(o.theme, "regular")};
     }
     & .Toastify__close-button {
       & svg {
@@ -85,7 +85,7 @@ const $ = O.div`
       }
     }
   }
-`, P = T((o, a) => {
+`, w = O((o, a) => {
   const {
     position: s = "top-right",
     autoClose: n = 5e5,
@@ -93,22 +93,23 @@ const $ = O.div`
     newestOnTop: l = !0,
     closeOnClick: c = !0,
     rtl: f = !1,
-    pauseOnFocusLoss: p = !1,
-    draggable: m = !1,
+    pauseOnFocusLoss: m = !1,
+    draggable: p = !1,
     pauseOnHover: b = !1,
     closeButton: d = !0,
     className: u = "",
     style: g = {},
-    toastContainerProps: h,
-    children: w,
-    ...y
-  } = o, { theme: N } = C(), x = {
-    theme: N,
+    size: h = "small",
+    toastContainerProps: y,
+    ...N
+  } = o, { theme: x } = $(), T = {
+    theme: x,
     className: "lnc-ui-notification " + u,
-    style: g
+    style: g,
+    size: h
   };
-  return /* @__PURE__ */ i($, { ref: a, ...x, ...y, children: /* @__PURE__ */ i(
-    _,
+  return /* @__PURE__ */ i(P, { ref: a, ...T, ...N, children: /* @__PURE__ */ i(
+    v,
     {
       position: s,
       autoClose: n,
@@ -116,16 +117,16 @@ const $ = O.div`
       newestOnTop: l,
       closeOnClick: c,
       rtl: f,
-      pauseOnFocusLoss: p,
-      draggable: m,
+      pauseOnFocusLoss: m,
+      draggable: p,
       pauseOnHover: b,
       closeButton: d,
       className: "lnc-notification",
-      ...h
+      ...y
     }
   ) });
 });
-P.propTypes = {
+w.propTypes = {
   position: t.oneOf([
     "top-right",
     "top-center",
@@ -158,5 +159,5 @@ P.propTypes = {
   toastContainerProps: t.any
 };
 export {
-  P as default
+  w as default
 };

package/dist/NumberInput.js

@@ -1,6 +1,6 @@
 import { jsxs as A, jsx as g } from "react/jsx-runtime";
 import { P as n } from "./index-BYnWp42a.js";
-import P, { useState as C, useEffect as W, useCallback as G } from "react";
+import { forwardRef as P, useState as C, useEffect as W, useCallback as G } from "react";
 import { d as M } from "./index-CNBqQrtK.js";
 import { n as i } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { d, a, b as U, e as D, h as S, g as X } from "./utils-C52T57HO.js";
@@ -79,7 +79,7 @@ const H = i.div`
     ${(e) => S(e.theme)}
     background: none;
   }
-`, L = P.forwardRef((e, T) => {
+`, L = P((e, T) => {
   const {
     disabled: y,
     readOnly: p,
@@ -97,16 +97,16 @@ const H = i.div`
     onBlur: c,
     onFocus: f,
     //----------------
-    className: R = "",
-    style: _ = {},
+    className: k = "",
+    style: R = {},
     size: x = "small",
     color: o = "primary",
-    ...k
-  } = e, u = q(), [w, $] = C(r || F || ""), [h, I] = C(!1);
+    ...w
+  } = e, u = q(), [B, $] = C(r || F || ""), [h, I] = C(!1);
   W(() => {
     r != null && $(r);
   }, [r]);
-  const B = G(
+  const _ = G(
     M((t, b) => j(t, b), O),
     [l]
   ), j = (t, b) => {
@@ -115,8 +115,8 @@ const H = i.div`
   return /* @__PURE__ */ A(
     H,
     {
-      style: _,
-      className: R,
+      style: R,
+      className: k,
       theme: u,
       color: o,
       size: x,
@@ -150,7 +150,7 @@ const H = i.div`
             step: V,
             min: z,
             max: v,
-            value: w,
+            value: B,
             onFocus: (t) => {
               I(!0), f == null || f(t);
             },
@@ -158,9 +158,9 @@ const H = i.div`
               I(!1), c == null || c(t);
             },
             onChange: (t) => {
-              $(t.target.value), B(t, t.target.value);
+              $(t.target.value), _(t, t.target.value);
             },
-            ...k
+            ...w
           }
         ),
         m && /* @__PURE__ */ g(

package/dist/PageLayout.cjs

@@ -1,4 +1,4 @@
-"use strict";const x=require("react/jsx-runtime"),a=require("react"),E=require("./index-BIlhCoy2.cjs"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),T=c.newStyled.section`
+"use strict";const x=require("react/jsx-runtime"),a=require("react"),E=require("./index-BIlhCoy2.cjs"),S=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),c=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),T=S.newStyled.section`
   display: flex;
   flex: auto;
   flex-direction: ${s=>s.hasSidebar?"row":"column"};
@@ -23,4 +23,4 @@
     flex: 0 0 15rem;
     height: 100%;
   }
-`,u=a.forwardRef((s,f)=>{const{children:o,isChild:h,__TYPE__:C="PageLayout",...p}=s,P=S.useTheme(),g=a.Children.toArray(o).some(e=>{var t;return e.props.__TYPE__||((t=e==null?void 0:e.type)==null?void 0:t.displayName)=="Sidebar"}),m=e=>{let t,i,l;if(a.Children.forEach(e,(r,d)=>{var _,n,y;if(r.props.__TYPE__=="Sidebar"||((_=r==null?void 0:r.type)==null?void 0:_.displayName)==="Sidebar"){if(i)throw"Found multiple ocurrences of Sidebar component on the same level in the component tree.";i=d+1}else if(r.props.__TYPE__=="PageLayout"||((n=r==null?void 0:r.type)==null?void 0:n.displayName)==="PageLayout"){if(t)throw"Found multiple ocurrences of PageLayout component on the same level in the component tree.";t=d+1}else if(r.props.__TYPE__=="Content"||((y=r==null?void 0:r.type)==null?void 0:y.displayName)==="Content"){if(l)throw"Found multiple ocurrences of Content component on the same level in the component tree.";l=d+1}}),t&&i)return i<t?"left":"right";if(l&&i)return i<l?"left":"right"},b=a.Children.map(o,e=>{var t,i;if(a.isValidElement(e)){if(e.props.__TYPE__=="Sidebar"||((t=e.type)==null?void 0:t.displayName)==="Sidebar")return a.cloneElement(e,{placement:m(o)});if(e.props.__TYPE__=="PageLayout"||((i=e.type)==null?void 0:i.displayName)==="PageLayout")return React.cloneElement(e,{isChild:!0})}return e});return x.jsx(T,{isChild:h,hasSidebar:g,theme:P,ref:f,...p,children:b})});u.propTypes={__TYPE__:E.PropTypes.string};u.displayName="PageLayout";module.exports=u;
+`,u=a.forwardRef((s,f)=>{const{children:o,isChild:h,__TYPE__:C="PageLayout",...p}=s,P=c.useTheme(),g=a.Children.toArray(o).some(e=>{var t;return e.props.__TYPE__||((t=e==null?void 0:e.type)==null?void 0:t.displayName)=="Sidebar"}),m=e=>{let t,i,l;if(a.Children.forEach(e,(r,d)=>{var _,n,y;if(r.props.__TYPE__=="Sidebar"||((_=r==null?void 0:r.type)==null?void 0:_.displayName)==="Sidebar"){if(i)throw"Found multiple ocurrences of Sidebar component on the same level in the component tree.";i=d+1}else if(r.props.__TYPE__=="PageLayout"||((n=r==null?void 0:r.type)==null?void 0:n.displayName)==="PageLayout"){if(t)throw"Found multiple ocurrences of PageLayout component on the same level in the component tree.";t=d+1}else if(r.props.__TYPE__=="Content"||((y=r==null?void 0:r.type)==null?void 0:y.displayName)==="Content"){if(l)throw"Found multiple ocurrences of Content component on the same level in the component tree.";l=d+1}}),t&&i)return i<t?"left":"right";if(l&&i)return i<l?"left":"right"},b=a.Children.map(o,e=>{var t,i;if(a.isValidElement(e)){if(e.props.__TYPE__=="Sidebar"||((t=e.type)==null?void 0:t.displayName)==="Sidebar")return a.cloneElement(e,{placement:m(o)});if(e.props.__TYPE__=="PageLayout"||((i=e.type)==null?void 0:i.displayName)==="PageLayout")return a.cloneElement(e,{isChild:!0})}return e});return x.jsx(T,{isChild:h,hasSidebar:g,theme:P,ref:f,...p,children:b})});u.propTypes={__TYPE__:E.PropTypes.string};u.displayName="PageLayout";module.exports=u;

package/dist/PageLayout.js

@@ -1,5 +1,5 @@
 import { jsx as E } from "react/jsx-runtime";
-import { forwardRef as x, Children as d, isValidElement as S, cloneElement as T } from "react";
+import { forwardRef as S, Children as d, isValidElement as T, cloneElement as y } from "react";
 import { P as L } from "./index-BYnWp42a.js";
 import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
@@ -28,13 +28,13 @@ const w = C.section`
     flex: 0 0 15rem;
     height: 100%;
   }
-`, y = x((i, p) => {
-  const { children: l, isChild: h, __TYPE__: N = "PageLayout", ...n } = i, m = Y(), P = d.toArray(l).some(
+`, p = S((i, h) => {
+  const { children: l, isChild: n, __TYPE__: N = "PageLayout", ...m } = i, P = Y(), g = d.toArray(l).some(
     (e) => {
       var t;
       return e.props.__TYPE__ || ((t = e == null ? void 0 : e.type) == null ? void 0 : t.displayName) == "Sidebar";
     }
-  ), g = (e) => {
+  ), b = (e) => {
     let t, a, s;
     if (d.forEach(e, (r, o) => {
       var f, u, _;
@@ -55,38 +55,38 @@ const w = C.section`
       return a < t ? "left" : "right";
     if (s && a)
       return a < s ? "left" : "right";
-  }, b = d.map(l, (e) => {
+  }, x = d.map(l, (e) => {
     var t, a;
-    if (S(e)) {
+    if (T(e)) {
       if (e.props.__TYPE__ == "Sidebar" || ((t = e.type) == null ? void 0 : t.displayName) === "Sidebar")
-        return T(e, {
-          placement: g(l)
+        return y(e, {
+          placement: b(l)
         });
       if (e.props.__TYPE__ == "PageLayout" || ((a = e.type) == null ? void 0 : a.displayName) === "PageLayout")
-        return React.cloneElement(e, { isChild: !0 });
+        return y(e, { isChild: !0 });
     }
     return e;
   });
   return /* @__PURE__ */ E(
     w,
     {
-      isChild: h,
-      hasSidebar: P,
-      theme: m,
-      ref: p,
-      ...n,
-      children: b
+      isChild: n,
+      hasSidebar: g,
+      theme: P,
+      ref: h,
+      ...m,
+      children: x
     }
   );
 });
-y.propTypes = {
+p.propTypes = {
   /**
    * Do not override this property.
    * Should only be used as indicator for type if you are passing custom component.
    */
   __TYPE__: L.string
 };
-y.displayName = "PageLayout";
+p.displayName = "PageLayout";
 export {
-  y as default
+  p as default
 };

package/dist/PasswordInput.js

@@ -1,12 +1,12 @@
-import { jsxs as D, jsx as u } from "react/jsx-runtime";
-import q, { useRef as A, useState as $, useEffect as I, useCallback as G } from "react";
+import { jsxs as q, jsx as u } from "react/jsx-runtime";
+import { forwardRef as A, useRef as G, useState as $, useEffect as I, useCallback as H } from "react";
 import { P as n } from "./index-BYnWp42a.js";
-import { d as H } from "./index-CNBqQrtK.js";
-import J from "./Icon.js";
+import { d as J } from "./index-CNBqQrtK.js";
+import K from "./Icon.js";
 import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { d as g, a, b as K, e as M, h as O, g as Q } from "./utils-C52T57HO.js";
-import { u as X } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const Y = m.div`
+import { d as g, a, b as M, e as Q, h as O, g as X } from "./utils-C52T57HO.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const Z = m.div`
   display: flex;
   align-items: center;
 
@@ -27,9 +27,9 @@ const Y = m.div`
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => K(e.theme, "regular")};
+  border-radius: ${(e) => M(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? M(e.theme) : ""}
+  ${(e) => e.focused && e.readOnly !== !0 ? Q(e.theme) : ""}
   ${(e) => e.disabled === !0 ? O(e.theme) : ""}
 `, C = m.span`
   padding: 0 12px;
@@ -40,7 +40,7 @@ const Y = m.div`
   "enabled",
   "prefix"
 )};
-`, Z = m(C)``, ee = m(C)`
+`, _ = m(C)``, ee = m(C)`
   cursor: pointer;
 `, te = m.input`
   background: none;
@@ -50,7 +50,7 @@ const Y = m.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => Q(e.theme, "Input", e.size, "enabled")}
+  ${(e) => X(e.theme, "Input", e.size, "enabled")}
   min-height: ${(e) => g(e.theme, e.size)};
   max-height: ${(e) => g(e.theme, e.size)};
   color: ${(e) => a(
@@ -82,28 +82,28 @@ const Y = m.div`
     ${(e) => O(e.theme)}
     background: none;
   }
-`, ne = q.forwardRef((e, h) => {
+`, ne = A((e, h) => {
   const {
     wrapperRef: T,
     disabled: S,
     readOnly: k,
-    debounceTime: R = 180,
-    placeholder: V,
+    debounceTime: V = 180,
+    placeholder: B,
     prefix: b,
     suffix: y,
     value: l,
-    defaultValue: B,
+    defaultValue: F,
     //----------------
-    onChange: d,
+    onChange: s,
     onBlur: p,
     onFocus: x,
     //----------------
-    className: F = "",
-    style: N = {},
+    className: N = "",
+    style: P = {},
     size: v = "small",
-    color: s = "primary",
-    ...P
-  } = e, r = A(), c = X(), [j, z] = $(l || B || "");
+    color: d = "primary",
+    ...R
+  } = e, r = G(), c = Y(), [j, z] = $(l || F || "");
   I(() => {
     l != null && z(l);
   }, [l]);
@@ -115,24 +115,24 @@ const Y = m.div`
   }, [f]), I(() => {
     h != null && (h.current = r.current);
   }, [h, r]);
-  const W = G(
-    H((t, o) => E(t, o), R),
-    [d]
+  const W = H(
+    J((t, o) => E(t, o), V),
+    [s]
   ), E = (t, o) => {
-    d && (d == null || d(t, o));
+    s && (s == null || s(t, o));
   }, U = (t) => {
     z(t.target.value), W(t, t.target.value);
-  }, _ = () => {
+  }, D = () => {
     L(!f), r.current.focus();
   };
-  return /* @__PURE__ */ D(
-    Y,
+  return /* @__PURE__ */ q(
+    Z,
     {
       ref: T,
-      style: N,
-      className: F,
+      style: P,
+      className: N,
       theme: c,
-      color: s,
+      color: d,
       size: v,
       focused: i,
       disabled: S,
@@ -142,7 +142,7 @@ const Y = m.div`
           C,
           {
             theme: c,
-            color: s,
+            color: d,
             focused: i,
             className: "lnc-input-prefix",
             children: b
@@ -154,9 +154,9 @@ const Y = m.div`
             ref: r,
             type: f ? "password" : "text",
             theme: c,
-            color: s,
+            color: d,
             size: v,
-            placeholder: V,
+            placeholder: B,
             prefix: b,
             suffix: y,
             disabled: S,
@@ -170,24 +170,24 @@ const Y = m.div`
             },
             onChange: U,
             value: j,
-            ...P
+            ...R
           }
         ),
         /* @__PURE__ */ u(
           ee,
           {
             theme: c,
-            color: s,
+            color: d,
             focused: i,
-            onClick: _,
-            children: /* @__PURE__ */ u(J, { icon: f ? "eye-slash" : "eye" })
+            onClick: D,
+            children: /* @__PURE__ */ u(K, { icon: f ? "eye-slash" : "eye" })
           }
         ),
         y && /* @__PURE__ */ u(
-          Z,
+          _,
           {
             theme: c,
-            color: s,
+            color: d,
             focused: i,
             className: "lnc-input-suffix",
             children: y

package/dist/RadioGroup.js

@@ -1,25 +1,25 @@
 import { jsx as l } from "react/jsx-runtime";
-import P, { useState as R, useEffect as j } from "react";
-import { n as z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { forwardRef as P, useState as j, useEffect as z } from "react";
+import { n as R } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as e } from "./index-BYnWp42a.js";
 import T from "./RadioInput.js";
 import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const N = z.div`
+const N = R.div`
   display: inline-flex;
   flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};
   gap: 1.5rem;
   width: fit-content;
   box-sizing: border-box;
-`, S = P.forwardRef((r, s) => {
+`, S = P((r, s) => {
   const {
     id: t = "",
-    name: d,
+    name: m,
     value: o = null,
-    disabled: m = !1,
+    disabled: d = !1,
     readOnly: p = !1,
     items: u = [],
     mapId: V = "id",
-    mapValue: _ = "value",
+    mapValue: E = "value",
     radioProps: c,
     inline: f = !0,
     //----------------
@@ -33,15 +33,15 @@ const N = z.div`
     ...v
   } = r;
   var x = k();
-  const [C, w] = R(null);
-  j(() => {
+  const [C, w] = j(null);
+  z(() => {
     o !== C && w(o);
   }, [o]);
   var I = {
     color: h,
     theme: x,
     size: b,
-    disabled: m,
+    disabled: d,
     readOnly: p
   };
   const O = (a, i) => {
@@ -64,7 +64,7 @@ const N = z.div`
           value: a.value,
           ...c,
           onChange: O,
-          name: d
+          name: m
         },
         i
       ))