@ng-solid/mcp 22.3.0 → 22.3.1

package/data/design-system.json

@@ -1,13 +1,13 @@
 {
   "schemaVersion": 1,
-  "version": "22.4.0",
+  "version": "22.4.1",
   "generatedAt": "snapshot",
   "framework": {
     "name": "angular",
     "version": "^21.0.0"
   },
   "packages": {
-    "designSystem": "22.4.0",
+    "designSystem": "22.4.1",
     "icons": "22.1.1",
     "core": "22.0.8"
   },
@@ -1809,6 +1809,23 @@
             "[iconOnly]=\"expr\""
           ]
         },
+        {
+          "name": "iconSize",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "iconSize",
+          "type": "number | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": "numberOrUndefined",
+          "transformKind": "custom",
+          "acceptsAttribute": false,
+          "docs": "Explicit `ns-icon` size override. Defaults to 14 for `size=\"xs\"` and 16\nfor every other size when left unset.",
+          "inheritedFrom": null,
+          "binding": "[iconSize]=\"iconSize\""
+        },
         {
           "name": "loading",
           "kind": "input",
@@ -1852,11 +1869,12 @@
           "required": false,
           "alias": null,
           "bindingName": "size",
-          "type": "NsSize",
+          "type": "NsButtonSize",
           "values": [
             "sm",
             "md",
-            "lg"
+            "lg",
+            "xs"
           ],
           "default": "'md'",
           "defaultKind": "literal",
@@ -2013,6 +2031,12 @@
             "kind": "expression",
             "className": "ns-button--unselected",
             "expression": "selected() === false"
+          },
+          {
+            "input": "size",
+            "value": "xs",
+            "kind": "enum",
+            "className": "ns-button--xs"
           }
         ],
         "modifierMap": {
@@ -2026,6 +2050,7 @@
             "true": "ns-button--loading"
           },
           "size": {
+            "xs": "ns-button--xs",
             "sm": "ns-button--sm",
             "md": "ns-button--md",
             "lg": "ns-button--lg"
@@ -2091,10 +2116,12 @@
         "--ns-component-button-min-height",
         "--ns-component-button-min-height-lg",
         "--ns-component-button-min-height-sm",
+        "--ns-component-button-min-height-xs",
         "--ns-component-button-min-width",
         "--ns-component-button-padding-block",
         "--ns-component-button-padding-inline",
         "--ns-component-button-radius",
+        "--ns-component-button-radius-xs",
         "--ns-component-button-secondary-background",
         "--ns-component-button-secondary-background-active",
         "--ns-component-button-secondary-background-hover",
@@ -2140,7 +2167,8 @@
         "danger",
         "dark",
         "selected",
-        "loading"
+        "loading",
+        "sizes"
       ],
       "pitfalls": [
         "No tiene inputs `color`, `label` ni `theme` -- fueron retirados. El texto del botón se proyecta como contenido (`<ns-button>Guardar</ns-button>`), no se pasa por input.",
@@ -6660,6 +6688,12 @@
         "staticClasses": [],
         "elements": [
           "ns-dropdown__description",
+          "ns-dropdown__dot",
+          "ns-dropdown__dot--danger",
+          "ns-dropdown__dot--neutral",
+          "ns-dropdown__dot--primary",
+          "ns-dropdown__dot--success",
+          "ns-dropdown__dot--warning",
           "ns-dropdown__empty",
           "ns-dropdown__error",
           "ns-dropdown__label",
@@ -6750,6 +6784,12 @@
       },
       "tokens": [
         "--ns-component-dropdown-description-color",
+        "--ns-component-dropdown-dot-danger",
+        "--ns-component-dropdown-dot-neutral",
+        "--ns-component-dropdown-dot-primary",
+        "--ns-component-dropdown-dot-size",
+        "--ns-component-dropdown-dot-success",
+        "--ns-component-dropdown-dot-warning",
         "--ns-component-dropdown-empty-color",
         "--ns-component-dropdown-empty-padding",
         "--ns-component-dropdown-empty-size",
@@ -6812,14 +6852,15 @@
       "docs": "",
       "category": "Formularios",
       "summary": "Selecciona una o varias opciones desde un panel con búsqueda.",
-      "snippet": "<ns-dropdown [(ngModel)]=\"cuenta\" [collection]=\"cuentas\" searchPlaceholder=\"Buscar\" />",
+      "snippet": "<ns-dropdown [(ngModel)]=\"cuenta\" [collection]=\"cuentas\" searchPlaceholder=\"Buscar\" />\n<!-- Con punto de color: estados = [{ key: 'activo', label: 'Activo', dot: 'success' }] -->\n<ns-dropdown [(ngModel)]=\"estado\" [collection]=\"estados\" />",
       "variants": [
         "single",
         "multiple",
         "searchable",
         "loading",
         "empty",
-        "disabled"
+        "disabled",
+        "dot"
       ]
     },
     {
@@ -6859,6 +6900,29 @@
             "[disabled]=\"expr\""
           ]
         },
