@amboss/design-system 4.0.3 → 4.0.4-canary.1

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 (39) hide show
  1. package/build/cjs/components/Internal/Drawer/Drawer.d.ts +30 -0
  2. package/build/cjs/components/Internal/Drawer/Drawer.js +1 -0
  3. package/build/cjs/components/Internal/Drawer/useDrawerAnimation.d.ts +34 -0
  4. package/build/cjs/components/Internal/Drawer/useDrawerAnimation.js +1 -0
  5. package/build/cjs/components/Layout/-types.d.ts +5 -0
  6. package/build/cjs/components/Layout/LeftPanel.d.ts +6 -6
  7. package/build/cjs/components/Layout/LeftPanel.js +1 -1
  8. package/build/cjs/components/Layout/LeftPanelDocked.d.ts +9 -0
  9. package/build/cjs/components/Layout/LeftPanelDocked.js +1 -0
  10. package/build/cjs/components/Layout/LeftPanelDrawer.d.ts +10 -0
  11. package/build/cjs/components/Layout/LeftPanelDrawer.js +1 -0
  12. package/build/cjs/components/Lightbox/Lightbox.js +2 -2
  13. package/build/cjs/shared/focusableSelector.d.ts +1 -0
  14. package/build/cjs/shared/focusableSelector.js +1 -0
  15. package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.d.ts +13 -0
  16. package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.js +1 -0
  17. package/build/cjs/web-tokens/_sizes.json +51 -51
  18. package/build/cjs/web-tokens/assets/icons.json +1 -0
  19. package/build/cjs/web-tokens/assets/icons16.json +1 -0
  20. package/build/esm/components/Internal/Drawer/Drawer.d.ts +30 -0
  21. package/build/esm/components/Internal/Drawer/Drawer.js +1 -0
  22. package/build/esm/components/Internal/Drawer/useDrawerAnimation.d.ts +34 -0
  23. package/build/esm/components/Internal/Drawer/useDrawerAnimation.js +1 -0
  24. package/build/esm/components/Layout/-types.d.ts +5 -0
  25. package/build/esm/components/Layout/LeftPanel.d.ts +6 -6
  26. package/build/esm/components/Layout/LeftPanel.js +1 -1
  27. package/build/esm/components/Layout/LeftPanelDocked.d.ts +9 -0
  28. package/build/esm/components/Layout/LeftPanelDocked.js +1 -0
  29. package/build/esm/components/Layout/LeftPanelDrawer.d.ts +10 -0
  30. package/build/esm/components/Layout/LeftPanelDrawer.js +1 -0
  31. package/build/esm/components/Lightbox/Lightbox.js +2 -2
  32. package/build/esm/shared/focusableSelector.d.ts +1 -0
  33. package/build/esm/shared/focusableSelector.js +1 -0
  34. package/build/esm/shared/useOutsideClickDeactivatesWithinPortal.d.ts +13 -0
  35. package/build/esm/shared/useOutsideClickDeactivatesWithinPortal.js +1 -0
  36. package/build/esm/web-tokens/_sizes.json +51 -51
  37. package/build/esm/web-tokens/assets/icons.json +1 -0
  38. package/build/esm/web-tokens/assets/icons16.json +1 -0
  39. package/package.json +1 -1
@@ -37,7 +37,7 @@
37
37
  "value": "1024px",
38
38
  "original": 1024,
39
39
  "variableName": "$size-dimension-content-max-width",
40
- "isUsed": false
40
+ "isUsed": true
41
41
  },
42
42
  {
43
43
  "category": "size",
@@ -47,7 +47,7 @@
47
47
  "value": "16px",
48
48
  "original": 16,
49
49
  "variableName": "$size-dimension-divider-m",
50
- "isUsed": false
50
+ "isUsed": true
51
51
  },
52
52
  {
53
53
  "category": "size",
@@ -57,7 +57,7 @@
57
57
  "value": "24px",
58
58
  "original": 24,
59
59
  "variableName": "$size-dimension-divider-l",
60
- "isUsed": false
60
+ "isUsed": true
61
61
  },
62
62
  {
63
63
  "category": "size",
@@ -67,7 +67,7 @@
67
67
  "value": "32px",
68
68
  "original": 32,
69
69
  "variableName": "$size-dimension-divider-xl",
70
- "isUsed": false
70
+ "isUsed": true
71
71
  },
72
72
  {
73
73
  "category": "size",
@@ -77,7 +77,7 @@
77
77
  "value": "16px",
78
78
  "original": 16,
79
79
  "variableName": "$size-dimension-checkbox-s",
80
- "isUsed": false
80
+ "isUsed": true
81
81
  },
82
82
  {
83
83
  "category": "size",
@@ -87,7 +87,7 @@
87
87
  "value": "24px",
88
88
  "original": 24,
89
89
  "variableName": "$size-dimension-checkbox-m",
90
- "isUsed": false
90
+ "isUsed": true
91
91
  },
92
92
  {
93
93
  "category": "size",
@@ -97,7 +97,7 @@
97
97
  "value": "16px",
98
98
  "original": 16,
99
99
  "variableName": "$size-dimension-radio-s",
100
- "isUsed": false
100
+ "isUsed": true
101
101
  },
102
102
  {
103
103
  "category": "size",
@@ -107,7 +107,7 @@
107
107
  "value": "24px",
108
108
  "original": 24,
109
109
  "variableName": "$size-dimension-radio-m",
110
- "isUsed": false
110
+ "isUsed": true
111
111
  },
112
112
  {
113
113
  "category": "size",
@@ -117,7 +117,7 @@
117
117
  "value": "6px",
118
118
  "original": 6,
119
119
  "variableName": "$size-dimension-radio-point-s",
120
- "isUsed": false
120
+ "isUsed": true
121
121
  },
122
122
  {
123
123
  "category": "size",
@@ -127,7 +127,7 @@
127
127
  "value": "10px",
128
128
  "original": 10,
129
129
  "variableName": "$size-dimension-radio-point-m",
130
- "isUsed": false
130
+ "isUsed": true
131
131
  },
132
132
  {
133
133
  "category": "size",
@@ -137,7 +137,7 @@
137
137
  "value": "16px",
138
138
  "original": 16,
139
139
  "variableName": "$size-dimension-toggle-height-s",
140
- "isUsed": false
140
+ "isUsed": true
141
141
  },
142
142
  {
143
143
  "category": "size",
@@ -147,7 +147,7 @@
147
147
  "value": "24px",
148
148
  "original": 24,
149
149
  "variableName": "$size-dimension-toggle-height-m",
150
- "isUsed": false
150
+ "isUsed": true
151
151
  },
152
152
  {
153
153
  "category": "size",
@@ -157,7 +157,7 @@
157
157
  "value": "28px",
158
158
  "original": 28,
159
159
  "variableName": "$size-dimension-toggle-width-s",
160
- "isUsed": false
160
+ "isUsed": true
161
161
  },
162
162
  {
163
163
  "category": "size",
@@ -167,7 +167,7 @@
167
167
  "value": "40px",
168
168
  "original": 40,
169
169
  "variableName": "$size-dimension-toggle-width-m",
170
- "isUsed": false
170
+ "isUsed": true
171
171
  },
172
172
  {
173
173
  "category": "size",
@@ -177,7 +177,7 @@
177
177
  "value": "36px",
178
178
  "original": 36,
179
179
  "variableName": "$size-dimension-textarea-min-height-m",
180
- "isUsed": false
180
+ "isUsed": true
181
181
  },
182
182
  {
183
183
  "category": "size",
@@ -187,7 +187,7 @@
187
187
  "value": "8px",
188
188
  "original": 8,
189
189
  "variableName": "$size-dimension-toggle-point-s",
190
- "isUsed": false
190
+ "isUsed": true
191
191
  },
