{
  "id": "media-lightbox",
  "name": "MediaLightbox",
  "level": "organism",
  "status": "experimental",
  "purpose": "Shows a picture or video full screen, to zoom and step through.",
  "description": "Fullscreen immersive media viewer. Controlled via `open` / `onClose`; owns index, zoom and idle-fade chrome internally. Backdrop is the overlay-backdrop token + content-inverse text (no literal black/white, R04). Icons are consumer slots with text-glyph fallbacks. Replaces the sissificate PostMediaLightbox. Patterns consulted: Patterns/Overlays · ImmersiveMedia, Patterns/Motion · MovementByElementType.",
  "role": "content",
  "import": "@rrios-forge/ui/organisms/media-lightbox",
  "exports": [
    "MediaLightbox",
    "mediaLightboxVariants",
    "mediaLightboxChromeVariants",
    "mediaLightboxPillVariants",
    "mediaLightboxStageVariants"
  ],
  "source": "packages/ui/src/organisms/media-lightbox",
  "axes": [
    {
      "axis": "idle",
      "part": null,
      "values": [
        "true",
        "false"
      ],
      "default": "false",
      "meaning": "Waiting, with nothing to show yet."
    }
  ],
  "needs": [
    {
      "need": "Media viewer / composer / profile",
      "answer": "`MediaLightbox` / `Composer` / `ProfileHeader`"
    }
  ],
  "patterns": [],
  "a11yExceptions": [],
  "decisions": [
    {
      "id": "ADR-021",
      "title": "ProfileHeader organism and the `cover` slot contract"
    },
    {
      "id": "ADR-034",
      "title": "Accessible names come from a labels provider"
    }
  ],
  "stories": [
    {
      "name": "Playground",
      "id": "components-organisms-medialightbox--playground",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-organisms-medialightbox--playground",
      "frame": "/iframe.html?id=components-organisms-medialightbox--playground&viewMode=story"
    },
    {
      "name": "Mixed media (video + gif)",
      "id": "components-organisms-medialightbox--mixed-media",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-organisms-medialightbox--mixed-media",
      "frame": "/iframe.html?id=components-organisms-medialightbox--mixed-media&viewMode=story"
    },
    {
      "name": "Single image (no arrows)",
      "id": "components-organisms-medialightbox--single-image",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-organisms-medialightbox--single-image",
      "frame": "/iframe.html?id=components-organisms-medialightbox--single-image&viewMode=story"
    }
  ],
  "storyFile": "tooling/storybook/stories/components/organisms/media-lightbox.stories.tsx"
}