{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tailwind-link",
  "type": "registry:ui",
  "title": "Link",
  "dependencies": [
    "react",
    "react-aria-components",
    "tailwind-variants",
    "tailwindcss-react-aria-components",
    "tw-animate-css"
  ],
  "registryDependencies": [
    "https://react-aria.adobe.com/registry/tailwind-utils.json"
  ],
  "files": [
    {
      "path": "components/ui/Link.tsx",
      "type": "registry:ui",
      "content": "'use client';\nimport React from 'react';\nimport {Link as AriaLink, type LinkProps as AriaLinkProps} from 'react-aria-components/Link';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {tv} from 'tailwind-variants';\nimport {focusRing} from '@/registry/react-aria/lib/react-aria-utils';\n\ninterface LinkProps extends AriaLinkProps {\n  variant?: 'primary' | 'secondary';\n}\n\nconst styles = tv({\n  extend: focusRing,\n  base: 'underline disabled:no-underline disabled:cursor-default forced-colors:disabled:text-[GrayText] transition rounded-xs [-webkit-tap-highlight-color:transparent]',\n  variants: {\n    variant: {\n      primary:\n        'text-blue-600 dark:text-blue-500 underline decoration-blue-600/60 hover:decoration-blue-600 dark:decoration-blue-500/60 dark:hover:decoration-blue-500',\n      secondary:\n        'text-neutral-700 dark:text-neutral-300 underline decoration-neutral-700/50 hover:decoration-neutral-700 dark:decoration-neutral-300/70 dark:hover:decoration-neutral-300'\n    }\n  },\n  defaultVariants: {\n    variant: 'primary'\n  }\n});\n\nexport function Link(props: LinkProps) {\n  return (\n    <AriaLink\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) =>\n        styles({...renderProps, className, variant: props.variant})\n      )}\n    />\n  );\n}\n"
    }
  ],
  "css": {
    "@plugin \"tailwindcss-react-aria-components\"": {},
    "@import \"tw-animate-css\"": {}
  }
}