@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/PageLayout.js

@@ -1,8 +1,7 @@
-import { jsx as E } from "react/jsx-runtime";
-import { forwardRef as T, Children as d, isValidElement as S, cloneElement as y } from "react";
-import { P as L } from "./index-CblbdqjE.js";
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as S, Children as d, isValidElement as E, cloneElement as h } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as L } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = C.section`
   display: flex;
   flex: auto;
@@ -28,16 +27,16 @@ const N = C.section`
     flex: 0 0 15rem;
     height: 100%;
   }
-`, p = T((i, h) => {
-  const { children: l, isChild: m, __TYPE__: w = "PageLayout", ...n } = i, P = Y(), g = d.toArray(l).some(
+`, T = S((i, _) => {
+  const { children: l, isChild: p, ...n } = i, m = L(), 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";
     }
-  ), b = (e) => {
+  ), P = (e) => {
     let t, a, s;
     if (d.forEach(e, (r, o) => {
-      var f, u, _;
+      var f, u, y;
       if (r.props.__TYPE__ == "Sidebar" || ((f = r == null ? void 0 : r.type) == null ? void 0 : f.displayName) === "Sidebar") {
         if (a)
           throw "Found multiple ocurrences of Sidebar component on the same level in the component tree.";
@@ -46,7 +45,7 @@ const N = C.section`
         if (t)
           throw "Found multiple ocurrences of PageLayout component on the same level in the component tree.";
         t = o + 1;
-      } else if (r.props.__TYPE__ == "Content" || ((_ = r == null ? void 0 : r.type) == null ? void 0 : _.displayName) === "Content") {
+      } else if (r.props.__TYPE__ == "Content" || ((y = r == null ? void 0 : r.type) == null ? void 0 : y.displayName) === "Content") {
         if (s)
           throw "Found multiple ocurrences of Content component on the same level in the component tree.";
         s = o + 1;
@@ -55,38 +54,31 @@ const N = C.section`
       return a < t ? "left" : "right";
     if (s && a)
       return a < s ? "left" : "right";
-  }, x = d.map(l, (e) => {
+  }, b = d.map(l, (e) => {
     var t, a;
-    if (S(e)) {
+    if (E(e)) {
       if (e.props.__TYPE__ == "Sidebar" || ((t = e.type) == null ? void 0 : t.displayName) === "Sidebar")
-        return y(e, {
-          placement: b(l)
+        return h(e, {
+          placement: P(l)
         });
       if (e.props.__TYPE__ == "PageLayout" || ((a = e.type) == null ? void 0 : a.displayName) === "PageLayout")
-        return y(e, { isChild: !0 });
+        return h(e, { isChild: !0 });
     }
     return e;
   });
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ x(
     N,
     {
-      isChild: m,
+      isChild: p,
       hasSidebar: g,
-      theme: P,
-      ref: h,
+      theme: m,
+      ref: _,
       ...n,
-      children: x
+      children: b
     }
   );
 });
-p.propTypes = {
-  /**
-   * Do not override this property.
-   * Should only be used as indicator for type if you are passing custom component.
-   */
-  __TYPE__: L.string
-};
-p.displayName = "PageLayout";
+T.displayName = "PageLayout";
 export {
-  p as default
+  T as default
 };

package/dist/Pagination.cjs

@@ -1,12 +1,12 @@
-"use strict";const o=require("react/jsx-runtime"),E=require("react"),t=require("./index-BpbMKBf_.cjs"),P=require("./Button.cjs"),b=require("./IconButton.cjs"),_=require("./ButtonGroup.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),w=require("./useUpdateEffect-BtMgpgIV.cjs"),U=C.styled.div`
+"use strict";const n=require("react/jsx-runtime"),_=require("react"),h=require("./Button.cjs"),g=require("./IconButton.cjs"),A=require("./ButtonGroup.cjs"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C=require("./useUpdateEffect-BtMgpgIV.cjs"),U=q.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 0.375rem;
   justify-content: ${u=>u.horizontalAlignment};
-`,$=C.styled.div`
+`,G=q.styled.div`
   & > .button-group-pagination-lnc {
     width: 100%;
     justify-content: ${u=>u.horizontalAlignment};
   }
-`,O=u=>{const{icons:c={},borderRadius:d="regular",currentPage:f=1,buttonType:q="outline",currentPageButtonType:B="tinted",withFirstLast:m=!0,withButtonGroup:N=!0,disabledNext:v=!1,disabledPrevious:k=!1,disabledFirst:z=!1,disabledLast:F=!1,disabled:i=!1,totalNumberOfPages:g=1,pagesOffset:y=0,horizontalAlignment:T="left",onPageChange:L=()=>{},className:h="",style:x={},color:R="primary",size:S="small"}=u,l={theme:G.useTheme(),size:S,color:R,btnType:q},[s,a]=E.useState(f);w.useUpdateEffect(()=>{a(f)},[f]),w.useUpdateEffect(()=>{L(s)},[s]);const p=(r,e)=>{e=="next"&&s<g?a(s+1):e=="previous"&&s>1?a(s-1):e=="last"&&s!=g?a(g):e=="first"&&s!=1?a(1):isNaN(+e)||a(e)},A=()=>{let r=[];for(let e=s-y>0?s-y:1;e<s&&e>0;e++)r.push(o.jsx(P,{...l,borderRadius:d,onClick:n=>p(n,e),btnType:"basic",text:e.toString(),disabled:i},e));r.push(o.jsx(P,{...l,borderRadius:d,btnType:B,text:s.toString(),disabled:i},s));for(let e=s+1;e<=s+y&&e<=g;e++)r.push(o.jsx(P,{...l,borderRadius:d,onClick:n=>p(n,e),btnType:"basic",text:e.toString(),disabled:i},e));return r},j=(r=null)=>{var e={};return r&&(e.borderRadius=r),o.jsxs(o.Fragment,{children:[m&&o.jsx(b,{...l,icon:c.doubleLeft||"angle-double-left",disabled:z||i,onClick:n=>p(n,"first"),...e}),o.jsx(b,{...l,icon:c.left||"angle-left",disabled:k||i,onClick:n=>p(n,"previous"),...e}),A(),o.jsx(b,{...l,icon:c.right||"angle-right",disabled:v||i,onClick:n=>p(n,"next"),...e}),m&&o.jsx(b,{...l,icon:c.doubleRight||"angle-double-right",disabled:F||i,onClick:n=>p(n,"last"),...e})]})};return N?o.jsx($,{horizontalAlignment:T,children:o.jsx(_,{className:"button-group-pagination-lnc "+h,style:x,borderRadius:d,children:j()})}):o.jsx(U,{horizontalAlignment:T,className:h,style:x,children:j(d)})};O.propTypes={icons:t.PropTypes.shape({left:t.PropTypes.element,right:t.PropTypes.element,doubleLeft:t.PropTypes.element,doubleRight:t.PropTypes.element}),disabled:t.PropTypes.bool,borderRadius:t.PropTypes.oneOf(["slight","regular","edged","curved","none"]),buttonType:t.PropTypes.oneOf(["filled","tinted","outline","basic"]),currentPageButtonType:t.PropTypes.oneOf(["filled","tinted","outline","basic"]),withFirstLast:t.PropTypes.bool,withButtonGroup:t.PropTypes.bool,currentPage:t.PropTypes.number,totalNumberOfPages:t.PropTypes.number,pagesOffset:t.PropTypes.number,disabledNext:t.PropTypes.bool,disabledPrevious:t.PropTypes.bool,disabledFirst:t.PropTypes.bool,disabledLast:t.PropTypes.bool,horizontalAlignment:t.PropTypes.oneOf(["left","center","right"]),onPageChange: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","warning","danger","information","neutral","gray"])};module.exports=O;
+`,O=u=>{const{icons:d={},borderRadius:c="regular",currentPage:b=1,buttonType:w="outline",currentPageButtonType:k="tinted",withFirstLast:x=!0,withButtonGroup:B=!0,disabledNext:T=!1,disabledPrevious:v=!1,disabledFirst:N=!1,disabledLast:S=!1,disabled:o=!1,totalNumberOfPages:f=1,pagesOffset:p=0,horizontalAlignment:m="left",onPageChange:z=()=>{},className:j="",style:y={},color:E="primary",size:F="small"}=u,r={theme:L.useTheme(),size:F,color:E,btnType:w},[t,l]=_.useState(b);C.useUpdateEffect(()=>{l(b)},[b]),C.useUpdateEffect(()=>{z(t)},[t]);const a=(i,e)=>{e=="next"&&t<f?l(t+1):e=="previous"&&t>1?l(t-1):e=="last"&&t!=f?l(f):e=="first"&&t!=1?l(1):isNaN(+e)||l(e)},R=()=>{let i=[];for(let e=t-p>0?t-p:1;e<t&&e>0;e++)i.push(n.jsx(h,{...r,borderRadius:c,onClick:s=>a(s,e),btnType:"basic",text:e.toString(),disabled:o},e));i.push(n.jsx(h,{...r,borderRadius:c,btnType:k,text:t.toString(),disabled:o},t));for(let e=t+1;e<=t+p&&e<=f;e++)i.push(n.jsx(h,{...r,borderRadius:c,onClick:s=>a(s,e),btnType:"basic",text:e.toString(),disabled:o},e));return i},P=(i=null)=>{var e={};return i&&(e.borderRadius=i),n.jsxs(n.Fragment,{children:[x&&n.jsx(g,{...r,icon:d.doubleLeft||"angle-double-left",disabled:N||o,onClick:s=>a(s,"first"),...e}),n.jsx(g,{...r,icon:d.left||"angle-left",disabled:v||o,onClick:s=>a(s,"previous"),...e}),R(),n.jsx(g,{...r,icon:d.right||"angle-right",disabled:T||o,onClick:s=>a(s,"next"),...e}),x&&n.jsx(g,{...r,icon:d.doubleRight||"angle-double-right",disabled:S||o,onClick:s=>a(s,"last"),...e})]})};return B?n.jsx(G,{horizontalAlignment:m,children:n.jsx(A,{className:"button-group-pagination-lnc "+j,style:y,borderRadius:c,children:P()})}):n.jsx(U,{horizontalAlignment:m,className:j,style:y,children:P(c)})};module.exports=O;

package/dist/Pagination.js

@@ -1,248 +1,165 @@
-import { jsx as i, jsxs as G, Fragment as $ } from "react/jsx-runtime";
-import { useState as E } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import h from "./Button.js";
-import b from "./IconButton.js";
-import U from "./ButtonGroup.js";
-import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { u as O } from "./useUpdateEffect-CuYWz7EA.js";
-const D = w.div`
+import { jsx as i, jsxs as G, Fragment as O } from "react/jsx-runtime";
+import { useState as R } from "react";
+import b from "./Button.js";
+import g from "./IconButton.js";
+import E from "./ButtonGroup.js";
+import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { u as U } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as k } from "./useUpdateEffect-CuYWz7EA.js";
+const q = B.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 0.375rem;
-  justify-content: ${(d) => d.horizontalAlignment};
-`, H = w.div`
+  justify-content: ${(u) => u.horizontalAlignment};
+`, D = B.div`
   & > .button-group-pagination-lnc {
     width: 100%;
-    justify-content: ${(d) => d.horizontalAlignment};
+    justify-content: ${(u) => u.horizontalAlignment};
   }
-`, I = (d) => {
+`, Y = (u) => {
   const {
-    icons: c = {},
-    borderRadius: f = "regular",
-    currentPage: m = 1,
-    buttonType: B = "outline",
-    currentPageButtonType: N = "tinted",
-    withFirstLast: y = !0,
-    withButtonGroup: v = !0,
-    disabledNext: k = !1,
-    disabledPrevious: z = !1,
-    disabledFirst: L = !1,
-    disabledLast: j = !1,
-    disabled: l = !1,
-    totalNumberOfPages: g = 1,
-    pagesOffset: p = 0,
-    horizontalAlignment: P = "left",
+    icons: f = {},
+    borderRadius: d = "regular",
+    currentPage: p = 1,
+    buttonType: T = "outline",
+    currentPageButtonType: v = "tinted",
+    withFirstLast: h = !0,
+    withButtonGroup: w = !0,
+    disabledNext: N = !1,
+    disabledPrevious: j = !1,
+    disabledFirst: z = !1,
+    disabledLast: S = !1,
+    disabled: r = !1,
+    totalNumberOfPages: c = 1,
+    pagesOffset: m = 0,
+    horizontalAlignment: y = "left",
     //------------------
-    onPageChange: F = () => {
+    onPageChange: A = () => {
     },
     //------------------
     className: x = "",
-    style: C = {},
-    color: A = "primary",
-    size: R = "small"
-  } = d, s = { theme: q(), size: R, color: A, btnType: B }, [n, a] = E(m);
-  O(() => {
-    a(m);
-  }, [m]), O(() => {
-    F(n);
-  }, [n]);
-  const u = (r, e) => {
-    e == "next" && n < g ? a(n + 1) : e == "previous" && n > 1 ? a(n - 1) : e == "last" && n != g ? a(g) : e == "first" && n != 1 ? a(1) : isNaN(+e) || a(e);
-  }, S = () => {
-    let r = [];
-    for (let e = n - p > 0 ? n - p : 1; e < n && e > 0; e++)
-      r.push(
+    style: P = {},
+    color: F = "primary",
+    size: L = "small"
+  } = u, s = { theme: U(), size: L, color: F, btnType: T }, [e, a] = R(p);
+  k(() => {
+    a(p);
+  }, [p]), k(() => {
+    A(e);
+  }, [e]);
+  const l = (o, t) => {
+    t == "next" && e < c ? a(e + 1) : t == "previous" && e > 1 ? a(e - 1) : t == "last" && e != c ? a(c) : t == "first" && e != 1 ? a(1) : isNaN(+t) || a(t);
+  }, $ = () => {
+    let o = [];
+    for (let t = e - m > 0 ? e - m : 1; t < e && t > 0; t++)
+      o.push(
         /* @__PURE__ */ i(
-          h,
+          b,
           {
             ...s,
-            borderRadius: f,
-            onClick: (o) => u(o, e),
+            borderRadius: d,
+            onClick: (n) => l(n, t),
             btnType: "basic",
-            text: e.toString(),
-            disabled: l
+            text: t.toString(),
+            disabled: r
           },
-          e
+          t
         )
       );
-    r.push(
+    o.push(
       /* @__PURE__ */ i(
-        h,
+        b,
         {
           ...s,
-          borderRadius: f,
-          btnType: N,
-          text: n.toString(),
-          disabled: l
+          borderRadius: d,
+          btnType: v,
+          text: e.toString(),
+          disabled: r
         },
-        n
+        e
       )
     );
-    for (let e = n + 1; e <= n + p && e <= g; e++)
-      r.push(
+    for (let t = e + 1; t <= e + m && t <= c; t++)
+      o.push(
         /* @__PURE__ */ i(
-          h,
+          b,
           {
             ...s,
-            borderRadius: f,
-            onClick: (o) => u(o, e),
+            borderRadius: d,
+            onClick: (n) => l(n, t),
             btnType: "basic",
-            text: e.toString(),
-            disabled: l
+            text: t.toString(),
+            disabled: r
           },
-          e
+          t
         )
       );
-    return r;
-  }, T = (r = null) => {
-    var e = {};
-    return r && (e.borderRadius = r), /* @__PURE__ */ G($, { children: [
-      y && /* @__PURE__ */ i(
-        b,
+    return o;
+  }, C = (o = null) => {
+    var t = {};
+    return o && (t.borderRadius = o), /* @__PURE__ */ G(O, { children: [
+      h && /* @__PURE__ */ i(
+        g,
         {
           ...s,
-          icon: c.doubleLeft || "angle-double-left",
-          disabled: L || l,
-          onClick: (o) => u(o, "first"),
-          ...e
+          icon: f.doubleLeft || "angle-double-left",
+          disabled: z || r,
+          onClick: (n) => l(n, "first"),
+          ...t
         }
       ),
       /* @__PURE__ */ i(
-        b,
+        g,
         {
           ...s,
-          icon: c.left || "angle-left",
-          disabled: z || l,
-          onClick: (o) => u(o, "previous"),
-          ...e
+          icon: f.left || "angle-left",
+          disabled: j || r,
+          onClick: (n) => l(n, "previous"),
+          ...t
         }
       ),
-      S(),
+      $(),
       /* @__PURE__ */ i(
-        b,
+        g,
         {
           ...s,
-          icon: c.right || "angle-right",
-          disabled: k || l,
-          onClick: (o) => u(o, "next"),
-          ...e
+          icon: f.right || "angle-right",
+          disabled: N || r,
+          onClick: (n) => l(n, "next"),
+          ...t
         }
       ),
-      y && /* @__PURE__ */ i(
-        b,
+      h && /* @__PURE__ */ i(
+        g,
         {
           ...s,
-          icon: c.doubleRight || "angle-double-right",
-          disabled: j || l,
-          onClick: (o) => u(o, "last"),
-          ...e
+          icon: f.doubleRight || "angle-double-right",
+          disabled: S || r,
+          onClick: (n) => l(n, "last"),
+          ...t
         }
       )
     ] });
   };
-  return v ? /* @__PURE__ */ i(H, { horizontalAlignment: P, children: /* @__PURE__ */ i(
-    U,
+  return w ? /* @__PURE__ */ i(D, { horizontalAlignment: y, children: /* @__PURE__ */ i(
+    E,
     {
       className: "button-group-pagination-lnc " + x,
-      style: C,
-      borderRadius: f,
-      children: T()
+      style: P,
+      borderRadius: d,
+      children: C()
     }
   ) }) : /* @__PURE__ */ i(
-    D,
+    q,
     {
-      horizontalAlignment: P,
+      horizontalAlignment: y,
       className: x,
-      style: C,
-      children: T(f)
+      style: P,
+      children: C(d)
     }
   );
 };
-I.propTypes = {
-  icons: t.shape({
-    left: t.element,
-    right: t.element,
-    doubleLeft: t.element,
-    doubleRight: t.element
-  }),
-  /**
-   *  Applies to the movement buttons and to the page number buttons
-   */
-  disabled: t.bool,
-  borderRadius: t.oneOf([
-    "slight",
-    "regular",
-    "edged",
-    "curved",
-    "none"
-  ]),
-  /**
-   * Sets the button `type`
-   */
-  buttonType: t.oneOf(["filled", "tinted", "outline", "basic"]),
-  /**
-   * Set button `type` of the current page button
-   */
-  currentPageButtonType: t.oneOf([
-    "filled",
-    "tinted",
-    "outline",
-    "basic"
-  ]),
-  /**
-   * Show the First and Last buttons
-   */
-  withFirstLast: t.bool,
-  /**
-   * Wrap the buttons in a `ButtonGroup` component
-   */
-  withButtonGroup: t.bool,
-  /**
-   * Active page number
-   */
-  currentPage: t.number,
-  totalNumberOfPages: t.number,
-  /**
-   * how many page numbers will be shown to the right/left of the current page
-   */
-  pagesOffset: t.number,
-  /**
-   *  Applies to the Next button
-   */
-  disabledNext: t.bool,
-  /**
-   *  Applies to the Previous button
-   */
-  disabledPrevious: t.bool,
-  /**
-   *  Applies to the First button
-   */
-  disabledFirst: t.bool,
-  /**
-   *  Applies to the Last button
-   */
-  disabledLast: t.bool,
-  horizontalAlignment: t.oneOf(["left", "center", "right"]),
-  //-------------------------------
-  onPageChange: t.func,
-  //-------------------------------
-  className: t.string,
-  style: t.object,
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  I as default
+  Y as default
 };

package/dist/PasswordInput.cjs

@@ -1,24 +1,24 @@
-"use strict";const u=require("react/jsx-runtime"),a=require("react"),r=require("./index-BpbMKBf_.cjs"),L=require("./index-Cp66dWMi.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-RnrgDDZP.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=h.styled.div`
+"use strict";const c=require("react/jsx-runtime"),a=require("react"),p=require("./index-Cp66dWMi.cjs"),B=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-RnrgDDZP.cjs"),D=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),P=h.styled.div`
   display: flex;
   align-items: center;
 
-  min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
-  background-color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  min-height: ${e=>l.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>l.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>l.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
   border: 1px solid
-    ${e=>o.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
-  border-radius: ${e=>o.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    ${e=>l.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
+  border-radius: ${e=>l.getBorderRadiusValueWithUnits(e.theme,"regular")};
 
-  ${e=>e.focused&&e.readOnly!==!0?o.getOutlineCss(e.theme):""}
-  /* ${e=>e.disabled===!0?o.getDisabledStateCss(e.theme):""} */
-  ${e=>e.disabled===!0&&`background-color: ${o.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${n=>o.getColorRgbaValue(n.theme,"Input",n.color,"disabled","text")};`}
+  ${e=>e.focused&&e.readOnly!==!0?l.getOutlineCss(e.theme):""}
+  /* ${e=>e.disabled===!0?l.getDisabledStateCss(e.theme):""} */
+  ${e=>e.disabled===!0&&`background-color: ${l.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${o=>l.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
 `,$=h.styled.span`
   padding: 0 12px;
-  color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
-`,H=h.styled($)``,J=h.styled($)`
+  color: ${e=>l.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
+`,A=h.styled($)``,G=h.styled($)`
   cursor: pointer;
-`,K=h.styled.input`
+`,H=h.styled.input`
   background: none;
   border: none;
   outline: none;
@@ -26,16 +26,16 @@
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${e=>o.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
-  min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
-  color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
-  caret-color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
+  ${e=>l.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
+  min-height: ${e=>l.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>l.getSizeValueWithUnits(e.theme,e.size)};
+  color: ${e=>l.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
+  caret-color: ${e=>l.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=>o.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
+    color: ${e=>l.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
   }
 
   &:read-only {
@@ -43,9 +43,9 @@
   }
 
   &:disabled {
-    /* ${e=>o.getDisabledStateCss(e.theme)} */
-    ${e=>`background-color: ${o.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${n=>o.getColorRgbaValue(n.theme,"Input",n.color,"disabled","text")};`}
+    /* ${e=>l.getDisabledStateCss(e.theme)} */
+    ${e=>`background-color: ${l.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${o=>l.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
     background: none;
   }
-`,V=a.forwardRef((e,n)=>{const{wrapperRef:k,disabled:C,readOnly:T,debounceTime:R=0,placeholder:z,prefix:y,suffix:f,value:c,defaultValue:v,onChange:d,onBlur:p,onFocus:x,className:O="",style:j={},size:I="small",color:i="primary",...q}=e,l=a.useRef(),g=A.useTheme(),[w,P]=a.useState(c||v||"");a.useEffect(()=>{c!=null&&P(c)},[c]);const[m,W]=a.useState(!0),[b,S]=a.useState(!1);a.useEffect(()=>{var s;const t=((s=l==null?void 0:l.current)==null?void 0:s.value)||"";l.current.selectionStart=t!=null&&t.length?t.length:0,l.current.selectionEnd=t!=null&&t.length?t.length:0},[m]),a.useEffect(()=>{n!=null&&(n.current=l.current)},[n,l]);const E=a.useCallback(L.debounce((t,s)=>U(t,s),R),[d]),U=(t,s)=>{d&&(d==null||d(t,s))},F=t=>{P(t.target.value),E(t,t.target.value)},N=()=>{W(!m),l.current.focus()},_=t=>{S(!0),x==null||x(t)},B=t=>{S(!1),p==null||p(t)};return u.jsxs(G,{ref:k,style:j,className:O,theme:g,color:i,size:I,focused:b,disabled:C,readOnly:T,children:[y&&u.jsx($,{theme:g,color:i,focused:b,className:"lnc-input-prefix",children:y}),u.jsx(K,{ref:l,type:m?"password":"text",theme:g,color:i,size:I,placeholder:z,prefix:y,suffix:f,disabled:C,readOnly:T,focused:b,onFocus:_,onBlur:B,onChange:F,value:w,...q}),u.jsx(J,{theme:g,color:i,focused:b,onClick:N,children:u.jsx(D,{icon:m?"eye-slash":"eye"})}),f&&u.jsx(H,{theme:g,color:i,focused:b,className:"lnc-input-suffix",children:f})]})});V.propTypes={id:r.PropTypes.any,value:r.PropTypes.string,defaultValue:r.PropTypes.string,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,debounceTime:r.PropTypes.number,placeholder:r.PropTypes.string,tabIndex:r.PropTypes.number,onChange:r.PropTypes.func,onBlur:r.PropTypes.func,onFocus: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"])};module.exports=V;
+`,J=a.forwardRef((e,o)=>{const{wrapperRef:R,disabled:C,readOnly:S,debounceTime:z=0,placeholder:v,prefix:m,suffix:f,value:d,defaultValue:j,onChange:u,onBlur:x,onFocus:y,className:q="",style:w={},size:k="small",color:s="primary",...O}=e,n=a.useRef(),i=D.useTheme(),[W,I]=a.useState(d||j||"");a.useEffect(()=>{d!=null&&I(d)},[d]);const[b,E]=a.useState(!0),[g,V]=a.useState(!1);a.useEffect(()=>{var r;const t=((r=n==null?void 0:n.current)==null?void 0:r.value)||"";n.current.selectionStart=t!=null&&t.length?t.length:0,n.current.selectionEnd=t!=null&&t.length?t.length:0},[b]),a.useEffect(()=>{o!=null&&(o.current=n.current)},[o,n]);const U=a.useCallback(p.debounce((t,r)=>_(t,r),z),[u]),_=(t,r)=>{u&&(u==null||u(t,r))},F=t=>{I(t.target.value),U(t,t.target.value)},L=()=>{E(!b),n.current.focus()},N=t=>{V(!0),y==null||y(t)},T=t=>{V(!1),x==null||x(t)};return c.jsxs(P,{ref:R,style:w,className:q,theme:i,color:s,size:k,focused:g,disabled:C,readOnly:S,children:[m&&c.jsx($,{theme:i,color:s,focused:g,className:"lnc-input-prefix",children:m}),c.jsx(H,{ref:n,type:b?"password":"text",theme:i,color:s,size:k,placeholder:v,prefix:m,suffix:f,disabled:C,readOnly:S,focused:g,onFocus:N,onBlur:T,onChange:F,value:W,...O}),c.jsx(G,{theme:i,color:s,focused:g,onClick:L,children:c.jsx(B,{icon:b?"eye-slash":"eye"})}),f&&c.jsx(A,{theme:i,color:s,focused:g,className:"lnc-input-suffix",children:f})]})});module.exports=J;