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,39 @@
+import * as React from 'react'
+import { Indicator } from '@mantine/core'
+import type { MantineColor } from '@mantine/core'
+
+interface FnIndicatorProps {
+  children: React.ReactNode
+  color?: MantineColor
+  size?: number
+  position?: 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end'
+  processing?: boolean
+  disabled?: boolean
+  label?: React.ReactNode
+}
+
+function FnIndicator({
+  children,
+  color = 'red',
+  size = 10,
+  position = 'top-end',
+  processing = false,
+  disabled = false,
+  label,
+}: FnIndicatorProps) {
+  return (
+    <Indicator
+      color={color}
+      size={size}
+      position={position}
+      processing={processing}
+      disabled={disabled}
+      label={label}
+    >
+      {children}
+    </Indicator>
+  )
+}
+
+export { FnIndicator }
+export type { FnIndicatorProps }