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

package/snapshot/services/core/story-docs/komponenten-tabelle-vergleichstabelle.json

@@ -0,0 +1,32 @@
+{
+  "components": {
+    "komponenten-tabelle-vergleichstabelle": {
+      "id": "komponenten-tabelle-vergleichstabelle",
+      "name": "CompareComponent",
+      "path": "./src/lib/compare/compare.stories.ts",
+      "stories": {
+        "komponenten-tabelle-vergleichstabelle--interaktiv": {
+          "id": "komponenten-tabelle-vergleichstabelle--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { CompareComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [CompareComponent],\n  template: `\n    <cds-compare\n        [summary]=\"'Alle Funktionen vergleichen'\"\n        [caption]=\"'Funktionsvergleich der Pakete AI.Box Core und AI.Box Pro'\"\n        [rowsLabel]=\"'Funktion'\"\n        [open]=\"false\"\n        [columns]=\"[{label: 'Core'}, {label: 'Pro', pro: true}]\"\n        [rows]=\"[{label: 'Hosting in Deutschland', cells: [true, true]}, {label: 'SSO, Nutzer- und Rechtemanagement', cells: [true, true]}, {label: 'Lokale Modelle', cells: ['bis 24 Mrd. Param.', 'bis 70 Mrd. Param.']}, {label: 'OpenAI-Modelle über API-Key', cells: [true, true]}, {label: 'Chatbots mit Modellvergleich', cells: [true, true]}, {label: 'Websuche', cells: [true, true]}, {label: 'LLM-Gateway für externe Cloud-Modelle', cells: [false, true]}, {label: 'Eigene KI-Assistenten', cells: [false, true]}, {label: 'Memory: Wissen über Chats hinweg', cells: [false, true]}, {label: 'Anbindung an Confluence und SharePoint', cells: [false, true]}, {label: 'Support pro Monat', cells: ['30 Min.', '2,5 Std.']}]\"\n        (toggled)=\"toggled($event)\"\n    />`,\n})\nexport class DemoComponent {\n  toggled(event: unknown) {}\n}",
+          "warning": "Incomplete snippet: `fn()` could not be resolved statically."
+        },
+        "komponenten-tabelle-vergleichstabelle--bereits-offen": {
+          "id": "komponenten-tabelle-vergleichstabelle--bereits-offen",
+          "name": "Bereits offen",
+          "snippet": "import { Component } from '@angular/core';\nimport { CompareComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [CompareComponent],\n  template: `\n    <cds-compare\n        [summary]=\"'Alle Funktionen vergleichen'\"\n        [caption]=\"'Funktionsvergleich der Pakete AI.Box Core und AI.Box Pro'\"\n        [rowsLabel]=\"'Funktion'\"\n        [open]=\"true\"\n        [columns]=\"[{label: 'Core'}, {label: 'Pro', pro: true}]\"\n        [rows]=\"[{label: 'Hosting in Deutschland', cells: [true, true]}, {label: 'SSO, Nutzer- und Rechtemanagement', cells: [true, true]}, {label: 'Lokale Modelle', cells: ['bis 24 Mrd. Param.', 'bis 70 Mrd. Param.']}, {label: 'OpenAI-Modelle über API-Key', cells: [true, true]}, {label: 'Chatbots mit Modellvergleich', cells: [true, true]}, {label: 'Websuche', cells: [true, true]}, {label: 'LLM-Gateway für externe Cloud-Modelle', cells: [false, true]}, {label: 'Eigene KI-Assistenten', cells: [false, true]}, {label: 'Memory: Wissen über Chats hinweg', cells: [false, true]}, {label: 'Anbindung an Confluence und SharePoint', cells: [false, true]}, {label: 'Support pro Monat', cells: ['30 Min.', '2,5 Std.']}]\"\n        (toggled)=\"toggled($event)\"\n    />`,\n})\nexport class DemoComponent {\n  toggled(event: unknown) {}\n}"
+        },
+        "komponenten-tabelle-vergleichstabelle--mit-text-zellen": {
+          "id": "komponenten-tabelle-vergleichstabelle--mit-text-zellen",
+          "name": "Mit Text-Zellen",
+          "snippet": "import { Component } from '@angular/core';\nimport { CompareComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [CompareComponent],\n  template: `\n    <cds-compare\n        [summary]=\"'Alle Funktionen vergleichen'\"\n        [caption]=\"'Funktionsvergleich der Pakete AI.Box Core und AI.Box Pro'\"\n        [rowsLabel]=\"'Funktion'\"\n        [open]=\"true\"\n        [columns]=\"[{label: 'Core'}, {label: 'Pro', pro: true}]\"\n        [rows]=\"[{label: 'Hosting in Deutschland', cells: [true, true]}, {label: 'Lokale Modelle', cells: ['bis 24 Mrd. Param.', 'bis 70 Mrd. Param.']}, {label: 'Support pro Monat', cells: ['30 Min.', '2,5 Std.']}]\"\n        (toggled)=\"toggled($event)\"\n    />`,\n})\nexport class DemoComponent {\n  toggled(event: unknown) {}\n}"
+        },
+        "komponenten-tabelle-vergleichstabelle--hervorgehobene-spalte": {
+          "id": "komponenten-tabelle-vergleichstabelle--hervorgehobene-spalte",
+          "name": "Hervorgehobene Spalte",
+          "snippet": "import { Component } from '@angular/core';\nimport { CompareComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [CompareComponent],\n  template: `\n    <cds-compare\n        [summary]=\"'Alle Funktionen vergleichen'\"\n        [caption]=\"'Funktionsvergleich der Pakete AI.Box Core und AI.Box Pro'\"\n        [rowsLabel]=\"'Funktion'\"\n        [open]=\"true\"\n        [columns]=\"[{label: 'Core'}, {label: 'Pro', pro: true}]\"\n        [rows]=\"[{label: 'Hosting in Deutschland', cells: [true, true]}, {label: 'SSO, Nutzer- und Rechtemanagement', cells: [true, true]}, {label: 'Lokale Modelle', cells: ['bis 24 Mrd. Param.', 'bis 70 Mrd. Param.']}, {label: 'OpenAI-Modelle über API-Key', cells: [true, true]}, {label: 'Chatbots mit Modellvergleich', cells: [true, true]}, {label: 'Websuche', cells: [true, true]}, {label: 'LLM-Gateway für externe Cloud-Modelle', cells: [false, true]}, {label: 'Eigene KI-Assistenten', cells: [false, true]}, {label: 'Memory: Wissen über Chats hinweg', cells: [false, true]}, {label: 'Anbindung an Confluence und SharePoint', cells: [false, true]}, {label: 'Support pro Monat', cells: ['30 Min.', '2,5 Std.']}]\"\n        (toggled)=\"toggled($event)\"\n    />`,\n})\nexport class DemoComponent {\n  toggled(event: unknown) {}\n}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,31 @@
+{
+  "components": {
+    "komponenten-theme-umschalter-cycle-button": {
+      "id": "komponenten-theme-umschalter-cycle-button",
+      "name": "ThemeCycleComponent",
+      "path": "./src/lib/theme-switch/cycle-button.stories.ts",
+      "stories": {
+        "komponenten-theme-umschalter-cycle-button--interaktiv": {
+          "id": "komponenten-theme-umschalter-cycle-button--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeCycleComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeCycleComponent],\n  template: `<cds-theme-cycle [showSystem]=\"true\" />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-theme-umschalter-cycle-button--binaer": {
+          "id": "komponenten-theme-umschalter-cycle-button--binaer",
+          "name": "Binär (nur Hell/Dunkel)",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeCycleComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeCycleComponent],\n  template: `<cds-theme-cycle [showSystem]=\"false\" />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-theme-umschalter-cycle-button--klick-zyklus": {
+          "id": "komponenten-theme-umschalter-cycle-button--klick-zyklus",
+          "name": "Klick-Zyklus",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeCycleComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeCycleComponent],\n  template: `<cds-theme-cycle [showSystem]=\"true\" />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-theme-umschalter-cycle-button--klick-zyklus-binaer": {
+          "id": "komponenten-theme-umschalter-cycle-button--klick-zyklus-binaer",
+          "name": "Klick-Zyklus · binär",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeCycleComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeCycleComponent],\n  template: `<cds-theme-cycle [showSystem]=\"false\" />`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+{
+  "components": {
+    "komponenten-theme-umschalter-dropdown": {
+      "id": "komponenten-theme-umschalter-dropdown",
+      "name": "ThemeSelectComponent",
+      "path": "./src/lib/theme-switch/select.stories.ts",
+      "stories": {
+        "komponenten-theme-umschalter-dropdown--interaktiv": {
+          "id": "komponenten-theme-umschalter-dropdown--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeSelectComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeSelectComponent],\n  template: `<cds-theme-select [showSystem]=\"true\" />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-theme-umschalter-dropdown--binaer": {
+          "id": "komponenten-theme-umschalter-dropdown--binaer",
+          "name": "Binär (nur Hell/Dunkel)",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeSelectComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeSelectComponent],\n  template: `<cds-theme-select [showSystem]=\"false\" />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-theme-umschalter-dropdown--option-waehlen": {
+          "id": "komponenten-theme-umschalter-dropdown--option-waehlen",
+          "name": "Option wählen",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeSelectComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeSelectComponent],\n  template: `<cds-theme-select [showSystem]=\"true\" />`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+{
+  "components": {
+    "komponenten-theme-umschalter-segment": {
+      "id": "komponenten-theme-umschalter-segment",
+      "name": "ThemeSegmentComponent",
+      "path": "./src/lib/theme-switch/segment-tri.stories.ts",
+      "stories": {
+        "komponenten-theme-umschalter-segment--interaktiv": {
+          "id": "komponenten-theme-umschalter-segment--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeSegmentComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeSegmentComponent],\n  template: `<cds-theme-segment [showSystem]=\"true\" />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-theme-umschalter-segment--binaer": {
+          "id": "komponenten-theme-umschalter-segment--binaer",
+          "name": "Binär (nur Hell/Dunkel)",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeSegmentComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeSegmentComponent],\n  template: `<cds-theme-segment [showSystem]=\"false\" />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-theme-umschalter-segment--wechsel-dunkel": {
+          "id": "komponenten-theme-umschalter-segment--wechsel-dunkel",
+          "name": "Wechsel · Dunkel",
+          "snippet": "import { Component } from '@angular/core';\nimport { ThemeSegmentComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ThemeSegmentComponent],\n  template: `<cds-theme-segment [showSystem]=\"true\" />`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,21 @@
+{
+  "components": {
+    "komponenten-zitate-testimonials-blockquote": {
+      "id": "komponenten-zitate-testimonials-blockquote",
+      "name": "BlockquoteComponent",
+      "path": "./src/lib/blockquote/blockquote.stories.ts",
+      "stories": {
+        "komponenten-zitate-testimonials-blockquote--interaktiv": {
+          "id": "komponenten-zitate-testimonials-blockquote--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { BlockquoteComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [BlockquoteComponent],\n  template: `\n    <cds-blockquote\n        [quote]=\"'Klare Kommunikation schafft Vertrauen, lange bevor das erste Meeting stattfindet.'\"\n        [name]=\"'Maria Schneider'\"\n        [roleLabel]=\"'Head of Marketing, Musterunternehmen GmbH'\"\n        [area]=\"'co'\"\n    />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-zitate-testimonials-blockquote--pro-bereich": {
+          "id": "komponenten-zitate-testimonials-blockquote--pro-bereich",
+          "name": "Je Bereich",
+          "snippet": "import { Component } from '@angular/core';\nimport { BlockquoteComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [BlockquoteComponent],\n  template: `\n    <div style=\"display:grid;gap:24px;max-width:640px\">\n        <cds-blockquote\n            area=\"co\"\n            quote=\"Klare Kommunikation schafft Vertrauen.\"\n            name=\"A. Becker\"\n            roleLabel=\"CEO\">\n        </cds-blockquote>\n        <cds-blockquote\n            area=\"ki\"\n            quote=\"KI liefert ab Tag eins messbaren Mehrwert.\"\n            name=\"S. Khan\"\n            roleLabel=\"Head of Data\">\n        </cds-blockquote>\n        <cds-blockquote\n            area=\"es\"\n            quote=\"Weniger Code, klarere Architektur.\"\n            name=\"M. Lang\"\n            roleLabel=\"VP Engineering\">\n        </cds-blockquote>\n        <cds-blockquote\n            area=\"wo\"\n            quote=\"Teams, die lernen und sich anpassen.\"\n            name=\"P. Adam\"\n            roleLabel=\"COO\">\n        </cds-blockquote>\n    </div>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,21 @@
+{
+  "components": {
+    "komponenten-zitate-testimonials-teamvoice": {
+      "id": "komponenten-zitate-testimonials-teamvoice",
+      "name": "TeamVoiceComponent",
+      "path": "./src/lib/team-voice/team-voice.stories.ts",
+      "stories": {
+        "komponenten-zitate-testimonials-teamvoice--interaktiv": {
+          "id": "komponenten-zitate-testimonials-teamvoice--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { TeamVoiceComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [TeamVoiceComponent],\n  template: `\n    <cds-team-voice\n        [quote]=\"'Ich kam als Junior und durfte vom ersten Sprint an mitgestalten. Die Lernkurve war steil, aber nie allein.'\"\n        [name]=\"'Lena Brandt'\"\n        [roleLabel]=\"'Softwareentwicklerin, seit 2021'\"\n        [area]=\"'co'\"\n        [image]=\"''\"\n        [imageAlt]=\"'Teamfoto'\"\n    />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-zitate-testimonials-teamvoice--alternierende-reihen": {
+          "id": "komponenten-zitate-testimonials-teamvoice--alternierende-reihen",
+          "name": "Alternierende Reihen",
+          "snippet": "import { Component } from '@angular/core';\nimport { TeamVoiceComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [TeamVoiceComponent],\n  template: `\n    <div class=\"team-voices\">\n        <cds-team-voice\n            area=\"co\"\n            name=\"Lena Brandt\"\n            roleLabel=\"Softwareentwicklerin, seit 2021\"\n            quote=\"Ich kam als Junior und durfte vom ersten Sprint an mitgestalten. Die Lernkurve war steil, aber nie allein.\">\n        </cds-team-voice>\n        <cds-team-voice\n            area=\"wo\"\n            name=\"Tobias Reuter\"\n            roleLabel=\"Lead Developer, seit 2018\"\n            quote=\"Was mich hält, ist die Ehrlichkeit. Wir reden über das, was gut läuft, und genauso über das, was nicht klappt.\">\n        </cds-team-voice>\n        <cds-team-voice\n            area=\"es\"\n            name=\"Mara Vogt\"\n            roleLabel=\"Platform Engineer, seit 2022\"\n            quote=\"Hier zählt, was funktioniert — nicht, wer am lautesten ist. Das macht die Arbeit ruhig und fokussiert.\">\n        </cds-team-voice>\n    </div>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,21 @@
+{
+  "components": {
+    "komponenten-zitate-testimonials-testimonial": {
+      "id": "komponenten-zitate-testimonials-testimonial",
+      "name": "TestimonialComponent",
+      "path": "./src/lib/testimonial/testimonial.stories.ts",
+      "stories": {
+        "komponenten-zitate-testimonials-testimonial--interaktiv": {
+          "id": "komponenten-zitate-testimonials-testimonial--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { TestimonialComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [TestimonialComponent],\n  template: `\n    <cds-testimonial\n        [quote]=\"'Conciso hat unsere Plattform spürbar verschlankt — weniger Code, klarere Prozesse, zufriedenere Teams.'\"\n        [name]=\"'Dr. Maria Schmidt'\"\n        [roleLabel]=\"'CTO, Beispiel GmbH'\"\n        [area]=\"'co'\"\n    />`,\n})\nexport class DemoComponent {}"
+        },
+        "komponenten-zitate-testimonials-testimonial--pro-bereich": {
+          "id": "komponenten-zitate-testimonials-testimonial--pro-bereich",
+          "name": "Je Bereich",
+          "snippet": "import { Component } from '@angular/core';\nimport { TestimonialComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [TestimonialComponent],\n  template: `\n    <div\n        style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px\">\n        <cds-testimonial\n            area=\"co\"\n            name=\"A. Becker\"\n            roleLabel=\"CEO\"\n            quote=\"Ein Auftritt, auf den wir stolz sind — klar, konsistent, professionell.\">\n        </cds-testimonial>\n        <cds-testimonial\n            area=\"ki\"\n            name=\"S. Khan\"\n            roleLabel=\"Head of Data\"\n            quote=\"Die KI-Lösung liefert seit Tag eins messbaren Mehrwert.\">\n        </cds-testimonial>\n        <cds-testimonial\n            area=\"es\"\n            name=\"M. Lang\"\n            roleLabel=\"VP Engineering\"\n            quote=\"Weniger technische Schulden, schnellere Releases — genau wie versprochen.\">\n        </cds-testimonial>\n    </div>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/marke-brand-areas-areatabs.json

@@ -0,0 +1,26 @@
+{
+  "components": {
+    "marke-brand-areas-areatabs": {
+      "id": "marke-brand-areas-areatabs",
+      "name": "AreaTabsComponent",
+      "path": "./src/lib/area-tabs/area-tabs.stories.ts",
+      "stories": {
+        "marke-brand-areas-areatabs--interaktiv": {
+          "id": "marke-brand-areas-areatabs--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { AreaTabsComponent } from '@conciso/design-system-angular';\nimport { AreaTabComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AreaTabsComponent, AreaTabComponent],\n  template: `\n    <cds-area-tabs [active]=\"active\">\n        <cds-area-tab area=\"co\" label=\"Corporate\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                Marke, Haltung und konsistente Kommunikation.\n            </p>\n        </cds-area-tab>\n        <cds-area-tab area=\"ki\" label=\"Angewandte KI\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                KI-Lösungen mit echtem Geschäftsnutzen.\n            </p>\n        </cds-area-tab>\n        <cds-area-tab area=\"es\" label=\"Effektive Software\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                Schlanke Architektur, schnellere Lieferung.\n            </p>\n        </cds-area-tab>\n        <cds-area-tab area=\"wo\" label=\"Wirksame Organisationen\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                Teams, die lernen und sich anpassen.\n            </p>\n        </cds-area-tab>\n    </cds-area-tabs>`,\n})\nexport class DemoComponent {\n  active = 0;\n}"
+        },
+        "marke-brand-areas-areatabs--tastatur": {
+          "id": "marke-brand-areas-areatabs--tastatur",
+          "name": "Tastatur",
+          "snippet": "import { Component } from '@angular/core';\nimport { AreaTabsComponent } from '@conciso/design-system-angular';\nimport { AreaTabComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AreaTabsComponent, AreaTabComponent],\n  template: `\n    <cds-area-tabs>\n        <cds-area-tab area=\"co\" label=\"Corporate\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                Marke, Haltung und konsistente Kommunikation.\n            </p>\n        </cds-area-tab>\n        <cds-area-tab area=\"ki\" label=\"Angewandte KI\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                KI-Lösungen mit echtem Geschäftsnutzen.\n            </p>\n        </cds-area-tab>\n        <cds-area-tab area=\"es\" label=\"Effektive Software\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                Schlanke Architektur, schnellere Lieferung.\n            </p>\n        </cds-area-tab>\n        <cds-area-tab area=\"wo\" label=\"Wirksame Organisationen\">\n            <p\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                Teams, die lernen und sich anpassen.\n            </p>\n        </cds-area-tab>\n    </cds-area-tabs>`,\n})\nexport class DemoComponent {}"
+        },
+        "marke-brand-areas-areatabs--reicher-inhalt": {
+          "id": "marke-brand-areas-areatabs--reicher-inhalt",
+          "name": "Reicher Inhalt",
+          "snippet": "import { Component } from '@angular/core';\nimport { AreaTabsComponent } from '@conciso/design-system-angular';\nimport { AreaTabComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AreaTabsComponent, AreaTabComponent],\n  template: `\n    <cds-area-tabs>\n        <cds-area-tab area=\"ki\" label=\"Angewandte KI\">\n            <h4\n                style=\"font:var(--ty-heading-sm);margin:0 0 var(--s2)\">\n                KI mit Geschäftsnutzen\n            </h4>\n            <ul\n                style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0 0 var(--s3);padding-left:1.2em\">\n                <li>Use-Case-Bewertung &amp; Priorisierung</li>\n                <li>RAG- und Assistenz-Lösungen</li>\n                <li>Betrieb &amp; Monitoring</li>\n            </ul>\n            <button type=\"button\" class=\"btn btn-primary\">Beratung anfragen</button>\n        </cds-area-tab>\n        <cds-area-tab area=\"es\" label=\"Effektive Software\">\n            <p style=\"font:var(--ty-body-md);color:var(--tx-secondary);margin:0\">\n                Schlanke Architektur und schnellere Lieferung — inkl.\n                <a class=\"body-link\" href=\"#\">Referenzprojekten</a>\n                .\n            </p>\n        </cds-area-tab>\n    </cds-area-tabs>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/marke-logo-logo.json

@@ -0,0 +1,23 @@
+{
+  "components": {
+    "marke-logo-logo": {
+      "id": "marke-logo-logo",
+      "name": "LogoComponent",
+      "path": "./src/lib/logo/logo.stories.ts",
+      "stories": {
+        "marke-logo-logo--mit-bild": {
+          "id": "marke-logo-logo--mit-bild",
+          "name": "Mit Bild",
+          "snippet": "import { Component } from '@angular/core';\nimport { LogoComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [LogoComponent],\n  template: `<cds-logo [label]=\"'Conciso'\" [src]=\"'./conciso/brand/logo-conciso.svg'\" />`,\n})\nexport class DemoComponent {}",
+          "description": "Mit Bild: das Conciso-Logo als Stellvertreter (Kacheln liegen randlos auf weißer Platte)."
+        },
+        "marke-logo-logo--text-fallback": {
+          "id": "marke-logo-logo--text-fallback",
+          "name": "Text Fallback",
+          "snippet": "import { Component } from '@angular/core';\nimport { LogoComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [LogoComponent],\n  template: `<cds-logo [label]=\"'NORDWIND'\" />`,\n})\nexport class DemoComponent {}",
+          "description": "Ohne Bild: Text-Platzhalter als Fallback."
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-seminar-/302/267-training-fakten-liste.json

@@ -0,0 +1,21 @@
+{
+  "components": {
+    "seitenmuster-seminar-·-training-fakten-liste": {
+      "id": "seitenmuster-seminar-·-training-fakten-liste",
+      "name": "FactsComponent",
+      "path": "./src/lib/facts/facts.stories.ts",
+      "stories": {
+        "seitenmuster-seminar-·-training-fakten-liste--interaktiv": {
+          "id": "seitenmuster-seminar-·-training-fakten-liste--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { FactsComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [FactsComponent],\n  template: `<cds-facts [items]=\"items\" [grid]=\"grid\" [area]=\"area\"></cds-facts>`,\n})\nexport class DemoComponent {\n  items = [{term: 'Dauer', value: '2 Tage, 9–17 Uhr'}, {term: 'Format', value: 'Präsenz & Online'}, {term: 'Gruppe', value: 'max. 12 Personen'}, {term: 'Sprache', value: 'Deutsch'}];\n  grid = false;\n  area = 'wo';\n}"
+        },
+        "seitenmuster-seminar-·-training-fakten-liste--als-raster": {
+          "id": "seitenmuster-seminar-·-training-fakten-liste--als-raster",
+          "name": "Als Raster",
+          "snippet": "import { Component } from '@angular/core';\nimport { FactsComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [FactsComponent],\n  template: `\n    <div\n        style=\"background:var(--bg-surface);border:var(--bd-strong);border-radius:var(--r-lg);padding:var(--s6);max-width:420px\">\n        <cds-facts [items]=\"items\" [grid]=\"grid\" [area]=\"area\"></cds-facts>\n    </div>`,\n})\nexport class DemoComponent {\n  items = [{term: 'Dauer', value: '2 Tage, 9–17 Uhr'}, {term: 'Format', value: 'Präsenz & Online'}, {term: 'Gruppe', value: 'max. 12 Personen'}, {term: 'Sprache', value: 'Deutsch'}];\n  grid = true;\n  area = 'wo';\n}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-article-header.json

@@ -0,0 +1,37 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-article-header": {
+      "id": "seitenmuster-wissensbeitrag-article-header",
+      "name": "ArticleHeaderComponent",
+      "path": "./src/lib/article-header/article-header.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-article-header--interaktiv": {
+          "id": "seitenmuster-wissensbeitrag-article-header--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleHeaderComponent } from '@conciso/design-system-angular';\nimport { AvatarComponent, AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleHeaderComponent, AvatarComponent, AvatarStackComponent],\n  template: `\n    <cds-article-header\n        [title]=\"title\"\n        [lead]=\"lead\"\n        [breadcrumb]=\"breadcrumb\"\n        [pill]=\"pill\"\n        [pillAriaLabel]=\"pillAriaLabel\"\n        [area]=\"area\"\n        [authorName]=\"authorName\"\n        [authorRole]=\"authorRole\"\n        [date]=\"date\"\n        [dateLabel]=\"dateLabel\">\n        <div cdsAvatar name=\"Lukas Brandt\" area=\"ki\"></div>\n    </cds-article-header>`,\n})\nexport class DemoComponent {\n  title = 'Warum 60 % der KI-Piloten nie in Produktion gehen';\n  breadcrumb = [{label: 'Wissen', href: '#'}, {label: 'Angewandte KI'}];\n  pill = '8 min Lesezeit';\n  pillAriaLabel = 'Lesezeit 8 Minuten';\n  area = 'ki';\n  authorName = 'Lukas Brandt';\n  authorRole = 'Senior AI Engineer · Conciso';\n  date = '2026-05-13';\n  dateLabel = '13. Mai 2026';\n}",
+          "warning": "Incomplete snippet: `'Demos überzeugen, Use-Cases scheitern. Was wir aus 200 Implementierungen über den Pfad ' + 'zur Produktion gelernt haben.'` could not be resolved statically."
+        },
+        "seitenmuster-wissensbeitrag-article-header--ohne-breadcrumb": {
+          "id": "seitenmuster-wissensbeitrag-article-header--ohne-breadcrumb",
+          "name": "Ohne Breadcrumb",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleHeaderComponent } from '@conciso/design-system-angular';\nimport { AvatarComponent, AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleHeaderComponent, AvatarComponent, AvatarStackComponent],\n  template: `\n    <cds-article-header\n        [title]=\"title\"\n        [lead]=\"lead\"\n        [pill]=\"pill\"\n        [pillAriaLabel]=\"pillAriaLabel\"\n        [area]=\"area\"\n        [authorName]=\"authorName\"\n        [authorRole]=\"authorRole\"\n        [date]=\"date\"\n        [dateLabel]=\"dateLabel\">\n        <div cdsAvatar name=\"Maria Müller\" area=\"es\"></div>\n    </cds-article-header>`,\n})\nexport class DemoComponent {\n  title = 'Was wir aus 200 Migrationen gelernt haben';\n  lead = 'Eine kollektive Retrospektive aus fünf Conciso-Engineering-Teams.';\n  pill = '18 min Lesezeit';\n  pillAriaLabel = 'Lesezeit 18 Minuten';\n  area = 'es';\n  authorName = 'Maria Müller';\n  authorRole = 'Principal Engineer · Conciso';\n  date = '2026-07-02';\n  dateLabel = '2. Juli 2026';\n}"
+        },
+        "seitenmuster-wissensbeitrag-article-header--mehrere-autorinnen": {
+          "id": "seitenmuster-wissensbeitrag-article-header--mehrere-autorinnen",
+          "name": "Mehrere Autor:innen",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleHeaderComponent } from '@conciso/design-system-angular';\nimport { AvatarComponent, AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleHeaderComponent, AvatarComponent, AvatarStackComponent],\n  template: `\n    <cds-article-header\n        [title]=\"title\"\n        [lead]=\"lead\"\n        [pill]=\"pill\"\n        [pillAriaLabel]=\"pillAriaLabel\"\n        [area]=\"area\"\n        [authorName]=\"authorName\"\n        [authorRole]=\"authorRole\"\n        [date]=\"date\"\n        [dateLabel]=\"dateLabel\">\n        <cds-avatar-stack [more]=\"2\">\n            <div cdsAvatar name=\"Paul Meinhardt\" area=\"es\"></div>\n            <div cdsAvatar name=\"Anna Rieth\" area=\"es\"></div>\n            <div cdsAvatar name=\"Daniel Herzog\" area=\"es\"></div>\n        </cds-avatar-stack>\n    </cds-article-header>`,\n})\nexport class DemoComponent {\n  title = 'Was wir aus 200 Migrationen gelernt haben';\n  lead = 'Eine kollektive Retrospektive aus fünf Conciso-Engineering-Teams.';\n  pill = '18 min Lesezeit';\n  pillAriaLabel = 'Lesezeit 18 Minuten';\n  area = 'es';\n  authorName = 'Paul Meinhardt, Anna Rieth & 3 weitere';\n  authorRole = 'Conciso-Engineering';\n  date = '2026-07-02';\n  dateLabel = '2. Juli 2026';\n}"
+        },
+        "seitenmuster-wissensbeitrag-article-header--pille-ohne-bereich": {
+          "id": "seitenmuster-wissensbeitrag-article-header--pille-ohne-bereich",
+          "name": "Pille ohne Bereich",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleHeaderComponent } from '@conciso/design-system-angular';\nimport { AvatarComponent, AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleHeaderComponent, AvatarComponent, AvatarStackComponent],\n  template: `\n    <cds-article-header [title]=\"title\" [lead]=\"lead\" [pill]=\"pill\">\n        <div cdsAvatar name=\"Lukas Brandt\"></div>\n    </cds-article-header>`,\n})\nexport class DemoComponent {\n  title = 'Warum 60 % der KI-Piloten nie in Produktion gehen';\n  lead = 'Demos überzeugen, Use-Cases scheitern.';\n  pill = '8 min Lesezeit';\n}"
+        },
+        "seitenmuster-wissensbeitrag-article-header--breite-begrenzt": {
+          "id": "seitenmuster-wissensbeitrag-article-header--breite-begrenzt",
+          "name": "Breite begrenzt",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleHeaderComponent } from '@conciso/design-system-angular';\nimport { AvatarComponent, AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleHeaderComponent, AvatarComponent, AvatarStackComponent],\n  template: `\n    <div style=\"width:1200px\">\n        <cds-article-header\n            title=\"Warum 60 % der KI-Piloten nie in Produktion gehen\"\n            lead=\"Demos überzeugen, Use-Cases scheitern. Was wir aus 200 Implementierungen über den Pfad zur Produktion gelernt haben.\">\n        </cds-article-header>\n    </div>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-author-card.json

@@ -0,0 +1,31 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-author-card": {
+      "id": "seitenmuster-wissensbeitrag-author-card",
+      "name": "AuthorCardComponent",
+      "path": "./src/lib/author-card/author-card.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-author-card--interaktiv": {
+          "id": "seitenmuster-wissensbeitrag-author-card--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { AuthorCardComponent } from '@conciso/design-system-angular';\nimport { AuthorCardGroupComponent, AvatarComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AuthorCardComponent, AuthorCardGroupComponent, AvatarComponent],\n  template: `\n    <div style=\"background:var(--n-50);border-block:var(--bd);padding:32px 24px\">\n        <div\n            cdsAuthorCard\n            [name]=\"name\"\n            [roleLabel]=\"roleLabel\"\n            [bio]=\"bio\"\n            [eyebrow]=\"eyebrow\">\n            <div cdsAvatar name=\"Lukas Brandt\" area=\"ki\" size=\"lg\"></div>\n        </div>\n    </div>`,\n})\nexport class DemoComponent {\n  name = 'Lukas Brandt';\n  roleLabel = 'Senior AI Engineer · bei Conciso seit 2019';\n  bio = 'Begleitet KI-Projekte von der Strategie bis in die Produktion. Schwerpunkt: RAG-Systeme und LLM-Integration in regulierten Branchen.';\n  eyebrow = 'Über den Autor';\n}"
+        },
+        "seitenmuster-wissensbeitrag-author-card--zwei-autorinnen": {
+          "id": "seitenmuster-wissensbeitrag-author-card--zwei-autorinnen",
+          "name": "Zwei Autor:innen",
+          "snippet": "import { Component } from '@angular/core';\nimport { AuthorCardComponent } from '@conciso/design-system-angular';\nimport { AuthorCardGroupComponent, AvatarComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AuthorCardComponent, AuthorCardGroupComponent, AvatarComponent],\n  template: `\n    <div style=\"background:var(--n-50);border-block:var(--bd);padding:32px 24px\">\n        <cds-author-card-group eyebrow=\"Über die Autor:innen\">\n            <div\n                cdsAuthorCard\n                name=\"Lukas Brandt\"\n                roleLabel=\"Senior AI Engineer · bei Conciso seit 2019\"\n                bio=\"Begleitet KI-Projekte von der Strategie bis in die Produktion. Schwerpunkt: RAG-Systeme und LLM-Integration in regulierten Branchen.\">\n                <div cdsAvatar name=\"Lukas Brandt\" area=\"ki\" size=\"lg\"></div>\n            </div>\n            <div\n                cdsAuthorCard\n                name=\"Maria Müller\"\n                roleLabel=\"UX Lead · bei Conciso seit 2020\"\n                bio=\"Verbindet Anwender:innen-Forschung mit AI-Produkt-Design. Sorgt dafür, dass technische Möglichkeiten und reale Bedürfnisse zueinander finden.\">\n                <div cdsAvatar name=\"Maria Müller\" area=\"ki\" size=\"lg\"></div>\n            </div>\n        </cds-author-card-group>\n    </div>`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-author-card--als-raster": {
+          "id": "seitenmuster-wissensbeitrag-author-card--als-raster",
+          "name": "Als Raster",
+          "snippet": "import { Component } from '@angular/core';\nimport { AuthorCardComponent } from '@conciso/design-system-angular';\nimport { AuthorCardGroupComponent, AvatarComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AuthorCardComponent, AuthorCardGroupComponent, AvatarComponent],\n  template: `\n    <cds-author-card-group [grid]=\"true\">\n        <div\n            cdsAuthorCard\n            name=\"Tobias Mehnert\"\n            roleLabel=\"Senior-Berater Organisationsentwicklung\"\n            bio=\"Seit über 15 Jahren in Veränderungsprojekten.\">\n            <div cdsAvatar name=\"Tobias Mehnert\" area=\"wo\" size=\"lg\"></div>\n        </div>\n        <div\n            cdsAuthorCard\n            name=\"Anja Reuter\"\n            roleLabel=\"Lead Organisationsentwicklung · TÜV SÜD zertifiziert\"\n            bio=\"Kommt aus der Produktentwicklung und kennt Scrum aus der Rolle der Product Ownerin. Schwerpunkt: Priorisierung, wenn alle Anforderungen dringend sind.\">\n            <div cdsAvatar name=\"Anja Reuter\" area=\"wo\" size=\"lg\"></div>\n        </div>\n    </cds-author-card-group>`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-author-card--ohne-bio": {
+          "id": "seitenmuster-wissensbeitrag-author-card--ohne-bio",
+          "name": "Ohne Bio",
+          "snippet": "import { Component } from '@angular/core';\nimport { AuthorCardComponent } from '@conciso/design-system-angular';\nimport { AuthorCardGroupComponent, AvatarComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AuthorCardComponent, AuthorCardGroupComponent, AvatarComponent],\n  template: `\n    <div style=\"background:var(--n-50);border-block:var(--bd);padding:32px 24px\">\n        <div\n            cdsAuthorCard\n            name=\"Daniel Herzog\"\n            roleLabel=\"Head of Delivery · bei Conciso seit 2017\">\n            <div cdsAvatar name=\"Daniel Herzog\" area=\"wo\" size=\"lg\"></div>\n        </div>\n    </div>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-avatar.json

@@ -0,0 +1,32 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-avatar": {
+      "id": "seitenmuster-wissensbeitrag-avatar",
+      "name": "AvatarComponent",
+      "path": "./src/lib/avatar/avatar.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-avatar--avatar-groessen": {
+          "id": "seitenmuster-wissensbeitrag-avatar--avatar-groessen",
+          "name": "Avatar-Größen",
+          "snippet": "import { Component } from '@angular/core';\nimport { AvatarComponent } from '@conciso/design-system-angular';\nimport { AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AvatarComponent, AvatarStackComponent],\n  template: `\n    <div style=\"display:flex;align-items:flex-end;gap:24px\">\n        <div cdsAvatar name=\"Lukas Brandt\" area=\"ki\"></div>\n        <div cdsAvatar name=\"Maria Müller\" area=\"es\" size=\"lg\"></div>\n        <div cdsAvatar name=\"Sophie Klein\" area=\"wo\" size=\"xl\"></div>\n    </div>`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-avatar--avatar-ohne-bild": {
+          "id": "seitenmuster-wissensbeitrag-avatar--avatar-ohne-bild",
+          "name": "Avatar ohne Bild",
+          "snippet": "import { Component } from '@angular/core';\nimport { AvatarComponent } from '@conciso/design-system-angular';\nimport { AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AvatarComponent, AvatarStackComponent],\n  template: `<div cdsAvatar name=\"Anna Rieth\" area=\"es\"></div>`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-avatar--avatar-mit-bild": {
+          "id": "seitenmuster-wissensbeitrag-avatar--avatar-mit-bild",
+          "name": "Avatar mit Bild",
+          "snippet": "import { Component } from '@angular/core';\nimport { AvatarComponent } from '@conciso/design-system-angular';\nimport { AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AvatarComponent, AvatarStackComponent],\n  template: `<div cdsAvatar name=\"Daniel Herzog\" area=\"wo\" [src]=\"src\"></div>`,\n})\nexport class DemoComponent {}",
+          "warning": "Incomplete snippet: `src` could not be provided, since the story declares no such arg."
+        },
+        "seitenmuster-wissensbeitrag-avatar--avatar-stapel": {
+          "id": "seitenmuster-wissensbeitrag-avatar--avatar-stapel",
+          "name": "Avatar-Stapel",
+          "snippet": "import { Component } from '@angular/core';\nimport { AvatarComponent } from '@conciso/design-system-angular';\nimport { AvatarStackComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [AvatarComponent, AvatarStackComponent],\n  template: `\n    <cds-avatar-stack [more]=\"2\">\n        <div cdsAvatar name=\"Paul Meinhardt\" area=\"es\"></div>\n        <div cdsAvatar name=\"Anna Rieth\" area=\"es\"></div>\n        <div cdsAvatar name=\"Daniel Herzog\" area=\"es\"></div>\n    </cds-avatar-stack>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-callout.json

@@ -0,0 +1,26 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-callout": {
+      "id": "seitenmuster-wissensbeitrag-callout",
+      "name": "ArticleCalloutComponent",
+      "path": "./src/lib/article-callout/article-callout.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-callout--interaktiv": {
+          "id": "seitenmuster-wissensbeitrag-callout--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleCalloutComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleCalloutComponent],\n  template: `\n    <cds-article-callout [eyebrow]=\"eyebrow\" [area]=\"area\">\n        <p>\n            Bei einem mittelständischen Versicherer haben wir vor dem Pilot-Start sechs Wochen lang nur Daten und Prozesse aufgeräumt. Das Pilotmodell selbst war anschließend in zwei Wochen produktiv. Ohne Drama, ohne Bypass. Das ist die unspektakuläre Variante des Erfolgs, die selten in Vorträgen vorkommt.\n        </p>\n    </cds-article-callout>`,\n})\nexport class DemoComponent {\n  eyebrow = 'In der Praxis';\n  area = 'ki';\n}"
+        },
+        "seitenmuster-wissensbeitrag-callout--pro-bereich": {
+          "id": "seitenmuster-wissensbeitrag-callout--pro-bereich",
+          "name": "Pro Bereich",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleCalloutComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleCalloutComponent],\n  template: `\n    <div style=\"display:flex;flex-direction:column;gap:24px\">\n        <cds-article-callout area=\"co\" eyebrow=\"Aus dem Markenrad\">\n            <p>\n                Drei Pfeiler, Ruhig, Klar, Energiegeladen, als Prüfstein für jeden Beitrag. Das ist nicht Pflicht, sondern Erleichterung: Wenn der Text gegen alle drei besteht, klingt er nach Conciso.\n            </p>\n        </cds-article-callout>\n        <cds-article-callout area=\"ki\" eyebrow=\"In der Praxis\">\n            <p>\n                Bei einem mittelständischen Versicherer haben wir vor dem Pilot-Start sechs Wochen lang nur Daten und Prozesse aufgeräumt. Das Pilotmodell selbst war anschließend in zwei Wochen produktiv.\n            </p>\n        </cds-article-callout>\n        <cds-article-callout area=\"es\" eyebrow=\"Aus dem Code\">\n            <p>\n                Wenn ein Modul mehr als drei verschiedene Kontexte bedient, ist es kein Modul mehr, sondern eine Sammlung. Refactoring beginnt mit ehrlicher Inventur, nicht mit dem Werkzeugkasten.\n            </p>\n        </cds-article-callout>\n        <cds-article-callout area=\"wo\" eyebrow=\"Beobachtung\">\n            <p>\n                Wenn ein Veränderungsprojekt im Lenkungskreis hängt, liegt es selten an den Argumenten. Häufiger an einer Rolle, die nie geklärt wurde, und an der Schweigespirale, die daraus entsteht.\n            </p>\n        </cds-article-callout>\n    </div>`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-callout--ohne-eyebrow": {
+          "id": "seitenmuster-wissensbeitrag-callout--ohne-eyebrow",
+          "name": "Ohne Eyebrow",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleCalloutComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleCalloutComponent],\n  template: `\n    <cds-article-callout area=\"es\">\n        <p>\n            Wenn ein Modul mehr als drei verschiedene Kontexte bedient, ist es kein Modul mehr, sondern eine Sammlung.\n        </p>\n    </cds-article-callout>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-faq.json

@@ -0,0 +1,27 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-faq": {
+      "id": "seitenmuster-wissensbeitrag-faq",
+      "name": "FaqComponent",
+      "path": "./src/lib/faq/faq.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-faq--interaktiv": {
+          "id": "seitenmuster-wissensbeitrag-faq--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { FaqComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [FaqComponent],\n  template: `\n    <cds-faq\n        [items]=\"[{q: 'Wie läuft die Bewerbung ab?', a: 'Über das Formular bei der jeweiligen Stelle oder initiativ. Du bekommst zeitnah eine Rückmeldung, danach folgt ein Kennenlern-Gespräch.'}, {q: 'Wo und wie arbeitet ihr?', a: 'Unser Büro ist der Workgarden in Dortmund. Du kannst flexibel remote arbeiten, gemeinsame Präsenztage halten das Team zusammen.'}, {q: 'Welche Technologien nutzt ihr?', a: 'Moderne, langlebige Stacks — die Wahl richtet sich nach dem Problem, nicht nach dem Hype.'}]\"\n    />`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-faq--doppelte-fragen": {
+          "id": "seitenmuster-wissensbeitrag-faq--doppelte-fragen",
+          "name": "Doppelte Fragen",
+          "snippet": "import { Component } from '@angular/core';\nimport { FaqComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [FaqComponent],\n  template: `\n    <cds-faq\n        [items]=\"[{q: 'Wie läuft die Bewerbung ab?', a: 'Über das Formular bei der jeweiligen Stelle.'}, {q: 'Wie läuft die Bewerbung ab?', a: 'Initiativ per E-Mail.'}]\"\n    />`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-faq--zustand-folgt-eintrag": {
+          "id": "seitenmuster-wissensbeitrag-faq--zustand-folgt-eintrag",
+          "name": "Zustand folgt dem Eintrag",
+          "snippet": "import { Component } from '@angular/core';\nimport { FaqComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [FaqComponent],\n  template: `\n    <button type=\"button\" (click)=\"prepend()\">Frage voranstellen</button>\n    <cds-faq [items]=\"items\"></cds-faq>`,\n})\nexport class DemoComponent {\n  items = [{q: 'Wie läuft die Bewerbung ab?', a: 'Über das Formular bei der jeweiligen Stelle oder initiativ. Du bekommst zeitnah eine Rückmeldung, danach folgt ein Kennenlern-Gespräch.'}, {q: 'Wo und wie arbeitet ihr?', a: 'Unser Büro ist der Workgarden in Dortmund. Du kannst flexibel remote arbeiten, gemeinsame Präsenztage halten das Team zusammen.'}, {q: 'Welche Technologien nutzt ihr?', a: 'Moderne, langlebige Stacks — die Wahl richtet sich nach dem Problem, nicht nach dem Hype.'}];\n}",
+          "warning": "Incomplete snippet: `prepend` could not be provided, since the story declares no such arg."
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-figure.json

@@ -0,0 +1,22 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-figure": {
+      "id": "seitenmuster-wissensbeitrag-figure",
+      "name": "ArticleFigureComponent",
+      "path": "./src/lib/article-figure/article-figure.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-figure--interaktiv": {
+          "id": "seitenmuster-wissensbeitrag-figure--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleFigureComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleFigureComponent],\n  template: `\n    <cds-article-figure\n        [src]=\"src\"\n        [alt]=\"alt\"\n        [caption]=\"caption\">\n    </cds-article-figure>`,\n})\nexport class DemoComponent {\n  src = 'data:image/svg+xml,%3Csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'1280\\'%20height=\\'720\\'%3E%3Crect%20width=\\'1280\\'%20height=\\'720\\'%20fill=\\'%23E8EDED\\'/%3E%3Ctext%20x=\\'640\\'%20y=\\'360\\'%20font-family=\\'sans-serif\\'%20font-size=\\'28\\'%20fill=\\'%236E8585\\'%20text-anchor=\\'middle\\'%20dominant-baseline=\\'middle\\'%3EArticle-Figure%2016%3A9%3C/text%3E%3C/svg%3E';\n}",
+          "warning": "Incomplete snippet: `'Nahaufnahme einer Hauptplatine mit Mikrochips, Speicherbausteinen und feinen ' + 'Beschriftungen, in dunklen Tönen fotografiert'`, `'Detailaufnahme einer Hauptplatine. Wo KI-Pilotmodelle scheitern, ist selten die Hardware ' + 'der Engpass, sondern die Datenpipeline drumherum.'` could not be resolved statically."
+        },
+        "seitenmuster-wissensbeitrag-figure--ohne-caption": {
+          "id": "seitenmuster-wissensbeitrag-figure--ohne-caption",
+          "name": "Ohne Caption",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleFigureComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleFigureComponent],\n  template: `\n    <cds-article-figure\n        [src]=\"src\"\n        [alt]=\"alt\"\n        [caption]=\"caption\">\n    </cds-article-figure>`,\n})\nexport class DemoComponent {\n  src = 'data:image/svg+xml,%3Csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'1280\\'%20height=\\'720\\'%3E%3Crect%20width=\\'1280\\'%20height=\\'720\\'%20fill=\\'%23E8EDED\\'/%3E%3Ctext%20x=\\'640\\'%20y=\\'360\\'%20font-family=\\'sans-serif\\'%20font-size=\\'28\\'%20fill=\\'%236E8585\\'%20text-anchor=\\'middle\\'%20dominant-baseline=\\'middle\\'%3EArticle-Figure%2016%3A9%3C/text%3E%3C/svg%3E';\n  alt = 'Whiteboard mit handgezeichneter Matrix der Achsen AI Value und AI Readiness, mit eingezeichneten Use-Case-Punkten';\n  caption = '';\n}"
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-inhaltsverzeichnis.json

@@ -0,0 +1,27 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-inhaltsverzeichnis": {
+      "id": "seitenmuster-wissensbeitrag-inhaltsverzeichnis",
+      "name": "ArticleTocComponent",
+      "path": "./src/lib/article-toc/article-toc.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-inhaltsverzeichnis--interaktiv": {
+          "id": "seitenmuster-wissensbeitrag-inhaltsverzeichnis--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleTocComponent } from '@conciso/design-system-angular';\nimport { ArticleCalloutComponent, ArticleFigureComponent, ArticlePullquoteComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleTocComponent, ArticleCalloutComponent, ArticleFigureComponent, ArticlePullquoteComponent],\n  template: `\n    <cds-article-toc\n        [summary]=\"summary\"\n        [open]=\"open\"\n        [items]=\"items\">\n    </cds-article-toc>`,\n})\nexport class DemoComponent {\n  summary = 'Inhalt';\n  open = false;\n  items = [{label: 'Demo-Magie schlägt Produktions-Realität', href: '#wb-ki-demo'}, {label: 'Drei Stolpersteine, die wir immer wieder sehen', href: '#wb-ki-stolpersteine'}, {label: 'Was den Unterschied macht: Readiness statt Begeisterung', href: '#wb-ki-readiness'}, {label: 'Pragmatischer Pfad: Konzept → Validierung → Produktion', href: '#wb-ki-pfad'}, {label: 'Fazit', href: '#wb-ki-fazit'}];\n}"
+        },
+        "seitenmuster-wissensbeitrag-inhaltsverzeichnis--bereits-offen": {
+          "id": "seitenmuster-wissensbeitrag-inhaltsverzeichnis--bereits-offen",
+          "name": "Bereits offen",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleTocComponent } from '@conciso/design-system-angular';\nimport { ArticleCalloutComponent, ArticleFigureComponent, ArticlePullquoteComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleTocComponent, ArticleCalloutComponent, ArticleFigureComponent, ArticlePullquoteComponent],\n  template: `\n    <cds-article-toc\n        [summary]=\"'Inhalt'\"\n        [open]=\"true\"\n        [items]=\"[{label: 'Demo-Magie schlägt Produktions-Realität', href: '#wb-ki-demo'}, {label: 'Drei Stolpersteine, die wir immer wieder sehen', href: '#wb-ki-stolpersteine'}, {label: 'Was den Unterschied macht: Readiness statt Begeisterung', href: '#wb-ki-readiness'}, {label: 'Pragmatischer Pfad: Konzept → Validierung → Produktion', href: '#wb-ki-pfad'}, {label: 'Fazit', href: '#wb-ki-fazit'}]\"\n    />`,\n})\nexport class DemoComponent {}"
+        },
+        "seitenmuster-wissensbeitrag-inhaltsverzeichnis--im-artikel-body": {
+          "id": "seitenmuster-wissensbeitrag-inhaltsverzeichnis--im-artikel-body",
+          "name": "Im Artikel-Body",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticleTocComponent } from '@conciso/design-system-angular';\nimport { ArticleCalloutComponent, ArticleFigureComponent, ArticlePullquoteComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticleTocComponent, ArticleCalloutComponent, ArticleFigureComponent, ArticlePullquoteComponent],\n  template: `\n    <div class=\"article-body\">\n        <p>\n            Wer in den letzten Jahren mit Vorstand oder Bereichsleitung über KI gesprochen hat, kennt das Bild: Die Demo läuft, alle nicken, das Pilotbudget wird freigegeben.\n        </p>\n        <cds-article-toc summary=\"Inhalt\" [items]=\"items\"></cds-article-toc>\n        <h2>Drei Stolpersteine, die wir immer wieder sehen</h2>\n        <p>\n            Im PoC reichen 200 sauber annotierte Beispiele. In der Produktion braucht es Pipelines, Governance und ein Team, das sich für die Daten verantwortlich fühlt.\n        </p>\n        <cds-article-pullquote\n            area=\"ki\"\n            quote=\"„KI scheitert selten an der Technologie. Sie scheitert an der Prozesslandschaft, in die sie hineingeworfen wird.“\">\n        </cds-article-pullquote>\n        <cds-article-callout area=\"ki\" eyebrow=\"In der Praxis\">\n            <p>\n                Bei einem mittelständischen Versicherer haben wir vor dem Pilot-Start sechs Wochen lang nur Daten und Prozesse aufgeräumt.\n            </p>\n        </cds-article-callout>\n        <cds-article-figure\n            [src]=\"figurePlaceholder\"\n            alt=\"Nahaufnahme einer Hauptplatine mit Mikrochips, Speicherbausteinen und feinen Beschriftungen, in dunklen Tönen fotografiert\"\n            caption=\"Detailaufnahme einer Hauptplatine. Wo KI-Pilotmodelle scheitern, ist selten die Hardware der Engpass, sondern die Datenpipeline drumherum.\">\n        </cds-article-figure>\n    </div>`,\n})\nexport class DemoComponent {}",
+          "warning": "Incomplete snippet: `items`, `figurePlaceholder` could not be provided, since the story declares no such arg."
+        }
+      }
+    }
+  }
+}

package/snapshot/services/core/story-docs/seitenmuster-wissensbeitrag-pull-quote.json

@@ -0,0 +1,21 @@
+{
+  "components": {
+    "seitenmuster-wissensbeitrag-pull-quote": {
+      "id": "seitenmuster-wissensbeitrag-pull-quote",
+      "name": "ArticlePullquoteComponent",
+      "path": "./src/lib/article-pullquote/article-pullquote.stories.ts",
+      "stories": {
+        "seitenmuster-wissensbeitrag-pull-quote--interaktiv": {
+          "id": "seitenmuster-wissensbeitrag-pull-quote--interaktiv",
+          "name": "Interaktiv",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticlePullquoteComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticlePullquoteComponent],\n  template: `<cds-article-pullquote [quote]=\"quote\" [area]=\"area\"></cds-article-pullquote>`,\n})\nexport class DemoComponent {\n  quote = '„KI scheitert selten an der Technologie. Sie scheitert an der Prozesslandschaft, in die sie hineingeworfen wird.“';\n  area = 'ki';\n}"
+        },
+        "seitenmuster-wissensbeitrag-pull-quote--pro-bereich": {
+          "id": "seitenmuster-wissensbeitrag-pull-quote--pro-bereich",
+          "name": "Pro Bereich",
+          "snippet": "import { Component } from '@angular/core';\nimport { ArticlePullquoteComponent } from '@conciso/design-system-angular';\n\n@Component({\n  selector: 'app-demo',\n  imports: [ArticlePullquoteComponent],\n  template: `\n    <div style=\"display:flex;flex-direction:column;gap:16px\">\n        <cds-article-pullquote\n            area=\"co\"\n            quote=\"„KI scheitert selten an der Technologie. Sie scheitert an der Prozesslandschaft, in die sie hineingeworfen wird.“\">\n        </cds-article-pullquote>\n        <cds-article-pullquote\n            area=\"ki\"\n            quote=\"„KI scheitert selten an der Technologie. Sie scheitert an der Prozesslandschaft, in die sie hineingeworfen wird.“\">\n        </cds-article-pullquote>\n        <cds-article-pullquote\n            area=\"es\"\n            quote=\"„KI scheitert selten an der Technologie. Sie scheitert an der Prozesslandschaft, in die sie hineingeworfen wird.“\">\n        </cds-article-pullquote>\n        <cds-article-pullquote\n            area=\"wo\"\n            quote=\"„KI scheitert selten an der Technologie. Sie scheitert an der Prozesslandschaft, in die sie hineingeworfen wird.“\">\n        </cds-article-pullquote>\n    </div>`,\n})\nexport class DemoComponent {}"
+        }
+      }
+    }
+  }
+}