@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/index.cjs
CHANGED
|
@@ -47,9 +47,9 @@ module.exports = __toCommonJS(index_exports);
|
|
|
47
47
|
|
|
48
48
|
// src/generated/treeui.catalog.json
|
|
49
49
|
var treeui_catalog_default = {
|
|
50
|
-
generatedAt: "2026-
|
|
50
|
+
generatedAt: "2026-06-26T22:57:20.487Z",
|
|
51
51
|
packageName: "@treeui/vue",
|
|
52
|
-
packageVersion: "0.
|
|
52
|
+
packageVersion: "0.8.0",
|
|
53
53
|
decisionGuides: [
|
|
54
54
|
{
|
|
55
55
|
id: "single-choice",
|
|
@@ -490,7 +490,7 @@ var treeui_catalog_default = {
|
|
|
490
490
|
},
|
|
491
491
|
globalRules: [
|
|
492
492
|
"Always import `@treeui/vue/style.css` once in the consuming application.",
|
|
493
|
-
"
|
|
493
|
+
"All components use the `T<Name>` export prefix; there are no `Tree<Name>` aliases.",
|
|
494
494
|
"Form controls use `modelValue` + `update:modelValue`.",
|
|
495
495
|
"Overlay-style components generally support controlled and uncontrolled open state.",
|
|
496
496
|
"Date-only values use `YYYY-MM-DD`.",
|
|
@@ -631,16 +631,13 @@ var treeui_catalog_default = {
|
|
|
631
631
|
components: [
|
|
632
632
|
{
|
|
633
633
|
name: "TAccordion",
|
|
634
|
-
|
|
635
|
-
aliases: [
|
|
636
|
-
"TreeAccordion"
|
|
637
|
-
],
|
|
634
|
+
aliases: [],
|
|
638
635
|
package: "@treeui/vue",
|
|
639
636
|
kind: "disclosure",
|
|
640
637
|
category: "Data Display",
|
|
641
638
|
status: "available",
|
|
642
639
|
purpose: "Organized content sections with expandable/collapsible behavior. Supports single-open and multi-open modes.\n",
|
|
643
|
-
sourceFile: "packages/vue/src/components/
|
|
640
|
+
sourceFile: "packages/vue/src/components/TAccordion.vue",
|
|
644
641
|
storyFile: "apps/docs/src/stories/Accordion.stories.ts",
|
|
645
642
|
storyTitle: "Components/Data Display/Accordion",
|
|
646
643
|
manifestFile: "docs/ai/COMPONENTS/accordion.yaml",
|
|
@@ -687,16 +684,13 @@ var treeui_catalog_default = {
|
|
|
687
684
|
},
|
|
688
685
|
{
|
|
689
686
|
name: "TAlert",
|
|
690
|
-
|
|
691
|
-
aliases: [
|
|
692
|
-
"TreeAlert"
|
|
693
|
-
],
|
|
687
|
+
aliases: [],
|
|
694
688
|
package: "@treeui/vue",
|
|
695
689
|
kind: "feedback",
|
|
696
690
|
category: "Feedback",
|
|
697
691
|
status: "available",
|
|
698
692
|
purpose: "Inline status banner for info, success, warning, and danger messages.",
|
|
699
|
-
sourceFile: "packages/vue/src/components/
|
|
693
|
+
sourceFile: "packages/vue/src/components/TAlert.vue",
|
|
700
694
|
storyFile: "apps/docs/src/stories/Alert.stories.ts",
|
|
701
695
|
storyTitle: "Components/Feedback/Alert",
|
|
702
696
|
manifestFile: "docs/ai/COMPONENTS/alert.yaml",
|
|
@@ -714,7 +708,7 @@ var treeui_catalog_default = {
|
|
|
714
708
|
},
|
|
715
709
|
{
|
|
716
710
|
name: "size",
|
|
717
|
-
type: "
|
|
711
|
+
type: "TSize",
|
|
718
712
|
default: "md",
|
|
719
713
|
values: [
|
|
720
714
|
"sm",
|
|
@@ -790,14 +784,11 @@ var treeui_catalog_default = {
|
|
|
790
784
|
},
|
|
791
785
|
{
|
|
792
786
|
name: "TAvatar",
|
|
793
|
-
|
|
794
|
-
aliases: [
|
|
795
|
-
"TreeAvatar"
|
|
796
|
-
],
|
|
787
|
+
aliases: [],
|
|
797
788
|
package: "@treeui/vue",
|
|
798
789
|
category: "Data Display",
|
|
799
790
|
description: "User image with fallback initials and optional status indicator dot.",
|
|
800
|
-
sourceFile: "packages/vue/src/components/
|
|
791
|
+
sourceFile: "packages/vue/src/components/TAvatar.vue",
|
|
801
792
|
storyFile: "apps/docs/src/stories/Avatar.stories.ts",
|
|
802
793
|
storyTitle: "Components/Data Display/Avatar",
|
|
803
794
|
manifestFile: "docs/ai/COMPONENTS/avatar.yaml",
|
|
@@ -822,7 +813,7 @@ var treeui_catalog_default = {
|
|
|
822
813
|
},
|
|
823
814
|
{
|
|
824
815
|
name: "size",
|
|
825
|
-
type: "
|
|
816
|
+
type: "TSize",
|
|
826
817
|
default: "md",
|
|
827
818
|
values: [
|
|
828
819
|
"sm",
|
|
@@ -832,7 +823,7 @@ var treeui_catalog_default = {
|
|
|
832
823
|
},
|
|
833
824
|
{
|
|
834
825
|
name: "status",
|
|
835
|
-
type: "
|
|
826
|
+
type: "TAvatarStatus",
|
|
836
827
|
required: false,
|
|
837
828
|
values: [
|
|
838
829
|
"online",
|
|
@@ -870,23 +861,20 @@ var treeui_catalog_default = {
|
|
|
870
861
|
},
|
|
871
862
|
{
|
|
872
863
|
name: "TBadge",
|
|
873
|
-
|
|
874
|
-
aliases: [
|
|
875
|
-
"TreeBadge"
|
|
876
|
-
],
|
|
864
|
+
aliases: [],
|
|
877
865
|
package: "@treeui/vue",
|
|
878
866
|
kind: "display",
|
|
879
867
|
category: "Data Display",
|
|
880
868
|
status: "available",
|
|
881
869
|
purpose: "Compact status or metadata label with optional icon.",
|
|
882
|
-
sourceFile: "packages/vue/src/components/
|
|
870
|
+
sourceFile: "packages/vue/src/components/TBadge.vue",
|
|
883
871
|
storyFile: "apps/docs/src/stories/Badge.stories.ts",
|
|
884
872
|
storyTitle: "Components/Data Display/Badge",
|
|
885
873
|
manifestFile: "docs/ai/COMPONENTS/badge.yaml",
|
|
886
874
|
props: [
|
|
887
875
|
{
|
|
888
876
|
name: "variant",
|
|
889
|
-
type: "
|
|
877
|
+
type: "TVariant",
|
|
890
878
|
default: "soft",
|
|
891
879
|
values: [
|
|
892
880
|
"solid",
|
|
@@ -898,7 +886,7 @@ var treeui_catalog_default = {
|
|
|
898
886
|
},
|
|
899
887
|
{
|
|
900
888
|
name: "tone",
|
|
901
|
-
type: "
|
|
889
|
+
type: "TBadgeTone",
|
|
902
890
|
default: "neutral",
|
|
903
891
|
values: [
|
|
904
892
|
"neutral",
|
|
@@ -911,7 +899,7 @@ var treeui_catalog_default = {
|
|
|
911
899
|
},
|
|
912
900
|
{
|
|
913
901
|
name: "size",
|
|
914
|
-
type: "
|
|
902
|
+
type: "TSize",
|
|
915
903
|
default: "md",
|
|
916
904
|
values: [
|
|
917
905
|
"sm",
|
|
@@ -950,16 +938,13 @@ var treeui_catalog_default = {
|
|
|
950
938
|
},
|
|
951
939
|
{
|
|
952
940
|
name: "TBreadcrumb",
|
|
953
|
-
|
|
954
|
-
aliases: [
|
|
955
|
-
"TreeBreadcrumb"
|
|
956
|
-
],
|
|
941
|
+
aliases: [],
|
|
957
942
|
package: "@treeui/vue",
|
|
958
943
|
kind: "navigation",
|
|
959
944
|
category: "Navigation",
|
|
960
945
|
status: "available",
|
|
961
946
|
purpose: "Hierarchical navigation trail showing the user's current location within a site or application.",
|
|
962
|
-
sourceFile: "packages/vue/src/components/
|
|
947
|
+
sourceFile: "packages/vue/src/components/TBreadcrumb.vue",
|
|
963
948
|
storyFile: "apps/docs/src/stories/Breadcrumb.stories.ts",
|
|
964
949
|
storyTitle: "Components/Navigation/Breadcrumb",
|
|
965
950
|
manifestFile: "docs/ai/COMPONENTS/breadcrumb.yaml",
|
|
@@ -1002,16 +987,13 @@ var treeui_catalog_default = {
|
|
|
1002
987
|
},
|
|
1003
988
|
{
|
|
1004
989
|
name: "TButton",
|
|
1005
|
-
|
|
1006
|
-
aliases: [
|
|
1007
|
-
"TreeButton"
|
|
1008
|
-
],
|
|
990
|
+
aliases: [],
|
|
1009
991
|
package: "@treeui/vue",
|
|
1010
992
|
kind: "primitive",
|
|
1011
993
|
category: "Actions",
|
|
1012
994
|
status: "available",
|
|
1013
995
|
purpose: "Clickable action trigger with variants, sizes, optional polymorphism, and loading state.",
|
|
1014
|
-
sourceFile: "packages/vue/src/components/
|
|
996
|
+
sourceFile: "packages/vue/src/components/TButton.vue",
|
|
1015
997
|
storyFile: "apps/docs/src/stories/Button.stories.ts",
|
|
1016
998
|
storyTitle: "Components/Actions/Button",
|
|
1017
999
|
manifestFile: "docs/ai/COMPONENTS/button.yaml",
|
|
@@ -1023,7 +1005,7 @@ var treeui_catalog_default = {
|
|
|
1023
1005
|
},
|
|
1024
1006
|
{
|
|
1025
1007
|
name: "variant",
|
|
1026
|
-
type: "
|
|
1008
|
+
type: "TVariant",
|
|
1027
1009
|
default: "solid",
|
|
1028
1010
|
values: [
|
|
1029
1011
|
"solid",
|
|
@@ -1035,7 +1017,7 @@ var treeui_catalog_default = {
|
|
|
1035
1017
|
},
|
|
1036
1018
|
{
|
|
1037
1019
|
name: "size",
|
|
1038
|
-
type: "
|
|
1020
|
+
type: "TSize",
|
|
1039
1021
|
default: "md",
|
|
1040
1022
|
values: [
|
|
1041
1023
|
"sm",
|
|
@@ -1100,16 +1082,13 @@ var treeui_catalog_default = {
|
|
|
1100
1082
|
},
|
|
1101
1083
|
{
|
|
1102
1084
|
name: "TCard",
|
|
1103
|
-
|
|
1104
|
-
aliases: [
|
|
1105
|
-
"TreeCard"
|
|
1106
|
-
],
|
|
1085
|
+
aliases: [],
|
|
1107
1086
|
package: "@treeui/vue",
|
|
1108
1087
|
kind: "layout",
|
|
1109
1088
|
category: "Data Display",
|
|
1110
1089
|
status: "available",
|
|
1111
1090
|
purpose: "Surface container with optional header and footer slots.",
|
|
1112
|
-
sourceFile: "packages/vue/src/components/
|
|
1091
|
+
sourceFile: "packages/vue/src/components/TCard.vue",
|
|
1113
1092
|
storyFile: "apps/docs/src/stories/Card.stories.ts",
|
|
1114
1093
|
storyTitle: "Components/Data Display/Card",
|
|
1115
1094
|
manifestFile: "docs/ai/COMPONENTS/card.yaml",
|
|
@@ -1121,7 +1100,7 @@ var treeui_catalog_default = {
|
|
|
1121
1100
|
},
|
|
1122
1101
|
{
|
|
1123
1102
|
name: "variant",
|
|
1124
|
-
type: "
|
|
1103
|
+
type: "TCardVariant",
|
|
1125
1104
|
default: "outline",
|
|
1126
1105
|
values: [
|
|
1127
1106
|
"outline",
|
|
@@ -1132,7 +1111,7 @@ var treeui_catalog_default = {
|
|
|
1132
1111
|
},
|
|
1133
1112
|
{
|
|
1134
1113
|
name: "size",
|
|
1135
|
-
type: "
|
|
1114
|
+
type: "TSize",
|
|
1136
1115
|
default: "md",
|
|
1137
1116
|
values: [
|
|
1138
1117
|
"sm",
|
|
@@ -1201,16 +1180,13 @@ var treeui_catalog_default = {
|
|
|
1201
1180
|
},
|
|
1202
1181
|
{
|
|
1203
1182
|
name: "TCheckbox",
|
|
1204
|
-
|
|
1205
|
-
aliases: [
|
|
1206
|
-
"TreeCheckbox"
|
|
1207
|
-
],
|
|
1183
|
+
aliases: [],
|
|
1208
1184
|
package: "@treeui/vue",
|
|
1209
1185
|
kind: "primitive",
|
|
1210
1186
|
category: "Data Entry",
|
|
1211
1187
|
status: "available",
|
|
1212
1188
|
purpose: "Boolean toggle with indeterminate state; supports v-model via modelValue.",
|
|
1213
|
-
sourceFile: "packages/vue/src/components/
|
|
1189
|
+
sourceFile: "packages/vue/src/components/TCheckbox.vue",
|
|
1214
1190
|
storyFile: "apps/docs/src/stories/Checkbox.stories.ts",
|
|
1215
1191
|
storyTitle: "Components/Data Entry/Checkbox",
|
|
1216
1192
|
manifestFile: "docs/ai/COMPONENTS/checkbox.yaml",
|
|
@@ -1222,7 +1198,7 @@ var treeui_catalog_default = {
|
|
|
1222
1198
|
},
|
|
1223
1199
|
{
|
|
1224
1200
|
name: "size",
|
|
1225
|
-
type: "
|
|
1201
|
+
type: "TSize",
|
|
1226
1202
|
default: "md",
|
|
1227
1203
|
values: [
|
|
1228
1204
|
"sm",
|
|
@@ -1302,16 +1278,13 @@ var treeui_catalog_default = {
|
|
|
1302
1278
|
},
|
|
1303
1279
|
{
|
|
1304
1280
|
name: "TCombobox",
|
|
1305
|
-
|
|
1306
|
-
aliases: [
|
|
1307
|
-
"TreeCombobox"
|
|
1308
|
-
],
|
|
1281
|
+
aliases: [],
|
|
1309
1282
|
package: "@treeui/vue",
|
|
1310
1283
|
kind: "primitive",
|
|
1311
1284
|
category: "Data Entry",
|
|
1312
1285
|
status: "available",
|
|
1313
1286
|
purpose: "Searchable combobox / autocomplete input with local filtering, controlled selection, and shared open-state behavior.",
|
|
1314
|
-
sourceFile: "packages/vue/src/components/
|
|
1287
|
+
sourceFile: "packages/vue/src/components/TCombobox.vue",
|
|
1315
1288
|
storyFile: "apps/docs/src/stories/Combobox.stories.ts",
|
|
1316
1289
|
storyTitle: "Components/Data Entry/Combobox",
|
|
1317
1290
|
manifestFile: "docs/ai/COMPONENTS/combobox.yaml",
|
|
@@ -1323,7 +1296,7 @@ var treeui_catalog_default = {
|
|
|
1323
1296
|
},
|
|
1324
1297
|
{
|
|
1325
1298
|
name: "options",
|
|
1326
|
-
type: "
|
|
1299
|
+
type: "TComboboxOption[]",
|
|
1327
1300
|
default: "[]",
|
|
1328
1301
|
note: "Array of { label: string; value: string; description?: string; keywords?: string[]; disabled?: boolean }"
|
|
1329
1302
|
},
|
|
@@ -1339,7 +1312,7 @@ var treeui_catalog_default = {
|
|
|
1339
1312
|
},
|
|
1340
1313
|
{
|
|
1341
1314
|
name: "size",
|
|
1342
|
-
type: "
|
|
1315
|
+
type: "TSize",
|
|
1343
1316
|
default: "md",
|
|
1344
1317
|
values: [
|
|
1345
1318
|
"sm",
|
|
@@ -1456,16 +1429,13 @@ var treeui_catalog_default = {
|
|
|
1456
1429
|
},
|
|
1457
1430
|
{
|
|
1458
1431
|
name: "TConfirmDialog",
|
|
1459
|
-
|
|
1460
|
-
aliases: [
|
|
1461
|
-
"TreeConfirmDialog"
|
|
1462
|
-
],
|
|
1432
|
+
aliases: [],
|
|
1463
1433
|
package: "@treeui/vue",
|
|
1464
1434
|
kind: "overlay",
|
|
1465
1435
|
category: "Overlay",
|
|
1466
1436
|
status: "available",
|
|
1467
1437
|
purpose: "High-level confirmation dialog built on the shared modal contract, with default confirm and cancel actions.",
|
|
1468
|
-
sourceFile: "packages/vue/src/components/
|
|
1438
|
+
sourceFile: "packages/vue/src/components/TConfirmDialog.vue",
|
|
1469
1439
|
storyFile: "apps/docs/src/stories/ConfirmDialog.stories.ts",
|
|
1470
1440
|
storyTitle: "Components/Overlay/ConfirmDialog",
|
|
1471
1441
|
manifestFile: "docs/ai/COMPONENTS/confirm-dialog.yaml",
|
|
@@ -1487,7 +1457,7 @@ var treeui_catalog_default = {
|
|
|
1487
1457
|
},
|
|
1488
1458
|
{
|
|
1489
1459
|
name: "size",
|
|
1490
|
-
type: "
|
|
1460
|
+
type: "TSize",
|
|
1491
1461
|
default: "sm",
|
|
1492
1462
|
values: [
|
|
1493
1463
|
"sm",
|
|
@@ -1517,7 +1487,7 @@ var treeui_catalog_default = {
|
|
|
1517
1487
|
},
|
|
1518
1488
|
{
|
|
1519
1489
|
name: "confirmVariant",
|
|
1520
|
-
type: "
|
|
1490
|
+
type: "TVariant",
|
|
1521
1491
|
default: "danger"
|
|
1522
1492
|
},
|
|
1523
1493
|
{
|
|
@@ -1625,16 +1595,13 @@ var treeui_catalog_default = {
|
|
|
1625
1595
|
},
|
|
1626
1596
|
{
|
|
1627
1597
|
name: "TContainer",
|
|
1628
|
-
|
|
1629
|
-
aliases: [
|
|
1630
|
-
"TreeContainer"
|
|
1631
|
-
],
|
|
1598
|
+
aliases: [],
|
|
1632
1599
|
package: "@treeui/vue",
|
|
1633
1600
|
kind: "layout",
|
|
1634
1601
|
category: "Layout",
|
|
1635
1602
|
status: "available",
|
|
1636
1603
|
purpose: "Width-constrained layout wrapper for readable page content and app sections.",
|
|
1637
|
-
sourceFile: "packages/vue/src/components/
|
|
1604
|
+
sourceFile: "packages/vue/src/components/TContainer.vue",
|
|
1638
1605
|
storyFile: "apps/docs/src/stories/Container.stories.ts",
|
|
1639
1606
|
storyTitle: "Components/Layout/Container",
|
|
1640
1607
|
manifestFile: "docs/ai/COMPONENTS/container.yaml",
|
|
@@ -1646,7 +1613,7 @@ var treeui_catalog_default = {
|
|
|
1646
1613
|
},
|
|
1647
1614
|
{
|
|
1648
1615
|
name: "size",
|
|
1649
|
-
type: "
|
|
1616
|
+
type: "TContainerSize",
|
|
1650
1617
|
default: "lg",
|
|
1651
1618
|
values: [
|
|
1652
1619
|
"sm",
|
|
@@ -1717,10 +1684,7 @@ var treeui_catalog_default = {
|
|
|
1717
1684
|
},
|
|
1718
1685
|
{
|
|
1719
1686
|
name: "TContextMenu",
|
|
1720
|
-
|
|
1721
|
-
aliases: [
|
|
1722
|
-
"TreeContextMenu"
|
|
1723
|
-
],
|
|
1687
|
+
aliases: [],
|
|
1724
1688
|
package: "@treeui/vue",
|
|
1725
1689
|
category: "Overlay",
|
|
1726
1690
|
status: "stable",
|
|
@@ -1730,7 +1694,7 @@ var treeui_catalog_default = {
|
|
|
1730
1694
|
props: [
|
|
1731
1695
|
{
|
|
1732
1696
|
name: "items",
|
|
1733
|
-
type: "
|
|
1697
|
+
type: "TContextMenuItem[]",
|
|
1734
1698
|
default: "[]",
|
|
1735
1699
|
description: "Menu items to render."
|
|
1736
1700
|
},
|
|
@@ -1754,7 +1718,7 @@ var treeui_catalog_default = {
|
|
|
1754
1718
|
},
|
|
1755
1719
|
{
|
|
1756
1720
|
name: "size",
|
|
1757
|
-
type: "
|
|
1721
|
+
type: "TSize",
|
|
1758
1722
|
default: "md",
|
|
1759
1723
|
description: "Item sizing variant."
|
|
1760
1724
|
}
|
|
@@ -1827,16 +1791,13 @@ var treeui_catalog_default = {
|
|
|
1827
1791
|
},
|
|
1828
1792
|
{
|
|
1829
1793
|
name: "TDatePicker",
|
|
1830
|
-
|
|
1831
|
-
aliases: [
|
|
1832
|
-
"TreeDatePicker"
|
|
1833
|
-
],
|
|
1794
|
+
aliases: [],
|
|
1834
1795
|
package: "@treeui/vue",
|
|
1835
1796
|
kind: "form_overlay",
|
|
1836
1797
|
category: "Data Entry",
|
|
1837
1798
|
status: "available",
|
|
1838
1799
|
purpose: "Date input with calendar popover and keyboard navigation.",
|
|
1839
|
-
sourceFile: "packages/vue/src/components/
|
|
1800
|
+
sourceFile: "packages/vue/src/components/TDatePicker.vue",
|
|
1840
1801
|
storyFile: "apps/docs/src/stories/DatePicker.stories.ts",
|
|
1841
1802
|
storyTitle: "Components/Data Entry/DatePicker",
|
|
1842
1803
|
manifestFile: "docs/ai/COMPONENTS/date-picker.yaml",
|
|
@@ -1858,7 +1819,7 @@ var treeui_catalog_default = {
|
|
|
1858
1819
|
},
|
|
1859
1820
|
{
|
|
1860
1821
|
name: "size",
|
|
1861
|
-
type: "
|
|
1822
|
+
type: "TSize",
|
|
1862
1823
|
default: "md",
|
|
1863
1824
|
values: [
|
|
1864
1825
|
"sm",
|
|
@@ -1979,16 +1940,13 @@ var treeui_catalog_default = {
|
|
|
1979
1940
|
},
|
|
1980
1941
|
{
|
|
1981
1942
|
name: "TDateTimePicker",
|
|
1982
|
-
|
|
1983
|
-
aliases: [
|
|
1984
|
-
"TreeDateTimePicker"
|
|
1985
|
-
],
|
|
1943
|
+
aliases: [],
|
|
1986
1944
|
package: "@treeui/vue",
|
|
1987
1945
|
kind: "form",
|
|
1988
1946
|
category: "Data Entry",
|
|
1989
1947
|
status: "available",
|
|
1990
1948
|
purpose: "Date and time picker with a calendar grid, time selection, and overlay trigger.",
|
|
1991
|
-
sourceFile: "packages/vue/src/components/
|
|
1949
|
+
sourceFile: "packages/vue/src/components/TDateTimePicker.vue",
|
|
1992
1950
|
storyFile: "apps/docs/src/stories/DateTimePicker.stories.ts",
|
|
1993
1951
|
storyTitle: "Components/Data Entry/DateTimePicker",
|
|
1994
1952
|
manifestFile: "docs/ai/COMPONENTS/date-time-picker.yaml",
|
|
@@ -2011,7 +1969,7 @@ var treeui_catalog_default = {
|
|
|
2011
1969
|
},
|
|
2012
1970
|
{
|
|
2013
1971
|
name: "size",
|
|
2014
|
-
type: "
|
|
1972
|
+
type: "TSize",
|
|
2015
1973
|
default: "md",
|
|
2016
1974
|
values: [
|
|
2017
1975
|
"sm",
|
|
@@ -2140,14 +2098,11 @@ var treeui_catalog_default = {
|
|
|
2140
2098
|
},
|
|
2141
2099
|
{
|
|
2142
2100
|
name: "TDivider",
|
|
2143
|
-
|
|
2144
|
-
aliases: [
|
|
2145
|
-
"TreeDivider"
|
|
2146
|
-
],
|
|
2101
|
+
aliases: [],
|
|
2147
2102
|
package: "@treeui/vue",
|
|
2148
2103
|
category: "Layout",
|
|
2149
2104
|
description: "Horizontal or vertical visual separator.",
|
|
2150
|
-
sourceFile: "packages/vue/src/components/
|
|
2105
|
+
sourceFile: "packages/vue/src/components/TDivider.vue",
|
|
2151
2106
|
storyFile: "apps/docs/src/stories/Divider.stories.ts",
|
|
2152
2107
|
storyTitle: "Components/Layout/Divider",
|
|
2153
2108
|
manifestFile: "docs/ai/COMPONENTS/divider.yaml",
|
|
@@ -2196,16 +2151,13 @@ var treeui_catalog_default = {
|
|
|
2196
2151
|
},
|
|
2197
2152
|
{
|
|
2198
2153
|
name: "TDrawer",
|
|
2199
|
-
|
|
2200
|
-
aliases: [
|
|
2201
|
-
"TreeDrawer"
|
|
2202
|
-
],
|
|
2154
|
+
aliases: [],
|
|
2203
2155
|
package: "@treeui/vue",
|
|
2204
2156
|
kind: "overlay",
|
|
2205
2157
|
category: "Overlay",
|
|
2206
2158
|
status: "available",
|
|
2207
2159
|
purpose: "Side-anchored panel for secondary content, navigation, or forms.",
|
|
2208
|
-
sourceFile: "packages/vue/src/components/
|
|
2160
|
+
sourceFile: "packages/vue/src/components/TDrawer.vue",
|
|
2209
2161
|
storyFile: "apps/docs/src/stories/Drawer.stories.ts",
|
|
2210
2162
|
storyTitle: "Components/Overlay/Drawer",
|
|
2211
2163
|
manifestFile: "docs/ai/COMPONENTS/drawer.yaml",
|
|
@@ -2227,7 +2179,7 @@ var treeui_catalog_default = {
|
|
|
2227
2179
|
},
|
|
2228
2180
|
{
|
|
2229
2181
|
name: "size",
|
|
2230
|
-
type: "
|
|
2182
|
+
type: "TSize",
|
|
2231
2183
|
default: "md",
|
|
2232
2184
|
values: [
|
|
2233
2185
|
"sm",
|
|
@@ -2237,7 +2189,7 @@ var treeui_catalog_default = {
|
|
|
2237
2189
|
},
|
|
2238
2190
|
{
|
|
2239
2191
|
name: "side",
|
|
2240
|
-
type: "
|
|
2192
|
+
type: "TDrawerSide",
|
|
2241
2193
|
default: "right",
|
|
2242
2194
|
values: [
|
|
2243
2195
|
"top",
|
|
@@ -2352,23 +2304,20 @@ var treeui_catalog_default = {
|
|
|
2352
2304
|
},
|
|
2353
2305
|
{
|
|
2354
2306
|
name: "TDropdown",
|
|
2355
|
-
|
|
2356
|
-
aliases: [
|
|
2357
|
-
"TreeDropdown"
|
|
2358
|
-
],
|
|
2307
|
+
aliases: [],
|
|
2359
2308
|
package: "@treeui/vue",
|
|
2360
2309
|
kind: "overlay",
|
|
2361
2310
|
category: "Overlay",
|
|
2362
2311
|
status: "available",
|
|
2363
2312
|
purpose: "Trigger + floating menu with keyboard navigation for action lists.",
|
|
2364
|
-
sourceFile: "packages/vue/src/components/
|
|
2313
|
+
sourceFile: "packages/vue/src/components/TDropdown.vue",
|
|
2365
2314
|
storyFile: "apps/docs/src/stories/Dropdown.stories.ts",
|
|
2366
2315
|
storyTitle: "Components/Overlay/Dropdown",
|
|
2367
2316
|
manifestFile: "docs/ai/COMPONENTS/dropdown.yaml",
|
|
2368
2317
|
props: [
|
|
2369
2318
|
{
|
|
2370
2319
|
name: "items",
|
|
2371
|
-
type: "
|
|
2320
|
+
type: "TDropdownItem[]",
|
|
2372
2321
|
default: "[]",
|
|
2373
2322
|
note: "Array of { label: string; value: string; disabled?: boolean }"
|
|
2374
2323
|
},
|
|
@@ -2389,7 +2338,7 @@ var treeui_catalog_default = {
|
|
|
2389
2338
|
},
|
|
2390
2339
|
{
|
|
2391
2340
|
name: "size",
|
|
2392
|
-
type: "
|
|
2341
|
+
type: "TSize",
|
|
2393
2342
|
default: "md",
|
|
2394
2343
|
values: [
|
|
2395
2344
|
"sm",
|
|
@@ -2469,16 +2418,13 @@ var treeui_catalog_default = {
|
|
|
2469
2418
|
},
|
|
2470
2419
|
{
|
|
2471
2420
|
name: "TEmptyState",
|
|
2472
|
-
|
|
2473
|
-
aliases: [
|
|
2474
|
-
"TreeEmptyState"
|
|
2475
|
-
],
|
|
2421
|
+
aliases: [],
|
|
2476
2422
|
package: "@treeui/vue",
|
|
2477
2423
|
kind: "feedback",
|
|
2478
2424
|
category: "Feedback",
|
|
2479
2425
|
status: "available",
|
|
2480
2426
|
purpose: "Structured empty, no-results, and first-run placeholder block with optional icon, body content, and actions.",
|
|
2481
|
-
sourceFile: "packages/vue/src/components/
|
|
2427
|
+
sourceFile: "packages/vue/src/components/TEmptyState.vue",
|
|
2482
2428
|
storyFile: "apps/docs/src/stories/EmptyState.stories.ts",
|
|
2483
2429
|
storyTitle: "Components/Feedback/EmptyState",
|
|
2484
2430
|
manifestFile: "docs/ai/COMPONENTS/empty-state.yaml",
|
|
@@ -2490,7 +2436,7 @@ var treeui_catalog_default = {
|
|
|
2490
2436
|
},
|
|
2491
2437
|
{
|
|
2492
2438
|
name: "size",
|
|
2493
|
-
type: "
|
|
2439
|
+
type: "TSize",
|
|
2494
2440
|
default: "md",
|
|
2495
2441
|
values: [
|
|
2496
2442
|
"sm",
|
|
@@ -2564,16 +2510,13 @@ var treeui_catalog_default = {
|
|
|
2564
2510
|
},
|
|
2565
2511
|
{
|
|
2566
2512
|
name: "TFileUpload",
|
|
2567
|
-
|
|
2568
|
-
aliases: [
|
|
2569
|
-
"TreeFileUpload"
|
|
2570
|
-
],
|
|
2513
|
+
aliases: [],
|
|
2571
2514
|
package: "@treeui/vue",
|
|
2572
2515
|
kind: "form",
|
|
2573
2516
|
category: "Form",
|
|
2574
2517
|
status: "available",
|
|
2575
2518
|
purpose: "Composable dropzone and file picker with browse, drag-and-drop, and Ctrl+V paste support.",
|
|
2576
|
-
sourceFile: "packages/vue/src/components/
|
|
2519
|
+
sourceFile: "packages/vue/src/components/TFileUpload.vue",
|
|
2577
2520
|
storyFile: "apps/docs/src/stories/FileUpload.stories.ts",
|
|
2578
2521
|
storyTitle: "Components/Form/FileUpload",
|
|
2579
2522
|
manifestFile: "docs/ai/COMPONENTS/file-upload.yaml",
|
|
@@ -2585,7 +2528,7 @@ var treeui_catalog_default = {
|
|
|
2585
2528
|
},
|
|
2586
2529
|
{
|
|
2587
2530
|
name: "size",
|
|
2588
|
-
type: "
|
|
2531
|
+
type: "TSize",
|
|
2589
2532
|
default: "md",
|
|
2590
2533
|
values: [
|
|
2591
2534
|
"sm",
|
|
@@ -2718,15 +2661,12 @@ var treeui_catalog_default = {
|
|
|
2718
2661
|
},
|
|
2719
2662
|
{
|
|
2720
2663
|
name: "TFormField",
|
|
2721
|
-
|
|
2722
|
-
aliases: [
|
|
2723
|
-
"TreeFormField"
|
|
2724
|
-
],
|
|
2664
|
+
aliases: [],
|
|
2725
2665
|
package: "@treeui/vue",
|
|
2726
2666
|
category: "Data Entry",
|
|
2727
2667
|
status: "milestone-1",
|
|
2728
2668
|
description: "Label + input wrapper with error and hint slots. Provides consistent layout, labelling, and validation messaging for any form control.\n",
|
|
2729
|
-
sourceFile: "packages/vue/src/components/
|
|
2669
|
+
sourceFile: "packages/vue/src/components/TFormField.vue",
|
|
2730
2670
|
storyFile: "apps/docs/src/stories/FormField.stories.ts",
|
|
2731
2671
|
storyTitle: "Components/Data Entry/FormField",
|
|
2732
2672
|
manifestFile: "docs/ai/COMPONENTS/form-field.yaml",
|
|
@@ -2769,7 +2709,7 @@ var treeui_catalog_default = {
|
|
|
2769
2709
|
},
|
|
2770
2710
|
{
|
|
2771
2711
|
name: "size",
|
|
2772
|
-
type: "
|
|
2712
|
+
type: "TSize",
|
|
2773
2713
|
default: "md",
|
|
2774
2714
|
values: [
|
|
2775
2715
|
"sm",
|
|
@@ -2850,16 +2790,13 @@ var treeui_catalog_default = {
|
|
|
2850
2790
|
},
|
|
2851
2791
|
{
|
|
2852
2792
|
name: "TGrid",
|
|
2853
|
-
|
|
2854
|
-
aliases: [
|
|
2855
|
-
"TreeGrid"
|
|
2856
|
-
],
|
|
2793
|
+
aliases: [],
|
|
2857
2794
|
package: "@treeui/vue",
|
|
2858
2795
|
kind: "layout",
|
|
2859
2796
|
category: "Layout",
|
|
2860
2797
|
status: "available",
|
|
2861
2798
|
purpose: "Responsive grid wrapper for cards, forms, stats, and other multi-column layouts.",
|
|
2862
|
-
sourceFile: "packages/vue/src/components/
|
|
2799
|
+
sourceFile: "packages/vue/src/components/TGrid.vue",
|
|
2863
2800
|
storyFile: "apps/docs/src/stories/Grid.stories.ts",
|
|
2864
2801
|
storyTitle: "Components/Layout/Grid",
|
|
2865
2802
|
manifestFile: "docs/ai/COMPONENTS/grid.yaml",
|
|
@@ -2952,17 +2889,104 @@ var treeui_catalog_default = {
|
|
|
2952
2889
|
]
|
|
2953
2890
|
},
|
|
2954
2891
|
{
|
|
2955
|
-
name: "
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2892
|
+
name: "TIcon",
|
|
2893
|
+
aliases: [],
|
|
2894
|
+
package: "@treeui/vue",
|
|
2895
|
+
kind: "display",
|
|
2896
|
+
category: "Data Display",
|
|
2897
|
+
status: "available",
|
|
2898
|
+
purpose: "Render a registered TreeUI icon by name with consistent sizing and accessibility defaults.",
|
|
2899
|
+
sourceFile: "packages/vue/src/components/TIcon.vue",
|
|
2900
|
+
storyFile: "apps/docs/src/stories/Icon.stories.ts",
|
|
2901
|
+
storyTitle: "Components/Data Display/Icon",
|
|
2902
|
+
manifestFile: "docs/ai/COMPONENTS/icon.yaml",
|
|
2903
|
+
props: [
|
|
2904
|
+
{
|
|
2905
|
+
name: "name",
|
|
2906
|
+
type: "TIconName",
|
|
2907
|
+
required: true,
|
|
2908
|
+
values: [
|
|
2909
|
+
"alert-circle",
|
|
2910
|
+
"calendar",
|
|
2911
|
+
"check",
|
|
2912
|
+
"chevron-left",
|
|
2913
|
+
"chevron-down",
|
|
2914
|
+
"chevron-right",
|
|
2915
|
+
"info",
|
|
2916
|
+
"loader-circle",
|
|
2917
|
+
"search",
|
|
2918
|
+
"x"
|
|
2919
|
+
],
|
|
2920
|
+
description: "Icon identifier from the @treeui/icons registry."
|
|
2921
|
+
},
|
|
2922
|
+
{
|
|
2923
|
+
name: "size",
|
|
2924
|
+
type: "number | string",
|
|
2925
|
+
default: "20",
|
|
2926
|
+
description: "Pixel size for both width and height of the rendered svg."
|
|
2927
|
+
},
|
|
2928
|
+
{
|
|
2929
|
+
name: "strokeWidth",
|
|
2930
|
+
type: "number | string",
|
|
2931
|
+
default: "2"
|
|
2932
|
+
},
|
|
2933
|
+
{
|
|
2934
|
+
name: "absoluteStrokeWidth",
|
|
2935
|
+
type: "boolean",
|
|
2936
|
+
default: "true",
|
|
2937
|
+
description: "When true, stroke width stays visually constant across sizes."
|
|
2938
|
+
},
|
|
2939
|
+
{
|
|
2940
|
+
name: "label",
|
|
2941
|
+
type: "string",
|
|
2942
|
+
default: "undefined",
|
|
2943
|
+
description: 'Accessible label. When set, the icon becomes role="img" with aria-label; otherwise it is aria-hidden.'
|
|
2944
|
+
}
|
|
2959
2945
|
],
|
|
2946
|
+
events: [],
|
|
2947
|
+
slots: [],
|
|
2948
|
+
a11y: [
|
|
2949
|
+
"decorative_by_default: true",
|
|
2950
|
+
"becomes_image_when_labeled: true",
|
|
2951
|
+
"rule: Provide `label` only when the icon conveys meaning that is not already in adjacent text."
|
|
2952
|
+
],
|
|
2953
|
+
behavior: [],
|
|
2954
|
+
selection: {
|
|
2955
|
+
keywords: [
|
|
2956
|
+
"icon",
|
|
2957
|
+
"svg",
|
|
2958
|
+
"glyph",
|
|
2959
|
+
"pictogram"
|
|
2960
|
+
],
|
|
2961
|
+
useWhen: [
|
|
2962
|
+
"You need to render a registered TreeUI icon by name.",
|
|
2963
|
+
"You want consistent sizing and a11y defaults without importing the icon component directly."
|
|
2964
|
+
],
|
|
2965
|
+
avoidWhen: [
|
|
2966
|
+
"The icon is not in the @treeui/icons registry \u2014 import or register it instead."
|
|
2967
|
+
],
|
|
2968
|
+
alternatives: [
|
|
2969
|
+
{
|
|
2970
|
+
component: "named import from @treeui/icons",
|
|
2971
|
+
when: "You need tree-shaken, statically-imported icon components."
|
|
2972
|
+
}
|
|
2973
|
+
]
|
|
2974
|
+
},
|
|
2975
|
+
setup: {
|
|
2976
|
+
required: [],
|
|
2977
|
+
notes: []
|
|
2978
|
+
},
|
|
2979
|
+
recipes: []
|
|
2980
|
+
},
|
|
2981
|
+
{
|
|
2982
|
+
name: "TInput",
|
|
2983
|
+
aliases: [],
|
|
2960
2984
|
package: "@treeui/vue",
|
|
2961
2985
|
kind: "primitive",
|
|
2962
2986
|
category: "Data Entry",
|
|
2963
2987
|
status: "available",
|
|
2964
2988
|
purpose: "Text input with size, loading, invalid, and prefix or suffix slots.",
|
|
2965
|
-
sourceFile: "packages/vue/src/components/
|
|
2989
|
+
sourceFile: "packages/vue/src/components/TInput.vue",
|
|
2966
2990
|
storyFile: "apps/docs/src/stories/Input.stories.ts",
|
|
2967
2991
|
storyTitle: "Components/Data Entry/Input",
|
|
2968
2992
|
manifestFile: "docs/ai/COMPONENTS/input.yaml",
|
|
@@ -2974,7 +2998,7 @@ var treeui_catalog_default = {
|
|
|
2974
2998
|
},
|
|
2975
2999
|
{
|
|
2976
3000
|
name: "size",
|
|
2977
|
-
type: "
|
|
3001
|
+
type: "TSize",
|
|
2978
3002
|
default: "md",
|
|
2979
3003
|
values: [
|
|
2980
3004
|
"sm",
|
|
@@ -3068,16 +3092,13 @@ var treeui_catalog_default = {
|
|
|
3068
3092
|
},
|
|
3069
3093
|
{
|
|
3070
3094
|
name: "TLink",
|
|
3071
|
-
|
|
3072
|
-
aliases: [
|
|
3073
|
-
"TreeLink"
|
|
3074
|
-
],
|
|
3095
|
+
aliases: [],
|
|
3075
3096
|
package: "@treeui/vue",
|
|
3076
3097
|
kind: "navigation",
|
|
3077
3098
|
category: "Navigation",
|
|
3078
3099
|
status: "available",
|
|
3079
3100
|
purpose: "Inline link with consistent styling, optional RouterLink rendering, and external link support.",
|
|
3080
|
-
sourceFile: "packages/vue/src/components/
|
|
3101
|
+
sourceFile: "packages/vue/src/components/TLink.vue",
|
|
3081
3102
|
storyFile: "apps/docs/src/stories/Link.stories.ts",
|
|
3082
3103
|
storyTitle: "Components/Navigation/Link",
|
|
3083
3104
|
manifestFile: "docs/ai/COMPONENTS/link.yaml",
|
|
@@ -3107,7 +3128,7 @@ var treeui_catalog_default = {
|
|
|
3107
3128
|
},
|
|
3108
3129
|
{
|
|
3109
3130
|
name: "variant",
|
|
3110
|
-
type: "
|
|
3131
|
+
type: "TLinkVariant",
|
|
3111
3132
|
default: "default",
|
|
3112
3133
|
values: [
|
|
3113
3134
|
"default",
|
|
@@ -3143,10 +3164,7 @@ var treeui_catalog_default = {
|
|
|
3143
3164
|
},
|
|
3144
3165
|
{
|
|
3145
3166
|
name: "TMarkdownEditor",
|
|
3146
|
-
|
|
3147
|
-
aliases: [
|
|
3148
|
-
"TreeMarkdownEditor"
|
|
3149
|
-
],
|
|
3167
|
+
aliases: [],
|
|
3150
3168
|
package: "@treeui/vue",
|
|
3151
3169
|
category: "Form",
|
|
3152
3170
|
status: "stable",
|
|
@@ -3163,7 +3181,7 @@ var treeui_catalog_default = {
|
|
|
3163
3181
|
},
|
|
3164
3182
|
{
|
|
3165
3183
|
name: "size",
|
|
3166
|
-
type: "
|
|
3184
|
+
type: "TSize",
|
|
3167
3185
|
default: "md",
|
|
3168
3186
|
values: [
|
|
3169
3187
|
"sm",
|
|
@@ -3248,16 +3266,13 @@ var treeui_catalog_default = {
|
|
|
3248
3266
|
},
|
|
3249
3267
|
{
|
|
3250
3268
|
name: "TModal",
|
|
3251
|
-
|
|
3252
|
-
aliases: [
|
|
3253
|
-
"TreeModal"
|
|
3254
|
-
],
|
|
3269
|
+
aliases: [],
|
|
3255
3270
|
package: "@treeui/vue",
|
|
3256
3271
|
kind: "overlay",
|
|
3257
3272
|
category: "Overlay",
|
|
3258
3273
|
status: "available",
|
|
3259
3274
|
purpose: "Accessible modal dialog for focused tasks and confirmations.",
|
|
3260
|
-
sourceFile: "packages/vue/src/components/
|
|
3275
|
+
sourceFile: "packages/vue/src/components/TModal.vue",
|
|
3261
3276
|
storyFile: "apps/docs/src/stories/Modal.stories.ts",
|
|
3262
3277
|
storyTitle: "Components/Overlay/Modal",
|
|
3263
3278
|
manifestFile: "docs/ai/COMPONENTS/modal.yaml",
|
|
@@ -3279,7 +3294,7 @@ var treeui_catalog_default = {
|
|
|
3279
3294
|
},
|
|
3280
3295
|
{
|
|
3281
3296
|
name: "size",
|
|
3282
|
-
type: "
|
|
3297
|
+
type: "TSize",
|
|
3283
3298
|
default: "md",
|
|
3284
3299
|
values: [
|
|
3285
3300
|
"sm",
|
|
@@ -3399,16 +3414,13 @@ var treeui_catalog_default = {
|
|
|
3399
3414
|
},
|
|
3400
3415
|
{
|
|
3401
3416
|
name: "TMultiSelect",
|
|
3402
|
-
|
|
3403
|
-
aliases: [
|
|
3404
|
-
"TreeMultiSelect"
|
|
3405
|
-
],
|
|
3417
|
+
aliases: [],
|
|
3406
3418
|
package: "@treeui/vue",
|
|
3407
3419
|
kind: "form",
|
|
3408
3420
|
category: "Data Entry",
|
|
3409
3421
|
status: "available",
|
|
3410
3422
|
purpose: "Searchable multi-select control that renders selected values as tags.",
|
|
3411
|
-
sourceFile: "packages/vue/src/components/
|
|
3423
|
+
sourceFile: "packages/vue/src/components/TMultiSelect.vue",
|
|
3412
3424
|
storyFile: "apps/docs/src/stories/MultiSelect.stories.ts",
|
|
3413
3425
|
storyTitle: "Components/Data Entry/MultiSelect",
|
|
3414
3426
|
manifestFile: "docs/ai/COMPONENTS/multi-select.yaml",
|
|
@@ -3420,7 +3432,7 @@ var treeui_catalog_default = {
|
|
|
3420
3432
|
},
|
|
3421
3433
|
{
|
|
3422
3434
|
name: "options",
|
|
3423
|
-
type: "
|
|
3435
|
+
type: "TMultiSelectOption[]",
|
|
3424
3436
|
default: "[]",
|
|
3425
3437
|
note: "Array of `{ label, value, description?, keywords?, disabled? }`."
|
|
3426
3438
|
},
|
|
@@ -3436,7 +3448,7 @@ var treeui_catalog_default = {
|
|
|
3436
3448
|
},
|
|
3437
3449
|
{
|
|
3438
3450
|
name: "size",
|
|
3439
|
-
type: "
|
|
3451
|
+
type: "TSize",
|
|
3440
3452
|
default: "md",
|
|
3441
3453
|
values: [
|
|
3442
3454
|
"sm",
|
|
@@ -3561,18 +3573,15 @@ var treeui_catalog_default = {
|
|
|
3561
3573
|
},
|
|
3562
3574
|
{
|
|
3563
3575
|
name: "TNavbar",
|
|
3564
|
-
legacyAlias: "TreeAppBar",
|
|
3565
3576
|
aliases: [
|
|
3566
|
-
"TAppBar"
|
|
3567
|
-
"TreeAppBar",
|
|
3568
|
-
"TreeNavbar"
|
|
3577
|
+
"TAppBar"
|
|
3569
3578
|
],
|
|
3570
3579
|
package: "@treeui/vue",
|
|
3571
3580
|
kind: "layout",
|
|
3572
3581
|
category: "Layout",
|
|
3573
3582
|
status: "available",
|
|
3574
3583
|
purpose: "Top application bar with start, center, and end content areas.",
|
|
3575
|
-
sourceFile: "packages/vue/src/components/
|
|
3584
|
+
sourceFile: "packages/vue/src/components/TNavbar.vue",
|
|
3576
3585
|
storyFile: "apps/docs/src/stories/Navbar.stories.ts",
|
|
3577
3586
|
storyTitle: "Components/Layout/Navbar",
|
|
3578
3587
|
manifestFile: "docs/ai/COMPONENTS/navbar.yaml",
|
|
@@ -3584,7 +3593,7 @@ var treeui_catalog_default = {
|
|
|
3584
3593
|
},
|
|
3585
3594
|
{
|
|
3586
3595
|
name: "size",
|
|
3587
|
-
type: "
|
|
3596
|
+
type: "TSize",
|
|
3588
3597
|
default: "md",
|
|
3589
3598
|
values: [
|
|
3590
3599
|
"sm",
|
|
@@ -3662,16 +3671,13 @@ var treeui_catalog_default = {
|
|
|
3662
3671
|
},
|
|
3663
3672
|
{
|
|
3664
3673
|
name: "TNavMenu",
|
|
3665
|
-
|
|
3666
|
-
aliases: [
|
|
3667
|
-
"TreeNavMenu"
|
|
3668
|
-
],
|
|
3674
|
+
aliases: [],
|
|
3669
3675
|
package: "@treeui/vue",
|
|
3670
3676
|
kind: "navigation",
|
|
3671
3677
|
category: "Layout",
|
|
3672
3678
|
status: "available",
|
|
3673
3679
|
purpose: "Vertical navigation menu with selection state, keyboard navigation, optional RouterLink rendering, and sidebar integration.",
|
|
3674
|
-
sourceFile: "packages/vue/src/components/
|
|
3680
|
+
sourceFile: "packages/vue/src/components/TNavMenu.vue",
|
|
3675
3681
|
storyFile: "apps/docs/src/stories/NavMenu.stories.ts",
|
|
3676
3682
|
storyTitle: "Components/Layout/NavMenu",
|
|
3677
3683
|
manifestFile: "docs/ai/COMPONENTS/nav-menu.yaml",
|
|
@@ -3688,13 +3694,13 @@ var treeui_catalog_default = {
|
|
|
3688
3694
|
},
|
|
3689
3695
|
{
|
|
3690
3696
|
name: "items",
|
|
3691
|
-
type: "
|
|
3697
|
+
type: "TNavMenuItem[]",
|
|
3692
3698
|
default: "[]",
|
|
3693
3699
|
note: "Array of `{ label, value, shortLabel?, description?, icon?, to?, badge?, disabled? }`."
|
|
3694
3700
|
},
|
|
3695
3701
|
{
|
|
3696
3702
|
name: "size",
|
|
3697
|
-
type: "
|
|
3703
|
+
type: "TSize",
|
|
3698
3704
|
default: "md",
|
|
3699
3705
|
values: [
|
|
3700
3706
|
"sm",
|
|
@@ -3778,16 +3784,13 @@ var treeui_catalog_default = {
|
|
|
3778
3784
|
},
|
|
3779
3785
|
{
|
|
3780
3786
|
name: "TNumberInput",
|
|
3781
|
-
|
|
3782
|
-
aliases: [
|
|
3783
|
-
"TreeNumberInput"
|
|
3784
|
-
],
|
|
3787
|
+
aliases: [],
|
|
3785
3788
|
package: "@treeui/vue",
|
|
3786
3789
|
kind: "form",
|
|
3787
3790
|
category: "Data Entry",
|
|
3788
3791
|
status: "available",
|
|
3789
3792
|
purpose: "Numeric input with optional increment and decrement controls.",
|
|
3790
|
-
sourceFile: "packages/vue/src/components/
|
|
3793
|
+
sourceFile: "packages/vue/src/components/TNumberInput.vue",
|
|
3791
3794
|
storyFile: "apps/docs/src/stories/NumberInput.stories.ts",
|
|
3792
3795
|
storyTitle: "Components/Data Entry/NumberInput",
|
|
3793
3796
|
manifestFile: "docs/ai/COMPONENTS/number-input.yaml",
|
|
@@ -3813,7 +3816,7 @@ var treeui_catalog_default = {
|
|
|
3813
3816
|
},
|
|
3814
3817
|
{
|
|
3815
3818
|
name: "size",
|
|
3816
|
-
type: "
|
|
3819
|
+
type: "TSize",
|
|
3817
3820
|
default: "md",
|
|
3818
3821
|
values: [
|
|
3819
3822
|
"sm",
|
|
@@ -3888,16 +3891,13 @@ var treeui_catalog_default = {
|
|
|
3888
3891
|
},
|
|
3889
3892
|
{
|
|
3890
3893
|
name: "TPagination",
|
|
3891
|
-
|
|
3892
|
-
aliases: [
|
|
3893
|
-
"TreePagination"
|
|
3894
|
-
],
|
|
3894
|
+
aliases: [],
|
|
3895
3895
|
package: "@treeui/vue",
|
|
3896
3896
|
kind: "primitive",
|
|
3897
3897
|
category: "Navigation",
|
|
3898
3898
|
status: "available",
|
|
3899
3899
|
purpose: "Page controls with previous/next navigation, numbered page buttons, and ellipsis for large page ranges. Supports v-model for the active page.\n",
|
|
3900
|
-
sourceFile: "packages/vue/src/components/
|
|
3900
|
+
sourceFile: "packages/vue/src/components/TPagination.vue",
|
|
3901
3901
|
storyFile: "apps/docs/src/stories/Pagination.stories.ts",
|
|
3902
3902
|
storyTitle: "Components/Navigation/Pagination",
|
|
3903
3903
|
manifestFile: "docs/ai/COMPONENTS/pagination.yaml",
|
|
@@ -3922,7 +3922,7 @@ var treeui_catalog_default = {
|
|
|
3922
3922
|
},
|
|
3923
3923
|
{
|
|
3924
3924
|
name: "size",
|
|
3925
|
-
type: "
|
|
3925
|
+
type: "TSize",
|
|
3926
3926
|
default: "md",
|
|
3927
3927
|
values: [
|
|
3928
3928
|
"sm",
|
|
@@ -4004,10 +4004,7 @@ var treeui_catalog_default = {
|
|
|
4004
4004
|
},
|
|
4005
4005
|
{
|
|
4006
4006
|
name: "TPopover",
|
|
4007
|
-
|
|
4008
|
-
aliases: [
|
|
4009
|
-
"TreePopover"
|
|
4010
|
-
],
|
|
4007
|
+
aliases: [],
|
|
4011
4008
|
package: "@treeui/vue",
|
|
4012
4009
|
category: "Overlay",
|
|
4013
4010
|
status: "stable",
|
|
@@ -4110,10 +4107,7 @@ var treeui_catalog_default = {
|
|
|
4110
4107
|
},
|
|
4111
4108
|
{
|
|
4112
4109
|
name: "TPricing",
|
|
4113
|
-
|
|
4114
|
-
aliases: [
|
|
4115
|
-
"TreePricing"
|
|
4116
|
-
],
|
|
4110
|
+
aliases: [],
|
|
4117
4111
|
package: "@treeui/vue",
|
|
4118
4112
|
status: "stable",
|
|
4119
4113
|
description: "Grid wrapper that renders multiple PricingCard components from an array of plan objects.\n",
|
|
@@ -4129,7 +4123,7 @@ var treeui_catalog_default = {
|
|
|
4129
4123
|
},
|
|
4130
4124
|
{
|
|
4131
4125
|
name: "size",
|
|
4132
|
-
type: "
|
|
4126
|
+
type: "TSize",
|
|
4133
4127
|
default: "md",
|
|
4134
4128
|
description: "Size applied to all child pricing cards."
|
|
4135
4129
|
},
|
|
@@ -4177,10 +4171,7 @@ var treeui_catalog_default = {
|
|
|
4177
4171
|
},
|
|
4178
4172
|
{
|
|
4179
4173
|
name: "TPricingCard",
|
|
4180
|
-
|
|
4181
|
-
aliases: [
|
|
4182
|
-
"TreePricingCard"
|
|
4183
|
-
],
|
|
4174
|
+
aliases: [],
|
|
4184
4175
|
package: "@treeui/vue",
|
|
4185
4176
|
category: "Data Display",
|
|
4186
4177
|
status: "stable",
|
|
@@ -4245,7 +4236,7 @@ var treeui_catalog_default = {
|
|
|
4245
4236
|
},
|
|
4246
4237
|
{
|
|
4247
4238
|
name: "size",
|
|
4248
|
-
type: "
|
|
4239
|
+
type: "TSize",
|
|
4249
4240
|
default: "md",
|
|
4250
4241
|
description: "Card size \u2014 affects padding, font sizes."
|
|
4251
4242
|
},
|
|
@@ -4290,7 +4281,7 @@ var treeui_catalog_default = {
|
|
|
4290
4281
|
"Uses <h3> for plan title.",
|
|
4291
4282
|
'Feature list uses role="list" with <ul>/<li>.',
|
|
4292
4283
|
'Feature icons are aria-hidden="true".',
|
|
4293
|
-
"CTA button inherits
|
|
4284
|
+
"CTA button inherits TButton a11y (disabled, aria-busy)."
|
|
4294
4285
|
],
|
|
4295
4286
|
behavior: [],
|
|
4296
4287
|
selection: {
|
|
@@ -4309,10 +4300,7 @@ var treeui_catalog_default = {
|
|
|
4309
4300
|
},
|
|
4310
4301
|
{
|
|
4311
4302
|
name: "TProgress",
|
|
4312
|
-
|
|
4313
|
-
aliases: [
|
|
4314
|
-
"TreeProgress"
|
|
4315
|
-
],
|
|
4303
|
+
aliases: [],
|
|
4316
4304
|
package: "@treeui/vue",
|
|
4317
4305
|
category: "Feedback",
|
|
4318
4306
|
status: "draft",
|
|
@@ -4335,7 +4323,7 @@ var treeui_catalog_default = {
|
|
|
4335
4323
|
},
|
|
4336
4324
|
{
|
|
4337
4325
|
name: "size",
|
|
4338
|
-
type: "
|
|
4326
|
+
type: "TSize",
|
|
4339
4327
|
default: "md",
|
|
4340
4328
|
values: [
|
|
4341
4329
|
"sm",
|
|
@@ -4373,15 +4361,12 @@ var treeui_catalog_default = {
|
|
|
4373
4361
|
},
|
|
4374
4362
|
{
|
|
4375
4363
|
name: "TRadio",
|
|
4376
|
-
|
|
4377
|
-
aliases: [
|
|
4378
|
-
"TreeRadio"
|
|
4379
|
-
],
|
|
4364
|
+
aliases: [],
|
|
4380
4365
|
package: "@treeui/vue",
|
|
4381
4366
|
kind: "primitive",
|
|
4382
4367
|
status: "available",
|
|
4383
4368
|
purpose: "Single radio option within a TRadioGroup; renders a native radio input.",
|
|
4384
|
-
sourceFile: "packages/vue/src/components/
|
|
4369
|
+
sourceFile: "packages/vue/src/components/TRadio.vue",
|
|
4385
4370
|
manifestFile: "docs/ai/COMPONENTS/radio.yaml",
|
|
4386
4371
|
props: [
|
|
4387
4372
|
{
|
|
@@ -4401,7 +4386,7 @@ var treeui_catalog_default = {
|
|
|
4401
4386
|
},
|
|
4402
4387
|
{
|
|
4403
4388
|
name: "size",
|
|
4404
|
-
type: "
|
|
4389
|
+
type: "TSize",
|
|
4405
4390
|
default: "inherited_from_group",
|
|
4406
4391
|
values: [
|
|
4407
4392
|
"sm",
|
|
@@ -4444,16 +4429,13 @@ var treeui_catalog_default = {
|
|
|
4444
4429
|
},
|
|
4445
4430
|
{
|
|
4446
4431
|
name: "TRadioGroup",
|
|
4447
|
-
|
|
4448
|
-
aliases: [
|
|
4449
|
-
"TreeRadioGroup"
|
|
4450
|
-
],
|
|
4432
|
+
aliases: [],
|
|
4451
4433
|
package: "@treeui/vue",
|
|
4452
4434
|
kind: "primitive",
|
|
4453
4435
|
category: "Data Entry",
|
|
4454
4436
|
status: "available",
|
|
4455
4437
|
purpose: "Container for TRadio options; manages v-model for single-select from a group.",
|
|
4456
|
-
sourceFile: "packages/vue/src/components/
|
|
4438
|
+
sourceFile: "packages/vue/src/components/TRadioGroup.vue",
|
|
4457
4439
|
storyFile: "apps/docs/src/stories/Radio.stories.ts",
|
|
4458
4440
|
storyTitle: "Components/Data Entry/Radio",
|
|
4459
4441
|
manifestFile: "docs/ai/COMPONENTS/radio.yaml",
|
|
@@ -4480,7 +4462,7 @@ var treeui_catalog_default = {
|
|
|
4480
4462
|
},
|
|
4481
4463
|
{
|
|
4482
4464
|
name: "size",
|
|
4483
|
-
type: "
|
|
4465
|
+
type: "TSize",
|
|
4484
4466
|
default: "md",
|
|
4485
4467
|
values: [
|
|
4486
4468
|
"sm",
|
|
@@ -4522,16 +4504,13 @@ var treeui_catalog_default = {
|
|
|
4522
4504
|
},
|
|
4523
4505
|
{
|
|
4524
4506
|
name: "TSelect",
|
|
4525
|
-
|
|
4526
|
-
aliases: [
|
|
4527
|
-
"TreeSelect"
|
|
4528
|
-
],
|
|
4507
|
+
aliases: [],
|
|
4529
4508
|
package: "@treeui/vue",
|
|
4530
4509
|
kind: "primitive",
|
|
4531
4510
|
category: "Data Entry",
|
|
4532
4511
|
status: "available",
|
|
4533
4512
|
purpose: "Custom styled dropdown select with listbox; controlled and uncontrolled via v-model and open/defaultOpen.",
|
|
4534
|
-
sourceFile: "packages/vue/src/components/
|
|
4513
|
+
sourceFile: "packages/vue/src/components/TSelect.vue",
|
|
4535
4514
|
storyFile: "apps/docs/src/stories/Select.stories.ts",
|
|
4536
4515
|
storyTitle: "Components/Data Entry/Select",
|
|
4537
4516
|
manifestFile: "docs/ai/COMPONENTS/select.yaml",
|
|
@@ -4543,7 +4522,7 @@ var treeui_catalog_default = {
|
|
|
4543
4522
|
},
|
|
4544
4523
|
{
|
|
4545
4524
|
name: "options",
|
|
4546
|
-
type: "
|
|
4525
|
+
type: "TSelectOption[]",
|
|
4547
4526
|
default: "[]",
|
|
4548
4527
|
note: "Array of { label: string; value: string | number; disabled?: boolean }"
|
|
4549
4528
|
},
|
|
@@ -4559,7 +4538,7 @@ var treeui_catalog_default = {
|
|
|
4559
4538
|
},
|
|
4560
4539
|
{
|
|
4561
4540
|
name: "size",
|
|
4562
|
-
type: "
|
|
4541
|
+
type: "TSize",
|
|
4563
4542
|
default: "md",
|
|
4564
4543
|
values: [
|
|
4565
4544
|
"sm",
|
|
@@ -4663,16 +4642,13 @@ var treeui_catalog_default = {
|
|
|
4663
4642
|
},
|
|
4664
4643
|
{
|
|
4665
4644
|
name: "TSelectableList",
|
|
4666
|
-
|
|
4667
|
-
aliases: [
|
|
4668
|
-
"TreeSelectableList"
|
|
4669
|
-
],
|
|
4645
|
+
aliases: [],
|
|
4670
4646
|
package: "@treeui/vue",
|
|
4671
4647
|
kind: "selection",
|
|
4672
4648
|
category: "Navigation & Disclosure",
|
|
4673
4649
|
status: "available",
|
|
4674
4650
|
purpose: "Rich single-selection list for options with description and metadata.",
|
|
4675
|
-
sourceFile: "packages/vue/src/components/
|
|
4651
|
+
sourceFile: "packages/vue/src/components/TSelectableList.vue",
|
|
4676
4652
|
storyFile: "apps/docs/src/stories/SelectableList.stories.ts",
|
|
4677
4653
|
storyTitle: "Components/Navigation & Disclosure/SelectableList",
|
|
4678
4654
|
manifestFile: "docs/ai/COMPONENTS/selectable-list.yaml",
|
|
@@ -4689,13 +4665,13 @@ var treeui_catalog_default = {
|
|
|
4689
4665
|
},
|
|
4690
4666
|
{
|
|
4691
4667
|
name: "items",
|
|
4692
|
-
type: "
|
|
4668
|
+
type: "TSelectableListItem[]",
|
|
4693
4669
|
default: "[]",
|
|
4694
4670
|
note: "Array of `{ label, value, description?, meta?, disabled? }`."
|
|
4695
4671
|
},
|
|
4696
4672
|
{
|
|
4697
4673
|
name: "size",
|
|
4698
|
-
type: "
|
|
4674
|
+
type: "TSize",
|
|
4699
4675
|
default: "md",
|
|
4700
4676
|
values: [
|
|
4701
4677
|
"sm",
|
|
@@ -4772,16 +4748,13 @@ var treeui_catalog_default = {
|
|
|
4772
4748
|
},
|
|
4773
4749
|
{
|
|
4774
4750
|
name: "TSidebar",
|
|
4775
|
-
|
|
4776
|
-
aliases: [
|
|
4777
|
-
"TreeSidebar"
|
|
4778
|
-
],
|
|
4751
|
+
aliases: [],
|
|
4779
4752
|
package: "@treeui/vue",
|
|
4780
4753
|
kind: "layout",
|
|
4781
4754
|
category: "Layout",
|
|
4782
4755
|
status: "available",
|
|
4783
4756
|
purpose: "Persistent or collapsible side shell for app navigation and secondary workspace controls.",
|
|
4784
|
-
sourceFile: "packages/vue/src/components/
|
|
4757
|
+
sourceFile: "packages/vue/src/components/TSidebar.vue",
|
|
4785
4758
|
storyFile: "apps/docs/src/stories/Sidebar.stories.ts",
|
|
4786
4759
|
storyTitle: "Components/Layout/Sidebar",
|
|
4787
4760
|
manifestFile: "docs/ai/COMPONENTS/sidebar.yaml",
|
|
@@ -4808,7 +4781,7 @@ var treeui_catalog_default = {
|
|
|
4808
4781
|
},
|
|
4809
4782
|
{
|
|
4810
4783
|
name: "size",
|
|
4811
|
-
type: "
|
|
4784
|
+
type: "TSize",
|
|
4812
4785
|
default: "md",
|
|
4813
4786
|
values: [
|
|
4814
4787
|
"sm",
|
|
@@ -4818,7 +4791,7 @@ var treeui_catalog_default = {
|
|
|
4818
4791
|
},
|
|
4819
4792
|
{
|
|
4820
4793
|
name: "side",
|
|
4821
|
-
type: "
|
|
4794
|
+
type: "TSidebarSide",
|
|
4822
4795
|
default: "left",
|
|
4823
4796
|
values: [
|
|
4824
4797
|
"left",
|
|
@@ -4921,16 +4894,13 @@ var treeui_catalog_default = {
|
|
|
4921
4894
|
},
|
|
4922
4895
|
{
|
|
4923
4896
|
name: "TSkeleton",
|
|
4924
|
-
|
|
4925
|
-
aliases: [
|
|
4926
|
-
"TreeSkeleton"
|
|
4927
|
-
],
|
|
4897
|
+
aliases: [],
|
|
4928
4898
|
package: "@treeui/vue",
|
|
4929
4899
|
kind: "feedback",
|
|
4930
4900
|
category: "Feedback",
|
|
4931
4901
|
status: "available",
|
|
4932
4902
|
purpose: "Placeholder shimmer for loading states. Renders an animated block that indicates content is being loaded.",
|
|
4933
|
-
sourceFile: "packages/vue/src/components/
|
|
4903
|
+
sourceFile: "packages/vue/src/components/TSkeleton.vue",
|
|
4934
4904
|
storyFile: "apps/docs/src/stories/Skeleton.stories.ts",
|
|
4935
4905
|
storyTitle: "Components/Feedback/Skeleton",
|
|
4936
4906
|
manifestFile: "docs/ai/COMPONENTS/skeleton.yaml",
|
|
@@ -4987,23 +4957,20 @@ var treeui_catalog_default = {
|
|
|
4987
4957
|
},
|
|
4988
4958
|
{
|
|
4989
4959
|
name: "TSpinner",
|
|
4990
|
-
|
|
4991
|
-
aliases: [
|
|
4992
|
-
"TreeSpinner"
|
|
4993
|
-
],
|
|
4960
|
+
aliases: [],
|
|
4994
4961
|
package: "@treeui/vue",
|
|
4995
4962
|
kind: "feedback",
|
|
4996
4963
|
category: "Feedback",
|
|
4997
4964
|
status: "available",
|
|
4998
4965
|
purpose: "Accessible loading indicator.",
|
|
4999
|
-
sourceFile: "packages/vue/src/components/
|
|
4966
|
+
sourceFile: "packages/vue/src/components/TSpinner.vue",
|
|
5000
4967
|
storyFile: "apps/docs/src/stories/Spinner.stories.ts",
|
|
5001
4968
|
storyTitle: "Components/Feedback/Spinner",
|
|
5002
4969
|
manifestFile: "docs/ai/COMPONENTS/spinner.yaml",
|
|
5003
4970
|
props: [
|
|
5004
4971
|
{
|
|
5005
4972
|
name: "size",
|
|
5006
|
-
type: "
|
|
4973
|
+
type: "TSize",
|
|
5007
4974
|
default: "md",
|
|
5008
4975
|
values: [
|
|
5009
4976
|
"sm",
|
|
@@ -5039,16 +5006,13 @@ var treeui_catalog_default = {
|
|
|
5039
5006
|
},
|
|
5040
5007
|
{
|
|
5041
5008
|
name: "TStack",
|
|
5042
|
-
|
|
5043
|
-
aliases: [
|
|
5044
|
-
"TreeStack"
|
|
5045
|
-
],
|
|
5009
|
+
aliases: [],
|
|
5046
5010
|
package: "@treeui/vue",
|
|
5047
5011
|
kind: "layout",
|
|
5048
5012
|
category: "Layout",
|
|
5049
5013
|
status: "available",
|
|
5050
5014
|
purpose: "One-dimensional spacing and alignment wrapper for vertical or horizontal compositions.",
|
|
5051
|
-
sourceFile: "packages/vue/src/components/
|
|
5015
|
+
sourceFile: "packages/vue/src/components/TStack.vue",
|
|
5052
5016
|
storyFile: "apps/docs/src/stories/Stack.stories.ts",
|
|
5053
5017
|
storyTitle: "Components/Layout/Stack",
|
|
5054
5018
|
manifestFile: "docs/ai/COMPONENTS/stack.yaml",
|
|
@@ -5060,7 +5024,7 @@ var treeui_catalog_default = {
|
|
|
5060
5024
|
},
|
|
5061
5025
|
{
|
|
5062
5026
|
name: "direction",
|
|
5063
|
-
type: "
|
|
5027
|
+
type: "TStackDirection",
|
|
5064
5028
|
default: "vertical",
|
|
5065
5029
|
values: [
|
|
5066
5030
|
"vertical",
|
|
@@ -5140,16 +5104,13 @@ var treeui_catalog_default = {
|
|
|
5140
5104
|
},
|
|
5141
5105
|
{
|
|
5142
5106
|
name: "TStat",
|
|
5143
|
-
|
|
5144
|
-
aliases: [
|
|
5145
|
-
"TreeStat"
|
|
5146
|
-
],
|
|
5107
|
+
aliases: [],
|
|
5147
5108
|
package: "@treeui/vue",
|
|
5148
5109
|
kind: "data-display",
|
|
5149
5110
|
category: "Data Display",
|
|
5150
5111
|
status: "available",
|
|
5151
5112
|
purpose: "Compact KPI display with label, value, trend, metadata, and optional icon.",
|
|
5152
|
-
sourceFile: "packages/vue/src/components/
|
|
5113
|
+
sourceFile: "packages/vue/src/components/TStat.vue",
|
|
5153
5114
|
storyFile: "apps/docs/src/stories/Stat.stories.ts",
|
|
5154
5115
|
storyTitle: "Components/Data Display/Stat",
|
|
5155
5116
|
manifestFile: "docs/ai/COMPONENTS/stat.yaml",
|
|
@@ -5176,7 +5137,7 @@ var treeui_catalog_default = {
|
|
|
5176
5137
|
},
|
|
5177
5138
|
{
|
|
5178
5139
|
name: "tone",
|
|
5179
|
-
type: "
|
|
5140
|
+
type: "TStatTone",
|
|
5180
5141
|
default: "neutral",
|
|
5181
5142
|
values: [
|
|
5182
5143
|
"neutral",
|
|
@@ -5188,7 +5149,7 @@ var treeui_catalog_default = {
|
|
|
5188
5149
|
},
|
|
5189
5150
|
{
|
|
5190
5151
|
name: "trendDirection",
|
|
5191
|
-
type: "
|
|
5152
|
+
type: "TStatTrendDirection",
|
|
5192
5153
|
default: "neutral",
|
|
5193
5154
|
values: [
|
|
5194
5155
|
"up",
|
|
@@ -5260,18 +5221,15 @@ var treeui_catalog_default = {
|
|
|
5260
5221
|
},
|
|
5261
5222
|
{
|
|
5262
5223
|
name: "TSteps",
|
|
5263
|
-
legacyAlias: "TreeStepper",
|
|
5264
5224
|
aliases: [
|
|
5265
|
-
"TStepper"
|
|
5266
|
-
"TreeStepper",
|
|
5267
|
-
"TreeSteps"
|
|
5225
|
+
"TStepper"
|
|
5268
5226
|
],
|
|
5269
5227
|
package: "@treeui/vue",
|
|
5270
5228
|
kind: "navigation",
|
|
5271
5229
|
category: "Navigation & Disclosure",
|
|
5272
5230
|
status: "available",
|
|
5273
5231
|
purpose: "Stepper component for visualizing workflow progress, with optional interactive selection.",
|
|
5274
|
-
sourceFile: "packages/vue/src/components/
|
|
5232
|
+
sourceFile: "packages/vue/src/components/TSteps.vue",
|
|
5275
5233
|
storyFile: "apps/docs/src/stories/Steps.stories.ts",
|
|
5276
5234
|
storyTitle: "Components/Navigation & Disclosure/Steps",
|
|
5277
5235
|
manifestFile: "docs/ai/COMPONENTS/steps.yaml",
|
|
@@ -5288,13 +5246,13 @@ var treeui_catalog_default = {
|
|
|
5288
5246
|
},
|
|
5289
5247
|
{
|
|
5290
5248
|
name: "items",
|
|
5291
|
-
type: "
|
|
5249
|
+
type: "TStepItem[]",
|
|
5292
5250
|
default: "[]",
|
|
5293
5251
|
note: "Array of `{ label, value, description?, meta?, status?, disabled? }`."
|
|
5294
5252
|
},
|
|
5295
5253
|
{
|
|
5296
5254
|
name: "size",
|
|
5297
|
-
type: "
|
|
5255
|
+
type: "TSize",
|
|
5298
5256
|
default: "md",
|
|
5299
5257
|
values: [
|
|
5300
5258
|
"sm",
|
|
@@ -5304,7 +5262,7 @@ var treeui_catalog_default = {
|
|
|
5304
5262
|
},
|
|
5305
5263
|
{
|
|
5306
5264
|
name: "orientation",
|
|
5307
|
-
type: "
|
|
5265
|
+
type: "TStepOrientation",
|
|
5308
5266
|
default: "horizontal",
|
|
5309
5267
|
values: [
|
|
5310
5268
|
"horizontal",
|
|
@@ -5367,16 +5325,13 @@ var treeui_catalog_default = {
|
|
|
5367
5325
|
},
|
|
5368
5326
|
{
|
|
5369
5327
|
name: "TSwitch",
|
|
5370
|
-
|
|
5371
|
-
aliases: [
|
|
5372
|
-
"TreeSwitch"
|
|
5373
|
-
],
|
|
5328
|
+
aliases: [],
|
|
5374
5329
|
package: "@treeui/vue",
|
|
5375
5330
|
kind: "primitive",
|
|
5376
5331
|
category: "Data Entry",
|
|
5377
5332
|
status: "available",
|
|
5378
5333
|
purpose: "On/off toggle; semantic alternative to checkbox for settings. Supports v-model via modelValue.",
|
|
5379
|
-
sourceFile: "packages/vue/src/components/
|
|
5334
|
+
sourceFile: "packages/vue/src/components/TSwitch.vue",
|
|
5380
5335
|
storyFile: "apps/docs/src/stories/Switch.stories.ts",
|
|
5381
5336
|
storyTitle: "Components/Data Entry/Switch",
|
|
5382
5337
|
manifestFile: "docs/ai/COMPONENTS/switch.yaml",
|
|
@@ -5388,7 +5343,7 @@ var treeui_catalog_default = {
|
|
|
5388
5343
|
},
|
|
5389
5344
|
{
|
|
5390
5345
|
name: "size",
|
|
5391
|
-
type: "
|
|
5346
|
+
type: "TSize",
|
|
5392
5347
|
default: "md",
|
|
5393
5348
|
values: [
|
|
5394
5349
|
"sm",
|
|
@@ -5459,21 +5414,18 @@ var treeui_catalog_default = {
|
|
|
5459
5414
|
},
|
|
5460
5415
|
{
|
|
5461
5416
|
name: "TTable",
|
|
5462
|
-
|
|
5463
|
-
aliases: [
|
|
5464
|
-
"TreeTable"
|
|
5465
|
-
],
|
|
5417
|
+
aliases: [],
|
|
5466
5418
|
package: "@treeui/vue",
|
|
5467
5419
|
category: "Data Display",
|
|
5468
5420
|
description: "Sortable, accessible data table with column definitions and row data.",
|
|
5469
|
-
sourceFile: "packages/vue/src/components/
|
|
5421
|
+
sourceFile: "packages/vue/src/components/TTable.vue",
|
|
5470
5422
|
storyFile: "apps/docs/src/stories/Table.stories.ts",
|
|
5471
5423
|
storyTitle: "Components/Data Display/Table",
|
|
5472
5424
|
manifestFile: "docs/ai/COMPONENTS/table.yaml",
|
|
5473
5425
|
props: [
|
|
5474
5426
|
{
|
|
5475
5427
|
name: "columns",
|
|
5476
|
-
type: "
|
|
5428
|
+
type: "TTableColumn[]",
|
|
5477
5429
|
required: true,
|
|
5478
5430
|
description: "Array of column definitions with key, label, sortable, align, and width."
|
|
5479
5431
|
},
|
|
@@ -5485,7 +5437,7 @@ var treeui_catalog_default = {
|
|
|
5485
5437
|
},
|
|
5486
5438
|
{
|
|
5487
5439
|
name: "size",
|
|
5488
|
-
type: "
|
|
5440
|
+
type: "TSize",
|
|
5489
5441
|
default: "md",
|
|
5490
5442
|
values: [
|
|
5491
5443
|
"sm",
|
|
@@ -5495,7 +5447,7 @@ var treeui_catalog_default = {
|
|
|
5495
5447
|
},
|
|
5496
5448
|
{
|
|
5497
5449
|
name: "sortBy",
|
|
5498
|
-
type: "
|
|
5450
|
+
type: "TTableSortState",
|
|
5499
5451
|
required: false,
|
|
5500
5452
|
description: "Controlled sort state. When provided, overrides internal sort tracking."
|
|
5501
5453
|
}
|
|
@@ -5504,7 +5456,7 @@ var treeui_catalog_default = {
|
|
|
5504
5456
|
{
|
|
5505
5457
|
name: "sort",
|
|
5506
5458
|
description: "Emitted when a sortable column header is clicked.",
|
|
5507
|
-
payload: "
|
|
5459
|
+
payload: "TTableSortState"
|
|
5508
5460
|
}
|
|
5509
5461
|
],
|
|
5510
5462
|
slots: [
|
|
@@ -5563,16 +5515,13 @@ var treeui_catalog_default = {
|
|
|
5563
5515
|
},
|
|
5564
5516
|
{
|
|
5565
5517
|
name: "TTabs",
|
|
5566
|
-
|
|
5567
|
-
aliases: [
|
|
5568
|
-
"TreeTabs"
|
|
5569
|
-
],
|
|
5518
|
+
aliases: [],
|
|
5570
5519
|
package: "@treeui/vue",
|
|
5571
5520
|
kind: "navigation",
|
|
5572
5521
|
category: "Navigation",
|
|
5573
5522
|
status: "available",
|
|
5574
5523
|
purpose: "Tabbed panel navigation with full keyboard support and automatic/manual activation modes.",
|
|
5575
|
-
sourceFile: "packages/vue/src/components/
|
|
5524
|
+
sourceFile: "packages/vue/src/components/TTabs.vue",
|
|
5576
5525
|
storyFile: "apps/docs/src/stories/Tabs.stories.ts",
|
|
5577
5526
|
storyTitle: "Components/Navigation/Tabs",
|
|
5578
5527
|
manifestFile: "docs/ai/COMPONENTS/tabs.yaml",
|
|
@@ -5591,7 +5540,7 @@ var treeui_catalog_default = {
|
|
|
5591
5540
|
},
|
|
5592
5541
|
{
|
|
5593
5542
|
name: "size",
|
|
5594
|
-
type: "
|
|
5543
|
+
type: "TSize",
|
|
5595
5544
|
default: "md",
|
|
5596
5545
|
values: [
|
|
5597
5546
|
"sm",
|
|
@@ -5672,21 +5621,18 @@ var treeui_catalog_default = {
|
|
|
5672
5621
|
},
|
|
5673
5622
|
{
|
|
5674
5623
|
name: "TTag",
|
|
5675
|
-
|
|
5676
|
-
aliases: [
|
|
5677
|
-
"TreeTag"
|
|
5678
|
-
],
|
|
5624
|
+
aliases: [],
|
|
5679
5625
|
package: "@treeui/vue",
|
|
5680
5626
|
category: "Data Display",
|
|
5681
5627
|
description: "Removable label/chip for filters and selections.",
|
|
5682
|
-
sourceFile: "packages/vue/src/components/
|
|
5628
|
+
sourceFile: "packages/vue/src/components/TTag.vue",
|
|
5683
5629
|
storyFile: "apps/docs/src/stories/Tag.stories.ts",
|
|
5684
5630
|
storyTitle: "Components/Data Display/Tag",
|
|
5685
5631
|
manifestFile: "docs/ai/COMPONENTS/tag.yaml",
|
|
5686
5632
|
props: [
|
|
5687
5633
|
{
|
|
5688
5634
|
name: "variant",
|
|
5689
|
-
type: "
|
|
5635
|
+
type: "TTagVariant",
|
|
5690
5636
|
default: "soft",
|
|
5691
5637
|
values: [
|
|
5692
5638
|
"solid",
|
|
@@ -5696,7 +5642,7 @@ var treeui_catalog_default = {
|
|
|
5696
5642
|
},
|
|
5697
5643
|
{
|
|
5698
5644
|
name: "size",
|
|
5699
|
-
type: "
|
|
5645
|
+
type: "TSize",
|
|
5700
5646
|
default: "md",
|
|
5701
5647
|
values: [
|
|
5702
5648
|
"sm",
|
|
@@ -5755,16 +5701,13 @@ var treeui_catalog_default = {
|
|
|
5755
5701
|
},
|
|
5756
5702
|
{
|
|
5757
5703
|
name: "TTextarea",
|
|
5758
|
-
|
|
5759
|
-
aliases: [
|
|
5760
|
-
"TreeTextarea"
|
|
5761
|
-
],
|
|
5704
|
+
aliases: [],
|
|
5762
5705
|
package: "@treeui/vue",
|
|
5763
5706
|
kind: "primitive",
|
|
5764
5707
|
category: "Data Entry",
|
|
5765
5708
|
status: "available",
|
|
5766
5709
|
purpose: "Multi-line text field with size, loading, invalid states, and auto-grow option.",
|
|
5767
|
-
sourceFile: "packages/vue/src/components/
|
|
5710
|
+
sourceFile: "packages/vue/src/components/TTextarea.vue",
|
|
5768
5711
|
storyFile: "apps/docs/src/stories/Textarea.stories.ts",
|
|
5769
5712
|
storyTitle: "Components/Data Entry/Textarea",
|
|
5770
5713
|
manifestFile: "docs/ai/COMPONENTS/textarea.yaml",
|
|
@@ -5776,7 +5719,7 @@ var treeui_catalog_default = {
|
|
|
5776
5719
|
},
|
|
5777
5720
|
{
|
|
5778
5721
|
name: "size",
|
|
5779
|
-
type: "
|
|
5722
|
+
type: "TSize",
|
|
5780
5723
|
default: "md",
|
|
5781
5724
|
values: [
|
|
5782
5725
|
"sm",
|
|
@@ -5861,28 +5804,25 @@ var treeui_catalog_default = {
|
|
|
5861
5804
|
},
|
|
5862
5805
|
{
|
|
5863
5806
|
name: "TTimeline",
|
|
5864
|
-
|
|
5865
|
-
aliases: [
|
|
5866
|
-
"TreeTimeline"
|
|
5867
|
-
],
|
|
5807
|
+
aliases: [],
|
|
5868
5808
|
package: "@treeui/vue",
|
|
5869
5809
|
kind: "data_display",
|
|
5870
5810
|
status: "available",
|
|
5871
5811
|
purpose: "Vertical timeline for activity history, audits, release events, and chronological product updates.",
|
|
5872
|
-
sourceFile: "packages/vue/src/components/
|
|
5812
|
+
sourceFile: "packages/vue/src/components/TTimeline.vue",
|
|
5873
5813
|
storyFile: "apps/docs/src/stories/Timeline.stories.ts",
|
|
5874
5814
|
storyTitle: "Release queued for review",
|
|
5875
5815
|
manifestFile: "docs/ai/COMPONENTS/timeline.yaml",
|
|
5876
5816
|
props: [
|
|
5877
5817
|
{
|
|
5878
5818
|
name: "items",
|
|
5879
|
-
type: "
|
|
5819
|
+
type: "TTimelineItem[]",
|
|
5880
5820
|
default: "[]",
|
|
5881
5821
|
note: "Array of { id?: string | number; title: string; description?: string; meta?: string; timestamp?: string; datetime?: string; tone?: 'neutral' | 'brand' | 'success' | 'warning' | 'danger' }"
|
|
5882
5822
|
},
|
|
5883
5823
|
{
|
|
5884
5824
|
name: "size",
|
|
5885
|
-
type: "
|
|
5825
|
+
type: "TSize",
|
|
5886
5826
|
default: "md",
|
|
5887
5827
|
values: [
|
|
5888
5828
|
"sm",
|
|
@@ -5924,15 +5864,12 @@ var treeui_catalog_default = {
|
|
|
5924
5864
|
},
|
|
5925
5865
|
{
|
|
5926
5866
|
name: "TToast",
|
|
5927
|
-
|
|
5928
|
-
aliases: [
|
|
5929
|
-
"TreeToast"
|
|
5930
|
-
],
|
|
5867
|
+
aliases: [],
|
|
5931
5868
|
package: "@treeui/vue",
|
|
5932
5869
|
kind: "feedback",
|
|
5933
5870
|
status: "available",
|
|
5934
5871
|
purpose: "Ephemeral notification stack driven by a composable. Renders toast items inside a positioned container with auto-dismiss and manual close.",
|
|
5935
|
-
sourceFile: "packages/vue/src/components/
|
|
5872
|
+
sourceFile: "packages/vue/src/components/TToast.vue",
|
|
5936
5873
|
manifestFile: "docs/ai/COMPONENTS/toast.yaml",
|
|
5937
5874
|
props: [],
|
|
5938
5875
|
events: [
|
|
@@ -5990,16 +5927,13 @@ var treeui_catalog_default = {
|
|
|
5990
5927
|
},
|
|
5991
5928
|
{
|
|
5992
5929
|
name: "TToggleGroup",
|
|
5993
|
-
|
|
5994
|
-
aliases: [
|
|
5995
|
-
"TreeToggleGroup"
|
|
5996
|
-
],
|
|
5930
|
+
aliases: [],
|
|
5997
5931
|
package: "@treeui/vue",
|
|
5998
5932
|
kind: "selection",
|
|
5999
5933
|
category: "Data Entry",
|
|
6000
5934
|
status: "available",
|
|
6001
5935
|
purpose: "Segmented button group for single or multiple visible choices.",
|
|
6002
|
-
sourceFile: "packages/vue/src/components/
|
|
5936
|
+
sourceFile: "packages/vue/src/components/TToggleGroup.vue",
|
|
6003
5937
|
storyFile: "apps/docs/src/stories/ToggleGroup.stories.ts",
|
|
6004
5938
|
storyTitle: "Components/Data Entry/ToggleGroup",
|
|
6005
5939
|
manifestFile: "docs/ai/COMPONENTS/toggle-group.yaml",
|
|
@@ -6011,13 +5945,13 @@ var treeui_catalog_default = {
|
|
|
6011
5945
|
},
|
|
6012
5946
|
{
|
|
6013
5947
|
name: "options",
|
|
6014
|
-
type: "
|
|
5948
|
+
type: "TToggleGroupOption[]",
|
|
6015
5949
|
default: "[]",
|
|
6016
5950
|
note: "Array of `{ label, value, disabled? }`."
|
|
6017
5951
|
},
|
|
6018
5952
|
{
|
|
6019
5953
|
name: "selectionMode",
|
|
6020
|
-
type: "
|
|
5954
|
+
type: "TToggleGroupSelectionMode",
|
|
6021
5955
|
default: "single",
|
|
6022
5956
|
values: [
|
|
6023
5957
|
"single",
|
|
@@ -6026,7 +5960,7 @@ var treeui_catalog_default = {
|
|
|
6026
5960
|
},
|
|
6027
5961
|
{
|
|
6028
5962
|
name: "size",
|
|
6029
|
-
type: "
|
|
5963
|
+
type: "TSize",
|
|
6030
5964
|
default: "md",
|
|
6031
5965
|
values: [
|
|
6032
5966
|
"sm",
|
|
@@ -6036,7 +5970,7 @@ var treeui_catalog_default = {
|
|
|
6036
5970
|
},
|
|
6037
5971
|
{
|
|
6038
5972
|
name: "variant",
|
|
6039
|
-
type: "
|
|
5973
|
+
type: "TToggleGroupVariant",
|
|
6040
5974
|
default: "outline",
|
|
6041
5975
|
values: [
|
|
6042
5976
|
"outline",
|
|
@@ -6110,16 +6044,13 @@ var treeui_catalog_default = {
|
|
|
6110
6044
|
},
|
|
6111
6045
|
{
|
|
6112
6046
|
name: "TTooltip",
|
|
6113
|
-
|
|
6114
|
-
aliases: [
|
|
6115
|
-
"TreeTooltip"
|
|
6116
|
-
],
|
|
6047
|
+
aliases: [],
|
|
6117
6048
|
package: "@treeui/vue",
|
|
6118
6049
|
kind: "overlay",
|
|
6119
6050
|
category: "Overlay",
|
|
6120
6051
|
status: "available",
|
|
6121
6052
|
purpose: "Small contextual overlay shown on hover or focus.",
|
|
6122
|
-
sourceFile: "packages/vue/src/components/
|
|
6053
|
+
sourceFile: "packages/vue/src/components/TTooltip.vue",
|
|
6123
6054
|
storyFile: "apps/docs/src/stories/Tooltip.stories.ts",
|
|
6124
6055
|
storyTitle: "Components/Overlay/Tooltip",
|
|
6125
6056
|
manifestFile: "docs/ai/COMPONENTS/tooltip.yaml",
|
|
@@ -6146,7 +6077,7 @@ var treeui_catalog_default = {
|
|
|
6146
6077
|
},
|
|
6147
6078
|
{
|
|
6148
6079
|
name: "side",
|
|
6149
|
-
type: "
|
|
6080
|
+
type: "TTooltipSide",
|
|
6150
6081
|
default: "top",
|
|
6151
6082
|
values: [
|
|
6152
6083
|
"top",
|
|
@@ -6225,18 +6156,15 @@ var treeui_catalog_default = {
|
|
|
6225
6156
|
},
|
|
6226
6157
|
{
|
|
6227
6158
|
name: "TTreeView",
|
|
6228
|
-
|
|
6229
|
-
aliases: [
|
|
6230
|
-
"TreeTreeView"
|
|
6231
|
-
],
|
|
6159
|
+
aliases: [],
|
|
6232
6160
|
package: "@treeui/vue",
|
|
6233
6161
|
kind: "selection",
|
|
6234
6162
|
category: "Navigation & Disclosure",
|
|
6235
6163
|
status: "available",
|
|
6236
6164
|
purpose: "Hierarchical tree view with expansion, keyboard navigation, and single or multiple selection.",
|
|
6237
|
-
sourceFile: "packages/vue/src/components/
|
|
6165
|
+
sourceFile: "packages/vue/src/components/TTreeView.vue",
|
|
6238
6166
|
storyFile: "apps/docs/src/stories/TreeView.stories.ts",
|
|
6239
|
-
storyTitle: "Components/Navigation & Disclosure/
|
|
6167
|
+
storyTitle: "Components/Navigation & Disclosure/TView",
|
|
6240
6168
|
manifestFile: "docs/ai/COMPONENTS/tree-view.yaml",
|
|
6241
6169
|
props: [
|
|
6242
6170
|
{
|
|
@@ -6251,13 +6179,13 @@ var treeui_catalog_default = {
|
|
|
6251
6179
|
},
|
|
6252
6180
|
{
|
|
6253
6181
|
name: "nodes",
|
|
6254
|
-
type: "
|
|
6182
|
+
type: "TTreeViewNode[]",
|
|
6255
6183
|
default: "[]",
|
|
6256
6184
|
note: "Array of `{ id, label, description?, meta?, disabled?, children? }`."
|
|
6257
6185
|
},
|
|
6258
6186
|
{
|
|
6259
6187
|
name: "selectionMode",
|
|
6260
|
-
type: "
|
|
6188
|
+
type: "TTreeViewSelectionMode",
|
|
6261
6189
|
default: "single",
|
|
6262
6190
|
values: [
|
|
6263
6191
|
"single",
|
|
@@ -6928,11 +6856,9 @@ var buildCatalogFromRepo = (repoRoot) => {
|
|
|
6928
6856
|
const setup2 = normalizeSetupEntry(componentSetup[name]);
|
|
6929
6857
|
const aliases = Array.from(
|
|
6930
6858
|
new Set(
|
|
6931
|
-
[
|
|
6932
|
-
|
|
6933
|
-
|
|
6934
|
-
name.startsWith("T") ? `Tree${name.slice(1)}` : void 0
|
|
6935
|
-
].filter((value) => Boolean(value))
|
|
6859
|
+
[...normalizeStringList(document.aliases), aliasMap[name]].filter(
|
|
6860
|
+
(value) => Boolean(value)
|
|
6861
|
+
)
|
|
6936
6862
|
)
|
|
6937
6863
|
);
|
|
6938
6864
|
const componentRecipes = recipes.filter((recipe) => recipe.compose.includes(name)).map((recipe) => recipe.id);
|
|
@@ -7136,7 +7062,7 @@ var createTreeuiMcpServer = () => {
|
|
|
7136
7062
|
inputSchema: {
|
|
7137
7063
|
type: "object",
|
|
7138
7064
|
properties: {
|
|
7139
|
-
name: { type: "string", description: "Component name or alias, such as TSelect or
|
|
7065
|
+
name: { type: "string", description: "Component name or alias, such as TSelect or TSelect." }
|
|
7140
7066
|
},
|
|
7141
7067
|
required: ["name"]
|
|
7142
7068
|
}
|