{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "brand-assets-menu",
  "title": "Brand Assets Menu",
  "author": "tusharvarshney <tushar@tusharvarshney.com>",
  "description": "Context menu for copying brand SVGs and opening asset links.",
  "dependencies": [
    "@rexa-developer/tiks"
  ],
  "registryDependencies": [
    "context-menu",
    "sonner"
  ],
  "files": [
    {
      "path": "src/registry/components/brand-assets-menu/brand-assets-menu.tsx",
      "content": "\"use client\"\n\nimport { useTiks } from \"@rexa-developer/tiks/react\"\nimport { toast } from \"sonner\"\n\nimport { IconPlaceholder } from \"@/components/icon-placeholder\"\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuTrigger,\n} from \"@/components/ui/context-menu\"\n\nexport type BrandAssetsMenuProps = {\n  logomark: React.ReactElement\n  logomarkSVG: string\n  logotypeSVG: string\n  brandGuidelinesURL: string\n  brandAssetsURL: string\n  children: React.ReactElement\n}\n\nexport function BrandAssetsMenu({\n  logomark,\n  logomarkSVG,\n  logotypeSVG,\n  brandGuidelinesURL,\n  brandAssetsURL,\n  children,\n}: BrandAssetsMenuProps) {\n  const { success } = useTiks()\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger asChild>{children}</ContextMenuTrigger>\n\n      <ContextMenuContent className=\"w-fit\">\n        <ContextMenuItem\n          onClick={() => {\n            copyText(logomarkSVG)\n            toast.success(\"Logomark as SVG copied\")\n            success()\n          }}\n        >\n          {logomark}\n          Copy Logomark as SVG\n        </ContextMenuItem>\n\n        <ContextMenuItem\n          onClick={() => {\n            copyText(logotypeSVG)\n            toast.success(\"Logotype as SVG copied\")\n            success()\n          }}\n        >\n          <IconPlaceholder\n            lucide=\"Type\"\n            tabler=\"IconLetterT\"\n            hugeicons=\"TextIcon\"\n            phosphor=\"TextTIcon\"\n            remixicon=\"RiText\"\n          />\n          Copy Logotype as SVG\n        </ContextMenuItem>\n\n        <ContextMenuSeparator />\n\n        <ContextMenuItem asChild>\n          <a\n            href={brandGuidelinesURL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <IconPlaceholder\n              lucide=\"SquareDashed\"\n              tabler=\"IconShape\"\n              hugeicons=\"DashedLine02Icon\"\n              phosphor=\"BoundingBoxIcon\"\n              remixicon=\"RiShapeLine\"\n            />\n            Brand Guidelines\n          </a>\n        </ContextMenuItem>\n\n        <ContextMenuItem asChild>\n          <a\n            href={brandAssetsURL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            download\n          >\n            <IconPlaceholder\n              lucide=\"Download\"\n              tabler=\"IconDownload\"\n              hugeicons=\"Download01Icon\"\n              phosphor=\"DownloadSimpleIcon\"\n              remixicon=\"RiDownloadLine\"\n            />\n            Download Brand Assets\n          </a>\n        </ContextMenuItem>\n      </ContextMenuContent>\n    </ContextMenu>\n  )\n}\n\nconst copyText = async (text: string) => {\n  try {\n    await navigator.clipboard.writeText(text)\n    return true\n  } catch {\n    return false\n  }\n}\n",
      "type": "registry:component",
      "target": "@components/brand-assets-menu.tsx"
    }
  ],
  "type": "registry:component"
}