@lanaco/lnc-react-ui 4.0.5 → 4.0.8

package/dist/MenuItem.js

@@ -1,11 +1,11 @@
-import { jsx as m, Fragment as V, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as H, useRef as J, useState as Q, useEffect as W } from "react";
+import { jsx as m, Fragment as G, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "react";
 import { P as o } from "./index-BYnWp42a.js";
-import { n as X } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import k from "./Icon.js";
-import { a as i, g as Z, h as v } from "./utils-C52T57HO.js";
-import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const ee = X.div`
+import { a as i, g as I, h as v } from "./utils-C52T57HO.js";
+import { u as ee } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const ne = Z.div`
   box-sizing: border-box;
   cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};
   width: 100%;
@@ -16,7 +16,7 @@ const ee = X.div`
   gap: 0.563rem;
   padding: 0.563rem;
   color: ${(n) => i(n.theme, "MenuItem", n.color, "enabled", "text")};
-  ${(n) => Z(n.theme, "MenuItem", n.size, "enabled")};
+  ${(n) => I(n.theme, "MenuItem", n.size, "enabled")};
   & .menu-icon-lnc {
     color: ${(n) => n.isActive && n.disabled == !1 ? i(
   n.theme,
@@ -78,7 +78,7 @@ const ee = X.div`
 )};
       `}
   }
-`, C = H((n, a) => {
+`, C = J((n, a) => {
   const {
     value: g,
     active: c = null,
@@ -86,7 +86,7 @@ const ee = X.div`
     disabled: r = !1,
     isNested: d = !1,
     showNested: M,
-    justifyToEnd: ne = !1,
+    justifyToEnd: le = !1,
     //----------------
     onFocus: p = () => {
     },
@@ -96,9 +96,9 @@ const ee = X.div`
     },
     onKeyDown: x = () => {
     },
-    onMouseEnter: le = () => {
+    onMouseEnter: oe = () => {
     },
-    onMouseLeave: oe = () => {
+    onMouseLeave: se = () => {
     },
     toggleNested: f = () => {
     },
@@ -108,15 +108,16 @@ const ee = X.div`
     className: A = "",
     style: S = {},
     color: T = "primary",
-    iconProps: _,
-    __TYPE__: se = "MENU_ITEM",
-    children: O,
-    ...P
-  } = n, D = { theme: I(), color: T, style: S }, u = J(), [F, y] = Q(c ?? !1);
-  W(() => {
+    size: _ = "small",
+    iconProps: O,
+    __TYPE__: te = "MENU_ITEM",
+    children: P,
+    ...D
+  } = n, F = { theme: ee(), color: T, style: S, size: _ }, u = Q(), [j, y] = W(c ?? !1);
+  X(() => {
     y(c);
   }, [c]);
-  const j = (e) => {
+  const z = (e) => {
     r == !1 && (d && f && f(), N(e, g)), w(w);
   }, B = (e) => {
     y(!0), p(e);
@@ -126,25 +127,25 @@ const ee = X.div`
     e.preventDefault(), e.key == "ArrowDown" ? h(a ? a.current : u.current) : e.key == "ArrowUp" ? b(a ? a.current : u.current) : (e.key == "Enter" || e.keyCode == 32) && r == !1 && (d && f && f(), N(e, g)), x(e);
   }, h = (e) => {
     if (e != null && e.nextSibling) {
-      let l = z(e);
+      let l = L(e);
       if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
         l.node.focus();
       else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
-        let t = U(l.node);
+        let t = q(l.node);
         t && t.focus();
       } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
     } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
   }, b = (e) => {
     if (e != null && e.previousSibling) {
-      let l = L(e);
+      let l = U(e);
       if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
         l.node.focus();
       else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
-        let t = q(l.node);
+        let t = Y(l.node);
         t && t.focus();
       } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
     } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
-  }, z = (e) => {
+  }, L = (e) => {
     for (; e = e.nextSibling; ) {
       if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
@@ -152,7 +153,7 @@ const ee = X.div`
         return { node: e, type: "nested" };
     }
     return null;
-  }, L = (e) => {
+  }, U = (e) => {
     for (; e = e.previousSibling; ) {
       if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
@@ -160,34 +161,34 @@ const ee = X.div`
         return { node: e, type: "nested" };
     }
     return null;
-  }, U = (e) => {
+  }, q = (e) => {
     var l;
     return (l = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : l[0];
-  }, q = (e) => {
+  }, Y = (e) => {
     var l;
     return (l = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : l.pop();
   }, s = (e, l) => {
-    var t = " " + e.className + " ", Y = " " + l + " ";
-    return t.indexOf(Y) != -1;
+    var t = " " + e.className + " ", V = " " + l + " ";
+    return t.indexOf(V) != -1;
   };
-  return /* @__PURE__ */ m(V, { children: /* @__PURE__ */ G(
-    ee,
+  return /* @__PURE__ */ m(G, { children: /* @__PURE__ */ H(
+    ne,
     {
       ref: a || u,
       className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + A,
-      ...D,
+      ...F,
       disabled: r,
       tabIndex: 0,
       onKeyDown: R,
       onFocus: B,
       onBlur: K,
-      onClick: j,
-      isActive: F,
+      onClick: z,
+      isActive: j,
       showNested: M,
-      ...P,
+      ...D,
       children: [
-        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ..._ }),
-        /* @__PURE__ */ m("div", { children: O }),
+        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ...O }),
+        /* @__PURE__ */ m("div", { children: P }),
         d && /* @__PURE__ */ m(k, { icon: "angle-down", className: "sub-menu-icon-lnc" })
       ]
     }

package/dist/NotificationContainer.cjs

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

package/dist/NotificationContainer.js

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

package/dist/PopoverContent.cjs

@@ -1,10 +1,10 @@
-"use strict";const n=require("react/jsx-runtime"),l=require("react"),s=require("./floating-ui.react.esm-C4vrBVJU.cjs"),a=require("./index-BIlhCoy2.cjs"),g=require("./PopoverContext.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),h=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),y=x.newStyled(motion.div)`
+"use strict";const n=require("react/jsx-runtime"),c=require("react"),s=require("./floating-ui.react.esm-C4vrBVJU.cjs"),i=require("./index-BIlhCoy2.cjs"),x=require("./PopoverContext.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),a=require("./utils-DTAPpJXU.cjs"),y=require("./motion-Oud-wpUz.cjs"),f=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),P=h.newStyled(y.motion.div)`
   font-family: ${e=>{var t,r;return(r=(t=e.theme)==null?void 0:t.typography)==null?void 0:r.fontFamily}};
   animation: fadeIn 0.4s;
-  box-shadow: ${e=>getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};
-  border-radius: ${e=>getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
+  box-shadow: ${e=>a.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};
+  border-radius: ${e=>a.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
   padding: 0.25rem;
-  background-color: ${e=>getColorRgbaValue(e.theme,"Popover","default","enabled","bg")};
-`,f=()=>{const e=l.useContext(g);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},c=l.forwardRef(function({borderRadius:t="regular",className:r="",zIndex:d,style:u={},...i},m){const o=f(),p=s.useMergeRefs([o.floating,m]),b=h.useTheme();return n.jsx(s.FloatingPortal,{children:o.open&&n.jsx(s.FloatingFocusManager,{context:o.context,modal:o.modal,children:n.jsx("div",{ref:p,style:{position:o.strategy,top:o.y??0,left:o.x??0,width:"max-content",zIndex:d},className:"lnc-ui-floating-manager","aria-labelledby":o.labelId,"aria-describedby":o.descriptionId,...o.getFloatingProps(i),children:n.jsx(y,{theme:b,borderRadius:t,className:"lnc-ui-popover-content "+r,style:u,children:i.children})})})})});c.propTypes={className:a.PropTypes.string,style:a.PropTypes.object,zIndex:a.PropTypes.number};module.exports=c;
+  background-color: ${e=>a.getColorRgbaValue(e.theme,"Popover","default","enabled","bg")};
+`,v=()=>{const e=c.useContext(x);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},d=c.forwardRef(function({borderRadius:t="regular",className:r="",zIndex:u,style:m={},...l},p){const o=v(),b=s.useMergeRefs([o.floating,p]),g=f.useTheme();return n.jsx(s.FloatingPortal,{children:o.open&&n.jsx(s.FloatingFocusManager,{context:o.context,modal:o.modal,children:n.jsx("div",{ref:b,style:{position:o.strategy,top:o.y??0,left:o.x??0,width:"max-content",zIndex:u},className:"lnc-ui-floating-manager","aria-labelledby":o.labelId,"aria-describedby":o.descriptionId,...o.getFloatingProps(l),children:n.jsx(P,{theme:g,borderRadius:t,className:"lnc-ui-popover-content "+r,style:m,children:l.children})})})})});d.propTypes={className:i.PropTypes.string,style:i.PropTypes.object,zIndex:i.PropTypes.number};module.exports=d;

package/dist/PopoverContent.js

@@ -1,52 +1,54 @@
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as c, useContext as u } from "react";
-import { a as b, F as f, b as g } from "./floating-ui.react.esm-72DKnou_.js";
+import { forwardRef as c, useContext as b } from "react";
+import { a as f, F as u, b as g } from "./floating-ui.react.esm-72DKnou_.js";
 import { P as a } from "./index-BYnWp42a.js";
 import h from "./PopoverContext.js";
 import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { u as y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const P = x(motion.div)`
-  font-family: ${(e) => {
+import { c as y, b as P, a as v } from "./utils-C52T57HO.js";
+import { m as w } from "./motion-ecIGZGwI.js";
+import { u as C } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const F = x(w.div)`
+  font-family: ${(o) => {
   var t, r;
-  return (r = (t = e.theme) == null ? void 0 : t.typography) == null ? void 0 : r.fontFamily;
+  return (r = (t = o.theme) == null ? void 0 : t.typography) == null ? void 0 : r.fontFamily;
 }};
   animation: fadeIn 0.4s;
-  box-shadow: ${(e) => getComponentPropValue(
-  e.theme,
+  box-shadow: ${(o) => y(
+  o.theme,
   "Popover",
-  e.color,
+  o.color,
   "enabled",
   "boxShadow"
 )};
-  border-radius: ${(e) => getBorderRadiusValueWithUnits(e.theme, e.borderRadius)};
+  border-radius: ${(o) => P(o.theme, o.borderRadius)};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
   padding: 0.25rem;
-  background-color: ${(e) => getColorRgbaValue(e.theme, "Popover", "default", "enabled", "bg")};
-`, v = () => {
-  const e = u(h);
-  if (e == null)
+  background-color: ${(o) => v(o.theme, "Popover", "default", "enabled", "bg")};
+`, R = () => {
+  const o = b(h);
+  if (o == null)
     throw new Error("Popover components must be wrapped in <Popover />");
-  return e;
-}, w = c(function({ borderRadius: t = "regular", className: r = "", zIndex: s, style: l = {}, ...i }, d) {
-  const o = v(), m = b([o.floating, d]), p = y();
-  return /* @__PURE__ */ n(f, { children: o.open && /* @__PURE__ */ n(g, { context: o.context, modal: o.modal, children: /* @__PURE__ */ n(
+  return o;
+}, I = c(function({ borderRadius: t = "regular", className: r = "", zIndex: s, style: l = {}, ...i }, m) {
+  const e = R(), d = f([e.floating, m]), p = C();
+  return /* @__PURE__ */ n(u, { children: e.open && /* @__PURE__ */ n(g, { context: e.context, modal: e.modal, children: /* @__PURE__ */ n(
     "div",
     {
-      ref: m,
+      ref: d,
       style: {
-        position: o.strategy,
-        top: o.y ?? 0,
-        left: o.x ?? 0,
+        position: e.strategy,
+        top: e.y ?? 0,
+        left: e.x ?? 0,
         width: "max-content",
         zIndex: s
       },
       className: "lnc-ui-floating-manager",
-      "aria-labelledby": o.labelId,
-      "aria-describedby": o.descriptionId,
-      ...o.getFloatingProps(i),
+      "aria-labelledby": e.labelId,
+      "aria-describedby": e.descriptionId,
+      ...e.getFloatingProps(i),
       children: /* @__PURE__ */ n(
-        P,
+        F,
         {
           theme: p,
           borderRadius: t,
@@ -58,11 +60,11 @@ const P = x(motion.div)`
     }
   ) }) });
 });
-w.propTypes = {
+I.propTypes = {
   className: a.string,
   style: a.object,
   zIndex: a.number
 };
 export {
-  w as default
+  I as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.5",
+  "version": "4.0.8",
   "description": "React component library",
   "type": "module",
   "keywords": [