@treeui/mcp 0.1.1 → 0.2.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/dist/{chunk-LDH2IV6Q.js → chunk-HN245XRN.js} +272 -344
- package/dist/cli.cjs +272 -344
- package/dist/cli.js +1 -1
- package/dist/index.cjs +275 -349
- package/dist/index.js +4 -6
- package/package.json +2 -2
package/dist/cli.cjs
CHANGED
|
@@ -34,9 +34,9 @@ var import_server = require("@modelcontextprotocol/sdk/server/index.js");
|
|
|
34
34
|
|
|
35
35
|
// src/generated/treeui.catalog.json
|
|
36
36
|
var treeui_catalog_default = {
|
|
37
|
-
generatedAt: "2026-
|
|
37
|
+
generatedAt: "2026-06-26T22:57:20.487Z",
|
|
38
38
|
packageName: "@treeui/vue",
|
|
39
|
-
packageVersion: "0.
|
|
39
|
+
packageVersion: "0.8.0",
|
|
40
40
|
decisionGuides: [
|
|
41
41
|
{
|
|
42
42
|
id: "single-choice",
|
|
@@ -477,7 +477,7 @@ var treeui_catalog_default = {
|
|
|
477
477
|
},
|
|
478
478
|
globalRules: [
|
|
479
479
|
"Always import `@treeui/vue/style.css` once in the consuming application.",
|
|
480
|
-
"
|
|
480
|
+
"All components use the `T<Name>` export prefix; there are no `Tree<Name>` aliases.",
|
|
481
481
|
"Form controls use `modelValue` + `update:modelValue`.",
|
|
482
482
|
"Overlay-style components generally support controlled and uncontrolled open state.",
|
|
483
483
|
"Date-only values use `YYYY-MM-DD`.",
|
|
@@ -618,16 +618,13 @@ var treeui_catalog_default = {
|
|
|
618
618
|
components: [
|
|
619
619
|
{
|
|
620
620
|
name: "TAccordion",
|
|
621
|
-
|
|
622
|
-
aliases: [
|
|
623
|
-
"TreeAccordion"
|
|
624
|
-
],
|
|
621
|
+
aliases: [],
|
|
625
622
|
package: "@treeui/vue",
|
|
626
623
|
kind: "disclosure",
|
|
627
624
|
category: "Data Display",
|
|
628
625
|
status: "available",
|
|
629
626
|
purpose: "Organized content sections with expandable/collapsible behavior. Supports single-open and multi-open modes.\n",
|
|
630
|
-
sourceFile: "packages/vue/src/components/
|
|
627
|
+
sourceFile: "packages/vue/src/components/TAccordion.vue",
|
|
631
628
|
storyFile: "apps/docs/src/stories/Accordion.stories.ts",
|
|
632
629
|
storyTitle: "Components/Data Display/Accordion",
|
|
633
630
|
manifestFile: "docs/ai/COMPONENTS/accordion.yaml",
|
|
@@ -674,16 +671,13 @@ var treeui_catalog_default = {
|
|
|
674
671
|
},
|
|
675
672
|
{
|
|
676
673
|
name: "TAlert",
|
|
677
|
-
|
|
678
|
-
aliases: [
|
|
679
|
-
"TreeAlert"
|
|
680
|
-
],
|
|
674
|
+
aliases: [],
|
|
681
675
|
package: "@treeui/vue",
|
|
682
676
|
kind: "feedback",
|
|
683
677
|
category: "Feedback",
|
|
684
678
|
status: "available",
|
|
685
679
|
purpose: "Inline status banner for info, success, warning, and danger messages.",
|
|
686
|
-
sourceFile: "packages/vue/src/components/
|
|
680
|
+
sourceFile: "packages/vue/src/components/TAlert.vue",
|
|
687
681
|
storyFile: "apps/docs/src/stories/Alert.stories.ts",
|
|
688
682
|
storyTitle: "Components/Feedback/Alert",
|
|
689
683
|
manifestFile: "docs/ai/COMPONENTS/alert.yaml",
|
|
@@ -701,7 +695,7 @@ var treeui_catalog_default = {
|
|
|
701
695
|
},
|
|
702
696
|
{
|
|
703
697
|
name: "size",
|
|
704
|
-
type: "
|
|
698
|
+
type: "TSize",
|
|
705
699
|
default: "md",
|
|
706
700
|
values: [
|
|
707
701
|
"sm",
|
|
@@ -777,14 +771,11 @@ var treeui_catalog_default = {
|
|
|
777
771
|
},
|
|
778
772
|
{
|
|
779
773
|
name: "TAvatar",
|
|
780
|
-
|
|
781
|
-
aliases: [
|
|
782
|
-
"TreeAvatar"
|
|
783
|
-
],
|
|
774
|
+
aliases: [],
|
|
784
775
|
package: "@treeui/vue",
|
|
785
776
|
category: "Data Display",
|
|
786
777
|
description: "User image with fallback initials and optional status indicator dot.",
|
|
787
|
-
sourceFile: "packages/vue/src/components/
|
|
778
|
+
sourceFile: "packages/vue/src/components/TAvatar.vue",
|
|
788
779
|
storyFile: "apps/docs/src/stories/Avatar.stories.ts",
|
|
789
780
|
storyTitle: "Components/Data Display/Avatar",
|
|
790
781
|
manifestFile: "docs/ai/COMPONENTS/avatar.yaml",
|
|
@@ -809,7 +800,7 @@ var treeui_catalog_default = {
|
|
|
809
800
|
},
|
|
810
801
|
{
|
|
811
802
|
name: "size",
|
|
812
|
-
type: "
|
|
803
|
+
type: "TSize",
|
|
813
804
|
default: "md",
|
|
814
805
|
values: [
|
|
815
806
|
"sm",
|
|
@@ -819,7 +810,7 @@ var treeui_catalog_default = {
|
|
|
819
810
|
},
|
|
820
811
|
{
|
|
821
812
|
name: "status",
|
|
822
|
-
type: "
|
|
813
|
+
type: "TAvatarStatus",
|
|
823
814
|
required: false,
|
|
824
815
|
values: [
|
|
825
816
|
"online",
|
|
@@ -857,23 +848,20 @@ var treeui_catalog_default = {
|
|
|
857
848
|
},
|
|
858
849
|
{
|
|
859
850
|
name: "TBadge",
|
|
860
|
-
|
|
861
|
-
aliases: [
|
|
862
|
-
"TreeBadge"
|
|
863
|
-
],
|
|
851
|
+
aliases: [],
|
|
864
852
|
package: "@treeui/vue",
|
|
865
853
|
kind: "display",
|
|
866
854
|
category: "Data Display",
|
|
867
855
|
status: "available",
|
|
868
856
|
purpose: "Compact status or metadata label with optional icon.",
|
|
869
|
-
sourceFile: "packages/vue/src/components/
|
|
857
|
+
sourceFile: "packages/vue/src/components/TBadge.vue",
|
|
870
858
|
storyFile: "apps/docs/src/stories/Badge.stories.ts",
|
|
871
859
|
storyTitle: "Components/Data Display/Badge",
|
|
872
860
|
manifestFile: "docs/ai/COMPONENTS/badge.yaml",
|
|
873
861
|
props: [
|
|
874
862
|
{
|
|
875
863
|
name: "variant",
|
|
876
|
-
type: "
|
|
864
|
+
type: "TVariant",
|
|
877
865
|
default: "soft",
|
|
878
866
|
values: [
|
|
879
867
|
"solid",
|
|
@@ -885,7 +873,7 @@ var treeui_catalog_default = {
|
|
|
885
873
|
},
|
|
886
874
|
{
|
|
887
875
|
name: "tone",
|
|
888
|
-
type: "
|
|
876
|
+
type: "TBadgeTone",
|
|
889
877
|
default: "neutral",
|
|
890
878
|
values: [
|
|
891
879
|
"neutral",
|
|
@@ -898,7 +886,7 @@ var treeui_catalog_default = {
|
|
|
898
886
|
},
|
|
899
887
|
{
|
|
900
888
|
name: "size",
|
|
901
|
-
type: "
|
|
889
|
+
type: "TSize",
|
|
902
890
|
default: "md",
|
|
903
891
|
values: [
|
|
904
892
|
"sm",
|
|
@@ -937,16 +925,13 @@ var treeui_catalog_default = {
|
|
|
937
925
|
},
|
|
938
926
|
{
|
|
939
927
|
name: "TBreadcrumb",
|
|
940
|
-
|
|
941
|
-
aliases: [
|
|
942
|
-
"TreeBreadcrumb"
|
|
943
|
-
],
|
|
928
|
+
aliases: [],
|
|
944
929
|
package: "@treeui/vue",
|
|
945
930
|
kind: "navigation",
|
|
946
931
|
category: "Navigation",
|
|
947
932
|
status: "available",
|
|
948
933
|
purpose: "Hierarchical navigation trail showing the user's current location within a site or application.",
|
|
949
|
-
sourceFile: "packages/vue/src/components/
|
|
934
|
+
sourceFile: "packages/vue/src/components/TBreadcrumb.vue",
|
|
950
935
|
storyFile: "apps/docs/src/stories/Breadcrumb.stories.ts",
|
|
951
936
|
storyTitle: "Components/Navigation/Breadcrumb",
|
|
952
937
|
manifestFile: "docs/ai/COMPONENTS/breadcrumb.yaml",
|
|
@@ -989,16 +974,13 @@ var treeui_catalog_default = {
|
|
|
989
974
|
},
|
|
990
975
|
{
|
|
991
976
|
name: "TButton",
|
|
992
|
-
|
|
993
|
-
aliases: [
|
|
994
|
-
"TreeButton"
|
|
995
|
-
],
|
|
977
|
+
aliases: [],
|
|
996
978
|
package: "@treeui/vue",
|
|
997
979
|
kind: "primitive",
|
|
998
980
|
category: "Actions",
|
|
999
981
|
status: "available",
|
|
1000
982
|
purpose: "Clickable action trigger with variants, sizes, optional polymorphism, and loading state.",
|
|
1001
|
-
sourceFile: "packages/vue/src/components/
|
|
983
|
+
sourceFile: "packages/vue/src/components/TButton.vue",
|
|
1002
984
|
storyFile: "apps/docs/src/stories/Button.stories.ts",
|
|
1003
985
|
storyTitle: "Components/Actions/Button",
|
|
1004
986
|
manifestFile: "docs/ai/COMPONENTS/button.yaml",
|
|
@@ -1010,7 +992,7 @@ var treeui_catalog_default = {
|
|
|
1010
992
|
},
|
|
1011
993
|
{
|
|
1012
994
|
name: "variant",
|
|
1013
|
-
type: "
|
|
995
|
+
type: "TVariant",
|
|
1014
996
|
default: "solid",
|
|
1015
997
|
values: [
|
|
1016
998
|
"solid",
|
|
@@ -1022,7 +1004,7 @@ var treeui_catalog_default = {
|
|
|
1022
1004
|
},
|
|
1023
1005
|
{
|
|
1024
1006
|
name: "size",
|
|
1025
|
-
type: "
|
|
1007
|
+
type: "TSize",
|
|
1026
1008
|
default: "md",
|
|
1027
1009
|
values: [
|
|
1028
1010
|
"sm",
|
|
@@ -1087,16 +1069,13 @@ var treeui_catalog_default = {
|
|
|
1087
1069
|
},
|
|
1088
1070
|
{
|
|
1089
1071
|
name: "TCard",
|
|
1090
|
-
|
|
1091
|
-
aliases: [
|
|
1092
|
-
"TreeCard"
|
|
1093
|
-
],
|
|
1072
|
+
aliases: [],
|
|
1094
1073
|
package: "@treeui/vue",
|
|
1095
1074
|
kind: "layout",
|
|
1096
1075
|
category: "Data Display",
|
|
1097
1076
|
status: "available",
|
|
1098
1077
|
purpose: "Surface container with optional header and footer slots.",
|
|
1099
|
-
sourceFile: "packages/vue/src/components/
|
|
1078
|
+
sourceFile: "packages/vue/src/components/TCard.vue",
|
|
1100
1079
|
storyFile: "apps/docs/src/stories/Card.stories.ts",
|
|
1101
1080
|
storyTitle: "Components/Data Display/Card",
|
|
1102
1081
|
manifestFile: "docs/ai/COMPONENTS/card.yaml",
|
|
@@ -1108,7 +1087,7 @@ var treeui_catalog_default = {
|
|
|
1108
1087
|
},
|
|
1109
1088
|
{
|
|
1110
1089
|
name: "variant",
|
|
1111
|
-
type: "
|
|
1090
|
+
type: "TCardVariant",
|
|
1112
1091
|
default: "outline",
|
|
1113
1092
|
values: [
|
|
1114
1093
|
"outline",
|
|
@@ -1119,7 +1098,7 @@ var treeui_catalog_default = {
|
|
|
1119
1098
|
},
|
|
1120
1099
|
{
|
|
1121
1100
|
name: "size",
|
|
1122
|
-
type: "
|
|
1101
|
+
type: "TSize",
|
|
1123
1102
|
default: "md",
|
|
1124
1103
|
values: [
|
|
1125
1104
|
"sm",
|
|
@@ -1188,16 +1167,13 @@ var treeui_catalog_default = {
|
|
|
1188
1167
|
},
|
|
1189
1168
|
{
|
|
1190
1169
|
name: "TCheckbox",
|
|
1191
|
-
|
|
1192
|
-
aliases: [
|
|
1193
|
-
"TreeCheckbox"
|
|
1194
|
-
],
|
|
1170
|
+
aliases: [],
|
|
1195
1171
|
package: "@treeui/vue",
|
|
1196
1172
|
kind: "primitive",
|
|
1197
1173
|
category: "Data Entry",
|
|
1198
1174
|
status: "available",
|
|
1199
1175
|
purpose: "Boolean toggle with indeterminate state; supports v-model via modelValue.",
|
|
1200
|
-
sourceFile: "packages/vue/src/components/
|
|
1176
|
+
sourceFile: "packages/vue/src/components/TCheckbox.vue",
|
|
1201
1177
|
storyFile: "apps/docs/src/stories/Checkbox.stories.ts",
|
|
1202
1178
|
storyTitle: "Components/Data Entry/Checkbox",
|
|
1203
1179
|
manifestFile: "docs/ai/COMPONENTS/checkbox.yaml",
|
|
@@ -1209,7 +1185,7 @@ var treeui_catalog_default = {
|
|
|
1209
1185
|
},
|
|
1210
1186
|
{
|
|
1211
1187
|
name: "size",
|
|
1212
|
-
type: "
|
|
1188
|
+
type: "TSize",
|
|
1213
1189
|
default: "md",
|
|
1214
1190
|
values: [
|
|
1215
1191
|
"sm",
|
|
@@ -1289,16 +1265,13 @@ var treeui_catalog_default = {
|
|
|
1289
1265
|
},
|
|
1290
1266
|
{
|
|
1291
1267
|
name: "TCombobox",
|
|
1292
|
-
|
|
1293
|
-
aliases: [
|
|
1294
|
-
"TreeCombobox"
|
|
1295
|
-
],
|
|
1268
|
+
aliases: [],
|
|
1296
1269
|
package: "@treeui/vue",
|
|
1297
1270
|
kind: "primitive",
|
|
1298
1271
|
category: "Data Entry",
|
|
1299
1272
|
status: "available",
|
|
1300
1273
|
purpose: "Searchable combobox / autocomplete input with local filtering, controlled selection, and shared open-state behavior.",
|
|
1301
|
-
sourceFile: "packages/vue/src/components/
|
|
1274
|
+
sourceFile: "packages/vue/src/components/TCombobox.vue",
|
|
1302
1275
|
storyFile: "apps/docs/src/stories/Combobox.stories.ts",
|
|
1303
1276
|
storyTitle: "Components/Data Entry/Combobox",
|
|
1304
1277
|
manifestFile: "docs/ai/COMPONENTS/combobox.yaml",
|
|
@@ -1310,7 +1283,7 @@ var treeui_catalog_default = {
|
|
|
1310
1283
|
},
|
|
1311
1284
|
{
|
|
1312
1285
|
name: "options",
|
|
1313
|
-
type: "
|
|
1286
|
+
type: "TComboboxOption[]",
|
|
1314
1287
|
default: "[]",
|
|
1315
1288
|
note: "Array of { label: string; value: string; description?: string; keywords?: string[]; disabled?: boolean }"
|
|
1316
1289
|
},
|
|
@@ -1326,7 +1299,7 @@ var treeui_catalog_default = {
|
|
|
1326
1299
|
},
|
|
1327
1300
|
{
|
|
1328
1301
|
name: "size",
|
|
1329
|
-
type: "
|
|
1302
|
+
type: "TSize",
|
|
1330
1303
|
default: "md",
|
|
1331
1304
|
values: [
|
|
1332
1305
|
"sm",
|
|
@@ -1443,16 +1416,13 @@ var treeui_catalog_default = {
|
|
|
1443
1416
|
},
|
|
1444
1417
|
{
|
|
1445
1418
|
name: "TConfirmDialog",
|
|
1446
|
-
|
|
1447
|
-
aliases: [
|
|
1448
|
-
"TreeConfirmDialog"
|
|
1449
|
-
],
|
|
1419
|
+
aliases: [],
|
|
1450
1420
|
package: "@treeui/vue",
|
|
1451
1421
|
kind: "overlay",
|
|
1452
1422
|
category: "Overlay",
|
|
1453
1423
|
status: "available",
|
|
1454
1424
|
purpose: "High-level confirmation dialog built on the shared modal contract, with default confirm and cancel actions.",
|
|
1455
|
-
sourceFile: "packages/vue/src/components/
|
|
1425
|
+
sourceFile: "packages/vue/src/components/TConfirmDialog.vue",
|
|
1456
1426
|
storyFile: "apps/docs/src/stories/ConfirmDialog.stories.ts",
|
|
1457
1427
|
storyTitle: "Components/Overlay/ConfirmDialog",
|
|
1458
1428
|
manifestFile: "docs/ai/COMPONENTS/confirm-dialog.yaml",
|
|
@@ -1474,7 +1444,7 @@ var treeui_catalog_default = {
|
|
|
1474
1444
|
},
|
|
1475
1445
|
{
|
|
1476
1446
|
name: "size",
|
|
1477
|
-
type: "
|
|
1447
|
+
type: "TSize",
|
|
1478
1448
|
default: "sm",
|
|
1479
1449
|
values: [
|
|
1480
1450
|
"sm",
|
|
@@ -1504,7 +1474,7 @@ var treeui_catalog_default = {
|
|
|
1504
1474
|
},
|
|
1505
1475
|
{
|
|
1506
1476
|
name: "confirmVariant",
|
|
1507
|
-
type: "
|
|
1477
|
+
type: "TVariant",
|
|
1508
1478
|
default: "danger"
|
|
1509
1479
|
},
|
|
1510
1480
|
{
|
|
@@ -1612,16 +1582,13 @@ var treeui_catalog_default = {
|
|
|
1612
1582
|
},
|
|
1613
1583
|
{
|
|
1614
1584
|
name: "TContainer",
|
|
1615
|
-
|
|
1616
|
-
aliases: [
|
|
1617
|
-
"TreeContainer"
|
|
1618
|
-
],
|
|
1585
|
+
aliases: [],
|
|
1619
1586
|
package: "@treeui/vue",
|
|
1620
1587
|
kind: "layout",
|
|
1621
1588
|
category: "Layout",
|
|
1622
1589
|
status: "available",
|
|
1623
1590
|
purpose: "Width-constrained layout wrapper for readable page content and app sections.",
|
|
1624
|
-
sourceFile: "packages/vue/src/components/
|
|
1591
|
+
sourceFile: "packages/vue/src/components/TContainer.vue",
|
|
1625
1592
|
storyFile: "apps/docs/src/stories/Container.stories.ts",
|
|
1626
1593
|
storyTitle: "Components/Layout/Container",
|
|
1627
1594
|
manifestFile: "docs/ai/COMPONENTS/container.yaml",
|
|
@@ -1633,7 +1600,7 @@ var treeui_catalog_default = {
|
|
|
1633
1600
|
},
|
|
1634
1601
|
{
|
|
1635
1602
|
name: "size",
|
|
1636
|
-
type: "
|
|
1603
|
+
type: "TContainerSize",
|
|
1637
1604
|
default: "lg",
|
|
1638
1605
|
values: [
|
|
1639
1606
|
"sm",
|
|
@@ -1704,10 +1671,7 @@ var treeui_catalog_default = {
|
|
|
1704
1671
|
},
|
|
1705
1672
|
{
|
|
1706
1673
|
name: "TContextMenu",
|
|
1707
|
-
|
|
1708
|
-
aliases: [
|
|
1709
|
-
"TreeContextMenu"
|
|
1710
|
-
],
|
|
1674
|
+
aliases: [],
|
|
1711
1675
|
package: "@treeui/vue",
|
|
1712
1676
|
category: "Overlay",
|
|
1713
1677
|
status: "stable",
|
|
@@ -1717,7 +1681,7 @@ var treeui_catalog_default = {
|
|
|
1717
1681
|
props: [
|
|
1718
1682
|
{
|
|
1719
1683
|
name: "items",
|
|
1720
|
-
type: "
|
|
1684
|
+
type: "TContextMenuItem[]",
|
|
1721
1685
|
default: "[]",
|
|
1722
1686
|
description: "Menu items to render."
|
|
1723
1687
|
},
|
|
@@ -1741,7 +1705,7 @@ var treeui_catalog_default = {
|
|
|
1741
1705
|
},
|
|
1742
1706
|
{
|
|
1743
1707
|
name: "size",
|
|
1744
|
-
type: "
|
|
1708
|
+
type: "TSize",
|
|
1745
1709
|
default: "md",
|
|
1746
1710
|
description: "Item sizing variant."
|
|
1747
1711
|
}
|
|
@@ -1814,16 +1778,13 @@ var treeui_catalog_default = {
|
|
|
1814
1778
|
},
|
|
1815
1779
|
{
|
|
1816
1780
|
name: "TDatePicker",
|
|
1817
|
-
|
|
1818
|
-
aliases: [
|
|
1819
|
-
"TreeDatePicker"
|
|
1820
|
-
],
|
|
1781
|
+
aliases: [],
|
|
1821
1782
|
package: "@treeui/vue",
|
|
1822
1783
|
kind: "form_overlay",
|
|
1823
1784
|
category: "Data Entry",
|
|
1824
1785
|
status: "available",
|
|
1825
1786
|
purpose: "Date input with calendar popover and keyboard navigation.",
|
|
1826
|
-
sourceFile: "packages/vue/src/components/
|
|
1787
|
+
sourceFile: "packages/vue/src/components/TDatePicker.vue",
|
|
1827
1788
|
storyFile: "apps/docs/src/stories/DatePicker.stories.ts",
|
|
1828
1789
|
storyTitle: "Components/Data Entry/DatePicker",
|
|
1829
1790
|
manifestFile: "docs/ai/COMPONENTS/date-picker.yaml",
|
|
@@ -1845,7 +1806,7 @@ var treeui_catalog_default = {
|
|
|
1845
1806
|
},
|
|
1846
1807
|
{
|
|
1847
1808
|
name: "size",
|
|
1848
|
-
type: "
|
|
1809
|
+
type: "TSize",
|
|
1849
1810
|
default: "md",
|
|
1850
1811
|
values: [
|
|
1851
1812
|
"sm",
|
|
@@ -1966,16 +1927,13 @@ var treeui_catalog_default = {
|
|
|
1966
1927
|
},
|
|
1967
1928
|
{
|
|
1968
1929
|
name: "TDateTimePicker",
|
|
1969
|
-
|
|
1970
|
-
aliases: [
|
|
1971
|
-
"TreeDateTimePicker"
|
|
1972
|
-
],
|
|
1930
|
+
aliases: [],
|
|
1973
1931
|
package: "@treeui/vue",
|
|
1974
1932
|
kind: "form",
|
|
1975
1933
|
category: "Data Entry",
|
|
1976
1934
|
status: "available",
|
|
1977
1935
|
purpose: "Date and time picker with a calendar grid, time selection, and overlay trigger.",
|
|
1978
|
-
sourceFile: "packages/vue/src/components/
|
|
1936
|
+
sourceFile: "packages/vue/src/components/TDateTimePicker.vue",
|
|
1979
1937
|
storyFile: "apps/docs/src/stories/DateTimePicker.stories.ts",
|
|
1980
1938
|
storyTitle: "Components/Data Entry/DateTimePicker",
|
|
1981
1939
|
manifestFile: "docs/ai/COMPONENTS/date-time-picker.yaml",
|
|
@@ -1998,7 +1956,7 @@ var treeui_catalog_default = {
|
|
|
1998
1956
|
},
|
|
1999
1957
|
{
|
|
2000
1958
|
name: "size",
|
|
2001
|
-
type: "
|
|
1959
|
+
type: "TSize",
|
|
2002
1960
|
default: "md",
|
|
2003
1961
|
values: [
|
|
2004
1962
|
"sm",
|
|
@@ -2127,14 +2085,11 @@ var treeui_catalog_default = {
|
|
|
2127
2085
|
},
|
|
2128
2086
|
{
|
|
2129
2087
|
name: "TDivider",
|
|
2130
|
-
|
|
2131
|
-
aliases: [
|
|
2132
|
-
"TreeDivider"
|
|
2133
|
-
],
|
|
2088
|
+
aliases: [],
|
|
2134
2089
|
package: "@treeui/vue",
|
|
2135
2090
|
category: "Layout",
|
|
2136
2091
|
description: "Horizontal or vertical visual separator.",
|
|
2137
|
-
sourceFile: "packages/vue/src/components/
|
|
2092
|
+
sourceFile: "packages/vue/src/components/TDivider.vue",
|
|
2138
2093
|
storyFile: "apps/docs/src/stories/Divider.stories.ts",
|
|
2139
2094
|
storyTitle: "Components/Layout/Divider",
|
|
2140
2095
|
manifestFile: "docs/ai/COMPONENTS/divider.yaml",
|
|
@@ -2183,16 +2138,13 @@ var treeui_catalog_default = {
|
|
|
2183
2138
|
},
|
|
2184
2139
|
{
|
|
2185
2140
|
name: "TDrawer",
|
|
2186
|
-
|
|
2187
|
-
aliases: [
|
|
2188
|
-
"TreeDrawer"
|
|
2189
|
-
],
|
|
2141
|
+
aliases: [],
|
|
2190
2142
|
package: "@treeui/vue",
|
|
2191
2143
|
kind: "overlay",
|
|
2192
2144
|
category: "Overlay",
|
|
2193
2145
|
status: "available",
|
|
2194
2146
|
purpose: "Side-anchored panel for secondary content, navigation, or forms.",
|
|
2195
|
-
sourceFile: "packages/vue/src/components/
|
|
2147
|
+
sourceFile: "packages/vue/src/components/TDrawer.vue",
|
|
2196
2148
|
storyFile: "apps/docs/src/stories/Drawer.stories.ts",
|
|
2197
2149
|
storyTitle: "Components/Overlay/Drawer",
|
|
2198
2150
|
manifestFile: "docs/ai/COMPONENTS/drawer.yaml",
|
|
@@ -2214,7 +2166,7 @@ var treeui_catalog_default = {
|
|
|
2214
2166
|
},
|
|
2215
2167
|
{
|
|
2216
2168
|
name: "size",
|
|
2217
|
-
type: "
|
|
2169
|
+
type: "TSize",
|
|
2218
2170
|
default: "md",
|
|
2219
2171
|
values: [
|
|
2220
2172
|
"sm",
|
|
@@ -2224,7 +2176,7 @@ var treeui_catalog_default = {
|
|
|
2224
2176
|
},
|
|
2225
2177
|
{
|
|
2226
2178
|
name: "side",
|
|
2227
|
-
type: "
|
|
2179
|
+
type: "TDrawerSide",
|
|
2228
2180
|
default: "right",
|
|
2229
2181
|
values: [
|
|
2230
2182
|
"top",
|
|
@@ -2339,23 +2291,20 @@ var treeui_catalog_default = {
|
|
|
2339
2291
|
},
|
|
2340
2292
|
{
|
|
2341
2293
|
name: "TDropdown",
|
|
2342
|
-
|
|
2343
|
-
aliases: [
|
|
2344
|
-
"TreeDropdown"
|
|
2345
|
-
],
|
|
2294
|
+
aliases: [],
|
|
2346
2295
|
package: "@treeui/vue",
|
|
2347
2296
|
kind: "overlay",
|
|
2348
2297
|
category: "Overlay",
|
|
2349
2298
|
status: "available",
|
|
2350
2299
|
purpose: "Trigger + floating menu with keyboard navigation for action lists.",
|
|
2351
|
-
sourceFile: "packages/vue/src/components/
|
|
2300
|
+
sourceFile: "packages/vue/src/components/TDropdown.vue",
|
|
2352
2301
|
storyFile: "apps/docs/src/stories/Dropdown.stories.ts",
|
|
2353
2302
|
storyTitle: "Components/Overlay/Dropdown",
|
|
2354
2303
|
manifestFile: "docs/ai/COMPONENTS/dropdown.yaml",
|
|
2355
2304
|
props: [
|
|
2356
2305
|
{
|
|
2357
2306
|
name: "items",
|
|
2358
|
-
type: "
|
|
2307
|
+
type: "TDropdownItem[]",
|
|
2359
2308
|
default: "[]",
|
|
2360
2309
|
note: "Array of { label: string; value: string; disabled?: boolean }"
|
|
2361
2310
|
},
|
|
@@ -2376,7 +2325,7 @@ var treeui_catalog_default = {
|
|
|
2376
2325
|
},
|
|
2377
2326
|
{
|
|
2378
2327
|
name: "size",
|
|
2379
|
-
type: "
|
|
2328
|
+
type: "TSize",
|
|
2380
2329
|
default: "md",
|
|
2381
2330
|
values: [
|
|
2382
2331
|
"sm",
|
|
@@ -2456,16 +2405,13 @@ var treeui_catalog_default = {
|
|
|
2456
2405
|
},
|
|
2457
2406
|
{
|
|
2458
2407
|
name: "TEmptyState",
|
|
2459
|
-
|
|
2460
|
-
aliases: [
|
|
2461
|
-
"TreeEmptyState"
|
|
2462
|
-
],
|
|
2408
|
+
aliases: [],
|
|
2463
2409
|
package: "@treeui/vue",
|
|
2464
2410
|
kind: "feedback",
|
|
2465
2411
|
category: "Feedback",
|
|
2466
2412
|
status: "available",
|
|
2467
2413
|
purpose: "Structured empty, no-results, and first-run placeholder block with optional icon, body content, and actions.",
|
|
2468
|
-
sourceFile: "packages/vue/src/components/
|
|
2414
|
+
sourceFile: "packages/vue/src/components/TEmptyState.vue",
|
|
2469
2415
|
storyFile: "apps/docs/src/stories/EmptyState.stories.ts",
|
|
2470
2416
|
storyTitle: "Components/Feedback/EmptyState",
|
|
2471
2417
|
manifestFile: "docs/ai/COMPONENTS/empty-state.yaml",
|
|
@@ -2477,7 +2423,7 @@ var treeui_catalog_default = {
|
|
|
2477
2423
|
},
|
|
2478
2424
|
{
|
|
2479
2425
|
name: "size",
|
|
2480
|
-
type: "
|
|
2426
|
+
type: "TSize",
|
|
2481
2427
|
default: "md",
|
|
2482
2428
|
values: [
|
|
2483
2429
|
"sm",
|
|
@@ -2551,16 +2497,13 @@ var treeui_catalog_default = {
|
|
|
2551
2497
|
},
|
|
2552
2498
|
{
|
|
2553
2499
|
name: "TFileUpload",
|
|
2554
|
-
|
|
2555
|
-
aliases: [
|
|
2556
|
-
"TreeFileUpload"
|
|
2557
|
-
],
|
|
2500
|
+
aliases: [],
|
|
2558
2501
|
package: "@treeui/vue",
|
|
2559
2502
|
kind: "form",
|
|
2560
2503
|
category: "Form",
|
|
2561
2504
|
status: "available",
|
|
2562
2505
|
purpose: "Composable dropzone and file picker with browse, drag-and-drop, and Ctrl+V paste support.",
|
|
2563
|
-
sourceFile: "packages/vue/src/components/
|
|
2506
|
+
sourceFile: "packages/vue/src/components/TFileUpload.vue",
|
|
2564
2507
|
storyFile: "apps/docs/src/stories/FileUpload.stories.ts",
|
|
2565
2508
|
storyTitle: "Components/Form/FileUpload",
|
|
2566
2509
|
manifestFile: "docs/ai/COMPONENTS/file-upload.yaml",
|
|
@@ -2572,7 +2515,7 @@ var treeui_catalog_default = {
|
|
|
2572
2515
|
},
|
|
2573
2516
|
{
|
|
2574
2517
|
name: "size",
|
|
2575
|
-
type: "
|
|
2518
|
+
type: "TSize",
|
|
2576
2519
|
default: "md",
|
|
2577
2520
|
values: [
|
|
2578
2521
|
"sm",
|
|
@@ -2705,15 +2648,12 @@ var treeui_catalog_default = {
|
|
|
2705
2648
|
},
|
|
2706
2649
|
{
|
|
2707
2650
|
name: "TFormField",
|
|
2708
|
-
|
|
2709
|
-
aliases: [
|
|
2710
|
-
"TreeFormField"
|
|
2711
|
-
],
|
|
2651
|
+
aliases: [],
|
|
2712
2652
|
package: "@treeui/vue",
|
|
2713
2653
|
category: "Data Entry",
|
|
2714
2654
|
status: "milestone-1",
|
|
2715
2655
|
description: "Label + input wrapper with error and hint slots. Provides consistent layout, labelling, and validation messaging for any form control.\n",
|
|
2716
|
-
sourceFile: "packages/vue/src/components/
|
|
2656
|
+
sourceFile: "packages/vue/src/components/TFormField.vue",
|
|
2717
2657
|
storyFile: "apps/docs/src/stories/FormField.stories.ts",
|
|
2718
2658
|
storyTitle: "Components/Data Entry/FormField",
|
|
2719
2659
|
manifestFile: "docs/ai/COMPONENTS/form-field.yaml",
|
|
@@ -2756,7 +2696,7 @@ var treeui_catalog_default = {
|
|
|
2756
2696
|
},
|
|
2757
2697
|
{
|
|
2758
2698
|
name: "size",
|
|
2759
|
-
type: "
|
|
2699
|
+
type: "TSize",
|
|
2760
2700
|
default: "md",
|
|
2761
2701
|
values: [
|
|
2762
2702
|
"sm",
|
|
@@ -2837,16 +2777,13 @@ var treeui_catalog_default = {
|
|
|
2837
2777
|
},
|
|
2838
2778
|
{
|
|
2839
2779
|
name: "TGrid",
|
|
2840
|
-
|
|
2841
|
-
aliases: [
|
|
2842
|
-
"TreeGrid"
|
|
2843
|
-
],
|
|
2780
|
+
aliases: [],
|
|
2844
2781
|
package: "@treeui/vue",
|
|
2845
2782
|
kind: "layout",
|
|
2846
2783
|
category: "Layout",
|
|
2847
2784
|
status: "available",
|
|
2848
2785
|
purpose: "Responsive grid wrapper for cards, forms, stats, and other multi-column layouts.",
|
|
2849
|
-
sourceFile: "packages/vue/src/components/
|
|
2786
|
+
sourceFile: "packages/vue/src/components/TGrid.vue",
|
|
2850
2787
|
storyFile: "apps/docs/src/stories/Grid.stories.ts",
|
|
2851
2788
|
storyTitle: "Components/Layout/Grid",
|
|
2852
2789
|
manifestFile: "docs/ai/COMPONENTS/grid.yaml",
|
|
@@ -2939,17 +2876,104 @@ var treeui_catalog_default = {
|
|
|
2939
2876
|
]
|
|
2940
2877
|
},
|
|
2941
2878
|
{
|
|
2942
|
-
name: "
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
|
|
2879
|
+
name: "TIcon",
|
|
2880
|
+
aliases: [],
|
|
2881
|
+
package: "@treeui/vue",
|
|
2882
|
+
kind: "display",
|
|
2883
|
+
category: "Data Display",
|
|
2884
|
+
status: "available",
|
|
2885
|
+
purpose: "Render a registered TreeUI icon by name with consistent sizing and accessibility defaults.",
|
|
2886
|
+
sourceFile: "packages/vue/src/components/TIcon.vue",
|
|
2887
|
+
storyFile: "apps/docs/src/stories/Icon.stories.ts",
|
|
2888
|
+
storyTitle: "Components/Data Display/Icon",
|
|
2889
|
+
manifestFile: "docs/ai/COMPONENTS/icon.yaml",
|
|
2890
|
+
props: [
|
|
2891
|
+
{
|
|
2892
|
+
name: "name",
|
|
2893
|
+
type: "TIconName",
|
|
2894
|
+
required: true,
|
|
2895
|
+
values: [
|
|
2896
|
+
"alert-circle",
|
|
2897
|
+
"calendar",
|
|
2898
|
+
"check",
|
|
2899
|
+
"chevron-left",
|
|
2900
|
+
"chevron-down",
|
|
2901
|
+
"chevron-right",
|
|
2902
|
+
"info",
|
|
2903
|
+
"loader-circle",
|
|
2904
|
+
"search",
|
|
2905
|
+
"x"
|
|
2906
|
+
],
|
|
2907
|
+
description: "Icon identifier from the @treeui/icons registry."
|
|
2908
|
+
},
|
|
2909
|
+
{
|
|
2910
|
+
name: "size",
|
|
2911
|
+
type: "number | string",
|
|
2912
|
+
default: "20",
|
|
2913
|
+
description: "Pixel size for both width and height of the rendered svg."
|
|
2914
|
+
},
|
|
2915
|
+
{
|
|
2916
|
+
name: "strokeWidth",
|
|
2917
|
+
type: "number | string",
|
|
2918
|
+
default: "2"
|
|
2919
|
+
},
|
|
2920
|
+
{
|
|
2921
|
+
name: "absoluteStrokeWidth",
|
|
2922
|
+
type: "boolean",
|
|
2923
|
+
default: "true",
|
|
2924
|
+
description: "When true, stroke width stays visually constant across sizes."
|
|
2925
|
+
},
|
|
2926
|
+
{
|
|
2927
|
+
name: "label",
|
|
2928
|
+
type: "string",
|
|
2929
|
+
default: "undefined",
|
|
2930
|
+
description: 'Accessible label. When set, the icon becomes role="img" with aria-label; otherwise it is aria-hidden.'
|
|
2931
|
+
}
|
|
2946
2932
|
],
|
|
2933
|
+
events: [],
|
|
2934
|
+
slots: [],
|
|
2935
|
+
a11y: [
|
|
2936
|
+
"decorative_by_default: true",
|
|
2937
|
+
"becomes_image_when_labeled: true",
|
|
2938
|
+
"rule: Provide `label` only when the icon conveys meaning that is not already in adjacent text."
|
|
2939
|
+
],
|
|
2940
|
+
behavior: [],
|
|
2941
|
+
selection: {
|
|
2942
|
+
keywords: [
|
|
2943
|
+
"icon",
|
|
2944
|
+
"svg",
|
|
2945
|
+
"glyph",
|
|
2946
|
+
"pictogram"
|
|
2947
|
+
],
|
|
2948
|
+
useWhen: [
|
|
2949
|
+
"You need to render a registered TreeUI icon by name.",
|
|
2950
|
+
"You want consistent sizing and a11y defaults without importing the icon component directly."
|
|
2951
|
+
],
|
|
2952
|
+
avoidWhen: [
|
|
2953
|
+
"The icon is not in the @treeui/icons registry \u2014 import or register it instead."
|
|
2954
|
+
],
|
|
2955
|
+
alternatives: [
|
|
2956
|
+
{
|
|
2957
|
+
component: "named import from @treeui/icons",
|
|
2958
|
+
when: "You need tree-shaken, statically-imported icon components."
|
|
2959
|
+
}
|
|
2960
|
+
]
|
|
2961
|
+
},
|
|
2962
|
+
setup: {
|
|
2963
|
+
required: [],
|
|
2964
|
+
notes: []
|
|
2965
|
+
},
|
|
2966
|
+
recipes: []
|
|
2967
|
+
},
|
|
2968
|
+
{
|
|
2969
|
+
name: "TInput",
|
|
2970
|
+
aliases: [],
|
|
2947
2971
|
package: "@treeui/vue",
|
|
2948
2972
|
kind: "primitive",
|
|
2949
2973
|
category: "Data Entry",
|
|
2950
2974
|
status: "available",
|
|
2951
2975
|
purpose: "Text input with size, loading, invalid, and prefix or suffix slots.",
|
|
2952
|
-
sourceFile: "packages/vue/src/components/
|
|
2976
|
+
sourceFile: "packages/vue/src/components/TInput.vue",
|
|
2953
2977
|
storyFile: "apps/docs/src/stories/Input.stories.ts",
|
|
2954
2978
|
storyTitle: "Components/Data Entry/Input",
|
|
2955
2979
|
manifestFile: "docs/ai/COMPONENTS/input.yaml",
|
|
@@ -2961,7 +2985,7 @@ var treeui_catalog_default = {
|
|
|
2961
2985
|
},
|
|
2962
2986
|
{
|
|
2963
2987
|
name: "size",
|
|
2964
|
-
type: "
|
|
2988
|
+
type: "TSize",
|
|
2965
2989
|
default: "md",
|
|
2966
2990
|
values: [
|
|
2967
2991
|
"sm",
|
|
@@ -3055,16 +3079,13 @@ var treeui_catalog_default = {
|
|
|
3055
3079
|
},
|
|
3056
3080
|
{
|
|
3057
3081
|
name: "TLink",
|
|
3058
|
-
|
|
3059
|
-
aliases: [
|
|
3060
|
-
"TreeLink"
|
|
3061
|
-
],
|
|
3082
|
+
aliases: [],
|
|
3062
3083
|
package: "@treeui/vue",
|
|
3063
3084
|
kind: "navigation",
|
|
3064
3085
|
category: "Navigation",
|
|
3065
3086
|
status: "available",
|
|
3066
3087
|
purpose: "Inline link with consistent styling, optional RouterLink rendering, and external link support.",
|
|
3067
|
-
sourceFile: "packages/vue/src/components/
|
|
3088
|
+
sourceFile: "packages/vue/src/components/TLink.vue",
|
|
3068
3089
|
storyFile: "apps/docs/src/stories/Link.stories.ts",
|
|
3069
3090
|
storyTitle: "Components/Navigation/Link",
|
|
3070
3091
|
manifestFile: "docs/ai/COMPONENTS/link.yaml",
|
|
@@ -3094,7 +3115,7 @@ var treeui_catalog_default = {
|
|
|
3094
3115
|
},
|
|
3095
3116
|
{
|
|
3096
3117
|
name: "variant",
|
|
3097
|
-
type: "
|
|
3118
|
+
type: "TLinkVariant",
|
|
3098
3119
|
default: "default",
|
|
3099
3120
|
values: [
|
|
3100
3121
|
"default",
|
|
@@ -3130,10 +3151,7 @@ var treeui_catalog_default = {
|
|
|
3130
3151
|
},
|
|
3131
3152
|
{
|
|
3132
3153
|
name: "TMarkdownEditor",
|
|
3133
|
-
|
|
3134
|
-
aliases: [
|
|
3135
|
-
"TreeMarkdownEditor"
|
|
3136
|
-
],
|
|
3154
|
+
aliases: [],
|
|
3137
3155
|
package: "@treeui/vue",
|
|
3138
3156
|
category: "Form",
|
|
3139
3157
|
status: "stable",
|
|
@@ -3150,7 +3168,7 @@ var treeui_catalog_default = {
|
|
|
3150
3168
|
},
|
|
3151
3169
|
{
|
|
3152
3170
|
name: "size",
|
|
3153
|
-
type: "
|
|
3171
|
+
type: "TSize",
|
|
3154
3172
|
default: "md",
|
|
3155
3173
|
values: [
|
|
3156
3174
|
"sm",
|
|
@@ -3235,16 +3253,13 @@ var treeui_catalog_default = {
|
|
|
3235
3253
|
},
|
|
3236
3254
|
{
|
|
3237
3255
|
name: "TModal",
|
|
3238
|
-
|
|
3239
|
-
aliases: [
|
|
3240
|
-
"TreeModal"
|
|
3241
|
-
],
|
|
3256
|
+
aliases: [],
|
|
3242
3257
|
package: "@treeui/vue",
|
|
3243
3258
|
kind: "overlay",
|
|
3244
3259
|
category: "Overlay",
|
|
3245
3260
|
status: "available",
|
|
3246
3261
|
purpose: "Accessible modal dialog for focused tasks and confirmations.",
|
|
3247
|
-
sourceFile: "packages/vue/src/components/
|
|
3262
|
+
sourceFile: "packages/vue/src/components/TModal.vue",
|
|
3248
3263
|
storyFile: "apps/docs/src/stories/Modal.stories.ts",
|
|
3249
3264
|
storyTitle: "Components/Overlay/Modal",
|
|
3250
3265
|
manifestFile: "docs/ai/COMPONENTS/modal.yaml",
|
|
@@ -3266,7 +3281,7 @@ var treeui_catalog_default = {
|
|
|
3266
3281
|
},
|
|
3267
3282
|
{
|
|
3268
3283
|
name: "size",
|
|
3269
|
-
type: "
|
|
3284
|
+
type: "TSize",
|
|
3270
3285
|
default: "md",
|
|
3271
3286
|
values: [
|
|
3272
3287
|
"sm",
|
|
@@ -3386,16 +3401,13 @@ var treeui_catalog_default = {
|
|
|
3386
3401
|
},
|
|
3387
3402
|
{
|
|
3388
3403
|
name: "TMultiSelect",
|
|
3389
|
-
|
|
3390
|
-
aliases: [
|
|
3391
|
-
"TreeMultiSelect"
|
|
3392
|
-
],
|
|
3404
|
+
aliases: [],
|
|
3393
3405
|
package: "@treeui/vue",
|
|
3394
3406
|
kind: "form",
|
|
3395
3407
|
category: "Data Entry",
|
|
3396
3408
|
status: "available",
|
|
3397
3409
|
purpose: "Searchable multi-select control that renders selected values as tags.",
|
|
3398
|
-
sourceFile: "packages/vue/src/components/
|
|
3410
|
+
sourceFile: "packages/vue/src/components/TMultiSelect.vue",
|
|
3399
3411
|
storyFile: "apps/docs/src/stories/MultiSelect.stories.ts",
|
|
3400
3412
|
storyTitle: "Components/Data Entry/MultiSelect",
|
|
3401
3413
|
manifestFile: "docs/ai/COMPONENTS/multi-select.yaml",
|
|
@@ -3407,7 +3419,7 @@ var treeui_catalog_default = {
|
|
|
3407
3419
|
},
|
|
3408
3420
|
{
|
|
3409
3421
|
name: "options",
|
|
3410
|
-
type: "
|
|
3422
|
+
type: "TMultiSelectOption[]",
|
|
3411
3423
|
default: "[]",
|
|
3412
3424
|
note: "Array of `{ label, value, description?, keywords?, disabled? }`."
|
|
3413
3425
|
},
|
|
@@ -3423,7 +3435,7 @@ var treeui_catalog_default = {
|
|
|
3423
3435
|
},
|
|
3424
3436
|
{
|
|
3425
3437
|
name: "size",
|
|
3426
|
-
type: "
|
|
3438
|
+
type: "TSize",
|
|
3427
3439
|
default: "md",
|
|
3428
3440
|
values: [
|
|
3429
3441
|
"sm",
|
|
@@ -3548,18 +3560,15 @@ var treeui_catalog_default = {
|
|
|
3548
3560
|
},
|
|
3549
3561
|
{
|
|
3550
3562
|
name: "TNavbar",
|
|
3551
|
-
legacyAlias: "TreeAppBar",
|
|
3552
3563
|
aliases: [
|
|
3553
|
-
"TAppBar"
|
|
3554
|
-
"TreeAppBar",
|
|
3555
|
-
"TreeNavbar"
|
|
3564
|
+
"TAppBar"
|
|
3556
3565
|
],
|
|
3557
3566
|
package: "@treeui/vue",
|
|
3558
3567
|
kind: "layout",
|
|
3559
3568
|
category: "Layout",
|
|
3560
3569
|
status: "available",
|
|
3561
3570
|
purpose: "Top application bar with start, center, and end content areas.",
|
|
3562
|
-
sourceFile: "packages/vue/src/components/
|
|
3571
|
+
sourceFile: "packages/vue/src/components/TNavbar.vue",
|
|
3563
3572
|
storyFile: "apps/docs/src/stories/Navbar.stories.ts",
|
|
3564
3573
|
storyTitle: "Components/Layout/Navbar",
|
|
3565
3574
|
manifestFile: "docs/ai/COMPONENTS/navbar.yaml",
|
|
@@ -3571,7 +3580,7 @@ var treeui_catalog_default = {
|
|
|
3571
3580
|
},
|
|
3572
3581
|
{
|
|
3573
3582
|
name: "size",
|
|
3574
|
-
type: "
|
|
3583
|
+
type: "TSize",
|
|
3575
3584
|
default: "md",
|
|
3576
3585
|
values: [
|
|
3577
3586
|
"sm",
|
|
@@ -3649,16 +3658,13 @@ var treeui_catalog_default = {
|
|
|
3649
3658
|
},
|
|
3650
3659
|
{
|
|
3651
3660
|
name: "TNavMenu",
|
|
3652
|
-
|
|
3653
|
-
aliases: [
|
|
3654
|
-
"TreeNavMenu"
|
|
3655
|
-
],
|
|
3661
|
+
aliases: [],
|
|
3656
3662
|
package: "@treeui/vue",
|
|
3657
3663
|
kind: "navigation",
|
|
3658
3664
|
category: "Layout",
|
|
3659
3665
|
status: "available",
|
|
3660
3666
|
purpose: "Vertical navigation menu with selection state, keyboard navigation, optional RouterLink rendering, and sidebar integration.",
|
|
3661
|
-
sourceFile: "packages/vue/src/components/
|
|
3667
|
+
sourceFile: "packages/vue/src/components/TNavMenu.vue",
|
|
3662
3668
|
storyFile: "apps/docs/src/stories/NavMenu.stories.ts",
|
|
3663
3669
|
storyTitle: "Components/Layout/NavMenu",
|
|
3664
3670
|
manifestFile: "docs/ai/COMPONENTS/nav-menu.yaml",
|
|
@@ -3675,13 +3681,13 @@ var treeui_catalog_default = {
|
|
|
3675
3681
|
},
|
|
3676
3682
|
{
|
|
3677
3683
|
name: "items",
|
|
3678
|
-
type: "
|
|
3684
|
+
type: "TNavMenuItem[]",
|
|
3679
3685
|
default: "[]",
|
|
3680
3686
|
note: "Array of `{ label, value, shortLabel?, description?, icon?, to?, badge?, disabled? }`."
|
|
3681
3687
|
},
|
|
3682
3688
|
{
|
|
3683
3689
|
name: "size",
|
|
3684
|
-
type: "
|
|
3690
|
+
type: "TSize",
|
|
3685
3691
|
default: "md",
|
|
3686
3692
|
values: [
|
|
3687
3693
|
"sm",
|
|
@@ -3765,16 +3771,13 @@ var treeui_catalog_default = {
|
|
|
3765
3771
|
},
|
|
3766
3772
|
{
|
|
3767
3773
|
name: "TNumberInput",
|
|
3768
|
-
|
|
3769
|
-
aliases: [
|
|
3770
|
-
"TreeNumberInput"
|
|
3771
|
-
],
|
|
3774
|
+
aliases: [],
|
|
3772
3775
|
package: "@treeui/vue",
|
|
3773
3776
|
kind: "form",
|
|
3774
3777
|
category: "Data Entry",
|
|
3775
3778
|
status: "available",
|
|
3776
3779
|
purpose: "Numeric input with optional increment and decrement controls.",
|
|
3777
|
-
sourceFile: "packages/vue/src/components/
|
|
3780
|
+
sourceFile: "packages/vue/src/components/TNumberInput.vue",
|
|
3778
3781
|
storyFile: "apps/docs/src/stories/NumberInput.stories.ts",
|
|
3779
3782
|
storyTitle: "Components/Data Entry/NumberInput",
|
|
3780
3783
|
manifestFile: "docs/ai/COMPONENTS/number-input.yaml",
|
|
@@ -3800,7 +3803,7 @@ var treeui_catalog_default = {
|
|
|
3800
3803
|
},
|
|
3801
3804
|
{
|
|
3802
3805
|
name: "size",
|
|
3803
|
-
type: "
|
|
3806
|
+
type: "TSize",
|
|
3804
3807
|
default: "md",
|
|
3805
3808
|
values: [
|
|
3806
3809
|
"sm",
|
|
@@ -3875,16 +3878,13 @@ var treeui_catalog_default = {
|
|
|
3875
3878
|
},
|
|
3876
3879
|
{
|
|
3877
3880
|
name: "TPagination",
|
|
3878
|
-
|
|
3879
|
-
aliases: [
|
|
3880
|
-
"TreePagination"
|
|
3881
|
-
],
|
|
3881
|
+
aliases: [],
|
|
3882
3882
|
package: "@treeui/vue",
|
|
3883
3883
|
kind: "primitive",
|
|
3884
3884
|
category: "Navigation",
|
|
3885
3885
|
status: "available",
|
|
3886
3886
|
purpose: "Page controls with previous/next navigation, numbered page buttons, and ellipsis for large page ranges. Supports v-model for the active page.\n",
|
|
3887
|
-
sourceFile: "packages/vue/src/components/
|
|
3887
|
+
sourceFile: "packages/vue/src/components/TPagination.vue",
|
|
3888
3888
|
storyFile: "apps/docs/src/stories/Pagination.stories.ts",
|
|
3889
3889
|
storyTitle: "Components/Navigation/Pagination",
|
|
3890
3890
|
manifestFile: "docs/ai/COMPONENTS/pagination.yaml",
|
|
@@ -3909,7 +3909,7 @@ var treeui_catalog_default = {
|
|
|
3909
3909
|
},
|
|
3910
3910
|
{
|
|
3911
3911
|
name: "size",
|
|
3912
|
-
type: "
|
|
3912
|
+
type: "TSize",
|
|
3913
3913
|
default: "md",
|
|
3914
3914
|
values: [
|
|
3915
3915
|
"sm",
|
|
@@ -3991,10 +3991,7 @@ var treeui_catalog_default = {
|
|
|
3991
3991
|
},
|
|
3992
3992
|
{
|
|
3993
3993
|
name: "TPopover",
|
|
3994
|
-
|
|
3995
|
-
aliases: [
|
|
3996
|
-
"TreePopover"
|
|
3997
|
-
],
|
|
3994
|
+
aliases: [],
|
|
3998
3995
|
package: "@treeui/vue",
|
|
3999
3996
|
category: "Overlay",
|
|
4000
3997
|
status: "stable",
|
|
@@ -4097,10 +4094,7 @@ var treeui_catalog_default = {
|
|
|
4097
4094
|
},
|
|
4098
4095
|
{
|
|
4099
4096
|
name: "TPricing",
|
|
4100
|
-
|
|
4101
|
-
aliases: [
|
|
4102
|
-
"TreePricing"
|
|
4103
|
-
],
|
|
4097
|
+
aliases: [],
|
|
4104
4098
|
package: "@treeui/vue",
|
|
4105
4099
|
status: "stable",
|
|
4106
4100
|
description: "Grid wrapper that renders multiple PricingCard components from an array of plan objects.\n",
|
|
@@ -4116,7 +4110,7 @@ var treeui_catalog_default = {
|
|
|
4116
4110
|
},
|
|
4117
4111
|
{
|
|
4118
4112
|
name: "size",
|
|
4119
|
-
type: "
|
|
4113
|
+
type: "TSize",
|
|
4120
4114
|
default: "md",
|
|
4121
4115
|
description: "Size applied to all child pricing cards."
|
|
4122
4116
|
},
|
|
@@ -4164,10 +4158,7 @@ var treeui_catalog_default = {
|
|
|
4164
4158
|
},
|
|
4165
4159
|
{
|
|
4166
4160
|
name: "TPricingCard",
|
|
4167
|
-
|
|
4168
|
-
aliases: [
|
|
4169
|
-
"TreePricingCard"
|
|
4170
|
-
],
|
|
4161
|
+
aliases: [],
|
|
4171
4162
|
package: "@treeui/vue",
|
|
4172
4163
|
category: "Data Display",
|
|
4173
4164
|
status: "stable",
|
|
@@ -4232,7 +4223,7 @@ var treeui_catalog_default = {
|
|
|
4232
4223
|
},
|
|
4233
4224
|
{
|
|
4234
4225
|
name: "size",
|
|
4235
|
-
type: "
|
|
4226
|
+
type: "TSize",
|
|
4236
4227
|
default: "md",
|
|
4237
4228
|
description: "Card size \u2014 affects padding, font sizes."
|
|
4238
4229
|
},
|
|
@@ -4277,7 +4268,7 @@ var treeui_catalog_default = {
|
|
|
4277
4268
|
"Uses <h3> for plan title.",
|
|
4278
4269
|
'Feature list uses role="list" with <ul>/<li>.',
|
|
4279
4270
|
'Feature icons are aria-hidden="true".',
|
|
4280
|
-
"CTA button inherits
|
|
4271
|
+
"CTA button inherits TButton a11y (disabled, aria-busy)."
|
|
4281
4272
|
],
|
|
4282
4273
|
behavior: [],
|
|
4283
4274
|
selection: {
|
|
@@ -4296,10 +4287,7 @@ var treeui_catalog_default = {
|
|
|
4296
4287
|
},
|
|
4297
4288
|
{
|
|
4298
4289
|
name: "TProgress",
|
|
4299
|
-
|
|
4300
|
-
aliases: [
|
|
4301
|
-
"TreeProgress"
|
|
4302
|
-
],
|
|
4290
|
+
aliases: [],
|
|
4303
4291
|
package: "@treeui/vue",
|
|
4304
4292
|
category: "Feedback",
|
|
4305
4293
|
status: "draft",
|
|
@@ -4322,7 +4310,7 @@ var treeui_catalog_default = {
|
|
|
4322
4310
|
},
|
|
4323
4311
|
{
|
|
4324
4312
|
name: "size",
|
|
4325
|
-
type: "
|
|
4313
|
+
type: "TSize",
|
|
4326
4314
|
default: "md",
|
|
4327
4315
|
values: [
|
|
4328
4316
|
"sm",
|
|
@@ -4360,15 +4348,12 @@ var treeui_catalog_default = {
|
|
|
4360
4348
|
},
|
|
4361
4349
|
{
|
|
4362
4350
|
name: "TRadio",
|
|
4363
|
-
|
|
4364
|
-
aliases: [
|
|
4365
|
-
"TreeRadio"
|
|
4366
|
-
],
|
|
4351
|
+
aliases: [],
|
|
4367
4352
|
package: "@treeui/vue",
|
|
4368
4353
|
kind: "primitive",
|
|
4369
4354
|
status: "available",
|
|
4370
4355
|
purpose: "Single radio option within a TRadioGroup; renders a native radio input.",
|
|
4371
|
-
sourceFile: "packages/vue/src/components/
|
|
4356
|
+
sourceFile: "packages/vue/src/components/TRadio.vue",
|
|
4372
4357
|
manifestFile: "docs/ai/COMPONENTS/radio.yaml",
|
|
4373
4358
|
props: [
|
|
4374
4359
|
{
|
|
@@ -4388,7 +4373,7 @@ var treeui_catalog_default = {
|
|
|
4388
4373
|
},
|
|
4389
4374
|
{
|
|
4390
4375
|
name: "size",
|
|
4391
|
-
type: "
|
|
4376
|
+
type: "TSize",
|
|
4392
4377
|
default: "inherited_from_group",
|
|
4393
4378
|
values: [
|
|
4394
4379
|
"sm",
|
|
@@ -4431,16 +4416,13 @@ var treeui_catalog_default = {
|
|
|
4431
4416
|
},
|
|
4432
4417
|
{
|
|
4433
4418
|
name: "TRadioGroup",
|
|
4434
|
-
|
|
4435
|
-
aliases: [
|
|
4436
|
-
"TreeRadioGroup"
|
|
4437
|
-
],
|
|
4419
|
+
aliases: [],
|
|
4438
4420
|
package: "@treeui/vue",
|
|
4439
4421
|
kind: "primitive",
|
|
4440
4422
|
category: "Data Entry",
|
|
4441
4423
|
status: "available",
|
|
4442
4424
|
purpose: "Container for TRadio options; manages v-model for single-select from a group.",
|
|
4443
|
-
sourceFile: "packages/vue/src/components/
|
|
4425
|
+
sourceFile: "packages/vue/src/components/TRadioGroup.vue",
|
|
4444
4426
|
storyFile: "apps/docs/src/stories/Radio.stories.ts",
|
|
4445
4427
|
storyTitle: "Components/Data Entry/Radio",
|
|
4446
4428
|
manifestFile: "docs/ai/COMPONENTS/radio.yaml",
|
|
@@ -4467,7 +4449,7 @@ var treeui_catalog_default = {
|
|
|
4467
4449
|
},
|
|
4468
4450
|
{
|
|
4469
4451
|
name: "size",
|
|
4470
|
-
type: "
|
|
4452
|
+
type: "TSize",
|
|
4471
4453
|
default: "md",
|
|
4472
4454
|
values: [
|
|
4473
4455
|
"sm",
|
|
@@ -4509,16 +4491,13 @@ var treeui_catalog_default = {
|
|
|
4509
4491
|
},
|
|
4510
4492
|
{
|
|
4511
4493
|
name: "TSelect",
|
|
4512
|
-
|
|
4513
|
-
aliases: [
|
|
4514
|
-
"TreeSelect"
|
|
4515
|
-
],
|
|
4494
|
+
aliases: [],
|
|
4516
4495
|
package: "@treeui/vue",
|
|
4517
4496
|
kind: "primitive",
|
|
4518
4497
|
category: "Data Entry",
|
|
4519
4498
|
status: "available",
|
|
4520
4499
|
purpose: "Custom styled dropdown select with listbox; controlled and uncontrolled via v-model and open/defaultOpen.",
|
|
4521
|
-
sourceFile: "packages/vue/src/components/
|
|
4500
|
+
sourceFile: "packages/vue/src/components/TSelect.vue",
|
|
4522
4501
|
storyFile: "apps/docs/src/stories/Select.stories.ts",
|
|
4523
4502
|
storyTitle: "Components/Data Entry/Select",
|
|
4524
4503
|
manifestFile: "docs/ai/COMPONENTS/select.yaml",
|
|
@@ -4530,7 +4509,7 @@ var treeui_catalog_default = {
|
|
|
4530
4509
|
},
|
|
4531
4510
|
{
|
|
4532
4511
|
name: "options",
|
|
4533
|
-
type: "
|
|
4512
|
+
type: "TSelectOption[]",
|
|
4534
4513
|
default: "[]",
|
|
4535
4514
|
note: "Array of { label: string; value: string | number; disabled?: boolean }"
|
|
4536
4515
|
},
|
|
@@ -4546,7 +4525,7 @@ var treeui_catalog_default = {
|
|
|
4546
4525
|
},
|
|
4547
4526
|
{
|
|
4548
4527
|
name: "size",
|
|
4549
|
-
type: "
|
|
4528
|
+
type: "TSize",
|
|
4550
4529
|
default: "md",
|
|
4551
4530
|
values: [
|
|
4552
4531
|
"sm",
|
|
@@ -4650,16 +4629,13 @@ var treeui_catalog_default = {
|
|
|
4650
4629
|
},
|
|
4651
4630
|
{
|
|
4652
4631
|
name: "TSelectableList",
|
|
4653
|
-
|
|
4654
|
-
aliases: [
|
|
4655
|
-
"TreeSelectableList"
|
|
4656
|
-
],
|
|
4632
|
+
aliases: [],
|
|
4657
4633
|
package: "@treeui/vue",
|
|
4658
4634
|
kind: "selection",
|
|
4659
4635
|
category: "Navigation & Disclosure",
|
|
4660
4636
|
status: "available",
|
|
4661
4637
|
purpose: "Rich single-selection list for options with description and metadata.",
|
|
4662
|
-
sourceFile: "packages/vue/src/components/
|
|
4638
|
+
sourceFile: "packages/vue/src/components/TSelectableList.vue",
|
|
4663
4639
|
storyFile: "apps/docs/src/stories/SelectableList.stories.ts",
|
|
4664
4640
|
storyTitle: "Components/Navigation & Disclosure/SelectableList",
|
|
4665
4641
|
manifestFile: "docs/ai/COMPONENTS/selectable-list.yaml",
|
|
@@ -4676,13 +4652,13 @@ var treeui_catalog_default = {
|
|
|
4676
4652
|
},
|
|
4677
4653
|
{
|
|
4678
4654
|
name: "items",
|
|
4679
|
-
type: "
|
|
4655
|
+
type: "TSelectableListItem[]",
|
|
4680
4656
|
default: "[]",
|
|
4681
4657
|
note: "Array of `{ label, value, description?, meta?, disabled? }`."
|
|
4682
4658
|
},
|
|
4683
4659
|
{
|
|
4684
4660
|
name: "size",
|
|
4685
|
-
type: "
|
|
4661
|
+
type: "TSize",
|
|
4686
4662
|
default: "md",
|
|
4687
4663
|
values: [
|
|
4688
4664
|
"sm",
|
|
@@ -4759,16 +4735,13 @@ var treeui_catalog_default = {
|
|
|
4759
4735
|
},
|
|
4760
4736
|
{
|
|
4761
4737
|
name: "TSidebar",
|
|
4762
|
-
|
|
4763
|
-
aliases: [
|
|
4764
|
-
"TreeSidebar"
|
|
4765
|
-
],
|
|
4738
|
+
aliases: [],
|
|
4766
4739
|
package: "@treeui/vue",
|
|
4767
4740
|
kind: "layout",
|
|
4768
4741
|
category: "Layout",
|
|
4769
4742
|
status: "available",
|
|
4770
4743
|
purpose: "Persistent or collapsible side shell for app navigation and secondary workspace controls.",
|
|
4771
|
-
sourceFile: "packages/vue/src/components/
|
|
4744
|
+
sourceFile: "packages/vue/src/components/TSidebar.vue",
|
|
4772
4745
|
storyFile: "apps/docs/src/stories/Sidebar.stories.ts",
|
|
4773
4746
|
storyTitle: "Components/Layout/Sidebar",
|
|
4774
4747
|
manifestFile: "docs/ai/COMPONENTS/sidebar.yaml",
|
|
@@ -4795,7 +4768,7 @@ var treeui_catalog_default = {
|
|
|
4795
4768
|
},
|
|
4796
4769
|
{
|
|
4797
4770
|
name: "size",
|
|
4798
|
-
type: "
|
|
4771
|
+
type: "TSize",
|
|
4799
4772
|
default: "md",
|
|
4800
4773
|
values: [
|
|
4801
4774
|
"sm",
|
|
@@ -4805,7 +4778,7 @@ var treeui_catalog_default = {
|
|
|
4805
4778
|
},
|
|
4806
4779
|
{
|
|
4807
4780
|
name: "side",
|
|
4808
|
-
type: "
|
|
4781
|
+
type: "TSidebarSide",
|
|
4809
4782
|
default: "left",
|
|
4810
4783
|
values: [
|
|
4811
4784
|
"left",
|
|
@@ -4908,16 +4881,13 @@ var treeui_catalog_default = {
|
|
|
4908
4881
|
},
|
|
4909
4882
|
{
|
|
4910
4883
|
name: "TSkeleton",
|
|
4911
|
-
|
|
4912
|
-
aliases: [
|
|
4913
|
-
"TreeSkeleton"
|
|
4914
|
-
],
|
|
4884
|
+
aliases: [],
|
|
4915
4885
|
package: "@treeui/vue",
|
|
4916
4886
|
kind: "feedback",
|
|
4917
4887
|
category: "Feedback",
|
|
4918
4888
|
status: "available",
|
|
4919
4889
|
purpose: "Placeholder shimmer for loading states. Renders an animated block that indicates content is being loaded.",
|
|
4920
|
-
sourceFile: "packages/vue/src/components/
|
|
4890
|
+
sourceFile: "packages/vue/src/components/TSkeleton.vue",
|
|
4921
4891
|
storyFile: "apps/docs/src/stories/Skeleton.stories.ts",
|
|
4922
4892
|
storyTitle: "Components/Feedback/Skeleton",
|
|
4923
4893
|
manifestFile: "docs/ai/COMPONENTS/skeleton.yaml",
|
|
@@ -4974,23 +4944,20 @@ var treeui_catalog_default = {
|
|
|
4974
4944
|
},
|
|
4975
4945
|
{
|
|
4976
4946
|
name: "TSpinner",
|
|
4977
|
-
|
|
4978
|
-
aliases: [
|
|
4979
|
-
"TreeSpinner"
|
|
4980
|
-
],
|
|
4947
|
+
aliases: [],
|
|
4981
4948
|
package: "@treeui/vue",
|
|
4982
4949
|
kind: "feedback",
|
|
4983
4950
|
category: "Feedback",
|
|
4984
4951
|
status: "available",
|
|
4985
4952
|
purpose: "Accessible loading indicator.",
|
|
4986
|
-
sourceFile: "packages/vue/src/components/
|
|
4953
|
+
sourceFile: "packages/vue/src/components/TSpinner.vue",
|
|
4987
4954
|
storyFile: "apps/docs/src/stories/Spinner.stories.ts",
|
|
4988
4955
|
storyTitle: "Components/Feedback/Spinner",
|
|
4989
4956
|
manifestFile: "docs/ai/COMPONENTS/spinner.yaml",
|
|
4990
4957
|
props: [
|
|
4991
4958
|
{
|
|
4992
4959
|
name: "size",
|
|
4993
|
-
type: "
|
|
4960
|
+
type: "TSize",
|
|
4994
4961
|
default: "md",
|
|
4995
4962
|
values: [
|
|
4996
4963
|
"sm",
|
|
@@ -5026,16 +4993,13 @@ var treeui_catalog_default = {
|
|
|
5026
4993
|
},
|
|
5027
4994
|
{
|
|
5028
4995
|
name: "TStack",
|
|
5029
|
-
|
|
5030
|
-
aliases: [
|
|
5031
|
-
"TreeStack"
|
|
5032
|
-
],
|
|
4996
|
+
aliases: [],
|
|
5033
4997
|
package: "@treeui/vue",
|
|
5034
4998
|
kind: "layout",
|
|
5035
4999
|
category: "Layout",
|
|
5036
5000
|
status: "available",
|
|
5037
5001
|
purpose: "One-dimensional spacing and alignment wrapper for vertical or horizontal compositions.",
|
|
5038
|
-
sourceFile: "packages/vue/src/components/
|
|
5002
|
+
sourceFile: "packages/vue/src/components/TStack.vue",
|
|
5039
5003
|
storyFile: "apps/docs/src/stories/Stack.stories.ts",
|
|
5040
5004
|
storyTitle: "Components/Layout/Stack",
|
|
5041
5005
|
manifestFile: "docs/ai/COMPONENTS/stack.yaml",
|
|
@@ -5047,7 +5011,7 @@ var treeui_catalog_default = {
|
|
|
5047
5011
|
},
|
|
5048
5012
|
{
|
|
5049
5013
|
name: "direction",
|
|
5050
|
-
type: "
|
|
5014
|
+
type: "TStackDirection",
|
|
5051
5015
|
default: "vertical",
|
|
5052
5016
|
values: [
|
|
5053
5017
|
"vertical",
|
|
@@ -5127,16 +5091,13 @@ var treeui_catalog_default = {
|
|
|
5127
5091
|
},
|
|
5128
5092
|
{
|
|
5129
5093
|
name: "TStat",
|
|
5130
|
-
|
|
5131
|
-
aliases: [
|
|
5132
|
-
"TreeStat"
|
|
5133
|
-
],
|
|
5094
|
+
aliases: [],
|
|
5134
5095
|
package: "@treeui/vue",
|
|
5135
5096
|
kind: "data-display",
|
|
5136
5097
|
category: "Data Display",
|
|
5137
5098
|
status: "available",
|
|
5138
5099
|
purpose: "Compact KPI display with label, value, trend, metadata, and optional icon.",
|
|
5139
|
-
sourceFile: "packages/vue/src/components/
|
|
5100
|
+
sourceFile: "packages/vue/src/components/TStat.vue",
|
|
5140
5101
|
storyFile: "apps/docs/src/stories/Stat.stories.ts",
|
|
5141
5102
|
storyTitle: "Components/Data Display/Stat",
|
|
5142
5103
|
manifestFile: "docs/ai/COMPONENTS/stat.yaml",
|
|
@@ -5163,7 +5124,7 @@ var treeui_catalog_default = {
|
|
|
5163
5124
|
},
|
|
5164
5125
|
{
|
|
5165
5126
|
name: "tone",
|
|
5166
|
-
type: "
|
|
5127
|
+
type: "TStatTone",
|
|
5167
5128
|
default: "neutral",
|
|
5168
5129
|
values: [
|
|
5169
5130
|
"neutral",
|
|
@@ -5175,7 +5136,7 @@ var treeui_catalog_default = {
|
|
|
5175
5136
|
},
|
|
5176
5137
|
{
|
|
5177
5138
|
name: "trendDirection",
|
|
5178
|
-
type: "
|
|
5139
|
+
type: "TStatTrendDirection",
|
|
5179
5140
|
default: "neutral",
|
|
5180
5141
|
values: [
|
|
5181
5142
|
"up",
|
|
@@ -5247,18 +5208,15 @@ var treeui_catalog_default = {
|
|
|
5247
5208
|
},
|
|
5248
5209
|
{
|
|
5249
5210
|
name: "TSteps",
|
|
5250
|
-
legacyAlias: "TreeStepper",
|
|
5251
5211
|
aliases: [
|
|
5252
|
-
"TStepper"
|
|
5253
|
-
"TreeStepper",
|
|
5254
|
-
"TreeSteps"
|
|
5212
|
+
"TStepper"
|
|
5255
5213
|
],
|
|
5256
5214
|
package: "@treeui/vue",
|
|
5257
5215
|
kind: "navigation",
|
|
5258
5216
|
category: "Navigation & Disclosure",
|
|
5259
5217
|
status: "available",
|
|
5260
5218
|
purpose: "Stepper component for visualizing workflow progress, with optional interactive selection.",
|
|
5261
|
-
sourceFile: "packages/vue/src/components/
|
|
5219
|
+
sourceFile: "packages/vue/src/components/TSteps.vue",
|
|
5262
5220
|
storyFile: "apps/docs/src/stories/Steps.stories.ts",
|
|
5263
5221
|
storyTitle: "Components/Navigation & Disclosure/Steps",
|
|
5264
5222
|
manifestFile: "docs/ai/COMPONENTS/steps.yaml",
|
|
@@ -5275,13 +5233,13 @@ var treeui_catalog_default = {
|
|
|
5275
5233
|
},
|
|
5276
5234
|
{
|
|
5277
5235
|
name: "items",
|
|
5278
|
-
type: "
|
|
5236
|
+
type: "TStepItem[]",
|
|
5279
5237
|
default: "[]",
|
|
5280
5238
|
note: "Array of `{ label, value, description?, meta?, status?, disabled? }`."
|
|
5281
5239
|
},
|
|
5282
5240
|
{
|
|
5283
5241
|
name: "size",
|
|
5284
|
-
type: "
|
|
5242
|
+
type: "TSize",
|
|
5285
5243
|
default: "md",
|
|
5286
5244
|
values: [
|
|
5287
5245
|
"sm",
|
|
@@ -5291,7 +5249,7 @@ var treeui_catalog_default = {
|
|
|
5291
5249
|
},
|
|
5292
5250
|
{
|
|
5293
5251
|
name: "orientation",
|
|
5294
|
-
type: "
|
|
5252
|
+
type: "TStepOrientation",
|
|
5295
5253
|
default: "horizontal",
|
|
5296
5254
|
values: [
|
|
5297
5255
|
"horizontal",
|
|
@@ -5354,16 +5312,13 @@ var treeui_catalog_default = {
|
|
|
5354
5312
|
},
|
|
5355
5313
|
{
|
|
5356
5314
|
name: "TSwitch",
|
|
5357
|
-
|
|
5358
|
-
aliases: [
|
|
5359
|
-
"TreeSwitch"
|
|
5360
|
-
],
|
|
5315
|
+
aliases: [],
|
|
5361
5316
|
package: "@treeui/vue",
|
|
5362
5317
|
kind: "primitive",
|
|
5363
5318
|
category: "Data Entry",
|
|
5364
5319
|
status: "available",
|
|
5365
5320
|
purpose: "On/off toggle; semantic alternative to checkbox for settings. Supports v-model via modelValue.",
|
|
5366
|
-
sourceFile: "packages/vue/src/components/
|
|
5321
|
+
sourceFile: "packages/vue/src/components/TSwitch.vue",
|
|
5367
5322
|
storyFile: "apps/docs/src/stories/Switch.stories.ts",
|
|
5368
5323
|
storyTitle: "Components/Data Entry/Switch",
|
|
5369
5324
|
manifestFile: "docs/ai/COMPONENTS/switch.yaml",
|
|
@@ -5375,7 +5330,7 @@ var treeui_catalog_default = {
|
|
|
5375
5330
|
},
|
|
5376
5331
|
{
|
|
5377
5332
|
name: "size",
|
|
5378
|
-
type: "
|
|
5333
|
+
type: "TSize",
|
|
5379
5334
|
default: "md",
|
|
5380
5335
|
values: [
|
|
5381
5336
|
"sm",
|
|
@@ -5446,21 +5401,18 @@ var treeui_catalog_default = {
|
|
|
5446
5401
|
},
|
|
5447
5402
|
{
|
|
5448
5403
|
name: "TTable",
|
|
5449
|
-
|
|
5450
|
-
aliases: [
|
|
5451
|
-
"TreeTable"
|
|
5452
|
-
],
|
|
5404
|
+
aliases: [],
|
|
5453
5405
|
package: "@treeui/vue",
|
|
5454
5406
|
category: "Data Display",
|
|
5455
5407
|
description: "Sortable, accessible data table with column definitions and row data.",
|
|
5456
|
-
sourceFile: "packages/vue/src/components/
|
|
5408
|
+
sourceFile: "packages/vue/src/components/TTable.vue",
|
|
5457
5409
|
storyFile: "apps/docs/src/stories/Table.stories.ts",
|
|
5458
5410
|
storyTitle: "Components/Data Display/Table",
|
|
5459
5411
|
manifestFile: "docs/ai/COMPONENTS/table.yaml",
|
|
5460
5412
|
props: [
|
|
5461
5413
|
{
|
|
5462
5414
|
name: "columns",
|
|
5463
|
-
type: "
|
|
5415
|
+
type: "TTableColumn[]",
|
|
5464
5416
|
required: true,
|
|
5465
5417
|
description: "Array of column definitions with key, label, sortable, align, and width."
|
|
5466
5418
|
},
|
|
@@ -5472,7 +5424,7 @@ var treeui_catalog_default = {
|
|
|
5472
5424
|
},
|
|
5473
5425
|
{
|
|
5474
5426
|
name: "size",
|
|
5475
|
-
type: "
|
|
5427
|
+
type: "TSize",
|
|
5476
5428
|
default: "md",
|
|
5477
5429
|
values: [
|
|
5478
5430
|
"sm",
|
|
@@ -5482,7 +5434,7 @@ var treeui_catalog_default = {
|
|
|
5482
5434
|
},
|
|
5483
5435
|
{
|
|
5484
5436
|
name: "sortBy",
|
|
5485
|
-
type: "
|
|
5437
|
+
type: "TTableSortState",
|
|
5486
5438
|
required: false,
|
|
5487
5439
|
description: "Controlled sort state. When provided, overrides internal sort tracking."
|
|
5488
5440
|
}
|
|
@@ -5491,7 +5443,7 @@ var treeui_catalog_default = {
|
|
|
5491
5443
|
{
|
|
5492
5444
|
name: "sort",
|
|
5493
5445
|
description: "Emitted when a sortable column header is clicked.",
|
|
5494
|
-
payload: "
|
|
5446
|
+
payload: "TTableSortState"
|
|
5495
5447
|
}
|
|
5496
5448
|
],
|
|
5497
5449
|
slots: [
|
|
@@ -5550,16 +5502,13 @@ var treeui_catalog_default = {
|
|
|
5550
5502
|
},
|
|
5551
5503
|
{
|
|
5552
5504
|
name: "TTabs",
|
|
5553
|
-
|
|
5554
|
-
aliases: [
|
|
5555
|
-
"TreeTabs"
|
|
5556
|
-
],
|
|
5505
|
+
aliases: [],
|
|
5557
5506
|
package: "@treeui/vue",
|
|
5558
5507
|
kind: "navigation",
|
|
5559
5508
|
category: "Navigation",
|
|
5560
5509
|
status: "available",
|
|
5561
5510
|
purpose: "Tabbed panel navigation with full keyboard support and automatic/manual activation modes.",
|
|
5562
|
-
sourceFile: "packages/vue/src/components/
|
|
5511
|
+
sourceFile: "packages/vue/src/components/TTabs.vue",
|
|
5563
5512
|
storyFile: "apps/docs/src/stories/Tabs.stories.ts",
|
|
5564
5513
|
storyTitle: "Components/Navigation/Tabs",
|
|
5565
5514
|
manifestFile: "docs/ai/COMPONENTS/tabs.yaml",
|
|
@@ -5578,7 +5527,7 @@ var treeui_catalog_default = {
|
|
|
5578
5527
|
},
|
|
5579
5528
|
{
|
|
5580
5529
|
name: "size",
|
|
5581
|
-
type: "
|
|
5530
|
+
type: "TSize",
|
|
5582
5531
|
default: "md",
|
|
5583
5532
|
values: [
|
|
5584
5533
|
"sm",
|
|
@@ -5659,21 +5608,18 @@ var treeui_catalog_default = {
|
|
|
5659
5608
|
},
|
|
5660
5609
|
{
|
|
5661
5610
|
name: "TTag",
|
|
5662
|
-
|
|
5663
|
-
aliases: [
|
|
5664
|
-
"TreeTag"
|
|
5665
|
-
],
|
|
5611
|
+
aliases: [],
|
|
5666
5612
|
package: "@treeui/vue",
|
|
5667
5613
|
category: "Data Display",
|
|
5668
5614
|
description: "Removable label/chip for filters and selections.",
|
|
5669
|
-
sourceFile: "packages/vue/src/components/
|
|
5615
|
+
sourceFile: "packages/vue/src/components/TTag.vue",
|
|
5670
5616
|
storyFile: "apps/docs/src/stories/Tag.stories.ts",
|
|
5671
5617
|
storyTitle: "Components/Data Display/Tag",
|
|
5672
5618
|
manifestFile: "docs/ai/COMPONENTS/tag.yaml",
|
|
5673
5619
|
props: [
|
|
5674
5620
|
{
|
|
5675
5621
|
name: "variant",
|
|
5676
|
-
type: "
|
|
5622
|
+
type: "TTagVariant",
|
|
5677
5623
|
default: "soft",
|
|
5678
5624
|
values: [
|
|
5679
5625
|
"solid",
|
|
@@ -5683,7 +5629,7 @@ var treeui_catalog_default = {
|
|
|
5683
5629
|
},
|
|
5684
5630
|
{
|
|
5685
5631
|
name: "size",
|
|
5686
|
-
type: "
|
|
5632
|
+
type: "TSize",
|
|
5687
5633
|
default: "md",
|
|
5688
5634
|
values: [
|
|
5689
5635
|
"sm",
|
|
@@ -5742,16 +5688,13 @@ var treeui_catalog_default = {
|
|
|
5742
5688
|
},
|
|
5743
5689
|
{
|
|
5744
5690
|
name: "TTextarea",
|
|
5745
|
-
|
|
5746
|
-
aliases: [
|
|
5747
|
-
"TreeTextarea"
|
|
5748
|
-
],
|
|
5691
|
+
aliases: [],
|
|
5749
5692
|
package: "@treeui/vue",
|
|
5750
5693
|
kind: "primitive",
|
|
5751
5694
|
category: "Data Entry",
|
|
5752
5695
|
status: "available",
|
|
5753
5696
|
purpose: "Multi-line text field with size, loading, invalid states, and auto-grow option.",
|
|
5754
|
-
sourceFile: "packages/vue/src/components/
|
|
5697
|
+
sourceFile: "packages/vue/src/components/TTextarea.vue",
|
|
5755
5698
|
storyFile: "apps/docs/src/stories/Textarea.stories.ts",
|
|
5756
5699
|
storyTitle: "Components/Data Entry/Textarea",
|
|
5757
5700
|
manifestFile: "docs/ai/COMPONENTS/textarea.yaml",
|
|
@@ -5763,7 +5706,7 @@ var treeui_catalog_default = {
|
|
|
5763
5706
|
},
|
|
5764
5707
|
{
|
|
5765
5708
|
name: "size",
|
|
5766
|
-
type: "
|
|
5709
|
+
type: "TSize",
|
|
5767
5710
|
default: "md",
|
|
5768
5711
|
values: [
|
|
5769
5712
|
"sm",
|
|
@@ -5848,28 +5791,25 @@ var treeui_catalog_default = {
|
|
|
5848
5791
|
},
|
|
5849
5792
|
{
|
|
5850
5793
|
name: "TTimeline",
|
|
5851
|
-
|
|
5852
|
-
aliases: [
|
|
5853
|
-
"TreeTimeline"
|
|
5854
|
-
],
|
|
5794
|
+
aliases: [],
|
|
5855
5795
|
package: "@treeui/vue",
|
|
5856
5796
|
kind: "data_display",
|
|
5857
5797
|
status: "available",
|
|
5858
5798
|
purpose: "Vertical timeline for activity history, audits, release events, and chronological product updates.",
|
|
5859
|
-
sourceFile: "packages/vue/src/components/
|
|
5799
|
+
sourceFile: "packages/vue/src/components/TTimeline.vue",
|
|
5860
5800
|
storyFile: "apps/docs/src/stories/Timeline.stories.ts",
|
|
5861
5801
|
storyTitle: "Release queued for review",
|
|
5862
5802
|
manifestFile: "docs/ai/COMPONENTS/timeline.yaml",
|
|
5863
5803
|
props: [
|
|
5864
5804
|
{
|
|
5865
5805
|
name: "items",
|
|
5866
|
-
type: "
|
|
5806
|
+
type: "TTimelineItem[]",
|
|
5867
5807
|
default: "[]",
|
|
5868
5808
|
note: "Array of { id?: string | number; title: string; description?: string; meta?: string; timestamp?: string; datetime?: string; tone?: 'neutral' | 'brand' | 'success' | 'warning' | 'danger' }"
|
|
5869
5809
|
},
|
|
5870
5810
|
{
|
|
5871
5811
|
name: "size",
|
|
5872
|
-
type: "
|
|
5812
|
+
type: "TSize",
|
|
5873
5813
|
default: "md",
|
|
5874
5814
|
values: [
|
|
5875
5815
|
"sm",
|
|
@@ -5911,15 +5851,12 @@ var treeui_catalog_default = {
|
|
|
5911
5851
|
},
|
|
5912
5852
|
{
|
|
5913
5853
|
name: "TToast",
|
|
5914
|
-
|
|
5915
|
-
aliases: [
|
|
5916
|
-
"TreeToast"
|
|
5917
|
-
],
|
|
5854
|
+
aliases: [],
|
|
5918
5855
|
package: "@treeui/vue",
|
|
5919
5856
|
kind: "feedback",
|
|
5920
5857
|
status: "available",
|
|
5921
5858
|
purpose: "Ephemeral notification stack driven by a composable. Renders toast items inside a positioned container with auto-dismiss and manual close.",
|
|
5922
|
-
sourceFile: "packages/vue/src/components/
|
|
5859
|
+
sourceFile: "packages/vue/src/components/TToast.vue",
|
|
5923
5860
|
manifestFile: "docs/ai/COMPONENTS/toast.yaml",
|
|
5924
5861
|
props: [],
|
|
5925
5862
|
events: [
|
|
@@ -5977,16 +5914,13 @@ var treeui_catalog_default = {
|
|
|
5977
5914
|
},
|
|
5978
5915
|
{
|
|
5979
5916
|
name: "TToggleGroup",
|
|
5980
|
-
|
|
5981
|
-
aliases: [
|
|
5982
|
-
"TreeToggleGroup"
|
|
5983
|
-
],
|
|
5917
|
+
aliases: [],
|
|
5984
5918
|
package: "@treeui/vue",
|
|
5985
5919
|
kind: "selection",
|
|
5986
5920
|
category: "Data Entry",
|
|
5987
5921
|
status: "available",
|
|
5988
5922
|
purpose: "Segmented button group for single or multiple visible choices.",
|
|
5989
|
-
sourceFile: "packages/vue/src/components/
|
|
5923
|
+
sourceFile: "packages/vue/src/components/TToggleGroup.vue",
|
|
5990
5924
|
storyFile: "apps/docs/src/stories/ToggleGroup.stories.ts",
|
|
5991
5925
|
storyTitle: "Components/Data Entry/ToggleGroup",
|
|
5992
5926
|
manifestFile: "docs/ai/COMPONENTS/toggle-group.yaml",
|
|
@@ -5998,13 +5932,13 @@ var treeui_catalog_default = {
|
|
|
5998
5932
|
},
|
|
5999
5933
|
{
|
|
6000
5934
|
name: "options",
|
|
6001
|
-
type: "
|
|
5935
|
+
type: "TToggleGroupOption[]",
|
|
6002
5936
|
default: "[]",
|
|
6003
5937
|
note: "Array of `{ label, value, disabled? }`."
|
|
6004
5938
|
},
|
|
6005
5939
|
{
|
|
6006
5940
|
name: "selectionMode",
|
|
6007
|
-
type: "
|
|
5941
|
+
type: "TToggleGroupSelectionMode",
|
|
6008
5942
|
default: "single",
|
|
6009
5943
|
values: [
|
|
6010
5944
|
"single",
|
|
@@ -6013,7 +5947,7 @@ var treeui_catalog_default = {
|
|
|
6013
5947
|
},
|
|
6014
5948
|
{
|
|
6015
5949
|
name: "size",
|
|
6016
|
-
type: "
|
|
5950
|
+
type: "TSize",
|
|
6017
5951
|
default: "md",
|
|
6018
5952
|
values: [
|
|
6019
5953
|
"sm",
|
|
@@ -6023,7 +5957,7 @@ var treeui_catalog_default = {
|
|
|
6023
5957
|
},
|
|
6024
5958
|
{
|
|
6025
5959
|
name: "variant",
|
|
6026
|
-
type: "
|
|
5960
|
+
type: "TToggleGroupVariant",
|
|
6027
5961
|
default: "outline",
|
|
6028
5962
|
values: [
|
|
6029
5963
|
"outline",
|
|
@@ -6097,16 +6031,13 @@ var treeui_catalog_default = {
|
|
|
6097
6031
|
},
|
|
6098
6032
|
{
|
|
6099
6033
|
name: "TTooltip",
|
|
6100
|
-
|
|
6101
|
-
aliases: [
|
|
6102
|
-
"TreeTooltip"
|
|
6103
|
-
],
|
|
6034
|
+
aliases: [],
|
|
6104
6035
|
package: "@treeui/vue",
|
|
6105
6036
|
kind: "overlay",
|
|
6106
6037
|
category: "Overlay",
|
|
6107
6038
|
status: "available",
|
|
6108
6039
|
purpose: "Small contextual overlay shown on hover or focus.",
|
|
6109
|
-
sourceFile: "packages/vue/src/components/
|
|
6040
|
+
sourceFile: "packages/vue/src/components/TTooltip.vue",
|
|
6110
6041
|
storyFile: "apps/docs/src/stories/Tooltip.stories.ts",
|
|
6111
6042
|
storyTitle: "Components/Overlay/Tooltip",
|
|
6112
6043
|
manifestFile: "docs/ai/COMPONENTS/tooltip.yaml",
|
|
@@ -6133,7 +6064,7 @@ var treeui_catalog_default = {
|
|
|
6133
6064
|
},
|
|
6134
6065
|
{
|
|
6135
6066
|
name: "side",
|
|
6136
|
-
type: "
|
|
6067
|
+
type: "TTooltipSide",
|
|
6137
6068
|
default: "top",
|
|
6138
6069
|
values: [
|
|
6139
6070
|
"top",
|
|
@@ -6212,18 +6143,15 @@ var treeui_catalog_default = {
|
|
|
6212
6143
|
},
|
|
6213
6144
|
{
|
|
6214
6145
|
name: "TTreeView",
|
|
6215
|
-
|
|
6216
|
-
aliases: [
|
|
6217
|
-
"TreeTreeView"
|
|
6218
|
-
],
|
|
6146
|
+
aliases: [],
|
|
6219
6147
|
package: "@treeui/vue",
|
|
6220
6148
|
kind: "selection",
|
|
6221
6149
|
category: "Navigation & Disclosure",
|
|
6222
6150
|
status: "available",
|
|
6223
6151
|
purpose: "Hierarchical tree view with expansion, keyboard navigation, and single or multiple selection.",
|
|
6224
|
-
sourceFile: "packages/vue/src/components/
|
|
6152
|
+
sourceFile: "packages/vue/src/components/TTreeView.vue",
|
|
6225
6153
|
storyFile: "apps/docs/src/stories/TreeView.stories.ts",
|
|
6226
|
-
storyTitle: "Components/Navigation & Disclosure/
|
|
6154
|
+
storyTitle: "Components/Navigation & Disclosure/TView",
|
|
6227
6155
|
manifestFile: "docs/ai/COMPONENTS/tree-view.yaml",
|
|
6228
6156
|
props: [
|
|
6229
6157
|
{
|
|
@@ -6238,13 +6166,13 @@ var treeui_catalog_default = {
|
|
|
6238
6166
|
},
|
|
6239
6167
|
{
|
|
6240
6168
|
name: "nodes",
|
|
6241
|
-
type: "
|
|
6169
|
+
type: "TTreeViewNode[]",
|
|
6242
6170
|
default: "[]",
|
|
6243
6171
|
note: "Array of `{ id, label, description?, meta?, disabled?, children? }`."
|
|
6244
6172
|
},
|
|
6245
6173
|
{
|
|
6246
6174
|
name: "selectionMode",
|
|
6247
|
-
type: "
|
|
6175
|
+
type: "TTreeViewSelectionMode",
|
|
6248
6176
|
default: "single",
|
|
6249
6177
|
values: [
|
|
6250
6178
|
"single",
|
|
@@ -6775,7 +6703,7 @@ var createTreeuiMcpServer = () => {
|
|
|
6775
6703
|
inputSchema: {
|
|
6776
6704
|
type: "object",
|
|
6777
6705
|
properties: {
|
|
6778
|
-
name: { type: "string", description: "Component name or alias, such as TSelect or
|
|
6706
|
+
name: { type: "string", description: "Component name or alias, such as TSelect or TSelect." }
|
|
6779
6707
|
},
|
|
6780
6708
|
required: ["name"]
|
|
6781
6709
|
}
|