alezmad/turbostarter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
50331096563018fdac2a1bb9b4908e5fd3feccd9
turbostarter/.context/turbostarter-framework-context/wireframes/_templates/components/data-table.excalidraw
Alejandro Gutiérrez 3527e732d4 feat: turbostarter boilerplate 
Production-ready Next.js boilerplate with:
- Runtime env validation (fail-fast on missing vars)
- Feature-gated config (S3, Stripe, email, OAuth)
- Docker + Coolify deployment pipeline
- PostgreSQL + pgvector, MinIO S3, Better Auth
- TypeScript strict mode (no ignoreBuildErrors)
- i18n (en/es), AI modules, billing, monitoring

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-04 01:01:55 +01:00

1594 lines
38 KiB
Plaintext
Raw Blame History

{
"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"
}
}
Reference in New Issue View Git Blame Copy Permalink