@openreachtech/furo-vue 1.3.1

package/public/furo-vue/components.json

@@ -0,0 +1,4619 @@
+{
+  "library": "@openreachtech/furo-vue",
+  "version": "1.3.1",
+  "generatedFrom": "app/docs/component-registry.js",
+  "layers": [
+    "foundation",
+    "atom",
+    "molecule",
+    "organism"
+  ],
+  "components": [
+    {
+      "slug": "design-tokens",
+      "name": "Design Tokens",
+      "layer": "foundation",
+      "summary": "Palette scales, semantic colors, and dimension tokens that power every component.",
+      "import": null,
+      "docs": "docs/design-tokens.md",
+      "props": [],
+      "parcel": [],
+      "events": [],
+      "slots": [],
+      "features": []
+    },
+    {
+      "slug": "button",
+      "name": "FuroButton",
+      "layer": "atom",
+      "summary": "Action trigger atom with variants, sizes, loading, and asChild composition.",
+      "import": "import { FuroButton } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-button.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroButtonParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "variant",
+          "type": "FuroButtonVariant",
+          "default": "'default'",
+          "description": "Visual style preset."
+        },
+        {
+          "name": "size",
+          "type": "FuroButtonSize",
+          "default": "'default'",
+          "description": "Size preset."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables interaction; also respects a fallthrough disabled attribute."
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false",
+          "description": "Shows the loading slot and blocks the click emit."
+        },
+        {
+          "name": "asChild",
+          "type": "boolean",
+          "default": "false",
+          "description": "Merge props and behavior onto a single child element."
+        },
+        {
+          "name": "type",
+          "type": "'button' | 'submit' | 'reset'",
+          "default": "'button'",
+          "description": "Native button type when not asChild."
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "payload": "ButtonEmitPayload",
+          "description": "User activates the button. Not fired while disabled or loading."
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "scopedProps": "—",
+          "description": "Button label or icon content."
+        },
+        {
+          "name": "loading",
+          "scopedProps": "—",
+          "description": "Custom spinner in the loading overlay (default: ph:circle-notch)."
+        }
+      ],
+      "features": [
+        "Six visual variants: default, secondary, destructive, outline, ghost, link.",
+        "Four sizes: default, sm, lg, and a square icon size.",
+        "Disabled and loading states block the click emit and set aria-disabled / aria-busy.",
+        "Loading overlay keeps the label in layout, so the button width never shifts.",
+        "asChild composition merges button styling onto a single child (anchors, menu triggers).",
+        "Click emit carries a typed ButtonEmitPayload built from the native event."
+      ]
+    },
+    {
+      "slug": "checkbox",
+      "name": "FuroCheckbox",
+      "layer": "atom",
+      "summary": "Boolean form control with checked, indeterminate, and invalid states.",
+      "import": "import { FuroCheckbox } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-checkbox.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroCheckboxParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "FuroCheckboxValue",
+          "default": "—",
+          "description": "Controlled checked state. Presence of this key (Object.hasOwn) enables controlled mode."
+        },
+        {
+          "name": "indeterminate",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, shows the [-] indicator; value still reflects the checked boolean."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": ".invalid class plus aria-invalid on the checkbox root."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables interaction; also respects a fallthrough disabled attribute."
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": "Forwarded to the root; also respects a fallthrough required attribute."
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "default": "'1.125rem'",
+          "description": "Box width and height; the icon uses 8/9 of the box."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "CheckboxEmitPayload",
+          "description": "Fired on each committed toggle from the checkbox root."
+        },
+        {
+          "name": "update:value",
+          "payload": "FuroCheckboxValue",
+          "description": "Checked boolean after a toggle (v-model:value)."
+        },
+        {
+          "name": "update:indeterminate",
+          "payload": "boolean",
+          "description": "Indeterminate flag after a toggle (v-model:indeterminate)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "indicator",
+          "scopedProps": "—",
+          "description": "Checked indicator. Default: ph:check-bold when value is true."
+        },
+        {
+          "name": "indeterminate-indicator",
+          "scopedProps": "—",
+          "description": "Indeterminate indicator. Default: ph:minus-bold when indeterminate."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; HTML and form attributes pass through to the checkbox root.",
+        "Boolean checked model via parcel.value or v-model:value, with controlled and uncontrolled modes.",
+        "Indeterminate is a separate boolean channel through parcel.indeterminate or v-model:indeterminate.",
+        "invalid, disabled, and required map to the .invalid class and aria-invalid / disabled / required.",
+        "parcel.size accepts any CSS length and drives --furo-checkbox-size and the icon size.",
+        "Default indicators render ph:check-bold when checked and ph:minus-bold when indeterminate."
+      ]
+    },
+    {
+      "slug": "text-field",
+      "name": "FuroTextField",
+      "layer": "atom",
+      "summary": "Single-line text input atom with the shared parcel and value contract.",
+      "import": "import { FuroTextField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-text-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroTextFieldParcel | null",
+          "default": "null",
+          "description": "Behavior-controlling props as one object. Native HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | number | null",
+          "default": "null",
+          "description": "Controlled value, synced to the internal ref."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Applies the invalid / error visual state."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "TextFieldEmitPayload",
+          "description": "Emitted on every input event (each keystroke)."
+        },
+        {
+          "name": "commit-value",
+          "payload": "TextFieldEmitPayload",
+          "description": "Emitted on blur or Enter key press."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "Raw string value emitted alongside change-value and commit-value for v-model:value."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Opinionated abstraction over a native <input type=\"text\"> with internal state management.",
+        "Two input mechanisms: parcel for behavior, fallthrough attributes for native HTML attributes.",
+        "Controlled via parcel.value or v-model:value, or uncontrolled when value is omitted.",
+        "change-value fires on every keystroke; commit-value fires on blur or Enter.",
+        "A watcher inside the component syncs parcel.value and the value attribute, so no parent watcher is needed.",
+        "TextFieldEmitPayload exposes trimmed-value and emptiness helpers for parent-side validation."
+      ]
+    },
+    {
+      "slug": "textarea",
+      "name": "FuroTextarea",
+      "layer": "atom",
+      "summary": "Multi-line text input atom following the form-control contract.",
+      "import": "import { FuroTextarea } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-textarea.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroTextareaParcel | null",
+          "default": "null",
+          "description": "Behavior-controlling props as one object. Native textarea attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "null",
+          "description": "Controlled value, synced to the internal ref."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Applies the invalid / error visual state."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "TextareaEmitPayload",
+          "description": "Emitted on every input event (each edit)."
+        },
+        {
+          "name": "commit-value",
+          "payload": "TextareaEmitPayload",
+          "description": "Emitted on blur only; Enter inserts a newline instead."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "Raw string value emitted alongside the above for v-model:value."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Multiline abstraction over a native <textarea>, mirroring the FuroTextField contract.",
+        "Two input mechanisms: parcel for behavior, fallthrough attributes for native textarea attributes.",
+        "commit-value fires on blur only; Enter inserts a newline and is not treated as a commit.",
+        "parcel.value is string-only (multiline text); there is no numeric shortcut.",
+        "Controlled via parcel.value or v-model:value, or uncontrolled when value is omitted.",
+        "TextareaEmitPayload exposes the same trimmed-value and emptiness helpers as text-field payloads."
+      ]
+    },
+    {
+      "slug": "email-field",
+      "name": "FuroEmailField",
+      "layer": "atom",
+      "summary": "Email input atom with type-email semantics and the shared field contract.",
+      "import": "import { FuroEmailField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-email-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroEmailFieldParcel | null",
+          "default": "null",
+          "description": "Behavior-controlling props as one object. Native HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "null",
+          "description": "Controlled value, synced to the internal ref."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Applies the invalid / error visual state."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "EmailFieldEmitPayload",
+          "description": "Emitted on every input event (each keystroke)."
+        },
+        {
+          "name": "commit-value",
+          "payload": "EmailFieldEmitPayload",
+          "description": "Emitted on blur or Enter key press."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "Raw string value emitted alongside the above for v-model:value."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Follows the FuroTextField architecture: parcel for behavior, fallthrough for native attributes.",
+        "Always renders type=\"email\", enabling native format hints and constraint validation.",
+        "Root CSS class is .unit-form-control.email.",
+        "parcel.value is string-only; numeric values are not supported.",
+        "EmailFieldEmitPayload matches the shared text-field helper surface.",
+        "Format, domain, and uniqueness rules stay in the parent Context."
+      ]
+    },
+    {
+      "slug": "password-field",
+      "name": "FuroPasswordField",
+      "layer": "atom",
+      "summary": "Password input atom with reveal toggle and the shared field contract.",
+      "import": "import { FuroPasswordField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-password-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroPasswordFieldParcel | null",
+          "default": "null",
+          "description": "Behavior-controlling props as one object. Native HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "null",
+          "description": "Controlled value, synced to the internal ref."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Applies the invalid / error visual state."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "PasswordFieldEmitPayload",
+          "description": "Emitted on every input event (each keystroke)."
+        },
+        {
+          "name": "commit-value",
+          "payload": "PasswordFieldEmitPayload",
+          "description": "Emitted on blur or Enter key press."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "Raw string value emitted alongside the above for v-model:value."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Follows the FuroTextField architecture: parcel for behavior, fallthrough for native attributes.",
+        "Always renders type=\"password\"; the type fallthrough attribute is excluded.",
+        "Root CSS class is .unit-form-control.password.",
+        "parcel.value is string-only; numeric values are not supported.",
+        "PasswordFieldEmitPayload matches the shared text-field helper surface."
+      ]
+    },
+    {
+      "slug": "radio",
+      "name": "FuroRadio",
+      "layer": "atom",
+      "summary": "Single-choice group where the options are declared as data.",
+      "import": "import { FuroRadio } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-radio.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroRadioParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "FuroRadioValue | null",
+          "default": "—",
+          "description": "Chosen option value. Presence of this key (Object.hasOwn) enables controlled mode, even when it holds null."
+        },
+        {
+          "name": "options",
+          "type": "Array<FuroRadioOption>",
+          "default": "[]",
+          "description": "The choices to render, in order."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": ".invalid class plus aria-invalid on the group root."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables every option; also respects a fallthrough disabled attribute."
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": "Forwarded to the root; also respects a fallthrough required attribute."
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "default": "'1.125rem'",
+          "description": "Diameter of one circle; the dot uses 4/9 of it."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "RadioEmitPayload",
+          "description": "Fired when the user chooses an option."
+        },
+        {
+          "name": "update:value",
+          "payload": "FuroRadioValue | null",
+          "description": "Chosen option value after a change (v-model:value)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "option-label",
+          "scopedProps": "{ option }",
+          "description": "Replaces the default label text for every option. Default: the option label in a span."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; HTML and form attributes pass through to the group root.",
+        "Ships as the whole group, because the exclusivity that separates a radio from a checkbox only exists across a set.",
+        "Options are declared as data through parcel.options, the way FuroSelect declares its choices.",
+        "The chosen option value travels through parcel.value or v-model:value, with controlled and uncontrolled modes.",
+        "A parcel that owns a value key is controlled even when that key holds null, matching FuroCheckbox.",
+        "An option carries its own disabled, additive to the group disabled.",
+        "parcel.size accepts any CSS length and drives --furo-radio-size and the dot size.",
+        "Colour comes from the --color-selected family, so overriding one role re-themes every selection control."
+      ]
+    },
+    {
+      "slug": "number-field",
+      "name": "FuroNumberField",
+      "layer": "atom",
+      "summary": "Numeric input atom with stepper buttons and locale-aware formatting.",
+      "import": "import { FuroNumberField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-number-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroNumberFieldParcel | null",
+          "default": "null",
+          "description": "The only declared prop; v-bind spread onto the root plus Furo extensions. Other attributes are read from attrs."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "number | null",
+          "default": "null",
+          "description": "Controlled value, watched and synced into an internal ref."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Applies the invalid / error visual state and aria-invalid."
+        },
+        {
+          "name": "min",
+          "type": "number",
+          "default": "—",
+          "description": "Smallest value allowed; also reflected on the inner input as the min attribute."
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "default": "—",
+          "description": "Largest value allowed; also reflected on the inner input as the max attribute."
+        },
+        {
+          "name": "step",
+          "type": "number",
+          "default": "(primitive default)",
+          "description": "Step for increment and decrement."
+        },
+        {
+          "name": "stepSnapping",
+          "type": "boolean",
+          "default": "—",
+          "description": "When false, avoids snapping to step increments."
+        },
+        {
+          "name": "formatOptions",
+          "type": "Intl.NumberFormatOptions",
+          "default": "—",
+          "description": "Formatting for the displayed value (currency, percent, decimals)."
+        },
+        {
+          "name": "locale",
+          "type": "string",
+          "default": "—",
+          "description": "BCP 47 locale tag for formatting (e.g. 'en-US', 'ja-JP')."
+        },
+        {
+          "name": "inputParcel",
+          "type": "object",
+          "default": "—",
+          "description": "Props and HTML attributes passed to the input part."
+        },
+        {
+          "name": "decrementParcel",
+          "type": "object",
+          "default": "—",
+          "description": "Props passed to the decrement part."
+        },
+        {
+          "name": "incrementParcel",
+          "type": "object",
+          "default": "—",
+          "description": "Props passed to the increment part."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "NumberFieldEmitPayload",
+          "description": "Emitted when the model updates: typing, stepping, arrow keys, or wheel."
+        },
+        {
+          "name": "commit-value",
+          "payload": "NumberFieldEmitPayload",
+          "description": "Emitted on blur of the inner input or on Enter."
+        },
+        {
+          "name": "update:value",
+          "payload": "number | null",
+          "description": "Bare number or null emitted alongside change-value and commit-value for v-model:value."
+        }
+      ],
+      "slots": [
+        {
+          "name": "decrement",
+          "scopedProps": "{ value }",
+          "description": "Replaces the default decrement icon. Default: ph:minus."
+        },
+        {
+          "name": "increment",
+          "scopedProps": "{ value }",
+          "description": "Replaces the default increment icon. Default: ph:plus."
+        }
+      ],
+      "features": [
+        "Composite spinbutton structure: decrement button, formatted input, and increment button.",
+        "Keyboard (Arrow Up/Down, Page Up/Down) and mouse wheel control come from the underlying primitive.",
+        "parcel carries value, bounds (min/max/step), and Intl formatting via formatOptions and locale.",
+        "change-value fires on every model update; commit-value fires on blur or Enter.",
+        "NumberFieldEmitPayload reads the DOM min/max attributes for range helpers.",
+        "decrement and increment slots replace the default minus/plus icons."
+      ]
+    },
+    {
+      "slug": "file-field",
+      "name": "FuroFileField",
+      "layer": "atom",
+      "summary": "File input atom with selection display and the shared field contract.",
+      "import": "import { FuroFileField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-file-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroFileFieldParcel | null",
+          "default": "null",
+          "description": "Behavior-controlling props as one object. No value key. Native HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Applies the invalid / error visual state."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "FileFieldEmitPayload",
+          "description": "Emitted when the set of selected files changes (native change event)."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Follows the FuroTextField split: parcel for behavior, fallthrough for native attributes.",
+        "Always renders type=\"file\" with the root CSS class .unit-form-control.file.",
+        "No parcel.value: browsers forbid scripting a file input value, so selection is read via the payload.",
+        "multiple is a fallthrough HTML attribute, not a parcel key.",
+        "change-value fires when the selection changes; there is no commit-value or v-model:value.",
+        "FileFieldEmitPayload exposes the selected FileList and selection helpers."
+      ]
+    },
+    {
+      "slug": "toggle",
+      "name": "FuroToggle",
+      "layer": "atom",
+      "summary": "Two-state pressed toggle atom for toolbars and inline switches.",
+      "import": "import { FuroToggle } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-toggle.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroToggleParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding the pressed value, variant, size, and disabled flag."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "boolean",
+          "default": "—",
+          "description": "Controlled pressed state. Present means controlled; absent means uncontrolled (starts released)."
+        },
+        {
+          "name": "variant",
+          "type": "'default' | 'outline'",
+          "default": "'default'",
+          "description": "default is borderless and fills the accent surface when pressed; outline adds a border."
+        },
+        {
+          "name": "size",
+          "type": "'default' | 'sm' | 'lg'",
+          "default": "'default'",
+          "description": "Control height and padding."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Blocks interaction; also honored from a fallthrough disabled attribute."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "ToggleEmitPayload",
+          "description": "Fired on every press / release; wraps a CustomEvent exposing value and the control element."
+        },
+        {
+          "name": "update:value",
+          "payload": "boolean",
+          "description": "v-model sync of the pressed state."
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "scopedProps": "{ pressed }",
+          "description": "Toggle label or icon. pressed reflects the current state for conditional content."
+        }
+      ],
+      "features": [
+        "Two-state pressed / unpressed button for toolbars and inline switches.",
+        "Built on a headless toggle primitive that owns aria-pressed and data-state semantics.",
+        "Boolean pressed state via parcel.value or v-model:value, the same surface as other Furo controls.",
+        "Controlled when parcel.value is present; uncontrolled (starts released) otherwise.",
+        "default and outline variants plus default, sm, and lg sizes.",
+        "Building block for FuroToggleGroup and FuroToolBar."
+      ]
+    },
+    {
+      "slug": "avatar",
+      "name": "FuroAvatar",
+      "layer": "atom",
+      "summary": "Image avatar atom with a graceful text fallback and circle or square shape.",
+      "import": "import { FuroAvatar } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-avatar.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroAvatarParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding the image source, fallback, and shape."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "imageSource",
+          "type": "string",
+          "default": "unset",
+          "description": "Image URL. When unset, only the fallback renders."
+        },
+        {
+          "name": "imageAlternativeText",
+          "type": "string",
+          "default": "''",
+          "description": "Alternative text applied to the image."
+        },
+        {
+          "name": "fallbackText",
+          "type": "string",
+          "default": "''",
+          "description": "Text shown while the image is absent or loading (e.g. initials)."
+        },
+        {
+          "name": "fallbackDelay",
+          "type": "number",
+          "default": "unset",
+          "description": "Milliseconds to wait before showing the fallback, avoiding a flash on fast loads."
+        },
+        {
+          "name": "shape",
+          "type": "'circle' | 'square'",
+          "default": "'circle'",
+          "description": "Avatar shape; circle is fully rounded, square uses the medium radius."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "fallback",
+          "scopedProps": "—",
+          "description": "Custom fallback content; overrides fallbackText (e.g. an icon)."
+        }
+      ],
+      "features": [
+        "Renders an image avatar with a graceful text fallback (e.g. initials).",
+        "fallbackDelay holds the fallback back briefly to avoid a flash on fast image loads.",
+        "Circle (default) or square shape.",
+        "Fills its own box; size is controlled by the --furo-avatar-size custom property.",
+        "Carries no value and emits nothing."
+      ]
+    },
+    {
+      "slug": "badge",
+      "name": "FuroBadge",
+      "layer": "atom",
+      "summary": "Label for a record's state, in text, count, state and dot shapes.",
+      "import": "import { FuroBadge } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-badge.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroBadgeParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "description": "Text shown inside the badge. Ignored by the dot shape."
+        },
+        {
+          "name": "count",
+          "type": "number",
+          "default": "null",
+          "description": "Number shown by the count shape, read instead of label there. A count shape with no count renders 0."
+        },
+        {
+          "name": "shape",
+          "type": "FuroBadgeShape",
+          "default": "'text'",
+          "description": "text, count, state or dot."
+        },
+        {
+          "name": "tone",
+          "type": "FuroBadgeTone",
+          "default": "'accent'",
+          "description": "accent, neutral, success, warning or error. Selects a semantic role, not a colour."
+        },
+        {
+          "name": "emphasis",
+          "type": "FuroBadgeEmphasis",
+          "default": "'solid'",
+          "description": "solid, subtle or outline. Meaningful for the text and count shapes only."
+        },
+        {
+          "name": "size",
+          "type": "FuroBadgeSize",
+          "default": "'medium'",
+          "description": "large, medium or small. The count shape has two steps, so large renders the medium geometry."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "scopedProps": "{ text }",
+          "description": "Replaces the rendered text. Not rendered for the dot shape."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; HTML attributes pass through to the root.",
+        "Purely presentational: it carries no value and emits nothing.",
+        "One component covers the four shapes the design draws separately: text, count, state and dot.",
+        "tone selects a semantic role rather than a colour, so overriding the role re-themes the badge.",
+        "emphasis selects solid, subtle or outline; it applies to the text and count shapes.",
+        "A single-digit count renders as a circle; two or more digits widen into a pill.",
+        "The default slot replaces the rendered text, so an icon or tabular figures can sit beside the state."
+      ]
+    },
+    {
+      "slug": "icon",
+      "name": "FuroIcon",
+      "layer": "atom",
+      "summary": "Icon atom rendering the glyphs the library ships, resolved offline.",
+      "import": "import { FuroIcon } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-icon.md",
+      "props": [
+        {
+          "name": "name",
+          "type": "string",
+          "default": "required",
+          "description": "Icon name including its collection prefix, for example ph:check. Must be one of the icons the library registers, since an unregistered name cannot be resolved offline."
+        },
+        {
+          "name": "size",
+          "type": "string | number | null",
+          "default": "null",
+          "description": "One CSS length applied to both axes. When unset, the glyph is 1em and scales with the surrounding text."
+        }
+      ],
+      "parcel": [],
+      "events": [],
+      "slots": [],
+      "features": [
+        "Renders one of the icons the library ships, with no request to a remote icon API.",
+        "Icon data is registered when the module loads, so a built-in icon resolves before the first render and none flickers in.",
+        "Takes the icon name as a plain name prop, matching the property name a framework icon module uses.",
+        "Every other Furo component renders its own icons through this atom, and exposes a slot so they can be replaced.",
+        "Carries no value and emits nothing."
+      ]
+    },
+    {
+      "slug": "switch",
+      "name": "FuroSwitch",
+      "layer": "atom",
+      "summary": "Boolean selection control drawn as a track with a sliding knob.",
+      "import": "import { FuroSwitch } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-switch.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroSwitchParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "boolean",
+          "default": "false",
+          "description": "On/off model. Declaring the key makes the switch controlled."
+        },
+        {
+          "name": "size",
+          "type": "FuroSwitchSize",
+          "default": "'medium'",
+          "description": "medium or small. The design draws two steps, a 20px track and a 16px one."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Blocks interaction and repaints the track with the disabled colour."
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": "Marks the control required for the surrounding form."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "SwitchEmitPayload",
+          "description": "Emitted on every flip. The payload carries the new value and the root element."
+        },
+        {
+          "name": "update:value",
+          "payload": "boolean",
+          "description": "v-model:value sync, emitted alongside change-value."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Public SFC prop is parcel only; HTML attributes pass through to the root.",
+        "Binds parcel plus v-model:value with a boolean model, the same contract the checkbox and the radio use.",
+        "Passing parcel.value makes it controlled: it follows the parent and never flips on its own.",
+        "Omitting parcel.value makes it uncontrolled: it flips itself and reports the new value.",
+        "The track reads the --color-selected family, so overriding that role re-themes it with the other selection controls.",
+        "The disabled track carries a colour of its own rather than a dimmed copy of the live one.",
+        "size selects the medium or the small step; the knob and its travel follow the track."
+      ]
+    },
+    {
+      "slug": "attachment",
+      "name": "FuroAttachment",
+      "layer": "molecule",
+      "summary": "File on a record, as a row with a type glyph or as an image preview.",
+      "import": "import { FuroAttachment } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-attachment.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroAttachmentParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "fileName",
+          "type": "string",
+          "default": "''",
+          "description": "Name shown on the row, and the accessible name of the preview when no alternative text is given."
+        },
+        {
+          "name": "fileSize",
+          "type": "string",
+          "default": "''",
+          "description": "Size shown under the name, already formatted for reading. Hidden while uploading."
+        },
+        {
+          "name": "imageSource",
+          "type": "string",
+          "default": "null",
+          "description": "Preview source. Setting it turns on the image shape; a load failure falls back to the row."
+        },
+        {
+          "name": "imageAlternativeText",
+          "type": "string",
+          "default": "the file name",
+          "description": "Alternative text for the preview."
+        },
+        {
+          "name": "iconName",
+          "type": "string",
+          "default": "'ph:file'",
+          "description": "Glyph the row shows in place of a preview."
+        },
+        {
+          "name": "uploading",
+          "type": "boolean",
+          "default": "false",
+          "description": "Reports the file as still being sent."
+        },
+        {
+          "name": "uploadProgress",
+          "type": "number | null",
+          "default": "null",
+          "description": "Share of the upload already sent, nought through one hundred. Values outside the range are clamped. null means the size is unknown."
+        },
+        {
+          "name": "downloadable",
+          "type": "boolean",
+          "default": "true",
+          "description": "Whether the download action renders. It is withheld during an upload regardless."
+        },
+        {
+          "name": "removable",
+          "type": "boolean",
+          "default": "true",
+          "description": "Whether the remove action renders. During an upload of a file with no preview it cancels."
+        },
+        {
+          "name": "downloadLabel",
+          "type": "string",
+          "default": "'Download'",
+          "description": "Accessible name of the download action."
+        },
+        {
+          "name": "removeLabel",
+          "type": "string",
+          "default": "'Remove'",
+          "description": "Accessible name of the remove action."
+        },
+        {
+          "name": "uploadingLabel",
+          "type": "string",
+          "default": "'Uploading'",
+          "description": "Accessible name of the upload bar, which an indeterminate bar relies on because it announces no share."
+        }
+      ],
+      "events": [
+        {
+          "name": "download",
+          "payload": "{ fileName: string }",
+          "description": "The download action was activated. The component does not fetch anything itself."
+        },
+        {
+          "name": "remove",
+          "payload": "{ fileName: string }",
+          "description": "The remove action was activated, which cancels an upload in flight."
+        }
+      ],
+      "slots": [
+        {
+          "name": "glyph",
+          "scopedProps": "—",
+          "description": "Replaces the type glyph on the row. Default: the icon named by iconName."
+        },
+        {
+          "name": "actions",
+          "scopedProps": "—",
+          "description": "Replaces the whole action cluster. Default: download, remove, and the upload spinner."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; HTML attributes pass through to the root.",
+        "One component covers both shapes the design draws: a file row with a type glyph, and the same file as an image preview.",
+        "Setting imageSource turns on the preview, which always renders at one size and crop.",
+        "A preview that fails to load falls back to the file row and its glyph, never to a broken image.",
+        "Changing imageSource clears the failure, so a retried upload gets a fresh attempt.",
+        "uploading swaps the size caption for a progress bar, and veils the preview with a spinner instead.",
+        "uploadProgress is clamped to nought through one hundred, so a fill can never outrun its track.",
+        "uploadProgress: null, which an absent key also means, draws the bar as indeterminate: no aria-valuenow, no inline width, a sweeping fill.",
+        "The download and remove actions appear on hover and on keyboard focus, and emit rather than acting."
+      ]
+    },
+    {
+      "slug": "autocomplete",
+      "name": "FuroAutocompleteField",
+      "layer": "molecule",
+      "summary": "Text field with an async-friendly suggestion list and keyboard navigation.",
+      "import": "import { FuroAutocompleteField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-autocomplete-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroAutocompleteFieldParcel | null",
+          "default": "null",
+          "description": "Furo behavior. The only public prop; HTML / form attributes pass through to the root."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "FuroAutocompleteOption | FuroAcceptableValue | Array | null",
+          "default": "—",
+          "description": "Controlled selection; synced to the internal value, with fallthrough value as fallback."
+        },
+        {
+          "name": "options",
+          "type": "Array<FuroAutocompleteOption | FuroAcceptableValue>",
+          "default": "[]",
+          "description": "List rows (groups and leaves)."
+        },
+        {
+          "name": "optionLabel",
+          "type": "string | ((option) => string)",
+          "default": "uses option.label",
+          "description": "Key name or function that selects each option's display label; also drives local filtering. When unset, the option's own label is used."
+        },
+        {
+          "name": "optionValue",
+          "type": "string | ((option) => value)",
+          "default": "whole option object",
+          "description": "Key name or function that selects each option's model value. When unset, update:value emits the whole option object (the historical default); when set, it emits that key's value or the function's result."
+        },
+        {
+          "name": "maxVisibleChips",
+          "type": "number",
+          "default": "null",
+          "description": "In multiple mode, render only the first N selected chips, then a +{count} overflow indicator. null means no cap."
+        },
+        {
+          "name": "chipOverflow",
+          "type": "'wrap' | 'ellipsis'",
+          "default": "'wrap'",
+          "description": "How selected chips behave when they exceed the trigger width: wrap flows onto multiple lines; ellipsis keeps a single line and truncates."
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "'Select an option'",
+          "description": "Input placeholder."
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false",
+          "description": "Input spinner; filtered list returns empty and the empty state is suppressed."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Root invalid class."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the combobox."
+        },
+        {
+          "name": "textDirection",
+          "type": "'toRight' | 'toLeft'",
+          "default": "'toRight'",
+          "description": "Maps to the primitive's dir (ltr / rtl)."
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "default": "false",
+          "description": "Multi-select; chips in the anchor."
+        },
+        {
+          "name": "showClear",
+          "type": "boolean",
+          "default": "true",
+          "description": "Clear control shown when a value is selected."
+        },
+        {
+          "name": "localCompare",
+          "type": "boolean",
+          "default": "true",
+          "description": "true filters on the client; false uses the parent-owned options."
+        },
+        {
+          "name": "debounceMilliseconds",
+          "type": "number",
+          "default": "300",
+          "description": "Debounce for search-keyword (TimerClerk)."
+        },
+        {
+          "name": "openOnClick",
+          "type": "boolean",
+          "default": "true",
+          "description": "Passed through to the root."
+        },
+        {
+          "name": "showSelectAll",
+          "type": "boolean",
+          "default": "false",
+          "description": "Multi only; sentinel select-all row."
+        },
+        {
+          "name": "selectAllText",
+          "type": "string",
+          "default": "'Select All'",
+          "description": "Select-all row label."
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "default": "'No options.'",
+          "description": "Default empty-slot copy."
+        },
+        {
+          "name": "creatable",
+          "type": "boolean",
+          "default": "false",
+          "description": "Show a create row when the trimmed keyword has no exact label/value match."
+        },
+        {
+          "name": "createOptionText",
+          "type": "string",
+          "default": "'Create \"{keyword}\"'",
+          "description": "Create-row text template; {keyword} is replaced with the trimmed keyword."
+        },
+        {
+          "name": "searchKeyword",
+          "type": "string",
+          "default": "—",
+          "description": "Partial: parent to internal input via watch; no update:search-keyword."
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "default": "—",
+          "description": "Not implemented; the template open uses the internal popover ref."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "AutocompleteEmitPayload",
+          "description": "Select option, select-all, clear, or chip remove."
+        },
+        {
+          "name": "update:value",
+          "payload": "Option object, array, or null",
+          "description": "Same gesture as change-value; suitable for v-model:value."
+        },
+        {
+          "name": "search-keyword",
+          "payload": "string",
+          "description": "After debounce while the popover is open; also '' on clear."
+        },
+        {
+          "name": "create-option",
+          "payload": "AutocompleteEmitPayload",
+          "description": "Select the create row (creatable); read the typed value via extractTrimmedSearchKeyword()."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger-left",
+          "scopedProps": "—",
+          "description": "Optional leading anchor content."
+        },
+        {
+          "name": "trigger-right",
+          "scopedProps": "—",
+          "description": "Caret icon inside the trigger part."
+        },
+        {
+          "name": "select-all",
+          "scopedProps": "—",
+          "description": "Select-all label text (scoped checked / indeterminate / disabled not wired)."
+        },
+        {
+          "name": "group",
+          "scopedProps": "{ group, groupIndex }",
+          "description": "Group and its children."
+        },
+        {
+          "name": "group-label",
+          "scopedProps": "{ group, groupIndex }",
+          "description": "Group header text."
+        },
+        {
+          "name": "option",
+          "scopedProps": "{ option, optionIndex, group?, groupIndex? }",
+          "description": "Row and indicator."
+        },
+        {
+          "name": "option-text",
+          "scopedProps": "{ option, optionIndex }",
+          "description": "Label text."
+        },
+        {
+          "name": "empty",
+          "scopedProps": "{ searchKeyword, loading }",
+          "description": "Shown when the filtered list is empty and not loading; defaults to emptyText."
+        },
+        {
+          "name": "loading",
+          "scopedProps": "{ searchKeyword }",
+          "description": "Spinner shown in the list."
+        },
+        {
+          "name": "create-option",
+          "scopedProps": "{ searchKeyword }",
+          "description": "createOptionText with {keyword} replaced; shown only when creatable and no exact match."
+        }
+      ],
+      "features": [
+        "Single and multi-select with groups, separators, and per-option icons; the model stores full leaf option objects, not bare values.",
+        "optionLabel / optionValue map arbitrary option shapes (e.g. { id, name }) to the display / filter label and the emitted model value.",
+        "maxVisibleChips + chipOverflow cap and lay out selected chips in multiple mode (wrap onto lines or ellipsis on one line).",
+        "Client-side filter via localCompare, or parent-owned options (localCompare: false) for API-driven lists.",
+        "Debounced search-keyword emit (default 300ms) using TimerClerk, fired only while the popover is open.",
+        "Loading, invalid, disabled, and multiple states drive the trigger UI and visible list.",
+        "Creatable rows surface a create option when the trimmed keyword has no exact match; the parent owns appending it.",
+        "Rich slot surface for trigger, group, option, indicator, separator, empty, loading, and create-option states."
+      ]
+    },
+    {
+      "slug": "avatar-group",
+      "name": "FuroAvatarGroup",
+      "layer": "molecule",
+      "summary": "Row of overlapping people that collapses past a configurable count.",
+      "import": "import { FuroAvatarGroup } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-avatar-group.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroAvatarGroupParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "avatars",
+          "type": "Array<FuroAvatarGroupEntry>",
+          "default": "[]",
+          "description": "The people, in the order they render."
+        },
+        {
+          "name": "maxVisibleAvatars",
+          "type": "number",
+          "default": "5",
+          "description": "How many render before the rest become a count. Values below one are raised to one."
+        },
+        {
+          "name": "spacing",
+          "type": "'wide' | 'narrow'",
+          "default": "'wide'",
+          "description": "How far the avatars overlap: eight pixels for wide, twelve for narrow."
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "default": "'1.5rem'",
+          "description": "Diameter of one avatar, fed to --furo-avatar-group-size."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "overflow",
+          "scopedProps": "{ avatars, count }",
+          "description": "Replaces the count, receiving the hidden entries and how many there are. Default: +N."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; HTML attributes pass through to the root.",
+        "Purely presentational: it carries no value and emits nothing.",
+        "Renders up to maxVisibleAvatars people and turns the rest into one count.",
+        "Two spacings, wide and narrow, matching the two overlaps the design draws.",
+        "Every avatar is pinned to a circle, because overlapping squares read as a stack of cards.",
+        "Each avatar carries a ring so an overlap still reads as two people rather than one clipped shape.",
+        "The overflow slot receives both the hidden entries and their count."
+      ]
+    },
+    {
+      "slug": "breadcrumb",
+      "name": "FuroBreadcrumb",
+      "layer": "molecule",
+      "summary": "Trail showing where a record sits, with a collapsed form for deep trees.",
+      "import": "import { FuroBreadcrumb } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-breadcrumb.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroBreadcrumbParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "items",
+          "type": "Array<FuroBreadcrumbItem>",
+          "default": "[]",
+          "description": "The trail, root first. The last entry is the current one."
+        },
+        {
+          "name": "maxVisibleItems",
+          "type": "number",
+          "default": "4",
+          "description": "How many entries show before the trail collapses. Values below two are raised to two."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "crumb",
+          "scopedProps": "{ crumb }",
+          "description": "Replaces one entry, for a router link or an icon. Default: the entry label."
+        },
+        {
+          "name": "overflow",
+          "scopedProps": "{ items }",
+          "description": "Replaces the overflow marker, receiving the entries it stands for. Default: an ellipsis icon."
+        },
+        {
+          "name": "separator",
+          "scopedProps": "—",
+          "description": "Replaces the mark between entries. Default: a right caret icon."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; HTML attributes pass through to the nav root.",
+        "Purely presentational: it carries no value and emits nothing.",
+        "The last entry is the current one, by position rather than by a flag.",
+        "The current entry renders as text even when it carries a destination, and is announced with aria-current=\"page\".",
+        "A trail deeper than maxVisibleItems collapses to the root, an overflow marker, and the tail.",
+        "The overflow slot receives the entries the marker stands for, so a menu can hang off it.",
+        "An entry marked disabled renders as text and is announced with aria-disabled."
+      ]
+    },
+    {
+      "slug": "search-field",
+      "name": "FuroSearchField",
+      "layer": "molecule",
+      "summary": "Single-line search entry point with a leading magnifier and the shared field contract.",
+      "import": "import { FuroSearchField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-search-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroSearchFieldParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through to the inner input."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | number | null",
+          "default": "null",
+          "description": "The search text."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Draws the field in its error tone."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "SearchFieldPayload",
+          "description": "Fires on every keystroke."
+        },
+        {
+          "name": "commit-value",
+          "payload": "SearchFieldPayload",
+          "description": "Fires on blur and on Enter."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "Rides alongside both of the above, which is what makes v-model:value work."
+        }
+      ],
+      "slots": [
+        {
+          "name": "icon",
+          "scopedProps": "—",
+          "description": "Replaces the leading mark. Default: a magnifier icon."
+        },
+        {
+          "name": "trailing",
+          "scopedProps": "—",
+          "description": "Content after the control, for a clear button, a shortcut hint, or a result count."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only, with the same value and invalid keys as FuroTextField.",
+        "class and style land on the wrapper; every other HTML attribute reaches the inner input.",
+        "Emits change-value on every keystroke and commit-value on blur and Enter, both with the field payload.",
+        "update:value rides alongside both, so v-model:value works without a handler.",
+        "Composes FuroTextField and FuroIcon rather than restyling an input.",
+        "The trailing slot takes a clear button, a shortcut hint, or a result count.",
+        "The magnifier is aria-hidden, so it is not announced."
+      ]
+    },
+    {
+      "slug": "section-header",
+      "name": "FuroSectionHeader",
+      "layer": "molecule",
+      "summary": "Named boundary between the groups of a long form or a detail panel.",
+      "import": "import { FuroSectionHeader } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-section-header.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroSectionHeaderParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "title",
+          "type": "string",
+          "default": "''",
+          "description": "Text the heading renders."
+        },
+        {
+          "name": "headingLevel",
+          "type": "number",
+          "default": "2",
+          "description": "Depth of the heading in the consumer's document outline. Clamped to one through six."
+        },
+        {
+          "name": "size",
+          "type": "'large' | 'medium'",
+          "default": "'large'",
+          "description": "Type step the title renders at."
+        },
+        {
+          "name": "divided",
+          "type": "boolean",
+          "default": "true",
+          "description": "Whether a rule closes the header off from what follows it."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "leading",
+          "scopedProps": "—",
+          "description": "Content before the heading, for example a back control."
+        },
+        {
+          "name": "title",
+          "scopedProps": "—",
+          "description": "Replaces the heading's text. Default: parcel.title."
+        },
+        {
+          "name": "actions",
+          "scopedProps": "—",
+          "description": "The trailing region. Dropped entirely when the slot is empty."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; HTML attributes pass through to the root.",
+        "Purely presentational: it carries no value and emits nothing.",
+        "The title renders as a real h1 to h6, chosen by headingLevel, never as a styled div.",
+        "Levels outside one to six are clamped to the nearest level HTML defines.",
+        "The rule is FuroSeparator across the block-end edge, not a border, so every rule in the library is the same object.",
+        "The rule is decorative: the heading already tells a screen reader where the boundary is.",
+        "Two type steps, large and medium, matching the two the design draws.",
+        "The trailing region is a slot and is dropped entirely when it is empty."
+      ]
+    },
+    {
+      "slug": "select",
+      "name": "FuroSelect",
+      "layer": "molecule",
+      "summary": "Select molecule with grouped options, multi-select, and rich slots.",
+      "import": "import { FuroSelect } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-select.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "object | null",
+          "default": "null",
+          "description": "Root behavior and Furo fields."
+        },
+        {
+          "name": "triggerParcel",
+          "type": "object | null",
+          "default": "null",
+          "description": "Extra attributes applied to the trigger part."
+        },
+        {
+          "name": "portalParcel",
+          "type": "object | null",
+          "default": "null",
+          "description": "Extra attributes applied to the portal part."
+        },
+        {
+          "name": "contentParcel",
+          "type": "object | null",
+          "default": "null",
+          "description": "Extra attributes applied to the content part (side-offset defaults to 4)."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | number | object | null",
+          "default": "null",
+          "description": "Controlled value; an array when multiple. Objects are supported."
+        },
+        {
+          "name": "defaultValue",
+          "type": "same as value",
+          "default": "—",
+          "description": "Uncontrolled initial value."
+        },
+        {
+          "name": "options",
+          "type": "Array<FuroSelectOption>",
+          "default": "[]",
+          "description": "Unified list of groups and leaf rows."
+        },
+        {
+          "name": "optionLabel",
+          "type": "string | ((option) => string)",
+          "default": "uses option.label",
+          "description": "Key name or function that selects each option's display label. When unset, the option's own label is used."
+        },
+        {
+          "name": "optionValue",
+          "type": "string | ((option) => value)",
+          "default": "uses option.value",
+          "description": "Key name or function that selects each option's model value — what update:value emits and what the bound value matches against. When unset, the option's own value (a primitive) is used."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Invalid visual state plus aria-invalid on the trigger."
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false",
+          "description": "Loading state on the trigger; suppresses the empty row."
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "''",
+          "description": "Placeholder shown in the value display."
+        },
+        {
+          "name": "textDirection",
+          "type": "'toRight' | 'toLeft'",
+          "default": "'toRight'",
+          "description": "Maps to the root dir (ltr / rtl)."
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "default": "false",
+          "description": "Enables multi-select on the root."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the whole control; may also be set as a fallthrough attribute."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "SelectEmitPayload",
+          "description": "Fired on selection."
+        },
+        {
+          "name": "commit-value",
+          "payload": "SelectEmitPayload",
+          "description": "Same gesture as change-value; selection is the commit point."
+        },
+        {
+          "name": "update:value",
+          "payload": "value | Array<value> | null",
+          "description": "A single value in single mode; the full array of selected values in multiple mode. Values reflect optionValue when set."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger-content",
+          "scopedProps": "—",
+          "description": "Value display and trigger icon area."
+        },
+        {
+          "name": "group",
+          "scopedProps": "{ group, groupIndex }",
+          "description": "Group label and its child options."
+        },
+        {
+          "name": "option",
+          "scopedProps": "{ option, optionIndex, group?, groupIndex? }",
+          "description": "Option row text and indicator."
+        },
+        {
+          "name": "empty",
+          "scopedProps": "—",
+          "description": "Shown when options is empty and not loading. Default text: No options."
+        }
+      ],
+      "features": [
+        "Single unified options array renders both group headers and leaf rows.",
+        "Controlled via parcel.value or v-model:value, or uncontrolled via parcel.defaultValue.",
+        "Multiple selection through parcel.multiple: update:value emits the full array of selected values and the selection persists across re-open.",
+        "optionLabel / optionValue map arbitrary option shapes (e.g. { id, name }) to the display label and model value.",
+        "Object option values resolve their option by deep equality in the context.",
+        "Loading and invalid states drive the trigger UI and aria-invalid.",
+        "Selection is the commit point, so change-value and commit-value fire together.",
+        "Rich slot surface for trigger, group, option, indicator, separator, and empty states."
+      ]
+    },
+    {
+      "slug": "date-picker",
+      "name": "FuroDatePicker",
+      "layer": "molecule",
+      "summary": "Calendar-backed date picker composed from atoms.",
+      "import": "import { FuroDatePicker } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-date-picker.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "DatePickerParcel | null",
+          "default": "null",
+          "description": "Reactive data object. Furo-only keys are stripped before passthrough to the underlying primitive."
+        },
+        {
+          "name": "triggerParcel",
+          "type": "Record<string, unknown> | null",
+          "default": "null",
+          "description": "Passed to the date field / trigger via v-bind."
+        },
+        {
+          "name": "contentParcel",
+          "type": "Record<string, unknown> | null",
+          "default": "null",
+          "description": "Passed to the popover content via v-bind."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "—",
+          "description": "Currently selected date as YYYY-MM-DD or null."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "—",
+          "description": "Shows error chrome and sets aria-invalid."
+        },
+        {
+          "name": "placeholder",
+          "type": "string | null",
+          "default": "—",
+          "description": "Placeholder text for the date field."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "—",
+          "description": "Disables all interaction."
+        },
+        {
+          "name": "minValue",
+          "type": "string | null",
+          "default": "—",
+          "description": "Minimum selectable date (YYYY-MM-DD). Earlier dates are non-interactive."
+        },
+        {
+          "name": "maxValue",
+          "type": "string | null",
+          "default": "—",
+          "description": "Maximum selectable date (YYYY-MM-DD). Later dates are non-interactive."
+        },
+        {
+          "name": "displayFormat",
+          "type": "string | null",
+          "default": "—",
+          "description": "Reserved for v1.1 localized display format (not yet applied)."
+        },
+        {
+          "name": "timezone",
+          "type": "string | null",
+          "default": "null",
+          "description": "IANA timezone identifier. Interprets Date object inputs before normalization; no effect on YYYY-MM-DD strings."
+        },
+        {
+          "name": "closeOnSelect",
+          "type": "boolean | null",
+          "default": "true",
+          "description": "Whether the popover closes when a date is selected."
+        },
+        {
+          "name": "locale",
+          "type": "string | null",
+          "default": "browser locale",
+          "description": "Drives the date field's segment order; falls back to 'en' outside the browser."
+        },
+        {
+          "name": "preventDeselect",
+          "type": "boolean | null",
+          "default": "true",
+          "description": "When true, re-selecting the selected date keeps it instead of clearing."
+        },
+        {
+          "name": "todayButtonText",
+          "type": "string | null",
+          "default": "'Today'",
+          "description": "Label for the footer Today button; pass null to hide it."
+        },
+        {
+          "name": "clearButtonText",
+          "type": "string | null",
+          "default": "'Clear'",
+          "description": "Label for the footer Clear button; pass null to hide it."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "DatePickerEmitPayload",
+          "description": "Fired when the user selects a date."
+        },
+        {
+          "name": "commit-value",
+          "payload": "DatePickerEmitPayload",
+          "description": "Fired on the same selection event (single-date close-on-select UX)."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "ISO YYYY-MM-DD string or null. Suitable for v-model:value."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger-icon",
+          "scopedProps": "—",
+          "description": "Replaces the default calendar icon inside the trigger."
+        },
+        {
+          "name": "prev-icon",
+          "scopedProps": "—",
+          "description": "Replaces the left-arrow icon in the calendar header."
+        },
+        {
+          "name": "next-icon",
+          "scopedProps": "—",
+          "description": "Replaces the right-arrow icon in the calendar header."
+        },
+        {
+          "name": "field-suffix",
+          "scopedProps": "—",
+          "description": "Custom content inside the trigger field, after the segments and before the trigger icon."
+        },
+        {
+          "name": "content-footer",
+          "scopedProps": "—",
+          "description": "Custom content inside the popover, below the calendar."
+        }
+      ],
+      "features": [
+        "Inline date field with month / day / year segments plus a calendar popover.",
+        "Calendar navigation uses month and year dropdown selects alongside Prev / Next buttons.",
+        "Wire format is a YYYY-MM-DD ISO string or null; the context normalizes Date and CalendarDate inputs at the boundary.",
+        "minValue / maxValue bound the selectable range; out-of-range dates are non-interactive.",
+        "Configurable timezone (IANA) interprets Date object inputs on the correct calendar day.",
+        "Footer Today and Clear buttons with overridable labels, plus locale-driven segment order."
+      ]
+    },
+    {
+      "slug": "time-field",
+      "name": "FuroTimeField",
+      "layer": "molecule",
+      "summary": "Segmented time input with locale-aware formatting.",
+      "import": "import { FuroTimeField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-time-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "TimeFieldParcel | null",
+          "default": "null",
+          "description": "Reactive data object. Furo-only keys are stripped before passthrough to the underlying primitive."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "—",
+          "description": "Current time as HH:MM:SS (or HH:MM) or null. The context also accepts Date / Time at the boundary."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "—",
+          "description": "Forces error chrome and aria-invalid (external validation)."
+        },
+        {
+          "name": "placeholder",
+          "type": "string | null",
+          "default": "—",
+          "description": "Placeholder text for the time field."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "—",
+          "description": "Disables all interaction."
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "default": "—",
+          "description": "Segments are focusable but not editable."
+        },
+        {
+          "name": "minValue",
+          "type": "string | null",
+          "default": "—",
+          "description": "Minimum time (HH:MM:SS). Out-of-range values are flagged, not clamped."
+        },
+        {
+          "name": "maxValue",
+          "type": "string | null",
+          "default": "—",
+          "description": "Maximum time (HH:MM:SS). Out-of-range values are flagged, not clamped."
+        },
+        {
+          "name": "timeFormat",
+          "type": "number | null",
+          "default": "locale default",
+          "description": "12 or 24. When unset, the locale default applies."
+        },
+        {
+          "name": "granularity",
+          "type": "'hour' | 'minute' | 'second' | null",
+          "default": "'minute'",
+          "description": "Controls visible segments."
+        },
+        {
+          "name": "step",
+          "type": "number | null",
+          "default": "1",
+          "description": "Step amount for arrow edits and the buttons; the unit follows granularity. Forwarded as native step."
+        },
+        {
+          "name": "stepSnapping",
+          "type": "boolean | null",
+          "default": "—",
+          "description": "Optional stepSnapping. Forwarded only when explicitly set."
+        },
+        {
+          "name": "timezone",
+          "type": "string | null",
+          "default": "null",
+          "description": "IANA timezone; normalizes Date inputs to wall-clock parts in that zone. Never forwarded to the primitive."
+        },
+        {
+          "name": "decrementLabel",
+          "type": "string",
+          "default": "'Decrement time'",
+          "description": "Accessible name of the decrement button. Set it to translate the control."
+        },
+        {
+          "name": "incrementLabel",
+          "type": "string",
+          "default": "'Increment time'",
+          "description": "Accessible name of the increment button. Set it to translate the control."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "TimeFieldEmitPayload",
+          "description": "Fired when the user edits a segment."
+        },
+        {
+          "name": "commit-value",
+          "payload": "TimeFieldEmitPayload",
+          "description": "Fired on the same edit event (inline single-region UX)."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "HH:MM:SS string or null. Suitable for v-model:value."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Inline segmented time control (hour / minute, optionally seconds and AM/PM) edited in place; no popover or portal.",
+        "Wire format is always HH:MM:SS via Time#toString(); HH:MM is accepted on input and padded.",
+        "Granularity (hour / minute / second) and 12 or 24 hour format are configurable via parcel.",
+        "Customizable step drives arrow-key edits and the native increment / decrement buttons, with the unit following granularity.",
+        "minValue / maxValue flag out-of-range entries with aria-invalid; the stepper buttons clamp instead.",
+        "Configurable timezone (IANA) normalizes Date inputs to wall-clock parts in that zone."
+      ]
+    },
+    {
+      "slug": "date-time-picker",
+      "name": "FuroDateTimePicker",
+      "layer": "molecule",
+      "summary": "Composes the date picker and time field into one control.",
+      "import": "import { FuroDateTimePicker } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-date-time-picker.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "DateTimePickerParcel | null",
+          "default": "null",
+          "description": "Reactive data object. Molecule-only keys are consumed here and used to derive the child parcels."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "—",
+          "description": "Combined value as YYYY-MM-DDTHH:MM:SS or null. Split into date/time parts and recombined on change."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "—",
+          "description": "Shows error chrome and aria-invalid on the unit shell; also forwarded to both atoms."
+        },
+        {
+          "name": "placeholder",
+          "type": "string | null",
+          "default": "—",
+          "description": "Placeholder text for the date field."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "—",
+          "description": "Disables all interaction."
+        },
+        {
+          "name": "minValue",
+          "type": "string | null",
+          "default": "—",
+          "description": "Minimum selectable datetime (YYYY-MM-DDTHH:MM:SS). See cross-field rule."
+        },
+        {
+          "name": "maxValue",
+          "type": "string | null",
+          "default": "—",
+          "description": "Maximum selectable datetime (YYYY-MM-DDTHH:MM:SS). See cross-field rule."
+        },
+        {
+          "name": "timezone",
+          "type": "string | null",
+          "default": "null",
+          "description": "IANA timezone identifier forwarded to both atoms."
+        },
+        {
+          "name": "granularity",
+          "type": "'hour' | 'minute' | 'second' | null",
+          "default": "—",
+          "description": "Visible time segments. Does not change the wire format (always second precision)."
+        },
+        {
+          "name": "step",
+          "type": "number | null",
+          "default": "—",
+          "description": "Step amount for the time field's increment / decrement buttons."
+        },
+        {
+          "name": "timeFormat",
+          "type": "number | null",
+          "default": "locale default",
+          "description": "12 or 24. When unset, the locale default applies."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "DateTimePickerEmitPayload",
+          "description": "Fired when either the date or time part changes."
+        },
+        {
+          "name": "commit-value",
+          "payload": "DateTimePickerEmitPayload",
+          "description": "Fired on the same change event."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | null",
+          "description": "Combined YYYY-MM-DDTHH:MM:SS string. Selecting a date fabricates 12:00:00; null only while no date is set."
+        }
+      ],
+      "slots": [],
+      "features": [
+        "Composes FuroDatePicker and FuroTimeField into a single popover; the calendar stays single-sourced.",
+        "Combined value is a canonical YYYY-MM-DDTHH:MM:SS ISO string or null, always second-precision.",
+        "Selecting a date fabricates a default time of 12:00:00 so a complete value is produced and the popover stays open.",
+        "Cross-field min/max: minimum time applies only on the minimum date, maximum time only on the maximum date.",
+        "Changing the date keeps the current time part and vice versa (preserve-on-change).",
+        "A directly editable inline time field in the trigger stays in sync with the footer time field."
+      ]
+    },
+    {
+      "slug": "dropdown-menu",
+      "name": "FuroDropdownMenu",
+      "layer": "molecule",
+      "summary": "Trigger plus floating menu with items, separators, and keyboard support.",
+      "import": "import { FuroDropdownMenu } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-dropdown-menu.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroDropdownMenuParcel | null",
+          "default": "null",
+          "description": "Menu behavior and declarative rows."
+        },
+        {
+          "name": "triggerParcel",
+          "type": "object | null",
+          "default": "null",
+          "description": "Default trigger appearance tokens (variant, size) aligned with FuroButton. Set triggerParcel.asChild: true to make the #trigger slot element the trigger itself (no wrapper button, no forced .unit-button styling); default false renders the styled native button."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "open",
+          "type": "boolean",
+          "default": "uncontrolled",
+          "description": "Controlled open state; omit for internal state."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables trigger and menu."
+        },
+        {
+          "name": "side",
+          "type": "'top' | 'right' | 'bottom' | 'left'",
+          "default": "'bottom'",
+          "description": "Which edge of the trigger the menu opens against."
+        },
+        {
+          "name": "align",
+          "type": "'start' | 'center' | 'end'",
+          "default": "'start'",
+          "description": "How the menu aligns along that edge."
+        },
+        {
+          "name": "sideOffset",
+          "type": "number",
+          "default": "4",
+          "description": "Gap between trigger and menu, in rem-equivalent pixels."
+        },
+        {
+          "name": "options",
+          "type": "Array<FuroDropdownMenuOption>",
+          "default": "[]",
+          "description": "Declarative menu rows."
+        }
+      ],
+      "events": [
+        {
+          "name": "open:change",
+          "payload": "{ open: boolean }",
+          "description": "Menu open state changes."
+        },
+        {
+          "name": "option:select",
+          "payload": "DropdownMenuOptionSelectEmitPayload",
+          "description": "User selects an enabled action row."
+        },
+        {
+          "name": "option:checked-change",
+          "payload": "{ option: FuroDropdownMenuOption, checked: boolean }",
+          "description": "User toggles a checkbox row."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "scopedProps": "—",
+          "description": "Native button labeled \"Menu\" (FuroButton-compatible styling). Override with label content."
+        },
+        {
+          "name": "option-label",
+          "scopedProps": "{ option, index }",
+          "description": "Override row label rendering. Defaults to option.label text."
+        },
+        {
+          "name": "default",
+          "scopedProps": "—",
+          "description": "Append custom menu content (advanced)."
+        }
+      ],
+      "features": [
+        "Declarative options array renders action, checkbox, submenu, and separator rows.",
+        "Row kind resolves by priority: separator, then submenu, then checkbox, then default action.",
+        "Action rows close the menu unless keepOpen is set; checkbox rows keep the menu open on toggle.",
+        "No v-model: the menu emits selection and checkbox events, and the parent owns persistent checked state.",
+        "triggerParcel tunes the default native trigger appearance (variant, size) aligned with FuroButton.",
+        "triggerParcel.asChild lets the #trigger slot element become the trigger itself, with no wrapper button or forced .unit-button styling.",
+        "Custom trigger slot accepts label content (text, icons) without nesting another button."
+      ]
+    },
+    {
+      "slug": "editable-field",
+      "name": "FuroEditableField",
+      "layer": "molecule",
+      "summary": "Inline read-to-edit field with commit and cancel handling.",
+      "import": "import { FuroEditableField } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-editable-field.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroEditableFieldParcel | null",
+          "default": "null",
+          "description": "Furo behavior and forwarded edit-lifecycle keys. The only public prop; attributes pass through."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "FuroEditableValue",
+          "default": "—",
+          "description": "Committed value. The parent should update this after commit-value."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "default": "false",
+          "description": "Passed to the default FuroTextField; use #editor for custom invalid UI."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Also respected from the fallthrough disabled attribute."
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": "Also respected from the fallthrough required attribute."
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "default": "false",
+          "description": "Forwarded to the root."
+        },
+        {
+          "name": "placeholder",
+          "type": "string | { edit: string, preview: string }",
+          "default": "fallthrough or empty",
+          "description": "Default text editor placeholder."
+        },
+        {
+          "name": "emptyPreviewText",
+          "type": "string",
+          "default": "'---'",
+          "description": "Shown when the value is empty and no #preview slot is provided."
+        },
+        {
+          "name": "showActions",
+          "type": "boolean",
+          "default": "false",
+          "description": "Show the Edit trigger and enable the action-button row."
+        },
+        {
+          "name": "showEditing",
+          "type": "boolean",
+          "default": "false",
+          "description": "On mount, sets the internal editing flag used for editor positioning."
+        },
+        {
+          "name": "showUndoChange",
+          "type": "boolean",
+          "default": "false",
+          "description": "Show the undo control when the committed value diverges from the mount snapshot."
+        },
+        {
+          "name": "collisionBoundary",
+          "type": "HTMLElement | Ref<HTMLElement | null> | null",
+          "default": "—",
+          "description": "Bounding rect for editor collision; the viewport is used when omitted."
+        },
+        {
+          "name": "activationMode",
+          "type": "'dblclick' | 'focus' | 'none'",
+          "default": "—",
+          "description": "Primitive-forwarded: how the preview enters edit mode."
+        },
+        {
+          "name": "submitMode",
+          "type": "'blur' | 'enter' | 'both' | 'none'",
+          "default": "—",
+          "description": "Primitive-forwarded: when the primitive auto-submits the draft."
+        },
+        {
+          "name": "editLabel",
+          "type": "string",
+          "default": "'Edit'",
+          "description": "Accessible name of the edit trigger. Set it to translate the control."
+        },
+        {
+          "name": "undoLabel",
+          "type": "string",
+          "default": "'Undo'",
+          "description": "Accessible name of the undo control. Set it to translate the control."
+        },
+        {
+          "name": "submitLabel",
+          "type": "string",
+          "default": "'Submit'",
+          "description": "Accessible name of the submit control. Set it to translate the control."
+        },
+        {
+          "name": "cancelLabel",
+          "type": "string",
+          "default": "'Cancel'",
+          "description": "Accessible name of the cancel control. Set it to translate the control."
+        }
+      ],
+      "events": [
+        {
+          "name": "commit-value",
+          "payload": "EditableEmitPayload",
+          "description": "On successful submit and on undo. $event.value is the committed value."
+        },
+        {
+          "name": "update-editing-state",
+          "payload": "EdittingState",
+          "description": "The editing lifecycle state: 'edit', 'cancel', or 'submit'."
+        }
+      ],
+      "slots": [
+        {
+          "name": "preview",
+          "scopedProps": "root props + committedValue, draftValue, updateDraftValue, undoChange",
+          "description": "Used when the value is not empty; overrides the default preview text."
+        },
+        {
+          "name": "editor",
+          "scopedProps": "same as preview",
+          "description": "Replaces the default FuroTextField; hosts custom atoms."
+        },
+        {
+          "name": "edit-trigger",
+          "scopedProps": "same as preview",
+          "description": "Custom edit trigger (as-child when provided)."
+        },
+        {
+          "name": "submit-trigger",
+          "scopedProps": "same as preview",
+          "description": "Inside the editor actions; visible while editing."
+        },
+        {
+          "name": "cancel-trigger",
+          "scopedProps": "same as preview",
+          "description": "Inside the editor actions; visible while editing."
+        },
+        {
+          "name": "undo-trigger",
+          "scopedProps": "same as preview",
+          "description": "Shown when showUndoChange and the value changed since mount."
+        }
+      ],
+      "features": [
+        "Inline read-to-edit field: a preview surface that opens an editor on activation and commits the draft.",
+        "No v-model:value: the parent owns parcel.value and updates it on commit-value.",
+        "Default text editor (FuroTextField) when #editor is omitted; #editor hosts number, select, checkbox, file, and other controls.",
+        "Furo-owned keys (invalid, disabled, required, placeholder, showActions, showUndoChange) plus primitive-forwarded edit lifecycle keys.",
+        "Undo control restores the value committed at mount when showUndoChange is set.",
+        "Collision-aware fixed editor panel clamped to a configurable collisionBoundary (e.g. a table element)."
+      ]
+    },
+    {
+      "slug": "control-block",
+      "name": "FuroControlBlock",
+      "layer": "molecule",
+      "summary": "Label, control, hint, and error wrapper for any form atom.",
+      "import": "import { FuroControlBlock } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-control-block.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "ControlBlockParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding the label, control id, error messages, required flag, and orientation."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "label",
+          "type": "string | null",
+          "default": "null",
+          "description": "Label text. When null, no label is rendered."
+        },
+        {
+          "name": "controlId",
+          "type": "string | null",
+          "default": "null",
+          "description": "Id of the slotted control, rendered as label for. When null, the label has no for."
+        },
+        {
+          "name": "errorMessages",
+          "type": "Array<string>",
+          "default": "[]",
+          "description": "Error messages. A non-empty array marks the block invalid and renders one line per message."
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, renders a required mark (*) after the label."
+        },
+        {
+          "name": "orientation",
+          "type": "'vertical' | 'horizontal'",
+          "default": "'vertical'",
+          "description": "Layout of label vs control. vertical stacks; horizontal places the label beside the control."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "scopedProps": "—",
+          "description": "The control to frame. Pass the same id as the parcel controlId so label for resolves."
+        }
+      ],
+      "features": [
+        "Presentational wrapper that frames a single form control with a label and error messages.",
+        "Domain-agnostic: the control is supplied via the default slot, so the block never knows which atom it wraps.",
+        "Emits nothing; the slotted control owns its own change-value / commit-value / update:value events.",
+        "A non-empty errorMessages array marks the block invalid and renders one line per message.",
+        "Required mark (*) renders after the label as a visual cue (aria-hidden).",
+        "Vertical (default) or horizontal orientation via a CSS modifier, with no JS branching.",
+        "A consumer-supplied class and style compose onto the block root, so a layout selector like .control.name { flex: 1 } reaches the wrapper (inheritAttrs: false composes $attrs.class / $attrs.style onto the root)."
+      ]
+    },
+    {
+      "slug": "pagination",
+      "name": "FuroPagination",
+      "layer": "molecule",
+      "summary": "Page navigation with prev / next and numbered page controls.",
+      "import": "import { FuroPagination } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-pagination.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroPaginationParcel | null",
+          "default": "null",
+          "description": "Reactive behavior object."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "page",
+          "type": "number | null",
+          "default": "null",
+          "description": "Controlled current page (1-based). When omitted, the component manages its own page."
+        },
+        {
+          "name": "offset",
+          "type": "number | null",
+          "default": "null",
+          "description": "Controlled current page as a zero-based record offset. The page is derived via floor(offset / limit) + 1. When both page and offset are set, page takes precedence. Provide only one."
+        },
+        {
+          "name": "limit",
+          "type": "number",
+          "default": "20",
+          "description": "Records per page. Combined with totalRecords to compute the page count."
+        },
+        {
+          "name": "totalRecords",
+          "type": "number",
+          "default": "0",
+          "description": "Total record count across all pages."
+        },
+        {
+          "name": "siblingCount",
+          "type": "number",
+          "default": "2",
+          "description": "Pages shown on each side of the current page before collapsing into an ellipsis."
+        },
+        {
+          "name": "showEdges",
+          "type": "boolean",
+          "default": "true",
+          "description": "When true, the first and last pages stay pinned with ellipsis gaps. false renders a plain contiguous range."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the whole control."
+        }
+      ],
+      "events": [
+        {
+          "name": "update:page",
+          "payload": "number",
+          "description": "Selected page changed — enables v-model:page."
+        },
+        {
+          "name": "page:change",
+          "payload": "{ page: number, offset: number, limit: number }",
+          "description": "Selected page changed. offset ((page - 1) * limit) and limit are provided so offset/limit data sources can use the payload directly."
+        }
+      ],
+      "slots": [
+        {
+          "name": "previous",
+          "scopedProps": "—",
+          "description": "Content of the previous-page button (defaults to a left-caret icon)."
+        },
+        {
+          "name": "next",
+          "scopedProps": "—",
+          "description": "Content of the next-page button (defaults to a right-caret icon)."
+        },
+        {
+          "name": "ellipsis",
+          "scopedProps": "—",
+          "description": "Content of the gap marker (defaults to a three-dots icon)."
+        },
+        {
+          "name": "page",
+          "scopedProps": "{ page }",
+          "description": "Custom content for each page entry. Rendered via as-child, so the slot may supply an anchor for SEO — the click still drives page:change."
+        }
+      ],
+      "features": [
+        "Derives the page range, ellipsis gaps, and prev/next bounds from the record count.",
+        "Controlled via parcel.page, by zero-based parcel.offset, or uncontrolled.",
+        "page:change payload carries page, offset, and limit for offset/limit data sources.",
+        "v-model:page through the update:page event.",
+        "page slot renders via as-child, so it can supply an SEO anchor that still drives page:change.",
+        "Domain-agnostic: no GraphQL, router, or Nuxt imports — the consumer wires the emitted page."
+      ]
+    },
+    {
+      "slug": "popover",
+      "name": "FuroPopover",
+      "layer": "molecule",
+      "summary": "Click-triggered overlay for inline edit surfaces and action panels.",
+      "import": "import { FuroPopover } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-popover.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "PopoverParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding positioning, disabled, modal, and optional controlled open state."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "side",
+          "type": "'top' | 'right' | 'bottom' | 'left'",
+          "default": "'bottom'",
+          "description": "Edge of the trigger the content prefers."
+        },
+        {
+          "name": "align",
+          "type": "'start' | 'center' | 'end'",
+          "default": "'center'",
+          "description": "Alignment along the chosen side."
+        },
+        {
+          "name": "sideOffset",
+          "type": "number",
+          "default": "4",
+          "description": "Gap in pixels between trigger and content."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, the trigger never opens the popover."
+        },
+        {
+          "name": "modal",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, focus is trapped and outside interaction is blocked while open."
+        },
+        {
+          "name": "open",
+          "type": "boolean | null",
+          "default": "null",
+          "description": "When set (non-null), open state is controlled by the consumer; otherwise the component manages it internally."
+        }
+      ],
+      "events": [
+        {
+          "name": "open:change",
+          "payload": "{ open: boolean }",
+          "description": "Fired whenever the open state changes (trigger click, outside click, or Escape)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "scopedProps": "—",
+          "description": "The element the popover is anchored to. Focusable by default (rendered as a button)."
+        },
+        {
+          "name": "content",
+          "scopedProps": "—",
+          "description": "The popover body. Holds arbitrary interactive content."
+        }
+      ],
+      "features": [
+        "Click-triggered overlay anchored to a trigger element.",
+        "Built on a headless popover primitive handling positioning, focus, and dismissal.",
+        "Holds arbitrary interactive content (inline cell / field edit, action panels).",
+        "Positioning via side / align / sideOffset; the primitive flips to stay in view.",
+        "Defined by a bordered surface and shadow; no pointer arrow, for a consistent card look.",
+        "Optional modal mode traps focus and blocks outside interaction.",
+        "Optional controlled open state through parcel.open; otherwise managed internally.",
+        "Emits open:change whenever the open state changes."
+      ]
+    },
+    {
+      "slug": "separator",
+      "name": "FuroSeparator",
+      "layer": "molecule",
+      "summary": "Horizontal or vertical divider with optional labelling.",
+      "import": "import { FuroSeparator } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-separator.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "SeparatorParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding orientation and the decorative flag."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "orientation",
+          "type": "'horizontal' | 'vertical'",
+          "default": "'horizontal'",
+          "description": "Direction the divider runs. horizontal spans the full inline width; vertical stretches to the parent's height."
+        },
+        {
+          "name": "decorative",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, the divider is purely visual and drops the separator role so assistive tech ignores it."
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "features": [
+        "Presentational divider drawn between sibling content — toolbar groups, menu sections, section boundaries.",
+        "Built on a headless separator primitive handling the correct role / aria-orientation semantics.",
+        "Horizontal (default) or vertical orientation, mapped without JS branching.",
+        "Decorative mode drops the separator role so assistive tech ignores purely visual dividers.",
+        "Carries no value and emits nothing."
+      ]
+    },
+    {
+      "slug": "scroll-area",
+      "name": "FuroScrollArea",
+      "layer": "molecule",
+      "summary": "Styled scroll container with configurable scrollbar visibility.",
+      "import": "import { FuroScrollArea } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-scroll-area.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroScrollAreaParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding orientation and scrollbar visibility."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "orientation",
+          "type": "'vertical' | 'horizontal' | 'both'",
+          "default": "'vertical'",
+          "description": "Which scrollbars render, and which axes are scrollable. both also renders the corner where they meet."
+        },
+        {
+          "name": "scrollbarVisibility",
+          "type": "'hover' | 'scroll' | 'glimpse' | 'auto' | 'always'",
+          "default": "unset ('hover')",
+          "description": "When the scrollbar appears — it does not affect whether the content scrolls. When unset, the primitive default (hover) applies."
+        },
+        {
+          "name": "scrollHideDelay",
+          "type": "number",
+          "default": "unset",
+          "description": "Milliseconds before the scrollbar hides after the trigger ends (applies to hover / scroll / glimpse). Forwarded to the primitive."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "scopedProps": "—",
+          "description": "The overflowing content placed inside the scroll viewport."
+        }
+      ],
+      "features": [
+        "Wraps overflowing content with a styled, cross-browser scrollbar.",
+        "Vertical (default), horizontal, or both-axes orientation; both also renders a corner.",
+        "scrollbarVisibility controls when the bar appears without affecting whether content scrolls.",
+        "Hides the native scrollbar and renders a consistent custom thumb across browsers.",
+        "Carries no value and emits nothing."
+      ]
+    },
+    {
+      "slug": "skeleton",
+      "name": "FuroSkeleton",
+      "layer": "molecule",
+      "summary": "Loading placeholder with text, circle, and rectangle variants.",
+      "import": "import { FuroSkeleton } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-skeleton.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "SkeletonParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding the variant, size overrides, and animation flag."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "variant",
+          "type": "'text' | 'circle' | 'rectangle'",
+          "default": "'text'",
+          "description": "Placeholder shape. circle renders a round shape; text and rectangle use a small radius."
+        },
+        {
+          "name": "width",
+          "type": "string",
+          "default": "variant default",
+          "description": "CSS length overriding the width. Defaults to 100% for text / rectangle and 2.5rem for circle."
+        },
+        {
+          "name": "height",
+          "type": "string",
+          "default": "variant default",
+          "description": "CSS length overriding the height. Defaults to 1rem for text / rectangle and 2.5rem for circle."
+        },
+        {
+          "name": "animated",
+          "type": "boolean",
+          "default": "true",
+          "description": "When true, the placeholder pulses. Reduced-motion users always see a static placeholder."
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "features": [
+        "Presentational loading placeholder shown while real content is fetching.",
+        "Three shape variants — text (default), circle, and rectangle — mapped without JS branching.",
+        "Optional width and height overrides accept any CSS length via custom properties.",
+        "Pulse animation signals the loading state and pauses for reduced-motion users.",
+        "Carries no value, emits nothing, and is hidden from assistive tech."
+      ]
+    },
+    {
+      "slug": "empty-state",
+      "name": "FuroEmptyState",
+      "layer": "molecule",
+      "summary": "Placeholder for empty regions with consumer-owned title, description, and action slots.",
+      "import": "import { FuroEmptyState } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-empty-state.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "EmptyStateParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding the title and description text."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "title",
+          "type": "string",
+          "default": "—",
+          "description": "Heading text. Rendered only when supplied; the consumer owns the wording."
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "default": "—",
+          "description": "Supporting text under the title. Rendered only when supplied."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "icon",
+          "scopedProps": "—",
+          "description": "Leading icon or illustration above the title."
+        },
+        {
+          "name": "action",
+          "scopedProps": "—",
+          "description": "Action controls (for example a create button) below the text."
+        }
+      ],
+      "features": [
+        "Presentational placeholder for empty regions — no views, no records, or nothing found.",
+        "Title and description text come from the parcel, so the consumer owns all wording.",
+        "Each text block renders only when supplied; there are no hardcoded strings.",
+        "Optional icon and action slots host an illustration and controls such as a create button.",
+        "Carries no value and emits nothing."
+      ]
+    },
+    {
+      "slug": "error-state",
+      "name": "FuroErrorState",
+      "layer": "molecule",
+      "summary": "Placeholder for failed regions with consumer-owned title, description, and retry action slot.",
+      "import": "import { FuroErrorState } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-error-state.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "ErrorStateParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding the title and description text."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "title",
+          "type": "string",
+          "default": "—",
+          "description": "Heading text. Rendered only when supplied; the consumer owns the wording."
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "default": "—",
+          "description": "Supporting text under the title. Rendered only when supplied."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "icon",
+          "scopedProps": "—",
+          "description": "Leading icon or illustration above the title."
+        },
+        {
+          "name": "action",
+          "scopedProps": "—",
+          "description": "Action controls (for example a retry button) below the text."
+        }
+      ],
+      "features": [
+        "Presentational placeholder for regions that failed to load — a fetch error or a failed request.",
+        "Title and description text come from the parcel, so the consumer owns all wording.",
+        "Each text block renders only when supplied; there are no hardcoded strings.",
+        "Optional icon and action slots host an illustration and controls such as a retry button.",
+        "Carries no value and emits nothing; the root announces the failure via role=\"alert\"."
+      ]
+    },
+    {
+      "slug": "splitter",
+      "name": "FuroSplitter",
+      "layer": "molecule",
+      "summary": "Resizable panes with a draggable divider.",
+      "import": "import { FuroSplitter } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-splitter.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroSplitterParcel | null",
+          "default": "null",
+          "description": "Reactive configuration object. Non-Furo keys (autoSaveId, aria-label) forward to the group element."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "orientation",
+          "type": "'horizontal' | 'vertical'",
+          "default": "'horizontal'",
+          "description": "Direction the panes are arranged in."
+        },
+        {
+          "name": "appearance",
+          "type": "'default' | 'plain'",
+          "default": "'default'",
+          "description": "default shows a divider line between panes; plain hides it so panes read as separated cards."
+        },
+        {
+          "name": "panels",
+          "type": "Array<FuroSplitterPanel>",
+          "default": "[]",
+          "description": "One descriptor per pane. A resize handle is inserted between consecutive panes."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "SplitterEmitPayload",
+          "description": "A handle is dragged and the layout changes. Use payload.layout and payload.extractPaneSize({ index })."
+        },
+        {
+          "name": "update:value",
+          "payload": "Array<number>",
+          "description": "Same moment as change-value; powers one-way v-model:value for persisting the layout."
+        }
+      ],
+      "slots": [
+        {
+          "name": "panel",
+          "scopedProps": "{ panel, index, id }",
+          "description": "Content for each pane. Switch on id or index to render the right region."
+        },
+        {
+          "name": "handle",
+          "scopedProps": "{ index }",
+          "description": "Custom resize handle between panes. Defaults to a centered grip."
+        }
+      ],
+      "features": [
+        "Resizable split view that lays panes side by side or stacked with a draggable handle.",
+        "Panes are declared through a panels array; content arrives via the scoped panel slot.",
+        "Horizontal (default) or vertical orientation.",
+        "default appearance shows a divider; plain hides it so panes read as separated cards.",
+        "Pane sizes surface outward via update:value for one-way v-model:value persistence.",
+        "A resize handle is inserted between every consecutive pair of panes, never after the last."
+      ]
+    },
+    {
+      "slug": "toggle-group",
+      "name": "FuroToggleGroup",
+      "layer": "molecule",
+      "summary": "Single or multiple selection group built from toggle atoms.",
+      "import": "import { FuroToggleGroup } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-toggle-group.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroToggleGroupParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding the selection, options, selection mode, variant, size, orientation, and disabled flag."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string | string[]",
+          "default": "—",
+          "description": "Controlled selection. Present → controlled; absent → uncontrolled. A single value in single mode, an array in multiple mode."
+        },
+        {
+          "name": "selectionMode",
+          "type": "'single' | 'multiple'",
+          "default": "'single'",
+          "description": "Whether one or many options may be pressed at once."
+        },
+        {
+          "name": "options",
+          "type": "Array<{ value, label?, disabled? }>",
+          "default": "[]",
+          "description": "The toggle items. label falls back to value when omitted."
+        },
+        {
+          "name": "variant",
+          "type": "'default' | 'outline'",
+          "default": "'default'",
+          "description": "Item styling — outline adds a border."
+        },
+        {
+          "name": "size",
+          "type": "'default' | 'sm' | 'lg'",
+          "default": "'default'",
+          "description": "Item height and padding."
+        },
+        {
+          "name": "orientation",
+          "type": "'horizontal' | 'vertical'",
+          "default": "'horizontal'",
+          "description": "Layout direction."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the whole group; a per-option disabled flag disables a single item."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "ToggleGroupEmitPayload",
+          "description": "On every selection change. Wraps a CustomEvent exposing value and the control element; isSelected({ value }) reports per-option state."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | string[]",
+          "description": "v-model sync of the selection."
+        }
+      ],
+      "slots": [
+        {
+          "name": "option",
+          "scopedProps": "{ option, pressed }",
+          "description": "Custom item content (e.g. icons). Defaults to the option's label. pressed reflects whether the option is selected."
+        }
+      ],
+      "features": [
+        "A set of related toggles where the group manages selection.",
+        "Single (string) or multiple (string[]) selection through v-model:value / parcel.value.",
+        "Built on a headless toggle-group primitive that owns roving focus and selection state.",
+        "default or outline item variants, three sizes, and horizontal or vertical orientation.",
+        "option slot supplies custom item content with a pressed flag; building block for FuroToolBar.",
+        "Domain-agnostic public keys (value, selectionMode) map to the primitive internally."
+      ]
+    },
+    {
+      "slug": "tool-bar",
+      "name": "FuroToolBar",
+      "layer": "molecule",
+      "summary": "Horizontal toolbar grouping buttons, toggles, and separators.",
+      "import": "import { FuroToolBar } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-tool-bar.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "ToolBarParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding orientation, text direction, and focus-wrap behavior."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "orientation",
+          "type": "'horizontal' | 'vertical'",
+          "default": "'horizontal'",
+          "description": "Layout axis. Also sets which Arrow keys move focus and the aria-orientation."
+        },
+        {
+          "name": "textDirection",
+          "type": "'toRight' | 'toLeft'",
+          "default": "'toRight'",
+          "description": "Reading direction for the contents (toRight → left-to-right, toLeft → right-to-left)."
+        },
+        {
+          "name": "loopFocus",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, roving focus wraps from the last control back to the first (and vice versa)."
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "scopedProps": "—",
+          "description": "The controls to group — buttons, toggles, toggle groups, separators."
+        }
+      ],
+      "features": [
+        "Groups interactive controls — buttons, toggles, separators — into one keyboard-navigable region.",
+        "Built on a headless toolbar primitive providing roving focus (Arrow keys move; Tab is one stop).",
+        "Horizontal (default) or vertical orientation, driving the keyboard axis and aria-orientation.",
+        "loopFocus wraps roving focus from the last control back to the first.",
+        "Text direction (toRight / toLeft) maps to the primitive reading direction.",
+        "Carries no value and emits nothing."
+      ]
+    },
+    {
+      "slug": "tooltip",
+      "name": "FuroTooltip",
+      "layer": "molecule",
+      "summary": "Floating hint shown on hover or focus of a trigger.",
+      "import": "import { FuroTooltip } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-tooltip.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "TooltipParcel | null",
+          "default": "null",
+          "description": "Reactive data object holding text, positioning, delay, disabled, and optional controlled open state."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "text",
+          "type": "string",
+          "default": "null",
+          "description": "Tooltip body shown when no content slot is supplied."
+        },
+        {
+          "name": "side",
+          "type": "'top' | 'right' | 'bottom' | 'left'",
+          "default": "'top'",
+          "description": "Edge of the trigger the content prefers."
+        },
+        {
+          "name": "align",
+          "type": "'start' | 'center' | 'end'",
+          "default": "'center'",
+          "description": "Alignment along the chosen side."
+        },
+        {
+          "name": "sideOffset",
+          "type": "number",
+          "default": "4",
+          "description": "Gap in pixels between trigger and content."
+        },
+        {
+          "name": "delayDuration",
+          "type": "number",
+          "default": "200",
+          "description": "Delay in milliseconds before the tooltip opens on hover."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, the tooltip never opens."
+        },
+        {
+          "name": "open",
+          "type": "boolean | null",
+          "default": "null",
+          "description": "When set (non-null), open state is controlled by the consumer; otherwise the component manages it internally."
+        }
+      ],
+      "events": [
+        {
+          "name": "open:change",
+          "payload": "{ open: boolean }",
+          "description": "Fired whenever the open state changes (hover, focus, or dismissal)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "scopedProps": "—",
+          "description": "The element the tooltip is anchored to. Focusable by default (rendered as a button)."
+        },
+        {
+          "name": "content",
+          "scopedProps": "—",
+          "description": "Rich tooltip body. Falls back to parcel.text when omitted."
+        }
+      ],
+      "features": [
+        "Hover/focus hint surface shown next to a trigger element.",
+        "Built on a headless tooltip primitive handling delay, positioning, dismissal, and aria-describedby.",
+        "Carries a short text, or a rich content slot when more than text is needed.",
+        "Positioning via side / align / sideOffset; the primitive flips to stay in view.",
+        "Optional controlled open state through parcel.open; otherwise managed internally.",
+        "Emits open:change whenever the open state changes."
+      ]
+    },
+    {
+      "slug": "collapsible",
+      "name": "FuroCollapsible",
+      "layer": "molecule",
+      "summary": "Single expand/collapse region toggled by a trigger.",
+      "import": "import { FuroCollapsible } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-collapsible.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroCollapsibleParcel | null",
+          "default": "null",
+          "description": "Reactive configuration object. Non-Furo keys (aria-label) forward to the root element."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "boolean",
+          "default": "unset (false)",
+          "description": "Open state. When present, the component is controlled; when absent, it manages its own state."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the trigger; the region stays in its current state."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "CollapsibleEmitPayload",
+          "description": "The open state changes. Use payload.value (boolean) and payload.isOpen()."
+        },
+        {
+          "name": "update:value",
+          "payload": "boolean",
+          "description": "Same moment as change-value; powers v-model:value for the open state."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "scopedProps": "{ open }",
+          "description": "Trigger content (label plus optional indicator) rendered inside the toggle button."
+        },
+        {
+          "name": "default",
+          "scopedProps": "{ open }",
+          "description": "The collapsible content revealed when open."
+        }
+      ],
+      "features": [
+        "Single expand/collapse region: one trigger toggles one associated content block.",
+        "Open state is a boolean value (parcel.value / v-model:value); controlled or uncontrolled.",
+        "Emits change-value (payload) and update:value (boolean) on every toggle.",
+        "disabled freezes the trigger while keeping the current open state.",
+        "Smooth height animation driven by the primitive-measured content height."
+      ]
+    },
+    {
+      "slug": "accordion",
+      "name": "FuroAccordion",
+      "layer": "molecule",
+      "summary": "Multi-section collapse with single or multiple open sections.",
+      "import": "import { FuroAccordion } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-accordion.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroAccordionParcel | null",
+          "default": "null",
+          "description": "Reactive configuration object. Non-Furo keys (aria-label) forward to the root element."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "options",
+          "type": "Array<FuroAccordionOption>",
+          "default": "[]",
+          "description": "The sections. value is the unique key; label is the default header; disabled disables one section."
+        },
+        {
+          "name": "value",
+          "type": "string | Array<string> | null",
+          "default": "unset",
+          "description": "Expanded section(s). A single value in single mode, an array in multiple mode. Present = controlled."
+        },
+        {
+          "name": "selectionMode",
+          "type": "'single' | 'multiple'",
+          "default": "'single'",
+          "description": "Whether one or several sections can be open at once."
+        },
+        {
+          "name": "collapsible",
+          "type": "boolean",
+          "default": "true",
+          "description": "single mode only: whether the open section can close. multiple mode is always collapsible."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the whole accordion."
+        },
+        {
+          "name": "orientation",
+          "type": "'vertical' | 'horizontal'",
+          "default": "'vertical'",
+          "description": "Layout and keyboard navigation axis."
+        }
+      ],
+      "events": [
+        {
+          "name": "change-value",
+          "payload": "AccordionEmitPayload",
+          "description": "Expansion changes. Use payload.value and payload.isExpanded({ value })."
+        },
+        {
+          "name": "update:value",
+          "payload": "string | Array<string> | null",
+          "description": "Same moment as change-value; powers v-model:value for the expanded section(s)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "header",
+          "scopedProps": "{ option, expanded }",
+          "description": "Header content for a section. Defaults to option.label (or option.value)."
+        },
+        {
+          "name": "content",
+          "scopedProps": "{ option, expanded }",
+          "description": "Body content revealed when the section is open."
+        }
+      ],
+      "features": [
+        "Multi-section collapse: a stack of headers, each toggling its own content region.",
+        "single mode keeps at most one section open; multiple mode allows several.",
+        "Expanded value is a single value (single) or an array (multiple); controlled or uncontrolled.",
+        "Emits change-value (payload) and update:value on every expansion change.",
+        "Per-section disable plus a whole-accordion disabled flag.",
+        "Smooth per-section height animation driven by the primitive-measured content height."
+      ]
+    },
+    {
+      "slug": "table",
+      "name": "FuroTable",
+      "layer": "organism",
+      "summary": "Slot-based, controlled data table organism.",
+      "import": "import { FuroTable } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-table.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroTableParcel | null",
+          "default": "null",
+          "description": "Closed-set, JSON-serializable table state."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "columns",
+          "type": "Array<FuroTableColumn>",
+          "default": "[]",
+          "description": "Column configuration."
+        },
+        {
+          "name": "rows",
+          "type": "Array<object>",
+          "default": "[]",
+          "description": "Raw row records, rendered in the order given."
+        },
+        {
+          "name": "rowKey",
+          "type": "string",
+          "default": "'id'",
+          "description": "Field used as each row's unique key."
+        },
+        {
+          "name": "selectable",
+          "type": "boolean",
+          "default": "false",
+          "description": "Show the selection column and select-all checkbox."
+        },
+        {
+          "name": "selectedRowKeys",
+          "type": "Array<string | number> | null",
+          "default": "null",
+          "description": "Controlled selection. null = uncontrolled (table holds its own selection)."
+        },
+        {
+          "name": "sort",
+          "type": "{ field: string, direction: 'asc' | 'desc' } | null",
+          "default": "null",
+          "description": "Active sort indicator (controlled)."
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false",
+          "description": "Render the loading state."
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | null",
+          "default": "null",
+          "description": "When set, render the error state (takes precedence over loading/empty/rows)."
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "default": "'No records'",
+          "description": "Text for the default empty state."
+        },
+        {
+          "name": "virtual",
+          "type": "FuroTableVirtual | null",
+          "default": "null",
+          "description": "When set, fixed-height virtual scrolling."
+        },
+        {
+          "name": "totalRecords",
+          "type": "number | null",
+          "default": "null (falls back to rows.length)",
+          "description": "Full dataset size — drives total scroll height in virtual mode."
+        },
+        {
+          "name": "rowOffset",
+          "type": "number",
+          "default": "0",
+          "description": "Global index of rows[0] — lets rows be a sparse window in virtual mode."
+        },
+        {
+          "name": "resizable",
+          "type": "boolean",
+          "default": "false",
+          "description": "Show drag handles on column edges."
+        },
+        {
+          "name": "compact",
+          "type": "boolean",
+          "default": "false",
+          "description": "Compact density — denser rows, tighter padding, smaller text."
+        },
+        {
+          "name": "gridLines",
+          "type": "boolean",
+          "default": "false",
+          "description": "Vertical borders between columns."
+        },
+        {
+          "name": "rowActionsLabel",
+          "type": "string",
+          "default": "''",
+          "description": "Header text for the trailing row-actions column (rendered only when the row-actions slot is provided)."
+        },
+        {
+          "name": "rowActionsWidth",
+          "type": "string",
+          "default": "'6rem'",
+          "description": "CSS width of the row-actions column."
+        }
+      ],
+      "events": [
+        {
+          "name": "sort:change",
+          "payload": "{ field: string, direction: 'asc' | 'desc' | null }",
+          "description": "A sortable header is clicked. Cycles asc → desc → null (direction null restores the default order)."
+        },
+        {
+          "name": "selection:change",
+          "payload": "{ selectedRowKeys: Array<string | number> }",
+          "description": "A row or the select-all checkbox toggles."
+        },
+        {
+          "name": "update:selectedRowKeys",
+          "payload": "Array<string | number>",
+          "description": "v-model:selectedRowKeys sync (fires with selection:change)."
+        },
+        {
+          "name": "range:change",
+          "payload": "{ first: number, last: number }",
+          "description": "Virtual mode only — the visible global row window moved."
+        },
+        {
+          "name": "row:click",
+          "payload": "{ row: object, rowKey: string | number | null }",
+          "description": "A data row is clicked. Interactive cell-slot content should @click.stop to opt out."
+        }
+      ],
+      "slots": [
+        {
+          "name": "header-cell",
+          "scopedProps": "{ column }",
+          "description": "Header cell content. Falls back to column.label."
+        },
+        {
+          "name": "cell",
+          "scopedProps": "{ row, column, value }",
+          "description": "Cell content. Falls back to the raw cell value."
+        },
+        {
+          "name": "loading",
+          "scopedProps": "—",
+          "description": "Loading state content. Falls back to a spinner icon."
+        },
+        {
+          "name": "empty",
+          "scopedProps": "—",
+          "description": "Empty state content. Falls back to parcel.emptyText."
+        },
+        {
+          "name": "error",
+          "scopedProps": "{ message }",
+          "description": "Error state content. Falls back to parcel.errorMessage."
+        },
+        {
+          "name": "placeholder",
+          "scopedProps": "{ index }",
+          "description": "Unloaded virtual row. Falls back to a shimmer skeleton bar."
+        },
+        {
+          "name": "row-actions",
+          "scopedProps": "{ row }",
+          "description": "Providing this slot adds a trailing per-row actions column. The actions cell stops click propagation."
+        },
+        {
+          "name": "pagination",
+          "scopedProps": "—",
+          "description": "Host a FuroPagination here. Empty by default."
+        },
+        {
+          "name": "footer",
+          "scopedProps": "{ selection }",
+          "description": "Providing this slot renders a footer region below the table (bulk-action bar, summary row). selection is { keys, count }."
+        }
+      ],
+      "features": [
+        "Renders a native table from a columns + rows parcel — domain-agnostic and presentational.",
+        "Controlled sort that cycles ascending, descending, then unsorted on each header click.",
+        "Row selection with a select-all checkbox, controlled or uncontrolled.",
+        "State precedence of error, loading, empty, then rows, with slots for each.",
+        "Fixed-layout column resizing in fit mode, with stable widths across states.",
+        "Controlled, sparse-aware virtual scrolling for large lazy-fetched datasets.",
+        "Opt-in trailing row-actions column and footer region via the row-actions and footer slots."
+      ]
+    },
+    {
+      "slug": "dialog",
+      "name": "FuroDialog",
+      "layer": "organism",
+      "summary": "Modal dialog organism with header, body, and footer regions.",
+      "import": "import { FuroDialog } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-dialog.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroDialogParcel | null",
+          "default": "null",
+          "description": "Reactive behavior object."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "open",
+          "type": "boolean",
+          "default": "—",
+          "description": "Controlled open state. When omitted, the dialog manages its own state."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the trigger."
+        },
+        {
+          "name": "modal",
+          "type": "boolean",
+          "default": "true",
+          "description": "false renders without the overlay scrim and keeps the page interactive."
+        },
+        {
+          "name": "title",
+          "type": "string | null",
+          "default": "null",
+          "description": "Heading text. Provide a title (or the title slot) for accessibility."
+        },
+        {
+          "name": "description",
+          "type": "string | null",
+          "default": "null",
+          "description": "Sub-heading text below the title."
+        },
+        {
+          "name": "closeText",
+          "type": "string",
+          "default": "'Close'",
+          "description": "Accessible label for the built-in close button."
+        },
+        {
+          "name": "closeOnOutsideClick",
+          "type": "boolean",
+          "default": "true",
+          "description": "false ignores overlay / outside-click dismissal."
+        },
+        {
+          "name": "closeOnEscape",
+          "type": "boolean",
+          "default": "true",
+          "description": "false ignores the Escape key."
+        },
+        {
+          "name": "size",
+          "type": "'sm' | 'default' | 'lg' | 'fullscreen'",
+          "default": "'default'",
+          "description": "Content width variant. fullscreen fills the viewport."
+        },
+        {
+          "name": "busy",
+          "type": "boolean",
+          "default": "false",
+          "description": "While true, all dismissal is blocked — use during async work."
+        },
+        {
+          "name": "initialFocus",
+          "type": "string | null",
+          "default": "null",
+          "description": "CSS selector (scoped to the content) of the element to focus on open."
+        }
+      ],
+      "events": [
+        {
+          "name": "update:open",
+          "payload": "boolean",
+          "description": "Open state changed — enables v-model:open."
+        },
+        {
+          "name": "open:change",
+          "payload": "{ open: boolean }",
+          "description": "Open state changed (semantic form)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "scopedProps": "—",
+          "description": "Optional element that opens the dialog, rendered via as-child. Omit when opened via controlled open."
+        },
+        {
+          "name": "title",
+          "scopedProps": "—",
+          "description": "Overrides the heading (falls back to parcel.title)."
+        },
+        {
+          "name": "description",
+          "scopedProps": "—",
+          "description": "Overrides the description (falls back to parcel.description)."
+        },
+        {
+          "name": "default",
+          "scopedProps": "{ close }",
+          "description": "Dialog body content. Receives a close() slot prop to dismiss from inside."
+        },
+        {
+          "name": "footer",
+          "scopedProps": "{ close }",
+          "description": "Footer region. Receives a close() slot prop so action buttons can dismiss the dialog."
+        },
+        {
+          "name": "close",
+          "scopedProps": "—",
+          "description": "Content of the built-in close button (defaults to ✕)."
+        }
+      ],
+      "features": [
+        "Modal or non-modal dialog with overlay scrim, focus trap, and an accessible heading.",
+        "Controlled via parcel.open / v-model:open, or self-managed when open is omitted.",
+        "Esc and overlay-click dismissal that can each be disabled independently.",
+        "Four size variants: sm, default, lg, and fullscreen.",
+        "A busy flag blocks every dismissal path during async work.",
+        "Footer and body slots expose a close() slot prop for action buttons."
+      ]
+    },
+    {
+      "slug": "alert-dialog",
+      "name": "FuroAlertDialog",
+      "layer": "organism",
+      "summary": "Confirmation dialog with confirm / cancel actions, tone, and busy states.",
+      "import": "import { FuroAlertDialog } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-alert-dialog.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroAlertDialogParcel | null",
+          "default": "null",
+          "description": "Reactive behavior object."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "open",
+          "type": "boolean",
+          "default": "—",
+          "description": "Controlled open state. When omitted, the dialog manages its own state."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the trigger."
+        },
+        {
+          "name": "title",
+          "type": "string | null",
+          "default": "null",
+          "description": "Heading text. Provide a title (or the title slot) for accessibility."
+        },
+        {
+          "name": "description",
+          "type": "string | null",
+          "default": "null",
+          "description": "Sub-heading text below the title."
+        },
+        {
+          "name": "confirmText",
+          "type": "string",
+          "default": "'Confirm'",
+          "description": "Label for the built-in confirm button."
+        },
+        {
+          "name": "cancelText",
+          "type": "string",
+          "default": "'Cancel'",
+          "description": "Label for the built-in cancel button."
+        },
+        {
+          "name": "tone",
+          "type": "'default' | 'destructive'",
+          "default": "'default'",
+          "description": "destructive renders the confirm button with the destructive variant."
+        },
+        {
+          "name": "closeOnEscape",
+          "type": "boolean",
+          "default": "true",
+          "description": "false ignores the Escape key."
+        },
+        {
+          "name": "size",
+          "type": "'sm' | 'default' | 'lg'",
+          "default": "'default'",
+          "description": "Content width variant."
+        },
+        {
+          "name": "busy",
+          "type": "boolean",
+          "default": "false",
+          "description": "While true, dismissal is blocked and the action buttons are disabled (confirm shows a loading state)."
+        },
+        {
+          "name": "initialFocus",
+          "type": "string | null",
+          "default": "null",
+          "description": "CSS selector (scoped to the content) of the element to focus on open. When unset, the cancel button is focused."
+        }
+      ],
+      "events": [
+        {
+          "name": "confirm",
+          "payload": "—",
+          "description": "The confirm action was chosen."
+        },
+        {
+          "name": "cancel",
+          "payload": "—",
+          "description": "The cancel action was chosen (button or Escape)."
+        },
+        {
+          "name": "update:open",
+          "payload": "boolean",
+          "description": "Open state changed — enables v-model:open."
+        },
+        {
+          "name": "open:change",
+          "payload": "{ open: boolean }",
+          "description": "Open state changed (semantic form)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "scopedProps": "—",
+          "description": "Optional element that opens the dialog, rendered via as-child. Omit when opened via controlled open."
+        },
+        {
+          "name": "title",
+          "scopedProps": "—",
+          "description": "Overrides the heading (falls back to parcel.title)."
+        },
+        {
+          "name": "description",
+          "scopedProps": "—",
+          "description": "Overrides the description (falls back to parcel.description)."
+        },
+        {
+          "name": "default",
+          "scopedProps": "—",
+          "description": "Optional body content rendered between the heading and the footer."
+        },
+        {
+          "name": "footer",
+          "scopedProps": "{ confirm, cancel }",
+          "description": "Overrides the built-in confirm / cancel buttons. Receives confirm() and cancel() slot props."
+        }
+      ],
+      "features": [
+        "Forces an explicit decision — no close button, and outside-click never dismisses.",
+        "Ships built-in confirm and cancel action buttons with overridable labels.",
+        "A destructive tone renders the confirm button with the destructive variant.",
+        "Controlled via parcel.open / v-model:open, or self-managed when open is omitted.",
+        "A busy flag disables the buttons, blocks dismissal, and shows a loading confirm.",
+        "Emits semantic confirm and cancel events; Escape maps to cancel."
+      ]
+    },
+    {
+      "slug": "drawer",
+      "name": "FuroDrawer",
+      "layer": "organism",
+      "summary": "Edge-anchored panel with a draggable handle.",
+      "import": "import { FuroDrawer } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-drawer.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroDrawerParcel | null",
+          "default": "null",
+          "description": "Reactive behavior object."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "open",
+          "type": "boolean",
+          "default": "—",
+          "description": "Controlled open state. When omitted, the drawer manages its own state."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the trigger."
+        },
+        {
+          "name": "modal",
+          "type": "boolean | 'trap-focus'",
+          "default": "true",
+          "description": "true: overlay + focus trap + scroll lock. 'trap-focus': focus trapped, page interactive. false: fully non-modal."
+        },
+        {
+          "name": "title",
+          "type": "string | null",
+          "default": "null",
+          "description": "Heading text. Provide a title (or the title slot) for accessibility."
+        },
+        {
+          "name": "description",
+          "type": "string | null",
+          "default": "null",
+          "description": "Sub-heading text below the title."
+        },
+        {
+          "name": "closeText",
+          "type": "string",
+          "default": "'Close'",
+          "description": "Accessible label for the built-in close button."
+        },
+        {
+          "name": "closeOnOutsideClick",
+          "type": "boolean",
+          "default": "true",
+          "description": "false ignores overlay / outside-click dismissal."
+        },
+        {
+          "name": "closeOnEscape",
+          "type": "boolean",
+          "default": "true",
+          "description": "false ignores the Escape key."
+        },
+        {
+          "name": "side",
+          "type": "'left' | 'right' | 'top' | 'bottom'",
+          "default": "'right'",
+          "description": "Edge the panel docks to, slides in from, and is swiped toward to dismiss."
+        },
+        {
+          "name": "size",
+          "type": "'sm' | 'default' | 'lg' | 'fullscreen'",
+          "default": "'default'",
+          "description": "Cross-axis extent: width for left/right, height for top/bottom. fullscreen fills the docking axis."
+        },
+        {
+          "name": "snapPoints",
+          "type": "Array<number | string> | null",
+          "default": "null",
+          "description": "Preset resting positions: fractions 0–1, pixels > 1, or '148px'/'30rem' strings."
+        },
+        {
+          "name": "activeSnapPoint",
+          "type": "number | string | null",
+          "default": "null",
+          "description": "Controlled active snap point. When set, the parent owns it (update:activeSnapPoint)."
+        },
+        {
+          "name": "sequentialSnap",
+          "type": "boolean",
+          "default": "false",
+          "description": "true snaps one point at a time; false snaps to the nearest by distance."
+        },
+        {
+          "name": "swipeToOpen",
+          "type": "boolean",
+          "default": "false",
+          "description": "Renders an edge grab strip so the panel can be swiped open from closed."
+        },
+        {
+          "name": "dragHandle",
+          "type": "boolean",
+          "default": "false",
+          "description": "Renders a drag handle (grab indicator) on the docked edge."
+        },
+        {
+          "name": "busy",
+          "type": "boolean",
+          "default": "false",
+          "description": "While true, all dismissal is blocked — use during async work."
+        },
+        {
+          "name": "initialFocus",
+          "type": "string | null",
+          "default": "null",
+          "description": "CSS selector (scoped to the drawer content) of the element to focus on open."
+        }
+      ],
+      "events": [
+        {
+          "name": "update:open",
+          "payload": "boolean",
+          "description": "Open state changed — enables v-model:open."
+        },
+        {
+          "name": "open:change",
+          "payload": "{ open: boolean }",
+          "description": "Open state changed (semantic form)."
+        },
+        {
+          "name": "update:activeSnapPoint",
+          "payload": "number | string | null",
+          "description": "Active snap point changed — enables v-model:activeSnapPoint."
+        },
+        {
+          "name": "snap:change",
+          "payload": "{ snapPoint: number | string | null }",
+          "description": "Active snap point changed (semantic form)."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "scopedProps": "—",
+          "description": "Optional element that opens the drawer (rendered via as-child). Omit when opened via controlled open or swipe-to-open."
+        },
+        {
+          "name": "title",
+          "scopedProps": "—",
+          "description": "Overrides the heading (falls back to parcel.title)."
+        },
+        {
+          "name": "description",
+          "scopedProps": "—",
+          "description": "Overrides the description (falls back to parcel.description)."
+        },
+        {
+          "name": "default",
+          "scopedProps": "{ close }",
+          "description": "Drawer body content. Receives a close() slot prop to dismiss from inside."
+        },
+        {
+          "name": "footer",
+          "scopedProps": "{ close }",
+          "description": "Footer region (e.g. action buttons). Receives a close() slot prop."
+        },
+        {
+          "name": "close",
+          "scopedProps": "—",
+          "description": "Content of the built-in close button (defaults to ✕)."
+        }
+      ],
+      "features": [
+        "Slide-in panel docked to any viewport edge: left, right, top, or bottom.",
+        "Swipe-to-dismiss with momentum, plus optional swipe-to-open from closed.",
+        "Snap points for partially-open resting positions, nearest or sequential.",
+        "Modal, focus-trapped non-modal (side-panel), or fully non-modal modes.",
+        "Controlled or uncontrolled open and active-snap-point state.",
+        "Built-in Title/Description, close button, and Esc handling with a busy lock."
+      ]
+    },
+    {
+      "slug": "tabs",
+      "name": "FuroTabs",
+      "layer": "organism",
+      "summary": "Tab list and panels organism with keyboard navigation.",
+      "import": "import { FuroTabs } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-tabs.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroTabsParcel | null",
+          "default": "null",
+          "description": "Reactive behavior object."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "tabs",
+          "type": "Array<FuroTabsTab>",
+          "default": "[]",
+          "description": "Tab descriptors that drive the trigger row and panel slots."
+        },
+        {
+          "name": "value",
+          "type": "string | null",
+          "default": "—",
+          "description": "Active tab value. The key present means controlled, and null with it means controlled with no tab active; the key absent means the component manages its own active tab, defaulting to the first tab."
+        },
+        {
+          "name": "orientation",
+          "type": "'horizontal' | 'vertical'",
+          "default": "'horizontal'",
+          "description": "Layout direction of the trigger row."
+        },
+        {
+          "name": "variant",
+          "type": "'line' | 'solid'",
+          "default": "'line'",
+          "description": "line is an underlined trigger row with a sliding indicator; solid is a segmented control."
+        },
+        {
+          "name": "scrollable",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, the trigger row scrolls and previous/next navigation buttons appear once it overflows."
+        },
+        {
+          "name": "showPanels",
+          "type": "boolean",
+          "default": "true",
+          "description": "When false, no panels render — the component is a navigation menu only."
+        },
+        {
+          "name": "showIndicator",
+          "type": "boolean",
+          "default": "true",
+          "description": "Renders the animated sliding indicator. Applies to the line variant only."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the whole tab set."
+        },
+        {
+          "name": "scrollPreviousLabel",
+          "type": "string",
+          "default": "'Scroll to previous tabs'",
+          "description": "Accessible name of the scroll-toward-start button. Set it to translate the control."
+        },
+        {
+          "name": "scrollNextLabel",
+          "type": "string",
+          "default": "'Scroll to next tabs'",
+          "description": "Accessible name of the scroll-toward-end button. Set it to translate the control."
+        }
+      ],
+      "events": [
+        {
+          "name": "update:value",
+          "payload": "string",
+          "description": "Active tab changed — enables v-model:value."
+        },
+        {
+          "name": "tab:change",
+          "payload": "{ value: string }",
+          "description": "Active tab changed."
+        }
+      ],
+      "slots": [
+        {
+          "name": "<value> (or <slotName>)",
+          "scopedProps": "—",
+          "description": "Panel content for the matching tab. One slot per tab, keyed by the tab's value (or its slotName override)."
+        },
+        {
+          "name": "label-<value>",
+          "scopedProps": "{ value, label }",
+          "description": "Custom trigger content for the matching tab. When omitted, the trigger shows label."
+        }
+      ],
+      "features": [
+        "Renders a trigger row from a declarative tabs list and a panel per tab via named slots.",
+        "Controlled via parcel.value / v-model:value, or self-managed (defaults to the first tab).",
+        "Two visual variants: an underlined line row with a sliding indicator, and a segmented solid control.",
+        "Horizontal or vertical orientation of the trigger row.",
+        "A scrollable trigger row with auto-disabling previous/next navigation buttons.",
+        "A panel-less menu mode (showPanels false) for router-driven navigation."
+      ]
+    },
+    {
+      "slug": "sidebar",
+      "name": "FuroSidebar",
+      "layer": "organism",
+      "summary": "Application navigation rail with grouped items, nested sub-items, a search entry, and a collapsed form.",
+      "import": "import { FuroSidebar } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-sidebar.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroSidebarParcel | null",
+          "default": "null",
+          "description": "Furo behavior object. The only public prop; HTML attributes pass through to the nav element."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "groups",
+          "type": "Array<FuroSidebarGroup>",
+          "default": "[]",
+          "description": "Runs of navigation items, each with an optional heading."
+        },
+        {
+          "name": "activeKey",
+          "type": "string | null",
+          "default": "—",
+          "description": "The key the application currently shows. The key present means controlled, and null with it means controlled with no row highlighted; the key absent means the rail holds it."
+        },
+        {
+          "name": "expandedKeys",
+          "type": "Array<string> | null",
+          "default": "—",
+          "description": "The keys whose sub-items are revealed. The key present means controlled; the key absent means the rail holds them."
+        },
+        {
+          "name": "collapsed",
+          "type": "boolean",
+          "default": "false",
+          "description": "Narrows the rail to its icon boxes."
+        },
+        {
+          "name": "searchable",
+          "type": "boolean",
+          "default": "false",
+          "description": "Renders the search entry above the groups."
+        },
+        {
+          "name": "searchValue",
+          "type": "string | null",
+          "default": "null",
+          "description": "The text the search entry holds."
+        },
+        {
+          "name": "searchPlaceholder",
+          "type": "string | null",
+          "default": "null",
+          "description": "Placeholder of the search entry."
+        },
+        {
+          "name": "searchLabel",
+          "type": "string",
+          "default": "'Search'",
+          "description": "Accessible name of the search entry."
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "default": "'Sidebar'",
+          "description": "Accessible name of the navigation landmark."
+        }
+      ],
+      "events": [
+        {
+          "name": "navigate",
+          "payload": "{ key, parentKey }",
+          "description": "Fires when an item without sub-items, or a sub-item, is chosen. parentKey names the item a sub-item sits under."
+        },
+        {
+          "name": "update:activeKey",
+          "payload": "string",
+          "description": "Rides alongside navigate, which is what makes v-model:active-key work."
+        },
+        {
+          "name": "expand-change",
+          "payload": "{ key, expanded }",
+          "description": "Fires when a disclosure opens or closes."
+        },
+        {
+          "name": "update:expandedKeys",
+          "payload": "Array<string>",
+          "description": "Rides alongside expand-change, which is what makes v-model:expanded-keys work."
+        },
+        {
+          "name": "search-change",
+          "payload": "SidebarSearchPayload",
+          "description": "Fires on every keystroke in the search entry."
+        },
+        {
+          "name": "search-commit",
+          "payload": "SidebarSearchPayload",
+          "description": "Fires on blur and on Enter in the search entry."
+        },
+        {
+          "name": "update:searchValue",
+          "payload": "string | null",
+          "description": "Rides alongside both search events, which is what makes v-model:search-value work."
+        }
+      ],
+      "slots": [
+        {
+          "name": "header",
+          "scopedProps": "—",
+          "description": "Content above the search entry, for a product mark or an account switcher."
+        },
+        {
+          "name": "search",
+          "scopedProps": "—",
+          "description": "Replaces the default search control while keeping its place in the rail."
+        },
+        {
+          "name": "item",
+          "scopedProps": "{ entry, active, expanded, collapsed }",
+          "description": "Replaces the default primary button, which is where a router link goes."
+        },
+        {
+          "name": "sub-item",
+          "scopedProps": "{ entry, parent, active }",
+          "description": "Replaces the default nested button."
+        },
+        {
+          "name": "footer",
+          "scopedProps": "—",
+          "description": "Content below the groups, for a sign-out row or a version line."
+        }
+      ],
+      "features": [
+        "Public SFC prop is parcel only; every other HTML attribute lands on the nav element.",
+        "Items arrive as data, so the component knows nothing about what they mean.",
+        "Groups carry an optional heading, which is how the design separates one run of items from the next.",
+        "An item that declares items of its own becomes a disclosure and reveals them in place.",
+        "Setting searchable renders FuroSearchField at the top rather than a second search control.",
+        "Setting collapsed narrows the rail to its icon boxes and drops labels, headings, sub-items and the search entry.",
+        "activeKey and expandedKeys are controlled when supplied and internal when not, like FuroTabs.",
+        "The item and sub-item slots replace the default buttons, which is where a router link goes."
+      ]
+    },
+    {
+      "slug": "stepper",
+      "name": "FuroStepper",
+      "layer": "organism",
+      "summary": "Multi-step progress organism for form sequences.",
+      "import": "import { FuroStepper } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-stepper.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "FuroStepperParcel | null",
+          "default": "null",
+          "description": "Reactive behavior object."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "steps",
+          "type": "Array<FuroStepperStep>",
+          "default": "[]",
+          "description": "Step descriptors that drive the rail and panel slots."
+        },
+        {
+          "name": "value",
+          "type": "number | null",
+          "default": "—",
+          "description": "Active step (1-based). The key present means controlled, and null with it means controlled with no step active; the key absent means the component manages its own active step, defaulting to the first step."
+        },
+        {
+          "name": "orientation",
+          "type": "'horizontal' | 'vertical'",
+          "default": "'horizontal'",
+          "description": "Layout direction of the step rail."
+        },
+        {
+          "name": "linear",
+          "type": "boolean",
+          "default": "false",
+          "description": "When true, steps must be completed in order — forward jumps are blocked."
+        },
+        {
+          "name": "showPanels",
+          "type": "boolean",
+          "default": "true",
+          "description": "When false, no panels render — the component is an indicator strip only."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disables the whole stepper."
+        }
+      ],
+      "events": [
+        {
+          "name": "update:value",
+          "payload": "number",
+          "description": "Active step changed — enables v-model:value."
+        },
+        {
+          "name": "step:change",
+          "payload": "{ value: number }",
+          "description": "Active step changed."
+        }
+      ],
+      "slots": [
+        {
+          "name": "<value> (or <slotName>)",
+          "scopedProps": "{ value, step }",
+          "description": "Panel content for the matching step. One slot per step, keyed by the step's value (or its slotName override)."
+        },
+        {
+          "name": "indicator-<value>",
+          "scopedProps": "{ step, value, completed }",
+          "description": "Custom indicator content. When omitted, shows a check icon when completed, else the step number."
+        },
+        {
+          "name": "title-<value>",
+          "scopedProps": "{ value }",
+          "description": "Custom title content. When omitted, the title shows title."
+        }
+      ],
+      "features": [
+        "Renders a step rail from a declarative steps list and an optional panel per step via named slots.",
+        "Controlled via parcel.value / v-model:value (1-based), or self-managed (defaults to the first step).",
+        "Horizontal or vertical orientation of the step rail.",
+        "A linear mode that blocks forward jumps until earlier steps are completed.",
+        "An indicator-strip mode (showPanels false) that drives an external form region.",
+        "Per-step indicator and title slots for fully custom rail content."
+      ]
+    },
+    {
+      "slug": "editor",
+      "name": "FuroEditor",
+      "layer": "organism",
+      "summary": "Rich-text editor organism with a configurable toolbar.",
+      "import": "import { FuroEditor } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-editor.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "object | null",
+          "default": "null",
+          "description": "Configuration and state."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "value",
+          "type": "string",
+          "default": "''",
+          "description": "HTML content. Controlled — pair with update:value."
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "''",
+          "description": "Empty-state placeholder."
+        },
+        {
+          "name": "readOnly",
+          "type": "boolean",
+          "default": "false",
+          "description": "Hides the toolbar and makes content non-editable (keeps the bordered surface)."
+        },
+        {
+          "name": "appearance",
+          "type": "'editor' | 'plain'",
+          "default": "'editor'",
+          "description": "'plain' renders content as bare text — no toolbar, border, background, or padding."
+        },
+        {
+          "name": "autofocus",
+          "type": "boolean | 'start' | 'end' | 'all' | number",
+          "default": "false",
+          "description": "Where the caret lands when the editor is created. Read once, at creation."
+        },
+        {
+          "name": "contentAttributes",
+          "type": "Record<string, string>",
+          "default": "{}",
+          "description": "Attributes set on the writing area, for example aria-label. Read once, at creation."
+        },
+        {
+          "name": "toolbar",
+          "type": "Array<Array<string>>",
+          "default": "default",
+          "description": "Toolbar layout as groups of action names; separators sit between groups."
+        },
+        {
+          "name": "attachedFiles",
+          "type": "Array<*>",
+          "default": "[]",
+          "description": "Attachment records held for the consumer; shape is the consumer's own."
+        },
+        {
+          "name": "labels",
+          "type": "object",
+          "default": "built-in",
+          "description": "Partial overrides for toolbar tooltips and dialog text."
+        },
+        {
+          "name": "mention",
+          "type": "{ searchMentions }",
+          "default": "absent",
+          "description": "Enables @-mentions when present. searchMentions is ({ query }) => Promise<Array<{ id, label }>>."
+        },
+        {
+          "name": "image",
+          "type": "{ uploadImage }",
+          "default": "absent",
+          "description": "Enables inline images when present. uploadImage is ({ file }) => Promise<{ src, alt? }>."
+        },
+        {
+          "name": "actionOverrides",
+          "type": "Record<string, fn>",
+          "default": "{}",
+          "description": "Override the click behavior of a built-in control by name."
+        }
+      ],
+      "events": [
+        {
+          "name": "update:value",
+          "payload": "string (HTML)",
+          "description": "Content changed (v-model:value)."
+        },
+        {
+          "name": "change-value",
+          "payload": "{ value }",
+          "description": "Content changed."
+        },
+        {
+          "name": "commit-value",
+          "payload": "{ value }",
+          "description": "Editor blurred."
+        },
+        {
+          "name": "update:attachedFiles",
+          "payload": "Array<*>",
+          "description": "Attachment list changed (e.g. a removal)."
+        },
+        {
+          "name": "mention:add",
+          "payload": "{ id, label }",
+          "description": "A mention was inserted."
+        },
+        {
+          "name": "files:add",
+          "payload": "{ files }",
+          "description": "Files were dropped or pasted that the editor does not insert itself."
+        },
+        {
+          "name": "image:error",
+          "payload": "{ file, error }",
+          "description": "An inline-image upload was refused; the rest of the batch continues."
+        }
+      ],
+      "slots": [
+        {
+          "name": "toolbar-start",
+          "scopedProps": "{ command, editor }",
+          "description": "Custom controls prepended to the toolbar."
+        },
+        {
+          "name": "toolbar-end",
+          "scopedProps": "{ command, editor }",
+          "description": "Custom controls appended to the toolbar."
+        },
+        {
+          "name": "attachments",
+          "scopedProps": "{ attachedFiles, remove, isEditable }",
+          "description": "Render the attachment UI. remove is ({ index }) => void."
+        },
+        {
+          "name": "footer",
+          "scopedProps": "—",
+          "description": "Content rendered below the editor (e.g. submit row)."
+        }
+      ],
+      "features": [
+        "Chatter-style rich-text composition with formatting, links, lists, and blockquote.",
+        "Controlled HTML value paired with update:value, plus change-value and commit-value events.",
+        "Layered paste handling: plain-text normalization, HTML sanitization, and Markdown auto-convert.",
+        "Declarative toolbar layout as groups of action names, with separators between groups.",
+        "Mention and inline-image seams enabled by supplying consumer-owned adapters.",
+        "Dropped and pasted files the editor does not embed reach the consumer through files:add.",
+        "Custom-action seams via toolbar-start / toolbar-end slots and parcel.actionOverrides."
+      ]
+    },
+    {
+      "slug": "toast",
+      "name": "FuroToast",
+      "layer": "organism",
+      "summary": "Single toast notification organism.",
+      "import": "import { FuroToast } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-toast.md",
+      "props": [
+        {
+          "name": "parcel",
+          "type": "ToastParcel | null",
+          "default": "null",
+          "description": "Reactive behavior object."
+        }
+      ],
+      "parcel": [
+        {
+          "name": "toasts",
+          "type": "Array<ToastEntry>",
+          "default": "[]",
+          "description": "The queue, owned by the parent. Render order follows the array; remove an entry on dismiss."
+        },
+        {
+          "name": "position",
+          "type": "'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'",
+          "default": "'bottom-right'",
+          "description": "Viewport placement."
+        },
+        {
+          "name": "durationInMilliseconds",
+          "type": "number",
+          "default": "4000",
+          "description": "Default auto-dismiss in ms. Per-toast durationInMilliseconds overrides it."
+        },
+        {
+          "name": "swipeDirection",
+          "type": "'right' | 'left' | 'up' | 'down'",
+          "default": "derived from position",
+          "description": "Swipe-to-dismiss direction. When unset, it follows the position."
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "default": "'Notifications'",
+          "description": "Accessible label for the region."
+        },
+        {
+          "name": "hotkey",
+          "type": "Array<string> | null",
+          "default": "null",
+          "description": "Keyboard shortcut to focus the viewport (e.g. ['F8'])."
+        },
+        {
+          "name": "maxVisible",
+          "type": "number",
+          "default": "3",
+          "description": "Caps how many toasts render at once (the most recent). The rest stay queued."
+        }
+      ],
+      "events": [
+        {
+          "name": "dismiss",
+          "payload": "{ key }",
+          "description": "A toast closed (timeout, swipe, or close button). Remove it from your array."
+        },
+        {
+          "name": "action",
+          "payload": "{ key }",
+          "description": "The action button was clicked. The toast also dismisses afterward."
+        }
+      ],
+      "slots": [
+        {
+          "name": "title",
+          "scopedProps": "{ toast }",
+          "description": "Overrides a toast's title region (falls back to toast.title)."
+        },
+        {
+          "name": "description",
+          "scopedProps": "{ toast }",
+          "description": "Overrides a toast's description region (falls back to toast.description)."
+        }
+      ],
+      "features": [
+        "Controlled notification stack — the parent owns the queue via parcel.toasts.",
+        "Registry-free with no internal queue; emits dismiss / action by key for the parent to update its array.",
+        "Six viewport positions with derived swipe-to-dismiss direction.",
+        "Five toast types, including a held-open loading type for the promise pattern.",
+        "A collapsed stack that expands on hover or focus.",
+        "Direction-aware enter/exit motion and per-toast or default auto-dismiss durations."
+      ]
+    },
+    {
+      "slug": "toaster",
+      "name": "FuroToaster",
+      "layer": "organism",
+      "summary": "Imperative toast() host that stacks and dismisses notifications.",
+      "import": "import { FuroToaster, toast } from '@openreachtech/furo-vue'",
+      "docs": "docs/furo-toast.md",
+      "props": [
+        {
+          "name": "—",
+          "type": "—",
+          "default": "—",
+          "description": "FuroToaster takes no props; configure it through toast.configure()."
+        }
+      ],
+      "parcel": [],
+      "events": [],
+      "slots": [],
+      "features": [
+        "Imperative global toast host mounted once in the app layout.",
+        "An opt-in layer on top of the controlled FuroToast — the organism stays registry-free.",
+        "A ToastQueue singleton bridges function handlers to the parcel.",
+        "toast.show returns a key; toast.update merges fields for the loading-to-success pattern.",
+        "actions[].onClick handlers are held in the queue (not serialized) and routed back on action.",
+        "toast.configure sets viewport defaults like position, duration, and richColors."
+      ]
+    }
+  ]
+}