@public-ui/sample-react 2.1.3 → 2.1.4

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 (111) hide show
  1. package/dist/1036.js +2 -0
  2. package/dist/1069.js +1 -1
  3. package/dist/1085.js +1 -1
  4. package/dist/1184.js +1 -1
  5. package/dist/1222.js +1 -1
  6. package/dist/1278.js +1 -1
  7. package/dist/1325.js +1 -1
  8. package/dist/1333.js +1 -1
  9. package/dist/1661.js +1 -1
  10. package/dist/1703.js +1 -1
  11. package/dist/1711.js +1 -1
  12. package/dist/1792.js +1 -1
  13. package/dist/1793.js +1 -1
  14. package/dist/1878.js +1 -1
  15. package/dist/1957.js +1 -1
  16. package/dist/2305.js +1 -1
  17. package/dist/2471.js +1 -1
  18. package/dist/2538.js +1 -1
  19. package/dist/279.js +1 -1
  20. package/dist/2830.js +1 -1
  21. package/dist/3180.js +1 -1
  22. package/dist/3332.js +1 -1
  23. package/dist/3454.js +1 -1
  24. package/dist/3596.js +1 -1
  25. package/dist/3714.js +1 -1
  26. package/dist/3797.js +1 -1
  27. package/dist/3974.js +1 -1
  28. package/dist/3990.js +1 -1
  29. package/dist/4014.js +1 -1
  30. package/dist/4102.js +1 -1
  31. package/dist/4218.js +1 -1
  32. package/dist/4303.js +1 -1
  33. package/dist/4404.js +1 -1
  34. package/dist/445.js +2 -0
  35. package/dist/453.js +1 -1
  36. package/dist/4941.js +1 -1
  37. package/dist/500.js +1 -1
  38. package/dist/5139.js +1 -1
  39. package/dist/5164.js +1 -1
  40. package/dist/5168.js +2 -0
  41. package/dist/5365.js +1 -1
  42. package/dist/5540.js +1 -1
  43. package/dist/5756.js +1 -1
  44. package/dist/6393.js +1 -1
  45. package/dist/6682.js +1 -1
  46. package/dist/6781.js +1 -1
  47. package/dist/7100.js +1 -1
  48. package/dist/7238.js +2 -0
  49. package/dist/7245.js +1 -1
  50. package/dist/7263.js +1 -1
  51. package/dist/7512.js +1 -1
  52. package/dist/7856.js +1 -1
  53. package/dist/8002.js +1 -1
  54. package/dist/8189.js +1 -1
  55. package/dist/8264.js +1 -1
  56. package/dist/8384.js +1 -1
  57. package/dist/8389.js +1 -1
  58. package/dist/8515.js +1 -1
  59. package/dist/8557.js +1 -1
  60. package/dist/8588.js +1 -1
  61. package/dist/8724.js +1 -1
  62. package/dist/8791.js +2 -0
  63. package/dist/8791.js.LICENSE.txt +3 -0
  64. package/dist/882.js +1 -1
  65. package/dist/8823.js +1 -1
  66. package/dist/895.js +1 -1
  67. package/dist/8993.js +1 -1
  68. package/dist/902.js +1 -1
  69. package/dist/9175.js +1 -1
  70. package/dist/9202.js +1 -1
  71. package/dist/9833.js +1 -1
  72. package/dist/9961.js +1 -1
  73. package/dist/main.js +1 -1
  74. package/package.json +5 -5
  75. package/src/components/FormWrap.tsx +22 -26
  76. package/src/components/alert/basic.tsx +1 -1
  77. package/src/components/button/partials/cases.tsx +5 -5
  78. package/src/components/button/partials/variants.tsx +7 -8
  79. package/src/components/card/routes.ts +0 -2
  80. package/src/components/combobox/partials/cases.tsx +3 -3
  81. package/src/components/combobox/partials/variants.tsx +3 -3
  82. package/src/components/drawer/basic.tsx +61 -0
  83. package/src/components/drawer/controlled.tsx +47 -0
  84. package/src/components/drawer/partials/align.tsx +26 -0
  85. package/src/components/drawer/routes.ts +10 -0
  86. package/src/components/handout/basic.tsx +5 -550
  87. package/src/components/handout/table-data.ts +543 -0
  88. package/src/components/input-checkbox/button.tsx +3 -2
  89. package/src/components/skip-nav/basic.tsx +3 -3
  90. package/src/components/table/badge-size.tsx +4 -4
  91. package/src/components/table/column-alignment.tsx +1 -2
  92. package/src/components/table/horizontal-scrollbar.tsx +1 -1
  93. package/src/components/table/render-cell.tsx +1 -1
  94. package/src/components/table/sort-data.tsx +6 -6
  95. package/src/components/table/stateful-with-selection.tsx +8 -6
  96. package/src/components/table/stateless-with-selection.tsx +6 -4
  97. package/src/components/tabs/basic.tsx +1 -1
  98. package/src/components/tabs/icons-only.tsx +2 -1
  99. package/src/scenarios/focus-elements.tsx +4 -2
  100. package/src/scenarios/inputs-get-value.tsx +13 -1
  101. package/src/scenarios/static-form.tsx +3 -0
  102. package/src/shares/routes.ts +2 -0
  103. package/dist/1204.js +0 -2
  104. package/dist/7909.js +0 -2
  105. package/dist/8890.js +0 -2
  106. package/dist/8921.js +0 -2
  107. package/src/components/types.tsx +0 -26
  108. /package/dist/{1204.js.LICENSE.txt → 1036.js.LICENSE.txt} +0 -0
  109. /package/dist/{7909.js.LICENSE.txt → 445.js.LICENSE.txt} +0 -0
  110. /package/dist/{8890.js.LICENSE.txt → 5168.js.LICENSE.txt} +0 -0
  111. /package/dist/{8921.js.LICENSE.txt → 7238.js.LICENSE.txt} +0 -0
