@kanso-protocol/mcp 3.0.2 → 4.1.0

package/manifest.json

@@ -1,8 +1,8 @@
 {
-  "generatedAt": "2026-05-25T12:33:36.678Z",
-  "version": "3.0.2",
+  "generatedAt": "2026-06-07T09:04:04.925Z",
+  "version": "4.1.0",
   "totals": {
-    "components": 57,
+    "components": 59,
     "patterns": 22,
     "tokens": 915
   },
@@ -768,7 +768,7 @@
         },
         {
           "name": "color",
-          "type": "KpColorRole",
+          "type": "KpButtonColor",
           "default": "'primary'",
           "description": ""
         },
@@ -829,9 +829,9 @@
       "selector": "kp-icon-button",
       "layer": "components",
       "package": "@kanso-protocol/button",
-      "description": "Kanso Protocol — IconButton (atom)\n\nSquare ghost button with a single projected icon. Used for \"close\",\n\"clear\", \"dismiss\" affordances on Popover, Dialog, Toast, Input,\nAlert, etc. — replaces per-component reimplementations of the same\npattern (which historically drifted on hover / focus / sizing).\n\nColor is `currentColor` so the button picks up the foreground color\nof its container (e.g. inside Popover header it's `popover-fg-desc`,\ninside Toast it's the toast title color). Hover applies the same\nsubtle overlay used everywhere else.",
+      "description": "Kanso Protocol — IconButton (atom)",
       "examples": [
-        "<kp-icon-button size=\"sm\" ariaLabel=\"Close\" (click)=\"close()\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M18 6 6 18M6 6l12 12\" stroke=\"currentColor\"\n            stroke-width=\"2\" stroke-linecap=\"round\"/>\n    </svg>\n  </kp-icon-button>"
+        "(still works in 4.x but logs a deprecation notice on first use)\n<kp-icon-button size=\"sm\" ariaLabel=\"Close\" (click)=\"close()\">\n<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n<path d=\"M18 6 6 18M6 6l12 12\" stroke=\"currentColor\"\n  stroke-width=\"2\" stroke-linecap=\"round\"/>\n</svg>\n</kp-icon-button>"
       ],
       "inputs": [
         {
@@ -2866,6 +2866,80 @@
         "storybook": "components-popover--docs"
       }
     },
+    {
+      "name": "popover",
+      "className": "KpPopoverDirective",
+      "selector": "[kpPopover]",
+      "layer": "components",
+      "package": "@kanso-protocol/popover",
+      "description": "Kanso Protocol — Popover directive.\n\nAttaches a floating panel to any element. The panel content is a\n`TemplateRef`, so you control its markup completely (a menu, a form,\na `<kp-popover>` chrome component, anything).\n\nTriggers:\n- `click` (default) — toggle on click; close on outside-click / Escape\n- `hover` — open on mouseenter, close on mouseleave (with a small grace delay)\n- `manual` — only `open()` / `close()` / `toggle()` from a template ref\n\nPositioned against the trigger with viewport-edge flipping (shared math\nwith the tooltip directive). Renders into the nearest open `<dialog>`\n(so it sits above modals) or `document.body`.",
+      "examples": [
+        "<button [kpPopover]=\"menuTpl\">Actions</button>\n<ng-template #menuTpl>\n  <kp-popover [closable]=\"false\">\n    <button kpButton variant=\"ghost\">Edit</button>\n    <button kpButton variant=\"ghost\" color=\"danger\">Delete</button>\n  </kp-popover>\n</ng-template>",
+        "<!-- avatar menu, the motivating case -->\n<kp-avatar [kpPopover]=\"avatarMenu\" kpPopoverPosition=\"bottom\" />"
+      ],
+      "inputs": [
+        {
+          "name": "content",
+          "type": "TemplateRef<unknown> | null",
+          "default": "null",
+          "description": "Panel content. `null` disables the popover."
+        },
+        {
+          "name": "kpPopoverPosition",
+          "type": "KpOverlaySide",
+          "default": "'bottom'",
+          "description": ""
+        },
+        {
+          "name": "kpPopoverTrigger",
+          "type": "KpPopoverTrigger",
+          "default": "'click'",
+          "description": ""
+        },
+        {
+          "name": "kpPopoverGap",
+          "type": "number",
+          "default": "DEFAULT_GAP",
+          "description": ""
+        },
+        {
+          "name": "kpPopoverDisabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Hard-disable regardless of content."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "kpPopoverOpened",
+          "payload": "void"
+        },
+        {
+          "name": "kpPopoverClosed",
+          "payload": "void"
+        }
+      ],
+      "ariaRole": null,
+      "sizeRamp": [],
+      "keyboardPatterns": [
+        "Escape"
+      ],
+      "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-popover--docs",
+      "sourcePath": "packages/components/popover/src/popover.directive.ts",
+      "figma": {
+        "fileKey": "ahRfe4BdMAyoK0I3lnicp6",
+        "nodeId": "3805:11052",
+        "url": "https://www.figma.com/design/ahRfe4BdMAyoK0I3lnicp6/Design-System?node-id=3805-11052"
+      },
+      "codeConnect": {
+        "npm": "@kanso-protocol/popover",
+        "primaryClass": "KpPopoverComponent",
+        "selector": "kp-popover",
+        "import": "import { KpPopoverComponent } from '@kanso-protocol/popover';",
+        "docs": "docs/components/popover.md",
+        "storybook": "components-popover--docs"
+      }
+    },
     {
       "name": "progress",
       "className": "KpProgressCircularComponent",
@@ -4399,6 +4473,78 @@
         "storybook": "components-toggle--docs"
       }
     },
