@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
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
// src/generated/treeui.catalog.json
|
|
2
2
|
var treeui_catalog_default = {
|
|
3
|
-
generatedAt: "2026-
|
|
3
|
+
generatedAt: "2026-06-26T22:57:20.487Z",
|
|
4
4
|
packageName: "@treeui/vue",
|
|
5
|
-
packageVersion: "0.
|
|
5
|
+
packageVersion: "0.8.0",
|
|
6
6
|
decisionGuides: [
|
|
7
7
|
{
|
|
8
8
|
id: "single-choice",
|
|
@@ -443,7 +443,7 @@ var treeui_catalog_default = {
|
|
|
443
443
|
},
|
|
444
444
|
globalRules: [
|
|
445
445
|
"Always import `@treeui/vue/style.css` once in the consuming application.",
|
|
446
|
-
"
|
|
446
|
+
"All components use the `T<Name>` export prefix; there are no `Tree<Name>` aliases.",
|
|
447
447
|
"Form controls use `modelValue` + `update:modelValue`.",
|
|
448
448
|
"Overlay-style components generally support controlled and uncontrolled open state.",
|
|
449
449
|
"Date-only values use `YYYY-MM-DD`.",
|
|
@@ -584,16 +584,13 @@ var treeui_catalog_default = {
|
|
|
584
584
|
components: [
|
|
585
585
|
{
|
|
586
586
|
name: "TAccordion",
|
|
587
|
-
|
|
588
|
-
aliases: [
|
|
589
|
-
"TreeAccordion"
|
|
590
|
-
],
|
|
587
|
+
aliases: [],
|
|
591
588
|
package: "@treeui/vue",
|
|
592
589
|
kind: "disclosure",
|
|
593
590
|
category: "Data Display",
|
|
594
591
|
status: "available",
|
|
595
592
|
purpose: "Organized content sections with expandable/collapsible behavior. Supports single-open and multi-open modes.\n",
|
|
596
|
-
sourceFile: "packages/vue/src/components/
|
|
593
|
+
sourceFile: "packages/vue/src/components/TAccordion.vue",
|
|
597
594
|
storyFile: "apps/docs/src/stories/Accordion.stories.ts",
|
|
598
595
|
storyTitle: "Components/Data Display/Accordion",
|
|
599
596
|
manifestFile: "docs/ai/COMPONENTS/accordion.yaml",
|
|
@@ -640,16 +637,13 @@ var treeui_catalog_default = {
|
|
|
640
637
|
},
|
|
641
638
|
{
|
|
642
639
|
name: "TAlert",
|
|
643
|
-
|
|
644
|
-
aliases: [
|
|
645
|
-
"TreeAlert"
|
|
646
|
-
],
|
|
640
|
+
aliases: [],
|
|
647
641
|
package: "@treeui/vue",
|
|
648
642
|
kind: "feedback",
|
|
649
643
|
category: "Feedback",
|
|
650
644
|
status: "available",
|
|
651
645
|
purpose: "Inline status banner for info, success, warning, and danger messages.",
|
|
652
|
-
sourceFile: "packages/vue/src/components/
|
|
646
|
+
sourceFile: "packages/vue/src/components/TAlert.vue",
|
|
653
647
|
storyFile: "apps/docs/src/stories/Alert.stories.ts",
|
|
654
648
|
storyTitle: "Components/Feedback/Alert",
|
|
655
649
|
manifestFile: "docs/ai/COMPONENTS/alert.yaml",
|
|
@@ -667,7 +661,7 @@ var treeui_catalog_default = {
|
|
|
667
661
|
},
|
|
668
662
|
{
|
|
669
663
|
name: "size",
|
|
670
|
-
type: "
|
|
664
|
+
type: "TSize",
|
|
671
665
|
default: "md",
|
|
672
666
|
values: [
|
|
673
667
|
"sm",
|
|
@@ -743,14 +737,11 @@ var treeui_catalog_default = {
|
|
|
743
737
|
},
|
|
744
738
|
{
|
|
745
739
|
name: "TAvatar",
|
|
746
|
-
|
|
747
|
-
aliases: [
|
|
748
|
-
"TreeAvatar"
|
|
749
|
-
],
|
|
740
|
+
aliases: [],
|
|
750
741
|
package: "@treeui/vue",
|
|
751
742
|
category: "Data Display",
|
|
752
743
|
description: "User image with fallback initials and optional status indicator dot.",
|
|
753
|
-
sourceFile: "packages/vue/src/components/
|
|
744
|
+
sourceFile: "packages/vue/src/components/TAvatar.vue",
|
|
754
745
|
storyFile: "apps/docs/src/stories/Avatar.stories.ts",
|
|
755
746
|
storyTitle: "Components/Data Display/Avatar",
|
|
756
747
|
manifestFile: "docs/ai/COMPONENTS/avatar.yaml",
|
|
@@ -775,7 +766,7 @@ var treeui_catalog_default = {
|
|
|
775
766
|
},
|
|
776
767
|
{
|
|
777
768
|
name: "size",
|
|
778
|
-
type: "
|
|
769
|
+
type: "TSize",
|
|
779
770
|
default: "md",
|
|
780
771
|
values: [
|
|
781
772
|
"sm",
|
|
@@ -785,7 +776,7 @@ var treeui_catalog_default = {
|
|
|
785
776
|
},
|
|
786
777
|
{
|
|
787
778
|
name: "status",
|
|
788
|
-
type: "
|
|
779
|
+
type: "TAvatarStatus",
|
|
789
780
|
required: false,
|
|
790
781
|
values: [
|
|
791
782
|
"online",
|
|
@@ -823,23 +814,20 @@ var treeui_catalog_default = {
|
|
|
823
814
|
},
|
|
824
815
|
{
|
|
825
816
|
name: "TBadge",
|
|
826
|
-
|
|
827
|
-
aliases: [
|
|
828
|
-
"TreeBadge"
|
|
829
|
-
],
|
|
817
|
+
aliases: [],
|
|
830
818
|
package: "@treeui/vue",
|
|
831
819
|
kind: "display",
|
|
832
820
|
category: "Data Display",
|
|
833
821
|
status: "available",
|
|
834
822
|
purpose: "Compact status or metadata label with optional icon.",
|
|
835
|
-
sourceFile: "packages/vue/src/components/
|
|
823
|
+
sourceFile: "packages/vue/src/components/TBadge.vue",
|
|
836
824
|
storyFile: "apps/docs/src/stories/Badge.stories.ts",
|
|
837
825
|
storyTitle: "Components/Data Display/Badge",
|
|
838
826
|
manifestFile: "docs/ai/COMPONENTS/badge.yaml",
|
|
839
827
|
props: [
|
|
840
828
|
{
|
|
841
829
|
name: "variant",
|
|
842
|
-
type: "
|
|
830
|
+
type: "TVariant",
|
|
843
831
|
default: "soft",
|
|
844
832
|
values: [
|
|
845
833
|
"solid",
|
|
@@ -851,7 +839,7 @@ var treeui_catalog_default = {
|
|
|
851
839
|
},
|
|
852
840
|
{
|
|
853
841
|
name: "tone",
|
|
854
|
-
type: "
|
|
842
|
+
type: "TBadgeTone",
|
|
855
843
|
default: "neutral",
|
|
856
844
|
values: [
|
|
857
845
|
"neutral",
|
|
@@ -864,7 +852,7 @@ var treeui_catalog_default = {
|
|
|
864
852
|
},
|
|
865
853
|
{
|
|
866
854
|
name: "size",
|
|
867
|
-
type: "
|
|
855
|
+
type: "TSize",
|
|
868
856
|
default: "md",
|
|
869
857
|
values: [
|
|
870
858
|
"sm",
|
|
@@ -903,16 +891,13 @@ var treeui_catalog_default = {
|
|
|
903
891
|
},
|
|
904
892
|
{
|
|
905
893
|
name: "TBreadcrumb",
|
|
906
|
-
|
|
907
|
-
aliases: [
|
|
908
|
-
"TreeBreadcrumb"
|
|
909
|
-
],
|
|
894
|
+
aliases: [],
|
|
910
895
|
package: "@treeui/vue",
|
|
911
896
|
kind: "navigation",
|
|
912
897
|
category: "Navigation",
|
|
913
898
|
status: "available",
|
|
914
899
|
purpose: "Hierarchical navigation trail showing the user's current location within a site or application.",
|
|
915
|
-
sourceFile: "packages/vue/src/components/
|
|
900
|
+
sourceFile: "packages/vue/src/components/TBreadcrumb.vue",
|
|
916
901
|
storyFile: "apps/docs/src/stories/Breadcrumb.stories.ts",
|
|
917
902
|
storyTitle: "Components/Navigation/Breadcrumb",
|
|
918
903
|
manifestFile: "docs/ai/COMPONENTS/breadcrumb.yaml",
|
|
@@ -955,16 +940,13 @@ var treeui_catalog_default = {
|
|
|
955
940
|
},
|
|
956
941
|
{
|
|
957
942
|
name: "TButton",
|
|
958
|
-
|
|
959
|
-
aliases: [
|
|
960
|
-
"TreeButton"
|
|
961
|
-
],
|
|
943
|
+
aliases: [],
|
|
962
944
|
package: "@treeui/vue",
|
|
963
945
|
kind: "primitive",
|
|
964
946
|
category: "Actions",
|
|
965
947
|
status: "available",
|
|
966
948
|
purpose: "Clickable action trigger with variants, sizes, optional polymorphism, and loading state.",
|
|
967
|
-
sourceFile: "packages/vue/src/components/
|
|
949
|
+
sourceFile: "packages/vue/src/components/TButton.vue",
|
|
968
950
|
storyFile: "apps/docs/src/stories/Button.stories.ts",
|
|
969
951
|
storyTitle: "Components/Actions/Button",
|
|
970
952
|
manifestFile: "docs/ai/COMPONENTS/button.yaml",
|
|
@@ -976,7 +958,7 @@ var treeui_catalog_default = {
|
|
|
976
958
|
},
|
|
977
959
|
{
|
|
978
960
|
name: "variant",
|
|
979
|
-
type: "
|
|
961
|
+
type: "TVariant",
|
|
980
962
|
default: "solid",
|
|
981
963
|
values: [
|
|
982
964
|
"solid",
|
|
@@ -988,7 +970,7 @@ var treeui_catalog_default = {
|
|
|
988
970
|
},
|
|
989
971
|
{
|
|
990
972
|
name: "size",
|
|
991
|
-
type: "
|
|
973
|
+
type: "TSize",
|
|
992
974
|
default: "md",
|
|
993
975
|
values: [
|
|
994
976
|
"sm",
|
|
@@ -1053,16 +1035,13 @@ var treeui_catalog_default = {
|
|
|
1053
1035
|
},
|
|
1054
1036
|
{
|
|
1055
1037
|
name: "TCard",
|
|
1056
|
-
|
|
1057
|
-
aliases: [
|
|
1058
|
-
"TreeCard"
|
|
1059
|
-
],
|
|
1038
|
+
aliases: [],
|
|
1060
1039
|
package: "@treeui/vue",
|
|
1061
1040
|
kind: "layout",
|
|
1062
1041
|
category: "Data Display",
|
|
1063
1042
|
status: "available",
|
|
1064
1043
|
purpose: "Surface container with optional header and footer slots.",
|
|
1065
|
-
sourceFile: "packages/vue/src/components/
|
|
1044
|
+
sourceFile: "packages/vue/src/components/TCard.vue",
|
|
1066
1045
|
storyFile: "apps/docs/src/stories/Card.stories.ts",
|
|
1067
1046
|
storyTitle: "Components/Data Display/Card",
|
|
1068
1047
|
manifestFile: "docs/ai/COMPONENTS/card.yaml",
|
|
@@ -1074,7 +1053,7 @@ var treeui_catalog_default = {
|
|
|
1074
1053
|
},
|
|
1075
1054
|
{
|
|
1076
1055
|
name: "variant",
|
|
1077
|
-
type: "
|
|
1056
|
+
type: "TCardVariant",
|
|
1078
1057
|
default: "outline",
|
|
1079
1058
|
values: [
|
|
1080
1059
|
"outline",
|
|
@@ -1085,7 +1064,7 @@ var treeui_catalog_default = {
|
|
|
1085
1064
|
},
|
|
1086
1065
|
{
|
|
1087
1066
|
name: "size",
|
|
1088
|
-
type: "
|
|
1067
|
+
type: "TSize",
|
|
1089
1068
|
default: "md",
|
|
1090
1069
|
values: [
|
|
1091
1070
|
"sm",
|
|
@@ -1154,16 +1133,13 @@ var treeui_catalog_default = {
|
|
|
1154
1133
|
},
|
|
1155
1134
|
{
|
|
1156
1135
|
name: "TCheckbox",
|
|
1157
|
-
|
|
1158
|
-
aliases: [
|
|
1159
|
-
"TreeCheckbox"
|
|
1160
|
-
],
|
|
1136
|
+
aliases: [],
|
|
1161
1137
|
package: "@treeui/vue",
|
|
1162
1138
|
kind: "primitive",
|
|
1163
1139
|
category: "Data Entry",
|
|
1164
1140
|
status: "available",
|
|
1165
1141
|
purpose: "Boolean toggle with indeterminate state; supports v-model via modelValue.",
|
|
1166
|
-
sourceFile: "packages/vue/src/components/
|
|
1142
|
+
sourceFile: "packages/vue/src/components/TCheckbox.vue",
|
|
1167
1143
|
storyFile: "apps/docs/src/stories/Checkbox.stories.ts",
|
|
1168
1144
|
storyTitle: "Components/Data Entry/Checkbox",
|
|
1169
1145
|
manifestFile: "docs/ai/COMPONENTS/checkbox.yaml",
|
|
@@ -1175,7 +1151,7 @@ var treeui_catalog_default = {
|
|
|
1175
1151
|
},
|
|
1176
1152
|
{
|
|
1177
1153
|
name: "size",
|
|
1178
|
-
type: "
|
|
1154
|
+
type: "TSize",
|
|
1179
1155
|
default: "md",
|
|
1180
1156
|
values: [
|
|
1181
1157
|
"sm",
|
|
@@ -1255,16 +1231,13 @@ var treeui_catalog_default = {
|
|
|
1255
1231
|
},
|
|
1256
1232
|
{
|
|
1257
1233
|
name: "TCombobox",
|
|
1258
|
-
|
|
1259
|
-
aliases: [
|
|
1260
|
-
"TreeCombobox"
|
|
1261
|
-
],
|
|
1234
|
+
aliases: [],
|
|
1262
1235
|
package: "@treeui/vue",
|
|
1263
1236
|
kind: "primitive",
|
|
1264
1237
|
category: "Data Entry",
|
|
1265
1238
|
status: "available",
|
|
1266
1239
|
purpose: "Searchable combobox / autocomplete input with local filtering, controlled selection, and shared open-state behavior.",
|
|
1267
|
-
sourceFile: "packages/vue/src/components/
|
|
1240
|
+
sourceFile: "packages/vue/src/components/TCombobox.vue",
|
|
1268
1241
|
storyFile: "apps/docs/src/stories/Combobox.stories.ts",
|
|
1269
1242
|
storyTitle: "Components/Data Entry/Combobox",
|
|
1270
1243
|
manifestFile: "docs/ai/COMPONENTS/combobox.yaml",
|
|
@@ -1276,7 +1249,7 @@ var treeui_catalog_default = {
|
|
|
1276
1249
|
},
|
|
1277
1250
|
{
|
|
1278
1251
|
name: "options",
|
|
1279
|
-
type: "
|
|
1252
|
+
type: "TComboboxOption[]",
|
|
1280
1253
|
default: "[]",
|
|
1281
1254
|
note: "Array of { label: string; value: string; description?: string; keywords?: string[]; disabled?: boolean }"
|
|
1282
1255
|
},
|
|
@@ -1292,7 +1265,7 @@ var treeui_catalog_default = {
|
|
|
1292
1265
|
},
|
|
1293
1266
|
{
|
|
1294
1267
|
name: "size",
|
|
1295
|
-
type: "
|
|
1268
|
+
type: "TSize",
|
|
1296
1269
|
default: "md",
|
|
1297
1270
|
values: [
|
|
1298
1271
|
"sm",
|
|
@@ -1409,16 +1382,13 @@ var treeui_catalog_default = {
|
|
|
1409
1382
|
},
|
|
1410
1383
|
{
|
|
1411
1384
|
name: "TConfirmDialog",
|
|
1412
|
-
|
|
1413
|
-
aliases: [
|
|
1414
|
-
"TreeConfirmDialog"
|
|
1415
|
-
],
|
|
1385
|
+
aliases: [],
|
|
1416
1386
|
package: "@treeui/vue",
|
|
1417
1387
|
kind: "overlay",
|
|
1418
1388
|
category: "Overlay",
|
|
1419
1389
|
status: "available",
|
|
1420
1390
|
purpose: "High-level confirmation dialog built on the shared modal contract, with default confirm and cancel actions.",
|
|
1421
|
-
sourceFile: "packages/vue/src/components/
|
|
1391
|
+
sourceFile: "packages/vue/src/components/TConfirmDialog.vue",
|
|
1422
1392
|
storyFile: "apps/docs/src/stories/ConfirmDialog.stories.ts",
|
|
1423
1393
|
storyTitle: "Components/Overlay/ConfirmDialog",
|
|
1424
1394
|
manifestFile: "docs/ai/COMPONENTS/confirm-dialog.yaml",
|
|
@@ -1440,7 +1410,7 @@ var treeui_catalog_default = {
|
|
|
1440
1410
|
},
|
|
1441
1411
|
{
|
|
1442
1412
|
name: "size",
|
|
1443
|
-
type: "
|
|
1413
|
+
type: "TSize",
|
|
1444
1414
|
default: "sm",
|
|
1445
1415
|
values: [
|
|
1446
1416
|
"sm",
|
|
@@ -1470,7 +1440,7 @@ var treeui_catalog_default = {
|
|
|
1470
1440
|
},
|
|
1471
1441
|
{
|
|
1472
1442
|
name: "confirmVariant",
|
|
1473
|
-
type: "
|
|
1443
|
+
type: "TVariant",
|
|
1474
1444
|
default: "danger"
|
|
1475
1445
|
},
|
|
1476
1446
|
{
|
|
@@ -1578,16 +1548,13 @@ var treeui_catalog_default = {
|
|
|
1578
1548
|
},
|
|
1579
1549
|
{
|
|
1580
1550
|
name: "TContainer",
|
|
1581
|
-
|
|
1582
|
-
aliases: [
|
|
1583
|
-
"TreeContainer"
|
|
1584
|
-
],
|
|
1551
|
+
aliases: [],
|
|
1585
1552
|
package: "@treeui/vue",
|
|
1586
1553
|
kind: "layout",
|
|
1587
1554
|
category: "Layout",
|
|
1588
1555
|
status: "available",
|
|
1589
1556
|
purpose: "Width-constrained layout wrapper for readable page content and app sections.",
|
|
1590
|
-
sourceFile: "packages/vue/src/components/
|
|
1557
|
+
sourceFile: "packages/vue/src/components/TContainer.vue",
|
|
1591
1558
|
storyFile: "apps/docs/src/stories/Container.stories.ts",
|
|
1592
1559
|
storyTitle: "Components/Layout/Container",
|
|
1593
1560
|
manifestFile: "docs/ai/COMPONENTS/container.yaml",
|
|
@@ -1599,7 +1566,7 @@ var treeui_catalog_default = {
|
|
|
1599
1566
|
},
|
|
1600
1567
|
{
|
|
1601
1568
|
name: "size",
|
|
1602
|
-
type: "
|
|
1569
|
+
type: "TContainerSize",
|
|
1603
1570
|
default: "lg",
|
|
1604
1571
|
values: [
|
|
1605
1572
|
"sm",
|
|
@@ -1670,10 +1637,7 @@ var treeui_catalog_default = {
|
|
|
1670
1637
|
},
|
|
1671
1638
|
{
|
|
1672
1639
|
name: "TContextMenu",
|
|
1673
|
-
|
|
1674
|
-
aliases: [
|
|
1675
|
-
"TreeContextMenu"
|
|
1676
|
-
],
|
|
1640
|
+
aliases: [],
|
|
1677
1641
|
package: "@treeui/vue",
|
|
1678
1642
|
category: "Overlay",
|
|
1679
1643
|
status: "stable",
|
|
@@ -1683,7 +1647,7 @@ var treeui_catalog_default = {
|
|
|
1683
1647
|
props: [
|
|
1684
1648
|
{
|
|
1685
1649
|
name: "items",
|
|
1686
|
-
type: "
|
|
1650
|
+
type: "TContextMenuItem[]",
|
|
1687
1651
|
default: "[]",
|
|
1688
1652
|
description: "Menu items to render."
|
|
1689
1653
|
},
|
|
@@ -1707,7 +1671,7 @@ var treeui_catalog_default = {
|
|
|
1707
1671
|
},
|
|
1708
1672
|
{
|
|
1709
1673
|
name: "size",
|
|
1710
|
-
type: "
|
|
1674
|
+
type: "TSize",
|
|
1711
1675
|
default: "md",
|
|
1712
1676
|
description: "Item sizing variant."
|
|
1713
1677
|
}
|
|
@@ -1780,16 +1744,13 @@ var treeui_catalog_default = {
|
|
|
1780
1744
|
},
|
|
1781
1745
|
{
|
|
1782
1746
|
name: "TDatePicker",
|
|
1783
|
-
|
|
1784
|
-
aliases: [
|
|
1785
|
-
"TreeDatePicker"
|
|
1786
|
-
],
|
|
1747
|
+
aliases: [],
|
|
1787
1748
|
package: "@treeui/vue",
|
|
1788
1749
|
kind: "form_overlay",
|
|
1789
1750
|
category: "Data Entry",
|
|
1790
1751
|
status: "available",
|
|
1791
1752
|
purpose: "Date input with calendar popover and keyboard navigation.",
|
|
1792
|
-
sourceFile: "packages/vue/src/components/
|
|
1753
|
+
sourceFile: "packages/vue/src/components/TDatePicker.vue",
|
|
1793
1754
|
storyFile: "apps/docs/src/stories/DatePicker.stories.ts",
|
|
1794
1755
|
storyTitle: "Components/Data Entry/DatePicker",
|
|
1795
1756
|
manifestFile: "docs/ai/COMPONENTS/date-picker.yaml",
|
|
@@ -1811,7 +1772,7 @@ var treeui_catalog_default = {
|
|
|
1811
1772
|
},
|
|
1812
1773
|
{
|
|
1813
1774
|
name: "size",
|
|
1814
|
-
type: "
|
|
1775
|
+
type: "TSize",
|
|
1815
1776
|
default: "md",
|
|
1816
1777
|
values: [
|
|
1817
1778
|
"sm",
|
|
@@ -1932,16 +1893,13 @@ var treeui_catalog_default = {
|
|
|
1932
1893
|
},
|
|
1933
1894
|
{
|
|
1934
1895
|
name: "TDateTimePicker",
|
|
1935
|
-
|
|
1936
|
-
aliases: [
|
|
1937
|
-
"TreeDateTimePicker"
|
|
1938
|
-
],
|
|
1896
|
+
aliases: [],
|
|
1939
1897
|
package: "@treeui/vue",
|
|
1940
1898
|
kind: "form",
|
|
1941
1899
|
category: "Data Entry",
|
|
1942
1900
|
status: "available",
|
|
1943
1901
|
purpose: "Date and time picker with a calendar grid, time selection, and overlay trigger.",
|
|
1944
|
-
sourceFile: "packages/vue/src/components/
|
|
1902
|
+
sourceFile: "packages/vue/src/components/TDateTimePicker.vue",
|
|
1945
1903
|
storyFile: "apps/docs/src/stories/DateTimePicker.stories.ts",
|
|
1946
1904
|
storyTitle: "Components/Data Entry/DateTimePicker",
|
|
1947
1905
|
manifestFile: "docs/ai/COMPONENTS/date-time-picker.yaml",
|
|
@@ -1964,7 +1922,7 @@ var treeui_catalog_default = {
|
|
|
1964
1922
|
},
|
|
1965
1923
|
{
|
|
1966
1924
|
name: "size",
|
|
1967
|
-
type: "
|
|
1925
|
+
type: "TSize",
|
|
1968
1926
|
default: "md",
|
|
1969
1927
|
values: [
|
|
1970
1928
|
"sm",
|
|
@@ -2093,14 +2051,11 @@ var treeui_catalog_default = {
|
|
|
2093
2051
|
},
|
|
2094
2052
|
{
|
|
2095
2053
|
name: "TDivider",
|
|
2096
|
-
|
|
2097
|
-
aliases: [
|
|
2098
|
-
"TreeDivider"
|
|
2099
|
-
],
|
|
2054
|
+
aliases: [],
|
|
2100
2055
|
package: "@treeui/vue",
|
|
2101
2056
|
category: "Layout",
|
|
2102
2057
|
description: "Horizontal or vertical visual separator.",
|
|
2103
|
-
sourceFile: "packages/vue/src/components/
|
|
2058
|
+
sourceFile: "packages/vue/src/components/TDivider.vue",
|
|
2104
2059
|
storyFile: "apps/docs/src/stories/Divider.stories.ts",
|
|
2105
2060
|
storyTitle: "Components/Layout/Divider",
|
|
2106
2061
|
manifestFile: "docs/ai/COMPONENTS/divider.yaml",
|
|
@@ -2149,16 +2104,13 @@ var treeui_catalog_default = {
|
|
|
2149
2104
|
},
|
|
2150
2105
|
{
|
|
2151
2106
|
name: "TDrawer",
|
|
2152
|
-
|
|
2153
|
-
aliases: [
|
|
2154
|
-
"TreeDrawer"
|
|
2155
|
-
],
|
|
2107
|
+
aliases: [],
|
|
2156
2108
|
package: "@treeui/vue",
|
|
2157
2109
|
kind: "overlay",
|
|
2158
2110
|
category: "Overlay",
|
|
2159
2111
|
status: "available",
|
|
2160
2112
|
purpose: "Side-anchored panel for secondary content, navigation, or forms.",
|
|
2161
|
-
sourceFile: "packages/vue/src/components/
|
|
2113
|
+
sourceFile: "packages/vue/src/components/TDrawer.vue",
|
|
2162
2114
|
storyFile: "apps/docs/src/stories/Drawer.stories.ts",
|
|
2163
2115
|
storyTitle: "Components/Overlay/Drawer",
|
|
2164
2116
|
manifestFile: "docs/ai/COMPONENTS/drawer.yaml",
|
|
@@ -2180,7 +2132,7 @@ var treeui_catalog_default = {
|
|
|
2180
2132
|
},
|
|
2181
2133
|
{
|
|
2182
2134
|
name: "size",
|
|
2183
|
-
type: "
|
|
2135
|
+
type: "TSize",
|
|
2184
2136
|
default: "md",
|
|
2185
2137
|
values: [
|
|
2186
2138
|
"sm",
|
|
@@ -2190,7 +2142,7 @@ var treeui_catalog_default = {
|
|
|
2190
2142
|
},
|
|
2191
2143
|
{
|
|
2192
2144
|
name: "side",
|
|
2193
|
-
type: "
|
|
2145
|
+
type: "TDrawerSide",
|
|
2194
2146
|
default: "right",
|
|
2195
2147
|
values: [
|
|
2196
2148
|
"top",
|
|
@@ -2305,23 +2257,20 @@ var treeui_catalog_default = {
|
|
|
2305
2257
|
},
|
|
2306
2258
|
{
|
|
2307
2259
|
name: "TDropdown",
|
|
2308
|
-
|
|
2309
|
-
aliases: [
|
|
2310
|
-
"TreeDropdown"
|
|
2311
|
-
],
|
|
2260
|
+
aliases: [],
|
|
2312
2261
|
package: "@treeui/vue",
|
|
2313
2262
|
kind: "overlay",
|
|
2314
2263
|
category: "Overlay",
|
|
2315
2264
|
status: "available",
|
|
2316
2265
|
purpose: "Trigger + floating menu with keyboard navigation for action lists.",
|
|
2317
|
-
sourceFile: "packages/vue/src/components/
|
|
2266
|
+
sourceFile: "packages/vue/src/components/TDropdown.vue",
|
|
2318
2267
|
storyFile: "apps/docs/src/stories/Dropdown.stories.ts",
|
|
2319
2268
|
storyTitle: "Components/Overlay/Dropdown",
|
|
2320
2269
|
manifestFile: "docs/ai/COMPONENTS/dropdown.yaml",
|
|
2321
2270
|
props: [
|
|
2322
2271
|
{
|
|
2323
2272
|
name: "items",
|
|
2324
|
-
type: "
|
|
2273
|
+
type: "TDropdownItem[]",
|
|
2325
2274
|
default: "[]",
|
|
2326
2275
|
note: "Array of { label: string; value: string; disabled?: boolean }"
|
|
2327
2276
|
},
|
|
@@ -2342,7 +2291,7 @@ var treeui_catalog_default = {
|
|
|
2342
2291
|
},
|
|
2343
2292
|
{
|
|
2344
2293
|
name: "size",
|
|
2345
|
-
type: "
|
|
2294
|
+
type: "TSize",
|
|
2346
2295
|
default: "md",
|
|
2347
2296
|
values: [
|
|
2348
2297
|
"sm",
|
|
@@ -2422,16 +2371,13 @@ var treeui_catalog_default = {
|
|
|
2422
2371
|
},
|
|
2423
2372
|
{
|
|
2424
2373
|
name: "TEmptyState",
|
|
2425
|
-
|
|
2426
|
-
aliases: [
|
|
2427
|
-
"TreeEmptyState"
|
|
2428
|
-
],
|
|
2374
|
+
aliases: [],
|
|
2429
2375
|
package: "@treeui/vue",
|
|
2430
2376
|
kind: "feedback",
|
|
2431
2377
|
category: "Feedback",
|
|
2432
2378
|
status: "available",
|
|
2433
2379
|
purpose: "Structured empty, no-results, and first-run placeholder block with optional icon, body content, and actions.",
|
|
2434
|
-
sourceFile: "packages/vue/src/components/
|
|
2380
|
+
sourceFile: "packages/vue/src/components/TEmptyState.vue",
|
|
2435
2381
|
storyFile: "apps/docs/src/stories/EmptyState.stories.ts",
|
|
2436
2382
|
storyTitle: "Components/Feedback/EmptyState",
|
|
2437
2383
|
manifestFile: "docs/ai/COMPONENTS/empty-state.yaml",
|
|
@@ -2443,7 +2389,7 @@ var treeui_catalog_default = {
|
|
|
2443
2389
|
},
|
|
2444
2390
|
{
|
|
2445
2391
|
name: "size",
|
|
2446
|
-
type: "
|
|
2392
|
+
type: "TSize",
|
|
2447
2393
|
default: "md",
|
|
2448
2394
|
values: [
|
|
2449
2395
|
"sm",
|
|
@@ -2517,16 +2463,13 @@ var treeui_catalog_default = {
|
|
|
2517
2463
|
},
|
|
2518
2464
|
{
|
|
2519
2465
|
name: "TFileUpload",
|
|
2520
|
-
|
|
2521
|
-
aliases: [
|
|
2522
|
-
"TreeFileUpload"
|
|
2523
|
-
],
|
|
2466
|
+
aliases: [],
|
|
2524
2467
|
package: "@treeui/vue",
|
|
2525
2468
|
kind: "form",
|
|
2526
2469
|
category: "Form",
|
|
2527
2470
|
status: "available",
|
|
2528
2471
|
purpose: "Composable dropzone and file picker with browse, drag-and-drop, and Ctrl+V paste support.",
|
|
2529
|
-
sourceFile: "packages/vue/src/components/
|
|
2472
|
+
sourceFile: "packages/vue/src/components/TFileUpload.vue",
|
|
2530
2473
|
storyFile: "apps/docs/src/stories/FileUpload.stories.ts",
|
|
2531
2474
|
storyTitle: "Components/Form/FileUpload",
|
|
2532
2475
|
manifestFile: "docs/ai/COMPONENTS/file-upload.yaml",
|
|
@@ -2538,7 +2481,7 @@ var treeui_catalog_default = {
|
|
|
2538
2481
|
},
|
|
2539
2482
|
{
|
|
2540
2483
|
name: "size",
|
|
2541
|
-
type: "
|
|
2484
|
+
type: "TSize",
|
|
2542
2485
|
default: "md",
|
|
2543
2486
|
values: [
|
|
2544
2487
|
"sm",
|
|
@@ -2671,15 +2614,12 @@ var treeui_catalog_default = {
|
|
|
2671
2614
|
},
|
|
2672
2615
|
{
|
|
2673
2616
|
name: "TFormField",
|
|
2674
|
-
|
|
2675
|
-
aliases: [
|
|
2676
|
-
"TreeFormField"
|
|
2677
|
-
],
|
|
2617
|
+
aliases: [],
|
|
2678
2618
|
package: "@treeui/vue",
|
|
2679
2619
|
category: "Data Entry",
|
|
2680
2620
|
status: "milestone-1",
|
|
2681
2621
|
description: "Label + input wrapper with error and hint slots. Provides consistent layout, labelling, and validation messaging for any form control.\n",
|
|
2682
|
-
sourceFile: "packages/vue/src/components/
|
|
2622
|
+
sourceFile: "packages/vue/src/components/TFormField.vue",
|
|
2683
2623
|
storyFile: "apps/docs/src/stories/FormField.stories.ts",
|
|
2684
2624
|
storyTitle: "Components/Data Entry/FormField",
|
|
2685
2625
|
manifestFile: "docs/ai/COMPONENTS/form-field.yaml",
|
|
@@ -2722,7 +2662,7 @@ var treeui_catalog_default = {
|
|
|
2722
2662
|
},
|
|
2723
2663
|
{
|
|
2724
2664
|
name: "size",
|
|
2725
|
-
type: "
|
|
2665
|
+
type: "TSize",
|
|
2726
2666
|
default: "md",
|
|
2727
2667
|
values: [
|
|
2728
2668
|
"sm",
|
|
@@ -2803,16 +2743,13 @@ var treeui_catalog_default = {
|
|
|
2803
2743
|
},
|
|
2804
2744
|
{
|
|
2805
2745
|
name: "TGrid",
|
|
2806
|
-
|
|
2807
|
-
aliases: [
|
|
2808
|
-
"TreeGrid"
|
|
2809
|
-
],
|
|
2746
|
+
aliases: [],
|
|
2810
2747
|
package: "@treeui/vue",
|
|
2811
2748
|
kind: "layout",
|
|
2812
2749
|
category: "Layout",
|
|
2813
2750
|
status: "available",
|
|
2814
2751
|
purpose: "Responsive grid wrapper for cards, forms, stats, and other multi-column layouts.",
|
|
2815
|
-
sourceFile: "packages/vue/src/components/
|
|
2752
|
+
sourceFile: "packages/vue/src/components/TGrid.vue",
|
|
2816
2753
|
storyFile: "apps/docs/src/stories/Grid.stories.ts",
|
|
2817
2754
|
storyTitle: "Components/Layout/Grid",
|
|
2818
2755
|
manifestFile: "docs/ai/COMPONENTS/grid.yaml",
|
|
@@ -2905,17 +2842,104 @@ var treeui_catalog_default = {
|
|
|
2905
2842
|
]
|
|
2906
2843
|
},
|
|
2907
2844
|
{
|
|
2908
|
-
name: "
|
|
2909
|
-
|
|
2910
|
-
|
|
2911
|
-
|
|
2845
|
+
name: "TIcon",
|
|
2846
|
+
aliases: [],
|
|
2847
|
+
package: "@treeui/vue",
|
|
2848
|
+
kind: "display",
|
|
2849
|
+
category: "Data Display",
|
|
2850
|
+
status: "available",
|
|
2851
|
+
purpose: "Render a registered TreeUI icon by name with consistent sizing and accessibility defaults.",
|
|
2852
|
+
sourceFile: "packages/vue/src/components/TIcon.vue",
|
|
2853
|
+
storyFile: "apps/docs/src/stories/Icon.stories.ts",
|
|
2854
|
+
storyTitle: "Components/Data Display/Icon",
|
|
2855
|
+
manifestFile: "docs/ai/COMPONENTS/icon.yaml",
|
|
2856
|
+
props: [
|
|
2857
|
+
{
|
|
2858
|
+
name: "name",
|
|
2859
|
+
type: "TIconName",
|
|
2860
|
+
required: true,
|
|
2861
|
+
values: [
|
|
2862
|
+
"alert-circle",
|
|
2863
|
+
"calendar",
|
|
2864
|
+
"check",
|
|
2865
|
+
"chevron-left",
|
|
2866
|
+
"chevron-down",
|
|
2867
|
+
"chevron-right",
|
|
2868
|
+
"info",
|
|
2869
|
+
"loader-circle",
|
|
2870
|
+
"search",
|
|
2871
|
+
"x"
|
|
2872
|
+
],
|
|
2873
|
+
description: "Icon identifier from the @treeui/icons registry."
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
name: "size",
|
|
2877
|
+
type: "number | string",
|
|
2878
|
+
default: "20",
|
|
2879
|
+
description: "Pixel size for both width and height of the rendered svg."
|
|
2880
|
+
},
|
|
2881
|
+
{
|
|
2882
|
+
name: "strokeWidth",
|
|
2883
|
+
type: "number | string",
|
|
2884
|
+
default: "2"
|
|
2885
|
+
},
|
|
2886
|
+
{
|
|
2887
|
+
name: "absoluteStrokeWidth",
|
|
2888
|
+
type: "boolean",
|
|
2889
|
+
default: "true",
|
|
2890
|
+
description: "When true, stroke width stays visually constant across sizes."
|
|
2891
|
+
},
|
|
2892
|
+
{
|
|
2893
|
+
name: "label",
|
|
2894
|
+
type: "string",
|
|
2895
|
+
default: "undefined",
|
|
2896
|
+
description: 'Accessible label. When set, the icon becomes role="img" with aria-label; otherwise it is aria-hidden.'
|
|
2897
|
+
}
|
|
2912
2898
|
],
|
|
2899
|
+
events: [],
|
|
2900
|
+
slots: [],
|
|
2901
|
+
a11y: [
|
|
2902
|
+
"decorative_by_default: true",
|
|
2903
|
+
"becomes_image_when_labeled: true",
|
|
2904
|
+
"rule: Provide `label` only when the icon conveys meaning that is not already in adjacent text."
|
|
2905
|
+
],
|
|
2906
|
+
behavior: [],
|
|
2907
|
+
selection: {
|
|
2908
|
+
keywords: [
|
|
2909
|
+
"icon",
|
|
2910
|
+
"svg",
|
|
2911
|
+
"glyph",
|
|
2912
|
+
"pictogram"
|
|
2913
|
+
],
|
|
2914
|
+
useWhen: [
|
|
2915
|
+
"You need to render a registered TreeUI icon by name.",
|
|
2916
|
+
"You want consistent sizing and a11y defaults without importing the icon component directly."
|
|
2917
|
+
],
|
|
2918
|
+
avoidWhen: [
|
|
2919
|
+
"The icon is not in the @treeui/icons registry \u2014 import or register it instead."
|
|
2920
|
+
],
|
|
2921
|
+
alternatives: [
|
|
2922
|
+
{
|
|
2923
|
+
component: "named import from @treeui/icons",
|
|
2924
|
+
when: "You need tree-shaken, statically-imported icon components."
|
|
2925
|
+
}
|
|
2926
|
+
]
|
|
2927
|
+
},
|
|
2928
|
+
setup: {
|
|
2929
|
+
required: [],
|
|
2930
|
+
notes: []
|
|
2931
|
+
},
|
|
2932
|
+
recipes: []
|
|
2933
|
+
},
|
|
2934
|
+
{
|
|
2935
|
+
name: "TInput",
|
|
2936
|
+
aliases: [],
|
|
2913
2937
|
package: "@treeui/vue",
|
|
2914
2938
|
kind: "primitive",
|
|
2915
2939
|
category: "Data Entry",
|
|
2916
2940
|
status: "available",
|
|
2917
2941
|
purpose: "Text input with size, loading, invalid, and prefix or suffix slots.",
|
|
2918
|
-
sourceFile: "packages/vue/src/components/
|
|
2942
|
+
sourceFile: "packages/vue/src/components/TInput.vue",
|
|
2919
2943
|
storyFile: "apps/docs/src/stories/Input.stories.ts",
|
|
2920
2944
|
storyTitle: "Components/Data Entry/Input",
|
|
2921
2945
|
manifestFile: "docs/ai/COMPONENTS/input.yaml",
|
|
@@ -2927,7 +2951,7 @@ var treeui_catalog_default = {
|
|
|
2927
2951
|
},
|
|
2928
2952
|
{
|
|
2929
2953
|
name: "size",
|
|
2930
|
-
type: "
|
|
2954
|
+
type: "TSize",
|
|
2931
2955
|
default: "md",
|
|
2932
2956
|
values: [
|
|
2933
2957
|
"sm",
|
|
@@ -3021,16 +3045,13 @@ var treeui_catalog_default = {
|
|
|
3021
3045
|
},
|
|
3022
3046
|
{
|
|
3023
3047
|
name: "TLink",
|
|
3024
|
-
|
|
3025
|
-
aliases: [
|
|
3026
|
-
"TreeLink"
|
|
3027
|
-
],
|
|
3048
|
+
aliases: [],
|
|
3028
3049
|
package: "@treeui/vue",
|
|
3029
3050
|
kind: "navigation",
|
|
3030
3051
|
category: "Navigation",
|
|
3031
3052
|
status: "available",
|
|
3032
3053
|
purpose: "Inline link with consistent styling, optional RouterLink rendering, and external link support.",
|
|
3033
|
-
sourceFile: "packages/vue/src/components/
|
|
3054
|
+
sourceFile: "packages/vue/src/components/TLink.vue",
|
|
3034
3055
|
storyFile: "apps/docs/src/stories/Link.stories.ts",
|
|
3035
3056
|
storyTitle: "Components/Navigation/Link",
|
|
3036
3057
|
manifestFile: "docs/ai/COMPONENTS/link.yaml",
|
|
@@ -3060,7 +3081,7 @@ var treeui_catalog_default = {
|
|
|
3060
3081
|
},
|
|
3061
3082
|
{
|
|
3062
3083
|
name: "variant",
|
|
3063
|
-
type: "
|
|
3084
|
+
type: "TLinkVariant",
|
|
3064
3085
|
default: "default",
|
|
3065
3086
|
values: [
|
|
3066
3087
|
"default",
|
|
@@ -3096,10 +3117,7 @@ var treeui_catalog_default = {
|
|
|
3096
3117
|
},
|
|
3097
3118
|
{
|
|
3098
3119
|
name: "TMarkdownEditor",
|
|
3099
|
-
|
|
3100
|
-
aliases: [
|
|
3101
|
-
"TreeMarkdownEditor"
|
|
3102
|
-
],
|
|
3120
|
+
aliases: [],
|
|
3103
3121
|
package: "@treeui/vue",
|
|
3104
3122
|
category: "Form",
|
|
3105
3123
|
status: "stable",
|
|
@@ -3116,7 +3134,7 @@ var treeui_catalog_default = {
|
|
|
3116
3134
|
},
|
|
3117
3135
|
{
|
|
3118
3136
|
name: "size",
|
|
3119
|
-
type: "
|
|
3137
|
+
type: "TSize",
|
|
3120
3138
|
default: "md",
|
|
3121
3139
|
values: [
|
|
3122
3140
|
"sm",
|
|
@@ -3201,16 +3219,13 @@ var treeui_catalog_default = {
|
|
|
3201
3219
|
},
|
|
3202
3220
|
{
|
|
3203
3221
|
name: "TModal",
|
|
3204
|
-
|
|
3205
|
-
aliases: [
|
|
3206
|
-
"TreeModal"
|
|
3207
|
-
],
|
|
3222
|
+
aliases: [],
|
|
3208
3223
|
package: "@treeui/vue",
|
|
3209
3224
|
kind: "overlay",
|
|
3210
3225
|
category: "Overlay",
|
|
3211
3226
|
status: "available",
|
|
3212
3227
|
purpose: "Accessible modal dialog for focused tasks and confirmations.",
|
|
3213
|
-
sourceFile: "packages/vue/src/components/
|
|
3228
|
+
sourceFile: "packages/vue/src/components/TModal.vue",
|
|
3214
3229
|
storyFile: "apps/docs/src/stories/Modal.stories.ts",
|
|
3215
3230
|
storyTitle: "Components/Overlay/Modal",
|
|
3216
3231
|
manifestFile: "docs/ai/COMPONENTS/modal.yaml",
|
|
@@ -3232,7 +3247,7 @@ var treeui_catalog_default = {
|
|
|
3232
3247
|
},
|
|
3233
3248
|
{
|
|
3234
3249
|
name: "size",
|
|
3235
|
-
type: "
|
|
3250
|
+
type: "TSize",
|
|
3236
3251
|
default: "md",
|
|
3237
3252
|
values: [
|
|
3238
3253
|
"sm",
|
|
@@ -3352,16 +3367,13 @@ var treeui_catalog_default = {
|
|
|
3352
3367
|
},
|
|
3353
3368
|
{
|
|
3354
3369
|
name: "TMultiSelect",
|
|
3355
|
-
|
|
3356
|
-
aliases: [
|
|
3357
|
-
"TreeMultiSelect"
|
|
3358
|
-
],
|
|
3370
|
+
aliases: [],
|
|
3359
3371
|
package: "@treeui/vue",
|
|
3360
3372
|
kind: "form",
|
|
3361
3373
|
category: "Data Entry",
|
|
3362
3374
|
status: "available",
|
|
3363
3375
|
purpose: "Searchable multi-select control that renders selected values as tags.",
|
|
3364
|
-
sourceFile: "packages/vue/src/components/
|
|
3376
|
+
sourceFile: "packages/vue/src/components/TMultiSelect.vue",
|
|
3365
3377
|
storyFile: "apps/docs/src/stories/MultiSelect.stories.ts",
|
|
3366
3378
|
storyTitle: "Components/Data Entry/MultiSelect",
|
|
3367
3379
|
manifestFile: "docs/ai/COMPONENTS/multi-select.yaml",
|
|
@@ -3373,7 +3385,7 @@ var treeui_catalog_default = {
|
|
|
3373
3385
|
},
|
|
3374
3386
|
{
|
|
3375
3387
|
name: "options",
|
|
3376
|
-
type: "
|
|
3388
|
+
type: "TMultiSelectOption[]",
|
|
3377
3389
|
default: "[]",
|
|
3378
3390
|
note: "Array of `{ label, value, description?, keywords?, disabled? }`."
|
|
3379
3391
|
},
|
|
@@ -3389,7 +3401,7 @@ var treeui_catalog_default = {
|
|
|
3389
3401
|
},
|
|
3390
3402
|
{
|
|
3391
3403
|
name: "size",
|
|
3392
|
-
type: "
|
|
3404
|
+
type: "TSize",
|
|
3393
3405
|
default: "md",
|
|
3394
3406
|
values: [
|
|
3395
3407
|
"sm",
|
|
@@ -3514,18 +3526,15 @@ var treeui_catalog_default = {
|
|
|
3514
3526
|
},
|
|
3515
3527
|
{
|
|
3516
3528
|
name: "TNavbar",
|
|
3517
|
-
legacyAlias: "TreeAppBar",
|
|
3518
3529
|
aliases: [
|
|
3519
|
-
"TAppBar"
|
|
3520
|
-
"TreeAppBar",
|
|
3521
|
-
"TreeNavbar"
|
|
3530
|
+
"TAppBar"
|
|
3522
3531
|
],
|
|
3523
3532
|
package: "@treeui/vue",
|
|
3524
3533
|
kind: "layout",
|
|
3525
3534
|
category: "Layout",
|
|
3526
3535
|
status: "available",
|
|
3527
3536
|
purpose: "Top application bar with start, center, and end content areas.",
|
|
3528
|
-
sourceFile: "packages/vue/src/components/
|
|
3537
|
+
sourceFile: "packages/vue/src/components/TNavbar.vue",
|
|
3529
3538
|
storyFile: "apps/docs/src/stories/Navbar.stories.ts",
|
|
3530
3539
|
storyTitle: "Components/Layout/Navbar",
|
|
3531
3540
|
manifestFile: "docs/ai/COMPONENTS/navbar.yaml",
|
|
@@ -3537,7 +3546,7 @@ var treeui_catalog_default = {
|
|
|
3537
3546
|
},
|
|
3538
3547
|
{
|
|
3539
3548
|
name: "size",
|
|
3540
|
-
type: "
|
|
3549
|
+
type: "TSize",
|
|
3541
3550
|
default: "md",
|
|
3542
3551
|
values: [
|
|
3543
3552
|
"sm",
|
|
@@ -3615,16 +3624,13 @@ var treeui_catalog_default = {
|
|
|
3615
3624
|
},
|
|
3616
3625
|
{
|
|
3617
3626
|
name: "TNavMenu",
|
|
3618
|
-
|
|
3619
|
-
aliases: [
|
|
3620
|
-
"TreeNavMenu"
|
|
3621
|
-
],
|
|
3627
|
+
aliases: [],
|
|
3622
3628
|
package: "@treeui/vue",
|
|
3623
3629
|
kind: "navigation",
|
|
3624
3630
|
category: "Layout",
|
|
3625
3631
|
status: "available",
|
|
3626
3632
|
purpose: "Vertical navigation menu with selection state, keyboard navigation, optional RouterLink rendering, and sidebar integration.",
|
|
3627
|
-
sourceFile: "packages/vue/src/components/
|
|
3633
|
+
sourceFile: "packages/vue/src/components/TNavMenu.vue",
|
|
3628
3634
|
storyFile: "apps/docs/src/stories/NavMenu.stories.ts",
|
|
3629
3635
|
storyTitle: "Components/Layout/NavMenu",
|
|
3630
3636
|
manifestFile: "docs/ai/COMPONENTS/nav-menu.yaml",
|
|
@@ -3641,13 +3647,13 @@ var treeui_catalog_default = {
|
|
|
3641
3647
|
},
|
|
3642
3648
|
{
|
|
3643
3649
|
name: "items",
|
|
3644
|
-
type: "
|
|
3650
|
+
type: "TNavMenuItem[]",
|
|
3645
3651
|
default: "[]",
|
|
3646
3652
|
note: "Array of `{ label, value, shortLabel?, description?, icon?, to?, badge?, disabled? }`."
|
|
3647
3653
|
},
|
|
3648
3654
|
{
|
|
3649
3655
|
name: "size",
|
|
3650
|
-
type: "
|
|
3656
|
+
type: "TSize",
|
|
3651
3657
|
default: "md",
|
|
3652
3658
|
values: [
|
|
3653
3659
|
"sm",
|
|
@@ -3731,16 +3737,13 @@ var treeui_catalog_default = {
|
|
|
3731
3737
|
},
|
|
3732
3738
|
{
|
|
3733
3739
|
name: "TNumberInput",
|
|
3734
|
-
|
|
3735
|
-
aliases: [
|
|
3736
|
-
"TreeNumberInput"
|
|
3737
|
-
],
|
|
3740
|
+
aliases: [],
|
|
3738
3741
|
package: "@treeui/vue",
|
|
3739
3742
|
kind: "form",
|
|
3740
3743
|
category: "Data Entry",
|
|
3741
3744
|
status: "available",
|
|
3742
3745
|
purpose: "Numeric input with optional increment and decrement controls.",
|
|
3743
|
-
sourceFile: "packages/vue/src/components/
|
|
3746
|
+
sourceFile: "packages/vue/src/components/TNumberInput.vue",
|
|
3744
3747
|
storyFile: "apps/docs/src/stories/NumberInput.stories.ts",
|
|
3745
3748
|
storyTitle: "Components/Data Entry/NumberInput",
|
|
3746
3749
|
manifestFile: "docs/ai/COMPONENTS/number-input.yaml",
|
|
@@ -3766,7 +3769,7 @@ var treeui_catalog_default = {
|
|
|
3766
3769
|
},
|
|
3767
3770
|
{
|
|
3768
3771
|
name: "size",
|
|
3769
|
-
type: "
|
|
3772
|
+
type: "TSize",
|
|
3770
3773
|
default: "md",
|
|
3771
3774
|
values: [
|
|
3772
3775
|
"sm",
|
|
@@ -3841,16 +3844,13 @@ var treeui_catalog_default = {
|
|
|
3841
3844
|
},
|
|
3842
3845
|
{
|
|
3843
3846
|
name: "TPagination",
|
|
3844
|
-
|
|
3845
|
-
aliases: [
|
|
3846
|
-
"TreePagination"
|
|
3847
|
-
],
|
|
3847
|
+
aliases: [],
|
|
3848
3848
|
package: "@treeui/vue",
|
|
3849
3849
|
kind: "primitive",
|
|
3850
3850
|
category: "Navigation",
|
|
3851
3851
|
status: "available",
|
|
3852
3852
|
purpose: "Page controls with previous/next navigation, numbered page buttons, and ellipsis for large page ranges. Supports v-model for the active page.\n",
|
|
3853
|
-
sourceFile: "packages/vue/src/components/
|
|
3853
|
+
sourceFile: "packages/vue/src/components/TPagination.vue",
|
|
3854
3854
|
storyFile: "apps/docs/src/stories/Pagination.stories.ts",
|
|
3855
3855
|
storyTitle: "Components/Navigation/Pagination",
|
|
3856
3856
|
manifestFile: "docs/ai/COMPONENTS/pagination.yaml",
|
|
@@ -3875,7 +3875,7 @@ var treeui_catalog_default = {
|
|
|
3875
3875
|
},
|
|
3876
3876
|
{
|
|
3877
3877
|
name: "size",
|
|
3878
|
-
type: "
|
|
3878
|
+
type: "TSize",
|
|
3879
3879
|
default: "md",
|
|
3880
3880
|
values: [
|
|
3881
3881
|
"sm",
|
|
@@ -3957,10 +3957,7 @@ var treeui_catalog_default = {
|
|
|
3957
3957
|
},
|
|
3958
3958
|
{
|
|
3959
3959
|
name: "TPopover",
|
|
3960
|
-
|
|
3961
|
-
aliases: [
|
|
3962
|
-
"TreePopover"
|
|
3963
|
-
],
|
|
3960
|
+
aliases: [],
|
|
3964
3961
|
package: "@treeui/vue",
|
|
3965
3962
|
category: "Overlay",
|
|
3966
3963
|
status: "stable",
|
|
@@ -4063,10 +4060,7 @@ var treeui_catalog_default = {
|
|
|
4063
4060
|
},
|
|
4064
4061
|
{
|
|
4065
4062
|
name: "TPricing",
|
|
4066
|
-
|
|
4067
|
-
aliases: [
|
|
4068
|
-
"TreePricing"
|
|
4069
|
-
],
|
|
4063
|
+
aliases: [],
|
|
4070
4064
|
package: "@treeui/vue",
|
|
4071
4065
|
status: "stable",
|
|
4072
4066
|
description: "Grid wrapper that renders multiple PricingCard components from an array of plan objects.\n",
|
|
@@ -4082,7 +4076,7 @@ var treeui_catalog_default = {
|
|
|
4082
4076
|
},
|
|
4083
4077
|
{
|
|
4084
4078
|
name: "size",
|
|
4085
|
-
type: "
|
|
4079
|
+
type: "TSize",
|
|
4086
4080
|
default: "md",
|
|
4087
4081
|
description: "Size applied to all child pricing cards."
|
|
4088
4082
|
},
|
|
@@ -4130,10 +4124,7 @@ var treeui_catalog_default = {
|
|
|
4130
4124
|
},
|
|
4131
4125
|
{
|
|
4132
4126
|
name: "TPricingCard",
|
|
4133
|
-
|
|
4134
|
-
aliases: [
|
|
4135
|
-
"TreePricingCard"
|
|
4136
|
-
],
|
|
4127
|
+
aliases: [],
|
|
4137
4128
|
package: "@treeui/vue",
|
|
4138
4129
|
category: "Data Display",
|
|
4139
4130
|
status: "stable",
|
|
@@ -4198,7 +4189,7 @@ var treeui_catalog_default = {
|
|
|
4198
4189
|
},
|
|
4199
4190
|
{
|
|
4200
4191
|
name: "size",
|
|
4201
|
-
type: "
|
|
4192
|
+
type: "TSize",
|
|
4202
4193
|
default: "md",
|
|
4203
4194
|
description: "Card size \u2014 affects padding, font sizes."
|
|
4204
4195
|
},
|
|
@@ -4243,7 +4234,7 @@ var treeui_catalog_default = {
|
|
|
4243
4234
|
"Uses <h3> for plan title.",
|
|
4244
4235
|
'Feature list uses role="list" with <ul>/<li>.',
|
|
4245
4236
|
'Feature icons are aria-hidden="true".',
|
|
4246
|
-
"CTA button inherits
|
|
4237
|
+
"CTA button inherits TButton a11y (disabled, aria-busy)."
|
|
4247
4238
|
],
|
|
4248
4239
|
behavior: [],
|
|
4249
4240
|
selection: {
|
|
@@ -4262,10 +4253,7 @@ var treeui_catalog_default = {
|
|
|
4262
4253
|
},
|
|
4263
4254
|
{
|
|
4264
4255
|
name: "TProgress",
|
|
4265
|
-
|
|
4266
|
-
aliases: [
|
|
4267
|
-
"TreeProgress"
|
|
4268
|
-
],
|
|
4256
|
+
aliases: [],
|
|
4269
4257
|
package: "@treeui/vue",
|
|
4270
4258
|
category: "Feedback",
|
|
4271
4259
|
status: "draft",
|
|
@@ -4288,7 +4276,7 @@ var treeui_catalog_default = {
|
|
|
4288
4276
|
},
|
|
4289
4277
|
{
|
|
4290
4278
|
name: "size",
|
|
4291
|
-
type: "
|
|
4279
|
+
type: "TSize",
|
|
4292
4280
|
default: "md",
|
|
4293
4281
|
values: [
|
|
4294
4282
|
"sm",
|
|
@@ -4326,15 +4314,12 @@ var treeui_catalog_default = {
|
|
|
4326
4314
|
},
|
|
4327
4315
|
{
|
|
4328
4316
|
name: "TRadio",
|
|
4329
|
-
|
|
4330
|
-
aliases: [
|
|
4331
|
-
"TreeRadio"
|
|
4332
|
-
],
|
|
4317
|
+
aliases: [],
|
|
4333
4318
|
package: "@treeui/vue",
|
|
4334
4319
|
kind: "primitive",
|
|
4335
4320
|
status: "available",
|
|
4336
4321
|
purpose: "Single radio option within a TRadioGroup; renders a native radio input.",
|
|
4337
|
-
sourceFile: "packages/vue/src/components/
|
|
4322
|
+
sourceFile: "packages/vue/src/components/TRadio.vue",
|
|
4338
4323
|
manifestFile: "docs/ai/COMPONENTS/radio.yaml",
|
|
4339
4324
|
props: [
|
|
4340
4325
|
{
|
|
@@ -4354,7 +4339,7 @@ var treeui_catalog_default = {
|
|
|
4354
4339
|
},
|
|
4355
4340
|
{
|
|
4356
4341
|
name: "size",
|
|
4357
|
-
type: "
|
|
4342
|
+
type: "TSize",
|
|
4358
4343
|
default: "inherited_from_group",
|
|
4359
4344
|
values: [
|
|
4360
4345
|
"sm",
|
|
@@ -4397,16 +4382,13 @@ var treeui_catalog_default = {
|
|
|
4397
4382
|
},
|
|
4398
4383
|
{
|
|
4399
4384
|
name: "TRadioGroup",
|
|
4400
|
-
|
|
4401
|
-
aliases: [
|
|
4402
|
-
"TreeRadioGroup"
|
|
4403
|
-
],
|
|
4385
|
+
aliases: [],
|
|
4404
4386
|
package: "@treeui/vue",
|
|
4405
4387
|
kind: "primitive",
|
|
4406
4388
|
category: "Data Entry",
|
|
4407
4389
|
status: "available",
|
|
4408
4390
|
purpose: "Container for TRadio options; manages v-model for single-select from a group.",
|
|
4409
|
-
sourceFile: "packages/vue/src/components/
|
|
4391
|
+
sourceFile: "packages/vue/src/components/TRadioGroup.vue",
|
|
4410
4392
|
storyFile: "apps/docs/src/stories/Radio.stories.ts",
|
|
4411
4393
|
storyTitle: "Components/Data Entry/Radio",
|
|
4412
4394
|
manifestFile: "docs/ai/COMPONENTS/radio.yaml",
|
|
@@ -4433,7 +4415,7 @@ var treeui_catalog_default = {
|
|
|
4433
4415
|
},
|
|
4434
4416
|
{
|
|
4435
4417
|
name: "size",
|
|
4436
|
-
type: "
|
|
4418
|
+
type: "TSize",
|
|
4437
4419
|
default: "md",
|
|
4438
4420
|
values: [
|
|
4439
4421
|
"sm",
|
|
@@ -4475,16 +4457,13 @@ var treeui_catalog_default = {
|
|
|
4475
4457
|
},
|
|
4476
4458
|
{
|
|
4477
4459
|
name: "TSelect",
|
|
4478
|
-
|
|
4479
|
-
aliases: [
|
|
4480
|
-
"TreeSelect"
|
|
4481
|
-
],
|
|
4460
|
+
aliases: [],
|
|
4482
4461
|
package: "@treeui/vue",
|
|
4483
4462
|
kind: "primitive",
|
|
4484
4463
|
category: "Data Entry",
|
|
4485
4464
|
status: "available",
|
|
4486
4465
|
purpose: "Custom styled dropdown select with listbox; controlled and uncontrolled via v-model and open/defaultOpen.",
|
|
4487
|
-
sourceFile: "packages/vue/src/components/
|
|
4466
|
+
sourceFile: "packages/vue/src/components/TSelect.vue",
|
|
4488
4467
|
storyFile: "apps/docs/src/stories/Select.stories.ts",
|
|
4489
4468
|
storyTitle: "Components/Data Entry/Select",
|
|
4490
4469
|
manifestFile: "docs/ai/COMPONENTS/select.yaml",
|
|
@@ -4496,7 +4475,7 @@ var treeui_catalog_default = {
|
|
|
4496
4475
|
},
|
|
4497
4476
|
{
|
|
4498
4477
|
name: "options",
|
|
4499
|
-
type: "
|
|
4478
|
+
type: "TSelectOption[]",
|
|
4500
4479
|
default: "[]",
|
|
4501
4480
|
note: "Array of { label: string; value: string | number; disabled?: boolean }"
|
|
4502
4481
|
},
|
|
@@ -4512,7 +4491,7 @@ var treeui_catalog_default = {
|
|
|
4512
4491
|
},
|
|
4513
4492
|
{
|
|
4514
4493
|
name: "size",
|
|
4515
|
-
type: "
|
|
4494
|
+
type: "TSize",
|
|
4516
4495
|
default: "md",
|
|
4517
4496
|
values: [
|
|
4518
4497
|
"sm",
|
|
@@ -4616,16 +4595,13 @@ var treeui_catalog_default = {
|
|
|
4616
4595
|
},
|
|
4617
4596
|
{
|
|
4618
4597
|
name: "TSelectableList",
|
|
4619
|
-
|
|
4620
|
-
aliases: [
|
|
4621
|
-
"TreeSelectableList"
|
|
4622
|
-
],
|
|
4598
|
+
aliases: [],
|
|
4623
4599
|
package: "@treeui/vue",
|
|
4624
4600
|
kind: "selection",
|
|
4625
4601
|
category: "Navigation & Disclosure",
|
|
4626
4602
|
status: "available",
|
|
4627
4603
|
purpose: "Rich single-selection list for options with description and metadata.",
|
|
4628
|
-
sourceFile: "packages/vue/src/components/
|
|
4604
|
+
sourceFile: "packages/vue/src/components/TSelectableList.vue",
|
|
4629
4605
|
storyFile: "apps/docs/src/stories/SelectableList.stories.ts",
|
|
4630
4606
|
storyTitle: "Components/Navigation & Disclosure/SelectableList",
|
|
4631
4607
|
manifestFile: "docs/ai/COMPONENTS/selectable-list.yaml",
|
|
@@ -4642,13 +4618,13 @@ var treeui_catalog_default = {
|
|
|
4642
4618
|
},
|
|
4643
4619
|
{
|
|
4644
4620
|
name: "items",
|
|
4645
|
-
type: "
|
|
4621
|
+
type: "TSelectableListItem[]",
|
|
4646
4622
|
default: "[]",
|
|
4647
4623
|
note: "Array of `{ label, value, description?, meta?, disabled? }`."
|
|
4648
4624
|
},
|
|
4649
4625
|
{
|
|
4650
4626
|
name: "size",
|
|
4651
|
-
type: "
|
|
4627
|
+
type: "TSize",
|
|
4652
4628
|
default: "md",
|
|
4653
4629
|
values: [
|
|
4654
4630
|
"sm",
|
|
@@ -4725,16 +4701,13 @@ var treeui_catalog_default = {
|
|
|
4725
4701
|
},
|
|
4726
4702
|
{
|
|
4727
4703
|
name: "TSidebar",
|
|
4728
|
-
|
|
4729
|
-
aliases: [
|
|
4730
|
-
"TreeSidebar"
|
|
4731
|
-
],
|
|
4704
|
+
aliases: [],
|
|
4732
4705
|
package: "@treeui/vue",
|
|
4733
4706
|
kind: "layout",
|
|
4734
4707
|
category: "Layout",
|
|
4735
4708
|
status: "available",
|
|
4736
4709
|
purpose: "Persistent or collapsible side shell for app navigation and secondary workspace controls.",
|
|
4737
|
-
sourceFile: "packages/vue/src/components/
|
|
4710
|
+
sourceFile: "packages/vue/src/components/TSidebar.vue",
|
|
4738
4711
|
storyFile: "apps/docs/src/stories/Sidebar.stories.ts",
|
|
4739
4712
|
storyTitle: "Components/Layout/Sidebar",
|
|
4740
4713
|
manifestFile: "docs/ai/COMPONENTS/sidebar.yaml",
|
|
@@ -4761,7 +4734,7 @@ var treeui_catalog_default = {
|
|
|
4761
4734
|
},
|
|
4762
4735
|
{
|
|
4763
4736
|
name: "size",
|
|
4764
|
-
type: "
|
|
4737
|
+
type: "TSize",
|
|
4765
4738
|
default: "md",
|
|
4766
4739
|
values: [
|
|
4767
4740
|
"sm",
|
|
@@ -4771,7 +4744,7 @@ var treeui_catalog_default = {
|
|
|
4771
4744
|
},
|
|
4772
4745
|
{
|
|
4773
4746
|
name: "side",
|
|
4774
|
-
type: "
|
|
4747
|
+
type: "TSidebarSide",
|
|
4775
4748
|
default: "left",
|
|
4776
4749
|
values: [
|
|
4777
4750
|
"left",
|
|
@@ -4874,16 +4847,13 @@ var treeui_catalog_default = {
|
|
|
4874
4847
|
},
|
|
4875
4848
|
{
|
|
4876
4849
|
name: "TSkeleton",
|
|
4877
|
-
|
|
4878
|
-
aliases: [
|
|
4879
|
-
"TreeSkeleton"
|
|
4880
|
-
],
|
|
4850
|
+
aliases: [],
|
|
4881
4851
|
package: "@treeui/vue",
|
|
4882
4852
|
kind: "feedback",
|
|
4883
4853
|
category: "Feedback",
|
|
4884
4854
|
status: "available",
|
|
4885
4855
|
purpose: "Placeholder shimmer for loading states. Renders an animated block that indicates content is being loaded.",
|
|
4886
|
-
sourceFile: "packages/vue/src/components/
|
|
4856
|
+
sourceFile: "packages/vue/src/components/TSkeleton.vue",
|
|
4887
4857
|
storyFile: "apps/docs/src/stories/Skeleton.stories.ts",
|
|
4888
4858
|
storyTitle: "Components/Feedback/Skeleton",
|
|
4889
4859
|
manifestFile: "docs/ai/COMPONENTS/skeleton.yaml",
|
|
@@ -4940,23 +4910,20 @@ var treeui_catalog_default = {
|
|
|
4940
4910
|
},
|
|
4941
4911
|
{
|
|
4942
4912
|
name: "TSpinner",
|
|
4943
|
-
|
|
4944
|
-
aliases: [
|
|
4945
|
-
"TreeSpinner"
|
|
4946
|
-
],
|
|
4913
|
+
aliases: [],
|
|
4947
4914
|
package: "@treeui/vue",
|
|
4948
4915
|
kind: "feedback",
|
|
4949
4916
|
category: "Feedback",
|
|
4950
4917
|
status: "available",
|
|
4951
4918
|
purpose: "Accessible loading indicator.",
|
|
4952
|
-
sourceFile: "packages/vue/src/components/
|
|
4919
|
+
sourceFile: "packages/vue/src/components/TSpinner.vue",
|
|
4953
4920
|
storyFile: "apps/docs/src/stories/Spinner.stories.ts",
|
|
4954
4921
|
storyTitle: "Components/Feedback/Spinner",
|
|
4955
4922
|
manifestFile: "docs/ai/COMPONENTS/spinner.yaml",
|
|
4956
4923
|
props: [
|
|
4957
4924
|
{
|
|
4958
4925
|
name: "size",
|
|
4959
|
-
type: "
|
|
4926
|
+
type: "TSize",
|
|
4960
4927
|
default: "md",
|
|
4961
4928
|
values: [
|
|
4962
4929
|
"sm",
|
|
@@ -4992,16 +4959,13 @@ var treeui_catalog_default = {
|
|
|
4992
4959
|
},
|
|
4993
4960
|
{
|
|
4994
4961
|
name: "TStack",
|
|
4995
|
-
|
|
4996
|
-
aliases: [
|
|
4997
|
-
"TreeStack"
|
|
4998
|
-
],
|
|
4962
|
+
aliases: [],
|
|
4999
4963
|
package: "@treeui/vue",
|
|
5000
4964
|
kind: "layout",
|
|
5001
4965
|
category: "Layout",
|
|
5002
4966
|
status: "available",
|
|
5003
4967
|
purpose: "One-dimensional spacing and alignment wrapper for vertical or horizontal compositions.",
|
|
5004
|
-
sourceFile: "packages/vue/src/components/
|
|
4968
|
+
sourceFile: "packages/vue/src/components/TStack.vue",
|
|
5005
4969
|
storyFile: "apps/docs/src/stories/Stack.stories.ts",
|
|
5006
4970
|
storyTitle: "Components/Layout/Stack",
|
|
5007
4971
|
manifestFile: "docs/ai/COMPONENTS/stack.yaml",
|
|
@@ -5013,7 +4977,7 @@ var treeui_catalog_default = {
|
|
|
5013
4977
|
},
|
|
5014
4978
|
{
|
|
5015
4979
|
name: "direction",
|
|
5016
|
-
type: "
|
|
4980
|
+
type: "TStackDirection",
|
|
5017
4981
|
default: "vertical",
|
|
5018
4982
|
values: [
|
|
5019
4983
|
"vertical",
|
|
@@ -5093,16 +5057,13 @@ var treeui_catalog_default = {
|
|
|
5093
5057
|
},
|
|
5094
5058
|
{
|
|
5095
5059
|
name: "TStat",
|
|
5096
|
-
|
|
5097
|
-
aliases: [
|
|
5098
|
-
"TreeStat"
|
|
5099
|
-
],
|
|
5060
|
+
aliases: [],
|
|
5100
5061
|
package: "@treeui/vue",
|
|
5101
5062
|
kind: "data-display",
|
|
5102
5063
|
category: "Data Display",
|
|
5103
5064
|
status: "available",
|
|
5104
5065
|
purpose: "Compact KPI display with label, value, trend, metadata, and optional icon.",
|
|
5105
|
-
sourceFile: "packages/vue/src/components/
|
|
5066
|
+
sourceFile: "packages/vue/src/components/TStat.vue",
|
|
5106
5067
|
storyFile: "apps/docs/src/stories/Stat.stories.ts",
|
|
5107
5068
|
storyTitle: "Components/Data Display/Stat",
|
|
5108
5069
|
manifestFile: "docs/ai/COMPONENTS/stat.yaml",
|
|
@@ -5129,7 +5090,7 @@ var treeui_catalog_default = {
|
|
|
5129
5090
|
},
|
|
5130
5091
|
{
|
|
5131
5092
|
name: "tone",
|
|
5132
|
-
type: "
|
|
5093
|
+
type: "TStatTone",
|
|
5133
5094
|
default: "neutral",
|
|
5134
5095
|
values: [
|
|
5135
5096
|
"neutral",
|
|
@@ -5141,7 +5102,7 @@ var treeui_catalog_default = {
|
|
|
5141
5102
|
},
|
|
5142
5103
|
{
|
|
5143
5104
|
name: "trendDirection",
|
|
5144
|
-
type: "
|
|
5105
|
+
type: "TStatTrendDirection",
|
|
5145
5106
|
default: "neutral",
|
|
5146
5107
|
values: [
|
|
5147
5108
|
"up",
|
|
@@ -5213,18 +5174,15 @@ var treeui_catalog_default = {
|
|
|
5213
5174
|
},
|
|
5214
5175
|
{
|
|
5215
5176
|
name: "TSteps",
|
|
5216
|
-
legacyAlias: "TreeStepper",
|
|
5217
5177
|
aliases: [
|
|
5218
|
-
"TStepper"
|
|
5219
|
-
"TreeStepper",
|
|
5220
|
-
"TreeSteps"
|
|
5178
|
+
"TStepper"
|
|
5221
5179
|
],
|
|
5222
5180
|
package: "@treeui/vue",
|
|
5223
5181
|
kind: "navigation",
|
|
5224
5182
|
category: "Navigation & Disclosure",
|
|
5225
5183
|
status: "available",
|
|
5226
5184
|
purpose: "Stepper component for visualizing workflow progress, with optional interactive selection.",
|
|
5227
|
-
sourceFile: "packages/vue/src/components/
|
|
5185
|
+
sourceFile: "packages/vue/src/components/TSteps.vue",
|
|
5228
5186
|
storyFile: "apps/docs/src/stories/Steps.stories.ts",
|
|
5229
5187
|
storyTitle: "Components/Navigation & Disclosure/Steps",
|
|
5230
5188
|
manifestFile: "docs/ai/COMPONENTS/steps.yaml",
|
|
@@ -5241,13 +5199,13 @@ var treeui_catalog_default = {
|
|
|
5241
5199
|
},
|
|
5242
5200
|
{
|
|
5243
5201
|
name: "items",
|
|
5244
|
-
type: "
|
|
5202
|
+
type: "TStepItem[]",
|
|
5245
5203
|
default: "[]",
|
|
5246
5204
|
note: "Array of `{ label, value, description?, meta?, status?, disabled? }`."
|
|
5247
5205
|
},
|
|
5248
5206
|
{
|
|
5249
5207
|
name: "size",
|
|
5250
|
-
type: "
|
|
5208
|
+
type: "TSize",
|
|
5251
5209
|
default: "md",
|
|
5252
5210
|
values: [
|
|
5253
5211
|
"sm",
|
|
@@ -5257,7 +5215,7 @@ var treeui_catalog_default = {
|
|
|
5257
5215
|
},
|
|
5258
5216
|
{
|
|
5259
5217
|
name: "orientation",
|
|
5260
|
-
type: "
|
|
5218
|
+
type: "TStepOrientation",
|
|
5261
5219
|
default: "horizontal",
|
|
5262
5220
|
values: [
|
|
5263
5221
|
"horizontal",
|
|
@@ -5320,16 +5278,13 @@ var treeui_catalog_default = {
|
|
|
5320
5278
|
},
|
|
5321
5279
|
{
|
|
5322
5280
|
name: "TSwitch",
|
|
5323
|
-
|
|
5324
|
-
aliases: [
|
|
5325
|
-
"TreeSwitch"
|
|
5326
|
-
],
|
|
5281
|
+
aliases: [],
|
|
5327
5282
|
package: "@treeui/vue",
|
|
5328
5283
|
kind: "primitive",
|
|
5329
5284
|
category: "Data Entry",
|
|
5330
5285
|
status: "available",
|
|
5331
5286
|
purpose: "On/off toggle; semantic alternative to checkbox for settings. Supports v-model via modelValue.",
|
|
5332
|
-
sourceFile: "packages/vue/src/components/
|
|
5287
|
+
sourceFile: "packages/vue/src/components/TSwitch.vue",
|
|
5333
5288
|
storyFile: "apps/docs/src/stories/Switch.stories.ts",
|
|
5334
5289
|
storyTitle: "Components/Data Entry/Switch",
|
|
5335
5290
|
manifestFile: "docs/ai/COMPONENTS/switch.yaml",
|
|
@@ -5341,7 +5296,7 @@ var treeui_catalog_default = {
|
|
|
5341
5296
|
},
|
|
5342
5297
|
{
|
|
5343
5298
|
name: "size",
|
|
5344
|
-
type: "
|
|
5299
|
+
type: "TSize",
|
|
5345
5300
|
default: "md",
|
|
5346
5301
|
values: [
|
|
5347
5302
|
"sm",
|
|
@@ -5412,21 +5367,18 @@ var treeui_catalog_default = {
|
|
|
5412
5367
|
},
|
|
5413
5368
|
{
|
|
5414
5369
|
name: "TTable",
|
|
5415
|
-
|
|
5416
|
-
aliases: [
|
|
5417
|
-
"TreeTable"
|
|
5418
|
-
],
|
|
5370
|
+
aliases: [],
|
|
5419
5371
|
package: "@treeui/vue",
|
|
5420
5372
|
category: "Data Display",
|
|
5421
5373
|
description: "Sortable, accessible data table with column definitions and row data.",
|
|
5422
|
-
sourceFile: "packages/vue/src/components/
|
|
5374
|
+
sourceFile: "packages/vue/src/components/TTable.vue",
|
|
5423
5375
|
storyFile: "apps/docs/src/stories/Table.stories.ts",
|
|
5424
5376
|
storyTitle: "Components/Data Display/Table",
|
|
5425
5377
|
manifestFile: "docs/ai/COMPONENTS/table.yaml",
|
|
5426
5378
|
props: [
|
|
5427
5379
|
{
|
|
5428
5380
|
name: "columns",
|
|
5429
|
-
type: "
|
|
5381
|
+
type: "TTableColumn[]",
|
|
5430
5382
|
required: true,
|
|
5431
5383
|
description: "Array of column definitions with key, label, sortable, align, and width."
|
|
5432
5384
|
},
|
|
@@ -5438,7 +5390,7 @@ var treeui_catalog_default = {
|
|
|
5438
5390
|
},
|
|
5439
5391
|
{
|
|
5440
5392
|
name: "size",
|
|
5441
|
-
type: "
|
|
5393
|
+
type: "TSize",
|
|
5442
5394
|
default: "md",
|
|
5443
5395
|
values: [
|
|
5444
5396
|
"sm",
|
|
@@ -5448,7 +5400,7 @@ var treeui_catalog_default = {
|
|
|
5448
5400
|
},
|
|
5449
5401
|
{
|
|
5450
5402
|
name: "sortBy",
|
|
5451
|
-
type: "
|
|
5403
|
+
type: "TTableSortState",
|
|
5452
5404
|
required: false,
|
|
5453
5405
|
description: "Controlled sort state. When provided, overrides internal sort tracking."
|
|
5454
5406
|
}
|
|
@@ -5457,7 +5409,7 @@ var treeui_catalog_default = {
|
|
|
5457
5409
|
{
|
|
5458
5410
|
name: "sort",
|
|
5459
5411
|
description: "Emitted when a sortable column header is clicked.",
|
|
5460
|
-
payload: "
|
|
5412
|
+
payload: "TTableSortState"
|
|
5461
5413
|
}
|
|
5462
5414
|
],
|
|
5463
5415
|
slots: [
|
|
@@ -5516,16 +5468,13 @@ var treeui_catalog_default = {
|
|
|
5516
5468
|
},
|
|
5517
5469
|
{
|
|
5518
5470
|
name: "TTabs",
|
|
5519
|
-
|
|
5520
|
-
aliases: [
|
|
5521
|
-
"TreeTabs"
|
|
5522
|
-
],
|
|
5471
|
+
aliases: [],
|
|
5523
5472
|
package: "@treeui/vue",
|
|
5524
5473
|
kind: "navigation",
|
|
5525
5474
|
category: "Navigation",
|
|
5526
5475
|
status: "available",
|
|
5527
5476
|
purpose: "Tabbed panel navigation with full keyboard support and automatic/manual activation modes.",
|
|
5528
|
-
sourceFile: "packages/vue/src/components/
|
|
5477
|
+
sourceFile: "packages/vue/src/components/TTabs.vue",
|
|
5529
5478
|
storyFile: "apps/docs/src/stories/Tabs.stories.ts",
|
|
5530
5479
|
storyTitle: "Components/Navigation/Tabs",
|
|
5531
5480
|
manifestFile: "docs/ai/COMPONENTS/tabs.yaml",
|
|
@@ -5544,7 +5493,7 @@ var treeui_catalog_default = {
|
|
|
5544
5493
|
},
|
|
5545
5494
|
{
|
|
5546
5495
|
name: "size",
|
|
5547
|
-
type: "
|
|
5496
|
+
type: "TSize",
|
|
5548
5497
|
default: "md",
|
|
5549
5498
|
values: [
|
|
5550
5499
|
"sm",
|
|
@@ -5625,21 +5574,18 @@ var treeui_catalog_default = {
|
|
|
5625
5574
|
},
|
|
5626
5575
|
{
|
|
5627
5576
|
name: "TTag",
|
|
5628
|
-
|
|
5629
|
-
aliases: [
|
|
5630
|
-
"TreeTag"
|
|
5631
|
-
],
|
|
5577
|
+
aliases: [],
|
|
5632
5578
|
package: "@treeui/vue",
|
|
5633
5579
|
category: "Data Display",
|
|
5634
5580
|
description: "Removable label/chip for filters and selections.",
|
|
5635
|
-
sourceFile: "packages/vue/src/components/
|
|
5581
|
+
sourceFile: "packages/vue/src/components/TTag.vue",
|
|
5636
5582
|
storyFile: "apps/docs/src/stories/Tag.stories.ts",
|
|
5637
5583
|
storyTitle: "Components/Data Display/Tag",
|
|
5638
5584
|
manifestFile: "docs/ai/COMPONENTS/tag.yaml",
|
|
5639
5585
|
props: [
|
|
5640
5586
|
{
|
|
5641
5587
|
name: "variant",
|
|
5642
|
-
type: "
|
|
5588
|
+
type: "TTagVariant",
|
|
5643
5589
|
default: "soft",
|
|
5644
5590
|
values: [
|
|
5645
5591
|
"solid",
|
|
@@ -5649,7 +5595,7 @@ var treeui_catalog_default = {
|
|
|
5649
5595
|
},
|
|
5650
5596
|
{
|
|
5651
5597
|
name: "size",
|
|
5652
|
-
type: "
|
|
5598
|
+
type: "TSize",
|
|
5653
5599
|
default: "md",
|
|
5654
5600
|
values: [
|
|
5655
5601
|
"sm",
|
|
@@ -5708,16 +5654,13 @@ var treeui_catalog_default = {
|
|
|
5708
5654
|
},
|
|
5709
5655
|
{
|
|
5710
5656
|
name: "TTextarea",
|
|
5711
|
-
|
|
5712
|
-
aliases: [
|
|
5713
|
-
"TreeTextarea"
|
|
5714
|
-
],
|
|
5657
|
+
aliases: [],
|
|
5715
5658
|
package: "@treeui/vue",
|
|
5716
5659
|
kind: "primitive",
|
|
5717
5660
|
category: "Data Entry",
|
|
5718
5661
|
status: "available",
|
|
5719
5662
|
purpose: "Multi-line text field with size, loading, invalid states, and auto-grow option.",
|
|
5720
|
-
sourceFile: "packages/vue/src/components/
|
|
5663
|
+
sourceFile: "packages/vue/src/components/TTextarea.vue",
|
|
5721
5664
|
storyFile: "apps/docs/src/stories/Textarea.stories.ts",
|
|
5722
5665
|
storyTitle: "Components/Data Entry/Textarea",
|
|
5723
5666
|
manifestFile: "docs/ai/COMPONENTS/textarea.yaml",
|
|
@@ -5729,7 +5672,7 @@ var treeui_catalog_default = {
|
|
|
5729
5672
|
},
|
|
5730
5673
|
{
|
|
5731
5674
|
name: "size",
|
|
5732
|
-
type: "
|
|
5675
|
+
type: "TSize",
|
|
5733
5676
|
default: "md",
|
|
5734
5677
|
values: [
|
|
5735
5678
|
"sm",
|
|
@@ -5814,28 +5757,25 @@ var treeui_catalog_default = {
|
|
|
5814
5757
|
},
|
|
5815
5758
|
{
|
|
5816
5759
|
name: "TTimeline",
|
|
5817
|
-
|
|
5818
|
-
aliases: [
|
|
5819
|
-
"TreeTimeline"
|
|
5820
|
-
],
|
|
5760
|
+
aliases: [],
|
|
5821
5761
|
package: "@treeui/vue",
|
|
5822
5762
|
kind: "data_display",
|
|
5823
5763
|
status: "available",
|
|
5824
5764
|
purpose: "Vertical timeline for activity history, audits, release events, and chronological product updates.",
|
|
5825
|
-
sourceFile: "packages/vue/src/components/
|
|
5765
|
+
sourceFile: "packages/vue/src/components/TTimeline.vue",
|
|
5826
5766
|
storyFile: "apps/docs/src/stories/Timeline.stories.ts",
|
|
5827
5767
|
storyTitle: "Release queued for review",
|
|
5828
5768
|
manifestFile: "docs/ai/COMPONENTS/timeline.yaml",
|
|
5829
5769
|
props: [
|
|
5830
5770
|
{
|
|
5831
5771
|
name: "items",
|
|
5832
|
-
type: "
|
|
5772
|
+
type: "TTimelineItem[]",
|
|
5833
5773
|
default: "[]",
|
|
5834
5774
|
note: "Array of { id?: string | number; title: string; description?: string; meta?: string; timestamp?: string; datetime?: string; tone?: 'neutral' | 'brand' | 'success' | 'warning' | 'danger' }"
|
|
5835
5775
|
},
|
|
5836
5776
|
{
|
|
5837
5777
|
name: "size",
|
|
5838
|
-
type: "
|
|
5778
|
+
type: "TSize",
|
|
5839
5779
|
default: "md",
|
|
5840
5780
|
values: [
|
|
5841
5781
|
"sm",
|
|
@@ -5877,15 +5817,12 @@ var treeui_catalog_default = {
|
|
|
5877
5817
|
},
|
|
5878
5818
|
{
|
|
5879
5819
|
name: "TToast",
|
|
5880
|
-
|
|
5881
|
-
aliases: [
|
|
5882
|
-
"TreeToast"
|
|
5883
|
-
],
|
|
5820
|
+
aliases: [],
|
|
5884
5821
|
package: "@treeui/vue",
|
|
5885
5822
|
kind: "feedback",
|
|
5886
5823
|
status: "available",
|
|
5887
5824
|
purpose: "Ephemeral notification stack driven by a composable. Renders toast items inside a positioned container with auto-dismiss and manual close.",
|
|
5888
|
-
sourceFile: "packages/vue/src/components/
|
|
5825
|
+
sourceFile: "packages/vue/src/components/TToast.vue",
|
|
5889
5826
|
manifestFile: "docs/ai/COMPONENTS/toast.yaml",
|
|
5890
5827
|
props: [],
|
|
5891
5828
|
events: [
|
|
@@ -5943,16 +5880,13 @@ var treeui_catalog_default = {
|
|
|
5943
5880
|
},
|
|
5944
5881
|
{
|
|
5945
5882
|
name: "TToggleGroup",
|
|
5946
|
-
|
|
5947
|
-
aliases: [
|
|
5948
|
-
"TreeToggleGroup"
|
|
5949
|
-
],
|
|
5883
|
+
aliases: [],
|
|
5950
5884
|
package: "@treeui/vue",
|
|
5951
5885
|
kind: "selection",
|
|
5952
5886
|
category: "Data Entry",
|
|
5953
5887
|
status: "available",
|
|
5954
5888
|
purpose: "Segmented button group for single or multiple visible choices.",
|
|
5955
|
-
sourceFile: "packages/vue/src/components/
|
|
5889
|
+
sourceFile: "packages/vue/src/components/TToggleGroup.vue",
|
|
5956
5890
|
storyFile: "apps/docs/src/stories/ToggleGroup.stories.ts",
|
|
5957
5891
|
storyTitle: "Components/Data Entry/ToggleGroup",
|
|
5958
5892
|
manifestFile: "docs/ai/COMPONENTS/toggle-group.yaml",
|
|
@@ -5964,13 +5898,13 @@ var treeui_catalog_default = {
|
|
|
5964
5898
|
},
|
|
5965
5899
|
{
|
|
5966
5900
|
name: "options",
|
|
5967
|
-
type: "
|
|
5901
|
+
type: "TToggleGroupOption[]",
|
|
5968
5902
|
default: "[]",
|
|
5969
5903
|
note: "Array of `{ label, value, disabled? }`."
|
|
5970
5904
|
},
|
|
5971
5905
|
{
|
|
5972
5906
|
name: "selectionMode",
|
|
5973
|
-
type: "
|
|
5907
|
+
type: "TToggleGroupSelectionMode",
|
|
5974
5908
|
default: "single",
|
|
5975
5909
|
values: [
|
|
5976
5910
|
"single",
|
|
@@ -5979,7 +5913,7 @@ var treeui_catalog_default = {
|
|
|
5979
5913
|
},
|
|
5980
5914
|
{
|
|
5981
5915
|
name: "size",
|
|
5982
|
-
type: "
|
|
5916
|
+
type: "TSize",
|
|
5983
5917
|
default: "md",
|
|
5984
5918
|
values: [
|
|
5985
5919
|
"sm",
|
|
@@ -5989,7 +5923,7 @@ var treeui_catalog_default = {
|
|
|
5989
5923
|
},
|
|
5990
5924
|
{
|
|
5991
5925
|
name: "variant",
|
|
5992
|
-
type: "
|
|
5926
|
+
type: "TToggleGroupVariant",
|
|
5993
5927
|
default: "outline",
|
|
5994
5928
|
values: [
|
|
5995
5929
|
"outline",
|
|
@@ -6063,16 +5997,13 @@ var treeui_catalog_default = {
|
|
|
6063
5997
|
},
|
|
6064
5998
|
{
|
|
6065
5999
|
name: "TTooltip",
|
|
6066
|
-
|
|
6067
|
-
aliases: [
|
|
6068
|
-
"TreeTooltip"
|
|
6069
|
-
],
|
|
6000
|
+
aliases: [],
|
|
6070
6001
|
package: "@treeui/vue",
|
|
6071
6002
|
kind: "overlay",
|
|
6072
6003
|
category: "Overlay",
|
|
6073
6004
|
status: "available",
|
|
6074
6005
|
purpose: "Small contextual overlay shown on hover or focus.",
|
|
6075
|
-
sourceFile: "packages/vue/src/components/
|
|
6006
|
+
sourceFile: "packages/vue/src/components/TTooltip.vue",
|
|
6076
6007
|
storyFile: "apps/docs/src/stories/Tooltip.stories.ts",
|
|
6077
6008
|
storyTitle: "Components/Overlay/Tooltip",
|
|
6078
6009
|
manifestFile: "docs/ai/COMPONENTS/tooltip.yaml",
|
|
@@ -6099,7 +6030,7 @@ var treeui_catalog_default = {
|
|
|
6099
6030
|
},
|
|
6100
6031
|
{
|
|
6101
6032
|
name: "side",
|
|
6102
|
-
type: "
|
|
6033
|
+
type: "TTooltipSide",
|
|
6103
6034
|
default: "top",
|
|
6104
6035
|
values: [
|
|
6105
6036
|
"top",
|
|
@@ -6178,18 +6109,15 @@ var treeui_catalog_default = {
|
|
|
6178
6109
|
},
|
|
6179
6110
|
{
|
|
6180
6111
|
name: "TTreeView",
|
|
6181
|
-
|
|
6182
|
-
aliases: [
|
|
6183
|
-
"TreeTreeView"
|
|
6184
|
-
],
|
|
6112
|
+
aliases: [],
|
|
6185
6113
|
package: "@treeui/vue",
|
|
6186
6114
|
kind: "selection",
|
|
6187
6115
|
category: "Navigation & Disclosure",
|
|
6188
6116
|
status: "available",
|
|
6189
6117
|
purpose: "Hierarchical tree view with expansion, keyboard navigation, and single or multiple selection.",
|
|
6190
|
-
sourceFile: "packages/vue/src/components/
|
|
6118
|
+
sourceFile: "packages/vue/src/components/TTreeView.vue",
|
|
6191
6119
|
storyFile: "apps/docs/src/stories/TreeView.stories.ts",
|
|
6192
|
-
storyTitle: "Components/Navigation & Disclosure/
|
|
6120
|
+
storyTitle: "Components/Navigation & Disclosure/TView",
|
|
6193
6121
|
manifestFile: "docs/ai/COMPONENTS/tree-view.yaml",
|
|
6194
6122
|
props: [
|
|
6195
6123
|
{
|
|
@@ -6204,13 +6132,13 @@ var treeui_catalog_default = {
|
|
|
6204
6132
|
},
|
|
6205
6133
|
{
|
|
6206
6134
|
name: "nodes",
|
|
6207
|
-
type: "
|
|
6135
|
+
type: "TTreeViewNode[]",
|
|
6208
6136
|
default: "[]",
|
|
6209
6137
|
note: "Array of `{ id, label, description?, meta?, disabled?, children? }`."
|
|
6210
6138
|
},
|
|
6211
6139
|
{
|
|
6212
6140
|
name: "selectionMode",
|
|
6213
|
-
type: "
|
|
6141
|
+
type: "TTreeViewSelectionMode",
|
|
6214
6142
|
default: "single",
|
|
6215
6143
|
values: [
|
|
6216
6144
|
"single",
|
|
@@ -6748,7 +6676,7 @@ var createTreeuiMcpServer = () => {
|
|
|
6748
6676
|
inputSchema: {
|
|
6749
6677
|
type: "object",
|
|
6750
6678
|
properties: {
|
|
6751
|
-
name: { type: "string", description: "Component name or alias, such as TSelect or
|
|
6679
|
+
name: { type: "string", description: "Component name or alias, such as TSelect or TSelect." }
|
|
6752
6680
|
},
|
|
6753
6681
|
required: ["name"]
|
|
6754
6682
|
}
|