{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input",
  "title": "Input",
  "description": "The bare text input Field and TextField build on.",
  "dependencies": [
    "@base-ui/react@^1.7.0"
  ],
  "registryDependencies": [
    "https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json",
    "https://guillermo-rebolledo.github.io/materialcn/r/utils.json"
  ],
  "files": [
    {
      "path": "src/components/ui/input.tsx",
      "content": "import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Material 3 outlined text field.\n *\n * 56dp tall with the extra-small radius. Focus is expressed by thickening the\n * outline — 1dp at rest, 3dp focused — rather than by adding a separate ring.\n * The extra weight is painted as an inset shadow so that growing the border\n * does not reflow the text inside.\n *\n * Filled fields (a tinted container with a bottom rule) are the other M3 style;\n * the outlined one is used here because it matches how shadcn composes Input\n * inside `Field` and `InputGroup`.\n */\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-14 w-full min-w-0 rounded-m3-xs border border-m3-outline bg-transparent px-4 text-m3-body-lg text-m3-on-surface outline-none \" +\n          \"transition-colors duration-(--m3-spring-effects-fast-duration) ease-(--m3-spring-effects-fast) \" +\n          \"placeholder:text-m3-on-surface-variant \" +\n          \"file:inline-flex file:h-8 file:border-0 file:bg-transparent file:text-m3-label-lg file:text-m3-on-surface \" +\n          \"hover:not-disabled:border-m3-on-surface \" +\n          \"focus-visible:border-m3-primary focus-visible:shadow-[inset_0_0_0_2px_var(--m3-primary)] \" +\n          \"disabled:cursor-not-allowed disabled:border-m3-on-surface/12 disabled:text-m3-on-surface/38 \" +\n          \"aria-invalid:border-m3-error aria-invalid:focus-visible:border-m3-error \" +\n          \"aria-invalid:focus-visible:shadow-[inset_0_0_0_2px_var(--m3-error)]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "forms"
  ],
  "type": "registry:ui"
}