opus-toolkit-components 1.5.7 → 1.5.9

package/lib/opus-components.main.js

@@ -22416,11 +22416,12 @@ function SidebarGroup(_ref) {
     }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "ml-10 mt-1 overflow-hidden transition-all duration-300 ease-in-out ".concat(expanded && open ? "max-h-96 opacity-100" : "max-h-0 opacity-0"),
       children: menu.children.map(child => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarItem, {
+        // composite unique key
         menu: child,
         open: open,
         active: activeItem === child.key,
         onClick: () => onItemClick(child.key)
-      }, child.id || child.name))
+      }, "child-".concat(child.key, "-").concat(child.path)))
     })]
   });
 }
@@ -22556,9 +22557,9 @@ function Sidebar(_ref) {
     onSearchChange
   } = _ref;
   const [open, setOpen] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
-  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
     className: "flex",
-    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: " ".concat(open ? "w-[20rem]" : "w-[3rem]", " transition-width flex min-h-screen flex-col rounded bg-[--color-primary-bg] text-[--color-text-strong] duration-300 ease-in-out"),
       children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
         className: "flex items-center justify-between p-3 pr-0",
@@ -22605,30 +22606,26 @@ function Sidebar(_ref) {
         }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
           className: "menu-item-container",
           children: menus.map(menu => menu.children ? /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarGroup, {
+            // composite key
             menu: menu,
             open: open,
             activeItem: activeItem,
             onItemClick: onItemClick,
             toggleSidebar: setOpen
-          }, menu.id || menu.name) : /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarItem, {
+          }, "group-".concat(menu.key, "-").concat(menu.name)) : /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarItem, {
+            // composite key
             menu: menu,
             open: open,
             active: activeItem === menu.key,
             onClick: () => onItemClick(menu.key)
-          }, menu.id || menu.name))
+          }, "item-".concat(menu.key, "-").concat(menu.name)))
         })]
       }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarProfile, {
         user: user,
         open: open,
         href: "/users/".concat(user.id)
       })]
-    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
-      className: "flex-1 p-6",
-      children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("h1", {
-        className: "text-2xl font-bold text-[--color-text-strong]",
-        children: "Dashboard Content"
-      })
-    })]
+    })
   });
 }
 ;// ./src/index.js