192
192
  {
193
193
  "category": "size",
@@ -197,7 +197,7 @@
197
197
  "value": "16px",
198
198
  "original": 16,
199
199
  "variableName": "$size-dimension-toggle-point-m",
200
- "isUsed": false
200
+ "isUsed": true
201
201
  },
202
202
  {
203
203
  "category": "size",
@@ -207,7 +207,7 @@
207
207
  "value": "32px",
208
208
  "original": 32,
209
209
  "variableName": "$size-dimension-toggle-button-height-m",
210
- "isUsed": false
210
+ "isUsed": true
211
211
  },
212
212
  {
213
213
  "category": "size",
@@ -217,7 +217,7 @@
217
217
  "value": "120px",
218
218
  "original": 120,
219
219
  "variableName": "$size-dimension-dropdown-menu-width",
220
- "isUsed": false
220
+ "isUsed": true
221
221
  },
222
222
  {
223
223
  "category": "size",
@@ -227,7 +227,7 @@
227
227
  "value": "560px",
228
228
  "original": 560,
229
229
  "variableName": "$size-dimension-modal-width-m",
230
- "isUsed": false
230
+ "isUsed": true
231
231
  },
232
232
  {
233
233
  "category": "size",
@@ -237,7 +237,7 @@
237
237
  "value": "720px",
238
238
  "original": 720,
239
239
  "variableName": "$size-dimension-modal-width-l",
240
- "isUsed": false
240
+ "isUsed": true
241
241
  },
242
242
  {
243
243
  "category": "size",
@@ -247,7 +247,7 @@
247
247
  "value": "800px",
248
248
  "original": 800,
249
249
  "variableName": "$size-dimension-modal-max-height-l",
250
- "isUsed": false
250
+ "isUsed": true
251
251
  },
252
252
  {
253
253
  "category": "size",
@@ -257,7 +257,7 @@
257
257
  "value": "40px",
258
258
  "original": 40,
259
259
  "variableName": "$size-dimension-modal-margin-l",
260
- "isUsed": false
260
+ "isUsed": true
261
261
  },
262
262
  {
263
263
  "category": "size",
@@ -267,7 +267,7 @@
267
267
  "value": "1280px",
268
268
  "original": 1280,
269
269
  "variableName": "$size-dimension-modal-full-screen-content-width",
270
- "isUsed": false
270
+ "isUsed": true
271
271
  },
272
272
  {
273
273
  "category": "size",
@@ -277,7 +277,7 @@
277
277
  "value": "1px",
278
278
  "original": 1,
279
279
  "variableName": "$size-dimension-media-viewer-bar-separator-width",
280
- "isUsed": false
280
+ "isUsed": true
281
281
  },
282
282
  {
283
283
  "category": "size",
@@ -287,7 +287,7 @@
287
287
  "value": "12px",
288
288
  "original": 12,
289
289
  "variableName": "$size-dimension-legend-key-width",
290
- "isUsed": false
290
+ "isUsed": true
291
291
  },
292
292
  {
293
293
  "category": "size",
@@ -297,7 +297,7 @@
297
297
  "value": "0px",
298
298
  "original": 0,
299
299
  "variableName": "$size-letter-spacing-none",
300
- "isUsed": false
300
+ "isUsed": true
301
301
  },
302
302
  {
303
303
  "category": "size",
@@ -307,7 +307,7 @@
307
307
  "value": "0.5px",
308
308
  "original": 0.5,
309
309
  "variableName": "$size-letter-spacing-s",
310
- "isUsed": false
310
+ "isUsed": true
311
311
  },
312
312
  {
313
313
  "category": "size",
@@ -317,7 +317,7 @@
317
317
  "value": "1px",
318
318
  "original": 1,
319
319
  "variableName": "$size-letter-spacing-m",
320
- "isUsed": false
320
+ "isUsed": true
321
321
  },
322
322
  {
323
323
  "category": "size",
@@ -327,7 +327,7 @@
327
327
  "value": "12px",
328
328
  "original": 12,
329
329
  "variableName": "$size-font-xs",
330
- "isUsed": false
330
+ "isUsed": true
331
331
  },
332
332
  {
333
333
  "category": "size",
@@ -337,7 +337,7 @@
337
337
  "value": "14px",
338
338
  "original": 14,
339
339
  "variableName": "$size-font-s",
340
- "isUsed": false
340
+ "isUsed": true
341
341
  },
342
342
  {
343
343
  "category": "size",
@@ -347,7 +347,7 @@
347
347
  "value": "16px",
348
348
  "original": 16,
349
349
  "variableName": "$size-font-m",
350
- "isUsed": false
350
+ "isUsed": true
351
351
  },
352
352
  {
353
353
  "category": "size",
@@ -357,7 +357,7 @@
357
357
  "value": "18px",
358
358
  "original": 18,
359
359
  "variableName": "$size-font-l",
360
- "isUsed": false
360
+ "isUsed": true
361
361
  },
362
362
  {
363
363
  "category": "size",
@@ -367,7 +367,7 @@
367
367
  "value": "20px",
368
368
  "original": 20,
369
369
  "variableName": "$size-font-xl",
370
- "isUsed": false
370
+ "isUsed": true
371
371
  },
372
372
  {
373
373
  "category": "size",
@@ -377,7 +377,7 @@
377
377
  "value": "24px",
378
378
  "original": 24,
379
379
  "variableName": "$size-font-xxl",
380
- "isUsed": false
380
+ "isUsed": true
381
381
  },
382
382
  {
383
383
  "category": "size",
@@ -387,7 +387,7 @@
387
387
  "value": "26px",
388
388
  "original": 26,
389
389
  "variableName": "$size-font-xxxl",
390
- "isUsed": false
390
+ "isUsed": true
391
391
  },
392
392
  {
393
393
  "category": "size",
@@ -407,7 +407,7 @@
407
407
  "value": "2px",
408
408
  "original": 2,
409
409
  "variableName": "$size-spacing-xxxs",
410
- "isUsed": false
410
+ "isUsed": true
411
411
  },
412
412
  {
413
413
  "category": "size",
@@ -487,7 +487,7 @@
487
487
  "value": "0px",
488
488
  "original": 0,
489
489
  "variableName": "$size-border-radius-none",
490
- "isUsed": false
490
+ "isUsed": true
491
491
  },
492
492
  {
493
493
  "category": "size",
@@ -497,7 +497,7 @@
497
497
  "value": "4px",
498
498
  "original": 4,
499
499
  "variableName": "$size-border-radius-xs",
500
- "isUsed": false
500
+ "isUsed": true
501
501
  },
502
502
  {
503
503
  "category": "size",
@@ -507,7 +507,7 @@
507
507
  "value": "8px",
508
508
  "original": 8,
509
509
  "variableName": "$size-border-radius-s",
510
- "isUsed": false
510
+ "isUsed": true
511
511
  },
512
512
  {
513
513
  "category": "size",
@@ -517,7 +517,7 @@
517
517
  "value": "12px",
518
518
  "original": 12,
519
519
  "variableName": "$size-border-radius-m",
520
- "isUsed": false
520
+ "isUsed": true
521
521
  },
522
522
  {
523
523
  "category": "size",
@@ -527,7 +527,7 @@
527
527
  "value": "16px",
528
528
  "original": 16,
529
529
  "variableName": "$size-border-radius-l",
530
- "isUsed": false
530
+ "isUsed": true
531
531
  },
532
532
  {
533
533
  "category": "size",
@@ -537,7 +537,7 @@
537
537
  "value": "24px",
538
538
  "original": 24,
539
539
  "variableName": "$size-border-radius-xl",
540
- "isUsed": false
540
+ "isUsed": true
541
541
  },