+        {
+          "name": "dot",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "dot",
+          "type": "NsColor | undefined",
+          "values": [
+            "warning",
+            "danger",
+            "success",
+            "primary",
+            "neutral"
+          ],
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[dot]=\"dot\""
+        },
         {
           "name": "key",
           "kind": "input",
@@ -18923,7 +18987,7 @@
         {
           "id": "paquetes-y-peer-dependencies",
           "title": "Paquetes y peer dependencies",
-          "content": "```bash\npnpm add @ng-solid/design-system @ng-solid/icons\n```\n\n`@ng-solid/design-system` declara estos peer dependencies (ver\n`packages/design-system/package.json`):\n\n- `@angular/core`, `@angular/common`, `@angular/forms`,\n  `@angular/platform-browser`, `@angular/router` en `^21.0.0`.\n- `@ng-solid/icons` en `^22.0.5`.\n- `tailwindcss` en `^4.0.0`, marcado **opcional** (`peerDependenciesMeta`) —\n  sólo hace falta si la app consume el puente de utilidades semánticas.\n\nVersiones publicadas actualmente:\n\n- `@ng-solid/design-system@22.4.0` (peer `@angular/*@^21.0.0`)\n- `@ng-solid/icons@22.1.1`\n\nSi tu app usa Tailwind, añade también el plugin de PostCSS:\n\n```bash\npnpm add -D tailwindcss @tailwindcss/postcss\n```"
+          "content": "```bash\npnpm add @ng-solid/design-system @ng-solid/icons\n```\n\n`@ng-solid/design-system` declara estos peer dependencies (ver\n`packages/design-system/package.json`):\n\n- `@angular/core`, `@angular/common`, `@angular/forms`,\n  `@angular/platform-browser`, `@angular/router` en `^21.0.0`.\n- `@ng-solid/icons` en `^22.0.5`.\n- `tailwindcss` en `^4.0.0`, marcado **opcional** (`peerDependenciesMeta`) —\n  sólo hace falta si la app consume el puente de utilidades semánticas.\n\nVersiones publicadas actualmente:\n\n- `@ng-solid/design-system@22.4.1` (peer `@angular/*@^21.0.0`)\n- `@ng-solid/icons@22.1.1`\n\nSi tu app usa Tailwind, añade también el plugin de PostCSS:\n\n```bash\npnpm add -D tailwindcss @tailwindcss/postcss\n```"
         },
         {
           "id": "entrypoint-unico-nada-de-subpaths",
@@ -19006,7 +19070,7 @@
         {
           "id": "los-tres-niveles-de-tokens",
           "title": "Los tres niveles de tokens",
-          "content": "`packages/design-system/src/lib/theme/presets/arvisfy.preset.ts` define el\npreset en tres tiers, cada uno sólo puede referenciar al tier anterior:\n\n1. **`primitive`** — únicos valores crudos permitidos (hex, `rem`, pesos de\n   fuente, escalas numéricas). Ejemplo real: `primitive.color.klein.500 =\n'#3665F3'`.\n2. **`semantic`** — referencia primitivos con la sintaxis `{primitive.…}`, y\n   se divide en `common` (independiente de esquema) y\n   `colorScheme.light` / `colorScheme.dark` (un valor distinto por esquema).\n3. **`components`** — referencia semánticos con `{semantic.…}`. Es el único\n   tier que las hojas de estilo de componente pueden consumir, y sólo a\n   través de la variable CSS resultante.\n\nConteo actual del preset Arvisfy:\n\n281 primitivos, 440 semánticos, 1099 de componente en 53 grupos."
+          "content": "`packages/design-system/src/lib/theme/presets/arvisfy.preset.ts` define el\npreset en tres tiers, cada uno sólo puede referenciar al tier anterior:\n\n1. **`primitive`** — únicos valores crudos permitidos (hex, `rem`, pesos de\n   fuente, escalas numéricas). Ejemplo real: `primitive.color.klein.500 =\n'#3665F3'`.\n2. **`semantic`** — referencia primitivos con la sintaxis `{primitive.…}`, y\n   se divide en `common` (independiente de esquema) y\n   `colorScheme.light` / `colorScheme.dark` (un valor distinto por esquema).\n3. **`components`** — referencia semánticos con `{semantic.…}`. Es el único\n   tier que las hojas de estilo de componente pueden consumir, y sólo a\n   través de la variable CSS resultante.\n\nConteo actual del preset Arvisfy:\n\n282 primitivos, 441 semánticos, 1107 de componente en 53 grupos."
         },
         {
           "id": "regla-de-oro-del-scss-de-componente",
@@ -19976,6 +20040,11 @@
           "cssVariable": "--ns-primitive-size-control-sm",
           "value": "2.375rem"
         },
+        {
+          "path": "size.controlXs",
+          "cssVariable": "--ns-primitive-size-control-xs",
+          "value": "1.75rem"
+        },
         {
           "path": "size.datePickerMenu",
           "cssVariable": "--ns-primitive-size-date-picker-menu",
@@ -20965,6 +21034,12 @@
             "reference": "{primitive.size.controlSm}",
             "resolvedLiteral": "2.375rem"
           },
+          {
+            "path": "size.controlXs",
+            "cssVariable": "--ns-semantic-size-control-xs",
+            "reference": "{primitive.size.controlXs}",
+            "resolvedLiteral": "1.75rem"
+          },
           {
             "path": "size.datePickerMenu",
             "cssVariable": "--ns-semantic-size-date-picker-menu",
@@ -23942,6 +24017,15 @@
             "dark": "2.375rem"
           }
         },
+        {
+          "path": "button.minHeightXs",
+          "cssVariable": "--ns-component-button-min-height-xs",
+          "reference": "{semantic.size.controlXs}",
+          "resolved": {
+            "light": "1.75rem",
+            "dark": "1.75rem"
+          }
+        },
         {
           "path": "button.minWidth",
           "cssVariable": "--ns-component-button-min-width",
@@ -23978,6 +24062,15 @@
             "dark": "0.75rem"
           }
         },
