Migrating new components

components/TextRotate.js

@@ -0,0 +1,19 @@
+// components/TextRotate.js
+import { Tag } from "sigpro";
+
+export const TextRotate = (props) => {
+  const { class: className, words, ...rest } = props;
+
+  const wordsArray = Array.isArray(words) 
+    ? words 
+    : (typeof words === 'string' ? words.split(',') : []);
+
+  return Tag("span", {
+    ...rest,
+    class: `text-rotate ${className || ''}`.trim()
+  }, [
+    Tag("span", {}, 
+      wordsArray.map(word => Tag("span", {}, word))
+    )
+  ]);
+};