@kjaniec-dev/ui-mcp 0.6.0 → 0.7.1
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 +1 -1
- package/data/components.json +781 -2
- package/data/tokens.json +14 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -46,7 +46,7 @@ To test your local changes, point your client configuration to the built index f
|
|
|
46
46
|
"kj-ui-local": {
|
|
47
47
|
"type": "stdio",
|
|
48
48
|
"command": "node",
|
|
49
|
-
"args": ["
|
|
49
|
+
"args": ["~/ui-kit/packages/mcp/dist/index.js"]
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
}
|
package/data/components.json
CHANGED
|
@@ -212,7 +212,7 @@
|
|
|
212
212
|
}
|
|
213
213
|
],
|
|
214
214
|
"cva": null,
|
|
215
|
-
"usageSnippet": "<Input placeholder=\"
|
|
215
|
+
"usageSnippet": "<Input placeholder=\"John Doe\" />"
|
|
216
216
|
},
|
|
217
217
|
{
|
|
218
218
|
"name": "Textarea",
|
|
@@ -230,6 +230,43 @@
|
|
|
230
230
|
"cva": null,
|
|
231
231
|
"usageSnippet": "<Textarea placeholder=\"What is this project about?\" />"
|
|
232
232
|
},
|
|
233
|
+
{
|
|
234
|
+
"name": "TextField",
|
|
235
|
+
"importPath": "import { TextField } from \"@kjaniec-dev/ui\";",
|
|
236
|
+
"description": "React component TextField.",
|
|
237
|
+
"props": [
|
|
238
|
+
{
|
|
239
|
+
"name": "label",
|
|
240
|
+
"type": "string",
|
|
241
|
+
"optional": false,
|
|
242
|
+
"defaultValue": null,
|
|
243
|
+
"description": ""
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"name": "hint",
|
|
247
|
+
"type": "string",
|
|
248
|
+
"optional": true,
|
|
249
|
+
"defaultValue": null,
|
|
250
|
+
"description": ""
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"name": "error",
|
|
254
|
+
"type": "string",
|
|
255
|
+
"optional": true,
|
|
256
|
+
"defaultValue": null,
|
|
257
|
+
"description": ""
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "required",
|
|
261
|
+
"type": "boolean",
|
|
262
|
+
"optional": true,
|
|
263
|
+
"defaultValue": null,
|
|
264
|
+
"description": ""
|
|
265
|
+
}
|
|
266
|
+
],
|
|
267
|
+
"cva": null,
|
|
268
|
+
"usageSnippet": "<TextField label=\"Connection String\" defaultValue=\"postgresql://db.kjaniec.dev:5432\" />"
|
|
269
|
+
},
|
|
233
270
|
{
|
|
234
271
|
"name": "Label",
|
|
235
272
|
"importPath": "import { Label } from \"@kjaniec-dev/ui\";",
|
|
@@ -286,6 +323,43 @@
|
|
|
286
323
|
"cva": null,
|
|
287
324
|
"usageSnippet": "<Select>\n <option>Personal Portfolio</option>\n <option>B2B Landlord SaaS</option>\n <option>Accounting App</option>\n </Select>"
|
|
288
325
|
},
|
|
326
|
+
{
|
|
327
|
+
"name": "SelectField",
|
|
328
|
+
"importPath": "import { SelectField } from \"@kjaniec-dev/ui\";",
|
|
329
|
+
"description": "React component SelectField.",
|
|
330
|
+
"props": [
|
|
331
|
+
{
|
|
332
|
+
"name": "label",
|
|
333
|
+
"type": "string",
|
|
334
|
+
"optional": false,
|
|
335
|
+
"defaultValue": null,
|
|
336
|
+
"description": ""
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"name": "hint",
|
|
340
|
+
"type": "string",
|
|
341
|
+
"optional": true,
|
|
342
|
+
"defaultValue": null,
|
|
343
|
+
"description": ""
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
"name": "error",
|
|
347
|
+
"type": "string",
|
|
348
|
+
"optional": true,
|
|
349
|
+
"defaultValue": null,
|
|
350
|
+
"description": ""
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"name": "required",
|
|
354
|
+
"type": "boolean",
|
|
355
|
+
"optional": true,
|
|
356
|
+
"defaultValue": null,
|
|
357
|
+
"description": ""
|
|
358
|
+
}
|
|
359
|
+
],
|
|
360
|
+
"cva": null,
|
|
361
|
+
"usageSnippet": "<SelectField>\n <!-- Content -->\n</SelectField>"
|
|
362
|
+
},
|
|
289
363
|
{
|
|
290
364
|
"name": "Checkbox",
|
|
291
365
|
"importPath": "import { Checkbox } from \"@kjaniec-dev/ui\";",
|
|
@@ -302,6 +376,36 @@
|
|
|
302
376
|
"cva": null,
|
|
303
377
|
"usageSnippet": "<Checkbox defaultChecked label=\"Email notifications\" />"
|
|
304
378
|
},
|
|
379
|
+
{
|
|
380
|
+
"name": "CheckboxField",
|
|
381
|
+
"importPath": "import { CheckboxField } from \"@kjaniec-dev/ui\";",
|
|
382
|
+
"description": "React component CheckboxField.",
|
|
383
|
+
"props": [
|
|
384
|
+
{
|
|
385
|
+
"name": "label",
|
|
386
|
+
"type": "React.ReactNode",
|
|
387
|
+
"optional": false,
|
|
388
|
+
"defaultValue": null,
|
|
389
|
+
"description": ""
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"name": "hint",
|
|
393
|
+
"type": "string",
|
|
394
|
+
"optional": true,
|
|
395
|
+
"defaultValue": null,
|
|
396
|
+
"description": ""
|
|
397
|
+
},
|
|
398
|
+
{
|
|
399
|
+
"name": "error",
|
|
400
|
+
"type": "string",
|
|
401
|
+
"optional": true,
|
|
402
|
+
"defaultValue": null,
|
|
403
|
+
"description": ""
|
|
404
|
+
}
|
|
405
|
+
],
|
|
406
|
+
"cva": null,
|
|
407
|
+
"usageSnippet": "<CheckboxField label=\"Enable auto-backups daily\" defaultChecked />"
|
|
408
|
+
},
|
|
305
409
|
{
|
|
306
410
|
"name": "Radio",
|
|
307
411
|
"importPath": "import { Radio } from \"@kjaniec-dev/ui\";",
|
|
@@ -876,6 +980,94 @@
|
|
|
876
980
|
"cva": null,
|
|
877
981
|
"usageSnippet": "<Pagination page={page} pageCount={9} onPageChange={setPage} />"
|
|
878
982
|
},
|
|
983
|
+
{
|
|
984
|
+
"name": "BottomNavigation",
|
|
985
|
+
"importPath": "import { BottomNavigation } from \"@kjaniec-dev/ui\";",
|
|
986
|
+
"description": "React component BottomNavigation.",
|
|
987
|
+
"props": [
|
|
988
|
+
{
|
|
989
|
+
"name": "items",
|
|
990
|
+
"type": "BottomNavigationItem[]",
|
|
991
|
+
"optional": false,
|
|
992
|
+
"defaultValue": null,
|
|
993
|
+
"description": ""
|
|
994
|
+
},
|
|
995
|
+
{
|
|
996
|
+
"name": "showLabels",
|
|
997
|
+
"type": "\"always\" | \"active\" | \"never\"",
|
|
998
|
+
"optional": true,
|
|
999
|
+
"defaultValue": "\"always\"",
|
|
1000
|
+
"description": "Mode for displaying labels:\n- 'always': Always show labels for all items.\n- 'active': Only show label for the active item, hiding others.\n- 'never': Hide all labels (only show icons)."
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
1003
|
+
"name": "fixed",
|
|
1004
|
+
"type": "boolean",
|
|
1005
|
+
"optional": true,
|
|
1006
|
+
"defaultValue": "true",
|
|
1007
|
+
"description": "If true, uses fixed positioning at the bottom of the viewport with backdrop-blur."
|
|
1008
|
+
}
|
|
1009
|
+
],
|
|
1010
|
+
"cva": null,
|
|
1011
|
+
"usageSnippet": "<BottomNavigation items={navItems} fixed={false} showLabels=\"always\" />"
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
"name": "BottomNavigationItem",
|
|
1015
|
+
"importPath": "import { BottomNavigationItem } from \"@kjaniec-dev/ui\";",
|
|
1016
|
+
"description": "React component BottomNavigationItem.",
|
|
1017
|
+
"props": [
|
|
1018
|
+
{
|
|
1019
|
+
"name": "id",
|
|
1020
|
+
"type": "string",
|
|
1021
|
+
"optional": false,
|
|
1022
|
+
"defaultValue": null,
|
|
1023
|
+
"description": ""
|
|
1024
|
+
},
|
|
1025
|
+
{
|
|
1026
|
+
"name": "label",
|
|
1027
|
+
"type": "string",
|
|
1028
|
+
"optional": false,
|
|
1029
|
+
"defaultValue": null,
|
|
1030
|
+
"description": ""
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
"name": "href",
|
|
1034
|
+
"type": "string",
|
|
1035
|
+
"optional": true,
|
|
1036
|
+
"defaultValue": null,
|
|
1037
|
+
"description": ""
|
|
1038
|
+
},
|
|
1039
|
+
{
|
|
1040
|
+
"name": "onClick",
|
|
1041
|
+
"type": "() => void",
|
|
1042
|
+
"optional": true,
|
|
1043
|
+
"defaultValue": null,
|
|
1044
|
+
"description": ""
|
|
1045
|
+
},
|
|
1046
|
+
{
|
|
1047
|
+
"name": "icon",
|
|
1048
|
+
"type": "React.ReactNode",
|
|
1049
|
+
"optional": false,
|
|
1050
|
+
"defaultValue": null,
|
|
1051
|
+
"description": ""
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"name": "active",
|
|
1055
|
+
"type": "boolean",
|
|
1056
|
+
"optional": true,
|
|
1057
|
+
"defaultValue": null,
|
|
1058
|
+
"description": ""
|
|
1059
|
+
},
|
|
1060
|
+
{
|
|
1061
|
+
"name": "badge",
|
|
1062
|
+
"type": "React.ReactNode",
|
|
1063
|
+
"optional": true,
|
|
1064
|
+
"defaultValue": null,
|
|
1065
|
+
"description": ""
|
|
1066
|
+
}
|
|
1067
|
+
],
|
|
1068
|
+
"cva": null,
|
|
1069
|
+
"usageSnippet": "<BottomNavigationItem>\n <!-- Content -->\n</BottomNavigationItem>"
|
|
1070
|
+
},
|
|
879
1071
|
{
|
|
880
1072
|
"name": "Table",
|
|
881
1073
|
"importPath": "import { Table } from \"@kjaniec-dev/ui\";",
|
|
@@ -1239,6 +1431,69 @@
|
|
|
1239
1431
|
"optional": true,
|
|
1240
1432
|
"defaultValue": null,
|
|
1241
1433
|
"description": ""
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
"name": "getRowKey",
|
|
1437
|
+
"type": "(row: T, index: number) => React.Key",
|
|
1438
|
+
"optional": true,
|
|
1439
|
+
"defaultValue": null,
|
|
1440
|
+
"description": "// Production-grade features"
|
|
1441
|
+
},
|
|
1442
|
+
{
|
|
1443
|
+
"name": "onRowClick",
|
|
1444
|
+
"type": "(row: T) => void",
|
|
1445
|
+
"optional": true,
|
|
1446
|
+
"defaultValue": null,
|
|
1447
|
+
"description": ""
|
|
1448
|
+
},
|
|
1449
|
+
{
|
|
1450
|
+
"name": "toolbar",
|
|
1451
|
+
"type": "React.ReactNode",
|
|
1452
|
+
"optional": true,
|
|
1453
|
+
"defaultValue": null,
|
|
1454
|
+
"description": ""
|
|
1455
|
+
},
|
|
1456
|
+
{
|
|
1457
|
+
"name": "pagination",
|
|
1458
|
+
"type": "React.ReactNode",
|
|
1459
|
+
"optional": true,
|
|
1460
|
+
"defaultValue": null,
|
|
1461
|
+
"description": ""
|
|
1462
|
+
},
|
|
1463
|
+
{
|
|
1464
|
+
"name": "selectedRows",
|
|
1465
|
+
"type": "Set<React.Key>",
|
|
1466
|
+
"optional": true,
|
|
1467
|
+
"defaultValue": null,
|
|
1468
|
+
"description": ""
|
|
1469
|
+
},
|
|
1470
|
+
{
|
|
1471
|
+
"name": "onSelectionChange",
|
|
1472
|
+
"type": "(selectedKeys: Set<React.Key>) => void",
|
|
1473
|
+
"optional": true,
|
|
1474
|
+
"defaultValue": null,
|
|
1475
|
+
"description": ""
|
|
1476
|
+
},
|
|
1477
|
+
{
|
|
1478
|
+
"name": "sortBy",
|
|
1479
|
+
"type": "string",
|
|
1480
|
+
"optional": true,
|
|
1481
|
+
"defaultValue": null,
|
|
1482
|
+
"description": "// Sorting props"
|
|
1483
|
+
},
|
|
1484
|
+
{
|
|
1485
|
+
"name": "sortDirection",
|
|
1486
|
+
"type": "\"asc\" | \"desc\"",
|
|
1487
|
+
"optional": true,
|
|
1488
|
+
"defaultValue": null,
|
|
1489
|
+
"description": ""
|
|
1490
|
+
},
|
|
1491
|
+
{
|
|
1492
|
+
"name": "onSort",
|
|
1493
|
+
"type": "(sortKey: string, direction: \"asc\" | \"desc\") => void",
|
|
1494
|
+
"optional": true,
|
|
1495
|
+
"defaultValue": null,
|
|
1496
|
+
"description": ""
|
|
1242
1497
|
}
|
|
1243
1498
|
],
|
|
1244
1499
|
"cva": null,
|
|
@@ -1269,6 +1524,27 @@
|
|
|
1269
1524
|
"optional": true,
|
|
1270
1525
|
"defaultValue": null,
|
|
1271
1526
|
"description": ""
|
|
1527
|
+
},
|
|
1528
|
+
{
|
|
1529
|
+
"name": "align",
|
|
1530
|
+
"type": "\"left\" | \"center\" | \"right\"",
|
|
1531
|
+
"optional": true,
|
|
1532
|
+
"defaultValue": null,
|
|
1533
|
+
"description": ""
|
|
1534
|
+
},
|
|
1535
|
+
{
|
|
1536
|
+
"name": "sortable",
|
|
1537
|
+
"type": "boolean",
|
|
1538
|
+
"optional": true,
|
|
1539
|
+
"defaultValue": null,
|
|
1540
|
+
"description": ""
|
|
1541
|
+
},
|
|
1542
|
+
{
|
|
1543
|
+
"name": "sortKey",
|
|
1544
|
+
"type": "string",
|
|
1545
|
+
"optional": true,
|
|
1546
|
+
"defaultValue": null,
|
|
1547
|
+
"description": ""
|
|
1272
1548
|
}
|
|
1273
1549
|
],
|
|
1274
1550
|
"cva": null,
|
|
@@ -1316,7 +1592,7 @@
|
|
|
1316
1592
|
}
|
|
1317
1593
|
],
|
|
1318
1594
|
"cva": null,
|
|
1319
|
-
"usageSnippet": "<FormField label=\"Full Name\">\n <Input placeholder=\"
|
|
1595
|
+
"usageSnippet": "<FormField label=\"Full Name\">\n <Input placeholder=\"John Doe\" />"
|
|
1320
1596
|
},
|
|
1321
1597
|
{
|
|
1322
1598
|
"name": "ErrorState",
|
|
@@ -1410,9 +1686,512 @@
|
|
|
1410
1686
|
"optional": false,
|
|
1411
1687
|
"defaultValue": null,
|
|
1412
1688
|
"description": ""
|
|
1689
|
+
},
|
|
1690
|
+
{
|
|
1691
|
+
"name": "sidebarWidth",
|
|
1692
|
+
"type": "string",
|
|
1693
|
+
"optional": true,
|
|
1694
|
+
"defaultValue": "\"md:w-64\"",
|
|
1695
|
+
"description": ""
|
|
1696
|
+
},
|
|
1697
|
+
{
|
|
1698
|
+
"name": "contentWidth",
|
|
1699
|
+
"type": "\"default\" | \"wide\" | \"full\"",
|
|
1700
|
+
"optional": true,
|
|
1701
|
+
"defaultValue": "\"default\"",
|
|
1702
|
+
"description": ""
|
|
1703
|
+
},
|
|
1704
|
+
{
|
|
1705
|
+
"name": "stickyTopbar",
|
|
1706
|
+
"type": "boolean",
|
|
1707
|
+
"optional": true,
|
|
1708
|
+
"defaultValue": "true",
|
|
1709
|
+
"description": ""
|
|
1710
|
+
},
|
|
1711
|
+
{
|
|
1712
|
+
"name": "mobileSidebar",
|
|
1713
|
+
"type": "React.ReactNode",
|
|
1714
|
+
"optional": true,
|
|
1715
|
+
"defaultValue": null,
|
|
1716
|
+
"description": ""
|
|
1413
1717
|
}
|
|
1414
1718
|
],
|
|
1415
1719
|
"cva": null,
|
|
1416
1720
|
"usageSnippet": "<DashboardShell\n sidebar={\n <div className=\"p-6 flex flex-col gap-6 h-full bg-subtle\">\n <div className=\"font-bold text-lg tracking-tight text-primary\">KJ Product Kit</div>\n <nav className=\"flex flex-col gap-2\">\n <a href=\"#\" className=\"text-sm font-medium text-foreground hover:text-primary transition-colors\">Dashboard</a>\n <a href=\"#\" className=\"text-sm font-medium text-muted-foreground hover:text-primary transition-colors\">Projects</a>\n <a href=\"#\" className=\"text-sm font-medium text-muted-foreground hover:text-primary transition-colors\">Invoices</a>\n <a href=\"#\" className=\"text-sm font-medium text-muted-foreground hover:text-primary transition-colors\">Settings</a>\n </nav>\n </div>\n }\n topbar={\n <div className=\"w-full flex items-center justify-between\">\n <span className=\"text-sm font-medium text-muted-foreground\">Workspace / Personal</span>\n <Button size=\"sm\" variant=\"ghost\">Profile</Button>\n </div>\n }\n >\n <PageHeader\n eyebrow=\"B2B SaaS\"\n title=\"Dashboard Shell\"\n description=\"The shell structure renders a responsive frame container with a sticky sidebar, topbar, and main canvas.\"\n actions={<Button size=\"sm\">New Project</Button>}\n />"
|
|
1721
|
+
},
|
|
1722
|
+
{
|
|
1723
|
+
"name": "SettingsLayout",
|
|
1724
|
+
"importPath": "import { SettingsLayout } from \"@kjaniec-dev/ui\";",
|
|
1725
|
+
"description": "React component SettingsLayout.",
|
|
1726
|
+
"props": [
|
|
1727
|
+
{
|
|
1728
|
+
"name": "sidebar",
|
|
1729
|
+
"type": "React.ReactNode",
|
|
1730
|
+
"optional": false,
|
|
1731
|
+
"defaultValue": null,
|
|
1732
|
+
"description": ""
|
|
1733
|
+
},
|
|
1734
|
+
{
|
|
1735
|
+
"name": "children",
|
|
1736
|
+
"type": "React.ReactNode",
|
|
1737
|
+
"optional": false,
|
|
1738
|
+
"defaultValue": null,
|
|
1739
|
+
"description": ""
|
|
1740
|
+
},
|
|
1741
|
+
{
|
|
1742
|
+
"name": "title",
|
|
1743
|
+
"type": "string",
|
|
1744
|
+
"optional": true,
|
|
1745
|
+
"defaultValue": null,
|
|
1746
|
+
"description": ""
|
|
1747
|
+
},
|
|
1748
|
+
{
|
|
1749
|
+
"name": "description",
|
|
1750
|
+
"type": "string",
|
|
1751
|
+
"optional": true,
|
|
1752
|
+
"defaultValue": null,
|
|
1753
|
+
"description": ""
|
|
1754
|
+
}
|
|
1755
|
+
],
|
|
1756
|
+
"cva": null,
|
|
1757
|
+
"usageSnippet": "<SettingsLayout\n title=\"Profile Settings\"\n description=\"Customize how your profile appears to other members.\"\n sidebar={\n <div className=\"flex flex-row lg:flex-col gap-1 w-full\">\n <Button variant=\"ghost\" size=\"sm\" className=\"justify-start bg-primary/10 text-primary\">General</Button>\n <Button variant=\"ghost\" size=\"sm\" className=\"justify-start text-muted-foreground\">Team</Button>\n <Button variant=\"ghost\" size=\"sm\" className=\"justify-start text-muted-foreground\">Billing</Button>\n </div>\n }\n >\n <Card className=\"p-6 space-y-4\">\n <div className=\"grid grid-cols-2 gap-4\">\n <TextField label=\"First Name\" defaultValue=\"John\" />"
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"name": "DetailPageLayout",
|
|
1761
|
+
"importPath": "import { DetailPageLayout } from \"@kjaniec-dev/ui\";",
|
|
1762
|
+
"description": "React component DetailPageLayout.",
|
|
1763
|
+
"props": [
|
|
1764
|
+
{
|
|
1765
|
+
"name": "title",
|
|
1766
|
+
"type": "string",
|
|
1767
|
+
"optional": false,
|
|
1768
|
+
"defaultValue": null,
|
|
1769
|
+
"description": ""
|
|
1770
|
+
},
|
|
1771
|
+
{
|
|
1772
|
+
"name": "description",
|
|
1773
|
+
"type": "string",
|
|
1774
|
+
"optional": true,
|
|
1775
|
+
"defaultValue": null,
|
|
1776
|
+
"description": ""
|
|
1777
|
+
},
|
|
1778
|
+
{
|
|
1779
|
+
"name": "backHref",
|
|
1780
|
+
"type": "string",
|
|
1781
|
+
"optional": true,
|
|
1782
|
+
"defaultValue": null,
|
|
1783
|
+
"description": ""
|
|
1784
|
+
},
|
|
1785
|
+
{
|
|
1786
|
+
"name": "backLabel",
|
|
1787
|
+
"type": "string",
|
|
1788
|
+
"optional": true,
|
|
1789
|
+
"defaultValue": "\"Back\"",
|
|
1790
|
+
"description": ""
|
|
1791
|
+
},
|
|
1792
|
+
{
|
|
1793
|
+
"name": "onBackClick",
|
|
1794
|
+
"type": "() => void",
|
|
1795
|
+
"optional": true,
|
|
1796
|
+
"defaultValue": null,
|
|
1797
|
+
"description": ""
|
|
1798
|
+
},
|
|
1799
|
+
{
|
|
1800
|
+
"name": "actions",
|
|
1801
|
+
"type": "React.ReactNode",
|
|
1802
|
+
"optional": true,
|
|
1803
|
+
"defaultValue": null,
|
|
1804
|
+
"description": ""
|
|
1805
|
+
},
|
|
1806
|
+
{
|
|
1807
|
+
"name": "aside",
|
|
1808
|
+
"type": "React.ReactNode",
|
|
1809
|
+
"optional": true,
|
|
1810
|
+
"defaultValue": null,
|
|
1811
|
+
"description": ""
|
|
1812
|
+
},
|
|
1813
|
+
{
|
|
1814
|
+
"name": "children",
|
|
1815
|
+
"type": "React.ReactNode",
|
|
1816
|
+
"optional": false,
|
|
1817
|
+
"defaultValue": null,
|
|
1818
|
+
"description": ""
|
|
1819
|
+
}
|
|
1820
|
+
],
|
|
1821
|
+
"cva": null,
|
|
1822
|
+
"usageSnippet": "<DetailPageLayout\n title=\"Transaction #TRN-9022\"\n description=\"Captured via Stripe checkout flow.\"\n backLabel=\"Back to payments\"\n onBackClick={() => alert(\"Back\")}\n actions={\n <>\n <Button variant=\"outline\" size=\"sm\">Refund</Button>\n <Button size=\"sm\">Receipt</Button>\n </>"
|
|
1823
|
+
},
|
|
1824
|
+
{
|
|
1825
|
+
"name": "TableToolbar",
|
|
1826
|
+
"importPath": "import { TableToolbar } from \"@kjaniec-dev/ui\";",
|
|
1827
|
+
"description": "React component TableToolbar.",
|
|
1828
|
+
"props": [
|
|
1829
|
+
{
|
|
1830
|
+
"name": "searchQuery",
|
|
1831
|
+
"type": "string",
|
|
1832
|
+
"optional": true,
|
|
1833
|
+
"defaultValue": null,
|
|
1834
|
+
"description": ""
|
|
1835
|
+
},
|
|
1836
|
+
{
|
|
1837
|
+
"name": "onSearchChange",
|
|
1838
|
+
"type": "(query: string) => void",
|
|
1839
|
+
"optional": true,
|
|
1840
|
+
"defaultValue": null,
|
|
1841
|
+
"description": ""
|
|
1842
|
+
},
|
|
1843
|
+
{
|
|
1844
|
+
"name": "searchPlaceholder",
|
|
1845
|
+
"type": "string",
|
|
1846
|
+
"optional": true,
|
|
1847
|
+
"defaultValue": "\"Search...\"",
|
|
1848
|
+
"description": ""
|
|
1849
|
+
},
|
|
1850
|
+
{
|
|
1851
|
+
"name": "actions",
|
|
1852
|
+
"type": "React.ReactNode",
|
|
1853
|
+
"optional": true,
|
|
1854
|
+
"defaultValue": null,
|
|
1855
|
+
"description": ""
|
|
1856
|
+
},
|
|
1857
|
+
{
|
|
1858
|
+
"name": "filters",
|
|
1859
|
+
"type": "React.ReactNode",
|
|
1860
|
+
"optional": true,
|
|
1861
|
+
"defaultValue": null,
|
|
1862
|
+
"description": ""
|
|
1863
|
+
}
|
|
1864
|
+
],
|
|
1865
|
+
"cva": null,
|
|
1866
|
+
"usageSnippet": "<TableToolbar>\n <!-- Content -->\n</TableToolbar>"
|
|
1867
|
+
},
|
|
1868
|
+
{
|
|
1869
|
+
"name": "ConfirmDialog",
|
|
1870
|
+
"importPath": "import { ConfirmDialog } from \"@kjaniec-dev/ui\";",
|
|
1871
|
+
"description": "React component ConfirmDialog.",
|
|
1872
|
+
"props": [
|
|
1873
|
+
{
|
|
1874
|
+
"name": "open",
|
|
1875
|
+
"type": "boolean",
|
|
1876
|
+
"optional": false,
|
|
1877
|
+
"defaultValue": null,
|
|
1878
|
+
"description": ""
|
|
1879
|
+
},
|
|
1880
|
+
{
|
|
1881
|
+
"name": "onClose",
|
|
1882
|
+
"type": "() => void",
|
|
1883
|
+
"optional": false,
|
|
1884
|
+
"defaultValue": null,
|
|
1885
|
+
"description": ""
|
|
1886
|
+
},
|
|
1887
|
+
{
|
|
1888
|
+
"name": "onConfirm",
|
|
1889
|
+
"type": "() => void",
|
|
1890
|
+
"optional": false,
|
|
1891
|
+
"defaultValue": null,
|
|
1892
|
+
"description": ""
|
|
1893
|
+
},
|
|
1894
|
+
{
|
|
1895
|
+
"name": "title",
|
|
1896
|
+
"type": "string",
|
|
1897
|
+
"optional": false,
|
|
1898
|
+
"defaultValue": null,
|
|
1899
|
+
"description": ""
|
|
1900
|
+
},
|
|
1901
|
+
{
|
|
1902
|
+
"name": "description",
|
|
1903
|
+
"type": "string",
|
|
1904
|
+
"optional": false,
|
|
1905
|
+
"defaultValue": null,
|
|
1906
|
+
"description": ""
|
|
1907
|
+
},
|
|
1908
|
+
{
|
|
1909
|
+
"name": "confirmLabel",
|
|
1910
|
+
"type": "string",
|
|
1911
|
+
"optional": true,
|
|
1912
|
+
"defaultValue": "\"Confirm\"",
|
|
1913
|
+
"description": ""
|
|
1914
|
+
},
|
|
1915
|
+
{
|
|
1916
|
+
"name": "cancelLabel",
|
|
1917
|
+
"type": "string",
|
|
1918
|
+
"optional": true,
|
|
1919
|
+
"defaultValue": "\"Cancel\"",
|
|
1920
|
+
"description": ""
|
|
1921
|
+
},
|
|
1922
|
+
{
|
|
1923
|
+
"name": "tone",
|
|
1924
|
+
"type": "\"danger\" | \"primary\" | \"success\"",
|
|
1925
|
+
"optional": true,
|
|
1926
|
+
"defaultValue": "\"primary\"",
|
|
1927
|
+
"description": ""
|
|
1928
|
+
},
|
|
1929
|
+
{
|
|
1930
|
+
"name": "loading",
|
|
1931
|
+
"type": "boolean",
|
|
1932
|
+
"optional": true,
|
|
1933
|
+
"defaultValue": "false",
|
|
1934
|
+
"description": ""
|
|
1935
|
+
}
|
|
1936
|
+
],
|
|
1937
|
+
"cva": null,
|
|
1938
|
+
"usageSnippet": "<ConfirmDialog\n open={open}\n onClose={() => setOpen(false)}\n title=\"Delete Workspace?\"\n description=\"This action cannot be undone. All database records and configs will be deleted.\"\n confirmLabel=\"Delete Workspace\"\n tone=\"danger\"\n loading={loading}\n onConfirm={() => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n setOpen(false);\n }, 1000);\n }}\n />"
|
|
1939
|
+
},
|
|
1940
|
+
{
|
|
1941
|
+
"name": "Drawer",
|
|
1942
|
+
"importPath": "import { Drawer } from \"@kjaniec-dev/ui\";",
|
|
1943
|
+
"description": "React component Drawer.",
|
|
1944
|
+
"props": [
|
|
1945
|
+
{
|
|
1946
|
+
"name": "open",
|
|
1947
|
+
"type": "boolean",
|
|
1948
|
+
"optional": false,
|
|
1949
|
+
"defaultValue": null,
|
|
1950
|
+
"description": ""
|
|
1951
|
+
},
|
|
1952
|
+
{
|
|
1953
|
+
"name": "onClose",
|
|
1954
|
+
"type": "() => void",
|
|
1955
|
+
"optional": false,
|
|
1956
|
+
"defaultValue": null,
|
|
1957
|
+
"description": ""
|
|
1958
|
+
},
|
|
1959
|
+
{
|
|
1960
|
+
"name": "children",
|
|
1961
|
+
"type": "React.ReactNode",
|
|
1962
|
+
"optional": false,
|
|
1963
|
+
"defaultValue": null,
|
|
1964
|
+
"description": ""
|
|
1965
|
+
},
|
|
1966
|
+
{
|
|
1967
|
+
"name": "title",
|
|
1968
|
+
"type": "string",
|
|
1969
|
+
"optional": true,
|
|
1970
|
+
"defaultValue": null,
|
|
1971
|
+
"description": ""
|
|
1972
|
+
},
|
|
1973
|
+
{
|
|
1974
|
+
"name": "description",
|
|
1975
|
+
"type": "string",
|
|
1976
|
+
"optional": true,
|
|
1977
|
+
"defaultValue": null,
|
|
1978
|
+
"description": ""
|
|
1979
|
+
},
|
|
1980
|
+
{
|
|
1981
|
+
"name": "width",
|
|
1982
|
+
"type": "string",
|
|
1983
|
+
"optional": true,
|
|
1984
|
+
"defaultValue": "\"max-w-md\"",
|
|
1985
|
+
"description": ""
|
|
1986
|
+
},
|
|
1987
|
+
{
|
|
1988
|
+
"name": "side",
|
|
1989
|
+
"type": "\"right\" | \"left\"",
|
|
1990
|
+
"optional": true,
|
|
1991
|
+
"defaultValue": "\"right\"",
|
|
1992
|
+
"description": ""
|
|
1993
|
+
}
|
|
1994
|
+
],
|
|
1995
|
+
"cva": null,
|
|
1996
|
+
"usageSnippet": "<Drawer\n open={open}\n onClose={() => setOpen(false)}\n title=\"Edit Configuration\"\n description=\"Manage property options and backup intervals.\"\n >\n <div className=\"space-y-6\">\n <TextField label=\"Connection String\" defaultValue=\"postgresql://db.kjaniec.dev:5432\" />"
|
|
1997
|
+
},
|
|
1998
|
+
{
|
|
1999
|
+
"name": "CommandPalette",
|
|
2000
|
+
"importPath": "import { CommandPalette } from \"@kjaniec-dev/ui\";",
|
|
2001
|
+
"description": "React component CommandPalette.",
|
|
2002
|
+
"props": [
|
|
2003
|
+
{
|
|
2004
|
+
"name": "open",
|
|
2005
|
+
"type": "boolean",
|
|
2006
|
+
"optional": false,
|
|
2007
|
+
"defaultValue": null,
|
|
2008
|
+
"description": ""
|
|
2009
|
+
},
|
|
2010
|
+
{
|
|
2011
|
+
"name": "onClose",
|
|
2012
|
+
"type": "() => void",
|
|
2013
|
+
"optional": false,
|
|
2014
|
+
"defaultValue": null,
|
|
2015
|
+
"description": ""
|
|
2016
|
+
},
|
|
2017
|
+
{
|
|
2018
|
+
"name": "items",
|
|
2019
|
+
"type": "CommandPaletteItem[]",
|
|
2020
|
+
"optional": false,
|
|
2021
|
+
"defaultValue": null,
|
|
2022
|
+
"description": ""
|
|
2023
|
+
},
|
|
2024
|
+
{
|
|
2025
|
+
"name": "placeholder",
|
|
2026
|
+
"type": "string",
|
|
2027
|
+
"optional": true,
|
|
2028
|
+
"defaultValue": "\"Type a command or search...\"",
|
|
2029
|
+
"description": ""
|
|
2030
|
+
}
|
|
2031
|
+
],
|
|
2032
|
+
"cva": null,
|
|
2033
|
+
"usageSnippet": "<CommandPalette open={open} onClose={() => setOpen(false)} items={items} />"
|
|
2034
|
+
},
|
|
2035
|
+
{
|
|
2036
|
+
"name": "CommandPaletteItem",
|
|
2037
|
+
"importPath": "import { CommandPaletteItem } from \"@kjaniec-dev/ui\";",
|
|
2038
|
+
"description": "React component CommandPaletteItem.",
|
|
2039
|
+
"props": [
|
|
2040
|
+
{
|
|
2041
|
+
"name": "id",
|
|
2042
|
+
"type": "string",
|
|
2043
|
+
"optional": false,
|
|
2044
|
+
"defaultValue": null,
|
|
2045
|
+
"description": ""
|
|
2046
|
+
},
|
|
2047
|
+
{
|
|
2048
|
+
"name": "title",
|
|
2049
|
+
"type": "string",
|
|
2050
|
+
"optional": false,
|
|
2051
|
+
"defaultValue": null,
|
|
2052
|
+
"description": ""
|
|
2053
|
+
},
|
|
2054
|
+
{
|
|
2055
|
+
"name": "subtitle",
|
|
2056
|
+
"type": "string",
|
|
2057
|
+
"optional": true,
|
|
2058
|
+
"defaultValue": null,
|
|
2059
|
+
"description": ""
|
|
2060
|
+
},
|
|
2061
|
+
{
|
|
2062
|
+
"name": "category",
|
|
2063
|
+
"type": "string",
|
|
2064
|
+
"optional": true,
|
|
2065
|
+
"defaultValue": null,
|
|
2066
|
+
"description": ""
|
|
2067
|
+
},
|
|
2068
|
+
{
|
|
2069
|
+
"name": "shortcut",
|
|
2070
|
+
"type": "string[]",
|
|
2071
|
+
"optional": true,
|
|
2072
|
+
"defaultValue": null,
|
|
2073
|
+
"description": ""
|
|
2074
|
+
},
|
|
2075
|
+
{
|
|
2076
|
+
"name": "action",
|
|
2077
|
+
"type": "() => void",
|
|
2078
|
+
"optional": false,
|
|
2079
|
+
"defaultValue": null,
|
|
2080
|
+
"description": ""
|
|
2081
|
+
},
|
|
2082
|
+
{
|
|
2083
|
+
"name": "icon",
|
|
2084
|
+
"type": "React.ReactNode",
|
|
2085
|
+
"optional": true,
|
|
2086
|
+
"defaultValue": null,
|
|
2087
|
+
"description": ""
|
|
2088
|
+
}
|
|
2089
|
+
],
|
|
2090
|
+
"cva": null,
|
|
2091
|
+
"usageSnippet": "<CommandPaletteItem>\n <!-- Content -->\n</CommandPaletteItem>"
|
|
2092
|
+
},
|
|
2093
|
+
{
|
|
2094
|
+
"name": "SidebarNav",
|
|
2095
|
+
"importPath": "import { SidebarNav } from \"@kjaniec-dev/ui\";",
|
|
2096
|
+
"description": "React component SidebarNav.",
|
|
2097
|
+
"props": [
|
|
2098
|
+
{
|
|
2099
|
+
"name": "groups",
|
|
2100
|
+
"type": "SidebarNavGroup[]",
|
|
2101
|
+
"optional": false,
|
|
2102
|
+
"defaultValue": null,
|
|
2103
|
+
"description": ""
|
|
2104
|
+
},
|
|
2105
|
+
{
|
|
2106
|
+
"name": "currentHref",
|
|
2107
|
+
"type": "string",
|
|
2108
|
+
"optional": true,
|
|
2109
|
+
"defaultValue": null,
|
|
2110
|
+
"description": ""
|
|
2111
|
+
}
|
|
2112
|
+
],
|
|
2113
|
+
"cva": null,
|
|
2114
|
+
"usageSnippet": "<SidebarNav>\n <!-- Content -->\n</SidebarNav>"
|
|
2115
|
+
},
|
|
2116
|
+
{
|
|
2117
|
+
"name": "SidebarNavItem",
|
|
2118
|
+
"importPath": "import { SidebarNavItem } from \"@kjaniec-dev/ui\";",
|
|
2119
|
+
"description": "React component SidebarNavItem.",
|
|
2120
|
+
"props": [
|
|
2121
|
+
{
|
|
2122
|
+
"name": "id",
|
|
2123
|
+
"type": "string",
|
|
2124
|
+
"optional": false,
|
|
2125
|
+
"defaultValue": null,
|
|
2126
|
+
"description": ""
|
|
2127
|
+
},
|
|
2128
|
+
{
|
|
2129
|
+
"name": "label",
|
|
2130
|
+
"type": "string",
|
|
2131
|
+
"optional": false,
|
|
2132
|
+
"defaultValue": null,
|
|
2133
|
+
"description": ""
|
|
2134
|
+
},
|
|
2135
|
+
{
|
|
2136
|
+
"name": "href",
|
|
2137
|
+
"type": "string",
|
|
2138
|
+
"optional": true,
|
|
2139
|
+
"defaultValue": null,
|
|
2140
|
+
"description": ""
|
|
2141
|
+
},
|
|
2142
|
+
{
|
|
2143
|
+
"name": "onClick",
|
|
2144
|
+
"type": "() => void",
|
|
2145
|
+
"optional": true,
|
|
2146
|
+
"defaultValue": null,
|
|
2147
|
+
"description": ""
|
|
2148
|
+
},
|
|
2149
|
+
{
|
|
2150
|
+
"name": "active",
|
|
2151
|
+
"type": "boolean",
|
|
2152
|
+
"optional": true,
|
|
2153
|
+
"defaultValue": null,
|
|
2154
|
+
"description": ""
|
|
2155
|
+
},
|
|
2156
|
+
{
|
|
2157
|
+
"name": "icon",
|
|
2158
|
+
"type": "React.ReactNode",
|
|
2159
|
+
"optional": true,
|
|
2160
|
+
"defaultValue": null,
|
|
2161
|
+
"description": ""
|
|
2162
|
+
},
|
|
2163
|
+
{
|
|
2164
|
+
"name": "badge",
|
|
2165
|
+
"type": "React.ReactNode",
|
|
2166
|
+
"optional": true,
|
|
2167
|
+
"defaultValue": null,
|
|
2168
|
+
"description": ""
|
|
2169
|
+
}
|
|
2170
|
+
],
|
|
2171
|
+
"cva": null,
|
|
2172
|
+
"usageSnippet": "<SidebarNavItem>\n <!-- Content -->\n</SidebarNavItem>"
|
|
2173
|
+
},
|
|
2174
|
+
{
|
|
2175
|
+
"name": "SidebarNavGroup",
|
|
2176
|
+
"importPath": "import { SidebarNavGroup } from \"@kjaniec-dev/ui\";",
|
|
2177
|
+
"description": "React component SidebarNavGroup.",
|
|
2178
|
+
"props": [
|
|
2179
|
+
{
|
|
2180
|
+
"name": "title",
|
|
2181
|
+
"type": "string",
|
|
2182
|
+
"optional": true,
|
|
2183
|
+
"defaultValue": null,
|
|
2184
|
+
"description": ""
|
|
2185
|
+
},
|
|
2186
|
+
{
|
|
2187
|
+
"name": "items",
|
|
2188
|
+
"type": "SidebarNavItem[]",
|
|
2189
|
+
"optional": false,
|
|
2190
|
+
"defaultValue": null,
|
|
2191
|
+
"description": ""
|
|
2192
|
+
}
|
|
2193
|
+
],
|
|
2194
|
+
"cva": null,
|
|
2195
|
+
"usageSnippet": "<SidebarNavGroup>\n <!-- Content -->\n</SidebarNavGroup>"
|
|
1417
2196
|
}
|
|
1418
2197
|
]
|
package/data/tokens.json
CHANGED
|
@@ -352,36 +352,36 @@
|
|
|
352
352
|
{
|
|
353
353
|
"name": "color.semantic.light.primary",
|
|
354
354
|
"category": "color",
|
|
355
|
-
"light": "#
|
|
356
|
-
"dark": "#
|
|
355
|
+
"light": "#b45309",
|
|
356
|
+
"dark": "#b45309",
|
|
357
357
|
"tailwind": ""
|
|
358
358
|
},
|
|
359
359
|
{
|
|
360
360
|
"name": "color.semantic.light.primaryHover",
|
|
361
361
|
"category": "color",
|
|
362
|
-
"light": "#
|
|
363
|
-
"dark": "#
|
|
362
|
+
"light": "#92400e",
|
|
363
|
+
"dark": "#92400e",
|
|
364
364
|
"tailwind": ""
|
|
365
365
|
},
|
|
366
366
|
{
|
|
367
367
|
"name": "color.semantic.light.primaryForeground",
|
|
368
368
|
"category": "color",
|
|
369
|
-
"light": "#
|
|
370
|
-
"dark": "#
|
|
369
|
+
"light": "#ffffff",
|
|
370
|
+
"dark": "#ffffff",
|
|
371
371
|
"tailwind": ""
|
|
372
372
|
},
|
|
373
373
|
{
|
|
374
374
|
"name": "color.semantic.light.secondary",
|
|
375
375
|
"category": "color",
|
|
376
|
-
"light": "#
|
|
377
|
-
"dark": "#
|
|
376
|
+
"light": "#0f766e",
|
|
377
|
+
"dark": "#0f766e",
|
|
378
378
|
"tailwind": ""
|
|
379
379
|
},
|
|
380
380
|
{
|
|
381
381
|
"name": "color.semantic.light.secondaryHover",
|
|
382
382
|
"category": "color",
|
|
383
|
-
"light": "#
|
|
384
|
-
"dark": "#
|
|
383
|
+
"light": "#115e59",
|
|
384
|
+
"dark": "#115e59",
|
|
385
385
|
"tailwind": ""
|
|
386
386
|
},
|
|
387
387
|
{
|
|
@@ -401,8 +401,8 @@
|
|
|
401
401
|
{
|
|
402
402
|
"name": "color.semantic.light.mutedForeground",
|
|
403
403
|
"category": "color",
|
|
404
|
-
"light": "#
|
|
405
|
-
"dark": "#
|
|
404
|
+
"light": "#52525b",
|
|
405
|
+
"dark": "#52525b",
|
|
406
406
|
"tailwind": ""
|
|
407
407
|
},
|
|
408
408
|
{
|
|
@@ -422,8 +422,8 @@
|
|
|
422
422
|
{
|
|
423
423
|
"name": "color.semantic.light.ring",
|
|
424
424
|
"category": "color",
|
|
425
|
-
"light": "#
|
|
426
|
-
"dark": "#
|
|
425
|
+
"light": "#b45309",
|
|
426
|
+
"dark": "#b45309",
|
|
427
427
|
"tailwind": ""
|
|
428
428
|
},
|
|
429
429
|
{
|