{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-composer-input",
  "title": "Z Composer Input",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/organisms/z-composer/z-composer-input.tsx",
      "content": "\"use client\";\nimport React, { useId } from 'react';\nimport { cn } from \"../../../lib/ui-utils\";\ninterface ZComposerInputProps {\n    label: string;\n    className?: string;\n    rightSlot?: React.ReactNode;\n    showBottomBorder?: boolean;\n    children: React.ReactNode;\n}\nexport default function ZComposerInput({ label, className, rightSlot, showBottomBorder = false, children, }: ZComposerInputProps) {\n    const inputId = useId();\n    return (<div className={cn('flex items-stretch gap-2 p-1', showBottomBorder ? 'border-b border-neutral-subtle' : '', className)}>\n      <div className=\"flex items-center justify-between w-full\">\n        <label htmlFor={inputId} className=\"flex items-center gap-2 select-none\">\n          <div className=\"px-2  rounded-lg\">\n            <span className=\"text-copy text-neutral-subtle\">{label}</span>\n          </div>\n        </label>\n        <div className=\"flex items-stretch flex-1\">\n          {children}\n          {rightSlot && <div className=\"flex shrink-0 items-center gap-2\">{rightSlot}</div>}\n        </div>\n      </div>\n    </div>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/organisms/z-composer/z-composer-input.tsx"
    }
  ],
  "type": "registry:ui"
}