{
  "extractedAt": "2026-05-08T03:56:19.858Z",
  "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
  "figmaName": "Drop down List/Select",
  "nodeId": "1446:116439",
  "type": "COMPONENT_SET",
  "pageId": "1421:35865",
  "pageName": "— — Input/Select box",
  "description": "",
  "key": "12602e73b9682f9a9c45ec1e9373e8ac80bb489a",
  "variants": [
    {
      "id": "1563:93460",
      "name": "Dark Theme=on, Type=Radio",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 128,
      "w": 240,
      "x": -4133,
      "y": 3750,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#353535",
          "v": "VariableID:VariableID:1558:94789",
          "token": {
            "cssVar": "--color-grey-10",
            "figmaName": "UX/Grey/grey-10 #353535",
            "variableId": "VariableID:1558:94789",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 12,
          "spread": 4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 5
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.09000000357627869
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 2,
          "spread": -2,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 1
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.1599999964237213
          }
        }
      ],
      "text": {
        "characters": "Search",
        "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": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4598:13156;1804:26924;1277:159",
        "I4598:13156;1804:26924;1845:17670",
        "I4598:13763;1563:85049;1548:36921;1565:61260",
        "I4598:13763;1563:85049;1548:36921;1355:28332",
        "I4598:13763;1563:85049;1548:36921;1355:28333",
        "I4598:13763;1563:85049;1548:36921;1565:61646",
        "I4598:13763;1563:85050;1473:3223",
        "I4598:13763;1563:85050;1544:5765",
        "I4598:13918;1446:115705;1715:32296;1565:61260",
        "I4598:13918;1446:115705;1715:32296;1355:28332",
        "I4598:13918;1446:115705;1715:32296;1355:28333",
        "I4598:13918;1446:115705;1715:32296;1565:61646",
        "I4598:13918;1446:115706;1473:3223",
        "I4598:13918;1446:115706;1544:5765",
        "I4598:14058;1446:115705;1715:32296;1565:61260",
        "I4598:14058;1446:115705;1715:32296;1355:28332",
        "I4598:14058;1446:115705;1715:32296;1355:28333",
        "I4598:14058;1446:115705;1715:32296;1565:61646",
        "I4598:14058;1446:115706;1473:3223",
        "I4598:14058;1446:115706;1544:5765",
        "I4599:17176;1480:76688"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    },
    {
      "id": "1446:115929",
      "name": "Dark Theme=on, Type=Multi",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 128,
      "w": 240,
      "x": -3853,
      "y": 3750,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#353535",
          "v": "VariableID:VariableID:1558:94789",
          "token": {
            "cssVar": "--color-grey-10",
            "figmaName": "UX/Grey/grey-10 #353535",
            "variableId": "VariableID:1558:94789",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 12,
          "spread": 4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 5
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.09000000357627869
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 2,
          "spread": -2,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 1
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.1599999964237213
          }
        }
      ],
      "text": {
        "characters": "Search",
        "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": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4599:15069;1804:26924;1277:159",
        "I4599:15069;1804:26924;1845:17670",
        "I4599:15071;2678:49960;1480:74525",
        "I4599:15071;2678:49960;1480:76742",
        "I4599:15072;1452:53136;1473:3223",
        "I4599:15072;1452:53136;1544:5765",
        "I4599:15073;1452:53136;1473:3223",
        "I4599:15073;1452:53136;1544:5765",
        "I4599:17373;1480:76688"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    },
    {
      "id": "1548:37885",
      "name": "Dark Theme=on, Type=Operation List",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 128,
      "w": 200,
      "x": -3573,
      "y": 3750,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": null,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#353535",
          "v": "VariableID:VariableID:1558:94789",
          "token": {
            "cssVar": "--color-grey-10",
            "figmaName": "UX/Grey/grey-10 #353535",
            "variableId": "VariableID:1558:94789",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 12,
          "spread": 4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 5
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.09000000357627869
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 2,
          "spread": -2,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 1
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.1599999964237213
          }
        }
      ],
      "text": {
        "characters": "Search",
        "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": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4599:16290;1804:26924;1277:159",
        "I4599:16290;1804:26924;1845:17670",
        "I4599:16387;2675:46893;4600:22530;1565:61260",
        "I4599:16387;2675:46893;4600:22530;1355:28332",
        "I4599:16387;2675:46893;4600:22530;1355:28333",
        "I4599:16387;2675:46893;4600:22530;1565:61646",
        "I4599:16387;2675:46894;1473:3223",
        "I4599:16387;2675:46894;1544:5765",
        "I4599:16424;2675:46893;4600:22530;1565:61260",
        "I4599:16424;2675:46893;4600:22530;1355:28332",
        "I4599:16424;2675:46893;4600:22530;1355:28333",
        "I4599:16424;2675:46893;4600:22530;1565:61646",
        "I4599:16424;2675:46894;1473:3223",
        "I4599:16424;2675:46894;1544:5765",
        "I4599:16461;2675:46893;4600:22530;1565:61260",
        "I4599:16461;2675:46893;4600:22530;1355:28332",
        "I4599:16461;2675:46893;4600:22530;1355:28333",
        "I4599:16461;2675:46893;4600:22530;1565:61646",
        "I4599:16461;2675:46894;1473:3223",
        "I4599:16461;2675:46894;1544:5765",
        "I4599:16297;1480:76688"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    },
    {
      "id": "3414:6141",
      "name": "Dark Theme=on, Type=Sort By",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 160,
      "w": 88,
      "x": -3333,
      "y": 3750,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": null,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#353535",
          "v": "VariableID:VariableID:1558:94789",
          "token": {
            "cssVar": "--color-grey-10",
            "figmaName": "UX/Grey/grey-10 #353535",
            "variableId": "VariableID:1558:94789",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 12,
          "spread": 4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 5
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.09000000357627869
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 2,
          "spread": -2,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 1
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.1599999964237213
          }
        }
      ],
      "text": {
        "characters": "Usage",
        "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": [
        "I3414:6877;1981:14805",
        "I3414:6912;2106:227",
        "I3414:6939;1501:190",
        "I3414:6939;1501:193",
        "I3414:6939;1501:208",
        "I3414:6944;2706:120",
        "I3414:6944;2706:122",
        "I3414:6944;2706:147"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    },
    {
      "id": "1563:93536",
      "name": "Dark Theme=off, Type=Radio",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 128,
      "w": 240,
      "x": -4133,
      "y": 3990,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": null,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ffffff",
          "v": "VariableID:VariableID:312:56317",
          "token": {
            "cssVar": "--bg-layer1",
            "figmaName": null,
            "variableId": "VariableID:312:56317",
            "strategy": "direct-variable-id-map"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 28,
          "spread": 8,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 9
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.05000000074505806
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 16,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 6
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.07999999821186066
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": -4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        }
      ],
      "text": {
        "characters": "Select",
        "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:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4600:20007;1804:26930;1277:159",
        "I4600:20007;1804:26930;1845:17670",
        "I4600:20029;1561:8411;1473:3223",
        "I4600:20029;1561:8411;1544:5765",
        "I4600:20035;1561:8411;1473:3223",
        "I4600:20035;1561:8411;1544:5765",
        "I4600:20040;1561:8411;1473:3223",
        "I4600:20040;1561:8411;1544:5765",
        "I4600:20014;1480:76688"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    },
    {
      "id": "1446:116082",
      "name": "Dark Theme=off, Type=Multi",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 128,
      "w": 240,
      "x": -3853,
      "y": 3990,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": null,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ffffff",
          "v": "VariableID:VariableID:312:56317",
          "token": {
            "cssVar": "--bg-layer1",
            "figmaName": null,
            "variableId": "VariableID:312:56317",
            "strategy": "direct-variable-id-map"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 28,
          "spread": 8,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 9
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.05000000074505806
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 16,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 6
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.07999999821186066
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": -4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        }
      ],
      "text": {
        "characters": "Select",
        "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:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4600:20737;1804:26930;1277:159",
        "I4600:20737;1804:26930;1845:17670",
        "I4600:20739;2678:49970;1480:74525",
        "I4600:20739;2678:49970;1480:76742",
        "I4600:20740;1561:8435;1473:3223",
        "I4600:20740;1561:8435;1544:5765",
        "I4600:20741;1561:8435;1473:3223",
        "I4600:20741;1561:8435;1544:5765",
        "I4600:20744;1480:76688"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    },
    {
      "id": "1548:38384",
      "name": "Dark Theme=off, Type=Operation List",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 128,
      "w": 200,
      "x": -3573,
      "y": 3990,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": null,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ffffff",
          "v": "VariableID:VariableID:312:56317",
          "token": {
            "cssVar": "--bg-layer1",
            "figmaName": null,
            "variableId": "VariableID:312:56317",
            "strategy": "direct-variable-id-map"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 28,
          "spread": 8,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 9
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.05000000074505806
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 16,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 6
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.07999999821186066
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": -4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        }
      ],
      "text": {
        "characters": "Select",
        "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:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4600:20938;1804:26930;1277:159",
        "I4600:20938;1804:26930;1845:17670",
        "I4600:20972;2675:47973;1548:32070;1565:61260",
        "I4600:20972;2675:47973;1548:32070;1355:28332",
        "I4600:20972;2675:47973;1548:32070;1355:28333",
        "I4600:20972;2675:47973;1548:32070;1565:61646",
        "I4600:20972;2675:47974;1473:3223",
        "I4600:20972;2675:47974;1544:5765",
        "I4600:20986;2675:47973;1548:32070;1565:61260",
        "I4600:20986;2675:47973;1548:32070;1355:28332",
        "I4600:20986;2675:47973;1548:32070;1355:28333",
        "I4600:20986;2675:47973;1548:32070;1565:61646",
        "I4600:20986;2675:47974;1473:3223",
        "I4600:20986;2675:47974;1544:5765",
        "I4600:20999;2675:47973;1548:32070;1565:61260",
        "I4600:20999;2675:47973;1548:32070;1355:28332",
        "I4600:20999;2675:47973;1548:32070;1355:28333",
        "I4600:20999;2675:47973;1548:32070;1565:61646",
        "I4600:20999;2675:47974;1473:3223",
        "I4600:20999;2675:47974;1544:5765",
        "I4600:20945;1480:76688"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    },
    {
      "id": "3414:7119",
      "name": "Dark Theme=off, Type=Sort By",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 160,
      "w": 88,
      "x": -3333,
      "y": 3990,
      "pH": null,
      "pV": 8,
      "pR": null,
      "pB": 8,
      "gap": null,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ffffff",
          "v": "VariableID:VariableID:1558:94781",
          "token": {
            "cssVar": "--color-white",
            "figmaName": "UX/Grey/grey-1 #FFFFFF",
            "variableId": "VariableID:1558:94781",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 12,
          "spread": 4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 5
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.09000000357627869
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 2,
          "spread": -2,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 1
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.1599999964237213
          }
        }
      ],
      "text": {
        "characters": "Usage",
        "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": "#299f45",
            "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": [
        "I4600:21028;1981:14805",
        "I4600:21031;2106:227",
        "I4600:21034;1501:190",
        "I4600:21034;1501:193",
        "I4600:21034;1501:208",
        "I4600:21037;2706:120",
        "I4600:21037;2706:122",
        "I4600:21037;2706:147"
      ],
      "description": null,
      "componentSetId": "1446:116439",
      "componentPropertyReferences": null
    }
  ],
  "tokenizedAt": "2026-05-08T04:02:55.550Z",
  "tokenizationStrategy": "variable-id-first-then-hex-fallback",
  "source": {
    "sourceLayer": "figma-data/raw/components",
    "sourceFile": "figma-data/raw/components/drop_down_list_select__1446_116439.json",
    "rawExtractedAt": "2026-05-08T03:56:19.858Z",
    "rawNodeId": "1446:116439",
    "rawSha256": "2ea37aa981da16f2931293c290462183fdff5b20127d25d63e60a6886a161dcb"
  }
}
