@lanaco/lnc-react-ui 4.0.3 → 4.0.5

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
       ))

package/dist/RadioInput.js

@@ -1,5 +1,5 @@
 import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import P, { useState as j } from "react";
+import { forwardRef as P, useState as j } from "react";
 import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as i } from "./index-BYnWp42a.js";
 import { d as f, g as N, e as T, a as t } from "./utils-C52T57HO.js";
@@ -208,11 +208,11 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   overflow: hidden;
   text-overflow: ellipsis;
   color: ${(e) => t(e.theme, "Radio", e.color, "enabled", "text")};
-`, K = P.forwardRef((e, y) => {
+`, K = P((e, y) => {
   const {
     wrapperRef: w,
-    className: R = "",
-    style: k = {},
+    className: k = "",
+    style: R = {},
     color: $ = "primary",
     innerColor: v = "white",
     size: x = "small",
@@ -241,8 +241,8 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
     {
       ...u,
       ref: w,
-      className: R,
-      style: k,
+      className: k,
+      style: R,
       tabIndex: -1,
       readOnly: s,
       focused: B,

package/dist/RangeSlider.js

@@ -1,12 +1,12 @@
 import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
 import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as n } from "./index-BYnWp42a.js";
-import _, { useRef as X, useState as v, useCallback as q, useEffect as M } from "react";
-import { b as A, a as o, g as D, d as G } from "./utils-C52T57HO.js";
-import { u as H } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { u as J } from "./useUpdateEffect-CuYWz7EA.js";
-const K = ({ theme: e, size: i }) => {
-  var u = G(e, i);
+import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
+import { b as D, a as o, g as G, d as H } from "./utils-C52T57HO.js";
+import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
+const Q = ({ theme: e, size: i }) => {
+  var u = H(e, i);
   return `
     min-height: ${u};
     max-height: ${u};
@@ -15,9 +15,9 @@ const K = ({ theme: e, size: i }) => {
   small: "0.875rem",
   medium: "1.125rem",
   large: "1.375rem"
-}, Q = x.div`
+}, Y = x.div`
   position: relative;
-  ${(e) => K(e)};
+  ${(e) => Q(e)};
   display: inline-flex;
   align-items: center;
 `, T = x.input`
@@ -31,7 +31,7 @@ const K = ({ theme: e, size: i }) => {
   background: ${(e) => e.rangeBackground};
   transition: background 450ms ease-in;
   -webkit-appearance: none;
-  border-radius: ${(e) => A(e.theme, "regular")};
+  border-radius: ${(e) => D(e.theme, "regular")};
   &::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
@@ -62,12 +62,12 @@ const K = ({ theme: e, size: i }) => {
     cursor: pointer; /* Cursor on hover */
     border: none;
   }
-`, Y = x.div`
+`, Z = x.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
-  ${(e) => D(e.theme, "Range", e.size, "enabled")};
+  ${(e) => G(e.theme, "Range", e.size, "enabled")};
   left: ${(e) => `calc(${e.inputValue + "%"} + (${8 - e.inputValue * 0.15}px))`};
   top: ${(e) => "calc(-" + g[e.size] + ")"};
   transform: translateX(-50%);
@@ -107,7 +107,7 @@ const K = ({ theme: e, size: i }) => {
       }
     }
   }
-`, Z = _.forwardRef((e, i) => {
+`, _ = X((e, i) => {
   const {
     defaultValue: u,
     value: d = null,
@@ -123,8 +123,8 @@ const K = ({ theme: e, size: i }) => {
     size: B = "small",
     className: E = "",
     style: j = {},
-    ...R
-  } = e, y = X(), m = H(), b = { theme: m, size: B, color: s, className: E, style: j }, C = o(
+    ...y
+  } = e, C = q(), m = J(), b = { theme: m, size: B, color: s, className: E, style: j }, R = o(
     m,
     "Range",
     s,
@@ -138,11 +138,11 @@ const K = ({ theme: e, size: i }) => {
       l ? "disabled" : "enabled",
       "background"
     )
-  ), [z, U] = v(), [L, p] = v(), f = q(
+  ), [z, U] = v(), [L, p] = v(), f = A(
     (a) => Math.round((a - c) / (h - c) * 100),
     [c, h]
   ), [r, I] = v(d || u);
-  J(() => {
+  K(() => {
     I(d);
   }, [d]), M(() => {
     P(r || 0);
@@ -163,20 +163,20 @@ const K = ({ theme: e, size: i }) => {
     U(
       `linear-gradient(to right, ${S} 0%, ${S} ${f(
         a
-      )}%, ${C} ${f(a)}%, ${C} 100%)`
+      )}%, ${R} ${f(a)}%, ${R} 100%)`
     );
   }, N = (a) => {
     I(a.target.value), k && k(a);
   };
-  return /* @__PURE__ */ O(Q, { ...b, children: [
-    L && r && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ O(Y, { ...b, inputValue: f(r), children: [
+  return /* @__PURE__ */ O(Y, { ...b, children: [
+    L && r && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ O(Z, { ...b, inputValue: f(r), children: [
       /* @__PURE__ */ t("div", { className: "text-content", children: r }),
       /* @__PURE__ */ t("div", { className: "arrow", children: /* @__PURE__ */ t("div", { className: "outer", children: /* @__PURE__ */ t("div", { className: "inner" }) }) })
     ] }) }),
     d == null || d == "undefined" ? /* @__PURE__ */ t(
       T,
       {
-        ref: i || y,
+        ref: i || C,
         id: "fader",
         type: "range",
         min: c,
@@ -194,12 +194,12 @@ const K = ({ theme: e, size: i }) => {
         onInput: V,
         onChange: N,
         ...b,
-        ...R
+        ...y
       }
     ) : /* @__PURE__ */ t(
       T,
       {
-        ref: i || y,
+        ref: i || C,
         id: "fader",
         type: "range",
         min: c,
@@ -217,12 +217,12 @@ const K = ({ theme: e, size: i }) => {
         onInput: V,
         onChange: N,
         ...b,
-        ...R
+        ...y
       }
     )
   ] });
 });
-Z.propTypes = {
+_.propTypes = {
   value: n.number,
   defaultValue: n.number,
   min: n.number,
@@ -249,5 +249,5 @@ Z.propTypes = {
   ])
 };
 export {
-  Z as default
+  _ as default
 };