@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/MenuItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BIlhCoy2.cjs"),Y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-DTAPpJXU.cjs"),G=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),H=Y.newStyled.div`
+"use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BIlhCoy2.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-DTAPpJXU.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
   box-sizing: border-box;
   cursor: ${n=>n.disabled==!1?"pointer":"context-menu"};
   width: 100%;
@@ -33,4 +33,4 @@
       color: ${l.getColorRgbaValue(n.theme,"MenuItem",n.color,"hover","text")};
       `}
   }
-`,h=f.forwardRef((n,a)=>{const{value:T,active:r=null,icon:E,disabled:m=!1,isNested:d=!1,showNested:P,justifyToEnd:J=!1,onFocus:N=()=>{},onBlur:k=()=>{},onClick:C=()=>{},onKeyDown:v=()=>{},onMouseEnter:Q=()=>{},onMouseLeave:W=()=>{},toggleNested:u=()=>{},onItemSelected:w=()=>{},className:x="",style:_={},color:$="primary",iconProps:R,__TYPE__:X="MENU_ITEM",children:S,...A}=n,j={theme:G.useTheme(),color:$,style:_},y=f.useRef(),[q,g]=f.useState(r??!1);f.useEffect(()=>{g(r)},[r]);const O=e=>{m==!1&&(d&&u&&u(),w(e,T)),C(C)},D=e=>{g(!0),N(e)},V=e=>{r==null&&g(!1),k(e)},F=e=>{e.preventDefault(),e.key=="ArrowDown"?b(a?a.current:y.current):e.key=="ArrowUp"?p(a?a.current:y.current):(e.key=="Enter"||e.keyCode==32)&&m==!1&&(d&&u&&u(),w(e,T)),v(e)},b=e=>{if(e!=null&&e.nextSibling){let o=B(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=z(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let o=K(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=L(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},z=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o[0]},L=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o.pop()},t=(e,o)=>{var i=" "+e.className+" ",U=" "+o+" ";return i.indexOf(U)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(H,{ref:a||y,className:"menu-item-lnc "+(d?"nested-menu-item-lnc ":"")+(P?"spread-nested-item-lnc ":"")+x,...j,disabled:m,tabIndex:0,onKeyDown:F,onFocus:D,onBlur:V,onClick:O,isActive:q,showNested:P,...A,children:[E&&c.jsx(M,{icon:E,className:"menu-icon-lnc",...R}),c.jsx("div",{children:S}),d&&c.jsx(M,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});h.propTypes={value:s.PropTypes.any,active:s.PropTypes.bool,icon:s.PropTypes.string,disabled:s.PropTypes.bool,isNested:s.PropTypes.bool,justifyToEnd:s.PropTypes.bool,onBlur:s.PropTypes.func,onFocus:s.PropTypes.func,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:s.PropTypes.any,size:s.PropTypes.oneOf(["small","medium","large"]),__TYPE__:s.PropTypes.string};h.displayName="MENU_ITEM";module.exports=h;
+`,h=f.forwardRef((n,a)=>{const{value:T,active:r=null,icon:E,disabled:m=!1,isNested:d=!1,showNested:P,justifyToEnd:Q=!1,onFocus:N=()=>{},onBlur:k=()=>{},onClick:C=()=>{},onKeyDown:v=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:u=()=>{},onItemSelected:w=()=>{},className:x="",style:_={},color:$="primary",size:R="small",iconProps:S,__TYPE__:Z="MENU_ITEM",children:A,...j}=n,q={theme:H.useTheme(),color:$,style:_,size:R},y=f.useRef(),[O,g]=f.useState(r??!1);f.useEffect(()=>{g(r)},[r]);const D=e=>{m==!1&&(d&&u&&u(),w(e,T)),C(C)},V=e=>{g(!0),N(e)},F=e=>{r==null&&g(!1),k(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?b(a?a.current:y.current):e.key=="ArrowUp"?p(a?a.current:y.current):(e.key=="Enter"||e.keyCode==32)&&m==!1&&(d&&u&&u(),w(e,T)),v(e)},b=e=>{if(e!=null&&e.nextSibling){let o=B(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=L(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let o=K(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=U(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o[0]},U=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o.pop()},t=(e,o)=>{var i=" "+e.className+" ",Y=" "+o+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||y,className:"menu-item-lnc "+(d?"nested-menu-item-lnc ":"")+(P?"spread-nested-item-lnc ":"")+x,...q,disabled:m,tabIndex:0,onKeyDown:z,onFocus:V,onBlur:F,onClick:D,isActive:O,showNested:P,...j,children:[E&&c.jsx(M,{icon:E,className:"menu-icon-lnc",...S}),c.jsx("div",{children:A}),d&&c.jsx(M,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});h.propTypes={value:s.PropTypes.any,active:s.PropTypes.bool,icon:s.PropTypes.string,disabled:s.PropTypes.bool,isNested:s.PropTypes.bool,justifyToEnd:s.PropTypes.bool,onBlur:s.PropTypes.func,onFocus:s.PropTypes.func,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:s.PropTypes.any,size:s.PropTypes.oneOf(["small","medium","large"]),__TYPE__:s.PropTypes.string};h.displayName="MENU_ITEM";module.exports=h;

package/dist/MenuItem.js

@@ -1,11 +1,11 @@
-import { jsx as m, Fragment as V, jsxs as G } from "react/jsx-runtime";
-import 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.forwardRef((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 = () => {
     },
@@ -94,100 +94,101 @@ const ee = X.div`
     },
     onClick: w = () => {
     },
-    onKeyDown: _ = () => {
+    onKeyDown: x = () => {
     },
-    onMouseEnter: le = () => {
+    onMouseEnter: oe = () => {
     },
-    onMouseLeave: oe = () => {
+    onMouseLeave: se = () => {
     },
     toggleNested: f = () => {
     },
     onItemSelected: N = () => {
     },
     //----------------
-    className: x = "",
-    style: A = {},
-    color: S = "primary",
-    iconProps: T,
+    className: A = "",
+    style: S = {},
+    color: T = "primary",
+    size: _ = "small",
+    iconProps: O,
     __TYPE__: te = "MENU_ITEM",
-    children: O,
-    ...P
-  } = n, D = { theme: I(), color: S, style: A }, u = J(), [F, y] = Q(c ?? !1);
-  W(() => {
+    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);
-  }, R = (e) => {
-    y(!0), p(e);
   }, B = (e) => {
-    c == null && y(!1), $(e);
+    y(!0), p(e);
   }, K = (e) => {
-    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)), _(e);
+    c == null && y(!1), $(e);
+  }, R = (e) => {
+    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 s = U(l.node);
-        s && s.focus();
-      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
-    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
+        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 s = q(l.node);
-        s && s.focus();
-      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
-    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
-  }, z = (e) => {
+        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);
+  }, L = (e) => {
     for (; e = e.nextSibling; ) {
-      if (t(e, "menu-item-lnc"))
+      if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
-      if (t(e, "nested-item-lnc"))
+      if (s(e, "nested-item-lnc"))
         return { node: e, type: "nested" };
     }
     return null;
-  }, L = (e) => {
+  }, U = (e) => {
     for (; e = e.previousSibling; ) {
-      if (t(e, "menu-item-lnc"))
+      if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
-      if (t(e, "nested-item-lnc"))
+      if (s(e, "nested-item-lnc"))
         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();
-  }, t = (e, l) => {
-    var s = " " + e.className + " ", Y = " " + l + " ";
-    return s.indexOf(Y) != -1;
+  }, s = (e, l) => {
+    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 " : "") + x,
-      ...D,
+      className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + A,
+      ...F,
       disabled: r,
       tabIndex: 0,
-      onKeyDown: K,
-      onFocus: R,
-      onBlur: B,
-      onClick: j,
-      isActive: F,
+      onKeyDown: R,
+      onFocus: B,
+      onBlur: K,
+      onClick: z,
+      isActive: j,
       showNested: M,
-      ...P,
+      ...D,
       children: [
-        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ...T }),
-        /* @__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/Modal.js

@@ -1,14 +1,14 @@
-import { jsx as t, Fragment as w, jsxs as S } from "react/jsx-runtime";
-import U, { useRef as W, useState as X, useImperativeHandle as V } from "react";
+import { jsx as t, Fragment as L, jsxs as D } from "react/jsx-runtime";
+import { forwardRef as U, useRef as W, useState as X, useImperativeHandle as V } from "react";
 import { P as o } from "./index-BYnWp42a.js";
-import { n as O } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import q from "./Icon.js";
-import { a as L } from "./utils-C52T57HO.js";
+import { a as O } from "./utils-C52T57HO.js";
 import { r as J } from "./index--Kmch3aI.js";
 import { m as z } from "./motion-ecIGZGwI.js";
 import { u as K } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { A as D } from "./index-BUChtubz.js";
-const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FULL" ? `calc(100dvh - ${h} - ${u})` : `calc(100dvh - ${h} - ${u} - ${a})` : r ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${a})` : n ? e == "FULL" ? `calc(100dvh - ${u})` : `calc(100dvh - ${u} - ${a})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${a})`, Y = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${a})`, Z = (e, r, n) => e == "FULL" ? "0" : `${r ? "0" : "16px"} 0 ${n ? "0" : "16px"} 0`, P = O(z.div)`
+import { A as R } from "./index-BUChtubz.js";
+const f = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${a})` : r ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${a})` : n ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${a})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${a})`, Y = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${a})`, Z = (e, r, n) => e == "FULL" ? "0" : `${r ? "0" : "16px"} 0 ${n ? "0" : "16px"} 0`, P = w(z.div)`
   position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
   top: 0;
   left: 0;
@@ -17,12 +17,12 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
   background: ${(e) => e.scrollOverlay === !0 ? "transparent" : e.overlayColor};
   z-index: ${(e) => e.zIndex};
   display: flex;
-`, ee = O(z.div)`
+`, ee = w(z.div)`
   position: relative;
   width: 50%;
   background-color: white;
   ${(e) => e.scrollOverlay == !1 ? "position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" : "height: fit-content; margin-right: auto; margin-left: auto;"}
-  background-color: ${(e) => L(e.theme, "Modal", "default", "enabled", "bg")};
+  background-color: ${(e) => O(e.theme, "Modal", "default", "enabled", "bg")};
   z-index: ${(e) => e.zIndex};
   width: ${(e) => ne[e.size.toUpperCase()]};
   max-width: ${(e) => Y(e.size.toUpperCase())};
@@ -44,7 +44,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
     margin: 0;
   }
   & .lnc-modal-footer {
-    max-height: ${u};
+    max-height: ${f};
     overflow: hidden;
     padding-top: 1rem;
   }
@@ -64,12 +64,12 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
     margin: ${(e) => Z(e.size, e.header, e.footer)};
     padding: 0 ${a} 0 ${a};
   }
-`, oe = O.div`
+`, oe = w.div`
   position: absolute;
   cursor: pointer;
   top: 1.375rem;
   right: 1.375rem;
-  color: ${(e) => L(
+  color: ${(e) => O(
   e.theme,
   "Modal",
   "primary",
@@ -87,7 +87,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
   }
 
   &:hover {
-    background-color: ${(e) => L(
+    background-color: ${(e) => O(
   e.theme,
   "Modal",
   "primary",
@@ -97,7 +97,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
 )};
   }
   &:focus {
-    background-color: ${(e) => L(
+    background-color: ${(e) => O(
   e.theme,
   "Modal",
   "primary",
@@ -106,7 +106,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
   "cancelBtnBgOpacity"
 )};
   }
-`, te = O(z.div)`
+`, te = w(z.div)`
   display: ${(e) => e.scrollOverlay === !0 ? "block" : "none"};
   position: fixed;
   top: 0;
@@ -115,7 +115,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
   width: 100%;
   background-color: ${(e) => e.overlayColor};
   z-index: 3;
-`, re = U.forwardRef((e, r) => {
+`, re = U((e, r) => {
   const {
     portalElement: n = document.body,
     isOpen: c = !1,
@@ -133,7 +133,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
     size: y = "fluid",
     clickOutsideToClose: $ = !0,
     className: v = "",
-    style: _ = {},
+    style: G = {},
     overlayProps: M,
     overlayAnimation: k = {
       animate: { opacity: 1 },
@@ -153,14 +153,14 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
     },
     children: B,
     rest: T
-  } = e, I = W(), [N, R] = X(c);
-  let E = { theme: K(), size: y, zIndex: C, className: v, style: _ };
-  const j = (f) => {
-    f.target === f.currentTarget && $ && b(f);
+  } = e, I = W(), [N, E] = X(c);
+  let j = { theme: K(), size: y, zIndex: C, className: v, style: G };
+  const A = (u) => {
+    u.target === u.currentTarget && $ && b(u);
   };
   V(r, () => ({
     open() {
-      G();
+      _();
     },
     close() {
       b();
@@ -169,24 +169,24 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
       return N;
     }
   }));
-  const G = (f) => {
-    R(!0), g(f);
-  }, b = (f) => {
-    R(!1), x(f);
+  const _ = (u) => {
+    E(!0), g(u);
+  }, b = (u) => {
+    E(!1), x(u);
   };
-  return /* @__PURE__ */ t(w, { children: N && /* @__PURE__ */ t(w, { children: n ? /* @__PURE__ */ t(w, { children: J.createPortal(
+  return /* @__PURE__ */ t(L, { children: N && /* @__PURE__ */ t(L, { children: n ? /* @__PURE__ */ t(L, { children: J.createPortal(
     /* @__PURE__ */ t(
-      A,
+      H,
       {
         ref: I,
         overlay: s,
         scrollOverlay: i,
-        onClickOutsideModal: j,
+        onClickOutsideModal: A,
         overlayColor: m,
         overlayProps: M,
         overlayAnimation: k,
         modalAnimation: F,
-        themeProps: E,
+        themeProps: j,
         showCloseButton: p,
         close: b,
         header: d,
@@ -198,17 +198,17 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
     ),
     n
   ) }) : /* @__PURE__ */ t(
-    A,
+    H,
     {
       ref: I,
       overlay: s,
       scrollOverlay: i,
-      onClickOutsideModal: j,
+      onClickOutsideModal: A,
       overlayColor: m,
       overlayProps: M,
       overlayAnimation: k,
       modalAnimation: F,
-      themeProps: E,
+      themeProps: j,
       showCloseButton: p,
       close: b,
       header: d,
@@ -218,7 +218,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
       children: B
     }
   ) }) });
-}), A = U.forwardRef(
+}), H = U(
   ({
     overlay: e,
     scrollOverlay: r,
@@ -235,7 +235,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
     isOpen: C,
     children: y,
     ...$
-  }, v) => /* @__PURE__ */ t(D, { children: e ? /* @__PURE__ */ S(w, { children: [
+  }, v) => /* @__PURE__ */ t(R, { children: e ? /* @__PURE__ */ D(L, { children: [
     /* @__PURE__ */ t(
       te,
       {
@@ -257,7 +257,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
         ...d,
         ...l,
         children: /* @__PURE__ */ t(
-          H,
+          S,
           {
             ref: v,
             themeProps: s,
@@ -274,7 +274,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
       }
     )
   ] }) : /* @__PURE__ */ t(
-    H,
+    S,
     {
       ref: v,
       themeProps: s,
@@ -287,7 +287,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
       children: y
     }
   ) })
-), H = U.forwardRef(
+), S = U(
   ({
     themeProps: e,
     scrollOverlay: r,
@@ -298,7 +298,7 @@ const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FU
     footer: i,
     children: s,
     ...m
-  }, p) => /* @__PURE__ */ t(D, { children: /* @__PURE__ */ S(
+  }, p) => /* @__PURE__ */ t(R, { children: /* @__PURE__ */ D(
     ee,
     {
       ref: p,

package/dist/MultiSelectDropdown.js

@@ -1,11 +1,11 @@
 import { jsx as O } from "react/jsx-runtime";
 import { P as e } from "./index-BYnWp42a.js";
-import y, { useCallback as h } from "react";
+import { forwardRef as y, useCallback as h } from "react";
 import { a as M } from "./CustomStyles-BUSJ8bZt.js";
 import { d as S } from "./index-CNBqQrtK.js";
 import C from "./Dropdown.js";
 import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const w = y.forwardRef((l, t) => {
+const w = y((l, t) => {
   const {
     // options,
     styles: n,

package/dist/MultiSelectDropdownLookup.js

@@ -1,11 +1,11 @@
 import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-BYnWp42a.js";
-import y, { useCallback as h } from "react";
+import { forwardRef as y, useCallback as h } from "react";
 import { a as M } from "./CustomStyles-BUSJ8bZt.js";
 import { d as S } from "./index-CNBqQrtK.js";
 import C from "./DropdownLookup.js";
 import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const T = y.forwardRef((l, t) => {
+const T = y((l, t) => {
   const {
     // defaultOptions,
     // cacheOptions,

package/dist/NestedDropdownItem.js

@@ -1,23 +1,23 @@
-import { jsxs as b, Fragment as l, jsx as m } from "react/jsx-runtime";
-import o, { useState as x } from "react";
+import { jsxs as w, Fragment as p, jsx as a } from "react/jsx-runtime";
+import { forwardRef as b, useState as x, cloneElement as l, Children as P, isValidElement as O } from "react";
 import { P as t } from "./index-BYnWp42a.js";
-import { n as P } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as O } from "./utils-C52T57HO.js";
-import { m as h } from "./motion-ecIGZGwI.js";
-import { u as D } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { A as j } from "./index-BUChtubz.js";
-const Y = P(h.div)`
+import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as D } from "./utils-C52T57HO.js";
+import { m as j } from "./motion-ecIGZGwI.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { A as C } from "./index-BUChtubz.js";
+const z = h(j.div)`
   margin-left: 0.3rem;
   padding-left: 0.3rem;
-  border-left: ${(r) => `2px solid ${O(
-  r.theme,
+  border-left: ${(o) => `2px solid ${D(
+  o.theme,
   "MenuItem",
-  r.color,
+  o.color,
   "focus",
   "background"
 )}`};
   border-radius: 2px;
-`, d = o.forwardRef((r, C) => {
+`, d = b((o, A) => {
   const {
     __TYPE__: R = "NESTED_ITEM",
     item: f,
@@ -26,7 +26,7 @@ const Y = P(h.div)`
     },
     //--------------------
     defaultOpen: u = !1,
-    animation: _ = {
+    animation: E = {
       animate: { opacity: 1, height: "auto" },
       exit: { opacity: 0, height: 0 },
       initial: { opacity: 0, height: 0 },
@@ -37,41 +37,41 @@ const Y = P(h.div)`
         height: { duration: 0.15 }
       }
     },
-    className: E = "",
-    style: y = {},
-    color: n = "primary",
-    size: a = "small",
-    children: g,
-    ...T
-  } = r, N = D(), [s, I] = x(u), M = () => {
-    I(!s);
-  }, S = o.cloneElement(f, {
+    className: _ = "",
+    style: g = {},
+    color: r = "primary",
+    size: s = "small",
+    children: y,
+    ...N
+  } = o, T = Y(), [n, I] = x(u), M = l(f, {
     isNested: !0,
-    showNested: s,
-    toggleNested: M,
-    color: n,
-    size: a
-  }), w = o.Children.map(g, (e, z) => {
-    var i, p;
-    return o.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "NESTED_ITEM") ? o.cloneElement(e, {
-      color: e.props.color ? e.props.color : n,
-      size: a,
+    showNested: n,
+    toggleNested: () => {
+      I(!n);
+    },
+    color: r,
+    size: s
+  }), S = P.map(y, (e, V) => {
+    var m, i;
+    return O(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "NESTED_ITEM") ? l(e, {
+      color: e.props.color ? e.props.color : r,
+      size: s,
       onItemSelected: c
     }) : e;
   });
-  return /* @__PURE__ */ b(l, { children: [
-    /* @__PURE__ */ m(l, { children: S }),
-    /* @__PURE__ */ m(j, { children: s && /* @__PURE__ */ m(
-      Y,
+  return /* @__PURE__ */ w(p, { children: [
+    /* @__PURE__ */ a(p, { children: M }),
+    /* @__PURE__ */ a(C, { children: n && /* @__PURE__ */ a(
+      z,
       {
-        ..._,
-        theme: N,
-        color: n,
-        size: a,
-        className: "nested-item-lnc " + E,
-        style: y,
-        ...T,
-        children: w
+        ...E,
+        theme: T,
+        color: r,
+        size: s,
+        className: "nested-item-lnc " + _,
+        style: g,
+        ...N,
+        children: S
       }
     ) })
   ] });