create-auto-app 0.1.4 → 0.1.6

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 (72) hide show
  1. package/dist/index.js +125 -111
  2. package/dist/index.js.map +1 -1
  3. package/package.json +2 -2
  4. package/templates/shopping-app/.context/auto-ia-scheme.json +8 -29
  5. package/templates/shopping-app/.context/design-system.md +59 -35
  6. package/templates/shopping-app/.context/figma-variables.json +335 -1024
  7. package/templates/shopping-app/.context/schema.json +3 -7
  8. package/templates/shopping-app/.context/shadcn-filter.ts +2 -4
  9. package/templates/shopping-app/auto.config.ts +2 -2
  10. package/templates/shopping-app/client/src/gql/fragment-masking.ts +22 -22
  11. package/templates/shopping-app/client/src/gql/gql.ts +12 -5
  12. package/templates/shopping-app/client/src/gql/graphql.ts +125 -11
  13. package/templates/shopping-app/client/src/gql/index.ts +2 -2
  14. package/templates/shopping-app/client/src/graphql/mutations.ts +9 -9
  15. package/templates/shopping-app/client/src/graphql/queries.ts +10 -10
  16. package/templates/shopping-app/flows/shopping-assistant.flow.ts +2 -2
  17. package/templates/shopping-app/package.json +1 -1
  18. package/templates/shopping-app/pnpm-workspace.yaml +2 -2
  19. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/commands.ts +2 -2
  20. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/decide.specs.ts +20 -20
  21. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/decide.ts +8 -11
  22. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/events.ts +2 -2
  23. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/evolve.ts +3 -3
  24. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/handle.ts +8 -15
  25. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/mutation.resolver.ts +5 -9
  26. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/accepts-items-and-adds-to-their-cart/register.ts +4 -7
  27. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/creates-a-chat-session-/react.specs.ts +19 -31
  28. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/creates-a-chat-session-/react.ts +6 -12
  29. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/creates-a-chat-session-/register.ts +4 -11
  30. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/commands.ts +2 -2
  31. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/decide.specs.ts +14 -14
  32. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/decide.ts +8 -11
  33. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/events.ts +2 -2
  34. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/evolve.ts +3 -3
  35. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/handle.ts +8 -15
  36. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/mutation.resolver.ts +5 -9
  37. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/enters-shopping-criteria-into-assistant/register.ts +4 -7
  38. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/commands.ts +2 -2
  39. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/decide.specs.ts +23 -23
  40. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/decide.ts +9 -13
  41. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/events.ts +2 -2
  42. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/evolve.ts +3 -3
  43. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/handle.ts +11 -18
  44. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/mutation.resolver.ts +5 -9
  45. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/selects-items-relevant-to-the-shopping-criteria-/register.ts +4 -7
  46. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/views-suggested-items/projection.specs.ts +35 -35
  47. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/views-suggested-items/projection.ts +8 -11
  48. package/templates/shopping-app/server/src/domain/flows/seasonal-assistant/views-suggested-items/query.resolver.ts +4 -7
  49. package/templates/shopping-app/server/src/domain/shared/ReadModel.d.ts +7 -7
  50. package/templates/shopping-app/server/src/domain/shared/ReadModel.js +17 -17
  51. package/templates/shopping-app/server/src/domain/shared/index.d.ts +1 -1
  52. package/templates/shopping-app/server/src/domain/shared/index.js +1 -1
  53. package/templates/shopping-app/server/src/domain/shared/reactorSpecification.d.ts +42 -21
  54. package/templates/shopping-app/server/src/domain/shared/reactorSpecification.js +148 -140
  55. package/templates/shopping-app/server/src/domain/shared/sendCommand.d.ts +5 -2
  56. package/templates/shopping-app/server/src/domain/shared/sendCommand.js +14 -15
  57. package/templates/shopping-app/server/src/domain/shared/types.d.ts +10 -10
  58. package/templates/shopping-app/server/src/domain/shared/types.js +37 -36
  59. package/templates/shopping-app/server/src/integrations/ai-integration.ts +1 -1
  60. package/templates/shopping-app/server/src/integrations/cart-integration.ts +1 -1
  61. package/templates/shopping-app/server/src/integrations/index.ts +1 -1
  62. package/templates/shopping-app/server/src/integrations/product-catalogue-integration.ts +1 -1
  63. package/templates/shopping-app/server/src/utils/index.d.ts +1 -1
  64. package/templates/shopping-app/server/src/utils/index.js +1 -1
  65. package/templates/shopping-app/server/src/utils/loadProjections.d.ts +1 -1
  66. package/templates/shopping-app/server/src/utils/loadProjections.js +18 -16
  67. package/templates/shopping-app/server/src/utils/loadRegisterFiles.d.ts +2 -2
  68. package/templates/shopping-app/server/src/utils/loadRegisterFiles.js +19 -21
  69. package/templates/shopping-app/server/src/utils/loadResolvers.d.ts +2 -2
  70. package/templates/shopping-app/server/src/utils/loadResolvers.js +22 -22
  71. package/templates/shopping-app/server/tsconfig.json +2 -8
  72. package/templates/shopping-app/tsconfig.json +2 -8
