Migrating new components

components/Timeline.js

@@ -0,0 +1,10 @@
+// components/Timeline.js
+import { Tag } from "sigpro";
+
+export const Timeline = (props, children) => {
+  const { class: className, vertical = true, compact = false, ...rest } = props;
+  return Tag("ul", {
+    ...rest,
+    class: `timeline ${vertical ? 'timeline-vertical' : 'timeline-horizontal'} ${compact ? 'timeline-compact' : ''} ${className || ''}`.trim()
+  }, children);
+};