{
  "schema_version": 1,
  "version": "0.2.0-preview.1",
  "content_digest": "70ac710f4d22dce040e7ac593379ba8aca9dcb59a0b9c0f839819cae0e2bb721",
  "status": "preview",
  "authority": {
    "repository": "cloakedinc/design",
    "path": "packages/design-system",
    "catalog": "packages/design-system/catalog.json",
    "status": "preview"
  },
  "provenance": {
    "repo": "cloakedinc/automation",
    "commit": "f96f416e1c3bfbfaffcd155a88b87b18b8bb25f1",
    "path": "packages/design-system",
    "imported_spec_status": "approved"
  },
  "adaptations": [
    {
      "id": "button-content-gap",
      "status": "preview",
      "description": "Use the specification's 4px content gap instead of the inherited 8px implementation gap."
    },
    {
      "id": "keyboard-focus",
      "status": "preview",
      "description": "Add visible Button and Input keyboard focus and an overridable inset focus default for shared button resets, including FAQ cards and ListItem rows."
    },
    {
      "id": "supporting-text-contrast",
      "status": "preview",
      "description": "Map light secondary text to the existing grey-04-strong primitive for readable helper text on white and cream."
    },
    {
      "id": "danger-text-contrast",
      "status": "preview",
      "description": "Separate readable danger text/borders from destructive fills; preserve the primary danger-button fill and label pair."
    },
    {
      "id": "preview-status",
      "status": "preview",
      "description": "Local components, specs and token adaptations await human sign-off; upstream approved status is provenance only."
    },
    {
      "id": "motion-comparison-accessibility",
      "status": "preview",
      "description": "Preserve the original MotionShowcase comparisons while requiring explicit replay, responding to live reduced-motion changes, and keeping duration tracks usable on small screens."
    },
    {
      "id": "list-item-ownership",
      "status": "preview",
      "description": "List owns listitem wrappers for its content rows, while section labels stay outside the row count and standalone rows retain their existing semantics."
    },
    {
      "id": "card-delta-text-contrast",
      "status": "preview",
      "description": "Mix Card.Delta foregrounds from 60% existing tone solid and 40% primary text for readable contrast in both themes; preserve the four original tone fills."
    },
    {
      "id": "carousel-keyboard-access",
      "status": "preview",
      "description": "Keep all native-scrolling carousel slide controls exposed to assistive technology and keyboard navigation; pause autoplay while focus is inside the carousel."
    }
  ],
  "automatic_refresh": false,
  "consumption": {
    "source_policy": [
      {
        "title": "One reviewed source",
        "description": "packages/design-system owns the current component source, design contracts, semantic tokens and stories. The website, Storybook and agent records are generated consumers of that source."
      },
      {
        "title": "Record the exact version",
        "description": "Carry the system version and content digest into a design handoff or implementation. Compare the digest before combining records; fetch again if they differ."
      },
      {
        "title": "Keep provenance separate",
        "description": "The frozen automation import and legacy Figma registry explain where decisions came from. Their earlier approval does not approve local adaptations or override the current package."
      },
      {
        "title": "Resolve a disagreement once",
        "description": "When a design file, implementation or generated record disagrees, record the component, token, version and observed difference. Correct the canonical package through review, then regenerate consumers."
      }
    ],
    "platforms": [
      {
        "id": "react",
        "label": "React",
        "status": "implementation-preview",
        "summary": "The complete local web component library and original stories run from this workspace. Distribution is a repository package; no standalone npm release is claimed.",
        "steps": [
          "Read the component contract and its public export before writing JSX. Use the repository workspace package, its token styles and CdsProvider.",
          "Use the real component API and preserve union constraints, controlled state, accessible names and event semantics.",
          "Compare your integration with its named stories in both themes, narrow layouts and keyboard navigation."
        ],
        "evidence": [
          "Type-check the actual consumer code.",
          "Run the relevant interaction tests and inspect the resulting screen."
        ],
        "docs_url": "https://react.dev/learn/your-first-component"
      },
      {
        "id": "vue",
        "label": "Vue",
        "status": "contract-reference",
        "summary": "Design contracts, web token CSS and rendered states are available. This repository does not provide Vue components or a verified React-to-Vue wrapper.",
        "steps": [
          "Read the framework-neutral specification for anatomy, states, choices, behavior and accessibility. Use React stories as visual and behavioral references.",
          "Build a Vue implementation using native DOM semantics and the same public --cds-* tokens. React props and callbacks are reference APIs, not Vue bindings.",
          "Record the Vue source path and compare equivalent states before claiming parity."
        ],
        "evidence": [
          "Compile the consuming Vue application.",
          "Verify focus, form behavior, keyboard access and equivalent states in both themes."
        ],
        "docs_url": "https://vuejs.org/guide/essentials/component-basics.html"
      },
      {
        "id": "swift",
        "label": "Swift / SwiftUI",
        "status": "contract-reference",
        "summary": "Specifications and token values describe shared intent. No Swift package or native parity verification is included in this repository.",
        "steps": [
          "Read platform differences and motion/haptic requirements before adapting the component.",
          "Translate dimensions deliberately into points and typography into scalable text styles. Respect safe areas and Dynamic Type; CSS rem, em and environment expressions are not literal Swift values.",
          "Use native accessibility and interaction semantics. Attach a Swift preview or device capture for each required state."
        ],
        "evidence": [
          "Compile the native consumer and exercise VoiceOver.",
          "Inspect large accessibility text, reduced motion, focus and light/dark appearance."
        ],
        "docs_url": "https://developer.apple.com/videos/play/wwdc2024/10074/"
      },
      {
        "id": "kotlin",
        "label": "Kotlin / Compose",
        "status": "contract-reference",
        "summary": "Specifications and token values describe shared intent. No Compose library or Android parity verification is included in this repository.",
        "steps": [
          "Read the component anatomy, states and documented platform differences.",
          "Translate layout into dp and text into sp with platform font scaling. Treat safe areas and CSS-only token expressions as explicit adaptation work.",
          "Use Compose semantics and native interaction behavior; compare the same states as the visual reference."
        ],
        "evidence": [
          "Compile the Android consumer and exercise TalkBack.",
          "Inspect font scaling, system insets, reduced motion and both themes."
        ],
        "docs_url": "https://developer.android.com/develop/ui/compose/accessibility/scalable-content"
      }
    ],
    "clients": [
      {
        "id": "codex",
        "label": "Codex",
        "transport": "Repository files, HTTPS or the cloaked-design skill in the Work plugin",
        "steps": [
          "Start with AGENTS.md and /data/design-system.json.",
          "Retrieve only the required component, token and platform records.",
          "Report version, digest, source paths, tests and unresolved differences."
        ]
      },
      {
        "id": "claude-code",
        "label": "Claude Code",
        "transport": "Repository files, HTTPS or the cloaked-design skill in the Work plugin",
        "steps": [
          "Read the same canonical package and versioned records.",
          "Use the cloaked-design skill in the Work plugin; use the repository files or HTTPS records otherwise.",
          "Preserve the component API and include actual verification evidence."
        ]
      },
      {
        "id": "cursor",
        "label": "Cursor",
        "transport": "Repository files, HTTPS or the cloaked-design skill in the Work plugin",
        "steps": [
          "Attach the current system index and relevant component records to the task.",
          "Use the repository API and token definitions before generating a replacement.",
          "Review the rendered result and report the exact source version."
        ]
      },
      {
        "id": "grok",
        "label": "Grok",
        "transport": "HTTPS or an attached context packet",
        "steps": [
          "Provide the system index and selected component JSON or Markdown when direct retrieval is unavailable.",
          "Do not assume this client has a verified MCP integration.",
          "Keep platform limitations and missing facts in the output."
        ]
      }
    ],
    "design_tools": [
      {
        "id": "figma",
        "label": "Figma",
        "status": "reconciliation-required",
        "summary": "Figma remains the design authoring workspace. Existing CDS 4.0 links are provenance; current package parity has not been certified.",
        "steps": [
          "Start with the current contract and token export, recording version and digest in the design handoff.",
          "Map semantic token names to variables and preserve light/dark modes. Record Figma file, component/node, variable and mode IDs.",
          "Review the same anatomy, states and component interactions; submit changes to the canonical package and reconcile the Figma library after approval."
        ],
        "docs_url": "https://developers.figma.com/docs/rest-api/variables/"
      },
      {
        "id": "claude-design",
        "label": "Claude Design",
        "status": "setup-and-verification-required",
        "summary": "Use this repository as the linked component source and provide the current guidance and token packet. Organization design-system setup is a separate reviewed action.",
        "steps": [
          "Connect the design repository or provide the current contract packet using the supported design-system setup workflow.",
          "Include semantic tokens, real component source, named states and explicit platform limitations.",
          "Return the design decisions, component IDs and source digest with the handoff to engineering; verify the result against this reference."
        ],
        "docs_url": "https://support.claude.com/en/articles/14604416-get-started-with-claude-design"
      }
    ],
    "product_workflow": [
      "Describe the user task, primary action and required data before choosing components.",
      "Identify default, empty, loading, error, success and permission-dependent states that apply.",
      "Choose existing components and record any uncovered behavior as a proposed extension.",
      "Review the complete flow with design and the target platform engineer, including content and accessibility."
    ],
    "change_policy": [
      {
        "title": "Propose a traceable change",
        "description": "Name the user need, affected component/token, current version, changed behavior and impacted platforms. Include before/after states and a migration plan for breaking changes."
      },
      {
        "title": "Review the implementation",
        "description": "Change canonical source and its stories/specification together. Regenerate the site and agent records, run the checks, and obtain the required independent review."
      },
      {
        "title": "Release and verify consumers",
        "description": "Use the repository release workflow after all gates pass. Verify the deployed site reports the same content digest. Native/Vue/Figma adoption requires its own consumer evidence."
      },
      {
        "title": "Preserve compatibility",
        "description": "Deprecate before removing public tokens or APIs. Document replacements and consumer migration evidence. A site deployment does not silently approve or upgrade every downstream application."
      }
    ],
    "review_cases": [
      {
        "id": "choose-and-compose",
        "title": "Choose and compose a real flow",
        "audience": "Product and design",
        "task": "Design a protected-email flow with invalid input, pending work and successful confirmation.",
        "expected": [
          "Choose Field, Input and Button from current records.",
          "Explain component choices and preserve the full state sequence."
        ],
        "evidence": [
          "A working flow, source version/digest and a list of uncovered requirements."
        ]
      },
      {
        "id": "card-api",
        "title": "Build beyond the curated examples",
        "audience": "React and coding agents",
        "task": "Implement a metric Card with a delta, sectioned rows and a pressable footer using its current contract.",
        "expected": [
          "Find the exact public API and all named Card stories.",
          "Preserve composition constraints, keyboard behavior, accessible list semantics and both themes."
        ],
        "evidence": [
          "Type-check output, interaction results and a rendered comparison."
        ]
      },
      {
        "id": "portable-platform",
        "title": "Adapt without inventing parity",
        "audience": "Vue, Swift and Kotlin",
        "task": "Adapt a labeled input and primary action to the target framework.",
        "expected": [
          "Separate shared design intent from React-specific API.",
          "Account for typography scaling, dimensions, safe areas and native semantics.",
          "Identify unimplemented adapters and unresolved token conversions."
        ],
        "evidence": [
          "A compiled consumer, platform-specific accessibility checks and documented differences."
        ]
      },
      {
        "id": "design-tool-handoff",
        "title": "Reconcile the design artifact",
        "audience": "Figma and Claude Design",
        "task": "Recreate a Card and form state from the current package and hand it to engineering.",
        "expected": [
          "Use the current semantic token names and component IDs.",
          "Record the source version plus design-file/component identifiers.",
          "Report differences rather than assuming imported Figma approval establishes parity."
        ],
        "evidence": [
          "A traceable artifact and a comparison of states, theme values and interactions."
        ]
      },
      {
        "id": "agent-roundtrip",
        "title": "Retrieve the same answer in every agent",
        "audience": "Codex, Claude Code, Grok and Cursor",
        "task": "Ask for Card, an invalid input and dark-theme danger text through the available transport.",
        "expected": [
          "Retrieve the same version, digest, specification and token values through JSON/Markdown.",
          "Return explicit gaps for unsupported platforms or unknown component/token names.",
          "Do not fall back silently to legacy CDS 4.0 values."
        ],
        "evidence": [
          "The input task, returned component/token IDs, transport and digest."
        ]
      },
      {
        "id": "inclusive-use",
        "title": "Pressure-test the interaction",
        "audience": "Accessibility and platform reviewers",
        "task": "Navigate search and the component galleries by keyboard, then review Motion with reduced motion and a narrow viewport.",
        "expected": [
          "Focus stays visible and returns correctly when search closes.",
          "Every story remains reachable with a useful empty state.",
          "Motion starts only through explicit activation and respects preference changes."
        ],
        "evidence": [
          "Keyboard results, target browser/device, theme, viewport and assistive-technology findings."
        ]
      }
    ],
    "accessibility": {
      "scope": "Automated checks and targeted browser verification provide bounded evidence. No blanket WCAG certification or complete screen-reader/platform coverage is claimed.",
      "required_checks": [
        "Accessible names, labels, roles, values and live status messages.",
        "Keyboard focus order, visible focus, dismissal and restoration.",
        "Contrast for the actual foreground/background/state pair in each theme.",
        "Reflow, browser zoom, long/localized content, touch targets and text scaling.",
        "Reduced motion and preference changes during an interaction."
      ],
      "known_gaps": [
        "Full-library manual VoiceOver and TalkBack coverage is not established.",
        "Vue, Swift and Kotlin consumers need their own compiled and accessibility verification.",
        "The imported web typography scale clamps its host-driven font-scale variable; native accessibility text sizes require separate adaptation and review."
      ]
    },
    "review_evidence_fields": [
      "component_id",
      "system_version",
      "content_digest",
      "platform",
      "story_or_state",
      "viewport_and_theme",
      "reproduction_steps",
      "expected_behavior",
      "actual_behavior",
      "severity",
      "evidence",
      "proposed_fix"
    ],
    "references": [
      {
        "title": "Design Tokens Format 2025.10",
        "url": "https://www.designtokens.org/tr/2025.10/format/"
      },
      {
        "title": "MCP resources",
        "url": "https://modelcontextprotocol.io/specification/2025-11-25/server/resources"
      }
    ],
    "figma": {
      "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release",
      "name": "Cloaked Design System 4.0 (2026) - Release",
      "status": "legacy-provenance",
      "current_parity": "not-verified",
      "nodes": [
        {
          "id": "45:79021",
          "name": "Logo",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=45-79021",
          "classification": "foundation-source"
        },
        {
          "id": "12923:25",
          "name": "Color",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12923-25",
          "classification": "foundation-source"
        },
        {
          "id": "12923:24",
          "name": "Typography",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12923-24",
          "classification": "foundation-source"
        },
        {
          "id": "12923:26",
          "name": "Icon ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12923-26",
          "classification": "foundation-source"
        },
        {
          "id": "12923:1652",
          "name": "Shadows",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12923-1652",
          "classification": "foundation-source"
        },
        {
          "id": "12968:1470",
          "name": "Corner Radius",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12968-1470",
          "classification": "foundation-source"
        },
        {
          "id": "12968:1469",
          "name": "Materials and Surfaces",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12968-1469",
          "classification": "foundation-source"
        },
        {
          "id": "14921:45387",
          "name": "Motion",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=14921-45387",
          "classification": "foundation-source"
        },
        {
          "id": "13145:4072",
          "name": "Top Bar ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=13145-4072",
          "classification": "component-source"
        },
        {
          "id": "15158:31537",
          "name": "App Toolbar ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=15158-31537",
          "classification": "component-source"
        },
        {
          "id": "12923:27",
          "name": "Button ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12923-27",
          "classification": "component-source"
        },
        {
          "id": "12968:1497",
          "name": "Navigation ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12968-1497",
          "classification": "component-source"
        },
        {
          "id": "13767:71214",
          "name": "Toggles ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=13767-71214",
          "classification": "component-source"
        },
        {
          "id": "14548:48352",
          "name": "Segmented controls ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=14548-48352",
          "classification": "component-source"
        },
        {
          "id": "16212:31679",
          "name": "Chip ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=16212-31679",
          "classification": "component-source"
        },
        {
          "id": "12969:69179",
          "name": "Form Field ",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12969-69179",
          "classification": "component-source"
        },
        {
          "id": "12968:1498",
          "name": "Menu",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12968-1498",
          "classification": "component-source"
        },
        {
          "id": "14927:19495",
          "name": "Progress Indicators",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=14927-19495",
          "classification": "component-source"
        },
        {
          "id": "12969:49433",
          "name": "List",
          "url": "https://www.figma.com/design/vyFqig4bd3ALLFMC7CFmA0/Cloaked-Design-System-4.0--2026----Release?node-id=12969-49433",
          "classification": "component-source"
        }
      ]
    },
    "token_exports": {
      "json": "/data/token-contracts.json",
      "light": "/data/tokens.light.tokens.json",
      "dark": "/data/tokens.dark.tokens.json",
      "coverage": {
        "total": 256,
        "portable": 245,
        "requires_translation": 11
      }
    }
  },
  "scope": "Current preview contracts and real local stories cover all 66 component families. Three contracts include curated implementation guidance; the remaining contracts derive their API from source. Platform support, review provenance and missing facts are explicit. Shared tokens, visual foundations and the protected-email pattern use the same source.",
  "source_order": [
    "packages/design-system/catalog.json",
    "packages/design-system/foundations.json",
    "packages/design-system/src",
    "packages/design-system/examples",
    "content/storybook/snapshot.json (frozen upstream provenance)",
    "registry/ (site metadata and legacy compatibility)"
  ],
  "foundations": [
    {
      "id": "tokens",
      "name": "All tokens",
      "summary": "See how color, type, space, shape, and movement work together. Start with a visual example, then inspect the exact definitions.",
      "demo": "foundation-overview",
      "links": {
        "human": "/tokens",
        "json": "/data/foundations/tokens.json"
      }
    },
    {
      "id": "color",
      "name": "Color",
      "summary": "A calm foundation, a clear hierarchy, and color that means something. The same roles work in light and dark.",
      "demo": "color-pairings",
      "links": {
        "human": "/color",
        "json": "/data/foundations/color.json"
      }
    },
    {
      "id": "typography",
      "name": "Typography",
      "summary": "Give the message a clear hierarchy. Compare the real type styles, try your own words, and see each role in context.",
      "demo": "foundation-typography",
      "links": {
        "human": "/typography",
        "json": "/data/foundations/typography.json"
      }
    },
    {
      "id": "spacing",
      "name": "Spacing",
      "summary": "Use space to explain what belongs together. Compare the scale and adjust real padding and gaps in a small composition.",
      "demo": "foundation-spacing",
      "links": {
        "human": "/spacing",
        "json": "/data/foundations/spacing.json"
      }
    },
    {
      "id": "radius",
      "name": "Radius",
      "summary": "See what a corner changes. Compare every radius on the same geometry, then apply one to a contextual container.",
      "demo": "foundation-radius",
      "links": {
        "human": "/radius",
        "json": "/data/foundations/radius.json"
      }
    },
    {
      "id": "shadows",
      "name": "Shadows",
      "summary": "Compare subtle separation with an elevated layer. See the two defined shadows on real surfaces, including a flat reference.",
      "demo": "foundation-shadows",
      "links": {
        "human": "/shadows",
        "json": "/data/foundations/shadows.json"
      }
    },
    {
      "id": "surfaces",
      "name": "Surfaces",
      "summary": "Build a clear sense of place. Explore page, content, input, and inverse surfaces in one readable composition.",
      "demo": "foundation-surfaces",
      "links": {
        "human": "/surfaces",
        "json": "/data/foundations/surfaces.json"
      }
    },
    {
      "id": "motion",
      "name": "Motion",
      "summary": "Compare the complete easing and duration scales, then see how real components use motion to explain changes.",
      "demo": "foundation-motion",
      "links": {
        "human": "/motion",
        "json": "/data/foundations/motion.json"
      }
    }
  ],
  "components": [
    {
      "id": "card",
      "name": "Card",
      "category": "Cards",
      "summary": "The generic surface primitive, composed from typed slots for regions, text, and summary figures, and optionally pressable.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-card",
        "json": "/data/components/card.json",
        "markdown": "/data/components/card.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-cards-card--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "selectioncard",
      "name": "SelectionCard",
      "category": "Cards",
      "summary": "A tappable option card for choice grids, with a title, description, optional check control, and selected state.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-selectioncard",
        "json": "/data/components/selectioncard.json",
        "markdown": "/data/components/selectioncard.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-cards-selectioncard--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "chip",
      "name": "Chip",
      "category": "Controls",
      "summary": "A compact pill in one of four shapes: selectable, command, removable, or readonly. Never more than one.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-chip",
        "json": "/data/components/chip.json",
        "markdown": "/data/components/chip.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-chip--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "chipgroup",
      "name": "ChipGroup",
      "category": "Controls",
      "summary": "A labelled set of chips, announced as one group rather than as loose controls.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-chipgroup",
        "json": "/data/components/chipgroup.json",
        "markdown": "/data/components/chipgroup.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-chipgroup--filters"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "dropdown",
      "name": "Dropdown",
      "category": "Controls",
      "summary": "A compact disclosure trigger that reflects the current value and expanded state while a parent owns the associated menu or sheet.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-dropdown",
        "json": "/data/components/dropdown.json",
        "markdown": "/data/components/dropdown.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-dropdown--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "menu",
      "name": "Menu",
      "category": "Controls",
      "summary": "A compact row list that switches between one-off action semantics and controlled single-selection semantics.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-menu",
        "json": "/data/components/menu.json",
        "markdown": "/data/components/menu.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-menu--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "segmentedcontrol",
      "name": "SegmentedControl",
      "category": "Controls",
      "summary": "A list of buttons for switching one view mode, with the selected option marked by aria-current.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-segmentedcontrol",
        "json": "/data/components/segmentedcontrol.json",
        "markdown": "/data/components/segmentedcontrol.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-segmentedcontrol--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "tabs",
      "name": "Tabs",
      "category": "Controls",
      "summary": "A horizontal tab list for choosing one sibling content panel, with a bold underline marking the controlled active tab.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-tabs",
        "json": "/data/components/tabs.json",
        "markdown": "/data/components/tabs.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-tabs--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "autocomplete",
      "name": "Autocomplete",
      "category": "Forms",
      "summary": "A controlled search field with inline, sheet, or fullscreen result presentation and explicit loading, error, empty, and disabled states.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-autocomplete",
        "json": "/data/components/autocomplete.json",
        "markdown": "/data/components/autocomplete.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-autocomplete--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "datepicker",
      "name": "DatePicker",
      "category": "Forms",
      "summary": "A form trigger that presents bounded month, day, and year wheels and commits one ISO calendar date on confirmation.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-datepicker",
        "json": "/data/components/datepicker.json",
        "markdown": "/data/components/datepicker.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-datepicker--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "field",
      "name": "Field",
      "category": "Forms",
      "summary": "Own the label, helper text, and error for exactly one form control.",
      "status": "preview",
      "contract_kind": "curated",
      "contract_status": "preview",
      "links": {
        "human": "/component-field",
        "json": "/data/components/field.json",
        "markdown": "/data/components/field.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-field--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "radiogroup",
      "name": "RadioGroup",
      "category": "Forms",
      "summary": "A controlled single-choice field that stacks labelled options as divider-separated selection rows.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-radiogroup",
        "json": "/data/components/radiogroup.json",
        "markdown": "/data/components/radiogroup.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-radiogroup--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "searchfield",
      "name": "SearchField",
      "category": "Forms",
      "summary": "A controlled search input with search icon, return-key callback, optional loading indicator, and value-dependent clear action.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-searchfield",
        "json": "/data/components/searchfield.json",
        "markdown": "/data/components/searchfield.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-searchfield--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "select",
      "name": "Select",
      "category": "Forms",
      "summary": "A single-choice form control whose trigger opens a mobile option sheet and mirrors the committed value into form submission.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-select",
        "json": "/data/components/select.json",
        "markdown": "/data/components/select.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-select--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "textarea",
      "name": "Textarea",
      "category": "Forms",
      "summary": "A controlled multiline form field with configurable rows, semantic surfaces, and native length constraints.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-textarea",
        "json": "/data/components/textarea.json",
        "markdown": "/data/components/textarea.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-textarea--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "background",
      "name": "Background",
      "category": "Layout",
      "summary": "A detail-screen container that paints a surface, fills height, and aligns its content with token-scale padding and safe-area insets.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-background",
        "json": "/data/components/background.json",
        "markdown": "/data/components/background.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-background--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "carousel",
      "name": "Carousel",
      "category": "Layout",
      "summary": "A horizontal snap carousel backed by native scroll-snap, with optional controls, dots, autoplay, loop, and peek.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-carousel",
        "json": "/data/components/carousel.json",
        "markdown": "/data/components/carousel.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-carousel--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "grid",
      "name": "Grid",
      "category": "Layout",
      "summary": "An equal-width column grid backed by CSS Grid, column-first with token-scale gaps and cell alignment.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-grid",
        "json": "/data/components/grid.json",
        "markdown": "/data/components/grid.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-grid--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "hstack",
      "name": "HStack",
      "category": "Layout",
      "summary": "A horizontal flex row with a token-scale gap, cross-axis alignment, main-axis distribution, wrap, and scroll options.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-hstack",
        "json": "/data/components/hstack.json",
        "markdown": "/data/components/hstack.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-hstack--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "screen",
      "name": "Screen",
      "category": "Layout",
      "summary": "A full-height route scaffold that paints the surface, applies safe-area insets, and hosts sticky header and footer chrome around a scrolling body. Chrome padding is fixed by the system; only the body's padding is authorable.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-screen",
        "json": "/data/components/screen.json",
        "markdown": "/data/components/screen.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-screen--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "vstack",
      "name": "VStack",
      "category": "Layout",
      "summary": "A vertical flex column with a token-scale gap, cross-axis alignment, main-axis distribution, wrap, and scroll options.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-vstack",
        "json": "/data/components/vstack.json",
        "markdown": "/data/components/vstack.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-vstack--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "accordion",
      "name": "Accordion",
      "category": "Organization",
      "summary": "Grouped disclosure of independent expandable sections driven by an items array, with animated panels.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-accordion",
        "json": "/data/components/accordion.json",
        "markdown": "/data/components/accordion.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-accordion--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "faq",
      "name": "Faq",
      "category": "Organization",
      "summary": "Question discovery in a feature-toned card carousel or a related-question list. The host owns answers and navigation; this family exposes Faq.Carousel and Faq.List, not a callable Faq root.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-faq",
        "json": "/data/components/faq.json",
        "markdown": "/data/components/faq.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-faq--monitoring"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "list",
      "name": "List",
      "category": "Organization",
      "summary": "A rich list container that stacks rows with automatic hairlines, groups them with sections, and reveals extras inline via disclosure.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-list",
        "json": "/data/components/list.json",
        "markdown": "/data/components/list.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-list--sections"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "listitem",
      "name": "ListItem",
      "category": "Organization / List",
      "summary": "A row composed from leading, text and trailing slots, with selection, progress, stat, empty and icon helpers. Public consumers import List and use List.Item; ListItem is not a separate package-root export.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-listitem",
        "json": "/data/components/listitem.json",
        "markdown": "/data/components/listitem.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-list-item--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "sectionheader",
      "name": "SectionHeader",
      "category": "Organization",
      "summary": "A standalone content heading row with optional leading and trailing slots, sized small, default, or large.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-sectionheader",
        "json": "/data/components/sectionheader.json",
        "markdown": "/data/components/sectionheader.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-sectionheader--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "bottomsheet",
      "name": "BottomSheet",
      "category": "Overlays",
      "summary": "A mobile bottom-sheet dialog with sheet or full-screen chrome, height presets, swipe-to-dismiss, and optional header and body slots.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-bottomsheet",
        "json": "/data/components/bottomsheet.json",
        "markdown": "/data/components/bottomsheet.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-overlays-bottomsheet--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "dialog",
      "name": "Dialog",
      "category": "Overlays",
      "summary": "A controlled alert dialog for explicit decisions, with slotted title and supporting-copy parts, a required primary action, an optional safe secondary action, and an optional transient error region.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-dialog",
        "json": "/data/components/dialog.json",
        "markdown": "/data/components/dialog.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-overlays-dialog--destructive"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "toast",
      "name": "Toast",
      "category": "Overlays",
      "summary": "A transient feedback banner with variant color, viewport position, optional icon, action, and dismiss control.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-toast",
        "json": "/data/components/toast.json",
        "markdown": "/data/components/toast.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-overlays-toast--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "animatednumber",
      "name": "AnimatedNumber",
      "category": "Primitives",
      "summary": "A numeric readout that moves from its previous value to a new target while keeping the settled value accessible.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-animatednumber",
        "json": "/data/components/animatednumber.json",
        "markdown": "/data/components/animatednumber.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-animatednumber--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "avatar",
      "name": "Avatar",
      "category": "Primitives",
      "summary": "A circular identity mark for a person, account, or brand, with resilient image fallbacks.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-avatar",
        "json": "/data/components/avatar.json",
        "markdown": "/data/components/avatar.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-avatar--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "avatargroup",
      "name": "AvatarGroup",
      "category": "Primitives",
      "summary": "An overlapping cluster of same-size identity marks with a surface-matched separating ring and optional overflow count.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-avatargroup",
        "json": "/data/components/avatargroup.json",
        "markdown": "/data/components/avatargroup.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-avatargroup--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "button",
      "name": "Button",
      "category": "Primitives",
      "summary": "Make the next action clear with one primary button and quieter supporting actions.",
      "status": "preview",
      "contract_kind": "curated",
      "contract_status": "preview",
      "links": {
        "human": "/component-button",
        "json": "/data/components/button.json",
        "markdown": "/data/components/button.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-button--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "checkbox",
      "name": "Checkbox",
      "category": "Primitives",
      "summary": "A controlled round multi-select control that toggles one item without committing an entire form.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-checkbox",
        "json": "/data/components/checkbox.json",
        "markdown": "/data/components/checkbox.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-checkbox--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "divider",
      "name": "Divider",
      "category": "Primitives",
      "summary": "A full-width content separator that renders either a labeled section band or a plain hairline.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-divider",
        "json": "/data/components/divider.json",
        "markdown": "/data/components/divider.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-divider--section-on-page"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "flag",
      "name": "Flag",
      "category": "Primitives",
      "summary": "A country flag as a circular mark, drawn from vendored artwork so it is consistent across platforms and controllable in a flat interface.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-flag",
        "json": "/data/components/flag.json",
        "markdown": "/data/components/flag.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-flag--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "floatingactionbutton",
      "name": "FloatingActionButton",
      "category": "Primitives",
      "summary": "A circular frosted-glass action button that floats over screen content in the bottom-right corner.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-floatingactionbutton",
        "json": "/data/components/floatingactionbutton.json",
        "markdown": "/data/components/floatingactionbutton.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-floatingactionbutton--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "floatingactionmenubutton",
      "name": "FloatingActionMenuButton",
      "category": "Primitives",
      "summary": "A floating-action circle whose press opens an anchored menu of related actions above it.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-floatingactionmenubutton",
        "json": "/data/components/floatingactionmenubutton.json",
        "markdown": "/data/components/floatingactionmenubutton.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-floatingactionmenubutton--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "glyph",
      "name": "Glyph",
      "category": "Primitives / Iconography",
      "summary": "The unstyled glyph atom: a registered SVG drawing rendered at 1em and currentColor, inheriting size and color from context. The design language calls the concept a Symbol; the web implementation is exported as Glyph because the JS global and SF Symbols already own the Symbol name.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-glyph",
        "json": "/data/components/glyph.json",
        "markdown": "/data/components/glyph.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-symbol--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "icon",
      "name": "Icon",
      "category": "Primitives / Iconography",
      "summary": "The opinionated render of a Symbol: a Glyph at a token size with semantic colors and decorative or meaningful accessibility.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-icon",
        "json": "/data/components/icon.json",
        "markdown": "/data/components/icon.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-icon--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "icontile",
      "name": "IconTile",
      "category": "Primitives / Iconography",
      "summary": "A design-system glyph centered in a circular semantic tone for status, brand, or product-feature identity.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-icontile",
        "json": "/data/components/icontile.json",
        "markdown": "/data/components/icontile.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-icontile--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "input",
      "name": "Input",
      "category": "Primitives",
      "summary": "A controlled text input, paired with Field for a persistent label and useful validation.",
      "status": "preview",
      "contract_kind": "curated",
      "contract_status": "preview",
      "links": {
        "human": "/component-input",
        "json": "/data/components/input.json",
        "markdown": "/data/components/input.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-input--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "radio",
      "name": "Radio",
      "category": "Primitives",
      "summary": "A controlled round single-select control that selects an option without deselecting the current option on a second press.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-radio",
        "json": "/data/components/radio.json",
        "markdown": "/data/components/radio.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-radio--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "sficon",
      "name": "SFIcon",
      "category": "Primitives / Iconography",
      "summary": "An Apple SF Symbol rendered from the app-generated supported-symbol map with token sizes and semantic foregrounds.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-sficon",
        "json": "/data/components/sficon.json",
        "markdown": "/data/components/sficon.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-sficon--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "selectionindicator",
      "name": "SelectionIndicator",
      "category": "Primitives",
      "summary": "An internal, presentational selection mark shared by public Checkbox, Radio, RadioGroup and list selection rows. It is not a package-root export and must not be used as an interactive control.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-selectionindicator",
        "json": "/data/components/selectionindicator.json",
        "markdown": "/data/components/selectionindicator.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-selectionindicator--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        },
        {
          "code": "public-export-unavailable",
          "detail": "This is an internal implementation helper, not a package-root export. Use its public parent controls."
        }
      ]
    },
    {
      "id": "skeleton",
      "name": "Skeleton",
      "category": "Primitives",
      "summary": "A decorative shimmer placeholder that preserves the expected text, avatar, or block layout while content loads.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-skeleton",
        "json": "/data/components/skeleton.json",
        "markdown": "/data/components/skeleton.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-skeleton--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "tag",
      "name": "Tag",
      "category": "Primitives",
      "summary": "The single non-interactive marker: a compact pill carrying a status, a label, or a piece of metadata.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-tag",
        "json": "/data/components/tag.json",
        "markdown": "/data/components/tag.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-tag--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "text",
      "name": "Text",
      "category": "Primitives",
      "summary": "The shared typography primitive for every display, heading, body, link, and overline ramp with semantic foregrounds and optional line clamping.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-text",
        "json": "/data/components/text.json",
        "markdown": "/data/components/text.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-text--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        },
        {
          "code": "literal-values-in-source",
          "detail": "Literal sets larger than 100 values remain in the referenced type source; an incomplete enum is never presented as exhaustive."
        }
      ]
    },
    {
      "id": "toggle",
      "name": "Toggle",
      "category": "Primitives",
      "summary": "A controlled solid switch for a single setting that takes effect immediately.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-toggle",
        "json": "/data/components/toggle.json",
        "markdown": "/data/components/toggle.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-toggle--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "banner",
      "name": "Banner",
      "category": "Status",
      "summary": "An inline advisory strip that annotates present content with a title or eyebrow, a message, and an optional icon, action, and dismiss control.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-banner",
        "json": "/data/components/banner.json",
        "markdown": "/data/components/banner.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-banner--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "emptystate",
      "name": "EmptyState",
      "category": "Status",
      "summary": "A calm full-region placeholder that centers a title, optional description, icon, and recovery action when an area has nothing to show.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-emptystate",
        "json": "/data/components/emptystate.json",
        "markdown": "/data/components/emptystate.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-emptystate--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "progress",
      "name": "Progress",
      "category": "Status",
      "summary": "A determinate progress family in three shapes: a linear Bar, a segmented Steps counter, and a circular Ring.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-progress",
        "json": "/data/components/progress.json",
        "markdown": "/data/components/progress.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-progress--bar"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "spinner",
      "name": "Spinner",
      "category": "Status",
      "summary": "An indeterminate circular loading indicator for states where duration is unknown, sized and toned for inline or centered use.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-spinner",
        "json": "/data/components/spinner.json",
        "markdown": "/data/components/spinner.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-spinner--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "statusindicator",
      "name": "StatusIndicator",
      "category": "Status",
      "summary": "A quiet inline status: a tone-colored dot beside neutral label text, shared across card and list surfaces.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-statusindicator",
        "json": "/data/components/statusindicator.json",
        "markdown": "/data/components/statusindicator.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-statusindicator--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "timeline",
      "name": "Timeline",
      "category": "Status",
      "summary": "An ordered sequence of events with per-item state, connectors, titles, timestamps, and vertical or horizontal flow.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-timeline",
        "json": "/data/components/timeline.json",
        "markdown": "/data/components/timeline.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-timeline--playground"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "actionorbs",
      "name": "ActionOrbs",
      "category": "Visualizations",
      "summary": "Overlapping proportional circles for a small summary set, a hero glance where relative magnitude matters more than exact counts, with a gentle breathing motion.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-actionorbs",
        "json": "/data/components/actionorbs.json",
        "markdown": "/data/components/actionorbs.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-actionorbs--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "barchart",
      "name": "BarChart",
      "category": "Visualizations",
      "summary": "Vertical bars over an ordered sequence, the interactive chart member: an optional drag or keyboard scrubber plus a range toggle, with single-value or stacked bars.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-barchart",
        "json": "/data/components/barchart.json",
        "markdown": "/data/components/barchart.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-barchart--interactive"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "bubblematrix",
      "name": "BubbleMatrix",
      "category": "Visualizations",
      "summary": "A scan-style scatter of category badges and nodes drawn on a canvas, a decorative we-are-combing-your-data visual sized by category value rather than a precise chart.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-bubblematrix",
        "json": "/data/components/bubblematrix.json",
        "markdown": "/data/components/bubblematrix.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-bubblematrix--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "burstgraph",
      "name": "BurstGraph",
      "category": "Visualizations",
      "summary": "A radial burst drawn on a canvas, with category-colored points spraying outward distributed by value, for decorative categorical texture.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-burstgraph",
        "json": "/data/components/burstgraph.json",
        "markdown": "/data/components/burstgraph.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-burstgraph--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "categorybars",
      "name": "CategoryBars",
      "category": "Visualizations",
      "summary": "Horizontal labeled bars for a ranked breakdown of a handful of named categories with their counts visible, the read-the-numbers chart in the family.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-categorybars",
        "json": "/data/components/categorybars.json",
        "markdown": "/data/components/categorybars.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-categorybars--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "compositionbar",
      "name": "CompositionBar",
      "category": "Visualizations",
      "summary": "A single horizontal bar split into proportional, color-coded segments — each category's share of the total, the composition read for open-ended counts with no fixed maximum.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-compositionbar",
        "json": "/data/components/compositionbar.json",
        "markdown": "/data/components/compositionbar.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-compositionbar--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "globe",
      "name": "Globe",
      "category": "Visualizations",
      "summary": "An orthographic globe drawn on a canvas, as either a land-dot field or a coastline wireframe, with optional location markers, for decorative geography.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-globe",
        "json": "/data/components/globe.json",
        "markdown": "/data/components/globe.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-globe--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "halfgauge",
      "name": "HalfGauge",
      "category": "Visualizations",
      "summary": "A semicircular 0-100 dial for a single neutral progress or score value, with a low-to-high gradient sweep and clamped out-of-range input.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-halfgauge",
        "json": "/data/components/halfgauge.json",
        "markdown": "/data/components/halfgauge.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-halfgauge--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "linechart",
      "name": "LineChart",
      "category": "Visualizations",
      "summary": "One or more smoothed trend lines over time, with tone-driven series colors and optional dimmed, dashed ghost baselines for projections or comparisons.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-linechart",
        "json": "/data/components/linechart.json",
        "markdown": "/data/components/linechart.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-linechart--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "metriclinechartcard",
      "name": "MetricLineChartCard",
      "category": "Visualizations",
      "summary": "A dashboard KPI tile that pairs a headline value and optional stat delta with an inline LineChart inside a Card, falling back to placeholder copy when no series can render.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-metriclinechartcard",
        "json": "/data/components/metriclinechartcard.json",
        "markdown": "/data/components/metriclinechartcard.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-metriclinechartcard--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    },
    {
      "id": "riskmeter",
      "name": "RiskMeter",
      "category": "Visualizations",
      "summary": "A horizontal 0-100 track carrying a low-to-high risk gradient for a single severity value, marked with a thumb handle or a you-are-here pointer.",
      "status": "preview",
      "contract_kind": "source-derived",
      "contract_status": "preview",
      "links": {
        "human": "/component-riskmeter",
        "json": "/data/components/riskmeter.json",
        "markdown": "/data/components/riskmeter.md",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-riskmeter--default"
      },
      "missing_facts": [
        {
          "code": "human-review-pending",
          "detail": "This local preview has no recorded human design or engineering sign-off."
        },
        {
          "code": "platform-parity-unverified",
          "detail": "Vue, Swift and Kotlin implementations are absent from this package; platform parity has not been verified."
        },
        {
          "code": "figma-mapping-unverified",
          "detail": "No current component-level Figma node and immutable revision have been verified for this contract."
        }
      ]
    }
  ],
  "contract_coverage": {
    "total": 66,
    "curated": 3,
    "source_derived": 63,
    "structured_specifications": 66
  },
  "patterns": [
    {
      "id": "protected-email",
      "name": "Create a protected email",
      "summary": "A local simulation of choosing a recognizable label, validating input, creating an address, and confirming the result.",
      "links": {
        "human": "/pattern-protected-email",
        "json": "/data/patterns/protected-email.json"
      }
    }
  ],
  "tokens": {
    "count": 256,
    "url": "/data/tokens.json",
    "source": [
      "packages/design-system/src/tokens/primitives.css",
      "packages/design-system/src/tokens/spacing.css",
      "packages/design-system/src/tokens/sizing.css",
      "packages/design-system/src/tokens/shape.css",
      "packages/design-system/src/tokens/effects.css",
      "packages/design-system/src/tokens/typography.css",
      "packages/design-system/src/tokens/themes.css",
      "packages/design-system/src/tokens/motion.css"
    ]
  },
  "imported_components": [
    {
      "id": "Card",
      "status": "source-derived-preview",
      "url": "/component-card"
    },
    {
      "id": "SelectionCard",
      "status": "source-derived-preview",
      "url": "/component-selectioncard"
    },
    {
      "id": "Chip",
      "status": "source-derived-preview",
      "url": "/component-chip"
    },
    {
      "id": "ChipGroup",
      "status": "source-derived-preview",
      "url": "/component-chipgroup"
    },
    {
      "id": "Dropdown",
      "status": "source-derived-preview",
      "url": "/component-dropdown"
    },
    {
      "id": "Menu",
      "status": "source-derived-preview",
      "url": "/component-menu"
    },
    {
      "id": "SegmentedControl",
      "status": "source-derived-preview",
      "url": "/component-segmentedcontrol"
    },
    {
      "id": "Tabs",
      "status": "source-derived-preview",
      "url": "/component-tabs"
    },
    {
      "id": "Autocomplete",
      "status": "source-derived-preview",
      "url": "/component-autocomplete"
    },
    {
      "id": "DatePicker",
      "status": "source-derived-preview",
      "url": "/component-datepicker"
    },
    {
      "id": "RadioGroup",
      "status": "source-derived-preview",
      "url": "/component-radiogroup"
    },
    {
      "id": "SearchField",
      "status": "source-derived-preview",
      "url": "/component-searchfield"
    },
    {
      "id": "Select",
      "status": "source-derived-preview",
      "url": "/component-select"
    },
    {
      "id": "Textarea",
      "status": "source-derived-preview",
      "url": "/component-textarea"
    },
    {
      "id": "Background",
      "status": "source-derived-preview",
      "url": "/component-background"
    },
    {
      "id": "Carousel",
      "status": "source-derived-preview",
      "url": "/component-carousel"
    },
    {
      "id": "Grid",
      "status": "source-derived-preview",
      "url": "/component-grid"
    },
    {
      "id": "HStack",
      "status": "source-derived-preview",
      "url": "/component-hstack"
    },
    {
      "id": "Screen",
      "status": "source-derived-preview",
      "url": "/component-screen"
    },
    {
      "id": "VStack",
      "status": "source-derived-preview",
      "url": "/component-vstack"
    },
    {
      "id": "Accordion",
      "status": "source-derived-preview",
      "url": "/component-accordion"
    },
    {
      "id": "Faq",
      "status": "source-derived-preview",
      "url": "/component-faq"
    },
    {
      "id": "List",
      "status": "source-derived-preview",
      "url": "/component-list"
    },
    {
      "id": "ListItem",
      "status": "source-derived-preview",
      "url": "/component-listitem"
    },
    {
      "id": "SectionHeader",
      "status": "source-derived-preview",
      "url": "/component-sectionheader"
    },
    {
      "id": "BottomSheet",
      "status": "source-derived-preview",
      "url": "/component-bottomsheet"
    },
    {
      "id": "Dialog",
      "status": "source-derived-preview",
      "url": "/component-dialog"
    },
    {
      "id": "Toast",
      "status": "source-derived-preview",
      "url": "/component-toast"
    },
    {
      "id": "AnimatedNumber",
      "status": "source-derived-preview",
      "url": "/component-animatednumber"
    },
    {
      "id": "Avatar",
      "status": "source-derived-preview",
      "url": "/component-avatar"
    },
    {
      "id": "AvatarGroup",
      "status": "source-derived-preview",
      "url": "/component-avatargroup"
    },
    {
      "id": "Checkbox",
      "status": "source-derived-preview",
      "url": "/component-checkbox"
    },
    {
      "id": "Divider",
      "status": "source-derived-preview",
      "url": "/component-divider"
    },
    {
      "id": "Flag",
      "status": "source-derived-preview",
      "url": "/component-flag"
    },
    {
      "id": "FloatingActionButton",
      "status": "source-derived-preview",
      "url": "/component-floatingactionbutton"
    },
    {
      "id": "FloatingActionMenuButton",
      "status": "source-derived-preview",
      "url": "/component-floatingactionmenubutton"
    },
    {
      "id": "Glyph",
      "status": "source-derived-preview",
      "url": "/component-glyph"
    },
    {
      "id": "Icon",
      "status": "source-derived-preview",
      "url": "/component-icon"
    },
    {
      "id": "IconTile",
      "status": "source-derived-preview",
      "url": "/component-icontile"
    },
    {
      "id": "Radio",
      "status": "source-derived-preview",
      "url": "/component-radio"
    },
    {
      "id": "SFIcon",
      "status": "source-derived-preview",
      "url": "/component-sficon"
    },
    {
      "id": "SelectionIndicator",
      "status": "source-derived-preview",
      "url": "/component-selectionindicator"
    },
    {
      "id": "Skeleton",
      "status": "source-derived-preview",
      "url": "/component-skeleton"
    },
    {
      "id": "Tag",
      "status": "source-derived-preview",
      "url": "/component-tag"
    },
    {
      "id": "Text",
      "status": "source-derived-preview",
      "url": "/component-text"
    },
    {
      "id": "Toggle",
      "status": "source-derived-preview",
      "url": "/component-toggle"
    },
    {
      "id": "Banner",
      "status": "source-derived-preview",
      "url": "/component-banner"
    },
    {
      "id": "EmptyState",
      "status": "source-derived-preview",
      "url": "/component-emptystate"
    },
    {
      "id": "Progress",
      "status": "source-derived-preview",
      "url": "/component-progress"
    },
    {
      "id": "Spinner",
      "status": "source-derived-preview",
      "url": "/component-spinner"
    },
    {
      "id": "StatusIndicator",
      "status": "source-derived-preview",
      "url": "/component-statusindicator"
    },
    {
      "id": "Timeline",
      "status": "source-derived-preview",
      "url": "/component-timeline"
    },
    {
      "id": "ActionOrbs",
      "status": "source-derived-preview",
      "url": "/component-actionorbs"
    },
    {
      "id": "BarChart",
      "status": "source-derived-preview",
      "url": "/component-barchart"
    },
    {
      "id": "BubbleMatrix",
      "status": "source-derived-preview",
      "url": "/component-bubblematrix"
    },
    {
      "id": "BurstGraph",
      "status": "source-derived-preview",
      "url": "/component-burstgraph"
    },
    {
      "id": "CategoryBars",
      "status": "source-derived-preview",
      "url": "/component-categorybars"
    },
    {
      "id": "CompositionBar",
      "status": "source-derived-preview",
      "url": "/component-compositionbar"
    },
    {
      "id": "Globe",
      "status": "source-derived-preview",
      "url": "/component-globe"
    },
    {
      "id": "HalfGauge",
      "status": "source-derived-preview",
      "url": "/component-halfgauge"
    },
    {
      "id": "LineChart",
      "status": "source-derived-preview",
      "url": "/component-linechart"
    },
    {
      "id": "MetricLineChartCard",
      "status": "source-derived-preview",
      "url": "/component-metriclinechartcard"
    },
    {
      "id": "RiskMeter",
      "status": "source-derived-preview",
      "url": "/component-riskmeter"
    }
  ],
  "imported_provenance": {
    "repository": "cloakedinc/automation",
    "commit": "f96f416e1c3bfbfaffcd155a88b87b18b8bb25f1",
    "storybook_url": "https://animated-couscous-1vl7g65.pages.github.io",
    "package_version": "0.1.0",
    "committed_at": "2026-09-06T00:58:39.000Z"
  },
  "visual_reference": {
    "url": "/data/visual-catalog.json",
    "story_count": 476,
    "baseline_story_count": 476,
    "component_count": 66,
    "source_revision": "f96f416e1c3bfbfaffcd155a88b87b18b8bb25f1",
    "status": "preview"
  },
  "visual_components": [
    {
      "id": "card",
      "name": "Card",
      "category": "Cards",
      "contract_status": "preview",
      "story_count": 13,
      "links": {
        "human": "/component-card",
        "json": "/data/visual/components/card.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-cards-card--playground"
      }
    },
    {
      "id": "selectioncard",
      "name": "SelectionCard",
      "category": "Cards",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-selectioncard",
        "json": "/data/visual/components/selectioncard.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-cards-selectioncard--playground"
      }
    },
    {
      "id": "chip",
      "name": "Chip",
      "category": "Controls",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-chip",
        "json": "/data/visual/components/chip.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-chip--playground"
      }
    },
    {
      "id": "chipgroup",
      "name": "ChipGroup",
      "category": "Controls",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-chipgroup",
        "json": "/data/visual/components/chipgroup.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-chipgroup--filters"
      }
    },
    {
      "id": "dropdown",
      "name": "Dropdown",
      "category": "Controls",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-dropdown",
        "json": "/data/visual/components/dropdown.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-dropdown--playground"
      }
    },
    {
      "id": "menu",
      "name": "Menu",
      "category": "Controls",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-menu",
        "json": "/data/visual/components/menu.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-menu--playground"
      }
    },
    {
      "id": "segmentedcontrol",
      "name": "SegmentedControl",
      "category": "Controls",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-segmentedcontrol",
        "json": "/data/visual/components/segmentedcontrol.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-segmentedcontrol--playground"
      }
    },
    {
      "id": "tabs",
      "name": "Tabs",
      "category": "Controls",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-tabs",
        "json": "/data/visual/components/tabs.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-controls-tabs--playground"
      }
    },
    {
      "id": "autocomplete",
      "name": "Autocomplete",
      "category": "Forms",
      "contract_status": "preview",
      "story_count": 8,
      "links": {
        "human": "/component-autocomplete",
        "json": "/data/visual/components/autocomplete.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-autocomplete--playground"
      }
    },
    {
      "id": "datepicker",
      "name": "DatePicker",
      "category": "Forms",
      "contract_status": "preview",
      "story_count": 8,
      "links": {
        "human": "/component-datepicker",
        "json": "/data/visual/components/datepicker.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-datepicker--playground"
      }
    },
    {
      "id": "field",
      "name": "Field",
      "category": "Forms",
      "contract_status": "preview",
      "story_count": 12,
      "links": {
        "human": "/component-field",
        "json": "/data/visual/components/field.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-field--playground"
      }
    },
    {
      "id": "radiogroup",
      "name": "RadioGroup",
      "category": "Forms",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-radiogroup",
        "json": "/data/visual/components/radiogroup.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-radiogroup--playground"
      }
    },
    {
      "id": "searchfield",
      "name": "SearchField",
      "category": "Forms",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-searchfield",
        "json": "/data/visual/components/searchfield.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-searchfield--playground"
      }
    },
    {
      "id": "select",
      "name": "Select",
      "category": "Forms",
      "contract_status": "preview",
      "story_count": 10,
      "links": {
        "human": "/component-select",
        "json": "/data/visual/components/select.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-select--playground"
      }
    },
    {
      "id": "textarea",
      "name": "Textarea",
      "category": "Forms",
      "contract_status": "preview",
      "story_count": 9,
      "links": {
        "human": "/component-textarea",
        "json": "/data/visual/components/textarea.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-forms-textarea--playground"
      }
    },
    {
      "id": "background",
      "name": "Background",
      "category": "Layout",
      "contract_status": "preview",
      "story_count": 10,
      "links": {
        "human": "/component-background",
        "json": "/data/visual/components/background.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-background--playground"
      }
    },
    {
      "id": "carousel",
      "name": "Carousel",
      "category": "Layout",
      "contract_status": "preview",
      "story_count": 8,
      "links": {
        "human": "/component-carousel",
        "json": "/data/visual/components/carousel.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-carousel--playground"
      }
    },
    {
      "id": "grid",
      "name": "Grid",
      "category": "Layout",
      "contract_status": "preview",
      "story_count": 9,
      "links": {
        "human": "/component-grid",
        "json": "/data/visual/components/grid.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-grid--playground"
      }
    },
    {
      "id": "hstack",
      "name": "HStack",
      "category": "Layout",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-hstack",
        "json": "/data/visual/components/hstack.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-hstack--playground"
      }
    },
    {
      "id": "screen",
      "name": "Screen",
      "category": "Layout",
      "contract_status": "preview",
      "story_count": 13,
      "links": {
        "human": "/component-screen",
        "json": "/data/visual/components/screen.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-screen--playground"
      }
    },
    {
      "id": "vstack",
      "name": "VStack",
      "category": "Layout",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-vstack",
        "json": "/data/visual/components/vstack.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-layout-vstack--playground"
      }
    },
    {
      "id": "accordion",
      "name": "Accordion",
      "category": "Organization",
      "contract_status": "preview",
      "story_count": 8,
      "links": {
        "human": "/component-accordion",
        "json": "/data/visual/components/accordion.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-accordion--playground"
      }
    },
    {
      "id": "faq",
      "name": "Faq",
      "category": "Organization",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-faq",
        "json": "/data/visual/components/faq.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-faq--monitoring"
      }
    },
    {
      "id": "list",
      "name": "List",
      "category": "Organization",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-list",
        "json": "/data/visual/components/list.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-list--sections"
      }
    },
    {
      "id": "listitem",
      "name": "ListItem",
      "category": "Organization / List",
      "contract_status": "preview",
      "story_count": 19,
      "links": {
        "human": "/component-listitem",
        "json": "/data/visual/components/listitem.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-list-item--playground"
      }
    },
    {
      "id": "sectionheader",
      "name": "SectionHeader",
      "category": "Organization",
      "contract_status": "preview",
      "story_count": 11,
      "links": {
        "human": "/component-sectionheader",
        "json": "/data/visual/components/sectionheader.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-organization-sectionheader--default"
      }
    },
    {
      "id": "bottomsheet",
      "name": "BottomSheet",
      "category": "Overlays",
      "contract_status": "preview",
      "story_count": 12,
      "links": {
        "human": "/component-bottomsheet",
        "json": "/data/visual/components/bottomsheet.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-overlays-bottomsheet--playground"
      }
    },
    {
      "id": "dialog",
      "name": "Dialog",
      "category": "Overlays",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-dialog",
        "json": "/data/visual/components/dialog.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-overlays-dialog--destructive"
      }
    },
    {
      "id": "toast",
      "name": "Toast",
      "category": "Overlays",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-toast",
        "json": "/data/visual/components/toast.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-overlays-toast--playground"
      }
    },
    {
      "id": "animatednumber",
      "name": "AnimatedNumber",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-animatednumber",
        "json": "/data/visual/components/animatednumber.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-animatednumber--playground"
      }
    },
    {
      "id": "avatar",
      "name": "Avatar",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 10,
      "links": {
        "human": "/component-avatar",
        "json": "/data/visual/components/avatar.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-avatar--playground"
      }
    },
    {
      "id": "avatargroup",
      "name": "AvatarGroup",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 9,
      "links": {
        "human": "/component-avatargroup",
        "json": "/data/visual/components/avatargroup.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-avatargroup--playground"
      }
    },
    {
      "id": "button",
      "name": "Button",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 9,
      "links": {
        "human": "/component-button",
        "json": "/data/visual/components/button.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-button--playground"
      }
    },
    {
      "id": "checkbox",
      "name": "Checkbox",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-checkbox",
        "json": "/data/visual/components/checkbox.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-checkbox--playground"
      }
    },
    {
      "id": "divider",
      "name": "Divider",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-divider",
        "json": "/data/visual/components/divider.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-divider--section-on-page"
      }
    },
    {
      "id": "flag",
      "name": "Flag",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-flag",
        "json": "/data/visual/components/flag.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-flag--default"
      }
    },
    {
      "id": "floatingactionbutton",
      "name": "FloatingActionButton",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-floatingactionbutton",
        "json": "/data/visual/components/floatingactionbutton.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-floatingactionbutton--playground"
      }
    },
    {
      "id": "floatingactionmenubutton",
      "name": "FloatingActionMenuButton",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-floatingactionmenubutton",
        "json": "/data/visual/components/floatingactionmenubutton.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-floatingactionmenubutton--playground"
      }
    },
    {
      "id": "glyph",
      "name": "Glyph",
      "category": "Primitives / Iconography",
      "contract_status": "preview",
      "story_count": 3,
      "links": {
        "human": "/component-glyph",
        "json": "/data/visual/components/glyph.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-symbol--playground"
      }
    },
    {
      "id": "icon",
      "name": "Icon",
      "category": "Primitives / Iconography",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-icon",
        "json": "/data/visual/components/icon.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-icon--playground"
      }
    },
    {
      "id": "icontile",
      "name": "IconTile",
      "category": "Primitives / Iconography",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-icontile",
        "json": "/data/visual/components/icontile.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-icontile--playground"
      }
    },
    {
      "id": "input",
      "name": "Input",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 9,
      "links": {
        "human": "/component-input",
        "json": "/data/visual/components/input.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-input--playground"
      }
    },
    {
      "id": "radio",
      "name": "Radio",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-radio",
        "json": "/data/visual/components/radio.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-radio--playground"
      }
    },
    {
      "id": "sficon",
      "name": "SFIcon",
      "category": "Primitives / Iconography",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-sficon",
        "json": "/data/visual/components/sficon.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-iconography-sficon--playground"
      }
    },
    {
      "id": "selectionindicator",
      "name": "SelectionIndicator",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 3,
      "links": {
        "human": "/component-selectionindicator",
        "json": "/data/visual/components/selectionindicator.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-selectionindicator--playground"
      }
    },
    {
      "id": "skeleton",
      "name": "Skeleton",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-skeleton",
        "json": "/data/visual/components/skeleton.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-skeleton--playground"
      }
    },
    {
      "id": "tag",
      "name": "Tag",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-tag",
        "json": "/data/visual/components/tag.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-tag--playground"
      }
    },
    {
      "id": "text",
      "name": "Text",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-text",
        "json": "/data/visual/components/text.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-text--playground"
      }
    },
    {
      "id": "toggle",
      "name": "Toggle",
      "category": "Primitives",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-toggle",
        "json": "/data/visual/components/toggle.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-primitives-toggle--playground"
      }
    },
    {
      "id": "banner",
      "name": "Banner",
      "category": "Status",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-banner",
        "json": "/data/visual/components/banner.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-banner--playground"
      }
    },
    {
      "id": "emptystate",
      "name": "EmptyState",
      "category": "Status",
      "contract_status": "preview",
      "story_count": 8,
      "links": {
        "human": "/component-emptystate",
        "json": "/data/visual/components/emptystate.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-emptystate--playground"
      }
    },
    {
      "id": "progress",
      "name": "Progress",
      "category": "Status",
      "contract_status": "preview",
      "story_count": 10,
      "links": {
        "human": "/component-progress",
        "json": "/data/visual/components/progress.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-progress--bar"
      }
    },
    {
      "id": "spinner",
      "name": "Spinner",
      "category": "Status",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-spinner",
        "json": "/data/visual/components/spinner.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-spinner--playground"
      }
    },
    {
      "id": "statusindicator",
      "name": "StatusIndicator",
      "category": "Status",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-statusindicator",
        "json": "/data/visual/components/statusindicator.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-statusindicator--playground"
      }
    },
    {
      "id": "timeline",
      "name": "Timeline",
      "category": "Status",
      "contract_status": "preview",
      "story_count": 10,
      "links": {
        "human": "/component-timeline",
        "json": "/data/visual/components/timeline.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-status-timeline--playground"
      }
    },
    {
      "id": "actionorbs",
      "name": "ActionOrbs",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-actionorbs",
        "json": "/data/visual/components/actionorbs.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-actionorbs--default"
      }
    },
    {
      "id": "barchart",
      "name": "BarChart",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-barchart",
        "json": "/data/visual/components/barchart.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-barchart--interactive"
      }
    },
    {
      "id": "bubblematrix",
      "name": "BubbleMatrix",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 4,
      "links": {
        "human": "/component-bubblematrix",
        "json": "/data/visual/components/bubblematrix.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-bubblematrix--default"
      }
    },
    {
      "id": "burstgraph",
      "name": "BurstGraph",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-burstgraph",
        "json": "/data/visual/components/burstgraph.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-burstgraph--default"
      }
    },
    {
      "id": "categorybars",
      "name": "CategoryBars",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-categorybars",
        "json": "/data/visual/components/categorybars.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-categorybars--default"
      }
    },
    {
      "id": "compositionbar",
      "name": "CompositionBar",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-compositionbar",
        "json": "/data/visual/components/compositionbar.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-compositionbar--default"
      }
    },
    {
      "id": "globe",
      "name": "Globe",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 7,
      "links": {
        "human": "/component-globe",
        "json": "/data/visual/components/globe.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-globe--default"
      }
    },
    {
      "id": "halfgauge",
      "name": "HalfGauge",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 5,
      "links": {
        "human": "/component-halfgauge",
        "json": "/data/visual/components/halfgauge.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-halfgauge--default"
      }
    },
    {
      "id": "linechart",
      "name": "LineChart",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 10,
      "links": {
        "human": "/component-linechart",
        "json": "/data/visual/components/linechart.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-linechart--default"
      }
    },
    {
      "id": "metriclinechartcard",
      "name": "MetricLineChartCard",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-metriclinechartcard",
        "json": "/data/visual/components/metriclinechartcard.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-metriclinechartcard--default"
      }
    },
    {
      "id": "riskmeter",
      "name": "RiskMeter",
      "category": "Visualizations",
      "contract_status": "preview",
      "story_count": 6,
      "links": {
        "human": "/component-riskmeter",
        "json": "/data/visual/components/riskmeter.json",
        "storybook": "/storybook/?path=/story/cloaked-design-system-visualizations-riskmeter--default"
      }
    }
  ],
  "approval": "Preview pending design and engineering sign-off. Source provenance is not approval of this implementation."
}