@ng-primitives/mcp 0.115.1 → 0.116.0

package/package.json

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

package/src/generated/api-data.json

@@ -3137,8 +3137,14 @@
     "inputs": [
       {
         "name": "ngpToggleSelected",
-        "type": "boolean",
+        "type": "boolean | undefined",
         "description": "Whether the toggle is selected.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpToggleDefaultSelected",
+        "type": "boolean",
+        "description": "The default selected state for uncontrolled usage.",
         "isRequired": false,
         "defaultValue": "false"
       },
@@ -3217,10 +3223,17 @@
       },
       {
         "name": "ngpToggleGroupValue",
-        "type": "string[]",
+        "type": "string[] | undefined",
         "description": "The selected value(s) of the toggle group.",
         "isRequired": false
       },
+      {
+        "name": "ngpToggleGroupDefaultValue",
+        "type": "string[]",
+        "description": "The default selected value(s) for uncontrolled usage.",
+        "isRequired": false,
+        "defaultValue": "[]"
+      },
       {
         "name": "ngpToggleGroupDisabled",
         "type": "boolean",

package/src/generated/primitives-data.json

@@ -1683,7 +1683,7 @@
       }
     ],
     "reusableComponent": {
-      "code": "import { Component } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgpButton } from 'ng-primitives/button';\nimport { injectToggleState, NgpToggle } from 'ng-primitives/toggle';\nimport { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';\n\n@Component({\n  selector: 'button[app-toggle]',\n  hostDirectives: [\n    {\n      directive: NgpToggle,\n      inputs: ['ngpToggleSelected:selected', 'ngpToggleDisabled:disabled'],\n      outputs: ['ngpToggleSelectedChange:selectedChange'],\n    },\n    { directive: NgpButton, inputs: ['disabled'] },\n  ],\n  template: `\n    <ng-content />\n  `,\n  styles: `\n    :host {\n      padding-left: 1rem;\n      padding-right: 1rem;\n      border-radius: 0.5rem;\n      color: var(--ngp-text-primary);\n      border: none;\n      outline: none;\n      height: 2.5rem;\n      font-weight: 500;\n      background-color: var(--ngp-background);\n      transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: var(--ngp-button-shadow);\n    }\n\n    :host[data-hover] {\n      background-color: var(--ngp-background-hover);\n    }\n\n    :host[data-focus-visible] {\n      outline: 2px solid var(--ngp-focus-ring);\n      outline-offset: 2px;\n    }\n\n    :host[data-press] {\n      background-color: var(--ngp-background-active);\n    }\n\n    :host[data-selected] {\n      background-color: var(--ngp-background-inverse);\n      color: var(--ngp-text-inverse);\n    }\n  `,\n  providers: [provideValueAccessor(Toggle)],\n  host: {\n    '(focusout)': 'onTouched?.()',\n  },\n})\nexport class Toggle implements ControlValueAccessor {\n  /** Access the toggle state. */\n  private readonly toggle = injectToggleState();\n\n  /** The on change callback */\n  private onChange?: ChangeFn<boolean>;\n\n  /** The on touched callback */\n  protected onTouched?: TouchedFn;\n\n  constructor() {\n    // Any time the toggle changes, update the form value.\n    this.toggle()\n      .selectedChange.pipe(takeUntilDestroyed())\n      .subscribe(value => this.onChange?.(value));\n  }\n\n  /** Write a new value to the toggle. */\n  writeValue(value: boolean): void {\n    this.toggle().setSelected(value);\n  }\n\n  /** Register a callback function to be called when the value changes. */\n  registerOnChange(fn: ChangeFn<boolean>): void {\n    this.onChange = fn;\n  }\n\n  /** Register a callback function to be called when the toggle is touched. */\n  registerOnTouched(fn: TouchedFn): void {\n    this.onTouched = fn;\n  }\n\n  /** Set the disabled state of the toggle. */\n  setDisabledState(isDisabled: boolean): void {\n    this.toggle().setDisabled(isDisabled);\n  }\n}\n",
+      "code": "import { Component } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgpButton } from 'ng-primitives/button';\nimport { injectToggleState, NgpToggle } from 'ng-primitives/toggle';\nimport { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';\n\n@Component({\n  selector: 'button[app-toggle]',\n  hostDirectives: [\n    {\n      directive: NgpToggle,\n      inputs: ['ngpToggleSelected:selected', 'ngpToggleDisabled:disabled'],\n      outputs: ['ngpToggleSelectedChange:selectedChange'],\n    },\n    { directive: NgpButton, inputs: ['disabled'] },\n  ],\n  template: `\n    <ng-content />\n  `,\n  styles: `\n    :host {\n      padding-left: 1rem;\n      padding-right: 1rem;\n      border-radius: 0.5rem;\n      color: var(--ngp-text-primary);\n      border: none;\n      outline: none;\n      height: 2.5rem;\n      font-weight: 500;\n      background-color: var(--ngp-background);\n      transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: var(--ngp-button-shadow);\n    }\n\n    :host[data-hover] {\n      background-color: var(--ngp-background-hover);\n    }\n\n    :host[data-focus-visible] {\n      outline: 2px solid var(--ngp-focus-ring);\n      outline-offset: 2px;\n    }\n\n    :host[data-press] {\n      background-color: var(--ngp-background-active);\n    }\n\n    :host[data-selected] {\n      background-color: var(--ngp-background-inverse);\n      color: var(--ngp-text-inverse);\n    }\n  `,\n  providers: [provideValueAccessor(Toggle)],\n  host: {\n    '(focusout)': 'onTouched?.()',\n  },\n})\nexport class Toggle implements ControlValueAccessor {\n  /** Access the toggle state. */\n  private readonly toggle = injectToggleState();\n\n  /** The on change callback */\n  private onChange?: ChangeFn<boolean>;\n\n  /** The on touched callback */\n  protected onTouched?: TouchedFn;\n\n  constructor() {\n    // Any time the toggle changes, update the form value.\n    this.toggle()\n      .selectedChange.pipe(takeUntilDestroyed())\n      .subscribe(value => this.onChange?.(value));\n  }\n\n  /** Write a new value to the toggle. */\n  writeValue(value: boolean): void {\n    this.toggle().setSelected(value, { emit: false });\n  }\n\n  /** Register a callback function to be called when the value changes. */\n  registerOnChange(fn: ChangeFn<boolean>): void {\n    this.onChange = fn;\n  }\n\n  /** Register a callback function to be called when the toggle is touched. */\n  registerOnTouched(fn: TouchedFn): void {\n    this.onTouched = fn;\n  }\n\n  /** Set the disabled state of the toggle. */\n  setDisabledState(isDisabled: boolean): void {\n    this.toggle().setDisabled(isDisabled);\n  }\n}\n",
       "hasVariants": false,
       "hasSizes": false
     }

