Rebuild all components

components/Accordion.js

@@ -1,22 +1,15 @@
-// components/Collapse.js
+// components/Accordion.js
 import { Tag } from "sigpro";
+import { Collapse } from "./Collapse.js";
 
-export const Collapse = (props, children) => {
-  const { class: className, title, name, open, ...rest } = props;
-
-  return Tag("div", {
-    ...rest,
-    class: `collapse collapse-arrow bg-base-200 ${className || ''}`.trim()
-  }, [
-    Tag("input", {
-      type: name ? "radio" : "checkbox",
-      name: name,
-      checked: () => typeof open === "function" ? open() : open,
-      onchange: (e) => {
-        if (typeof open === "function") open(e.target.checked);
-      }
-    }),
-    Tag("div", { class: "collapse-title text-xl font-medium" }, title),
-    Tag("div", { class: "collapse-content" }, children)
-  ]);
+export const Accordion = (props) => {
+  const name = props.name || `accordion-${Math.random().toString(36).slice(2, 9)}`;
+  return Tag("div", { class: `space-y-2 ${props.class ?? ''}` }, 
+    props.items.map(item => Collapse({
+      ...item,
+      name,
+      type: "radio",
+      class: item.class
+    }, item.children))
+  );
 };