@ck-ui/component-library 2.0.1 → 2.0.3

package/dist/components/Sidebar/components/IconRenderer/index.js

@@ -1,16 +1,18 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { s as t } from "../../../../styles.module-BIdwTiuE.js";
-const o = /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { useState as c } from "react";
+import '../../../../assets/index-BioJVhpT.css';const t = {
+  "icon-img": "_icon-img_1rj7w_1",
+  "icon-node": "_icon-node_1rj7w_7"
+}, o = /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
   /* @__PURE__ */ r("rect", { x: "1", y: "1", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
   /* @__PURE__ */ r("rect", { x: "9", y: "1", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
   /* @__PURE__ */ r("rect", { x: "1", y: "9", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
   /* @__PURE__ */ r("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" })
 ] });
-function l({ icon: e }) {
-  const [s, i] = h(!1);
-  return e ? typeof e == "string" ? s ? /* @__PURE__ */ r("span", { className: t["icon-node"], children: o }) : /* @__PURE__ */ r("img", { src: e, alt: "", className: t["icon-img"], "aria-hidden": "true", onError: () => i(!0) }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: e }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: o });
+function a({ icon: e }) {
+  const [i, n] = c(!1);
+  return e ? typeof e == "string" ? i ? /* @__PURE__ */ r("span", { className: t["icon-node"], children: o }) : /* @__PURE__ */ r("img", { src: e, alt: "", className: t["icon-img"], "aria-hidden": "true", onError: () => n(!0) }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: e }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: o });
 }
 export {
-  l as IconRenderer
+  a as IconRenderer
 };

package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts

@@ -1,4 +1,4 @@
-import { SidebarMenuItem } from '../../Sidebar.types';
+import { SidebarMenuItem } from '../../types';
 interface MenuItemWrapperProps {
     item: SidebarMenuItem;
     active: boolean;

package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuItemWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,UAAU,oBAAoB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAW,EAAE,KAAS,EAAE,UAAU,EAAE,eAAe,GAC7E,EAAE,oBAAoB,2CAsCtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuItemWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKnD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAW,EAAE,KAAS,EAAE,UAAU,EAAE,eAAe,GAC7E,EAAE,oBAAoB,2CAkCtB"}

package/dist/components/Sidebar/components/MenuItemWrapper/index.js

@@ -1,40 +1,35 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { IconRenderer as f } from "../IconRenderer/index.js";
-import { addBreakOpportunities as N } from "../../Sidebar.utils.js";
-import { s as e } from "../../../../styles.module-BIdwTiuE.js";
+import { addBreakOpportunities as h } from "../../Sidebar.utils.js";
+import { s as e } from "../../../../styles.module-xqgv3wwP.js";
 function $({
   item: n,
-  active: s,
-  collapsed: i,
-  icon: c = !0,
-  level: t = 0,
+  active: o,
+  collapsed: c,
+  icon: d = !0,
+  level: s = 0,
   onNavigate: m,
-  onMenuItemClick: d
+  onMenuItemClick: p
 }) {
-  const a = () => {
-    n.url && m(n.url), d?.(n);
-  }, p = t > 0 && s, l = t > 0 ? 15 + (t - 1) * 16 : 0;
+  const t = () => {
+    n.url && m(n.url), p?.(n);
+  }, i = s > 0, l = i && o;
   return /* @__PURE__ */ u(
     "div",
     {
-      className: `${e["sidebar-menu-item"]} ${e["leaf-item"]} ${s ? e.active : ""}`,
-      onClick: a,
-      onKeyDown: (o) => {
-        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a());
+      className: `${e["sidebar-menu-item"]} ${e["leaf-item"]} ${o ? e.active : ""} ${i ? e.nested : ""}`,
+      style: s > 1 ? { paddingLeft: `${12 + (s - 1) * 14}px` } : void 0,
+      onClick: t,
+      onKeyDown: (a) => {
+        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), t());
       },
       role: "menuitem",
       tabIndex: 0,
-      "aria-current": s ? "page" : void 0,
+      "aria-current": o ? "page" : void 0,
       children: [
-        p && /* @__PURE__ */ r(
-          "span",
-          {
-            className: e["active-indicator"],
-            style: { left: `-${l}px` }
-          }
-        ),
-        c && /* @__PURE__ */ r("span", { className: e["menu-icon"], children: /* @__PURE__ */ r(f, { icon: n.icon }) }),
-        !i && /* @__PURE__ */ r("span", { className: e["menu-content"], children: N(n.name) })
+        l && /* @__PURE__ */ r("span", { className: e["active-indicator"] }),
+        d && /* @__PURE__ */ r("span", { className: e["menu-icon"], children: /* @__PURE__ */ r(f, { icon: n.icon }) }),
+        !c && /* @__PURE__ */ r("span", { className: e["menu-content"], children: h(n.name) })
       ]
     }
   );

