{
  "extractedAt": "2026-06-09T09:36:28.069Z",
  "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
  "figmaName": "Tab/Item",
  "nodeId": "4265:16082",
  "type": "COMPONENT_SET",
  "pageId": "4265:5942",
  "pageName": "— — Other Components",
  "description": "",
  "key": "2267405386cb3186ba920b0d0b790d54e65a1529",
  "variants": [
    {
      "id": "4265:16083",
      "name": "Property 1=Normal, Property 2=White, Type=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 92,
      "x": 7552,
      "y": 145,
      "pH": 16,
      "pV": null,
      "pR": 16,
      "pB": null,
      "gap": 8,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "layoutSizingHorizontal": "HUG",
      "layoutSizingVertical": "FIXED",
      "primaryAxisSizingMode": null,
      "counterAxisSizingMode": "FIXED",
      "subnodeCount": 1,
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Menu xxx",
        "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": "#9e9e9e",
            "v": "VariableID:VariableID:2611:57610",
            "token": {
              "cssVar": "--text-tips",
              "figmaName": "Color Type/Text/Tips",
              "variableId": "VariableID:2611:57610",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "children": [
        {
          "id": "4265:16084",
          "name": "Menu xxx",
          "type": "TEXT",
          "visible": true,
          "opacity": 1,
          "w": 60,
          "h": 21,
          "x": 7568,
          "y": 150.5,
          "r": null,
          "fills": [
            {
              "type": "SOLID",
              "visible": true,
              "opacity": 1,
              "blendMode": "NORMAL",
              "hex": "#9e9e9e",
              "v": "VariableID:VariableID:2611:57610",
              "token": {
                "cssVar": "--text-tips",
                "figmaName": "Color Type/Text/Tips",
                "variableId": "VariableID:2611:57610",
                "strategy": "normalized-variable-id"
              }
            }
          ],
          "strokes": [],
          "characters": "Menu xxx"
        }
      ],
      "description": null,
      "componentSetId": "4265:16082",
      "componentPropertyReferences": null
    },
    {
      "id": "4605:7204",
      "name": "Property 1=Active, Property 2=White, Type=Text",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 93,
      "x": 7733,
      "y": 145,
      "pH": 16,
      "pV": null,
      "pR": 16,
      "pB": null,
      "gap": 8,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "layoutSizingHorizontal": "HUG",
      "layoutSizingVertical": "FIXED",
      "primaryAxisSizingMode": null,
      "counterAxisSizingMode": "FIXED",
      "subnodeCount": 1,
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Menu xxx",
        "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": [],
      "children": [
        {
          "id": "4605:7205",
          "name": "Menu xxx",
          "type": "TEXT",
          "visible": true,
          "opacity": 1,
          "w": 61,
          "h": 21,
          "x": 7749,
          "y": 150.5,
          "r": 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"
              }
            }
          ],
          "strokes": [],
          "characters": "Menu xxx"
        }
      ],
      "description": null,
      "componentSetId": "4265:16082",
      "componentPropertyReferences": null
    },
    {
      "id": "4452:7118",
      "name": "Property 1=Normal, Property 2=White, Type=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 92,
      "x": 7915,
      "y": 145,
      "pH": 16,
      "pV": null,
      "pR": 16,
      "pB": null,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "layoutSizingHorizontal": "HUG",
      "layoutSizingVertical": "FIXED",
      "primaryAxisSizingMode": null,
      "counterAxisSizingMode": "FIXED",
      "subnodeCount": 1,
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#353535",
          "v": "VariableID:VariableID:2611:57622",
          "token": {
            "cssVar": "--bg-layer4",
            "figmaName": "Color Type/Background/Layer_4",
            "variableId": "VariableID:2611:57622",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Menu xxx",
        "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": [],
      "children": [
        {
          "id": "4452:7119",
          "name": "Menu xxx",
          "type": "TEXT",
          "visible": true,
          "opacity": 1,
          "w": 60,
          "h": 21,
          "x": 7931,
          "y": 150.5,
          "r": 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"
              }
            }
          ],
          "strokes": [],
          "characters": "Menu xxx"
        }
      ],
      "description": null,
      "componentSetId": "4265:16082",
      "componentPropertyReferences": null
    },
    {
      "id": "4265:16085",
      "name": "Property 1=Active, Property 2=Green, Type=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 93,
      "x": 8096,
      "y": 145,
      "pH": 16,
      "pV": null,
      "pR": 16,
      "pB": null,
      "gap": 8,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "layoutSizingHorizontal": "HUG",
      "layoutSizingVertical": "FIXED",
      "primaryAxisSizingMode": null,
      "counterAxisSizingMode": "FIXED",
      "subnodeCount": 1,
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "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"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Menu xxx",
        "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": [],
      "children": [
        {
          "id": "4265:16086",
          "name": "Menu xxx",
          "type": "TEXT",
          "visible": true,
          "opacity": 1,
          "w": 61,
          "h": 21,
          "x": 8112,
          "y": 150.5,
          "r": 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"
              }
            }
          ],
          "strokes": [],
          "characters": "Menu xxx"
        }
      ],
      "description": null,
      "componentSetId": "4265:16082",
      "componentPropertyReferences": null
    },
    {
      "id": "4452:7116",
      "name": "Property 1=Active, Property 2=Green, Type=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 92,
      "x": 8278,
      "y": 145,
      "pH": 16,
      "pV": null,
      "pR": 16,
      "pB": null,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "layoutSizingHorizontal": "HUG",
      "layoutSizingVertical": "FIXED",
      "primaryAxisSizingMode": null,
      "counterAxisSizingMode": "FIXED",
      "subnodeCount": 1,
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "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"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Menu xxx",
        "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:4263:102",
            "token": {
              "cssVar": "--text-primary-btn",
              "figmaName": "Color Type/Text/Primary Button",
              "variableId": "VariableID:4263:102",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "children": [
        {
          "id": "4452:7117",
          "name": "Menu xxx",
          "type": "TEXT",
          "visible": true,
          "opacity": 1,
          "w": 60,
          "h": 21,
          "x": 8294,
          "y": 150.5,
          "r": null,
          "fills": [
            {
              "type": "SOLID",
              "visible": true,
              "opacity": 1,
              "blendMode": "NORMAL",
              "hex": "#f8f8f8",
              "v": "VariableID:VariableID:4263:102",
              "token": {
                "cssVar": "--text-primary-btn",
                "figmaName": "Color Type/Text/Primary Button",
                "variableId": "VariableID:4263:102",
                "strategy": "normalized-variable-id"
              }
            }
          ],
          "strokes": [],
          "characters": "Menu xxx"
        }
      ],
      "description": null,
      "componentSetId": "4265:16082",
      "componentPropertyReferences": null
    },
    {
      "id": "4265:16087",
      "name": "Property 1=Active, Property 2=White, Type=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 93,
      "x": 8459,
      "y": 145,
      "pH": 16,
      "pV": null,
      "pR": 16,
      "pB": null,
      "gap": 8,
      "r": null,
      "layoutMode": "HORIZONTAL",
      "layoutSizingHorizontal": "HUG",
      "layoutSizingVertical": "FIXED",
      "primaryAxisSizingMode": null,
      "counterAxisSizingMode": "FIXED",
      "subnodeCount": 1,
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#434343",
          "v": "VariableID:VariableID:2611:57630",
          "token": {
            "cssVar": "--line-light",
            "figmaName": "Color Type/Line/Light Divider",
            "variableId": "VariableID:2611:57630",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Menu xxx",
        "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": [],
      "children": [
        {
          "id": "4265:16088",
          "name": "Menu xxx",
          "type": "TEXT",
          "visible": true,
          "opacity": 1,
          "w": 61,
          "h": 21,
          "x": 8475,
          "y": 150.5,
          "r": 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"
              }
            }
          ],
          "strokes": [],
          "characters": "Menu xxx"
        }
      ],
      "description": null,
      "componentSetId": "4265:16082",
      "componentPropertyReferences": null
    }
  ],
  "tokenizedAt": "2026-06-09T09:36:28.174Z",
  "tokenizationStrategy": "variable-id-first-then-hex-fallback",
  "source": {
    "sourceLayer": "figma-data/raw/components",
    "sourceFile": "figma-data/raw/components/tab_item__4265_16082.json",
    "rawExtractedAt": "2026-06-09T09:36:28.069Z",
    "rawNodeId": "4265:16082",
    "rawSha256": "3fb9d9cdf6eb5d97215ee2ce91a490f018df55675e99049372dffef50393e016"
  }
}