@pgcorp/ui-kit 0.1.0

package/src/components/icons/sputnigUiIcons.ts

@@ -0,0 +1,530 @@
+import { defineComponent, h, type FunctionalComponent, type PropType, type VNodeChild } from 'vue'
+import {
+  Activity as LucideActivity, AlertCircle as LucideAlertCircle, AlertTriangle as LucideAlertTriangle, AppWindow, Archive as LucideArchive,
+  ArchiveX, ArrowDownCircle, ArrowLeft, ArrowLeftFromLine, ArrowRight, ArrowRightFromLine, ArrowUp, ArrowUpCircle as LucideArrowUpCircle,
+  Ban, Bell, BookOpen as LucideBookOpen, BookOpenText, BookText, Bot, BoxSelect, Boxes, Braces, Bug, Cable, Camera,
+  CaseSensitive as LucideCaseSensitive, ChartSpline, Check as LucideCheck, CheckCircle, CheckSquare,
+  ChevronDown as LucideChevronDown, ChevronRight as LucideChevronRight, ChevronUp as LucideChevronUp,
+  ChevronsDown, ChevronsUp, ChevronsUpDown as LucideChevronsUpDown, CircleMinus, CircleOff, CirclePlus,
+  Clipboard, ClipboardPaste, Clock as LucideClock, Cloud, CloudUpload, Code as LucideCode, Columns, Columns3,
+  Compass, Container, Copy as LucideCopy, CornerDownRight, Database, Delete, Download, DownloadCloud,
+  Edit as LucideEdit, Ellipsis, Equal, ExternalLink, Eye, EyeOff, File as LucideFile, FileCode, FileCode2,
+  FileCog, FileDown, FileImage, FileJson, FileKey, FileLock, FilePlus, FilePlus2, FileSearch2, FileSliders,
+  FileText as LucideFileText, FileUp, Filter as LucideFilter, FlaskConical, Focus, Folder as LucideFolder,
+  FolderArchive, FolderCheck, FolderCode, FolderCog, FolderGit, FolderGit2 as LucideFolderGit2, FolderInput as LucideFolderInput,
+  FolderKanban as LucideFolderKanban, FolderOpen, FolderPlus, FolderSearch as LucideFolderSearch,
+  FolderTree as LucideFolderTree, GalleryVerticalEnd, GitBranch, GitCommit, GitCommitHorizontal, GitCompare, Globe,
+  Goal, Grid2x2, GripVertical, Hash, HelpCircle, History, Home, Image as LucideImage, ImagePlus, Info as LucideInfo,
+  KeyRound, LayoutGrid, LibraryBig, Lightbulb, Link, List, ListChecks, ListTodo as LucideListTodo, ListTree,
+  Loader, Loader2, LoaderCircle as LucideLoaderCircle, Lock, LogIn, LogOut, Logs, Maximize2, Menu as LucideMenu,
+  MessageCircle as LucideMessageCircle, MessageSquare as LucideMessageSquare, MessageSquareText, Milestone,
+  Minimize2, Minus as LucideMinus, MinusCircle as LucideMinusCircle, Moon as LucideMoon,
+  MoreHorizontal as LucideMoreHorizontal, MoreVertical as LucideMoreVertical, MoveDiagonal2, MoveDown, MoveUp,
+  Network, PackagePlus, Palette, PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose,
+  PanelRightOpen, Pencil, PencilLine, Pin, Play as LucidePlay, Plus as LucidePlus, PlusCircle as LucidePlusCircle,
+  Power, RefreshCcw, RefreshCw as LucideRefreshCw, Regex as LucideRegex, Replace as LucideReplace,
+  ReplaceAll as LucideReplaceAll, Rocket, RotateCcw as LucideRotateCcw, Save as LucideSave, Scan, ScanEye,
+  ScanLine, ScanSearch as LucideScanSearch, ScrollText as LucideScrollText, Search as LucideSearch,
+  Send as LucideSend, ServerCog, Settings as LucideSettings, Settings2 as LucideSettings2, Share2, Shield,
+  ShieldCheck, ShieldOff, Sigma, SlidersHorizontal, Sparkles, Square, SquareTerminal, Star, Sun as LucideSun,
+  Table2, Tag as LucideTag, Target, Terminal as LucideTerminal, TestTube2, Timer, Trash2 as LucideTrash2,
+  TreePine, Undo, UploadCloud, User as LucideUser, UserCheck, UserPlus, UserRound as LucideUserRound, UserX,
+  View, WandSparkles as LucideWandSparkles, WholeWord as LucideWholeWord, Wifi, WifiOff, Workflow, Wrench,
+  X as LucideX, XCircle as LucideXCircle,
+} from '@lucide/vue'
+import {
+  generatedSputnigUiIconIds,
+  generatedSputnigUiIconMarkup,
+  generatedSputnigUiIconMarkupActivity,
+  generatedSputnigUiIconMarkupAlertCircle,
+  generatedSputnigUiIconMarkupAlertTriangle,
+  generatedSputnigUiIconMarkupArchive,
+  generatedSputnigUiIconMarkupArrowUpCircle,
+  generatedSputnigUiIconMarkupBookOpen,
+  generatedSputnigUiIconMarkupCaseSensitive,
+  generatedSputnigUiIconMarkupCheck,
+  generatedSputnigUiIconMarkupCheckCircle,
+  generatedSputnigUiIconMarkupChevronDown,
+  generatedSputnigUiIconMarkupChevronRight,
+  generatedSputnigUiIconMarkupChevronUp,
+  generatedSputnigUiIconMarkupChevronsUpDown,
+  generatedSputnigUiIconMarkupClock,
+  generatedSputnigUiIconMarkupClose,
+  generatedSputnigUiIconMarkupCode,
+  generatedSputnigUiIconMarkupCopy,
+  generatedSputnigUiIconMarkupEdit,
+  generatedSputnigUiIconMarkupFile,
+  generatedSputnigUiIconMarkupFileText,
+  generatedSputnigUiIconMarkupFilter,
+  generatedSputnigUiIconMarkupFolder,
+  generatedSputnigUiIconMarkupFolderGit,
+  generatedSputnigUiIconMarkupFolderInput,
+  generatedSputnigUiIconMarkupFolderKanban,
+  generatedSputnigUiIconMarkupFolderSearch,
+  generatedSputnigUiIconMarkupFolderTree,
+  generatedSputnigUiIconMarkupImage,
+  generatedSputnigUiIconMarkupInfo,
+  generatedSputnigUiIconMarkupListTodo,
+  generatedSputnigUiIconMarkupLoaderCircle,
+  generatedSputnigUiIconMarkupMenu,
+  generatedSputnigUiIconMarkupMessageCircle,
+  generatedSputnigUiIconMarkupMessageSquare,
+  generatedSputnigUiIconMarkupMinus,
+  generatedSputnigUiIconMarkupMinusCircle,
+  generatedSputnigUiIconMarkupMoon,
+  generatedSputnigUiIconMarkupMoreHorizontal,
+  generatedSputnigUiIconMarkupMoreVertical,
+  generatedSputnigUiIconMarkupPlay,
+  generatedSputnigUiIconMarkupPlus,
+  generatedSputnigUiIconMarkupPlusCircle,
+  generatedSputnigUiIconMarkupRefreshCw,
+  generatedSputnigUiIconMarkupRegex,
+  generatedSputnigUiIconMarkupReplace,
+  generatedSputnigUiIconMarkupReplaceAll,
+  generatedSputnigUiIconMarkupRotateCcw,
+  generatedSputnigUiIconMarkupSave,
+  generatedSputnigUiIconMarkupScanSearch,
+  generatedSputnigUiIconMarkupScrollText,
+  generatedSputnigUiIconMarkupSearch,
+  generatedSputnigUiIconMarkupSend,
+  generatedSputnigUiIconMarkupSettings,
+  generatedSputnigUiIconMarkupSettings2,
+  generatedSputnigUiIconMarkupSun,
+  generatedSputnigUiIconMarkupTag,
+  generatedSputnigUiIconMarkupTerminal,
+  generatedSputnigUiIconMarkupTrash2,
+  generatedSputnigUiIconMarkupUser,
+  generatedSputnigUiIconMarkupUserRound,
+  generatedSputnigUiIconMarkupWandSparkles,
+  generatedSputnigUiIconMarkupWholeWord,
+  generatedSputnigUiIconMarkupXCircle,
+  isGeneratedSputnigUiIconId,
+  type GeneratedSputnigUiIconId,
+} from './_internal/generatedSputnigUiIconMarkup'
+
+export const sputnigUiIconIds = generatedSputnigUiIconIds
+export type SputnigUiIconId = GeneratedSputnigUiIconId
+
+export const sputnigUiIconColorModes = ['auto', 'duotone', 'monochrome'] as const
+export type SputnigUiIconColorMode = (typeof sputnigUiIconColorModes)[number]
+export const sputnigUiIconSetModes = ['classic', 'sputnig'] as const
+export type SputnigUiIconSetMode = (typeof sputnigUiIconSetModes)[number]
+
+export interface SputnigUiIconProps {
+  /** Low-level standalone size. Control owners size icons through their semantic CSS contract. */
+  size?: number | string
+  /** Low-level standalone stroke. Control owners use the canonical icon default. */
+  strokeWidth?: number
+  title?: string
+  colorMode?: SputnigUiIconColorMode
+  iconSetMode?: SputnigUiIconSetMode
+}
+
+function renderGeneratedIconBody(markup: string): VNodeChild {
+  return h('g', { innerHTML: markup })
+}
+
+export function isSputnigUiIconColorMode(value: unknown): value is SputnigUiIconColorMode {
+  return typeof value === 'string' && sputnigUiIconColorModes.includes(value as SputnigUiIconColorMode)
+}
+
+export function isSputnigUiIconSetMode(value: unknown): value is SputnigUiIconSetMode {
+  return typeof value === 'string' && sputnigUiIconSetModes.includes(value as SputnigUiIconSetMode)
+}
+
+export function isSputnigUiIconId(name: string): name is SputnigUiIconId {
+  return isGeneratedSputnigUiIconId(name)
+}
+
+type ClassicLucideIconName = keyof typeof classicLucideIcons
+
+const classicLucideIcons = {
+  Activity: LucideActivity, AlertCircle: LucideAlertCircle, AlertTriangle: LucideAlertTriangle, AppWindow, Archive: LucideArchive,
+  ArchiveX, ArrowDownCircle, ArrowLeft, ArrowLeftFromLine, ArrowRight, ArrowRightFromLine, ArrowUp, ArrowUpCircle: LucideArrowUpCircle,
+  Ban, Bell, BookOpen: LucideBookOpen, BookOpenText, BookText, Bot, BoxSelect, Boxes, Braces, Bug, Cable, Camera,
+  CaseSensitive: LucideCaseSensitive, ChartSpline, Check: LucideCheck, CheckCircle, CheckSquare,
+  ChevronDown: LucideChevronDown, ChevronRight: LucideChevronRight, ChevronUp: LucideChevronUp,
+  ChevronsDown, ChevronsUp, ChevronsUpDown: LucideChevronsUpDown, CircleMinus, CircleOff, CirclePlus,
+  Clipboard, ClipboardPaste, Clock: LucideClock, Cloud, CloudUpload, Code: LucideCode, Columns, Columns3,
+  Compass, Container, Copy: LucideCopy, CornerDownRight, Database, Delete, Download, DownloadCloud,
+  Edit: LucideEdit, Ellipsis, Equal, ExternalLink, Eye, EyeOff, File: LucideFile, FileCode, FileCode2, FileCog,
+  FileDown, FileImage, FileJson, FileKey, FileLock, FilePlus, FilePlus2, FileSearch2, FileSliders,
+  FileText: LucideFileText, FileUp, Filter: LucideFilter, FlaskConical, Focus, Folder: LucideFolder, FolderArchive,
+  FolderCheck, FolderCode, FolderCog, FolderGit, FolderGit2: LucideFolderGit2, FolderInput: LucideFolderInput,
+  FolderKanban: LucideFolderKanban, FolderOpen, FolderPlus, FolderSearch: LucideFolderSearch,
+  FolderTree: LucideFolderTree, GalleryVerticalEnd, GitBranch, GitCommit, GitCommitHorizontal, GitCompare, Globe,
+  Goal, Grid2x2, GripVertical, Hash, HelpCircle, History, Home, Image: LucideImage, ImagePlus, Info: LucideInfo,
+  KeyRound, LayoutGrid, LibraryBig, Lightbulb, Link, List, ListChecks, ListTodo: LucideListTodo, ListTree, Loader,
+  Loader2, LoaderCircle: LucideLoaderCircle, Lock, LogIn, LogOut, Logs, Maximize2, Menu: LucideMenu,
+  MessageCircle: LucideMessageCircle, MessageSquare: LucideMessageSquare, MessageSquareText, Milestone, Minimize2,
+  Minus: LucideMinus, MinusCircle: LucideMinusCircle, Moon: LucideMoon, MoreHorizontal: LucideMoreHorizontal,
+  MoreVertical: LucideMoreVertical, MoveDiagonal2, MoveDown, MoveUp, Network, PackagePlus, Palette,
+  PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, Pencil,
+  PencilLine, Pin, Play: LucidePlay, Plus: LucidePlus, PlusCircle: LucidePlusCircle, Power, RefreshCcw,
+  RefreshCw: LucideRefreshCw, Regex: LucideRegex, Replace: LucideReplace, ReplaceAll: LucideReplaceAll, Rocket,
+  RotateCcw: LucideRotateCcw, Save: LucideSave, Scan, ScanEye, ScanLine, ScanSearch: LucideScanSearch,
+  ScrollText: LucideScrollText, Search: LucideSearch, Send: LucideSend, ServerCog, Settings: LucideSettings,
+  Settings2: LucideSettings2, Share2, Shield, ShieldCheck, ShieldOff, Sigma, SlidersHorizontal, Sparkles, Square,
+  SquareTerminal, Star, Sun: LucideSun, Table2, Tag: LucideTag, Target, Terminal: LucideTerminal, TestTube2,
+  Timer, Trash2: LucideTrash2, TreePine, Undo, UploadCloud, User: LucideUser, UserCheck, UserPlus,
+  UserRound: LucideUserRound, UserX, View, WandSparkles: LucideWandSparkles, WholeWord: LucideWholeWord, Wifi,
+  WifiOff, Workflow, Wrench, X: LucideX, XCircle: LucideXCircle,
+} as const satisfies Record<string, unknown>
+
+const classicUiIconAliases = {
+  'add-file': 'FilePlus2',
+  'add-folder': 'FolderPlus',
+  'agent-studio': 'Bot',
+  chat: 'MessageSquareText',
+  collections: 'FolderKanban',
+  close: 'X',
+  'context-add': 'CirclePlus',
+  'context-remove': 'CircleMinus',
+  docs: 'BookOpenText',
+  drag: 'GripVertical',
+  empty: 'CircleOff',
+  exclude: 'EyeOff',
+  explorer: 'FolderTree',
+  'file-config': 'FileCog',
+  'file-css': 'FileCode2',
+  'file-database': 'Database',
+  'file-docker': 'Container',
+  'file-env': 'FileKey',
+  'file-html': 'FileCode',
+  'file-javascript': 'Braces',
+  'file-markdown': 'FileText',
+  'file-python': 'FileCode2',
+  'file-shell': 'SquareTerminal',
+  'file-test': 'FlaskConical',
+  'file-typescript': 'Braces',
+  'file-vue': 'FileCode',
+  'file-yaml': 'FileSliders',
+  'focus-mode': 'Focus',
+  'focus-off': 'ScanLine',
+  'focus-on': 'ScanEye',
+  'folder-config': 'FolderCog',
+  'folder-docs': 'FolderOpen',
+  'folder-package': 'FolderArchive',
+  'folder-source': 'FolderCode',
+  'folder-tests': 'FolderCheck',
+  git: 'GitBranch',
+  hide: 'EyeOff',
+  include: 'Eye',
+  inspector: 'ScanSearch',
+  'key-result': 'Target',
+  'lsp-activity': 'Activity',
+  more: 'Ellipsis',
+  projects: 'FolderKanban',
+  reset: 'RotateCcw',
+  snapshots: 'Camera',
+  strategy: 'Goal',
+  tasks: 'ListTodo',
+  tests: 'FlaskConical',
+  theme: 'Palette',
+  'theme-dark': 'Moon',
+  'theme-light': 'Sun',
+  'trace-analysis': 'ChartSpline',
+  web: 'Globe',
+  'workspace-project-run': 'Rocket',
+  'workspace-project-run-settings': 'SlidersHorizontal',
+  'workspace-project-switch': 'FolderInput',
+} as const satisfies Partial<Record<SputnigUiIconId, ClassicLucideIconName>>
+
+const classicIconComponentCache = new Map<SputnigUiIconId, FunctionalComponent<Record<string, unknown>>>()
+
+function resolveClassicLucideIconName(name: SputnigUiIconId): ClassicLucideIconName {
+  const aliasedName = (classicUiIconAliases as Partial<Record<SputnigUiIconId, ClassicLucideIconName>>)[name]
+  if (aliasedName) {
+    return aliasedName
+  }
+  const exportName = name
+    .split('-')
+    .map((part) => (part ? `${part[0]?.toUpperCase() ?? ''}${part.slice(1)}` : ''))
+    .join('') as ClassicLucideIconName
+
+  if (exportName in classicLucideIcons) {
+    return exportName
+  }
+
+  throw new Error(`Для иконки ${name} не задан классический UI-kit icon mapping.`)
+}
+
+function resolveClassicIconComponent(name: SputnigUiIconId): FunctionalComponent<Record<string, unknown>> {
+  const cached = classicIconComponentCache.get(name)
+  if (cached) {
+    return cached
+  }
+
+  const iconName = resolveClassicLucideIconName(name)
+  const component = classicLucideIcons[iconName]
+  if (typeof component !== 'function' && (typeof component !== 'object' || component === null)) {
+    throw new Error(`Классическая иконка ${String(iconName)} для ${name} не является Vue-компонентом.`)
+  }
+
+  const typedComponent = component as FunctionalComponent<Record<string, unknown>>
+  classicIconComponentCache.set(name, typedComponent)
+  return typedComponent
+}
+
+function resolveAccentColorVariable(colorMode: SputnigUiIconColorMode): string {
+  if (colorMode === 'monochrome') {
+    return 'var(--sputnig-icon-primary)'
+  }
+  if (colorMode === 'duotone') {
+    return 'var(--sputnig-ui-icon-accent, var(--color-icon-accent-theme, currentColor))'
+  }
+  return 'var(--sputnig-ui-icon-accent, var(--color-icon-accent, var(--color-icon-accent-theme, currentColor)))'
+}
+
+function assertRawIconSize(value: unknown): number | string {
+  if (typeof value === 'number' && Number.isFinite(value) && value > 0) return value
+  if (
+    typeof value === 'string'
+    && (/^(?:\d+(?:\.\d+)?(?:px|rem|em)|var\(--[a-z0-9-]+\))$/u).test(value)
+  ) return value
+  throw new TypeError(
+    'SputnigUiIcon: size должен быть положительным числом или exact CSS length/token.',
+  )
+}
+
+function assertRawIconStrokeWidth(value: unknown): number {
+  if (typeof value === 'number' && Number.isFinite(value) && value > 0) return value
+  throw new TypeError('SputnigUiIcon: strokeWidth должен быть положительным конечным числом.')
+}
+
+function assertRawIconAttrs(attrs: Record<string, unknown>): void {
+  const allowedExact = new Set(['class', 'aria-label', 'aria-labelledby', 'aria-hidden'])
+  const rejected = Object.keys(attrs).filter((name) => (
+    !allowedExact.has(name) && !name.startsWith('data-')
+  ))
+  if (rejected.length > 0) {
+    throw new TypeError(
+      `SputnigUiIcon: presentation attrs принадлежат component owner; запрещены: ${rejected.join(', ')}.`,
+    )
+  }
+}
+
+function renderIcon(
+  name: GeneratedSputnigUiIconId,
+  props: SputnigUiIconProps,
+  attrs: Record<string, unknown> = {},
+  classicIcon: unknown,
+  generatedMarkup: string,
+): VNodeChild {
+  assertRawIconAttrs(attrs)
+  const size = assertRawIconSize(props.size ?? 24)
+  const strokeWidth = assertRawIconStrokeWidth(props.strokeWidth ?? 1.8)
+  const colorMode = props.colorMode ?? 'auto'
+  const iconSetMode = props.iconSetMode ?? 'classic'
+  if (!isSputnigUiIconColorMode(colorMode)) {
+    throw new TypeError(`SputnigUiIcon: неизвестный colorMode ${String(colorMode)}.`)
+  }
+  if (!isSputnigUiIconSetMode(iconSetMode)) {
+    throw new TypeError(`SputnigUiIcon: неизвестный iconSetMode ${String(iconSetMode)}.`)
+  }
+  if (props.title !== undefined && typeof props.title !== 'string') {
+    throw new TypeError('SputnigUiIcon: title должен быть строкой.')
+  }
+  const hasAccessibleName = Boolean(props.title || attrs['aria-label'])
+
+  if (iconSetMode === 'classic') {
+    if (typeof classicIcon !== 'function' && (typeof classicIcon !== 'object' || classicIcon === null)) {
+      throw new Error(`Классическая иконка для ${name} не является Vue-компонентом.`)
+    }
+    const ClassicIcon = classicIcon as FunctionalComponent<Record<string, unknown>>
+    return h(
+      ClassicIcon,
+      {
+        ...attrs,
+        size,
+        strokeWidth,
+        role: hasAccessibleName ? 'img' : undefined,
+        'aria-hidden': hasAccessibleName ? undefined : 'true',
+        'aria-label': props.title || attrs['aria-label'],
+        'data-sputnig-ui-icon': name,
+        'data-sputnig-ui-icon-color-mode': colorMode,
+        'data-sputnig-ui-icon-set': iconSetMode,
+      },
+      props.title ? () => h('title', props.title) : undefined,
+    )
+  }
+
+  return h(
+    'svg',
+    {
+      ...attrs,
+      xmlns: 'http://www.w3.org/2000/svg',
+      viewBox: '0 0 24 24',
+      width: size,
+      height: size,
+      fill: 'none',
+      stroke: 'currentColor',
+      'stroke-width': strokeWidth,
+      'stroke-linecap': 'round',
+      'stroke-linejoin': 'round',
+      role: hasAccessibleName ? 'img' : undefined,
+      'aria-hidden': hasAccessibleName ? undefined : 'true',
+      style: [
+        {
+          '--sputnig-icon-primary': 'var(--sputnig-ui-icon-primary, var(--color-icon-primary, currentColor))',
+          '--sputnig-icon-accent': resolveAccentColorVariable(colorMode),
+        },
+      ],
+      'data-sputnig-ui-icon': name,
+      'data-sputnig-ui-icon-color-mode': colorMode,
+      'data-sputnig-ui-icon-set': iconSetMode,
+    },
+    [props.title ? h('title', props.title) : null, renderGeneratedIconBody(generatedMarkup)],
+  )
+}
+
+const iconComponentCache = new Map<SputnigUiIconId, FunctionalComponent<SputnigUiIconProps>>()
+
+function createUiIcon(
+  name: SputnigUiIconId,
+  classicIcon: unknown,
+  generatedMarkup: string,
+): FunctionalComponent<SputnigUiIconProps> {
+  const component: FunctionalComponent<SputnigUiIconProps> = (props, { attrs }) =>
+    renderIcon(name, props, attrs, classicIcon, generatedMarkup)
+  component.displayName = `SputnigUiIcon${name.replace(/(^|-)([a-z])/g, (_, __, letter: string) => letter.toUpperCase())}`
+  component.props = {
+    size: [Number, String],
+    strokeWidth: Number,
+    title: String,
+    colorMode: {
+      type: String as PropType<SputnigUiIconColorMode>,
+      default: 'auto',
+      validator: isSputnigUiIconColorMode,
+    },
+    iconSetMode: {
+      type: String as PropType<SputnigUiIconSetMode>,
+      default: 'classic',
+      validator: isSputnigUiIconSetMode,
+    },
+  }
+  return component
+}
+
+export function getSputnigUiIconComponent(
+  name: SputnigUiIconId,
+): FunctionalComponent<SputnigUiIconProps> {
+  const cached = iconComponentCache.get(name)
+  if (cached) {
+    return cached
+  }
+  const component = createUiIcon(
+    name,
+    resolveClassicIconComponent(name),
+    generatedSputnigUiIconMarkup[name],
+  )
+  iconComponentCache.set(name, component)
+  return component
+}
+
+export const SputnigUiIcon = /* @__PURE__ */ defineComponent({
+  name: 'SputnigUiIcon',
+  props: {
+    name: {
+      type: String as PropType<SputnigUiIconId>,
+      required: true,
+      validator: isGeneratedSputnigUiIconId,
+    },
+    size: {
+      type: [Number, String],
+      default: 24,
+    },
+    strokeWidth: {
+      type: Number,
+      default: 1.8,
+    },
+    title: {
+      type: String,
+      default: '',
+    },
+    colorMode: {
+      type: String as PropType<SputnigUiIconColorMode>,
+      default: 'auto',
+      validator: isSputnigUiIconColorMode,
+    },
+    iconSetMode: {
+      type: String as PropType<SputnigUiIconSetMode>,
+      default: 'classic',
+      validator: isSputnigUiIconSetMode,
+    },
+  },
+  setup(props, { attrs }) {
+    return () => renderIcon(
+      props.name,
+      props,
+      attrs,
+      resolveClassicIconComponent(props.name),
+      generatedSputnigUiIconMarkup[props.name],
+    )
+  },
+})
+
+export const Activity = /* @__PURE__ */ createUiIcon('activity', LucideActivity, generatedSputnigUiIconMarkupActivity)
+export const AlertCircle = /* @__PURE__ */ createUiIcon('alert-circle', LucideAlertCircle, generatedSputnigUiIconMarkupAlertCircle)
+export const AlertTriangle = /* @__PURE__ */ createUiIcon('alert-triangle', LucideAlertTriangle, generatedSputnigUiIconMarkupAlertTriangle)
+export const Archive = /* @__PURE__ */ createUiIcon('archive', LucideArchive, generatedSputnigUiIconMarkupArchive)
+export const ArrowUpCircle = /* @__PURE__ */ createUiIcon('arrow-up-circle', LucideArrowUpCircle, generatedSputnigUiIconMarkupArrowUpCircle)
+export const BookOpen = /* @__PURE__ */ createUiIcon('book-open', LucideBookOpen, generatedSputnigUiIconMarkupBookOpen)
+export const CaseSensitive = /* @__PURE__ */ createUiIcon('case-sensitive', LucideCaseSensitive, generatedSputnigUiIconMarkupCaseSensitive)
+export const Check = /* @__PURE__ */ createUiIcon('check', LucideCheck, generatedSputnigUiIconMarkupCheck)
+export const CheckCircle2 = /* @__PURE__ */ createUiIcon('check-circle', CheckCircle, generatedSputnigUiIconMarkupCheckCircle)
+export const ChevronDown = /* @__PURE__ */ createUiIcon('chevron-down', LucideChevronDown, generatedSputnigUiIconMarkupChevronDown)
+export const ChevronRight = /* @__PURE__ */ createUiIcon('chevron-right', LucideChevronRight, generatedSputnigUiIconMarkupChevronRight)
+export const ChevronUp = /* @__PURE__ */ createUiIcon('chevron-up', LucideChevronUp, generatedSputnigUiIconMarkupChevronUp)
+export const ChevronsUpDown = /* @__PURE__ */ createUiIcon('chevrons-up-down', LucideChevronsUpDown, generatedSputnigUiIconMarkupChevronsUpDown)
+export const CircleAlert = AlertCircle
+export const Clock = /* @__PURE__ */ createUiIcon('clock', LucideClock, generatedSputnigUiIconMarkupClock)
+export const Code = /* @__PURE__ */ createUiIcon('code', LucideCode, generatedSputnigUiIconMarkupCode)
+export const Copy = /* @__PURE__ */ createUiIcon('copy', LucideCopy, generatedSputnigUiIconMarkupCopy)
+export const Edit = /* @__PURE__ */ createUiIcon('edit', LucideEdit, generatedSputnigUiIconMarkupEdit)
+export const File = /* @__PURE__ */ createUiIcon('file', LucideFile, generatedSputnigUiIconMarkupFile)
+export const FileText = /* @__PURE__ */ createUiIcon('file-text', LucideFileText, generatedSputnigUiIconMarkupFileText)
+export const Filter = /* @__PURE__ */ createUiIcon('filter', LucideFilter, generatedSputnigUiIconMarkupFilter)
+export const Folder = /* @__PURE__ */ createUiIcon('folder', LucideFolder, generatedSputnigUiIconMarkupFolder)
+export const FolderGit2 = /* @__PURE__ */ createUiIcon('folder-git', LucideFolderGit2, generatedSputnigUiIconMarkupFolderGit)
+export const FolderInput = /* @__PURE__ */ createUiIcon('folder-input', LucideFolderInput, generatedSputnigUiIconMarkupFolderInput)
+export const FolderKanban = /* @__PURE__ */ createUiIcon('folder-kanban', LucideFolderKanban, generatedSputnigUiIconMarkupFolderKanban)
+export const FolderSearch = /* @__PURE__ */ createUiIcon('folder-search', LucideFolderSearch, generatedSputnigUiIconMarkupFolderSearch)
+export const FolderTree = /* @__PURE__ */ createUiIcon('folder-tree', LucideFolderTree, generatedSputnigUiIconMarkupFolderTree)
+export const Image = /* @__PURE__ */ createUiIcon('image', LucideImage, generatedSputnigUiIconMarkupImage)
+export const Info = /* @__PURE__ */ createUiIcon('info', LucideInfo, generatedSputnigUiIconMarkupInfo)
+export const ListTodo = /* @__PURE__ */ createUiIcon('list-todo', LucideListTodo, generatedSputnigUiIconMarkupListTodo)
+export const LoaderCircle = /* @__PURE__ */ createUiIcon('loader-circle', LucideLoaderCircle, generatedSputnigUiIconMarkupLoaderCircle)
+export const Menu = /* @__PURE__ */ createUiIcon('menu', LucideMenu, generatedSputnigUiIconMarkupMenu)
+export const MessageCircle = /* @__PURE__ */ createUiIcon('message-circle', LucideMessageCircle, generatedSputnigUiIconMarkupMessageCircle)
+export const MessageSquare = /* @__PURE__ */ createUiIcon('message-square', LucideMessageSquare, generatedSputnigUiIconMarkupMessageSquare)
+export const Minus = /* @__PURE__ */ createUiIcon('minus', LucideMinus, generatedSputnigUiIconMarkupMinus)
+export const MinusCircle = /* @__PURE__ */ createUiIcon('minus-circle', LucideMinusCircle, generatedSputnigUiIconMarkupMinusCircle)
+export const Moon = /* @__PURE__ */ createUiIcon('moon', LucideMoon, generatedSputnigUiIconMarkupMoon)
+export const MoreHorizontal = /* @__PURE__ */ createUiIcon('more-horizontal', LucideMoreHorizontal, generatedSputnigUiIconMarkupMoreHorizontal)
+export const MoreVertical = /* @__PURE__ */ createUiIcon('more-vertical', LucideMoreVertical, generatedSputnigUiIconMarkupMoreVertical)
+export const Play = /* @__PURE__ */ createUiIcon('play', LucidePlay, generatedSputnigUiIconMarkupPlay)
+export const Plus = /* @__PURE__ */ createUiIcon('plus', LucidePlus, generatedSputnigUiIconMarkupPlus)
+export const PlusCircle = /* @__PURE__ */ createUiIcon('plus-circle', LucidePlusCircle, generatedSputnigUiIconMarkupPlusCircle)
+export const RefreshCw = /* @__PURE__ */ createUiIcon('refresh-cw', LucideRefreshCw, generatedSputnigUiIconMarkupRefreshCw)
+export const Regex = /* @__PURE__ */ createUiIcon('regex', LucideRegex, generatedSputnigUiIconMarkupRegex)
+export const Replace = /* @__PURE__ */ createUiIcon('replace', LucideReplace, generatedSputnigUiIconMarkupReplace)
+export const ReplaceAll = /* @__PURE__ */ createUiIcon('replace-all', LucideReplaceAll, generatedSputnigUiIconMarkupReplaceAll)
+export const RotateCcw = /* @__PURE__ */ createUiIcon('rotate-ccw', LucideRotateCcw, generatedSputnigUiIconMarkupRotateCcw)
+export const Save = /* @__PURE__ */ createUiIcon('save', LucideSave, generatedSputnigUiIconMarkupSave)
+export const ScanSearch = /* @__PURE__ */ createUiIcon('scan-search', LucideScanSearch, generatedSputnigUiIconMarkupScanSearch)
+export const ScrollText = /* @__PURE__ */ createUiIcon('scroll-text', LucideScrollText, generatedSputnigUiIconMarkupScrollText)
+export const Search = /* @__PURE__ */ createUiIcon('search', LucideSearch, generatedSputnigUiIconMarkupSearch)
+export const Send = /* @__PURE__ */ createUiIcon('send', LucideSend, generatedSputnigUiIconMarkupSend)
+export const Settings = /* @__PURE__ */ createUiIcon('settings', LucideSettings, generatedSputnigUiIconMarkupSettings)
+export const Settings2 = /* @__PURE__ */ createUiIcon('settings2', LucideSettings2, generatedSputnigUiIconMarkupSettings2)
+export const Sun = /* @__PURE__ */ createUiIcon('sun', LucideSun, generatedSputnigUiIconMarkupSun)
+export const Tag = /* @__PURE__ */ createUiIcon('tag', LucideTag, generatedSputnigUiIconMarkupTag)
+export const Terminal = /* @__PURE__ */ createUiIcon('terminal', LucideTerminal, generatedSputnigUiIconMarkupTerminal)
+export const Trash2 = /* @__PURE__ */ createUiIcon('trash2', LucideTrash2, generatedSputnigUiIconMarkupTrash2)
+export const User = /* @__PURE__ */ createUiIcon('user', LucideUser, generatedSputnigUiIconMarkupUser)
+export const UserRound = /* @__PURE__ */ createUiIcon('user-round', LucideUserRound, generatedSputnigUiIconMarkupUserRound)
+export const WandSparkles = /* @__PURE__ */ createUiIcon('wand-sparkles', LucideWandSparkles, generatedSputnigUiIconMarkupWandSparkles)
+export const WholeWord = /* @__PURE__ */ createUiIcon('whole-word', LucideWholeWord, generatedSputnigUiIconMarkupWholeWord)
+export const X = /* @__PURE__ */ createUiIcon('close', LucideX, generatedSputnigUiIconMarkupClose)
+export const XCircle = /* @__PURE__ */ createUiIcon('x-circle', LucideXCircle, generatedSputnigUiIconMarkupXCircle)