initial: mirror of @fn_library from fn_registry

75 components + DESIGN_SYSTEM.md + sync script. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-21 19:06:49 +02:00
commit 5a824c2eee
157 changed files with 11539 additions and 0 deletions
@@ -0,0 +1,45 @@
+import * as React from 'react'
+import { Timeline, Text } from '@mantine/core'
+
+interface TimelineItem {
+  title: string
+  description?: string
+  icon?: React.ReactNode
+  color?: string
+  time?: string
+}
+
+interface FnTimelineProps {
+  items: TimelineItem[]
+  active?: number
+  bulletSize?: number
+}
+
+function FnTimeline({
+  items,
+  active = -1,
+  bulletSize = 20,
+}: FnTimelineProps) {
+  return (
+    <Timeline active={active} bulletSize={bulletSize}>
+      {items.map((item, i) => (
+        <Timeline.Item
+          key={i}
+          title={item.title}
+          bullet={item.icon}
+          color={item.color}
+        >
+          {item.time && (
+            <Text size="xs" c="dimmed" mt={2}>{item.time}</Text>
+          )}
+          {item.description && (
+            <Text size="sm" mt={4}>{item.description}</Text>
+          )}
+        </Timeline.Item>
+      ))}
+    </Timeline>
+  )
+}
+
+export { FnTimeline }
+export type { FnTimelineProps, TimelineItem }