@besaitech/ng-design-system-mcp 0.0.6 → 0.0.7

package/data/docs.json

@@ -1,10 +1,10 @@
 {
   "schemaVersion": "1.0.0",
-  "libraryVersion": "0.0.33",
+  "libraryVersion": "0.0.34",
   "packageName": "@besaitech/ng-design-system",
   "devImport": "saitech-design-system",
-  "generatedAt": "2026-09-01T20:18:31.287Z",
-  "componentCount": 30,
+  "generatedAt": "2026-09-02T09:32:28.288Z",
+  "componentCount": 31,
   "components": [
     {
       "className": "SdsAccordion",
@@ -1864,6 +1864,179 @@
       },
       "examples": []
     },
+    {
+      "className": "SdsOtpInput",
+      "selector": "sds-otp-input",
+      "kind": "component",
+      "group": "primitive",
+      "importName": "SdsOtpInput",
+      "description": "Champ de code à usage unique segmenté : une case par caractère, pour les courts codes numériques envoyés par e-mail ou SMS. Saisie automatique de case en case, collage réparti, navigation au clavier. Implémente ControlValueAccessor — utilisable avec les formulaires réactifs ou [(ngModel)] ; la valeur est la chaîne concaténée.",
+      "overviewDescription": "Code à usage unique segmenté : saisie auto, collage, clavier.",
+      "jsdoc": "A segmented one-time-code field: one box per character, for the short numeric codes emailed or\ntexted for sign-in and verification. Implements ControlValueAccessor — bind\n`formControlName`/`[(ngModel)]`; the value is the concatenated string (e.g. `\"483920\"`), and\n{@link completed} fires the moment every box is filled.\n\n<p>Only digits are accepted (`inputMode` is `numeric` by default). Typing auto-advances,\nBackspace steps back and clears, the arrow keys move between boxes, and pasting a whole code\ndistributes it across the boxes from the focused one — so a user can paste `483920` into the\nfirst box and have it land correctly.",
+      "example": null,
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "length",
+          "type": "number",
+          "default": "6",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": "How many boxes / characters the code has."
+        },
+        {
+          "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 for the whole group when no visible [label] is provided."
+        },
+        {
+          "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": "SdsOtpInputSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "inputMode",
+          "type": "'numeric' | 'text'",
+          "default": "'numeric'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "`numeric` for digit codes (the default); `text` for alphanumeric codes."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Focus the first box on first render."
+        },
+        {
+          "name": "cellLabel",
+          "type": "string",
+          "default": "'Chiffre'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name for an individual box, suffixed with its 1-based position (\"Digit 1\", \"Digit\n2\", …). French default so existing consumers are unchanged; translate it in an app serving more\nthan one language, since each box is an icon-less control whose only name this is."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "completed",
+          "type": "string",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [
+        {
+          "name": "SdsOtpInputSize",
+          "kind": "union",
+          "body": "'md' | 'lg'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Six cases, code numérique.",
+          "code": "<sds-otp-input label=\"Code de vérification\" [(ngModel)]=\"code\" />",
+          "runnableExample": "<sds-otp-input label=\"Code de vérification\" [(ngModel)]=\"code\" />\n          <p class=\"text-sm text-ink-soft\">\n            Valeur : <span class=\"font-mono font-medium text-ink\">{{ code() || '—' }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Longueur",
+          "sectionDescription": "Le nombre de cases est réglable.",
+          "code": "<sds-otp-input label=\"Code à 4 chiffres\" [length]=\"4\" />",
+          "runnableExample": "<sds-otp-input label=\"Code à 4 chiffres\" [length]=\"4\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec aide",
+          "sectionDescription": null,
+          "code": "<sds-otp-input\n  label=\"Entrez le code\"\n  hint=\"Nous avons envoyé un code à 6 chiffres à votre adresse e-mail.\"\n/>",
+          "runnableExample": "<sds-otp-input\n            label=\"Entrez le code\"\n            hint=\"Nous avons envoyé un code à 6 chiffres à votre adresse e-mail.\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Erreur",
+          "sectionDescription": null,
+          "code": "<sds-otp-input label=\"Code de vérification\" error=\"Code invalide ou expiré.\" />",
+          "runnableExample": "<sds-otp-input label=\"Code de vérification\" error=\"Code invalide ou expiré.\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-otp-input label=\"Code de vérification\" [ngModel]=\"'12'\" disabled />",
+          "runnableExample": "<sds-otp-input label=\"Code de vérification\" [ngModel]=\"'12'\" disabled />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Événement completed",
+          "sectionDescription": "Émis dès que la dernière case est remplie.",
+          "code": "<sds-otp-input label=\"Code de vérification\" (completed)=\"onCompleted($event)\" />",
+          "runnableExample": "<sds-otp-input label=\"Code de vérification\" (completed)=\"onCompleted($event)\" />\n          <p class=\"text-sm text-ink-soft\">\n            Dernier code complet :\n            <span class=\"font-mono font-medium text-ink\">{{ lastCompleted() || '—' }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
     {
       "className": "SdsPaginator",
       "selector": "sds-paginator",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besaitech/ng-design-system-mcp",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "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": {