Updateing Docs

src/components/Fieldset.js

@@ -1,19 +1,30 @@
+// components/Fieldset.js
 import { $html } from "sigpro";
-import { val, joinClass } from "../core/utils.js";
+import { val, ui } from "../core/utils.js";
 
-/** FIELDSET */
-export const Fieldset = (props, children) =>
-  $html(
+/**
+ * Fieldset component
+ * 
+ * daisyUI classes used:
+ * - fieldset, fieldset-legend
+ * - bg-base-200, border, border-base-300
+ * - p-4, rounded-lg, font-bold
+ */
+export const Fieldset = (props, children) => {
+  const { class: className, legend, ...rest } = props;
+
+  return $html(
     "fieldset",
     {
-      ...props,
-      class: joinClass("fieldset bg-base-200 border border-base-300 p-4 rounded-lg", props.class),
+      ...rest,
+      class: ui('fieldset bg-base-200 border border-base-300 p-4 rounded-lg', className),
     },
     [
       () => {
-        const legendText = val(props.legend);
+        const legendText = val(legend);
         return legendText ? $html("legend", { class: "fieldset-legend font-bold" }, [legendText]) : null;
       },
       children,
     ],
   );
+};