@conciso/design-system-mcp 0.0.0-bootstrap.0

package/snapshot/services/core/docgen/komponenten-footer-oberer-teil.json

@@ -0,0 +1,39 @@
+{
+  "components": {
+    "komponenten-footer-oberer-teil": {
+      "id": "komponenten-footer-oberer-teil",
+      "name": "FooterMainComponent",
+      "path": "./src/lib/footer/footer-main.stories.ts",
+      "description": "Footer — oberer Teil (`.footer-main`): helles Band als **generisches Spalten-Layout**.\nDer Inhalt wird als beliebige Spalten projiziert (jedes Top-Level-Kind = eine\nGrid-Spalte), statt fester Adresse/Nav/Newsletter-Struktur — so eignet es sich für\nWebsite- UND App-Footer ohne Marketing-Lock-in.\n\n```html\n<cds-footer-main>\n  <div>…Spalte 1…</div>\n  <div>…Spalte 2…</div>\n</cds-footer-main>\n```\n\nDie Host-Klasse `footer-main` trägt Hintergrund/Padding aus css/components.css;\n`:host{display:block}` macht das Band auch standalone zum Block. Spaltenanzahl/-breiten\nüber `columns` (grid-template-columns); ohne Angabe gilt das 3-Spalten-Default.",
+      "jsDocTags": {},
+      "argTypes": {
+        "columns": {
+          "name": "columns",
+          "description": "Optionale `grid-template-columns` (z. B. `'repeat(4, 1fr)'` oder `'2fr 1fr'`).\nOhne Angabe gilt das Default aus `.footer-grid` (1.2fr 1fr 1.3fr, 3 Spalten).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type FooterMainComponentInputs = {\n  /**\n   * Optionale `grid-template-columns` (z. B. `'repeat(4, 1fr)'` oder `'2fr 1fr'`).\n   * Ohne Angabe gilt das Default aus `.footer-grid` (1.2fr 1fr 1.3fr, 3 Spalten).\n   */\n  columns?: string;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "FooterMainComponent",
+        "selector": "cds-footer-main",
+        "standalone": true,
+        "inputs": [
+          "columns"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-footer-unterer-teil.json

@@ -0,0 +1,105 @@
+{
+  "components": {
+    "komponenten-footer-unterer-teil": {
+      "id": "komponenten-footer-unterer-teil",
+      "name": "FooterBottomComponent",
+      "path": "./src/lib/footer/footer-bottom.stories.ts",
+      "description": "Footer — unterer Teil (`.footer-btm`): dunkler Streifen mit Copyright, Rechts-Links\nund Social-Profilen. Die Host-Klasse `footer-btm` trägt Hintergrund/Flex-Layout aus\ncss/components.css. Social-Glyphen sind schlanke Inline-SVGs in Weiß; verifizierte\nBuilt-in-Icons (linkedin, youtube) via `platform`, beliebige weitere via `iconPath`.",
+      "jsDocTags": {},
+      "argTypes": {
+        "copyright": {
+          "name": "copyright",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "© 2026 Conciso GmbH · Dortmund"
+            }
+          }
+        },
+        "legalLinks": {
+          "name": "legalLinks",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsFooterLink[]"
+            },
+            "defaultValue": {
+              "summary": "[\n    { label: 'Datenschutz', href: '#' },\n    { label: 'Impressum', href: '#' },\n  ]"
+            }
+          }
+        },
+        "socialLinks": {
+          "name": "socialLinks",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsSocialLink[]"
+            },
+            "defaultValue": {
+              "summary": "[\n    { platform: 'linkedin', href: '#' },\n    { platform: 'youtube', href: '#' },\n  ]"
+            }
+          }
+        },
+        "support": {
+          "name": "support",
+          "description": "Optionaler Support-/Hilfe-Link neben den Rechts-Links.",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsFooterLink"
+            },
+            "defaultValue": {}
+          }
+        },
+        "version": {
+          "name": "version",
+          "description": "Optionale Versionsangabe (z. B. „Version 1.4.2“), hinter dem Copyright.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type FooterBottomComponentInputs = {\n  /** @default © 2026 Conciso GmbH · Dortmund */\n  copyright?: string;\n  /**\n   * @default [\n   *     { label: 'Datenschutz', href: '#' },\n   *     { label: 'Impressum', href: '#' },\n   *   ]\n   */\n  legalLinks?: CdsFooterLink[];\n  /**\n   * @default [\n   *     { platform: 'linkedin', href: '#' },\n   *     { platform: 'youtube', href: '#' },\n   *   ]\n   */\n  socialLinks?: CdsSocialLink[];\n  /** Optionaler Support-/Hilfe-Link neben den Rechts-Links. */\n  support?: CdsFooterLink;\n  /** Optionale Versionsangabe (z. B. „Version 1.4.2“), hinter dem Copyright. */\n  version?: string;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "FooterBottomComponent",
+        "selector": "cds-footer-bottom",
+        "standalone": true,
+        "inputs": [
+          "copyright",
+          "legalLinks",
+          "socialLinks",
+          "support",
+          "version"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-hero-hero-bild.json

@@ -0,0 +1,162 @@
+{
+  "components": {
+    "komponenten-hero-hero-bild": {
+      "id": "komponenten-hero-hero-bild",
+      "name": "HeroImageComponent",
+      "path": "./src/lib/hero-image/hero-image.stories.ts",
+      "description": "HeroImage (cds-hero-image) — Wrapper um `.hero-image` aus css/components.css\n(css/components.css:851–878) mit optionaler Caption als Gradient-Overlay\n(`-caption`, `-caption-eyebrow`, `-caption-title`, `-caption-text`). Vollbreites,\nrandloses `<figure>` im 21:9-Format, der Standard-Hero auf allen Customer-Pages\n(17 Vorkommen in den Beispielseiten). Semantisch ein figure/figcaption-Pattern:\n`alt` trägt die faktische Bildbeschreibung, die Caption die redaktionelle\nEinordnung (Eyebrow, Titel, Text) — beide sollen sich nach `docs/index.html`\n(Abschnitt „In-Article Figure“, dasselbe Prinzip) nicht inhaltlich decken.\n\n**Entscheidung 1 — kein `<figcaption>` ohne Textinhalt.** Bleiben `eyebrow`,\n`heading` und `text` alle leer, entfällt das `<figcaption>`-Element vollständig\nstatt leer zu rendern (Variante „Hero ohne Caption“, siehe\n`storybook-angular/src/docs/seitenmuster/wissensbeitrag.mdx` Abschnitt „Aufbau“,\nZeile 3: Beitrags-Heros zeigen das visuelle Versprechen ohne Marketing-Overlay).\nEin leeres `<figcaption>` wäre totes Markup ohne Zugänglichkeitsnutzen.\n\n**Entscheidung 2 — `headingLevel` statt fest verdrahtetem `<h1>`.** Das Mockup\n(`docs/index.html:9412` u. a.) rendert `.hero-image-caption-title` durchgehend als\n`<h1>`, weil der Hero dort das erste Überschriften-Element der Seite ist. Sitzt\nder Hero dagegen unter einem eigenen `<h1>` — der Wissensbeitrag hat seinen\nTitel bereits im Article-Header (`.article-title`, ebenfalls `<h1>`) —, entstünde\nmit einem zweiten `<h1>` eine doppelte Top-Überschrift. `headingLevel` (Default\n`1`) macht die Ebene explizit, `.hero-image-caption-title` ist reine CSS-Klasse\nund trägt keine Heading-Semantik, das Styling bleibt in beiden Fällen identisch.\n\n**Entscheidung 3 — `objectPosition` als Style-Binding, die eine Ausnahme von\nSpec-Randbedingung 6.** Der Bildausschnitt ist eine Eigenschaft des konkreten\nBildes (Motiv, Kopfposition), nicht der Seite — anders als z. B. eine\nSektionsfläche, die vom Seitenkontext abhängt. `docs/index.html` setzt ihn\ndeshalb an jedem Hero individuell direkt am `<img>` (z. B. `object-position:center\n70%`, Zeile 2640). Ohne diesen Input wäre die Komponente für Porträt-lastige\nMotive unbrauchbar: `object-fit:cover` beschneidet das Bild sobald der\n`max-height`-Cap greift (siehe `.hero-image-media`), und ohne Steuerung landet\nder Ausschnitt zufällig in der Bildmitte. Als Style-Binding am `<img>`, nicht als\nKlasse — es gibt in der CSS-Schicht keine Modifier-Klassen dafür, nur den\nInline-Weg, den das Mockup selbst nutzt.\n\n**Entscheidung 4 — `tabindex`/`id` sind nicht Teil der Komponente.** Das Mockup\nsetzt beides am `<figure>` (`id=\"ep-landing-main\" tabindex=\"-1\"`, z. B. Zeile\n9406) als Sprungziel des Skip-Links. Das Sprungziel ist eine Entscheidung der\nSeite (welches Element „Hauptinhalt“ ist, hängt vom Seitenaufbau ab, nicht vom\nHero selbst), deshalb setzt der Konsument beides am `<cds-hero-image>`-Host.\nDamit dieses Sprungziel eine eigene Box hat, ist der Host per\n`:host{display:block}` selbst ein Block (Muster wie `cds-footer-main`): Als\nunbekanntes Element wäre er `display:inline` mit herausgebrochenem Block-Kind\nund hätte keine brauchbare Box für Fokus und Scroll-Position (ADR-0008, Fall 2).",
+      "jsDocTags": {},
+      "argTypes": {
+        "alt": {
+          "name": "alt",
+          "description": "Alternativtext — Pflicht, das Bild trägt Bedeutung (kein dekoratives Hero-Bild).",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "eager": {
+          "name": "eager",
+          "description": "`loading`-Strategie des Bildes: `true` (Standard) rendert `loading=\"eager\"`,\nweil der Hero auf Customer-Pages immer above the fold sitzt. `false` für einen\nzweiten, weiter unten liegenden Hero (z. B. innerhalb einer Bildstrecke).",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": true
+            }
+          }
+        },
+        "eyebrow": {
+          "name": "eyebrow",
+          "description": "Eyebrow-Zeile über dem Titel (`.hero-image-caption-eyebrow`, leer = keine Zeile).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "heading": {
+          "name": "heading",
+          "description": "Titel der Caption (`.hero-image-caption-title`, leer = kein Titel).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "headingLevel": {
+          "name": "headingLevel",
+          "description": "Heading-Ebene des gerenderten Titels: `1`, wenn der Hero die erste Überschrift\nder Seite trägt (Standard auf Customer-Pages), `2`, wenn er unter einem\neigenen `<h1>` sitzt (Beitrags-Hero unter dem Article-Header, siehe\nEntscheidung 2 in der Klassendoku).",
+          "type": {
+            "name": "enum",
+            "value": [
+              1,
+              2
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "1 | 2"
+            },
+            "defaultValue": {
+              "summary": 1
+            }
+          }
+        },
+        "objectPosition": {
+          "name": "objectPosition",
+          "description": "`object-position` direkt am `<img>` (z. B. `'center 70%'`), siehe Entscheidung 3\nin der Klassendoku. Leer = Browser-Default `center center`.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "src": {
+          "name": "src",
+          "description": "Bildquelle.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "text": {
+          "name": "text",
+          "description": "Text unter dem Titel (`.hero-image-caption-text`, leer = kein Text).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type HeroImageComponentInputs = {\n  /** Alternativtext — Pflicht, das Bild trägt Bedeutung (kein dekoratives Hero-Bild). */\n  alt: string;\n  /**\n   * `loading`-Strategie des Bildes: `true` (Standard) rendert `loading=\"eager\"`,\n   * weil der Hero auf Customer-Pages immer above the fold sitzt. `false` für einen\n   * zweiten, weiter unten liegenden Hero (z. B. innerhalb einer Bildstrecke).\n   *\n   * @default true\n   */\n  eager?: boolean;\n  /**\n   * Eyebrow-Zeile über dem Titel (`.hero-image-caption-eyebrow`, leer = keine Zeile).\n   *\n   * @default ''\n   */\n  eyebrow?: string;\n  /**\n   * Titel der Caption (`.hero-image-caption-title`, leer = kein Titel).\n   *\n   * @default ''\n   */\n  heading?: string;\n  /**\n   * Heading-Ebene des gerenderten Titels: `1`, wenn der Hero die erste Überschrift\n   * der Seite trägt (Standard auf Customer-Pages), `2`, wenn er unter einem\n   * eigenen `<h1>` sitzt (Beitrags-Hero unter dem Article-Header, siehe\n   * Entscheidung 2 in der Klassendoku).\n   *\n   * @default 1\n   */\n  headingLevel?: 1 | 2;\n  /**\n   * `object-position` direkt am `<img>` (z. B. `'center 70%'`), siehe Entscheidung 3\n   * in der Klassendoku. Leer = Browser-Default `center center`.\n   *\n   * @default ''\n   */\n  objectPosition?: string;\n  /** Bildquelle. */\n  src: string;\n  /**\n   * Text unter dem Titel (`.hero-image-caption-text`, leer = kein Text).\n   *\n   * @default ''\n   */\n  text?: string;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "HeroImageComponent",
+        "selector": "cds-hero-image",
+        "standalone": true,
+        "inputs": [
+          "alt",
+          "eager",
+          "eyebrow",
+          "heading",
+          "headingLevel",
+          "objectPosition",
+          "src",
+          "text"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-hero-st/303/266rer.json

@@ -0,0 +1,41 @@
+{
+  "components": {
+    "komponenten-hero-störer": {
+      "id": "komponenten-hero-störer",
+      "name": "StoererSetComponent",
+      "path": "./src/lib/stoerer/stoerer.stories.ts",
+      "description": "StoererSet (cds-stoerer-set) — Wrapper um `.stoerer-set` / `.stoerer-list` aus\ncss/components.css (css/components.css:926–974): das Set aus ein bis drei\n`<cds-stoerer>`-Kacheln, das auf der Startseite oben rechts über dem Hero-Bild\nliegt. Der Positionsrahmen `.stoerer-hero` (umschließt Hero-Bild UND Set,\n`container-type:inline-size` für die Container-Query-Schwelle) ist bewusst NICHT\nTeil dieser Komponente, sondern bleibt beim Konsumenten (siehe\n`.scratch/angular-seitenbausteine/issues/03-stoerer.md`): er umschließt Hero UND\nSet gemeinsam, das könnte diese Komponente als internes Detail nicht leisten, ohne\ndas Hero-Bild selbst zu kennen.\n\n**Entscheidung — `<li>` ohne strukturelles Wrapper-Element.** `.stoerer-list` ist\nein `<ul>`; nach HTML-AAM bekommt ein `<li>` die implizite Rolle `listitem` nur als\ndirektes Kind eines `<ul>`/`<ol>`/`<menu>` — Screenreader kündigen die Liste sonst\nnicht mit Anzahl an. Ein einfaches `<ng-content>` hätte `<cds-stoerer>` selbst\nzwischen `<ul>` und `<li>` geschoben (kein direktes Kind mehr), und ein\n`display:contents`-Wrapper verbietet sich als neues CSS (ADR-0001). Gelöst über\ndasselbe Muster, das `cds-area-tabs`/`cds-area-tab` bereits für „projizierte\nKind-Komponente, deren Markup an einer selbst bestimmten Stelle im eigenen Template\nlandet“ etabliert (`area-tabs/area-tabs.component.ts`): `cds-stoerer` rendert nicht\nin sich selbst, sondern in ein `<ng-template>` und liefert es als `TemplateRef`\n(`stoerer.component.ts`). Diese Komponente liest die projizierten `<cds-stoerer>`\nüber `contentChildren()` und setzt ihr Template per `ngTemplateOutlet` direkt in\nein selbst gerendertes `<li>` ein. Im laufenden Storybook geprüft (`Komponenten/Hero/\nStörer` → Story „Interaktiv“, DOM live im Browser per `querySelector` abgefragt,\nzusätzlich in der Play-Funktion der Story gepinnt): `<ul class=\"stoerer-list\">`\nhat ausschließlich `<li>` als direkte Kinder (`ul.stoerer-list > *` → `[\"LI\",\"LI\"]`),\n`<cds-stoerer>` selbst taucht im gerenderten DOM nirgends auf — Angular hängt\nunprojizierten Content ohne passendes `<ng-content>`-Ziel gar nicht erst ein, exakt\nwie bei `<cds-area-tab>` innerhalb von `<cds-area-tabs>`. Ein `items`-Array (die im\nTicket vermerkte Alternative) hätte denselben DOM-Baum ergeben, aber den\nKonsumenten gezwungen, das projizierte Icon jeder Kachel in ein Datenobjekt\numzuziehen; mit dieser Lösung bleibt die deklarative, Content-projizierende API\nerhalten.",
+      "jsDocTags": {},
+      "argTypes": {
+        "label": {
+          "name": "label",
+          "description": "Zugänglicher Name des Sets (`<aside aria-label>`); „Aktuelles“ wie im Mockup.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Aktuelles"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type StoererSetComponentInputs = {\n  /**\n   * Zugänglicher Name des Sets (`<aside aria-label>`); „Aktuelles“ wie im Mockup.\n   *\n   * @default Aktuelles\n   */\n  label?: string;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "StoererSetComponent",
+        "selector": "cds-stoerer-set",
+        "standalone": true,
+        "inputs": [
+          "label"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-inputs-forms-auswahlfeld.json

@@ -0,0 +1,192 @@
+{
+  "components": {
+    "komponenten-inputs-forms-auswahlfeld": {
+      "id": "komponenten-inputs-forms-auswahlfeld",
+      "name": "SelectFieldComponent",
+      "path": "./src/lib/field/select-field.stories.ts",
+      "description": "Auswahlfeld — `<select>` im `.field`-Gerüst. Die Optionen kommen über `options`;\na11y-Verdrahtung wie beim Textfeld (aria-required/-invalid/-describedby).\n\nAls `ControlValueAccessor` (siehe FieldBase) direkt an Angular-Formulare\nanbindbar (`[(ngModel)]`, `formControlName`) bzw. ohne Formular per `[(value)]`.",
+      "jsDocTags": {},
+      "argTypes": {
+        "disabled": {
+          "name": "disabled",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "error": {
+          "name": "error",
+          "description": "Gesetzt = Fehlerzustand (.has-error + .error-msg).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "fieldId": {
+          "name": "fieldId",
+          "description": "id für die label/for- und aria-describedby-Verknüpfung. Default eindeutig.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "helper": {
+          "name": "helper",
+          "description": "Optionaler Hilfetext unter dem Feld.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "label": {
+          "name": "label",
+          "description": "Sichtbares Label.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "options": {
+          "name": "options",
+          "description": "Auswahloptionen (erste dient üblicherweise als Platzhalter, z. B. „Bitte wählen“).",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string[]"
+            },
+            "defaultValue": {
+              "summary": "[]"
+            }
+          }
+        },
+        "required": {
+          "name": "required",
+          "description": "Pflichtfeld → .req-Asterisk + aria-required.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "value": {
+          "name": "value",
+          "description": "Feldwert — Two-Way (`[(value)]`) UND Angular-Forms (ngModel/formControlName).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "disabledChange": {
+          "name": "disabledChange",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "disabledChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: boolean) => void"
+            }
+          }
+        },
+        "valueChange": {
+          "name": "valueChange",
+          "description": "Feldwert — Two-Way (`[(value)]`) UND Angular-Forms (ngModel/formControlName).",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "valueChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: string) => void"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type SelectFieldComponentInputs = {\n  /**\n   * Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.\n   *\n   * @default false\n   */\n  disabled?: boolean; // two-way: [(disabled)]\n  /**\n   * Gesetzt = Fehlerzustand (.has-error + .error-msg).\n   *\n   * @default ''\n   */\n  error?: string;\n  /** id für die label/for- und aria-describedby-Verknüpfung. Default eindeutig. */\n  fieldId?: string;\n  /**\n   * Optionaler Hilfetext unter dem Feld.\n   *\n   * @default ''\n   */\n  helper?: string;\n  /**\n   * Sichtbares Label.\n   *\n   * @default ''\n   */\n  label?: string;\n  /**\n   * Auswahloptionen (erste dient üblicherweise als Platzhalter, z. B. „Bitte wählen“).\n   *\n   * @default []\n   */\n  options?: string[];\n  /**\n   * Pflichtfeld → .req-Asterisk + aria-required.\n   *\n   * @default false\n   */\n  required?: boolean;\n  /**\n   * Feldwert — Two-Way (`[(value)]`) UND Angular-Forms (ngModel/formControlName).\n   *\n   * @default ''\n   */\n  value?: string; // two-way: [(value)]\n}\n```\n\n## Outputs\n\n```\nexport type SelectFieldComponentOutputs = {\n  /** Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar. */\n  disabledChange: (e: boolean) => void;\n  /** Feldwert — Two-Way (`[(value)]`) UND Angular-Forms (ngModel/formControlName). */\n  valueChange: (e: string) => void;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "SelectFieldComponent",
+        "selector": "cds-select-field",
+        "standalone": true,
+        "inputs": [
+          "disabled",
+          "error",
+          "fieldId",
+          "helper",
+          "label",
+          "options",
+          "required",
+          "value"
+        ],
+        "outputs": [
+          "disabledChange",
+          "valueChange"
+        ],
+        "enums": []
+      }
+    }
+  }
+}