@treeui/mcp 0.6.0 → 0.7.0

package/dist/{chunk-ITEC3SEF.js → chunk-2Y7LP7ZZ.js}

@@ -1,8 +1,8 @@
 // src/generated/treeui.catalog.json
 var treeui_catalog_default = {
-  generatedAt: "2026-07-21T19:17:20.408Z",
+  generatedAt: "2026-07-21T20:31:07.075Z",
   packageName: "@treeui/vue",
-  packageVersion: "0.19.0",
+  packageVersion: "0.19.1",
   decisionGuides: [
     {
       id: "single-choice",
@@ -373,6 +373,26 @@ var treeui_catalog_default = {
         "Prefer `TAppShell` (recipe `app-shell`) when you also need full-viewport sizing and a responsive mobile drawer."
       ]
     },
+    {
+      id: "brand-lockup",
+      name: "Product brand lockup in a shell header",
+      useWhen: [
+        "A shell header needs a logo plus a product name (and optional subtitle) that stays aligned as the sidebar collapses."
+      ],
+      compose: [
+        "TAppShell",
+        "TAvatar",
+        "TText",
+        "TStack"
+      ],
+      notes: [
+        "Put the lockup in the `header-start` slot, not `header`. Filling `header-start` switches the header to the shell's own grid, so the mark tracks `--tree-app-shell-sidebar-width` and animates with the collapse \u2014 no local column math.",
+        'The slot is scoped: use its `collapsed` binding to drop the wordmark and keep only the mark (`v-if="!collapsed"`), rather than hiding text with CSS.',
+        'Logo is `TAvatar` (`size`, `alt`, `initials` fallback) or a plain `<img>` sized with `--tree-size-icon-*`; name and subtitle are `TText` (`weight`, `tone="muted"`, `truncate`) \u2014 never raw `<strong>`/`<span>` with a local class.',
+        "TreeUI ships no `TBrand` component on purpose: the logo asset, the product name, and what survives collapse are product identity, which must stay in the consumer. See DECISIONS.md \u2192 Portability Boundary.",
+        "Company and service logos (AWS, LocalStack, social networks) are brand assets and are not TreeUI icons \u2014 source them from the app's brand policy, not the icon registry."
+      ]
+    },
     {
       id: "nav-menu-icons",
       name: "Icons on navigation items",
@@ -599,7 +619,7 @@ var treeui_catalog_default = {
       summary: "Every interaction answers back. Hover, focus, active, loading, and disabled are designed states \u2014 never afterthoughts left to the consumer.",
       rules: [
         "Interactive surfaces ship hover, active, and focus-visible treatments out of the box.",
-        "Loading states announce themselves (aria-busy, spinner) and block duplicate activation.",
+        "Loading states announce themselves (aria-busy plus a labelled, localizable spinner), replace the resting glyph instead of stacking beside it, and block duplicate activation.",
         "Disabled and loading elements never emit activation events.",
         "Focus indicators stay visible in both light and dark themes."
       ],
@@ -621,7 +641,7 @@ var treeui_catalog_default = {
       title: "Accessible by default",
       summary: "Native semantics first, ARIA where the pattern requires it, full keyboard support, and focus management the consumer never has to write.",
       rules: [
-        'Native elements before roles; role="dialog", aria-modal, aria-labelledby only where semantics require them.',
+        'Native elements before roles; role="dialog", aria-modal, aria-labelledby only where semantics require them, and no composite-widget role (grid, tree) is claimed without its full keyboard model.',
         "Tab/Shift+Tab order, Escape to close, Enter/Space to activate, arrow keys where the pattern expects them.",
         "Overlays trap focus while open and restore it on close.",
         "Clickable targets stay at or above 44\xD744px."
@@ -635,7 +655,8 @@ var treeui_catalog_default = {
         "TAccordion",
         "TFormField",
         "TTreeView",
-        "TToastProvider"
+        "TToastProvider",
+        "TButton"
       ]
     },
     {
@@ -674,7 +695,8 @@ var treeui_catalog_default = {
         "TEmptyState",
         "TAlert",
         "TToastProvider",
-        "TBadge"
+        "TBadge",
+        "TTable"
       ]
     },
     {
@@ -1536,7 +1558,8 @@ var treeui_catalog_default = {
         ]
       },
       recipes: [
-        "app-shell"
+        "app-shell",
+        "brand-lockup"
       ],
       practices: []
     },
@@ -1619,7 +1642,9 @@ var treeui_catalog_default = {
         required: [],
         notes: []
       },
-      recipes: [],
+      recipes: [
+        "brand-lockup"
+      ],
       practices: []
     },
     {
@@ -1923,6 +1948,7 @@ var treeui_catalog_default = {
       ],
       practices: [
         "interaction-feedback",
+        "accessible-by-default",
         "predictable-api"
       ]
     },
@@ -8220,6 +8246,7 @@ var treeui_catalog_default = {
         notes: []
       },
       recipes: [
+        "brand-lockup",
         "tag-input",
         "data-listing",
         "chart-surface"
@@ -8732,7 +8759,9 @@ var treeui_catalog_default = {
       recipes: [
         "data-listing"
       ],
-      practices: []
+      practices: [
+        "state-clarity"
+      ]
     },
     {
       name: "TTabs",
@@ -9021,7 +9050,9 @@ var treeui_catalog_default = {
         required: [],
         notes: []
       },
-      recipes: [],
+      recipes: [
+        "brand-lockup"
+      ],
       practices: []
     },
     {

package/dist/cli.cjs

@@ -34,9 +34,9 @@ var import_server = require("@modelcontextprotocol/sdk/server/index.js");
 
 // src/generated/treeui.catalog.json
 var treeui_catalog_default = {
-  generatedAt: "2026-07-21T19:17:20.408Z",
+  generatedAt: "2026-07-21T20:31:07.075Z",
   packageName: "@treeui/vue",
-  packageVersion: "0.19.0",
+  packageVersion: "0.19.1",
   decisionGuides: [
     {
       id: "single-choice",
@@ -407,6 +407,26 @@ var treeui_catalog_default = {
         "Prefer `TAppShell` (recipe `app-shell`) when you also need full-viewport sizing and a responsive mobile drawer."
       ]
     },
+    {
+      id: "brand-lockup",
+      name: "Product brand lockup in a shell header",
+      useWhen: [
+        "A shell header needs a logo plus a product name (and optional subtitle) that stays aligned as the sidebar collapses."
+      ],
+      compose: [
+        "TAppShell",
+        "TAvatar",
+        "TText",
+        "TStack"
+      ],
+      notes: [
+        "Put the lockup in the `header-start` slot, not `header`. Filling `header-start` switches the header to the shell's own grid, so the mark tracks `--tree-app-shell-sidebar-width` and animates with the collapse \u2014 no local column math.",
+        'The slot is scoped: use its `collapsed` binding to drop the wordmark and keep only the mark (`v-if="!collapsed"`), rather than hiding text with CSS.',
+        'Logo is `TAvatar` (`size`, `alt`, `initials` fallback) or a plain `<img>` sized with `--tree-size-icon-*`; name and subtitle are `TText` (`weight`, `tone="muted"`, `truncate`) \u2014 never raw `<strong>`/`<span>` with a local class.',
+        "TreeUI ships no `TBrand` component on purpose: the logo asset, the product name, and what survives collapse are product identity, which must stay in the consumer. See DECISIONS.md \u2192 Portability Boundary.",
+        "Company and service logos (AWS, LocalStack, social networks) are brand assets and are not TreeUI icons \u2014 source them from the app's brand policy, not the icon registry."
+      ]
+    },
     {
       id: "nav-menu-icons",
       name: "Icons on navigation items",
@@ -633,7 +653,7 @@ var treeui_catalog_default = {
       summary: "Every interaction answers back. Hover, focus, active, loading, and disabled are designed states \u2014 never afterthoughts left to the consumer.",
       rules: [
         "Interactive surfaces ship hover, active, and focus-visible treatments out of the box.",
-        "Loading states announce themselves (aria-busy, spinner) and block duplicate activation.",
+        "Loading states announce themselves (aria-busy plus a labelled, localizable spinner), replace the resting glyph instead of stacking beside it, and block duplicate activation.",
         "Disabled and loading elements never emit activation events.",
         "Focus indicators stay visible in both light and dark themes."
       ],
@@ -655,7 +675,7 @@ var treeui_catalog_default = {
       title: "Accessible by default",
       summary: "Native semantics first, ARIA where the pattern requires it, full keyboard support, and focus management the consumer never has to write.",
       rules: [
-        'Native elements before roles; role="dialog", aria-modal, aria-labelledby only where semantics require them.',
+        'Native elements before roles; role="dialog", aria-modal, aria-labelledby only where semantics require them, and no composite-widget role (grid, tree) is claimed without its full keyboard model.',
         "Tab/Shift+Tab order, Escape to close, Enter/Space to activate, arrow keys where the pattern expects them.",
         "Overlays trap focus while open and restore it on close.",
         "Clickable targets stay at or above 44\xD744px."
@@ -669,7 +689,8 @@ var treeui_catalog_default = {
         "TAccordion",
         "TFormField",
         "TTreeView",
-        "TToastProvider"
+        "TToastProvider",
+        "TButton"
       ]
     },
     {
@@ -708,7 +729,8 @@ var treeui_catalog_default = {
         "TEmptyState",
         "TAlert",
         "TToastProvider",
-        "TBadge"
+        "TBadge",
+        "TTable"
       ]
     },
     {
@@ -1570,7 +1592,8 @@ var treeui_catalog_default = {
         ]
       },
       recipes: [
-        "app-shell"
+        "app-shell",
+        "brand-lockup"
       ],
       practices: []
     },
@@ -1653,7 +1676,9 @@ var treeui_catalog_default = {
         required: [],
         notes: []
       },
-      recipes: [],
+      recipes: [
+        "brand-lockup"
+      ],
       practices: []
     },
     {
@@ -1957,6 +1982,7 @@ var treeui_catalog_default = {
       ],
       practices: [
         "interaction-feedback",
+        "accessible-by-default",
         "predictable-api"
       ]
     },
@@ -8254,6 +8280,7 @@ var treeui_catalog_default = {
         notes: []
       },
       recipes: [
+        "brand-lockup",
         "tag-input",
         "data-listing",
         "chart-surface"
@@ -8766,7 +8793,9 @@ var treeui_catalog_default = {
       recipes: [
         "data-listing"
       ],
-      practices: []
+      practices: [
+        "state-clarity"
+      ]
     },
     {
       name: "TTabs",
@@ -9055,7 +9084,9 @@ var treeui_catalog_default = {
         required: [],
         notes: []
       },
-      recipes: [],
+      recipes: [
+        "brand-lockup"
+      ],
       practices: []
     },
     {

package/dist/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   createTreeuiMcpServer
-} from "./chunk-ITEC3SEF.js";
+} from "./chunk-2Y7LP7ZZ.js";
 
 // src/cli.ts
 import process from "process";

package/dist/index.cjs

@@ -50,9 +50,9 @@ module.exports = __toCommonJS(index_exports);
 
 // src/generated/treeui.catalog.json
 var treeui_catalog_default = {
-  generatedAt: "2026-07-21T19:17:20.408Z",
+  generatedAt: "2026-07-21T20:31:07.075Z",
   packageName: "@treeui/vue",
-  packageVersion: "0.19.0",
+  packageVersion: "0.19.1",
   decisionGuides: [
     {
       id: "single-choice",
@@ -423,6 +423,26 @@ var treeui_catalog_default = {
         "Prefer `TAppShell` (recipe `app-shell`) when you also need full-viewport sizing and a responsive mobile drawer."
       ]
     },
+    {
+      id: "brand-lockup",
+      name: "Product brand lockup in a shell header",
+      useWhen: [
+        "A shell header needs a logo plus a product name (and optional subtitle) that stays aligned as the sidebar collapses."
+      ],
+      compose: [
+        "TAppShell",
+        "TAvatar",
+        "TText",
+        "TStack"
+      ],
+      notes: [
+        "Put the lockup in the `header-start` slot, not `header`. Filling `header-start` switches the header to the shell's own grid, so the mark tracks `--tree-app-shell-sidebar-width` and animates with the collapse \u2014 no local column math.",
+        'The slot is scoped: use its `collapsed` binding to drop the wordmark and keep only the mark (`v-if="!collapsed"`), rather than hiding text with CSS.',
+        'Logo is `TAvatar` (`size`, `alt`, `initials` fallback) or a plain `<img>` sized with `--tree-size-icon-*`; name and subtitle are `TText` (`weight`, `tone="muted"`, `truncate`) \u2014 never raw `<strong>`/`<span>` with a local class.',
+        "TreeUI ships no `TBrand` component on purpose: the logo asset, the product name, and what survives collapse are product identity, which must stay in the consumer. See DECISIONS.md \u2192 Portability Boundary.",
+        "Company and service logos (AWS, LocalStack, social networks) are brand assets and are not TreeUI icons \u2014 source them from the app's brand policy, not the icon registry."
+      ]
+    },
     {
       id: "nav-menu-icons",
       name: "Icons on navigation items",
@@ -649,7 +669,7 @@ var treeui_catalog_default = {
       summary: "Every interaction answers back. Hover, focus, active, loading, and disabled are designed states \u2014 never afterthoughts left to the consumer.",
       rules: [
         "Interactive surfaces ship hover, active, and focus-visible treatments out of the box.",
-        "Loading states announce themselves (aria-busy, spinner) and block duplicate activation.",
+        "Loading states announce themselves (aria-busy plus a labelled, localizable spinner), replace the resting glyph instead of stacking beside it, and block duplicate activation.",
         "Disabled and loading elements never emit activation events.",
         "Focus indicators stay visible in both light and dark themes."
       ],
@@ -671,7 +691,7 @@ var treeui_catalog_default = {
       title: "Accessible by default",
       summary: "Native semantics first, ARIA where the pattern requires it, full keyboard support, and focus management the consumer never has to write.",
       rules: [
-        'Native elements before roles; role="dialog", aria-modal, aria-labelledby only where semantics require them.',
+        'Native elements before roles; role="dialog", aria-modal, aria-labelledby only where semantics require them, and no composite-widget role (grid, tree) is claimed without its full keyboard model.',
         "Tab/Shift+Tab order, Escape to close, Enter/Space to activate, arrow keys where the pattern expects them.",
         "Overlays trap focus while open and restore it on close.",
         "Clickable targets stay at or above 44\xD744px."
@@ -685,7 +705,8 @@ var treeui_catalog_default = {
         "TAccordion",
         "TFormField",
         "TTreeView",
-        "TToastProvider"
+        "TToastProvider",
+        "TButton"
       ]
     },
     {
@@ -724,7 +745,8 @@ var treeui_catalog_default = {
         "TEmptyState",
         "TAlert",
         "TToastProvider",
-        "TBadge"
+        "TBadge",
+        "TTable"
       ]
     },
     {
@@ -1586,7 +1608,8 @@ var treeui_catalog_default = {
         ]
       },
       recipes: [
-        "app-shell"
+        "app-shell",
+        "brand-lockup"
       ],
       practices: []
     },
@@ -1669,7 +1692,9 @@ var treeui_catalog_default = {
         required: [],
         notes: []
       },
-      recipes: [],
+      recipes: [
+        "brand-lockup"
+      ],
       practices: []
     },
     {
@@ -1973,6 +1998,7 @@ var treeui_catalog_default = {
       ],
       practices: [
         "interaction-feedback",
+        "accessible-by-default",
         "predictable-api"
       ]
     },
@@ -8270,6 +8296,7 @@ var treeui_catalog_default = {
         notes: []
       },
       recipes: [
+        "brand-lockup",
         "tag-input",
         "data-listing",
         "chart-surface"
@@ -8782,7 +8809,9 @@ var treeui_catalog_default = {
       recipes: [
         "data-listing"
       ],
-      practices: []
+      practices: [
+        "state-clarity"
+      ]
     },
     {
       name: "TTabs",
@@ -9071,7 +9100,9 @@ var treeui_catalog_default = {
         required: [],
         notes: []
       },
-      recipes: [],
+      recipes: [
+        "brand-lockup"
+      ],
       practices: []
     },
     {

package/dist/index.js

@@ -11,7 +11,7 @@ import {
   searchComponents,
   searchRecipes,
   searchTokens
-} from "./chunk-ITEC3SEF.js";
+} from "./chunk-2Y7LP7ZZ.js";
 
 // src/catalog-source.ts
 import fs from "fs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treeui/mcp",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Model Context Protocol server and AI catalog for TreeUI.",
   "type": "module",
   "main": "./dist/index.cjs",