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

package/snapshot/services/core/docgen/komponenten-chips-badges-pills-status-badge.json

@@ -0,0 +1,63 @@
+{
+  "components": {
+    "komponenten-chips-badges-pills-status-badge": {
+      "id": "komponenten-chips-badges-pills-status-badge",
+      "name": "StatusBadgeComponent",
+      "path": "./src/lib/status-badge/status-badge.stories.ts",
+      "description": "Status-Badge — passive Zustands-Kennzeichnung auf Basis von `.badge` +\n`.badge-{ok|warn|err|neu}` aus css/components.css.\n\nTrägt einen Zustand über semantische Farben (OK, Warnung, Fehler, Neutral) —\nz. B. „Live“, „Beta“, „Deprecated“, „Draft“. Nicht interaktiv. Für die\nZuordnung zu einer Brand Area die Bereichs-Badge, für einen redaktionellen\nAnker im Lesefluss die Pill nutzen; für interaktive Filter den Chip.",
+      "jsDocTags": {},
+      "argTypes": {
+        "label": {
+          "name": "label",
+          "description": "Sichtbarer Text der Badge.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "tone": {
+          "name": "tone",
+          "description": "Status-Ton → semantische Farbe.",
+          "type": {
+            "name": "enum",
+            "value": [
+              "ok",
+              "warn",
+              "err",
+              "neu"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsBadgeTone"
+            },
+            "defaultValue": {
+              "summary": "ok"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type StatusBadgeComponentInputs = {\n  /** Sichtbarer Text der Badge. */\n  label: string;\n  /**\n   * Status-Ton → semantische Farbe.\n   *\n   * @default ok\n   */\n  tone?: CdsBadgeTone;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "StatusBadgeComponent",
+        "selector": "cds-status-badge",
+        "standalone": true,
+        "inputs": [
+          "label",
+          "tone"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-code-block-code-block.json

@@ -0,0 +1,91 @@
+{
+  "components": {
+    "komponenten-code-block-code-block": {
+      "id": "komponenten-code-block-code-block",
+      "name": "CodeBlockComponent",
+      "path": "./src/lib/code-block/code-block.stories.ts",
+      "description": "CodeBlock — Wrapper um `.cb-wrap` aus css/components.css → „Code-Block“.\n\nHeader mit Sprach-Label (.cb-lang) und optionalem Kopier-Button (.cb-copy),\ndarunter der Code in `pre.cb-body` (white-space:pre, horizontal scrollbar).\nOptionale Terminal-Variante (.cb-terminal). Syntax-Highlighting-Spans\n(.k/.v/.s/…) werden hier bewusst nicht gesetzt — der Code bleibt Klartext.\n\nA11y (siehe docs/komponenten/code-block-verwendung.mdx, Abschnitt „Barrierefreiheit“):\n- `<code>` im `<pre>` als semantisches Grundgerüst, damit Screenreader den Inhalt\n  als „Code“ ankündigen. `.cb-body code{font:inherit}` in components.css fängt den\n  Browser-Default (`code{font-family:monospace}`) ab, sonst würde das verschachtelte\n  `<code>` eine andere Schrift als der Rest des Blocks zeigen.\n- `tabindex=\"0\"` auf `pre.cb-body`, weil der Block bei langen Zeilen horizontal\n  scrollt und sonst per Tastatur nicht erreichbar wäre.\n- `aria-label=\"Code kopieren\"` auf dem Kopier-Button ist **stabil** und wechselt nach\n  dem Klick nicht mehr. Ein Bedienelement trägt den Namen seiner Funktion, nicht den\n  seines letzten Ereignisses — sonst findet man den Button per Sprachsteuerung danach\n  nicht mehr, und eine Elementliste zeigt einen Button „Code kopiert“, der tatsächlich\n  kopiert. Die Erfolgsmeldung läuft stattdessen über eine eigene, visuell versteckte\n  Live-Region (`.sr-only` + `role=\"status\"`, Muster aus `snackbar.component.ts`), die\n  von Anfang an im DOM steht und nur ihren Textinhalt wechselt: `aria-live` beobachtet\n  Inhalts-, keine Attribut-Änderungen, und eine Region, die erst beim Klick entsteht,\n  kündigt bei vielen Screenreadern nichts an. Zusätzlich verhalten sich Live-Regionen\n  auf dem gerade fokussierten Element (hier: der Button nach dem Klick) uneinheitlich.\n  Der sichtbare Button-Text wechselt weiterhin „Kopieren“ ↔ „Kopiert!“, ist aber durch\n  `aria-label` für die Namensberechnung überschrieben und rein optisches Feedback.",
+      "jsDocTags": {},
+      "argTypes": {
+        "code": {
+          "name": "code",
+          "description": "Anzuzeigender Code (Klartext, `pre`-formatiert).",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "copyable": {
+          "name": "copyable",
+          "description": "Kopier-Button anzeigen (.cb-copy).",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": true
+            }
+          }
+        },
+        "lang": {
+          "name": "lang",
+          "description": "Sprach-Label im Header (.cb-lang), rein informativ, ohne Syntax-Highlighting.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "HTML"
+            }
+          }
+        },
+        "terminal": {
+          "name": "terminal",
+          "description": "Terminal-Optik → .cb-terminal.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type CodeBlockComponentInputs = {\n  /** Anzuzeigender Code (Klartext, `pre`-formatiert). */\n  code: string;\n  /**\n   * Kopier-Button anzeigen (.cb-copy).\n   *\n   * @default true\n   */\n  copyable?: boolean;\n  /**\n   * Sprach-Label im Header (.cb-lang), rein informativ, ohne Syntax-Highlighting.\n   *\n   * @default HTML\n   */\n  lang?: string;\n  /**\n   * Terminal-Optik → .cb-terminal.\n   *\n   * @default false\n   */\n  terminal?: boolean;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "CodeBlockComponent",
+        "selector": "cds-code-block",
+        "standalone": true,
+        "inputs": [
+          "code",
+          "copyable",
+          "lang",
+          "terminal"
+        ],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-dropdowns-combobox.json

@@ -0,0 +1,224 @@
+{
+  "components": {
+    "komponenten-dropdowns-combobox": {
+      "id": "komponenten-dropdowns-combobox",
+      "name": "ComboboxComponent",
+      "path": "./src/lib/combobox/combobox.stories.ts",
+      "description": "Combobox (cds-combobox) — Tipp-Filter über `.ep-combobox` aus css/components.css\n→ Doku „Dropdowns“. Wie der Custom Select, aber mit Substring-Filter im Feld (für\nlange Listen). Optional Multi-Select mit Chips (`multi`).\n\nVerhalten/a11y selbst getragen: Input mit role=combobox (dort ist\naria-activedescendant erlaubt), aria-expanded/-controls/-autocomplete; Listbox mit\nrole=listbox/option; ↓ öffnet/navigiert, Enter wählt, Esc schließt, Rücktaste bei\nleerem Feld entfernt im Multi-Modus den letzten Chip. Beim Schließen ohne Auswahl\nfällt die Einzelauswahl auf das gewählte Label zurück (kein loser Filtertext).\n\nAls `ControlValueAccessor` direkt an Angular-Formulare anbindbar (`[(ngModel)]`,\n`formControlName`); der Formularwert ist im Multi-Modus `string[]`, sonst `string`.\nOhne Formular gehen `[(value)]` / `[(values)]` (valueChange/valuesChange via model()).",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {}
+          }
+        },
+        "disabled": {
+          "name": "disabled",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "emptyText": {
+          "name": "emptyText",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Kein Treffer"
+            }
+          }
+        },
+        "label": {
+          "name": "label",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Thema"
+            }
+          }
+        },
+        "multi": {
+          "name": "multi",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "options": {
+          "name": "options",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsSelectOption[]"
+            },
+            "defaultValue": {
+              "summary": "[]"
+            }
+          }
+        },
+        "placeholder": {
+          "name": "placeholder",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Suchen…"
+            }
+          }
+        },
+        "value": {
+          "name": "value",
+          "description": "Einzelauswahl: gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string | undefined"
+            },
+            "defaultValue": {}
+          }
+        },
+        "values": {
+          "name": "values",
+          "description": "Mehrfachauswahl: gewählte Werte (nur bei multi). Two-Way UND Angular-Forms.",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "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": "Einzelauswahl: gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "valueChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: string | undefined) => void"
+            }
+          }
+        },
+        "valuesChange": {
+          "name": "valuesChange",
+          "description": "Mehrfachauswahl: gewählte Werte (nur bei multi). Two-Way UND Angular-Forms.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "valuesChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: string[]) => void"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type ComboboxComponentInputs = {\n  area?: CdsArea;\n  /**\n   * Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.\n   *\n   * @default false\n   */\n  disabled?: boolean; // two-way: [(disabled)]\n  /** @default Kein Treffer */\n  emptyText?: string;\n  /** @default Thema */\n  label?: string;\n  /** @default false */\n  multi?: boolean;\n  /** @default [] */\n  options?: CdsSelectOption[];\n  /** @default Suchen… */\n  placeholder?: string;\n  /** Einzelauswahl: gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms. */\n  value?: string | undefined; // two-way: [(value)]\n  /**\n   * Mehrfachauswahl: gewählte Werte (nur bei multi). Two-Way UND Angular-Forms.\n   *\n   * @default []\n   */\n  values?: string[]; // two-way: [(values)]\n}\n```\n\n## Outputs\n\n```\nexport type ComboboxComponentOutputs = {\n  /** Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar. */\n  disabledChange: (e: boolean) => void;\n  /** Einzelauswahl: gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms. */\n  valueChange: (e: string | undefined) => void;\n  /** Mehrfachauswahl: gewählte Werte (nur bei multi). Two-Way UND Angular-Forms. */\n  valuesChange: (e: string[]) => void;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "ComboboxComponent",
+        "selector": "cds-combobox",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "disabled",
+          "emptyText",
+          "label",
+          "multi",
+          "options",
+          "placeholder",
+          "value",
+          "values"
+        ],
+        "outputs": [
+          "disabledChange",
+          "valueChange",
+          "valuesChange"
+        ],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-dropdowns-custom-select.json

