@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/TextAreaInput.js

@@ -1,18 +1,17 @@
-import { jsx as O } from "react/jsx-runtime";
-import { P as o } from "./index-CblbdqjE.js";
-import * as y from "react";
-import W, { forwardRef as Y, useState as F, useEffect as E, useCallback as q } from "react";
-import { d as D } from "./index-Dt62UGku.js";
-import { s as X } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as Z, d as J, b as x, a as K, e as Q, h as ee } from "./utils-DtEfC-TX.js";
-import { _ as te, u as re } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { _ as ne } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
-import { i as ae } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
-const oe = X.div`
+import { jsx as k } from "react/jsx-runtime";
+import * as x from "react";
+import E, { forwardRef as U, useState as H, useEffect as I, useCallback as G } from "react";
+import { d as Y } from "./index-Dt62UGku.js";
+import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { c as D, d as X, b as p, a as Z, e as J, h as K } from "./utils-DtEfC-TX.js";
+import { _ as Q, u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { _ as te } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
+import { i as re } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
+const ne = q.div`
   & textarea {
-    ${(e) => Z(e.theme, "Input", e.size, "enabled")}
-    min-height: ${(e) => J(e.theme, e.size)};
-    background-color: ${(e) => x(
+    ${(e) => D(e.theme, "Input", e.size, "enabled")}
+    min-height: ${(e) => X(e.theme, e.size)};
+    background-color: ${(e) => p(
   e.theme,
   "Input",
   e.color,
@@ -20,22 +19,22 @@ const oe = X.div`
   "background"
 )};
     border: 1px solid
-      ${(e) => x(
+      ${(e) => p(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-    border-radius: ${(e) => K(e.theme, "regular")};
-    color: ${(e) => x(
+    border-radius: ${(e) => Z(e.theme, "regular")};
+    color: ${(e) => p(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-    caret-color: ${(e) => x(e.theme, "Input", e.color, "enabled", "caret")};
+    caret-color: ${(e) => p(e.theme, "Input", e.color, "enabled", "caret")};
     overflow: ${(e) => e.collapseOnBlur && e.focused === !1 ? "hidden" : "auto"};
     transition: height 0.2s ease-out;
     padding: 0.563rem 0.75rem;
@@ -44,7 +43,7 @@ const oe = X.div`
   }
 
   & textarea::placeholder {
-    color: ${(e) => x(
+    color: ${(e) => p(
   e.theme,
   "Input",
   e.color,
@@ -58,13 +57,13 @@ const oe = X.div`
   }
 
   & textarea:focus {
-    ${(e) => e.readOnly !== !0 ? Q(e.theme) : "outline: none"}
+    ${(e) => e.readOnly !== !0 ? J(e.theme) : "outline: none"}
   }
 
   & textarea:disabled {
-    /* ${(e) => ee(e.theme)}
+    /* ${(e) => K(e.theme)}
      */
-    ${(e) => `background-color: ${x(
+    ${(e) => `background-color: ${p(
   e.theme,
   "Input",
   e.color,
@@ -72,7 +71,7 @@ const oe = X.div`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(t) => x(
+        color: ${(t) => p(
   t.theme,
   "Input",
   t.color,
@@ -81,9 +80,9 @@ const oe = X.div`
 )};`}
   }
 `;
-var ie = function(t) {
-  var n = W.useRef(t);
-  return ae(function() {
+var ae = function(t) {
+  var n = E.useRef(t);
+  return re(function() {
     n.current = t;
   }), n;
 }, B = function(t, n) {
@@ -92,9 +91,9 @@ var ie = function(t) {
     return;
   }
   t.current = n;
-}, de = function(t, n) {
-  var r = W.useRef();
-  return W.useCallback(function(a) {
+}, oe = function(t, n) {
+  var r = E.useRef();
+  return E.useCallback(function(a) {
     t.current = a, r.current && B(r.current, null), r.current = n, n && B(n, a);
   }, [n]);
 }, M = {
@@ -108,34 +107,34 @@ var ie = function(t) {
   top: "0",
   right: "0",
   display: "block"
-}, ue = function(t) {
+}, ie = function(t) {
   Object.keys(M).forEach(function(n) {
     t.style.setProperty(n, M[n], "important");
   });
-}, V = ue, d = null, A = function(t, n) {
+}, O = ie, i = null, A = function(t, n) {
   var r = t.scrollHeight;
   return n.sizingStyle.boxSizing === "border-box" ? r + n.borderSize : r - n.paddingSize;
 };
-function se(e, t, n, r) {
-  n === void 0 && (n = 1), r === void 0 && (r = 1 / 0), d || (d = document.createElement("textarea"), d.setAttribute("tabindex", "-1"), d.setAttribute("aria-hidden", "true"), V(d)), d.parentNode === null && document.body.appendChild(d);
-  var a = e.paddingSize, m = e.borderSize, s = e.sizingStyle, R = s.boxSizing;
-  Object.keys(s).forEach(function(f) {
-    var b = f;
-    d.style[b] = s[b];
-  }), V(d), d.value = t;
-  var i = A(d, e);
-  d.value = t, i = A(d, e), d.value = "x";
-  var u = d.scrollHeight - a, l = u * n;
-  R === "border-box" && (l = l + a + m), i = Math.max(l, i);
-  var c = u * r;
-  return R === "border-box" && (c = c + a + m), i = Math.min(c, i), [i, u];
+function de(e, t, n, r) {
+  n === void 0 && (n = 1), r === void 0 && (r = 1 / 0), i || (i = document.createElement("textarea"), i.setAttribute("tabindex", "-1"), i.setAttribute("aria-hidden", "true"), O(i)), i.parentNode === null && document.body.appendChild(i);
+  var a = e.paddingSize, m = e.borderSize, d = e.sizingStyle, u = d.boxSizing;
+  Object.keys(d).forEach(function(f) {
+    var S = f;
+    i.style[S] = d[S];
+  }), O(i), i.value = t;
+  var o = A(i, e);
+  i.value = t, o = A(i, e), i.value = "x";
+  var c = i.scrollHeight - a, s = c * n;
+  u === "border-box" && (s = s + a + m), o = Math.max(s, o);
+  var g = c * r;
+  return u === "border-box" && (g = g + a + m), o = Math.min(g, o), [o, c];
 }
-var _ = function() {
-}, le = function(t, n) {
+var V = function() {
+}, ue = function(t, n) {
   return t.reduce(function(r, a) {
     return r[a] = n[a], r;
   }, {});
-}, ce = [
+}, se = [
   "borderBottomWidth",
   "borderLeftWidth",
   "borderRightWidth",
@@ -161,26 +160,26 @@ var _ = function() {
   "wordBreak",
   "wordSpacing",
   "scrollbarGutter"
-], fe = !!document.documentElement.currentStyle, he = function(t) {
+], le = !!document.documentElement.currentStyle, ce = function(t) {
   var n = window.getComputedStyle(t);
   if (n === null)
     return null;
-  var r = le(ce, n), a = r.boxSizing;
+  var r = ue(se, n), a = r.boxSizing;
   if (a === "")
     return null;
-  fe && a === "border-box" && (r.width = parseFloat(r.width) + parseFloat(r.borderRightWidth) + parseFloat(r.borderLeftWidth) + parseFloat(r.paddingRight) + parseFloat(r.paddingLeft) + "px");
-  var m = parseFloat(r.paddingBottom) + parseFloat(r.paddingTop), s = parseFloat(r.borderBottomWidth) + parseFloat(r.borderTopWidth);
+  le && a === "border-box" && (r.width = parseFloat(r.width) + parseFloat(r.borderRightWidth) + parseFloat(r.borderLeftWidth) + parseFloat(r.paddingRight) + parseFloat(r.paddingLeft) + "px");
+  var m = parseFloat(r.paddingBottom) + parseFloat(r.paddingTop), d = parseFloat(r.borderBottomWidth) + parseFloat(r.borderTopWidth);
   return {
     sizingStyle: r,
     paddingSize: m,
-    borderSize: s
+    borderSize: d
   };
-}, ge = he;
-function k(e, t, n) {
-  var r = ie(n);
-  y.useLayoutEffect(function() {
-    var a = function(s) {
-      return r.current(s);
+}, fe = ce;
+function W(e, t, n) {
+  var r = ae(n);
+  x.useLayoutEffect(function() {
+    var a = function(d) {
+      return r.current(d);
     };
     if (e)
       return e.addEventListener(t, a), function() {
@@ -188,161 +187,112 @@ function k(e, t, n) {
       };
   }, []);
 }
-var me = function(t, n) {
-  k(document.body, "reset", function(r) {
+var he = function(t, n) {
+  W(document.body, "reset", function(r) {
     t.current.form === r.target && n(r);
   });
-}, be = function(t) {
-  k(window, "resize", t);
-}, ve = function(t) {
-  k(document.fonts, "loadingdone", t);
-}, pe = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], xe = function(t, n) {
-  var r = t.cacheMeasurements, a = t.maxRows, m = t.minRows, s = t.onChange, R = s === void 0 ? _ : s, i = t.onHeightChange, u = i === void 0 ? _ : i, l = ne(t, pe), c = l.value !== void 0, f = y.useRef(null), b = de(f, n), L = y.useRef(0), z = y.useRef(), p = function() {
-    var h = f.current, S = r && z.current ? z.current : ge(h);
-    if (S) {
-      z.current = S;
-      var T = se(S, h.value || h.placeholder || "x", m, a), v = T[0], H = T[1];
-      L.current !== v && (L.current = v, h.style.setProperty("height", v + "px", "important"), u(v, {
-        rowHeight: H
+}, ge = function(t) {
+  W(window, "resize", t);
+}, me = function(t) {
+  W(document.fonts, "loadingdone", t);
+}, ve = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], be = function(t, n) {
+  var r = t.cacheMeasurements, a = t.maxRows, m = t.minRows, d = t.onChange, u = d === void 0 ? V : d, o = t.onHeightChange, c = o === void 0 ? V : o, s = te(t, ve), g = s.value !== void 0, f = x.useRef(null), S = oe(f, n), L = x.useRef(0), R = x.useRef(), v = function() {
+    var l = f.current, w = r && R.current ? R.current : fe(l);
+    if (w) {
+      R.current = w;
+      var y = de(w, l.value || l.placeholder || "x", m, a), b = y[0], $ = y[1];
+      L.current !== b && (L.current = b, l.style.setProperty("height", b + "px", "important"), c(b, {
+        rowHeight: $
       }));
     }
-  }, I = function(h) {
-    c || p(), R(h);
+  }, T = function(l) {
+    g || v(), u(l);
   };
-  return y.useLayoutEffect(p), me(f, function() {
-    if (!c) {
-      var w = f.current.value;
+  return x.useLayoutEffect(v), he(f, function() {
+    if (!g) {
+      var z = f.current.value;
       requestAnimationFrame(function() {
-        var h = f.current;
-        h && w !== h.value && p();
+        var l = f.current;
+        l && z !== l.value && v();
       });
     }
-  }), be(p), ve(p), /* @__PURE__ */ y.createElement("textarea", te({}, l, {
-    onChange: I,
-    ref: b
+  }), ge(v), me(v), /* @__PURE__ */ x.createElement("textarea", Q({}, s, {
+    onChange: T,
+    ref: S
   }));
-}, ye = /* @__PURE__ */ y.forwardRef(xe);
-const Se = Y((e, t) => {
+}, pe = /* @__PURE__ */ x.forwardRef(be);
+const Fe = U((e, t) => {
   const {
     disabled: n,
     readOnly: r,
     value: a,
     defaultValue: m,
-    debounceTime: s = 0,
-    type: R = "textarea",
-    collapseOnBlur: i = !1,
-    minRows: u = 0,
-    maxRows: l,
+    debounceTime: d = 0,
+    collapseOnBlur: u = !1,
+    minRows: o = 0,
+    maxRows: c,
     //----------------
-    onChange: c,
-    onBlur: f,
-    onFocus: b,
+    onChange: s,
+    onBlur: g,
+    onFocus: f,
     //----------------
-    className: L = "",
-    style: z = {},
-    size: p = "small",
-    color: I = "primary",
-    ...w
-  } = e, [h, S] = F(a || m || ""), T = re(), [v, H] = F(!1), [N, j] = F(u), [P, C] = F(
-    i ? u : l
+    className: S = "",
+    style: L = {},
+    size: R = "small",
+    color: v = "primary",
+    ...T
+  } = e, [z, l] = H(a || m || ""), w = ee(), [y, b] = H(!1), [$, _] = H(o), [N, C] = H(
+    u ? o : c
   );
-  E(() => {
-    a != null && S(a);
-  }, [a]), E(() => {
-    j(u), i && v === !1 && C(u);
-  }, [u, l]), E(() => {
-    C(i ? v === !0 ? l : u : l);
-  }, [i]);
-  const U = q(
-    D((g, $) => G(g, $), s),
-    [c]
-  ), G = (g, $) => {
-    c && (c == null || c(g, $));
+  I(() => {
+    a != null && l(a);
+  }, [a]), I(() => {
+    _(o), u && y === !1 && C(o);
+  }, [o, c]), I(() => {
+    C(u ? y === !0 ? c : o : c);
+  }, [u]);
+  const j = G(
+    Y((h, F) => P(h, F), d),
+    [s]
+  ), P = (h, F) => {
+    s && (s == null || s(h, F));
   };
-  return /* @__PURE__ */ O(
-    oe,
+  return /* @__PURE__ */ k(
+    ne,
     {
-      style: z,
-      className: L,
-      theme: T,
-      color: I,
-      size: p,
-      focused: v,
+      style: L,
+      className: S,
+      theme: w,
+      color: v,
+      size: R,
+      focused: y,
       disabled: n,
       readOnly: r,
-      collapseOnBlur: i,
-      children: /* @__PURE__ */ O(
-        ye,
+      collapseOnBlur: u,
+      children: /* @__PURE__ */ k(
+        pe,
         {
           ref: t,
           disabled: n,
-          value: h,
+          value: z,
           readOnly: r,
-          minRows: N,
-          maxRows: P,
-          onChange: (g) => {
-            S(g.target.value), U(g, g.target.value);
+          minRows: $,
+          maxRows: N,
+          onChange: (h) => {
+            l(h.target.value), j(h, h.target.value);
           },
-          onFocus: (g) => {
-            H(!0), i && C(l), b == null || b(g);
+          onFocus: (h) => {
+            b(!0), u && C(c), f == null || f(h);
           },
-          onBlur: (g) => {
-            H(!1), i && C(u), f == null || f(g);
+          onBlur: (h) => {
+            b(!1), u && C(o), g == null || g(h);
           },
-          ...w
+          ...T
         }
       )
     }
   );
 });
-Se.propTypes = {
-  id: o.any,
-  defaultValue: o.string,
-  value: o.string,
-  disabled: o.bool,
-  readOnly: o.bool,
-  debounceTime: o.number,
-  placeholder: o.string,
-  tabIndex: o.number,
-  /**
-   * Defines whether the textarea will collapse to its original size after it loses focus.
-   */
-  collapseOnBlur: o.bool,
-  /**
-   * Minimum number of rows to show.
-   */
-  minRows: o.number,
-  /**
-   * Maximum number of rows to be shown before scroller appears.
-   */
-  maxRows: o.number,
-  /**
-   * `(event, value) => void`
-   */
-  onChange: o.func,
-  /**
-   * `(event) => void`
-   */
-  onBlur: o.func,
-  /**
-   * `(event) => void`
-   */
-  onFocus: o.func,
-  //----------------
-  className: o.string,
-  style: o.object,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  Se as default
+  Fe as default
 };

package/dist/TextInput.cjs

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