{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input",
  "title": "Input",
  "description": "A text input built on the Base UI input primitive with NSW form styling.",
  "dependencies": [
    "@base-ui/react",
    "clsx",
    "tailwind-merge"
  ],
  "registryDependencies": [
    "https://ui.digital.nsw.gov.au/registry/r/theme.json"
  ],
  "files": [
    {
      "path": "src/components/input.tsx",
      "content": "'use client'\n\nimport { Input as InputPrimitive } from '@base-ui/react/input'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nfunction Input({ className, type, ref, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <InputPrimitive\n      ref={ref}\n      type={type}\n      data-slot='input'\n      data-type={type}\n      className={cn(\n        // No `outline-none` here: it sets `--tw-outline-style: none` globally\n        // on the element, which then suppresses the focus outline below\n        // (which reads `outline-style: var(--tw-outline-style)`).\n        'h-12 w-full min-w-0 rounded-sm px-4 py-2 text-base motion-safe:transition-colors',\n        // Every colour routes through the --input-* semantic tokens (layer 3,\n        // theme.css / the registry theme item). Dark mode and brand themes\n        // restyle the input by remapping tokens — no dark: variants here.\n        'border border-(--input-border) bg-(--input-surface) text-(--input-foreground)',\n        // Hover\n        'hover:bg-(--input-surface-hover)',\n        // Focus — `focus-visible:` per the design-system policy (matches\n        // Button/Link). For text fields this is behaviour-preserving:\n        // browsers flag keyboard-editable controls as :focus-visible even\n        // when focused by pointer, so the ring still shows on click.\n        'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--input-ring)',\n        // File input slot\n        'file:inline-flex file:h-8 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-(--input-foreground)',\n        // Placeholder styles\n        'placeholder:text-(--input-placeholder)',\n        // Disabled\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        // Invalid — 2px danger border, danger hover surface (Figma error variants)\n        'aria-invalid:border-2 aria-invalid:border-(--input-invalid-border) aria-invalid:hover:bg-(--input-invalid-surface-hover) aria-invalid:focus-visible:outline-(--input-invalid-ring)',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n\nexport type InputProps = React.ComponentProps<typeof Input>\n",
      "type": "registry:ui",
      "target": "components/input.tsx"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
      "type": "registry:lib",
      "target": "lib/utils.ts"
    }
  ],
  "type": "registry:ui",
  "meta": {
    "nswdsVersion": "5.1.0"
  }
}