{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-input","title":"Corded Input","description":"A Discord-inspired text input with label, supporting text, and error state.","dependencies":["@base-ui/react"],"registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-input.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Field } from \"@base-ui/react/field\"\nimport { Input as BaseInput } from \"@base-ui/react/input\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport type CordedInputProps = React.ComponentProps<typeof BaseInput> & { label?: string; description?: string; error?: string }\n\nexport const CordedInput = React.forwardRef<HTMLElement, CordedInputProps>(({ label, description, error, className, ...props }, ref) => {\n  return <Field.Root invalid={Boolean(error)} className=\"mana-field mana-field-full-width\">{label ? <div className=\"mana-field-label-container\"><Field.Label className=\"mana-field-label mana-text-sm-semibold\">{label}{props.required ? <span className=\"mana-field-required\">*</span> : null}</Field.Label></div> : null}<div className=\"mana-field-control\"><div className=\"mana-input\" data-size=\"md\" data-error={error ? \"\" : undefined} data-disabled={props.disabled ? \"\" : undefined}><BaseInput ref={ref} className={cn(\"mana-input-native\", className)} {...props} /></div>{error || description ? <div className=\"mana-field-helper-row mana-text-xs-normal\">{error ? <Field.Error className=\"mana-field-error\">{error}</Field.Error> : <Field.Description className=\"mana-field-helper-text\">{description}</Field.Description>}</div> : null}</div></Field.Root>\n})\nCordedInput.displayName = \"CordedInput\"\n","type":"registry:ui","target":"components/ui/corded-input.tsx"}],"type":"registry:ui"}