Migrating new components

components/Skeleton.js

@@ -0,0 +1,19 @@
+// components/Skeleton.js
+import { Tag } from "sigpro";
+
+export const Skeleton = (props) => {
+  const { class: className, ...rest } = props;
+  return Tag("div", {
+    ...rest,
+    class: `skeleton ${className || ''}`.trim()
+  });
+};
+
+export const SkeletonText = (props) => {
+  const { class: className, lines = 3, ...rest } = props;
+  return Tag("div", { ...rest, class: "space-y-2" }, 
+    Array.from({ length: lines }, (_, i) => 
+      Tag("div", { class: `skeleton h-4 w-full ${className || ''}`.trim() })
+    )
+  );
+};