Updateing Docs

src/components/Stat.js

@@ -1,11 +1,21 @@
+// components/Stat.js
 import { $html } from "sigpro";
-import { val, joinClass } from "../core/utils.js";
+import { val, ui } from "../core/utils.js";
 
-/** STAT */
-export const Stat = (props) =>
-  $html("div", { ...props, class: joinClass("stat", props.class) }, [
-    props.icon && $html("div", { class: "stat-figure text-secondary" }, props.icon),
-    props.label && $html("div", { class: "stat-title" }, props.label),
-    $html("div", { class: "stat-value" }, () => val(props.value) ?? props.value),
-    props.desc && $html("div", { class: "stat-desc" }, props.desc),
+/**
+ * Stat component
+ * 
+ * daisyUI classes used:
+ * - stat, stat-figure, stat-title, stat-value, stat-desc
+ * - text-secondary
+ */
+export const Stat = (props) => {
+  const { class: className, icon, label, value, desc, ...rest } = props;
+
+  return $html("div", { ...rest, class: ui('stat', className) }, [
+    icon && $html("div", { class: "stat-figure text-secondary" }, icon),
+    label && $html("div", { class: "stat-title" }, label),
+    $html("div", { class: "stat-value" }, () => val(value) ?? value),
+    desc && $html("div", { class: "stat-desc" }, desc),
   ]);
+};