{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-input-group-17",
  "description": "Input group with textarea",
  "registryDependencies": [
    "@coss/button",
    "@coss/input-group",
    "@coss/menu",
    "@coss/tooltip"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-input-group-17.tsx",
      "content": "\"use client\";\n\nimport { ArrowUpIcon, PlusIcon } from \"lucide-react\";\nimport { Button } from \"@/registry/default/ui/button\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupText,\n  InputGroupTextarea,\n} from \"@/registry/default/ui/input-group\";\nimport {\n  Menu,\n  MenuItem,\n  MenuPopup,\n  MenuTrigger,\n} from \"@/registry/default/ui/menu\";\nimport {\n  Tooltip,\n  TooltipPopup,\n  TooltipTrigger,\n} from \"@/registry/default/ui/tooltip\";\n\nexport default function Particle() {\n  return (\n    <InputGroup>\n      <InputGroupTextarea placeholder=\"Ask, Search or Chat…\" />\n      <InputGroupAddon align=\"block-end\">\n        <Menu>\n          <Tooltip>\n            <TooltipTrigger\n              render={\n                <MenuTrigger\n                  render={\n                    <Button\n                      aria-label=\"Add files\"\n                      className=\"rounded-full\"\n                      size=\"icon-sm\"\n                      variant=\"ghost\"\n                    />\n                  }\n                >\n                  <PlusIcon />\n                </MenuTrigger>\n              }\n            />\n            <TooltipPopup>Add files and more</TooltipPopup>\n          </Tooltip>\n          <MenuPopup align=\"start\">\n            <MenuItem>Add photos &amp; files</MenuItem>\n            <MenuItem>Create image</MenuItem>\n            <MenuItem>Thinking</MenuItem>\n            <MenuItem>Deep research</MenuItem>\n          </MenuPopup>\n        </Menu>\n        <InputGroupText className=\"ml-auto\">78% used</InputGroupText>\n        <Tooltip>\n          <TooltipTrigger\n            render={\n              <Button\n                aria-label=\"Send\"\n                className=\"rounded-full\"\n                size=\"icon-sm\"\n                variant=\"default\"\n              >\n                <ArrowUpIcon />\n              </Button>\n            }\n          />\n          <TooltipPopup>Send</TooltipPopup>\n        </Tooltip>\n      </InputGroupAddon>\n    </InputGroup>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "meta": {
    "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80"
  },
  "categories": [
    "input group",
    "textarea"
  ],
  "type": "registry:block"
}