{"$schema":"https:\/\/ui.particle.academy\/schema\/registry-item.json","name":"emoji","type":"registry:ui","title":"Emoji","description":"Emoji from react-fancy","package":"react-fancy","dependencies":[],"registryDependencies":[],"files":[{"path":"components\/fancy\/emoji\/Emoji.tsx","content":"import { cn } from \"..\/..\/utils\/cn\";\r\nimport { applyTone, resolve } from \"..\/..\/data\/emoji-utils\";\r\nimport type { EmojiProps } from \".\/Emoji.types\";\r\n\r\nexport function Emoji({ name, emoji, tone, size = \"md\", className }: EmojiProps) {\r\n  const base = emoji ?? (name ? resolve(name) : undefined);\r\n  if (!base) return null;\r\n\r\n  const resolved = tone ? applyTone(base, tone) : base;\r\n\r\n  const sizeClass = {\r\n    sm: \"text-base\",\r\n    md: \"text-2xl\",\r\n    lg: \"text-4xl\",\r\n    xl: \"text-6xl\",\r\n  }[size];\r\n\r\n  return (\r\n    <span\r\n      role=\"img\"\r\n      aria-label={name ?? resolved}\r\n      data-react-fancy-emoji=\"\"\r\n      className={cn(\"inline-block leading-none\", sizeClass, className)}\r\n    >\r\n      {resolved}\r\n    <\/span>\r\n  );\r\n}\r\n","type":"registry:ui","target":"components\/fancy\/emoji\/Emoji.tsx"},{"path":"components\/fancy\/emoji\/Emoji.types.ts","content":"import type { SkinTone } from \"..\/..\/data\/emoji-utils\";\r\n\r\nexport interface EmojiProps {\r\n  name?: string;\r\n  emoji?: string;\r\n  tone?: SkinTone;\r\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n  className?: string;\r\n}\r\n","type":"registry:ui","target":"components\/fancy\/emoji\/Emoji.types.ts"},{"path":"components\/fancy\/emoji\/index.ts","content":"export { Emoji } from \".\/Emoji\";\r\nexport type { EmojiProps } from \".\/Emoji.types\";\r\n","type":"registry:ui","target":"components\/fancy\/emoji\/index.ts"}]}