@kanso-protocol/mcp 2.0.2 → 3.0.0

package/manifest.json

@@ -1,10 +1,10 @@
 {
-  "generatedAt": "2026-05-12T12:37:37.691Z",
-  "version": "2.0.2",
+  "generatedAt": "2026-05-15T07:00:15.233Z",
+  "version": "3.0.0",
   "totals": {
-    "components": 54,
+    "components": 57,
     "patterns": 22,
-    "tokens": 913
+    "tokens": 914
   },
   "figma": {
     "fileKey": "ahRfe4BdMAyoK0I3lnicp6",
@@ -2083,6 +2083,12 @@
           "default": "''",
           "description": ""
         },
+        {
+          "name": "ariaLabel",
+          "type": "string | null",
+          "default": "null",
+          "description": "Accessible name forwarded to the inner input. Falls back to `label`,\n      then `placeholder`, then a generic \"Input\" so the element is never\n      anonymous for screen readers / axe."
+        },
         {
           "name": "floatingLabel",
           "type": "boolean",
@@ -3733,6 +3739,78 @@
         "storybook": "components-slider--docs"
       }
     },
+    {
+      "name": "table",
+      "className": "KpTableCellDirective",
+      "selector": "ng-template[kpTableCell]",
+      "layer": "components",
+      "package": "@kanso-protocol/table",
+      "description": "`<ng-template kpTableCell=\"columnId\" let-row let-i=\"index\">` — custom cell renderer per column.",
+      "examples": [],
+      "inputs": [
+        {
+          "name": "columnId",
+          "type": "string",
+          "default": null,
+          "description": ""
+        }
+      ],
+      "outputs": [],
+      "ariaRole": null,
+      "sizeRamp": [],
+      "keyboardPatterns": [],
+      "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-table--docs",
+      "sourcePath": "packages/components/table/src/table.component.ts",
+      "figma": {
+        "fileKey": "ahRfe4BdMAyoK0I3lnicp6",
+        "nodeId": "3805:11131",
+        "url": "https://www.figma.com/design/ahRfe4BdMAyoK0I3lnicp6/Design-System?node-id=3805-11131"
+      },
+      "codeConnect": {
+        "npm": "@kanso-protocol/table",
+        "primaryClass": "KpTableComponent",
+        "selector": "kp-table",
+        "import": "import { KpTableComponent } from '@kanso-protocol/table';",
+        "docs": "docs/components/table.md",
+        "storybook": "components-table--docs"
+      }
+    },
+    {
+      "name": "table",
+      "className": "KpTableHeaderDirective",
+      "selector": "ng-template[kpTableHeader]",
+      "layer": "components",
+      "package": "@kanso-protocol/table",
+      "description": "`<ng-template kpTableHeader=\"columnId\">` — custom header renderer per column.",
+      "examples": [],
+      "inputs": [
+        {
+          "name": "columnId",
+          "type": "string",
+          "default": null,
+          "description": ""
+        }
+      ],
+      "outputs": [],
+      "ariaRole": null,
+      "sizeRamp": [],
+      "keyboardPatterns": [],
+      "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-table--docs",
+      "sourcePath": "packages/components/table/src/table.component.ts",
+      "figma": {
+        "fileKey": "ahRfe4BdMAyoK0I3lnicp6",
+        "nodeId": "3805:11131",
+        "url": "https://www.figma.com/design/ahRfe4BdMAyoK0I3lnicp6/Design-System?node-id=3805-11131"
+      },
+      "codeConnect": {
+        "npm": "@kanso-protocol/table",
+        "primaryClass": "KpTableComponent",
+        "selector": "kp-table",
+        "import": "import { KpTableComponent } from '@kanso-protocol/table';",
+        "docs": "docs/components/table.md",
+        "storybook": "components-table--docs"
+      }
+    },
     {
       "name": "table",
       "className": "KpTableComponent",
@@ -4030,6 +4108,12 @@
           "type": "KpState | null",
           "default": "null",
           "description": ""
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string | null",
+          "default": "null",
+          "description": "Accessible name for screen readers / axe. Falls back to placeholder."
         }
       ],
       "outputs": [],
