@catalystsoftware/ui 1.0.2 → 1.0.5

package/dist/data/prompt-data.tsx

@@ -0,0 +1,1226 @@
+export const aiPromptBlocks = [
+    {
+        name: "ai-chat-ui-design",
+        value: "ai-chat-ui-design",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["blocks", "ai", "chat", "ui"],
+        dependencies: ["react"],
+        desc: "AI chat interface design.",
+        files: {
+            "ai-chat-ui-design": "/components/catalyst-ui/blocks/ai-chat-ui-design/ai-chat-ui-design.tsx",
+        }
+    },
+    {
+        name: "AIArtGallery",
+        value: "AIArtGallery",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["blocks", "ai", "art", "gallery"],
+        dependencies: ["react"],
+        desc: "AI-generated art gallery showcase.",
+        files: {
+            "AIArtGallery": "/components/catalyst-ui/blocks/AIArtGallery/AIArtGallery.tsx",
+        }
+    },
+    {
+        name: "modern-chatbot",
+        value: "modern-chatbot",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "ai-assistant-ui": "/components/catalyst-ui/blocks/modern-chatbot/ai-assistant-ui.tsx",
+            "ChatPane": "/components/catalyst-ui/blocks/modern-chatbot/ChatPane.tsx",
+            "Composer": "/components/catalyst-ui/blocks/modern-chatbot/Composer.tsx",
+            "ComposerActionsPopover": "/components/catalyst-ui/blocks/modern-chatbot/ComposerActionsPopover.tsx",
+            "ConversationRow": "/components/catalyst-ui/blocks/modern-chatbot/ConversationRow.tsx",
+            "CreateFolderModal": "/components/catalyst-ui/blocks/modern-chatbot/CreateFolderModal.tsx",
+            "CreateTemplateModal": "/components/catalyst-ui/blocks/modern-chatbot/CreateTemplateModal.tsx",
+            "FolderRow": "/components/catalyst-ui/blocks/modern-chatbot/FolderRow.tsx",
+            "Footer": "/components/catalyst-ui/blocks/modern-chatbot/Footer.tsx",
+            "GhostIconButton": "/components/catalyst-ui/blocks/modern-chatbot/GhostIconButton.tsx",
+            "Header": "/components/catalyst-ui/blocks/modern-chatbot/Header.tsx",
+            "Message": "/components/catalyst-ui/blocks/modern-chatbot/Message.tsx",
+            "mockData": "/components/catalyst-ui/blocks/modern-chatbot/mockData.tsx",
+            "SearchModal": "/components/catalyst-ui/blocks/modern-chatbot/SearchModal.tsx",
+            "SettingsPopover": "/components/catalyst-ui/blocks/modern-chatbot/SettingsPopover.tsx",
+            "Sidebar": "/components/catalyst-ui/blocks/modern-chatbot/Sidebar.tsx",
+            "SidebarSection": "/components/catalyst-ui/blocks/modern-chatbot/SidebarSection.tsx",
+            "TemplateRow": "/components/catalyst-ui/blocks/modern-chatbot/TemplateRow.tsx",
+            "ThemeProvider": "/components/catalyst-ui/blocks/modern-chatbot/ThemeProvider.tsx",
+            "ThemeToggle": "/components/catalyst-ui/blocks/modern-chatbot/ThemeToggle.tsx",
+            "ThinkingMessage": "/components/catalyst-ui/blocks/modern-chatbot/ThinkingMessage.tsx",
+            "utils": "/components/catalyst-ui/blocks/modern-chatbot/utils.tsx",
+        }
+    },
+    {
+        name: "ai-chat v1",
+        value: "ai-chat v1",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "ai-chav1": "/components/catalyst-ui/blocks/ai-chat-1/ai-chat-1.tsx",
+        }
+    },
+    {
+        name: "ai-chat v2",
+        value: "ai-chat v2",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "ai-chat v2": "/components/catalyst-ui/blocks/ai-chat-2/ai-chat-2.tsx",
+        }
+    },
+    {
+        name: "ai-chat",
+        value: "ai-chat",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "ai-chat": "/components/catalyst-ui/blocks/ai-chat/ai-chat.tsx",
+        }
+    },
+    {
+        name: "conversation-actions",
+        value: "conversation-actions",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "conversation-actions": "/components/catalyst-ui/prompt/conversation-actions.tsx",
+        }
+    },
+    {
+        name: "conversation-avatars",
+        value: "conversation-avatars",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "conversation-avatars": "/components/catalyst-ui/prompt/conversation-avatars.tsx",
+        }
+    },
+    {
+        name: "conversation-prompt-input",
+        value: "conversation-prompt-input",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "conversation-prompt-input": "/components/catalyst-ui/prompt/conversation-prompt-input.tsx",
+        }
+    },
+    {
+        name: "conversation-scroll-bottom",
+        value: "conversation-scroll-bottom",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "conversation-scroll-bottom": "/components/catalyst-ui/prompt/conversation-scroll-bottom.tsx",
+        }
+    },
+    {
+        name: "full-chat-app",
+        value: "full-chat-app",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "full-chat-app": "/components/catalyst-ui/prompt/full-chat-app.tsx",
+        }
+    },
+    {
+        name: "full-conversation",
+        value: "full-conversation",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "full-conversation": "/components/catalyst-ui/prompt/full-conversation.tsx",
+        }
+    },
+    {
+        name: "prompt-autocomplete-highlight",
+        value: "prompt-autocomplete-highlight",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "prompt-autocomplete-highlight": "/components/catalyst-ui/prompt/prompt-autocomplete-highlight.tsx",
+        }
+    },
+    {
+        name: "prompt-input-actions",
+        value: "prompt-input-actions",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "prompt-input-actions": "/components/catalyst-ui/prompt/prompt-input-actions.tsx",
+        }
+    },
+    {
+        name: "prompt-input-suggestions",
+        value: "prompt-input-suggestions",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "prompt-input-suggestions": "/components/catalyst-ui/prompt/prompt-input-suggestions.tsx",
+        }
+    },
+    {
+        name: "sidebar-chat-history",
+        value: "sidebar-chat-history",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Prompt: Blocks',
+        tags: ["ai", "chat"],
+        desc: null,
+        files: {
+            "sidebar-chat-history": "/components/catalyst-ui/prompt/sidebar-chat-history.tsx",
+        }
+    },
+];
+export const aiPrompt = [
+    {
+        name: "AI Input Search",
+        value: "ai-input-search",
+        importPath: "~/components/catalyst-ui/prompt/ai-input-search",
+        multiImport: null,
+        basicusage: `
+<AIInputSearch 
+  onSubmit={(value, searchEnabled) => console.log(value, searchEnabled)}
+/>
+
+<AIInputSearch 
+  placeholder="Search the web..."
+  onSubmit={(value, searchEnabled) => console.log(value, searchEnabled)}
+  onSearchToggle={(enabled) => console.log(enabled)}
+  onFileAttach={(file) => console.log(file)}
+  maxHeight={200}
+  minHeight={52}
+  searchEnabled={true}
+  showSearchToggle={true}
+  showFileAttach={true}
+  variant="default"
+  className=""
+  disabled={false}
+/>`,
+        path: "/components/catalyst-ui/prompt/ai-input-search.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/ai-input-search.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ui", "components", "interactive", "ai", "search", "input"],
+        features: ["Responsive", "TypeScript", "Accessible", "Auto-resize", "File Upload", "Search Toggle"],
+        dependencies: ["lucide-react", "react"],
+        props: {
+            "AIInputSearch": [
+                { name: "placeholder", type: "string", default: "Search the web..." },
+                { name: "onSubmit", type: "(value: string, searchEnabled: boolean) => void", default: "null" },
+                { name: "onSearchToggle", type: "(enabled: boolean) => void", default: "null" },
+                { name: "onFileAttach", type: "(file: File) => void", default: "null" },
+                { name: "maxHeight", type: "number", default: "200" },
+                { name: "minHeight", type: "number", default: "52" },
+                { name: "searchEnabled", type: "boolean", default: "true" },
+                { name: "showSearchToggle", type: "boolean", default: "true" },
+                { name: "showFileAttach", type: "boolean", default: "true" },
+                { name: "variant", type: "default | elevated | minimal", default: "default" },
+                { name: "className", type: "string", default: "null" },
+                { name: "disabled", type: "boolean", default: "false" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "AI Loading State",
+        value: "ai-loading-state",
+        importPath: "~/components/catalyst-ui/prompt/ai-loading-state",
+        multiImport: "AILoadingState, AITextLoading",
+        basicusage: `
+<AILoadingState />
+
+<AILoadingState 
+  taskSequences={[
+    {
+      status: "Processing",
+      lines: ["Step 1...", "Step 2..."]
+    }
+  ]}
+  size="md"
+  className=""
+/>
+
+<AITextLoading />
+
+<AITextLoading 
+  texts={["Thinking...", "Processing..."]}
+  interval={1500}
+  variant="default"
+  size="md"
+  className=""
+/>`,
+        path: "/components/catalyst-ui/prompt/ai-loading-state.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/ai-loading-state.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ui", "components", "interactive", "ai", "loading", "animation"],
+        features: ["Responsive", "TypeScript", "Accessible", "Animated", "Customizable"],
+        dependencies: ["react"],
+        props: {
+            "AILoadingState": [
+                { name: "taskSequences", type: "TaskSequence[]", default: "DEFAULT_TASK_SEQUENCES" },
+                { name: "size", type: "sm | md | lg", default: "md" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "AITextLoading": [
+                { name: "texts", type: "string[]", default: "['Thinking...', 'Processing...', ...]" },
+                { name: "interval", type: "number", default: "1500" },
+                { name: "variant", type: "default | primary | accent", default: "default" },
+                { name: "size", type: "sm | md | lg", default: "md" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "AI Prompt Input",
+        value: "ai-prompt-input",
+        importPath: "~/components/catalyst-ui/prompt/ai-prompt-input",
+        multiImport: null,
+        basicusage: `
+<AIPromptInput 
+  models={[
+    { name: "GPT-4-1 Mini", icon: <Bot /> },
+    { name: "Claude 3.5 Sonnet", icon: <Sparkles /> },
+  ]}
+  onSubmit={(value, model) => console.log(value, model)}
+/>
+
+<AIPromptInput 
+  placeholder="What can I do for you?"
+  models={[
+    { name: "GPT-4-1 Mini", icon: <Bot /> },
+  ]}
+  defaultModel="GPT-4-1 Mini"
+  onSubmit={(value, model) => console.log(value, model)}
+  onModelChange={(model) => console.log(model)}
+  onFileAttach={(file) => console.log(file)}
+  maxHeight={400}
+  minHeight={72}
+  showHeader={true}
+  headerTitle="AI Assistant"
+  headerSubtitle="Ready to help!"
+  headerIcon={<Sparkles />}
+  variant="default"
+  className=""
+  disabled={false}
+/>`,
+        path: "/components/catalyst-ui/prompt/ai-prompt-input.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/ai-prompt-input.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ui", "components", "interactive", "ai", "prompt", "input", "chat"],
+        features: ["Responsive", "TypeScript", "Accessible", "Auto-resize", "File Upload", "Model Selection"],
+        dependencies: ["lucide-react", "react"],
+        props: {
+            "AIPromptInput": [
+                { name: "placeholder", type: "string", default: "What can I do for you?" },
+                { name: "models", type: "AIModel[]", default: "[{ name: 'GPT-4-1 Mini' }]" },
+                { name: "defaultModel", type: "string", default: "null" },
+                { name: "onSubmit", type: "(value: string, model: string) => void", default: "null" },
+                { name: "onModelChange", type: "(model: string) => void", default: "null" },
+                { name: "onFileAttach", type: "(file: File) => void", default: "null" },
+                { name: "maxHeight", type: "number", default: "400" },
+                { name: "minHeight", type: "number", default: "72" },
+                { name: "showHeader", type: "boolean", default: "true" },
+                { name: "headerTitle", type: "string", default: "AI Assistant" },
+                { name: "headerSubtitle", type: "string", default: "Ready to help!" },
+                { name: "headerIcon", type: "React.ReactNode", default: "null" },
+                { name: "variant", type: "default | bordered | elevated", default: "default" },
+                { name: "className", type: "string", default: "null" },
+                { name: "disabled", type: "boolean", default: "false" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "AI Voice",
+        value: "ai-voice",
+        importPath: "~/components/catalyst-ui/prompt/ai-voice",
+        multiImport: null,
+        basicusage: `
+<AIVoice 
+  onStart={() => console.log("Started")}
+  onStop={() => console.log("Stopped")}
+/>
+
+<AIVoice 
+  onStart={() => console.log("Started")}
+  onStop={() => console.log("Stopped")}
+  onTimeUpdate={(seconds) => console.log(seconds)}
+  size="md"
+  className=""
+  disabled={false}
+  activeText="Listening..."
+  inactiveText="Click to speak"
+  activeIcon={null}
+  inactiveIcon={null}
+  showWaveform={true}
+  showTimer={true}
+  waveformBars={48}
+/>`,
+        path: "/components/catalyst-ui/prompt/ai-voice.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/ai-voice.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ui", "components", "interactive", "ai", "voice", "recording", "audio"],
+        features: ["Responsive", "TypeScript", "Accessible", "Animated", "Customizable"],
+        dependencies: ["lucide-react", "react"],
+        props: {
+            "AIVoice": [
+                { name: "onStart", type: "() => void", default: "null" },
+                { name: "onStop", type: "() => void", default: "null" },
+                { name: "onTimeUpdate", type: "(seconds: number) => void", default: "null" },
+                { name: "size", type: "sm | md | lg", default: "md" },
+                { name: "className", type: "string", default: "null" },
+                { name: "disabled", type: "boolean", default: "false" },
+                { name: "activeText", type: "string", default: "Listening..." },
+                { name: "inactiveText", type: "string", default: "Click to speak" },
+                { name: "activeIcon", type: "React.ReactNode", default: "null" },
+                { name: "inactiveIcon", type: "React.ReactNode", default: "null" },
+                { name: "showWaveform", type: "boolean", default: "true" },
+                { name: "showTimer", type: "boolean", default: "true" },
+                { name: "waveformBars", type: "number", default: "48" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "InputByok",
+        value: "input-byok",
+        importPath: "~/components/catalyst-ui/prompt/input-byok",
+        multiImport: "InputByok, getOpenAIApiKey",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/input-byok.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/input-byok.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "api-key", "input", "security", "authentication"],
+        features: ["Responsive", "TypeScript", "Accessible", "API Key Management", "Secure Storage", "Key Masking"],
+        dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/hooks/use-api-key"],
+        props: {
+            "InputByok": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "getOpenAIApiKey": [
+                { name: "void", type: "void", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Chain Of Thought",
+        value: "chain-of-thought",
+        importPath: "~/components/catalyst-ui/prompt/chain-of-thought",
+        multiImport: "ChainOfThought, ChainOfThoughtStep, ChainOfThoughtTrigger, ChainOfThoughtContent, ChainOfThoughtItem",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/chain-of-thought.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/chain-of-thought.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "interactive", "collapsible", "thought-process"],
+        features: ["Responsive", "TypeScript", "Accessible", "Collapsible Sections", "Animated Transitions"],
+        dependencies: ["lucide-react", "react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "ChainOfThought": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "ChainOfThoughtStep": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "isLast", type: "boolean", default: "false" },
+            ],
+            "ChainOfThoughtTrigger": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "leftIcon", type: "React.ReactNode", default: "null" },
+                { name: "swapIconOnHover", type: "boolean", default: "true" },
+            ],
+            "ChainOfThoughtContent": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "ChainOfThoughtItem": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Chat Container",
+        value: "chat-container",
+        importPath: "~/components/catalyst-ui/prompt/chat-container",
+        multiImport: "ChatContainerRoot, ChatContainerContent, ChatContainerScrollAnchor",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/chat-container.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/chat-container.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["chat", "container", "scroll", "sticky", "ui", "layout"],
+        features: ["Responsive", "TypeScript", "Accessible", "Auto-scroll", "Sticky Bottom"],
+        dependencies: ["lucide-react", "react", "~/components/catalyst-ui/utils", "use-stick-to-bottom"],
+        props: {
+            "ChatContainerRoot": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "ChatContainerContent": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "ChatContainerScrollAnchor": [
+                { name: "className", type: "string", default: "null" },
+                { name: "ref", type: "React.RefObject<HTMLDivElement>", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Code Block",
+        value: "code-block",
+        importPath: "~/components/catalyst-ui/prompt/code-block",
+        multiImport: "CodeBlock, CodeBlockCode, CodeBlockGroup",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/code-block.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/code-block.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "code", "syntax-highlighting", "shiki"],
+        features: ["Responsive", "TypeScript", "Accessible", "Syntax Highlighting", "Multiple Themes", "SSR Support"],
+        dependencies: ["shiki", "react", "~/components/catalyst-ui/utils"],
+        props: {
+            "CodeBlock": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "CodeBlockCode": [
+                { name: "code", type: "string", default: "null" },
+                { name: "language", type: "string", default: "\"tsx\"" },
+                { name: "theme", type: "string", default: "\"github-light\"" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "CodeBlockGroup": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "File Upload",
+        value: "file-upload",
+        importPath: "~/components/catalyst-ui/prompt/file-upload",
+        multiImport: "FileUpload, FileUploadTrigger, FileUploadContent",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/file-upload.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/file-upload.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "file-upload", "drag-drop", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible", "Drag & Drop", "Portal Overlay", "Animated Transitions"],
+        dependencies: ["react", "react-dom", "~/components/catalyst-ui/utils"],
+        props: {
+            "FileUpload": [
+                { name: "onFilesAdded", type: "(files: File[]) => void", default: "null" },
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "multiple", type: "boolean", default: "true" },
+                { name: "accept", type: "string", default: "null" },
+                { name: "disabled", type: "boolean", default: "false" },
+            ],
+            "FileUploadTrigger": [
+                { name: "asChild", type: "boolean", default: "false" },
+                { name: "className", type: "string", default: "null" },
+                { name: "children", type: "React.ReactNode", default: "null" },
+            ],
+            "FileUploadContent": [
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Image",
+        value: "image",
+        importPath: "~/components/catalyst-ui/prompt/image",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/image.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/image.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "image", "generated-content", "media"],
+        features: ["Responsive", "TypeScript", "Accessible", "Base64 Support", "Uint8Array Support", "Loading States"],
+        dependencies: ["react", "~/components/catalyst-ui/utils"],
+        props: {
+            "Image": [
+                { name: "base64", type: "string", default: "null" },
+                { name: "uint8Array", type: "Uint8Array", default: "null" },
+                { name: "mediaType", type: "string", default: "\"image/png\"" },
+                { name: "className", type: "string", default: "null" },
+                { name: "alt", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "JSX Preview",
+        value: "jsx-preview",
+        importPath: "~/components/catalyst-ui/prompt/jsx-preview",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/jsx-preview.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/jsx-preview.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "jsx", "preview", "streaming", "code-rendering"],
+        features: ["Responsive", "TypeScript", "JSX Parsing", "Streaming Support", "Auto-completion", "Dynamic Rendering"],
+        dependencies: ["react", "react-jsx-parser", "~/components/catalyst-ui/utils"],
+        props: {
+            "JSXPreview": [
+                { name: "jsx", type: "string", default: "null" },
+                { name: "isStreaming", type: "boolean", default: "false" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Loader",
+        value: "loader",
+        importPath: "~/components/catalyst-ui/prompt/loader",
+        multiImport: "Loader, CircularLoader, ClassicLoader, PulseLoader, PulseDotLoader, DotsLoader, TypingLoader, WaveLoader, BarsLoader, TerminalLoader, TextBlinkLoader, TextShimmerLoader, TextDotsLoader",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/loader.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/loader.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "loading", "spinner", "animation", "indicators"],
+        features: ["Responsive", "TypeScript", "Accessible", "Multiple Variants", "Size Options", "Customizable Text", "Animated"],
+        dependencies: ["react", "~/components/catalyst-ui/utils"],
+        props: {
+            "Loader": [
+                { name: "variant", type: "\"circular\" | \"classic\" | \"pulse\" | \"pulse-dot\" | \"dots\" | \"typing\" | \"wave\" | \"bars\" | \"terminal\" | \"text-blink\" | \"text-shimmer\" | \"loading-dots\"", default: "\"circular\"" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+                { name: "text", type: "string", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "CircularLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "ClassicLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "PulseLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "PulseDotLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "DotsLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "TypingLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "WaveLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "BarsLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "TerminalLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "TextBlinkLoader": [
+                { name: "text", type: "string", default: "\"Thinking\"" },
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "TextShimmerLoader": [
+                { name: "text", type: "string", default: "\"Thinking\"" },
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+            "TextDotsLoader": [
+                { name: "className", type: "string", default: "null" },
+                { name: "text", type: "string", default: "\"Thinking\"" },
+                { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Markdown",
+        value: "markdown",
+        importPath: "~/components/catalyst-ui/prompt/markdown",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/markdown.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/markdown.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "markdown", "rendering", "syntax-highlighting", "code-blocks"],
+        features: ["Responsive", "TypeScript", "Accessible", "Markdown Parsing", "Syntax Highlighting", "GFM Support", "Performance Optimized"],
+        dependencies: ["react", "react-markdown", "marked", "remark-gfm", "remark-breaks", "~/components/catalyst-ui/utils", "~/components/catalyst-ui/prompt/code-block"],
+        props: {
+            "Markdown": [
+                { name: "children", type: "string", default: "null" },
+                { name: "id", type: "string", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "components", type: "Partial<Components>", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Message",
+        value: "message",
+        importPath: "~/components/catalyst-ui/prompt/message",
+        multiImport: "Message, MessageAvatar, MessageContent, MessageActions, MessageAction",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/message.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/message.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "chat", "messaging", "avatar", "markdown", "tooltips"],
+        features: ["Responsive", "TypeScript", "Accessible", "Markdown Support", "Avatar Integration", "Tooltip Actions", "Flexible Layout"],
+        dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils", "~/components/catalyst-ui/prompt/markdown"],
+        props: {
+            "Message": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "MessageAvatar": [
+                { name: "src", type: "string", default: "null" },
+                { name: "alt", type: "string", default: "null" },
+                { name: "fallback", type: "string", default: "null" },
+                { name: "delayMs", type: "number", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "MessageContent": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "markdown", type: "boolean", default: "false" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "MessageActions": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "MessageAction": [
+                { name: "className", type: "string", default: "null" },
+                { name: "tooltip", type: "React.ReactNode", default: "null" },
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "side", type: "\"top\" | \"bottom\" | \"left\" | \"right\"", default: "\"top\"" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "PromptInput",
+        value: "prompt-input",
+        importPath: "~/components/catalyst-ui/prompt/prompt-input",
+        multiImport: "PromptInput, PromptInputTextarea, PromptInputActions, PromptInputAction",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/prompt-input.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/prompt-input.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "input", "textarea", "prompt", "chat", "form"],
+        features: ["Responsive", "TypeScript", "Accessible", "Auto-resize", "Context API", "Tooltip Actions", "Enter to Submit"],
+        dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "PromptInput": [
+                { name: "isLoading", type: "boolean", default: "false" },
+                { name: "value", type: "string", default: "null" },
+                { name: "onValueChange", type: "(value: string) => void", default: "null" },
+                { name: "maxHeight", type: "number | string", default: "240" },
+                { name: "onSubmit", type: "() => void", default: "null" },
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "PromptInputTextarea": [
+                { name: "disableAutosize", type: "boolean", default: "false" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "PromptInputActions": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "PromptInputAction": [
+                { name: "className", type: "string", default: "null" },
+                { name: "tooltip", type: "React.ReactNode", default: "null" },
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "side", type: "\"top\" | \"bottom\" | \"left\" | \"right\"", default: "\"top\"" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "PromptSuggestion",
+        value: "prompt-suggestion",
+        importPath: "~/components/catalyst-ui/prompt/prompt-suggestion",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/prompt-suggestion.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/prompt-suggestion.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "suggestion", "button", "highlight", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible", "Text Highlighting", "Multiple Variants", "Flexible Sizing"],
+        dependencies: ["react", "class-variance-authority", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "PromptSuggestion": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "variant", type: "VariantProps<typeof buttonVariants>[\"variant\"]", default: "null" },
+                { name: "size", type: "VariantProps<typeof buttonVariants>[\"size\"]", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "highlight", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Reasoning",
+        value: "reasoning",
+        importPath: "~/components/catalyst-ui/prompt/reasoning",
+        multiImport: "Reasoning, ReasoningTrigger, ReasoningContent",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/reasoning.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/reasoning.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "collapsible", "reasoning", "thought-process", "streaming"],
+        features: ["Responsive", "TypeScript", "Accessible", "Collapsible Sections", "Auto-expand on Stream", "Markdown Support", "Animated Transitions"],
+        dependencies: ["react", "lucide-react", "~/components/catalyst-ui/utils", "~/components/catalyst-ui/prompt/markdown"],
+        props: {
+            "Reasoning": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "open", type: "boolean", default: "null" },
+                { name: "onOpenChange", type: "(open: boolean) => void", default: "null" },
+                { name: "isStreaming", type: "boolean", default: "null" },
+            ],
+            "ReasoningTrigger": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "ReasoningContent": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "markdown", type: "boolean", default: "false" },
+                { name: "contentClassName", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "ResponseStream",
+        value: "response-stream",
+        importPath: "~/components/catalyst-ui/prompt/response-stream",
+        multiImport: "ResponseStream, useTextStream",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/response-stream.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/response-stream.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "streaming", "typewriter", "animation", "text-rendering"],
+        features: ["Responsive", "TypeScript", "Accessible", "Typewriter Effect", "Fade Animation", "Async Stream Support", "Performance Optimized"],
+        dependencies: ["react", "~/components/catalyst-ui/utils"],
+        props: {
+            "ResponseStream": [
+                { name: "textStream", type: "string | AsyncIterable<string>", default: "null" },
+                { name: "mode", type: "\"typewriter\" | \"fade\"", default: "\"typewriter\"" },
+                { name: "speed", type: "number", default: "20" },
+                { name: "className", type: "string", default: "\"\"" },
+                { name: "onComplete", type: "() => void", default: "null" },
+                { name: "as", type: "keyof React.JSX.IntrinsicElements", default: "\"div\"" },
+                { name: "fadeDuration", type: "number", default: "null" },
+                { name: "segmentDelay", type: "number", default: "null" },
+                { name: "characterChunkSize", type: "number", default: "null" },
+            ],
+            "useTextStream": [
+                { name: "textStream", type: "string | AsyncIterable<string>", default: "null" },
+                { name: "speed", type: "number", default: "20" },
+                { name: "mode", type: "\"typewriter\" | \"fade\"", default: "\"typewriter\"" },
+                { name: "onComplete", type: "() => void", default: "null" },
+                { name: "fadeDuration", type: "number", default: "null" },
+                { name: "segmentDelay", type: "number", default: "null" },
+                { name: "characterChunkSize", type: "number", default: "null" },
+                { name: "onError", type: "(error: unknown) => void", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "ScrollButton",
+        value: "scroll-button",
+        importPath: "~/components/catalyst-ui/prompt/scroll-button",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/scroll-button.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/scroll-button.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "scroll", "button", "navigation", "auto-scroll"],
+        features: ["Responsive", "TypeScript", "Accessible", "Auto-hide", "Smooth Transitions", "Bottom Detection"],
+        dependencies: ["react", "lucide-react", "class-variance-authority", "use-stick-to-bottom", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "ScrollButton": [
+                { name: "className", type: "string", default: "null" },
+                { name: "variant", type: "VariantProps<typeof buttonVariants>[\"variant\"]", default: "\"outline\"" },
+                { name: "size", type: "VariantProps<typeof buttonVariants>[\"size\"]", default: "\"sm\"" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Source",
+        value: "source",
+        importPath: "~/components/catalyst-ui/prompt/source",
+        multiImport: "Source, SourceTrigger, SourceContent",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/source.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/source.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "source", "citation", "hover-card", "links"],
+        features: ["Responsive", "TypeScript", "Accessible", "Favicon Integration", "Hover Preview", "External Links"],
+        dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "Source": [
+                { name: "href", type: "string", default: "null" },
+                { name: "children", type: "React.ReactNode", default: "null" },
+            ],
+            "SourceTrigger": [
+                { name: "label", type: "string | number", default: "null" },
+                { name: "showFavicon", type: "boolean", default: "false" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "SourceContent": [
+                { name: "title", type: "string", default: "null" },
+                { name: "description", type: "string", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Steps",
+        value: "steps",
+        importPath: "~/components/catalyst-ui/prompt/steps",
+        multiImport: "Steps, StepsItem, StepsTrigger, StepsContent, StepsBar",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/steps.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/steps.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "steps", "collapsible", "process", "workflow"],
+        features: ["Responsive", "TypeScript", "Accessible", "Collapsible Sections", "Animated Transitions", "Custom Icons"],
+        dependencies: ["react", "lucide-react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "Steps": [
+                { name: "defaultOpen", type: "boolean", default: "true" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "StepsItem": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+            "StepsTrigger": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "leftIcon", type: "React.ReactNode", default: "null" },
+                { name: "swapIconOnHover", type: "boolean", default: "true" },
+            ],
+            "StepsContent": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "className", type: "string", default: "null" },
+                { name: "bar", type: "React.ReactNode", default: "null" },
+            ],
+            "StepsBar": [
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "SystemMessage",
+        value: "system-message",
+        importPath: "~/components/catalyst-ui/prompt/system-message",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/system-message.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/system-message.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "alert", "message", "notification", "status"],
+        features: ["Responsive", "TypeScript", "Accessible", "Multiple Variants", "Call-to-Action", "Custom Icons"],
+        dependencies: ["react", "lucide-react", "class-variance-authority", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "SystemMessage": [
+                { name: "children", type: "React.ReactNode", default: "null" },
+                { name: "variant", type: "\"action\" | \"error\" | \"warning\"", default: "\"action\"" },
+                { name: "fill", type: "boolean", default: "false" },
+                { name: "icon", type: "React.ReactNode", default: "null" },
+                { name: "isIconHidden", type: "boolean", default: "false" },
+                { name: "cta", type: "{ label: string; onClick?: () => void; variant?: \"solid\" | \"outline\" | \"ghost\" }", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Tool",
+        value: "tool",
+        importPath: "~/components/catalyst-ui/prompt/tool",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/tool.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/tool.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "tool", "function-calling", "collapsible", "status"],
+        features: ["Responsive", "TypeScript", "Accessible", "Multiple States", "Collapsible Content", "JSON Display", "Error Handling"],
+        dependencies: ["react", "lucide-react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
+        props: {
+            "Tool": [
+                { name: "toolPart", type: "ToolPart", default: "null" },
+                { name: "defaultOpen", type: "boolean", default: "false" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "chatbot",
+        value: "conversation-prompt-input",
+        importPath: "~/components/catalyst-ui/prompt/chatbot",
+        multiImport: "ConversationPromptInput, MessageComponent, LoadingMessage, ErrorMessage",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/chatbot.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/chatbot.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "chat", "conversation", "messaging", "input"],
+        features: ["Responsive", "TypeScript", "Accessible", "Real-time Chat", "Message Actions", "Error Handling", "Loading States"],
+        dependencies: ["react", "lucide-react", "@ai-sdk/react", "ai", "~/components/catalyst-ui/prompt/chat-container", "~/components/catalyst-ui/prompt/loader", "~/components/catalyst-ui/prompt/message", "~/components/catalyst-ui/prompt/prompt-input", "~/components/catalyst-ui/components/button/button", "~/components/catalyst-ui/utils"],
+        props: {
+            "ConversationPromptInput": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "MessageComponent": [
+                { name: "message", type: "UIMessage", default: "null" },
+                { name: "isLastMessage", type: "boolean", default: "null" },
+            ],
+            "LoadingMessage": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "ErrorMessage": [
+                { name: "error", type: "Error", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "ToolCallingChatbot",
+        value: "tool-calling-chatbot",
+        importPath: "~/components/catalyst-ui/prompt/tool-calling-chatbot",
+        multiImport: "ToolCallingChatbot, MessageComponent, LoadingMessage, ErrorMessage",
+        basicusage: null,
+        path: "/components/catalyst-ui/prompt/tool-calling-chatbot.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/prompt/tool-calling-chatbot.tsx",
+        usage: null,
+        premium: true,
+        category: "Prompt",
+        tags: ["ai", "components", "chat", "tool-calling", "function-calling", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible", "Tool Integration", "Real-time Chat", "Message Actions", "Error Handling"],
+        dependencies: ["react", "lucide-react", "@ai-sdk/react", "ai", "~/components/catalyst-ui/prompt/chat-container", "~/components/catalyst-ui/prompt/loader", "~/components/catalyst-ui/prompt/message", "~/components/catalyst-ui/prompt/prompt-input", "~/components/catalyst-ui/prompt/tool", "~/components/catalyst-ui/components/button/button", "~/components/catalyst-ui/utils"],
+        props: {
+            "ToolCallingChatbot": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "MessageComponent": [
+                { name: "message", type: "UIMessage", default: "null" },
+                { name: "isLastMessage", type: "boolean", default: "null" },
+            ],
+            "LoadingMessage": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "ErrorMessage": [
+                { name: "error", type: "Error", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+];