{
  "id": "user-menu-content",
  "name": "UserMenuContent",
  "level": "molecule",
  "status": "stable",
  "purpose": "The account menu: who is signed in, their settings, and sign out.",
  "description": "Drop-in content for a DropdownMenu / Popover. Identity header (avatar + name + email + plan) + body slot for menu items + optional footer. The molecule never renders a DropdownMenu itself — the consumer owns the trigger. The Playground / WithPlan / WithDangerAction stories render the molecule outside a DropdownMenu and use a plain Row for items so the snapshot is portal-free; the InDropdownMenu story is the canonical wiring.",
  "role": "navigation",
  "import": "@rrios-forge/ui/molecules/user-menu-content",
  "exports": [
    "UserMenuContent",
    "userMenuContentVariants"
  ],
  "source": "packages/ui/src/molecules/user-menu-content",
  "axes": [],
  "needs": [],
  "patterns": [],
  "a11yExceptions": [],
  "decisions": [],
  "stories": [
    {
      "name": "Ada Lovelace",
      "id": "components-molecules-usermenucontent--playground",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-usermenucontent--playground",
      "frame": "/iframe.html?id=components-molecules-usermenucontent--playground&viewMode=story"
    },
    {
      "name": "With plan",
      "id": "components-molecules-usermenucontent--with-plan",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-usermenucontent--with-plan",
      "frame": "/iframe.html?id=components-molecules-usermenucontent--with-plan&viewMode=story"
    },
    {
      "name": "In dropdown menu",
      "id": "components-molecules-usermenucontent--in-dropdown-menu",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-usermenucontent--in-dropdown-menu",
      "frame": "/iframe.html?id=components-molecules-usermenucontent--in-dropdown-menu&viewMode=story"
    },
    {
      "name": "With danger action",
      "id": "components-molecules-usermenucontent--with-danger-action",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-usermenucontent--with-danger-action",
      "frame": "/iframe.html?id=components-molecules-usermenucontent--with-danger-action&viewMode=story"
    }
  ],
  "storyFile": "tooling/storybook/stories/components/molecules/user-menu-content.stories.tsx"
}