{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input",
  "title": "input",
  "dependencies": [
    "class-variance-authority@^0.7"
  ],
  "registryDependencies": [
    "@dwellir/dwellir-theme",
    "@dwellir/utils"
  ],
  "files": [
    {
      "path": "components/ui/input.tsx",
      "content": "import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\n/*\n * A field with the control corner (--radius-control, a pill here). Its solid\n * fill keeps sheet grain out of the field. Select triggers share the fill. iOS zooms in on a focused\n * field with text under 16px, so a touch screen gets text-lg (18px at a 16px root) at every\n * width, an iPad too. Only a mouse or trackpad gets text-sm, from md.\n * The Dwellir website shrinks its root font size on narrow screens, so its\n * fields render smaller there.\n */\nconst inputVariants = cva('ui-input text-lg md:pointer-fine:text-sm w-full', {\n  variants: {\n    /* start: room for an icon the caller places over the field's left end (a search field). */\n    icon: { none: '', start: 'pl-10' },\n  },\n  defaultVariants: { icon: 'none' },\n});\n\nfunction Input({\n  className,\n  type,\n  icon,\n  ...props\n}: ComponentProps<'input'> & VariantProps<typeof inputVariants>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(inputVariants({ icon }), 'input-file', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Input, inputVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}