@catalystsoftware/ui 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/dist/data/data.tsx +29 -29
  2. package/dist/data/tailwind.config.js +3821 -261
  3. package/dist/data.tsx +29 -29
  4. package/package.json +4 -3
  5. package/components/catalyst-ui/buttons/burger.tsx +0 -207
  6. package/components/catalyst-ui/core/data-display/timeline.tsx +0 -210
  7. package/components/catalyst-ui/core/feedback/alert.tsx +0 -491
  8. package/components/catalyst-ui/core/feedback/spinner-1.tsx +0 -65
  9. package/components/catalyst-ui/core/feedback/toast.tsx +0 -1857
  10. package/components/catalyst-ui/core/navigation/menu.tsx +0 -164
  11. package/components/catalyst-ui/forms/toggle-class.tsx +0 -176
  12. package/components/catalyst-ui/hooks/use-copy-to-clipboard.tsx +0 -419
  13. package/components/catalyst-ui/hooks/use-counter.tsx +0 -13
  14. package/components/catalyst-ui/hooks/use-event-listener.tsx +0 -23
  15. package/components/catalyst-ui/hooks/use-export-markdown.tsx +0 -47
  16. package/components/catalyst-ui/hooks/use-focus.tsx +0 -17
  17. package/components/catalyst-ui/hooks/use-interval.tsx +0 -23
  18. package/components/catalyst-ui/hooks/use-is-client.tsx +0 -16
  19. package/components/catalyst-ui/hooks/use-media-query.tsx +0 -19
  20. package/components/catalyst-ui/hooks/use-mobile.tsx +0 -19
  21. package/components/catalyst-ui/hooks/use-resize-observer.tsx +0 -81
  22. package/components/catalyst-ui/hooks/use-timeout.tsx +0 -21
  23. package/components/catalyst-ui/hooks/use-timer.tsx +0 -209
  24. package/components/catalyst-ui/hooks/use-toggle.tsx +0 -12
  25. package/components/catalyst-ui/media/image.tsx +0 -13
  26. package/components/catalyst-ui/overlays/dual-sidebar.tsx +0 -4142
  27. package/components/catalyst-ui/overlays/sidebar-original.tsx +0 -726
  28. package/components/catalyst-ui/primitives/accordion.tsx +0 -250
  29. package/components/catalyst-ui/primitives/alert-dialog.tsx +0 -126
  30. package/components/catalyst-ui/primitives/aspect-ratio.tsx +0 -9
  31. package/components/catalyst-ui/primitives/avatar.tsx +0 -296
  32. package/components/catalyst-ui/primitives/badge.tsx +0 -57
  33. package/components/catalyst-ui/primitives/breadcrumb.tsx +0 -101
  34. package/components/catalyst-ui/primitives/button.tsx +0 -265
  35. package/components/catalyst-ui/primitives/calendar-v4.tsx +0 -208
  36. package/components/catalyst-ui/primitives/calendar.tsx +0 -295
  37. package/components/catalyst-ui/primitives/card.tsx +0 -618
  38. package/components/catalyst-ui/primitives/carousel.tsx +0 -238
  39. package/components/catalyst-ui/primitives/chart.tsx +0 -347
  40. package/components/catalyst-ui/primitives/checkbox.tsx +0 -225
  41. package/components/catalyst-ui/primitives/collapsible.tsx +0 -212
  42. package/components/catalyst-ui/primitives/command.tsx +0 -393
  43. package/components/catalyst-ui/primitives/context-menu.tsx +0 -236
  44. package/components/catalyst-ui/primitives/dialog.tsx +0 -471
  45. package/components/catalyst-ui/primitives/drawer.tsx +0 -761
  46. package/components/catalyst-ui/primitives/dropdown-menu.tsx +0 -290
  47. package/components/catalyst-ui/primitives/empty.tsx +0 -104
  48. package/components/catalyst-ui/primitives/field.tsx +0 -244
  49. package/components/catalyst-ui/primitives/hover-card.tsx +0 -124
  50. package/components/catalyst-ui/primitives/input-otp.tsx +0 -76
  51. package/components/catalyst-ui/primitives/input.tsx +0 -64
  52. package/components/catalyst-ui/primitives/item.tsx +0 -196
  53. package/components/catalyst-ui/primitives/kbd.tsx +0 -75
  54. package/components/catalyst-ui/primitives/label.tsx +0 -24
  55. package/components/catalyst-ui/primitives/navigation-menu.tsx +0 -150
  56. package/components/catalyst-ui/primitives/pagination.tsx +0 -198
  57. package/components/catalyst-ui/primitives/popover.tsx +0 -232
  58. package/components/catalyst-ui/primitives/progress.tsx +0 -34
  59. package/components/catalyst-ui/primitives/radio-group.tsx +0 -43
  60. package/components/catalyst-ui/primitives/resizable.tsx +0 -56
  61. package/components/catalyst-ui/primitives/select.tsx +0 -155
  62. package/components/catalyst-ui/primitives/separator.tsx +0 -74
  63. package/components/catalyst-ui/primitives/sheet.tsx +0 -126
  64. package/components/catalyst-ui/primitives/skeleton.tsx +0 -15
  65. package/components/catalyst-ui/primitives/slider.tsx +0 -27
  66. package/components/catalyst-ui/primitives/switch.tsx +0 -187
  67. package/components/catalyst-ui/primitives/tabs.tsx +0 -335
  68. package/components/catalyst-ui/primitives/textarea.tsx +0 -24
  69. package/components/catalyst-ui/primitives/toggle-group.tsx +0 -55
  70. package/components/catalyst-ui/primitives/toggle.tsx +0 -42
  71. package/components/catalyst-ui/primitives/tooltip.tsx +0 -116
  72. package/components/catalyst-ui/utils/basic-auth.tsx +0 -40
  73. package/components/catalyst-ui/utils/context-storage.tsx +0 -19
  74. package/components/catalyst-ui/utils/cors-middleware.tsx +0 -71
  75. package/components/catalyst-ui/utils/deferred-content.tsx +0 -595
  76. package/components/catalyst-ui/utils/honeypot-middleware.tsx +0 -38
  77. package/components/catalyst-ui/utils/incId.tsx +0 -75
  78. package/components/catalyst-ui/utils/jwk-auth.tsx +0 -36
  79. package/components/catalyst-ui/utils/request-id.tsx +0 -14
  80. package/components/catalyst-ui/utils/secure-headers.tsx +0 -37
  81. package/components/catalyst-ui/utils/server-timing.tsx +0 -23
  82. package/components/catalyst-ui/utils/utils.ts +0 -43
  83. package/components/catalyst-ui/utils/with-cookie.tsx +0 -43
  84. package/components/catalyst-ui/x/accordian-x.tsx +0 -428
  85. package/components/catalyst-ui/x/alert-x.tsx +0 -413
  86. package/components/catalyst-ui/x/animated-text-x.tsx +0 -2242
  87. package/components/catalyst-ui/x/avatar-x.tsx +0 -515
  88. package/components/catalyst-ui/x/badge-x.tsx +0 -670
  89. package/components/catalyst-ui/x/button-X.tsx +0 -2857
  90. package/components/catalyst-ui/x/button-group-x.tsx +0 -847
  91. package/components/catalyst-ui/x/calendar-x.tsx +0 -1910
  92. package/components/catalyst-ui/x/card-x.tsx +0 -2597
  93. package/components/catalyst-ui/x/checkbox-x.tsx +0 -656
  94. package/components/catalyst-ui/x/collapsible-x.tsx +0 -1360
  95. package/components/catalyst-ui/x/combobox-x.tsx +0 -911
  96. package/components/catalyst-ui/x/data-table-x.tsx +0 -1753
  97. package/components/catalyst-ui/x/date-picker-x.tsx +0 -648
  98. package/components/catalyst-ui/x/dialog-x.tsx +0 -659
  99. package/components/catalyst-ui/x/dropdown-menu-x.tsx +0 -612
  100. package/components/catalyst-ui/x/hover-card-x.tsx +0 -375
  101. package/components/catalyst-ui/x/icon-x.tsx +0 -840
  102. package/components/catalyst-ui/x/input-mask-x.tsx +0 -981
  103. package/components/catalyst-ui/x/input-otp-x.tsx +0 -659
  104. package/components/catalyst-ui/x/loader-x.tsx +0 -1757
  105. package/components/catalyst-ui/x/pagination-x.tsx +0 -622
  106. package/components/catalyst-ui/x/popover-x.tsx +0 -744
  107. package/components/catalyst-ui/x/radio-group-x.tsx +0 -499
  108. package/components/catalyst-ui/x/select-x.tsx +0 -1127
  109. package/components/catalyst-ui/x/sheet-x.tsx +0 -668
  110. package/components/catalyst-ui/x/switch-x.tsx +0 -681
  111. package/components/catalyst-ui/x/table-x.tsx +0 -574
  112. package/components/catalyst-ui/x/tabs-x.tsx +0 -839
  113. package/components/catalyst-ui/x/textarea-x.tsx +0 -1263
  114. package/components/catalyst-ui/x/tooltip-x.tsx +0 -396
  115. package/components/catalyst-ui/x/tracker-x.tsx +0 -560
  116. package/data/bg-data.tsx +0 -901
  117. package/data/buttons-data.tsx +0 -2327
  118. package/data/charts-data.tsx +0 -102
  119. package/data/chat-data.tsx +0 -83
  120. package/data/code-data.tsx +0 -1040
  121. package/data/comboboxes-data.tsx +0 -1843
  122. package/data/command-data.tsx +0 -1381
  123. package/data/core-data.tsx +0 -15953
  124. package/data/crm-data.tsx +0 -47
  125. package/data/data.tsx +0 -159
  126. package/data/date-and-time-data.tsx +0 -554
  127. package/data/dependencies.tsx +0 -7
  128. package/data/ecommerce-data.tsx +0 -1387
  129. package/data/forms-data.tsx +0 -7890
  130. package/data/hooks-data.tsx +0 -5487
  131. package/data/index.ts +0 -34
  132. package/data/inputs-data.tsx +0 -557
  133. package/data/interactive-data.tsx +0 -5394
  134. package/data/lofi-data.tsx +0 -18295
  135. package/data/marketing-data.tsx +0 -2546
  136. package/data/media-data.tsx +0 -1510
  137. package/data/motion-data.tsx +0 -5801
  138. package/data/overlay-data.tsx +0 -4136
  139. package/data/pdf-data.tsx +0 -124
  140. package/data/pos-data.tsx +0 -213
  141. package/data/postcss.config.js +0 -6
  142. package/data/primitive-data.tsx +0 -5170
  143. package/data/prompt-data.tsx +0 -1226
  144. package/data/requiredLibs.ts +0 -4
  145. package/data/sandbox-data.tsx +0 -1
  146. package/data/sidebars-data.tsx +0 -5421
  147. package/data/stacks-data.tsx +0 -32
  148. package/data/table-data.tsx +0 -706
  149. package/data/tailwind.config.js +0 -270
  150. package/data/tailwind.config.ngin.js +0 -3830
  151. package/data/tailwind.css +0 -431
  152. package/data/tools-data.tsx +0 -6910
  153. package/data/typography-data.tsx +0 -2050
  154. package/data/utils-data.tsx +0 -6500
  155. package/data/x-data.tsx +0 -1171
