Migrating new components

components/Rating.js

@@ -0,0 +1,25 @@
+// components/Rating.js
+import { Tag } from "sigpro";
+
+export const Rating = (props, children) => {
+  const { class: className, count, mask = "mask-star", value, onchange, ...rest } = props;
+
+  const name = `rating-${Math.random().toString(36).slice(2, 7)}`;
+
+  return Tag("div", {
+    ...rest,
+    class: `rating ${className || ''}`.trim()
+  }, children || Array.from({ length: count || 5 }, (_, i) => {
+    const starValue = i + 1;
+    return Tag("input", {
+      type: "radio",
+      name,
+      class: `mask ${mask}`,
+      checked: () => typeof value === "function" ? value() === starValue : value === starValue,
+      onchange: () => {
+        if (onchange) onchange(starValue);
+        else if (typeof value === "function") value(starValue);
+      }
+    });
+  }));
+};