{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"input","title":"Input","description":"A single-line text field. Three heights that line up with Button.","dependencies":["cn","@base-ui/react","class-variance-authority"],"files":[{"path":"components/ui/input.tsx","content":"import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"cn\"\n\nconst inputVariants = cva(\n  \"w-full min-w-0 rounded-lg bg-field py-1 text-xs outline-1 -outline-offset-1 outline-field-border transition-[color,box-shadow,outline-color] duration-200 outline-solid file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:text-destructive-foreground aria-invalid:ring-2 aria-invalid:ring-destructive/20 aria-invalid:outline-destructive dark:aria-invalid:ring-destructive/40 dark:aria-invalid:outline-destructive/50\",\n  {\n    variants: {\n      size: {\n        default: \"h-8 px-2.5\",\n        lg: \"h-9 px-3\",\n        xl: \"h-10 px-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\ntype InputSize = NonNullable<VariantProps<typeof inputVariants>[\"size\"]>\n\nfunction Input({\n  className,\n  type,\n  size,\n  ...props\n}: Omit<React.ComponentProps<\"input\">, \"size\"> & {\n  size?: number | InputSize\n}) {\n  const variant = typeof size === \"string\" ? size : \"default\"\n  return (\n    <InputPrimitive\n      type={type}\n      size={typeof size === \"number\" ? size : undefined}\n      data-slot=\"input\"\n      data-size={variant}\n      className={cn(inputVariants({ size: variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","type":"registry:ui"}],"cssVars":{"theme":{"color-destructive-foreground":"var(--destructive-foreground)","color-field":"var(--field)","color-field-border":"var(--field-border)","text-xs--letter-spacing":"-0.005em","text-xs":"0.8125rem","text-xs--line-height":"calc(1.25 / 0.8125)"},"light":{"destructive-foreground":"oklch(0.505 0.213 27.518)","field":"oklch(0.556 0 0 / 2.5%)","field-border":"oklch(0.145 0 0 / 10%)"},"dark":{"destructive-foreground":"oklch(0.704 0.191 22.216)","field":"oklch(1 0 0 / 2.5%)","field-border":"oklch(1 0 0 / 15%)"}},"categories":["forms"],"type":"registry:ui"}