@kanso-protocol/mcp 1.0.1 → 2.0.0

package/manifest.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-05-09T16:23:54.161Z",
-  "version": "1.0.1",
+  "generatedAt": "2026-05-11T05:05:01.617Z",
+  "version": "2.0.0",
   "totals": {
     "components": 54,
     "patterns": 22,
@@ -203,7 +203,7 @@
       "package": "@kanso-protocol/alert",
       "description": "Kanso Protocol — Alert\n\nIn-page banner for statuses, errors, warnings, and short messages. 3 sizes ×\n4 appearances (subtle / solid / outline / left-accent) × 6 color roles, plus\nan optional leading icon, an action slot (inline right or stacked below),\nand a close button.",
       "examples": [
-        "<kp-alert color=\"success\" title=\"Changes saved\" description=\"Profile updated.\">\n  <svg kpAlertIcon .../>\n</kp-alert>\n\n<kp-alert color=\"warning\" appearance=\"left-accent\" title=\"Review required\"\n          description=\"3 items need your approval.\">\n  <kp-button kpAlertAction size=\"sm\" variant=\"subtle\">Review</kp-button>\n</kp-alert>"
+        "<kp-alert color=\"success\" title=\"Changes saved\" description=\"Profile updated.\">\n  <svg kpAlertIcon .../>\n</kp-alert>\n\n<kp-alert color=\"warning\" appearance=\"left-accent\" title=\"Review required\"\n          description=\"3 items need your approval.\">\n  <button kpButton kpAlertAction size=\"sm\" variant=\"subtle\">Review</button>\n</kp-alert>"
       ],
       "inputs": [
         {
@@ -740,14 +740,20 @@
     {
       "name": "button",
       "className": "KpButtonComponent",
-      "selector": "kp-button",
+      "selector": "button[kpButton]",
       "layer": "components",
       "package": "@kanso-protocol/button",
-      "description": "Kanso Protocol — Button Component\n\nAnatomy: Container → Content → Elements (icon-left, label, icon-right)\nSupports: 5 sizes × 4 variants × 3+ color roles × 6 states",
+      "description": "Kanso Protocol — Button\n\nAttribute-selector on a real native `<button>`. Gets `type` / `form` /\n`name` / `value` / `formaction` / native disabled / Enter+Space /\nform submission / HTML5 validation for free.",
       "examples": [
-        "<kp-button size=\"md\" variant=\"default\" color=\"primary\">Click me</kp-button>\n<kp-button size=\"lg\" variant=\"outline\" color=\"danger\" [loading]=\"true\">Delete</kp-button>"
+        "<button kpButton size=\"md\" variant=\"default\" color=\"primary\">Click me</button>\n<button kpButton type=\"submit\" color=\"primary\">Save</button>\n<button kpButton variant=\"outline\" color=\"danger\" [loading]=\"true\">Delete</button>"
       ],
       "inputs": [
+        {
+          "name": "type",
+          "type": "'button' | 'submit' | 'reset'",
+          "default": "'button'",
+          "description": "Native button type. Defaults to \"button\" (safer than browser default \"submit\")."
+        },
         {
           "name": "size",
           "type": "KpSize",
@@ -782,17 +788,17 @@
           "name": "iconOnly",
           "type": "boolean",
           "default": "false",
-          "description": "Hides the label and makes the button square (height × height) — pair with an icon and `aria-label`"
+          "description": "Hides the label and makes the button square — pair with an icon and `aria-label`."
         },
         {
           "name": "forceState",
           "type": "KpState | null",
           "default": "null",
-          "description": "Force a visual state for showcase/documentation purposes"
+          "description": "Force a visual state for showcase/documentation purposes."
         }
       ],
       "outputs": [],
-      "ariaRole": "button",
+      "ariaRole": null,
       "sizeRamp": [
         "xs",
         "sm",
@@ -800,10 +806,7 @@
         "lg",
         "xl"
       ],
-      "keyboardPatterns": [
-        "Enter",
-        "Space"
-      ],
+      "keyboardPatterns": [],
       "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-button--docs",
       "sourcePath": "packages/components/button/src/button.component.ts",
       "figma": {
@@ -990,9 +993,9 @@
       "selector": "kp-checkbox",
       "layer": "components",
       "package": "@kanso-protocol/checkbox",
-      "description": "Kanso Protocol — Checkbox Component",
+      "description": "Kanso Protocol — Checkbox\n\nWraps a real native `<input type=\"checkbox\">` inside a styled `<label>`.\nForm submission, FormData, `<label for>` association, password manager\nautofill, native indeterminate, Space-toggle, and HTML5 validation\n(`required`) all work without polyfills.",
       "examples": [
-        "<kp-checkbox [(checked)]=\"isChecked\" size=\"md\">Remember me</kp-checkbox>\n<kp-checkbox [indeterminate]=\"true\">Select all</kp-checkbox>"
+        "<kp-checkbox [(checked)]=\"isChecked\" size=\"md\">Remember me</kp-checkbox>\n<kp-checkbox [indeterminate]=\"true\">Select all</kp-checkbox>\n<form><kp-checkbox name=\"agree\" value=\"yes\" required>I agree</kp-checkbox></form>"
       ],
       "inputs": [
         {
@@ -1025,6 +1028,24 @@
           "default": "false",
           "description": ""
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "type": "string | null",
+          "default": "null",
+          "description": ""
+        },
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "null",
+          "description": ""
+        },
         {
           "name": "forceState",
           "type": "KpState | null",
@@ -1041,7 +1062,13 @@
           "name": "ariaLabel",
           "type": "string | null",
           "default": "null",
-          "description": "Accessible name for screen readers when no visible label is projected. Falls through to projected text content otherwise."
+          "description": ""
+        },
+        {
+          "name": "ariaDescribedby",
+          "type": "string | null",
+          "default": "null",
+          "description": ""
         }
       ],
       "outputs": [
@@ -1050,7 +1077,7 @@
           "payload": "boolean"
         }
       ],
-      "ariaRole": "checkbox",
+      "ariaRole": null,
       "sizeRamp": [
         "sm",
         "md",
@@ -1426,7 +1453,7 @@
       "selector": "kp-dialog",
       "layer": "components",
       "package": "@kanso-protocol/dialog",
-      "description": "Kanso Protocol — Dialog\n\nModal dialog with backdrop, focus trap, and Esc-to-close. Composition\nis slot-driven: `[kpDialogHeroIcon]` for the optional hero icon above\nthe title, `[kpDialogBody]` for body content (default is a projected\ntext node), and `[kpDialogFooter]` for footer actions (default is a\n2-button Cancel/Confirm layout).\n\nThe component is a controlled view — callers bind `[open]` and react\nto `(openChange)` / `(closed)`. Opening the dialog locks body scroll\nand moves focus to the first interactive element inside the panel.",
+      "description": "Kanso Protocol — Dialog\n\nWraps a real native `<dialog>` element. Focus trap, top-layer\nstacking, ESC-to-close, body-scroll inertness, and `::backdrop`\nstyling are all browser-native. Composition is slot-driven:\n`[kpDialogHeroIcon]` / `[kpDialogBody]` / `[kpDialogFooter]`.",
       "examples": [
         "<kp-dialog\n  [(open)]=\"deleteOpen\"\n  size=\"sm\"\n  title=\"Delete repository?\"\n  [showDescription]=\"true\"\n  description=\"This action cannot be undone.\"\n  (closed)=\"deleteOpen = false\"\n/>"
       ],
@@ -1528,9 +1555,7 @@
         "lg",
         "xl"
       ],
-      "keyboardPatterns": [
-        "Escape"
-      ],
+      "keyboardPatterns": [],
       "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-dialog--docs",
       "sourcePath": "packages/components/dialog/src/dialog.component.ts",
       "figma": {
@@ -1854,6 +1879,18 @@
           "default": "false",
           "description": ""
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "type": "string | null",
+          "default": "null",
+          "description": ""
+        },
         {
           "name": "title",
           "type": "string | null",
@@ -1893,10 +1930,7 @@
         "md",
         "lg"
       ],
-      "keyboardPatterns": [
-        "Enter",
-        "Space"
-      ],
+      "keyboardPatterns": [],
       "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-fileupload--docs",
       "sourcePath": "packages/components/file-upload/src/file-upload.component.ts",
       "figma": {
@@ -2731,7 +2765,7 @@
       "package": "@kanso-protocol/popover",
       "description": "Kanso Protocol — Popover\n\nFloating panel with optional header / body / footer and an optional\ndirectional arrow (4 sides × 3 anchors). Visual chrome only —\npositioning, show/hide and portaling are the caller's responsibility.\n\nThe host container uses `filter: drop-shadow()` so the shadow follows\nthe combined silhouette of body + arrow, and grows automatically with\ncontent.",
       "examples": [
-        "<kp-popover size=\"md\" arrowPosition=\"top-center\"\n            title=\"Delete this item?\" description=\"This action cannot be undone.\"\n            [closable]=\"true\" (close)=\"cancel()\">\n  <kp-button kpPopoverFooter size=\"sm\" variant=\"ghost\">Cancel</kp-button>\n  <kp-button kpPopoverFooter size=\"sm\" color=\"danger\">Delete</kp-button>\n</kp-popover>"
+        "<kp-popover size=\"md\" arrowPosition=\"top-center\"\n            title=\"Delete this item?\" description=\"This action cannot be undone.\"\n            [closable]=\"true\" (close)=\"cancel()\">\n  <button kpButton kpPopoverFooter size=\"sm\" variant=\"ghost\">Cancel</button>\n  <button kpButton kpPopoverFooter size=\"sm\" color=\"danger\">Delete</button>\n</kp-popover>"
       ],
       "inputs": [
         {
@@ -3145,9 +3179,9 @@
       "selector": "kp-radio",
       "layer": "components",
       "package": "@kanso-protocol/radio",
-      "description": "Kanso Protocol — Radio Component\n\nWhen placed inside <kp-radio-group>, clicking a radio updates the group's\nvalue and deselects siblings. Outside a group, it behaves as a standalone\ntwo-state control with its own CVA.\n\nOuter circle stays white when checked; only the border and inner dot become colored.",
+      "description": "Kanso Protocol — Radio\n\nWraps a real native `<input type=\"radio\">` inside a styled `<label>`.\nInside a `<kp-radio-group>`, radios share a `name` and the browser\nenforces single-selection natively (no manual deselection logic).\nIn a `<form>`, FormData picks up the checked radio's value.",
       "examples": [
-        "<kp-radio-group [(value)]=\"selected\">\n  <kp-radio value=\"a\">Option A</kp-radio>\n  <kp-radio value=\"b\">Option B</kp-radio>\n</kp-radio-group>"
+        "<kp-radio-group [(value)]=\"selected\" name=\"plan\">\n  <kp-radio value=\"free\">Free</kp-radio>\n  <kp-radio value=\"pro\">Pro</kp-radio>\n</kp-radio-group>"
       ],
       "inputs": [
         {
@@ -3180,6 +3214,18 @@
           "default": "false",
           "description": ""
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "type": "string | null",
+          "default": "null",
+          "description": ""
+        },
         {
           "name": "forceState",
           "type": "KpState | null",
@@ -3196,7 +3242,7 @@
           "name": "ariaLabel",
           "type": "string | null",
           "default": "null",
-          "description": "Accessible name for screen readers when no visible label is projected."
+          "description": ""
         }
       ],
       "outputs": [
@@ -3205,7 +3251,7 @@
           "payload": "boolean"
         }
       ],
-      "ariaRole": "radio",
+      "ariaRole": null,
       "sizeRamp": [
         "sm",
         "md",
@@ -3311,7 +3357,7 @@
       "selector": "kp-segmented-control",
       "layer": "components",
       "package": "@kanso-protocol/segmented-control",
-      "description": "Kanso Protocol — SegmentedControl\n\nPill-style switcher. One white \"pill\" lives behind the segments and slides\nhorizontally to the selected segment's position. Segments have transparent\nbackground; they only change text color when selected.",
+      "description": "Kanso Protocol — SegmentedControl\n\nPill-style switcher backed by real native `<input type=\"radio\">` group.\nBrowser handles mutual-exclusion + arrow-key navigation; in a `<form>`\nthe checked radio's value goes into FormData. The visual \"pill\" is a\nseparate absolutely-positioned element that animates to the selected\nsegment.",
       "examples": [
         "<kp-segmented-control\n  [options]=\"[{value:'day',label:'Day'},{value:'week',label:'Week'}]\"\n  [(ngModel)]=\"period\">\n</kp-segmented-control>"
       ],
@@ -3339,6 +3385,12 @@
           "type": "boolean",
           "default": "false",
           "description": ""
+        },
+        {
+          "name": "name",
+          "type": "string | null",
+          "default": "null",
+          "description": "Native radio-group name. Required for FormData when in a `<form>`. Auto-generated if omitted."
         }
       ],
       "outputs": [
@@ -3347,7 +3399,7 @@
           "payload": "string"
         }
       ],
-      "ariaRole": "tablist",
+      "ariaRole": "radiogroup",
       "sizeRamp": [
         "xs",
         "sm",
@@ -3355,12 +3407,7 @@
         "lg",
         "xl"
       ],
-      "keyboardPatterns": [
-        "ArrowRight",
-        "ArrowLeft",
-        "Home",
-        "End"
-      ],
+      "keyboardPatterns": [],
       "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-segmentedcontrol--docs",
       "sourcePath": "packages/components/segmented-control/src/segmented-control.component.ts",
       "figma": {
@@ -3436,6 +3483,18 @@
           "default": "false",
           "description": ""
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "type": "string | null",
+          "default": "null",
+          "description": "Native form name. Required for FormData submission inside a `<form>`."
+        },
         {
           "name": "forceState",
           "type": "KpState | null",
@@ -3786,12 +3845,12 @@
     {
       "name": "tabs",
       "className": "KpTabComponent",
-      "selector": "kp-tab",
+      "selector": "button[kpTab]",
       "layer": "components",
       "package": "@kanso-protocol/tabs",
-      "description": "Kanso Protocol — Tab (atom)\n\nSingle tab for use inside `<kp-tabs>`. Projects an optional leading icon\nand an optional trailing badge. The `selected` / `disabled` inputs drive\nthe visual state; hover is handled in CSS and focus via `:focus-visible`\non the underlying button.",
+      "description": "Kanso Protocol — Tab (atom)\n\nAttribute-selector on a real native `<button role=\"tab\">`. Sits inside\na `<kp-tabs role=\"tablist\">`. Native button gives Enter+Space\nactivation, focus-visible, and disabled. Arrow-key navigation between\ntabs is owned by the parent `<kp-tabs>` via roving tabindex.",
       "examples": [
-        "<kp-tab label=\"Inbox\" [selected]=\"current === 'inbox'\" (click)=\"current='inbox'\">\n  <svg kpTabIcon .../>\n  <kp-badge kpTabBadge>12</kp-badge>\n</kp-tab>"
+        "<button kpTab label=\"Inbox\" [selected]=\"current === 'inbox'\" (click)=\"current='inbox'\">\n  <svg kpTabIcon .../>\n  <kp-badge kpTabBadge>12</kp-badge>\n</button>"
       ],
       "inputs": [
         {
@@ -3837,10 +3896,7 @@
         "md",
         "lg"
       ],
-      "keyboardPatterns": [
-        "Enter",
-        "Space"
-      ],
+      "keyboardPatterns": [],
       "docsUrl": "https://gregnblack.github.io/kanso-protocol/?path=/docs/components-tabs--docs",
       "sourcePath": "packages/components/tabs/src/tab.component.ts",
       "figma": {
@@ -3863,9 +3919,9 @@
       "selector": "kp-tabs",
       "layer": "components",
       "package": "@kanso-protocol/tabs",
-      "description": "Kanso Protocol — Tabs (container)\n\nHorizontal strip of `<kp-tab>` children with a shared bottom border.\nCascades `size` and `fullWidth` down to every projected `<kp-tab>`\nautomatically, so callers only set those two inputs in one place.\n\nA `[kpTabsMore]` slot projects an optional \"More ▾\" affordance to the\nright of the strip — useful when tabs overflow and you want a dropdown\nto hold the rest.",
+      "description": "Kanso Protocol — Tabs (container)\n\nHorizontal strip of `<button kpTab>` children with a shared bottom border.\nCascades `size` and `fullWidth` down to every projected `<button kpTab>`\nautomatically, so callers only set those two inputs in one place.\n\nA `[kpTabsMore]` slot projects an optional \"More ▾\" affordance to the\nright of the strip — useful when tabs overflow and you want a dropdown\nto hold the rest.",
       "examples": [
-        "<kp-tabs size=\"md\" [fullWidth]=\"false\">\n  <kp-tab label=\"Overview\" [selected]=\"tab === 'overview'\" (selectedChange)=\"tab = 'overview'\"/>\n  <kp-tab label=\"Activity\" [selected]=\"tab === 'activity'\" (selectedChange)=\"tab = 'activity'\"/>\n  <kp-tab label=\"Settings\" [selected]=\"tab === 'settings'\" (selectedChange)=\"tab = 'settings'\"/>\n\n  <button kpTabsMore>More ▾</button>\n</kp-tabs>"
+        "<kp-tabs size=\"md\" [fullWidth]=\"false\">\n  <button kpTab label=\"Overview\" [selected]=\"tab === 'overview'\" (selectedChange)=\"tab = 'overview'\"></button>\n  <button kpTab label=\"Activity\" [selected]=\"tab === 'activity'\" (selectedChange)=\"tab = 'activity'\"></button>\n  <button kpTab label=\"Settings\" [selected]=\"tab === 'settings'\" (selectedChange)=\"tab = 'settings'\"></button>\n\n  <button kpTabsMore>More ▾</button>\n</kp-tabs>"
       ],
       "inputs": [
         {
@@ -4164,9 +4220,9 @@
       "selector": "kp-toggle",
       "layer": "components",
       "package": "@kanso-protocol/toggle",
-      "description": "Kanso Protocol — Toggle (Switch) Component",
+      "description": "Kanso Protocol — Toggle (Switch)\n\nWraps a real native `<input type=\"checkbox\" role=\"switch\">` inside a\nstyled `<label>`. Form submission, FormData, `<label for>` association,\nSpace-toggle, and HTML5 validation all work natively.",
       "examples": [
-        "<kp-toggle [(on)]=\"isOn\" size=\"md\">Notifications</kp-toggle>"
+        "<kp-toggle [(on)]=\"isOn\" size=\"md\">Notifications</kp-toggle>\n<form><kp-toggle name=\"notif\" value=\"1\" required>Enable</kp-toggle></form>"
       ],
       "inputs": [
         {
@@ -4193,6 +4249,24 @@
           "default": "false",
           "description": ""
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "type": "string | null",
+          "default": "null",
+          "description": ""
+        },
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "null",
+          "description": ""
+        },
         {
           "name": "forceState",
           "type": "KpState | null",
@@ -4209,7 +4283,7 @@
           "name": "ariaLabel",
           "type": "string | null",
           "default": "null",
-          "description": "Accessible name for screen readers when no visible label is projected."
+          "description": ""
         }
       ],
       "outputs": [
@@ -4218,7 +4292,7 @@
           "payload": "boolean"
         }
       ],
-      "ariaRole": "switch",
+      "ariaRole": null,
       "sizeRamp": [
         "sm",
         "md",
@@ -4534,9 +4608,9 @@
       "selector": "kp-banner",
       "layer": "patterns",
       "package": "@kanso-protocol/banner",
-      "description": "Kanso Protocol — Banner\n\nGlobal top strip under the app Header. Used for system messages:\ntrial status, maintenance, payment alerts, feature launches.\nReuses alert semantic tokens (subtle appearance) so color roles\nmatch Alert / Toast.\n\nSlot: `[kpBannerAction]` for a trailing CTA (typically `<kp-button size=\"sm\">`).",
+      "description": "Kanso Protocol — Banner\n\nGlobal top strip under the app Header. Used for system messages:\ntrial status, maintenance, payment alerts, feature launches.\nReuses alert semantic tokens (subtle appearance) so color roles\nmatch Alert / Toast.\n\nSlot: `[kpBannerAction]` for a trailing CTA (typically `<button kpButton size=\"sm\">`).",
       "examples": [
-        "<kp-banner color=\"warning\" title=\"Your trial ends in 3 days\">\n  <kp-button kpBannerAction size=\"sm\">Upgrade</kp-button>\n</kp-banner>"
+        "<kp-banner color=\"warning\" title=\"Your trial ends in 3 days\">\n  <button kpButton kpBannerAction size=\"sm\">Upgrade</button>\n</kp-banner>"
       ],
       "inputs": [
         {
@@ -5291,7 +5365,7 @@
       "package": "@kanso-protocol/page-error",
       "description": "Kanso Protocol — PageError\n\nFull-page error state for 404, 500, offline, and access-denied\nscenarios. Composes an illustration, optional hero error code,\ntitle + description, and primary/secondary action slots.\n\nTitles/descriptions/icon default to the `type` preset; override\nany of them via individual inputs.\n\nSlots:\n- `[kpPageErrorPrimary]` — primary CTA (Button, default)\n- `[kpPageErrorSecondary]` — secondary CTA (Button, ghost)",
       "examples": [
-        "<kp-page-error type=\"404\">\n  <kp-button kpPageErrorPrimary>Go home</kp-button>\n  <kp-button kpPageErrorSecondary variant=\"ghost\">Report broken link</kp-button>\n</kp-page-error>"
+        "<kp-page-error type=\"404\">\n  <button kpButton kpPageErrorPrimary>Go home</button>\n  <button kpButton kpPageErrorSecondary variant=\"ghost\">Report broken link</button>\n</kp-page-error>"
       ],
       "inputs": [
         {
@@ -5365,7 +5439,7 @@
       "package": "@kanso-protocol/page-header",
       "description": "Kanso Protocol — PageHeader\n\nContent-area header. Three sizes, optional breadcrumbs, back button,\ndescription, actions slot, tabs slot, and bottom divider.\n\nSlots (all optional):\n- `[kpPageHeaderBreadcrumbs]` — Breadcrumbs instance\n- `[kpPageHeaderTitle]` — custom title (e.g. title + inline Badge)\n- `[kpPageHeaderActions]` — action buttons on the right\n- `[kpPageHeaderTabs]` — Tabs instance under the header",
       "examples": [
-        "<kp-page-header\n  size=\"md\"\n  title=\"All projects\"\n  description=\"12 active projects\"\n  [showActions]=\"true\"\n>\n  <kp-breadcrumbs kpPageHeaderBreadcrumbs [items]=\"crumbs\"/>\n  <div kpPageHeaderActions>\n    <kp-button appearance=\"ghost\">Import</kp-button>\n    <kp-button>Create</kp-button>\n  </div>\n</kp-page-header>"
+        "<kp-page-header\n  size=\"md\"\n  title=\"All projects\"\n  description=\"12 active projects\"\n  [showActions]=\"true\"\n>\n  <kp-breadcrumbs kpPageHeaderBreadcrumbs [items]=\"crumbs\"/>\n  <div kpPageHeaderActions>\n    <button kpButton appearance=\"ghost\">Import</button>\n    <button kpButton>Create</button>\n  </div>\n</kp-page-header>"
       ],
       "inputs": [
         {
@@ -5460,7 +5534,7 @@
       "package": "@kanso-protocol/row",
       "description": "Kanso Protocol — Row\n\nHorizontal Auto Layout wrapper with a preset gap scale, cross-axis\nalignment, and main-axis justification. Optional wrap on overflow.",
       "examples": [
-        "<kp-row gap=\"sm\" justify=\"end\">\n  <kp-button appearance=\"ghost\">Cancel</kp-button>\n  <kp-button>Save</kp-button>\n</kp-row>"
+        "<kp-row gap=\"sm\" justify=\"end\">\n  <button kpButton appearance=\"ghost\">Cancel</button>\n  <button kpButton>Save</button>\n</kp-row>"
       ],
       "inputs": [
         {
@@ -5856,7 +5930,7 @@
       "package": "@kanso-protocol/stack",
       "description": "Kanso Protocol — Stack\n\nVertical Auto Layout wrapper with a preset gap scale and cross-axis\nalignment. Semantic counterpart to `<div style=\"display:flex;flex-direction:column\">`.",
       "examples": [
-        "<kp-stack gap=\"md\">\n  <kp-input/>\n  <kp-input/>\n  <kp-button>Save</kp-button>\n</kp-stack>"
+        "<kp-stack gap=\"md\">\n  <kp-input/>\n  <kp-input/>\n  <button kpButton>Save</button>\n</kp-stack>"
       ],
       "inputs": [
         {

package/package.json

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