{
  "name": "AddKnowledgeMenu",
  "package": "@magicblocksai/ui",
  "file": "packages/ui/src/components/AddKnowledgeMenu.tsx",
  "chapterTag": "17 AI Surfaces",
  "chapter": "17-app-ai.html",
  "sectionId": "add-knowledge-menu",
  "elName": "Add knowledge menu",
  "demoUrl": "https://brand.magicblocks.ai/components/17-app-ai#add-knowledge-menu",
  "hasLiveDemo": false,
  "description": "The \"Add knowledge\" dropdown — the four ways to bring knowledge into a\ncollection: write it yourself, import from a website, upload a spreadsheet,\nupload a file. Composes `Menu`; plain-language labels, kit icons.",
  "useClient": false,
  "interactivity": "display",
  "namedExports": [
    {
      "name": "AddKnowledgeMenu",
      "isPrincipal": true,
      "isType": false
    },
    {
      "name": "AddKnowledgeMenuProps",
      "isPrincipal": false,
      "isType": true
    },
    {
      "name": "AddKnowledgeChoice",
      "isPrincipal": false,
      "isType": false
    }
  ],
  "importStatement": "import { AddKnowledgeMenu } from \"@magicblocksai/ui\";",
  "props": [
    {
      "name": "onChoose",
      "optional": true,
      "type": "(choice: AddKnowledgeChoice) => void",
      "doc": "Fires with the chosen ingestion path."
    },
    {
      "name": "trigger",
      "optional": true,
      "type": "ReactNode",
      "doc": "Override the trigger. Defaults to an \"Add knowledge\" button."
    }
  ],
  "classesUsed": [],
  "examples": {
    "react": "<AddKnowledgeMenu onChoose={(c) => openImporter(c)} />",
    "html": "<div style=\"display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start;max-width:300px;margin:0 auto;\">\n  <button class=\"btn\">Add knowledge</button>\n  <div class=\"menu\" role=\"menu\" style=\"position:static;width:100%\">\n    <button class=\"menu-item\" role=\"menuitem\"><span class=\"menu-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20h4L19 9l-4-4L4 16z\"/><path d=\"M14 6l4 4\"/></svg></span><span class=\"menu-item-label\">Write it yourself</span></button>\n    <button class=\"menu-item\" role=\"menuitem\"><span class=\"menu-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M3 12h18M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18\"/></svg></span><span class=\"menu-item-label\">Import from a website</span></button>\n    <button class=\"menu-item\" role=\"menuitem\"><span class=\"menu-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"/><path d=\"M14 3v5h5M8 13h8M8 17h5\"/></svg></span><span class=\"menu-item-label\">Upload a spreadsheet</span></button>\n    <button class=\"menu-item\" role=\"menuitem\"><span class=\"menu-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"/><path d=\"M14 3v5h5\"/></svg></span><span class=\"menu-item-label\">Upload a file</span></button>\n  </div>\n</div>",
    "css": null
  }
}