@hh.ru/magritte-ui-chat-input 1.2.3 → 1.2.5

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 (23) hide show
  1. package/index.css +117 -117
  2. package/index.js +2 -1
  3. package/index.js.map +1 -1
  4. package/internal/ModeTransition.js +1 -1
  5. package/internal/TextInput.js +1 -1
  6. package/internal/VoiceRecord.js +1 -1
  7. package/internal/VoiceRecordIndicator.js +1 -1
  8. package/package.json +22 -17
  9. package/public/ChatInput.js +4 -8
  10. package/public/ChatInput.js.map +1 -1
  11. package/public/ChatInputChips.js +3 -3
  12. package/public/ChatInputChips.js.map +1 -1
  13. package/public/ChatInputFile.js +1 -1
  14. package/public/ChatInputFiles.js +1 -1
  15. package/public/ChatInputPreview.js +3 -6
  16. package/public/ChatInputPreview.js.map +1 -1
  17. package/slotDefaults.d.ts +27 -0
  18. package/slotDefaults.js +14 -0
  19. package/slotDefaults.js.map +1 -0
  20. package/styles-Bo5ojfWe.js +5 -0
  21. package/styles-Bo5ojfWe.js.map +1 -0
  22. package/styles-hEUo5BXU.js +0 -5
  23. package/styles-hEUo5BXU.js.map +0 -1
package/index.css CHANGED
@@ -1,42 +1,42 @@
1
1
  :root{
2
- --magritte-color-background-primary-v26-0-1:#ffffff;
3
- --magritte-color-background-secondary-v26-0-1:#F1F4F9;
4
- --magritte-color-stroke-neutral-v26-0-1:#DCE3EB;
5
- --magritte-color-stroke-phantom-v26-0-1:#DCE3EB;
6
- --magritte-color-stroke-state-focused-accessible-v26-0-1:#0070ff7a;
7
- --magritte-color-stroke-state-neutral-hovered-v26-0-1:#DCE3EB;
8
- --magritte-color-text-primary-v26-0-1:#000000;
9
- --magritte-color-text-secondary-v26-0-1:#768694;
10
- --magritte-color-text-tertiary-v26-0-1:#AABBCA;
11
- --magritte-color-icon-tertiary-v26-0-1:#AABBCA;
12
- --magritte-gradient-component-chat-input-background-fade-v26-0-1:#ffffff00 0%, #ffffff 100%;
13
- --magritte-shadow-level-1-color-v26-0-1:#7090b029;
14
- --magritte-shadow-level-1-x-v26-0-1:0px;
15
- --magritte-shadow-level-1-y-v26-0-1:4px;
16
- --magritte-shadow-level-1-blur-v26-0-1:12px;
17
- --magritte-shadow-level-1-spread-v26-0-1:0px;
2
+ --magritte-color-background-primary-v26-0-2:#ffffff;
3
+ --magritte-color-background-secondary-v26-0-2:#F1F4F9;
4
+ --magritte-color-stroke-neutral-v26-0-2:#DCE3EB;
5
+ --magritte-color-stroke-phantom-v26-0-2:#DCE3EB;
6
+ --magritte-color-stroke-state-focused-accessible-v26-0-2:#0070ff7a;
7
+ --magritte-color-stroke-state-neutral-hovered-v26-0-2:#DCE3EB;
8
+ --magritte-color-text-primary-v26-0-2:#000000;
9
+ --magritte-color-text-secondary-v26-0-2:#768694;
10
+ --magritte-color-text-tertiary-v26-0-2:#AABBCA;
11
+ --magritte-color-icon-tertiary-v26-0-2:#AABBCA;
12
+ --magritte-gradient-component-chat-input-background-fade-v26-0-2:#ffffff00 0%, #ffffff 100%;
13
+ --magritte-shadow-level-1-color-v26-0-2:#7090b029;
14
+ --magritte-shadow-level-1-x-v26-0-2:0px;
15
+ --magritte-shadow-level-1-y-v26-0-2:4px;
16
+ --magritte-shadow-level-1-blur-v26-0-2:12px;
17
+ --magritte-shadow-level-1-spread-v26-0-2:0px;
18
18
  }
19
19
 
20
20
  :root{
21
- --magritte-semantic-animation-time-s-duration-v26-0-1:200ms;
22
- --magritte-semantic-animation-ease-base-timing-function-v26-0-1:cubic-bezier(0.4, 0.24, 0, 1);
21
+ --magritte-semantic-animation-time-s-duration-v26-0-2:200ms;
22
+ --magritte-semantic-animation-ease-base-timing-function-v26-0-2:cubic-bezier(0.4, 0.24, 0, 1);
23
23
  }
24
24
 
25
25
  .magritte-night-theme{
26
- --magritte-color-background-primary-v26-0-1:#1B1B1B;
27
- --magritte-color-background-secondary-v26-0-1:#303030;
28
- --magritte-color-stroke-neutral-v26-0-1:#303030;
29
- --magritte-color-stroke-phantom-v26-0-1:#30303000;
30
- --magritte-color-stroke-state-neutral-hovered-v26-0-1:#303030;
31
- --magritte-color-text-primary-v26-0-1:#ffffff;
32
- --magritte-color-text-secondary-v26-0-1:#ABABAB;
33
- --magritte-color-text-tertiary-v26-0-1:#767676;
34
- --magritte-color-icon-tertiary-v26-0-1:#767676;
35
- --magritte-gradient-component-chat-input-background-fade-v26-0-1:#1b1b1b00 0%, #1b1b1b 100%;
36
- --magritte-shadow-level-1-color-v26-0-1:#00000029;
37
- }
38
- .magritte-chat-input___P69oN_1-2-3{
39
- --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v26-0-1);
26
+ --magritte-color-background-primary-v26-0-2:#1B1B1B;
27
+ --magritte-color-background-secondary-v26-0-2:#303030;
28
+ --magritte-color-stroke-neutral-v26-0-2:#303030;
29
+ --magritte-color-stroke-phantom-v26-0-2:#30303000;
30
+ --magritte-color-stroke-state-neutral-hovered-v26-0-2:#303030;
31
+ --magritte-color-text-primary-v26-0-2:#ffffff;
32
+ --magritte-color-text-secondary-v26-0-2:#ABABAB;
33
+ --magritte-color-text-tertiary-v26-0-2:#767676;
34
+ --magritte-color-icon-tertiary-v26-0-2:#767676;
35
+ --magritte-gradient-component-chat-input-background-fade-v26-0-2:#1b1b1b00 0%, #1b1b1b 100%;
36
+ --magritte-shadow-level-1-color-v26-0-2:#00000029;
37
+ }
38
+ .magritte-chat-input___P69oN_1-2-5{
39
+ --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v26-0-2);
40
40
  --chat-input-focus-shadow:0 0 0 transparent;
41
41
  position:relative;
42
42
  isolation:isolate;
@@ -44,10 +44,10 @@
44
44
  border-radius:24px;
45
45
  padding:12px;
46
46
  overflow:hidden;
47
- background-color:var(--magritte-color-background-primary-v26-0-1);
47
+ background-color:var(--magritte-color-background-primary-v26-0-2);
48
48
  --magritte-ui-scrollbar-offset-right:-12px;
49
49
  }
50
- .magritte-chat-input___P69oN_1-2-3::after{
50
+ .magritte-chat-input___P69oN_1-2-5::after{
51
51
  content:'';
52
52
  position:absolute;
53
53
  z-index:1;
@@ -56,106 +56,106 @@
56
56
  box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color);
57
57
  pointer-events:none;
58
58
  }
59
- .magritte-chat-input___P69oN_1-2-3.magritte-no-background___eiIY1_1-2-3{
59
+ .magritte-chat-input___P69oN_1-2-5.magritte-no-background___eiIY1_1-2-5{
60
60
  background:none;
61
61
  --chat-input-stroke-color:transparent !important;
62
62
  }
63
- .magritte-chat-input___P69oN_1-2-3:has(*:focus){
64
- --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v26-0-1) var(--magritte-shadow-level-1-y-v26-0-1) var(--magritte-shadow-level-1-blur-v26-0-1) var(--magritte-shadow-level-1-spread-v26-0-1) var(--magritte-shadow-level-1-color-v26-0-1);
63
+ .magritte-chat-input___P69oN_1-2-5:has(*:focus){
64
+ --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v26-0-2) var(--magritte-shadow-level-1-y-v26-0-2) var(--magritte-shadow-level-1-blur-v26-0-2) var(--magritte-shadow-level-1-spread-v26-0-2) var(--magritte-shadow-level-1-color-v26-0-2);
65
65
  }
66
- .magritte-chat-input___P69oN_1-2-3:has(.magritte-text-input-focused___TfyLu_1-2-3){
67
- outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v26-0-1);
66
+ .magritte-chat-input___P69oN_1-2-5:has(.magritte-text-input-focused___TfyLu_1-2-5){
67
+ outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v26-0-2);
68
68
  }
69
69
  @media (min-width: 1020px){
70
- body.magritte-old-layout .magritte-chat-input___P69oN_1-2-3:hover{
71
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-1);
70
+ body.magritte-old-layout .magritte-chat-input___P69oN_1-2-5:hover{
71
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-2);
72
72
  }
73
73
  }
74
74
  @media (min-width: 1024px){
75
- body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-3:hover{
76
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-1);
75
+ body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-5:hover{
76
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-2);
77
77
  }
78
78
  }
