cre8-mcp 0.1.0
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.
- package/README.md +55 -0
- package/data/components.json +654 -0
- package/dist/handlers.d.ts +33 -0
- package/dist/handlers.js +128 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +75 -0
- package/dist/proxy.d.ts +17 -0
- package/dist/proxy.js +131 -0
- package/dist/server.d.ts +6 -0
- package/dist/server.js +82 -0
- package/dist/tools.d.ts +93 -0
- package/dist/tools.js +79 -0
- package/package.json +34 -0
|
@@ -0,0 +1,654 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": "1.0.0",
|
|
3
|
+
"library": "@tmorrow/cre8-react",
|
|
4
|
+
"components": [
|
|
5
|
+
{
|
|
6
|
+
"name": "Cre8Button",
|
|
7
|
+
"category": "Actions",
|
|
8
|
+
"description": "Primary interactive element for user actions. Supports primary, secondary, and tertiary variants.",
|
|
9
|
+
"props": {
|
|
10
|
+
"text": { "type": "string", "description": "Button text. Keep short, max 3 words. Use Title Case." },
|
|
11
|
+
"variant": { "type": "string", "enum": ["primary", "secondary", "tertiary"], "default": "primary", "description": "Visual priority level" },
|
|
12
|
+
"size": { "type": "string", "enum": ["sm", "md", "lg"], "default": "md" },
|
|
13
|
+
"disabled": { "type": "boolean", "default": false },
|
|
14
|
+
"fullWidth": { "type": "boolean", "default": false },
|
|
15
|
+
"loading": { "type": "boolean", "default": false },
|
|
16
|
+
"iconName": { "type": "string", "description": "Icon name (deprecated, use svg)" },
|
|
17
|
+
"iconPosition": { "type": "string", "enum": ["before", "after"] },
|
|
18
|
+
"href": { "type": "string", "description": "Makes button an anchor element" },
|
|
19
|
+
"type": { "type": "string", "enum": ["button", "submit", "reset"], "default": "button" }
|
|
20
|
+
},
|
|
21
|
+
"examples": [
|
|
22
|
+
{ "description": "Primary button", "jsx": "<Cre8Button text=\"Submit\" variant=\"primary\" />" },
|
|
23
|
+
{ "description": "Secondary button", "jsx": "<Cre8Button text=\"Cancel\" variant=\"secondary\" />" },
|
|
24
|
+
{ "description": "Loading state", "jsx": "<Cre8Button text=\"Saving...\" loading={true} />" }
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"name": "Cre8DangerButton",
|
|
29
|
+
"category": "Actions",
|
|
30
|
+
"description": "Button for destructive actions like delete or remove.",
|
|
31
|
+
"props": {
|
|
32
|
+
"text": { "type": "string", "description": "Button text" },
|
|
33
|
+
"disabled": { "type": "boolean", "default": false }
|
|
34
|
+
},
|
|
35
|
+
"examples": [
|
|
36
|
+
{ "description": "Delete button", "jsx": "<Cre8DangerButton text=\"Delete\" />" }
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "Cre8Field",
|
|
41
|
+
"category": "Forms",
|
|
42
|
+
"description": "Text input field with label and validation support.",
|
|
43
|
+
"props": {
|
|
44
|
+
"label": { "type": "string", "required": true },
|
|
45
|
+
"value": { "type": "string" },
|
|
46
|
+
"type": { "type": "string", "enum": ["text", "email", "password", "tel", "url", "number"], "default": "text" },
|
|
47
|
+
"placeholder": { "type": "string" },
|
|
48
|
+
"disabled": { "type": "boolean", "default": false },
|
|
49
|
+
"required": { "type": "boolean", "default": false },
|
|
50
|
+
"errorNote": { "type": "string", "description": "Error message to display" }
|
|
51
|
+
},
|
|
52
|
+
"examples": [
|
|
53
|
+
{ "description": "Email input", "jsx": "<Cre8Field label=\"Email\" type=\"email\" placeholder=\"Enter email\" />" }
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "Cre8Select",
|
|
58
|
+
"category": "Forms",
|
|
59
|
+
"description": "Dropdown select input for choosing from options.",
|
|
60
|
+
"props": {
|
|
61
|
+
"label": { "type": "string" },
|
|
62
|
+
"value": { "type": "string" },
|
|
63
|
+
"disabled": { "type": "boolean", "default": false },
|
|
64
|
+
"required": { "type": "boolean", "default": false }
|
|
65
|
+
},
|
|
66
|
+
"examples": [
|
|
67
|
+
{ "description": "Basic select", "jsx": "<Cre8Select label=\"Country\"><option value=\"us\">United States</option></Cre8Select>" }
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"name": "Cre8MultiSelect",
|
|
72
|
+
"category": "Forms",
|
|
73
|
+
"description": "Multi-select dropdown for choosing multiple options.",
|
|
74
|
+
"props": {
|
|
75
|
+
"label": { "type": "string" },
|
|
76
|
+
"disabled": { "type": "boolean", "default": false }
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "Cre8CheckboxField",
|
|
81
|
+
"category": "Forms",
|
|
82
|
+
"description": "Container for checkbox items.",
|
|
83
|
+
"props": {
|
|
84
|
+
"label": { "type": "string" },
|
|
85
|
+
"disabled": { "type": "boolean", "default": false }
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"name": "Cre8CheckboxFieldItem",
|
|
90
|
+
"category": "Forms",
|
|
91
|
+
"description": "Individual checkbox item within a CheckboxField.",
|
|
92
|
+
"props": {
|
|
93
|
+
"label": { "type": "string", "required": true },
|
|
94
|
+
"checked": { "type": "boolean", "default": false },
|
|
95
|
+
"disabled": { "type": "boolean", "default": false },
|
|
96
|
+
"value": { "type": "string" }
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "Cre8RadioField",
|
|
101
|
+
"category": "Forms",
|
|
102
|
+
"description": "Container for radio button items.",
|
|
103
|
+
"props": {
|
|
104
|
+
"label": { "type": "string" },
|
|
105
|
+
"name": { "type": "string", "required": true }
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"name": "Cre8RadioFieldItem",
|
|
110
|
+
"category": "Forms",
|
|
111
|
+
"description": "Individual radio button within a RadioField.",
|
|
112
|
+
"props": {
|
|
113
|
+
"label": { "type": "string", "required": true },
|
|
114
|
+
"value": { "type": "string", "required": true },
|
|
115
|
+
"checked": { "type": "boolean", "default": false }
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "Cre8DatePicker",
|
|
120
|
+
"category": "Forms",
|
|
121
|
+
"description": "Date picker input component.",
|
|
122
|
+
"props": {
|
|
123
|
+
"label": { "type": "string" },
|
|
124
|
+
"value": { "type": "string" },
|
|
125
|
+
"disabled": { "type": "boolean", "default": false }
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"name": "Cre8Card",
|
|
130
|
+
"category": "Layout",
|
|
131
|
+
"description": "Container card for grouping related content.",
|
|
132
|
+
"props": {
|
|
133
|
+
"children": { "type": "ReactNode", "description": "Card content" }
|
|
134
|
+
},
|
|
135
|
+
"examples": [
|
|
136
|
+
{ "description": "Basic card", "jsx": "<Cre8Card><Cre8Heading>Title</Cre8Heading><p>Content</p></Cre8Card>" }
|
|
137
|
+
]
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"name": "Cre8Grid",
|
|
141
|
+
"category": "Layout",
|
|
142
|
+
"description": "CSS Grid layout container.",
|
|
143
|
+
"props": {
|
|
144
|
+
"children": { "type": "ReactNode" }
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"name": "Cre8GridItem",
|
|
149
|
+
"category": "Layout",
|
|
150
|
+
"description": "Item within a Grid container.",
|
|
151
|
+
"props": {
|
|
152
|
+
"children": { "type": "ReactNode" }
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"name": "Cre8Layout",
|
|
157
|
+
"category": "Layout",
|
|
158
|
+
"description": "Page layout wrapper.",
|
|
159
|
+
"props": {
|
|
160
|
+
"children": { "type": "ReactNode" }
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"name": "Cre8LayoutSection",
|
|
165
|
+
"category": "Layout",
|
|
166
|
+
"description": "Section within a Layout.",
|
|
167
|
+
"props": {
|
|
168
|
+
"children": { "type": "ReactNode" }
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "Cre8LayoutContainer",
|
|
173
|
+
"category": "Layout",
|
|
174
|
+
"description": "Content container with max-width constraints.",
|
|
175
|
+
"props": {
|
|
176
|
+
"children": { "type": "ReactNode" }
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"name": "Cre8Section",
|
|
181
|
+
"category": "Layout",
|
|
182
|
+
"description": "Generic section container.",
|
|
183
|
+
"props": {
|
|
184
|
+
"children": { "type": "ReactNode" }
|
|
185
|
+
}
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "Cre8Hero",
|
|
189
|
+
"category": "Layout",
|
|
190
|
+
"description": "Hero section for landing pages.",
|
|
191
|
+
"props": {
|
|
192
|
+
"children": { "type": "ReactNode" }
|
|
193
|
+
}
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "Cre8Band",
|
|
197
|
+
"category": "Layout",
|
|
198
|
+
"description": "Full-width content band/section.",
|
|
199
|
+
"props": {
|
|
200
|
+
"children": { "type": "ReactNode" }
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"name": "Cre8Divider",
|
|
205
|
+
"category": "Layout",
|
|
206
|
+
"description": "Visual separator between content sections.",
|
|
207
|
+
"props": {}
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "Cre8Heading",
|
|
211
|
+
"category": "Typography",
|
|
212
|
+
"description": "Heading text component with semantic levels.",
|
|
213
|
+
"props": {
|
|
214
|
+
"type": { "type": "string", "enum": ["h1", "h2", "h3", "h4", "h5", "h6"], "default": "h2" },
|
|
215
|
+
"children": { "type": "ReactNode" }
|
|
216
|
+
},
|
|
217
|
+
"examples": [
|
|
218
|
+
{ "description": "Page title", "jsx": "<Cre8Heading type=\"h1\">Welcome</Cre8Heading>" }
|
|
219
|
+
]
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "Cre8TextPassage",
|
|
223
|
+
"category": "Typography",
|
|
224
|
+
"description": "Body text container for paragraphs.",
|
|
225
|
+
"props": {
|
|
226
|
+
"children": { "type": "ReactNode" }
|
|
227
|
+
}
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"name": "Cre8TextLink",
|
|
231
|
+
"category": "Typography",
|
|
232
|
+
"description": "Styled text link.",
|
|
233
|
+
"props": {
|
|
234
|
+
"href": { "type": "string", "required": true },
|
|
235
|
+
"target": { "type": "string", "enum": ["_blank", "_self"] },
|
|
236
|
+
"children": { "type": "ReactNode" }
|
|
237
|
+
}
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"name": "Cre8Link",
|
|
241
|
+
"category": "Navigation",
|
|
242
|
+
"description": "Navigation link component.",
|
|
243
|
+
"props": {
|
|
244
|
+
"href": { "type": "string", "required": true },
|
|
245
|
+
"children": { "type": "ReactNode" }
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"name": "Cre8GlobalNav",
|
|
250
|
+
"category": "Navigation",
|
|
251
|
+
"description": "Global navigation bar container.",
|
|
252
|
+
"props": {
|
|
253
|
+
"children": { "type": "ReactNode" }
|
|
254
|
+
}
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"name": "Cre8GlobalNavItem",
|
|
258
|
+
"category": "Navigation",
|
|
259
|
+
"description": "Item within GlobalNav.",
|
|
260
|
+
"props": {
|
|
261
|
+
"href": { "type": "string" },
|
|
262
|
+
"children": { "type": "ReactNode" }
|
|
263
|
+
}
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"name": "Cre8PrimaryNav",
|
|
267
|
+
"category": "Navigation",
|
|
268
|
+
"description": "Primary navigation container.",
|
|
269
|
+
"props": {
|
|
270
|
+
"children": { "type": "ReactNode" }
|
|
271
|
+
}
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"name": "Cre8PrimaryNavItem",
|
|
275
|
+
"category": "Navigation",
|
|
276
|
+
"description": "Item within PrimaryNav.",
|
|
277
|
+
"props": {
|
|
278
|
+
"href": { "type": "string" },
|
|
279
|
+
"children": { "type": "ReactNode" }
|
|
280
|
+
}
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"name": "Cre8TertiaryNav",
|
|
284
|
+
"category": "Navigation",
|
|
285
|
+
"description": "Tertiary navigation container.",
|
|
286
|
+
"props": {
|
|
287
|
+
"children": { "type": "ReactNode" }
|
|
288
|
+
}
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"name": "Cre8TertiaryNavItem",
|
|
292
|
+
"category": "Navigation",
|
|
293
|
+
"description": "Item within TertiaryNav.",
|
|
294
|
+
"props": {
|
|
295
|
+
"href": { "type": "string" },
|
|
296
|
+
"children": { "type": "ReactNode" }
|
|
297
|
+
}
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
"name": "Cre8Breadcrumbs",
|
|
301
|
+
"category": "Navigation",
|
|
302
|
+
"description": "Breadcrumb navigation container.",
|
|
303
|
+
"props": {
|
|
304
|
+
"children": { "type": "ReactNode" }
|
|
305
|
+
}
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "Cre8BreadcrumbsItem",
|
|
309
|
+
"category": "Navigation",
|
|
310
|
+
"description": "Item within Breadcrumbs.",
|
|
311
|
+
"props": {
|
|
312
|
+
"href": { "type": "string" },
|
|
313
|
+
"children": { "type": "ReactNode" }
|
|
314
|
+
}
|
|
315
|
+
},
|
|
316
|
+
{
|
|
317
|
+
"name": "Cre8Pagination",
|
|
318
|
+
"category": "Navigation",
|
|
319
|
+
"description": "Pagination controls for lists.",
|
|
320
|
+
"props": {
|
|
321
|
+
"currentPage": { "type": "number" },
|
|
322
|
+
"totalPages": { "type": "number" }
|
|
323
|
+
}
|
|
324
|
+
},
|
|
325
|
+
{
|
|
326
|
+
"name": "Cre8Header",
|
|
327
|
+
"category": "Navigation",
|
|
328
|
+
"description": "Page header container.",
|
|
329
|
+
"props": {
|
|
330
|
+
"children": { "type": "ReactNode" }
|
|
331
|
+
}
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"name": "Cre8Footer",
|
|
335
|
+
"category": "Navigation",
|
|
336
|
+
"description": "Page footer container.",
|
|
337
|
+
"props": {
|
|
338
|
+
"children": { "type": "ReactNode" }
|
|
339
|
+
}
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"name": "Cre8Tabs",
|
|
343
|
+
"category": "Navigation",
|
|
344
|
+
"description": "Tab navigation container.",
|
|
345
|
+
"props": {
|
|
346
|
+
"children": { "type": "ReactNode" }
|
|
347
|
+
}
|
|
348
|
+
},
|
|
349
|
+
{
|
|
350
|
+
"name": "Cre8Tab",
|
|
351
|
+
"category": "Navigation",
|
|
352
|
+
"description": "Individual tab within Tabs.",
|
|
353
|
+
"props": {
|
|
354
|
+
"label": { "type": "string" },
|
|
355
|
+
"selected": { "type": "boolean" }
|
|
356
|
+
}
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"name": "Cre8TabPanel",
|
|
360
|
+
"category": "Navigation",
|
|
361
|
+
"description": "Content panel for a Tab.",
|
|
362
|
+
"props": {
|
|
363
|
+
"children": { "type": "ReactNode" }
|
|
364
|
+
}
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
"name": "Cre8Accordion",
|
|
368
|
+
"category": "Disclosure",
|
|
369
|
+
"description": "Accordion container for collapsible sections.",
|
|
370
|
+
"props": {
|
|
371
|
+
"children": { "type": "ReactNode" }
|
|
372
|
+
}
|
|
373
|
+
},
|
|
374
|
+
{
|
|
375
|
+
"name": "Cre8AccordionItem",
|
|
376
|
+
"category": "Disclosure",
|
|
377
|
+
"description": "Individual collapsible item within Accordion.",
|
|
378
|
+
"props": {
|
|
379
|
+
"label": { "type": "string", "required": true },
|
|
380
|
+
"expanded": { "type": "boolean", "default": false },
|
|
381
|
+
"children": { "type": "ReactNode" }
|
|
382
|
+
}
|
|
383
|
+
},
|
|
384
|
+
{
|
|
385
|
+
"name": "Cre8Dropdown",
|
|
386
|
+
"category": "Disclosure",
|
|
387
|
+
"description": "Dropdown menu container.",
|
|
388
|
+
"props": {
|
|
389
|
+
"children": { "type": "ReactNode" }
|
|
390
|
+
}
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"name": "Cre8DropdownItem",
|
|
394
|
+
"category": "Disclosure",
|
|
395
|
+
"description": "Item within Dropdown.",
|
|
396
|
+
"props": {
|
|
397
|
+
"children": { "type": "ReactNode" }
|
|
398
|
+
}
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"name": "Cre8Modal",
|
|
402
|
+
"category": "Disclosure",
|
|
403
|
+
"description": "Modal dialog overlay.",
|
|
404
|
+
"props": {
|
|
405
|
+
"open": { "type": "boolean", "default": false },
|
|
406
|
+
"children": { "type": "ReactNode" }
|
|
407
|
+
}
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
"name": "Cre8Popover",
|
|
411
|
+
"category": "Disclosure",
|
|
412
|
+
"description": "Popover content container.",
|
|
413
|
+
"props": {
|
|
414
|
+
"children": { "type": "ReactNode" }
|
|
415
|
+
}
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"name": "Cre8Tooltip",
|
|
419
|
+
"category": "Disclosure",
|
|
420
|
+
"description": "Tooltip for additional context.",
|
|
421
|
+
"props": {
|
|
422
|
+
"content": { "type": "string", "required": true },
|
|
423
|
+
"children": { "type": "ReactNode" }
|
|
424
|
+
}
|
|
425
|
+
},
|
|
426
|
+
{
|
|
427
|
+
"name": "Cre8Alert",
|
|
428
|
+
"category": "Feedback",
|
|
429
|
+
"description": "Alert message for important notifications.",
|
|
430
|
+
"props": {
|
|
431
|
+
"status": { "type": "string", "enum": ["info", "success", "warning", "error"], "default": "info" },
|
|
432
|
+
"children": { "type": "ReactNode" }
|
|
433
|
+
}
|
|
434
|
+
},
|
|
435
|
+
{
|
|
436
|
+
"name": "Cre8InlineAlert",
|
|
437
|
+
"category": "Feedback",
|
|
438
|
+
"description": "Inline alert for contextual messages.",
|
|
439
|
+
"props": {
|
|
440
|
+
"status": { "type": "string", "enum": ["info", "success", "warning", "error"], "default": "info" },
|
|
441
|
+
"children": { "type": "ReactNode" }
|
|
442
|
+
}
|
|
443
|
+
},
|
|
444
|
+
{
|
|
445
|
+
"name": "Cre8Badge",
|
|
446
|
+
"category": "Feedback",
|
|
447
|
+
"description": "Badge for status indicators or counts.",
|
|
448
|
+
"props": {
|
|
449
|
+
"text": { "type": "string" },
|
|
450
|
+
"variant": { "type": "string", "enum": ["default", "success", "warning", "error"] }
|
|
451
|
+
}
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
"name": "Cre8LoadingSpinner",
|
|
455
|
+
"category": "Feedback",
|
|
456
|
+
"description": "Loading spinner indicator.",
|
|
457
|
+
"props": {
|
|
458
|
+
"size": { "type": "string", "enum": ["sm", "md", "lg"], "default": "md" }
|
|
459
|
+
}
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"name": "Cre8SkeletonLoader",
|
|
463
|
+
"category": "Feedback",
|
|
464
|
+
"description": "Skeleton loading placeholder.",
|
|
465
|
+
"props": {}
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "Cre8ProgressMeter",
|
|
469
|
+
"category": "Feedback",
|
|
470
|
+
"description": "Progress bar for completion status.",
|
|
471
|
+
"props": {
|
|
472
|
+
"value": { "type": "number", "description": "Progress value 0-100" },
|
|
473
|
+
"max": { "type": "number", "default": 100 }
|
|
474
|
+
}
|
|
475
|
+
},
|
|
476
|
+
{
|
|
477
|
+
"name": "Cre8PercentBar",
|
|
478
|
+
"category": "Feedback",
|
|
479
|
+
"description": "Percentage bar visualization.",
|
|
480
|
+
"props": {
|
|
481
|
+
"value": { "type": "number" }
|
|
482
|
+
}
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"name": "Cre8Table",
|
|
486
|
+
"category": "Data",
|
|
487
|
+
"description": "Data table container.",
|
|
488
|
+
"props": {
|
|
489
|
+
"children": { "type": "ReactNode" }
|
|
490
|
+
}
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
"name": "Cre8TableHeader",
|
|
494
|
+
"category": "Data",
|
|
495
|
+
"description": "Table header section.",
|
|
496
|
+
"props": {
|
|
497
|
+
"children": { "type": "ReactNode" }
|
|
498
|
+
}
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"name": "Cre8TableHeaderCell",
|
|
502
|
+
"category": "Data",
|
|
503
|
+
"description": "Header cell in table.",
|
|
504
|
+
"props": {
|
|
505
|
+
"children": { "type": "ReactNode" }
|
|
506
|
+
}
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"name": "Cre8TableBody",
|
|
510
|
+
"category": "Data",
|
|
511
|
+
"description": "Table body section.",
|
|
512
|
+
"props": {
|
|
513
|
+
"children": { "type": "ReactNode" }
|
|
514
|
+
}
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"name": "Cre8TableRow",
|
|
518
|
+
"category": "Data",
|
|
519
|
+
"description": "Table row.",
|
|
520
|
+
"props": {
|
|
521
|
+
"children": { "type": "ReactNode" }
|
|
522
|
+
}
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"name": "Cre8TableCell",
|
|
526
|
+
"category": "Data",
|
|
527
|
+
"description": "Table cell.",
|
|
528
|
+
"props": {
|
|
529
|
+
"children": { "type": "ReactNode" }
|
|
530
|
+
}
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
"name": "Cre8List",
|
|
534
|
+
"category": "Data",
|
|
535
|
+
"description": "List container.",
|
|
536
|
+
"props": {
|
|
537
|
+
"children": { "type": "ReactNode" }
|
|
538
|
+
}
|
|
539
|
+
},
|
|
540
|
+
{
|
|
541
|
+
"name": "Cre8ListItem",
|
|
542
|
+
"category": "Data",
|
|
543
|
+
"description": "Item within List.",
|
|
544
|
+
"props": {
|
|
545
|
+
"children": { "type": "ReactNode" }
|
|
546
|
+
}
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"name": "Cre8LinkList",
|
|
550
|
+
"category": "Data",
|
|
551
|
+
"description": "List of links.",
|
|
552
|
+
"props": {
|
|
553
|
+
"children": { "type": "ReactNode" }
|
|
554
|
+
}
|
|
555
|
+
},
|
|
556
|
+
{
|
|
557
|
+
"name": "Cre8LinkListItem",
|
|
558
|
+
"category": "Data",
|
|
559
|
+
"description": "Link item within LinkList.",
|
|
560
|
+
"props": {
|
|
561
|
+
"href": { "type": "string" },
|
|
562
|
+
"children": { "type": "ReactNode" }
|
|
563
|
+
}
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"name": "Cre8Tag",
|
|
567
|
+
"category": "Data",
|
|
568
|
+
"description": "Tag/chip for categorization.",
|
|
569
|
+
"props": {
|
|
570
|
+
"text": { "type": "string" }
|
|
571
|
+
}
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"name": "Cre8TagList",
|
|
575
|
+
"category": "Data",
|
|
576
|
+
"description": "Container for tags.",
|
|
577
|
+
"props": {
|
|
578
|
+
"children": { "type": "ReactNode" }
|
|
579
|
+
}
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "Cre8RemoveTag",
|
|
583
|
+
"category": "Data",
|
|
584
|
+
"description": "Removable tag with close button.",
|
|
585
|
+
"props": {
|
|
586
|
+
"text": { "type": "string" }
|
|
587
|
+
}
|
|
588
|
+
},
|
|
589
|
+
{
|
|
590
|
+
"name": "Cre8Chart",
|
|
591
|
+
"category": "Data",
|
|
592
|
+
"description": "Chart visualization component.",
|
|
593
|
+
"props": {}
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"name": "Cre8Icon",
|
|
597
|
+
"category": "Media",
|
|
598
|
+
"description": "Icon component using SVG.",
|
|
599
|
+
"props": {
|
|
600
|
+
"svg": { "type": "string", "description": "Raw SVG string" },
|
|
601
|
+
"size": { "type": "string", "enum": ["sm", "md", "lg"] }
|
|
602
|
+
}
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"name": "Cre8Logo",
|
|
606
|
+
"category": "Media",
|
|
607
|
+
"description": "Logo component.",
|
|
608
|
+
"props": {}
|
|
609
|
+
},
|
|
610
|
+
{
|
|
611
|
+
"name": "Cre8Feature",
|
|
612
|
+
"category": "Marketing",
|
|
613
|
+
"description": "Feature highlight component for marketing pages.",
|
|
614
|
+
"props": {
|
|
615
|
+
"children": { "type": "ReactNode" }
|
|
616
|
+
}
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "Cre8PageHeader",
|
|
620
|
+
"category": "Marketing",
|
|
621
|
+
"description": "Page header with title and actions.",
|
|
622
|
+
"props": {
|
|
623
|
+
"children": { "type": "ReactNode" }
|
|
624
|
+
}
|
|
625
|
+
}
|
|
626
|
+
],
|
|
627
|
+
"patterns": [
|
|
628
|
+
{
|
|
629
|
+
"name": "Login Form",
|
|
630
|
+
"description": "Standard login form with email and password",
|
|
631
|
+
"template": "<Cre8Card>\n <Cre8Heading type=\"h2\">Sign In</Cre8Heading>\n <Cre8Field label=\"Email\" type=\"email\" />\n <Cre8Field label=\"Password\" type=\"password\" />\n <Cre8Button text=\"Sign In\" variant=\"primary\" fullWidth />\n</Cre8Card>"
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "Data Table",
|
|
635
|
+
"description": "Table with header and data rows",
|
|
636
|
+
"template": "<Cre8Table>\n <Cre8TableHeader>\n <Cre8TableRow>\n <Cre8TableHeaderCell>Name</Cre8TableHeaderCell>\n <Cre8TableHeaderCell>Status</Cre8TableHeaderCell>\n </Cre8TableRow>\n </Cre8TableHeader>\n <Cre8TableBody>\n <Cre8TableRow>\n <Cre8TableCell>Item 1</Cre8TableCell>\n <Cre8TableCell><Cre8Badge text=\"Active\" /></Cre8TableCell>\n </Cre8TableRow>\n </Cre8TableBody>\n</Cre8Table>"
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "Page Layout",
|
|
640
|
+
"description": "Standard page with header, main content, and footer",
|
|
641
|
+
"template": "<Cre8Layout>\n <Cre8Header>\n <Cre8GlobalNav>\n <Cre8GlobalNavItem href=\"/\">Home</Cre8GlobalNavItem>\n </Cre8GlobalNav>\n </Cre8Header>\n <Cre8Main>\n <Cre8LayoutContainer>\n {/* Page content */}\n </Cre8LayoutContainer>\n </Cre8Main>\n <Cre8Footer />\n</Cre8Layout>"
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"name": "Alert Banner",
|
|
645
|
+
"description": "Dismissible alert at top of page",
|
|
646
|
+
"template": "<Cre8Alert status=\"info\">\n Important announcement message here.\n</Cre8Alert>"
|
|
647
|
+
},
|
|
648
|
+
{
|
|
649
|
+
"name": "Tabbed Content",
|
|
650
|
+
"description": "Content organized in tabs",
|
|
651
|
+
"template": "<Cre8Tabs>\n <Cre8Tab label=\"Tab 1\" selected />\n <Cre8Tab label=\"Tab 2\" />\n <Cre8TabPanel>Content for Tab 1</Cre8TabPanel>\n <Cre8TabPanel>Content for Tab 2</Cre8TabPanel>\n</Cre8Tabs>"
|
|
652
|
+
}
|
|
653
|
+
]
|
|
654
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Cre8 MCP Tool Handlers
|
|
3
|
+
*
|
|
4
|
+
* Functions that implement the Cre8 Design System MCP tools.
|
|
5
|
+
*/
|
|
6
|
+
export interface ListComponentsInput {
|
|
7
|
+
category?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface GetComponentInput {
|
|
10
|
+
name: string;
|
|
11
|
+
}
|
|
12
|
+
export interface GetPatternsInput {
|
|
13
|
+
name?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface SearchComponentsInput {
|
|
16
|
+
query: string;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* list_components - Lists all available Cre8 components
|
|
20
|
+
*/
|
|
21
|
+
export declare function handleListComponents(input: ListComponentsInput): string;
|
|
22
|
+
/**
|
|
23
|
+
* get_component - Gets detailed info for a specific component
|
|
24
|
+
*/
|
|
25
|
+
export declare function handleGetComponent(input: GetComponentInput): string;
|
|
26
|
+
/**
|
|
27
|
+
* get_patterns - Gets layout patterns and templates
|
|
28
|
+
*/
|
|
29
|
+
export declare function handleGetPatterns(input: GetPatternsInput): string;
|
|
30
|
+
/**
|
|
31
|
+
* search_components - Search components by name or description
|
|
32
|
+
*/
|
|
33
|
+
export declare function handleSearchComponents(input: SearchComponentsInput): string;
|