package/src/components/handout/basic.tsx CHANGED
@@ -1,5 +1,4 @@
1
1
  import type { KoliBriTableHeaders } from '@public-ui/components';
2
- import { Bundesanstalt } from '@public-ui/components';
3
2
  import type { FC } from 'react';
4
3
  import React from 'react';
5
4
  import {
@@ -38,6 +37,7 @@ import {
38
37
 
39
38
  import { getTheme, getThemeName } from '../../shares/store';
40
39
  import { getRoot } from '../../shares/react-roots';
40
+ import { TABLE_DATA, type TableDataType } from './table-data';
41
41
 
42
42
  const TABLE_HEADERS: KoliBriTableHeaders = {
43
43
  horizontal: [
@@ -69,10 +69,10 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
69
69
  },
70
70
  sort: (data) => {
71
71
  return data.sort((first, second) => {
72
- if (first.montag < second.montag) {
72
+ if ((first as TableDataType).montag < (second as TableDataType).montag) {
73
73
  return -1;
74
74
  }
75
- if (first.montag > second.montag) {
75
+ if ((first as TableDataType).montag > (second as TableDataType).montag) {
76
76
  return 1;
77
77
  }
78
78
  return 0;
@@ -93,10 +93,10 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
93
93
  },
94
94
  sort: (data) => {
95
95
  return data.sort((first, second) => {
96
- if (first.dienstag < second.dienstag) {
96
+ if ((first as TableDataType).dienstag < (second as TableDataType).dienstag) {
97
97
  return -1;
98
98
  }
99
- if (first.dienstag > second.dienstag) {
99
+ if ((first as TableDataType).dienstag > (second as TableDataType).dienstag) {
100
100
  return 1;
101
101
  }
102
102
  return 0;
@@ -107,9 +107,6 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
107
107
  {
108
108
  key: 'mittwoch',
109
109
  label: 'Mittwoch',
110
- render: (el, data) => {
111
- el.innerHTML = `<kol-badge _color="#006" _label="${data.label}"></kol-badge>`;
112
- },
113
110
  render: (el, cell) => {
114
111
  const renderElement = document.createElement('div');
115
112
  renderElement.setAttribute('role', 'presentation');
@@ -181,548 +178,6 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
181
178
  ],
182
179
  ],
183
180
  };
184
- const TABLE_DATA = [
185
- {
186
- montag: 'Alex',
187
- dienstag: 'Anna',
188
- mittwoch: 'Amalia',
189
- donnerstag: 'Arthur',
190
- freitag: 'Alex',
191
- samstag: 'Andrea',
192
- sonntag: 'Arnold',
193
- },
194
- {
195
- montag: 'Helena',
196
- dienstag: 'Fabian',
197
- mittwoch: 'Marie',
198
- donnerstag: 'Ben',
199
- freitag: 'Marcus',
200
- samstag: 'Alex',
201
- sonntag: 'Marcus',
202
- },
203
- {
204
- montag: 'Fabian',
205
- dienstag: 'Helena',
206
- mittwoch: 'Fabian',
207
- donnerstag: 'Maya',
208
- freitag: 'Ben',
209
- samstag: 'Alex',
210
- sonntag: 'Helena',
211
- },
212
- {
213
- montag: 'Hong',
214
- dienstag: 'Alex',
215
- mittwoch: 'Kevin',
216
- donnerstag: 'Maya',
217
- freitag: 'Fabian',
218
- samstag: 'Helena',
219
- sonntag: 'Alex',
220
- },
221
- {
222
- montag: 'Hong',
223
- dienstag: 'Alex',
224
- mittwoch: 'Kevin',
225
- donnerstag: 'Maya',
226
- freitag: 'Fabian',
227
- samstag: 'Helena',
228
- sonntag: 'Alex',
229
- },
230
- {
231
- montag: 'Hong',
232
- dienstag: 'Alex',
233
- mittwoch: 'Kevin',
234
- donnerstag: 'Maya',
235
- freitag: 'Fabian',
236
- samstag: 'Helena',
237
- sonntag: 'Alex',
238
- },
239
- {
240
- montag: 'Hong',
241
- dienstag: 'Alex',
242
- mittwoch: 'Kevin',
243
- donnerstag: 'Maya',
244
- freitag: 'Fabian',
245
- samstag: 'Helena',
246
- sonntag: 'Alex',
247
- },
248
- {
249
- montag: 'Hong',
250
- dienstag: 'Alex',
251
- mittwoch: 'Kevin',
252
- donnerstag: 'Maya',
253
- freitag: 'Fabian',
254
- samstag: 'Helena',
255
- sonntag: 'Alex',
256
- },
257
- {
258
- montag: 'Hong',
259
- dienstag: 'Alex',
260
- mittwoch: 'Kevin',
261
- donnerstag: 'Maya',
262
- freitag: 'Fabian',
263
- samstag: 'Helena',
264
- sonntag: 'Alex',
265
- },
266
- {
267
- montag: 'Samuel',
268
- dienstag: 'Selena',
269
- mittwoch: 'Sandra',
270
- donnerstag: 'Salim',
271
- freitag: 'Robert',
272
- samstag: 'Richard',
273
- sonntag: 'Pamela',
274
- },
275
- {
276
- montag: 'Samuel',
277
- dienstag: 'Selena',
278
- mittwoch: 'Sandra',
279
- donnerstag: 'Salim',
280
- freitag: 'Robert',
281
- samstag: 'Richard',
282
- sonntag: 'Pamela',
283
- },
284
- {
285
- montag: 'Finn',
286
- dienstag: 'Roger',
287
- mittwoch: 'Christian',
288
- donnerstag: 'Caspar',
289
- freitag: 'David',
290
- samstag: 'Bernard',
291
- sonntag: 'Anna',
292
- },
293
- {
294
- montag: 'Alex',
295
- dienstag: 'Anna',
296
- mittwoch: 'Amalia',
297
- donnerstag: 'Arthur',
298
- freitag: 'Alex',
299
- samstag: 'Andrea',
300
- sonntag: 'Arnold',
301
- },
302
- {
303
- montag: 'Helena',
304
- dienstag: 'Fabian',
305
- mittwoch: 'Marie',
306
- donnerstag: 'Ben',
307
- freitag: 'Marcus',
308
- samstag: 'Alex',
309
- sonntag: 'Marcus',
310
- },
311
- {
312
- montag: 'Fabian',
313
- dienstag: 'Helena',
314
- mittwoch: 'Fabian',
315
- donnerstag: 'Maya',
316
- freitag: 'Ben',
317
- samstag: 'Alex',
318
- sonntag: 'Helena',
319
- },
320
- {
321
- montag: 'Hong',
322
- dienstag: 'Alex',
323
- mittwoch: 'Kevin',
324
- donnerstag: 'Maya',
325
- freitag: 'Fabian',
326
- samstag: 'Helena',
327
- sonntag: 'Alex',
328
- },
329
- {
330
- montag: 'Hong',
331
- dienstag: 'Alex',
332
- mittwoch: 'Kevin',
333
- donnerstag: 'Maya',
334
- freitag: 'Fabian',
335
- samstag: 'Helena',
336
- sonntag: 'Alex',
337
- },
338
- {
339
- montag: 'Hong',
340
- dienstag: 'Alex',
341
- mittwoch: 'Kevin',
342
- donnerstag: 'Maya',
343
- freitag: 'Fabian',
344
- samstag: 'Helena',
345
- sonntag: 'Alex',
346
- },
347
- {
348
- montag: 'Hong',
349
- dienstag: 'Alex',
350
- mittwoch: 'Kevin',
351
- donnerstag: 'Maya',
352
- freitag: 'Fabian',
353
- samstag: 'Helena',
354
- sonntag: 'Alex',
355
- },
356
- {
357
- montag: 'Hong',
358
- dienstag: 'Alex',
359
- mittwoch: 'Kevin',
360
- donnerstag: 'Maya',
361
- freitag: 'Fabian',
362
- samstag: 'Helena',
363
- sonntag: 'Alex',
364
- },
365
- {
366
- montag: 'Hong',
367
- dienstag: 'Alex',
368
- mittwoch: 'Kevin',
369
- donnerstag: 'Maya',
370
- freitag: 'Fabian',
371
- samstag: 'Helena',
372
- sonntag: 'Alex',
373
- },
374
- {
375
- montag: 'Samuel',
376
- dienstag: 'Selena',
377
- mittwoch: 'Sandra',
378
- donnerstag: 'Salim',
379
- freitag: 'Robert',
380
- samstag: 'Richard',
381
- sonntag: 'Pamela',
382
- },
383
- {
384
- montag: 'Samuel',
385
- dienstag: 'Selena',
386
- mittwoch: 'Sandra',
387
- donnerstag: 'Salim',
388
- freitag: 'Robert',
389
- samstag: 'Richard',
390
- sonntag: 'Pamela',
391
- },
392
- {
393
- montag: 'Finn',
394
- dienstag: 'Roger',
395
- mittwoch: 'Christian',
396
- donnerstag: 'Caspar',
397
- freitag: 'David',
398
- samstag: 'Bernard',
399
- sonntag: 'Anna',
400
- },
401
- {
402
- montag: 'Alex',
403
- dienstag: 'Anna',
404
- mittwoch: 'Amalia',
405
- donnerstag: 'Arthur',
406
- freitag: 'Alex',
407
- samstag: 'Andrea',
408
- sonntag: 'Arnold',
409
- },
410
- {
411
- montag: 'Helena',
412
- dienstag: 'Fabian',
413
- mittwoch: 'Marie',
414
- donnerstag: 'Ben',
415
- freitag: 'Marcus',
416
- samstag: 'Alex',
417
- sonntag: 'Marcus',
418
- },
419
- {
420
- montag: 'Fabian',
421
- dienstag: 'Helena',
422
- mittwoch: 'Fabian',
423
- donnerstag: 'Maya',
424
- freitag: 'Ben',
425
- samstag: 'Alex',
426
- sonntag: 'Helena',
427
- },
428
- {
429
- montag: 'Hong',
430
- dienstag: 'Alex',
431
- mittwoch: 'Kevin',
432
- donnerstag: 'Maya',
433
- freitag: 'Fabian',
434
- samstag: 'Helena',
435
- sonntag: 'Alex',
436
- },
437
- {
438
- montag: 'Hong',
439
- dienstag: 'Alex',
440
- mittwoch: 'Kevin',
441
- donnerstag: 'Maya',
442
- freitag: 'Fabian',
443
- samstag: 'Helena',
444
- sonntag: 'Alex',
445
- },
446
- {
447
- montag: 'Hong',
448
- dienstag: 'Alex',
449
- mittwoch: 'Kevin',
450
- donnerstag: 'Maya',
451
- freitag: 'Fabian',
452
- samstag: 'Helena',
453
- sonntag: 'Alex',
454
- },
455
- {
456
- montag: 'Hong',
457
- dienstag: 'Alex',
458
- mittwoch: 'Kevin',
459
- donnerstag: 'Maya',
460
- freitag: 'Fabian',
461
- samstag: 'Helena',
462
- sonntag: 'Alex',
463
- },
464
- {
465
- montag: 'Hong',
466
- dienstag: 'Alex',
467
- mittwoch: 'Kevin',
468
- donnerstag: 'Maya',
469
- freitag: 'Fabian',
470
- samstag: 'Helena',
471
- sonntag: 'Alex',
472
- },
473
- {
474
- montag: 'Hong',
475
- dienstag: 'Alex',
476
- mittwoch: 'Kevin',
477
- donnerstag: 'Maya',
478
- freitag: 'Fabian',
479
- samstag: 'Helena',
480
- sonntag: 'Alex',
481
- },
482
- {
483
- montag: 'Samuel',
484
- dienstag: 'Selena',
485
- mittwoch: 'Sandra',
486
- donnerstag: 'Salim',
487
- freitag: 'Robert',
488
- samstag: 'Richard',
489
- sonntag: 'Pamela',
490
- },
491
- {
492
- montag: 'Samuel',
493
- dienstag: 'Selena',
494
- mittwoch: 'Sandra',
495
- donnerstag: 'Salim',
496
- freitag: 'Robert',
497
- samstag: 'Richard',
498
- sonntag: 'Pamela',
499
- },
500
- {
501
- montag: 'Finn',
502
- dienstag: 'Roger',
503
- mittwoch: 'Christian',
504
- donnerstag: 'Caspar',
505
- freitag: 'David',
506
- samstag: 'Bernard',
507
- sonntag: 'Anna',
508
- },
509
- {
510
- montag: 'Alex',
511
- dienstag: 'Anna',
512
- mittwoch: 'Amalia',
513
- donnerstag: 'Arthur',
514
- freitag: 'Alex',
515
- samstag: 'Andrea',
516
- sonntag: 'Arnold',
517
- },
518
- {
519
- montag: 'Helena',
520
- dienstag: 'Fabian',
521
- mittwoch: 'Marie',
522
- donnerstag: 'Ben',
523
- freitag: 'Marcus',
524
- samstag: 'Alex',
525
- sonntag: 'Marcus',
526
- },
527
- {
528
- montag: 'Fabian',
529
- dienstag: 'Helena',
530
- mittwoch: 'Fabian',
531
- donnerstag: 'Maya',
532
- freitag: 'Ben',
533
- samstag: 'Alex',
534
- sonntag: 'Helena',
535
- },
536
- {
537
- montag: 'Hong',
538
- dienstag: 'Alex',
539
- mittwoch: 'Kevin',
540
- donnerstag: 'Maya',
541
- freitag: 'Fabian',
542
- samstag: 'Helena',
543
- sonntag: 'Alex',
544
- },
545
- {
546
- montag: 'Hong',
547
- dienstag: 'Alex',
548
- mittwoch: 'Kevin',
549
- donnerstag: 'Maya',
550
- freitag: 'Fabian',
551
- samstag: 'Helena',
552
- sonntag: 'Alex',
553
- },
554
- {
555
- montag: 'Hong',
556
- dienstag: 'Alex',
557
- mittwoch: 'Kevin',
558
- donnerstag: 'Maya',
559
- freitag: 'Fabian',
560
- samstag: 'Helena',
561
- sonntag: 'Alex',
562
- },
563
- {
564
- montag: 'Hong',
565
- dienstag: 'Alex',
566
- mittwoch: 'Kevin',
567
- donnerstag: 'Maya',
568
- freitag: 'Fabian',
569
- samstag: 'Helena',
570
- sonntag: 'Alex',
571
- },
572
- {
573
- montag: 'Hong',
574
- dienstag: 'Alex',
575
- mittwoch: 'Kevin',
576
- donnerstag: 'Maya',
577
- freitag: 'Fabian',
578
- samstag: 'Helena',
579
- sonntag: 'Alex',
580
- },
581
- {
582
- montag: 'Hong',
583
- dienstag: 'Alex',
584
- mittwoch: 'Kevin',
585
- donnerstag: 'Maya',
586
- freitag: 'Fabian',
587
- samstag: 'Helena',
588
- sonntag: 'Alex',
589
- },
590
- {
591
- montag: 'Samuel',
592
- dienstag: 'Selena',
593
- mittwoch: 'Sandra',
594
- donnerstag: 'Salim',
595
- freitag: 'Robert',
596
- samstag: 'Richard',
597
- sonntag: 'Pamela',
598
- },
599
- {
600
- montag: 'Samuel',
601
- dienstag: 'Selena',
602
- mittwoch: 'Sandra',
603
- donnerstag: 'Salim',
604
- freitag: 'Robert',
605
- samstag: 'Richard',
606
- sonntag: 'Pamela',
607
- },
608
- {
609
- montag: 'Finn',
610
- dienstag: 'Roger',
611
- mittwoch: 'Christian',
612
- donnerstag: 'Caspar',
613
- freitag: 'David',
614
- samstag: 'Bernard',
615
- sonntag: 'Anna',
616
- },
617
- {
618
- montag: 'Alex',
619
- dienstag: 'Anna',
620
- mittwoch: 'Amalia',
621
- donnerstag: 'Arthur',
622
- freitag: 'Alex',
623
- samstag: 'Andrea',
624
- sonntag: 'Arnold',
625
- },
626
- {
627
- montag: 'Helena',
628
- dienstag: 'Fabian',
629
- mittwoch: 'Marie',
630
- donnerstag: 'Ben',
631
- freitag: 'Marcus',
632
- samstag: 'Alex',
633
- sonntag: 'Marcus',
634
- },
635
- {
636
- montag: 'Fabian',
637
- dienstag: 'Helena',
638
- mittwoch: 'Fabian',
639
- donnerstag: 'Maya',
640
- freitag: 'Ben',
641
- samstag: 'Alex',
642
- sonntag: 'Helena',
643
- },
644
- {
645
- montag: 'Hong',
646
- dienstag: 'Alex',
647
- mittwoch: 'Kevin',
648
- donnerstag: 'Maya',
649
- freitag: 'Fabian',
650
- samstag: 'Helena',
651
- sonntag: 'Alex',
652
- },
653
- {
654
- montag: 'Hong',
655
- dienstag: 'Alex',
656
- mittwoch: 'Kevin',
657
- donnerstag: 'Maya',
658
- freitag: 'Fabian',
659
- samstag: 'Helena',
660
- sonntag: 'Alex',
661
- },
662
- {
663
- montag: 'Hong',
664
- dienstag: 'Alex',
665
- mittwoch: 'Kevin',
666
- donnerstag: 'Maya',
667
- freitag: 'Fabian',
668
- samstag: 'Helena',
669
- sonntag: 'Alex',
670
- },
671
- {
672
- montag: 'Hong',
673
- dienstag: 'Alex',
674
- mittwoch: 'Kevin',
675
- donnerstag: 'Maya',
676
- freitag: 'Fabian',
677
- samstag: 'Helena',
678
- sonntag: 'Alex',
679
- },
680
- {
681
- montag: 'Hong',
682
- dienstag: 'Alex',
683
- mittwoch: 'Kevin',
684
- donnerstag: 'Maya',
685
- freitag: 'Fabian',
686
- samstag: 'Helena',
687
- sonntag: 'Alex',
688
- },
689
- {
690
- montag: 'Hong',
691
- dienstag: 'Alex',
692
- mittwoch: 'Kevin',
693
- donnerstag: 'Maya',
694
- freitag: 'Fabian',
695
- samstag: 'Helena',
696
- sonntag: 'Alex',
697
- },
698
- {
699
- montag: 'Samuel',
700
- dienstag: 'Selena',
701
- mittwoch: 'Sandra',
702
- donnerstag: 'Salim',
703
- freitag: 'Robert',
704
- samstag: 'Richard',
705
- sonntag: 'Pamela',
706
- },
707
- {
708
- montag: 'Samuel',
709
- dienstag: 'Selena',
710
- mittwoch: 'Sandra',
711
- donnerstag: 'Salim',
712
- freitag: 'Robert',
713
- samstag: 'Richard',
714
- sonntag: 'Pamela',
715
- },
716
- {
717
- montag: 'Finn',
718
- dienstag: 'Roger',
719
- mittwoch: 'Christian',
720
- donnerstag: 'Caspar',
721
- freitag: 'David',
722
- samstag: 'Bernard',
723
- sonntag: 'Anna',
724
- },
725
- ];
726
181
 
727
182
  export const HandoutBasic: FC = () => (
728
183
  <div className="grid gap-4">