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

package/snapshot/services/core/docgen/komponenten-tabelle-vergleichstabelle.json

@@ -0,0 +1,142 @@
+{
+  "components": {
+    "komponenten-tabelle-vergleichstabelle": {
+      "id": "komponenten-tabelle-vergleichstabelle",
+      "name": "CompareComponent",
+      "path": "./src/lib/compare/compare.stories.ts",
+      "description": "Compare (`cds-compare`) — Wrapper um `.ep-compare*` aus css/components.css\n(css/components.css:1275–1294): die aufklappbare Vergleichstabelle für den zeilenweisen\nDirektvergleich mehrerer Pakete/Tarife (Doku-Site `sec-table`, Nav-Eintrag\n„Vergleichstabelle (aufklappbar)“, `docs/index.html:5182–5204`). Zehntes Ticket der\nSeitenbausteine-Serie, nach `cds-table` (Ticket 09).\n\n**Mit Daten-Input, anders als `cds-table`.** `cds-table` projiziert `<thead>`/`<tbody>`\nunverändert per `<ng-content>`, weil seine Zellen Badges, Links und `data-num` tragen können\n(siehe dessen Klassendoku). Hier ist der Zellinhalt strukturell auf Ja/Nein oder eine kurze\nAngabe begrenzt — ausgezählt: alle 22 Datenzellen des einzigen realen Vorkommens\n(`docs/index.html:11970–12038`, 11 Zeilen × 2 Spalten, ohne die Zeilenüberschriften) sind\nentweder ein `.ep-compare-yes`/`-no`-Marker (18×, davon 14× „Ja“, 4× „Nein“) oder ein kurzer\nText wie „bis 70 Mrd. Param.“ bzw. „30 Min.“ (4×) — nie ein Badge, Link oder anderes Markup.\nWeil Spaltenzahl, `pro`-Spalte und Zellinhalt damit vollständig aus zwei Arrays (`columns`,\n`rows`) hervorgehen, würde `<ng-content>` beim Konsumenten nur denselben `@for`-Code\nduplizieren, ohne eine Freiheit zu gewinnen, die die Zell-Typisierung (`boolean | string`)\nohnehin ausschließt.\n\n**Ja/Nein-Zellen tragen einen Screenreader-Text, übernommen statt erfunden.** Im einzigen\nrealen Vorkommen steht hinter jeder Glyphe ein `.sr-only`-Text, ausnahmslos:\n`<span class=\"ep-compare-yes\" aria-hidden=\"true\">✓</span><span class=\"sr-only\">Enthalten</span>`\n(14×) bzw. `<span class=\"ep-compare-no\" aria-hidden=\"true\">−</span><span class=\"sr-only\">Nicht\nenthalten</span>` (4×, „−“ ist U+2212 Minus, kein Bindestrich). Genau diese Zeichen und dieser\nWortlaut, keine eigene Formulierung — Farbe und Glyphe allein tragen keine Bedeutung\n(WCAG 1.4.1), der `.sr-only`-Text ist deshalb kein optionaler Zusatz, sondern fest verdrahtet,\nnicht per Input überschreibbar.\n\n**`caption` ist Pflicht (`input.required<string>()`), abweichend von der Ticket-Skizze (dort\nkein Input dafür vorgesehen) — dieselbe Begründung wie bei `cds-table`.** Die eigene Doku\n(`storybook-angular/src/docs/komponenten/tabelle.mdx:91`) nennt `<caption class=\"sr-only\">`\nausdrücklich als Teil des Bauteils, und das einzige reale Vorkommen hat eine. Anders als bei\n`cds-table` ist sie hier `.sr-only`, nicht sichtbar: der Klartext steht schon im `<summary>`\n(`summary`-Input), die `<caption>` wiederholt ihn nur für Screenreader, die nach dem Aufklappen\ndirekt in die Tabelle springen, ohne den Summary-Text erneut vorgelesen zu bekommen.\n\n**`rowsLabel` (erste Kopfzelle, `<th scope=\"col\">Funktion</th>` im Mockup) ist dagegen Beiwerk,\noptional mit Default `''`.** Auch dafür sieht die Ticket-Skizze keinen Input vor. Den Text fest\nim Template zu verdrahten hieße, AI.Box-Copy in einen wiederverwendbaren Wrapper zu backen\n(ADR-0007 §2); ihn ganz wegzulassen wich ohne CSS-Befund vom einzigen Beleg ab, ohne dass die\nDoku das verlangt. Anders als `caption` ist die Kopfzelle nicht barrierefreiheitsrelevant\nPflicht: ein leeres `<th scope=\"col\">` bleibt eine gültige, in Vergleichsmatrizen verbreitete\nEcke ohne eigenen Namen. Deshalb Beiwerk, kein Inhalt — das Beispielwort „Funktion“ steht in\nder Story, nicht in der Klasse.\n\n**Natives `<details>`/`<summary>` bleibt erhalten, kein nachgebautes Disclosure** (Ticket-\nVorgabe, analog `cds-faq`): Tastaturbedienung und Toggle-Verhalten kommen vom Browser, das CSS\nhängt direkt an `[open]` (`.ep-compare[open] .ep-compare-caret`). `<details class=\"ep-compare\">`\nsitzt deshalb im TEMPLATE, nicht am Host — derselbe Grund wie bei `cds-table`s\n`.tbl-wrap`/`.tbl`: ein `<cds-compare>`-Host ist ein unbekanntes Custom Element, kein echtes\n`<details>`, und kann dessen native Disclosure-Semantik nicht annehmen.\n\n**Element-Selektor (ADR-0008-Standardfall).** `.ep-compare` sitzt im einzigen realen Vorkommen\nals gewöhnlicher Block-Nachfahre in `.ep-section` (`docs/index.html:11969`) — kein Grid-/\nFlex-Kind, keine `col-*`-Klasse vom Konsumenten, kein Tag-Wechsel (immer `<details>`). Keines\nder drei ADR-0008-Kriterien greift, ein Attributselektor brächte hier nichts.\n\n**`open` ist ein reiner Anfangszustand, keine Zwei-Wege-Bindung.** Gebunden über\n`[attr.open]=\"open() ? '' : null\"`: Angular schreibt das Attribut nur, wenn sich der GEPRÜFTE\nAusdruckswert seit dem letzten Change-Detection-Lauf ändert. `open()` bleibt nach dem ersten\nRendern konstant (die Komponente schreibt nie in dieses Signal zurück), ein nachfolgender\nnativer Toggle wird deshalb nicht rückgängig gemacht — geprüft in der Story „Interaktiv“\n(Play-Funktion: Klick öffnet, `toggled` feuert `true`, ein zweiter, vom Toggle unabhängiger\nInteraktionsschritt lässt die Tabelle weiterhin offen).",
+      "jsDocTags": {},
+      "argTypes": {
+        "caption": {
+          "name": "caption",
+          "description": "`<caption class=\"sr-only\">` der Tabelle — Pflicht, siehe Klassendoku.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "columns": {
+          "name": "columns",
+          "description": "Vergleichsspalten (Pakete/Tarife), in Render-Reihenfolge.",
+          "type": {
+            "name": "other",
+            "value": "empty-enum",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsCompareColumn[]"
+            },
+            "defaultValue": {}
+          }
+        },
+        "open": {
+          "name": "open",
+          "description": "Anfangszustand des `<details>` — reine Vorbelegung, siehe Klassendoku.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "rows": {
+          "name": "rows",
+          "description": "Vergleichszeilen; `cells` hat je Zeile genau einen Eintrag pro Spalte in `columns`.",
+          "type": {
+            "name": "other",
+            "value": "empty-enum",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsCompareRow[]"
+            },
+            "defaultValue": {}
+          }
+        },
+        "rowsLabel": {
+          "name": "rowsLabel",
+          "description": "Überschrift der ersten Spalte (Zeilentitel, z. B. „Funktion“) — Beiwerk, siehe Klassendoku.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "summary": {
+          "name": "summary",
+          "description": "Text im `<summary>`, z. B. „Alle Funktionen vergleichen“.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "toggled": {
+          "name": "toggled",
+          "description": "Feuert bei jedem Auf- oder Zuklappen mit dem neuen Zustand.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "toggled",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {}
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type CompareComponentInputs = {\n  /** `<caption class=\"sr-only\">` der Tabelle — Pflicht, siehe Klassendoku. */\n  caption: string;\n  /** Vergleichsspalten (Pakete/Tarife), in Render-Reihenfolge. */\n  columns: CdsCompareColumn[];\n  /**\n   * Anfangszustand des `<details>` — reine Vorbelegung, siehe Klassendoku.\n   *\n   * @default false\n   */\n  open?: boolean;\n  /** Vergleichszeilen; `cells` hat je Zeile genau einen Eintrag pro Spalte in `columns`. */\n  rows: CdsCompareRow[];\n  /**\n   * Überschrift der ersten Spalte (Zeilentitel, z. B. „Funktion“) — Beiwerk, siehe Klassendoku.\n   *\n   * @default ''\n   */\n  rowsLabel?: string;\n  /** Text im `<summary>`, z. B. „Alle Funktionen vergleichen“. */\n  summary: string;\n}\n```\n\n## Outputs\n\n```\nexport type CompareComponentOutputs = {\n  /** Feuert bei jedem Auf- oder Zuklappen mit dem neuen Zustand. */\n  toggled: boolean;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "CompareComponent",
+        "selector": "cds-compare",
+        "standalone": true,
+        "inputs": [
+          "caption",
+          "columns",
+          "open",
+          "rows",
+          "rowsLabel",
+          "summary"
+        ],
+        "outputs": [
+          "toggled"
+        ],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-theme-umschalter-cycle-button.json

@@ -0,0 +1,41 @@
+{
+  "components": {
+    "komponenten-theme-umschalter-cycle-button": {
+      "id": "komponenten-theme-umschalter-cycle-button",
+      "name": "ThemeCycleComponent",
+      "path": "./src/lib/theme-switch/cycle-button.stories.ts",
+      "description": "Theme-Cycle-Button — ein einzelner Icon-Button (Stil `.ep-nav-icon-btn` aus der\nTopnav), der bei Klick durch die Modi zyklt. Das Icon zeigt den aktuellen Modus.\nVorgesehener Einsatz: im Header. Icons über die zentrale Registry (lib/icons/cds-icons).\n\n`showSystem` schaltet zwischen tri (Hell→Dunkel→System) und binär (Hell→Dunkel).",
+      "jsDocTags": {},
+      "argTypes": {
+        "showSystem": {
+          "name": "showSystem",
+          "description": "true → Hell/Dunkel/System, false → nur Hell/Dunkel.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": true
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type ThemeCycleComponentInputs = {\n  /**\n   * true → Hell/Dunkel/System, false → nur Hell/Dunkel.\n   *\n   * @default true\n   */\n  showSystem?: boolean;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "ThemeCycleComponent",
+        "selector": "cds-theme-cycle",
+        "standalone": true,
+        "inputs": [
+          "showSystem"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-theme-umschalter-dropdown.json

@@ -0,0 +1,41 @@
+{
+  "components": {
+    "komponenten-theme-umschalter-dropdown": {
+      "id": "komponenten-theme-umschalter-dropdown",
+      "name": "ThemeSelectComponent",
+      "path": "./src/lib/theme-switch/select.stories.ts",
+      "description": "Theme-Dropdown — Theme-Umschalter auf Basis unseres Custom Select (cds-select):\ngestylte Einzelauswahl mit Listbox-Popup und Häkchen. Vorgesehener Einsatz: nur in\nden Einstellungen (Settings), NICHT als persistentes Element auf allen Seiten.\n\n`showSystem` schaltet zwischen Hell/Dunkel/System und binär Hell/Dunkel.",
+      "jsDocTags": {},
+      "argTypes": {
+        "showSystem": {
+          "name": "showSystem",
+          "description": "true → Hell/Dunkel/System, false → nur Hell/Dunkel.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": true
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type ThemeSelectComponentInputs = {\n  /**\n   * true → Hell/Dunkel/System, false → nur Hell/Dunkel.\n   *\n   * @default true\n   */\n  showSystem?: boolean;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "ThemeSelectComponent",
+        "selector": "cds-theme-select",
+        "standalone": true,
+        "inputs": [
+          "showSystem"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-theme-umschalter-segment.json

@@ -0,0 +1,41 @@
+{
+  "components": {
+    "komponenten-theme-umschalter-segment": {
+      "id": "komponenten-theme-umschalter-segment",
+      "name": "ThemeSegmentComponent",
+      "path": "./src/lib/theme-switch/segment-tri.stories.ts",
+      "description": "Theme-Segment — Segment-Switch für das Farbthema. Vorgesehener Einsatz: als\neigenständiges Element zum Hovern. Ist daher IMMER responsiv (unter 640px\nIcon-only) und IMMER animiert (Aktiv-Markierung gleitet als Thumb) — beides\nfest, nicht konfigurierbar. Icon + Textlabel stehen immer nebeneinander.\n\nEinzige Konfiguration: `showSystem` (tri Hell/Dunkel/System vs. binär Hell/Dunkel).\n\nBaut auf den CSS-Kern-Klassen `.theme-bar`/`.tbtn` auf. Jeder Button trägt ein\n`aria-label`, ist also auch im Icon-only-Modus benannt. Der Thumb wird per\ngetBoundingClientRect an die aktive Zelle gesetzt (ResizeObserver misst bei\nBreakpoint-/Font-Änderungen nach).",
+      "jsDocTags": {},
+      "argTypes": {
+        "showSystem": {
+          "name": "showSystem",
+          "description": "true → Hell/Dunkel/System (tri), false → nur Hell/Dunkel (binär).",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": true
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type ThemeSegmentComponentInputs = {\n  /**\n   * true → Hell/Dunkel/System (tri), false → nur Hell/Dunkel (binär).\n   *\n   * @default true\n   */\n  showSystem?: boolean;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "ThemeSegmentComponent",
+        "selector": "cds-theme-segment",
+        "standalone": true,
+        "inputs": [
+          "showSystem"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-zitate-testimonials-blockquote.json

@@ -0,0 +1,96 @@
+{
+  "components": {
+    "komponenten-zitate-testimonials-blockquote": {
+      "id": "komponenten-zitate-testimonials-blockquote",
+      "name": "BlockquoteComponent",
+      "path": "./src/lib/blockquote/blockquote.stories.ts",
+      "description": "Blockquote — Wrapper um `.bq` aus css/components.css → „Blockquote“.\n\nBereichsgefärbtes Zitat mit linker Akzentleiste und getöntem Grund (data-area),\nQuote-Icon (ui-quote, dieselbe Glyphe wie docs/index.html), Zitat und\nCaption (Name/Rolle). Nur bestehende Klassen.\n\n**Nicht `cds-article-pullquote` (`.article-pullquote`).** Dieses Bauteil ist\nein eigenständiges Zitat: eine dritte, benannte Person (`name`/`roleLabel` sind\nPflicht), mit getönter Akzent-Box und Quote-Icon. `cds-article-pullquote` ist\ndagegen ein typografischer Akzent im eigenen Lauftext eines Wissensbeitrags,\nohne Attribution, ohne Box, ohne Icon — der Autor zitiert dort einen Satz aus\ndem eigenen Text, nicht eine dritte Stimme. Volle Abgrenzung samt Tabelle in\ndessen Klassendoku (`article-pullquote.component.ts`).",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "description": "Markenbereich → data-area (Akzentleiste + getönter Grund).",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {
+              "summary": "co"
+            }
+          }
+        },
+        "name": {
+          "name": "name",
+          "description": "Name der zitierten Person.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "quote": {
+          "name": "quote",
+          "description": "Zitattext.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "roleLabel": {
+          "name": "roleLabel",
+          "description": "Rolle/Funktion der zitierten Person (leer = keine Caption-Zeile dafür).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type BlockquoteComponentInputs = {\n  /**\n   * Markenbereich → data-area (Akzentleiste + getönter Grund).\n   *\n   * @default co\n   */\n  area?: CdsArea;\n  /** Name der zitierten Person. */\n  name: string;\n  /** Zitattext. */\n  quote: string;\n  /**\n   * Rolle/Funktion der zitierten Person (leer = keine Caption-Zeile dafür).\n   *\n   * @default ''\n   */\n  roleLabel?: string;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "BlockquoteComponent",
+        "selector": "cds-blockquote",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "name",
+          "quote",
+          "roleLabel"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-zitate-testimonials-teamvoice.json

@@ -0,0 +1,130 @@
+{
+  "components": {
+    "komponenten-zitate-testimonials-teamvoice": {
+      "id": "komponenten-zitate-testimonials-teamvoice",
+      "name": "TeamVoiceComponent",
+      "path": "./src/lib/team-voice/team-voice.stories.ts",
+      "description": "TeamVoice — Wrapper um `.team-voice` aus css/components.css → „Team-Stimmen“.\n\nEditoriale Zitat-Reihe mit seitlichem Foto (im Grid abwechselnd links/rechts,\ngesteuert per :nth-child innerhalb von `.team-voices`), bereichsgefärbtem\nAkzent (data-area), Quote-Icon (ui-quote), Zitat und Name/Rolle. Mehrere\nKomponenten in einen `<div class=\"team-voices\">` legen, damit das alternierende\nLayout greift (siehe Story).",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "description": "Markenbereich → data-area (Akzentfarbe + Rahmen).",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {
+              "summary": "co"
+            }
+          }
+        },
+        "image": {
+          "name": "image",
+          "description": "Bild-URL; leer = neutraler Platzhalter (Doku-Assets sind hier nicht eingebunden).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "imageAlt": {
+          "name": "imageAlt",
+          "description": "Alternativtext des Fotos.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Teamfoto"
+            }
+          }
+        },
+        "name": {
+          "name": "name",
+          "description": "Name der zitierten Person.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "quote": {
+          "name": "quote",
+          "description": "Zitattext.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "roleLabel": {
+          "name": "roleLabel",
+          "description": "Rolle/Funktion der zitierten Person (leer = keine Rollenzeile).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type TeamVoiceComponentInputs = {\n  /**\n   * Markenbereich → data-area (Akzentfarbe + Rahmen).\n   *\n   * @default co\n   */\n  area?: CdsArea;\n  /**\n   * Bild-URL; leer = neutraler Platzhalter (Doku-Assets sind hier nicht eingebunden).\n   *\n   * @default ''\n   */\n  image?: string;\n  /**\n   * Alternativtext des Fotos.\n   *\n   * @default Teamfoto\n   */\n  imageAlt?: string;\n  /** Name der zitierten Person. */\n  name: string;\n  /** Zitattext. */\n  quote: string;\n  /**\n   * Rolle/Funktion der zitierten Person (leer = keine Rollenzeile).\n   *\n   * @default ''\n   */\n  roleLabel?: string;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "TeamVoiceComponent",
+        "selector": "cds-team-voice",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "image",
+          "imageAlt",
+          "name",
+          "quote",
+          "roleLabel"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-zitate-testimonials-testimonial.json

@@ -0,0 +1,96 @@
+{
+  "components": {
+    "komponenten-zitate-testimonials-testimonial": {
+      "id": "komponenten-zitate-testimonials-testimonial",
+      "name": "TestimonialComponent",
+      "path": "./src/lib/testimonial/testimonial.stories.ts",
+      "description": "Testimonial — Wrapper um `.testimonial` aus css/components.css → „Testimonial Card“.\n\nStatische Zitat-Karte mit bereichsgefärbtem Top-Akzent (data-area), Quote-Icon\n(.testimonial-icon, fill:currentColor), Zitat (blockquote) und Footer mit Name/Rolle.\nNur bestehende Klassen — kein eigenes CSS.",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "description": "Markenbereich → data-area (Top-Akzent + Icon-Farbe).",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {
+              "summary": "co"
+            }
+          }
+        },
+        "name": {
+          "name": "name",
+          "description": "Name der zitierten Person.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "quote": {
+          "name": "quote",
+          "description": "Zitattext.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "roleLabel": {
+          "name": "roleLabel",
+          "description": "Rolle/Funktion der zitierten Person (leer = keine Rollenzeile im Footer).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type TestimonialComponentInputs = {\n  /**\n   * Markenbereich → data-area (Top-Akzent + Icon-Farbe).\n   *\n   * @default co\n   */\n  area?: CdsArea;\n  /** Name der zitierten Person. */\n  name: string;\n  /** Zitattext. */\n  quote: string;\n  /**\n   * Rolle/Funktion der zitierten Person (leer = keine Rollenzeile im Footer).\n   *\n   * @default ''\n   */\n  roleLabel?: string;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "TestimonialComponent",
+        "selector": "cds-testimonial",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "name",
+          "quote",
+          "roleLabel"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}