+        {
+          "path": "button.radiusXs",
+          "cssVariable": "--ns-component-button-radius-xs",
+          "reference": "{semantic.radius.pill}",
+          "resolved": {
+            "light": "0.5rem",
+            "dark": "0.5rem"
+          }
+        },
         {
           "path": "button.secondaryBackground",
           "cssVariable": "--ns-component-button-secondary-background",
@@ -26381,6 +26474,60 @@
             "dark": "#A7B0C0"
           }
         },
+        {
+          "path": "dropdown.dotDanger",
+          "cssVariable": "--ns-component-dropdown-dot-danger",
+          "reference": "{semantic.status.danger}",
+          "resolved": {
+            "light": "#E5514A",
+            "dark": "#E5514A"
+          }
+        },
+        {
+          "path": "dropdown.dotNeutral",
+          "cssVariable": "--ns-component-dropdown-dot-neutral",
+          "reference": "{semantic.status.neutralText}",
+          "resolved": {
+            "light": "#4A4F58",
+            "dark": "#C8D0DD"
+          }
+        },
+        {
+          "path": "dropdown.dotPrimary",
+          "cssVariable": "--ns-component-dropdown-dot-primary",
+          "reference": "{semantic.color.primary}",
+          "resolved": {
+            "light": "#3665F3",
+            "dark": "#6F92FF"
+          }
+        },
+        {
+          "path": "dropdown.dotSize",
+          "cssVariable": "--ns-component-dropdown-dot-size",
+          "reference": "{semantic.size.timelineDot}",
+          "resolved": {
+            "light": "9px",
+            "dark": "9px"
+          }
+        },
+        {
+          "path": "dropdown.dotSuccess",
+          "cssVariable": "--ns-component-dropdown-dot-success",
+          "reference": "{semantic.status.success}",
+          "resolved": {
+            "light": "#0CAC42",
+            "dark": "#0CAC42"
+          }
+        },
+        {
+          "path": "dropdown.dotWarning",
+          "cssVariable": "--ns-component-dropdown-dot-warning",
+          "reference": "{semantic.status.warning}",
+          "resolved": {
+            "light": "#C08A1E",
+            "dark": "#C08A1E"
+          }
+        },
         {
           "path": "dropdown.emptyColor",
           "cssVariable": "--ns-component-dropdown-empty-color",
@@ -33154,8 +33301,8 @@
     "providers": 3,
     "guides": 6,
     "icons": 1790,
-    "tokensPrimitive": 281,
-    "tokensSemantic": 440,
-    "tokensComponent": 1099
+    "tokensPrimitive": 282,
+    "tokensSemantic": 441,
+    "tokensComponent": 1107
   }
 }

package/data/skills/ns-solid-install/SKILL.md

@@ -22,7 +22,7 @@ pnpm add @ng-solid/design-system @ng-solid/icons
 
 Versiones publicadas actualmente:
 
-- `@ng-solid/design-system@22.4.0` (peer `@angular/*@^21.0.0`)
+- `@ng-solid/design-system@22.4.1` (peer `@angular/*@^21.0.0`)
 - `@ng-solid/icons@22.1.1`
 
 Si tu app usa Tailwind, añade también el plugin de PostCSS:

package/data/skills/ns-solid-theming/SKILL.md

@@ -22,7 +22,7 @@ preset en tres tiers, cada uno sólo puede referenciar al tier anterior:
 
 Conteo actual del preset Arvisfy:
 
-281 primitivos, 440 semánticos, 1099 de componente en 53 grupos.
+282 primitivos, 441 semánticos, 1107 de componente en 53 grupos.
 
 ## Regla de oro del SCSS de componente
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-solid/mcp",
-  "version": "22.3.0",
+  "version": "22.3.1",
   "type": "module",
   "license": "MIT",
   "description": "MCP server for the ng-solid Arvisfy design system — serves component, token, icon and style-contract metadata to AI agents.",