@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/NotificationMessage.js

@@ -1,13 +1,12 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
-import { P as i } from "./index-CblbdqjE.js";
-import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import w from "./Icon.js";
-import { c as $, b as s, g as B } from "./utils-DtEfC-TX.js";
-import P from "./Avatar.js";
+import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import $ from "./Icon.js";
+import { c as y, b as a, g as v } from "./utils-DtEfC-TX.js";
+import B from "./Avatar.js";
 import { u as z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const T = v.div`
-  ${(t) => $(t.theme, "Notification", "small", "enabled")};
+const C = w.div`
+  ${(i) => y(i.theme, "Notification", "small", "enabled")};
 
   word-wrap: break-word;
   box-sizing: border-box;
@@ -17,23 +16,23 @@ const T = v.div`
 
   & .notification-actions {
     align-items: center;
-    ${(t) => t.sideButtons && "margin: -14px"};
-    flex-direction: ${(t) => t.sideButtons ? "column" : "row"};
-    ${(t) => t.sideButtons && "margin-left: auto"};
-    ${(t) => t.inlineActions == !1 && t.sideButtons == !1 && "padding-top: 4px"};
-    gap: ${(t) => t.sideButtons ? "0" : "1rem"};
+    ${(i) => i.sideButtons && "margin: -14px"};
+    flex-direction: ${(i) => i.sideButtons ? "column" : "row"};
+    ${(i) => i.sideButtons && "margin-left: auto"};
+    ${(i) => i.inlineActions == !1 && i.sideButtons == !1 && "padding-top: 4px"};
+    gap: ${(i) => i.sideButtons ? "0" : "1rem"};
     display: flex;
 
-    color: ${(t) => s(
-  t.theme,
+    color: ${(i) => a(
+  i.theme,
   "Notification",
-  t.color,
+  i.color,
   "enabled",
   "action"
 )};
 
     & > button {
-      ${(t) => t.sideButtons && "flex: 1; width: 100%;"}
+      ${(i) => i.sideButtons && "flex: 1; width: 100%;"}
     }
   }
   & .notification-main {
@@ -46,10 +45,10 @@ const T = v.div`
     display: flex;
     flex-direction: column;
     gap: 0.25rem;
-    color: ${(t) => s(
-  t.theme,
+    color: ${(i) => a(
+  i.theme,
   "Notification",
-  t.color,
+  i.color,
   "enabled",
   "text"
 )};
@@ -61,72 +60,56 @@ const T = v.div`
     }
   }
   & .notification-title {
-    font-weight: ${(t) => B(
-  t.theme,
+    font-weight: ${(i) => v(
+  i.theme,
   "Notification",
-  t.color,
+  i.color,
   "enabled",
   "fontWeightTitle"
 )};
-    color: ${(t) => s(
-  t.theme,
+    color: ${(i) => a(
+  i.theme,
   "Notification",
-  t.color,
+  i.color,
   "enabled",
   "title"
 )};
   }
-`, j = N((t, c) => {
+`, V = N((i, c) => {
   const {
-    title: m,
-    icon: l,
-    className: f,
-    style: d = {},
-    size: p = "small",
+    title: r,
+    icon: s,
+    className: m,
+    style: f = {},
+    size: d = "small",
     avatar: g = !1,
-    actions: r,
+    actions: l,
     inlineActions: e = !1,
-    sideButtons: n = !1,
-    iconProps: b,
+    sideButtons: o = !1,
+    iconProps: p,
     avatarProps: h,
     children: u,
     ...x
-  } = t, y = {
+  } = i, b = {
     theme: z(),
-    className: f,
-    style: d,
-    size: p,
+    className: m,
+    style: f,
+    size: d,
     inlineActions: e,
-    sideButtons: n
+    sideButtons: o
   };
-  return /* @__PURE__ */ a(T, { ref: c, ...y, ...x, children: [
-    /* @__PURE__ */ a("div", { className: "notification-main", children: [
-      g ? /* @__PURE__ */ o(P, { sizeInUnits: "2.75rem", ...h }) : l && /* @__PURE__ */ o(w, { className: "notification-icon", icon: l, ...b }),
-      /* @__PURE__ */ a("div", { className: "notification-content", children: [
-        /* @__PURE__ */ o("div", { className: "notification-title", children: m }),
+  return /* @__PURE__ */ n(C, { ref: c, ...b, ...x, children: [
+    /* @__PURE__ */ n("div", { className: "notification-main", children: [
+      g ? /* @__PURE__ */ t(B, { sizeInUnits: "2.75rem", ...h }) : s && /* @__PURE__ */ t($, { className: "notification-icon", icon: s, ...p }),
+      /* @__PURE__ */ n("div", { className: "notification-content", children: [
+        /* @__PURE__ */ t("div", { className: "notification-title", children: r }),
         u,
-        !e && !n && /* @__PURE__ */ o("div", { className: "notification-actions", children: r })
+        !e && !o && /* @__PURE__ */ t("div", { className: "notification-actions", children: l })
       ] })
     ] }),
-    (e || n) && /* @__PURE__ */ o("div", { className: "notification-actions", children: r })
+    (e || o) && /* @__PURE__ */ t("div", { className: "notification-actions", children: l })
   ] });
 });
-j.propTypes = {
-  avatar: i.bool,
-  title: i.string,
-  /**
-   * If `avatar={true}` icon won't be displayed
-   */
-  icon: i.string,
-  actions: i.element,
-  inlineActions: i.bool,
-  sideButtons: i.bool,
-  //-----------------------
-  className: i.string,
-  style: i.object,
-  iconProps: i.any,
-  avatarProps: i.any
-};
 export {
-  j as default
+  V as default
 };

package/dist/NumberInput.cjs

@@ -1,22 +1,22 @@
-"use strict";const g=require("react/jsx-runtime"),r=require("./index-BpbMKBf_.cjs"),n=require("react"),L=require("./index-Cp66dWMi.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-RnrgDDZP.cjs"),Q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Y=m.styled.div`
+"use strict";const s=require("react/jsx-runtime"),o=require("react"),H=require("./index-Cp66dWMi.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-RnrgDDZP.cjs"),J=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),L=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=>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: ${a=>o.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
-`,E=m.styled.span`
+  ${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: ${a=>l.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
+`,q=g.styled.span`
   padding: 0 12px;
-  color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
-`,Z=m.styled(E)``,v=m.styled.input`
+  color: ${e=>l.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
+`,Q=g.styled(q)``,Y=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=>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 {
@@ -41,9 +41,9 @@
   }
 
   &:disabled {
-    /* ${e=>o.getDisabledStateCss(e.theme)} */
-    ${e=>`background-color: ${o.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${a=>o.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
+    /* ${e=>l.getDisabledStateCss(e.theme)} */
+    ${e=>`background-color: ${l.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${a=>l.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
     background: none;
   }
-`,_=n.forwardRef((e,a)=>{const{disabled:P,readOnly:$,debounceTime:q=0,step:j=1,min:w=Number.MIN_SAFE_INTEGER,max:D=Number.MAX_SAFE_INTEGER,prefix:b,suffix:p,placeholder:F,value:l,defaultValue:V,onChange:s,onBlur:y,onFocus:h,onKeyDown:f,maxDecimalPlaces:C,className:W="",style:U={},size:I="small",color:i="primary",...A}=e,d=Q.useTheme(),c=n.useRef(l||V||""),[B,R]=n.useState(l||V||""),[T,k]=n.useState(!1);n.useEffect(()=>{l!=null&&(c.current=l,R(c.current))},[l]);const G=n.useCallback(L.debounce((t,u)=>M(t,u),q),[s]),M=(t,u)=>{s&&(s==null||s(t,u))},K=t=>{c.current=t.target.value,R(c.current),G(t,t.target.value)},X=t=>{k(!0),h==null||h(t)},H=t=>{k(!1),y==null||y(t)},J=t=>{var u,S,z,O,N;if(((S=(u=t==null?void 0:t.target)==null?void 0:u.value)==null?void 0:S.length)>0&&(t.key==="+"||t.key==="-")&&t.preventDefault(),((z=t==null?void 0:t.target)==null?void 0:z.value)===""&&(t.key==="+"||t.key==="-")&&(t.target.value=t.key),(O=t==null?void 0:t.target)!=null&&O.value.includes(".")&&C){const x=(N=t==null?void 0:t.target)==null?void 0:N.value.split(".")[1];(x==null?void 0:x.length)>=C&&t.preventDefault()}f==null||f(t)};return g.jsxs(Y,{style:U,className:W,theme:d,color:i,size:I,focused:T,disabled:P,readOnly:$,children:[b&&g.jsx(E,{theme:d,color:i,focused:T,className:"lnc-input-prefix",children:b}),g.jsx(v,{ref:a,type:"number",theme:d,color:i,size:I,placeholder:F,prefix:b,suffix:p,disabled:P,readOnly:$,step:j,min:w,max:D,value:B,onFocus:X,onBlur:H,onChange:K,onKeyDown:J,...A}),p&&g.jsx(Z,{theme:d,color:i,focused:T,className:"lnc-input-suffix",children:p})]})});_.propTypes={id:r.PropTypes.any,value:r.PropTypes.any,defaultValue:r.PropTypes.any,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,debounceTime:r.PropTypes.number,step:r.PropTypes.number,min:r.PropTypes.number,max:r.PropTypes.number,prefix:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),suffix:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),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=_;
+`,Z=o.forwardRef((e,a)=>{const{disabled:V,readOnly:C,debounceTime:D=0,step:O=1,min:W=Number.MIN_SAFE_INTEGER,max:j=Number.MAX_SAFE_INTEGER,prefix:b,suffix:m,placeholder:w,value:r,defaultValue:R,onChange:i,onBlur:h,onFocus:f,onKeyDown:y,maxDecimalPlaces:I,className:F="",style:T={},size:k="small",color:d="primary",...U}=e,n=J.useTheme(),c=o.useRef(r||R||""),[A,S]=o.useState(r||R||""),[x,z]=o.useState(!1);o.useEffect(()=>{r!=null&&(c.current=r,S(c.current))},[r]);const B=o.useCallback(H.debounce((t,u)=>G(t,u),D),[i]),G=(t,u)=>{i&&(i==null||i(t,u))},M=t=>{c.current=t.target.value,S(c.current),B(t,t.target.value)},P=t=>{z(!0),f==null||f(t)},K=t=>{z(!1),h==null||h(t)},X=t=>{var u,N,E,_,p;if(((N=(u=t==null?void 0:t.target)==null?void 0:u.value)==null?void 0:N.length)>0&&(t.key==="+"||t.key==="-")&&t.preventDefault(),((E=t==null?void 0:t.target)==null?void 0:E.value)===""&&(t.key==="+"||t.key==="-")&&(t.target.value=t.key),(_=t==null?void 0:t.target)!=null&&_.value.includes(".")&&I){const $=(p=t==null?void 0:t.target)==null?void 0:p.value.split(".")[1];($==null?void 0:$.length)>=I&&t.preventDefault()}y==null||y(t)};return s.jsxs(L,{style:T,className:F,theme:n,color:d,size:k,focused:x,disabled:V,readOnly:C,children:[b&&s.jsx(q,{theme:n,color:d,focused:x,className:"lnc-input-prefix",children:b}),s.jsx(Y,{ref:a,type:"number",theme:n,color:d,size:k,placeholder:w,prefix:b,suffix:m,disabled:V,readOnly:C,step:O,min:W,max:j,value:A,onFocus:P,onBlur:K,onChange:M,onKeyDown:X,...U}),m&&s.jsx(Q,{theme:n,color:d,focused:x,className:"lnc-input-suffix",children:m})]})});module.exports=Z;

package/dist/NumberInput.js

@@ -1,17 +1,16 @@
-import { jsxs as q, jsx as $ } from "react/jsx-runtime";
-import { P as t } from "./index-CblbdqjE.js";
-import { forwardRef as H, useRef as J, useState as D, useEffect as L, useCallback as Q } from "react";
-import { d as Y } from "./index-Dt62UGku.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as s, b as l, a as Z, e as v, h as F, c as ee } from "./utils-DtEfC-TX.js";
-import { u as ae } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const te = m.div`
+import { jsxs as X, jsx as x } from "react/jsx-runtime";
+import { forwardRef as q, useRef as H, useState as O, useEffect as J, useCallback as L } from "react";
+import { d as Q } from "./index-Dt62UGku.js";
+import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as i, b as t, a as Y, e as Z, h as F, c as v } from "./utils-DtEfC-TX.js";
+import { u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const ae = s.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => s(e.theme, e.size)};
-  max-height: ${(e) => s(e.theme, e.size)};
-  background-color: ${(e) => l(
+  min-height: ${(e) => i(e.theme, e.size)};
+  max-height: ${(e) => i(e.theme, e.size)};
+  background-color: ${(e) => t(
   e.theme,
   "Input",
   e.color,
@@ -19,18 +18,18 @@ const te = m.div`
   "background"
 )};
   border: 1px solid
-    ${(e) => l(
+    ${(e) => t(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => Z(e.theme, "regular")};
+  border-radius: ${(e) => Y(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? v(e.theme) : ""}
+  ${(e) => e.focused && e.readOnly !== !0 ? Z(e.theme) : ""}
   /* ${(e) => e.disabled === !0 ? F(e.theme) : ""} */
-  ${(e) => e.disabled === !0 && `background-color: ${l(
+  ${(e) => e.disabled === !0 && `background-color: ${t(
   e.theme,
   "Input",
   e.color,
@@ -38,23 +37,23 @@ const te = m.div`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(r) => l(
-  r.theme,
+        color: ${(l) => t(
+  l.theme,
   "Input",
-  r.color,
+  l.color,
   "disabled",
   "text"
 )};`}
-`, w = m.span`
+`, T = s.span`
   padding: 0 12px;
-  color: ${(e) => l(
+  color: ${(e) => t(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "prefix"
 )};
-`, le = m(w)``, re = m.input`
+`, te = s(T)``, le = s.input`
   background: none;
   border: none;
   outline: none;
@@ -62,22 +61,22 @@ const te = m.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => ee(e.theme, "Input", e.size, "enabled")}
-  min-height: ${(e) => s(e.theme, e.size)};
-  max-height: ${(e) => s(e.theme, e.size)};
-  color: ${(e) => l(
+  ${(e) => v(e.theme, "Input", e.size, "enabled")}
+  min-height: ${(e) => i(e.theme, e.size)};
+  max-height: ${(e) => i(e.theme, e.size)};
+  color: ${(e) => t(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-  caret-color: ${(e) => l(e.theme, "Input", e.color, "enabled", "caret")};
+  caret-color: ${(e) => t(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) => l(
+    color: ${(e) => t(
   e.theme,
   "Input",
   e.color,
@@ -92,7 +91,7 @@ const te = m.div`
 
   &:disabled {
     /* ${(e) => F(e.theme)} */
-    ${(e) => `background-color: ${l(
+    ${(e) => `background-color: ${t(
   e.theme,
   "Input",
   e.color,
@@ -100,115 +99,115 @@ const te = m.div`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(r) => l(
-  r.theme,
+        color: ${(l) => t(
+  l.theme,
   "Input",
-  r.color,
+  l.color,
   "disabled",
   "text"
 )};`}
     background: none;
   }
-`, ne = H((e, r) => {
+`, fe = q((e, l) => {
   const {
     disabled: I,
     readOnly: k,
-    debounceTime: B = 0,
-    step: P = 1,
-    min: _ = Number.MIN_SAFE_INTEGER,
-    max: j = Number.MAX_SAFE_INTEGER,
-    prefix: f,
+    debounceTime: w = 0,
+    step: _ = 1,
+    min: A = Number.MIN_SAFE_INTEGER,
+    max: B = Number.MAX_SAFE_INTEGER,
+    prefix: m,
     suffix: h,
-    placeholder: A,
-    value: n,
-    defaultValue: C,
+    placeholder: W,
+    value: r,
+    defaultValue: p,
     //----------------
-    onChange: u,
-    onBlur: b,
-    onFocus: g,
-    onKeyDown: y,
-    maxDecimalPlaces: O,
+    onChange: o,
+    onBlur: f,
+    onFocus: b,
+    onKeyDown: g,
+    maxDecimalPlaces: C,
     //----------------
-    className: W = "",
+    className: j = "",
     style: G = {},
-    size: N = "small",
+    size: S = "small",
     color: d = "primary",
     ...K
-  } = e, i = ae(), c = J(n || C || ""), [M, S] = D(n || C || ""), [x, T] = D(!1);
-  L(() => {
-    n != null && (c.current = n, S(c.current));
-  }, [n]);
-  const U = Q(
-    Y((a, o) => X(a, o), B),
-    [u]
-  ), X = (a, o) => {
-    u && (u == null || u(a, o));
+  } = e, n = ee(), c = H(r || p || ""), [M, N] = O(r || p || ""), [y, V] = O(!1);
+  J(() => {
+    r != null && (c.current = r, N(c.current));
+  }, [r]);
+  const P = L(
+    Q((a, u) => U(a, u), w),
+    [o]
+  ), U = (a, u) => {
+    o && (o == null || o(a, u));
   };
-  return /* @__PURE__ */ q(
-    te,
+  return /* @__PURE__ */ X(
+    ae,
     {
       style: G,
-      className: W,
-      theme: i,
+      className: j,
+      theme: n,
       color: d,
-      size: N,
-      focused: x,
+      size: S,
+      focused: y,
       disabled: I,
       readOnly: k,
       children: [
-        f && /* @__PURE__ */ $(
-          w,
+        m && /* @__PURE__ */ x(
+          T,
           {
-            theme: i,
+            theme: n,
             color: d,
-            focused: x,
+            focused: y,
             className: "lnc-input-prefix",
-            children: f
+            children: m
           }
         ),
-        /* @__PURE__ */ $(
-          re,
+        /* @__PURE__ */ x(
+          le,
           {
-            ref: r,
+            ref: l,
             type: "number",
-            theme: i,
+            theme: n,
             color: d,
-            size: N,
-            placeholder: A,
-            prefix: f,
+            size: S,
+            placeholder: W,
+            prefix: m,
             suffix: h,
             disabled: I,
             readOnly: k,
-            step: P,
-            min: _,
-            max: j,
+            step: _,
+            min: A,
+            max: B,
             value: M,
             onFocus: (a) => {
-              T(!0), g == null || g(a);
+              V(!0), b == null || b(a);
             },
             onBlur: (a) => {
-              T(!1), b == null || b(a);
+              V(!1), f == null || f(a);
             },
             onChange: (a) => {
-              c.current = a.target.value, S(c.current), U(a, a.target.value);
+              c.current = a.target.value, N(c.current), P(a, a.target.value);
             },
             onKeyDown: (a) => {
-              var o, V, z, E, R;
-              if (((V = (o = a == null ? void 0 : a.target) == null ? void 0 : o.value) == null ? void 0 : V.length) > 0 && (a.key === "+" || a.key === "-") && a.preventDefault(), ((z = a == null ? void 0 : a.target) == null ? void 0 : z.value) === "" && (a.key === "+" || a.key === "-") && (a.target.value = a.key), (E = a == null ? void 0 : a.target) != null && E.value.includes(".") && O) {
-                const p = (R = a == null ? void 0 : a.target) == null ? void 0 : R.value.split(".")[1];
-                (p == null ? void 0 : p.length) >= O && a.preventDefault();
+              var u, z, E, R, D;
+              if (((z = (u = a == null ? void 0 : a.target) == null ? void 0 : u.value) == null ? void 0 : z.length) > 0 && (a.key === "+" || a.key === "-") && a.preventDefault(), ((E = a == null ? void 0 : a.target) == null ? void 0 : E.value) === "" && (a.key === "+" || a.key === "-") && (a.target.value = a.key), (R = a == null ? void 0 : a.target) != null && R.value.includes(".") && C) {
+                const $ = (D = a == null ? void 0 : a.target) == null ? void 0 : D.value.split(".")[1];
+                ($ == null ? void 0 : $.length) >= C && a.preventDefault();
               }
-              y == null || y(a);
+              g == null || g(a);
             },
             ...K
           }
         ),
-        h && /* @__PURE__ */ $(
-          le,
+        h && /* @__PURE__ */ x(
+          te,
           {
-            theme: i,
+            theme: n,
             color: d,
-            focused: x,
+            focused: y,
             className: "lnc-input-suffix",
             children: h
           }
@@ -217,65 +216,6 @@ const te = m.div`
     }
   );
 });
-ne.propTypes = {
-  id: t.any,
-  value: t.any,
-  defaultValue: t.any,
-  disabled: t.bool,
-  readOnly: t.bool,
-  /**
-   * Time in miliseconds before onChange event fires after it has been triggered.
-   */
-  debounceTime: t.number,
-  /**
-   * The amount that is added to the current value in the input if its incremented using the arrows/spinners.
-   */
-  step: t.number,
-  /**
-   * Minimum number value user can input.
-   */
-  min: t.number,
-  /**
-   * Maximum number value user can input.
-   */
-  max: t.number,
-  /**
-   * Reserved space before input. Intented to be used with plain text or `Icon` component.
-   */
-  prefix: t.oneOfType([t.string, t.element]),
-  /**
-   * Reserved space after input. Intented to be used with plain text or `Icon` component.
-   */
-  suffix: t.oneOfType([t.string, t.element]),
-  placeholder: t.string,
-  tabIndex: t.number,
-  /**
-   * `(event, value) => void`
-   */
-  onChange: t.func,
-  /**
-   * `(event) => void`
-   */
-  onBlur: t.func,
-  /**
-   * `(event) => void`
-   */
-  onFocus: t.func,
-  //----------------
-  className: t.string,
-  style: t.object,
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  ne as default
+  fe as default
 };

package/dist/PageLayout.cjs

@@ -1,4 +1,4 @@
-"use strict";const x=require("react/jsx-runtime"),a=require("react"),E=require("./index-BpbMKBf_.cjs"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C=S.styled.section`
+"use strict";const x=require("react/jsx-runtime"),a=require("react"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C=E.styled.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=T.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(C,{isChild:h,hasSidebar:g,theme:P,ref:f,...p,children:b})});u.propTypes={__TYPE__:E.PropTypes.string};u.displayName="PageLayout";module.exports=u;
+`,f=a.forwardRef((s,h)=>{const{children:o,isChild:y,...m}=s,p=S.useTheme(),b=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"}),g=e=>{let t,i,l;if(a.Children.forEach(e,(r,d)=>{var u,n,_;if(r.props.__TYPE__=="Sidebar"||((u=r==null?void 0:r.type)==null?void 0:u.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"||((_=r==null?void 0:r.type)==null?void 0:_.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"},P=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:g(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(C,{isChild:y,hasSidebar:b,theme:p,ref:h,...m,children:P})});f.displayName="PageLayout";module.exports=f;