{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-input",
  "title": "Glass Input",
  "author": "Alex Chih (https://alexchih.com)",
  "description": "Text input on a translucent glass surface with a ruri focus ring.",
  "registryDependencies": [
    "https://washiveil.alexchih.com/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/washiveil/ui/glass-input.tsx",
      "content": "import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst GlassInput = React.forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          'flex h-10 w-full rounded-xl border border-border bg-glass px-3.5 py-2.5 text-sm text-foreground backdrop-blur-md placeholder:text-muted-foreground transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\nGlassInput.displayName = 'GlassInput'\n\nexport { GlassInput }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}