+    {
+      "name": "tooltip",
+      "className": "KpClipboardCopyDirective",
+      "selector": "[kpClipboardCopy]",
+      "layer": "components",
+      "package": "@kanso-protocol/tooltip",
+      "description": "Kanso Protocol — Clipboard-copy directive.\n\nClick the host element to copy text to the clipboard; a brief tooltip\nhint (\"Copied\") appears for `kpClipboardDuration` ms. Reuses the\ntooltip's visual chrome + the shared overlay positioning.",
+      "examples": [
+        "<code [kpClipboardCopy]=\"snippet\">{{ snippet }}</code>",
+        "<button [kpClipboardCopy]=\"token\"\n        kpClipboardHint=\"Token copied!\"\n        kpClipboardPosition=\"top\">Copy token</button>"
+      ],
+      "inputs": [
+        {
+          "name": "text",
+          "type": "string | null",
+          "default": "null",
+          "description": "Text to copy. `null`/empty disables the copy action."
+        },
+        {
+          "name": "kpClipboardHint",
+          "type": "string",
+          "default": "'Copied'",
+          "description": "Hint shown after a successful copy."
+        },
+        {
+          "name": "kpClipboardPosition",
+          "type": "KpOverlaySide",
+          "default": "'top'",
+          "description": "Hint placement relative to the trigger."
+        },
+        {
+          "name": "kpClipboardDuration",
+          "type": "number",
+          "default": "DEFAULT_HINT_DURATION",
+          "description": "How long the hint stays visible, in ms."
+        },
+        {
+          "name": "kpClipboardDisabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Hard-disable regardless of text."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "kpCopied",
+          "payload": "string"
+        },
+        {
+          "name": "kpCopyFailed",
+          "payload": "unknown"
+        }
+      ],
+      "ariaRole": null,
+      "sizeRamp": [],
+      "keyboardPatterns": [],
+      "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-tooltip--docs",
+      "sourcePath": "packages/components/tooltip/src/clipboard-copy.directive.ts",
+      "figma": {
+        "fileKey": "ahRfe4BdMAyoK0I3lnicp6",
+        "nodeId": "3805:11048",
+        "url": "https://www.figma.com/design/ahRfe4BdMAyoK0I3lnicp6/Design-System?node-id=3805-11048"
+      },
+      "codeConnect": {
+        "npm": "@kanso-protocol/tooltip",
+        "primaryClass": "KpTooltipComponent",
+        "selector": "kp-tooltip",
+        "import": "import { KpTooltipComponent } from '@kanso-protocol/tooltip';",
+        "docs": "docs/components/tooltip.md",
+        "storybook": "components-tooltip--docs"
+      }
+    },
     {
       "name": "tooltip",
       "className": "KpTooltipDirective",
@@ -4413,9 +4559,9 @@
       "inputs": [
         {
           "name": "text",
-          "type": "string | null",
+          "type": "string | TemplateRef<unknown> | null",
           "default": "null",
-          "description": "Tooltip text. `null` or empty string disables the tooltip."
+          "description": "Tooltip content. A `string` renders as the label; a `TemplateRef`\nprojects custom content (icons, formatted text, etc.). `null` or an\nempty string disables the tooltip."
         },
         {
           "name": "kpTooltipPosition",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-protocol/mcp",
-  "version": "3.0.2",
+  "version": "4.1.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",