opus-toolkit-components 1.7.4 → 1.7.5

package/lib/opus-components.main.js

@@ -46323,46 +46323,46 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-/**
- * Icon props (importing from your Icon component typedef).
- * @typedef {import('../Icon/Icon').IconProps} IconProps
+/**
+ * Icon props (importing from your Icon component typedef).
+ * @typedef {import('../Icon/Icon').IconProps} IconProps
  */
 
-/**
- * A sidebar leaf item (no children).
- * @typedef {Object} SidebarItemMenu
- * @property {string|number} key
- * @property {string} name
- * @property {string} [path]
- * @property {string} [href]
- * @property {IconProps} [iconProps]
+/**
+ * A sidebar leaf item (no children).
+ * @typedef {Object} SidebarItemMenu
+ * @property {string|number} key
+ * @property {string} name
+ * @property {string} [path]
+ * @property {string} [href]
+ * @property {IconProps} [iconProps]
  */
 
-/**
- * Props for SidebarItem.
- *
- * @typedef {Object} SidebarItemProps
- *
- * @property {SidebarItemMenu} menu
- *   The menu item to render.
- *
- * @property {boolean} open
- *   Whether the sidebar is expanded.
- *
- * @property {boolean} [active=false]
- *   Whether this item is currently active.
- *
- * @property {keyof JSX.IntrinsicElements | React.ComponentType<any>} [as='div']
- *   Polymorphic wrapper: div, a, button, Link, etc.
- *
- * @property {() => void} [onClick]
- *   Fired when the item is clicked.
+/**
+ * Props for SidebarItem.
+ *
+ * @typedef {Object} SidebarItemProps
+ *
+ * @property {SidebarItemMenu} menu
+ *   The menu item to render.
+ *
+ * @property {boolean} open
+ *   Whether the sidebar is expanded.
+ *
+ * @property {boolean} [active=false]
+ *   Whether this item is currently active.
+ *
+ * @property {keyof JSX.IntrinsicElements | React.ComponentType<any>} [as='div']
+ *   Polymorphic wrapper: div, a, button, Link, etc.
+ *
+ * @property {() => void} [onClick]
+ *   Fired when the item is clicked.
  */
 
-/**
- * Fully typed SidebarItem component.
- *
- * @param {SidebarItemProps & React.HTMLAttributes<HTMLElement>} props
+/**
+ * Fully typed SidebarItem component.
+ *
+ * @param {SidebarItemProps & React.HTMLAttributes<HTMLElement>} props
  */
 
 function SidebarItem(_ref) {
@@ -46370,12 +46370,22 @@ function SidebarItem(_ref) {
       menu,
       open,
       active = false,
-      as: Component = "div",
+      as: Component = "a",
       onClick
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(Component, _objectSpread(_objectSpread({
-    onClick: onClick,
+  // Support both "href" and "path"
+  const navTarget = menu.href || menu.path;
+  const wrapperProps = {};
+  if (Component === "a" && navTarget) {
+    wrapperProps.href = navTarget;
+  }
+  if ((Component === null || Component === void 0 ? void 0 : Component.displayName) === "Link" && navTarget) {
+    wrapperProps.to = navTarget;
+  }
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(Component, _objectSpread(_objectSpread(_objectSpread({
+    onClick: onClick
+  }, wrapperProps), {}, {
     className: "group relative flex cursor-pointer items-center justify-between p-4 transition-all duration-500 ease-in-out ".concat(active ? "bg-[--color-primary-hover]" : "", " ")
   }, props), {}, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {