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,47 @@
+import * as React from 'react'
+import { ActionIcon, Tooltip } from '@mantine/core'
+import type { MantineSize, MantineColor } from '@mantine/core'
+
+interface FnActionIconProps {
+  icon: React.ReactNode
+  variant?: 'filled' | 'light' | 'outline' | 'transparent' | 'default' | 'subtle'
+  size?: MantineSize | number
+  color?: MantineColor
+  onClick?: React.MouseEventHandler<HTMLButtonElement>
+  loading?: boolean
+  disabled?: boolean
+  tooltip?: string
+}
+
+function FnActionIcon({
+  icon,
+  variant = 'default',
+  size = 'md',
+  color,
+  onClick,
+  loading,
+  disabled,
+  tooltip,
+}: FnActionIconProps) {
+  const button = (
+    <ActionIcon
+      variant={variant}
+      size={size}
+      color={color}
+      onClick={onClick}
+      loading={loading}
+      disabled={disabled}
+    >
+      {icon}
+    </ActionIcon>
+  )
+
+  if (tooltip) {
+    return <Tooltip label={tooltip}>{button}</Tooltip>
+  }
+
+  return button
+}
+
+export { FnActionIcon }
+export type { FnActionIconProps }