@ng-solid/mcp 22.3.2 → 22.3.3

package/data/design-system.json

@@ -1,13 +1,13 @@
 {
   "schemaVersion": 1,
-  "version": "22.4.2",
+  "version": "22.5.0",
   "generatedAt": "snapshot",
   "framework": {
     "name": "angular",
     "version": "^21.0.0"
   },
   "packages": {
-    "designSystem": "22.4.2",
+    "designSystem": "22.5.0",
     "icons": "22.1.1",
     "core": "22.0.8"
   },
@@ -295,6 +295,13 @@
         "ns-progress-bar"
       ]
     },
+    {
+      "family": "quantity",
+      "group": "form",
+      "components": [
+        "ns-quantity"
+      ]
+    },
     {
       "family": "radio",
       "group": "form",
@@ -3360,7 +3367,6 @@
         "--ns-component-chip-choice-font-weight",
         "--ns-component-chip-choice-min-height",
         "--ns-component-chip-choice-padding-inline",
-        "--ns-component-chip-choice-radius",
         "--ns-component-chip-color",
         "--ns-component-chip-danger-background",
         "--ns-component-chip-danger-color",
@@ -3377,7 +3383,6 @@
         "--ns-component-chip-pill-font-weight",
         "--ns-component-chip-pill-padding-block",
         "--ns-component-chip-pill-padding-inline",
-        "--ns-component-chip-pill-radius",
         "--ns-component-chip-primary-background",
         "--ns-component-chip-primary-color",
         "--ns-component-chip-radius",
@@ -13241,45 +13246,51 @@
       ]
     },
     {
-      "selector": "ns-radio",
-      "slug": "radio",
+      "selector": "ns-quantity",
+      "slug": "quantity",
       "selectorType": "element",
-      "className": "NsRadioComponent",
-      "exportedAs": "NsRadioComponent",
+      "className": "NsQuantityComponent",
+      "exportedAs": "NsQuantityComponent",
       "visibility": "public",
       "importFrom": "@ng-solid/design-system",
-      "family": "radio",
+      "family": "quantity",
       "group": "form",
       "standalone": true,
       "templateExportAs": null,
-      "filePath": "packages/design-system/src/lib/form/components/radio/radio.component.ts",
-      "imports": [],
-      "providers": "[]",
-      "formControl": null,
+      "filePath": "packages/design-system/src/lib/form/components/quantity/quantity.component.ts",
+      "imports": [
+        "NsIconsComponent"
+      ],
+      "providers": "[\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NsQuantityComponent),\n      multi: true\n    }\n  ]",
+      "formControl": {
+        "isValueAccessor": true,
+        "valueType": "number | null",
+        "baseClass": "NsValueAccessor"
+      },
       "inputs": [
         {
-          "name": "disabled",
+          "name": "ariaDescribedBy",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "disabled",
-          "type": "boolean",
+          "bindingName": "ariaDescribedBy",
+          "type": "string | undefined",
           "values": null,
-          "default": "false",
+          "default": "undefined",
           "defaultKind": "literal",
           "transform": null,
           "transformKind": null,
           "acceptsAttribute": false,
           "docs": "",
-          "inheritedFrom": null,
-          "binding": "[disabled]=\"disabled\""
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[ariaDescribedBy]=\"ariaDescribedBy\""
         },
         {
-          "name": "label",
+          "name": "ariaLabel",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "label",
+          "bindingName": "ariaLabel",
           "type": "string | undefined",
           "values": null,
           "default": "undefined",
@@ -13288,118 +13299,55 @@
           "transformKind": null,
           "acceptsAttribute": false,
           "docs": "",
-          "inheritedFrom": null,
-          "binding": "[label]=\"label\""
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[ariaLabel]=\"ariaLabel\""
         },
         {
-          "name": "name",
+          "name": "color",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "name",
-          "type": "string | undefined",
-          "values": null,
-          "default": "undefined",
+          "bindingName": "color",
+          "type": "'neutral' | 'primary' | 'success' | 'warning' | 'danger'",
+          "values": [
+            "warning",
+            "danger",
+            "success",
+            "primary",
+            "neutral"
+          ],
+          "default": "'neutral'",
           "defaultKind": "literal",
           "transform": null,
           "transformKind": null,
           "acceptsAttribute": false,
           "docs": "",
-          "inheritedFrom": null,
-          "binding": "[name]=\"name\""
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[color]=\"color\""
         },
         {
-          "name": "value",
+          "name": "decrementAriaLabel",
           "kind": "input",
-          "required": true,
+          "required": false,
           "alias": null,
-          "bindingName": "value",
+          "bindingName": "decrementAriaLabel",
           "type": "string",
           "values": null,
-          "default": null,
-          "defaultKind": null,
+          "default": "'Disminuir'",
+          "defaultKind": "literal",
           "transform": null,
           "transformKind": null,
           "acceptsAttribute": false,
           "docs": "",
           "inheritedFrom": null,
-          "binding": "[value]=\"value\""
-        }
-      ],
-      "outputs": [],
-      "models": [],
-      "composition": {
-        "parent": null,
-        "children": []
-      },
-      "bem": {
-        "block": "ns-radio",
-        "staticClasses": [],
-        "elements": [
-          "ns-radio__input",
-          "ns-radio__label"
-        ],
-        "modifiers": [],
-        "modifierMap": {},
-        "attrs": [],
-        "listeners": [],
-        "styleVars": [],
-        "other": []
-      },
-      "slots": [],
-      "a11y": {
-        "roles": [],
-        "ariaAttributes": [],
-        "focusTrap": false,
-        "focusable": false
-      },
-      "tokens": [
-        "--ns-component-radio-background",
-        "--ns-component-radio-border-color",
-        "--ns-component-radio-checked-background",
-        "--ns-component-radio-description-color",
-        "--ns-component-radio-disabled-color",
-        "--ns-component-radio-error-color",
-        "--ns-component-radio-focus-shadow",
-        "--ns-component-radio-inset",
-        "--ns-component-radio-label-color"
-      ],
-      "docs": "",
-      "category": "Formularios",
-      "summary": "Define una opción dentro de un RadioGroup.",
-      "snippet": "<ns-radio value=\"monthly\" label=\"Mensual\" />",
-      "variants": [
-        "label",
-        "disabled"
-      ]
-    },
-    {
-      "selector": "ns-radio-group",
-      "slug": "radio-group",
-      "selectorType": "element",
-      "className": "NsRadioGroupComponent",
-      "exportedAs": "NsRadioGroupComponent",
-      "visibility": "public",
-      "importFrom": "@ng-solid/design-system",
-      "family": "radio",
-      "group": "form",
-      "standalone": true,
-      "templateExportAs": null,
-      "filePath": "packages/design-system/src/lib/form/components/radio/radio-group.component.ts",
-      "imports": [],
-      "providers": "[\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NsRadioGroupComponent),\n      multi: true\n    },\n    NsRadioGroupContext\n  ]",
-      "formControl": {
-        "isValueAccessor": true,
-        "valueType": "string | null",
-        "baseClass": "NsValueAccessor"
-      },
-      "inputs": [
+          "binding": "decrementAriaLabel=\"Disminuir\""
+        },
         {
-          "name": "ariaDescribedBy",
+          "name": "description",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "ariaDescribedBy",
+          "bindingName": "description",
           "type": "string | undefined",
           "values": null,
           "default": "undefined",
@@ -13409,14 +13357,14 @@
           "acceptsAttribute": false,
           "docs": "",
           "inheritedFrom": "NsValueAccessor",
-          "binding": "[ariaDescribedBy]=\"ariaDescribedBy\""
+          "binding": "[description]=\"description\""
         },
         {
-          "name": "ariaLabel",
+          "name": "errorMessage",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "ariaLabel",
+          "bindingName": "errorMessage",
           "type": "string | undefined",
           "values": null,
           "default": "undefined",
@@ -13426,64 +13374,760 @@
           "acceptsAttribute": false,
           "docs": "",
           "inheritedFrom": "NsValueAccessor",
-          "binding": "[ariaLabel]=\"ariaLabel\""
+          "binding": "[errorMessage]=\"errorMessage\""
         },
         {
-          "name": "color",
+          "name": "formatOptions",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "color",
-          "type": "'neutral' | 'primary' | 'success' | 'warning' | 'danger'",
-          "values": [
-            "warning",
-            "danger",
-            "success",
-            "primary",
-            "neutral"
-          ],
-          "default": "'neutral'",
+          "bindingName": "formatOptions",
+          "type": "Intl.NumberFormatOptions",
+          "values": null,
+          "default": "{}",
           "defaultKind": "literal",
           "transform": null,
           "transformKind": null,
           "acceptsAttribute": false,
-          "docs": "",
-          "inheritedFrom": "NsValueAccessor",
-          "binding": "[color]=\"color\""
+          "docs": "`Intl.NumberFormat` options used for the blurred display and `aria-valuetext`.",
+          "inheritedFrom": null,
+          "binding": "[formatOptions]=\"formatOptions\""
         },
         {
-          "name": "description",
+          "name": "fullWidth",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "description",
-          "type": "string | undefined",
+          "bindingName": "fullWidth",
+          "type": "boolean",
           "values": null,
-          "default": "undefined",
+          "default": "false",
           "defaultKind": "literal",
-          "transform": null,
-          "transformKind": null,
-          "acceptsAttribute": false,
+          "transform": "booleanAttribute",
+          "transformKind": "angular",
+          "acceptsAttribute": true,
           "docs": "",
-          "inheritedFrom": "NsValueAccessor",
-          "binding": "[description]=\"description\""
+          "inheritedFrom": null,
+          "binding": "fullWidth",
+          "bindingAlt": [
+            "[fullWidth]=\"expr\""
+          ]
         },
         {
-          "name": "errorMessage",
+          "name": "incrementAriaLabel",
           "kind": "input",
           "required": false,
           "alias": null,
-          "bindingName": "errorMessage",
-          "type": "string | undefined",
+          "bindingName": "incrementAriaLabel",
+          "type": "string",
           "values": null,
-          "default": "undefined",
+          "default": "'Aumentar'",
           "defaultKind": "literal",
           "transform": null,
           "transformKind": null,
           "acceptsAttribute": false,
           "docs": "",
-          "inheritedFrom": "NsValueAccessor",
-          "binding": "[errorMessage]=\"errorMessage\""
+          "inheritedFrom": null,
+          "binding": "incrementAriaLabel=\"Aumentar\""
+        },
+        {
+          "name": "invalid",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "invalid",
+          "type": "boolean",
+          "values": null,
+          "default": "false",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[invalid]=\"invalid\""
+        },
+        {
+          "name": "label",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "label",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[label]=\"label\""
+        },
+        {
+          "name": "locale",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "locale",
+          "type": "string",
+          "values": null,
+          "default": "inject(LOCALE_ID)",
+          "defaultKind": "expression",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "locale=\"value\""
+        },
+        {
+          "name": "max",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "max",
+          "type": "number | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": "optionalNumber",
+          "transformKind": "custom",
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[max]=\"max\""
+        },
+        {
+          "name": "min",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "min",
+          "type": "number | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": "optionalNumber",
+          "transformKind": "custom",
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[min]=\"min\""
+        },
+        {
+          "name": "name",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "name",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[name]=\"name\""
+        },
+        {
+          "name": "placeholder",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "placeholder",
+          "type": "string",
+          "values": null,
+          "default": "''",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "placeholder=\"value\""
+        },
+        {
+          "name": "readonly",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "readonly",
+          "type": "boolean",
+          "values": null,
+          "default": "false",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[readonly]=\"readonly\""
+        },
+        {
+          "name": "required",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "required",
+          "type": "boolean",
+          "values": null,
+          "default": "false",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[required]=\"required\""
+        },
+        {
+          "name": "size",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "size",
+          "type": "'sm' | 'md' | 'lg'",
+          "values": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "'md'",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[size]=\"size\""
+        },
+        {
+          "name": "step",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "step",
+          "type": "number",
+          "values": null,
+          "default": "1",
+          "defaultKind": "literal",
+          "transform": "positiveStep",
+          "transformKind": "custom",
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[step]=\"step\""
+        },
+        {
+          "name": "type",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "type",
+          "type": "string",
+          "values": null,
+          "default": "'text'",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "type=\"text\""
+        },
+        {
+          "name": "variant",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "variant",
+          "type": "'solid' | 'soft' | 'outline' | 'ghost'",
+          "values": [
+            "solid",
+            "soft",
+            "outline",
+            "ghost"
+          ],
+          "default": "'outline'",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[variant]=\"variant\""
+        },
+        {
+          "name": "wheelDisabled",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "wheelDisabled",
+          "type": "boolean",
+          "values": null,
+          "default": "false",
+          "defaultKind": "literal",
+          "transform": "booleanAttribute",
+          "transformKind": "angular",
+          "acceptsAttribute": true,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "wheelDisabled",
+          "bindingAlt": [
+            "[wheelDisabled]=\"expr\""
+          ]
+        }
+      ],
+      "outputs": [],
+      "models": [
+        {
+          "name": "disabled",
+          "kind": "model",
+          "required": false,
+          "alias": null,
+          "bindingName": "disabled",
+          "type": "boolean",
+          "values": null,
+          "default": "false",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[(disabled)]=\"disabled\"",
+          "outputName": "disabledChange"
+        },
+        {
+          "name": "value",
+          "kind": "model",
+          "required": false,
+          "alias": null,
+          "bindingName": "value",
+          "type": "T",
+          "values": null,
+          "default": "undefined as T",
+          "defaultKind": "expression",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[(value)]=\"value\"",
+          "outputName": "valueChange"
+        }
+      ],
+      "composition": {
+        "parent": null,
+        "children": []
+      },
+      "bem": {
+        "block": "ns-quantity",
+        "staticClasses": [],
+        "elements": [
+          "ns-quantity__button",
+          "ns-quantity__button--decrement",
+          "ns-quantity__button--increment",
+          "ns-quantity__description",
+          "ns-quantity__error",
+          "ns-quantity__group",
+          "ns-quantity__input",
+          "ns-quantity__label",
+          "ns-quantity__required"
+        ],
+        "modifiers": [
+          {
+            "input": "disabled",
+            "value": true,
+            "kind": "boolean",
+            "className": "ns-quantity--disabled"
+          },
+          {
+            "input": "fullWidth",
+            "value": true,
+            "kind": "boolean",
+            "className": "ns-quantity--full-width"
+          },
+          {
+            "input": "invalid",
+            "value": true,
+            "kind": "boolean",
+            "className": "ns-quantity--invalid"
+          },
+          {
+            "input": "size",
+            "value": "lg",
+            "kind": "enum",
+            "className": "ns-quantity--lg"
+          },
+          {
+            "input": null,
+            "value": null,
+            "kind": "expression",
+            "className": "ns-quantity--outline",
+            "expression": "variant() !== 'soft'"
+          },
+          {
+            "input": "readonly",
+            "value": true,
+            "kind": "boolean",
+            "className": "ns-quantity--readonly"
+          },
+          {
+            "input": "size",
+            "value": "sm",
+            "kind": "enum",
+            "className": "ns-quantity--sm"
+          },
+          {
+            "input": "variant",
+            "value": "soft",
+            "kind": "enum",
+            "className": "ns-quantity--soft"
+          }
+        ],
+        "modifierMap": {
+          "variant": {
+            "soft": "ns-quantity--soft"
+          },
+          "size": {
+            "sm": "ns-quantity--sm",
+            "lg": "ns-quantity--lg"
+          },
+          "disabled": {
+            "true": "ns-quantity--disabled"
+          },
+          "invalid": {
+            "true": "ns-quantity--invalid"
+          },
+          "readonly": {
+            "true": "ns-quantity--readonly"
+          },
+          "fullWidth": {
+            "true": "ns-quantity--full-width"
+          }
+        },
+        "attrs": [],
+        "listeners": [],
+        "styleVars": [],
+        "other": []
+      },
+      "slots": [],
+      "a11y": {
+        "roles": [
+          "alert",
+          "spinbutton"
+        ],
+        "ariaAttributes": [
+          "aria-controls",
+          "aria-describedby",
+          "aria-hidden",
+          "aria-invalid",
+          "aria-label",
+          "aria-readonly",
+          "aria-required",
+          "aria-valuemax",
+          "aria-valuemin",
+          "aria-valuenow",
+          "aria-valuetext"
+        ],
+        "focusTrap": false,
+        "focusable": true
+      },
+      "tokens": [
+        "--ns-component-quantity-background",
+        "--ns-component-quantity-border-color",
+        "--ns-component-quantity-border-focus-color",
+        "--ns-component-quantity-border-hover-color",
+        "--ns-component-quantity-border-width",
+        "--ns-component-quantity-button-active-background",
+        "--ns-component-quantity-button-disabled-color",
+        "--ns-component-quantity-button-hover-background",
+        "--ns-component-quantity-button-soft-hover-background",
+        "--ns-component-quantity-color",
+        "--ns-component-quantity-description-color",
+        "--ns-component-quantity-disabled-background",
+        "--ns-component-quantity-disabled-color",
+        "--ns-component-quantity-divider-color",
+        "--ns-component-quantity-error-color",
+        "--ns-component-quantity-focus-shadow",
+        "--ns-component-quantity-icon-color",
+        "--ns-component-quantity-icon-size",
+        "--ns-component-quantity-invalid-border-color",
+        "--ns-component-quantity-label-color",
+        "--ns-component-quantity-label-size",
+        "--ns-component-quantity-label-weight",
+        "--ns-component-quantity-min-height",
+        "--ns-component-quantity-min-height-lg",
+        "--ns-component-quantity-min-height-sm",
+        "--ns-component-quantity-padding-inline",
+        "--ns-component-quantity-placeholder",
+        "--ns-component-quantity-radius",
+        "--ns-component-quantity-required-color",
+        "--ns-component-quantity-shadow",
+        "--ns-component-quantity-soft-background",
+        "--ns-component-quantity-transition-duration"
+      ],
+      "docs": "Numeric stepper `[–] | input | [+]` (WAI-ARIA spinbutton).\n\nThe model is `number | null`. While focused the field shows an editable raw\nnumber; on blur / Enter / stepping the text is parsed with the active\n`locale`, clamped to `min`/`max` and snapped to `step` (counted from `min`\nwhen set). When blurred it shows `formatOptions` applied through\n`Intl.NumberFormat`.\n\n`formatOptions.style === 'percent'` follows the `Intl` convention: the model\nis a fraction (`0.5` shows \"50 %\"), so `min`/`max`/`step` are fractions too.",
+      "category": "Formularios",
+      "summary": "Selector numérico con botones de incremento y decremento.",
+      "snippet": "<ns-quantity label=\"Cantidad\" [min]=\"0\" [max]=\"2048\" [(ngModel)]=\"quantity\" />",
+      "variants": [
+        "outline",
+        "soft",
+        "min / max",
+        "step",
+        "percent",
+        "disabled"
+      ]
+    },
+    {
+      "selector": "ns-radio",
+      "slug": "radio",
+      "selectorType": "element",
+      "className": "NsRadioComponent",
+      "exportedAs": "NsRadioComponent",
+      "visibility": "public",
+      "importFrom": "@ng-solid/design-system",
+      "family": "radio",
+      "group": "form",
+      "standalone": true,
+      "templateExportAs": null,
+      "filePath": "packages/design-system/src/lib/form/components/radio/radio.component.ts",
+      "imports": [],
+      "providers": "[]",
+      "formControl": null,
+      "inputs": [
+        {
+          "name": "disabled",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "disabled",
+          "type": "boolean",
+          "values": null,
+          "default": "false",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[disabled]=\"disabled\""
+        },
+        {
+          "name": "label",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "label",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[label]=\"label\""
+        },
+        {
+          "name": "name",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "name",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[name]=\"name\""
+        },
+        {
+          "name": "value",
+          "kind": "input",
+          "required": true,
+          "alias": null,
+          "bindingName": "value",
+          "type": "string",
+          "values": null,
+          "default": null,
+          "defaultKind": null,
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": null,
+          "binding": "[value]=\"value\""
+        }
+      ],
+      "outputs": [],
+      "models": [],
+      "composition": {
+        "parent": null,
+        "children": []
+      },
+      "bem": {
+        "block": "ns-radio",
+        "staticClasses": [],
+        "elements": [
+          "ns-radio__input",
+          "ns-radio__label"
+        ],
+        "modifiers": [],
+        "modifierMap": {},
+        "attrs": [],
+        "listeners": [],
+        "styleVars": [],
+        "other": []
+      },
+      "slots": [],
+      "a11y": {
+        "roles": [],
+        "ariaAttributes": [],
+        "focusTrap": false,
+        "focusable": false
+      },
+      "tokens": [
+        "--ns-component-radio-background",
+        "--ns-component-radio-border-color",
+        "--ns-component-radio-checked-background",
+        "--ns-component-radio-description-color",
+        "--ns-component-radio-disabled-color",
+        "--ns-component-radio-error-color",
+        "--ns-component-radio-focus-shadow",
+        "--ns-component-radio-inset",
+        "--ns-component-radio-label-color"
+      ],
+      "docs": "",
+      "category": "Formularios",
+      "summary": "Define una opción dentro de un RadioGroup.",
+      "snippet": "<ns-radio value=\"monthly\" label=\"Mensual\" />",
+      "variants": [
+        "label",
+        "disabled"
+      ]
+    },
+    {
+      "selector": "ns-radio-group",
+      "slug": "radio-group",
+      "selectorType": "element",
+      "className": "NsRadioGroupComponent",
+      "exportedAs": "NsRadioGroupComponent",
+      "visibility": "public",
+      "importFrom": "@ng-solid/design-system",
+      "family": "radio",
+      "group": "form",
+      "standalone": true,
+      "templateExportAs": null,
+      "filePath": "packages/design-system/src/lib/form/components/radio/radio-group.component.ts",
+      "imports": [],
+      "providers": "[\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NsRadioGroupComponent),\n      multi: true\n    },\n    NsRadioGroupContext\n  ]",
+      "formControl": {
+        "isValueAccessor": true,
+        "valueType": "string | null",
+        "baseClass": "NsValueAccessor"
+      },
+      "inputs": [
+        {
+          "name": "ariaDescribedBy",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "ariaDescribedBy",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[ariaDescribedBy]=\"ariaDescribedBy\""
+        },
+        {
+          "name": "ariaLabel",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "ariaLabel",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[ariaLabel]=\"ariaLabel\""
+        },
+        {
+          "name": "color",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "color",
+          "type": "'neutral' | 'primary' | 'success' | 'warning' | 'danger'",
+          "values": [
+            "warning",
+            "danger",
+            "success",
+            "primary",
+            "neutral"
+          ],
+          "default": "'neutral'",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[color]=\"color\""
+        },
+        {
+          "name": "description",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "description",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[description]=\"description\""
+        },
+        {
+          "name": "errorMessage",
+          "kind": "input",
+          "required": false,
+          "alias": null,
+          "bindingName": "errorMessage",
+          "type": "string | undefined",
+          "values": null,
+          "default": "undefined",
+          "defaultKind": "literal",
+          "transform": null,
+          "transformKind": null,
+          "acceptsAttribute": false,
+          "docs": "",
+          "inheritedFrom": "NsValueAccessor",
+          "binding": "[errorMessage]=\"errorMessage\""
         },
         {
           "name": "invalid",
@@ -18885,7 +19529,7 @@
         {
           "id": "tabla-generada",
           "title": "Tabla generada",
-          "content": "| Selector | Clase | Familia | Categoría |\n| --- | --- | --- | --- |\n| `ns-accordion` | `NsAccordionComponent` | accordion | Contenido |\n| `ns-accordion-item` | `NsAccordionItemComponent` | accordion | — |\n| `ns-alert` | `NsAlertComponent` | alert | Feedback |\n| `ns-avatar` | `NsAvatarComponent` | avatar | Contenido |\n| `ns-avatar-group` | `NsAvatarGroupComponent` | avatar | Contenido |\n| `ns-badge` | `NsBadgeComponent` | badge | Feedback |\n| `ns-breadcrumb-item` | `NsBreadcrumbItemComponent` | breadcrumbs | — |\n| `ns-breadcrumbs` | `NsBreadcrumbsComponent` | breadcrumbs | Navegación |\n| `ns-button` | `NsButtonComponent` | button | Acciones |\n| `ns-button-group` | `NsButtonGroupComponent` | button-group | Acciones |\n| `ns-card` | `NsCardComponent` | card | Superficies |\n| `ns-card-body` | `NsCardBodyComponent` | card | — |\n| `ns-card-footer` | `NsCardFooterComponent` | card | — |\n| `ns-card-header` | `NsCardHeaderComponent` | card | — |\n| `ns-checkbox` | `NsCheckboxComponent` | form/checkbox | Formularios |\n| `ns-chip` | `NsChipComponent` | chip | Feedback |\n| `ns-command-palette` | `NsCommandPaletteComponent` | command-palette | Overlays |\n| `ns-comment` | `NsCommentComponent` | comment | Formularios |\n| `ns-content-editable` | `NsContentEditableComponent` | form/directives | Formularios |\n| `ns-date-picker` | `NsDatePickerComponent` | form/date-picker | Formularios |\n| `ns-date-range-picker` | `NsDateRangePickerComponent` | form/date-picker | Formularios |\n| `ns-description` | `NsDescriptionComponent` | description | Accesibilidad |\n| `ns-divider` | `NsDividerComponent` | divider | Contenido |\n| `ns-drawer` | `NsDrawerComponent` | drawer | Overlays |\n| `ns-dropdown` | `NsDropdownComponent` | form/dropdown | Formularios |\n| `ns-dropdown-item` | `NsDropdownItemDirective` | form/dropdown | — |\n| `ns-editor` | `NsEditorComponent` | editor | Formularios |\n| `ns-editor-color-picker` | `NsEditorColorPickerComponent` | editor | — |\n| `ns-editor-image` | `NsEditorImageComponent` | editor | — |\n| `ns-editor-link` | `NsEditorLinkComponent` | editor | — |\n| `ns-editor-list` | `NsEditorListComponent` | editor | — |\n| `ns-editor-paragraph` | `NsEditorParagraphComponent` | editor | — |\n| `ns-editor-toggle` | `NsEditorToggleCommandComponent` | editor | — |\n| `ns-empty-state` | `NsEmptyStateComponent` | empty-state | Feedback |\n| `[nsField]` | `NsFieldDirective` | a11y | — |\n| `ns-image-upload` | `NsImageUploadComponent` | image-upload | Formularios |\n| `ns-input` | `NsInputComponent` | form/input | Formularios |\n| `ns-input-code` | `NsInputCodeComponent` | form/input-code | Formularios |\n| `ns-input-group` | `NsInputGroupComponent` | form/input-group | Formularios |\n| `ns-input-group-addon` | `NsInputGroupAddonComponent` | form/input-group | — |\n| `ns-input-number` | `NsInputNumberComponent` | form/input-number | Formularios |\n| `ns-input-search` | `NsInputSearchComponent` | form/input-search | Formularios |\n| `ns-link` | `NsLinkComponent` | link | Navegación |\n| `ns-load-more` | `NsLoadMoreComponent` | pagination | Navegación |\n| `ns-menu` | `NsMenuComponent` | menu | Overlays |\n| `ns-menu-divider, hr[ns-menu-divider]` | `NsMenuDividerComponent` | menu | — |\n| `ns-menu-item` | `NsMenuItemComponent` | menu | — |\n| `ns-menu-section` | `NsMenuSectionComponent` | menu | — |\n| `ns-meter` | `NsMeterComponent` | meter | Datos |\n| `ns-modal` | `NsModalComponent` | modal | Overlays |\n| `ns-option-card` | `NsOptionCardComponent` | form/option-card | Formularios |\n| `ns-pagination` | `NsPaginationComponent` | pagination | Navegación |\n| `ns-password` | `NsPasswordComponent` | form/password | Formularios |\n| `ns-popover` | `NsPopoverComponent` | popover | Overlays |\n| `ns-progress-bar` | `NsProgressBarComponent` | progress-bar | Feedback |\n| `ns-radio` | `NsRadioComponent` | form/radio | Formularios |\n| `ns-radio-group` | `NsRadioGroupComponent` | form/radio | Formularios |\n| `ns-schedule` | `NsScheduleComponent` | schedule | Datos |\n| `ns-schema` | `NsSchemaMarkupComponent` | schema | — |\n| `ns-side-nav` | `NsSideNavComponent` | side-nav | Navegación |\n| `ns-side-nav-item` | `NsSideNavItemComponent` | side-nav | — |\n| `ns-side-nav-section` | `NsSideNavSectionComponent` | side-nav | — |\n| `ns-skeleton` | `NsSkeletonComponent` | skeleton | Feedback |\n| `ns-slider` | `NsSliderComponent` | form/slider | Formularios |\n| `ns-stat-card` | `NsStatCardComponent` | stat-card | Datos |\n| `ns-surface` | `NsSurfaceComponent` | surface | Superficies |\n| `ns-switch` | `NsSwitchComponent` | form/switch | Formularios |\n| `ns-tab` | `NsTabComponent` | tabs | — |\n| `ns-tabs` | `NsTabsComponent` | tabs | Navegación |\n| `ns-tag` | `NsTagComponent` | tag-group | — |\n| `ns-tag-group` | `NsTagGroupComponent` | tag-group | Formularios |\n| `[nsTemplate]` | `TemplateDirective` | template | — |\n| `ns-textarea` | `NsTextAreaComponent` | form/text-area | Formularios |\n| `ns-timeline` | `NsTimelineComponent` | timeline | Datos |\n| `ns-timeline-item` | `NsTimelineItemComponent` | timeline | — |\n| `ns-toast` | `NsToastComponent` | toast | Feedback |\n| `ns-tooltip` | `NsTooltipComponent` | tooltip | — |\n| `[nsTooltip]` | `NsTooltipDirective` | tooltip | Overlays |\n\nTodos se importan desde `@ng-solid/design-system` (entry point único —\nver la skill `ns-solid-install`) y son standalone: deben declararse en\n`imports: [...]` de quien los usa."
+          "content": "| Selector | Clase | Familia | Categoría |\n| --- | --- | --- | --- |\n| `ns-accordion` | `NsAccordionComponent` | accordion | Contenido |\n| `ns-accordion-item` | `NsAccordionItemComponent` | accordion | — |\n| `ns-alert` | `NsAlertComponent` | alert | Feedback |\n| `ns-avatar` | `NsAvatarComponent` | avatar | Contenido |\n| `ns-avatar-group` | `NsAvatarGroupComponent` | avatar | Contenido |\n| `ns-badge` | `NsBadgeComponent` | badge | Feedback |\n| `ns-breadcrumb-item` | `NsBreadcrumbItemComponent` | breadcrumbs | — |\n| `ns-breadcrumbs` | `NsBreadcrumbsComponent` | breadcrumbs | Navegación |\n| `ns-button` | `NsButtonComponent` | button | Acciones |\n| `ns-button-group` | `NsButtonGroupComponent` | button-group | Acciones |\n| `ns-card` | `NsCardComponent` | card | Superficies |\n| `ns-card-body` | `NsCardBodyComponent` | card | — |\n| `ns-card-footer` | `NsCardFooterComponent` | card | — |\n| `ns-card-header` | `NsCardHeaderComponent` | card | — |\n| `ns-checkbox` | `NsCheckboxComponent` | form/checkbox | Formularios |\n| `ns-chip` | `NsChipComponent` | chip | Feedback |\n| `ns-command-palette` | `NsCommandPaletteComponent` | command-palette | Overlays |\n| `ns-comment` | `NsCommentComponent` | comment | Formularios |\n| `ns-content-editable` | `NsContentEditableComponent` | form/directives | Formularios |\n| `ns-date-picker` | `NsDatePickerComponent` | form/date-picker | Formularios |\n| `ns-date-range-picker` | `NsDateRangePickerComponent` | form/date-picker | Formularios |\n| `ns-description` | `NsDescriptionComponent` | description | Accesibilidad |\n| `ns-divider` | `NsDividerComponent` | divider | Contenido |\n| `ns-drawer` | `NsDrawerComponent` | drawer | Overlays |\n| `ns-dropdown` | `NsDropdownComponent` | form/dropdown | Formularios |\n| `ns-dropdown-item` | `NsDropdownItemDirective` | form/dropdown | — |\n| `ns-editor` | `NsEditorComponent` | editor | Formularios |\n| `ns-editor-color-picker` | `NsEditorColorPickerComponent` | editor | — |\n| `ns-editor-image` | `NsEditorImageComponent` | editor | — |\n| `ns-editor-link` | `NsEditorLinkComponent` | editor | — |\n| `ns-editor-list` | `NsEditorListComponent` | editor | — |\n| `ns-editor-paragraph` | `NsEditorParagraphComponent` | editor | — |\n| `ns-editor-toggle` | `NsEditorToggleCommandComponent` | editor | — |\n| `ns-empty-state` | `NsEmptyStateComponent` | empty-state | Feedback |\n| `[nsField]` | `NsFieldDirective` | a11y | — |\n| `ns-image-upload` | `NsImageUploadComponent` | image-upload | Formularios |\n| `ns-input` | `NsInputComponent` | form/input | Formularios |\n| `ns-input-code` | `NsInputCodeComponent` | form/input-code | Formularios |\n| `ns-input-group` | `NsInputGroupComponent` | form/input-group | Formularios |\n| `ns-input-group-addon` | `NsInputGroupAddonComponent` | form/input-group | — |\n| `ns-input-number` | `NsInputNumberComponent` | form/input-number | Formularios |\n| `ns-input-search` | `NsInputSearchComponent` | form/input-search | Formularios |\n| `ns-link` | `NsLinkComponent` | link | Navegación |\n| `ns-load-more` | `NsLoadMoreComponent` | pagination | Navegación |\n| `ns-menu` | `NsMenuComponent` | menu | Overlays |\n| `ns-menu-divider, hr[ns-menu-divider]` | `NsMenuDividerComponent` | menu | — |\n| `ns-menu-item` | `NsMenuItemComponent` | menu | — |\n| `ns-menu-section` | `NsMenuSectionComponent` | menu | — |\n| `ns-meter` | `NsMeterComponent` | meter | Datos |\n| `ns-modal` | `NsModalComponent` | modal | Overlays |\n| `ns-option-card` | `NsOptionCardComponent` | form/option-card | Formularios |\n| `ns-pagination` | `NsPaginationComponent` | pagination | Navegación |\n| `ns-password` | `NsPasswordComponent` | form/password | Formularios |\n| `ns-popover` | `NsPopoverComponent` | popover | Overlays |\n| `ns-progress-bar` | `NsProgressBarComponent` | progress-bar | Feedback |\n| `ns-quantity` | `NsQuantityComponent` | form/quantity | Formularios |\n| `ns-radio` | `NsRadioComponent` | form/radio | Formularios |\n| `ns-radio-group` | `NsRadioGroupComponent` | form/radio | Formularios |\n| `ns-schedule` | `NsScheduleComponent` | schedule | Datos |\n| `ns-schema` | `NsSchemaMarkupComponent` | schema | — |\n| `ns-side-nav` | `NsSideNavComponent` | side-nav | Navegación |\n| `ns-side-nav-item` | `NsSideNavItemComponent` | side-nav | — |\n| `ns-side-nav-section` | `NsSideNavSectionComponent` | side-nav | — |\n| `ns-skeleton` | `NsSkeletonComponent` | skeleton | Feedback |\n| `ns-slider` | `NsSliderComponent` | form/slider | Formularios |\n| `ns-stat-card` | `NsStatCardComponent` | stat-card | Datos |\n| `ns-surface` | `NsSurfaceComponent` | surface | Superficies |\n| `ns-switch` | `NsSwitchComponent` | form/switch | Formularios |\n| `ns-tab` | `NsTabComponent` | tabs | — |\n| `ns-tabs` | `NsTabsComponent` | tabs | Navegación |\n| `ns-tag` | `NsTagComponent` | tag-group | — |\n| `ns-tag-group` | `NsTagGroupComponent` | tag-group | Formularios |\n| `[nsTemplate]` | `TemplateDirective` | template | — |\n| `ns-textarea` | `NsTextAreaComponent` | form/text-area | Formularios |\n| `ns-timeline` | `NsTimelineComponent` | timeline | Datos |\n| `ns-timeline-item` | `NsTimelineItemComponent` | timeline | — |\n| `ns-toast` | `NsToastComponent` | toast | Feedback |\n| `ns-tooltip` | `NsTooltipComponent` | tooltip | — |\n| `[nsTooltip]` | `NsTooltipDirective` | tooltip | Overlays |\n\nTodos se importan desde `@ng-solid/design-system` (entry point único —\nver la skill `ns-solid-install`) y son standalone: deben declararse en\n`imports: [...]` de quien los usa."
         },
         {
           "id": "reglas-de-composicion-padre-hijo",
@@ -18919,7 +19563,7 @@
         {
           "id": "controles-cva-y-sus-inputs-heredados",
           "title": "Controles CVA y sus inputs heredados",
-          "content": "| Selector | Clase | Inputs propios (además de los 14 heredados) |\n| --- | --- | --- |\n| `ns-checkbox` | `NsCheckboxComponent` | — |\n| `ns-content-editable` | `NsContentEditableComponent` | `maxLength` |\n| `ns-date-picker` | `NsDatePickerComponent` | `firstDayOfWeek`, `maxDate`, `minDate`, `unavailableDates` |\n| `ns-date-range-picker` | `NsDateRangePickerComponent` | `firstDayOfWeek`, `maxDate`, `minDate`, `unavailableDates` |\n| `ns-dropdown` | `NsDropdownComponent` | `collection`, `emptyText`, `loading`, `placement`, `searchable`, `searchPlaceholder`, `selectionMode` |\n| `ns-input` | `NsInputComponent` | `icon` |\n| `ns-input-code` | `NsInputCodeComponent` | `length` |\n| `ns-input-number` | `NsInputNumberComponent` | `currency`, `format`, `max`, `min`, `step` |\n| `ns-input-search` | `NsInputSearchComponent` | — |\n| `ns-password` | `NsPasswordComponent` | `forgotLink`, `forgotLinkLabel` |\n| `ns-radio-group` | `NsRadioGroupComponent` | — |\n| `ns-slider` | `NsSliderComponent` | `max`, `min`, `range`, `step` |\n| `ns-switch` | `NsSwitchComponent` | `layout`, `size` |\n| `ns-textarea` | `NsTextAreaComponent` | `rows` |\n\nTodos heredan de `NsValueAccessor`: 14 `input()` (`type`, `placeholder`, `label`, `description`, `errorMessage`, `required`, `invalid`, `readonly`, `name`, `ariaLabel`, `ariaDescribedBy`, `size`, `color`, `variant`) más `disabled` y `value` como `model()`.\n\nTodos implementan `ControlValueAccessor` extendiendo la clase base abstracta\n`NsValueAccessor<T>`\n(`packages/design-system/src/lib/form/models/value-accessor.ts`). Muchos\ncomponentes (`NsInputComponent`, `NsSwitchComponent`, `NsCheckboxComponent`…)\ntienen cuerpo de clase vacío — **toda** su API pública viene por herencia. Si\nconsultas la API de un control y ves 0 inputs propios, no significa que el\ncomponente no acepte nada: revisa `inheritedFrom: 'NsValueAccessor'`.\n\n`NsValueAccessor` expone, en todos los controles por igual:\n\n- `type`, `placeholder`, `label`, `description`, `errorMessage`, `required`,\n  `invalid`, `readonly`, `name`, `ariaLabel`, `ariaDescribedBy` — `input()`.\n- `size: 'sm' | 'md' | 'lg'` (default `'md'`), `color: 'neutral' | 'primary'\n| 'success' | 'warning' | 'danger'` (default `'neutral'`), `variant:\n'solid' | 'soft' | 'outline' | 'ghost'` (default `'outline'`) — `input()`.\n- `disabled` — **`model()`**, no `input()`. Por eso `formControl.disable()` /\n  `.enable()` funciona de forma transparente: `setDisabledState` (parte del\n  contrato `ControlValueAccessor`) llama a `this.disabled.set(isDisabled)`\n  por debajo.\n- `value` — también `model()`, escrito por Angular Forms vía `writeValue` y\n  leído/emitido por el propio control con `setValue()`."
+          "content": "| Selector | Clase | Inputs propios (además de los 14 heredados) |\n| --- | --- | --- |\n| `ns-checkbox` | `NsCheckboxComponent` | — |\n| `ns-content-editable` | `NsContentEditableComponent` | `maxLength` |\n| `ns-date-picker` | `NsDatePickerComponent` | `firstDayOfWeek`, `maxDate`, `minDate`, `unavailableDates` |\n| `ns-date-range-picker` | `NsDateRangePickerComponent` | `firstDayOfWeek`, `maxDate`, `minDate`, `unavailableDates` |\n| `ns-dropdown` | `NsDropdownComponent` | `collection`, `emptyText`, `loading`, `placement`, `searchable`, `searchPlaceholder`, `selectionMode` |\n| `ns-input` | `NsInputComponent` | `icon` |\n| `ns-input-code` | `NsInputCodeComponent` | `length` |\n| `ns-input-number` | `NsInputNumberComponent` | `currency`, `format`, `max`, `min`, `step` |\n| `ns-input-search` | `NsInputSearchComponent` | — |\n| `ns-password` | `NsPasswordComponent` | `forgotLink`, `forgotLinkLabel` |\n| `ns-quantity` | `NsQuantityComponent` | `decrementAriaLabel`, `formatOptions`, `fullWidth`, `incrementAriaLabel`, `locale`, `max`, `min`, `step`, `wheelDisabled` |\n| `ns-radio-group` | `NsRadioGroupComponent` | — |\n| `ns-slider` | `NsSliderComponent` | `max`, `min`, `range`, `step` |\n| `ns-switch` | `NsSwitchComponent` | `layout`, `size` |\n| `ns-textarea` | `NsTextAreaComponent` | `rows` |\n\nTodos heredan de `NsValueAccessor`: 14 `input()` (`type`, `placeholder`, `label`, `description`, `errorMessage`, `required`, `invalid`, `readonly`, `name`, `ariaLabel`, `ariaDescribedBy`, `size`, `color`, `variant`) más `disabled` y `value` como `model()`.\n\nTodos implementan `ControlValueAccessor` extendiendo la clase base abstracta\n`NsValueAccessor<T>`\n(`packages/design-system/src/lib/form/models/value-accessor.ts`). Muchos\ncomponentes (`NsInputComponent`, `NsSwitchComponent`, `NsCheckboxComponent`…)\ntienen cuerpo de clase vacío — **toda** su API pública viene por herencia. Si\nconsultas la API de un control y ves 0 inputs propios, no significa que el\ncomponente no acepte nada: revisa `inheritedFrom: 'NsValueAccessor'`.\n\n`NsValueAccessor` expone, en todos los controles por igual:\n\n- `type`, `placeholder`, `label`, `description`, `errorMessage`, `required`,\n  `invalid`, `readonly`, `name`, `ariaLabel`, `ariaDescribedBy` — `input()`.\n- `size: 'sm' | 'md' | 'lg'` (default `'md'`), `color: 'neutral' | 'primary'\n| 'success' | 'warning' | 'danger'` (default `'neutral'`), `variant:\n'solid' | 'soft' | 'outline' | 'ghost'` (default `'outline'`) — `input()`.\n- `disabled` — **`model()`**, no `input()`. Por eso `formControl.disable()` /\n  `.enable()` funciona de forma transparente: `setDisabledState` (parte del\n  contrato `ControlValueAccessor`) llama a `this.disabled.set(isDisabled)`\n  por debajo.\n- `value` — también `model()`, escrito por Angular Forms vía `writeValue` y\n  leído/emitido por el propio control con `setValue()`."
         },
         {
           "id": "bindings-los-tres-equivalentes",
@@ -18987,7 +19631,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.2` (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.5.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```"
         },
         {
           "id": "entrypoint-unico-nada-de-subpaths",
@@ -19070,7 +19714,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\n282 primitivos, 441 semánticos, 1107 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, 1137 de componente en 54 grupos."
         },
         {
           "id": "regla-de-oro-del-scss-de-componente",
@@ -24728,15 +25372,6 @@
             "dark": "13px"
           }
         },
-        {
-          "path": "chip.choiceRadius",
-          "cssVariable": "--ns-component-chip-choice-radius",
-          "reference": "{semantic.radius.field}",
-          "resolved": {
-            "light": "0.625rem",
-            "dark": "0.625rem"
-          }
-        },
         {
           "path": "chip.color",
           "cssVariable": "--ns-component-chip-color",
@@ -24881,15 +25516,6 @@
             "dark": "10px"
           }
         },
-        {
-          "path": "chip.pillRadius",
-          "cssVariable": "--ns-component-chip-pill-radius",
-          "reference": "{semantic.radius.pill}",
-          "resolved": {
-            "light": "0.5rem",
-            "dark": "0.5rem"
-          }
-        },
         {
           "path": "chip.primaryBackground",
           "cssVariable": "--ns-component-chip-primary-background",
@@ -30398,6 +31024,294 @@
             "dark": "#C08A1E"
           }
         },
+        {
+          "path": "quantity.background",
+          "cssVariable": "--ns-component-quantity-background",
+          "reference": "{semantic.color.surface}",
+          "resolved": {
+            "light": "#FFFFFF",
+            "dark": "#151C2B"
+          }
+        },
+        {
+          "path": "quantity.borderColor",
+          "cssVariable": "--ns-component-quantity-border-color",
+          "reference": "{semantic.color.border}",
+          "resolved": {
+            "light": "#E4E4E2",
+            "dark": "#2B3447"
+          }
+        },
+        {
+          "path": "quantity.borderFocusColor",
+          "cssVariable": "--ns-component-quantity-border-focus-color",
+          "reference": "{semantic.color.focus}",
+          "resolved": {
+            "light": "#3665F3",
+            "dark": "#6F92FF"
+          }
+        },
+        {
+          "path": "quantity.borderHoverColor",
+          "cssVariable": "--ns-component-quantity-border-hover-color",
+          "reference": "{semantic.color.borderStrong}",
+          "resolved": {
+            "light": "#A9AAAF",
+            "dark": "#6E7078"
+          }
+        },
+        {
+          "path": "quantity.borderWidth",
+          "cssVariable": "--ns-component-quantity-border-width",
+          "reference": "{semantic.border.thin}",
+          "resolved": {
+            "light": "1px",
+            "dark": "1px"
+          }
+        },
+        {
+          "path": "quantity.buttonActiveBackground",
+          "cssVariable": "--ns-component-quantity-button-active-background",
+          "reference": "{semantic.color.surfaceEmphasis}",
+          "resolved": {
+            "light": "#E8E8E6",
+            "dark": "#202A3B"
+          }
+        },
+        {
+          "path": "quantity.buttonDisabledColor",
+          "cssVariable": "--ns-component-quantity-button-disabled-color",
+          "reference": "{semantic.color.textMuted}",
+          "resolved": {
+            "light": "#8A8C93",
+            "dark": "#A7B0C0"
+          }
+        },
+        {
+          "path": "quantity.buttonHoverBackground",
+          "cssVariable": "--ns-component-quantity-button-hover-background",
+          "reference": "{semantic.color.surfaceMuted}",
+          "resolved": {
+            "light": "#F5F5F4",
+            "dark": "#1C2536"
+          }
+        },
+        {
+          "path": "quantity.buttonSoftHoverBackground",
+          "cssVariable": "--ns-component-quantity-button-soft-hover-background",
+          "reference": "{semantic.color.surfaceEmphasis}",
+          "resolved": {
+            "light": "#E8E8E6",
+            "dark": "#202A3B"
+          }
+        },
+        {
+          "path": "quantity.color",
+          "cssVariable": "--ns-component-quantity-color",
+          "reference": "{semantic.color.textSecondary}",
+          "resolved": {
+            "light": "#4A4F58",
+            "dark": "#F5F7FB"
+          }
+        },
+        {
+          "path": "quantity.descriptionColor",
+          "cssVariable": "--ns-component-quantity-description-color",
+          "reference": "{semantic.color.textMuted}",
+          "resolved": {
+            "light": "#8A8C93",
+            "dark": "#A7B0C0"
+          }
+        },
+        {
+          "path": "quantity.disabledBackground",
+          "cssVariable": "--ns-component-quantity-disabled-background",
+          "reference": "{semantic.color.surfaceMuted}",
+          "resolved": {
+            "light": "#F5F5F4",
+            "dark": "#1C2536"
+          }
+        },
+        {
+          "path": "quantity.disabledColor",
+          "cssVariable": "--ns-component-quantity-disabled-color",
+          "reference": "{semantic.color.textMuted}",
+          "resolved": {
+            "light": "#8A8C93",
+            "dark": "#A7B0C0"
+          }
+        },
+        {
+          "path": "quantity.dividerColor",
+          "cssVariable": "--ns-component-quantity-divider-color",
+          "reference": "{semantic.color.border}",
+          "resolved": {
+            "light": "#E4E4E2",
+            "dark": "#2B3447"
+          }
+        },
+        {
+          "path": "quantity.errorColor",
+          "cssVariable": "--ns-component-quantity-error-color",
+          "reference": "{semantic.status.danger}",
+          "resolved": {
+            "light": "#E5514A",
+            "dark": "#E5514A"
+          }
+        },
+        {
+          "path": "quantity.focusShadow",
+          "cssVariable": "--ns-component-quantity-focus-shadow",
+          "reference": "{semantic.shadow.focus}",
+          "resolved": {
+            "light": "0 0 0 3px rgb(54 101 243 / 28%)",
+            "dark": "0 0 0 3px rgb(111 146 255 / 36%)"
+          }
+        },
+        {
+          "path": "quantity.iconColor",
+          "cssVariable": "--ns-component-quantity-icon-color",
+          "reference": "{semantic.color.textSecondary}",
+          "resolved": {
+            "light": "#4A4F58",
+            "dark": "#F5F7FB"
+          }
+        },
+        {
+          "path": "quantity.iconSize",
+          "cssVariable": "--ns-component-quantity-icon-size",
+          "reference": "{semantic.size.fieldIconSize}",
+          "resolved": {
+            "light": "1rem",
+            "dark": "1rem"
+          }
+        },
+        {
+          "path": "quantity.invalidBorderColor",
+          "cssVariable": "--ns-component-quantity-invalid-border-color",
+          "reference": "{semantic.status.danger}",
+          "resolved": {
+            "light": "#E5514A",
+            "dark": "#E5514A"
+          }
+        },
+        {
+          "path": "quantity.labelColor",
+          "cssVariable": "--ns-component-quantity-label-color",
+          "reference": "{semantic.color.text}",
+          "resolved": {
+            "light": "#12182B",
+            "dark": "#F5F7FB"
+          }
+        },
+        {
+          "path": "quantity.labelSize",
+          "cssVariable": "--ns-component-quantity-label-size",
+          "reference": "{semantic.text.label}",
+          "resolved": {
+            "light": "0.78125rem",
+            "dark": "0.78125rem"
+          }
+        },
+        {
+          "path": "quantity.labelWeight",
+          "cssVariable": "--ns-component-quantity-label-weight",
+          "reference": "{semantic.fontWeight.bold}",
+          "resolved": {
+            "light": 700,
+            "dark": 700
+          }
+        },
+        {
+          "path": "quantity.minHeight",
+          "cssVariable": "--ns-component-quantity-min-height",
+          "reference": "{semantic.size.inputMinHeight}",
+          "resolved": {
+            "light": "2.625rem",
+            "dark": "2.625rem"
+          }
+        },
+        {
+          "path": "quantity.minHeightLg",
+          "cssVariable": "--ns-component-quantity-min-height-lg",
+          "reference": "{semantic.size.controlLg}",
+          "resolved": {
+            "light": "3rem",
+            "dark": "3rem"
+          }
+        },
+        {
+          "path": "quantity.minHeightSm",
+          "cssVariable": "--ns-component-quantity-min-height-sm",
+          "reference": "{semantic.size.controlSm}",
+          "resolved": {
+            "light": "2.375rem",
+            "dark": "2.375rem"
+          }
+        },
+        {
+          "path": "quantity.paddingInline",
+          "cssVariable": "--ns-component-quantity-padding-inline",
+          "reference": "{semantic.space.md}",
+          "resolved": {
+            "light": "0.75rem",
+            "dark": "0.75rem"
+          }
+        },
+        {
+          "path": "quantity.placeholder",
+          "cssVariable": "--ns-component-quantity-placeholder",
+          "reference": "{semantic.color.textMuted}",
+          "resolved": {
+            "light": "#8A8C93",
+            "dark": "#A7B0C0"
+          }
+        },
+        {
+          "path": "quantity.radius",
+          "cssVariable": "--ns-component-quantity-radius",
+          "reference": "{semantic.radius.field}",
+          "resolved": {
+            "light": "0.625rem",
+            "dark": "0.625rem"
+          }
+        },
+        {
+          "path": "quantity.requiredColor",
+          "cssVariable": "--ns-component-quantity-required-color",
+          "reference": "{semantic.status.danger}",
+          "resolved": {
+            "light": "#E5514A",
+            "dark": "#E5514A"
+          }
+        },
+        {
+          "path": "quantity.shadow",
+          "cssVariable": "--ns-component-quantity-shadow",
+          "reference": "{semantic.shadow.subtle}",
+          "resolved": {
+            "light": "0 1px 2px rgb(18 24 43 / 5%), 0 8px 24px rgb(18 24 43 / 6%)",
+            "dark": "0 1px 2px rgb(0 0 0 / 24%), 0 8px 24px rgb(0 0 0 / 22%)"
+          }
+        },
+        {
+          "path": "quantity.softBackground",
+          "cssVariable": "--ns-component-quantity-soft-background",
+          "reference": "{semantic.color.surfaceMuted}",
+          "resolved": {
+            "light": "#F5F5F4",
+            "dark": "#1C2536"
+          }
+        },
+        {
+          "path": "quantity.transitionDuration",
+          "cssVariable": "--ns-component-quantity-transition-duration",
+          "reference": "{semantic.motion.fast}",
+          "resolved": {
+            "light": "150ms",
+            "dark": "150ms"
+          }
+        },
         {
           "path": "radio.background",
           "cssVariable": "--ns-component-radio-background",
@@ -33175,6 +34089,7 @@
       "password",
       "popover",
       "progressBar",
+      "quantity",
       "radio",
       "schedule",
       "scheduleEvent",
@@ -33295,7 +34210,7 @@
     ]
   },
   "stats": {
-    "componentsPublic": 78,
+    "componentsPublic": 79,
     "componentsInternal": 7,
     "services": 6,
     "providers": 3,
@@ -33303,6 +34218,6 @@
     "icons": 1790,
     "tokensPrimitive": 282,
     "tokensSemantic": 441,
-    "tokensComponent": 1107
+    "tokensComponent": 1137
   }
 }