@@ -1,1226 +0,0 @@
1
- export const aiPromptBlocks = [
2
- {
3
- name: "ai-chat-ui-design",
4
- value: "ai-chat-ui-design",
5
- url: "",
6
- description: "",
7
- features: [],
8
- category: 'Prompt: Blocks',
9
- tags: ["blocks", "ai", "chat", "ui"],
10
- dependencies: ["react"],
11
- desc: "AI chat interface design.",
12
- files: {
13
- "ai-chat-ui-design": "/components/catalyst-ui/blocks/ai-chat-ui-design/ai-chat-ui-design.tsx",
14
- }
15
- },
16
- {
17
- name: "AIArtGallery",
18
- value: "AIArtGallery",
19
- url: "",
20
- description: "",
21
- features: [],
22
- category: 'Prompt: Blocks',
23
- tags: ["blocks", "ai", "art", "gallery"],
24
- dependencies: ["react"],
25
- desc: "AI-generated art gallery showcase.",
26
- files: {
27
- "AIArtGallery": "/components/catalyst-ui/blocks/AIArtGallery/AIArtGallery.tsx",
28
- }
29
- },
30
- {
31
- name: "modern-chatbot",
32
- value: "modern-chatbot",
33
- url: "",
34
- description: "",
35
- features: [],
36
- category: 'Prompt: Blocks',
37
- tags: ["ai", "chat"],
38
- desc: null,
39
- files: {
40
- "ai-assistant-ui": "/components/catalyst-ui/blocks/modern-chatbot/ai-assistant-ui.tsx",
41
- "ChatPane": "/components/catalyst-ui/blocks/modern-chatbot/ChatPane.tsx",
42
- "Composer": "/components/catalyst-ui/blocks/modern-chatbot/Composer.tsx",
43
- "ComposerActionsPopover": "/components/catalyst-ui/blocks/modern-chatbot/ComposerActionsPopover.tsx",
44
- "ConversationRow": "/components/catalyst-ui/blocks/modern-chatbot/ConversationRow.tsx",
45
- "CreateFolderModal": "/components/catalyst-ui/blocks/modern-chatbot/CreateFolderModal.tsx",
46
- "CreateTemplateModal": "/components/catalyst-ui/blocks/modern-chatbot/CreateTemplateModal.tsx",
47
- "FolderRow": "/components/catalyst-ui/blocks/modern-chatbot/FolderRow.tsx",
48
- "Footer": "/components/catalyst-ui/blocks/modern-chatbot/Footer.tsx",
49
- "GhostIconButton": "/components/catalyst-ui/blocks/modern-chatbot/GhostIconButton.tsx",
50
- "Header": "/components/catalyst-ui/blocks/modern-chatbot/Header.tsx",
51
- "Message": "/components/catalyst-ui/blocks/modern-chatbot/Message.tsx",
52
- "mockData": "/components/catalyst-ui/blocks/modern-chatbot/mockData.tsx",
53
- "SearchModal": "/components/catalyst-ui/blocks/modern-chatbot/SearchModal.tsx",
54
- "SettingsPopover": "/components/catalyst-ui/blocks/modern-chatbot/SettingsPopover.tsx",
55
- "Sidebar": "/components/catalyst-ui/blocks/modern-chatbot/Sidebar.tsx",
56
- "SidebarSection": "/components/catalyst-ui/blocks/modern-chatbot/SidebarSection.tsx",
57
- "TemplateRow": "/components/catalyst-ui/blocks/modern-chatbot/TemplateRow.tsx",
58
- "ThemeProvider": "/components/catalyst-ui/blocks/modern-chatbot/ThemeProvider.tsx",
59
- "ThemeToggle": "/components/catalyst-ui/blocks/modern-chatbot/ThemeToggle.tsx",
60
- "ThinkingMessage": "/components/catalyst-ui/blocks/modern-chatbot/ThinkingMessage.tsx",
61
- "utils": "/components/catalyst-ui/blocks/modern-chatbot/utils.tsx",
62
- }
63
- },
64
- {
65
- name: "ai-chat v1",
66
- value: "ai-chat v1",
67
- url: "",
68
- description: "",
69
- features: [],
70
- category: 'Prompt: Blocks',
71
- tags: ["ai", "chat"],
72
- desc: null,
73
- files: {
74
- "ai-chav1": "/components/catalyst-ui/blocks/ai-chat-1/ai-chat-1.tsx",
75
- }
76
- },
77
- {
78
- name: "ai-chat v2",
79
- value: "ai-chat v2",
80
- url: "",
81
- description: "",
82
- features: [],
83
- category: 'Prompt: Blocks',
84
- tags: ["ai", "chat"],
85
- desc: null,
86
- files: {
87
- "ai-chat v2": "/components/catalyst-ui/blocks/ai-chat-2/ai-chat-2.tsx",
88
- }
89
- },
90
- {
91
- name: "ai-chat",
92
- value: "ai-chat",
93
- url: "",
94
- description: "",
95
- features: [],
96
- category: 'Prompt: Blocks',
97
- tags: ["ai", "chat"],
98
- desc: null,
99
- files: {
100
- "ai-chat": "/components/catalyst-ui/blocks/ai-chat/ai-chat.tsx",
101
- }
102
- },
103
- {
104
- name: "conversation-actions",
105
- value: "conversation-actions",
106
- url: "",
107
- description: "",
108
- features: [],
109
- category: 'Prompt: Blocks',
110
- tags: ["ai", "chat"],
111
- desc: null,
112
- files: {
113
- "conversation-actions": "/components/catalyst-ui/prompt/conversation-actions.tsx",
114
- }
115
- },
116
- {
117
- name: "conversation-avatars",
118
- value: "conversation-avatars",
119
- url: "",
120
- description: "",
121
- features: [],
122
- category: 'Prompt: Blocks',
123
- tags: ["ai", "chat"],
124
- desc: null,
125
- files: {
126
- "conversation-avatars": "/components/catalyst-ui/prompt/conversation-avatars.tsx",
127
- }
128
- },
129
- {
130
- name: "conversation-prompt-input",
131
- value: "conversation-prompt-input",
132
- url: "",
133
- description: "",
134
- features: [],
135
- category: 'Prompt: Blocks',
136
- tags: ["ai", "chat"],
137
- desc: null,
138
- files: {
139
- "conversation-prompt-input": "/components/catalyst-ui/prompt/conversation-prompt-input.tsx",
140
- }
141
- },
142
- {
143
- name: "conversation-scroll-bottom",
144
- value: "conversation-scroll-bottom",
145
- url: "",
146
- description: "",
147
- features: [],
148
- category: 'Prompt: Blocks',
149
- tags: ["ai", "chat"],
150
- desc: null,
151
- files: {
152
- "conversation-scroll-bottom": "/components/catalyst-ui/prompt/conversation-scroll-bottom.tsx",
153
- }
154
- },
155
- {
156
- name: "full-chat-app",
157
- value: "full-chat-app",
158
- url: "",
159
- description: "",
160
- features: [],
161
- category: 'Prompt: Blocks',
162
- tags: ["ai", "chat"],
163
- desc: null,
164
- files: {
165
- "full-chat-app": "/components/catalyst-ui/prompt/full-chat-app.tsx",
166
- }
167
- },
168
- {
169
- name: "full-conversation",
170
- value: "full-conversation",
171
- url: "",
172
- description: "",
173
- features: [],
174
- category: 'Prompt: Blocks',
175
- tags: ["ai", "chat"],
176
- desc: null,
177
- files: {
178
- "full-conversation": "/components/catalyst-ui/prompt/full-conversation.tsx",
179
- }
180
- },
181
- {
182
- name: "prompt-autocomplete-highlight",
183
- value: "prompt-autocomplete-highlight",
184
- url: "",
185
- description: "",
186
- features: [],
187
- category: 'Prompt: Blocks',
188
- tags: ["ai", "chat"],
189
- desc: null,
190
- files: {
191
- "prompt-autocomplete-highlight": "/components/catalyst-ui/prompt/prompt-autocomplete-highlight.tsx",
192
- }
193
- },
194
- {
195
- name: "prompt-input-actions",
196
- value: "prompt-input-actions",
197
- url: "",
198
- description: "",
199
- features: [],
200
- category: 'Prompt: Blocks',
201
- tags: ["ai", "chat"],
202
- desc: null,
203
- files: {
204
- "prompt-input-actions": "/components/catalyst-ui/prompt/prompt-input-actions.tsx",
205
- }
206
- },
207
- {
208
- name: "prompt-input-suggestions",
209
- value: "prompt-input-suggestions",
210
- url: "",
211
- description: "",
212
- features: [],
213
- category: 'Prompt: Blocks',
214
- tags: ["ai", "chat"],
215
- desc: null,
216
- files: {
217
- "prompt-input-suggestions": "/components/catalyst-ui/prompt/prompt-input-suggestions.tsx",
218
- }
219
- },
220
- {
221
- name: "sidebar-chat-history",
222
- value: "sidebar-chat-history",
223
- url: "",
224
- description: "",
225
- features: [],
226
- category: 'Prompt: Blocks',
227
- tags: ["ai", "chat"],
228
- desc: null,
229
- files: {
230
- "sidebar-chat-history": "/components/catalyst-ui/prompt/sidebar-chat-history.tsx",
231
- }
232
- },
233
- ];
234
- export const aiPrompt = [
235
- {
236
- name: "AI Input Search",
237
- value: "ai-input-search",
238
- importPath: "~/components/catalyst-ui/prompt/ai-input-search",
239
- multiImport: null,
240
- basicusage: `
241
- <AIInputSearch
242
- onSubmit={(value, searchEnabled) => console.log(value, searchEnabled)}
243
- />
244
-
245
- <AIInputSearch
246
- placeholder="Search the web..."
247
- onSubmit={(value, searchEnabled) => console.log(value, searchEnabled)}
248
- onSearchToggle={(enabled) => console.log(enabled)}
249
- onFileAttach={(file) => console.log(file)}
250
- maxHeight={200}
251
- minHeight={52}
252
- searchEnabled={true}
253
- showSearchToggle={true}
254
- showFileAttach={true}
255
- variant="default"
256
- className=""
257
- disabled={false}
258
- />`,
259
- path: "/components/catalyst-ui/prompt/ai-input-search.tsx",
260
- source: null,
261
- usagePath: "/components/catalyst-ui/prompt/ai-input-search.tsx",
262
- usage: null,
263
- premium: true,
264
- category: "Prompt",
265
- tags: ["ui", "components", "interactive", "ai", "search", "input"],
266
- features: ["Responsive", "TypeScript", "Accessible", "Auto-resize", "File Upload", "Search Toggle"],
267
- dependencies: ["lucide-react", "react"],
268
- props: {
269
- "AIInputSearch": [
270
- { name: "placeholder", type: "string", default: "Search the web..." },
271
- { name: "onSubmit", type: "(value: string, searchEnabled: boolean) => void", default: "null" },
272
- { name: "onSearchToggle", type: "(enabled: boolean) => void", default: "null" },
273
- { name: "onFileAttach", type: "(file: File) => void", default: "null" },
274
- { name: "maxHeight", type: "number", default: "200" },
275
- { name: "minHeight", type: "number", default: "52" },
276
- { name: "searchEnabled", type: "boolean", default: "true" },
277
- { name: "showSearchToggle", type: "boolean", default: "true" },
278
- { name: "showFileAttach", type: "boolean", default: "true" },
279
- { name: "variant", type: "default | elevated | minimal", default: "default" },
280
- { name: "className", type: "string", default: "null" },
281
- { name: "disabled", type: "boolean", default: "false" },
282
- ],
283
- },
284
- desc: null,
285
- status: null,
286
- lastUpdated: null
287
- },
288
- {
289
- name: "AI Loading State",
290
- value: "ai-loading-state",
291
- importPath: "~/components/catalyst-ui/prompt/ai-loading-state",
292
- multiImport: "AILoadingState, AITextLoading",
293
- basicusage: `
294
- <AILoadingState />
295
-
296
- <AILoadingState
297
- taskSequences={[
298
- {
299
- status: "Processing",
300
- lines: ["Step 1...", "Step 2..."]
301
- }
302
- ]}
303
- size="md"
304
- className=""
305
- />
306
-
307
- <AITextLoading />
308
-
309
- <AITextLoading
310
- texts={["Thinking...", "Processing..."]}
311
- interval={1500}
312
- variant="default"
313
- size="md"
314
- className=""
315
- />`,
316
- path: "/components/catalyst-ui/prompt/ai-loading-state.tsx",
317
- source: null,
318
- usagePath: "/components/catalyst-ui/prompt/ai-loading-state.tsx",
319
- usage: null,
320
- premium: true,
321
- category: "Prompt",
322
- tags: ["ui", "components", "interactive", "ai", "loading", "animation"],
323
- features: ["Responsive", "TypeScript", "Accessible", "Animated", "Customizable"],
324
- dependencies: ["react"],
325
- props: {
326
- "AILoadingState": [
327
- { name: "taskSequences", type: "TaskSequence[]", default: "DEFAULT_TASK_SEQUENCES" },
328
- { name: "size", type: "sm | md | lg", default: "md" },
329
- { name: "className", type: "string", default: "null" },
330
- ],
331
- "AITextLoading": [
332
- { name: "texts", type: "string[]", default: "['Thinking...', 'Processing...', ...]" },
333
- { name: "interval", type: "number", default: "1500" },
334
- { name: "variant", type: "default | primary | accent", default: "default" },
335
- { name: "size", type: "sm | md | lg", default: "md" },
336
- { name: "className", type: "string", default: "null" },
337
- ],
338
- },
339
- desc: null,
340
- status: null,
341
- lastUpdated: null
342
- },
343
- {
344
- name: "AI Prompt Input",
345
- value: "ai-prompt-input",
346
- importPath: "~/components/catalyst-ui/prompt/ai-prompt-input",
347
- multiImport: null,
348
- basicusage: `
349
- <AIPromptInput
350
- models={[
351
- { name: "GPT-4-1 Mini", icon: <Bot /> },
352
- { name: "Claude 3.5 Sonnet", icon: <Sparkles /> },
353
- ]}
354
- onSubmit={(value, model) => console.log(value, model)}
355
- />
356
-
357
- <AIPromptInput
358
- placeholder="What can I do for you?"
359
- models={[
360
- { name: "GPT-4-1 Mini", icon: <Bot /> },
361
- ]}
362
- defaultModel="GPT-4-1 Mini"
363
- onSubmit={(value, model) => console.log(value, model)}
364
- onModelChange={(model) => console.log(model)}
365
- onFileAttach={(file) => console.log(file)}
366
- maxHeight={400}
367
- minHeight={72}
368
- showHeader={true}
369
- headerTitle="AI Assistant"
370
- headerSubtitle="Ready to help!"
371
- headerIcon={<Sparkles />}
372
- variant="default"
373
- className=""
374
- disabled={false}
375
- />`,
376
- path: "/components/catalyst-ui/prompt/ai-prompt-input.tsx",
377
- source: null,
378
- usagePath: "/components/catalyst-ui/prompt/ai-prompt-input.tsx",
379
- usage: null,
380
- premium: true,
381
- category: "Prompt",
382
- tags: ["ui", "components", "interactive", "ai", "prompt", "input", "chat"],
383
- features: ["Responsive", "TypeScript", "Accessible", "Auto-resize", "File Upload", "Model Selection"],
384
- dependencies: ["lucide-react", "react"],
385
- props: {
386
- "AIPromptInput": [
387
- { name: "placeholder", type: "string", default: "What can I do for you?" },
388
- { name: "models", type: "AIModel[]", default: "[{ name: 'GPT-4-1 Mini' }]" },
389
- { name: "defaultModel", type: "string", default: "null" },
390
- { name: "onSubmit", type: "(value: string, model: string) => void", default: "null" },
391
- { name: "onModelChange", type: "(model: string) => void", default: "null" },
392
- { name: "onFileAttach", type: "(file: File) => void", default: "null" },
393
- { name: "maxHeight", type: "number", default: "400" },
394
- { name: "minHeight", type: "number", default: "72" },
395
- { name: "showHeader", type: "boolean", default: "true" },
396
- { name: "headerTitle", type: "string", default: "AI Assistant" },
397
- { name: "headerSubtitle", type: "string", default: "Ready to help!" },
398
- { name: "headerIcon", type: "React.ReactNode", default: "null" },
399
- { name: "variant", type: "default | bordered | elevated", default: "default" },
400
- { name: "className", type: "string", default: "null" },
401
- { name: "disabled", type: "boolean", default: "false" },
402
- ],
403
- },
404
- desc: null,
405
- status: null,
406
- lastUpdated: null
407
- },
408
- {
409
- name: "AI Voice",
410
- value: "ai-voice",
411
- importPath: "~/components/catalyst-ui/prompt/ai-voice",
412
- multiImport: null,
413
- basicusage: `
414
- <AIVoice
415
- onStart={() => console.log("Started")}
416
- onStop={() => console.log("Stopped")}
417
- />
418
-
419
- <AIVoice
420
- onStart={() => console.log("Started")}
421
- onStop={() => console.log("Stopped")}
422
- onTimeUpdate={(seconds) => console.log(seconds)}
423
- size="md"
424
- className=""
425
- disabled={false}
426
- activeText="Listening..."
427
- inactiveText="Click to speak"
428
- activeIcon={null}
429
- inactiveIcon={null}
430
- showWaveform={true}
431
- showTimer={true}
432
- waveformBars={48}
433
- />`,
434
- path: "/components/catalyst-ui/prompt/ai-voice.tsx",
435
- source: null,
436
- usagePath: "/components/catalyst-ui/prompt/ai-voice.tsx",
437
- usage: null,
438
- premium: true,
439
- category: "Prompt",
440
- tags: ["ui", "components", "interactive", "ai", "voice", "recording", "audio"],
441
- features: ["Responsive", "TypeScript", "Accessible", "Animated", "Customizable"],
442
- dependencies: ["lucide-react", "react"],
443
- props: {
444
- "AIVoice": [
445
- { name: "onStart", type: "() => void", default: "null" },
446
- { name: "onStop", type: "() => void", default: "null" },
447
- { name: "onTimeUpdate", type: "(seconds: number) => void", default: "null" },
448
- { name: "size", type: "sm | md | lg", default: "md" },
449
- { name: "className", type: "string", default: "null" },
450
- { name: "disabled", type: "boolean", default: "false" },
451
- { name: "activeText", type: "string", default: "Listening..." },
452
- { name: "inactiveText", type: "string", default: "Click to speak" },
453
- { name: "activeIcon", type: "React.ReactNode", default: "null" },
454
- { name: "inactiveIcon", type: "React.ReactNode", default: "null" },
455
- { name: "showWaveform", type: "boolean", default: "true" },
456
- { name: "showTimer", type: "boolean", default: "true" },
457
- { name: "waveformBars", type: "number", default: "48" },
458
- ],
459
- },
460
- desc: null,
461
- status: null,
462
- lastUpdated: null
463
- },
464
- {
465
- name: "InputByok",
466
- value: "input-byok",
467
- importPath: "~/components/catalyst-ui/prompt/input-byok",
468
- multiImport: "InputByok, getOpenAIApiKey",
469
- basicusage: null,
470
- path: "/components/catalyst-ui/prompt/input-byok.tsx",
471
- source: null,
472
- usagePath: "/components/catalyst-ui/prompt/input-byok.tsx",
473
- usage: null,
474
- premium: true,
475
- category: "Prompt",
476
- tags: ["ai", "components", "api-key", "input", "security", "authentication"],
477
- features: ["Responsive", "TypeScript", "Accessible", "API Key Management", "Secure Storage", "Key Masking"],
478
- dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/hooks/use-api-key"],
479
- props: {
480
- "InputByok": [
481
- { name: "className", type: "string", default: "null" },
482
- ],
483
- "getOpenAIApiKey": [
484
- { name: "void", type: "void", default: "null" },
485
- ],
486
- },
487
- desc: null,
488
- status: null,
489
- lastUpdated: null
490
- },
491
- {
492
- name: "Chain Of Thought",
493
- value: "chain-of-thought",
494
- importPath: "~/components/catalyst-ui/prompt/chain-of-thought",
495
- multiImport: "ChainOfThought, ChainOfThoughtStep, ChainOfThoughtTrigger, ChainOfThoughtContent, ChainOfThoughtItem",
496
- basicusage: null,
497
- path: "/components/catalyst-ui/prompt/chain-of-thought.tsx",
498
- source: null,
499
- usagePath: "/components/catalyst-ui/prompt/chain-of-thought.tsx",
500
- usage: null,
501
- premium: true,
502
- category: "Prompt",
503
- tags: ["ai", "components", "interactive", "collapsible", "thought-process"],
504
- features: ["Responsive", "TypeScript", "Accessible", "Collapsible Sections", "Animated Transitions"],
505
- dependencies: ["lucide-react", "react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
506
- props: {
507
- "ChainOfThought": [
508
- { name: "children", type: "React.ReactNode", default: "null" },
509
- { name: "className", type: "string", default: "null" },
510
- ],
511
- "ChainOfThoughtStep": [
512
- { name: "children", type: "React.ReactNode", default: "null" },
513
- { name: "className", type: "string", default: "null" },
514
- { name: "isLast", type: "boolean", default: "false" },
515
- ],
516
- "ChainOfThoughtTrigger": [
517
- { name: "children", type: "React.ReactNode", default: "null" },
518
- { name: "className", type: "string", default: "null" },
519
- { name: "leftIcon", type: "React.ReactNode", default: "null" },
520
- { name: "swapIconOnHover", type: "boolean", default: "true" },
521
- ],
522
- "ChainOfThoughtContent": [
523
- { name: "children", type: "React.ReactNode", default: "null" },
524
- { name: "className", type: "string", default: "null" },
525
- ],
526
- "ChainOfThoughtItem": [
527
- { name: "children", type: "React.ReactNode", default: "null" },
528
- { name: "className", type: "string", default: "null" },
529
- ],
530
- },
531
- desc: null,
532
- status: null,
533
- lastUpdated: null
534
- },
535
- {
536
- name: "Chat Container",
537
- value: "chat-container",
538
- importPath: "~/components/catalyst-ui/prompt/chat-container",
539
- multiImport: "ChatContainerRoot, ChatContainerContent, ChatContainerScrollAnchor",
540
- basicusage: null,
541
- path: "/components/catalyst-ui/prompt/chat-container.tsx",
542
- source: null,
543
- usagePath: "/components/catalyst-ui/prompt/chat-container.tsx",
544
- usage: null,
545
- premium: true,
546
- category: "Prompt",
547
- tags: ["chat", "container", "scroll", "sticky", "ui", "layout"],
548
- features: ["Responsive", "TypeScript", "Accessible", "Auto-scroll", "Sticky Bottom"],
549
- dependencies: ["lucide-react", "react", "~/components/catalyst-ui/utils", "use-stick-to-bottom"],
550
- props: {
551
- "ChatContainerRoot": [
552
- { name: "children", type: "React.ReactNode", default: "null" },
553
- { name: "className", type: "string", default: "null" },
554
- ],
555
- "ChatContainerContent": [
556
- { name: "children", type: "React.ReactNode", default: "null" },
557
- { name: "className", type: "string", default: "null" },
558
- ],
559
- "ChatContainerScrollAnchor": [
560
- { name: "className", type: "string", default: "null" },
561
- { name: "ref", type: "React.RefObject<HTMLDivElement>", default: "null" },
562
- ],
563
- },
564
- desc: null,
565
- status: null,
566
- lastUpdated: null
567
- },
568
- {
569
- name: "Code Block",
570
- value: "code-block",
571
- importPath: "~/components/catalyst-ui/prompt/code-block",
572
- multiImport: "CodeBlock, CodeBlockCode, CodeBlockGroup",
573
- basicusage: null,
574
- path: "/components/catalyst-ui/prompt/code-block.tsx",
575
- source: null,
576
- usagePath: "/components/catalyst-ui/prompt/code-block.tsx",
577
- usage: null,
578
- premium: true,
579
- category: "Prompt",
580
- tags: ["ai", "components", "code", "syntax-highlighting", "shiki"],
581
- features: ["Responsive", "TypeScript", "Accessible", "Syntax Highlighting", "Multiple Themes", "SSR Support"],
582
- dependencies: ["shiki", "react", "~/components/catalyst-ui/utils"],
583
- props: {
584
- "CodeBlock": [
585
- { name: "children", type: "React.ReactNode", default: "null" },
586
- { name: "className", type: "string", default: "null" },
587
- ],
588
- "CodeBlockCode": [
589
- { name: "code", type: "string", default: "null" },
590
- { name: "language", type: "string", default: "\"tsx\"" },
591
- { name: "theme", type: "string", default: "\"github-light\"" },
592
- { name: "className", type: "string", default: "null" },
593
- ],
594
- "CodeBlockGroup": [
595
- { name: "children", type: "React.ReactNode", default: "null" },
596
- { name: "className", type: "string", default: "null" },
597
- ],
598
- },
599
- desc: null,
600
- status: null,
601
- lastUpdated: null
602
- },
603
- {
604
- name: "File Upload",
605
- value: "file-upload",
606
- importPath: "~/components/catalyst-ui/prompt/file-upload",
607
- multiImport: "FileUpload, FileUploadTrigger, FileUploadContent",
608
- basicusage: null,
609
- path: "/components/catalyst-ui/prompt/file-upload.tsx",
610
- source: null,
611
- usagePath: "/components/catalyst-ui/prompt/file-upload.tsx",
612
- usage: null,
613
- premium: true,
614
- category: "Prompt",
615
- tags: ["ai", "components", "file-upload", "drag-drop", "interactive"],
616
- features: ["Responsive", "TypeScript", "Accessible", "Drag & Drop", "Portal Overlay", "Animated Transitions"],
617
- dependencies: ["react", "react-dom", "~/components/catalyst-ui/utils"],
618
- props: {
619
- "FileUpload": [
620
- { name: "onFilesAdded", type: "(files: File[]) => void", default: "null" },
621
- { name: "children", type: "React.ReactNode", default: "null" },
622
- { name: "multiple", type: "boolean", default: "true" },
623
- { name: "accept", type: "string", default: "null" },
624
- { name: "disabled", type: "boolean", default: "false" },
625
- ],
626
- "FileUploadTrigger": [
627
- { name: "asChild", type: "boolean", default: "false" },
628
- { name: "className", type: "string", default: "null" },
629
- { name: "children", type: "React.ReactNode", default: "null" },
630
- ],
631
- "FileUploadContent": [
632
- { name: "className", type: "string", default: "null" },
633
- ],
634
- },
635
- desc: null,
636
- status: null,
637
- lastUpdated: null
638
- },
639
- {
640
- name: "Image",
641
- value: "image",
642
- importPath: "~/components/catalyst-ui/prompt/image",
643
- multiImport: null,
644
- basicusage: null,
645
- path: "/components/catalyst-ui/prompt/image.tsx",
646
- source: null,
647
- usagePath: "/components/catalyst-ui/prompt/image.tsx",
648
- usage: null,
649
- premium: true,
650
- category: "Prompt",
651
- tags: ["ai", "components", "image", "generated-content", "media"],
652
- features: ["Responsive", "TypeScript", "Accessible", "Base64 Support", "Uint8Array Support", "Loading States"],
653
- dependencies: ["react", "~/components/catalyst-ui/utils"],
654
- props: {
655
- "Image": [
656
- { name: "base64", type: "string", default: "null" },
657
- { name: "uint8Array", type: "Uint8Array", default: "null" },
658
- { name: "mediaType", type: "string", default: "\"image/png\"" },
659
- { name: "className", type: "string", default: "null" },
660
- { name: "alt", type: "string", default: "null" },
661
- ],
662
- },
663
- desc: null,
664
- status: null,
665
- lastUpdated: null
666
- },
667
- {
668
- name: "JSX Preview",
669
- value: "jsx-preview",
670
- importPath: "~/components/catalyst-ui/prompt/jsx-preview",
671
- multiImport: null,
672
- basicusage: null,
673
- path: "/components/catalyst-ui/prompt/jsx-preview.tsx",
674
- source: null,
675
- usagePath: "/components/catalyst-ui/prompt/jsx-preview.tsx",
676
- usage: null,
677
- premium: true,
678
- category: "Prompt",
679
- tags: ["ai", "components", "jsx", "preview", "streaming", "code-rendering"],
680
- features: ["Responsive", "TypeScript", "JSX Parsing", "Streaming Support", "Auto-completion", "Dynamic Rendering"],
681
- dependencies: ["react", "react-jsx-parser", "~/components/catalyst-ui/utils"],
682
- props: {
683
- "JSXPreview": [
684
- { name: "jsx", type: "string", default: "null" },
685
- { name: "isStreaming", type: "boolean", default: "false" },
686
- ],
687
- },
688
- desc: null,
689
- status: null,
690
- lastUpdated: null
691
- },
692
- {
693
- name: "Loader",
694
- value: "loader",
695
- importPath: "~/components/catalyst-ui/prompt/loader",
696
- multiImport: "Loader, CircularLoader, ClassicLoader, PulseLoader, PulseDotLoader, DotsLoader, TypingLoader, WaveLoader, BarsLoader, TerminalLoader, TextBlinkLoader, TextShimmerLoader, TextDotsLoader",
697
- basicusage: null,
698
- path: "/components/catalyst-ui/prompt/loader.tsx",
699
- source: null,
700
- usagePath: "/components/catalyst-ui/prompt/loader.tsx",
701
- usage: null,
702
- premium: true,
703
- category: "Prompt",
704
- tags: ["ai", "components", "loading", "spinner", "animation", "indicators"],
705
- features: ["Responsive", "TypeScript", "Accessible", "Multiple Variants", "Size Options", "Customizable Text", "Animated"],
706
- dependencies: ["react", "~/components/catalyst-ui/utils"],
707
- props: {
708
- "Loader": [
709
- { name: "variant", type: "\"circular\" | \"classic\" | \"pulse\" | \"pulse-dot\" | \"dots\" | \"typing\" | \"wave\" | \"bars\" | \"terminal\" | \"text-blink\" | \"text-shimmer\" | \"loading-dots\"", default: "\"circular\"" },
710
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
711
- { name: "text", type: "string", default: "null" },
712
- { name: "className", type: "string", default: "null" },
713
- ],
714
- "CircularLoader": [
715
- { name: "className", type: "string", default: "null" },
716
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
717
- ],
718
- "ClassicLoader": [
719
- { name: "className", type: "string", default: "null" },
720
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
721
- ],
722
- "PulseLoader": [
723
- { name: "className", type: "string", default: "null" },
724
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
725
- ],
726
- "PulseDotLoader": [
727
- { name: "className", type: "string", default: "null" },
728
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
729
- ],
730
- "DotsLoader": [
731
- { name: "className", type: "string", default: "null" },
732
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
733
- ],
734
- "TypingLoader": [
735
- { name: "className", type: "string", default: "null" },
736
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
737
- ],
738
- "WaveLoader": [
739
- { name: "className", type: "string", default: "null" },
740
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
741
- ],
742
- "BarsLoader": [
743
- { name: "className", type: "string", default: "null" },
744
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
745
- ],
746
- "TerminalLoader": [
747
- { name: "className", type: "string", default: "null" },
748
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
749
- ],
750
- "TextBlinkLoader": [
751
- { name: "text", type: "string", default: "\"Thinking\"" },
752
- { name: "className", type: "string", default: "null" },
753
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
754
- ],
755
- "TextShimmerLoader": [
756
- { name: "text", type: "string", default: "\"Thinking\"" },
757
- { name: "className", type: "string", default: "null" },
758
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
759
- ],
760
- "TextDotsLoader": [
761
- { name: "className", type: "string", default: "null" },
762
- { name: "text", type: "string", default: "\"Thinking\"" },
763
- { name: "size", type: "\"sm\" | \"md\" | \"lg\"", default: "\"md\"" },
764
- ],
765
- },
766
- desc: null,
767
- status: null,
768
- lastUpdated: null
769
- },
770
- {
771
- name: "Markdown",
772
- value: "markdown",
773
- importPath: "~/components/catalyst-ui/prompt/markdown",
774
- multiImport: null,
775
- basicusage: null,
776
- path: "/components/catalyst-ui/prompt/markdown.tsx",
777
- source: null,
778
- usagePath: "/components/catalyst-ui/prompt/markdown.tsx",
779
- usage: null,
780
- premium: true,
781
- category: "Prompt",
782
- tags: ["ai", "components", "markdown", "rendering", "syntax-highlighting", "code-blocks"],
783
- features: ["Responsive", "TypeScript", "Accessible", "Markdown Parsing", "Syntax Highlighting", "GFM Support", "Performance Optimized"],
784
- dependencies: ["react", "react-markdown", "marked", "remark-gfm", "remark-breaks", "~/components/catalyst-ui/utils", "~/components/catalyst-ui/prompt/code-block"],
785
- props: {
786
- "Markdown": [
787
- { name: "children", type: "string", default: "null" },
788
- { name: "id", type: "string", default: "null" },
789
- { name: "className", type: "string", default: "null" },
790
- { name: "components", type: "Partial<Components>", default: "null" },
791
- ],
792
- },
793
- desc: null,
794
- status: null,
795
- lastUpdated: null
796
- },
797
- {
798
- name: "Message",
799
- value: "message",
800
- importPath: "~/components/catalyst-ui/prompt/message",
801
- multiImport: "Message, MessageAvatar, MessageContent, MessageActions, MessageAction",
802
- basicusage: null,
803
- path: "/components/catalyst-ui/prompt/message.tsx",
804
- source: null,
805
- usagePath: "/components/catalyst-ui/prompt/message.tsx",
806
- usage: null,
807
- premium: true,
808
- category: "Prompt",
809
- tags: ["ai", "components", "chat", "messaging", "avatar", "markdown", "tooltips"],
810
- features: ["Responsive", "TypeScript", "Accessible", "Markdown Support", "Avatar Integration", "Tooltip Actions", "Flexible Layout"],
811
- dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils", "~/components/catalyst-ui/prompt/markdown"],
812
- props: {
813
- "Message": [
814
- { name: "children", type: "React.ReactNode", default: "null" },
815
- { name: "className", type: "string", default: "null" },
816
- ],
817
- "MessageAvatar": [
818
- { name: "src", type: "string", default: "null" },
819
- { name: "alt", type: "string", default: "null" },
820
- { name: "fallback", type: "string", default: "null" },
821
- { name: "delayMs", type: "number", default: "null" },
822
- { name: "className", type: "string", default: "null" },
823
- ],
824
- "MessageContent": [
825
- { name: "children", type: "React.ReactNode", default: "null" },
826
- { name: "markdown", type: "boolean", default: "false" },
827
- { name: "className", type: "string", default: "null" },
828
- ],
829
- "MessageActions": [
830
- { name: "children", type: "React.ReactNode", default: "null" },
831
- { name: "className", type: "string", default: "null" },
832
- ],
833
- "MessageAction": [
834
- { name: "className", type: "string", default: "null" },
835
- { name: "tooltip", type: "React.ReactNode", default: "null" },
836
- { name: "children", type: "React.ReactNode", default: "null" },
837
- { name: "side", type: "\"top\" | \"bottom\" | \"left\" | \"right\"", default: "\"top\"" },
838
- ],
839
- },
840
- desc: null,
841
- status: null,
842
- lastUpdated: null
843
- },
844
- {
845
- name: "PromptInput",
846
- value: "prompt-input",
847
- importPath: "~/components/catalyst-ui/prompt/prompt-input",
848
- multiImport: "PromptInput, PromptInputTextarea, PromptInputActions, PromptInputAction",
849
- basicusage: null,
850
- path: "/components/catalyst-ui/prompt/prompt-input.tsx",
851
- source: null,
852
- usagePath: "/components/catalyst-ui/prompt/prompt-input.tsx",
853
- usage: null,
854
- premium: true,
855
- category: "Prompt",
856
- tags: ["ai", "components", "input", "textarea", "prompt", "chat", "form"],
857
- features: ["Responsive", "TypeScript", "Accessible", "Auto-resize", "Context API", "Tooltip Actions", "Enter to Submit"],
858
- dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
859
- props: {
860
- "PromptInput": [
861
- { name: "isLoading", type: "boolean", default: "false" },
862
- { name: "value", type: "string", default: "null" },
863
- { name: "onValueChange", type: "(value: string) => void", default: "null" },
864
- { name: "maxHeight", type: "number | string", default: "240" },
865
- { name: "onSubmit", type: "() => void", default: "null" },
866
- { name: "children", type: "React.ReactNode", default: "null" },
867
- { name: "className", type: "string", default: "null" },
868
- ],
869
- "PromptInputTextarea": [
870
- { name: "disableAutosize", type: "boolean", default: "false" },
871
- { name: "className", type: "string", default: "null" },
872
- ],
873
- "PromptInputActions": [
874
- { name: "children", type: "React.ReactNode", default: "null" },
875
- { name: "className", type: "string", default: "null" },
876
- ],
877
- "PromptInputAction": [
878
- { name: "className", type: "string", default: "null" },
879
- { name: "tooltip", type: "React.ReactNode", default: "null" },
880
- { name: "children", type: "React.ReactNode", default: "null" },
881
- { name: "side", type: "\"top\" | \"bottom\" | \"left\" | \"right\"", default: "\"top\"" },
882
- ],
883
- },
884
- desc: null,
885
- status: null,
886
- lastUpdated: null
887
- },
888
- {
889
- name: "PromptSuggestion",
890
- value: "prompt-suggestion",
891
- importPath: "~/components/catalyst-ui/prompt/prompt-suggestion",
892
- multiImport: null,
893
- basicusage: null,
894
- path: "/components/catalyst-ui/prompt/prompt-suggestion.tsx",
895
- source: null,
896
- usagePath: "/components/catalyst-ui/prompt/prompt-suggestion.tsx",
897
- usage: null,
898
- premium: true,
899
- category: "Prompt",
900
- tags: ["ai", "components", "suggestion", "button", "highlight", "interactive"],
901
- features: ["Responsive", "TypeScript", "Accessible", "Text Highlighting", "Multiple Variants", "Flexible Sizing"],
902
- dependencies: ["react", "class-variance-authority", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
903
- props: {
904
- "PromptSuggestion": [
905
- { name: "children", type: "React.ReactNode", default: "null" },
906
- { name: "variant", type: "VariantProps<typeof buttonVariants>[\"variant\"]", default: "null" },
907
- { name: "size", type: "VariantProps<typeof buttonVariants>[\"size\"]", default: "null" },
908
- { name: "className", type: "string", default: "null" },
909
- { name: "highlight", type: "string", default: "null" },
910
- ],
911
- },
912
- desc: null,
913
- status: null,
914
- lastUpdated: null
915
- },
916
- {
917
- name: "Reasoning",
918
- value: "reasoning",
919
- importPath: "~/components/catalyst-ui/prompt/reasoning",
920
- multiImport: "Reasoning, ReasoningTrigger, ReasoningContent",
921
- basicusage: null,
922
- path: "/components/catalyst-ui/prompt/reasoning.tsx",
923
- source: null,
924
- usagePath: "/components/catalyst-ui/prompt/reasoning.tsx",
925
- usage: null,
926
- premium: true,
927
- category: "Prompt",
928
- tags: ["ai", "components", "collapsible", "reasoning", "thought-process", "streaming"],
929
- features: ["Responsive", "TypeScript", "Accessible", "Collapsible Sections", "Auto-expand on Stream", "Markdown Support", "Animated Transitions"],
930
- dependencies: ["react", "lucide-react", "~/components/catalyst-ui/utils", "~/components/catalyst-ui/prompt/markdown"],
931
- props: {
932
- "Reasoning": [
933
- { name: "children", type: "React.ReactNode", default: "null" },
934
- { name: "className", type: "string", default: "null" },
935
- { name: "open", type: "boolean", default: "null" },
936
- { name: "onOpenChange", type: "(open: boolean) => void", default: "null" },
937
- { name: "isStreaming", type: "boolean", default: "null" },
938
- ],
939
- "ReasoningTrigger": [
940
- { name: "children", type: "React.ReactNode", default: "null" },
941
- { name: "className", type: "string", default: "null" },
942
- ],
943
- "ReasoningContent": [
944
- { name: "children", type: "React.ReactNode", default: "null" },
945
- { name: "className", type: "string", default: "null" },
946
- { name: "markdown", type: "boolean", default: "false" },
947
- { name: "contentClassName", type: "string", default: "null" },
948
- ],
949
- },
950
- desc: null,
951
- status: null,
952
- lastUpdated: null
953
- },
954
- {
955
- name: "ResponseStream",
956
- value: "response-stream",
957
- importPath: "~/components/catalyst-ui/prompt/response-stream",
958
- multiImport: "ResponseStream, useTextStream",
959
- basicusage: null,
960
- path: "/components/catalyst-ui/prompt/response-stream.tsx",
961
- source: null,
962
- usagePath: "/components/catalyst-ui/prompt/response-stream.tsx",
963
- usage: null,
964
- premium: true,
965
- category: "Prompt",
966
- tags: ["ai", "components", "streaming", "typewriter", "animation", "text-rendering"],
967
- features: ["Responsive", "TypeScript", "Accessible", "Typewriter Effect", "Fade Animation", "Async Stream Support", "Performance Optimized"],
968
- dependencies: ["react", "~/components/catalyst-ui/utils"],
969
- props: {
970
- "ResponseStream": [
971
- { name: "textStream", type: "string | AsyncIterable<string>", default: "null" },
972
- { name: "mode", type: "\"typewriter\" | \"fade\"", default: "\"typewriter\"" },
973
- { name: "speed", type: "number", default: "20" },
974
- { name: "className", type: "string", default: "\"\"" },
975
- { name: "onComplete", type: "() => void", default: "null" },
976
- { name: "as", type: "keyof React.JSX.IntrinsicElements", default: "\"div\"" },
977
- { name: "fadeDuration", type: "number", default: "null" },
978
- { name: "segmentDelay", type: "number", default: "null" },
979
- { name: "characterChunkSize", type: "number", default: "null" },
980
- ],
981
- "useTextStream": [
982
- { name: "textStream", type: "string | AsyncIterable<string>", default: "null" },
983
- { name: "speed", type: "number", default: "20" },
984
- { name: "mode", type: "\"typewriter\" | \"fade\"", default: "\"typewriter\"" },
985
- { name: "onComplete", type: "() => void", default: "null" },
986
- { name: "fadeDuration", type: "number", default: "null" },
987
- { name: "segmentDelay", type: "number", default: "null" },
988
- { name: "characterChunkSize", type: "number", default: "null" },
989
- { name: "onError", type: "(error: unknown) => void", default: "null" },
990
- ],
991
- },
992
- desc: null,
993
- status: null,
994
- lastUpdated: null
995
- },
996
- {
997
- name: "ScrollButton",
998
- value: "scroll-button",
999
- importPath: "~/components/catalyst-ui/prompt/scroll-button",
1000
- multiImport: null,
1001
- basicusage: null,
1002
- path: "/components/catalyst-ui/prompt/scroll-button.tsx",
1003
- source: null,
1004
- usagePath: "/components/catalyst-ui/prompt/scroll-button.tsx",
1005
- usage: null,
1006
- premium: true,
1007
- category: "Prompt",
1008
- tags: ["ai", "components", "scroll", "button", "navigation", "auto-scroll"],
1009
- features: ["Responsive", "TypeScript", "Accessible", "Auto-hide", "Smooth Transitions", "Bottom Detection"],
1010
- dependencies: ["react", "lucide-react", "class-variance-authority", "use-stick-to-bottom", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
1011
- props: {
1012
- "ScrollButton": [
1013
- { name: "className", type: "string", default: "null" },
1014
- { name: "variant", type: "VariantProps<typeof buttonVariants>[\"variant\"]", default: "\"outline\"" },
1015
- { name: "size", type: "VariantProps<typeof buttonVariants>[\"size\"]", default: "\"sm\"" },
1016
- ],
1017
- },
1018
- desc: null,
1019
- status: null,
1020
- lastUpdated: null
1021
- },
1022
- {
1023
- name: "Source",
1024
- value: "source",
1025
- importPath: "~/components/catalyst-ui/prompt/source",
1026
- multiImport: "Source, SourceTrigger, SourceContent",
1027
- basicusage: null,
1028
- path: "/components/catalyst-ui/prompt/source.tsx",
1029
- source: null,
1030
- usagePath: "/components/catalyst-ui/prompt/source.tsx",
1031
- usage: null,
1032
- premium: true,
1033
- category: "Prompt",
1034
- tags: ["ai", "components", "source", "citation", "hover-card", "links"],
1035
- features: ["Responsive", "TypeScript", "Accessible", "Favicon Integration", "Hover Preview", "External Links"],
1036
- dependencies: ["react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
1037
- props: {
1038
- "Source": [
1039
- { name: "href", type: "string", default: "null" },
1040
- { name: "children", type: "React.ReactNode", default: "null" },
1041
- ],
1042
- "SourceTrigger": [
1043
- { name: "label", type: "string | number", default: "null" },
1044
- { name: "showFavicon", type: "boolean", default: "false" },
1045
- { name: "className", type: "string", default: "null" },
1046
- ],
1047
- "SourceContent": [
1048
- { name: "title", type: "string", default: "null" },
1049
- { name: "description", type: "string", default: "null" },
1050
- { name: "className", type: "string", default: "null" },
1051
- ],
1052
- },
1053
- desc: null,
1054
- status: null,
1055
- lastUpdated: null
1056
- },
1057
- {
1058
- name: "Steps",
1059
- value: "steps",
1060
- importPath: "~/components/catalyst-ui/prompt/steps",
1061
- multiImport: "Steps, StepsItem, StepsTrigger, StepsContent, StepsBar",
1062
- basicusage: null,
1063
- path: "/components/catalyst-ui/prompt/steps.tsx",
1064
- source: null,
1065
- usagePath: "/components/catalyst-ui/prompt/steps.tsx",
1066
- usage: null,
1067
- premium: true,
1068
- category: "Prompt",
1069
- tags: ["ai", "components", "steps", "collapsible", "process", "workflow"],
1070
- features: ["Responsive", "TypeScript", "Accessible", "Collapsible Sections", "Animated Transitions", "Custom Icons"],
1071
- dependencies: ["react", "lucide-react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
1072
- props: {
1073
- "Steps": [
1074
- { name: "defaultOpen", type: "boolean", default: "true" },
1075
- { name: "className", type: "string", default: "null" },
1076
- ],
1077
- "StepsItem": [
1078
- { name: "children", type: "React.ReactNode", default: "null" },
1079
- { name: "className", type: "string", default: "null" },
1080
- ],
1081
- "StepsTrigger": [
1082
- { name: "children", type: "React.ReactNode", default: "null" },
1083
- { name: "className", type: "string", default: "null" },
1084
- { name: "leftIcon", type: "React.ReactNode", default: "null" },
1085
- { name: "swapIconOnHover", type: "boolean", default: "true" },
1086
- ],
1087
- "StepsContent": [
1088
- { name: "children", type: "React.ReactNode", default: "null" },
1089
- { name: "className", type: "string", default: "null" },
1090
- { name: "bar", type: "React.ReactNode", default: "null" },
1091
- ],
1092
- "StepsBar": [
1093
- { name: "className", type: "string", default: "null" },
1094
- ],
1095
- },
1096
- desc: null,
1097
- status: null,
1098
- lastUpdated: null
1099
- },
1100
- {
1101
- name: "SystemMessage",
1102
- value: "system-message",
1103
- importPath: "~/components/catalyst-ui/prompt/system-message",
1104
- multiImport: null,
1105
- basicusage: null,
1106
- path: "/components/catalyst-ui/prompt/system-message.tsx",
1107
- source: null,
1108
- usagePath: "/components/catalyst-ui/prompt/system-message.tsx",
1109
- usage: null,
1110
- premium: true,
1111
- category: "Prompt",
1112
- tags: ["ai", "components", "alert", "message", "notification", "status"],
1113
- features: ["Responsive", "TypeScript", "Accessible", "Multiple Variants", "Call-to-Action", "Custom Icons"],
1114
- dependencies: ["react", "lucide-react", "class-variance-authority", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
1115
- props: {
1116
- "SystemMessage": [
1117
- { name: "children", type: "React.ReactNode", default: "null" },
1118
- { name: "variant", type: "\"action\" | \"error\" | \"warning\"", default: "\"action\"" },
1119
- { name: "fill", type: "boolean", default: "false" },
1120
- { name: "icon", type: "React.ReactNode", default: "null" },
1121
- { name: "isIconHidden", type: "boolean", default: "false" },
1122
- { name: "cta", type: "{ label: string; onClick?: () => void; variant?: \"solid\" | \"outline\" | \"ghost\" }", default: "null" },
1123
- { name: "className", type: "string", default: "null" },
1124
- ],
1125
- },
1126
- desc: null,
1127
- status: null,
1128
- lastUpdated: null
1129
- },
1130
- {
1131
- name: "Tool",
1132
- value: "tool",
1133
- importPath: "~/components/catalyst-ui/prompt/tool",
1134
- multiImport: null,
1135
- basicusage: null,
1136
- path: "/components/catalyst-ui/prompt/tool.tsx",
1137
- source: null,
1138
- usagePath: "/components/catalyst-ui/prompt/tool.tsx",
1139
- usage: null,
1140
- premium: true,
1141
- category: "Prompt",
1142
- tags: ["ai", "components", "tool", "function-calling", "collapsible", "status"],
1143
- features: ["Responsive", "TypeScript", "Accessible", "Multiple States", "Collapsible Content", "JSON Display", "Error Handling"],
1144
- dependencies: ["react", "lucide-react", "~/components/catalyst-ui", "~/components/catalyst-ui/utils"],
1145
- props: {
1146
- "Tool": [
1147
- { name: "toolPart", type: "ToolPart", default: "null" },
1148
- { name: "defaultOpen", type: "boolean", default: "false" },
1149
- { name: "className", type: "string", default: "null" },
1150
- ],
1151
- },
1152
- desc: null,
1153
- status: null,
1154
- lastUpdated: null
1155
- },
1156
- {
1157
- name: "chatbot",
1158
- value: "conversation-prompt-input",
1159
- importPath: "~/components/catalyst-ui/prompt/chatbot",
1160
- multiImport: "ConversationPromptInput, MessageComponent, LoadingMessage, ErrorMessage",
1161
- basicusage: null,
1162
- path: "/components/catalyst-ui/prompt/chatbot.tsx",
1163
- source: null,
1164
- usagePath: "/components/catalyst-ui/prompt/chatbot.tsx",
1165
- usage: null,
1166
- premium: true,
1167
- category: "Prompt",
1168
- tags: ["ai", "components", "chat", "conversation", "messaging", "input"],
1169
- features: ["Responsive", "TypeScript", "Accessible", "Real-time Chat", "Message Actions", "Error Handling", "Loading States"],
1170
- 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"],
1171
- props: {
1172
- "ConversationPromptInput": [
1173
- { name: "className", type: "string", default: "null" },
1174
- ],
1175
- "MessageComponent": [
1176
- { name: "message", type: "UIMessage", default: "null" },
1177
- { name: "isLastMessage", type: "boolean", default: "null" },
1178
- ],
1179
- "LoadingMessage": [
1180
- { name: "className", type: "string", default: "null" },
1181
- ],
1182
- "ErrorMessage": [
1183
- { name: "error", type: "Error", default: "null" },
1184
- { name: "className", type: "string", default: "null" },
1185
- ],
1186
- },
1187
- desc: null,
1188
- status: null,
1189
- lastUpdated: null
1190
- },
1191
- {
1192
- name: "ToolCallingChatbot",
1193
- value: "tool-calling-chatbot",
1194
- importPath: "~/components/catalyst-ui/prompt/tool-calling-chatbot",
1195
- multiImport: "ToolCallingChatbot, MessageComponent, LoadingMessage, ErrorMessage",
1196
- basicusage: null,
1197
- path: "/components/catalyst-ui/prompt/tool-calling-chatbot.tsx",
1198
- source: null,
1199
- usagePath: "/components/catalyst-ui/prompt/tool-calling-chatbot.tsx",
1200
- usage: null,
1201
- premium: true,
1202
- category: "Prompt",
1203
- tags: ["ai", "components", "chat", "tool-calling", "function-calling", "interactive"],
1204
- features: ["Responsive", "TypeScript", "Accessible", "Tool Integration", "Real-time Chat", "Message Actions", "Error Handling"],
1205
- 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"],
1206
- props: {
1207
- "ToolCallingChatbot": [
1208
- { name: "className", type: "string", default: "null" },
1209
- ],
1210
- "MessageComponent": [
1211
- { name: "message", type: "UIMessage", default: "null" },
1212
- { name: "isLastMessage", type: "boolean", default: "null" },
1213
- ],
1214
- "LoadingMessage": [
1215
- { name: "className", type: "string", default: "null" },
1216
- ],
1217
- "ErrorMessage": [
1218
- { name: "error", type: "Error", default: "null" },
1219
- { name: "className", type: "string", default: "null" },
1220
- ],
1221
- },
1222
- desc: null,
1223
- status: null,
1224
- lastUpdated: null
1225
- },
1226
- ];