@@ -0,0 +1,173 @@
+{
+  "components": {
+    "komponenten-dropdowns-custom-select": {
+      "id": "komponenten-dropdowns-custom-select",
+      "name": "SelectComponent",
+      "path": "./src/lib/select/select.stories.ts",
+      "description": "Custom Select (cds-select) — gestylte Einzelauswahl über `.ep-select` aus\ncss/components.css → Doku „Dropdowns“.\n\nTrigger-Button + Listbox-Popup mit Häkchen und Bereichs-Akzent (data-area).\nAnders als die dünnen Wrapper trägt diese Komponente das Verhalten selbst — das\nist ihr Zweck (das native <select> reicht dafür nicht): volle Tastatur (↑↓,\nPos1/Ende, Type-ahead, Enter wählt, Esc schließt) und die dokumentierte a11y\n(role=listbox/option, aria-haspopup, aria-expanded, aria-activedescendant,\naria-selected). Für kurze Listen in Formularen bleibt das native cds-select-field\nder Standard; dies hier ist für bereichs-akzentuierte Auswahl.\n\nAls `ControlValueAccessor` direkt an Angular-Formulare anbindbar (`[(ngModel)]`,\n`formControlName`); ohne Formular geht `[(value)]` (valueChange via model()).",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {}
+          }
+        },
+        "disabled": {
+          "name": "disabled",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "label": {
+          "name": "label",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Bereich"
+            }
+          }
+        },
+        "name": {
+          "name": "name",
+          "description": "Optionaler Feldname → verstecktes Input für den Formular-Submit.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "options": {
+          "name": "options",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsSelectOption[]"
+            },
+            "defaultValue": {
+              "summary": "[]"
+            }
+          }
+        },
+        "placeholder": {
+          "name": "placeholder",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Bitte wählen…"
+            }
+          }
+        },
+        "value": {
+          "name": "value",
+          "description": "Aktuell gewählter Wert (value der Option). Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string | undefined"
+            },
+            "defaultValue": {}
+          }
+        },
+        "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": "Aktuell gewählter Wert (value der Option). Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "valueChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: string | undefined) => void"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type SelectComponentInputs = {\n  area?: CdsArea;\n  /**\n   * Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.\n   *\n   * @default false\n   */\n  disabled?: boolean; // two-way: [(disabled)]\n  /** @default Bereich */\n  label?: string;\n  /** Optionaler Feldname → verstecktes Input für den Formular-Submit. */\n  name?: string;\n  /** @default [] */\n  options?: CdsSelectOption[];\n  /** @default Bitte wählen… */\n  placeholder?: string;\n  /** Aktuell gewählter Wert (value der Option). Two-Way (`[(value)]`) UND Angular-Forms. */\n  value?: string | undefined; // two-way: [(value)]\n}\n```\n\n## Outputs\n\n```\nexport type SelectComponentOutputs = {\n  /** Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar. */\n  disabledChange: (e: boolean) => void;\n  /** Aktuell gewählter Wert (value der Option). Two-Way (`[(value)]`) UND Angular-Forms. */\n  valueChange: (e: string | undefined) => void;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "SelectComponent",
+        "selector": "cds-select",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "disabled",
+          "label",
+          "name",
+          "options",
+          "placeholder",
+          "value"
+        ],
+        "outputs": [
+          "disabledChange",
+          "valueChange"
+        ],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-feedback-snackbar.json