542
542
  {
543
543
  "category": "size",
@@ -547,7 +547,7 @@
547
547
  "value": "9999px",
548
548
  "original": 9999,
549
549
  "variableName": "$size-border-radius-full",
550
- "isUsed": false
550
+ "isUsed": true
551
551
  },
552
552
  {
553
553
  "category": "size",
@@ -557,7 +557,7 @@
557
557
  "value": 1.1428571429,
558
558
  "original": 1.1428571429,
559
559
  "variableName": "$size-line-height-xs",
560
- "isUsed": false
560
+ "isUsed": true
561
561
  },
562
562
  {
563
563
  "category": "size",
@@ -567,7 +567,7 @@
567
567
  "value": 1.25,
568
568
  "original": 1.25,
569
569
  "variableName": "$size-line-height-s",
570
- "isUsed": false
570
+ "isUsed": true
571
571
  },
572
572
  {
573
573
  "category": "size",
@@ -577,7 +577,7 @@
577
577
  "value": 1.3333333,
578
578
  "original": 1.3333333,
579
579
  "variableName": "$size-line-height-m",
580
- "isUsed": false
580
+ "isUsed": true
581
581
  },
582
582
  {
583
583
  "category": "size",
@@ -587,7 +587,7 @@
587
587
  "value": 1.4285714286,
588
588
  "original": 1.4285714286,
589
589
  "variableName": "$size-line-height-l",
590
- "isUsed": false
590
+ "isUsed": true
591
591
  },
592
592
  {
593
593
  "category": "size",
@@ -597,7 +597,7 @@
597
597
  "value": 1.5,
598
598
  "original": 1.5,
599
599
  "variableName": "$size-line-height-xl",
600
- "isUsed": false
600
+ "isUsed": true
601
601
  },
602
602
  {
603
603
  "category": "size",
@@ -607,7 +607,7 @@
607
607
  "value": 1.625,
608
608
  "original": 1.625,
609
609
  "variableName": "$size-line-height-xxl",
610
- "isUsed": false
610
+ "isUsed": true
611
611
  },
612
612
  {
613
613
  "category": "size",
@@ -617,6 +617,6 @@
617
617
  "value": 1.714286,
618
618
  "original": 1.714286,
619
619
  "variableName": "$size-line-height-xxxl",
620
- "isUsed": false
620
+ "isUsed": true
621
621
  }
622
622
  ]
@@ -161,6 +161,7 @@
161
161
  "numbered-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" d=\"m2 7 2-2h2v14H4V7.8L2 10zm6-1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2zm0 6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z\"/></svg>",
162
162
  "open-full-screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm1 3.685C6 6.755 6.754 6 7.685 6h8.63C17.245 6 18 6.754 18 7.685v8.63c0 .93-.754 1.685-1.685 1.685h-8.63C6.755 18 6 17.246 6 16.315zM8 8v8h8V8z\" clip-rule=\"evenodd\"/></svg>",
163
163
  "open-new-tab": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM4 5a1 1 0 0 1 1-1h6v3a3 3 0 0 0 3 3h6v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm16 3V5a1 1 0 0 0-1-1h-6v3a1 1 0 0 0 1 1z\" clip-rule=\"evenodd\"/></svg>",
164
+ "open-sidebar-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M19 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm-9 18h9a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-9zM5 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3V4z\" clip-rule=\"evenodd\"/></svg>",
164
165
  "open-sidebar-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" d=\"M20 19a1 1 0 0 1-1 1h-3V4h3a1 1 0 0 1 1 1zM4 19V5c0-.552.449-1 1-1h9v16H5c-.551 0-1-.448-1-1M19 2H5C3.346 2 2 3.345 2 5v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3V5c0-1.655-1.346-3-3-3\"/></svg>",
165
166
  "paperclip": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M17.775 4.107a2.955 2.955 0 0 0-4.16 0l-9.001 8.942a4.845 4.845 0 0 0 0 6.884 4.924 4.924 0 0 0 6.93 0l9.003-8.941a.984.984 0 0 1 1.385 0 .97.97 0 0 1 0 1.376l-9.002 8.941a6.89 6.89 0 0 1-9.702 0 6.78 6.78 0 0 1 0-9.636L12.23 2.73a4.923 4.923 0 0 1 6.93 0 4.844 4.844 0 0 1 0 6.883l-9.012 8.942a2.954 2.954 0 0 1-4.157 0 2.906 2.906 0 0 1 0-4.13l8.317-8.251a.984.984 0 0 1 1.385 0 .97.97 0 0 1-.001 1.377l-8.316 8.25a.97.97 0 0 0 0 1.378.985.985 0 0 0 1.387 0l9.012-8.942a2.91 2.91 0 0 0 0-4.131\" clip-rule=\"evenodd\"/></svg>",
166
167
  "paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 5h6.25c1.281 0 2.496.544 3.381 1.488A5.14 5.14 0 0 1 18 10c0 2.7-2.067 5-4.75 5H9v5H7zm2 8h4.25c1.459 0 2.75-1.281 2.75-3a3.14 3.14 0 0 0-.828-2.144A2.64 2.64 0 0 0 13.25 7H9z\" clip-rule=\"evenodd\"/></svg>",
@@ -161,6 +161,7 @@
161
161
  "numbered-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" d=\"m1 5 2-2h2v10H3V5.5l-2 2zm13 0H7V3h7a1 1 0 1 1 0 2M7 9h7a1 1 0 1 0 0-2H7zm0 4h7a1 1 0 1 0 0-2H7z\"/></svg>",
162
162
  "open-full-screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3h10v10H3zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2zm5 7V6h4v4zM4 4.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
163
163
  "open-new-tab": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 3h4v2H9zM7 3H3v10h10V7H9a2 2 0 0 1-2-2zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
164
+ "open-sidebar-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M12.667 1A2.333 2.333 0 0 1 15 3.333v9.334A2.333 2.333 0 0 1 12.667 15H3.333A2.333 2.333 0 0 1 1 12.667V3.333A2.333 2.333 0 0 1 3.333 1zM7 13h5.667c.184 0 .333-.15.333-.333V3.333A.333.333 0 0 0 12.667 3H7zM3.333 3A.333.333 0 0 0 3 3.333v9.334c0 .184.15.333.333.333H5V3z\" clip-rule=\"evenodd\"/></svg>",
164
165
  "open-sidebar-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 3h2v10h-2zM9 3H3v10h6zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
165
166
  "paperclip": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path d=\"M12.294 3.74c0-.442-.18-.866-.5-1.179a1.73 1.73 0 0 0-1.207-.488 1.73 1.73 0 0 0-1.207.488l-6.354 6.21a3 3 0 0 0-.905 2.137c0 .8.325 1.569.905 2.135s1.366.884 2.185.884c.82 0 1.606-.318 2.185-.884L14.501 6.1 16 7.566l-7.104 6.942A5.27 5.27 0 0 1 5.21 16a5.27 5.27 0 0 1-3.685-1.492A5.04 5.04 0 0 1 0 10.908C0 9.557.549 8.26 1.526 7.306l6.354-6.21A3.87 3.87 0 0 1 10.587 0c1.015 0 1.989.394 2.706 1.096a3.7 3.7 0 0 1 1.122 2.644 3.7 3.7 0 0 1-1.122 2.646l-6.362 6.21c-.458.447-1.079.7-1.727.7s-1.27-.252-1.728-.7a2.36 2.36 0 0 1-.715-1.688c0-.634.257-1.242.715-1.69l6.62-6.463 1.5 1.466-6.62 6.463a.313.313 0 0 0 0 .446.33.33 0 0 0 .457 0l6.36-6.21.114-.122c.249-.297.387-.67.387-1.058\"/></svg>",
166
167
  "paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 4h3.5a2.5 2.5 0 0 1 0 5H5\"/><path d=\"M5 3v10\"/></g></svg>",
