{
  "id": "command-item",
  "name": "CommandItem",
  "level": "molecule",
  "status": "stable",
  "purpose": "One command in the command menu, with its icon and shortcut.",
  "description": "Renders <div role=\"option\"> for cmdk / listbox parents. The molecule never owns keyboard navigation or active-descendant state — the parent does. shortcut is a visual hint passed as a string and shown as quiet tertiary text, never a contract enforced by this row.",
  "role": "navigation",
  "import": "@rrios-forge/ui/molecules/command-item",
  "exports": [
    "CommandItem",
    "COMMAND_ITEM_INTENTS",
    "COMMAND_ITEM_TONES",
    "commandItemVariants"
  ],
  "source": "packages/ui/src/molecules/command-item",
  "axes": [
    {
      "axis": "tone",
      "part": null,
      "values": [
        "neutral",
        "muted"
      ],
      "default": "neutral",
      "meaning": "Which semantic colour family the element speaks in."
    },
    {
      "axis": "intent",
      "part": null,
      "values": [
        "neutral",
        "danger"
      ],
      "default": "neutral",
      "meaning": "What an action does."
    },
    {
      "axis": "selected",
      "part": null,
      "values": [
        "true",
        "false"
      ],
      "default": "false",
      "meaning": "Chosen in a set: the selected wash plus a non-colour cue (weight, check)."
    },
    {
      "axis": "disabled",
      "part": null,
      "values": [
        "true",
        "false"
      ],
      "default": "false",
      "meaning": "Not available: dimmed, skipped by the keyboard, ignores the pointer."
    }
  ],
  "needs": [],
  "patterns": [],
  "a11yExceptions": [],
  "decisions": [
    {
      "id": "ADR-030",
      "title": "Axis vocabulary: one name, one meaning"
    }
  ],
  "stories": [
    {
      "name": "Playground",
      "id": "components-molecules-commanditem--playground",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-commanditem--playground",
      "frame": "/iframe.html?id=components-molecules-commanditem--playground&viewMode=story"
    },
    {
      "name": "Selected",
      "id": "components-molecules-commanditem--selected",
      "interaction": false,
      "snapshots": [
        "dark",
        "high-contrast",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-commanditem--selected",
      "frame": "/iframe.html?id=components-molecules-commanditem--selected&viewMode=story"
    },
    {
      "name": "With shortcut",
      "id": "components-molecules-commanditem--with-shortcut",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-commanditem--with-shortcut",
      "frame": "/iframe.html?id=components-molecules-commanditem--with-shortcut&viewMode=story"
    },
    {
      "name": "With badge",
      "id": "components-molecules-commanditem--with-badge",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-commanditem--with-badge",
      "frame": "/iframe.html?id=components-molecules-commanditem--with-badge&viewMode=story"
    },
    {
      "name": "Danger",
      "id": "components-molecules-commanditem--danger",
      "interaction": false,
      "snapshots": [
        "dark",
        "high-contrast",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-commanditem--danger",
      "frame": "/iframe.html?id=components-molecules-commanditem--danger&viewMode=story"
    },
    {
      "name": "Command list",
      "id": "components-molecules-commanditem--command-list",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-molecules-commanditem--command-list",
      "frame": "/iframe.html?id=components-molecules-commanditem--command-list&viewMode=story"
    }
  ],
  "storyFile": "tooling/storybook/stories/components/molecules/command-item.stories.tsx"
}