@cratis/scene.blueprint.default 4.40.0 → 4.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/defaultBlueprint.ts +1 -0
  2. package/dist/cjs/defaultBlueprint.js +18 -1
  3. package/dist/cjs/defaultBlueprint.js.map +1 -1
  4. package/dist/cjs/defaultBlueprintComponentMetadata.js +9 -0
  5. package/dist/cjs/defaultBlueprintComponentMetadata.js.map +1 -1
  6. package/dist/cjs/defaultBlueprintComponents.js +9 -0
  7. package/dist/cjs/defaultBlueprintComponents.js.map +1 -1
  8. package/dist/cjs/foundation/templates/boardScreenTemplate.js +76 -0
  9. package/dist/cjs/foundation/templates/boardScreenTemplate.js.map +1 -0
  10. package/dist/cjs/foundation/templates/dashboardScreenTemplate.js +128 -0
  11. package/dist/cjs/foundation/templates/dashboardScreenTemplate.js.map +1 -0
  12. package/dist/cjs/foundation/templates/formScreenTemplate.js +71 -0
  13. package/dist/cjs/foundation/templates/formScreenTemplate.js.map +1 -0
  14. package/dist/cjs/foundation/templates/index.js +39 -0
  15. package/dist/cjs/foundation/templates/index.js.map +1 -0
  16. package/dist/cjs/foundation/templates/listScreenTemplate.js +124 -0
  17. package/dist/cjs/foundation/templates/listScreenTemplate.js.map +1 -0
  18. package/dist/cjs/foundation/templates/masterDetailScreenTemplate.js +79 -0
  19. package/dist/cjs/foundation/templates/masterDetailScreenTemplate.js.map +1 -0
  20. package/dist/cjs/foundation/templates/recordPageTemplate.js +137 -0
  21. package/dist/cjs/foundation/templates/recordPageTemplate.js.map +1 -0
  22. package/dist/cjs/foundation/templates/templateParts.js +38 -0
  23. package/dist/cjs/foundation/templates/templateParts.js.map +1 -0
  24. package/dist/cjs/foundation/templates/wizardScreenTemplate.js +95 -0
  25. package/dist/cjs/foundation/templates/wizardScreenTemplate.js.map +1 -0
  26. package/dist/cjs/foundation/templates/workspaceScreenTemplate.js +62 -0
  27. package/dist/cjs/foundation/templates/workspaceScreenTemplate.js.map +1 -0
  28. package/dist/cjs/gallery/GalleryScreenPreview.js +76 -4
  29. package/dist/cjs/gallery/GalleryScreenPreview.js.map +1 -1
  30. package/dist/cjs/gallery/applicationChrome.js +18 -1
  31. package/dist/cjs/gallery/applicationChrome.js.map +1 -1
  32. package/dist/cjs/gallery/composeScreen.js +5 -3
  33. package/dist/cjs/gallery/composeScreen.js.map +1 -1
  34. package/dist/cjs/gallery/screens.js +83 -2
  35. package/dist/cjs/gallery/screens.js.map +1 -1
  36. package/dist/cjs/index.js +25 -0
  37. package/dist/cjs/index.js.map +1 -1
  38. package/dist/esm/defaultBlueprint.d.ts.map +1 -1
  39. package/dist/esm/defaultBlueprint.js +18 -1
  40. package/dist/esm/defaultBlueprint.js.map +1 -1
  41. package/dist/esm/defaultBlueprintComponentMetadata.js +9 -0
  42. package/dist/esm/defaultBlueprintComponentMetadata.js.map +1 -1
  43. package/dist/esm/defaultBlueprintComponents.js +9 -0
  44. package/dist/esm/defaultBlueprintComponents.js.map +1 -1
  45. package/dist/esm/foundation/index.d.ts +1 -0
  46. package/dist/esm/foundation/index.d.ts.map +1 -1
  47. package/dist/esm/foundation/index.js +1 -0
  48. package/dist/esm/foundation/index.js.map +1 -1
  49. package/dist/esm/foundation/templates/boardScreenTemplate.d.ts +3 -0
  50. package/dist/esm/foundation/templates/boardScreenTemplate.d.ts.map +1 -0
  51. package/dist/esm/foundation/templates/boardScreenTemplate.js +74 -0
  52. package/dist/esm/foundation/templates/boardScreenTemplate.js.map +1 -0
  53. package/dist/esm/foundation/templates/dashboardScreenTemplate.d.ts +3 -0
  54. package/dist/esm/foundation/templates/dashboardScreenTemplate.d.ts.map +1 -0
  55. package/dist/esm/foundation/templates/dashboardScreenTemplate.js +126 -0
  56. package/dist/esm/foundation/templates/dashboardScreenTemplate.js.map +1 -0
  57. package/dist/esm/foundation/templates/formScreenTemplate.d.ts +3 -0
  58. package/dist/esm/foundation/templates/formScreenTemplate.d.ts.map +1 -0
  59. package/dist/esm/foundation/templates/formScreenTemplate.js +69 -0
  60. package/dist/esm/foundation/templates/formScreenTemplate.js.map +1 -0
  61. package/dist/esm/foundation/templates/index.d.ts +11 -0
  62. package/dist/esm/foundation/templates/index.d.ts.map +1 -0
  63. package/dist/esm/foundation/templates/index.js +25 -0
  64. package/dist/esm/foundation/templates/index.js.map +1 -0
  65. package/dist/esm/foundation/templates/listScreenTemplate.d.ts +3 -0
  66. package/dist/esm/foundation/templates/listScreenTemplate.d.ts.map +1 -0
  67. package/dist/esm/foundation/templates/listScreenTemplate.js +122 -0
  68. package/dist/esm/foundation/templates/listScreenTemplate.js.map +1 -0
  69. package/dist/esm/foundation/templates/masterDetailScreenTemplate.d.ts +3 -0
  70. package/dist/esm/foundation/templates/masterDetailScreenTemplate.d.ts.map +1 -0
  71. package/dist/esm/foundation/templates/masterDetailScreenTemplate.js +77 -0
  72. package/dist/esm/foundation/templates/masterDetailScreenTemplate.js.map +1 -0
  73. package/dist/esm/foundation/templates/recordPageTemplate.d.ts +3 -0
  74. package/dist/esm/foundation/templates/recordPageTemplate.d.ts.map +1 -0
  75. package/dist/esm/foundation/templates/recordPageTemplate.js +135 -0
  76. package/dist/esm/foundation/templates/recordPageTemplate.js.map +1 -0
  77. package/dist/esm/foundation/templates/templateParts.d.ts +6 -0
  78. package/dist/esm/foundation/templates/templateParts.d.ts.map +1 -0
  79. package/dist/esm/foundation/templates/templateParts.js +33 -0
  80. package/dist/esm/foundation/templates/templateParts.js.map +1 -0
  81. package/dist/esm/foundation/templates/wizardScreenTemplate.d.ts +3 -0
  82. package/dist/esm/foundation/templates/wizardScreenTemplate.d.ts.map +1 -0
  83. package/dist/esm/foundation/templates/wizardScreenTemplate.js +93 -0
  84. package/dist/esm/foundation/templates/wizardScreenTemplate.js.map +1 -0
  85. package/dist/esm/foundation/templates/workspaceScreenTemplate.d.ts +3 -0
  86. package/dist/esm/foundation/templates/workspaceScreenTemplate.d.ts.map +1 -0
  87. package/dist/esm/foundation/templates/workspaceScreenTemplate.js +60 -0
  88. package/dist/esm/foundation/templates/workspaceScreenTemplate.js.map +1 -0
  89. package/dist/esm/gallery/GalleryScreenPreview.d.ts +13 -2
  90. package/dist/esm/gallery/GalleryScreenPreview.d.ts.map +1 -1
  91. package/dist/esm/gallery/GalleryScreenPreview.js +75 -5
  92. package/dist/esm/gallery/GalleryScreenPreview.js.map +1 -1
  93. package/dist/esm/gallery/applicationChrome.d.ts.map +1 -1
  94. package/dist/esm/gallery/applicationChrome.js +18 -1
  95. package/dist/esm/gallery/applicationChrome.js.map +1 -1
  96. package/dist/esm/gallery/composeScreen.d.ts.map +1 -1
  97. package/dist/esm/gallery/composeScreen.js +5 -3
  98. package/dist/esm/gallery/composeScreen.js.map +1 -1
  99. package/dist/esm/gallery/screens.d.ts.map +1 -1
  100. package/dist/esm/gallery/screens.js +83 -2
  101. package/dist/esm/gallery/screens.js.map +1 -1
  102. package/dist/esm/index.js +11 -1
  103. package/dist/esm/index.js.map +1 -1
  104. package/dist/esm/tsconfig.tsbuildinfo +1 -1
  105. package/foundation/index.ts +1 -0
  106. package/foundation/templates/boardScreenTemplate.ts +28 -0
  107. package/foundation/templates/dashboardScreenTemplate.ts +37 -0
  108. package/foundation/templates/formScreenTemplate.ts +28 -0
  109. package/foundation/templates/index.ts +26 -0
  110. package/foundation/templates/listScreenTemplate.ts +37 -0
  111. package/foundation/templates/masterDetailScreenTemplate.ts +28 -0
  112. package/foundation/templates/recordPageTemplate.ts +36 -0
  113. package/foundation/templates/templateParts.ts +30 -0
  114. package/foundation/templates/wizardScreenTemplate.ts +33 -0
  115. package/foundation/templates/workspaceScreenTemplate.ts +27 -0
  116. package/gallery/GalleryScreenPreview.tsx +64 -5
  117. package/gallery/applicationChrome.ts +6 -1
  118. package/gallery/composeScreen.ts +4 -2
  119. package/gallery/screens.ts +16 -1
  120. package/package.json +10 -8
  121. package/sampleData/foundation-en.json +512 -0
  122. package/thumbnails/BoardScreen.svg +15 -0
  123. package/thumbnails/DashboardScreen.svg +18 -0
  124. package/thumbnails/FormScreen.svg +14 -0
  125. package/thumbnails/ListScreen.svg +16 -0
  126. package/thumbnails/MasterDetailScreen.svg +22 -0
  127. package/thumbnails/RecordPage.svg +17 -0
  128. package/thumbnails/WizardScreen.svg +16 -0
  129. package/thumbnails/WorkspaceScreen.svg +12 -0
