@besaitech/ng-design-system-mcp 0.0.11 → 0.0.12

package/data/docs.json

@@ -1,10 +1,10 @@
 {
   "schemaVersion": "1.0.0",
-  "libraryVersion": "0.0.41",
+  "libraryVersion": "0.0.42",
   "packageName": "@besaitech/ng-design-system",
   "devImport": "saitech-design-system",
-  "generatedAt": "2026-09-15T12:45:18.055Z",
-  "componentCount": 33,
+  "generatedAt": "2026-09-19T16:33:04.483Z",
+  "componentCount": 34,
   "components": [
     {
       "className": "SdsAccordion",
@@ -1576,6 +1576,405 @@
         }
       ]
     },
+    {
+      "className": "SdsInputNumber",
+      "selector": "sds-input-number",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsInputNumber",
+      "description": "Champ numérique avec formatage localisé, devise, préfixe/suffixe, bornes min/max/pas et boutons d'incrément. La valeur est un number | null via ControlValueAccessor. Le formatage est appliqué en direct pendant la saisie : symbole monétaire, séparateurs de milliers et affixes restent visibles, et le curseur est préservé.",
+      "overviewDescription": "Saisie numérique : devise, préfixe/suffixe, bornes et incrémenteur.",
+      "jsdoc": "Numeric input with locale-aware formatting, optional currency, prefix/suffix affixes, min/max/step\nboundaries and spinner buttons — the design-system counterpart of PrimeNG's `InputNumber`.\n\nThe value is a `number | null` bound through ControlValueAccessor, so it works with reactive forms\nor `[(ngModel)]`: `<sds-input-number [(ngModel)]=\"amount\" mode=\"currency\" currency=\"EUR\" />`.\n\nThe field formats **live as you type**: the currency symbol, grouping separators and prefix/suffix\nstay visible on every keystroke, and the caret is kept where it belongs. The value is clamped to\n{@link min}/{@link max} on blur and on every spinner step; ArrowUp / ArrowDown also step it.",
+      "example": null,
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name used when no visible [label] is provided."
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsInputNumberSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "appearance",
+          "type": "SdsInputNumberAppearance",
+          "default": "'default'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "`filled` is a borderless field on a muted ground; `default` is the bordered white field."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Read-only: the value is shown and selectable but cannot be typed or stepped."
+        },
+        {
+          "name": "mode",
+          "type": "SdsInputNumberMode",
+          "default": "'decimal'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "locale",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "BCP 47 locale for grouping/decimal symbols (e.g. `fr-FR`). Empty follows the runtime locale."
+        },
+        {
+          "name": "currency",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "ISO 4217 code, required when {@link mode} is `currency` (e.g. `EUR`, `USD`)."
+        },
+        {
+          "name": "currencyDisplay",
+          "type": "SdsInputNumberCurrencyDisplay",
+          "default": "'symbol'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "useGrouping",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Thousands/grouping separators."
+        },
+        {
+          "name": "minFractionDigits",
+          "type": "number | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "maxFractionDigits",
+          "type": "number | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "prefix",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Text shown before the value (e.g. `↑ `)."
+        },
+        {
+          "name": "suffix",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Text shown after the value (e.g. ` kg`, `%`)."
+        },
+        {
+          "name": "min",
+          "type": "number | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "max",
+          "type": "number | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "step",
+          "type": "number",
+          "default": "1",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "showButtons",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Show the increment/decrement spinner buttons."
+        },
+        {
+          "name": "buttonLayout",
+          "type": "SdsInputNumberButtonLayout",
+          "default": "'stacked'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "incrementIcon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Override the increment button icon (defaults: chevron-up when stacked, plus otherwise)."
+        },
+        {
+          "name": "decrementIcon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Override the decrement button icon (defaults: chevron-down when stacked, minus otherwise)."
+        },
+        {
+          "name": "allowEmpty",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Allow an empty (null) value. When false, blurring an empty field falls back to {@link min} or 0."
+        },
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "default": "'Effacer'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible names for the icon-only controls. French defaults so existing consumers are unchanged;\ntranslate them in a multi-language app."
+        },
+        {
+          "name": "incrementLabel",
+          "type": "string",
+          "default": "'Augmenter'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "decrementLabel",
+          "type": "string",
+          "default": "'Diminuer'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsInputNumberSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        },
+        {
+          "name": "SdsInputNumberAppearance",
+          "kind": "union",
+          "body": "'default' | 'filled'"
+        },
+        {
+          "name": "SdsInputNumberMode",
+          "kind": "union",
+          "body": "'decimal' | 'currency'"
+        },
+        {
+          "name": "SdsInputNumberCurrencyDisplay",
+          "kind": "union",
+          "body": "'symbol' | 'code' | 'name'"
+        },
+        {
+          "name": "SdsInputNumberButtonLayout",
+          "kind": "union",
+          "body": "'stacked' | 'horizontal' | 'vertical'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Regroupement des milliers selon la locale ; la valeur émise reste un nombre simple.",
+          "code": "<sds-input-number label=\"Lits disponibles\" [(ngModel)]=\"beds\" />\n\n// beds = 42723;  →  affiché « 42 723 »",
+          "runnableExample": "<sds-input-number label=\"Lits disponibles\" [(ngModel)]=\"beds\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Devise",
+          "sectionDescription": "mode='currency' avec un code ISO 4217 ; currencyDisplay choisit le symbole, le code ou le nom.",
+          "code": "<sds-input-number\n  label=\"Budget mensuel\"\n  mode=\"currency\"\n  currency=\"EUR\"\n  locale=\"fr-FR\"\n  [(ngModel)]=\"budget\"\n/>\n<sds-input-number\n  label=\"Facturation (US)\"\n  mode=\"currency\"\n  currency=\"USD\"\n  currencyDisplay=\"code\"\n  locale=\"en-US\"\n  [(ngModel)]=\"invoice\"\n/>",
+          "runnableExample": "<sds-input-number\n            label=\"Budget mensuel\"\n            mode=\"currency\"\n            currency=\"EUR\"\n            locale=\"fr-FR\"\n            [(ngModel)]=\"budget\"\n          />\n          <sds-input-number\n            label=\"Facturation (US)\"\n            mode=\"currency\"\n            currency=\"USD\"\n            currencyDisplay=\"code\"\n            locale=\"en-US\"\n            [(ngModel)]=\"invoice\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Préfixe & suffixe",
+          "sectionDescription": "Des affixes texte pour les pourcentages, unités ou libellés — sur un nombre simple.",
+          "code": "<sds-input-number label=\"Taux d'occupation\" suffix=\" %\" [min]=\"0\" [max]=\"100\" [(ngModel)]=\"occupancy\" />\n<sds-input-number label=\"Poids du patient\" suffix=\" kg\" [minFractionDigits]=\"1\" [(ngModel)]=\"weight\" />\n<sds-input-number label=\"Température\" prefix=\"↑ \" suffix=\" ℃\" [(ngModel)]=\"temperature\" />",
+          "runnableExample": "<sds-input-number label=\"Taux d'occupation\" suffix=\" %\" [min]=\"0\" [max]=\"100\" [(ngModel)]=\"occupancy\" />\n          <sds-input-number label=\"Poids du patient\" suffix=\" kg\" [minFractionDigits]=\"1\" [(ngModel)]=\"weight\" />\n          <sds-input-number label=\"Température\" prefix=\"↑ \" suffix=\" ℃\" [(ngModel)]=\"temperature\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Bornes & pas",
+          "sectionDescription": "min, max et step encadrent la valeur ; le dépassement est corrigé à la validation et à chaque incrément.",
+          "code": "<sds-input-number\n  label=\"Dose (0–10, pas 0,5)\"\n  [min]=\"0\"\n  [max]=\"10\"\n  [step]=\"0.5\"\n  showButtons\n  [(ngModel)]=\"dose\"\n/>",
+          "runnableExample": "<sds-input-number\n            label=\"Dose (0–10, pas 0,5)\"\n            [min]=\"0\"\n            [max]=\"10\"\n            [step]=\"0.5\"\n            showButtons\n            [(ngModel)]=\"dose\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Boutons",
+          "sectionDescription": "showButtons ajoute un incrémenteur ; buttonLayout le dispose en pile, à l'horizontale ou à la verticale.",
+          "code": "<sds-input-number label=\"Empilé\" showButtons [(ngModel)]=\"qty\" />\n<sds-input-number label=\"Horizontal\" showButtons buttonLayout=\"horizontal\" [(ngModel)]=\"qty\" />\n<sds-input-number label=\"Vertical\" showButtons buttonLayout=\"vertical\" [(ngModel)]=\"qty\" />",
+          "runnableExample": "<sds-input-number label=\"Empilé\" showButtons [(ngModel)]=\"qtyStacked\" />\n          <sds-input-number label=\"Horizontal\" showButtons buttonLayout=\"horizontal\" [(ngModel)]=\"qtyHorizontal\" />\n          <sds-input-number label=\"Vertical\" showButtons buttonLayout=\"vertical\" [(ngModel)]=\"qtyVertical\" />",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Décimales & groupement",
+          "sectionDescription": "minFractionDigits / maxFractionDigits contrôlent la précision ; useGrouping='false' retire les séparateurs.",
+          "code": "<sds-input-number\n  label=\"Résultat de laboratoire\"\n  [minFractionDigits]=\"2\"\n  [maxFractionDigits]=\"4\"\n  [(ngModel)]=\"labResult\"\n/>\n<sds-input-number label=\"Référence dossier\" [useGrouping]=\"false\" [(ngModel)]=\"reference\" />",
+          "runnableExample": "<sds-input-number\n            label=\"Résultat de laboratoire\"\n            [minFractionDigits]=\"2\"\n            [maxFractionDigits]=\"4\"\n            [(ngModel)]=\"labResult\"\n          />\n          <sds-input-number label=\"Référence dossier\" [useGrouping]=\"false\" [(ngModel)]=\"reference\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Effaçable",
+          "sectionDescription": "clearable affiche un bouton d'effacement quand une valeur est saisie.",
+          "code": "<sds-input-number\n  label=\"Plafond de dépense\"\n  mode=\"currency\"\n  currency=\"EUR\"\n  locale=\"fr-FR\"\n  clearable\n  [(ngModel)]=\"cap\"\n/>",
+          "runnableExample": "<sds-input-number label=\"Plafond de dépense\" mode=\"currency\" currency=\"EUR\" locale=\"fr-FR\" clearable [(ngModel)]=\"cap\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-input-number size=\"sm\" label=\"Petit (sm)\" [(ngModel)]=\"value\" />\n<sds-input-number size=\"md\" label=\"Moyen (md)\" [(ngModel)]=\"value\" />\n<sds-input-number size=\"lg\" label=\"Grand (lg)\" [(ngModel)]=\"value\" />",
+          "runnableExample": "<sds-input-number size=\"sm\" label=\"Petit (sm)\" [(ngModel)]=\"sizeSm\" />\n          <sds-input-number size=\"md\" label=\"Moyen (md)\" [(ngModel)]=\"sizeMd\" />\n          <sds-input-number size=\"lg\" label=\"Grand (lg)\" [(ngModel)]=\"sizeLg\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Rempli & erreur",
+          "sectionDescription": null,
+          "code": "<sds-input-number appearance=\"filled\" label=\"Rempli\" [(ngModel)]=\"value\" />\n<sds-input-number label=\"Nombre requis\" [error]=\"'Veuillez saisir un nombre.'\" [(ngModel)]=\"value\" />",
+          "runnableExample": "<sds-input-number appearance=\"filled\" label=\"Rempli\" [(ngModel)]=\"filled\" />\n          <sds-input-number label=\"Nombre requis\" [error]=\"'Veuillez saisir un nombre.'\" [(ngModel)]=\"required\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-input-number label=\"Capacité verrouillée\" [ngModel]=\"120\" disabled />",
+          "runnableExample": "<sds-input-number label=\"Capacité verrouillée\" [ngModel]=\"120\" disabled />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
     {
       "className": "SdsLocalizedInput",
       "selector": "sds-localized-input",
@@ -4662,6 +5061,7 @@
       "chevron-down",
       "chevron-left",
       "chevron-right",
+      "chevron-up",
       "chevrons-left",
       "chevrons-right",
       "chevrons-up-down",
@@ -4686,6 +5086,7 @@
       "map-pin",
       "megaphone",
       "menu",
+      "minus",
       "monitor",
       "package",
       "package-open",
@@ -4697,6 +5098,7 @@
       "panel-top",
       "panels-top-left",
       "phone",
+      "plus",
       "refresh-cw",
       "rotate-ccw",
       "rows-3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besaitech/ng-design-system-mcp",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "MCP server that exposes the @besaitech/ng-design-system Angular component library documentation (API, examples, tokens, icons, setup) to AI coding tools.",
   "type": "module",
   "bin": {