package/src/generated/reusable-components.json

@@ -204,7 +204,7 @@
   },
   {
     "name": "toggle",
-    "code": "import { Component } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgpButton } from 'ng-primitives/button';\nimport { injectToggleState, NgpToggle } from 'ng-primitives/toggle';\nimport { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';\n\n@Component({\n  selector: 'button[app-toggle]',\n  hostDirectives: [\n    {\n      directive: NgpToggle,\n      inputs: ['ngpToggleSelected:selected', 'ngpToggleDisabled:disabled'],\n      outputs: ['ngpToggleSelectedChange:selectedChange'],\n    },\n    { directive: NgpButton, inputs: ['disabled'] },\n  ],\n  template: `\n    <ng-content />\n  `,\n  styles: `\n    :host {\n      padding-left: 1rem;\n      padding-right: 1rem;\n      border-radius: 0.5rem;\n      color: var(--ngp-text-primary);\n      border: none;\n      outline: none;\n      height: 2.5rem;\n      font-weight: 500;\n      background-color: var(--ngp-background);\n      transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: var(--ngp-button-shadow);\n    }\n\n    :host[data-hover] {\n      background-color: var(--ngp-background-hover);\n    }\n\n    :host[data-focus-visible] {\n      outline: 2px solid var(--ngp-focus-ring);\n      outline-offset: 2px;\n    }\n\n    :host[data-press] {\n      background-color: var(--ngp-background-active);\n    }\n\n    :host[data-selected] {\n      background-color: var(--ngp-background-inverse);\n      color: var(--ngp-text-inverse);\n    }\n  `,\n  providers: [provideValueAccessor(Toggle)],\n  host: {\n    '(focusout)': 'onTouched?.()',\n  },\n})\nexport class Toggle implements ControlValueAccessor {\n  /** Access the toggle state. */\n  private readonly toggle = injectToggleState();\n\n  /** The on change callback */\n  private onChange?: ChangeFn<boolean>;\n\n  /** The on touched callback */\n  protected onTouched?: TouchedFn;\n\n  constructor() {\n    // Any time the toggle changes, update the form value.\n    this.toggle()\n      .selectedChange.pipe(takeUntilDestroyed())\n      .subscribe(value => this.onChange?.(value));\n  }\n\n  /** Write a new value to the toggle. */\n  writeValue(value: boolean): void {\n    this.toggle().setSelected(value);\n  }\n\n  /** Register a callback function to be called when the value changes. */\n  registerOnChange(fn: ChangeFn<boolean>): void {\n    this.onChange = fn;\n  }\n\n  /** Register a callback function to be called when the toggle is touched. */\n  registerOnTouched(fn: TouchedFn): void {\n    this.onTouched = fn;\n  }\n\n  /** Set the disabled state of the toggle. */\n  setDisabledState(isDisabled: boolean): void {\n    this.toggle().setDisabled(isDisabled);\n  }\n}\n",
+    "code": "import { Component } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgpButton } from 'ng-primitives/button';\nimport { injectToggleState, NgpToggle } from 'ng-primitives/toggle';\nimport { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';\n\n@Component({\n  selector: 'button[app-toggle]',\n  hostDirectives: [\n    {\n      directive: NgpToggle,\n      inputs: ['ngpToggleSelected:selected', 'ngpToggleDisabled:disabled'],\n      outputs: ['ngpToggleSelectedChange:selectedChange'],\n    },\n    { directive: NgpButton, inputs: ['disabled'] },\n  ],\n  template: `\n    <ng-content />\n  `,\n  styles: `\n    :host {\n      padding-left: 1rem;\n      padding-right: 1rem;\n      border-radius: 0.5rem;\n      color: var(--ngp-text-primary);\n      border: none;\n      outline: none;\n      height: 2.5rem;\n      font-weight: 500;\n      background-color: var(--ngp-background);\n      transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: var(--ngp-button-shadow);\n    }\n\n    :host[data-hover] {\n      background-color: var(--ngp-background-hover);\n    }\n\n    :host[data-focus-visible] {\n      outline: 2px solid var(--ngp-focus-ring);\n      outline-offset: 2px;\n    }\n\n    :host[data-press] {\n      background-color: var(--ngp-background-active);\n    }\n\n    :host[data-selected] {\n      background-color: var(--ngp-background-inverse);\n      color: var(--ngp-text-inverse);\n    }\n  `,\n  providers: [provideValueAccessor(Toggle)],\n  host: {\n    '(focusout)': 'onTouched?.()',\n  },\n})\nexport class Toggle implements ControlValueAccessor {\n  /** Access the toggle state. */\n  private readonly toggle = injectToggleState();\n\n  /** The on change callback */\n  private onChange?: ChangeFn<boolean>;\n\n  /** The on touched callback */\n  protected onTouched?: TouchedFn;\n\n  constructor() {\n    // Any time the toggle changes, update the form value.\n    this.toggle()\n      .selectedChange.pipe(takeUntilDestroyed())\n      .subscribe(value => this.onChange?.(value));\n  }\n\n  /** Write a new value to the toggle. */\n  writeValue(value: boolean): void {\n    this.toggle().setSelected(value, { emit: false });\n  }\n\n  /** Register a callback function to be called when the value changes. */\n  registerOnChange(fn: ChangeFn<boolean>): void {\n    this.onChange = fn;\n  }\n\n  /** Register a callback function to be called when the toggle is touched. */\n  registerOnTouched(fn: TouchedFn): void {\n    this.onTouched = fn;\n  }\n\n  /** Set the disabled state of the toggle. */\n  setDisabledState(isDisabled: boolean): void {\n    this.toggle().setDisabled(isDisabled);\n  }\n}\n",
     "primitive": "toggle",
     "hasVariants": false,
     "hasSizes": false