{
  "extractedAt": "2026-05-08T03:56:19.859Z",
  "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
  "figmaName": "Breadcrumb/Item",
  "nodeId": "5003:7495",
  "type": "COMPONENT_SET",
  "pageId": "4265:5942",
  "pageName": "— — Other Components",
  "description": "Breadcrumb navigation item.\n• state=link: clickable item (use for all except first and current)\n• state=hover: hover state\n• state=current: active/last item (current page, non-clickable)\n• state=disabled: non-interactive item\n\nTip: hide the arrow icon on the first breadcrumb item.",
  "key": "ceaa2d43ebb877e46596cb04e3287c036435c724",
  "variants": [
    {
      "id": "5004:1477",
      "name": "state=Default",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 29,
      "w": 70,
      "x": 11420,
      "y": 959,
      "pH": 8,
      "pV": 4,
      "pR": 8,
      "pB": 4,
      "gap": 4,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Label",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#cccccc",
            "v": "VariableID:VariableID:2611:57609",
            "token": {
              "cssVar": "--text-2",
              "figmaName": "Color Type/Text/Text_2",
              "variableId": "VariableID:2611:57609",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I5004:1478;2645:27988"
      ],
      "description": null,
      "componentSetId": "5003:7495",
      "componentPropertyReferences": null
    },
    {
      "id": "5003:7483",
      "name": "state=hover",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 29,
      "w": 70,
      "x": 11530,
      "y": 959,
      "pH": 8,
      "pV": 4,
      "pR": 8,
      "pB": 4,
      "gap": 4,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Label",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:2611:57509",
            "token": {
              "cssVar": "--text-body",
              "figmaName": "Color Type/Text/Text_1",
              "variableId": "VariableID:2611:57509",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I5003:7484;2645:27988"
      ],
      "description": null,
      "componentSetId": "5003:7495",
      "componentPropertyReferences": null
    },
    {
      "id": "5003:7487",
      "name": "state=current",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 29,
      "w": 70,
      "x": 11640,
      "y": 959,
      "pH": 8,
      "pV": 4,
      "pR": 8,
      "pB": 4,
      "gap": 4,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Label",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#2fb54e",
            "v": "VariableID:VariableID:1626:104889",
            "token": {
              "cssVar": "--brand",
              "figmaName": "UX/Brand/Brand",
              "variableId": "VariableID:1626:104889",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I5003:7488;2645:27988"
      ],
      "description": null,
      "componentSetId": "5003:7495",
      "componentPropertyReferences": null
    },
    {
      "id": "5003:7491",
      "name": "state=disabled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 29,
      "w": 70,
      "x": 11750,
      "y": 959,
      "pH": 8,
      "pV": 4,
      "pR": 8,
      "pB": 4,
      "gap": 4,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Label",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:b7e2c0154e7f3fae0443d0deef6923be8c41dd87/3010:120",
            "token": {
              "cssVar": "--text-disabled",
              "figmaName": null,
              "variableId": "VariableID:b7e2c0154e7f3fae0443d0deef6923be8c41dd87/3010:120",
              "strategy": "direct-variable-id-map"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I5003:7492;2645:27988"
      ],
      "description": null,
      "componentSetId": "5003:7495",
      "componentPropertyReferences": null
    }
  ],
  "tokenizedAt": "2026-05-08T04:02:55.458Z",
  "tokenizationStrategy": "variable-id-first-then-hex-fallback",
  "source": {
    "sourceLayer": "figma-data/raw/components",
    "sourceFile": "figma-data/raw/components/breadcrumb_item__5003_7495.json",
    "rawExtractedAt": "2026-05-08T03:56:19.859Z",
    "rawNodeId": "5003:7495",
    "rawSha256": "1a369116216e344a02ac8495d5c941d1b2be7e6c21abb29f54e5547330eb4668"
  }
}