@@ -4317,57 +4401,61 @@
     },
     {
       "name": "tooltip",
-      "className": "KpTooltipComponent",
-      "selector": "kp-tooltip",
+      "className": "KpTooltipDirective",
+      "selector": "[kpTooltip]",
       "layer": "components",
       "package": "@kanso-protocol/tooltip",
-      "description": "Kanso Protocol — Tooltip\n\nDark, compact hint body with an optional directional arrow. This component\nrenders only the visual chrome — **positioning is the caller's\nresponsibility**. Pair with a directive (hover / focus handling, floating\nUI placement, z-index, portal) to make it interactive.",
+      "description": "Kanso Protocol — Tooltip directive.\n\nAttaches a styled hint to any element. Auto-shows on hover and focus,\nhides on leave / blur / Escape. Positioned against the trigger with\nviewport-edge flipping. Renders into the nearest open `<dialog>` (so it\nsits above modals) or `document.body`.",
       "examples": [
-        "<!-- Bare body (for Storybook / layout playgrounds) -->\n<kp-tooltip label=\"Search\" shortcut=\"⌘K\" arrowPosition=\"bottom\"/>",
-        "<!-- Edge-of-viewport: trigger near the right edge.\n     Arrow stays at the trigger; body extends to the LEFT. -->\n<kp-tooltip label=\"Save changes\" arrowPosition=\"bottom\" arrowAlign=\"end\"/>",
-        "<!-- Wired up in a portal above a trigger (pseudocode) -->\n<button #btn>Search</button>\n<kp-tooltip *ngIf=\"open\" [style.top]=\"y + 'px'\" [style.left]=\"x + 'px'\"\n            label=\"Search\" shortcut=\"⌘K\" arrowPosition=\"bottom\"/>"
+        "<button [kpTooltip]=\"'Copy link'\" kpTooltipShortcut=\"⌘C\">Copy</button>",
+        "<!-- Conditionally enabled — null disables -->\n<button [kpTooltip]=\"isCollapsed ? label : null\" kpTooltipPosition=\"right\">…</button>"
       ],
       "inputs": [
         {
-          "name": "size",
-          "type": "KpTooltipSize",
-          "default": "'md'",
-          "description": ""
+          "name": "text",
+          "type": "string | null",
+          "default": "null",
+          "description": "Tooltip text. `null` or empty string disables the tooltip."
         },
         {
-          "name": "arrowPosition",
-          "type": "KpTooltipArrowPosition",
-          "default": "'none'",
+          "name": "kpTooltipPosition",
+          "type": "KpTooltipPosition",
+          "default": "'top'",
           "description": ""
         },
         {
-          "name": "arrowAlign",
-          "type": "KpTooltipArrowAlign",
-          "default": "'center'",
-          "description": "Where along the tooltip edge the arrow attaches. See `KpTooltipArrowAlign`."
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "default": "''",
+          "name": "kpTooltipSize",
+          "type": "KpTooltipSize",
+          "default": "'md'",
           "description": ""
         },
         {
-          "name": "shortcut",
+          "name": "kpTooltipShortcut",
           "type": "string | null",
           "default": "null",
           "description": ""
+        },
+        {
+          "name": "kpTooltipDelay",
+          "type": "number",
+          "default": "DEFAULT_SHOW_DELAY",
+          "description": ""
+        },
+        {
+          "name": "kpTooltipDisabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Hard-disable regardless of text content."
         }
       ],
       "outputs": [],
-      "ariaRole": "tooltip",
-      "sizeRamp": [
-        "sm",
-        "md"
+      "ariaRole": null,
+      "sizeRamp": [],
+      "keyboardPatterns": [
+        "Escape"
       ],
-      "keyboardPatterns": [],
       "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-tooltip--docs",
-      "sourcePath": "packages/components/tooltip/src/tooltip.component.ts",
+      "sourcePath": "packages/components/tooltip/src/tooltip.directive.ts",
       "figma": {
         "fileKey": "ahRfe4BdMAyoK0I3lnicp6",
         "nodeId": "3805:11048",
@@ -4483,6 +4571,32 @@
         "storybook": "components-tree--docs"
       }
     },
+    {
+      "name": "virtual-list",
+      "className": "KpVirtualRowDirective",
+      "selector": "[kpVirtualRow]",
+      "layer": "components",
+      "package": "@kanso-protocol/virtual-list",
+      "description": "Marker directive — pairs the row template with `<kp-virtual-list>`.",
+      "examples": [
+        "<kp-virtual-list ...>\n  <ng-template kpVirtualRow let-item let-i=\"index\">\n    <div>row {{ i }}: {{ item.name }}</div>\n  </ng-template>\n</kp-virtual-list>"
+      ],
+      "inputs": [],
+      "outputs": [],
+      "ariaRole": null,
+      "sizeRamp": [],
+      "keyboardPatterns": [],
+      "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-virtuallist--docs",
+      "sourcePath": "packages/components/virtual-list/src/virtual-list.component.ts",
+      "codeConnect": {
+        "npm": "@kanso-protocol/virtual-list",
+        "primaryClass": "KpVirtualListComponent",
+        "selector": "kp-virtual-list",
+        "import": "import { KpVirtualListComponent } from '@kanso-protocol/virtual-list';",
+        "docs": "docs/components/virtual-list.md",
+        "storybook": "components-virtuallist--docs"
+      }
+    },
     {
       "name": "virtual-list",
       "className": "KpVirtualListComponent",
@@ -6425,6 +6539,12 @@
       "category": "color",
       "subPath": "foreground-on-saturated"
     },
+    {
+      "name": "--kp-color-foreground-on-dark-accent-primary",
+      "value": "#60a5fa",
+      "category": "color",
+      "subPath": "foreground-on-dark-accent-primary"
+    },
     {
       "name": "--kp-color-gray-50",
       "value": "#fafafa",
@@ -6823,31 +6943,31 @@
     },
     {
       "name": "--kp-color-accent-primary-fg",
-      "value": "var(--kp-color-blue-600)",
+      "value": "var(--kp-color-blue-700)",
       "category": "color",
       "subPath": "accent-primary-fg"
     },
     {
       "name": "--kp-color-accent-danger-fg",
-      "value": "var(--kp-color-red-600)",
+      "value": "var(--kp-color-red-700)",
       "category": "color",
       "subPath": "accent-danger-fg"
     },
     {
       "name": "--kp-color-accent-success-fg",
-      "value": "var(--kp-color-green-600)",
+      "value": "var(--kp-color-green-700)",
       "category": "color",
       "subPath": "accent-success-fg"
     },
     {
       "name": "--kp-color-accent-warning-fg",
-      "value": "var(--kp-color-amber-600)",
+      "value": "var(--kp-color-amber-700)",
       "category": "color",
       "subPath": "accent-warning-fg"
     },
     {
       "name": "--kp-color-accent-info-fg",
-      "value": "var(--kp-color-cyan-600)",
+      "value": "var(--kp-color-cyan-700)",
       "category": "color",
       "subPath": "accent-info-fg"
     },
@@ -8173,7 +8293,7 @@
     },
     {
       "name": "--kp-color-text-disabled",
-      "value": "var(--kp-color-gray-400)",
+      "value": "var(--kp-color-gray-500)",
       "category": "color",
       "subPath": "text-disabled"
     },