79
- .magritte-content-grid___g03sT_1-2-3{
79
+ .magritte-content-grid___g03sT_1-2-5{
80
80
  display:grid;
81
81
  grid-template-columns:auto minmax(0, 1fr) auto;
82
82
  }
83
- .magritte-content-grid___g03sT_1-2-3 .magritte-preview___baXKi_1-2-3{
83
+ .magritte-content-grid___g03sT_1-2-5 .magritte-preview___baXKi_1-2-5{
84
84
  grid-area:1 / 1 / 2 / -1;
85
85
  }
86
- .magritte-content-grid___g03sT_1-2-3 .magritte-left___7JZYp_1-2-3{
86
+ .magritte-content-grid___g03sT_1-2-5 .magritte-left___7JZYp_1-2-5{
87
87
  grid-area:3 / 1;
88
88
  align-self:end;
89
89
  }
90
- .magritte-content-grid___g03sT_1-2-3 .magritte-central___zkguj_1-2-3{
90
+ .magritte-content-grid___g03sT_1-2-5 .magritte-central___zkguj_1-2-5{
91
91
  grid-area:3 / 2;
92
92
  align-self:center;
93
93
  }
94
- .magritte-content-grid___g03sT_1-2-3 .magritte-right___-tGcO_1-2-3{
94
+ .magritte-content-grid___g03sT_1-2-5 .magritte-right___-tGcO_1-2-5{
95
95
  grid-area:3 / 3;
96
96
  align-self:end;
97
97
  }
98
- .magritte-content-grid___g03sT_1-2-3 .magritte-scrollbar-cell___--M2x_1-2-3{
98
+ .magritte-content-grid___g03sT_1-2-5 .magritte-scrollbar-cell___--M2x_1-2-5{
99
99
  grid-area:2 / 1 / 3 / -1;
100
100
  position:relative;
101
101
  pointer-events:none;
102
102
  }
103
- .magritte-content-grid___g03sT_1-2-3 .magritte-scrollbar-cell___--M2x_1-2-3 > div{
103
+ .magritte-content-grid___g03sT_1-2-5 .magritte-scrollbar-cell___--M2x_1-2-5 > div{
104
104
  pointer-events:auto;
105
105
  }
106
- .magritte-content-grid___g03sT_1-2-3 .magritte-text-input___3AFO4_1-2-3{
106
+ .magritte-content-grid___g03sT_1-2-5 .magritte-text-input___3AFO4_1-2-5{
107
107
  grid-area:3 / 2;
108
108
  }
109
- .magritte-content-grid___g03sT_1-2-3 .magritte-text-input___3AFO4_1-2-3.magritte-layout-vertical___mVTr-_1-2-3,
110
- .magritte-content-grid___g03sT_1-2-3.magritte-has-central___VRZik_1-2-3 .magritte-text-input___3AFO4_1-2-3{
109
+ .magritte-content-grid___g03sT_1-2-5 .magritte-text-input___3AFO4_1-2-5.magritte-layout-vertical___mVTr-_1-2-5,
110
+ .magritte-content-grid___g03sT_1-2-5.magritte-has-central___VRZik_1-2-5 .magritte-text-input___3AFO4_1-2-5{
111
111
  grid-area:2 / 1 / 3 / -1;
112
112
  }
113
- .magritte-content-grid___g03sT_1-2-3.magritte-no-left-controls___7r6yy_1-2-3:not(.magritte-has-central___VRZik_1-2-3) .magritte-text-input___3AFO4_1-2-3{
113
+ .magritte-content-grid___g03sT_1-2-5.magritte-no-left-controls___7r6yy_1-2-5:not(.magritte-has-central___VRZik_1-2-5) .magritte-text-input___3AFO4_1-2-5{
114
114
  grid-area:2 / 1 / 4 / 3;
115
115
  }
116
- .magritte-content-grid___g03sT_1-2-3.magritte-no-right-controls___HBSag_1-2-3:not(.magritte-has-central___VRZik_1-2-3) .magritte-text-input___3AFO4_1-2-3{
116
+ .magritte-content-grid___g03sT_1-2-5.magritte-no-right-controls___HBSag_1-2-5:not(.magritte-has-central___VRZik_1-2-5) .magritte-text-input___3AFO4_1-2-5{
117
117
  grid-area:2 / 2 / 4 / -1;
118
118
  }
119
- .magritte-content-grid___g03sT_1-2-3.magritte-no-left-controls___7r6yy_1-2-3:not(.magritte-has-central___VRZik_1-2-3){
119
+ .magritte-content-grid___g03sT_1-2-5.magritte-no-left-controls___7r6yy_1-2-5:not(.magritte-has-central___VRZik_1-2-5){
120
120
  grid-template-rows:auto minmax(0, 1fr) auto;
121
121
  }
122
- .magritte-right___-tGcO_1-2-3,
123
- .magritte-left___7JZYp_1-2-3{
122
+ .magritte-right___-tGcO_1-2-5,
123
+ .magritte-left___7JZYp_1-2-5{
124
124
  display:flex;
125
125
  gap:8px;
126
126
  }
127
- .magritte-chips___gLao5_1-2-3{
127
+ .magritte-chips___gLao5_1-2-5{
128
128
  display:flex;
129
129
  flex-wrap:nowrap;
130
130
  width:max-content;
131
131
  gap:8px;
132
132
  }
133
- .magritte-chips-container___-bS5O_1-2-3{
133
+ .magritte-chips-container___-bS5O_1-2-5{
134
134
  padding:0 12px;
135
135
  }
136
- .magritte-no-left-controls___7r6yy_1-2-3 .magritte-chips-container___-bS5O_1-2-3{
136
+ .magritte-no-left-controls___7r6yy_1-2-5 .magritte-chips-container___-bS5O_1-2-5{
137
137
  padding-left:0;
138
138
  }
139
- .magritte-no-right-controls___HBSag_1-2-3 .magritte-chips-container___-bS5O_1-2-3{
139
+ .magritte-no-right-controls___HBSag_1-2-5 .magritte-chips-container___-bS5O_1-2-5{
140
140
  padding-right:0;
141
141
  }
142
- .magritte-preview-block___iiPdS_1-2-3{
142
+ .magritte-preview-block___iiPdS_1-2-5{
143
143
  display:flex;
144
144
  align-items:center;
145
145
  gap:12px;
146
146
  padding-bottom:8px;
147
147
  }
148
- .magritte-preview-side___ymR-u_1-2-3{
148
+ .magritte-preview-side___ymR-u_1-2-5{
149
149
  display:flex;
150
150
  flex-shrink:0;
151
151
  }
152
- .magritte-preview-content___ZgyBD_1-2-3{
152
+ .magritte-preview-content___ZgyBD_1-2-5{
153
153
  display:flex;
154
154
  flex:1;
155
155
  flex-direction:column;
156
156
  min-width:0;
157
157
  }
158
- .magritte-preview-title___SkFeZ_1-2-3{
158
+ .magritte-preview-title___SkFeZ_1-2-5{
159
159
  font-family:"hh sans";
160
160
  font-weight:500;
161
161
  line-height:18px;
@@ -164,9 +164,9 @@
164
164
  text-indent:0px;
165
165
  text-transform:none;
166
166
  text-decoration:none;
167
- color:var(--magritte-color-text-primary-v26-0-1);
167
+ color:var(--magritte-color-text-primary-v26-0-2);
168
168
  }
169
- .magritte-preview-subtitle___58qfR_1-2-3{
169
+ .magritte-preview-subtitle___58qfR_1-2-5{
170
170
  font-family:"hh sans";
171
171
  font-weight:400;
172
172
  line-height:20px;
@@ -176,25 +176,25 @@
176
176
  text-transform:none;
177
177
  text-decoration:none;
178
178
  overflow:hidden;
179
- color:var(--magritte-color-text-secondary-v26-0-1);
179
+ color:var(--magritte-color-text-secondary-v26-0-2);
180
180
  white-space:nowrap;
181
181
  text-overflow:ellipsis;
182
182
  }
183
- .magritte-files-container___zOkRK_1-2-3{
183
+ .magritte-files-container___zOkRK_1-2-5{
184
184
  padding-bottom:8px;
185
185
  }
186
- .magritte-files___j2q5K_1-2-3{
186
+ .magritte-files___j2q5K_1-2-5{
187
187
  display:flex;
188
188
  flex-wrap:nowrap;
189
189
  align-items:flex-start;
190
190
  width:max-content;
191
191
  gap:8px;
192
192
  }
193
- .magritte-file___lz9Ll_1-2-3{
193
+ .magritte-file___lz9Ll_1-2-5{
194
194
  position:relative;
195
195
  }
196
- .magritte-file-card___hn5C9_1-2-3::after,
197
- .magritte-file-tile___OVlh3_1-2-3::after{
196
+ .magritte-file-card___hn5C9_1-2-5::after,
197
+ .magritte-file-tile___OVlh3_1-2-5::after{
198
198
  content:'';
199
199
  position:absolute;
200
200
  inset:0;
@@ -202,21 +202,21 @@
202
202
  border-radius:inherit;
203
203
  pointer-events:none;
204
204
  }
205
- .magritte-file-card___hn5C9_1-2-3{
205
+ .magritte-file-card___hn5C9_1-2-5{
206
206
  position:relative;
207
207
  box-sizing:border-box;
208
208
  width:280px;
209
209
  padding:8px;
210
210
  border-radius:12px;
211
- background-color:var(--magritte-color-background-primary-v26-0-1);
211
+ background-color:var(--magritte-color-background-primary-v26-0-2);
212
212
  }
213
- .magritte-file-card___hn5C9_1-2-3::after{
214
- border-color:var(--magritte-color-stroke-neutral-v26-0-1);
213
+ .magritte-file-card___hn5C9_1-2-5::after{
214
+ border-color:var(--magritte-color-stroke-neutral-v26-0-2);
215
215
  }
216
- .magritte-file-card-removable___GkxUe_1-2-3{
216
+ .magritte-file-card-removable___GkxUe_1-2-5{
217
217
  padding-right:32px;
218
218
  }
219
- .magritte-file-tile___OVlh3_1-2-3{
219
+ .magritte-file-tile___OVlh3_1-2-5{
220
220
  position:relative;
221
221
  display:flex;
222
222
  align-items:center;
@@ -226,41 +226,41 @@
226
226
  overflow:hidden;
227
227
  border-radius:12px;
228
228
  }
229
- .magritte-file-tile___OVlh3_1-2-3::after{
230
- border-color:var(--magritte-color-stroke-phantom-v26-0-1);
229
+ .magritte-file-tile___OVlh3_1-2-5::after{
230
+ border-color:var(--magritte-color-stroke-phantom-v26-0-2);
231
231
  }
232
- .magritte-file-tile-placeholder___yxLuR_1-2-3{
233
- background-color:var(--magritte-color-background-secondary-v26-0-1);
232
+ .magritte-file-tile-placeholder___yxLuR_1-2-5{
233
+ background-color:var(--magritte-color-background-secondary-v26-0-2);
234
234
  }
235
- .magritte-file-tile-image___cZFgL_1-2-3{
235
+ .magritte-file-tile-image___cZFgL_1-2-5{
236
236
  display:block;
237
237
  width:100%;
238
238
  height:100%;
239
239
  object-fit:cover;
240
240
  }
241
- .magritte-file-remove___S0WB9_1-2-3{
241
+ .magritte-file-remove___S0WB9_1-2-5{
242
242
  position:absolute;
243
243
  top:4px;
244
244
  right:4px;
245
245
  display:flex;
246
246
  }
247
- .magritte-file-name___L03-O_1-2-3{
247
+ .magritte-file-name___L03-O_1-2-5{
248
248
  display:flex;
249
249
  min-width:0;
250
250
  }
251
- .magritte-file-name-base___ojdp6_1-2-3{
251
+ .magritte-file-name-base___ojdp6_1-2-5{
252
252
  overflow:hidden;
253
253
  white-space:nowrap;
254
254
  text-overflow:ellipsis;
255
255
  }
256
- .magritte-file-name-extension___3QZtS_1-2-3{
256
+ .magritte-file-name-extension___3QZtS_1-2-5{
257
257
  flex-shrink:0;
258
258
  white-space:nowrap;
259
259
  }
260
- .magritte-text-input-wrapper___TPbwC_1-2-3{
260
+ .magritte-text-input-wrapper___TPbwC_1-2-5{
261
261
  display:contents;
262
262
  }
263
- .magritte-text-input___3AFO4_1-2-3{
263
+ .magritte-text-input___3AFO4_1-2-5{
264
264
  box-sizing:content-box;
265
265
  padding:0 12px;
266
266
  border:none;
@@ -282,34 +282,34 @@
282
282
  text-indent:0px;
283
283
  text-transform:none;
284
284
  text-decoration:none;
285
- color:var(--magritte-color-text-primary-v26-0-1);
285
+ color:var(--magritte-color-text-primary-v26-0-2);
286
286
  }
287
- .magritte-text-input___3AFO4_1-2-3::placeholder{
288
- color:var(--magritte-color-text-tertiary-v26-0-1);
287
+ .magritte-text-input___3AFO4_1-2-5::placeholder{
288
+ color:var(--magritte-color-text-tertiary-v26-0-2);
289
289
  opacity:1;
290
290
  }
291
- .magritte-text-input___3AFO4_1-2-3:focus,
292
- .magritte-text-input___3AFO4_1-2-3:focus-visible{
291
+ .magritte-text-input___3AFO4_1-2-5:focus,
292
+ .magritte-text-input___3AFO4_1-2-5:focus-visible{
293
293
  border:none;
294
294
  outline:none;
295
295
  }
296
- .magritte-text-input___3AFO4_1-2-3.magritte-with-top-fade___okgqo_1-2-3,
297
- .magritte-text-input___3AFO4_1-2-3.magritte-with-bottom-fade___82gr8_1-2-3{
296
+ .magritte-text-input___3AFO4_1-2-5.magritte-with-top-fade___okgqo_1-2-5,
297
+ .magritte-text-input___3AFO4_1-2-5.magritte-with-bottom-fade___82gr8_1-2-5{
298
298
  -webkit-mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
299
299
  mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
300
300
  }
301
- .magritte-text-input___3AFO4_1-2-3.magritte-with-top-fade___okgqo_1-2-3{
302
- --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-1));
301
+ .magritte-text-input___3AFO4_1-2-5.magritte-with-top-fade___okgqo_1-2-5{
302
+ --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
303
303
  }
304
- .magritte-text-input___3AFO4_1-2-3.magritte-with-bottom-fade___82gr8_1-2-3{
305
- --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-1));
304
+ .magritte-text-input___3AFO4_1-2-5.magritte-with-bottom-fade___82gr8_1-2-5{
305
+ --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
306
306
  }
307
- .magritte-text-input___3AFO4_1-2-3.magritte-measure___xNKc0_1-2-3{
307
+ .magritte-text-input___3AFO4_1-2-5.magritte-measure___xNKc0_1-2-5{
308
308
  height:20px !important;
309
309
  padding:0 !important;
310
310
  margin:0 !important;
311
311
  }
312
- .magritte-voice-record___p64PV_1-2-3{
312
+ .magritte-voice-record___p64PV_1-2-5{
313
313
  display:flex;
314
314
  align-items:center;
315
315
  justify-content:space-between;
@@ -319,45 +319,45 @@
319
319
  min-height:40px;
320
320
  gap:8px;
321
321
  }
322
- .magritte-voice-record-left___njEt-_1-2-3{
322
+ .magritte-voice-record-left___njEt-_1-2-5{
323
323
  display:flex;
324
324
  align-items:center;
325
325
  gap:8px;
326
326
  min-width:0;
327
327
  }
328
- .magritte-voice-record-right___UTv-U_1-2-3{
328
+ .magritte-voice-record-right___UTv-U_1-2-5{
329
329
  display:flex;
330
330
  align-items:center;
331
331
  gap:8px;
332
332
  }
333
- .magritte-voice-record-right___UTv-U_1-2-3.magritte-voice-processing___C0xnX_1-2-3{
333
+ .magritte-voice-record-right___UTv-U_1-2-5.magritte-voice-processing___C0xnX_1-2-5{
334
334
  padding:8px;
335
335
  }
336
- .magritte-voice-record-indicator___V8ybb_1-2-3{
336
+ .magritte-voice-record-indicator___V8ybb_1-2-5{
337
337
  display:flex;
338
338
  flex-shrink:0;
339
339
  align-items:center;
340
340
  gap:2px;
341
341
  }
342
- .magritte-voice-record-indicator-bar___jgyqz_1-2-3{
342
+ .magritte-voice-record-indicator-bar___jgyqz_1-2-5{
343
343
  width:2px;
344
344
  min-height:2px;
345
345
  max-height:2px;
346
346
  border-radius:1000px;
347
- background-color:var(--magritte-color-icon-tertiary-v26-0-1);
348
- transition:max-height var(--magritte-semantic-animation-time-s-duration-v26-0-1) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-1);
349
- animation:magritte-voice-record-indicator-wave___4VsyE_1-2-3 400ms linear infinite alternate paused;
347
+ background-color:var(--magritte-color-icon-tertiary-v26-0-2);
348
+ transition:max-height var(--magritte-semantic-animation-time-s-duration-v26-0-2) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-2);
349
+ animation:magritte-voice-record-indicator-wave___4VsyE_1-2-5 400ms linear infinite alternate paused;
350
350
  }
351
- .magritte-voice-record-indicator-has-sound___67t5g_1-2-3 .magritte-voice-record-indicator-bar___jgyqz_1-2-3{
351
+ .magritte-voice-record-indicator-has-sound___67t5g_1-2-5 .magritte-voice-record-indicator-bar___jgyqz_1-2-5{
352
352
  max-height:27px;
353
353
  animation-play-state:running;
354
354
  }
355
355
  @media (prefers-reduced-motion: reduce){
356
- .magritte-voice-record-indicator-has-sound___67t5g_1-2-3 .magritte-voice-record-indicator-bar___jgyqz_1-2-3{
356
+ .magritte-voice-record-indicator-has-sound___67t5g_1-2-5 .magritte-voice-record-indicator-bar___jgyqz_1-2-5{
357
357
  animation-play-state:paused;
358
358
  }
359
359
  }
360
- @keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-3{
360
+ @keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-5{
361
361
  from{
362
362
  height:calc(var(--target-height) * 0.62px);
363
363
  }
@@ -365,12 +365,12 @@
365
365
  height:calc(var(--target-height) * 1.22px);
366
366
  }
367
367
  }
368
- .magritte-mode-container___nATVD_1-2-3{
368
+ .magritte-mode-container___nATVD_1-2-5{
369
369
  position:relative;
370
370
  display:grid;
371
371
  align-content:end;
372
372
  }
373
- .magritte-voice-overlay___LbxAI_1-2-3{
373
+ .magritte-voice-overlay___LbxAI_1-2-5{
374
374
  position:absolute;
375
375
  right:0;
376
376
  bottom:0;
package/index.js CHANGED
@@ -10,7 +10,7 @@ import './internal/ChatInputContext.js';
10
10
  import './internal/ModeTransition.js';
11
11
  import 'motion/react';
12
12
  import '@hh.ru/magritte-design-tokens/core-tokens';
13
- import './styles-hEUo5BXU.js';
13
+ import './styles-Bo5ojfWe.js';
14
14
  import './internal/TextInput.js';
15
15
  import './internal/useSendOnEnter.js';
16
16
  import '@hh.ru/magritte-common-keyboard';
@@ -30,6 +30,7 @@ import './internal/voiceSlotRegistry.js';
30
30
  import '@hh.ru/magritte-internal-slot-registry';
31
31
  import './public/ChatInputChips.js';
32
32
  import './internal/flattenFragments.js';
33
+ import './slotDefaults.js';
33
34
  import '@hh.ru/magritte-ui-chips';
34
35
  import '@hh.ru/magritte-ui-scrollable-container';
35
36
  import './public/ChatInputFile.js';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/internal/ModeTransition.js CHANGED
@@ -2,7 +2,7 @@ import './../index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useReducedMotion, motion } from 'motion/react';
4
4
  import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
5
- import { s as styles } from '../styles-hEUo5BXU.js';
5
+ import { s as styles } from '../styles-Bo5ojfWe.js';
6
6
 
7
7
  const EASE_BASE = CoreTokens["magritte-semantic-animation-ease-base"];
8
8
  const MODE_TRANSITION_DURATION_MS = CoreTokens["magritte-semantic-animation-time-s"].duration;
package/internal/TextInput.js CHANGED
@@ -5,7 +5,7 @@ import classNames from 'classnames';
5
5
  import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
6
6
  import { useSendOnEnter } from './useSendOnEnter.js';
7
7
  import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
8
- import { s as styles } from '../styles-hEUo5BXU.js';
8
+ import { s as styles } from '../styles-Bo5ojfWe.js';
9
9
  import '@hh.ru/magritte-common-keyboard';
10
10
 
11
11
  const MIN_HEIGHT = 20;
package/internal/VoiceRecord.js CHANGED
@@ -9,7 +9,7 @@ import { FOCUS_PRIORITY } from './focusGroup.js';
9
9
  import { CrossOutlinedSize24, CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
10
10
  import { Loader } from '@hh.ru/magritte-ui-loader';
11
11
  import { Text } from '@hh.ru/magritte-ui-typography';
12
- import { s as styles } from '../styles-hEUo5BXU.js';
12
+ import { s as styles } from '../styles-Bo5ojfWe.js';
13
13
  import './useHasSound.js';
14
14
 
15
15
  const formatDuration = (totalSeconds) => {
package/internal/VoiceRecordIndicator.js CHANGED
@@ -2,7 +2,7 @@ import './../index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import classNames from 'classnames';
4
4
  import { useHasSound } from './useHasSound.js';
5
- import { s as styles } from '../styles-hEUo5BXU.js';
5
+ import { s as styles } from '../styles-Bo5ojfWe.js';
6
6
  import 'react';
7
7
 
8
8
  const TARGET_HEIGHT = [2, 11, 22, 22, 22, 11, 22, 11, 6, 2];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chat-input",
3
- "version": "1.2.3",
3
+ "version": "1.2.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -16,7 +16,12 @@
16
16
  "ts-config": "yarn root:ts-config $(pwd)",
17
17
  "ts-check": "yarn root:ts-check $(pwd)",
18
18
  "test": "yarn root:test $(pwd)",
19
- "watch": "yarn root:watch $(pwd)"
19
+ "test:types": "yarn root:test:types $(pwd)",
20
+ "watch": "yarn root:watch $(pwd)",
21
+ "figma-publish": "yarn root:figma-publish $(pwd)",
22
+ "figma-unpublish": "yarn root:figma-unpublish $(pwd)",
23
+ "figma-snapshot-check": "yarn root:figma-snapshot $(pwd)",
24
+ "figma-snapshot-update": "yarn root:figma-snapshot $(pwd) --update"
20
25
  },
21
26
  "peerDependencies": {
22
27
  "classnames": ">=2.3.2",
@@ -27,20 +32,20 @@
27
32
  "access": "public"
28
33
  },
29
34
  "dependencies": {
30
- "@hh.ru/magritte-common-keyboard": "4.3.6",
31
- "@hh.ru/magritte-common-use-disabled": "1.0.16",
32
- "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
33
- "@hh.ru/magritte-common-use-translation": "3.6.1",
34
- "@hh.ru/magritte-design-tokens": "26.0.1",
35
- "@hh.ru/magritte-internal-slot-registry": "1.1.1",
36
- "@hh.ru/magritte-ui-cell": "7.3.3",
37
- "@hh.ru/magritte-ui-chips": "7.0.47",
38
- "@hh.ru/magritte-ui-icon": "15.1.5",
39
- "@hh.ru/magritte-ui-link": "7.2.6",
40
- "@hh.ru/magritte-ui-loader": "4.1.6",
41
- "@hh.ru/magritte-ui-scrollable-container": "6.5.3",
42
- "@hh.ru/magritte-ui-scrollbar": "1.0.39",
43
- "@hh.ru/magritte-ui-typography": "5.3.16"
35
+ "@hh.ru/magritte-common-keyboard": "4.3.7",
36
+ "@hh.ru/magritte-common-use-disabled": "1.0.17",
37
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.13",
38
+ "@hh.ru/magritte-common-use-translation": "3.6.2",
39
+ "@hh.ru/magritte-design-tokens": "26.0.2",
40
+ "@hh.ru/magritte-internal-slot-registry": "1.1.2",
41
+ "@hh.ru/magritte-ui-cell": "7.3.4",
42
+ "@hh.ru/magritte-ui-chips": "7.0.48",
43
+ "@hh.ru/magritte-ui-icon": "15.1.6",
44
+ "@hh.ru/magritte-ui-link": "7.2.7",
45
+ "@hh.ru/magritte-ui-loader": "4.1.7",
46
+ "@hh.ru/magritte-ui-scrollable-container": "6.5.4",
47
+ "@hh.ru/magritte-ui-scrollbar": "1.0.40",
48
+ "@hh.ru/magritte-ui-typography": "5.3.17"
44
49
  },
45
- "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
50
+ "gitHead": "266ffcb5cad806abf751311c4df05561285ffbb0"
46
51
  }
package/public/ChatInput.js CHANGED
@@ -18,8 +18,9 @@ import { ChatInputFiles } from './ChatInputFiles.js';
18
18
  import { ChatInputPreview } from './ChatInputPreview.js';
19
19
  import { ChatInputSendButton } from './ChatInputSendButton.js';
20
20
  import { ChatInputVoiceButton } from './ChatInputVoiceButton.js';
21
+ import { CHAT_INPUT_SLOT_ICON_DEFAULTS } from '../slotDefaults.js';
21
22
  import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
22
- import { s as styles } from '../styles-hEUo5BXU.js';
23
+ import { s as styles } from '../styles-Bo5ojfWe.js';
23
24
  import 'motion/react';
24
25
  import '@hh.ru/magritte-design-tokens/core-tokens';
25
26
  import '../internal/useSendOnEnter.js';
@@ -41,11 +42,6 @@ import '../internal/useObjectUrl.js';
41
42
  import '@hh.ru/magritte-ui-link';
42
43
  import '../internal/ChatInputSlotButton.js';
43
44
 
44
- const DEFAULT_ICON_PROPS = {
45
- borderRadius: 12,
46
- padding: 8,
47
- initialColor: "secondary"
48
- };
49
45
  const ChatInputInner = ({
50
46
  leftActions,
51
47
  rightActions,
@@ -160,8 +156,8 @@ const ChatInputInner = ({
160
156
  hasBothSideControls: !!leftActions && !!rightActions
161
157
  }
162
158
  ),
163
- !!rightActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.right, ...focusPriorityProps(FOCUS_PRIORITY.rightSlot), children: rightActions }) }),
164
- !!leftActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.left, ...focusPriorityProps(FOCUS_PRIORITY.leftSlot), children: leftActions }) }),
159
+ !!rightActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: CHAT_INPUT_SLOT_ICON_DEFAULTS, children: /* @__PURE__ */ jsx("div", { className: styles.right, ...focusPriorityProps(FOCUS_PRIORITY.rightSlot), children: rightActions }) }),
160
+ !!leftActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: CHAT_INPUT_SLOT_ICON_DEFAULTS, children: /* @__PURE__ */ jsx("div", { className: styles.left, ...focusPriorityProps(FOCUS_PRIORITY.leftSlot), children: leftActions }) }),
165
161
  !!centralActions && /* @__PURE__ */ jsx("div", { className: styles.central, ...focusPriorityProps(FOCUS_PRIORITY.centralSlot), children: centralActions }),
166
162
  !!preview && /* @__PURE__ */ jsx("div", { className: styles.preview, ...focusPriorityProps(FOCUS_PRIORITY.previewSlot), children: preview })
167
163
  ]
package/public/ChatInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatInput.js","sources":["src/public/ChatInput.tsx"],"sourcesContent":["import {\n type ChangeEventHandler,\n type FC,\n type ForwardedRef,\n forwardRef,\n type ForwardRefExoticComponent,\n type ReactNode,\n type RefAttributes,\n type TextareaHTMLAttributes,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ChatInputContextProvider } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ModeTransition } from '@hh.ru/magritte-ui-chat-input/internal/ModeTransition';\nimport { TextInput } from '@hh.ru/magritte-ui-chat-input/internal/TextInput';\nimport { VoiceRecord } from '@hh.ru/magritte-ui-chat-input/internal/VoiceRecord';\nimport { FOCUS_PRIORITY, focusPriorityProps } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { useRovingFocusGroup } from '@hh.ru/magritte-ui-chat-input/internal/useRovingFocusGroup';\nimport { useVoiceRecordSession } from '@hh.ru/magritte-ui-chat-input/internal/useVoiceRecordSession';\nimport { ChatInputVoiceSlotProvider, useVoiceConfig } from '@hh.ru/magritte-ui-chat-input/internal/voiceSlotRegistry';\nimport { ChatInputChips } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nimport { ChatInputFile } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';\nimport { ChatInputFiles } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';\nimport { ChatInputPreview } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nimport { ChatInputSendButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nimport { ChatInputVoiceButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\n\nimport styles from '../styles.less';\n\ninterface ChatInputOwnProps {\n /** Левый слот */\n leftActions?: ReactNode;\n /** Правый слот */\n rightActions?: ReactNode;\n /** Центральный нижний слот */\n centralActions?: ReactNode;\n /** Верхний слот для блока превью */\n preview?: ReactNode;\n /** Максимальная высота поля ввода в пикселях. Если не задан — высота не ограничена. */\n maxHeight?: number;\n /**\n * Раскладка поля ввода.\n * `horizontal` — ввод стоит в ряду контролов, пока содержимое помещается в одну строку,\n * и сам переезжает на свой ряд, когда перестаёт влезать.\n * `vertical` — ввод всегда на своём ряду; в горизонтальный слот его не ставим.\n * @default horizontal\n */\n layout?: 'vertical' | 'horizontal';\n /** Хендлер отправки: вызывается по Enter (Shift+Enter — перенос строки) */\n onSend?: VoidFunction;\n /** Значение поля ввода. Компонент работает только в controlled-режиме */\n value: string;\n /** Обработчик изменения значения */\n onChange: ChangeEventHandler<HTMLTextAreaElement>;\n /** Реф на корневую обёртку — для измерения размеров/позиционирования.\n * Реф на textarea (фокус и т.п.) прокидывается обычным `ref`, как у Input/TextArea */\n wrapperRef?: ForwardedRef<HTMLDivElement>;\n /** Отключает фон и обводку компонента */\n noBackground?: boolean;\n disabled?: boolean;\n 'data-qa'?: string;\n}\n\n// defaultValue исключён: компонент только controlled, uncontrolled-режим не поддерживается\nexport type ChatInputProps = ChatInputOwnProps &\n Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof ChatInputOwnProps | 'defaultValue'>;\n\nconst DEFAULT_ICON_PROPS = {\n borderRadius: 12,\n padding: 8,\n initialColor: 'secondary',\n} as const;\n\ninterface ChatInputComponents {\n Chips: typeof ChatInputChips;\n File: typeof ChatInputFile;\n Files: typeof ChatInputFiles;\n Preview: typeof ChatInputPreview;\n SendButton: typeof ChatInputSendButton;\n VoiceButton: typeof ChatInputVoiceButton;\n}\n\ntype ChatInputInnerProps = ChatInputProps & {\n /** Реф на textarea, переданный через forwardRef внешней обёртки */\n textareaRef: ForwardedRef<HTMLTextAreaElement>;\n};\n\nconst ChatInputInner: FC<ChatInputInnerProps> = ({\n leftActions,\n rightActions,\n centralActions,\n preview,\n maxHeight,\n layout = 'horizontal',\n onSend,\n wrapperRef,\n textareaRef,\n noBackground = false,\n disabled = false,\n 'data-qa': dataQa = 'chat-input',\n ...textareaProps\n}) => {\n const outerDisabled = useDisabled();\n const isDisabled = disabled || outerDisabled;\n const rootRef = useRef<HTMLDivElement>(null);\n const rootRefCallback = useMultipleRefs(rootRef, wrapperRef);\n // реф textarea — для возврата фокуса при выходе из режима записи\n const textareaLocalRef = useRef<HTMLTextAreaElement>(null);\n const textareaRefCallback = useMultipleRefs(textareaLocalRef, textareaRef);\n const [containerWidth, setContainerWidth] = useState<number>();\n useLayoutEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return undefined;\n }\n const observer = new ResizeObserver((entries) => {\n const width = Math.round(entries[0]?.contentRect.width ?? 0);\n setContainerWidth((prev) => (prev === width ? prev : width));\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, []);\n\n // конфиг записи регистрирует ChatInput.VoiceButton через slot-registry. Кнопка живёт в\n // text-гриде, который на время записи не размонтируется (ModeTransition лишь прячет его), —\n // поэтому регистрация и колбэки остаются живыми всю сессию, латч не нужен\n const voiceConfig = useVoiceConfig();\n\n const voiceSession = useVoiceRecordSession(voiceConfig ?? {});\n\n const contextValue = useMemo(\n () => ({\n onSend,\n startVoiceRecord: voiceSession.start,\n voiceRecordStatus: voiceSession.status,\n }),\n [onSend, voiceSession.start, voiceSession.status]\n );\n\n // режим ведём по статусу сессии, а не по наличию конфига: даже если приложение уберёт кнопку\n // по ходу записи, запись продолжается. Без кнопки запись не стартует, так что статус сам остаётся idle\n const isVoiceMode = voiceSession.status === 'recording' || voiceSession.status === 'processing';\n\n // roving-группа кнопок: один tab stop на все кнопки, внутри — стрелки по приоритетам\n const { focusStop } = useRovingFocusGroup(rootRef);\n\n // при входе в запись фокус на стоп группы (после смены слоя это галочка — первый приоритет\n // слоя записи), при возврате в текст — в textarea с курсором в конце. Фокус ставим в rAF:\n // слой режима к этому моменту уже видим (motion применил visibility), иначе focus()\n // на visibility:hidden не сработает\n const prevVoiceModeRef = useRef(isVoiceMode);\n useEffect(() => {\n const wasVoiceMode = prevVoiceModeRef.current;\n prevVoiceModeRef.current = isVoiceMode;\n if (wasVoiceMode === isVoiceMode) {\n return undefined;\n }\n const frameId = requestAnimationFrame(() => {\n if (isVoiceMode) {\n focusStop();\n return;\n }\n const textarea = textareaLocalRef.current;\n if (textarea) {\n textarea.focus();\n const caret = textarea.value.length;\n textarea.setSelectionRange(caret, caret);\n }\n });\n return () => cancelAnimationFrame(frameId);\n }, [isVoiceMode, focusStop]);\n\n return (\n <DisabledContext.Provider value={isDisabled}>\n <ChatInputContextProvider value={contextValue}>\n <div\n ref={rootRefCallback}\n className={classNames(styles.chatInput, { [styles.noBackground]: noBackground })}\n data-qa={dataQa}\n >\n <ModeTransition\n mode={isVoiceMode ? 'voice' : 'text'}\n voice={\n <VoiceRecord\n mode={voiceSession.status === 'processing' ? 'processing' : 'recording'}\n stream={voiceSession.stream}\n startedAt={voiceSession.startedAt}\n processingLabel={voiceConfig?.processingLabel}\n onComplete={voiceSession.stop}\n onCancel={voiceSession.cancel}\n completeButtonProps={voiceConfig?.completeButtonProps}\n cancelButtonProps={voiceConfig?.cancelButtonProps}\n data-qa=\"chat-input-voice-record\"\n />\n }\n text={\n <div\n className={classNames(styles.contentGrid, {\n [styles.noLeftControls]: !leftActions,\n [styles.noRightControls]: !rightActions,\n [styles.hasCentral]: !!centralActions,\n })}\n >\n {/* textarea в DOM первым намеренно: Tab снаружи входит сначала в него.\n Раскладку держит grid-area (от порядка не зависит). Кнопки слотов —\n одна roving-группа (useRovingFocusGroup): Tab видит только текущий\n стоп, внутри группы фокус ходит стрелками по приоритетам слотов */}\n <TextInput\n {...textareaProps}\n ref={textareaRefCallback}\n layout={layout}\n onSend={onSend}\n maxHeight={maxHeight}\n containerWidth={containerWidth}\n hasCentral={!!centralActions}\n disabled={isDisabled}\n hasBothSideControls={!!leftActions && !!rightActions}\n />\n {!!rightActions && (\n <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n <div className={styles.right} {...focusPriorityProps(FOCUS_PRIORITY.rightSlot)}>\n {rightActions}\n </div>\n </IconDefaultPropsContext>\n )}\n {!!leftActions && (\n <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n <div className={styles.left} {...focusPriorityProps(FOCUS_PRIORITY.leftSlot)}>\n {leftActions}\n </div>\n </IconDefaultPropsContext>\n )}\n {!!centralActions && (\n <div className={styles.central} {...focusPriorityProps(FOCUS_PRIORITY.centralSlot)}>\n {centralActions}\n </div>\n )}\n {!!preview && (\n <div className={styles.preview} {...focusPriorityProps(FOCUS_PRIORITY.previewSlot)}>\n {preview}\n </div>\n )}\n </div>\n }\n />\n </div>\n </ChatInputContextProvider>\n </DisabledContext.Provider>\n );\n};\n\n// внешняя обёртка держит slot-registry для конфига записи: кнопка (внутри слота) регистрирует\n// конфиг, ChatInputInner (ниже провайдера) читает его. forwardRef-реф на textarea прокидываем\n// вниз обычным пропом\nconst ChatInputComponent = (props: ChatInputProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n <ChatInputVoiceSlotProvider>\n <ChatInputInner {...props} textareaRef={ref} />\n </ChatInputVoiceSlotProvider>\n);\n\nconst ChatInput = forwardRef(ChatInputComponent) as ForwardRefExoticComponent<\n ChatInputProps & RefAttributes<HTMLTextAreaElement>\n> &\n ChatInputComponents;\n\nChatInput.displayName = 'ChatInput';\n\nChatInput.Chips = ChatInputChips;\nChatInput.File = ChatInputFile;\nChatInput.Files = ChatInputFiles;\nChatInput.Preview = ChatInputPreview;\nChatInput.SendButton = ChatInputSendButton;\nChatInput.VoiceButton = ChatInputVoiceButton;\n\nexport { ChatInput };\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ChatInput.js","sources":["src/public/ChatInput.tsx"],"sourcesContent":["import {\n type ChangeEventHandler,\n type FC,\n type ForwardedRef,\n forwardRef,\n type ForwardRefExoticComponent,\n type ReactNode,\n type RefAttributes,\n type TextareaHTMLAttributes,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ChatInputContextProvider } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ModeTransition } from '@hh.ru/magritte-ui-chat-input/internal/ModeTransition';\nimport { TextInput } from '@hh.ru/magritte-ui-chat-input/internal/TextInput';\nimport { VoiceRecord } from '@hh.ru/magritte-ui-chat-input/internal/VoiceRecord';\nimport { FOCUS_PRIORITY, focusPriorityProps } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { useRovingFocusGroup } from '@hh.ru/magritte-ui-chat-input/internal/useRovingFocusGroup';\nimport { useVoiceRecordSession } from '@hh.ru/magritte-ui-chat-input/internal/useVoiceRecordSession';\nimport { ChatInputVoiceSlotProvider, useVoiceConfig } from '@hh.ru/magritte-ui-chat-input/internal/voiceSlotRegistry';\nimport { ChatInputChips } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nimport { ChatInputFile } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';\nimport { ChatInputFiles } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';\nimport { ChatInputPreview } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nimport { ChatInputSendButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nimport { ChatInputVoiceButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\nimport { CHAT_INPUT_SLOT_ICON_DEFAULTS } from '@hh.ru/magritte-ui-chat-input/slotDefaults';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\n\nimport styles from '../styles.less';\n\ninterface ChatInputOwnProps {\n /** Левый слот */\n leftActions?: ReactNode;\n /** Правый слот */\n rightActions?: ReactNode;\n /** Центральный нижний слот */\n centralActions?: ReactNode;\n /** Верхний слот для блока превью */\n preview?: ReactNode;\n /** Максимальная высота поля ввода в пикселях. Если не задан — высота не ограничена. */\n maxHeight?: number;\n /**\n * Раскладка поля ввода.\n * `horizontal` — ввод стоит в ряду контролов, пока содержимое помещается в одну строку,\n * и сам переезжает на свой ряд, когда перестаёт влезать.\n * `vertical` — ввод всегда на своём ряду; в горизонтальный слот его не ставим.\n * @default horizontal\n */\n layout?: 'vertical' | 'horizontal';\n /** Хендлер отправки: вызывается по Enter (Shift+Enter — перенос строки) */\n onSend?: VoidFunction;\n /** Значение поля ввода. Компонент работает только в controlled-режиме */\n value: string;\n /** Обработчик изменения значения */\n onChange: ChangeEventHandler<HTMLTextAreaElement>;\n /** Реф на корневую обёртку — для измерения размеров/позиционирования.\n * Реф на textarea (фокус и т.п.) прокидывается обычным `ref`, как у Input/TextArea */\n wrapperRef?: ForwardedRef<HTMLDivElement>;\n /** Отключает фон и обводку компонента */\n noBackground?: boolean;\n disabled?: boolean;\n 'data-qa'?: string;\n}\n\n// defaultValue исключён: компонент только controlled, uncontrolled-режим не поддерживается\nexport type ChatInputProps = ChatInputOwnProps &\n Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof ChatInputOwnProps | 'defaultValue'>;\n\ninterface ChatInputComponents {\n Chips: typeof ChatInputChips;\n File: typeof ChatInputFile;\n Files: typeof ChatInputFiles;\n Preview: typeof ChatInputPreview;\n SendButton: typeof ChatInputSendButton;\n VoiceButton: typeof ChatInputVoiceButton;\n}\n\ntype ChatInputInnerProps = ChatInputProps & {\n /** Реф на textarea, переданный через forwardRef внешней обёртки */\n textareaRef: ForwardedRef<HTMLTextAreaElement>;\n};\n\nconst ChatInputInner: FC<ChatInputInnerProps> = ({\n leftActions,\n rightActions,\n centralActions,\n preview,\n maxHeight,\n layout = 'horizontal',\n onSend,\n wrapperRef,\n textareaRef,\n noBackground = false,\n disabled = false,\n 'data-qa': dataQa = 'chat-input',\n ...textareaProps\n}) => {\n const outerDisabled = useDisabled();\n const isDisabled = disabled || outerDisabled;\n const rootRef = useRef<HTMLDivElement>(null);\n const rootRefCallback = useMultipleRefs(rootRef, wrapperRef);\n // реф textarea — для возврата фокуса при выходе из режима записи\n const textareaLocalRef = useRef<HTMLTextAreaElement>(null);\n const textareaRefCallback = useMultipleRefs(textareaLocalRef, textareaRef);\n const [containerWidth, setContainerWidth] = useState<number>();\n useLayoutEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return undefined;\n }\n const observer = new ResizeObserver((entries) => {\n const width = Math.round(entries[0]?.contentRect.width ?? 0);\n setContainerWidth((prev) => (prev === width ? prev : width));\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, []);\n\n // конфиг записи регистрирует ChatInput.VoiceButton через slot-registry. Кнопка живёт в\n // text-гриде, который на время записи не размонтируется (ModeTransition лишь прячет его), —\n // поэтому регистрация и колбэки остаются живыми всю сессию, латч не нужен\n const voiceConfig = useVoiceConfig();\n\n const voiceSession = useVoiceRecordSession(voiceConfig ?? {});\n\n const contextValue = useMemo(\n () => ({\n onSend,\n startVoiceRecord: voiceSession.start,\n voiceRecordStatus: voiceSession.status,\n }),\n [onSend, voiceSession.start, voiceSession.status]\n );\n\n // режим ведём по статусу сессии, а не по наличию конфига: даже если приложение уберёт кнопку\n // по ходу записи, запись продолжается. Без кнопки запись не стартует, так что статус сам остаётся idle\n const isVoiceMode = voiceSession.status === 'recording' || voiceSession.status === 'processing';\n\n // roving-группа кнопок: один tab stop на все кнопки, внутри — стрелки по приоритетам\n const { focusStop } = useRovingFocusGroup(rootRef);\n\n // при входе в запись фокус на стоп группы (после смены слоя это галочка — первый приоритет\n // слоя записи), при возврате в текст — в textarea с курсором в конце. Фокус ставим в rAF:\n // слой режима к этому моменту уже видим (motion применил visibility), иначе focus()\n // на visibility:hidden не сработает\n const prevVoiceModeRef = useRef(isVoiceMode);\n useEffect(() => {\n const wasVoiceMode = prevVoiceModeRef.current;\n prevVoiceModeRef.current = isVoiceMode;\n if (wasVoiceMode === isVoiceMode) {\n return undefined;\n }\n const frameId = requestAnimationFrame(() => {\n if (isVoiceMode) {\n focusStop();\n return;\n }\n const textarea = textareaLocalRef.current;\n if (textarea) {\n textarea.focus();\n const caret = textarea.value.length;\n textarea.setSelectionRange(caret, caret);\n }\n });\n return () => cancelAnimationFrame(frameId);\n }, [isVoiceMode, focusStop]);\n\n return (\n <DisabledContext.Provider value={isDisabled}>\n <ChatInputContextProvider value={contextValue}>\n <div\n ref={rootRefCallback}\n className={classNames(styles.chatInput, { [styles.noBackground]: noBackground })}\n data-qa={dataQa}\n >\n <ModeTransition\n mode={isVoiceMode ? 'voice' : 'text'}\n voice={\n <VoiceRecord\n mode={voiceSession.status === 'processing' ? 'processing' : 'recording'}\n stream={voiceSession.stream}\n startedAt={voiceSession.startedAt}\n processingLabel={voiceConfig?.processingLabel}\n onComplete={voiceSession.stop}\n onCancel={voiceSession.cancel}\n completeButtonProps={voiceConfig?.completeButtonProps}\n cancelButtonProps={voiceConfig?.cancelButtonProps}\n data-qa=\"chat-input-voice-record\"\n />\n }\n text={\n <div\n className={classNames(styles.contentGrid, {\n [styles.noLeftControls]: !leftActions,\n [styles.noRightControls]: !rightActions,\n [styles.hasCentral]: !!centralActions,\n })}\n >\n {/* textarea в DOM первым намеренно: Tab снаружи входит сначала в него.\n Раскладку держит grid-area (от порядка не зависит). Кнопки слотов —\n одна roving-группа (useRovingFocusGroup): Tab видит только текущий\n стоп, внутри группы фокус ходит стрелками по приоритетам слотов */}\n <TextInput\n {...textareaProps}\n ref={textareaRefCallback}\n layout={layout}\n onSend={onSend}\n maxHeight={maxHeight}\n containerWidth={containerWidth}\n hasCentral={!!centralActions}\n disabled={isDisabled}\n hasBothSideControls={!!leftActions && !!rightActions}\n />\n {!!rightActions && (\n <IconDefaultPropsContext props={CHAT_INPUT_SLOT_ICON_DEFAULTS}>\n <div className={styles.right} {...focusPriorityProps(FOCUS_PRIORITY.rightSlot)}>\n {rightActions}\n </div>\n </IconDefaultPropsContext>\n )}\n {!!leftActions && (\n <IconDefaultPropsContext props={CHAT_INPUT_SLOT_ICON_DEFAULTS}>\n <div className={styles.left} {...focusPriorityProps(FOCUS_PRIORITY.leftSlot)}>\n {leftActions}\n </div>\n </IconDefaultPropsContext>\n )}\n {!!centralActions && (\n <div className={styles.central} {...focusPriorityProps(FOCUS_PRIORITY.centralSlot)}>\n {centralActions}\n </div>\n )}\n {!!preview && (\n <div className={styles.preview} {...focusPriorityProps(FOCUS_PRIORITY.previewSlot)}>\n {preview}\n </div>\n )}\n </div>\n }\n />\n </div>\n </ChatInputContextProvider>\n </DisabledContext.Provider>\n );\n};\n\n// внешняя обёртка держит slot-registry для конфига записи: кнопка (внутри слота) регистрирует\n// конфиг, ChatInputInner (ниже провайдера) читает его. forwardRef-реф на textarea прокидываем\n// вниз обычным пропом\nconst ChatInputComponent = (props: ChatInputProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n <ChatInputVoiceSlotProvider>\n <ChatInputInner {...props} textareaRef={ref} />\n </ChatInputVoiceSlotProvider>\n);\n\nconst ChatInput = forwardRef(ChatInputComponent) as ForwardRefExoticComponent<\n ChatInputProps & RefAttributes<HTMLTextAreaElement>\n> &\n ChatInputComponents;\n\nChatInput.displayName = 'ChatInput';\n\nChatInput.Chips = ChatInputChips;\nChatInput.File = ChatInputFile;\nChatInput.Files = ChatInputFiles;\nChatInput.Preview = ChatInputPreview;\nChatInput.SendButton = ChatInputSendButton;\nChatInput.VoiceButton = ChatInputVoiceButton;\n\nexport { ChatInput };\n"],"names":[],"mappings":"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"}
package/public/ChatInputChips.js CHANGED
@@ -2,12 +2,12 @@ import './../index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { isValidElement } from 'react';
4
4
  import { flattenFragments } from '../internal/flattenFragments.js';
5
+ import { CHAT_INPUT_CHIP_DEFAULTS } from '../slotDefaults.js';
5
6
  import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
6
7
  import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
7
- import { s as styles } from '../styles-hEUo5BXU.js';
8
+ import { s as styles } from '../styles-Bo5ojfWe.js';
8
9
 
9
- const CHIP_DEFAULT_PROPS = { size: "extra-small" };
10
- const ChatInputChips = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.chipsContainer, children: /* @__PURE__ */ jsx(ChipDefaultPropsContext, { props: CHIP_DEFAULT_PROPS, children: /* @__PURE__ */ jsx(ScrollableContainer, { children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(ScrollableContainer.Item, { children: child }, isValidElement(child) && child.key || index)) }) }) }) }) }) });
10
+ const ChatInputChips = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.chipsContainer, children: /* @__PURE__ */ jsx(ChipDefaultPropsContext, { props: CHAT_INPUT_CHIP_DEFAULTS, children: /* @__PURE__ */ jsx(ScrollableContainer, { children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(ScrollableContainer.Item, { children: child }, isValidElement(child) && child.key || index)) }) }) }) }) }) });
11
11
  ChatInputChips.displayName = "ChatInputChips";
12
12
 
13
13
  export { ChatInputChips };
package/public/ChatInputChips.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatInputChips.js","sources":["src/public/ChatInputChips.tsx"],"sourcesContent":["import { isValidElement, type FC, type ReactNode } from 'react';\n\nimport { flattenFragments } from '@hh.ru/magritte-ui-chat-input/internal/flattenFragments';\nimport { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';\nimport { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputChipsProps {\n /** Чипсы, размещаются в один ряд с возможностью горизонтального скролла */\n children: ReactNode;\n}\n\nconst CHIP_DEFAULT_PROPS = { size: 'extra-small' } as const;\n\nexport const ChatInputChips: FC<ChatInputChipsProps> = ({ children }) => (\n <div className={styles.chipsContainer}>\n <ChipDefaultPropsContext props={CHIP_DEFAULT_PROPS}>\n <ScrollableContainer>\n <ScrollableContainer.DefaultLayout size=\"small\" fadeOnMobile>\n <ScrollableContainer.Gallery>\n <div className={styles.chips}>\n {/* Children.toArray сохраняет ключи детей — переносим их на обёртку,\n чтобы удаление чипса из середины не сдвигало стейт соседей */}\n {flattenFragments(children).map((child, index) => (\n <ScrollableContainer.Item key={(isValidElement(child) && child.key) || index}>\n {child}\n </ScrollableContainer.Item>\n ))}\n </div>\n </ScrollableContainer.Gallery>\n </ScrollableContainer.DefaultLayout>\n </ScrollableContainer>\n </ChipDefaultPropsContext>\n </div>\n);\n\nChatInputChips.displayName = 'ChatInputChips';\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,kBAAA,GAAqB,EAAE,IAAA,EAAM,aAAc,EAAA,CAAA;AAEpC,MAAA,cAAA,GAA0C,CAAC,EAAE,QAAS,EAAA,qBAC9D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,oBAC5B,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA,EACG,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,aAApB,EAAA,EAAkC,IAAK,EAAA,OAAA,EAAQ,YAAY,EAAA,IAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,OAApB,EAAA,EACG,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EAGlB,QAAiB,EAAA,gBAAA,CAAA,QAAQ,CAAE,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KACpC,qBAAA,GAAA,CAAC,mBAAoB,CAAA,IAAA,EAApB,EACI,QAAA,EAAA,KAAA,EAAA,EAD2B,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,GAAQ,IAAA,KAEvE,CACH,CAAA,EACL,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,EAAA;AAGJ,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}
1
+ {"version":3,"file":"ChatInputChips.js","sources":["src/public/ChatInputChips.tsx"],"sourcesContent":["import { isValidElement, type FC, type ReactNode } from 'react';\n\nimport { flattenFragments } from '@hh.ru/magritte-ui-chat-input/internal/flattenFragments';\nimport { CHAT_INPUT_CHIP_DEFAULTS } from '@hh.ru/magritte-ui-chat-input/slotDefaults';\nimport { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';\nimport { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputChipsProps {\n /** Чипсы, размещаются в один ряд с возможностью горизонтального скролла */\n children: ReactNode;\n}\n\nexport const ChatInputChips: FC<ChatInputChipsProps> = ({ children }) => (\n <div className={styles.chipsContainer}>\n <ChipDefaultPropsContext props={CHAT_INPUT_CHIP_DEFAULTS}>\n <ScrollableContainer>\n <ScrollableContainer.DefaultLayout size=\"small\" fadeOnMobile>\n <ScrollableContainer.Gallery>\n <div className={styles.chips}>\n {/* Children.toArray сохраняет ключи детей — переносим их на обёртку,\n чтобы удаление чипса из середины не сдвигало стейт соседей */}\n {flattenFragments(children).map((child, index) => (\n <ScrollableContainer.Item key={(isValidElement(child) && child.key) || index}>\n {child}\n </ScrollableContainer.Item>\n ))}\n </div>\n </ScrollableContainer.Gallery>\n </ScrollableContainer.DefaultLayout>\n </ScrollableContainer>\n </ChipDefaultPropsContext>\n </div>\n);\n\nChatInputChips.displayName = 'ChatInputChips';\n"],"names":[],"mappings":";;;;;;;;AAca,MAAA,cAAA,GAA0C,CAAC,EAAE,QAAS,EAAA,qBAC9D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,0BAC5B,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA,EACG,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,aAApB,EAAA,EAAkC,IAAK,EAAA,OAAA,EAAQ,YAAY,EAAA,IAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,OAApB,EAAA,EACG,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EAGlB,QAAiB,EAAA,gBAAA,CAAA,QAAQ,CAAE,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KACpC,qBAAA,GAAA,CAAC,mBAAoB,CAAA,IAAA,EAApB,EACI,QAAA,EAAA,KAAA,EAAA,EAD2B,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,GAAQ,IAAA,KAEvE,CACH,CAAA,EACL,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,EAAA;AAGJ,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}
package/public/ChatInputFile.js CHANGED
@@ -9,7 +9,7 @@ import { CrossOutlinedSize16, CheckCircleOutlinedSize16, ExclamationTriangleOutl
9
9
  import { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';
10
10
  import { Loader } from '@hh.ru/magritte-ui-loader';
11
11
  import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
12
- import { s as styles } from '../styles-hEUo5BXU.js';
12
+ import { s as styles } from '../styles-Bo5ojfWe.js';
13
13
 
14
14
  const splitFileName = (name) => {
15
15
  const dotIndex = name.lastIndexOf(".");
package/public/ChatInputFiles.js CHANGED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { isValidElement } from 'react';
4
4
  import { flattenFragments } from '../internal/flattenFragments.js';
5
5
  import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
6
- import { s as styles } from '../styles-hEUo5BXU.js';
6
+ import { s as styles } from '../styles-Bo5ojfWe.js';
7
7
 
8
8
  const ChatInputFiles = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.filesContainer, "data-qa": "chat-input-files", children: /* @__PURE__ */ jsx(ScrollableContainer, { correction: 11, children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", noFadeOnDesktop: true, buttonsOffset: 8, buttonsOnHover: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.files, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(
9
9
  ScrollableContainer.Item,
package/public/ChatInputPreview.js CHANGED
@@ -1,16 +1,13 @@
1
1
  import './../index.css';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
+ import { CHAT_INPUT_PREVIEW_ICON_DEFAULTS } from '../slotDefaults.js';
3
4
  import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
4
5
  import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
5
- import { s as styles } from '../styles-hEUo5BXU.js';
6
+ import { s as styles } from '../styles-Bo5ojfWe.js';
6
7
 
7
- const DEFAULT_ICON_PROPS = {
8
- initialColor: "secondary",
9
- padding: 8
10
- };
11
8
  const TITLE_TEXT_PROPS = { typography: "subtitle-3-semibold", style: "primary" };
12
9
  const SUBTITLE_TEXT_PROPS = { typography: "label-3-regular", style: "secondary", ellipsis: true };
13
- const ChatInputPreview = ({ title, subtitle, leftActions, rightActions }) => /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: /* @__PURE__ */ jsxs("div", { className: styles.previewBlock, children: [
10
+ const ChatInputPreview = ({ title, subtitle, leftActions, rightActions }) => /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: CHAT_INPUT_PREVIEW_ICON_DEFAULTS, children: /* @__PURE__ */ jsxs("div", { className: styles.previewBlock, children: [
14
11
  !!leftActions && /* @__PURE__ */ jsx("div", { className: styles.previewSide, children: leftActions }),
15
12
  /* @__PURE__ */ jsxs("div", { className: styles.previewContent, children: [
16
13
  !!title && /* @__PURE__ */ jsx(TextDefaultPropsContext, { props: TITLE_TEXT_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.previewTitle, children: title }) }),
package/public/ChatInputPreview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatInputPreview.js","sources":["src/public/ChatInputPreview.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputPreviewProps {\n /** Заголовок в центральной секции, типографика subtitle-3-semibold */\n title?: ReactNode;\n /** Подзаголовок под title, типографика label-3-regular; обрезается многоточием */\n subtitle?: ReactNode;\n /** Слот левой секции, обычно иконка */\n leftActions?: ReactNode;\n /** Слот правой секции, обычно иконка */\n rightActions?: ReactNode;\n}\n\nconst DEFAULT_ICON_PROPS = {\n initialColor: 'secondary',\n padding: 8,\n} as const;\n\n// строку оформляют стили слота, а Text, переданный пользователем в title/subtitle, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst TITLE_TEXT_PROPS = { typography: 'subtitle-3-semibold', style: 'primary' } as const;\nconst SUBTITLE_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\nexport const ChatInputPreview: FC<ChatInputPreviewProps> = ({ title, subtitle, leftActions, rightActions }) => (\n <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n <div className={styles.previewBlock}>\n {!!leftActions && <div className={styles.previewSide}>{leftActions}</div>}\n <div className={styles.previewContent}>\n {!!title && (\n <TextDefaultPropsContext props={TITLE_TEXT_PROPS}>\n <div className={styles.previewTitle}>{title}</div>\n </TextDefaultPropsContext>\n )}\n {!!subtitle && (\n <TextDefaultPropsContext props={SUBTITLE_TEXT_PROPS}>\n <div className={styles.previewSubtitle}>{subtitle}</div>\n </TextDefaultPropsContext>\n )}\n </div>\n {!!rightActions && <div className={styles.previewSide}>{rightActions}</div>}\n </div>\n </IconDefaultPropsContext>\n);\n\nChatInputPreview.displayName = 'ChatInputPreview';\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,kBAAqB,GAAA;AAAA,EACvB,YAAc,EAAA,WAAA;AAAA,EACd,OAAS,EAAA,CAAA;AACb,CAAA,CAAA;AAIA,MAAM,gBAAmB,GAAA,EAAE,UAAY,EAAA,qBAAA,EAAuB,OAAO,SAAU,EAAA,CAAA;AAC/E,MAAM,sBAAsB,EAAE,UAAA,EAAY,mBAAmB,KAAO,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA,CAAA;AAEzF,MAAM,mBAA8C,CAAC,EAAE,KAAO,EAAA,QAAA,EAAU,aAAa,YAAa,EAAA,qBACpG,GAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,kBAC5B,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,YAClB,EAAA,QAAA,EAAA;AAAA,EAAA,CAAC,CAAC,WAAe,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,kBAClE,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cAClB,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,CAAC,KAAA,oBACE,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,gBAAA,EAC5B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YAAe,EAAA,QAAA,EAAA,KAAA,EAAM,CAChD,EAAA,CAAA;AAAA,IAEH,CAAC,CAAC,QACC,oBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,mBAC5B,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAA,EAAkB,oBAAS,CACtD,EAAA,CAAA;AAAA,GAER,EAAA,CAAA;AAAA,EACC,CAAC,CAAC,YAAgB,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,CAAA,EACzE,CACJ,EAAA,EAAA;AAGJ,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}
1
+ {"version":3,"file":"ChatInputPreview.js","sources":["src/public/ChatInputPreview.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { CHAT_INPUT_PREVIEW_ICON_DEFAULTS } from '@hh.ru/magritte-ui-chat-input/slotDefaults';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputPreviewProps {\n /** Заголовок в центральной секции, типографика subtitle-3-semibold */\n title?: ReactNode;\n /** Подзаголовок под title, типографика label-3-regular; обрезается многоточием */\n subtitle?: ReactNode;\n /** Слот левой секции, обычно иконка */\n leftActions?: ReactNode;\n /** Слот правой секции, обычно иконка */\n rightActions?: ReactNode;\n}\n\n// строку оформляют стили слота, а Text, переданный пользователем в title/subtitle, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst TITLE_TEXT_PROPS = { typography: 'subtitle-3-semibold', style: 'primary' } as const;\nconst SUBTITLE_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\nexport const ChatInputPreview: FC<ChatInputPreviewProps> = ({ title, subtitle, leftActions, rightActions }) => (\n <IconDefaultPropsContext props={CHAT_INPUT_PREVIEW_ICON_DEFAULTS}>\n <div className={styles.previewBlock}>\n {!!leftActions && <div className={styles.previewSide}>{leftActions}</div>}\n <div className={styles.previewContent}>\n {!!title && (\n <TextDefaultPropsContext props={TITLE_TEXT_PROPS}>\n <div className={styles.previewTitle}>{title}</div>\n </TextDefaultPropsContext>\n )}\n {!!subtitle && (\n <TextDefaultPropsContext props={SUBTITLE_TEXT_PROPS}>\n <div className={styles.previewSubtitle}>{subtitle}</div>\n </TextDefaultPropsContext>\n )}\n </div>\n {!!rightActions && <div className={styles.previewSide}>{rightActions}</div>}\n </div>\n </IconDefaultPropsContext>\n);\n\nChatInputPreview.displayName = 'ChatInputPreview';\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,gBAAmB,GAAA,EAAE,UAAY,EAAA,qBAAA,EAAuB,OAAO,SAAU,EAAA,CAAA;AAC/E,MAAM,sBAAsB,EAAE,UAAA,EAAY,mBAAmB,KAAO,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA,CAAA;AAEzF,MAAM,mBAA8C,CAAC,EAAE,KAAO,EAAA,QAAA,EAAU,aAAa,YAAa,EAAA,qBACpG,GAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,gCAC5B,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,YAClB,EAAA,QAAA,EAAA;AAAA,EAAA,CAAC,CAAC,WAAe,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,kBAClE,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cAClB,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,CAAC,KAAA,oBACE,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,gBAAA,EAC5B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YAAe,EAAA,QAAA,EAAA,KAAA,EAAM,CAChD,EAAA,CAAA;AAAA,IAEH,CAAC,CAAC,QACC,oBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,mBAC5B,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAA,EAAkB,oBAAS,CACtD,EAAA,CAAA;AAAA,GAER,EAAA,CAAA;AAAA,EACC,CAAC,CAAC,YAAgB,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,CAAA,EACzE,CACJ,EAAA,EAAA;AAGJ,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}
package/slotDefaults.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Пропы, которые ChatInput и его части сами проставляют вложенному содержимому слотов.
3
+ *
4
+ * Вынесено отдельным модулем не ради переиспользования в рантайме — у каждого значения читатель там один.
5
+ * Второй читатель — Code Connect-шаблоны пакета (`figma/*`): они объявляют эти же значения контекстом для
6
+ * вложенных иконок и чипсов, чтобы сниппет не повторял проп, который компонент и так подставляет. Значение,
7
+ * скопированное в шаблон литералом, разъезжается молча: поменяли здесь — сниппет продолжает публиковать
8
+ * прежнее, и ни сборка, ни рендер об этом не скажут.
9
+ *
10
+ * Модуль обязан оставаться чистыми данными без импортов рантайма (React, стили): шаблон инлайнится сборщиком,
11
+ * и всё, что сюда попадёт, поедет в бандл каждого энтри.
12
+ */
13
+ /** Иконки в `leftActions` / `rightActions` ChatInput */
14
+ export declare const CHAT_INPUT_SLOT_ICON_DEFAULTS: {
15
+ readonly borderRadius: 12;
16
+ readonly padding: 8;
17
+ readonly initialColor: 'secondary';
18
+ };
19
+ /** Иконки в `leftActions` / `rightActions` ChatInput.Preview */
20
+ export declare const CHAT_INPUT_PREVIEW_ICON_DEFAULTS: {
21
+ readonly initialColor: 'secondary';
22
+ readonly padding: 8;
23
+ };
24
+ /** Чипсы в ChatInput.Chips */
25
+ export declare const CHAT_INPUT_CHIP_DEFAULTS: {
26
+ readonly size: 'extra-small';
27
+ };
package/slotDefaults.js ADDED
@@ -0,0 +1,14 @@
1
+ import './index.css';
2
+ const CHAT_INPUT_SLOT_ICON_DEFAULTS = {
3
+ borderRadius: 12,
4
+ padding: 8,
5
+ initialColor: "secondary"
6
+ };
7
+ const CHAT_INPUT_PREVIEW_ICON_DEFAULTS = {
8
+ initialColor: "secondary",
9
+ padding: 8
10
+ };
11
+ const CHAT_INPUT_CHIP_DEFAULTS = { size: "extra-small" };
12
+
13
+ export { CHAT_INPUT_CHIP_DEFAULTS, CHAT_INPUT_PREVIEW_ICON_DEFAULTS, CHAT_INPUT_SLOT_ICON_DEFAULTS };
14
+ //# sourceMappingURL=slotDefaults.js.map
package/slotDefaults.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slotDefaults.js","sources":["src/slotDefaults.ts"],"sourcesContent":["/**\n * Пропы, которые ChatInput и его части сами проставляют вложенному содержимому слотов.\n *\n * Вынесено отдельным модулем не ради переиспользования в рантайме — у каждого значения читатель там один.\n * Второй читатель — Code Connect-шаблоны пакета (`figma/*`): они объявляют эти же значения контекстом для\n * вложенных иконок и чипсов, чтобы сниппет не повторял проп, который компонент и так подставляет. Значение,\n * скопированное в шаблон литералом, разъезжается молча: поменяли здесь — сниппет продолжает публиковать\n * прежнее, и ни сборка, ни рендер об этом не скажут.\n *\n * Модуль обязан оставаться чистыми данными без импортов рантайма (React, стили): шаблон инлайнится сборщиком,\n * и всё, что сюда попадёт, поедет в бандл каждого энтри.\n */\n\n/** Иконки в `leftActions` / `rightActions` ChatInput */\nexport const CHAT_INPUT_SLOT_ICON_DEFAULTS = {\n borderRadius: 12,\n padding: 8,\n initialColor: 'secondary',\n} as const;\n\n/** Иконки в `leftActions` / `rightActions` ChatInput.Preview */\nexport const CHAT_INPUT_PREVIEW_ICON_DEFAULTS = {\n initialColor: 'secondary',\n padding: 8,\n} as const;\n\n/** Чипсы в ChatInput.Chips */\nexport const CHAT_INPUT_CHIP_DEFAULTS = { size: 'extra-small' } as const;\n"],"names":[],"mappings":"AAcO,MAAM,6BAAgC,GAAA;AAAA,EACzC,YAAc,EAAA,EAAA;AAAA,EACd,OAAS,EAAA,CAAA;AAAA,EACT,YAAc,EAAA,WAAA;AAClB,EAAA;AAGO,MAAM,gCAAmC,GAAA;AAAA,EAC5C,YAAc,EAAA,WAAA;AAAA,EACd,OAAS,EAAA,CAAA;AACb,EAAA;AAGa,MAAA,wBAAA,GAA2B,EAAE,IAAA,EAAM,aAAc;;;;"}
package/styles-Bo5ojfWe.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-5","chatInput":"magritte-chat-input___P69oN_1-2-5","no-background":"magritte-no-background___eiIY1_1-2-5","noBackground":"magritte-no-background___eiIY1_1-2-5","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-5","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-5","content-grid":"magritte-content-grid___g03sT_1-2-5","contentGrid":"magritte-content-grid___g03sT_1-2-5","preview":"magritte-preview___baXKi_1-2-5","left":"magritte-left___7JZYp_1-2-5","central":"magritte-central___zkguj_1-2-5","right":"magritte-right___-tGcO_1-2-5","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-5","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-5","text-input":"magritte-text-input___3AFO4_1-2-5","textInput":"magritte-text-input___3AFO4_1-2-5","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-5","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-5","has-central":"magritte-has-central___VRZik_1-2-5","hasCentral":"magritte-has-central___VRZik_1-2-5","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-5","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-5","no-right-controls":"magritte-no-right-controls___HBSag_1-2-5","noRightControls":"magritte-no-right-controls___HBSag_1-2-5","chips":"magritte-chips___gLao5_1-2-5","chips-container":"magritte-chips-container___-bS5O_1-2-5","chipsContainer":"magritte-chips-container___-bS5O_1-2-5","preview-block":"magritte-preview-block___iiPdS_1-2-5","previewBlock":"magritte-preview-block___iiPdS_1-2-5","preview-side":"magritte-preview-side___ymR-u_1-2-5","previewSide":"magritte-preview-side___ymR-u_1-2-5","preview-content":"magritte-preview-content___ZgyBD_1-2-5","previewContent":"magritte-preview-content___ZgyBD_1-2-5","preview-title":"magritte-preview-title___SkFeZ_1-2-5","previewTitle":"magritte-preview-title___SkFeZ_1-2-5","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-5","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-5","files-container":"magritte-files-container___zOkRK_1-2-5","filesContainer":"magritte-files-container___zOkRK_1-2-5","files":"magritte-files___j2q5K_1-2-5","file":"magritte-file___lz9Ll_1-2-5","file-card":"magritte-file-card___hn5C9_1-2-5","fileCard":"magritte-file-card___hn5C9_1-2-5","file-tile":"magritte-file-tile___OVlh3_1-2-5","fileTile":"magritte-file-tile___OVlh3_1-2-5","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-5","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-5","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-5","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-5","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-5","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-5","file-remove":"magritte-file-remove___S0WB9_1-2-5","fileRemove":"magritte-file-remove___S0WB9_1-2-5","file-name":"magritte-file-name___L03-O_1-2-5","fileName":"magritte-file-name___L03-O_1-2-5","file-name-base":"magritte-file-name-base___ojdp6_1-2-5","fileNameBase":"magritte-file-name-base___ojdp6_1-2-5","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-5","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-5","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-5","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-5","with-top-fade":"magritte-with-top-fade___okgqo_1-2-5","withTopFade":"magritte-with-top-fade___okgqo_1-2-5","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-5","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-5","measure":"magritte-measure___xNKc0_1-2-5","voice-record":"magritte-voice-record___p64PV_1-2-5","voiceRecord":"magritte-voice-record___p64PV_1-2-5","voice-record-left":"magritte-voice-record-left___njEt-_1-2-5","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-5","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-5","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-5","voice-processing":"magritte-voice-processing___C0xnX_1-2-5","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-5","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-5","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-5","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-5","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-5","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-5","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-5","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-5","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-5","mode-container":"magritte-mode-container___nATVD_1-2-5","modeContainer":"magritte-mode-container___nATVD_1-2-5","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-5","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-5"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=styles-Bo5ojfWe.js.map
package/styles-Bo5ojfWe.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles-Bo5ojfWe.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/styles-hEUo5BXU.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-3","chatInput":"magritte-chat-input___P69oN_1-2-3","no-background":"magritte-no-background___eiIY1_1-2-3","noBackground":"magritte-no-background___eiIY1_1-2-3","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-3","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-3","content-grid":"magritte-content-grid___g03sT_1-2-3","contentGrid":"magritte-content-grid___g03sT_1-2-3","preview":"magritte-preview___baXKi_1-2-3","left":"magritte-left___7JZYp_1-2-3","central":"magritte-central___zkguj_1-2-3","right":"magritte-right___-tGcO_1-2-3","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-3","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-3","text-input":"magritte-text-input___3AFO4_1-2-3","textInput":"magritte-text-input___3AFO4_1-2-3","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-3","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-3","has-central":"magritte-has-central___VRZik_1-2-3","hasCentral":"magritte-has-central___VRZik_1-2-3","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-3","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-3","no-right-controls":"magritte-no-right-controls___HBSag_1-2-3","noRightControls":"magritte-no-right-controls___HBSag_1-2-3","chips":"magritte-chips___gLao5_1-2-3","chips-container":"magritte-chips-container___-bS5O_1-2-3","chipsContainer":"magritte-chips-container___-bS5O_1-2-3","preview-block":"magritte-preview-block___iiPdS_1-2-3","previewBlock":"magritte-preview-block___iiPdS_1-2-3","preview-side":"magritte-preview-side___ymR-u_1-2-3","previewSide":"magritte-preview-side___ymR-u_1-2-3","preview-content":"magritte-preview-content___ZgyBD_1-2-3","previewContent":"magritte-preview-content___ZgyBD_1-2-3","preview-title":"magritte-preview-title___SkFeZ_1-2-3","previewTitle":"magritte-preview-title___SkFeZ_1-2-3","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-3","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-3","files-container":"magritte-files-container___zOkRK_1-2-3","filesContainer":"magritte-files-container___zOkRK_1-2-3","files":"magritte-files___j2q5K_1-2-3","file":"magritte-file___lz9Ll_1-2-3","file-card":"magritte-file-card___hn5C9_1-2-3","fileCard":"magritte-file-card___hn5C9_1-2-3","file-tile":"magritte-file-tile___OVlh3_1-2-3","fileTile":"magritte-file-tile___OVlh3_1-2-3","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-3","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-3","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-3","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-3","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-3","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-3","file-remove":"magritte-file-remove___S0WB9_1-2-3","fileRemove":"magritte-file-remove___S0WB9_1-2-3","file-name":"magritte-file-name___L03-O_1-2-3","fileName":"magritte-file-name___L03-O_1-2-3","file-name-base":"magritte-file-name-base___ojdp6_1-2-3","fileNameBase":"magritte-file-name-base___ojdp6_1-2-3","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-3","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-3","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-3","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-3","with-top-fade":"magritte-with-top-fade___okgqo_1-2-3","withTopFade":"magritte-with-top-fade___okgqo_1-2-3","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-3","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-3","measure":"magritte-measure___xNKc0_1-2-3","voice-record":"magritte-voice-record___p64PV_1-2-3","voiceRecord":"magritte-voice-record___p64PV_1-2-3","voice-record-left":"magritte-voice-record-left___njEt-_1-2-3","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-3","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-3","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-3","voice-processing":"magritte-voice-processing___C0xnX_1-2-3","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-3","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-3","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-3","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-3","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-3","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-3","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-3","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-3","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-3","mode-container":"magritte-mode-container___nATVD_1-2-3","modeContainer":"magritte-mode-container___nATVD_1-2-3","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-3","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-3"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=styles-hEUo5BXU.js.map
package/styles-hEUo5BXU.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles-hEUo5BXU.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}