{
  "type": "excalidraw",
  "version": 2,
  "source": "turbostarter-wireframes",
  "elements": [
    {
      "id": "table-container",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 1112,
      "height": 600,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "toolbar",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 1112,
      "height": 56,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "search-input",
      "type": "rectangle",
      "x": 12,
      "y": 10,
      "width": 240,
      "height": 36,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "search-placeholder",
      "type": "text",
      "x": 24,
      "y": 18,
      "width": 80,
      "height": 20,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Search...",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "filter-button-1",
      "type": "rectangle",
      "x": 264,
      "y": 10,
      "width": 100,
      "height": 36,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "filter-button-1-text",
      "type": "text",
      "x": 284,
      "y": 18,
      "width": 60,
      "height": 20,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Status",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "filter-button-2",
      "type": "rectangle",
      "x": 376,
      "y": 10,
      "width": 100,
      "height": 36,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "filter-button-2-text",
      "type": "text",
      "x": 396,
      "y": 18,
      "width": 60,
      "height": 20,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Category",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "view-options",
      "type": "rectangle",
      "x": 980,
      "y": 10,
      "width": 120,
      "height": 36,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "view-options-text",
      "type": "text",
      "x": 1000,
      "y": 18,
      "width": 80,
      "height": 20,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "toolbar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "View",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "table-header-row",
      "type": "rectangle",
      "x": 0,
      "y": 56,
      "width": 1112,
      "height": 48,
      "strokeColor": "$border",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "header-row-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-checkbox",
      "type": "rectangle",
      "x": 16,
      "y": 70,
      "width": 20,
      "height": 20,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "header-row-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-name",
      "type": "text",
      "x": 60,
      "y": 72,
      "width": 60,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "header-row-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Name",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "header-email",
      "type": "text",
      "x": 260,
      "y": 72,
      "width": 60,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "header-row-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Email",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "header-role",
      "type": "text",
      "x": 520,
      "y": 72,
      "width": 40,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "header-row-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Role",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "header-status",
      "type": "text",
      "x": 680,
      "y": 72,
      "width": 50,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "header-row-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Status",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "header-actions",
      "type": "text",
      "x": 1020,
      "y": 72,
      "width": 60,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "header-row-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Actions",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "data-row-1",
      "type": "rectangle",
      "x": 0,
      "y": 104,
      "width": 1112,
      "height": 48,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-1-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-checkbox",
      "type": "rectangle",
      "x": 16,
      "y": 118,
      "width": 20,
      "height": 20,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-1-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-name",
      "type": "text",
      "x": 60,
      "y": 120,
      "width": 100,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-1-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "John Smith",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-1-email",
      "type": "text",
      "x": 260,
      "y": 120,
      "width": 140,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-1-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "john@example.com",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-1-role",
      "type": "text",
      "x": 520,
      "y": 120,
      "width": 50,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-1-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Admin",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-1-status-badge",
      "type": "rectangle",
      "x": 680,
      "y": 114,
      "width": 60,
      "height": 28,
      "strokeColor": "transparent",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["table-group", "row-1-group"],
      "roundness": { "type": 3, "value": 14 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-status-text",
      "type": "text",
      "x": 692,
      "y": 120,
      "width": 36,
      "height": 16,
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-1-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Active",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 10
    },
    {
      "id": "data-row-2",
      "type": "rectangle",
      "x": 0,
      "y": 152,
      "width": 1112,
      "height": 48,
      "strokeColor": "$border",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["table-group", "row-2-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-checkbox",
      "type": "rectangle",
      "x": 16,
      "y": 166,
      "width": 20,
      "height": 20,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-2-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-name",
      "type": "text",
      "x": 60,
      "y": 168,
      "width": 100,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-2-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Jane Doe",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-2-email",
      "type": "text",
      "x": 260,
      "y": 168,
      "width": 140,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-2-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "jane@example.com",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-2-role",
      "type": "text",
      "x": 520,
      "y": 168,
      "width": 50,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-2-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Editor",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-2-status-badge",
      "type": "rectangle",
      "x": 680,
      "y": 162,
      "width": 60,
      "height": 28,
      "strokeColor": "transparent",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["table-group", "row-2-group"],
      "roundness": { "type": 3, "value": 14 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-status-text",
      "type": "text",
      "x": 692,
      "y": 168,
      "width": 36,
      "height": 16,
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-2-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Active",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 10
    },
    {
      "id": "data-row-3",
      "type": "rectangle",
      "x": 0,
      "y": 200,
      "width": 1112,
      "height": 48,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-3-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-checkbox",
      "type": "rectangle",
      "x": 16,
      "y": 214,
      "width": 20,
      "height": 20,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-3-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-name",
      "type": "text",
      "x": 60,
      "y": 216,
      "width": 100,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-3-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Bob Wilson",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-3-email",
      "type": "text",
      "x": 260,
      "y": 216,
      "width": 140,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-3-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "bob@example.com",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-3-role",
      "type": "text",
      "x": 520,
      "y": 216,
      "width": 50,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-3-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Viewer",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-3-status-badge",
      "type": "rectangle",
      "x": 680,
      "y": 210,
      "width": 60,
      "height": 28,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["table-group", "row-3-group"],
      "roundness": { "type": 3, "value": 14 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-status-text",
      "type": "text",
      "x": 688,
      "y": 216,
      "width": 44,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-3-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Inactive",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 10
    },
    {
      "id": "data-row-4",
      "type": "rectangle",
      "x": 0,
      "y": 248,
      "width": 1112,
      "height": 48,
      "strokeColor": "$border",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["table-group", "row-4-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-4-checkbox",
      "type": "rectangle",
      "x": 16,
      "y": 262,
      "width": 20,
      "height": 20,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-4-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-4-name",
      "type": "text",
      "x": 60,
      "y": 264,
      "width": 100,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-4-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Alice Brown",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-4-email",
      "type": "text",
      "x": 260,
      "y": 264,
      "width": 140,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-4-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "alice@example.com",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-4-role",
      "type": "text",
      "x": 520,
      "y": 264,
      "width": 50,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-4-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Editor",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-4-status-badge",
      "type": "rectangle",
      "x": 680,
      "y": 258,
      "width": 60,
      "height": 28,
      "strokeColor": "transparent",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["table-group", "row-4-group"],
      "roundness": { "type": 3, "value": 14 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-4-status-text",
      "type": "text",
      "x": 692,
      "y": 264,
      "width": 36,
      "height": 16,
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-4-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Active",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 10
    },
    {
      "id": "data-row-5",
      "type": "rectangle",
      "x": 0,
      "y": 296,
      "width": 1112,
      "height": 48,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-5-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-5-checkbox",
      "type": "rectangle",
      "x": 16,
      "y": 310,
      "width": 20,
      "height": 20,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-5-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-5-name",
      "type": "text",
      "x": 60,
      "y": 312,
      "width": 100,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-5-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Charlie Davis",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-5-email",
      "type": "text",
      "x": 260,
      "y": 312,
      "width": 140,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-5-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "charlie@example.com",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-5-role",
      "type": "text",
      "x": 520,
      "y": 312,
      "width": 50,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-5-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Viewer",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "row-5-status-badge",
      "type": "rectangle",
      "x": 680,
      "y": 306,
      "width": 60,
      "height": 28,
      "strokeColor": "transparent",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["table-group", "row-5-group"],
      "roundness": { "type": 3, "value": 14 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-5-status-text",
      "type": "text",
      "x": 692,
      "y": 312,
      "width": 36,
      "height": 16,
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "row-5-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Active",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 10
    },
    {
      "id": "empty-rows-placeholder",
      "type": "rectangle",
      "x": 0,
      "y": 344,
      "width": 1112,
      "height": 208,
      "strokeColor": "transparent",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "pagination-bar",
      "type": "rectangle",
      "x": 0,
      "y": 552,
      "width": 1112,
      "height": 48,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "pagination-info",
      "type": "text",
      "x": 24,
      "y": 568,
      "width": 140,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Showing 1-10 of 100",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "page-prev",
      "type": "rectangle",
      "x": 820,
      "y": 560,
      "width": 32,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "page-prev-arrow",
      "type": "text",
      "x": 830,
      "y": 568,
      "width": 12,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "<",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "page-1",
      "type": "rectangle",
      "x": 860,
      "y": 560,
      "width": 32,
      "height": 32,
      "strokeColor": "transparent",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "page-1-text",
      "type": "text",
      "x": 872,
      "y": 568,
      "width": 8,
      "height": 16,
      "strokeColor": "$card",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "1",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "page-2",
      "type": "rectangle",
      "x": 900,
      "y": 560,
      "width": 32,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "page-2-text",
      "type": "text",
      "x": 912,
      "y": 568,
      "width": 8,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "2",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "page-3",
      "type": "rectangle",
      "x": 940,
      "y": 560,
      "width": 32,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "page-3-text",
      "type": "text",
      "x": 952,
      "y": 568,
      "width": 8,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "3",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "page-ellipsis",
      "type": "text",
      "x": 984,
      "y": 568,
      "width": 20,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "...",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "page-10",
      "type": "rectangle",
      "x": 1012,
      "y": 560,
      "width": 32,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "page-10-text",
      "type": "text",
      "x": 1020,
      "y": 568,
      "width": 16,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "10",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "page-next",
      "type": "rectangle",
      "x": 1052,
      "y": 560,
      "width": 32,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "page-next-arrow",
      "type": "text",
      "x": 1062,
      "y": 568,
      "width": 12,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["table-group", "pagination-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": ">",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "baseline": 12
    }
  ],
  "appState": {
    "gridSize": 20,
    "viewBackgroundColor": "$background"
  }
}