{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "adminlte-form-control",
  "title": "AdminLTE Form Controls",
  "description": "Form elements including input, textarea, select with AdminLTE styling, validation states, and form groups.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json"
  ],
  "files": [
    {
      "path": "registry/new-york/adminlte-form-control/ui/adminlte-form-control.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ntype ValidationState = \"success\" | \"warning\" | \"error\" | null\n\nconst validationBorderStyles: Record<string, string> = {\n  success: \"border-[#00a65a] focus:border-[#00a65a] focus:shadow-[inset_0_1px_1px_rgba(0,0,0,0.075),0_0_6px_#00c97a]\",\n  warning: \"border-[#f39c12] focus:border-[#f39c12] focus:shadow-[inset_0_1px_1px_rgba(0,0,0,0.075),0_0_6px_#f5b043]\",\n  error: \"border-[#dd4b39] focus:border-[#dd4b39] focus:shadow-[inset_0_1px_1px_rgba(0,0,0,0.075),0_0_6px_#e47365]\",\n}\n\nconst validationTextStyles: Record<string, string> = {\n  success: \"text-[#00a65a]\",\n  warning: \"text-[#f39c12]\",\n  error: \"text-[#dd4b39]\",\n}\n\n// Form Group\ninterface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  validation?: ValidationState\n  hasFeedback?: boolean\n  label?: string\n  htmlFor?: string\n  helpText?: string\n}\n\nconst FormGroup = React.forwardRef<HTMLDivElement, FormGroupProps>(\n  (\n    { className, validation, hasFeedback, label, htmlFor, helpText, children, ...props },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"mb-[15px]\",\n          validation && `has-${validation}`,\n          hasFeedback && \"relative\",\n          className\n        )}\n        {...props}\n      >\n        {label && (\n          <label\n            htmlFor={htmlFor}\n            className={cn(\n              \"inline-block max-w-full mb-[5px] font-bold text-[14px]\",\n              validation && validationTextStyles[validation]\n            )}\n          >\n            {label}\n          </label>\n        )}\n        {children}\n        {helpText && (\n          <p\n            className={cn(\n              \"block mt-[5px] mb-[10px] text-[12px] text-[#737373]\",\n              validation && validationTextStyles[validation]\n            )}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\nFormGroup.displayName = \"FormGroup\"\n\n// Input\ninterface AdminLTEInputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  validation?: ValidationState\n  inputSize?: \"sm\" | \"lg\"\n}\n\nconst AdminLTEInput = React.forwardRef<HTMLInputElement, AdminLTEInputProps>(\n  ({ className, validation, inputSize, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        className={cn(\n          \"block w-full h-[34px] px-[12px] py-[6px] text-[14px] leading-[1.42857] text-[#555] bg-white border border-solid border-[#d2d6de] rounded-[3px] shadow-[inset_0_1px_1px_rgba(0,0,0,0.075)] transition-[border-color,box-shadow] duration-150 ease-in-out\",\n          \"focus:border-[#3c8dbc] focus:outline-none focus:shadow-none\",\n          \"placeholder:text-[#999]\",\n          inputSize === \"sm\" && \"h-[30px] px-[10px] py-[5px] text-[12px] rounded-[3px]\",\n          inputSize === \"lg\" && \"h-[46px] px-[16px] py-[10px] text-[18px] rounded-[6px]\",\n          validation && validationBorderStyles[validation],\n          \"disabled:bg-[#eee] disabled:cursor-not-allowed\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nAdminLTEInput.displayName = \"AdminLTEInput\"\n\n// Textarea\ninterface AdminLTETextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  validation?: ValidationState\n}\n\nconst AdminLTETextarea = React.forwardRef<\n  HTMLTextAreaElement,\n  AdminLTETextareaProps\n>(({ className, validation, ...props }, ref) => {\n  return (\n    <textarea\n      ref={ref}\n      className={cn(\n        \"block w-full px-[12px] py-[6px] text-[14px] leading-[1.42857] text-[#555] bg-white border border-solid border-[#d2d6de] rounded-[3px] shadow-[inset_0_1px_1px_rgba(0,0,0,0.075)] transition-[border-color,box-shadow] duration-150 ease-in-out\",\n        \"focus:border-[#3c8dbc] focus:outline-none focus:shadow-none\",\n        \"placeholder:text-[#999]\",\n        validation && validationBorderStyles[validation],\n        \"disabled:bg-[#eee] disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nAdminLTETextarea.displayName = \"AdminLTETextarea\"\n\n// Select\ninterface AdminLTESelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  validation?: ValidationState\n  inputSize?: \"sm\" | \"lg\"\n}\n\nconst AdminLTESelect = React.forwardRef<HTMLSelectElement, AdminLTESelectProps>(\n  ({ className, validation, inputSize, children, ...props }, ref) => {\n    return (\n      <select\n        ref={ref}\n        className={cn(\n          \"block w-full h-[34px] px-[12px] py-[6px] text-[14px] leading-[1.42857] text-[#555] bg-white border border-solid border-[#d2d6de] rounded-[3px] shadow-[inset_0_1px_1px_rgba(0,0,0,0.075)] transition-[border-color,box-shadow] duration-150 ease-in-out\",\n          \"focus:border-[#3c8dbc] focus:outline-none focus:shadow-none\",\n          inputSize === \"sm\" && \"h-[30px] px-[10px] py-[5px] text-[12px]\",\n          inputSize === \"lg\" && \"h-[46px] px-[16px] py-[10px] text-[18px]\",\n          validation && validationBorderStyles[validation],\n          \"disabled:bg-[#eee] disabled:cursor-not-allowed\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </select>\n    )\n  }\n)\nAdminLTESelect.displayName = \"AdminLTESelect\"\n\nexport {\n  FormGroup,\n  AdminLTEInput,\n  AdminLTETextarea,\n  AdminLTESelect,\n}\nexport type {\n  FormGroupProps,\n  AdminLTEInputProps,\n  AdminLTETextareaProps,\n  AdminLTESelectProps,\n  ValidationState,\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}