{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tailwind-fieldbutton",
  "type": "registry:ui",
  "title": "FieldButton",
  "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/FieldButton.tsx",
      "type": "registry:ui",
      "content": "'use client';\nimport React from 'react';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {\n  Button as RACButton,\n  type ButtonProps as RACButtonProps\n} from 'react-aria-components/Button';\nimport {tv} from 'tailwind-variants';\nimport {focusRing} from '@/registry/react-aria/lib/react-aria-utils';\n\nexport interface ButtonProps extends RACButtonProps {\n  /** @default 'primary' */\n  variant?: 'primary' | 'secondary' | 'destructive' | 'icon';\n}\n\nlet button = tv({\n  extend: focusRing,\n  base: 'relative inline-flex items-center border-0 font-sans text-sm text-center transition rounded-md cursor-default p-1 flex items-center justify-center text-neutral-600 bg-transparent hover:bg-black/[5%] pressed:bg-black/10 dark:text-neutral-400 dark:hover:bg-white/10 dark:pressed:bg-white/20 disabled:bg-transparent [-webkit-tap-highlight-color:transparent]',\n  variants: {\n    isDisabled: {\n      true: 'bg-neutral-100 dark:bg-neutral-800 text-neutral-300 dark:text-neutral-600 forced-colors:text-[GrayText] border-black/5 dark:border-white/5'\n    }\n  }\n});\n\nexport function FieldButton(props: ButtonProps) {\n  return (\n    <RACButton\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) =>\n        button({...renderProps, className})\n      )}>\n      {props.children}\n    </RACButton>\n  );\n}\n"
    }
  ],
  "css": {
    "@plugin \"tailwindcss-react-aria-components\"": {},
    "@import \"tw-animate-css\"": {}
  }
}