@@ -8545,7 +8665,7 @@
     },
     {
       "name": "--kp-color-input-placeholder-default",
-      "value": "var(--kp-color-gray-400)",
+      "value": "var(--kp-color-gray-500)",
       "category": "color",
       "subPath": "input-placeholder-default"
     },
@@ -8977,7 +9097,7 @@
     },
     {
       "name": "--kp-color-badge-success-filled-bg",
-      "value": "var(--kp-color-green-600)",
+      "value": "var(--kp-color-green-700)",
       "category": "color",
       "subPath": "badge-success-filled-bg"
     },
@@ -8989,7 +9109,7 @@
     },
     {
       "name": "--kp-color-badge-success-filled-border",
-      "value": "var(--kp-color-green-600)",
+      "value": "var(--kp-color-green-700)",
       "category": "color",
       "subPath": "badge-success-filled-border"
     },
@@ -9169,7 +9289,7 @@
     },
     {
       "name": "--kp-color-badge-info-filled-bg",
-      "value": "var(--kp-color-cyan-600)",
+      "value": "var(--kp-color-cyan-700)",
       "category": "color",
       "subPath": "badge-info-filled-bg"
     },
@@ -9181,7 +9301,7 @@
     },
     {
       "name": "--kp-color-badge-info-filled-border",
-      "value": "var(--kp-color-cyan-600)",
+      "value": "var(--kp-color-cyan-700)",
       "category": "color",
       "subPath": "badge-info-filled-border"
     },
@@ -10303,19 +10423,19 @@
     },
     {
       "name": "--kp-color-progress-primary-fill",
-      "value": "var(--kp-color-blue-600)",
+      "value": "var(--kp-color-blue-700)",
       "category": "color",
       "subPath": "progress-primary-fill"
     },
     {
       "name": "--kp-color-progress-success-fill",
-      "value": "var(--kp-color-green-600)",
+      "value": "var(--kp-color-green-700)",
       "category": "color",
       "subPath": "progress-success-fill"
     },
     {
       "name": "--kp-color-progress-danger-fill",
-      "value": "var(--kp-color-red-600)",
+      "value": "var(--kp-color-red-700)",
       "category": "color",
       "subPath": "progress-danger-fill"
     },
@@ -10705,7 +10825,7 @@
     },
     {
       "name": "--kp-color-header-nav-item-fg-active",
-      "value": "var(--kp-color-blue-600)",
+      "value": "var(--kp-color-blue-700)",
       "category": "color",
       "subPath": "header-nav-item-fg-active"
     },
@@ -11185,7 +11305,7 @@
     },
     {
       "name": "--kp-color-tree-node-fg-disabled",
-      "value": "var(--kp-color-gray-400)",
+      "value": "var(--kp-color-gray-500)",
       "category": "color",
       "subPath": "tree-node-fg-disabled"
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-protocol/mcp",
-  "version": "2.0.2",
+  "version": "3.0.0",
   "license": "MIT",
   "description": "Kanso Protocol — Model Context Protocol server. Exposes the component / pattern / token catalog to AI agents so they can author Kanso UI without leaving the editor.",
   "author": "GregNBlack",