@@ -0,0 +1,512 @@
1
+ {
2
+ "id": "foundation-en",
3
+ "title": "Foundation · English",
4
+ "locale": "en-GB",
5
+ "owner": "blueprint:Cratis.Blueprint.Default",
6
+ "sets": [
7
+ {
8
+ "shape": "ModuleSections",
9
+ "rows": [
10
+ {
11
+ "id": "accounts",
12
+ "label": "Accounts"
13
+ },
14
+ {
15
+ "id": "contacts",
16
+ "label": "Contacts",
17
+ "badge": "12"
18
+ },
19
+ {
20
+ "id": "deals",
21
+ "label": "Deals"
22
+ }
23
+ ]
24
+ },
25
+ {
26
+ "shape": "NotificationCount",
27
+ "rows": [
28
+ {
29
+ "count": 3
30
+ }
31
+ ]
32
+ },
33
+ {
34
+ "shape": "Kpis",
35
+ "rows": [
36
+ {
37
+ "value": 1234567,
38
+ "change": 12.5
39
+ },
40
+ {
41
+ "value": 48,
42
+ "change": 4
43
+ },
44
+ {
45
+ "value": 6.5,
46
+ "change": -8.2
47
+ }
48
+ ]
49
+ },
50
+ {
51
+ "shape": "RevenueChart",
52
+ "rows": [
53
+ {
54
+ "categories": [
55
+ "Q1",
56
+ "Q2",
57
+ "Q3",
58
+ "Q4"
59
+ ],
60
+ "series": [
61
+ {
62
+ "name": "Revenue",
63
+ "values": [
64
+ 120,
65
+ 180,
66
+ 150,
67
+ 240
68
+ ]
69
+ },
70
+ {
71
+ "name": "Target",
72
+ "values": [
73
+ 100,
74
+ 150,
75
+ 200,
76
+ 220
77
+ ]
78
+ }
79
+ ]
80
+ }
81
+ ]
82
+ },
83
+ {
84
+ "shape": "StageChart",
85
+ "rows": [
86
+ {
87
+ "categories": [
88
+ "Leads",
89
+ "Qualified",
90
+ "Proposal",
91
+ "Won"
92
+ ],
93
+ "series": [
94
+ {
95
+ "name": "Deals",
96
+ "values": [
97
+ 400,
98
+ 220,
99
+ 90,
100
+ 40
101
+ ]
102
+ }
103
+ ]
104
+ }
105
+ ]
106
+ },
107
+ {
108
+ "shape": "DealColumns",
109
+ "rows": [
110
+ {
111
+ "field": "name",
112
+ "header": "Account"
113
+ },
114
+ {
115
+ "field": "owner",
116
+ "header": "Owner"
117
+ },
118
+ {
119
+ "field": "value",
120
+ "header": "Value",
121
+ "kind": "currency",
122
+ "currency": "USD"
123
+ },
124
+ {
125
+ "field": "status",
126
+ "header": "Status",
127
+ "kind": "status",
128
+ "tones": {
129
+ "Open": "info",
130
+ "Won": "success",
131
+ "Lost": "danger"
132
+ }
133
+ },
134
+ {
135
+ "field": "closes",
136
+ "header": "Closes",
137
+ "kind": "date"
138
+ }
139
+ ]
140
+ },
141
+ {
142
+ "shape": "Deals",
143
+ "rows": [
144
+ {
145
+ "id": "1",
146
+ "name": "Northgate Ltd",
147
+ "owner": "Ada Lovelace",
148
+ "value": 12000,
149
+ "status": "Open",
150
+ "closes": "2026-04-01"
151
+ },
152
+ {
153
+ "id": "2",
154
+ "name": "Harbour & Sons",
155
+ "owner": "Grace Hopper",
156
+ "value": 8400.5,
157
+ "status": "Won",
158
+ "closes": "2026-03-12"
159
+ },
160
+ {
161
+ "id": "3",
162
+ "name": "Fjord Supply",
163
+ "owner": "Linus Torvalds",
164
+ "value": 560,
165
+ "status": "Lost",
166
+ "closes": "2026-02-20"
167
+ },
168
+ {
169
+ "id": "4",
170
+ "name": "Bluebird Studio",
171
+ "owner": "Margaret Hamilton",
172
+ "value": 23100,
173
+ "status": "Open",
174
+ "closes": "2026-05-08"
175
+ },
176
+ {
177
+ "id": "5",
178
+ "name": "Cedar & Pine",
179
+ "owner": "Alan Turing",
180
+ "value": 4300,
181
+ "status": "Won",
182
+ "closes": "2026-03-30"
183
+ }
184
+ ]
185
+ },
186
+ {
187
+ "shape": "DealViews",
188
+ "rows": [
189
+ {
190
+ "id": "all",
191
+ "label": "All deals"
192
+ },
193
+ {
194
+ "id": "mine",
195
+ "label": "My deals"
196
+ },
197
+ {
198
+ "id": "closing",
199
+ "label": "Closing this month"
200
+ }
201
+ ]
202
+ },
203
+ {
204
+ "shape": "DealColumnChoices",
205
+ "rows": [
206
+ {
207
+ "id": "name",
208
+ "label": "Account",
209
+ "locked": true
210
+ },
211
+ {
212
+ "id": "owner",
213
+ "label": "Owner"
214
+ },
215
+ {
216
+ "id": "value",
217
+ "label": "Value"
218
+ },
219
+ {
220
+ "id": "status",
221
+ "label": "Status"
222
+ },
223
+ {
224
+ "id": "closes",
225
+ "label": "Closes",
226
+ "visible": false
227
+ }
228
+ ]
229
+ },
230
+ {
231
+ "shape": "DealFilterFields",
232
+ "rows": [
233
+ {
234
+ "name": "owner",
235
+ "label": "Owner",
236
+ "type": "text"
237
+ },
238
+ {
239
+ "name": "status",
240
+ "label": "Status",
241
+ "type": "select",
242
+ "options": [
243
+ "Open",
244
+ "Won",
245
+ "Lost"
246
+ ]
247
+ },
248
+ {
249
+ "name": "value",
250
+ "label": "Value",
251
+ "type": "number"
252
+ }
253
+ ]
254
+ },
255
+ {
256
+ "shape": "DealSelection",
257
+ "rows": []
258
+ },
259
+ {
260
+ "shape": "Activity",
261
+ "rows": [
262
+ {
263
+ "id": "a1",
264
+ "actor": "Ada Lovelace",
265
+ "action": "commented",
266
+ "kind": "comment",
267
+ "at": "2026-03-10T09:30:00Z",
268
+ "body": "Sent the revised quote."
269
+ },
270
+ {
271
+ "id": "a2",
272
+ "actor": "Grace Hopper",
273
+ "action": "changed the owner to Linus",
274
+ "kind": "change",
275
+ "at": "2026-03-09T16:00:00Z"
276
+ },
277
+ {
278
+ "id": "a3",
279
+ "actor": "System",
280
+ "action": "marked the deal as qualified",
281
+ "kind": "status",
282
+ "at": "2026-03-09T08:00:00Z"
283
+ }
284
+ ]
285
+ },
286
+ {
287
+ "shape": "PipelineColumns",
288
+ "rows": [
289
+ {
290
+ "id": "new",
291
+ "label": "New",
292
+ "limit": 3
293
+ },
294
+ {
295
+ "id": "qualified",
296
+ "label": "Qualified"
297
+ },
298
+ {
299
+ "id": "proposal",
300
+ "label": "Proposal"
301
+ },
302
+ {
303
+ "id": "won",
304
+ "label": "Won"
305
+ }
306
+ ]
307
+ },
308
+ {
309
+ "shape": "PipelineCards",
310
+ "rows": [
311
+ {
312
+ "id": "c1",
313
+ "title": "Acme renewal",
314
+ "column": "new",
315
+ "assignee": "Ada",
316
+ "fields": [
317
+ {
318
+ "label": "Value",
319
+ "value": "$12,000"
320
+ }
321
+ ],
322
+ "badges": [
323
+ "Hot"
324
+ ]
325
+ },
326
+ {
327
+ "id": "c2",
328
+ "title": "Globex rollout",
329
+ "column": "new",
330
+ "assignee": "Grace"
331
+ },
332
+ {
333
+ "id": "c3",
334
+ "title": "Initech pilot",
335
+ "column": "qualified"
336
+ },
337
+ {
338
+ "id": "c4",
339
+ "title": "Umbrella upgrade",
340
+ "column": "proposal",
341
+ "assignee": "Linus"
342
+ }
343
+ ]
344
+ },
345
+ {
346
+ "shape": "RecordTabs",
347
+ "rows": [
348
+ {
349
+ "id": "overview",
350
+ "label": "Overview"
351
+ },
352
+ {
353
+ "id": "related",
354
+ "label": "Related",
355
+ "badge": "4"
356
+ },
357
+ {
358
+ "id": "files",
359
+ "label": "Files"
360
+ },
361
+ {
362
+ "id": "history",
363
+ "label": "History"
364
+ }
365
+ ]
366
+ },
367
+ {
368
+ "shape": "People",
369
+ "rows": [
370
+ {
371
+ "name": "Ada Lovelace"
372
+ },
373
+ {
374
+ "name": "Grace Hopper"
375
+ },
376
+ {
377
+ "name": "Linus Torvalds"
378
+ },
379
+ {
380
+ "name": "Margaret Hamilton"
381
+ },
382
+ {
383
+ "name": "Alan Turing"
384
+ }
385
+ ]
386
+ },
387
+ {
388
+ "shape": "Checklist",
389
+ "rows": [
390
+ {
391
+ "title": "Onboarding",
392
+ "items": [
393
+ {
394
+ "id": "t1",
395
+ "label": "Send the contract",
396
+ "owner": "Grace",
397
+ "due": "2026-03-01",
398
+ "done": true
399
+ },
400
+ {
401
+ "id": "t2",
402
+ "label": "Order a laptop",
403
+ "owner": "Linus",
404
+ "due": "2026-03-05"
405
+ }
406
+ ]
407
+ }
408
+ ]
409
+ },
410
+ {
411
+ "shape": "RecordSections",
412
+ "rows": [
413
+ {
414
+ "id": "details",
415
+ "title": "Account details",
416
+ "columns": 2,
417
+ "fields": [
418
+ {
419
+ "name": "name",
420
+ "label": "Name",
421
+ "required": true
422
+ },
423
+ {
424
+ "name": "industry",
425
+ "label": "Industry",
426
+ "type": "select",
427
+ "options": [
428
+ "Software",
429
+ "Retail"
430
+ ]
431
+ },
432
+ {
433
+ "name": "revenue",
434
+ "label": "Revenue",
435
+ "type": "currency"
436
+ },
437
+ {
438
+ "name": "since",
439
+ "label": "Customer since",
440
+ "type": "date"
441
+ },
442
+ {
443
+ "name": "notes",
444
+ "label": "Notes",
445
+ "type": "richText",
446
+ "span": 2
447
+ }
448
+ ]
449
+ },
450
+ {
451
+ "id": "preferences",
452
+ "title": "Preferences",
453
+ "fields": [
454
+ {
455
+ "name": "tags",
456
+ "label": "Tags",
457
+ "type": "multiSelect",
458
+ "options": [
459
+ "VIP",
460
+ "Partner"
461
+ ]
462
+ },
463
+ {
464
+ "name": "active",
465
+ "label": "Active",
466
+ "type": "toggle"
467
+ }
468
+ ]
469
+ }
470
+ ]
471
+ },
472
+ {
473
+ "shape": "RecordValues",
474
+ "rows": [
475
+ {
476
+ "name": "Northgate Ltd",
477
+ "industry": "Software",
478
+ "revenue": 1234567,
479
+ "since": "2019-06-01",
480
+ "notes": "Long-standing customer.",
481
+ "tags": [
482
+ "VIP"
483
+ ],
484
+ "active": true
485
+ }
486
+ ]
487
+ },
488
+ {
489
+ "shape": "FormErrors",
490
+ "rows": [
491
+ {}
492
+ ]
493
+ },
494
+ {
495
+ "shape": "WizardSteps",
496
+ "rows": [
497
+ {
498
+ "id": "details",
499
+ "label": "Details"
500
+ },
501
+ {
502
+ "id": "people",
503
+ "label": "People"
504
+ },
505
+ {
506
+ "id": "review",
507
+ "label": "Review"
508
+ }
509
+ ]
510
+ }
511
+ ]
512
+ }
@@ -0,0 +1,15 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="BoardScreen">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <rect x="64" y="30" width="58" height="162" rx="3" fill="#eceef1" stroke="#d5d9df"/>
6
+ <rect x="68" y="38" width="50" height="24" rx="3" fill="#ffffff" stroke="#d5d9df"/>
7
+ <rect x="68" y="68" width="50" height="24" rx="3" fill="#ffffff" stroke="#d5d9df"/>
8
+ <rect x="68" y="98" width="50" height="24" rx="3" fill="#ffffff" stroke="#d5d9df"/>
9
+ <rect x="126" y="30" width="58" height="162" rx="3" fill="#eceef1" stroke="#d5d9df"/>
10
+ <rect x="130" y="38" width="50" height="24" rx="3" fill="#ffffff" stroke="#d5d9df"/>
11
+ <rect x="130" y="68" width="50" height="24" rx="3" fill="#ffffff" stroke="#d5d9df"/>
12
+ <rect x="188" y="30" width="58" height="162" rx="3" fill="#eceef1" stroke="#d5d9df"/>
13
+ <rect x="192" y="38" width="50" height="24" rx="3" fill="#ffffff" stroke="#d5d9df"/>
14
+ <rect x="250" y="30" width="58" height="162" rx="3" fill="#eceef1" stroke="#d5d9df"/>
15
+ </svg>
@@ -0,0 +1,18 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="DashboardScreen">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <rect x="64" y="30" width="78" height="34" rx="3" fill="#ffffff" stroke="#d5d9df"/>
6
+ <rect x="148" y="30" width="78" height="34" rx="3" fill="#ffffff" stroke="#d5d9df"/>
7
+ <rect x="232" y="30" width="78" height="34" rx="3" fill="#ffffff" stroke="#d5d9df"/>
8
+ <rect x="64" y="72" width="150" height="60" rx="3" fill="#ffffff" stroke="#d5d9df"/>
9
+ <rect x="80" y="110" width="9" height="10" fill="#4f46e5"/>
10
+ <rect x="94" y="98" width="9" height="22" fill="#4f46e5"/>
11
+ <rect x="108" y="104" width="9" height="16" fill="#4f46e5"/>
12
+ <rect x="122" y="92" width="9" height="28" fill="#4f46e5"/>
13
+ <rect x="222" y="72" width="90" height="60" rx="3" fill="#ffffff" stroke="#d5d9df"/>
14
+ <rect x="64" y="140" width="248" height="52" rx="3" fill="#ffffff" stroke="#d5d9df"/>
15
+ <rect x="70" y="146" width="236" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
16
+ <rect x="70" y="160" width="236" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
17
+ <rect x="70" y="174" width="236" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
18
+ </svg>
@@ -0,0 +1,14 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="FormScreen">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <rect x="64" y="28" width="248" height="16" rx="3" fill="#ffffff" stroke="#d5d9df"/>
6
+ <rect x="64" y="50" width="248" height="140" rx="3" fill="#ffffff" stroke="#d5d9df"/>
7
+ <rect x="72" y="60" width="112" height="20" rx="3" fill="#ffffff" stroke="#d5d9df"/>
8
+ <rect x="192" y="60" width="112" height="20" rx="3" fill="#ffffff" stroke="#d5d9df"/>
9
+ <rect x="72" y="90" width="112" height="20" rx="3" fill="#ffffff" stroke="#d5d9df"/>
10
+ <rect x="192" y="90" width="112" height="20" rx="3" fill="#ffffff" stroke="#d5d9df"/>
11
+ <rect x="72" y="120" width="112" height="20" rx="3" fill="#ffffff" stroke="#d5d9df"/>
12
+ <rect x="192" y="120" width="112" height="20" rx="3" fill="#ffffff" stroke="#d5d9df"/>
13
+ <rect x="240" y="174" width="62" height="12" rx="3" fill="#4f46e5" stroke="#4f46e5"/>
14
+ </svg>
@@ -0,0 +1,16 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="ListScreen">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <rect x="64" y="28" width="248" height="16" rx="3" fill="#ffffff" stroke="#d5d9df"/>
6
+ <rect x="64" y="50" width="248" height="14" rx="3" fill="#eef2ff" stroke="#4f46e5"/>
7
+ <rect x="64" y="70" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
8
+ <rect x="64" y="84" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
9
+ <rect x="64" y="98" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
10
+ <rect x="64" y="112" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
11
+ <rect x="64" y="126" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
12
+ <rect x="64" y="140" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
13
+ <rect x="64" y="154" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
14
+ <rect x="64" y="168" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
15
+ <rect x="64" y="184" width="248" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
16
+ </svg>
@@ -0,0 +1,22 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="MasterDetailScreen">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <rect x="64" y="30" width="86" height="162" rx="3" fill="#ffffff" stroke="#d5d9df"/>
6
+ <rect x="68" y="36" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
7
+ <rect x="68" y="50" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
8
+ <rect x="68" y="64" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
9
+ <rect x="68" y="78" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
10
+ <rect x="68" y="92" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
11
+ <rect x="68" y="106" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
12
+ <rect x="68" y="120" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
13
+ <rect x="68" y="134" width="78" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
14
+ <rect x="158" y="30" width="154" height="162" rx="3" fill="#ffffff" stroke="#d5d9df"/>
15
+ <rect x="164" y="38" width="142" height="14" rx="3" fill="#eef2ff" stroke="#4f46e5"/>
16
+ <rect x="164" y="60" width="142" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
17
+ <rect x="164" y="74" width="142" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
18
+ <rect x="164" y="88" width="142" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
19
+ <rect x="164" y="102" width="142" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
20
+ <rect x="164" y="116" width="142" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
21
+ <rect x="164" y="130" width="142" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
22
+ </svg>
@@ -0,0 +1,17 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="RecordPage">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <rect x="64" y="28" width="248" height="22" rx="3" fill="#ffffff" stroke="#d5d9df"/>
6
+ <rect x="64" y="56" width="78" height="28" rx="3" fill="#ffffff" stroke="#d5d9df"/>
7
+ <rect x="148" y="56" width="78" height="28" rx="3" fill="#ffffff" stroke="#d5d9df"/>
8
+ <rect x="232" y="56" width="78" height="28" rx="3" fill="#ffffff" stroke="#d5d9df"/>
9
+ <rect x="64" y="92" width="160" height="100" rx="3" fill="#ffffff" stroke="#d5d9df"/>
10
+ <rect x="70" y="98" width="148" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
11
+ <rect x="70" y="112" width="148" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
12
+ <rect x="70" y="126" width="148" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
13
+ <rect x="70" y="140" width="148" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
14
+ <rect x="70" y="154" width="148" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
15
+ <rect x="70" y="168" width="148" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
16
+ <rect x="232" y="92" width="80" height="100" rx="3" fill="#ffffff" stroke="#d5d9df"/>
17
+ </svg>
@@ -0,0 +1,16 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="WizardScreen">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <circle cx="96" cy="42" r="10" fill="#4f46e5" stroke="#4f46e5"/>
6
+ <circle cx="160" cy="42" r="10" fill="#ffffff" stroke="#4f46e5"/>
7
+ <circle cx="224" cy="42" r="10" fill="#ffffff" stroke="#4f46e5"/>
8
+ <rect x="64" y="64" width="248" height="100" rx="3" fill="#ffffff" stroke="#d5d9df"/>
9
+ <rect x="76" y="74" width="224" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
10
+ <rect x="76" y="88" width="224" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
11
+ <rect x="76" y="102" width="224" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
12
+ <rect x="76" y="116" width="224" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
13
+ <rect x="76" y="130" width="224" height="10" rx="3" fill="#ffffff" stroke="#d5d9df"/>
14
+ <rect x="64" y="172" width="60" height="18" rx="3" fill="#ffffff" stroke="#d5d9df"/>
15
+ <rect x="252" y="172" width="60" height="18" rx="3" fill="#4f46e5" stroke="#4f46e5"/>
16
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="WorkspaceScreen">
2
+ <rect width="320" height="200" rx="8" fill="#f4f5f7"/>
3
+ <rect x="0" y="0" width="320" height="22" fill="#4f46e5"/>
4
+ <rect x="0" y="22" width="56" height="178" fill="#e3e5ea"/>
5
+ <rect x="64" y="30" width="60" height="162" rx="3" fill="#ffffff" stroke="#d5d9df"/>
6
+ <rect x="70" y="38" width="48" height="10" rx="3" fill="#e3e5ea" stroke="#d5d9df"/>
7
+ <rect x="70" y="54" width="48" height="10" rx="3" fill="#e3e5ea" stroke="#d5d9df"/>
8
+ <rect x="70" y="70" width="48" height="10" rx="3" fill="#e3e5ea" stroke="#d5d9df"/>
9
+ <rect x="70" y="86" width="48" height="10" rx="3" fill="#e3e5ea" stroke="#d5d9df"/>
10
+ <rect x="70" y="102" width="48" height="10" rx="3" fill="#e3e5ea" stroke="#d5d9df"/>
11
+ <rect x="132" y="30" width="180" height="162" rx="3" fill="#ffffff" stroke="#d5d9df"/>
12
+ </svg>