@@ -0,0 +1,97 @@
+{
+  "components": {
+    "komponenten-feedback-snackbar": {
+      "id": "komponenten-feedback-snackbar",
+      "name": "SnackbarComponent",
+      "path": "./src/lib/snackbar/snackbar.stories.ts",
+      "description": "Snackbar — Wrapper um `.snack` aus css/components.css → „Snackbar“.\n\nKurze Statusmeldung in drei Tönen (.snack-def / .snack-ok / .snack-err) mit\nführendem, tonfarbenem Icon (wie die Doku) und optionaler Aktion (.snack-act).\nTon „err“ ist eine echte Fehlermeldung → role=\"alert\" + aria-live=\"assertive\";\ndef/ok bleiben role=\"status\" + aria-live=\"polite\" (wie im Doku-Markup).\nKonsumiert nur bestehende Klassen.",
+      "jsDocTags": {},
+      "argTypes": {
+        "actionLabel": {
+          "name": "actionLabel",
+          "description": "Optionaler Aktions-Button (.snack-act); leer = keiner.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "message": {
+          "name": "message",
+          "description": "Anzuzeigender Statustext.",
+          "type": {
+            "name": "string",
+            "required": true
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "tone": {
+          "name": "tone",
+          "description": "Ton → .snack-def / .snack-ok / .snack-err",
+          "type": {
+            "name": "enum",
+            "value": [
+              "def",
+              "ok",
+              "err"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsSnackTone"
+            },
+            "defaultValue": {
+              "summary": "def"
+            }
+          }
+        },
+        "action": {
+          "name": "action",
+          "description": "Klick auf die optionale Aktion.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "action",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "void"
+            },
+            "defaultValue": {}
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type SnackbarComponentInputs = {\n  /**\n   * Optionaler Aktions-Button (.snack-act); leer = keiner.\n   *\n   * @default ''\n   */\n  actionLabel?: string;\n  /** Anzuzeigender Statustext. */\n  message: string;\n  /**\n   * Ton → .snack-def / .snack-ok / .snack-err\n   *\n   * @default def\n   */\n  tone?: CdsSnackTone;\n}\n```\n\n## Outputs\n\n```\nexport type SnackbarComponentOutputs = {\n  /** Klick auf die optionale Aktion. */\n  action: void;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "SnackbarComponent",
+        "selector": "cds-snackbar",
+        "standalone": true,
+        "inputs": [
+          "actionLabel",
+          "message",
+          "tone"
+        ],
+        "outputs": [
+          "action"
+        ],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-footer-komplett.json

@@ -0,0 +1,21 @@
+{
+  "components": {
+    "komponenten-footer-komplett": {
+      "id": "komponenten-footer-komplett",
+      "name": "FooterComponent",
+      "path": "./src/lib/footer/footer.stories.ts",
+      "description": "Footer — `<footer>`-Landmark (`.footer`, Zwei-Band-Stack) als schlanke Hülle. Die\nbeiden Bänder werden als `<cds-footer-main>` und `<cds-footer-bottom>` projiziert:\n\n```html\n<cds-footer>\n  <cds-footer-main ...></cds-footer-main>\n  <cds-footer-bottom ...></cds-footer-bottom>\n</cds-footer>\n```\n\nSo lassen sich oberer und unterer Teil einzeln betrachten und unabhängig\nkonfigurieren; `.footer` stapelt sie (flex column) im Seitenfuß-Landmark.",
+      "jsDocTags": {},
+      "argTypes": {},
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "FooterComponent",
+        "selector": "cds-footer",
+        "standalone": true,
+        "inputs": [],
+        "outputs": [],
+        "enums": []
+      }
+    }
+  }
+}