From ccbe8e5c4a907b4591a2a78bb862f3df1a910afa Mon Sep 17 00:00:00 2001
From: Natxo <1172351+natxocc@users.noreply.github.com>
Date: Tue, 31 Mar 2026 12:16:28 +0200
Subject: [PATCH] Add Fieldset component for structured grouping

---
 src/components/Fieldset.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/Fieldset.js

diff --git a/src/components/Fieldset.js b/src/components/Fieldset.js
new file mode 100644
index 0000000..b3efff2
--- /dev/null
+++ b/src/components/Fieldset.js
@@ -0,0 +1,19 @@
+import { $html } from "sigpro";
+import { val, joinClass } from "../core/utils.js";
+
+/** FIELDSET */
+export const Fieldset = (props, children) =>
+  $html(
+    "fieldset",
+    {
+      ...props,
+      class: joinClass("fieldset bg-base-200 border border-base-300 p-4 rounded-lg", props.class),
+    },
+    [
+      () => {
+        const legendText = val(props.legend);
+        return legendText ? $html("legend", { class: "fieldset-legend font-bold" }, [legendText]) : null;
+      },
+      children,
+    ],
+  );