{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button",
  "type": "registry:component",
  "title": "Button",
  "description": "Core button primitive with standard and cyberpunk-styled variants.",
  "dependencies": [],
  "registryDependencies": [
    "https://steez-ui-6v5.pages.dev/r-steez/theme-tokens.json",
    "https://steez-ui-6v5.pages.dev/r-steez/button-styles.json"
  ],
  "docs": "Files install at the project root. Import styles/steez/tokens.css once from your global stylesheet or root layout, then import components from components/steez. No Steez npm packages are required.",
  "files": [
    {
      "path": "components/steez/Button.tsx",
      "type": "registry:file",
      "target": "components/steez/Button.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\n\nimport styles from \"../styles/Buttons.module.css\";\n\ntype ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"danger\"\n  | \"cyberpunk3\"\n  | \"cyberpunk6\";\ntype ButtonSize = \"small\" | \"medium\" | \"large\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  children: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"medium\",\n  className = \"\",\n  children,\n  type = \"button\",\n  ...props\n}: ButtonProps) {\n  const sizeClass = size === \"small\" ? styles.small : size === \"large\" ? styles.large : \"\";\n\n  return (\n    <button\n      type={type}\n      className={`${styles[variant]} ${sizeClass} ${className}`.trim()}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport default Button;\n",
      "source": "packages/ui/src/components/Button.tsx"
    }
  ]
}