package/templates/shopping-app/.context/design-system.md CHANGED
@@ -3,116 +3,140 @@
3
3
  ## Components
4
4
 
5
5
  ### <TextField> | Multiline
6
+
6
7
  Description: Sizes, states and other props can be set from the inside TextField component.
7
8
  Image: ![<TextField> | Multiline image](https://s3-alpha.figma.com/checkpoints/6uv/5MH/mGwmSV945oHnH4zY/6594_983099.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=4c8b393fc749da043aac81ea3c972623278e64c7490a4d0def68d19dc1679b81)
8
9
 
9
10
  ### <TextField>
10
- Description:
11
+
12
+ Description:
11
13
  Image: ![<TextField> image](https://s3-alpha.figma.com/checkpoints/Zn6/5DJ/mAn5Os6VkEr3rWGN/6594_982230.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=ed5db89e6ae584160662513926893acdf6f5a53386612b7e44115a375f15586c)
12
14
 
13
15
  ### <Button>
14
- Description:
16
+
17
+ Description:
15
18
  Image: ![<Button> image](https://s3-alpha.figma.com/checkpoints/fFh/XBj/zF35O8TFMYWD6Evo/6594_974380.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=3121eaa9eed091b91d3ad82615bd4032d13846fe6eaf8d4c2c4202f9a78f9b05)
16
19
 
17
20
  ### <CardMedia>
18
- Description:
21
+
22
+ Description:
19
23
  Image: ![<CardMedia> image](https://s3-alpha.figma.com/checkpoints/BvL/QOv/dkf9im3npiXaThfI/6594_971054.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=b7ca0f3ce935e021c6ad19b3e8a38c06dc72989152870f26af8334d6ec8d8674)
20
24
 
21
- ### *Custom / Page Heading
25
+ ### \*Custom / Page Heading
26
+
22
27
  Description: Click on the description and actions slots for more options.
23
28
  Image: ![*Custom / Page Heading image](https://s3-alpha.figma.com/checkpoints/Moc/nIs/awrl3BdHv0HbXhuj/6589_24918.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=e7db26ed1dab953ed5fd97cf449e6afe8a13104dd63291643c33abf34ddaf335)
24
29
 
25
- ### *Custom / Expandable Nav Item
26
- Description:
30
+ ### \*Custom / Expandable Nav Item
31
+
32
+ Description:
27
33
  Image: ![*Custom / Expandable Nav Item image](https://s3-alpha.figma.com/checkpoints/ZBu/k7B/dAIwOFCnkNMFP3R1/6589_23457.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=80278ab1db36b028f0c411ef92ffb74591f8ef5822d530b3542d14c33d07720e)
28
34
 
29
- ### *Custom / Uploader / Item
30
- Description:
35
+ ### \*Custom / Uploader / Item
36
+
37
+ Description:
31
38
  Image: ![*Custom / Uploader / Item image](https://s3-alpha.figma.com/checkpoints/TsD/Ql5/jpbwf7n9fm7WZNDg/6589_25989.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=c03a04956f9d62a7e21a8dc28dc3c8c28e67278d6768f1c2ed8eac7d7bbe32a3)
32
39
 
33
- ### *Custom / Forms / Passwordless
34
- Description:
40
+ ### \*Custom / Forms / Passwordless
41
+
42
+ Description:
35
43
  Image: ![*Custom / Forms / Passwordless image](https://s3-alpha.figma.com/checkpoints/tmf/bw7/MQ8Q68NbaTuuUWDY/6589_25939.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=508ce36cabe76ae8008d8ef5258a38091392a037ad9b0617d359117c941f184f)
36
44
 
37
45
  ### Native / Date Time Picker
46
+
38
47
  Description: Date pickers and Time pickers allow selecting a single value from a pre-determined set.
39
48
  Image: ![Native / Date Time Picker image](https://s3-alpha.figma.com/checkpoints/kFp/Dbr/STrpN4hgTzUWpqbY/6480_75163.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=4948c1b2d8ba1970abb40ebad97b62333f43c4658aaf406b2fe4ddd28714b929)
40
49
 
41
50
  ### !!<IconButton>
51
+
42
52
  Description: Icon buttons are commonly found in app bars and toolbars.
43
53
  Image: ![!!<IconButton> image](https://s3-alpha.figma.com/checkpoints/j1n/a6a/01OabMGp83Gaxndl/6594_977658.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=bbfd28786ae4469191dfbbccc66aa23dfa2fe2ae6fb5132711c3af1693305b60)
44
54
 
45
55
  ### <LoadingButton>
46
- Description:
56
+
57
+ Description:
47
58
  Image: ![<LoadingButton> image](https://s3-alpha.figma.com/checkpoints/cQf/DaF/7Sz7eFw9GTs6K4dg/6594_977363.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=2dd207b518ab422dd001f8530ae174ca44566a62eabd436172bbc6b11aeab55a)
48
59
 
49
- ### *Custom / Sidenav
50
- Description:
60
+ ### \*Custom / Sidenav
61
+
62
+ Description:
51
63
  Image: ![*Custom / Sidenav image](https://s3-alpha.figma.com/checkpoints/Fcj/1GE/la9oePaCocgB4tTf/6589_23468.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=0ad78a7133f903f39564bca2b6e72d3b160f35ac30d58a9930fd39c75d16c621)
52
64
 
53
65
  ### <Avatar>
54
- Description:
66
+
67
+ Description:
55
68
  Image: ![<Avatar> image](https://s3-alpha.figma.com/checkpoints/DCz/EwV/iNW3dXnqdeEYuPes/6594_972148.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=3c183d2335788b3eb75ac8009049cb874519e3a890bee943131a6daaf593db22)
56
69
 
57
70
  ### <FormControlLabel> | Checkbox
71
+
58
72
  Description: Drop-in replacement of the Radio, Switch and Checkbox component. Use this component if you want to display an extra label.
59
73
  Image: ![<FormControlLabel> | Checkbox image](https://s3-alpha.figma.com/checkpoints/Rbx/C4q/2Dju8BjtVA9XJwlZ/6594_980711.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=7d57e66e901bee7c5b4a1fa6409fe946dfd8cc1200ac86dde9559315ff7906ed)
60
74
 
61
75
  ### <Checkbox>
76
+
62
77
  Description: Checkboxes allow the user to select one or more items from a set.
63
78
  Image: ![<Checkbox> image](https://s3-alpha.figma.com/checkpoints/CXJ/0BR/7Dy25f7mhZSfI19p/6594_979882.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=4d742146f030cbcc76abc4a9582c7d16ddf7203cddb8efc8bd1740fea9880385)
64
79
 
65
- ### *Custom / Flags
66
- Description:
80
+ ### \*Custom / Flags
81
+
82
+ Description:
67
83
  Image: ![*Custom / Flags image](https://s3-alpha.figma.com/checkpoints/I9n/7i1/aXcVACo28z2Edp8F/6597_233674.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=4f81a6f855be4205db03cfe3626754644e33a79b78d24f0a3584b5faac940cc3)
68
84
 
69
- ### *Custom / Actions Slot
70
- Description:
85
+ ### \*Custom / Actions Slot
86
+
87
+ Description:
71
88
  Image: ![*Custom / Actions Slot image](https://s3-alpha.figma.com/checkpoints/eOE/U8p/1wLMGsE39m9Z8RNL/6589_24939.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=2b10e8bc826136d2bf12298b8c29ac4dd905875d8001229af47046b5b62338ed)
72
89
 
73
- ### *Custom / Uploader / Container
74
- Description:
90
+ ### \*Custom / Uploader / Container
91
+
92
+ Description:
75
93
  Image: ![*Custom / Uploader / Container image](https://s3-alpha.figma.com/checkpoints/5WI/73K/ESoaoGss7cOoguPh/6589_25968.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=0e7df50b7e32bacef963e1d3aad5d955da7093e9725b411173beb22bed11c10d)
76
94
 
77
95
  ### <FormGroup> | <Checkbox>
78
- Description:
96
+
97
+ Description:
79
98
  Image: ![<FormGroup> | <Checkbox> image](https://s3-alpha.figma.com/checkpoints/cIN/5J6/3NnM3VWkaigQNFMI/6594_980822.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=39e7b11e785b3891cae4b3fa646747e5e4ed13c5be95f3092a5928b50fdff1e1)
80
99
 
81
100
  ### <Card>
101
+
82
102
  Description: Cards contain content and actions about a single subject.
83
103
  Image: ![<Card> image](https://s3-alpha.figma.com/checkpoints/TAj/qsD/fWloEk4itVqBmpUT/6594_971155.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=29dafcc7a54771bd8536757dc85dbb6aad5f7d553e582c9507c58a0dcd6e68b8)
84
104
 
85
- ### *Custom / Settings / Plan Item
86
- Description:
105
+ ### \*Custom / Settings / Plan Item
106
+
107
+ Description:
87
108
  Image: ![*Custom / Settings / Plan Item image](https://s3-alpha.figma.com/checkpoints/Rxs/MO2/LsHkYUNaY7wdxA1g/6589_26077.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=0c6cf0c062dab69c1563921bcfe7729f1f3d64ff463c8d03ca1b4d684d2fde0f)
88
109
 
89
- ### *Custom / Section Headings
110
+ ### \*Custom / Section Headings
111
+
90
112
  Description: Provide content and actions relative to a page.
91
113
  Image: ![*Custom / Section Headings image](https://s3-alpha.figma.com/checkpoints/Oc9/N3G/tob6H01y44U11xjV/6589_24951.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=2089386c8fd8f92489b44dd4044ef610efaa5e64c1f65f002e23eafbff23ef43)
92
114
 
93
115
  ### <Alert>
116
+
94
117
  Description: An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
95
118
  Image: ![<Alert> image](https://s3-alpha.figma.com/checkpoints/Yqe/Zru/YUaV3Ek9GmJXQ9MI/6594_968657.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=ebc8d3f97ce00e13a49a044f55846430aa065cf008f08977634b336c08d8c144)
96
119
 
97
120
  ### <AvatarGroup>
121
+
98
122
  Description: import Avatar from '@mui/material/Avatar';
99
123
  import AvatarGroup from '@mui/material/AvatarGroup';
100
124
 
101
125
  export default function GroupAvatarsDemo() {
102
- return (
103
- <AvatarGroup max={4}>
104
- <Avatar alt="Remy Sharp" />
105
- <Avatar alt="Travis Howard" />
106
- <Avatar alt="Cindy Baker" />
107
- <Avatar alt="Agnes Walker" />
108
- <Avatar alt="Trevor Henderson" />
109
- </AvatarGroup>
110
- );
126
+ return (
127
+ <AvatarGroup max={4}>
128
+ <Avatar alt="Remy Sharp" />
129
+ <Avatar alt="Travis Howard" />
130
+ <Avatar alt="Cindy Baker" />
131
+ <Avatar alt="Agnes Walker" />
132
+ <Avatar alt="Trevor Henderson" />
133
+ </AvatarGroup>
134
+ );
111
135
  }
112
136
 
113
137
  Image: ![<AvatarGroup> image](https://s3-alpha.figma.com/checkpoints/exS/SyX/ZQ8xWuFFfBcJFmsk/6594_972403.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=e189e58c8a2efaacfbc14232465af8e836223fcd5697824673ac24fba751f125)
114
138
 
115
139
  ### <CardHeader>
116
- Description:
117
- Image: ![<CardHeader> image](https://s3-alpha.figma.com/checkpoints/1JX/bD9/aQo9BJfMisFPkTgi/6594_970976.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=cd0763de68e4147176cc4e674d2c6f2b614ffb66d6c9e0d84609cab36e1b7273)
118
140
 
141
+ Description:
142
+ Image: ![<CardHeader> image](https://s3-alpha.figma.com/checkpoints/1JX/bD9/aQo9BJfMisFPkTgi/6594_970976.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWC4MZR3HWH%2F20250828%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250828T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=cd0763de68e4147176cc4e674d2c6f2b614ffb66d6c9e0d84609cab36e1b7273)