@ng-primitives/mcp 0.110.1 → 0.111.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-primitives/mcp",
-  "version": "0.110.1",
+  "version": "0.111.0",
   "description": "MCP server for Angular Primitives - headless UI library",
   "type": "commonjs",
   "main": "./src/index.js",

package/src/generated/api-data.json

@@ -1445,6 +1445,29 @@
       }
     ]
   },
+  "NgpMenuItemRadioGroup": {
+    "name": "NgpMenuItemRadioGroup",
+    "description": "The `NgpMenuItemRadioGroup` directive represents a group of radio menu items.",
+    "selector": "[ngpMenuItemRadioGroup]",
+    "exportAs": [
+      "ngpMenuItemRadioGroup"
+    ],
+    "inputs": [
+      {
+        "name": "ngpMenuItemRadioGroupValue",
+        "type": "string | null",
+        "description": "The current value of the radio group",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpMenuItemRadioGroupValueChange",
+        "type": "string",
+        "description": "Event emitted when the value changes"
+      }
+    ]
+  },
   "NgpMenuItem": {
     "name": "NgpMenuItem",
     "description": "The `NgpMenuItem` directive represents a menu item.",
@@ -1458,10 +1481,78 @@
         "type": "boolean",
         "description": "Whether the menu item is disabled",
         "isRequired": false
+      },
+      {
+        "name": "ngpMenuItemCloseOnSelect",
+        "type": "boolean",
+        "description": "Whether the menu should close when this item is selected",
+        "isRequired": false
       }
     ],
     "outputs": []
   },
