{
  "_meta": {
    "generated": "2026-05-27T10:48:46.728Z",
    "generator": "operations/scripts/generate-component-registry.js",
    "componentCount": 136
  },
  "categories": {
    "elements": {
      "count": 32,
      "purpose": "Smallest visual atoms — no children, no fetching, no arrangement"
    },
    "wrappers": {
      "count": 10,
      "purpose": "Holds, groups, or spatially arranges other components"
    },
    "displays": {
      "count": 49,
      "purpose": "Renders authored content into a specific visual format"
    },
    "scaffolding": {
      "count": 21,
      "purpose": "One-per-page structural skeleton — heroes, portals, frame-mode"
    },
    "integrators": {
      "count": 23,
      "purpose": "Fetches, embeds, or binds to external/third-party data"
    },
    "config": {
      "count": 1,
      "purpose": "Non-component config objects"
    }
  },
  "components": [
    {
      "name": "MermaidColours",
      "file": "snippets/components/config/MermaidColours.jsx",
      "category": "config",
      "status": "stable",
      "description": "Theme colour definitions for Mermaid diagrams (light/dark/CSS variable mappings).",
      "subniche": "config",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [],
      "examples": []
    },
    {
      "name": "AccordionGroupList",
      "file": "snippets/components/displays/accordions/Accordions.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Generates N numbered accordion sections inside an AccordionGroup.",
      "subniche": "accordions",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "num",
          "type": "number",
          "required": false,
          "defaultValue": "1",
          "description": "Number of placeholder accordion sections to render."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "AccordionLayout",
      "file": "snippets/components/displays/accordions/Accordions.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Vertical stack layout with small gap, designed for accordion content sections.",
      "subniche": "accordions",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "BasicList",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "planned",
      "description": "Planned list component — not yet implemented.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "listItems",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "list Items prop."
        }
      ],
      "examples": []
    },
    {
      "name": "CardCarousel",
      "file": "snippets/components/displays/grids/Grids.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Paginated horizontal carousel with prev/next navigation and dot indicators.",
      "subniche": "grids",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "visibleCount",
          "type": "number",
          "required": false,
          "defaultValue": "3",
          "description": "Visible count used by the component."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-6)\"",
          "description": "Gap used by the component."
        },
        {
          "name": "showDots",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "Boolean flag that controls component behaviour."
        },
        {
          "name": "style",
          "type": "object",
          "required": true,
          "defaultValue": "",
          "description": "Style used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": []
    },
    {
      "name": "CardVideo",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "stable",
      "description": "YouTube embed inside a Card wrapper with aspect-ratio iframe.",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "embedUrl",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "embed Url prop."
        },
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "style",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "CodeComponent",
      "file": "snippets/components/displays/code/Code.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Simple code block with title and language syntax highlighting.",
      "subniche": "code",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "filename",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "filename prop."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"terminal\"",
          "description": "icon prop."
        },
        {
          "name": "language",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "language prop."
        },
        {
          "name": "highlight",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "highlight prop."
        },
        {
          "name": "expandable",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "expandable prop."
        },
        {
          "name": "wrap",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "wrap prop."
        },
        {
          "name": "lines",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "lines prop."
        },
        {
          "name": "codeString",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "code String prop."
        },
        {
          "name": "placeholderValue",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "placeholder Value prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "CodeSection",
      "file": "snippets/components/displays/code/Code.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Expandable code section with title header.",
      "subniche": "code",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "fields",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "fields prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "ComplexCodeBlock",
      "file": "snippets/components/displays/code/Code.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Code block with both pre-note and post-note sections.",
      "subniche": "code",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "filename",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "filename prop."
        },
        {
          "name": "icon",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon prop."
        },
        {
          "name": "language",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "language prop."
        },
        {
          "name": "highlight",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "highlight prop."
        },
        {
          "name": "codeString",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "code String prop."
        },
        {
          "name": "placeholderValue",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "placeholder Value prop."
        },
        {
          "name": "wrap",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "wrap prop."
        },
        {
          "name": "lines",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "lines prop."
        },
        {
          "name": "preNote",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "pre Note prop."
        },
        {
          "name": "postNote",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "post Note prop."
        }
      ],
      "examples": []
    },
    {
      "name": "CustomCodeBlock",
      "file": "snippets/components/displays/code/Code.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Code block with optional pre/post notes and expandable wrapper.",
      "subniche": "code",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "filename",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "filename prop."
        },
        {
          "name": "icon",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon prop."
        },
        {
          "name": "language",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "language prop."
        },
        {
          "name": "highlight",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "highlight prop."
        },
        {
          "name": "codeString",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "code String prop."
        },
        {
          "name": "placeholderValue",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "placeholder Value prop."
        },
        {
          "name": "wrap",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "wrap prop."
        },
        {
          "name": "lines",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "lines prop."
        },
        {
          "name": "preNote",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "pre Note prop."
        },
        {
          "name": "postNote",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "post Note prop."
        },
        {
          "name": "output",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "output prop."
        }
      ],
      "examples": []
    },
    {
      "name": "CustomResponseField",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Custom-styled API response field with configurable margin.",
      "subniche": "response-fields",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "description",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Primary content rendered by the component."
        },
        {
          "name": "props",
          "type": "object",
          "required": false,
          "defaultValue": "",
          "description": "Additional props forwarded to ResponseField."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "DisplayCard",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Card with icon, custom title row, and body content.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Icon configuration used by the component."
        },
        {
          "name": "title",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Title text rendered by the component."
        },
        {
          "name": "style",
          "type": "object",
          "required": true,
          "defaultValue": "",
          "description": "Style used by the component."
        },
        {
          "name": "background",
          "type": "string",
          "required": false,
          "defaultValue": "'var(--lp-color-bg-card)'",
          "description": "Background used by the component."
        },
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": []
    },
    {
      "name": "DynamicTable",
      "file": "snippets/components/displays/tables/Tables.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Renders structured data as a scrollable table with section separators and accessible region.",
      "subniche": "tables",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use DynamicTableV2 for new tables that need measured fit-content columns and fluid column tracks.",
      "see": "",
      "params": [
        {
          "name": "tableTitle",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "table Title prop."
        },
        {
          "name": "headerList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - header List prop."
        },
        {
          "name": "itemsList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items List prop."
        },
        {
          "name": "monospaceColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - monospace Columns prop."
        },
        {
          "name": "contentFitColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column names that should size to their contents."
        },
        {
          "name": "margin",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "margin prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "DynamicTableV2",
      "file": "snippets/components/displays/tables/Tables.jsx",
      "category": "displays",
      "status": "experimental",
      "description": "Renders structured data as a scrollable table with separator rows and intrinsic-width support for fit-to-content columns.",
      "subniche": "tables",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "tableTitle",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "table Title prop."
        },
        {
          "name": "headerList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - header List prop."
        },
        {
          "name": "itemsList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items List prop."
        },
        {
          "name": "monospaceColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - monospace Columns prop."
        },
        {
          "name": "columnWidths",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Preferred minimum widths keyed by header."
        },
        {
          "name": "columnConfig",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Per-column layout flags keyed by header."
        },
        {
          "name": "margin",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "margin prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "FrameQuote",
      "file": "snippets/components/displays/quotes/Quote.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Framed blockquote with optional author, source link, and image.",
      "subniche": "quotes",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "author",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "author prop."
        },
        {
          "name": "source",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "source prop."
        },
        {
          "name": "href",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "href prop."
        },
        {
          "name": "frame",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "frame prop."
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "'right'",
          "description": "align prop."
        },
        {
          "name": "borderColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "border Color prop."
        },
        {
          "name": "img",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "img prop."
        },
        {
          "name": "spacing",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "spacing prop."
        },
        {
          "name": "props",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "props prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "FunctionField",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Solidity function signature field with typed parameter pairs and optional return type.",
      "subniche": "response-fields",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "name",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Function name."
        },
        {
          "name": "params",
          "type": "string[]",
          "required": false,
          "defaultValue": "[",
          "description": "] - Parameter strings in \"type name\" format (e.g. \"bytes32 _id\")."
        },
        {
          "name": "returns",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Return type (e.g. \"address\", \"uint256\")."
        },
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Description of the function."
        },
        {
          "name": "line",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "Show bottom border."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": []
    },
    {
      "name": "IconList",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "planned",
      "description": "Planned icon list component — not yet implemented.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "listItems",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "list Items prop."
        }
      ],
      "examples": []
    },
    {
      "name": "InlineImageCard",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Card with inline image alongside content, using negative margin breakout.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "imgProps",
          "type": "object",
          "required": true,
          "defaultValue": "",
          "description": "Img props used by the component."
        },
        {
          "name": "imgStyle",
          "type": "object",
          "required": true,
          "defaultValue": "",
          "description": "Img style used by the component."
        },
        {
          "name": "cardProps",
          "type": "object",
          "required": true,
          "defaultValue": "",
          "description": "Card props used by the component."
        },
        {
          "name": "style",
          "type": "object",
          "required": true,
          "defaultValue": "",
          "description": "Style used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": []
    },
    {
      "name": "InteractiveCard",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Single interactive card with hover effects.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "mediaSrc",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "media Src prop."
        },
        {
          "name": "logo",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "logo prop."
        },
        {
          "name": "title",
          "type": "string",
          "required": false,
          "defaultValue": "\"Untitled project\"",
          "description": "title prop."
        },
        {
          "name": "subtitle",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "subtitle prop."
        },
        {
          "name": "description",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "description prop."
        },
        {
          "name": "href",
          "type": "string",
          "required": false,
          "defaultValue": "\"#\"",
          "description": "href prop."
        },
        {
          "name": "categoryTags",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - category Tags prop."
        },
        {
          "name": "productTags",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - product Tags prop."
        },
        {
          "name": "links",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - links prop."
        },
        {
          "name": "style",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "cardProps",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "card Props prop."
        }
      ],
      "examples": []
    },
    {
      "name": "InteractiveCards",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Multi-column layout of interactive cards.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "LinkedInEmbed",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "stable",
      "description": "LinkedIn post embed via responsive iframe with compact layout.",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "embedUrl",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "embed Url prop."
        },
        {
          "name": "title",
          "type": "string",
          "required": false,
          "defaultValue": "\"Embedded post\"",
          "description": "title prop."
        },
        {
          "name": "hint",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "hint prop."
        },
        {
          "name": "caption",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "caption prop."
        },
        {
          "name": "height",
          "type": "string",
          "required": false,
          "defaultValue": "\"399\"",
          "description": "height prop."
        }
      ],
      "examples": []
    },
    {
      "name": "ListSteps",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Renders an array of step items inside Mintlify Steps component.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "listItems",
          "type": "Array",
          "required": true,
          "defaultValue": "",
          "description": "Collection data rendered by the component."
        },
        {
          "name": "stepsConfig",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Steps config used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "QuadGrid",
      "file": "snippets/components/displays/grids/Grids.jsx",
      "category": "displays",
      "status": "stable",
      "description": "2x2 grid with centred rotating icon overlay. Respects prefers-reduced-motion.",
      "subniche": "grids",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"arrows-spin\"",
          "description": "Icon configuration used by the component."
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "50",
          "description": "Icon configuration used by the component."
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-color-accent)\"",
          "description": "Icon configuration used by the component."
        },
        {
          "name": "iconBackgroundColor",
          "type": "string",
          "required": false,
          "defaultValue": "\"transparent\"",
          "description": "Background colour for the centred icon wrapper."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Optional gap between grid cells."
        },
        {
          "name": "spinDuration",
          "type": "string",
          "required": false,
          "defaultValue": "\"10s\"",
          "description": "Spin duration used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "Quote",
      "file": "snippets/components/displays/quotes/Quote.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Styled blockquote with accent border and centred italic text.",
      "subniche": "quotes",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "ResponseFieldAccordion",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "status": "deprecated",
      "description": "Accordion-style response field with collapsible detail section.",
      "subniche": "response-fields",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use ResponseFieldGroup with component=\"accordion\" instead.",
      "see": "ResponseFieldGroup",
      "params": [
        {
          "name": "fields",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Fields used by the component."
        },
        {
          "name": "props",
          "type": "object",
          "required": false,
          "defaultValue": "",
          "description": "Additional props forwarded to Accordion."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "ResponseFieldExpandable",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "status": "deprecated",
      "description": "Expandable response field that reveals nested content on click.",
      "subniche": "response-fields",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use ResponseFieldGroup with component=\"expandable\" instead.",
      "see": "ResponseFieldGroup",
      "params": [
        {
          "name": "fields",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Fields used by the component."
        },
        {
          "name": "props",
          "type": "object",
          "required": false,
          "defaultValue": "",
          "description": "Additional props forwarded to Expandable."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "ResponseFieldGroup",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Container for grouping multiple response fields with consistent spacing.",
      "subniche": "response-fields",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "component",
          "type": "string",
          "required": false,
          "defaultValue": "\"accordion\"",
          "description": "Component used by the component."
        },
        {
          "name": "fields",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Fields used by the component."
        },
        {
          "name": "props",
          "type": "object",
          "required": false,
          "defaultValue": "",
          "description": "Additional props forwarded to the selected wrapper component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "ScrollableDiagram",
      "file": "snippets/components/displays/diagrams/ScrollableDiagram.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Pannable diagram container with deterministic preset zoom controls rendered without client-side React state.",
      "subniche": "diagrams",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "title",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Title text rendered by the component."
        },
        {
          "name": "maxHeight",
          "type": "string",
          "required": false,
          "defaultValue": "\"500px\"",
          "description": "Max height used by the component."
        },
        {
          "name": "minWidth",
          "type": "string",
          "required": false,
          "defaultValue": "\"100%\"",
          "description": "Min width used by the component."
        },
        {
          "name": "showControls",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "When true, renders preset zoom controls."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "SearchTable",
      "file": "snippets/components/displays/tables/Tables.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Generic filterable table wrapper with search input, category dropdown(s), and optional separators.",
      "subniche": "tables",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "props-extracted",
      "deprecated": "Use SearchTableV2 for new tables that need content-driven sizing and composable column behaviour.",
      "see": "",
      "params": [
        {
          "name": "TableComponent",
          "type": "Function",
          "required": false,
          "defaultValue": "null",
          "description": "Table renderer component (e.g. DynamicTable)."
        },
        {
          "name": "tableTitle",
          "type": "React.ReactNode",
          "required": false,
          "defaultValue": "null",
          "description": "Table title."
        },
        {
          "name": "headerList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column header names."
        },
        {
          "name": "itemsList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Row data objects. Cell values can be strings or JSX."
        },
        {
          "name": "monospaceColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column indices to render in monospace."
        },
        {
          "name": "margin",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Margin passed to TableComponent."
        },
        {
          "name": "searchPlaceholder",
          "type": "string",
          "required": false,
          "defaultValue": "'Search...'",
          "description": "Placeholder text for the search input."
        },
        {
          "name": "searchColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column names to search against. Defaults to all headers."
        },
        {
          "name": "categoryColumn",
          "type": "string",
          "required": false,
          "defaultValue": "'Category'",
          "description": "Field name the first dropdown filters on."
        },
        {
          "name": "filterColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Additional column names that get dropdown filters. Each scoped by selections above it."
        },
        {
          "name": "columnWidths",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Column width overrides keyed by header name. Passed to TableComponent."
        },
        {
          "name": "contentFitColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column names that should size to their contents when supported by TableComponent."
        },
        {
          "name": "columnVariant",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Column display variants keyed by header name. Supported: \"bold\", \"badge\", \"textIcon\", \"addressWrapper\"."
        },
        {
          "name": "categoryBadges",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Array of {color, label} for \"badge\" variant rendering. Matched by label (case-insensitive)."
        },
        {
          "name": "textIcons",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Array of {label, icon} for \"textIcon\" variant rendering. Icon is JSX rendered inline before the label text."
        },
        {
          "name": "showSeparators",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "When true, inserts category separator rows. Labels are uppercased."
        },
        {
          "name": "separatorColumn",
          "type": "string",
          "required": false,
          "defaultValue": "null",
          "description": "Override which column drives separators. Default: categoryColumn."
        },
        {
          "name": "boldFirstColumn",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "Auto-wraps first column in <strong> if value is a plain string."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "SearchTableV2",
      "file": "snippets/components/displays/tables/Tables.jsx",
      "category": "displays",
      "status": "experimental",
      "description": "Generic filterable table wrapper with intrinsic-width sizing for badge, icon, and primary text columns.",
      "subniche": "tables",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "props-extracted",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "TableComponent",
          "type": "Function",
          "required": false,
          "defaultValue": "null",
          "description": "Table renderer component (e.g. DynamicTableV2)."
        },
        {
          "name": "tableTitle",
          "type": "React.ReactNode",
          "required": false,
          "defaultValue": "null",
          "description": "Table title."
        },
        {
          "name": "headerList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column header names."
        },
        {
          "name": "itemsList",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Row data objects. Cell values can be strings or JSX."
        },
        {
          "name": "monospaceColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column indices to render in monospace."
        },
        {
          "name": "margin",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Margin passed to TableComponent."
        },
        {
          "name": "searchPlaceholder",
          "type": "string",
          "required": false,
          "defaultValue": "'Search...'",
          "description": "Placeholder text for the search input."
        },
        {
          "name": "searchColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Column names to search against. Defaults to all headers."
        },
        {
          "name": "categoryColumn",
          "type": "string",
          "required": false,
          "defaultValue": "'Category'",
          "description": "Field name the first dropdown filters on."
        },
        {
          "name": "filterColumns",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Additional column names that get dropdown filters. Each scoped by selections above it."
        },
        {
          "name": "columnWidths",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Column width overrides keyed by header name. Passed to TableComponent."
        },
        {
          "name": "columnConfig",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional column sizing overrides merged with V2 defaults."
        },
        {
          "name": "columnVariant",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Column display variants keyed by header name. Supported: \"bold\", \"badge\", \"textIcon\", \"addressWrapper\"."
        },
        {
          "name": "categoryBadges",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Array of {color, label} for \"badge\" variant rendering. Matched by label (case-insensitive)."
        },
        {
          "name": "textIcons",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Array of {label, icon} for \"textIcon\" variant rendering."
        },
        {
          "name": "showSeparators",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "When true, inserts category separator rows. Labels are uppercased."
        },
        {
          "name": "separatorColumn",
          "type": "string",
          "required": false,
          "defaultValue": "null",
          "description": "Override which column drives separators. Default: categoryColumn."
        },
        {
          "name": "boldFirstColumn",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "Auto-wraps first column in <strong> if value is a plain string."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "ShowcaseCards",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Paginated card layout with search, category, and product filtering.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "limit prop."
        },
        {
          "name": "pageSize",
          "type": "number",
          "required": false,
          "defaultValue": "10",
          "description": "page Size prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "ShowcaseVideo",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "deprecated",
      "description": "Full-width video with negative-margin breakout and rounded frame.",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use TitledVideo with variant=\"showcase\" instead.",
      "see": "TitledVideo",
      "params": [
        {
          "name": "src",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "src prop."
        },
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "subtitle",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "subtitle prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "SolutionCard",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Card body for Solutions Portal product cards. Accepts pre-rendered JSX slots for badges, infra tags, and social links. ScrollBox is passed as a component prop for blurb rendering.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "high",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "badges",
          "type": "ReactNode",
          "required": false,
          "defaultValue": "",
          "description": "Pre-rendered <BadgeWrapper badges={...} />"
        },
        {
          "name": "logoSrc",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Path to the product logo image."
        },
        {
          "name": "logoAlt",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Alt text for the logo image."
        },
        {
          "name": "subtitle",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Bold italic one-line product subtitle."
        },
        {
          "name": "infraTags",
          "type": "ReactNode",
          "required": false,
          "defaultValue": "",
          "description": "Pre-rendered <IconBadgeWrapper items={...} iconColor=\"var(--lp-color-accent)\" size={12} />"
        },
        {
          "name": "blurb",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Product description text. Rendered inside ScrollBox."
        },
        {
          "name": "ScrollBox",
          "type": "Component",
          "required": false,
          "defaultValue": "",
          "description": "ScrollBox component reference, passed from parent MDX."
        },
        {
          "name": "logoHeight",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Override logo container height (default '60px')."
        },
        {
          "name": "socialLinks",
          "type": "ReactNode",
          "required": false,
          "defaultValue": "",
          "description": "Pre-rendered <SocialLinks links={...} />"
        }
      ],
      "examples": [
        "import { BadgeWrapper, IconBadgeWrapper } from '/snippets/components/wrappers/badges/Badges.jsx'\nimport { ScrollBox } from '/snippets/components/wrappers/containers/Layout.jsx'\nimport { SocialLinks } from '/snippets/components/elements/links/Links.jsx'\n\n<SolutionCard\n  badges={<BadgeWrapper badges={daydreamBadges} />}\n  logoSrc=\"/snippets/assets/logos/products/daydream-logo-dark.svg\"\n  logoAlt=\"Daydream Logo\"\n  subtitle=\"Open-Source Toolkit For World Models and Real-time AI Video\"\n  infraTags={<IconBadgeWrapper items={daydreamInfra} iconColor=\"var(--lp-color-accent)\" size={12} />}\n  blurb=\"Description here.\"\n  ScrollBox={ScrollBox}\n  socialLinks={<SocialLinks links={daydreamSocials} justify=\"center\" style={{ marginTop: \"var(--lp-spacing-4)\", marginBottom: '-1rem' }} />}\n/>"
      ]
    },
    {
      "name": "SolutionItem",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Renders a solution entry with link, icon badges, and description. Designed for solution listing pages.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "props-extracted",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "link",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Link element (e.g. <LinkArrow />), rendered as the heading"
        },
        {
          "name": "iconWrapper",
          "type": "React.ReactNode",
          "required": false,
          "defaultValue": "null",
          "description": "Icon badges element (e.g. <IconBadgeWrapper />)"
        },
        {
          "name": "description",
          "type": "React.ReactNode",
          "required": false,
          "defaultValue": "null",
          "description": "Description text or element"
        },
        {
          "name": "divider",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "Show bottom border divider"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name"
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides"
        }
      ],
      "examples": [
        "<SolutionItem\n  link={<LinkArrow href=\"https://daydream.live\" label=\"Daydream\" />}\n  iconWrapper={<IconBadgeWrapper items={daydreamInfra} iconColor=\"var(--lp-color-accent)\" size={12} />}\n  description=\"Real-time AI video, world models\"\n  divider={true}\n/>"
      ]
    },
    {
      "name": "StepLinkList",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Renders listItems as Mintlify Steps with GotoLink navigation.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "listItems",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "list Items prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "StepList",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Renders listItems as Mintlify Steps with title, icon, and content.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "listItems",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "list Items prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "StyledStep",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Single step with configurable icon, size, and per-step colour overrides. When iconColor or titleColor is set, injects a scoped CSS override that takes precedence over the parent StyledSteps colours for this step only. When neither is set, behaves identically to a plain Step pass-through.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "icon",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon prop."
        },
        {
          "name": "titleSize",
          "type": "string",
          "required": false,
          "defaultValue": "\"h3\"",
          "description": "title Size prop."
        },
        {
          "name": "iconColor",
          "type": "string|null",
          "required": false,
          "defaultValue": "null",
          "description": "Per-step icon background colour override."
        },
        {
          "name": "titleColor",
          "type": "string|null",
          "required": false,
          "defaultValue": "null",
          "description": "Per-step title text colour override."
        },
        {
          "name": "divider",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "Show a divider line after the step content."
        },
        {
          "name": "dividerMargin",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.5rem 0\"",
          "description": "Margin for the trailing divider."
        },
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "StyledSteps",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Wrapper around Mintlify Steps with custom icon styling via injected CSS.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "iconColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon Color prop."
        },
        {
          "name": "titleColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title Color prop."
        },
        {
          "name": "lineColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "line Color prop."
        },
        {
          "name": "iconSize",
          "type": "string",
          "required": false,
          "defaultValue": "\"24px\"",
          "description": "icon Size prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "StyledTable",
      "file": "snippets/components/displays/tables/Tables.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Full-width table with header row styling and rounded container.",
      "subniche": "tables",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "variant",
          "type": "string",
          "required": false,
          "defaultValue": "\"default\"",
          "description": "variant prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "TableCell",
      "file": "snippets/components/displays/tables/Tables.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Table cell that switches between th and td based on header prop.",
      "subniche": "tables",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "align prop."
        },
        {
          "name": "header",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "header prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "TableRow",
      "file": "snippets/components/displays/tables/Tables.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Table row with optional header styling and hover effect.",
      "subniche": "tables",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "header",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "header prop."
        },
        {
          "name": "hover",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "hover prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "TitledVideo",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Auto-playing video with title/subtitle overlay. Respects prefers-reduced-motion.",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "src",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "src prop."
        },
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "subtitle",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "subtitle prop."
        },
        {
          "name": "arrow",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "arrow prop."
        },
        {
          "name": "borderRadius",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-px-12)\"",
          "description": "border Radius prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "UpdateLinkList",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Renders update items as linked entries inside Mintlify Update component.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "listItems",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "list Items prop."
        }
      ],
      "examples": []
    },
    {
      "name": "UpdateList",
      "file": "snippets/components/displays/steps/Steps.jsx",
      "category": "displays",
      "status": "planned",
      "description": "Planned update list component — not yet implemented.",
      "subniche": "steps",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "listItems",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "list Items prop."
        }
      ],
      "examples": []
    },
    {
      "name": "ValueResponseField",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "status": "stable",
      "description": "API response field with name, type, and value display.",
      "subniche": "response-fields",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "description",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Primary content rendered by the component."
        },
        {
          "name": "post",
          "type": "string",
          "required": false,
          "defaultValue": "null",
          "description": "Post used by the component."
        },
        {
          "name": "label",
          "type": "string",
          "required": false,
          "defaultValue": "\"value\"",
          "description": "Label text rendered by the component."
        },
        {
          "name": "line",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "Boolean flag that controls component behaviour."
        },
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "props",
          "type": "object",
          "required": false,
          "defaultValue": "",
          "description": "Additional props forwarded to ResponseField."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "Video",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Basic framed video player with caption support.",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "src",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "src prop."
        },
        {
          "name": "title",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "title prop."
        },
        {
          "name": "author",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "author prop."
        },
        {
          "name": "caption",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "caption prop."
        },
        {
          "name": "href",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "href prop."
        },
        {
          "name": "controls",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "controls prop."
        },
        {
          "name": "autoPlay",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "auto Play prop."
        },
        {
          "name": "loop",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "loop prop."
        },
        {
          "name": "muted",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "muted prop."
        },
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "WidthCard",
      "file": "snippets/components/displays/cards/Cards.jsx",
      "category": "displays",
      "status": "stable",
      "description": "Width-constrained card wrapper with configurable percentage width.",
      "subniche": "cards",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "width",
          "type": "string",
          "required": false,
          "defaultValue": "'80%'",
          "description": "Width used by the component."
        },
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "cardProps",
          "type": "object",
          "required": false,
          "defaultValue": "",
          "description": "Forwarded Card props."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "YouTubeVideo",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "stable",
      "description": "YouTube embed via responsive iframe with aspect-ratio preservation.",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "embedUrl",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "embed Url prop."
        },
        {
          "name": "url",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "Alias for embedUrl. Accepts regular YouTube watch, short, embed, or youtu.be URLs."
        },
        {
          "name": "title",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "title prop."
        },
        {
          "name": "author",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "author prop."
        },
        {
          "name": "hint",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "hint prop."
        },
        {
          "name": "caption",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "caption prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "YouTubeVideoData",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "deprecated",
      "description": "Renders a columned grid of YouTubeVideo embeds from an items array.",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Duplicate — canonical version is in integrators/video-data/VideoData.jsx.",
      "see": "VideoData.jsx",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "cols",
          "type": "number",
          "required": false,
          "defaultValue": "2",
          "description": "cols prop."
        }
      ],
      "examples": []
    },
    {
      "name": "YouTubeVideoDownload",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "status": "broken",
      "description": "YouTube embed with download hint text below (BROKEN — render content commented out).",
      "subniche": "video",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Content is commented out — non-functional. Remove in next cleanup pass.",
      "see": "",
      "params": [
        {
          "name": "embedUrl",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "embed Url prop."
        },
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "hint",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "hint prop."
        },
        {
          "name": "caption",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "caption prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "AccordionTitle",
      "file": "snippets/components/elements/text/Text.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Accordion title with icon, name, and optional description subtitle. Wraps CustomCardTitle with an italic description line underneath.",
      "subniche": "text",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "icon",
          "type": "string|React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Font Awesome icon name (string) or React component."
        },
        {
          "name": "title",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Title text."
        },
        {
          "name": "description",
          "type": "React.ReactNode",
          "required": false,
          "defaultValue": "",
          "description": "Optional subtitle shown below the title in italic."
        },
        {
          "name": "descriptionColor",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-color-text-secondary)\"",
          "description": "Description text colour."
        },
        {
          "name": "descriptionSize",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.85em\"",
          "description": "Description font size."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides on the wrapper."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": [
        "<AccordionTitle icon=\"gear\" title=\"Core\" description=\"Staking, payments, and service discovery\" />"
      ]
    },
    {
      "name": "AddressLinks",
      "file": "snippets/components/elements/links/Links.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Copyable contract address with blockchain explorer and GitHub links.",
      "subniche": "links",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "address",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Contract address to display and copy."
        },
        {
          "name": "blockchainHref",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Blockchain explorer URL (e.g. Arbiscan)."
        },
        {
          "name": "githubHref",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "GitHub source URL."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": [
        "<AddressLinks address={controller} blockchainHref={`${arb}${controller}`} githubHref=\"https://github.com/livepeer/protocol/blob/delta/contracts/Controller.sol\" />"
      ]
    },
    {
      "name": "ArbitrumIcon",
      "file": "snippets/components/elements/icons/Icons.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Arbitrum logo rendered identically to Mintlify FA icons using mask-image technique.",
      "subniche": "icons",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "16",
          "description": "Icon size in pixels."
        },
        {
          "name": "color",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Override colour. Accepts CSS values including var() custom properties. Default is theme-aware (dark in light mode, light in dark mode)."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": [
        "<ArbitrumIcon size={16} />\n<ArbitrumIcon color=\"var(--lp-color-accent)\" />"
      ]
    },
    {
      "name": "ArbitrumSVG",
      "file": "snippets/components/elements/icons/Icons.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Inline Arbitrum logo as SVG with currentColor fill.",
      "subniche": "icons",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "24",
          "description": "size prop."
        },
        {
          "name": "props",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "props prop."
        }
      ],
      "examples": [
        "<ArbitrumSVG size={24} />"
      ]
    },
    {
      "name": "BlinkingIcon",
      "file": "snippets/components/elements/icons/Icons.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Animated icon with pulsing opacity. Respects prefers-reduced-motion.",
      "subniche": "icons",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"terminal\"",
          "description": "Icon name to display"
        },
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "16",
          "description": "Size of the icon in pixels"
        },
        {
          "name": "color",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Color of the icon (defaults to theme accent)"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<BlinkingIcon color=\"var(--lp-color-accent)\" />"
      ]
    },
    {
      "name": "CardTitleTextWithArrow",
      "file": "snippets/components/elements/text/Text.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Card title with trailing arrow icon for navigation indication.",
      "subniche": "text",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "cardProps",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "card Props prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<CardTitleTextWithArrow cardProps=\"example\">Example content</CardTitleTextWithArrow>"
      ]
    },
    {
      "name": "ComingSoonCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "status": "deprecated",
      "description": "Banner indicating a feature or page is coming soon. Deprecated wrapper around StatusCallout.",
      "subniche": "callouts",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use StatusCallout with variant=\"coming-soon\" instead.",
      "see": "StatusCallout",
      "params": [],
      "examples": []
    },
    {
      "name": "CopyText",
      "file": "snippets/components/elements/text/Text.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Text with a click-to-copy button that copies content to clipboard.",
      "subniche": "text",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "text",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "text prop."
        },
        {
          "name": "label",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "label prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<CopyText text=\"example\" label=\"example\" />"
      ]
    },
    {
      "name": "CustomCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "status": "deprecated",
      "description": "Styled callout box. Deprecated alias for IconCallout.",
      "subniche": "callouts",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use IconCallout instead.",
      "see": "IconCallout",
      "params": [],
      "examples": []
    },
    {
      "name": "CustomCardTitle",
      "file": "snippets/components/elements/text/Text.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Title row with icon and text, using flexbox alignment. Accepts Font Awesome strings or React components as icon. Variant prop controls styling context.",
      "subniche": "text",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "icon",
          "type": "string|React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Font Awesome icon name (string) or React component (e.g. ArbitrumIcon)."
        },
        {
          "name": "title",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Title text rendered by the component."
        },
        {
          "name": "variant",
          "type": "string",
          "required": false,
          "defaultValue": "\"card\"",
          "description": "Styling context: \"card\" (default, opinionated), \"accordion\" (inline, inherits parent styles), \"tab\" (inline, smaller)."
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "",
          "description": "Icon size in pixels (applies to Font Awesome icons only). Defaults per variant: card=20, accordion=18, tab=14."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": [
        "<CustomCardTitle icon=\"sparkles\" title=\"Example\" />"
      ]
    },
    {
      "name": "DataWrap",
      "file": "snippets/components/elements/text/DataWrap.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Transparent wrapper that renders a data value inline. Used to surface pipeline-generated values (e.g. lastVerified dates) in MDX without additional markup.",
      "subniche": "text",
      "accepts": "",
      "dataSource": "prop",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "value",
          "type": "string|number",
          "required": true,
          "defaultValue": "",
          "description": "The data value to render."
        }
      ],
      "examples": []
    },
    {
      "name": "DoubleIconLink",
      "file": "snippets/components/elements/links/Links.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Inline link with icons on both sides.",
      "subniche": "links",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "label",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Link text/label"
        },
        {
          "name": "href",
          "type": "string",
          "required": false,
          "defaultValue": "\"#\"",
          "description": "Link URL"
        },
        {
          "name": "text",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional text to display before the link"
        },
        {
          "name": "iconLeft",
          "type": "string",
          "required": false,
          "defaultValue": "\"github\"",
          "description": "Icon to display on the left"
        },
        {
          "name": "iconRight",
          "type": "string",
          "required": false,
          "defaultValue": "\"arrow-up-right\"",
          "description": "Icon to display on the right"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<DoubleIconLink />"
      ]
    },
    {
      "name": "DownloadButton",
      "file": "snippets/components/elements/buttons/Buttons.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Lazy-loaded download button with icon that renders on viewport intersection.",
      "subniche": "buttons",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "label",
          "type": "string",
          "required": false,
          "defaultValue": "'Download'",
          "description": "label prop."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "'download'",
          "description": "icon prop."
        },
        {
          "name": "downloadLink",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "download Link prop."
        },
        {
          "name": "rightIcon",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "right Icon prop."
        },
        {
          "name": "border",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "border prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<DownloadButton downloadLink=\"example\" />"
      ]
    },
    {
      "name": "ExternalLinkButton",
      "file": "snippets/components/elements/buttons/Buttons.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Icon button that opens an external link in a new tab. Bordered with rounded corners, hover colour transition.",
      "subniche": "buttons",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "href",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "URL to open on click."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "'arrow-up-right'",
          "description": "Icon name to display."
        },
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "14",
          "description": "Icon size in pixels."
        },
        {
          "name": "ariaLabel",
          "type": "string",
          "required": false,
          "defaultValue": "'Open external link'",
          "description": "Accessible label."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<ExternalLinkButton href=\"https://example.com\" />"
      ]
    },
    {
      "name": "FocusableScrollRegions",
      "file": "snippets/components/elements/a11y/FocusableScrollRegion.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Makes scroll regions keyboard-focusable by adding tabindex to matching selectors.",
      "subniche": "a11y",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "selectors",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "selectors prop."
        }
      ],
      "examples": [
        "<FocusableScrollRegions selectors=\"example\" />"
      ]
    },
    {
      "name": "GotoCard",
      "file": "snippets/components/elements/links/Links.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Card-style navigation link wrapping Mintlify Card component.",
      "subniche": "links",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "label",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Card title"
        },
        {
          "name": "relativePath",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Relative URL path"
        },
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Icon to display (defaults to \"arrow-turn-down-right\")"
        },
        {
          "name": "text",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Card content"
        },
        {
          "name": "cta",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Call-to-action button text"
        },
        {
          "name": "props",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "props prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<GotoCard label=\"example\" relativePath=\"example\" />"
      ]
    },
    {
      "name": "GotoLink",
      "file": "snippets/components/elements/links/Links.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Inline navigation link with icon prefix and label.",
      "subniche": "links",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "label",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Link text/label"
        },
        {
          "name": "relativePath",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Relative URL path"
        },
        {
          "name": "text",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional text to display before the link"
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"arrow-turn-down-right\"",
          "description": "Icon to display"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<GotoLink label=\"example\" relativePath=\"example\" />"
      ]
    },
    {
      "name": "IconCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Styled callout box with icon, custom colour, and optional corner arrow indicator.",
      "subniche": "callouts",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content to display in the callout."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"lightbulb\"",
          "description": "Icon name to display."
        },
        {
          "name": "color",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Primary colour for icon, border, and background (defaults to theme accent)."
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "16",
          "description": "Size of the main icon in pixels."
        },
        {
          "name": "textSize",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.875rem\"",
          "description": "Font size for the text content."
        },
        {
          "name": "textColor",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Text colour (defaults to match icon colour)."
        },
        {
          "name": "showArrow",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "Show an arrow icon in the top-right corner."
        },
        {
          "name": "arrowIcon",
          "type": "string",
          "required": false,
          "defaultValue": "\"arrow-up-right\"",
          "description": "Arrow icon name (when showArrow is true)."
        },
        {
          "name": "arrowSize",
          "type": "number",
          "required": false,
          "defaultValue": "16",
          "description": "Size of the arrow icon in pixels."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<IconCallout color=\"#4a9eff\">Tip content here</IconCallout>\n<IconCallout color=\"#4a9eff\" showArrow>Linked tip content</IconCallout>"
      ]
    },
    {
      "name": "Image",
      "file": "snippets/components/elements/images/Image.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Framed image with optional caption and full-width toggle.",
      "subniche": "images",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "src",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "src prop."
        },
        {
          "name": "alt",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "alt prop."
        },
        {
          "name": "caption",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "caption prop."
        },
        {
          "name": "icon",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon prop."
        },
        {
          "name": "hint",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "hint prop."
        },
        {
          "name": "fullwidth",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "fullwidth prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<Image src=\"example\" alt=\"example\" />"
      ]
    },
    {
      "name": "InlineDivider",
      "file": "snippets/components/elements/spacing/Divider.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Lightweight horizontal rule with controllable margin, padding, colour, and opacity. Use inside accordions, steps, or anywhere markdown `---` gives no spacing control.",
      "subniche": "spacing",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "margin",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.75rem 0\"",
          "description": "Margin around the divider."
        },
        {
          "name": "padding",
          "type": "string",
          "required": false,
          "defaultValue": "\"0\"",
          "description": "Padding around the divider."
        },
        {
          "name": "color",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-color-border-default)\"",
          "description": "Line colour."
        },
        {
          "name": "opacity",
          "type": "number",
          "required": false,
          "defaultValue": "0.4",
          "description": "Line opacity."
        },
        {
          "name": "height",
          "type": "string",
          "required": false,
          "defaultValue": "\"1px\"",
          "description": "Line thickness."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<InlineDivider margin=\"0.5rem 0\" />"
      ]
    },
    {
      "name": "LinkArrow",
      "file": "snippets/components/elements/links/Links.jsx",
      "category": "elements",
      "status": "stable",
      "description": "External link with arrow icon, optional description, and line break control.",
      "subniche": "links",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "href",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "href prop."
        },
        {
          "name": "label",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "label prop."
        },
        {
          "name": "description",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "description prop."
        },
        {
          "name": "newline",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "newline prop."
        },
        {
          "name": "borderColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "border Color prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<LinkArrow href=\"example\" label=\"example\" />"
      ]
    },
    {
      "name": "LinkIcon",
      "file": "snippets/components/elements/links/Links.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Wraps a Mintlify Icon in an anchor tag. Strips default Mintlify link styling (border-bottom).",
      "subniche": "links",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "href",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Link destination URL."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"arrow-up-right-from-square\"",
          "description": "Font Awesome icon name."
        },
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "14",
          "description": "Icon size in pixels."
        },
        {
          "name": "color",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Icon colour override."
        },
        {
          "name": "target",
          "type": "string",
          "required": false,
          "defaultValue": "\"_blank\"",
          "description": "Link target."
        },
        {
          "name": "rel",
          "type": "string",
          "required": false,
          "defaultValue": "\"noopener noreferrer\"",
          "description": "Link rel attribute."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": []
    },
    {
      "name": "LinkImage",
      "file": "snippets/components/elements/images/Image.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Clickable framed image that opens a URL in a new tab.",
      "subniche": "images",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "src",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "src prop."
        },
        {
          "name": "alt",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "alt prop."
        },
        {
          "name": "caption",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "caption prop."
        },
        {
          "name": "icon",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon prop."
        },
        {
          "name": "hint",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "hint prop."
        },
        {
          "name": "href",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "href prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<LinkImage src=\"example\" alt=\"example\" />"
      ]
    },
    {
      "name": "LivepeerSVG",
      "file": "snippets/components/elements/icons/Icons.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Inline Livepeer logo as SVG with currentColor fill.",
      "subniche": "icons",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "24",
          "description": "size prop."
        },
        {
          "name": "props",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "props prop."
        }
      ],
      "examples": [
        "<LivepeerSVG props=\"example\" />"
      ]
    },
    {
      "name": "MathBlock",
      "file": "snippets/components/elements/math/Math.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Renders LaTeX as a block-level math expression using KaTeX.",
      "subniche": "math",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "latex",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "latex prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "class Name prop."
        },
        {
          "name": "ariaLabel",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "aria Label prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<MathBlock latex=\"example\" ariaLabel=\"example\" />"
      ]
    },
    {
      "name": "MathInline",
      "file": "snippets/components/elements/math/Math.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Renders LaTeX as inline math using KaTeX.",
      "subniche": "math",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "latex",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "latex prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "class Name prop."
        },
        {
          "name": "ariaLabel",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "aria Label prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<MathInline latex=\"example\" ariaLabel=\"example\" />"
      ]
    },
    {
      "name": "PreviewCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "status": "deprecated",
      "description": "Banner indicating content is in preview state. Deprecated wrapper around StatusCallout.",
      "subniche": "callouts",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use StatusCallout with variant=\"preview\" instead.",
      "see": "StatusCallout",
      "params": [],
      "examples": []
    },
    {
      "name": "ReviewCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Banner indicating content is under technical review.",
      "subniche": "callouts",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": [
        "<ReviewCallout />"
      ]
    },
    {
      "name": "SocialLinks",
      "file": "snippets/components/elements/links/Links.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Row of icon-only social media links with tooltips and aria-labels. Pass a links array to customise per product; omit for Livepeer defaults.",
      "subniche": "links",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "links",
          "type": "Array",
          "required": false,
          "defaultValue": "",
          "description": "Array of {icon, href, label} objects. Falls back to Livepeer defaults if omitted."
        },
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "20",
          "description": "Icon size in pixels."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-3)\"",
          "description": "Gap between icons."
        },
        {
          "name": "justify",
          "type": "string",
          "required": false,
          "defaultValue": "\"center\"",
          "description": "Flex justify-content value."
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Override all icons to a single colour."
        },
        {
          "name": "color",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Alias for iconColor (backwards compat)."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": [
        "<SocialLinks />"
      ]
    },
    {
      "name": "Spacer",
      "file": "snippets/components/elements/spacing/Divider.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Empty spacer div with configurable size and direction.",
      "subniche": "spacing",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "size",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-4)\"",
          "description": "Size used by the component."
        },
        {
          "name": "direction",
          "type": "string",
          "required": false,
          "defaultValue": "\"vertical\"",
          "description": "Direction used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": [
        "<Spacer />"
      ]
    },
    {
      "name": "StatusCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "status": "stable",
      "description": "Banner indicating page/feature status (coming soon or preview) with feedback links.",
      "subniche": "callouts",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "variant",
          "type": "string",
          "required": false,
          "defaultValue": "\"coming-soon\"",
          "description": "Status variant: \"coming-soon\" or \"preview\"."
        },
        {
          "name": "type",
          "type": "string",
          "required": false,
          "defaultValue": "\"page\"",
          "description": "Context type: \"page\" or \"tab-group\" (affects title text for coming-soon variant)."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": [
        "<StatusCallout variant=\"coming-soon\" />\n<StatusCallout variant=\"preview\" />"
      ]
    },
    {
      "name": "TipWithArrow",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "status": "deprecated",
      "description": "Callout with arrow. Deprecated wrapper around IconCallout.",
      "subniche": "callouts",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use IconCallout with showArrow instead.",
      "see": "IconCallout",
      "params": [],
      "examples": []
    },
    {
      "name": "BlogCard",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Blog post card with scrollable content, metadata, and CTA.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/blog",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "content",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "content prop."
        },
        {
          "name": "href",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "href prop."
        },
        {
          "name": "author",
          "type": "string",
          "required": false,
          "defaultValue": "\"Livepeer Team\"",
          "description": "author prop."
        },
        {
          "name": "datePosted",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "date Posted prop."
        },
        {
          "name": "excerpt",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "excerpt prop."
        },
        {
          "name": "readingTime",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "reading Time prop."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"book-open\"",
          "description": "icon prop."
        },
        {
          "name": "authorIcon",
          "type": "string",
          "required": false,
          "defaultValue": "\"user-pen\"",
          "description": "author Icon prop."
        },
        {
          "name": "dateIcon",
          "type": "string",
          "required": false,
          "defaultValue": "\"calendar\"",
          "description": "date Icon prop."
        },
        {
          "name": "cta",
          "type": "string",
          "required": false,
          "defaultValue": "\"Read More\"",
          "description": "cta prop."
        },
        {
          "name": "img",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "img prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "BlogDataLayout",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Single-column BlogCard stack.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/blog",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "CardBlogDataLayout",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Grid layout rendering BlogCards from an items array.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/blog",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "CardColumnsPostLayout",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Multi-column PostCard layout.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/blog",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "cols",
          "type": "number",
          "required": false,
          "defaultValue": "2",
          "description": "cols prop."
        },
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "CardInCardLayout",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "PostCards rendered inside Card wrappers.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/blog",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "CoinGeckoExchanges",
      "file": "snippets/components/integrators/feeds/Coingecko.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Sortable table of exchanges listing a token. Keyboard-accessible sort headers.",
      "subniche": "feeds",
      "accepts": "",
      "dataSource": "CoinGecko API",
      "aiDiscoverability": "snapshot",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "coinId",
          "type": "string",
          "required": false,
          "defaultValue": "\"arbitrum\"",
          "description": "coin Id prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "ColumnsBlogCardLayout",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Multi-column BlogCard layout using Mintlify Columns.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/blog",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "cols",
          "type": "number",
          "required": false,
          "defaultValue": "2",
          "description": "cols prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "ContractVerifier",
      "file": "snippets/components/integrators/feeds/ContractVerifier.jsx",
      "category": "integrators",
      "status": "experimental",
      "description": "Interactive widget to verify Livepeer contract addresses on-chain using generated contract data and chain RPC lookups.",
      "subniche": "feeds",
      "accepts": "contract address data",
      "dataSource": "snippets/data/contract-addresses/contractAddressesData.json, Arbitrum One RPC, Blockscout API",
      "aiDiscoverability": "props-extracted",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "data",
          "type": "Object",
          "required": true,
          "defaultValue": "",
          "description": "Pipeline contract addresses data object."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "Object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "DiscordAnnouncements",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Discord announcement feed with parsed markdown content. Sanitised HTML.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/discord",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "ExternalContent",
      "file": "snippets/components/integrators/embeds/DataEmbed.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Frames external source content with a scrollable container and source link.",
      "subniche": "embeds",
      "accepts": "",
      "dataSource": "external source",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "sourceName",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Source name displayed in the component header."
        },
        {
          "name": "sourceUrl",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Source URL used by the header link."
        },
        {
          "name": "sourceLabel",
          "type": "string",
          "required": false,
          "defaultValue": "\"View source\"",
          "description": "Label used by the header link."
        },
        {
          "name": "repoName",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Legacy source name alias."
        },
        {
          "name": "githubUrl",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Legacy source URL alias."
        },
        {
          "name": "maxHeight",
          "type": "string",
          "required": false,
          "defaultValue": "\"1000px\"",
          "description": "Max height used by the component."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"github\"",
          "description": "Icon configuration used by the component."
        },
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Content rendered inside the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "ForumLatestLayout",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Latest forum topics with banner image and topic cards.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/forum",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - items prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "HistoricalContractsAccordion",
      "file": "snippets/components/integrators/feeds/CanonicalContractAccordions.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Renders historical contract accordions from generated contract lifecycle data.",
      "subniche": "feeds",
      "accepts": "contract category arrays",
      "dataSource": "snippets/data/contract-addresses/contractAddressesData.json",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": ""
        },
        {
          "name": "sourceData",
          "type": "Object",
          "required": true,
          "defaultValue": "",
          "description": "Full contract addresses data object."
        },
        {
          "name": "getIcon",
          "type": "Function",
          "required": true,
          "defaultValue": "",
          "description": "Icon resolver for category metadata."
        }
      ],
      "examples": []
    },
    {
      "name": "HistoricalContractTable",
      "file": "snippets/components/integrators/feeds/HistoricalContractTable.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Renders historical contract version tables from generated contract lifecycle data.",
      "subniche": "feeds",
      "accepts": "contract category and source data",
      "dataSource": "snippets/data/contract-addresses/contractAddressesData.json",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "category",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Historical category key to render."
        },
        {
          "name": "sourceData",
          "type": "Object",
          "required": true,
          "defaultValue": "",
          "description": "Full contract addresses data object."
        }
      ],
      "examples": []
    },
    {
      "name": "LatestVersion",
      "file": "snippets/components/integrators/feeds/Release.jsx",
      "category": "integrators",
      "status": "experimental",
      "description": "Displays the latest release version string from automation data.",
      "subniche": "feeds",
      "accepts": "",
      "dataSource": "release-version workflow",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "version",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "version prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "LumaEvents",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Upcoming/past event cards from Luma calendar data.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "Luma API",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "data",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "data prop."
        },
        {
          "name": "limit",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "limit prop."
        },
        {
          "name": "type",
          "type": "string",
          "required": false,
          "defaultValue": "\"upcoming\"",
          "description": "type prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "NonActiveContractsAccordion",
      "file": "snippets/components/integrators/feeds/CanonicalContractAccordions.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Renders grouped non-active contract accordions from the contract addresses pipeline data.",
      "subniche": "feeds",
      "accepts": "contract group arrays",
      "dataSource": "snippets/data/contract-addresses/contractAddressesData.json",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": ""
        },
        {
          "name": "renderRows",
          "type": "Function",
          "required": true,
          "defaultValue": "",
          "description": "Row builder for each contract group."
        }
      ],
      "examples": []
    },
    {
      "name": "PdfEmbed",
      "file": "snippets/components/integrators/embeds/DataEmbed.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Embeds a PDF in a framed iframe with caption.",
      "subniche": "embeds",
      "accepts": "",
      "dataSource": "iframe(src)",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "title",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Title text rendered by the component."
        },
        {
          "name": "src",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Asset or embed source used by the component."
        },
        {
          "name": "height",
          "type": "string",
          "required": false,
          "defaultValue": "'700px'",
          "description": "Height used by the component."
        },
        {
          "name": "width",
          "type": "string",
          "required": false,
          "defaultValue": "'100%'",
          "description": "Width used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "PostCard",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Post card with gradient header, scrollable content, and metadata.",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/blog",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "content",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "content prop."
        },
        {
          "name": "href",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "href prop."
        },
        {
          "name": "author",
          "type": "string",
          "required": false,
          "defaultValue": "\"Unknown\"",
          "description": "author prop."
        },
        {
          "name": "datePosted",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "date Posted prop."
        },
        {
          "name": "replyCount",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "reply Count prop."
        },
        {
          "name": "icon",
          "type": "string",
          "required": false,
          "defaultValue": "\"book-open\"",
          "description": "icon prop."
        },
        {
          "name": "authorIcon",
          "type": "string",
          "required": false,
          "defaultValue": "\"user-pen\"",
          "description": "author Icon prop."
        },
        {
          "name": "dateIcon",
          "type": "string",
          "required": false,
          "defaultValue": "\"calendar\"",
          "description": "date Icon prop."
        },
        {
          "name": "cta",
          "type": "string",
          "required": false,
          "defaultValue": "\"Read More\"",
          "description": "cta prop."
        },
        {
          "name": "img",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "img prop."
        },
        {
          "name": "categoryName",
          "type": "string",
          "required": false,
          "defaultValue": "null",
          "description": "Forum category name for badge display."
        },
        {
          "name": "categoryColor",
          "type": "string",
          "required": false,
          "defaultValue": "null",
          "description": "Hex colour for category badge."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "RssBlogCard",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Blog card for RSS feed data. Matches BlogCard visual quality with icon title, metadata row, scrollable plain text excerpt, and scroll hint. Use for non-Ghost blog sources (Daydream, Streamplace, etc.).",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/rss",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [],
      "examples": []
    },
    {
      "name": "RssBlogCardLayout",
      "file": "snippets/components/integrators/blog/BlogCards.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Multi-column RssBlogCard layout. Use for RSS blog data (non-Ghost sources).",
      "subniche": "blog",
      "accepts": "",
      "dataSource": "automation/rss",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [],
      "examples": []
    },
    {
      "name": "SolidityEmbed",
      "file": "snippets/components/integrators/embeds/DataEmbed.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Fetches and renders a remote Solidity file with syntax highlighting inside a styled container. Lazy-loaded.",
      "subniche": "embeds",
      "accepts": "",
      "dataSource": "fetch(url) — raw GitHub .sol file",
      "aiDiscoverability": "snapshot",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "url",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Raw GitHub URL to the .sol file."
        },
        {
          "name": "title",
          "type": "React.ReactNode",
          "required": false,
          "defaultValue": "",
          "description": "Optional title displayed above the code block. Accepts strings or components."
        },
        {
          "name": "filename",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Filename shown on the CodeBlock header."
        },
        {
          "name": "maxHeight",
          "type": "string",
          "required": false,
          "defaultValue": "\"500px\"",
          "description": "Max height of the code container."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": []
    },
    {
      "name": "TwitterTimeline",
      "file": "snippets/components/integrators/embeds/DataEmbed.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Embeds a Twitter/X timeline feed widget via iframe.",
      "subniche": "embeds",
      "accepts": "",
      "dataSource": "feed.mikle.com widget",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "YouTubeVideoData",
      "file": "snippets/components/integrators/video-data/VideoData.jsx",
      "category": "integrators",
      "status": "stable",
      "description": "Renders YouTube video data with video embed and metadata columns.",
      "subniche": "video-data",
      "accepts": "",
      "dataSource": "automation/youtube",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "[",
          "description": "] - Collection data rendered by the component."
        },
        {
          "name": "limit",
          "type": "number",
          "required": true,
          "defaultValue": "",
          "description": "Limit used by the component."
        },
        {
          "name": "cols",
          "type": "number",
          "required": false,
          "defaultValue": "2",
          "description": "Cols used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "Divider",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "deprecated",
      "description": "Deprecated alias for FrameModeDivider. Maintained for backwards compatibility.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "Use FrameModeDivider to avoid collision with elements/spacing/Divider.",
      "see": "FrameModeDivider",
      "params": [],
      "examples": []
    },
    {
      "name": "FrameModeDivider",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Horizontal rule divider for frame-mode pages. Distinct from elements/spacing/Divider.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "color",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Custom color for the divider (optional, defaults to theme border color)"
        },
        {
          "name": "margin",
          "type": "string",
          "required": false,
          "defaultValue": "\"1.5rem 0\"",
          "description": "Vertical margin (default: \"1.5rem 0\")"
        },
        {
          "name": "opacity",
          "type": "string",
          "required": false,
          "defaultValue": "0.2",
          "description": "Opacity of the divider (default: 0.2)"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "H1",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Heading override with optional icon prefix for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "icon",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon prop."
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "32",
          "description": "icon Size prop."
        },
        {
          "name": "iconColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon Color prop."
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "align prop."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-3)\"",
          "description": "gap prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "H2",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Heading override with optional icon prefix for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "The heading text"
        },
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Optional icon name or path to theme-aware SVG"
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "28",
          "description": "Size of the icon (default: 28)"
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Color of the icon (default: theme-aware accent color)"
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "Text alignment: \"left\", \"center\", \"right\" (default: \"left\")"
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-3)\"",
          "description": "Gap between icon and text (default: \"var(--lp-spacing-3)\")"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "H3",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Heading override with optional icon prefix for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "The heading text"
        },
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Optional icon name or path to theme-aware SVG"
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "24",
          "description": "Size of the icon (default: 24)"
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Color of the icon (default: theme-aware accent color)"
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "Text alignment: \"left\", \"center\", \"right\" (default: \"left\")"
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-2)\"",
          "description": "Gap between icon and text (default: \"var(--lp-spacing-2)\")"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "H4",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Heading override with optional icon prefix for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "The heading text"
        },
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Optional icon name or path to theme-aware SVG"
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "20",
          "description": "Size of the icon (default: 20)"
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Color of the icon (default: theme-aware accent color)"
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "Text alignment: \"left\", \"center\", \"right\" (default: \"left\")"
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-2)\"",
          "description": "Gap between icon and text (default: \"var(--lp-spacing-2)\")"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "H5",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Heading override with optional icon prefix for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "The heading text"
        },
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Optional icon name or path to theme-aware SVG"
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "18",
          "description": "Size of the icon (default: 18)"
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Color of the icon (default: theme-aware accent color)"
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "Text alignment: \"left\", \"center\", \"right\" (default: \"left\")"
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-2)\"",
          "description": "Gap between icon and text (default: \"var(--lp-spacing-2)\")"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "H6",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Heading override with optional icon prefix for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "The heading text"
        },
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Optional icon name or path to theme-aware SVG"
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "16",
          "description": "Size of the icon (default: 16)"
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Color of the icon (default: theme-aware accent color)"
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "Text alignment: \"left\", \"center\", \"right\" (default: \"left\")"
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-2)\"",
          "description": "Gap between icon and text (default: \"var(--lp-spacing-2)\")"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "HeroContentContainer",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Centred content container inside hero sections.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "HeroImageBackgroundComponent",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Hero background with image overlay and gradient.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "HeroOverviewContent",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Hero content layout with title, icon, subtitle, and CTA slots.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "HeroSectionContainer",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Full-width hero section wrapper with min-height and gradient background.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "minHeight",
          "type": "string",
          "required": false,
          "defaultValue": "\"fit-content\"",
          "description": "min Height prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "LogoHeroContainer",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Hero banner with centred logo image, title, and subtitle.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "src",
          "type": "string",
          "required": false,
          "defaultValue": "\"/snippets/assets/logos/Livepeer-Logo-Full-Theme.svg\"",
          "description": "src prop."
        },
        {
          "name": "alt",
          "type": "string",
          "required": false,
          "defaultValue": "\"Livepeer Logo\"",
          "description": "alt prop."
        },
        {
          "name": "width",
          "type": "string",
          "required": false,
          "defaultValue": "\"100%\"",
          "description": "width prop."
        },
        {
          "name": "margin",
          "type": "string",
          "required": false,
          "defaultValue": "\"1rem auto 0 auto\"",
          "description": "margin prop."
        },
        {
          "name": "imgHeight",
          "type": "string",
          "required": false,
          "defaultValue": "\"20px\"",
          "description": "img Height prop."
        },
        {
          "name": "imgWidth",
          "type": "string",
          "required": false,
          "defaultValue": "\"auto\"",
          "description": "img Width prop."
        },
        {
          "name": "objectFit",
          "type": "string",
          "required": false,
          "defaultValue": "\"contain\"",
          "description": "object Fit prop."
        },
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "P",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Paragraph override with optional icon prefix for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "The paragraph text"
        },
        {
          "name": "icon",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Optional icon name or path to theme-aware SVG"
        },
        {
          "name": "iconSize",
          "type": "number",
          "required": false,
          "defaultValue": "16",
          "description": "Size of the icon (default: 16)"
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Color of the icon (default: theme-aware accent color)"
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"left\"",
          "description": "Text alignment: \"left\", \"center\", \"right\" (default: \"left\")"
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-2)\"",
          "description": "Gap between icon and text (default: \"var(--lp-spacing-2)\")"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "PageHeader",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Page-level header with icon, title, and subtitle for frame-mode pages.",
      "subniche": "frame-mode",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "subtitle",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "subtitle prop."
        },
        {
          "name": "description",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "description prop."
        },
        {
          "name": "children",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "The heading text"
        },
        {
          "name": "titleColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title Color prop."
        },
        {
          "name": "subtitleColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "subtitle Color prop."
        },
        {
          "name": "descriptionColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "description Color prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "PortalCardsHeader",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Section header with mission label and optional subtitle.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "PortalContentContainer",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Outer container for portal page content below the hero.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "PortalHeroContent",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Hero content with logo, title, tagline, description, and card grid.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "zIndex",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "z Index prop."
        },
        {
          "name": "title",
          "type": "string",
          "required": false,
          "defaultValue": "\"Portal Page\"",
          "description": "title prop."
        },
        {
          "name": "subtitle",
          "type": "string",
          "required": false,
          "defaultValue": "\"Build - Explore - Create\"",
          "description": "subtitle prop."
        },
        {
          "name": "subtitleIcon",
          "type": "string",
          "required": false,
          "defaultValue": "\"/snippets/assets/logos/Livepeer-Logo-Symbol-Green-Theme.svg\"",
          "description": "subtitle Icon prop."
        },
        {
          "name": "description",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "description prop."
        },
        {
          "name": "refCardLink",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "ref Card Link prop."
        },
        {
          "name": "overview",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "overview prop."
        },
        {
          "name": "divider",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "divider prop."
        },
        {
          "name": "callout",
          "type": "any",
          "required": false,
          "defaultValue": "null",
          "description": "callout prop."
        },
        {
          "name": "titleColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title Color prop."
        },
        {
          "name": "subtitleColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "subtitle Color prop."
        },
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "PortalSectionHeader",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Section header with icon, title, and horizontal rule.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "title",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "title prop."
        },
        {
          "name": "icon",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "icon prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "RefCardContainer",
      "file": "snippets/components/scaffolding/portals/Portals.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Container for reference cards with configurable column count.",
      "subniche": "portals",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Optional inline style override."
        }
      ],
      "examples": []
    },
    {
      "name": "Starfield",
      "file": "snippets/components/scaffolding/heroes/StarfieldCanvas.jsx",
      "category": "scaffolding",
      "status": "stable",
      "description": "Animated canvas starfield background with floating Livepeer logos. Respects prefers-reduced-motion.",
      "subniche": "heroes",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "density",
          "type": "number",
          "required": false,
          "defaultValue": "1.1",
          "description": "Density used by the component."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        }
      ],
      "examples": []
    },
    {
      "name": "BadgeRow",
      "file": "snippets/components/wrappers/badges/Badges.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Unified badge row with variant prop. \"text\" renders Badge elements from a badges array. \"icon\" renders icon+label tags from an items array.",
      "subniche": "badges",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "variant",
          "type": "string",
          "required": false,
          "defaultValue": "\"text\"",
          "description": "Display variant: \"text\" for Badge elements, \"icon\" for icon+label tags."
        },
        {
          "name": "badges",
          "type": "Array",
          "required": false,
          "defaultValue": "",
          "description": "Array of {color, label} objects (variant=\"text\")."
        },
        {
          "name": "items",
          "type": "Array",
          "required": false,
          "defaultValue": "",
          "description": "Array of {icon, label} objects (variant=\"icon\")."
        },
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": false,
          "defaultValue": "",
          "description": "Manual JSX children (variant=\"text\" fallback)."
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Colour applied to all icons (variant=\"icon\")."
        },
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "14",
          "description": "Icon size in px (variant=\"icon\")."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.4rem\"",
          "description": "Gap between items."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": [
        "<BadgeRow variant=\"text\" badges={[{color: \"blue\", label: \"video\"}]} />\n<BadgeRow variant=\"icon\" items={[{icon: \"globe\", label: \"Web\"}]} />"
      ]
    },
    {
      "name": "BadgeWrapper",
      "file": "snippets/components/wrappers/badges/Badges.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Flex row wrapper for Badge elements. Pass a `badges` array of {color, label} objects for auto-rendering, or use children for manual JSX.",
      "subniche": "badges",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "badges",
          "type": "Array",
          "required": false,
          "defaultValue": "",
          "description": "Array of {color, label} objects. Rendered automatically as Badge elements."
        },
        {
          "name": "children",
          "type": "ReactNode",
          "required": false,
          "defaultValue": "",
          "description": "Manual Badge JSX. Used if badges prop is omitted."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.4rem\"",
          "description": "Gap between badges."
        },
        {
          "name": "margin",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.5rem 0 1.5rem 0\"",
          "description": "Margin around the badge row."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides (merged with defaults)."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": [
        "<BadgeWrapper badges={daydreamCategoryBadges} />\n<BadgeWrapper>\n  <Badge color=\"blue\">video</Badge>\n  <Badge color=\"green\">stable</Badge>\n</BadgeWrapper>"
      ]
    },
    {
      "name": "BorderedBox",
      "file": "snippets/components/wrappers/containers/Containers.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Bordered container with configurable radius and background.",
      "subniche": "containers",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "variant",
          "type": "string",
          "required": false,
          "defaultValue": "\"default\"",
          "description": "variant prop."
        },
        {
          "name": "padding",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-4)\"",
          "description": "padding prop."
        },
        {
          "name": "margin",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional margin override."
        },
        {
          "name": "borderRadius",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-px-8)\"",
          "description": "border Radius prop."
        },
        {
          "name": "accentBar",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional accent border token applied to the left edge."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "CalloutWrapper",
      "file": "snippets/components/wrappers/containers/Containers.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Wraps Mintlify callout types (Tip, Info, Warning, Note, Check) with a styled header and description.",
      "subniche": "containers",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "props-extracted",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "type",
          "type": "string",
          "required": false,
          "defaultValue": "\"tip\"",
          "description": "Mintlify callout type: \"tip\", \"info\", \"warning\", \"note\", \"check\""
        },
        {
          "name": "header",
          "type": "string",
          "required": true,
          "defaultValue": "",
          "description": "Bold header text displayed at the top of the callout"
        },
        {
          "name": "children",
          "type": "React.ReactNode",
          "required": true,
          "defaultValue": "",
          "description": "Description content below the header"
        },
        {
          "name": "headerColor",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-color-text-primary)\"",
          "description": "Header text colour"
        },
        {
          "name": "headerSize",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.9rem\"",
          "description": "Header font size"
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name"
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides"
        }
      ],
      "examples": [
        "<CalloutWrapper type=\"tip\" header=\"Are you a Solution Provider?\">\n  Submit a PR to add your solution here!\n</CalloutWrapper>"
      ]
    },
    {
      "name": "CenteredContainer",
      "file": "snippets/components/wrappers/containers/Containers.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Horizontally centred container with configurable max-width.",
      "subniche": "containers",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "maxWidth",
          "type": "string",
          "required": false,
          "defaultValue": "\"800px\"",
          "description": "max Width prop."
        },
        {
          "name": "padding",
          "type": "string",
          "required": false,
          "defaultValue": "\"0\"",
          "description": "padding prop."
        },
        {
          "name": "preset",
          "type": "string",
          "required": false,
          "defaultValue": "\"default\"",
          "description": "Named width/layout preset for common documentation patterns."
        },
        {
          "name": "width",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Explicit width override."
        },
        {
          "name": "minWidth",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Explicit min-width override."
        },
        {
          "name": "marginRight",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional right margin override."
        },
        {
          "name": "marginBottom",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional bottom margin override."
        },
        {
          "name": "margin",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional margin override."
        },
        {
          "name": "padding",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional padding override."
        },
        {
          "name": "textAlign",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional text alignment override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "FlexContainer",
      "file": "snippets/components/wrappers/containers/Containers.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Flexbox container with configurable direction, gap, and alignment.",
      "subniche": "containers",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "direction",
          "type": "string",
          "required": false,
          "defaultValue": "\"row\"",
          "description": "direction prop."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-4)\"",
          "description": "gap prop."
        },
        {
          "name": "align",
          "type": "string",
          "required": false,
          "defaultValue": "\"flex-start\"",
          "description": "align prop."
        },
        {
          "name": "justify",
          "type": "string",
          "required": false,
          "defaultValue": "\"flex-start\"",
          "description": "justify prop."
        },
        {
          "name": "wrap",
          "type": "boolean",
          "required": false,
          "defaultValue": "false",
          "description": "wrap prop."
        },
        {
          "name": "marginTop",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional top margin override."
        },
        {
          "name": "marginBottom",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "Optional bottom margin override."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "FullWidthContainer",
      "file": "snippets/components/wrappers/containers/Containers.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Full-viewport-width container that breaks out of parent padding.",
      "subniche": "containers",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "backgroundColor",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "background Color prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "GridContainer",
      "file": "snippets/components/wrappers/containers/Containers.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "CSS Grid container with configurable columns and gap.",
      "subniche": "containers",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "columns",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "columns prop."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-4)\"",
          "description": "gap prop."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "''",
          "description": "Optional CSS class override."
        }
      ],
      "examples": []
    },
    {
      "name": "IconBadgeWrapper",
      "file": "snippets/components/wrappers/badges/Badges.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Flex row wrapper for icon+label tag items. Pass an `items` array of {icon, label} objects. Icons are uncoloured by default — pass `iconColor` to override.",
      "subniche": "badges",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "items",
          "type": "Array",
          "required": true,
          "defaultValue": "",
          "description": "Array of {icon, label} objects."
        },
        {
          "name": "iconColor",
          "type": "string",
          "required": false,
          "defaultValue": "",
          "description": "Colour applied to all icons. Defaults to currentColor if omitted."
        },
        {
          "name": "size",
          "type": "number",
          "required": false,
          "defaultValue": "12",
          "description": "Icon size in px."
        },
        {
          "name": "gap",
          "type": "string",
          "required": false,
          "defaultValue": "\"var(--lp-spacing-3)\"",
          "description": "Gap between items."
        },
        {
          "name": "margin",
          "type": "string",
          "required": false,
          "defaultValue": "\"0.25rem 0 0.5rem\"",
          "description": "Margin around the icon badge row."
        },
        {
          "name": "style",
          "type": "object",
          "required": false,
          "defaultValue": "{}",
          "description": "Inline style overrides for the wrapper."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": [
        "<IconBadgeWrapper items={daydreamInfraTags} />\n<IconBadgeWrapper items={daydreamInfraTags} iconColor=\"var(--lp-color-accent)\" />"
      ]
    },
    {
      "name": "ScrollBox",
      "file": "snippets/components/wrappers/containers/Layout.jsx",
      "category": "wrappers",
      "status": "stable",
      "description": "Scrollable container with max-height, overflow hint, and accessible region role.",
      "subniche": "containers",
      "accepts": "",
      "dataSource": "",
      "aiDiscoverability": "none",
      "deprecated": "",
      "see": "",
      "params": [
        {
          "name": "children",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "children prop."
        },
        {
          "name": "maxHeight",
          "type": "number",
          "required": false,
          "defaultValue": "300",
          "description": "max Height prop."
        },
        {
          "name": "showHint",
          "type": "boolean",
          "required": false,
          "defaultValue": "true",
          "description": "show Hint prop."
        },
        {
          "name": "ariaLabel",
          "type": "string",
          "required": false,
          "defaultValue": "\"Scrollable content\"",
          "description": "aria Label prop."
        },
        {
          "name": "style",
          "type": "any",
          "required": true,
          "defaultValue": "",
          "description": "style prop."
        },
        {
          "name": "className",
          "type": "string",
          "required": false,
          "defaultValue": "\"\"",
          "description": "CSS class name."
        }
      ],
      "examples": []
    }
  ],
  "deprecated": [
    {
      "name": "ResponseFieldAccordion",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "see": "ResponseFieldGroup",
      "deprecated": "Use ResponseFieldGroup with component=\"accordion\" instead."
    },
    {
      "name": "ResponseFieldExpandable",
      "file": "snippets/components/displays/response-fields/ResponseField.jsx",
      "category": "displays",
      "see": "ResponseFieldGroup",
      "deprecated": "Use ResponseFieldGroup with component=\"expandable\" instead."
    },
    {
      "name": "ShowcaseVideo",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "see": "TitledVideo",
      "deprecated": "Use TitledVideo with variant=\"showcase\" instead."
    },
    {
      "name": "YouTubeVideoData",
      "file": "snippets/components/displays/video/Video.jsx",
      "category": "displays",
      "see": "VideoData.jsx",
      "deprecated": "Duplicate — canonical version is in integrators/video-data/VideoData.jsx."
    },
    {
      "name": "ComingSoonCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "see": "StatusCallout",
      "deprecated": "Use StatusCallout with variant=\"coming-soon\" instead."
    },
    {
      "name": "CustomCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "see": "IconCallout",
      "deprecated": "Use IconCallout instead."
    },
    {
      "name": "PreviewCallout",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "see": "StatusCallout",
      "deprecated": "Use StatusCallout with variant=\"preview\" instead."
    },
    {
      "name": "TipWithArrow",
      "file": "snippets/components/elements/callouts/Callouts.jsx",
      "category": "elements",
      "see": "IconCallout",
      "deprecated": "Use IconCallout with showArrow instead."
    },
    {
      "name": "Divider",
      "file": "snippets/components/scaffolding/frame-mode/FrameMode.jsx",
      "category": "scaffolding",
      "see": "FrameModeDivider",
      "deprecated": "Use FrameModeDivider to avoid collision with elements/spacing/Divider."
    }
  ]
}