package/dist/components/Sidebar/components/MenuRenderer/CollapsedMenu.d.ts

@@ -0,0 +1,11 @@
+import { SidebarMenuItem as MenuItem } from '../../types';
+interface CollapsedMenuProps {
+    menuItems: MenuItem[];
+    isActive: (item: MenuItem) => boolean;
+    isTreeActive: (item: MenuItem) => boolean;
+    onNavigate: (path: string) => void;
+    onMenuItemClick?: (item: MenuItem) => void;
+}
+export declare function CollapsedMenu({ menuItems, isActive, isTreeActive, onNavigate, onMenuItemClick }: CollapsedMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsedMenu.d.ts.map

package/dist/components/Sidebar/components/MenuRenderer/CollapsedMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsedMenu.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuRenderer/CollapsedMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAO/D,UAAU,kBAAkB;IAC1B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAC1C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,kBAAkB,2CA6FnH"}

package/dist/components/Sidebar/components/MenuRenderer/CollapsedMenu.js

@@ -0,0 +1,84 @@
+import { jsx as r, jsxs as c, Fragment as N } from "react/jsx-runtime";
+import { useCallback as h } from "react";
+import { C as m, p as n } from "../../../../index-CSxlVCTW.js";
+import { IconRenderer as t } from "../IconRenderer/index.js";
+import { addBreakOpportunities as u } from "../../Sidebar.utils.js";
+import { s as v } from "../../../../styles.module-xqgv3wwP.js";
+function $({ menuItems: f, isActive: l, isTreeActive: d, onNavigate: a, onMenuItemClick: s }) {
+  const b = h((e, i) => {
+    const o = e.dashboardServices && e.dashboardServices.length > 0, p = d(e);
+    return o ? /* @__PURE__ */ r(
+      m,
+      {
+        active: p,
+        icon: /* @__PURE__ */ r("span", { className: v["menu-icon"], children: /* @__PURE__ */ r(t, { icon: e.icon }) }),
+        popupClassName: i <= 1 ? n["single-child-popover"] : "",
+        children: /* @__PURE__ */ c("div", { className: n["popover-menu"], children: [
+          /* @__PURE__ */ r("div", { className: n["popover-title"], children: e.name }),
+          /* @__PURE__ */ r("div", { className: n["popover-children"], children: e.dashboardServices.map((C) => w(C)) })
+        ] })
+      },
+      e.name
+    ) : /* @__PURE__ */ r(
+      m,
+      {
+        active: l(e),
+        icon: /* @__PURE__ */ r("span", { className: v["menu-icon"], children: /* @__PURE__ */ r(t, { icon: e.icon }) }),
+        onClick: () => {
+          e.url && a(e.url), s?.(e);
+        },
+        children: /* @__PURE__ */ r("div", { className: n["popover-title-single"], children: e.name })
+      },
+      e.name
+    );
+  }, [l, d, a, s]), w = h((e) => e.dashboardServices && e.dashboardServices.length > 0 ? /* @__PURE__ */ c("div", { className: n["popover-child-with-sub"], children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        active: d(e),
+        icon: null,
+        label: e.name,
+        popupClassName: n["nested-popover"],
+        children: /* @__PURE__ */ c("div", { className: n["popover-menu"], children: [
+          /* @__PURE__ */ r("div", { className: n["popover-title"], children: e.name }),
+          /* @__PURE__ */ r("div", { className: n["popover-children"], children: e.dashboardServices.map((o) => /* @__PURE__ */ r(
+            "div",
+            {
+              className: `${n["popover-child-item"]} ${l(o) ? n.active : ""}`,
+              onClick: () => {
+                o.url && a(o.url), s?.(o);
+              },
+              onKeyDown: (p) => {
+                (p.key === "Enter" || p.key === " ") && (p.preventDefault(), o.url && a(o.url), s?.(o));
+              },
+              role: "menuitem",
+              tabIndex: 0,
+              children: u(o.name)
+            },
+            o.name
+          )) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: n["popover-child-arrow"], children: /* @__PURE__ */ r("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+  ] }, e.name) : /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${n["popover-child-item"]} ${l(e) ? n.active : ""}`,
+      onClick: () => {
+        e.url && a(e.url), s?.(e);
+      },
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), e.url && a(e.url), s?.(e));
+      },
+      role: "menuitem",
+      tabIndex: 0,
+      children: u(e.name)
+    },
+    e.name
+  ), [l, d, a, s]);
+  return /* @__PURE__ */ r(N, { children: f.map((e, i) => b(e, i)) });
+}
+export {
+  $ as CollapsedMenu
+};

package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.d.ts

@@ -0,0 +1,18 @@
+import { SidebarMenuItem as MenuItem } from '../../types';
+interface ExpandedMenuProps {
+    menuItems: MenuItem[];
+    currentPath: string;
+    isActive: (item: MenuItem) => boolean;
+    isTreeActive: (item: MenuItem) => boolean;
+    onNavigate: (path: string) => void;
+    onMenuItemClick?: (item: MenuItem) => void;
+    /** Whether to show icons on child (nested) menu items. Defaults to true. */
+    showChildIcons?: boolean;
+    /** Max parent-level items that can be expanded simultaneously. Undefined = unlimited. */
+    maxOpenParents?: number;
+    /** Max child-level items (within a parent) that can be expanded simultaneously. Undefined = unlimited. */
+    maxOpenChildren?: number;
+}
+export declare function ExpandedMenu({ menuItems, currentPath, isActive, isTreeActive, onNavigate, onMenuItemClick, showChildIcons, maxOpenParents, maxOpenChildren, }: ExpandedMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExpandedMenu.d.ts.map

package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedMenu.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuRenderer/ExpandedMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAK/D,UAAU,iBAAiB;IACzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAC1C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,4EAA4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0GAA0G;IAC1G,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,eAAe,EACf,cAAqB,EACrB,cAAc,EACd,eAAe,GAChB,EAAE,iBAAiB,2CA4DnB"}

package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.js

@@ -0,0 +1,59 @@
+import { jsx as e, Fragment as y } from "react/jsx-runtime";
+import { useMemo as E, useCallback as T } from "react";
+import { MenuItemWrapper as $ } from "../MenuItemWrapper/index.js";
+import { SubMenuWrapper as j } from "../SubMenuWrapper/index.js";
+import { useMenuState as k } from "../../hooks/useMenuState.js";
+function O({
+  menuItems: n,
+  currentPath: g,
+  isActive: a,
+  isTreeActive: s,
+  onNavigate: c,
+  onMenuItemClick: d,
+  showChildIcons: p = !0,
+  maxOpenParents: b,
+  maxOpenChildren: i
+}) {
+  const { openByLevel: t, toggleMenu: h } = k({
+    menuItems: n,
+    currentPath: g,
+    maxOpenParents: b,
+    maxOpenChildren: i
+  }), u = E(
+    () => n.filter((r) => r.dashboardServices && r.dashboardServices.length > 0),
+    [n]
+  ), f = T((r, o = 0) => {
+    const M = r.dashboardServices && r.dashboardServices.length > 0, l = `${o}-${r.name}`, x = !!t[l], L = s(r), W = o === 0 && u.length === 1, S = o === 0 ? !0 : p;
+    return M ? /* @__PURE__ */ e(
+      j,
+      {
+        item: r,
+        isOpen: x,
+        active: L,
+        collapsed: !1,
+        level: o,
+        isSingleTopLevel: W,
+        showIcon: S,
+        onToggle: () => h(l, o, r),
+        children: r.dashboardServices.map((v) => f(v, o + 1))
+      },
+      r.name
+    ) : /* @__PURE__ */ e(
+      $,
+      {
+        item: r,
+        active: a(r),
+        collapsed: !1,
+        icon: S,
+        level: o,
+        onNavigate: c,
+        onMenuItemClick: d
+      },
+      r.name
+    );
+  }, [t, a, s, h, c, d, u, p]);
+  return /* @__PURE__ */ e(y, { children: n.map((r) => f(r, 0)) });
+}
+export {
+  O as ExpandedMenu
+};

package/dist/components/Sidebar/components/MenuRenderer/index.d.ts

@@ -1,4 +1,4 @@
-import { SidebarMenuItem as MenuItem } from '../../Sidebar.types';
+import { SidebarMenuItem as MenuItem } from '../../types';
 interface MenuRendererProps {
     menuItems: MenuItem[];
     currentPath: string;
@@ -6,7 +6,10 @@ interface MenuRendererProps {
     multicloudExploreList?: unknown[];
     onNavigate: (path: string) => void;
     onMenuItemClick?: (item: MenuItem) => void;
+    showChildIcons?: boolean;
+    maxOpenParents?: number;
+    maxOpenChildren?: number;
 }
-export declare function MenuRenderer({ menuItems, currentPath, collapsed, multicloudExploreList, onNavigate, onMenuItemClick }: MenuRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuRenderer({ menuItems, currentPath, collapsed, multicloudExploreList, onNavigate, onMenuItemClick, showChildIcons, maxOpenParents, maxOpenChildren }: MenuRendererProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/MenuRenderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuRenderer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAYvE,UAAU,iBAAiB;IACzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,iBAAiB,2CA4GxI"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQ/D,UAAU,iBAAiB;IACzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,cAAqB,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,iBAAiB,2CAwChM"}

package/dist/components/Sidebar/components/MenuRenderer/index.js

@@ -1,77 +1,29 @@
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
-import { useMemo as W, useCallback as f } from "react";
-import { MenuItemWrapper as g } from "../MenuItemWrapper/index.js";
-import { SubMenuWrapper as A } from "../SubMenuWrapper/index.js";
-import { CollapsedTooltip as b } from "../CollapsedTooltip/index.js";
-import { IconRenderer as L } from "../IconRenderer/index.js";
-import { useActiveDetection as B } from "../../hooks/useActiveDetection.js";
-import { useMenuState as K } from "../../hooks/useMenuState.js";
-import { SectionLabel as O } from "../SectionLabel/index.js";
-import { MULTICLOUD_VIEW_KEY as N, CHAT_BOT_KEY as _ } from "../../Sidebar.constants.js";
-import { addBreakOpportunities as T } from "../../Sidebar.utils.js";
-import { s as o } from "../../../../styles.module-BIdwTiuE.js";
-function Q({ menuItems: d, currentPath: S, collapsed: t, multicloudExploreList: y, onNavigate: i, onMenuItemClick: l }) {
-  const { isActive: c, isTreeActive: p } = B({ currentPath: S, allItems: d }), { openByLevel: w, toggleMenu: C } = K({ menuItems: d, currentPath: S }), k = W(
-    () => d.filter((e) => e.dashboardServices && e.dashboardServices.length > 0),
-    [d]
-  ), u = f((e, a) => {
-    const r = e.dashboardServices && e.dashboardServices.length > 0, s = p(e);
-    return r ? /* @__PURE__ */ n(b, { active: s, icon: /* @__PURE__ */ n("span", { className: o["menu-icon"], children: /* @__PURE__ */ n(L, { icon: e.icon }) }), popupClassName: a <= 1 ? o["single-child-popover"] : "", children: /* @__PURE__ */ v("div", { className: o["popover-menu"], children: [
-      /* @__PURE__ */ n("div", { className: o["popover-title"], children: e.name }),
-      /* @__PURE__ */ n("div", { className: o["popover-children"], children: e.dashboardServices.map((m) => x(m)) })
-    ] }) }, e.name) : /* @__PURE__ */ n(b, { active: c(e), icon: /* @__PURE__ */ n("span", { className: o["menu-icon"], children: /* @__PURE__ */ n(L, { icon: e.icon }) }), onClick: () => {
-      e.url && i(e.url), l?.(e);
-    }, children: /* @__PURE__ */ n("div", { className: o["popover-title-single"], children: e.name }) }, e.name);
-  }, [c, p, i, l]), x = f((e) => e.dashboardServices && e.dashboardServices.length > 0 ? /* @__PURE__ */ v("div", { className: o["popover-child-with-sub"], children: [
-    /* @__PURE__ */ n(b, { active: p(e), icon: null, label: e.name, popupClassName: o["nested-popover"], children: /* @__PURE__ */ v("div", { className: o["popover-menu"], children: [
-      /* @__PURE__ */ n("div", { className: o["popover-title"], children: e.name }),
-      /* @__PURE__ */ n("div", { className: o["popover-children"], children: e.dashboardServices.map((r) => /* @__PURE__ */ n(
-        "div",
-        {
-          className: `${o["popover-child-item"]} ${c(r) ? o.active : ""}`,
-          onClick: () => {
-            r.url && i(r.url), l?.(r);
-          },
-          onKeyDown: (s) => {
-            (s.key === "Enter" || s.key === " ") && (s.preventDefault(), r.url && i(r.url), l?.(r));
-          },
-          role: "menuitem",
-          tabIndex: 0,
-          children: T(r.name)
-        },
-        r.name
-      )) })
-    ] }) }),
-    /* @__PURE__ */ n("span", { className: o["popover-child-arrow"], children: /* @__PURE__ */ n("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
-  ] }, e.name) : /* @__PURE__ */ n(
-    "div",
-    {
-      className: `${o["popover-child-item"]} ${c(e) ? o.active : ""}`,
-      onClick: () => {
-        e.url && i(e.url), l?.(e);
-      },
-      onKeyDown: (r) => {
-        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.url && i(e.url), l?.(e));
-      },
-      role: "menuitem",
-      tabIndex: 0,
-      children: T(e.name)
-    },
-    e.name
-  ), [c, p, i, l]), h = f((e, a = 0) => {
-    const r = e.dashboardServices && e.dashboardServices.length > 0, s = `${a}-${e.name}`, m = !!w[s], D = p(e), $ = a === 0 && k.length === 1;
-    return r ? /* @__PURE__ */ n(A, { item: e, isOpen: m, active: D, collapsed: !1, level: a, isSingleTopLevel: $, onToggle: () => C(s, a, e), children: e.dashboardServices.map((E) => h(E, a + 1)) }, e.name) : /* @__PURE__ */ n(g, { item: e, active: c(e), collapsed: !1, level: a, onNavigate: i, onMenuItemClick: l }, e.name);
-  }, [w, c, p, C, i, l, k]);
-  if (y && y.length > 0 && d.length > 0) {
-    const e = d.filter((r) => r.key === N), a = d.filter((r) => r.key !== N);
-    return /* @__PURE__ */ v("nav", { className: o["menu-renderer"], role: "menu", "aria-label": "Sidebar navigation", children: [
-      e.map((r, s) => t ? u(r, s) : h(r, 0)),
-      /* @__PURE__ */ n(O, { label: "Services", collapsed: t }),
-      a.map((r, s) => t ? u(r, s) : h(r, 0))
-    ] });
+import { jsx as e, jsxs as v, Fragment as A } from "react/jsx-runtime";
+import { useActiveDetection as D } from "../../hooks/useActiveDetection.js";
+import { SectionLabel as T } from "../SectionLabel/index.js";
+import { MULTICLOUD_VIEW_KEY as j, CHAT_BOT_KEY as K } from "../../Sidebar.constants.js";
+import { CollapsedMenu as c } from "./CollapsedMenu.js";
+import { ExpandedMenu as _ } from "./ExpandedMenu.js";
+import '../../../../assets/index-C6j9Ze5V.css';const E = {
+  "menu-renderer": "_menu-renderer_w3wyj_1"
+};
+function R({ menuItems: r, currentPath: n, collapsed: l, multicloudExploreList: a, onNavigate: i, onMenuItemClick: t, showChildIcons: u = !0, maxOpenParents: o, maxOpenChildren: d }) {
+  const { isActive: m, isTreeActive: s } = D({ currentPath: n, allItems: r });
+  if (a && a.length > 0 && r.length > 0) {
+    const f = r.filter((b) => b.key === j), S = r.filter((b) => b.key !== j);
+    return /* @__PURE__ */ e("nav", { className: E["menu-renderer"], role: "menu", "aria-label": "Sidebar navigation", children: l ? /* @__PURE__ */ v(A, { children: [
+      /* @__PURE__ */ e(c, { menuItems: f, isActive: m, isTreeActive: s, onNavigate: i, onMenuItemClick: t }),
+      /* @__PURE__ */ e(T, { label: "Services", collapsed: l }),
+      /* @__PURE__ */ e(c, { menuItems: S, isActive: m, isTreeActive: s, onNavigate: i, onMenuItemClick: t })
+    ] }) : /* @__PURE__ */ v(A, { children: [
+      /* @__PURE__ */ e(_, { menuItems: f, currentPath: n, isActive: m, isTreeActive: s, onNavigate: i, onMenuItemClick: t, showChildIcons: u, maxOpenParents: o, maxOpenChildren: d }),
+      /* @__PURE__ */ e(T, { label: "Services", collapsed: l }),
+      /* @__PURE__ */ e(_, { menuItems: S, currentPath: n, isActive: m, isTreeActive: s, onNavigate: i, onMenuItemClick: t, showChildIcons: u, maxOpenParents: o, maxOpenChildren: d })
+    ] }) });
   }
-  return /* @__PURE__ */ n("nav", { className: o["menu-renderer"], role: "menu", "aria-label": "Sidebar navigation", children: d.map((e, a) => !t && e.key === _ ? null : t ? u(e, a) : h(e, 0)) });
+  const y = l ? r : r.filter((f) => f.key !== K);
+  return /* @__PURE__ */ e("nav", { className: E["menu-renderer"], role: "menu", "aria-label": "Sidebar navigation", children: l ? /* @__PURE__ */ e(c, { menuItems: y, isActive: m, isTreeActive: s, onNavigate: i, onMenuItemClick: t }) : /* @__PURE__ */ e(_, { menuItems: y, currentPath: n, isActive: m, isTreeActive: s, onNavigate: i, onMenuItemClick: t, showChildIcons: u, maxOpenParents: o, maxOpenChildren: d }) });
 }
 export {
-  Q as MenuRenderer
+  R as MenuRenderer
 };

package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts

@@ -1,4 +1,4 @@
-import { ModuleItem } from '../../Sidebar.types';
+import { ModuleItem } from '../../types';
 interface ModuleSwitchButtonProps {
     modules: ModuleItem[];
     collapsed: boolean;

package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ModuleSwitchButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKtD,UAAU,uBAAuB;IAAG,OAAO,EAAE,UAAU,EAAE,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAAE;AAE3K,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,uBAAuB,kDAoB5H"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ModuleSwitchButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,UAAU,uBAAuB;IAC/B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,uBAAuB,kDA6B5H"}

package/dist/components/Sidebar/components/ModuleSwitchButton/index.js

@@ -1,18 +1,23 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { capitalizeFirstLetter as u } from "../../Sidebar.utils.js";
-import { Tooltip as p } from "../../../Tooltip/index.js";
-import { s as r } from "../../../../styles.module-BIdwTiuE.js";
-function g({ modules: s, collapsed: i, currentModuleId: a, userType: d, onModuleSwitch: c }) {
-  if (d !== "CUSTOMER") return null;
-  const o = s.filter((t) => t.feEnabled && t.type === "CUSTOMER" && t.id !== a);
-  return o.length === 0 ? null : /* @__PURE__ */ e("div", { className: r.boxShadow, children: o.map((t) => {
-    const n = `Switch to ${u(t.displayName)}`, l = /* @__PURE__ */ h("button", { type: "button", className: `${r["switch-module-btn"]} ${i ? r["switch-module-collapsed"] : ""}`, onClick: () => c(t.name), "aria-label": n, children: [
-      !i && /* @__PURE__ */ e("span", { children: n }),
-      /* @__PURE__ */ e("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", style: { marginLeft: i ? 0 : "8px" }, children: /* @__PURE__ */ e("path", { d: "M1.5 1L6.5 6L1.5 11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+import { Tooltip as w } from "../../../Tooltip/index.js";
+import '../../../../assets/index-CSofT_ix.css';const r = {
+  "box-shadow": "_box-shadow_rhe0s_1",
+  "switch-module-wrapper": "_switch-module-wrapper_rhe0s_10",
+  "switch-module-btn": "_switch-module-btn_rhe0s_17",
+  "switch-module-collapsed": "_switch-module-collapsed_rhe0s_42"
+};
+function f({ modules: s, collapsed: i, currentModuleId: d, userType: h, onModuleSwitch: a }) {
+  if (h !== "CUSTOMER") return null;
+  const l = s.filter((e) => e.feEnabled && e.type === "CUSTOMER" && e.id !== d);
+  return l.length === 0 ? null : /* @__PURE__ */ t("div", { className: r["box-shadow"], children: l.map((e) => {
+    const o = `Switch to ${u(e.displayName)}`, n = /* @__PURE__ */ c("button", { type: "button", className: `${r["switch-module-btn"]} ${i ? r["switch-module-collapsed"] : ""}`, onClick: () => a(e.name), "aria-label": o, children: [
+      !i && /* @__PURE__ */ t("span", { children: o }),
+      /* @__PURE__ */ t("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", style: { marginLeft: i ? 0 : "8px" }, children: /* @__PURE__ */ t("path", { d: "M1.5 1L6.5 6L1.5 11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
     ] });
-    return i ? /* @__PURE__ */ e("div", { className: r["switch-module-wrapper"], children: /* @__PURE__ */ e(p, { title: n, placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: l }) }) }, t.id) : /* @__PURE__ */ e("div", { className: r["switch-module-wrapper"], children: l }, t.id);
+    return i ? /* @__PURE__ */ t("div", { className: r["switch-module-wrapper"], children: /* @__PURE__ */ t(w, { title: o, placement: "right", arrow: !0, children: /* @__PURE__ */ t("span", { children: n }) }) }, e.id) : /* @__PURE__ */ t("div", { className: r["switch-module-wrapper"], children: n }, e.id);
   }) });
 }
 export {
-  g as ModuleSwitchButton
+  f as ModuleSwitchButton
 };

package/dist/components/Sidebar/components/SectionLabel/index.d.ts

@@ -1,5 +1,7 @@
-export declare function SectionLabel({ label, collapsed }: {
+interface SectionLabelProps {
     label: string;
     collapsed: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}
+export declare function SectionLabel({ label, collapsed }: SectionLabelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/SectionLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/SectionLabel/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,kDAGvF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/SectionLabel/index.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,kDAGnE"}

package/dist/components/Sidebar/components/SectionLabel/index.js

@@ -1,8 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s } from "../../../../styles.module-BIdwTiuE.js";
-function o({ label: r, collapsed: e }) {
-  return e ? null : /* @__PURE__ */ t("p", { className: s["sidebar-tag"], children: r });
+import '../../../../assets/index-tIl-UucG.css';const a = {
+  "sidebar-tag": "_sidebar-tag_1wvk7_1"
+};
+function i({ label: e, collapsed: r }) {
+  return r ? null : /* @__PURE__ */ t("p", { className: a["sidebar-tag"], children: e });
 }
 export {
-  o as SectionLabel
+  i as SectionLabel
 };

package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SidebarMenuItem } from '../../Sidebar.types';
+import { SidebarMenuItem } from '../../types';
 interface SubMenuWrapperProps {
     item: SidebarMenuItem;
     isOpen: boolean;
@@ -7,9 +7,10 @@ interface SubMenuWrapperProps {
     collapsed: boolean;
     level: number;
     isSingleTopLevel?: boolean;
+    showIcon?: boolean;
     onToggle: () => void;
     children: ReactNode;
 }
-export declare function SubMenuWrapper({ item, isOpen, active, collapsed, level, isSingleTopLevel, onToggle, children }: SubMenuWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SubMenuWrapper({ item, isOpen, active, collapsed, level, isSingleTopLevel, showIcon, onToggle, children }: SubMenuWrapperProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/SubMenuWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,UAAU,mBAAmB;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAwB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDAsC3I"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/SubMenuWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAwB,EAAE,QAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDAsC5J"}

package/dist/components/Sidebar/components/SubMenuWrapper/index.js

@@ -1,35 +1,51 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { IconRenderer as h } from "../IconRenderer/index.js";
-import { s as e } from "../../../../styles.module-BIdwTiuE.js";
-function p({ item: t, isOpen: r, active: o, collapsed: d, level: l, isSingleTopLevel: a = !1, onToggle: c, children: m }) {
-  if (d) return null;
-  const u = !(a && r);
-  return /* @__PURE__ */ i("div", { className: `${e.submenu} ${r ? e["with-child"] : ""}`, children: [
-    /* @__PURE__ */ i(
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { IconRenderer as d } from "../IconRenderer/index.js";
+import '../../../../assets/index-eZS6kms7.css';const h = "_submenu_qk07k_1", b = "_active_qk07k_21", p = "_open_qk07k_80", w = "_arrow_qk07k_117", q = "_rotate_qk07k_130", e = {
+  submenu: h,
+  "parent-item": "_parent-item_qk07k_4",
+  active: b,
+  "top-level": "_top-level_qk07k_25",
+  "with-child": "_with-child_qk07k_32",
+  "submenu-children": "_submenu-children_qk07k_41",
+  "submenu-children-inner": "_submenu-children-inner_qk07k_44",
+  "nested-submenu": "_nested-submenu_qk07k_50",
+  "has-active": "_has-active_qk07k_55",
+  "submenu-label": "_submenu-label_qk07k_65",
+  open: p,
+  arrow: w,
+  rotate: q,
+  "menu-icon": "_menu-icon_qk07k_134",
+  "menu-content": "_menu-content_qk07k_151"
+};
+function f({ item: o, isOpen: t, active: u, collapsed: _, level: r, isSingleTopLevel: a = !1, showIcon: m = !0, onToggle: i, children: l }) {
+  if (_) return null;
+  const k = !(a && t);
+  return /* @__PURE__ */ c("div", { className: `${e.submenu} ${t ? e["with-child"] : ""} ${u && r === 0 ? e["has-active"] : ""} ${r > 0 ? e["nested-submenu"] : ""}`, children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        className: `${e["sidebar-menu-item"]} ${o || r ? e.active : ""}`,
+        className: `${e["parent-item"]} ${r === 0 ? e["top-level"] : ""} ${u || t ? e.active : ""}`,
         onClick: () => {
-          a && r || c();
+          a && t || i();
         },
         onKeyDown: (s) => {
-          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a && r || c());
+          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a && t || i());
         },
         role: "menuitem",
         tabIndex: 0,
-        "aria-expanded": r,
+        "aria-expanded": t,
         children: [
-          l === 0 && /* @__PURE__ */ n("span", { className: e["menu-icon"], children: /* @__PURE__ */ n(h, { icon: t.icon }) }),
-          /* @__PURE__ */ n("span", { className: e["menu-content"], children: /* @__PURE__ */ i("span", { className: e["submenu-label"], children: [
-            /* @__PURE__ */ n("span", { children: t.name }),
-            u && /* @__PURE__ */ n("span", { className: `${e.arrow} ${r ? e.rotate : ""}`, children: /* @__PURE__ */ n("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+          m && r === 0 && /* @__PURE__ */ n("span", { className: e["menu-icon"], children: /* @__PURE__ */ n(d, { icon: o.icon }) }),
+          /* @__PURE__ */ n("span", { className: e["menu-content"], children: /* @__PURE__ */ c("span", { className: e["submenu-label"], children: [
+            /* @__PURE__ */ n("span", { children: o.name }),
+            k && /* @__PURE__ */ n("span", { className: `${e.arrow} ${t ? e.rotate : ""}`, children: /* @__PURE__ */ n("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ n("div", { className: `${e["submenu-children"]} ${r ? e.open : ""}`, children: /* @__PURE__ */ n("div", { className: e["submenu-children-inner"], children: m }) })
+    /* @__PURE__ */ n("div", { className: `${e["submenu-children"]} ${t ? e.open : ""}`, children: /* @__PURE__ */ n("div", { className: e["submenu-children-inner"], children: l }) })
   ] });
 }
 export {
-  p as SubMenuWrapper
+  f as SubMenuWrapper
 };