Updateing Docs

src/components/Menu.js

@@ -1,8 +1,19 @@
+// components/Menu.js
 import { $html, $for } from "sigpro";
-import { val, joinClass } from "../core/utils.js";
+import { val, ui } from "../core/utils.js";
 
-/** MENU */
+/**
+ * Menu component
+ * 
+ * daisyUI classes used:
+ * - menu, menu-dropdown, menu-dropdown-show
+ * - bg-base-200, rounded-box
+ * - details, summary, ul, li, a
+ * - mr-2, active
+ */
 export const Menu = (props) => {
+  const { class: className, items, ...rest } = props;
+
   const renderItems = (items) =>
     $for(
       () => items || [],
@@ -21,5 +32,5 @@ export const Menu = (props) => {
       (it, i) => it.label || i,
     );
 
-  return $html("ul", { ...props, class: joinClass("menu bg-base-200 rounded-box", props.class) }, renderItems(props.items));
-};
+  return $html("ul", { ...rest, class: ui('menu bg-base-200 rounded-box', className) }, renderItems(items));
+};