{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "icons", "type": "registry:ui", "title": "Icons", "description": "Icons — 03_ASSET_GUIDE/engine/shell-markup.js 의 sprite()를", "files": [ { "path": "poc/design-system/implement/src/components/icons.tsx", "content": "\"use client\";\n\nimport type { SVGProps } from \"react\";\n\n/* -------------------------------------------------------------------------- */\n/* Icons — 03_ASSET_GUIDE/engine/shell-markup.js 의 sprite()를 */\n/* 컴포넌트로 옮긴 것. 경로·viewBox·stroke 값은 원본 그대로입니다. */\n/* 장식용이 기본이라 aria-hidden 을 붙이고, 의미가 필요하면 부모에 aria-label 을 둡니다. */\n/* -------------------------------------------------------------------------- */\n\nexport type IconProps = SVGProps;\n\nfunction Svg({ viewBox, children, ...rest }: IconProps) {\n return (\n \n {children}\n \n );\n}\n\n/** atom-i-mark */\nexport function MarkIcon(props: IconProps) {\n return (\n \n \n \n \n \n \n );\n}\n\n/** atom-i-chevron-down */\nexport function ChevronDownIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-chevron-right */\nexport function ChevronRightIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-search */\nexport function SearchIcon(props: IconProps) {\n return (\n \n \n \n \n );\n}\n\n/** atom-i-theme */\nexport function ThemeIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-menu */\nexport function MenuIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-image */\nexport function ImageIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-alert */\nexport function AlertIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-check */\nexport function CheckIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-check-circle */\nexport function CheckCircleIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-x-circle */\nexport function XCircleIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-info */\nexport function InfoIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-warning */\nexport function WarningIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-arrow-up-right */\nexport function ArrowUpRightIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-braces */\nexport function BracesIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-close */\nexport function CloseIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-search-glass */\nexport function SearchGlassIcon(props: IconProps) {\n return (\n \n \n \n \n );\n}\n\n/** atom-i-calendar */\nexport function CalendarIcon(props: IconProps) {\n return (\n \n \n \n \n );\n}\n\n/** atom-i-plus */\nexport function PlusIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-heart */\nexport function HeartIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-trash */\nexport function TrashIcon(props: IconProps) {\n return (\n \n \n \n );\n}\n\n/** atom-i-person */\nexport function PersonIcon(props: IconProps) {\n return (\n \n \n \n \n );\n}\n\n/** 스프라이트 이름(atom-i-*) → 컴포넌트. 스키마·문서에서 이름으로 고를 때 씁니다. */\nexport const icons = {\n \"mark\": MarkIcon,\n \"chevron-down\": ChevronDownIcon,\n \"chevron-right\": ChevronRightIcon,\n \"search\": SearchIcon,\n \"theme\": ThemeIcon,\n \"menu\": MenuIcon,\n \"image\": ImageIcon,\n \"alert\": AlertIcon,\n \"check\": CheckIcon,\n \"check-circle\": CheckCircleIcon,\n \"x-circle\": XCircleIcon,\n \"info\": InfoIcon,\n \"warning\": WarningIcon,\n \"arrow-up-right\": ArrowUpRightIcon,\n \"braces\": BracesIcon,\n \"close\": CloseIcon,\n \"search-glass\": SearchGlassIcon,\n \"calendar\": CalendarIcon,\n \"plus\": PlusIcon,\n \"heart\": HeartIcon,\n \"trash\": TrashIcon,\n \"person\": PersonIcon,\n} as const;\n\nexport type IconName = keyof typeof icons;\n", "type": "registry:ui", "target": "components/ui/icons.tsx" } ], "categories": [ "internal" ], "meta": { "version": "0.1.0" } }