@@ -0,0 +1,30 @@
1
+ import React, { type PropsWithChildren, type RefObject } from "react";
2
+ import { type PortalProps } from "../../Portal/Portal";
3
+ import type { ViewportPosition } from "../../Utilities/FloatingPosition/useFloatingPosition";
4
+ export type DrawerProps = React.HTMLAttributes<HTMLDivElement> & {
5
+ children?: React.ReactNode[] | React.ReactNode;
6
+ /**
7
+ * Controls visibility. Toggling `false` plays the exit animation, then
8
+ * unmounts (firing `onUnmount`). Keep the Drawer mounted and drive this rather
9
+ * than conditionally rendering it. Defaults to `true`.
10
+ */
11
+ isVisible?: boolean;
12
+ /** Called after the exit animation completes and the drawer is removed. */
13
+ onUnmount?: () => void;
14
+ backdropRef?: RefObject<HTMLDivElement>;
15
+ handleClose?: () => void;
16
+ isDismissible?: boolean;
17
+ /**
18
+ * Whether to render the dimming backdrop behind the content. Default `true`.
19
+ */
20
+ hasBackdrop?: boolean;
21
+ /**
22
+ * A ref to the element that should receive focus when the drawer opens.
23
+ * When not provided, the first focusable element inside the drawer is used.
24
+ */
25
+ initialFocus?: RefObject<HTMLElement | SVGElement> | string;
26
+ privateProps?: {
27
+ skipPortal?: boolean;
28
+ };
29
+ } & ViewportPosition & Pick<PortalProps, "portalContainer">;
30
+ export declare function Drawer({ backdropRef, portalContainer, initialFocus, isDismissible, isVisible, onUnmount, hasBackdrop, positionX, positionY, children, handleClose, privateProps: { skipPortal }, ...rest }: PropsWithChildren<DrawerProps>): React.ReactElement | null;
@@ -0,0 +1 @@
1
+ import React,{useCallback,useRef}from"react";import styled from"@emotion/styled";import{useOutsideClickDeactivatesWithinPortal}from"../../../shared/useOutsideClickDeactivatesWithinPortal";import{useDocument}from"../../../shared/useDocument";import{FOCUSABLE_SELECTOR}from"../../../shared/focusableSelector";import{Portal,usePortalContainerElement}from"../../Portal/Portal";import{FocusTrapWrapper}from"../../../shared/FocusTrapWrapper";import{DialogContext}from"../../Patterns/Dialog/DialogContext";import{Backdrop}from"../../Utilities/Backdrop/Backdrop";import{useDrawerAnimation}from"./useDrawerAnimation";let StyledViewportLayer=styled("div",{target:"encciyu0",label:"StyledViewportLayer"})(({theme,animation})=>({position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",animation,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL0RyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0ludGVybmFsL0RyYXdlci9EcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlUmVmLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZU91dHNpZGVDbGlja0RlYWN0aXZhdGVzV2l0aGluUG9ydGFsIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbFwiO1xuaW1wb3J0IHsgdXNlRG9jdW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZURvY3VtZW50XCI7XG5pbXBvcnQgeyBGT0NVU0FCTEVfU0VMRUNUT1IgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL2ZvY3VzYWJsZVNlbGVjdG9yXCI7XG5pbXBvcnQge1xuICBQb3J0YWwsXG4gIHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gIHR5cGUgUG9ydGFsUHJvcHMsXG59IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uLy4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQge1xuICB1c2VEcmF3ZXJBbmltYXRpb24sXG4gIHR5cGUgRWRnZVgsXG4gIHR5cGUgRWRnZVksXG59IGZyb20gXCIuL3VzZURyYXdlckFuaW1hdGlvblwiO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWxpdHkuIFRvZ2dsaW5nIGBmYWxzZWAgcGxheXMgdGhlIGV4aXQgYW5pbWF0aW9uLCB0aGVuXG4gICAqIHVubW91bnRzIChmaXJpbmcgYG9uVW5tb3VudGApLiBLZWVwIHRoZSBEcmF3ZXIgbW91bnRlZCBhbmQgZHJpdmUgdGhpcyByYXRoZXJcbiAgICogdGhhbiBjb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdC4gRGVmYXVsdHMgdG8gYHRydWVgLlxuICAgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqIENhbGxlZCBhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gY29tcGxldGVzIGFuZCB0aGUgZHJhd2VyIGlzIHJlbW92ZWQuICovXG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVuZGVyIHRoZSBkaW1taW5nIGJhY2tkcm9wIGJlaGluZCB0aGUgY29udGVudC4gRGVmYXVsdCBgdHJ1ZWAuXG4gICAqL1xuICBoYXNCYWNrZHJvcD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGRyYXdlciBvcGVucy5cbiAgICogV2hlbiBub3QgcHJvdmlkZWQsIHRoZSBmaXJzdCBmb2N1c2FibGUgZWxlbWVudCBpbnNpZGUgdGhlIGRyYXdlciBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgfTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uICZcbiAgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmNvbnN0IFN0eWxlZFZpZXdwb3J0TGF5ZXIgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uOiBzdHJpbmcgfT4oXG4gICh7IHRoZW1lLCBhbmltYXRpb24gfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgIGFuaW1hdGlvbixcbiAgICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIGVkZ2VTdHlsZXMoXG4gIHBvc2l0aW9uWD86IEVkZ2VYLFxuICBwb3NpdGlvblk/OiBFZGdlWVxuKTogUGljazxDU1NPYmplY3QsIFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJ0b3BcIiB8IFwiYm90dG9tXCI+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi4ocG9zaXRpb25YID09PSBcImxlZnRcIiAmJiB7IGxlZnQ6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWCA9PT0gXCJyaWdodFwiICYmIHsgcmlnaHQ6IDAgfSksXG4gICAgLi4uKCFwb3NpdGlvblggJiYgeyBsZWZ0OiBcIjUwJVwiIH0pLFxuICAgIC4uLihwb3NpdGlvblkgPT09IFwidG9wXCIgJiYgeyB0b3A6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIiAmJiB7IGJvdHRvbTogMCB9KSxcbiAgICAuLi4oIXBvc2l0aW9uWSAmJiB7IHRvcDogXCI1MCVcIiB9KSxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICBwb3NpdGlvblg/OiBFZGdlWDtcbiAgcG9zaXRpb25ZPzogRWRnZVk7XG4gIGFuaW1hdGlvbjogc3RyaW5nO1xuICBjb250ZW50VHJhbnNmb3JtOiBzdHJpbmc7XG59PigoeyBwb3NpdGlvblgsIHBvc2l0aW9uWSwgYW5pbWF0aW9uLCBjb250ZW50VHJhbnNmb3JtIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIC4uLmVkZ2VTdHlsZXMocG9zaXRpb25YLCBwb3NpdGlvblkpLFxuICB0cmFuc2Zvcm06IGNvbnRlbnRUcmFuc2Zvcm0sXG4gIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gIGFuaW1hdGlvbixcbiAgLy8gSG9ub3IgcmVkdWNlZC1tb3Rpb246IHNraXAgdGhlIHNsaWRlLCBrZWVwIHRoZSByZXN0aW5nIHBvc2l0aW9uLlxuICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbn0pKTtcblxuLy8gTm9uLWludGVyYWN0aXZlIHNvIGNsaWNrcyBvbiB0aGUgZGltbWVkIGFyZWEgZmFsbCB0aHJvdWdoIHRvIHRoZSBsYXllciwgd2hlcmVcbi8vIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIGlzIGRldGVjdGVkLlxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoQmFja2Ryb3ApKHsgcG9pbnRlckV2ZW50czogXCJub25lXCIgfSk7XG5cbi8vIFRoZSBmaXJzdCBmb2N1c2FibGUgZGVzY2VuZGFudCwgZmFsbGluZyBiYWNrIHRvIHRoZSBjb250YWluZXIsIHRoZW4gdGhlIGJvZHkuXG5mdW5jdGlvbiBnZXRGb2N1c1RhcmdldChcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIGNvbnRhaW5lcj8ucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oRk9DVVNBQkxFX1NFTEVDVE9SKSA/P1xuICAgIGNvbnRhaW5lciA/P1xuICAgIGRvY3VtZW50LmJvZHlcbiAgKTtcbn1cblxuZnVuY3Rpb24gcmVzb2x2ZUluaXRpYWxGb2N1cyhcbiAgaW5pdGlhbEZvY3VzOiBEcmF3ZXJQcm9wc1tcImluaXRpYWxGb2N1c1wiXSxcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50IHwgc3RyaW5nIHtcbiAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHJldHVybiBpbml0aWFsRm9jdXM7XG4gIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoY29udGFpbmVyLCBkb2N1bWVudCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEcmF3ZXIoe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBpc1Zpc2libGUgPSB0cnVlLFxuICBvblVubW91bnQsXG4gIGhhc0JhY2tkcm9wID0gdHJ1ZSxcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbiAgLi4ucmVzdFxufTogUHJvcHNXaXRoQ2hpbGRyZW48RHJhd2VyUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbCB7XG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lckVsZW1lbnQgPSB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50KHBvcnRhbENvbnRhaW5lcik7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIC8vIFRoZSBjb25zdW1lciBkcml2ZXMgYGlzVmlzaWJsZWA7IHRoaXMga2VlcHMgdGhlIGRyYXdlciBtb3VudGVkIHRocm91Z2ggaXRzXG4gIC8vIGV4aXQgYW5pbWF0aW9uLCB0aGVuIGZpcmVzIGBvblVubW91bnRgLlxuICBjb25zdCB7XG4gICAgaXNNb3VudGVkLFxuICAgIG9uQW5pbWF0aW9uRW5kLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uLFxuICAgIGNvbnRlbnRBbmltYXRpb24sXG4gICAgY29udGVudFRyYW5zZm9ybSxcbiAgfSA9IHVzZURyYXdlckFuaW1hdGlvbih7XG4gICAgaXNWaXNpYmxlLFxuICAgIG9uVW5tb3VudCxcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICB9KTtcblxuICAvLyBUaGUgbGF5ZXIgaXMgaWRlbnRpZmllZCBpbnRlcm5hbGx5IHNvIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIHdvcmtzIHdpdGhvdXRcbiAgLy8gdGhlIGNvbnN1bWVyIHdpcmluZyBhIHJlZi4gYGJhY2tkcm9wUmVmYCwgaWYgZ2l2ZW4sIGZhbnMgb3V0IHRvIHRoYXQgbm9kZS5cbiAgY29uc3QgbGF5ZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3Qgc2V0TGF5ZXJOb2RlID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgbGF5ZXJSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgICBjb25zdCBleHRlcm5hbFJlZiA9IGJhY2tkcm9wUmVmIGFzXG4gICAgICAgIHwgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICAgICAgIHwgdW5kZWZpbmVkO1xuICAgICAgaWYgKGV4dGVybmFsUmVmKSB7XG4gICAgICAgIGV4dGVybmFsUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzID0gdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWwoe1xuICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gICAgb3V0ZXJSZWY6IGxheWVyUmVmLFxuICAgIGlzRGlzbWlzc2libGUsXG4gIH0pO1xuXG4gIC8vIFJlbmRlciBub3RoaW5nIG9uY2UgZnVsbHkgY2xvc2VkIChhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gaGFzIGZpbmlzaGVkKS5cbiAgaWYgKCFpc01vdW50ZWQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPFN0eWxlZFZpZXdwb3J0TGF5ZXJcbiAgICAgIHJlZj17c2V0TGF5ZXJOb2RlfVxuICAgICAgZGF0YS1kcy1pZD1cIkRyYXdlclwiXG4gICAgICBhbmltYXRpb249e2JhY2tkcm9wQW5pbWF0aW9ufVxuICAgID5cbiAgICAgIHtoYXNCYWNrZHJvcCAmJiA8U3R5bGVkQmFja2Ryb3AgZGF0YS1kcy1pZD1cIkRyYXdlckJhY2tkcm9wXCIgLz59XG4gICAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgIGFsbG93T3V0c2lkZUNsaWNrOiB0cnVlLCAvLyBhbGxvdyBjbGljayBvbiBtb2JpbGUgaW4gYW55IGRyb3Bkb3duc1xuICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyxcbiAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogaXNEaXNtaXNzaWJsZSwgLy8gZGUtYWN0aXZhdGUgZm9jdXMgdHJhcCBvbiBlc2NhcGUga2V5XG4gICAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+XG4gICAgICAgICAgICByZXNvbHZlSW5pdGlhbEZvY3VzKGluaXRpYWxGb2N1cywgY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogKCkgPT4gaGFuZGxlQ2xvc2U/LigpLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ29udGVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17Y29udGVudFJlZn1cbiAgICAgICAgICBwb3NpdGlvblg9e3Bvc2l0aW9uWH1cbiAgICAgICAgICBwb3NpdGlvblk9e3Bvc2l0aW9uWX1cbiAgICAgICAgICBhbmltYXRpb249e2NvbnRlbnRBbmltYXRpb259XG4gICAgICAgICAgY29udGVudFRyYW5zZm9ybT17Y29udGVudFRyYW5zZm9ybX1cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17b25BbmltYXRpb25FbmR9XG4gICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRWaWV3cG9ydExheWVyPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDRCIn0= */"),StyledContent=styled("div",{target:"encciyu1",label:"StyledContent"})(({positionX,positionY,animation,contentTransform})=>({position:"fixed",..."left"===positionX&&{left:0},..."right"===positionX&&{right:0},...!positionX&&{left:"50%"},..."top"===positionY&&{top:0},..."bottom"===positionY&&{bottom:0},...!positionY&&{top:"50%"},transform:contentTransform,willChange:"transform",animation,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL0RyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0ludGVybmFsL0RyYXdlci9EcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlUmVmLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZU91dHNpZGVDbGlja0RlYWN0aXZhdGVzV2l0aGluUG9ydGFsIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbFwiO1xuaW1wb3J0IHsgdXNlRG9jdW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZURvY3VtZW50XCI7XG5pbXBvcnQgeyBGT0NVU0FCTEVfU0VMRUNUT1IgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL2ZvY3VzYWJsZVNlbGVjdG9yXCI7XG5pbXBvcnQge1xuICBQb3J0YWwsXG4gIHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gIHR5cGUgUG9ydGFsUHJvcHMsXG59IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uLy4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQge1xuICB1c2VEcmF3ZXJBbmltYXRpb24sXG4gIHR5cGUgRWRnZVgsXG4gIHR5cGUgRWRnZVksXG59IGZyb20gXCIuL3VzZURyYXdlckFuaW1hdGlvblwiO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWxpdHkuIFRvZ2dsaW5nIGBmYWxzZWAgcGxheXMgdGhlIGV4aXQgYW5pbWF0aW9uLCB0aGVuXG4gICAqIHVubW91bnRzIChmaXJpbmcgYG9uVW5tb3VudGApLiBLZWVwIHRoZSBEcmF3ZXIgbW91bnRlZCBhbmQgZHJpdmUgdGhpcyByYXRoZXJcbiAgICogdGhhbiBjb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdC4gRGVmYXVsdHMgdG8gYHRydWVgLlxuICAgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqIENhbGxlZCBhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gY29tcGxldGVzIGFuZCB0aGUgZHJhd2VyIGlzIHJlbW92ZWQuICovXG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVuZGVyIHRoZSBkaW1taW5nIGJhY2tkcm9wIGJlaGluZCB0aGUgY29udGVudC4gRGVmYXVsdCBgdHJ1ZWAuXG4gICAqL1xuICBoYXNCYWNrZHJvcD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGRyYXdlciBvcGVucy5cbiAgICogV2hlbiBub3QgcHJvdmlkZWQsIHRoZSBmaXJzdCBmb2N1c2FibGUgZWxlbWVudCBpbnNpZGUgdGhlIGRyYXdlciBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgfTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uICZcbiAgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmNvbnN0IFN0eWxlZFZpZXdwb3J0TGF5ZXIgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uOiBzdHJpbmcgfT4oXG4gICh7IHRoZW1lLCBhbmltYXRpb24gfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgIGFuaW1hdGlvbixcbiAgICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIGVkZ2VTdHlsZXMoXG4gIHBvc2l0aW9uWD86IEVkZ2VYLFxuICBwb3NpdGlvblk/OiBFZGdlWVxuKTogUGljazxDU1NPYmplY3QsIFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJ0b3BcIiB8IFwiYm90dG9tXCI+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi4ocG9zaXRpb25YID09PSBcImxlZnRcIiAmJiB7IGxlZnQ6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWCA9PT0gXCJyaWdodFwiICYmIHsgcmlnaHQ6IDAgfSksXG4gICAgLi4uKCFwb3NpdGlvblggJiYgeyBsZWZ0OiBcIjUwJVwiIH0pLFxuICAgIC4uLihwb3NpdGlvblkgPT09IFwidG9wXCIgJiYgeyB0b3A6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIiAmJiB7IGJvdHRvbTogMCB9KSxcbiAgICAuLi4oIXBvc2l0aW9uWSAmJiB7IHRvcDogXCI1MCVcIiB9KSxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICBwb3NpdGlvblg/OiBFZGdlWDtcbiAgcG9zaXRpb25ZPzogRWRnZVk7XG4gIGFuaW1hdGlvbjogc3RyaW5nO1xuICBjb250ZW50VHJhbnNmb3JtOiBzdHJpbmc7XG59PigoeyBwb3NpdGlvblgsIHBvc2l0aW9uWSwgYW5pbWF0aW9uLCBjb250ZW50VHJhbnNmb3JtIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIC4uLmVkZ2VTdHlsZXMocG9zaXRpb25YLCBwb3NpdGlvblkpLFxuICB0cmFuc2Zvcm06IGNvbnRlbnRUcmFuc2Zvcm0sXG4gIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gIGFuaW1hdGlvbixcbiAgLy8gSG9ub3IgcmVkdWNlZC1tb3Rpb246IHNraXAgdGhlIHNsaWRlLCBrZWVwIHRoZSByZXN0aW5nIHBvc2l0aW9uLlxuICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbn0pKTtcblxuLy8gTm9uLWludGVyYWN0aXZlIHNvIGNsaWNrcyBvbiB0aGUgZGltbWVkIGFyZWEgZmFsbCB0aHJvdWdoIHRvIHRoZSBsYXllciwgd2hlcmVcbi8vIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIGlzIGRldGVjdGVkLlxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoQmFja2Ryb3ApKHsgcG9pbnRlckV2ZW50czogXCJub25lXCIgfSk7XG5cbi8vIFRoZSBmaXJzdCBmb2N1c2FibGUgZGVzY2VuZGFudCwgZmFsbGluZyBiYWNrIHRvIHRoZSBjb250YWluZXIsIHRoZW4gdGhlIGJvZHkuXG5mdW5jdGlvbiBnZXRGb2N1c1RhcmdldChcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIGNvbnRhaW5lcj8ucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oRk9DVVNBQkxFX1NFTEVDVE9SKSA/P1xuICAgIGNvbnRhaW5lciA/P1xuICAgIGRvY3VtZW50LmJvZHlcbiAgKTtcbn1cblxuZnVuY3Rpb24gcmVzb2x2ZUluaXRpYWxGb2N1cyhcbiAgaW5pdGlhbEZvY3VzOiBEcmF3ZXJQcm9wc1tcImluaXRpYWxGb2N1c1wiXSxcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50IHwgc3RyaW5nIHtcbiAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHJldHVybiBpbml0aWFsRm9jdXM7XG4gIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoY29udGFpbmVyLCBkb2N1bWVudCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEcmF3ZXIoe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBpc1Zpc2libGUgPSB0cnVlLFxuICBvblVubW91bnQsXG4gIGhhc0JhY2tkcm9wID0gdHJ1ZSxcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbiAgLi4ucmVzdFxufTogUHJvcHNXaXRoQ2hpbGRyZW48RHJhd2VyUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbCB7XG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lckVsZW1lbnQgPSB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50KHBvcnRhbENvbnRhaW5lcik7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIC8vIFRoZSBjb25zdW1lciBkcml2ZXMgYGlzVmlzaWJsZWA7IHRoaXMga2VlcHMgdGhlIGRyYXdlciBtb3VudGVkIHRocm91Z2ggaXRzXG4gIC8vIGV4aXQgYW5pbWF0aW9uLCB0aGVuIGZpcmVzIGBvblVubW91bnRgLlxuICBjb25zdCB7XG4gICAgaXNNb3VudGVkLFxuICAgIG9uQW5pbWF0aW9uRW5kLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uLFxuICAgIGNvbnRlbnRBbmltYXRpb24sXG4gICAgY29udGVudFRyYW5zZm9ybSxcbiAgfSA9IHVzZURyYXdlckFuaW1hdGlvbih7XG4gICAgaXNWaXNpYmxlLFxuICAgIG9uVW5tb3VudCxcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICB9KTtcblxuICAvLyBUaGUgbGF5ZXIgaXMgaWRlbnRpZmllZCBpbnRlcm5hbGx5IHNvIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIHdvcmtzIHdpdGhvdXRcbiAgLy8gdGhlIGNvbnN1bWVyIHdpcmluZyBhIHJlZi4gYGJhY2tkcm9wUmVmYCwgaWYgZ2l2ZW4sIGZhbnMgb3V0IHRvIHRoYXQgbm9kZS5cbiAgY29uc3QgbGF5ZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3Qgc2V0TGF5ZXJOb2RlID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgbGF5ZXJSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgICBjb25zdCBleHRlcm5hbFJlZiA9IGJhY2tkcm9wUmVmIGFzXG4gICAgICAgIHwgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICAgICAgIHwgdW5kZWZpbmVkO1xuICAgICAgaWYgKGV4dGVybmFsUmVmKSB7XG4gICAgICAgIGV4dGVybmFsUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzID0gdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWwoe1xuICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gICAgb3V0ZXJSZWY6IGxheWVyUmVmLFxuICAgIGlzRGlzbWlzc2libGUsXG4gIH0pO1xuXG4gIC8vIFJlbmRlciBub3RoaW5nIG9uY2UgZnVsbHkgY2xvc2VkIChhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gaGFzIGZpbmlzaGVkKS5cbiAgaWYgKCFpc01vdW50ZWQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPFN0eWxlZFZpZXdwb3J0TGF5ZXJcbiAgICAgIHJlZj17c2V0TGF5ZXJOb2RlfVxuICAgICAgZGF0YS1kcy1pZD1cIkRyYXdlclwiXG4gICAgICBhbmltYXRpb249e2JhY2tkcm9wQW5pbWF0aW9ufVxuICAgID5cbiAgICAgIHtoYXNCYWNrZHJvcCAmJiA8U3R5bGVkQmFja2Ryb3AgZGF0YS1kcy1pZD1cIkRyYXdlckJhY2tkcm9wXCIgLz59XG4gICAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgIGFsbG93T3V0c2lkZUNsaWNrOiB0cnVlLCAvLyBhbGxvdyBjbGljayBvbiBtb2JpbGUgaW4gYW55IGRyb3Bkb3duc1xuICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyxcbiAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogaXNEaXNtaXNzaWJsZSwgLy8gZGUtYWN0aXZhdGUgZm9jdXMgdHJhcCBvbiBlc2NhcGUga2V5XG4gICAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+XG4gICAgICAgICAgICByZXNvbHZlSW5pdGlhbEZvY3VzKGluaXRpYWxGb2N1cywgY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogKCkgPT4gaGFuZGxlQ2xvc2U/LigpLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ29udGVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17Y29udGVudFJlZn1cbiAgICAgICAgICBwb3NpdGlvblg9e3Bvc2l0aW9uWH1cbiAgICAgICAgICBwb3NpdGlvblk9e3Bvc2l0aW9uWX1cbiAgICAgICAgICBhbmltYXRpb249e2NvbnRlbnRBbmltYXRpb259XG4gICAgICAgICAgY29udGVudFRyYW5zZm9ybT17Y29udGVudFRyYW5zZm9ybX1cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17b25BbmltYXRpb25FbmR9XG4gICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRWaWV3cG9ydExheWVyPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRnNCIn0= */"),StyledBackdrop=styled(Backdrop,{target:"encciyu2",label:"StyledBackdrop"})({pointerEvents:"none"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL0RyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0ludGVybmFsL0RyYXdlci9EcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlUmVmLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZU91dHNpZGVDbGlja0RlYWN0aXZhdGVzV2l0aGluUG9ydGFsIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbFwiO1xuaW1wb3J0IHsgdXNlRG9jdW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZURvY3VtZW50XCI7XG5pbXBvcnQgeyBGT0NVU0FCTEVfU0VMRUNUT1IgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL2ZvY3VzYWJsZVNlbGVjdG9yXCI7XG5pbXBvcnQge1xuICBQb3J0YWwsXG4gIHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gIHR5cGUgUG9ydGFsUHJvcHMsXG59IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uLy4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQge1xuICB1c2VEcmF3ZXJBbmltYXRpb24sXG4gIHR5cGUgRWRnZVgsXG4gIHR5cGUgRWRnZVksXG59IGZyb20gXCIuL3VzZURyYXdlckFuaW1hdGlvblwiO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWxpdHkuIFRvZ2dsaW5nIGBmYWxzZWAgcGxheXMgdGhlIGV4aXQgYW5pbWF0aW9uLCB0aGVuXG4gICAqIHVubW91bnRzIChmaXJpbmcgYG9uVW5tb3VudGApLiBLZWVwIHRoZSBEcmF3ZXIgbW91bnRlZCBhbmQgZHJpdmUgdGhpcyByYXRoZXJcbiAgICogdGhhbiBjb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdC4gRGVmYXVsdHMgdG8gYHRydWVgLlxuICAgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqIENhbGxlZCBhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gY29tcGxldGVzIGFuZCB0aGUgZHJhd2VyIGlzIHJlbW92ZWQuICovXG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVuZGVyIHRoZSBkaW1taW5nIGJhY2tkcm9wIGJlaGluZCB0aGUgY29udGVudC4gRGVmYXVsdCBgdHJ1ZWAuXG4gICAqL1xuICBoYXNCYWNrZHJvcD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGRyYXdlciBvcGVucy5cbiAgICogV2hlbiBub3QgcHJvdmlkZWQsIHRoZSBmaXJzdCBmb2N1c2FibGUgZWxlbWVudCBpbnNpZGUgdGhlIGRyYXdlciBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgfTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uICZcbiAgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmNvbnN0IFN0eWxlZFZpZXdwb3J0TGF5ZXIgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uOiBzdHJpbmcgfT4oXG4gICh7IHRoZW1lLCBhbmltYXRpb24gfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgIGFuaW1hdGlvbixcbiAgICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIGVkZ2VTdHlsZXMoXG4gIHBvc2l0aW9uWD86IEVkZ2VYLFxuICBwb3NpdGlvblk/OiBFZGdlWVxuKTogUGljazxDU1NPYmplY3QsIFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJ0b3BcIiB8IFwiYm90dG9tXCI+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi4ocG9zaXRpb25YID09PSBcImxlZnRcIiAmJiB7IGxlZnQ6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWCA9PT0gXCJyaWdodFwiICYmIHsgcmlnaHQ6IDAgfSksXG4gICAgLi4uKCFwb3NpdGlvblggJiYgeyBsZWZ0OiBcIjUwJVwiIH0pLFxuICAgIC4uLihwb3NpdGlvblkgPT09IFwidG9wXCIgJiYgeyB0b3A6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIiAmJiB7IGJvdHRvbTogMCB9KSxcbiAgICAuLi4oIXBvc2l0aW9uWSAmJiB7IHRvcDogXCI1MCVcIiB9KSxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICBwb3NpdGlvblg/OiBFZGdlWDtcbiAgcG9zaXRpb25ZPzogRWRnZVk7XG4gIGFuaW1hdGlvbjogc3RyaW5nO1xuICBjb250ZW50VHJhbnNmb3JtOiBzdHJpbmc7XG59PigoeyBwb3NpdGlvblgsIHBvc2l0aW9uWSwgYW5pbWF0aW9uLCBjb250ZW50VHJhbnNmb3JtIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIC4uLmVkZ2VTdHlsZXMocG9zaXRpb25YLCBwb3NpdGlvblkpLFxuICB0cmFuc2Zvcm06IGNvbnRlbnRUcmFuc2Zvcm0sXG4gIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gIGFuaW1hdGlvbixcbiAgLy8gSG9ub3IgcmVkdWNlZC1tb3Rpb246IHNraXAgdGhlIHNsaWRlLCBrZWVwIHRoZSByZXN0aW5nIHBvc2l0aW9uLlxuICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbn0pKTtcblxuLy8gTm9uLWludGVyYWN0aXZlIHNvIGNsaWNrcyBvbiB0aGUgZGltbWVkIGFyZWEgZmFsbCB0aHJvdWdoIHRvIHRoZSBsYXllciwgd2hlcmVcbi8vIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIGlzIGRldGVjdGVkLlxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoQmFja2Ryb3ApKHsgcG9pbnRlckV2ZW50czogXCJub25lXCIgfSk7XG5cbi8vIFRoZSBmaXJzdCBmb2N1c2FibGUgZGVzY2VuZGFudCwgZmFsbGluZyBiYWNrIHRvIHRoZSBjb250YWluZXIsIHRoZW4gdGhlIGJvZHkuXG5mdW5jdGlvbiBnZXRGb2N1c1RhcmdldChcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIGNvbnRhaW5lcj8ucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oRk9DVVNBQkxFX1NFTEVDVE9SKSA/P1xuICAgIGNvbnRhaW5lciA/P1xuICAgIGRvY3VtZW50LmJvZHlcbiAgKTtcbn1cblxuZnVuY3Rpb24gcmVzb2x2ZUluaXRpYWxGb2N1cyhcbiAgaW5pdGlhbEZvY3VzOiBEcmF3ZXJQcm9wc1tcImluaXRpYWxGb2N1c1wiXSxcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50IHwgc3RyaW5nIHtcbiAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHJldHVybiBpbml0aWFsRm9jdXM7XG4gIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoY29udGFpbmVyLCBkb2N1bWVudCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEcmF3ZXIoe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBpc1Zpc2libGUgPSB0cnVlLFxuICBvblVubW91bnQsXG4gIGhhc0JhY2tkcm9wID0gdHJ1ZSxcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbiAgLi4ucmVzdFxufTogUHJvcHNXaXRoQ2hpbGRyZW48RHJhd2VyUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbCB7XG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lckVsZW1lbnQgPSB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50KHBvcnRhbENvbnRhaW5lcik7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIC8vIFRoZSBjb25zdW1lciBkcml2ZXMgYGlzVmlzaWJsZWA7IHRoaXMga2VlcHMgdGhlIGRyYXdlciBtb3VudGVkIHRocm91Z2ggaXRzXG4gIC8vIGV4aXQgYW5pbWF0aW9uLCB0aGVuIGZpcmVzIGBvblVubW91bnRgLlxuICBjb25zdCB7XG4gICAgaXNNb3VudGVkLFxuICAgIG9uQW5pbWF0aW9uRW5kLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uLFxuICAgIGNvbnRlbnRBbmltYXRpb24sXG4gICAgY29udGVudFRyYW5zZm9ybSxcbiAgfSA9IHVzZURyYXdlckFuaW1hdGlvbih7XG4gICAgaXNWaXNpYmxlLFxuICAgIG9uVW5tb3VudCxcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICB9KTtcblxuICAvLyBUaGUgbGF5ZXIgaXMgaWRlbnRpZmllZCBpbnRlcm5hbGx5IHNvIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIHdvcmtzIHdpdGhvdXRcbiAgLy8gdGhlIGNvbnN1bWVyIHdpcmluZyBhIHJlZi4gYGJhY2tkcm9wUmVmYCwgaWYgZ2l2ZW4sIGZhbnMgb3V0IHRvIHRoYXQgbm9kZS5cbiAgY29uc3QgbGF5ZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3Qgc2V0TGF5ZXJOb2RlID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgbGF5ZXJSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgICBjb25zdCBleHRlcm5hbFJlZiA9IGJhY2tkcm9wUmVmIGFzXG4gICAgICAgIHwgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICAgICAgIHwgdW5kZWZpbmVkO1xuICAgICAgaWYgKGV4dGVybmFsUmVmKSB7XG4gICAgICAgIGV4dGVybmFsUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzID0gdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWwoe1xuICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gICAgb3V0ZXJSZWY6IGxheWVyUmVmLFxuICAgIGlzRGlzbWlzc2libGUsXG4gIH0pO1xuXG4gIC8vIFJlbmRlciBub3RoaW5nIG9uY2UgZnVsbHkgY2xvc2VkIChhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gaGFzIGZpbmlzaGVkKS5cbiAgaWYgKCFpc01vdW50ZWQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPFN0eWxlZFZpZXdwb3J0TGF5ZXJcbiAgICAgIHJlZj17c2V0TGF5ZXJOb2RlfVxuICAgICAgZGF0YS1kcy1pZD1cIkRyYXdlclwiXG4gICAgICBhbmltYXRpb249e2JhY2tkcm9wQW5pbWF0aW9ufVxuICAgID5cbiAgICAgIHtoYXNCYWNrZHJvcCAmJiA8U3R5bGVkQmFja2Ryb3AgZGF0YS1kcy1pZD1cIkRyYXdlckJhY2tkcm9wXCIgLz59XG4gICAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgIGFsbG93T3V0c2lkZUNsaWNrOiB0cnVlLCAvLyBhbGxvdyBjbGljayBvbiBtb2JpbGUgaW4gYW55IGRyb3Bkb3duc1xuICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyxcbiAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogaXNEaXNtaXNzaWJsZSwgLy8gZGUtYWN0aXZhdGUgZm9jdXMgdHJhcCBvbiBlc2NhcGUga2V5XG4gICAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+XG4gICAgICAgICAgICByZXNvbHZlSW5pdGlhbEZvY3VzKGluaXRpYWxGb2N1cywgY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogKCkgPT4gaGFuZGxlQ2xvc2U/LigpLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ29udGVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17Y29udGVudFJlZn1cbiAgICAgICAgICBwb3NpdGlvblg9e3Bvc2l0aW9uWH1cbiAgICAgICAgICBwb3NpdGlvblk9e3Bvc2l0aW9uWX1cbiAgICAgICAgICBhbmltYXRpb249e2NvbnRlbnRBbmltYXRpb259XG4gICAgICAgICAgY29udGVudFRyYW5zZm9ybT17Y29udGVudFRyYW5zZm9ybX1cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17b25BbmltYXRpb25FbmR9XG4gICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRWaWV3cG9ydExheWVyPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvR3VCIn0= */");function getFocusTarget(container,document){return container?.querySelector(FOCUSABLE_SELECTOR)??container??document.body}export function Drawer({backdropRef,portalContainer,initialFocus,isDismissible=!0,isVisible=!0,onUnmount,hasBackdrop=!0,positionX,positionY,children,handleClose,privateProps:{skipPortal}={skipPortal:!1},...rest}){let portalContainerElement=usePortalContainerElement(portalContainer),contentRef=useRef(null),document=useDocument(),{isMounted,onAnimationEnd,backdropAnimation,contentAnimation,contentTransform}=useDrawerAnimation({isVisible,onUnmount,positionX,positionY}),layerRef=useRef(null),setLayerNode=useCallback(node=>{layerRef.current=node,backdropRef&&(backdropRef.current=node)},[backdropRef]),handleClickOutsideDeactivates=useOutsideClickDeactivatesWithinPortal({portalContainerElement,outerRef:layerRef,isDismissible});if(!isMounted)return null;let content=React.createElement(StyledViewportLayer,{ref:setLayerNode,"data-ds-id":"Drawer",animation:backdropAnimation},hasBackdrop&&React.createElement(StyledBackdrop,{"data-ds-id":"DrawerBackdrop"}),React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>{var container;return container=contentRef.current,"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(container,document)},fallbackFocus:()=>getFocusTarget(contentRef.current,document),onPostDeactivate:()=>handleClose?.()}},React.createElement(StyledContent,{...rest,ref:contentRef,positionX:positionX,positionY:positionY,animation:contentAnimation,contentTransform:contentTransform,onAnimationEnd:onAnimationEnd,role:"dialog","aria-modal":"true"},children)));return skipPortal?content:React.createElement(DialogContext.Provider,{value:!0},React.createElement(Portal,{portalContainer:portalContainer},content))}
@@ -0,0 +1,34 @@
1
+ import { type AnimationEventHandler } from "react";
2
+ export type EdgeX = "left" | "right";
3
+ export type EdgeY = "top" | "bottom";
4
+ export type DrawerAnimation = {
5
+ /** Whether the node should render at all (entering, present, or mid-exit). */
6
+ isMounted: boolean;
7
+ /** Attach to the animated content node; tears it down once its exit animation ends. */
8
+ onAnimationEnd: AnimationEventHandler<HTMLElement>;
9
+ /** CSS `animation` shorthand for the backdrop's fade. */
10
+ backdropAnimation: string;
11
+ /** CSS `animation` shorthand for the content's slide. */
12
+ contentAnimation: string;
13
+ /** Resting `transform` for the content, applied outside the animation too so it holds after the animation ends. */
14
+ contentTransform: string;
15
+ };
16
+ /**
17
+ * Manages everything animation-related for the drawer: presence across the
18
+ * enter/exit lifecycle, and the keyframes/timing for both the backdrop fade
19
+ * and the content slide.
20
+ *
21
+ * The enter animation is pure CSS that plays on mount, so it needs no state.
22
+ * The exit does: the consumer drives `isVisible`, and when it flips to `false`
23
+ * the node stays mounted (`isLeaving === true`, tracked internally) until the
24
+ * exit animation ends, then `onUnmount` fires. A `useLayoutEffect` flips into
25
+ * the closing state before paint so the node isn't dropped for a frame.
26
+ * Reduced motion tears down immediately, since with no animation there is no
27
+ * `animationend` to wait for.
28
+ */
29
+ export declare function useDrawerAnimation({ isVisible, onUnmount, positionX, positionY, }: {
30
+ isVisible: boolean;
31
+ onUnmount?: () => void;
32
+ positionX?: EdgeX;
33
+ positionY?: EdgeY;
34
+ }): DrawerAnimation;