Updateing Docs

src/components/Badge.js

@@ -1,6 +1,21 @@
+// components/Badge.js
 import { $html } from "sigpro";
-import { joinClass } from "../core/utils.js";
+import { ui } from "../core/utils.js";
 
-/** BADGE */
-export const Badge = (props, children) => 
-  $html("span", { ...props, class: joinClass("badge", props.class) }, children);
+/**
+ * Badge component
+ * 
+ * daisyUI classes used:
+ * - badge, badge-primary, badge-secondary, badge-accent
+ * - badge-info, badge-success, badge-warning, badge-error
+ * - badge-outline, badge-soft, badge-dash
+ * - badge-xs, badge-sm, badge-md, badge-lg
+ */
+export const Badge = (props, children) => {
+  const { class: className, ...rest } = props;
+
+  return $html("span", {
+    ...rest,
+    class: ui('badge', className),
+  }, children);
+};