+  "NgpMenuItemRadio": {
+    "name": "NgpMenuItemRadio",
+    "description": "The `NgpMenuItemRadio` directive represents a radio menu item within a radio group.",
+    "selector": "[ngpMenuItemRadio]",
+    "exportAs": [
+      "ngpMenuItemRadio"
+    ],
+    "inputs": [
+      {
+        "name": "ngpMenuItemRadioValue",
+        "type": "string",
+        "description": "The value this radio item represents",
+        "isRequired": true
+      },
+      {
+        "name": "ngpMenuItemRadioDisabled",
+        "type": "boolean",
+        "description": "Whether the radio item is disabled",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpMenuItemCheckbox": {
+    "name": "NgpMenuItemCheckbox",
+    "description": "The `NgpMenuItemCheckbox` directive represents a menu item that can be toggled on and off.",
+    "selector": "[ngpMenuItemCheckbox]",
+    "exportAs": [
+      "ngpMenuItemCheckbox"
+    ],
+    "inputs": [
+      {
+        "name": "ngpMenuItemCheckboxChecked",
+        "type": "boolean",
+        "description": "Whether the checkbox is checked",
+        "isRequired": false
+      },
+      {
+        "name": "ngpMenuItemCheckboxDisabled",
+        "type": "boolean",
+        "description": "Whether the menu item checkbox is disabled",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpMenuItemCheckboxCheckedChange",
+        "type": "boolean",
+        "description": "Event emitted when the checked state changes"
+      }
+    ]
+  },
+  "NgpMenuItemIndicator": {
+    "name": "NgpMenuItemIndicator",
+    "description": "The `NgpMenuItemIndicator` directive renders inside a checkbox or radio menu item\nand exposes `data-checked` based on the parent item's checked state.",
+    "selector": "[ngpMenuItemIndicator]",
+    "exportAs": [
+      "ngpMenuItemIndicator"
+    ],
+    "inputs": [],
+    "outputs": []
+  },
   "NgpMenu": {
     "name": "NgpMenu",
     "description": "The `NgpMenu` is a container for menu items.",

package/src/generated/primitives-data.json

@@ -735,6 +735,22 @@
       "NgpMenuItemProps",
       "NgpMenuItemState",
       "provideMenuItemState",
+      "NgpMenuItemCheckbox",
+      "injectMenuItemCheckboxState",
+      "NgpMenuItemCheckboxProps",
+      "NgpMenuItemCheckboxState",
+      "provideMenuItemCheckboxState",
+      "NgpMenuItemIndicator",
+      "NgpMenuItemRadioGroup",
+      "injectMenuItemRadioGroupState",
+      "NgpMenuItemRadioGroupProps",
+      "NgpMenuItemRadioGroupState",
+      "provideMenuItemRadioGroupState",
+      "NgpMenuItemRadio",
+      "injectMenuItemRadioState",
+      "NgpMenuItemRadioProps",
+      "NgpMenuItemRadioState",
+      "provideMenuItemRadioState",
       "NgpMenuTrigger",
       "type NgpMenuPlacement",
       "injectMenuTriggerState",
@@ -762,36 +778,41 @@
     "examples": [
       {
         "name": "example-0",
+        "code": "import {\n  NgpMenu,\n  NgpMenuItem,\n  NgpMenuTrigger,\n  NgpSubmenuTrigger,\n  NgpMenuItemCheckbox,\n  NgpMenuItemRadioGroup,\n  NgpMenuItemRadio,\n  NgpMenuItemIndicator,\n} from 'ng-primitives/menu';",
+        "description": "Import"
+      },
+      {
+        "name": "example-1",
         "code": "<button [ngpMenuTrigger]=\"menu\" ngpButton></button>\n\n<ng-template #menu>\n  <div ngpMenu>\n    <button ngpMenuItem>Item 1</button>\n    <button ngpMenuItem>Item 2</button>\n    <button ngpMenuItem>Item 3</button>\n  </div>\n</ng-template>",
         "description": "Usage"
       },
       {
-        "name": "example-1",
+        "name": "example-2",
         "code": "<!-- Simple number offset -->\n<button [ngpMenuTrigger]=\"menu\" ngpMenuTriggerOffset=\"12\">Menu with 12px offset</button>\n\n<!-- Object offset for precise control -->\n<button\n  [ngpMenuTrigger]=\"menu\"\n  [ngpMenuTriggerOffset]=\"{mainAxis: 8, crossAxis: 4, alignmentAxis: 2}\"\n>\n  Menu with custom offset\n</button>",
         "description": "Custom Offset"
       },
       {
-        "name": "example-2",
+        "name": "example-3",
         "code": "<!-- Disable shift -->\n<button [ngpMenuTrigger]=\"menu\" [ngpMenuTriggerShift]=\"false\">Menu without shift</button>\n\n<!-- Object shift for precise control -->\n<button [ngpMenuTrigger]=\"menu\" [ngpMenuTriggerShift]=\"{padding: 8}\">\n  Menu with custom shift padding\n</button>",
         "description": "Custom Shift"
       },
       {
-        "name": "example-3",
+        "name": "example-4",
         "code": "<!-- Enable Enter key to toggle menu -->\n<button [ngpMenuTrigger]=\"menu\" [ngpMenuTriggerOpenTriggers]=\"['click', 'enter']\">Menu</button>\n\n<!-- Enable arrow keys (placement-aware) -->\n<button\n  [ngpMenuTrigger]=\"menu\"\n  [ngpMenuTriggerOpenTriggers]=\"['arrowkey']\"\n  ngpMenuTriggerPlacement=\"right-start\"\n>\n  Sidebar Menu\n</button>\n\n<!-- Combine triggers for best UX -->\n<button\n  [ngpMenuTrigger]=\"menu\"\n  [ngpMenuTriggerOpenTriggers]=\"['hover', 'arrowkey', 'enter']\"\n  ngpMenuTriggerPlacement=\"right-start\"\n>\n  Navigation Item\n</button>",
         "description": "Keyboard Triggers"
       },
       {
-        "name": "example-4",
+        "name": "example-5",
         "code": "import { provideMenuConfig } from 'ng-primitives/menu';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideMenuConfig({\n      offset: 4,\n      placement: 'top',\n      flip: true,\n      container: document.body,\n      scrollBehavior: 'reposition',\n      cooldown: 0,\n    }),\n  ],\n});",
         "description": "Global Configuration"
       },
       {
-        "name": "example-5",
+        "name": "example-6",
         "code": "offset: {\n    mainAxis: 8,     // Distance between menu and trigger element\n    crossAxis: 4,    // Skidding along the alignment axis  \n    alignmentAxis: 2 // Same as crossAxis but for aligned placements\n  }",
         "description": "NgpMenuConfig"
       },
       {
-        "name": "example-6",
+        "name": "example-7",
         "code": "shift: {\n    padding: 8,     // Minimum padding between menu and viewport edges\n    limiter: {      // Optional limiter to control shifting behavior\n      fn: limitShift,\n      options: { /* limiter options */ }\n    }\n  }",
         "description": "NgpMenuConfig"
       }