Migrating new components

components/Steps.js

@@ -0,0 +1,19 @@
+// components/Steps.js
+import { Tag } from "sigpro";
+
+export const Steps = (props, children) => {
+  const { class: className, ...rest } = props;
+  return Tag("ul", {
+    ...rest,
+    class: `steps ${className || ''}`.trim()
+  }, children);
+};
+
+export const Step = (props, children) => {
+  const { class: className, dataContent, ...rest } = props;
+  return Tag("li", {
+    ...rest,
+    class: `step ${className || ''}`.trim(),
+    "data-content": dataContent
+  }, children);
+};