{ "extractedAt": "2026-06-09T05:12:17.530Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "Pagination", "nodeId": "4894:7210", "type": "COMPONENT_SET", "pageId": "4265:5942", "pageName": "— — Other Components", "description": "", "key": "dd76ae5349366eb1aeec96d2c0fa0854a594abbf", "variants": [ { "id": "4884:7181", "name": "Type=Classic", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 652, "x": 10054, "y": 503, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 24, "r": 4, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "1-20 of 1,299", "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" } ], "v": null }, "vectorNodeIds": [ "I4884:7205;1436:33905;2107:20124", "I4884:7183;1473:120", "I4884:7183;1544:3932", "I4884:7195;1473:3223", "I4884:7195;1544:5765" ], "children": [ { "id": "4884:7203", "name": "1-20 of 1,299", "type": "TEXT", "visible": true, "opacity": 1, "w": 82, "h": 21, "x": 10054, "y": 508.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610" } ], "strokes": [], "characters": "1-20 of 1,299" }, { "id": "4884:7205", "name": "select box/filled", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 120, "h": 32, "x": 10160, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789" } ], "strokes": [], "componentId": "1436:32897" }, { "id": "4884:7201", "name": "Content", "type": "SLOT", "visible": true, "opacity": 1, "w": 402, "h": 32, "x": 10304, "y": 503, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4907:6724", "name": "Frame 2670", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 32, "x": 10304, "y": 503, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4884:7182", "name": "Btn/Previous", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10304, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4884:7183", "name": "icon/Arrow/Previous", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": 10312, "y": 511, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57618" } ], "strokes": [], "componentId": "1149:23143" } ] }, { "id": "4884:7184", "name": "Page/1", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10344, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#2fb54e", "v": "VariableID:VariableID:1626:104889" } ], "strokes": [], "children": [ { "id": "4884:7185", "name": "1", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10356, "y": 508.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:2611:56882" } ], "strokes": [], "characters": "1" } ] }, { "id": "4884:7186", "name": "Page/2", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10384, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4884:7187", "name": "2", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10396, "y": 508.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "2" } ] }, { "id": "4884:7188", "name": "Page/3", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10424, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4884:7189", "name": "3", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10436, "y": 508.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "3" } ] }, { "id": "4884:7190", "name": "Page/4", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10464, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4884:7191", "name": "4", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10476, "y": 508.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "4" } ] }, { "id": "4884:7192", "name": "Page/5", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10504, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4884:7193", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10516, "y": 508.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "5" } ] }, { "id": "4884:7194", "name": "Btn/Next", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10544, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4884:7195", "name": "icon/Arrow/Next", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": 10552, "y": 511, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617" } ], "strokes": [], "componentId": "1149:23171" } ] } ] }, { "id": "4907:6725", "name": "Frame 2669", "type": "FRAME", "visible": true, "opacity": 1, "w": 106, "h": 32, "x": 10600, "y": 503, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4907:6726", "name": "Go to", "type": "TEXT", "visible": true, "opacity": 1, "w": 34, "h": 21, "x": 10600, "y": 508.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610" } ], "strokes": [], "characters": "Go to" }, { "id": "4907:6727", "name": "input box/filled", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 64, "h": 32, "x": 10642, "y": 503, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629" } ], "strokes": [], "componentId": "1431:54605" } ] } ] } ], "description": null, "componentSetId": "4894:7210", "componentPropertyReferences": null }, { "id": "4907:6738", "name": "Type=Small", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 628, "x": 10054, "y": 575, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 24, "r": 4, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "1-20 of 1,299", "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" } ], "v": null }, "vectorNodeIds": [ "I4907:6740;1804:26936;2107:20124", "I4907:6744;1473:120", "I4907:6744;1544:3932", "I4907:6756;1473:3223", "I4907:6756;1544:5765" ], "children": [ { "id": "4907:6739", "name": "1-20 of 1,299", "type": "TEXT", "visible": true, "opacity": 1, "w": 82, "h": 21, "x": 10054, "y": 580.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610" } ], "strokes": [], "characters": "1-20 of 1,299" }, { "id": "4907:6740", "name": "select box/line", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 120, "h": 32, "x": 10160, "y": 575, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:1558:94782" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:1558:94787" } ], "componentId": "1804:26934" }, { "id": "4907:6741", "name": "Content", "type": "SLOT", "visible": true, "opacity": 1, "w": 378, "h": 32, "x": 10304, "y": 575, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4907:6742", "name": "Frame 2670", "type": "FRAME", "visible": true, "opacity": 1, "w": 248, "h": 32, "x": 10304, "y": 575, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4907:6743", "name": "Btn/Previous", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10304, "y": 575, "r": 4, "fills": [], "strokes": [], "children": [ { "id": "4907:6744", "name": "icon/Arrow/Previous", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": 10312, "y": 583, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57618" } ], "strokes": [], "componentId": "1149:23143" } ] }, { "id": "4907:6745", "name": "Page/1", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10340, "y": 575, "r": 4, "fills": [], "strokes": [], "children": [ { "id": "4907:6746", "name": "1", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10352, "y": 580.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#2fb54e", "v": "VariableID:VariableID:1626:104889" } ], "strokes": [], "characters": "1" } ] }, { "id": "4907:6747", "name": "Page/2", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10376, "y": 575, "r": 4, "fills": [], "strokes": [], "children": [ { "id": "4907:6748", "name": "2", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10388, "y": 580.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "2" } ] }, { "id": "4907:6749", "name": "Page/3", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10412, "y": 575, "r": 4, "fills": [], "strokes": [], "children": [ { "id": "4907:6750", "name": "3", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10424, "y": 580.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "3" } ] }, { "id": "4907:6751", "name": "Page/4", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10448, "y": 575, "r": 4, "fills": [], "strokes": [], "children": [ { "id": "4907:6752", "name": "4", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10460, "y": 580.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "4" } ] }, { "id": "4907:6753", "name": "Page/5", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10484, "y": 575, "r": 4, "fills": [], "strokes": [], "children": [ { "id": "4907:6754", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 8, "h": 21, "x": 10496, "y": 580.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57609" } ], "strokes": [], "characters": "5" } ] }, { "id": "4907:6755", "name": "Btn/Next", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10520, "y": 575, "r": 4, "fills": [], "strokes": [], "children": [ { "id": "4907:6756", "name": "icon/Arrow/Next", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": 10528, "y": 583, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617" } ], "strokes": [], "componentId": "1149:23171" } ] } ] }, { "id": "4907:6757", "name": "Frame 2669", "type": "FRAME", "visible": true, "opacity": 1, "w": 106, "h": 32, "x": 10576, "y": 575, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4907:6758", "name": "Go to", "type": "TEXT", "visible": true, "opacity": 1, "w": 34, "h": 21, "x": 10576, "y": 580.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610" } ], "strokes": [], "characters": "Go to" }, { "id": "4907:6759", "name": "input box/line", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 64, "h": 32, "x": 10618, "y": 575, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:1558:94782" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:1558:94787" } ], "componentId": "1818:8146" } ] } ] } ], "description": null, "componentSetId": "4894:7210", "componentPropertyReferences": null }, { "id": "4894:7211", "name": "Type=Simple", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 460, "x": 10054, "y": 647, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 24, "r": 4, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "1-20 of 1,299", "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" } ], "v": null }, "vectorNodeIds": [ "I4894:7228;1436:33905;2107:20124", "I4894:7215;1473:120", "I4894:7215;1544:3932", "I4894:7227;1473:3223", "I4894:7227;1544:5765" ], "children": [ { "id": "4894:7212", "name": "1-20 of 1,299", "type": "TEXT", "visible": true, "opacity": 1, "w": 82, "h": 21, "x": 10054, "y": 652.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610" } ], "strokes": [], "characters": "1-20 of 1,299" }, { "id": "4894:7228", "name": "select box/filled", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 120, "h": 32, "x": 10160, "y": 647, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789" } ], "strokes": [], "componentId": "1436:32897" }, { "id": "4894:7213", "name": "Content", "type": "SLOT", "visible": true, "opacity": 1, "w": 210, "h": 32, "x": 10304, "y": 647, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4907:6731", "name": "Frame 2671", "type": "FRAME", "visible": true, "opacity": 1, "w": 80, "h": 32, "x": 10304, "y": 647, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4894:7214", "name": "Btn/Previous", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10304, "y": 647, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4894:7215", "name": "icon/Arrow/Previous", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": 10312, "y": 655, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57618" } ], "strokes": [], "componentId": "1149:23143" } ] }, { "id": "4894:7226", "name": "Btn/Next", "type": "FRAME", "visible": true, "opacity": 1, "w": 32, "h": 32, "x": 10352, "y": 647, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "children": [ { "id": "4894:7227", "name": "icon/Arrow/Next", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": 10360, "y": 655, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617" } ], "strokes": [], "componentId": "1149:23171" } ] } ] }, { "id": "4907:6732", "name": "Frame 2669", "type": "FRAME", "visible": true, "opacity": 1, "w": 106, "h": 32, "x": 10408, "y": 647, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4907:6733", "name": "Go to", "type": "TEXT", "visible": true, "opacity": 1, "w": 34, "h": 21, "x": 10408, "y": 652.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610" } ], "strokes": [], "characters": "Go to" }, { "id": "4907:6734", "name": "input box/filled", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 64, "h": 32, "x": 10450, "y": 647, "r": 4, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629" } ], "strokes": [], "componentId": "1431:54605" } ] } ] } ], "description": null, "componentSetId": "4894:7210", "componentPropertyReferences": null } ] }