@paubox/ui 0.8.8 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import { css } from '@emotion/react';
3
2
  import styled from '@emotion/styled';
3
+ import { css } from '@emotion/react';
4
4
  import * as React from 'react';
5
5
  import React__default, { useState, useRef, forwardRef, useLayoutEffect, useEffect, createElement, cloneElement, Component, createRef, useCallback, useMemo } from 'react';
6
6
  import * as ReactDOM from 'react-dom';
@@ -34,7 +34,7 @@ function _object_spread$M(target) {
34
34
  }
35
35
  return target;
36
36
  }
37
- function ownKeys$G(object, enumerableOnly) {
37
+ function ownKeys$H(object, enumerableOnly) {
38
38
  var keys = Object.keys(object);
39
39
  if (Object.getOwnPropertySymbols) {
40
40
  var symbols = Object.getOwnPropertySymbols(object);
@@ -42,19 +42,19 @@ function ownKeys$G(object, enumerableOnly) {
42
42
  }
43
43
  return keys;
44
44
  }
45
- function _object_spread_props$G(target, source) {
45
+ function _object_spread_props$H(target, source) {
46
46
  source = source != null ? source : {};
47
47
  if (Object.getOwnPropertyDescriptors) {
48
48
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
49
49
  } else {
50
- ownKeys$G(Object(source)).forEach(function(key) {
50
+ ownKeys$H(Object(source)).forEach(function(key) {
51
51
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
52
52
  });
53
53
  }
54
54
  return target;
55
55
  }
56
56
  var Add = function(props) {
57
- return /*#__PURE__*/ jsx("svg", _object_spread_props$G(_object_spread$M({
57
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$H(_object_spread$M({
58
58
  width: "1em",
59
59
  height: "1em",
60
60
  viewBox: "0 0 16 16",
@@ -96,7 +96,7 @@ function _object_spread$L(target) {
96
96
  }
97
97
  return target;
98
98
  }
99
- function ownKeys$F(object, enumerableOnly) {
99
+ function ownKeys$G(object, enumerableOnly) {
100
100
  var keys = Object.keys(object);
101
101
  if (Object.getOwnPropertySymbols) {
102
102
  var symbols = Object.getOwnPropertySymbols(object);
@@ -104,19 +104,19 @@ function ownKeys$F(object, enumerableOnly) {
104
104
  }
105
105
  return keys;
106
106
  }
107
- function _object_spread_props$F(target, source) {
107
+ function _object_spread_props$G(target, source) {
108
108
  source = source != null ? source : {};
109
109
  if (Object.getOwnPropertyDescriptors) {
110
110
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
111
111
  } else {
112
- ownKeys$F(Object(source)).forEach(function(key) {
112
+ ownKeys$G(Object(source)).forEach(function(key) {
113
113
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
114
114
  });
115
115
  }
116
116
  return target;
117
117
  }
118
118
  var CalendarIcon$1 = function(props) {
119
- return /*#__PURE__*/ jsx("svg", _object_spread_props$F(_object_spread$L({
119
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$G(_object_spread$L({
120
120
  width: "1em",
121
121
  height: "1em",
122
122
  viewBox: "0 0 16 16",
@@ -158,7 +158,7 @@ function _object_spread$K(target) {
158
158
  }
159
159
  return target;
160
160
  }
161
- function ownKeys$E(object, enumerableOnly) {
161
+ function ownKeys$F(object, enumerableOnly) {
162
162
  var keys = Object.keys(object);
163
163
  if (Object.getOwnPropertySymbols) {
164
164
  var symbols = Object.getOwnPropertySymbols(object);
@@ -166,19 +166,19 @@ function ownKeys$E(object, enumerableOnly) {
166
166
  }
167
167
  return keys;
168
168
  }
169
- function _object_spread_props$E(target, source) {
169
+ function _object_spread_props$F(target, source) {
170
170
  source = source != null ? source : {};
171
171
  if (Object.getOwnPropertyDescriptors) {
172
172
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
173
173
  } else {
174
- ownKeys$E(Object(source)).forEach(function(key) {
174
+ ownKeys$F(Object(source)).forEach(function(key) {
175
175
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
176
176
  });
177
177
  }
178
178
  return target;
179
179
  }
180
180
  var Cancel = function(props) {
181
- return /*#__PURE__*/ jsx("svg", _object_spread_props$E(_object_spread$K({
181
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$F(_object_spread$K({
182
182
  width: "1em",
183
183
  height: "1em",
184
184
  viewBox: "0 0 16 16",
@@ -220,7 +220,7 @@ function _object_spread$J(target) {
220
220
  }
221
221
  return target;
222
222
  }
223
- function ownKeys$D(object, enumerableOnly) {
223
+ function ownKeys$E(object, enumerableOnly) {
224
224
  var keys = Object.keys(object);
225
225
  if (Object.getOwnPropertySymbols) {
226
226
  var symbols = Object.getOwnPropertySymbols(object);
@@ -228,19 +228,19 @@ function ownKeys$D(object, enumerableOnly) {
228
228
  }
229
229
  return keys;
230
230
  }
231
- function _object_spread_props$D(target, source) {
231
+ function _object_spread_props$E(target, source) {
232
232
  source = source != null ? source : {};
233
233
  if (Object.getOwnPropertyDescriptors) {
234
234
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
235
235
  } else {
236
- ownKeys$D(Object(source)).forEach(function(key) {
236
+ ownKeys$E(Object(source)).forEach(function(key) {
237
237
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
238
238
  });
239
239
  }
240
240
  return target;
241
241
  }
242
242
  var ChevronDown = function(props) {
243
- return /*#__PURE__*/ jsx("svg", _object_spread_props$D(_object_spread$J({
243
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$E(_object_spread$J({
244
244
  width: "1em",
245
245
  height: "1em",
246
246
  viewBox: "0 0 16 16",
@@ -286,7 +286,7 @@ function _object_spread$I(target) {
286
286
  }
287
287
  return target;
288
288
  }
289
- function ownKeys$C(object, enumerableOnly) {
289
+ function ownKeys$D(object, enumerableOnly) {
290
290
  var keys = Object.keys(object);
291
291
  if (Object.getOwnPropertySymbols) {
292
292
  var symbols = Object.getOwnPropertySymbols(object);
@@ -294,19 +294,19 @@ function ownKeys$C(object, enumerableOnly) {
294
294
  }
295
295
  return keys;
296
296
  }
297
- function _object_spread_props$C(target, source) {
297
+ function _object_spread_props$D(target, source) {
298
298
  source = source != null ? source : {};
299
299
  if (Object.getOwnPropertyDescriptors) {
300
300
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
301
301
  } else {
302
- ownKeys$C(Object(source)).forEach(function(key) {
302
+ ownKeys$D(Object(source)).forEach(function(key) {
303
303
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
304
304
  });
305
305
  }
306
306
  return target;
307
307
  }
308
308
  var ChevronLeft = function(props) {
309
- return /*#__PURE__*/ jsx("svg", _object_spread_props$C(_object_spread$I({
309
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$D(_object_spread$I({
310
310
  width: "1em",
311
311
  height: "1em",
312
312
  viewBox: "0 0 16 16",
@@ -352,7 +352,7 @@ function _object_spread$H(target) {
352
352
  }
353
353
  return target;
354
354
  }
355
- function ownKeys$B(object, enumerableOnly) {
355
+ function ownKeys$C(object, enumerableOnly) {
356
356
  var keys = Object.keys(object);
357
357
  if (Object.getOwnPropertySymbols) {
358
358
  var symbols = Object.getOwnPropertySymbols(object);
@@ -360,19 +360,19 @@ function ownKeys$B(object, enumerableOnly) {
360
360
  }
361
361
  return keys;
362
362
  }
363
- function _object_spread_props$B(target, source) {
363
+ function _object_spread_props$C(target, source) {
364
364
  source = source != null ? source : {};
365
365
  if (Object.getOwnPropertyDescriptors) {
366
366
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
367
367
  } else {
368
- ownKeys$B(Object(source)).forEach(function(key) {
368
+ ownKeys$C(Object(source)).forEach(function(key) {
369
369
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
370
370
  });
371
371
  }
372
372
  return target;
373
373
  }
374
374
  var ChevronRight = function(props) {
375
- return /*#__PURE__*/ jsx("svg", _object_spread_props$B(_object_spread$H({
375
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$C(_object_spread$H({
376
376
  width: "1em",
377
377
  height: "1em",
378
378
  viewBox: "0 0 16 16",
@@ -418,7 +418,7 @@ function _object_spread$G(target) {
418
418
  }
419
419
  return target;
420
420
  }
421
- function ownKeys$A(object, enumerableOnly) {
421
+ function ownKeys$B(object, enumerableOnly) {
422
422
  var keys = Object.keys(object);
423
423
  if (Object.getOwnPropertySymbols) {
424
424
  var symbols = Object.getOwnPropertySymbols(object);
@@ -426,19 +426,19 @@ function ownKeys$A(object, enumerableOnly) {
426
426
  }
427
427
  return keys;
428
428
  }
429
- function _object_spread_props$A(target, source) {
429
+ function _object_spread_props$B(target, source) {
430
430
  source = source != null ? source : {};
431
431
  if (Object.getOwnPropertyDescriptors) {
432
432
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
433
433
  } else {
434
- ownKeys$A(Object(source)).forEach(function(key) {
434
+ ownKeys$B(Object(source)).forEach(function(key) {
435
435
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
436
436
  });
437
437
  }
438
438
  return target;
439
439
  }
440
440
  var ChevronUp = function(props) {
441
- return /*#__PURE__*/ jsx("svg", _object_spread_props$A(_object_spread$G({
441
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$B(_object_spread$G({
442
442
  width: "1em",
443
443
  height: "1em",
444
444
  viewBox: "0 0 16 16",
@@ -484,7 +484,7 @@ function _object_spread$F(target) {
484
484
  }
485
485
  return target;
486
486
  }
487
- function ownKeys$z(object, enumerableOnly) {
487
+ function ownKeys$A(object, enumerableOnly) {
488
488
  var keys = Object.keys(object);
489
489
  if (Object.getOwnPropertySymbols) {
490
490
  var symbols = Object.getOwnPropertySymbols(object);
@@ -492,19 +492,19 @@ function ownKeys$z(object, enumerableOnly) {
492
492
  }
493
493
  return keys;
494
494
  }
495
- function _object_spread_props$z(target, source) {
495
+ function _object_spread_props$A(target, source) {
496
496
  source = source != null ? source : {};
497
497
  if (Object.getOwnPropertyDescriptors) {
498
498
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
499
499
  } else {
500
- ownKeys$z(Object(source)).forEach(function(key) {
500
+ ownKeys$A(Object(source)).forEach(function(key) {
501
501
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
502
502
  });
503
503
  }
504
504
  return target;
505
505
  }
506
506
  var Close = function(props) {
507
- return /*#__PURE__*/ jsx("svg", _object_spread_props$z(_object_spread$F({
507
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$A(_object_spread$F({
508
508
  width: "1em",
509
509
  height: "1em",
510
510
  viewBox: "0 0 20 20",
@@ -546,7 +546,7 @@ function _object_spread$E(target) {
546
546
  }
547
547
  return target;
548
548
  }
549
- function ownKeys$y(object, enumerableOnly) {
549
+ function ownKeys$z(object, enumerableOnly) {
550
550
  var keys = Object.keys(object);
551
551
  if (Object.getOwnPropertySymbols) {
552
552
  var symbols = Object.getOwnPropertySymbols(object);
@@ -554,19 +554,19 @@ function ownKeys$y(object, enumerableOnly) {
554
554
  }
555
555
  return keys;
556
556
  }
557
- function _object_spread_props$y(target, source) {
557
+ function _object_spread_props$z(target, source) {
558
558
  source = source != null ? source : {};
559
559
  if (Object.getOwnPropertyDescriptors) {
560
560
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
561
561
  } else {
562
- ownKeys$y(Object(source)).forEach(function(key) {
562
+ ownKeys$z(Object(source)).forEach(function(key) {
563
563
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
564
564
  });
565
565
  }
566
566
  return target;
567
567
  }
568
568
  var Delete = function(props) {
569
- return /*#__PURE__*/ jsx("svg", _object_spread_props$y(_object_spread$E({
569
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$z(_object_spread$E({
570
570
  width: "1em",
571
571
  height: "1em",
572
572
  viewBox: "0 0 16 16",
@@ -608,7 +608,7 @@ function _object_spread$D(target) {
608
608
  }
609
609
  return target;
610
610
  }
611
- function ownKeys$x(object, enumerableOnly) {
611
+ function ownKeys$y(object, enumerableOnly) {
612
612
  var keys = Object.keys(object);
613
613
  if (Object.getOwnPropertySymbols) {
614
614
  var symbols = Object.getOwnPropertySymbols(object);
@@ -616,19 +616,19 @@ function ownKeys$x(object, enumerableOnly) {
616
616
  }
617
617
  return keys;
618
618
  }
619
- function _object_spread_props$x(target, source) {
619
+ function _object_spread_props$y(target, source) {
620
620
  source = source != null ? source : {};
621
621
  if (Object.getOwnPropertyDescriptors) {
622
622
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
623
623
  } else {
624
- ownKeys$x(Object(source)).forEach(function(key) {
624
+ ownKeys$y(Object(source)).forEach(function(key) {
625
625
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
626
626
  });
627
627
  }
628
628
  return target;
629
629
  }
630
630
  var Edit = function(props) {
631
- return /*#__PURE__*/ jsx("svg", _object_spread_props$x(_object_spread$D({
631
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$y(_object_spread$D({
632
632
  width: "1em",
633
633
  height: "1em",
634
634
  viewBox: "0 0 16 16",
@@ -670,7 +670,7 @@ function _object_spread$C(target) {
670
670
  }
671
671
  return target;
672
672
  }
673
- function ownKeys$w(object, enumerableOnly) {
673
+ function ownKeys$x(object, enumerableOnly) {
674
674
  var keys = Object.keys(object);
675
675
  if (Object.getOwnPropertySymbols) {
676
676
  var symbols = Object.getOwnPropertySymbols(object);
@@ -678,19 +678,19 @@ function ownKeys$w(object, enumerableOnly) {
678
678
  }
679
679
  return keys;
680
680
  }
681
- function _object_spread_props$w(target, source) {
681
+ function _object_spread_props$x(target, source) {
682
682
  source = source != null ? source : {};
683
683
  if (Object.getOwnPropertyDescriptors) {
684
684
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
685
685
  } else {
686
- ownKeys$w(Object(source)).forEach(function(key) {
686
+ ownKeys$x(Object(source)).forEach(function(key) {
687
687
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
688
688
  });
689
689
  }
690
690
  return target;
691
691
  }
692
692
  var Error$1 = function(props) {
693
- return /*#__PURE__*/ jsx("svg", _object_spread_props$w(_object_spread$C({
693
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$x(_object_spread$C({
694
694
  width: "1em",
695
695
  height: "1em",
696
696
  viewBox: "0 0 24 24",
@@ -735,7 +735,7 @@ function _object_spread$B(target) {
735
735
  }
736
736
  return target;
737
737
  }
738
- function ownKeys$v(object, enumerableOnly) {
738
+ function ownKeys$w(object, enumerableOnly) {
739
739
  var keys = Object.keys(object);
740
740
  if (Object.getOwnPropertySymbols) {
741
741
  var symbols = Object.getOwnPropertySymbols(object);
@@ -743,19 +743,19 @@ function ownKeys$v(object, enumerableOnly) {
743
743
  }
744
744
  return keys;
745
745
  }
746
- function _object_spread_props$v(target, source) {
746
+ function _object_spread_props$w(target, source) {
747
747
  source = source != null ? source : {};
748
748
  if (Object.getOwnPropertyDescriptors) {
749
749
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
750
750
  } else {
751
- ownKeys$v(Object(source)).forEach(function(key) {
751
+ ownKeys$w(Object(source)).forEach(function(key) {
752
752
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
753
753
  });
754
754
  }
755
755
  return target;
756
756
  }
757
757
  var FilterList = function(props) {
758
- return /*#__PURE__*/ jsx("svg", _object_spread_props$v(_object_spread$B({
758
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$w(_object_spread$B({
759
759
  width: "1em",
760
760
  height: "1em",
761
761
  viewBox: "0 0 16 16",
@@ -797,7 +797,7 @@ function _object_spread$A(target) {
797
797
  }
798
798
  return target;
799
799
  }
800
- function ownKeys$u(object, enumerableOnly) {
800
+ function ownKeys$v(object, enumerableOnly) {
801
801
  var keys = Object.keys(object);
802
802
  if (Object.getOwnPropertySymbols) {
803
803
  var symbols = Object.getOwnPropertySymbols(object);
@@ -805,19 +805,19 @@ function ownKeys$u(object, enumerableOnly) {
805
805
  }
806
806
  return keys;
807
807
  }
808
- function _object_spread_props$u(target, source) {
808
+ function _object_spread_props$v(target, source) {
809
809
  source = source != null ? source : {};
810
810
  if (Object.getOwnPropertyDescriptors) {
811
811
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
812
812
  } else {
813
- ownKeys$u(Object(source)).forEach(function(key) {
813
+ ownKeys$v(Object(source)).forEach(function(key) {
814
814
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
815
815
  });
816
816
  }
817
817
  return target;
818
818
  }
819
819
  var Info = function(props) {
820
- return /*#__PURE__*/ jsx("svg", _object_spread_props$u(_object_spread$A({
820
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$v(_object_spread$A({
821
821
  width: "1em",
822
822
  height: "1em",
823
823
  viewBox: "0 0 24 24",
@@ -859,7 +859,7 @@ function _object_spread$z(target) {
859
859
  }
860
860
  return target;
861
861
  }
862
- function ownKeys$t(object, enumerableOnly) {
862
+ function ownKeys$u(object, enumerableOnly) {
863
863
  var keys = Object.keys(object);
864
864
  if (Object.getOwnPropertySymbols) {
865
865
  var symbols = Object.getOwnPropertySymbols(object);
@@ -867,12 +867,12 @@ function ownKeys$t(object, enumerableOnly) {
867
867
  }
868
868
  return keys;
869
869
  }
870
- function _object_spread_props$t(target, source) {
870
+ function _object_spread_props$u(target, source) {
871
871
  source = source != null ? source : {};
872
872
  if (Object.getOwnPropertyDescriptors) {
873
873
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
874
874
  } else {
875
- ownKeys$t(Object(source)).forEach(function(key) {
875
+ ownKeys$u(Object(source)).forEach(function(key) {
876
876
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
877
877
  });
878
878
  }
@@ -899,7 +899,7 @@ function _templateObject$q() {
899
899
  }
900
900
  var RotatingSvg = styled.svg(_templateObject$q());
901
901
  var LoadingWheel = function(props) {
902
- return /*#__PURE__*/ jsxs(RotatingSvg, _object_spread_props$t(_object_spread$z({
902
+ return /*#__PURE__*/ jsxs(RotatingSvg, _object_spread_props$u(_object_spread$z({
903
903
  width: "1em",
904
904
  height: "1em",
905
905
  viewBox: "0 0 56 56",
@@ -950,7 +950,7 @@ function _object_spread$y(target) {
950
950
  }
951
951
  return target;
952
952
  }
953
- function ownKeys$s(object, enumerableOnly) {
953
+ function ownKeys$t(object, enumerableOnly) {
954
954
  var keys = Object.keys(object);
955
955
  if (Object.getOwnPropertySymbols) {
956
956
  var symbols = Object.getOwnPropertySymbols(object);
@@ -958,19 +958,19 @@ function ownKeys$s(object, enumerableOnly) {
958
958
  }
959
959
  return keys;
960
960
  }
961
- function _object_spread_props$s(target, source) {
961
+ function _object_spread_props$t(target, source) {
962
962
  source = source != null ? source : {};
963
963
  if (Object.getOwnPropertyDescriptors) {
964
964
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
965
965
  } else {
966
- ownKeys$s(Object(source)).forEach(function(key) {
966
+ ownKeys$t(Object(source)).forEach(function(key) {
967
967
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
968
968
  });
969
969
  }
970
970
  return target;
971
971
  }
972
972
  var MoreVertical = function(props) {
973
- return /*#__PURE__*/ jsx("svg", _object_spread_props$s(_object_spread$y({
973
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$t(_object_spread$y({
974
974
  width: "1em",
975
975
  height: "1em",
976
976
  viewBox: "0 0 16 16",
@@ -1012,7 +1012,7 @@ function _object_spread$x(target) {
1012
1012
  }
1013
1013
  return target;
1014
1014
  }
1015
- function ownKeys$r(object, enumerableOnly) {
1015
+ function ownKeys$s(object, enumerableOnly) {
1016
1016
  var keys = Object.keys(object);
1017
1017
  if (Object.getOwnPropertySymbols) {
1018
1018
  var symbols = Object.getOwnPropertySymbols(object);
@@ -1020,19 +1020,19 @@ function ownKeys$r(object, enumerableOnly) {
1020
1020
  }
1021
1021
  return keys;
1022
1022
  }
1023
- function _object_spread_props$r(target, source) {
1023
+ function _object_spread_props$s(target, source) {
1024
1024
  source = source != null ? source : {};
1025
1025
  if (Object.getOwnPropertyDescriptors) {
1026
1026
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1027
1027
  } else {
1028
- ownKeys$r(Object(source)).forEach(function(key) {
1028
+ ownKeys$s(Object(source)).forEach(function(key) {
1029
1029
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1030
1030
  });
1031
1031
  }
1032
1032
  return target;
1033
1033
  }
1034
1034
  var Return = function(props) {
1035
- return /*#__PURE__*/ jsx("svg", _object_spread_props$r(_object_spread$x({
1035
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$s(_object_spread$x({
1036
1036
  width: "1em",
1037
1037
  height: "1em",
1038
1038
  viewBox: "0 0 16 16",
@@ -1075,7 +1075,7 @@ function _object_spread$w(target) {
1075
1075
  }
1076
1076
  return target;
1077
1077
  }
1078
- function ownKeys$q(object, enumerableOnly) {
1078
+ function ownKeys$r(object, enumerableOnly) {
1079
1079
  var keys = Object.keys(object);
1080
1080
  if (Object.getOwnPropertySymbols) {
1081
1081
  var symbols = Object.getOwnPropertySymbols(object);
@@ -1083,19 +1083,19 @@ function ownKeys$q(object, enumerableOnly) {
1083
1083
  }
1084
1084
  return keys;
1085
1085
  }
1086
- function _object_spread_props$q(target, source) {
1086
+ function _object_spread_props$r(target, source) {
1087
1087
  source = source != null ? source : {};
1088
1088
  if (Object.getOwnPropertyDescriptors) {
1089
1089
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1090
1090
  } else {
1091
- ownKeys$q(Object(source)).forEach(function(key) {
1091
+ ownKeys$r(Object(source)).forEach(function(key) {
1092
1092
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1093
1093
  });
1094
1094
  }
1095
1095
  return target;
1096
1096
  }
1097
1097
  var SearchIcon = function(props) {
1098
- return /*#__PURE__*/ jsx("svg", _object_spread_props$q(_object_spread$w({
1098
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$r(_object_spread$w({
1099
1099
  width: "1em",
1100
1100
  height: "1em",
1101
1101
  viewBox: "0 0 16 16",
@@ -1137,7 +1137,7 @@ function _object_spread$v(target) {
1137
1137
  }
1138
1138
  return target;
1139
1139
  }
1140
- function ownKeys$p(object, enumerableOnly) {
1140
+ function ownKeys$q(object, enumerableOnly) {
1141
1141
  var keys = Object.keys(object);
1142
1142
  if (Object.getOwnPropertySymbols) {
1143
1143
  var symbols = Object.getOwnPropertySymbols(object);
@@ -1145,19 +1145,19 @@ function ownKeys$p(object, enumerableOnly) {
1145
1145
  }
1146
1146
  return keys;
1147
1147
  }
1148
- function _object_spread_props$p(target, source) {
1148
+ function _object_spread_props$q(target, source) {
1149
1149
  source = source != null ? source : {};
1150
1150
  if (Object.getOwnPropertyDescriptors) {
1151
1151
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1152
1152
  } else {
1153
- ownKeys$p(Object(source)).forEach(function(key) {
1153
+ ownKeys$q(Object(source)).forEach(function(key) {
1154
1154
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1155
1155
  });
1156
1156
  }
1157
1157
  return target;
1158
1158
  }
1159
1159
  var Success = function(props) {
1160
- return /*#__PURE__*/ jsx("svg", _object_spread_props$p(_object_spread$v({
1160
+ return /*#__PURE__*/ jsx("svg", _object_spread_props$q(_object_spread$v({
1161
1161
  width: "1em",
1162
1162
  height: "1em",
1163
1163
  viewBox: "0 0 24 24",
@@ -1199,7 +1199,7 @@ function _object_spread$u(target) {
1199
1199
  }
1200
1200
  return target;
1201
1201
  }
1202
- function ownKeys$o(object, enumerableOnly) {
1202
+ function ownKeys$p(object, enumerableOnly) {
1203
1203
  var keys = Object.keys(object);
1204
1204
  if (Object.getOwnPropertySymbols) {
1205
1205
  var symbols = Object.getOwnPropertySymbols(object);
@@ -1207,19 +1207,19 @@ function ownKeys$o(object, enumerableOnly) {
1207
1207
  }
1208
1208
  return keys;
1209
1209
  }
1210
- function _object_spread_props$o(target, source) {
1210
+ function _object_spread_props$p(target, source) {
1211
1211
  source = source != null ? source : {};
1212
1212
  if (Object.getOwnPropertyDescriptors) {
1213
1213
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1214
1214
  } else {
1215
- ownKeys$o(Object(source)).forEach(function(key) {
1215
+ ownKeys$p(Object(source)).forEach(function(key) {
1216
1216
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1217
1217
  });
1218
1218
  }
1219
1219
  return target;
1220
1220
  }
1221
1221
  var Warning = function(props) {
1222
- return /*#__PURE__*/ jsxs("svg", _object_spread_props$o(_object_spread$u({
1222
+ return /*#__PURE__*/ jsxs("svg", _object_spread_props$p(_object_spread$u({
1223
1223
  width: "1em",
1224
1224
  height: "1em",
1225
1225
  viewBox: "0 0 24 24",
@@ -1663,7 +1663,7 @@ function _templateObject5$3() {
1663
1663
  };
1664
1664
  return data;
1665
1665
  }
1666
- function _templateObject6$2() {
1666
+ function _templateObject6$1() {
1667
1667
  var data = _tagged_template_literal$o([
1668
1668
  "\n ",
1669
1669
  "\n font-size: ",
@@ -1671,12 +1671,12 @@ function _templateObject6$2() {
1671
1671
  "rem;\n letter-spacing: ",
1672
1672
  "px;\n font-weight: 600;\n"
1673
1673
  ]);
1674
- _templateObject6$2 = function _templateObject() {
1674
+ _templateObject6$1 = function _templateObject() {
1675
1675
  return data;
1676
1676
  };
1677
1677
  return data;
1678
1678
  }
1679
- function _templateObject7$1() {
1679
+ function _templateObject7() {
1680
1680
  var data = _tagged_template_literal$o([
1681
1681
  "\n ",
1682
1682
  "\n font-size: ",
@@ -1684,12 +1684,12 @@ function _templateObject7$1() {
1684
1684
  "rem;\n letter-spacing: ",
1685
1685
  "px;\n font-weight: 400;\n"
1686
1686
  ]);
1687
- _templateObject7$1 = function _templateObject() {
1687
+ _templateObject7 = function _templateObject() {
1688
1688
  return data;
1689
1689
  };
1690
1690
  return data;
1691
1691
  }
1692
- function _templateObject8$1() {
1692
+ function _templateObject8() {
1693
1693
  var data = _tagged_template_literal$o([
1694
1694
  "\n ",
1695
1695
  "\n font-size: ",
@@ -1697,12 +1697,12 @@ function _templateObject8$1() {
1697
1697
  "rem;\n letter-spacing: ",
1698
1698
  "px;\n font-weight: 600;\n"
1699
1699
  ]);
1700
- _templateObject8$1 = function _templateObject() {
1700
+ _templateObject8 = function _templateObject() {
1701
1701
  return data;
1702
1702
  };
1703
1703
  return data;
1704
1704
  }
1705
- function _templateObject9$1() {
1705
+ function _templateObject9() {
1706
1706
  var data = _tagged_template_literal$o([
1707
1707
  "\n ",
1708
1708
  "\n font-size: ",
@@ -1710,12 +1710,12 @@ function _templateObject9$1() {
1710
1710
  "rem;\n letter-spacing: ",
1711
1711
  "px;\n font-weight: 400;\n"
1712
1712
  ]);
1713
- _templateObject9$1 = function _templateObject() {
1713
+ _templateObject9 = function _templateObject() {
1714
1714
  return data;
1715
1715
  };
1716
1716
  return data;
1717
1717
  }
1718
- function _templateObject10$1() {
1718
+ function _templateObject10() {
1719
1719
  var data = _tagged_template_literal$o([
1720
1720
  "\n ",
1721
1721
  "\n font-size: ",
@@ -1723,7 +1723,7 @@ function _templateObject10$1() {
1723
1723
  "rem;\n letter-spacing: ",
1724
1724
  "px;\n font-weight: 600;\n"
1725
1725
  ]);
1726
- _templateObject10$1 = function _templateObject() {
1726
+ _templateObject10 = function _templateObject() {
1727
1727
  return data;
1728
1728
  };
1729
1729
  return data;
@@ -1930,12 +1930,12 @@ var $headline100Semibold = css(_templateObject2$a(), commonStyles, headline100Fo
1930
1930
  var $headline200Regular = css(_templateObject3$7(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
1931
1931
  var $headline200Semibold = css(_templateObject4$5(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
1932
1932
  var $headline300Regular = css(_templateObject5$3(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
1933
- var $headline300Semibold = css(_templateObject6$2(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
1933
+ var $headline300Semibold = css(_templateObject6$1(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
1934
1934
  // PARAGRAPH
1935
- var $paragraph100Regular = css(_templateObject7$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
1936
- var $paragraph100Semibold = css(_templateObject8$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
1937
- var $paragraph200Regular = css(_templateObject9$1(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
1938
- var $paragraph200Semibold = css(_templateObject10$1(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
1935
+ var $paragraph100Regular = css(_templateObject7(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
1936
+ var $paragraph100Semibold = css(_templateObject8(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
1937
+ var $paragraph200Regular = css(_templateObject9(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
1938
+ var $paragraph200Semibold = css(_templateObject10(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
1939
1939
  var $paragraph300Regular = css(_templateObject11(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
1940
1940
  var $paragraph300Medium = css(_templateObject12(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
1941
1941
  var $paragraph300Semibold = css(_templateObject13(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
@@ -2041,9 +2041,10 @@ function _unsupported_iterable_to_array$i(o, minLen) {
2041
2041
  }
2042
2042
  function _templateObject$n() {
2043
2043
  var data = _tagged_template_literal$n([
2044
- "\n padding: ",
2045
- ";\n margin: 10px;\n border-radius: 5px;\n color: ",
2046
- ";\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 0.5rem;\n "
2044
+ "\n padding: ",
2045
+ ";\n margin: 10px;\n border-radius: 5px;\n color: ",
2046
+ ";\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 0.5rem;\n background-color: ",
2047
+ ";\n"
2047
2048
  ]);
2048
2049
  _templateObject$n = function _templateObject() {
2049
2050
  return data;
@@ -2052,8 +2053,8 @@ function _templateObject$n() {
2052
2053
  }
2053
2054
  function _templateObject1$c() {
2054
2055
  var data = _tagged_template_literal$n([
2055
- "\n ",
2056
- "\n margin: 0;\n "
2056
+ "\n ",
2057
+ ";\n margin: 0;\n"
2057
2058
  ]);
2058
2059
  _templateObject1$c = function _templateObject() {
2059
2060
  return data;
@@ -2062,8 +2063,8 @@ function _templateObject1$c() {
2062
2063
  }
2063
2064
  function _templateObject2$9() {
2064
2065
  var data = _tagged_template_literal$n([
2065
- "\n ",
2066
- "\n margin: 0;\n "
2066
+ "\n ",
2067
+ ";\n margin: 0;\n"
2067
2068
  ]);
2068
2069
  _templateObject2$9 = function _templateObject() {
2069
2070
  return data;
@@ -2072,8 +2073,8 @@ function _templateObject2$9() {
2072
2073
  }
2073
2074
  function _templateObject3$6() {
2074
2075
  var data = _tagged_template_literal$n([
2075
- "\n background-color: ",
2076
- ";\n "
2076
+ "\n font-size: 1.5rem;\n color: ",
2077
+ ";\n margin-bottom: auto;\n flex-shrink: 0;\n"
2077
2078
  ]);
2078
2079
  _templateObject3$6 = function _templateObject() {
2079
2080
  return data;
@@ -2082,8 +2083,7 @@ function _templateObject3$6() {
2082
2083
  }
2083
2084
  function _templateObject4$4() {
2084
2085
  var data = _tagged_template_literal$n([
2085
- "\n background-color: ",
2086
- ";\n "
2086
+ "\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n"
2087
2087
  ]);
2088
2088
  _templateObject4$4 = function _templateObject() {
2089
2089
  return data;
@@ -2092,65 +2092,36 @@ function _templateObject4$4() {
2092
2092
  }
2093
2093
  function _templateObject5$2() {
2094
2094
  var data = _tagged_template_literal$n([
2095
- "\n background-color: ",
2096
- ";\n "
2095
+ "\n background-color: transparent;\n border: none;\n color: ",
2096
+ ";\n cursor: pointer;\n padding: 0.25rem;\n font-size: 0.75rem;\n margin-left: ",
2097
+ ";\n"
2097
2098
  ]);
2098
2099
  _templateObject5$2 = function _templateObject() {
2099
2100
  return data;
2100
2101
  };
2101
2102
  return data;
2102
2103
  }
2103
- function _templateObject6$1() {
2104
- var data = _tagged_template_literal$n([
2105
- "\n background-color: ",
2106
- ";\n "
2107
- ]);
2108
- _templateObject6$1 = function _templateObject() {
2109
- return data;
2110
- };
2111
- return data;
2112
- }
2113
- function _templateObject7() {
2114
- var data = _tagged_template_literal$n([
2115
- "\n font-size: 1.5rem;\n color: ",
2116
- ";\n margin-bottom: auto;\n flex-shrink: 0;\n "
2117
- ]);
2118
- _templateObject7 = function _templateObject() {
2119
- return data;
2120
- };
2121
- return data;
2122
- }
2123
- function _templateObject8() {
2124
- var data = _tagged_template_literal$n([
2125
- "\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n "
2126
- ]);
2127
- _templateObject8 = function _templateObject() {
2128
- return data;
2129
- };
2130
- return data;
2131
- }
2132
- function _templateObject9() {
2133
- var data = _tagged_template_literal$n([
2134
- "\n background-color: transparent;\n border: none;\n color: ",
2135
- ";\n cursor: pointer;\n padding: 0.25rem;\n font-size: 0.75;\n margin-left: ",
2136
- ";\n "
2137
- ]);
2138
- _templateObject9 = function _templateObject() {
2139
- return data;
2140
- };
2141
- return data;
2142
- }
2143
- function _templateObject10() {
2144
- var data = _tagged_template_literal$n([
2145
- "\n ",
2146
- "\n ",
2147
- "\n "
2148
- ]);
2149
- _templateObject10 = function _templateObject() {
2150
- return data;
2151
- };
2152
- return data;
2153
- }
2104
+ var AlertContainer = styled.div(_templateObject$n(), function(param) {
2105
+ var size = param.size;
2106
+ return size === 'large' ? '1rem' : '0.5rem 0.625rem';
2107
+ }, neutral900, function(param) {
2108
+ var type = param.type;
2109
+ return type === 'info' ? primary100 : type === 'warning' ? warning100 : type === 'error' ? danger100 : success100;
2110
+ });
2111
+ var Title = styled.h1(_templateObject1$c(), function(param) {
2112
+ var size = param.size;
2113
+ return size === 'large' ? $paragraph100Semibold : $paragraph200Regular;
2114
+ });
2115
+ var Text = styled.p(_templateObject2$9(), $paragraph200Regular);
2116
+ var StyledIcon = styled.div(_templateObject3$6(), function(param) {
2117
+ var type = param.type;
2118
+ return type === 'info' ? primary700 : type === 'error' ? danger700 : type === 'success' ? success700 : warning700;
2119
+ });
2120
+ var TextWrapper = styled.div(_templateObject4$4());
2121
+ var TruncaterButton = styled.button(_templateObject5$2(), primary700, function(param) {
2122
+ var isExpanded = param.isExpanded;
2123
+ return !isExpanded ? '0' : '0.25rem';
2124
+ });
2154
2125
  var AlertBar = function(props) {
2155
2126
  var title = props.title, _props_text = props.text, text = _props_text === void 0 ? '' : _props_text, _props_size = props.size, size = _props_size === void 0 ? 'small' : _props_size, _props_type = props.type, type = _props_type === void 0 ? 'info' : _props_type;
2156
2127
  var _useState = _sliced_to_array$e(useState(false), 2), isExpanded = _useState[0], setIsExpanded = _useState[1];
@@ -2158,18 +2129,6 @@ var AlertBar = function(props) {
2158
2129
  var isTooLong = text.length > maxLength;
2159
2130
  var displayText = isExpanded || !isTooLong ? text : "".concat(text.slice(0, maxLength), "...");
2160
2131
  var textRef = useRef(null);
2161
- var alertBaseStyles = css(_templateObject$n(), size === 'large' ? '1rem' : '0.5rem 0.625rem ', neutral900);
2162
- var titleStyles = css(_templateObject1$c(), size === 'large' ? $paragraph100Semibold : $paragraph200Regular);
2163
- var textStyles = css(_templateObject2$9(), $paragraph200Regular);
2164
- var alertStyles = {
2165
- info: css(_templateObject3$6(), primary100),
2166
- warning: css(_templateObject4$4(), warning100),
2167
- error: css(_templateObject5$2(), danger100),
2168
- success: css(_templateObject6$1(), success100)
2169
- };
2170
- var iconStyles = css(_templateObject7(), type === 'info' ? "".concat(primary700) : type === 'error' ? "".concat(danger700) : type === 'success' ? "".concat(success700) : "".concat(warning700));
2171
- var textWrapperStyles = css(_templateObject8());
2172
- var truncaterButtonStyles = css(_templateObject9(), primary700, !isExpanded ? '0' : '0.25rem');
2173
2132
  var icon = {
2174
2133
  info: Info,
2175
2134
  warning: Warning,
@@ -2177,26 +2136,26 @@ var AlertBar = function(props) {
2177
2136
  success: Success
2178
2137
  };
2179
2138
  var Icon = icon[type];
2180
- return /*#__PURE__*/ jsxs("div", {
2181
- css: css(_templateObject10(), alertBaseStyles, alertStyles[type]),
2139
+ return /*#__PURE__*/ jsxs(AlertContainer, {
2140
+ type: type,
2141
+ size: size,
2182
2142
  children: [
2183
- /*#__PURE__*/ jsx(Icon, {
2184
- css: iconStyles
2143
+ /*#__PURE__*/ jsx(StyledIcon, {
2144
+ type: type,
2145
+ children: /*#__PURE__*/ jsx(Icon, {})
2185
2146
  }),
2186
- /*#__PURE__*/ jsxs("div", {
2187
- css: textWrapperStyles,
2147
+ /*#__PURE__*/ jsxs(TextWrapper, {
2188
2148
  children: [
2189
- /*#__PURE__*/ jsx("h1", {
2190
- css: titleStyles,
2149
+ /*#__PURE__*/ jsx(Title, {
2150
+ size: size,
2191
2151
  children: title
2192
2152
  }),
2193
- text && /*#__PURE__*/ jsxs("p", {
2153
+ text && /*#__PURE__*/ jsxs(Text, {
2194
2154
  ref: textRef,
2195
- css: textStyles,
2196
2155
  children: [
2197
2156
  displayText,
2198
- isTooLong && /*#__PURE__*/ jsx("button", {
2199
- css: truncaterButtonStyles,
2157
+ isTooLong && /*#__PURE__*/ jsx(TruncaterButton, {
2158
+ isExpanded: isExpanded,
2200
2159
  type: "button",
2201
2160
  onClick: function() {
2202
2161
  return setIsExpanded(!isExpanded);
@@ -2338,7 +2297,7 @@ function _object_spread$t(target) {
2338
2297
  }
2339
2298
  return target;
2340
2299
  }
2341
- function ownKeys$n(object, enumerableOnly) {
2300
+ function ownKeys$o(object, enumerableOnly) {
2342
2301
  var keys = Object.keys(object);
2343
2302
  if (Object.getOwnPropertySymbols) {
2344
2303
  var symbols = Object.getOwnPropertySymbols(object);
@@ -2346,12 +2305,12 @@ function ownKeys$n(object, enumerableOnly) {
2346
2305
  }
2347
2306
  return keys;
2348
2307
  }
2349
- function _object_spread_props$n(target, source) {
2308
+ function _object_spread_props$o(target, source) {
2350
2309
  source = source != null ? source : {};
2351
2310
  if (Object.getOwnPropertyDescriptors) {
2352
2311
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
2353
2312
  } else {
2354
- ownKeys$n(Object(source)).forEach(function(key) {
2313
+ ownKeys$o(Object(source)).forEach(function(key) {
2355
2314
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
2356
2315
  });
2357
2316
  }
@@ -2414,7 +2373,7 @@ var Button = /*#__PURE__*/ forwardRef(function(_param, ref) {
2414
2373
  "type",
2415
2374
  "children"
2416
2375
  ]);
2417
- return /*#__PURE__*/ jsxs(BaseButton, _object_spread_props$n(_object_spread$t({
2376
+ return /*#__PURE__*/ jsxs(BaseButton, _object_spread_props$o(_object_spread$t({
2418
2377
  ref: ref,
2419
2378
  type: type
2420
2379
  }, props), {
@@ -13442,7 +13401,7 @@ function _object_spread$r(target) {
13442
13401
  }
13443
13402
  return target;
13444
13403
  }
13445
- function ownKeys$m(object, enumerableOnly) {
13404
+ function ownKeys$n(object, enumerableOnly) {
13446
13405
  var keys = Object.keys(object);
13447
13406
  if (Object.getOwnPropertySymbols) {
13448
13407
  var symbols = Object.getOwnPropertySymbols(object);
@@ -13450,12 +13409,12 @@ function ownKeys$m(object, enumerableOnly) {
13450
13409
  }
13451
13410
  return keys;
13452
13411
  }
13453
- function _object_spread_props$m(target, source) {
13412
+ function _object_spread_props$n(target, source) {
13454
13413
  source = source != null ? source : {};
13455
13414
  if (Object.getOwnPropertyDescriptors) {
13456
13415
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
13457
13416
  } else {
13458
- ownKeys$m(Object(source)).forEach(function(key) {
13417
+ ownKeys$n(Object(source)).forEach(function(key) {
13459
13418
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
13460
13419
  });
13461
13420
  }
@@ -13713,7 +13672,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
13713
13672
  _ref = _state.sent(), nextX = _ref.x, nextY = _ref.y, data = _ref.data, reset = _ref.reset;
13714
13673
  x = nextX != null ? nextX : x;
13715
13674
  y = nextY != null ? nextY : y;
13716
- middlewareData = _object_spread_props$m(_object_spread$r({}, middlewareData), _define_property$r({}, name, _object_spread$r({}, middlewareData[name], data)));
13675
+ middlewareData = _object_spread_props$n(_object_spread$r({}, middlewareData), _define_property$r({}, name, _object_spread$r({}, middlewareData[name], data)));
13717
13676
  if (!(reset && resetCount <= 50)) return [
13718
13677
  3,
13719
13678
  10
@@ -14284,7 +14243,7 @@ function _convertValueToCoords() {
14284
14243
  {
14285
14244
  x: x + diffCoords.x,
14286
14245
  y: y + diffCoords.y,
14287
- data: _object_spread_props$m(_object_spread$r({}, diffCoords), {
14246
+ data: _object_spread_props$n(_object_spread$r({}, diffCoords), {
14288
14247
  placement: placement
14289
14248
  })
14290
14249
  }
@@ -14397,7 +14356,7 @@ function _object_spread$q(target) {
14397
14356
  }
14398
14357
  return target;
14399
14358
  }
14400
- function ownKeys$l(object, enumerableOnly) {
14359
+ function ownKeys$m(object, enumerableOnly) {
14401
14360
  var keys = Object.keys(object);
14402
14361
  if (Object.getOwnPropertySymbols) {
14403
14362
  var symbols = Object.getOwnPropertySymbols(object);
@@ -14405,12 +14364,12 @@ function ownKeys$l(object, enumerableOnly) {
14405
14364
  }
14406
14365
  return keys;
14407
14366
  }
14408
- function _object_spread_props$l(target, source) {
14367
+ function _object_spread_props$m(target, source) {
14409
14368
  source = source != null ? source : {};
14410
14369
  if (Object.getOwnPropertyDescriptors) {
14411
14370
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
14412
14371
  } else {
14413
- ownKeys$l(Object(source)).forEach(function(key) {
14372
+ ownKeys$m(Object(source)).forEach(function(key) {
14414
14373
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
14415
14374
  });
14416
14375
  }
@@ -14757,7 +14716,7 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
14757
14716
  rect = getInnerBoundingClientRect(clippingAncestor, strategy);
14758
14717
  } else {
14759
14718
  var visualOffsets = getVisualOffsets(element);
14760
- rect = _object_spread_props$l(_object_spread$q({}, clippingAncestor), {
14719
+ rect = _object_spread_props$m(_object_spread$q({}, clippingAncestor), {
14761
14720
  x: clippingAncestor.x - visualOffsets.x,
14762
14721
  y: clippingAncestor.y - visualOffsets.y
14763
14722
  });
@@ -15042,7 +15001,7 @@ function observeMove(element, onMove) {
15042
15001
  // Older browsers don't support a `document` as the root and will throw an
15043
15002
  // error.
15044
15003
  try {
15045
- io = new IntersectionObserver(handleObserve, _object_spread_props$l(_object_spread$q({}, options), {
15004
+ io = new IntersectionObserver(handleObserve, _object_spread_props$m(_object_spread$q({}, options), {
15046
15005
  // Handle <iframe>s
15047
15006
  root: root.ownerDocument
15048
15007
  }));
@@ -15154,10 +15113,10 @@ function observeMove(element, onMove) {
15154
15113
  var mergedOptions = _object_spread$q({
15155
15114
  platform: platform
15156
15115
  }, options);
15157
- var platformWithCache = _object_spread_props$l(_object_spread$q({}, mergedOptions.platform), {
15116
+ var platformWithCache = _object_spread_props$m(_object_spread$q({}, mergedOptions.platform), {
15158
15117
  _c: cache
15159
15118
  });
15160
- return computePosition$1(reference, floating, _object_spread_props$l(_object_spread$q({}, mergedOptions), {
15119
+ return computePosition$1(reference, floating, _object_spread_props$m(_object_spread$q({}, mergedOptions), {
15161
15120
  platform: platformWithCache
15162
15121
  }));
15163
15122
  };
@@ -15225,7 +15184,7 @@ function _object_spread$p(target) {
15225
15184
  }
15226
15185
  return target;
15227
15186
  }
15228
- function ownKeys$k(object, enumerableOnly) {
15187
+ function ownKeys$l(object, enumerableOnly) {
15229
15188
  var keys = Object.keys(object);
15230
15189
  if (Object.getOwnPropertySymbols) {
15231
15190
  var symbols = Object.getOwnPropertySymbols(object);
@@ -15233,12 +15192,12 @@ function ownKeys$k(object, enumerableOnly) {
15233
15192
  }
15234
15193
  return keys;
15235
15194
  }
15236
- function _object_spread_props$k(target, source) {
15195
+ function _object_spread_props$l(target, source) {
15237
15196
  source = source != null ? source : {};
15238
15197
  if (Object.getOwnPropertyDescriptors) {
15239
15198
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
15240
15199
  } else {
15241
- ownKeys$k(Object(source)).forEach(function(key) {
15200
+ ownKeys$l(Object(source)).forEach(function(key) {
15242
15201
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
15243
15202
  });
15244
15203
  }
@@ -15383,7 +15342,7 @@ function useLatestRef(value) {
15383
15342
  config.platform = platformRef.current;
15384
15343
  }
15385
15344
  computePosition(referenceRef.current, floatingRef.current, config).then(function(data) {
15386
- var fullData = _object_spread_props$k(_object_spread$p({}, data), {
15345
+ var fullData = _object_spread_props$l(_object_spread$p({}, data), {
15387
15346
  // The floating element's position may be recomputed while it's closed
15388
15347
  // but still mounted (such as when transitioning out). To ensure
15389
15348
  // `isPositioned` will be `false` initially on the next open, avoid
@@ -15408,7 +15367,7 @@ function useLatestRef(value) {
15408
15367
  if (open === false && dataRef.current.isPositioned) {
15409
15368
  dataRef.current.isPositioned = false;
15410
15369
  setData(function(data) {
15411
- return _object_spread_props$k(_object_spread$p({}, data), {
15370
+ return _object_spread_props$l(_object_spread$p({}, data), {
15412
15371
  isPositioned: false
15413
15372
  });
15414
15373
  });
@@ -15471,7 +15430,7 @@ function useLatestRef(value) {
15471
15430
  var x = roundByDPR(elements.floating, data.x);
15472
15431
  var y = roundByDPR(elements.floating, data.y);
15473
15432
  if (transform) {
15474
- return _object_spread$p(_object_spread_props$k(_object_spread$p({}, initialStyles), {
15433
+ return _object_spread$p(_object_spread_props$l(_object_spread$p({}, initialStyles), {
15475
15434
  transform: "translate(" + x + "px, " + y + "px)"
15476
15435
  }), getDPR(elements.floating) >= 1.5 && {
15477
15436
  willChange: 'transform'
@@ -15490,7 +15449,7 @@ function useLatestRef(value) {
15490
15449
  data.y
15491
15450
  ]);
15492
15451
  return React.useMemo(function() {
15493
- return _object_spread_props$k(_object_spread$p({}, data), {
15452
+ return _object_spread_props$l(_object_spread$p({}, data), {
15494
15453
  update: update,
15495
15454
  refs: refs,
15496
15455
  elements: elements,
@@ -15544,7 +15503,7 @@ function useLatestRef(value) {
15544
15503
  * object may be passed.
15545
15504
  * @see https://floating-ui.com/docs/offset
15546
15505
  */ var offset = function(options, deps) {
15547
- return _object_spread_props$k(_object_spread$p({}, offset$1(options)), {
15506
+ return _object_spread_props$l(_object_spread$p({}, offset$1(options)), {
15548
15507
  options: [
15549
15508
  options,
15550
15509
  deps
@@ -15557,7 +15516,7 @@ function useLatestRef(value) {
15557
15516
  * clipping boundary. Alternative to `autoPlacement`.
15558
15517
  * @see https://floating-ui.com/docs/flip
15559
15518
  */ var flip = function(options, deps) {
15560
- return _object_spread_props$k(_object_spread$p({}, flip$1(options)), {
15519
+ return _object_spread_props$l(_object_spread$p({}, flip$1(options)), {
15561
15520
  options: [
15562
15521
  options,
15563
15522
  deps
@@ -15570,7 +15529,7 @@ function useLatestRef(value) {
15570
15529
  * This wraps the core `arrow` middleware to allow React refs as the element.
15571
15530
  * @see https://floating-ui.com/docs/arrow
15572
15531
  */ var arrow = function(options, deps) {
15573
- return _object_spread_props$k(_object_spread$p({}, arrow$1(options)), {
15532
+ return _object_spread_props$l(_object_spread$p({}, arrow$1(options)), {
15574
15533
  options: [
15575
15534
  options,
15576
15535
  deps
@@ -15650,7 +15609,7 @@ function _object_spread$o(target) {
15650
15609
  }
15651
15610
  return target;
15652
15611
  }
15653
- function ownKeys$j(object, enumerableOnly) {
15612
+ function ownKeys$k(object, enumerableOnly) {
15654
15613
  var keys = Object.keys(object);
15655
15614
  if (Object.getOwnPropertySymbols) {
15656
15615
  var symbols = Object.getOwnPropertySymbols(object);
@@ -15658,12 +15617,12 @@ function ownKeys$j(object, enumerableOnly) {
15658
15617
  }
15659
15618
  return keys;
15660
15619
  }
15661
- function _object_spread_props$j(target, source) {
15620
+ function _object_spread_props$k(target, source) {
15662
15621
  source = source != null ? source : {};
15663
15622
  if (Object.getOwnPropertyDescriptors) {
15664
15623
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
15665
15624
  } else {
15666
- ownKeys$j(Object(source)).forEach(function(key) {
15625
+ ownKeys$k(Object(source)).forEach(function(key) {
15667
15626
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
15668
15627
  });
15669
15628
  }
@@ -16019,7 +15978,7 @@ function useFloatingRootContext(options) {
16019
15978
  options = {};
16020
15979
  }
16021
15980
  var nodeId = options.nodeId;
16022
- var internalRootContext = useFloatingRootContext(_object_spread_props$j(_object_spread$o({}, options), {
15981
+ var internalRootContext = useFloatingRootContext(_object_spread_props$k(_object_spread$o({}, options), {
16023
15982
  elements: _object_spread$o({
16024
15983
  reference: null,
16025
15984
  floating: null
@@ -16040,7 +15999,7 @@ function useFloatingRootContext(options) {
16040
15999
  }, [
16041
16000
  domReference
16042
16001
  ]);
16043
- var position = useFloating$1(_object_spread_props$j(_object_spread$o({}, options), {
16002
+ var position = useFloating$1(_object_spread_props$k(_object_spread$o({}, options), {
16044
16003
  elements: _object_spread$o({}, computedElements, positionReference && {
16045
16004
  reference: positionReference
16046
16005
  })
@@ -16076,7 +16035,7 @@ function useFloatingRootContext(options) {
16076
16035
  position.refs
16077
16036
  ]);
16078
16037
  var refs = React.useMemo(function() {
16079
- return _object_spread_props$j(_object_spread$o({}, position.refs), {
16038
+ return _object_spread_props$k(_object_spread$o({}, position.refs), {
16080
16039
  setReference: setReference,
16081
16040
  setPositionReference: setPositionReference,
16082
16041
  domReference: domReferenceRef
@@ -16087,7 +16046,7 @@ function useFloatingRootContext(options) {
16087
16046
  setPositionReference
16088
16047
  ]);
16089
16048
  var elements = React.useMemo(function() {
16090
- return _object_spread_props$j(_object_spread$o({}, position.elements), {
16049
+ return _object_spread_props$k(_object_spread$o({}, position.elements), {
16091
16050
  domReference: domReference
16092
16051
  });
16093
16052
  }, [
@@ -16095,7 +16054,7 @@ function useFloatingRootContext(options) {
16095
16054
  domReference
16096
16055
  ]);
16097
16056
  var context = React.useMemo(function() {
16098
- return _object_spread_props$j(_object_spread$o({}, position, rootContext), {
16057
+ return _object_spread_props$k(_object_spread$o({}, position, rootContext), {
16099
16058
  refs: refs,
16100
16059
  elements: elements,
16101
16060
  nodeId: nodeId
@@ -16117,7 +16076,7 @@ function useFloatingRootContext(options) {
16117
16076
  }
16118
16077
  });
16119
16078
  return React.useMemo(function() {
16120
- return _object_spread_props$j(_object_spread$o({}, position), {
16079
+ return _object_spread_props$k(_object_spread$o({}, position), {
16121
16080
  context: context,
16122
16081
  refs: refs,
16123
16082
  elements: elements
@@ -21578,7 +21537,7 @@ function _object_spread$n(target) {
21578
21537
  }
21579
21538
  return target;
21580
21539
  }
21581
- function ownKeys$i(object, enumerableOnly) {
21540
+ function ownKeys$j(object, enumerableOnly) {
21582
21541
  var keys = Object.keys(object);
21583
21542
  if (Object.getOwnPropertySymbols) {
21584
21543
  var symbols = Object.getOwnPropertySymbols(object);
@@ -21586,12 +21545,12 @@ function ownKeys$i(object, enumerableOnly) {
21586
21545
  }
21587
21546
  return keys;
21588
21547
  }
21589
- function _object_spread_props$i(target, source) {
21548
+ function _object_spread_props$j(target, source) {
21590
21549
  source = source != null ? source : {};
21591
21550
  if (Object.getOwnPropertyDescriptors) {
21592
21551
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
21593
21552
  } else {
21594
- ownKeys$i(Object(source)).forEach(function(key) {
21553
+ ownKeys$j(Object(source)).forEach(function(key) {
21595
21554
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
21596
21555
  });
21597
21556
  }
@@ -21600,7 +21559,7 @@ function _object_spread_props$i(target, source) {
21600
21559
  var Calendar = function(param) {
21601
21560
  var _param_rangeSelect = param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, selectedDate = param.selectedDate, startDate = param.startDate, endDate = param.endDate, onChange = param.onChange;
21602
21561
  return /*#__PURE__*/ jsx("div", {
21603
- children: /*#__PURE__*/ jsx(DatePicker$1, _object_spread$n({}, _object_spread_props$i(_object_spread$n({
21562
+ children: /*#__PURE__*/ jsx(DatePicker$1, _object_spread$n({}, _object_spread_props$j(_object_spread$n({
21604
21563
  onChange: onChange,
21605
21564
  selected: rangeSelect ? null : selectedDate,
21606
21565
  startDate: startDate || undefined,
@@ -22052,7 +22011,7 @@ function _object_spread$l(target) {
22052
22011
  }
22053
22012
  return target;
22054
22013
  }
22055
- function ownKeys$h(object, enumerableOnly) {
22014
+ function ownKeys$i(object, enumerableOnly) {
22056
22015
  var keys = Object.keys(object);
22057
22016
  if (Object.getOwnPropertySymbols) {
22058
22017
  var symbols = Object.getOwnPropertySymbols(object);
@@ -22060,12 +22019,12 @@ function ownKeys$h(object, enumerableOnly) {
22060
22019
  }
22061
22020
  return keys;
22062
22021
  }
22063
- function _object_spread_props$h(target, source) {
22022
+ function _object_spread_props$i(target, source) {
22064
22023
  source = source != null ? source : {};
22065
22024
  if (Object.getOwnPropertyDescriptors) {
22066
22025
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
22067
22026
  } else {
22068
- ownKeys$h(Object(source)).forEach(function(key) {
22027
+ ownKeys$i(Object(source)).forEach(function(key) {
22069
22028
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
22070
22029
  });
22071
22030
  }
@@ -22183,7 +22142,7 @@ var DatePicker = function(_param) {
22183
22142
  })
22184
22143
  ]
22185
22144
  }),
22186
- /*#__PURE__*/ jsx(Popper, _object_spread_props$h(_object_spread$l({
22145
+ /*#__PURE__*/ jsx(Popper, _object_spread_props$i(_object_spread$l({
22187
22146
  anchorRef: buttonRef,
22188
22147
  open: open,
22189
22148
  onClose: function() {
@@ -22239,7 +22198,7 @@ function _object_spread$k(target) {
22239
22198
  }
22240
22199
  return target;
22241
22200
  }
22242
- function ownKeys$g(object, enumerableOnly) {
22201
+ function ownKeys$h(object, enumerableOnly) {
22243
22202
  var keys = Object.keys(object);
22244
22203
  if (Object.getOwnPropertySymbols) {
22245
22204
  var symbols = Object.getOwnPropertySymbols(object);
@@ -22247,12 +22206,12 @@ function ownKeys$g(object, enumerableOnly) {
22247
22206
  }
22248
22207
  return keys;
22249
22208
  }
22250
- function _object_spread_props$g(target, source) {
22209
+ function _object_spread_props$h(target, source) {
22251
22210
  source = source != null ? source : {};
22252
22211
  if (Object.getOwnPropertyDescriptors) {
22253
22212
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
22254
22213
  } else {
22255
- ownKeys$g(Object(source)).forEach(function(key) {
22214
+ ownKeys$h(Object(source)).forEach(function(key) {
22256
22215
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
22257
22216
  });
22258
22217
  }
@@ -22345,7 +22304,7 @@ var Dropdown = function(_param) {
22345
22304
  open,
22346
22305
  handleClickOutside
22347
22306
  ]);
22348
- return /*#__PURE__*/ jsx(Menu, _object_spread_props$g(_object_spread$k({
22307
+ return /*#__PURE__*/ jsx(Menu, _object_spread_props$h(_object_spread$k({
22349
22308
  ref: ref
22350
22309
  }, rest), {
22351
22310
  open: open,
@@ -22491,7 +22450,7 @@ function _object_spread$j(target) {
22491
22450
  }
22492
22451
  return target;
22493
22452
  }
22494
- function ownKeys$f(object, enumerableOnly) {
22453
+ function ownKeys$g(object, enumerableOnly) {
22495
22454
  var keys = Object.keys(object);
22496
22455
  if (Object.getOwnPropertySymbols) {
22497
22456
  var symbols = Object.getOwnPropertySymbols(object);
@@ -22499,12 +22458,12 @@ function ownKeys$f(object, enumerableOnly) {
22499
22458
  }
22500
22459
  return keys;
22501
22460
  }
22502
- function _object_spread_props$f(target, source) {
22461
+ function _object_spread_props$g(target, source) {
22503
22462
  source = source != null ? source : {};
22504
22463
  if (Object.getOwnPropertyDescriptors) {
22505
22464
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
22506
22465
  } else {
22507
- ownKeys$f(Object(source)).forEach(function(key) {
22466
+ ownKeys$g(Object(source)).forEach(function(key) {
22508
22467
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
22509
22468
  });
22510
22469
  }
@@ -22545,7 +22504,7 @@ var IconButton = /*#__PURE__*/ forwardRef(function(_param, ref) {
22545
22504
  "fontSize",
22546
22505
  "style"
22547
22506
  ]);
22548
- return /*#__PURE__*/ jsx(BaseButton, _object_spread_props$f(_object_spread$j({
22507
+ return /*#__PURE__*/ jsx(BaseButton, _object_spread_props$g(_object_spread$j({
22549
22508
  style: _object_spread$j({
22550
22509
  width: size === 'large' ? 40 : size === 'small' ? 32 : 26,
22551
22510
  height: size === 'large' ? 40 : size === 'small' ? 32 : 26,
@@ -22588,7 +22547,7 @@ function _object_spread$i(target) {
22588
22547
  }
22589
22548
  return target;
22590
22549
  }
22591
- function ownKeys$e(object, enumerableOnly) {
22550
+ function ownKeys$f(object, enumerableOnly) {
22592
22551
  var keys = Object.keys(object);
22593
22552
  if (Object.getOwnPropertySymbols) {
22594
22553
  var symbols = Object.getOwnPropertySymbols(object);
@@ -22596,12 +22555,12 @@ function ownKeys$e(object, enumerableOnly) {
22596
22555
  }
22597
22556
  return keys;
22598
22557
  }
22599
- function _object_spread_props$e(target, source) {
22558
+ function _object_spread_props$f(target, source) {
22600
22559
  source = source != null ? source : {};
22601
22560
  if (Object.getOwnPropertyDescriptors) {
22602
22561
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
22603
22562
  } else {
22604
- ownKeys$e(Object(source)).forEach(function(key) {
22563
+ ownKeys$f(Object(source)).forEach(function(key) {
22605
22564
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
22606
22565
  });
22607
22566
  }
@@ -22726,7 +22685,7 @@ var Input = function(_param) {
22726
22685
  position: "left",
22727
22686
  children: /*#__PURE__*/ jsx(LeftIcon, {})
22728
22687
  }),
22729
- /*#__PURE__*/ jsx(BaseInput, _object_spread_props$e(_object_spread$i({}, props), {
22688
+ /*#__PURE__*/ jsx(BaseInput, _object_spread_props$f(_object_spread$i({}, props), {
22730
22689
  sz: sz,
22731
22690
  error: error,
22732
22691
  style: _object_spread$i({
@@ -22833,7 +22792,7 @@ function _object_spread$h(target) {
22833
22792
  }
22834
22793
  return target;
22835
22794
  }
22836
- function ownKeys$d(object, enumerableOnly) {
22795
+ function ownKeys$e(object, enumerableOnly) {
22837
22796
  var keys = Object.keys(object);
22838
22797
  if (Object.getOwnPropertySymbols) {
22839
22798
  var symbols = Object.getOwnPropertySymbols(object);
@@ -22841,12 +22800,12 @@ function ownKeys$d(object, enumerableOnly) {
22841
22800
  }
22842
22801
  return keys;
22843
22802
  }
22844
- function _object_spread_props$d(target, source) {
22803
+ function _object_spread_props$e(target, source) {
22845
22804
  source = source != null ? source : {};
22846
22805
  if (Object.getOwnPropertyDescriptors) {
22847
22806
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
22848
22807
  } else {
22849
- ownKeys$d(Object(source)).forEach(function(key) {
22808
+ ownKeys$e(Object(source)).forEach(function(key) {
22850
22809
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
22851
22810
  });
22852
22811
  }
@@ -23060,7 +23019,7 @@ var MultiSelect = function(_param) {
23060
23019
  children: [
23061
23020
  /*#__PURE__*/ jsxs(InputWrapper, {
23062
23021
  children: [
23063
- /*#__PURE__*/ jsx(BaseSelect, _object_spread_props$d(_object_spread$h({}, props), {
23022
+ /*#__PURE__*/ jsx(BaseSelect, _object_spread_props$e(_object_spread$h({}, props), {
23064
23023
  type: type,
23065
23024
  onMouseDown: function(e) {
23066
23025
  setOpen(!open);
@@ -23081,7 +23040,7 @@ var MultiSelect = function(_param) {
23081
23040
  /*#__PURE__*/ jsx(ChipWrapper, {
23082
23041
  sz: sz,
23083
23042
  children: values.map(function(option) {
23084
- return /*#__PURE__*/ jsx(MultiSelectChip, _object_spread_props$d(_object_spread$h({}, option), {
23043
+ return /*#__PURE__*/ jsx(MultiSelectChip, _object_spread_props$e(_object_spread$h({}, option), {
23085
23044
  type: type,
23086
23045
  onClick: function() {
23087
23046
  return toggleSelect(option);
@@ -23097,7 +23056,7 @@ var MultiSelect = function(_param) {
23097
23056
  bottom: 110,
23098
23057
  children: /*#__PURE__*/ jsx(Fragment, {
23099
23058
  children: options.map(function(option) {
23100
- return /*#__PURE__*/ jsx(DropdownOption, _object_spread_props$d(_object_spread$h({
23059
+ return /*#__PURE__*/ jsx(DropdownOption, _object_spread_props$e(_object_spread$h({
23101
23060
  checkbox: true,
23102
23061
  selected: values.some(function(val) {
23103
23062
  return val.value === option.value;
@@ -24534,7 +24493,7 @@ function _object_spread$f(target) {
24534
24493
  }
24535
24494
  return target;
24536
24495
  }
24537
- function ownKeys$c(object, enumerableOnly) {
24496
+ function ownKeys$d(object, enumerableOnly) {
24538
24497
  var keys = Object.keys(object);
24539
24498
  if (Object.getOwnPropertySymbols) {
24540
24499
  var symbols = Object.getOwnPropertySymbols(object);
@@ -24542,12 +24501,12 @@ function ownKeys$c(object, enumerableOnly) {
24542
24501
  }
24543
24502
  return keys;
24544
24503
  }
24545
- function _object_spread_props$c(target, source) {
24504
+ function _object_spread_props$d(target, source) {
24546
24505
  source = source != null ? source : {};
24547
24506
  if (Object.getOwnPropertyDescriptors) {
24548
24507
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
24549
24508
  } else {
24550
- ownKeys$c(Object(source)).forEach(function(key) {
24509
+ ownKeys$d(Object(source)).forEach(function(key) {
24551
24510
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
24552
24511
  });
24553
24512
  }
@@ -24558,7 +24517,7 @@ function exactProp(propTypes) {
24558
24517
  if (process.env.NODE_ENV === 'production') {
24559
24518
  return propTypes;
24560
24519
  }
24561
- return _object_spread_props$c(_object_spread$f({}, propTypes), _define_property$f({}, specialProperty, function(props) {
24520
+ return _object_spread_props$d(_object_spread$f({}, propTypes), _define_property$f({}, specialProperty, function(props) {
24562
24521
  var unsupportedProps = Object.keys(props).filter(function(prop) {
24563
24522
  return !propTypes.hasOwnProperty(prop);
24564
24523
  });
@@ -24811,7 +24770,7 @@ function _object_spread$e(target) {
24811
24770
  }
24812
24771
  return target;
24813
24772
  }
24814
- function ownKeys$b(object, enumerableOnly) {
24773
+ function ownKeys$c(object, enumerableOnly) {
24815
24774
  var keys = Object.keys(object);
24816
24775
  if (Object.getOwnPropertySymbols) {
24817
24776
  var symbols = Object.getOwnPropertySymbols(object);
@@ -24819,12 +24778,12 @@ function ownKeys$b(object, enumerableOnly) {
24819
24778
  }
24820
24779
  return keys;
24821
24780
  }
24822
- function _object_spread_props$b(target, source) {
24781
+ function _object_spread_props$c(target, source) {
24823
24782
  source = source != null ? source : {};
24824
24783
  if (Object.getOwnPropertyDescriptors) {
24825
24784
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
24826
24785
  } else {
24827
- ownKeys$b(Object(source)).forEach(function(key) {
24786
+ ownKeys$c(Object(source)).forEach(function(key) {
24828
24787
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
24829
24788
  });
24830
24789
  }
@@ -24844,7 +24803,7 @@ function _object_spread_props$b(target, source) {
24844
24803
  if (elementType === undefined || isHostComponent(elementType)) {
24845
24804
  return otherProps;
24846
24805
  }
24847
- return _object_spread_props$b(_object_spread$e({}, otherProps), {
24806
+ return _object_spread_props$c(_object_spread$e({}, otherProps), {
24848
24807
  ownerState: _object_spread$e({}, otherProps.ownerState, ownerState)
24849
24808
  });
24850
24809
  }
@@ -25010,7 +24969,7 @@ function _object_spread$c(target) {
25010
24969
  }
25011
24970
  return target;
25012
24971
  }
25013
- function ownKeys$a(object, enumerableOnly) {
24972
+ function ownKeys$b(object, enumerableOnly) {
25014
24973
  var keys = Object.keys(object);
25015
24974
  if (Object.getOwnPropertySymbols) {
25016
24975
  var symbols = Object.getOwnPropertySymbols(object);
@@ -25018,12 +24977,12 @@ function ownKeys$a(object, enumerableOnly) {
25018
24977
  }
25019
24978
  return keys;
25020
24979
  }
25021
- function _object_spread_props$a(target, source) {
24980
+ function _object_spread_props$b(target, source) {
25022
24981
  source = source != null ? source : {};
25023
24982
  if (Object.getOwnPropertyDescriptors) {
25024
24983
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
25025
24984
  } else {
25026
- ownKeys$a(Object(source)).forEach(function(key) {
24985
+ ownKeys$b(Object(source)).forEach(function(key) {
25027
24986
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
25028
24987
  });
25029
24988
  }
@@ -25072,11 +25031,11 @@ function _object_without_properties_loose$8(source, excluded) {
25072
25031
  "skipResolvingSlotProps"
25073
25032
  ]);
25074
25033
  var resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
25075
- var _mergeSlotProps = mergeSlotProps(_object_spread_props$a(_object_spread$c({}, other), {
25034
+ var _mergeSlotProps = mergeSlotProps(_object_spread_props$b(_object_spread$c({}, other), {
25076
25035
  externalSlotProps: resolvedComponentsProps
25077
25036
  })), mergedProps = _mergeSlotProps.props, internalRef = _mergeSlotProps.internalRef;
25078
25037
  var ref = useForkRef(internalRef, resolvedComponentsProps === null || resolvedComponentsProps === void 0 ? void 0 : resolvedComponentsProps.ref, (_parameters_additionalProps = parameters.additionalProps) === null || _parameters_additionalProps === void 0 ? void 0 : _parameters_additionalProps.ref);
25079
- var props = appendOwnerState(elementType, _object_spread_props$a(_object_spread$c({}, mergedProps), {
25038
+ var props = appendOwnerState(elementType, _object_spread_props$b(_object_spread$c({}, mergedProps), {
25080
25039
  ref: ref
25081
25040
  }), ownerState);
25082
25041
  return props;
@@ -25151,7 +25110,7 @@ function _object_spread$b(target) {
25151
25110
  }
25152
25111
  return target;
25153
25112
  }
25154
- function ownKeys$9(object, enumerableOnly) {
25113
+ function ownKeys$a(object, enumerableOnly) {
25155
25114
  var keys = Object.keys(object);
25156
25115
  if (Object.getOwnPropertySymbols) {
25157
25116
  var symbols = Object.getOwnPropertySymbols(object);
@@ -25159,12 +25118,12 @@ function ownKeys$9(object, enumerableOnly) {
25159
25118
  }
25160
25119
  return keys;
25161
25120
  }
25162
- function _object_spread_props$9(target, source) {
25121
+ function _object_spread_props$a(target, source) {
25163
25122
  source = source != null ? source : {};
25164
25123
  if (Object.getOwnPropertyDescriptors) {
25165
25124
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
25166
25125
  } else {
25167
- ownKeys$9(Object(source)).forEach(function(key) {
25126
+ ownKeys$a(Object(source)).forEach(function(key) {
25168
25127
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
25169
25128
  });
25170
25129
  }
@@ -25202,7 +25161,7 @@ function prepareForSlot(Component) {
25202
25161
  props.ownerState; var other = _object_without_properties$7(props, [
25203
25162
  "ownerState"
25204
25163
  ]);
25205
- return /*#__PURE__*/ React.createElement(Component, _object_spread_props$9(_object_spread$b({}, other), {
25164
+ return /*#__PURE__*/ React.createElement(Component, _object_spread_props$a(_object_spread$b({}, other), {
25206
25165
  ref: ref
25207
25166
  }));
25208
25167
  });
@@ -25694,7 +25653,7 @@ function _object_spread$a(target) {
25694
25653
  }
25695
25654
  return target;
25696
25655
  }
25697
- function ownKeys$8(object, enumerableOnly) {
25656
+ function ownKeys$9(object, enumerableOnly) {
25698
25657
  var keys = Object.keys(object);
25699
25658
  if (Object.getOwnPropertySymbols) {
25700
25659
  var symbols = Object.getOwnPropertySymbols(object);
@@ -25702,12 +25661,12 @@ function ownKeys$8(object, enumerableOnly) {
25702
25661
  }
25703
25662
  return keys;
25704
25663
  }
25705
- function _object_spread_props$8(target, source) {
25664
+ function _object_spread_props$9(target, source) {
25706
25665
  source = source != null ? source : {};
25707
25666
  if (Object.getOwnPropertyDescriptors) {
25708
25667
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
25709
25668
  } else {
25710
- ownKeys$8(Object(source)).forEach(function(key) {
25669
+ ownKeys$9(Object(source)).forEach(function(key) {
25711
25670
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
25712
25671
  });
25713
25672
  }
@@ -25865,7 +25824,7 @@ var defaultManager = new ModalManager();
25865
25824
  delete propsEventHandlers.onTransitionEnter;
25866
25825
  delete propsEventHandlers.onTransitionExited;
25867
25826
  var externalEventHandlers = _object_spread$a({}, propsEventHandlers, otherHandlers);
25868
- return _object_spread_props$8(_object_spread$a({
25827
+ return _object_spread_props$9(_object_spread$a({
25869
25828
  /*
25870
25829
  * Marking an element with the role presentation indicates to assistive technology
25871
25830
  * that this element should be ignored; it exists to support the web application and
@@ -25880,7 +25839,7 @@ var defaultManager = new ModalManager();
25880
25839
  var getBackdropProps = function() {
25881
25840
  var otherHandlers = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
25882
25841
  var externalEventHandlers = otherHandlers;
25883
- return _object_spread_props$8(_object_spread$a({
25842
+ return _object_spread_props$9(_object_spread$a({
25884
25843
  'aria-hidden': true
25885
25844
  }, externalEventHandlers), {
25886
25845
  onClick: createHandleBackdropClick(externalEventHandlers),
@@ -26319,7 +26278,7 @@ function _object_spread$9(target) {
26319
26278
  }
26320
26279
  return target;
26321
26280
  }
26322
- function ownKeys$7(object, enumerableOnly) {
26281
+ function ownKeys$8(object, enumerableOnly) {
26323
26282
  var keys = Object.keys(object);
26324
26283
  if (Object.getOwnPropertySymbols) {
26325
26284
  var symbols = Object.getOwnPropertySymbols(object);
@@ -26327,12 +26286,12 @@ function ownKeys$7(object, enumerableOnly) {
26327
26286
  }
26328
26287
  return keys;
26329
26288
  }
26330
- function _object_spread_props$7(target, source) {
26289
+ function _object_spread_props$8(target, source) {
26331
26290
  source = source != null ? source : {};
26332
26291
  if (Object.getOwnPropertyDescriptors) {
26333
26292
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
26334
26293
  } else {
26335
- ownKeys$7(Object(source)).forEach(function(key) {
26294
+ ownKeys$8(Object(source)).forEach(function(key) {
26336
26295
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
26337
26296
  });
26338
26297
  }
@@ -26420,7 +26379,7 @@ var useUtilityClasses = function(ownerState) {
26420
26379
  "slotProps",
26421
26380
  "slots"
26422
26381
  ]);
26423
- var propsWithDefaults = _object_spread_props$7(_object_spread$9({}, props), {
26382
+ var propsWithDefaults = _object_spread_props$8(_object_spread$9({}, props), {
26424
26383
  closeAfterTransition: closeAfterTransition,
26425
26384
  disableAutoFocus: disableAutoFocus,
26426
26385
  disableEnforceFocus: disableEnforceFocus,
@@ -26431,10 +26390,10 @@ var useUtilityClasses = function(ownerState) {
26431
26390
  hideBackdrop: hideBackdrop,
26432
26391
  keepMounted: keepMounted
26433
26392
  });
26434
- var _useModal = useModal(_object_spread_props$7(_object_spread$9({}, propsWithDefaults), {
26393
+ var _useModal = useModal(_object_spread_props$8(_object_spread$9({}, propsWithDefaults), {
26435
26394
  rootRef: forwardedRef
26436
26395
  })), getRootProps = _useModal.getRootProps, getBackdropProps = _useModal.getBackdropProps, getTransitionProps = _useModal.getTransitionProps, portalRef = _useModal.portalRef, isTopModal = _useModal.isTopModal, exited = _useModal.exited, hasTransition = _useModal.hasTransition;
26437
- var ownerState = _object_spread_props$7(_object_spread$9({}, propsWithDefaults), {
26396
+ var ownerState = _object_spread_props$8(_object_spread$9({}, propsWithDefaults), {
26438
26397
  exited: exited,
26439
26398
  hasTransition: hasTransition
26440
26399
  });
@@ -26464,7 +26423,7 @@ var useUtilityClasses = function(ownerState) {
26464
26423
  elementType: BackdropComponent,
26465
26424
  externalSlotProps: slotProps.backdrop,
26466
26425
  getSlotProps: function(otherHandlers) {
26467
- return getBackdropProps(_object_spread_props$7(_object_spread$9({}, otherHandlers), {
26426
+ return getBackdropProps(_object_spread_props$8(_object_spread$9({}, otherHandlers), {
26468
26427
  onClick: function(event) {
26469
26428
  if (onBackdropClick) {
26470
26429
  onBackdropClick(event);
@@ -26485,7 +26444,7 @@ var useUtilityClasses = function(ownerState) {
26485
26444
  ref: portalRef,
26486
26445
  container: container,
26487
26446
  disablePortal: disablePortal,
26488
- children: /*#__PURE__*/ jsxs(Root, _object_spread_props$7(_object_spread$9({}, rootProps), {
26447
+ children: /*#__PURE__*/ jsxs(Root, _object_spread_props$8(_object_spread$9({}, rootProps), {
26489
26448
  children: [
26490
26449
  !hideBackdrop && BackdropComponent ? /*#__PURE__*/ jsx(BackdropComponent, _object_spread$9({}, backdropProps)) : null,
26491
26450
  /*#__PURE__*/ jsx(FocusTrap, {
@@ -26639,7 +26598,7 @@ function _object_spread$8(target) {
26639
26598
  }
26640
26599
  return target;
26641
26600
  }
26642
- function ownKeys$6(object, enumerableOnly) {
26601
+ function ownKeys$7(object, enumerableOnly) {
26643
26602
  var keys = Object.keys(object);
26644
26603
  if (Object.getOwnPropertySymbols) {
26645
26604
  var symbols = Object.getOwnPropertySymbols(object);
@@ -26647,12 +26606,12 @@ function ownKeys$6(object, enumerableOnly) {
26647
26606
  }
26648
26607
  return keys;
26649
26608
  }
26650
- function _object_spread_props$6(target, source) {
26609
+ function _object_spread_props$7(target, source) {
26651
26610
  source = source != null ? source : {};
26652
26611
  if (Object.getOwnPropertyDescriptors) {
26653
26612
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
26654
26613
  } else {
26655
- ownKeys$6(Object(source)).forEach(function(key) {
26614
+ ownKeys$7(Object(source)).forEach(function(key) {
26656
26615
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
26657
26616
  });
26658
26617
  }
@@ -26721,7 +26680,7 @@ var Typography = function(_param) {
26721
26680
  ]);
26722
26681
  var Tag = getTagForVariant(variant);
26723
26682
  var colorString = color === 'primary' ? textPrimary : color === 'secondary' ? textSecondary : color;
26724
- return /*#__PURE__*/ jsx(StyledTypography, _object_spread_props$6(_object_spread$8({
26683
+ return /*#__PURE__*/ jsx(StyledTypography, _object_spread_props$7(_object_spread$8({
26725
26684
  as: Tag,
26726
26685
  $variant: variant,
26727
26686
  $color: colorString
@@ -26906,7 +26865,7 @@ function _object_spread$6(target) {
26906
26865
  }
26907
26866
  return target;
26908
26867
  }
26909
- function ownKeys$5(object, enumerableOnly) {
26868
+ function ownKeys$6(object, enumerableOnly) {
26910
26869
  var keys = Object.keys(object);
26911
26870
  if (Object.getOwnPropertySymbols) {
26912
26871
  var symbols = Object.getOwnPropertySymbols(object);
@@ -26914,12 +26873,12 @@ function ownKeys$5(object, enumerableOnly) {
26914
26873
  }
26915
26874
  return keys;
26916
26875
  }
26917
- function _object_spread_props$5(target, source) {
26876
+ function _object_spread_props$6(target, source) {
26918
26877
  source = source != null ? source : {};
26919
26878
  if (Object.getOwnPropertyDescriptors) {
26920
26879
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
26921
26880
  } else {
26922
- ownKeys$5(Object(source)).forEach(function(key) {
26881
+ ownKeys$6(Object(source)).forEach(function(key) {
26923
26882
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
26924
26883
  });
26925
26884
  }
@@ -27065,7 +27024,7 @@ var Modal = function(param) {
27065
27024
  var label = _param.label, rest = _object_without_properties$3(_param, [
27066
27025
  "label"
27067
27026
  ]);
27068
- return /*#__PURE__*/ jsx(Button, _object_spread_props$5(_object_spread$6({}, rest), {
27027
+ return /*#__PURE__*/ jsx(Button, _object_spread_props$6(_object_spread$6({}, rest), {
27069
27028
  children: label
27070
27029
  }));
27071
27030
  })
@@ -27269,7 +27228,7 @@ function _object_spread$5(target) {
27269
27228
  }
27270
27229
  return target;
27271
27230
  }
27272
- function ownKeys$4(object, enumerableOnly) {
27231
+ function ownKeys$5(object, enumerableOnly) {
27273
27232
  var keys = Object.keys(object);
27274
27233
  if (Object.getOwnPropertySymbols) {
27275
27234
  var symbols = Object.getOwnPropertySymbols(object);
@@ -27277,12 +27236,12 @@ function ownKeys$4(object, enumerableOnly) {
27277
27236
  }
27278
27237
  return keys;
27279
27238
  }
27280
- function _object_spread_props$4(target, source) {
27239
+ function _object_spread_props$5(target, source) {
27281
27240
  source = source != null ? source : {};
27282
27241
  if (Object.getOwnPropertyDescriptors) {
27283
27242
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
27284
27243
  } else {
27285
- ownKeys$4(Object(source)).forEach(function(key) {
27244
+ ownKeys$5(Object(source)).forEach(function(key) {
27286
27245
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
27287
27246
  });
27288
27247
  }
@@ -27312,7 +27271,7 @@ var RadioGroup = function(param) {
27312
27271
  marginTop: spacing(1)
27313
27272
  },
27314
27273
  children: items.map(function(item, i) {
27315
- return /*#__PURE__*/ jsx(RadioButton, _object_spread_props$4(_object_spread$5({}, item), {
27274
+ return /*#__PURE__*/ jsx(RadioButton, _object_spread_props$5(_object_spread$5({}, item), {
27316
27275
  name: name,
27317
27276
  checked: value === item.value,
27318
27277
  disabled: disabled || item.disabled,
@@ -27360,7 +27319,7 @@ function _object_spread$4(target) {
27360
27319
  }
27361
27320
  return target;
27362
27321
  }
27363
- function ownKeys$3(object, enumerableOnly) {
27322
+ function ownKeys$4(object, enumerableOnly) {
27364
27323
  var keys = Object.keys(object);
27365
27324
  if (Object.getOwnPropertySymbols) {
27366
27325
  var symbols = Object.getOwnPropertySymbols(object);
@@ -27368,12 +27327,12 @@ function ownKeys$3(object, enumerableOnly) {
27368
27327
  }
27369
27328
  return keys;
27370
27329
  }
27371
- function _object_spread_props$3(target, source) {
27330
+ function _object_spread_props$4(target, source) {
27372
27331
  source = source != null ? source : {};
27373
27332
  if (Object.getOwnPropertyDescriptors) {
27374
27333
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
27375
27334
  } else {
27376
- ownKeys$3(Object(source)).forEach(function(key) {
27335
+ ownKeys$4(Object(source)).forEach(function(key) {
27377
27336
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
27378
27337
  });
27379
27338
  }
@@ -27491,7 +27450,7 @@ var SearchBar = function(_param) {
27491
27450
  title: "Search",
27492
27451
  children: /*#__PURE__*/ jsx(SearchIcon, {})
27493
27452
  }),
27494
- /*#__PURE__*/ jsx(StyledInput, _object_spread_props$3(_object_spread$4({}, props), {
27453
+ /*#__PURE__*/ jsx(StyledInput, _object_spread_props$4(_object_spread$4({}, props), {
27495
27454
  onKeyDown: handleKeyDown,
27496
27455
  error: error,
27497
27456
  placeholder: placeholder || 'Search'
@@ -27651,7 +27610,7 @@ function _object_spread$3(target) {
27651
27610
  }
27652
27611
  return target;
27653
27612
  }
27654
- function ownKeys$2(object, enumerableOnly) {
27613
+ function ownKeys$3(object, enumerableOnly) {
27655
27614
  var keys = Object.keys(object);
27656
27615
  if (Object.getOwnPropertySymbols) {
27657
27616
  var symbols = Object.getOwnPropertySymbols(object);
@@ -27659,12 +27618,12 @@ function ownKeys$2(object, enumerableOnly) {
27659
27618
  }
27660
27619
  return keys;
27661
27620
  }
27662
- function _object_spread_props$2(target, source) {
27621
+ function _object_spread_props$3(target, source) {
27663
27622
  source = source != null ? source : {};
27664
27623
  if (Object.getOwnPropertyDescriptors) {
27665
27624
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
27666
27625
  } else {
27667
- ownKeys$2(Object(source)).forEach(function(key) {
27626
+ ownKeys$3(Object(source)).forEach(function(key) {
27668
27627
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
27669
27628
  });
27670
27629
  }
@@ -27738,7 +27697,7 @@ function functionalUpdate(updater, input) {
27738
27697
  function makeStateUpdater(key, instance) {
27739
27698
  return function(updater) {
27740
27699
  instance.setState(function(old) {
27741
- return _object_spread_props$2(_object_spread$3({}, old), _define_property$3({}, key, functionalUpdate(updater, old[key])));
27700
+ return _object_spread_props$3(_object_spread$3({}, old), _define_property$3({}, key, functionalUpdate(updater, old[key])));
27742
27701
  });
27743
27702
  };
27744
27703
  }
@@ -29095,7 +29054,7 @@ var ColumnPinning = {
29095
29054
  return cell.column.id === columnId;
29096
29055
  });
29097
29056
  }).filter(Boolean).map(function(d) {
29098
- return _object_spread_props$2(_object_spread$3({}, d), {
29057
+ return _object_spread_props$3(_object_spread$3({}, d), {
29099
29058
  position: 'left'
29100
29059
  });
29101
29060
  });
@@ -29112,7 +29071,7 @@ var ColumnPinning = {
29112
29071
  return cell.column.id === columnId;
29113
29072
  });
29114
29073
  }).filter(Boolean).map(function(d) {
29115
- return _object_spread_props$2(_object_spread$3({}, d), {
29074
+ return _object_spread_props$3(_object_spread$3({}, d), {
29116
29075
  position: 'right'
29117
29076
  });
29118
29077
  });
@@ -29315,7 +29274,7 @@ var ColumnSizing = (_obj = {
29315
29274
  var _$_ref3 = _sliced_to_array$3(_ref3, 2), columnId = _$_ref3[0], headerSize = _$_ref3[1];
29316
29275
  newColumnSizing[columnId] = Math.round(Math.max(headerSize + headerSize * deltaPercentage, 0) * 100) / 100;
29317
29276
  });
29318
- return _object_spread_props$2(_object_spread$3({}, old), {
29277
+ return _object_spread_props$3(_object_spread$3({}, old), {
29319
29278
  deltaOffset: deltaOffset,
29320
29279
  deltaPercentage: deltaPercentage
29321
29280
  });
@@ -29332,7 +29291,7 @@ var ColumnSizing = (_obj = {
29332
29291
  var onEnd = function(clientXPos) {
29333
29292
  updateOffset('end', clientXPos);
29334
29293
  table.setColumnSizingInfo(function(old) {
29335
- return _object_spread_props$2(_object_spread$3({}, old), {
29294
+ return _object_spread_props$3(_object_spread$3({}, old), {
29336
29295
  isResizingColumn: false,
29337
29296
  startOffset: null,
29338
29297
  startSize: null,
@@ -29384,7 +29343,7 @@ var ColumnSizing = (_obj = {
29384
29343
  contextDocument == null || contextDocument.addEventListener('mouseup', mouseEvents.upHandler, passiveIfSupported);
29385
29344
  }
29386
29345
  table.setColumnSizingInfo(function(old) {
29387
- return _object_spread_props$2(_object_spread$3({}, old), {
29346
+ return _object_spread_props$3(_object_spread$3({}, old), {
29388
29347
  startOffset: clientX,
29389
29348
  startSize: startSize,
29390
29349
  deltaOffset: 0,
@@ -29474,7 +29433,7 @@ var ColumnVisibility = {
29474
29433
  column.toggleVisibility = function(value) {
29475
29434
  if (column.getCanHide()) {
29476
29435
  table.setColumnVisibility(function(old) {
29477
- return _object_spread_props$2(_object_spread$3({}, old), _define_property$3({}, column.id, value != null ? value : !column.getIsVisible()));
29436
+ return _object_spread_props$3(_object_spread$3({}, old), _define_property$3({}, column.id, value != null ? value : !column.getIsVisible()));
29478
29437
  });
29479
29438
  }
29480
29439
  };
@@ -29559,7 +29518,7 @@ var ColumnVisibility = {
29559
29518
  var _value;
29560
29519
  value = (_value = value) != null ? _value : !table.getIsAllColumnsVisible();
29561
29520
  table.setColumnVisibility(table.getAllLeafColumns().reduce(function(obj, column) {
29562
- return _object_spread_props$2(_object_spread$3({}, obj), _define_property$3({}, column.id, !value ? !(column.getCanHide != null && column.getCanHide()) : value));
29521
+ return _object_spread_props$3(_object_spread$3({}, obj), _define_property$3({}, column.id, !value ? !(column.getCanHide != null && column.getCanHide()) : value));
29563
29522
  }, {}));
29564
29523
  };
29565
29524
  table.getIsAllColumnsVisible = function() {
@@ -29767,7 +29726,7 @@ var RowExpanding = _define_property$3({
29767
29726
  }
29768
29727
  expanded = (_expanded = expanded) != null ? _expanded : !exists;
29769
29728
  if (!exists && expanded) {
29770
- return _object_spread_props$2(_object_spread$3({}, oldExpanded), _define_property$3({}, row.id, true));
29729
+ return _object_spread_props$3(_object_spread$3({}, oldExpanded), _define_property$3({}, row.id, true));
29771
29730
  }
29772
29731
  if (exists && !expanded) {
29773
29732
  var _row_id = row.id; oldExpanded[_row_id]; var rest = _object_without_properties$1(oldExpanded, [
@@ -29815,7 +29774,7 @@ var getDefaultPaginationState = function() {
29815
29774
  };
29816
29775
  var RowPagination = {
29817
29776
  getInitialState: function(state) {
29818
- return _object_spread_props$2(_object_spread$3({}, state), {
29777
+ return _object_spread_props$3(_object_spread$3({}, state), {
29819
29778
  pagination: _object_spread$3({}, getDefaultPaginationState(), state == null ? void 0 : state.pagination)
29820
29779
  });
29821
29780
  },
@@ -29860,7 +29819,7 @@ var RowPagination = {
29860
29819
  var pageIndex = functionalUpdate(updater, old.pageIndex);
29861
29820
  var maxPageIndex = typeof table.options.pageCount === 'undefined' || table.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : table.options.pageCount - 1;
29862
29821
  pageIndex = Math.max(0, Math.min(pageIndex, maxPageIndex));
29863
- return _object_spread_props$2(_object_spread$3({}, old), {
29822
+ return _object_spread_props$3(_object_spread$3({}, old), {
29864
29823
  pageIndex: pageIndex
29865
29824
  });
29866
29825
  });
@@ -29878,7 +29837,7 @@ var RowPagination = {
29878
29837
  var pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));
29879
29838
  var topRowIndex = old.pageSize * old.pageIndex;
29880
29839
  var pageIndex = Math.floor(topRowIndex / pageSize);
29881
- return _object_spread_props$2(_object_spread$3({}, old), {
29840
+ return _object_spread_props$3(_object_spread$3({}, old), {
29882
29841
  pageIndex: pageIndex,
29883
29842
  pageSize: pageSize
29884
29843
  });
@@ -29892,7 +29851,7 @@ var RowPagination = {
29892
29851
  if (typeof newPageCount === 'number') {
29893
29852
  newPageCount = Math.max(-1, newPageCount);
29894
29853
  }
29895
- return _object_spread_props$2(_object_spread$3({}, old), {
29854
+ return _object_spread_props$3(_object_spread$3({}, old), {
29896
29855
  pageCount: newPageCount
29897
29856
  });
29898
29857
  });
@@ -30090,7 +30049,7 @@ var RowPinning = {
30090
30049
  });
30091
30050
  });
30092
30051
  return rows.filter(Boolean).map(function(d) {
30093
- return _object_spread_props$2(_object_spread$3({}, d), {
30052
+ return _object_spread_props$3(_object_spread$3({}, d), {
30094
30053
  position: position
30095
30054
  });
30096
30055
  });
@@ -30437,7 +30396,7 @@ function selectRowsFn(table, rowModel) {
30437
30396
  newSelectedRowsById[row.id] = row;
30438
30397
  }
30439
30398
  if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length) {
30440
- row = _object_spread_props$2(_object_spread$3({}, row), {
30399
+ row = _object_spread_props$3(_object_spread$3({}, row), {
30441
30400
  subRows: recurseRows(row.subRows)
30442
30401
  });
30443
30402
  }
@@ -30722,7 +30681,7 @@ var RowSorting = {
30722
30681
  // This flips (or sets) the
30723
30682
  newSorting = old.map(function(d) {
30724
30683
  if (d.id === column.id) {
30725
- return _object_spread_props$2(_object_spread$3({}, d), {
30684
+ return _object_spread_props$3(_object_spread$3({}, d), {
30726
30685
  desc: nextDesc
30727
30686
  });
30728
30687
  }
@@ -31502,7 +31461,7 @@ function _object_spread$2(target) {
31502
31461
  }
31503
31462
  return target;
31504
31463
  }
31505
- function ownKeys$1(object, enumerableOnly) {
31464
+ function ownKeys$2(object, enumerableOnly) {
31506
31465
  var keys = Object.keys(object);
31507
31466
  if (Object.getOwnPropertySymbols) {
31508
31467
  var symbols = Object.getOwnPropertySymbols(object);
@@ -31510,12 +31469,12 @@ function ownKeys$1(object, enumerableOnly) {
31510
31469
  }
31511
31470
  return keys;
31512
31471
  }
31513
- function _object_spread_props$1(target, source) {
31472
+ function _object_spread_props$2(target, source) {
31514
31473
  source = source != null ? source : {};
31515
31474
  if (Object.getOwnPropertyDescriptors) {
31516
31475
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
31517
31476
  } else {
31518
- ownKeys$1(Object(source)).forEach(function(key) {
31477
+ ownKeys$2(Object(source)).forEach(function(key) {
31519
31478
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
31520
31479
  });
31521
31480
  }
@@ -31579,7 +31538,7 @@ function useReactTable(options) {
31579
31538
  // Compose the default state above with any user state. This will allow the user
31580
31539
  // to only control a subset of the state if desired.
31581
31540
  tableRef.current.setOptions(function(prev) {
31582
- return _object_spread_props$1(_object_spread$2({}, prev, options), {
31541
+ return _object_spread_props$2(_object_spread$2({}, prev, options), {
31583
31542
  state: _object_spread$2({}, state, options.state),
31584
31543
  // Similarly, we'll maintain both our internal state and any user-provided
31585
31544
  // state.
@@ -31790,7 +31749,7 @@ var TableBody = function(param) {
31790
31749
  children: [
31791
31750
  /*#__PURE__*/ jsx("colgroup", {
31792
31751
  children: columnWidths.map(function(param) {
31793
- var id = param.id; param.width;
31752
+ var id = param.id;
31794
31753
  return /*#__PURE__*/ jsx("col", {}, id);
31795
31754
  })
31796
31755
  }),
@@ -31977,6 +31936,25 @@ function _object_spread$1(target) {
31977
31936
  }
31978
31937
  return target;
31979
31938
  }
31939
+ function ownKeys$1(object, enumerableOnly) {
31940
+ var keys = Object.keys(object);
31941
+ if (Object.getOwnPropertySymbols) {
31942
+ var symbols = Object.getOwnPropertySymbols(object);
31943
+ keys.push.apply(keys, symbols);
31944
+ }
31945
+ return keys;
31946
+ }
31947
+ function _object_spread_props$1(target, source) {
31948
+ source = source != null ? source : {};
31949
+ if (Object.getOwnPropertyDescriptors) {
31950
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
31951
+ } else {
31952
+ ownKeys$1(Object(source)).forEach(function(key) {
31953
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
31954
+ });
31955
+ }
31956
+ return target;
31957
+ }
31980
31958
  function _sliced_to_array$1(arr, i) {
31981
31959
  return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
31982
31960
  }
@@ -32021,18 +31999,23 @@ function _templateObject1$1() {
32021
31999
  };
32022
32000
  return data;
32023
32001
  }
32024
- var TableContainer = styled.div(_templateObject$1(), neutral300, spacing(1));
32002
+ var TableContainer = styled(/*#__PURE__*/ forwardRef(function(props, ref) {
32003
+ return /*#__PURE__*/ jsx("div", _object_spread_props$1(_object_spread$1({}, props), {
32004
+ ref: ref
32005
+ }));
32006
+ }))(_templateObject$1(), neutral300, spacing(1));
32025
32007
  var TableWrapper = styled.table(_templateObject1$1());
32026
32008
  var Table = function(param) {
32027
- var columns = param.columns, _param_data = param.data, data = _param_data === void 0 ? [] : _param_data, getRowId = param.getRowId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_pageInfo = param.pageInfo, pageInfo = _param_pageInfo === void 0 ? {
32028
- pageCount: 1,
32029
- itemCount: 0,
32030
- currentPage: 1,
32031
- items: 50
32032
- } : _param_pageInfo, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, sortBy = param.sortBy, sortOrder = param.sortOrder, onSortChange = param.onSortChange, _param_enableRowSelection = param.enableRowSelection, enableRowSelection = _param_enableRowSelection === void 0 ? false : _param_enableRowSelection, _param_selectedRows = param.selectedRows, selectedRows = _param_selectedRows === void 0 ? {} : _param_selectedRows, onRowSelectionChange = param.onRowSelectionChange, onRowClick = param.onRowClick, contextMenuActions = param.contextMenuActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, height = param.height, error = param.error;
32009
+ var columns = param.columns, _param_data = param.data, data = _param_data === void 0 ? [] : _param_data, getRowId = param.getRowId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, pageInfo = param.pageInfo, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, sortBy = param.sortBy, sortOrder = param.sortOrder, onSortChange = param.onSortChange, _param_enableRowSelection = param.enableRowSelection, enableRowSelection = _param_enableRowSelection === void 0 ? false : _param_enableRowSelection, _param_selectedRows = param.selectedRows, selectedRows = _param_selectedRows === void 0 ? {} : _param_selectedRows, onRowSelectionChange = param.onRowSelectionChange, onRowClick = param.onRowClick, contextMenuActions = param.contextMenuActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, height = param.height, error = param.error;
32010
+ var containerRef = useRef(null);
32033
32011
  var _useState = _sliced_to_array$1(useState({}), 2), columnSizing = _useState[0], setColumnSizing = _useState[1];
32034
32012
  var _useState1 = _sliced_to_array$1(useState(null), 2), openMenuId = _useState1[0], setOpenMenuId = _useState1[1];
32035
32013
  var disableControls = isLoading || !data.length || !!error;
32014
+ var hasSomePageProps = !!(pageInfo || onPageSizeChange || onPageChange);
32015
+ var hasAllPageProps = !!(pageInfo && onPageSizeChange && onPageChange);
32016
+ if (hasSomePageProps && !hasAllPageProps) {
32017
+ console.warn('Table: Pagination requires all pagination props to be provided: pageInfo, onPageSizeChange, and onPageChange');
32018
+ }
32036
32019
  var tableColumns = useMemo(function() {
32037
32020
  return columns.map(function(col) {
32038
32021
  return _object_spread$1({
@@ -32125,6 +32108,11 @@ var Table = function(param) {
32125
32108
  sortOrder,
32126
32109
  onSortChange
32127
32110
  ]);
32111
+ var resetContainerScroll = function() {
32112
+ if (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) {
32113
+ containerRef.current.scrollTop = 0;
32114
+ }
32115
+ };
32128
32116
  var table = useReactTable({
32129
32117
  data: error ? [] : data,
32130
32118
  columns: allColumns,
@@ -32136,7 +32124,7 @@ var Table = function(param) {
32136
32124
  sortDescFirst: false
32137
32125
  },
32138
32126
  state: {
32139
- pagination: {
32127
+ pagination: pageInfo && {
32140
32128
  pageIndex: pageInfo.currentPage - 1,
32141
32129
  pageSize: pageInfo.items
32142
32130
  },
@@ -32152,7 +32140,7 @@ var Table = function(param) {
32152
32140
  onSortingChange: handleSortingChange,
32153
32141
  manualPagination: true,
32154
32142
  manualSorting: true,
32155
- pageCount: pageInfo.pageCount,
32143
+ pageCount: pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.pageCount,
32156
32144
  enableColumnResizing: true,
32157
32145
  getCoreRowModel: getCoreRowModel(),
32158
32146
  getSortedRowModel: getSortedRowModel(),
@@ -32175,6 +32163,7 @@ var Table = function(param) {
32175
32163
  style: {
32176
32164
  height: height
32177
32165
  },
32166
+ ref: containerRef,
32178
32167
  children: [
32179
32168
  isLoading && /*#__PURE__*/ jsx(LoadingOverlay, {}),
32180
32169
  Boolean(!isLoading && (!data.length || error)) && /*#__PURE__*/ jsx(Typography, {
@@ -32207,11 +32196,17 @@ var Table = function(param) {
32207
32196
  })
32208
32197
  ]
32209
32198
  }),
32210
- /*#__PURE__*/ jsx(Pagination, {
32199
+ onPageSizeChange && onPageChange && pageInfo && /*#__PURE__*/ jsx(Pagination, {
32211
32200
  pageInfo: pageInfo,
32212
32201
  isLoading: isLoading,
32213
- onPageSizeChange: onPageSizeChange,
32214
- onPageChange: onPageChange
32202
+ onPageSizeChange: function(size) {
32203
+ resetContainerScroll();
32204
+ onPageSizeChange(size);
32205
+ },
32206
+ onPageChange: function(page) {
32207
+ resetContainerScroll();
32208
+ onPageChange(page);
32209
+ }
32215
32210
  })
32216
32211
  ]
32217
32212
  });