@lanaco/lnc-react-ui 4.0.3 → 4.0.5

package/dist/MenuItem.js

@@ -1,5 +1,5 @@
 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 { forwardRef as H, useRef as J, useState as Q, useEffect as W } from "react";
 import { P as o } from "./index-BYnWp42a.js";
 import { n as X } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import k from "./Icon.js";
@@ -78,7 +78,7 @@ const ee = X.div`
 )};
       `}
   }
-`, C = H.forwardRef((n, a) => {
+`, C = H((n, a) => {
   const {
     value: g,
     active: c = null,
@@ -94,7 +94,7 @@ const ee = X.div`
     },
     onClick: w = () => {
     },
-    onKeyDown: _ = () => {
+    onKeyDown: x = () => {
     },
     onMouseEnter: le = () => {
     },
@@ -105,58 +105,58 @@ const ee = X.div`
     onItemSelected: N = () => {
     },
     //----------------
-    className: x = "",
-    style: A = {},
-    color: S = "primary",
-    iconProps: T,
-    __TYPE__: te = "MENU_ITEM",
+    className: A = "",
+    style: S = {},
+    color: T = "primary",
+    iconProps: _,
+    __TYPE__: se = "MENU_ITEM",
     children: O,
     ...P
-  } = n, D = { theme: I(), color: S, style: A }, u = J(), [F, y] = Q(c ?? !1);
+  } = n, D = { theme: I(), color: T, style: S }, u = J(), [F, y] = Q(c ?? !1);
   W(() => {
     y(c);
   }, [c]);
   const j = (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);
       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 = U(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);
       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);
+        let t = q(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) => {
     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) => {
     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;
@@ -166,27 +166,27 @@ const ee = X.div`
   }, q = (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 + " ", Y = " " + l + " ";
+    return t.indexOf(Y) != -1;
   };
   return /* @__PURE__ */ m(V, { children: /* @__PURE__ */ G(
     ee,
     {
       ref: a || u,
-      className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + x,
+      className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + A,
       ...D,
       disabled: r,
       tabIndex: 0,
-      onKeyDown: K,
-      onFocus: R,
-      onBlur: B,
+      onKeyDown: R,
+      onFocus: B,
+      onBlur: K,
       onClick: j,
       isActive: F,
       showNested: M,
       ...P,
       children: [
-        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ...T }),
+        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ..._ }),
         /* @__PURE__ */ m("div", { children: O }),
         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
       }
     ) })
   ] });

package/dist/NestedMenuItem.js

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