schummar-table 0.4.0 → 0.5.0-beta-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/dist/cjs/index.js +3800 -16
  2. package/dist/cjs/index.js.map +1 -0
  3. package/dist/cjs/mui4Theme.js +96 -0
  4. package/dist/cjs/mui4Theme.js.map +1 -0
  5. package/dist/cjs/mui5Theme.js +100 -0
  6. package/dist/cjs/mui5Theme.js.map +1 -0
  7. package/dist/es/index.js +3783 -0
  8. package/dist/es/index.js.map +1 -0
  9. package/dist/es/mui4Theme.js +92 -0
  10. package/dist/es/mui4Theme.js.map +1 -0
  11. package/dist/es/mui5Theme.js +96 -0
  12. package/dist/es/mui5Theme.js.map +1 -0
  13. package/dist/tableTheme.js +1990 -0
  14. package/dist/tableTheme.js.map +1 -0
  15. package/dist/{cjs → types}/components/cell.d.ts +1 -1
  16. package/dist/types/components/columnHeader.d.ts +7 -0
  17. package/dist/{cjs → types}/components/columnSelection.d.ts +0 -0
  18. package/dist/types/components/dateFilter.d.ts +8 -0
  19. package/dist/types/components/datePicker.d.ts +16 -0
  20. package/dist/types/components/expandControl.d.ts +6 -0
  21. package/dist/{cjs → types}/components/export.d.ts +0 -0
  22. package/dist/types/components/filterControl.d.ts +2 -0
  23. package/dist/types/components/formControlLabel.d.ts +5 -0
  24. package/dist/types/components/resizeHandle.d.ts +1 -0
  25. package/dist/{cjs → types}/components/row.d.ts +1 -1
  26. package/dist/{cjs → types}/components/selectComponent.d.ts +0 -0
  27. package/dist/types/components/selectFilter.d.ts +8 -0
  28. package/dist/{cjs → types}/components/sortComponent.d.ts +0 -0
  29. package/dist/types/components/spinnner.d.ts +3 -0
  30. package/dist/{cjs → types/components}/table.d.ts +1 -4
  31. package/dist/types/components/textFilter.d.ts +5 -0
  32. package/dist/{cjs → types}/components/virtualized.d.ts +0 -0
  33. package/dist/types/hooks/useFilter.d.ts +5 -0
  34. package/dist/types/hooks/useTheme.d.ts +1 -0
  35. package/dist/types/index.d.ts +10 -0
  36. package/dist/{cjs → types}/internalState/calcItems.d.ts +0 -0
  37. package/dist/{cjs → types}/internalState/calcProps.d.ts +0 -0
  38. package/dist/{cjs → types}/internalState/cleanupState.d.ts +0 -0
  39. package/dist/{cjs → types}/internalState/filterColumns.d.ts +0 -0
  40. package/dist/{cjs → types}/internalState/syncSelections.d.ts +0 -0
  41. package/dist/{cjs → types}/internalState/tableStateStorage.d.ts +1 -1
  42. package/dist/{cjs → types}/internalState/useTableState.d.ts +0 -0
  43. package/dist/{cjs → types}/misc/csvExport.d.ts +0 -0
  44. package/dist/types/misc/debounce.d.ts +4 -0
  45. package/dist/types/misc/deepPartial.d.ts +3 -0
  46. package/dist/{cjs → types}/misc/helpers.d.ts +2 -1
  47. package/dist/{cjs → types}/misc/queue.d.ts +1 -1
  48. package/dist/{cjs → types}/misc/textMatch.d.ts +0 -0
  49. package/dist/types/misc/throttle.d.ts +4 -0
  50. package/dist/types/theme/defaultClasses.d.ts +15 -0
  51. package/dist/types/theme/defaultColors.d.ts +2 -0
  52. package/dist/types/theme/defaultIcons.d.ts +2 -0
  53. package/dist/types/theme/defaultTexts.d.ts +2 -0
  54. package/dist/types/theme/defaultTheme/badge.d.ts +2 -0
  55. package/dist/types/theme/defaultTheme/button.d.ts +2 -0
  56. package/dist/types/theme/defaultTheme/checkbox.d.ts +2 -0
  57. package/dist/types/theme/defaultTheme/iconButton.d.ts +2 -0
  58. package/dist/types/theme/defaultTheme/index.d.ts +2 -0
  59. package/dist/types/theme/defaultTheme/popover.d.ts +4 -0
  60. package/dist/types/theme/defaultTheme/textField.d.ts +2 -0
  61. package/dist/types/theme/mui4Theme/index.d.ts +8 -0
  62. package/dist/types/theme/mui5Theme/index.d.ts +8 -0
  63. package/dist/types/theme/tableTheme.d.ts +11 -0
  64. package/dist/types/theme/useCssVariables.d.ts +9 -0
  65. package/dist/types/types.d.ts +285 -0
  66. package/package.json +76 -37
  67. package/dist/cjs/components/cell.js +0 -31
  68. package/dist/cjs/components/columnSelection.js +0 -37
  69. package/dist/cjs/components/defaultFilterComponent.d.ts +0 -22
  70. package/dist/cjs/components/defaultFilterComponent.js +0 -91
  71. package/dist/cjs/components/expandComponent.d.ts +0 -5
  72. package/dist/cjs/components/expandComponent.js +0 -38
  73. package/dist/cjs/components/export.js +0 -48
  74. package/dist/cjs/components/filterComponent.d.ts +0 -5
  75. package/dist/cjs/components/filterComponent.js +0 -25
  76. package/dist/cjs/components/row.js +0 -51
  77. package/dist/cjs/components/selectComponent.js +0 -61
  78. package/dist/cjs/components/sortComponent.js +0 -52
  79. package/dist/cjs/components/textFilterComponent.d.ts +0 -11
  80. package/dist/cjs/components/textFilterComponent.js +0 -70
  81. package/dist/cjs/components/useCommonClasses.d.ts +0 -1
  82. package/dist/cjs/components/useCommonClasses.js +0 -49
  83. package/dist/cjs/components/virtualized.js +0 -98
  84. package/dist/cjs/index.d.ts +0 -6
  85. package/dist/cjs/internalState/calcItems.js +0 -85
  86. package/dist/cjs/internalState/calcProps.js +0 -89
  87. package/dist/cjs/internalState/cleanupState.js +0 -43
  88. package/dist/cjs/internalState/filterColumns.js +0 -10
  89. package/dist/cjs/internalState/syncSelections.js +0 -22
  90. package/dist/cjs/internalState/tableStateStorage.js +0 -74
  91. package/dist/cjs/internalState/useTableState.js +0 -62
  92. package/dist/cjs/misc/csvExport.js +0 -15
  93. package/dist/cjs/misc/helpers.js +0 -91
  94. package/dist/cjs/misc/queue.js +0 -42
  95. package/dist/cjs/misc/textMatch.js +0 -23
  96. package/dist/cjs/misc/throttle.d.ts +0 -1
  97. package/dist/cjs/misc/throttle.js +0 -30
  98. package/dist/cjs/package.json +0 -1
  99. package/dist/cjs/table.js +0 -80
  100. package/dist/cjs/types.d.ts +0 -146
  101. package/dist/cjs/types.js +0 -2
  102. package/dist/esm/components/cell.d.ts +0 -6
  103. package/dist/esm/components/cell.js +0 -28
  104. package/dist/esm/components/columnSelection.d.ts +0 -2
  105. package/dist/esm/components/columnSelection.js +0 -33
  106. package/dist/esm/components/defaultFilterComponent.d.ts +0 -22
  107. package/dist/esm/components/defaultFilterComponent.js +0 -86
  108. package/dist/esm/components/expandComponent.d.ts +0 -5
  109. package/dist/esm/components/expandComponent.js +0 -34
  110. package/dist/esm/components/export.d.ts +0 -2
  111. package/dist/esm/components/export.js +0 -44
  112. package/dist/esm/components/filterComponent.d.ts +0 -5
  113. package/dist/esm/components/filterComponent.js +0 -21
  114. package/dist/esm/components/row.d.ts +0 -7
  115. package/dist/esm/components/row.js +0 -47
  116. package/dist/esm/components/selectComponent.d.ts +0 -5
  117. package/dist/esm/components/selectComponent.js +0 -57
  118. package/dist/esm/components/sortComponent.d.ts +0 -4
  119. package/dist/esm/components/sortComponent.js +0 -48
  120. package/dist/esm/components/textFilterComponent.d.ts +0 -11
  121. package/dist/esm/components/textFilterComponent.js +0 -65
  122. package/dist/esm/components/useCommonClasses.d.ts +0 -1
  123. package/dist/esm/components/useCommonClasses.js +0 -46
  124. package/dist/esm/components/virtualized.d.ts +0 -6
  125. package/dist/esm/components/virtualized.js +0 -94
  126. package/dist/esm/index.d.ts +0 -6
  127. package/dist/esm/index.js +0 -4
  128. package/dist/esm/internalState/calcItems.d.ts +0 -3
  129. package/dist/esm/internalState/calcItems.js +0 -81
  130. package/dist/esm/internalState/calcProps.d.ts +0 -2
  131. package/dist/esm/internalState/calcProps.js +0 -85
  132. package/dist/esm/internalState/cleanupState.d.ts +0 -3
  133. package/dist/esm/internalState/cleanupState.js +0 -39
  134. package/dist/esm/internalState/filterColumns.d.ts +0 -3
  135. package/dist/esm/internalState/filterColumns.js +0 -6
  136. package/dist/esm/internalState/syncSelections.d.ts +0 -3
  137. package/dist/esm/internalState/syncSelections.js +0 -18
  138. package/dist/esm/internalState/tableStateStorage.d.ts +0 -11
  139. package/dist/esm/internalState/tableStateStorage.js +0 -70
  140. package/dist/esm/internalState/useTableState.d.ts +0 -3
  141. package/dist/esm/internalState/useTableState.js +0 -58
  142. package/dist/esm/misc/csvExport.d.ts +0 -7
  143. package/dist/esm/misc/csvExport.js +0 -11
  144. package/dist/esm/misc/helpers.d.ts +0 -14
  145. package/dist/esm/misc/helpers.js +0 -77
  146. package/dist/esm/misc/queue.d.ts +0 -6
  147. package/dist/esm/misc/queue.js +0 -38
  148. package/dist/esm/misc/textMatch.d.ts +0 -2
  149. package/dist/esm/misc/textMatch.js +0 -18
  150. package/dist/esm/misc/throttle.d.ts +0 -1
  151. package/dist/esm/misc/throttle.js +0 -26
  152. package/dist/esm/table.d.ts +0 -11
  153. package/dist/esm/table.js +0 -73
  154. package/dist/esm/types.d.ts +0 -146
  155. package/dist/esm/types.js +0 -1
@@ -0,0 +1,1990 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
4
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
+ var __spreadValues = (a, b2) => {
10
+ for (var prop in b2 || (b2 = {}))
11
+ if (__hasOwnProp.call(b2, prop))
12
+ __defNormalProp(a, prop, b2[prop]);
13
+ if (__getOwnPropSymbols)
14
+ for (var prop of __getOwnPropSymbols(b2)) {
15
+ if (__propIsEnum.call(b2, prop))
16
+ __defNormalProp(a, prop, b2[prop]);
17
+ }
18
+ return a;
19
+ };
20
+ var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+ var require$$0 = require("react");
34
+ var reactDom = require("react-dom");
35
+ function _interopDefaultLegacy(e2) {
36
+ return e2 && typeof e2 === "object" && "default" in e2 ? e2 : { "default": e2 };
37
+ }
38
+ var require$$0__default = /* @__PURE__ */ _interopDefaultLegacy(require$$0);
39
+ function sheetForTag(tag) {
40
+ if (tag.sheet) {
41
+ return tag.sheet;
42
+ }
43
+ for (var i = 0; i < document.styleSheets.length; i++) {
44
+ if (document.styleSheets[i].ownerNode === tag) {
45
+ return document.styleSheets[i];
46
+ }
47
+ }
48
+ }
49
+ function createStyleElement(options) {
50
+ var tag = document.createElement("style");
51
+ tag.setAttribute("data-emotion", options.key);
52
+ if (options.nonce !== void 0) {
53
+ tag.setAttribute("nonce", options.nonce);
54
+ }
55
+ tag.appendChild(document.createTextNode(""));
56
+ tag.setAttribute("data-s", "");
57
+ return tag;
58
+ }
59
+ var StyleSheet = /* @__PURE__ */ function() {
60
+ function StyleSheet2(options) {
61
+ var _this = this;
62
+ this._insertTag = function(tag) {
63
+ var before;
64
+ if (_this.tags.length === 0) {
65
+ if (_this.insertionPoint) {
66
+ before = _this.insertionPoint.nextSibling;
67
+ } else if (_this.prepend) {
68
+ before = _this.container.firstChild;
69
+ } else {
70
+ before = _this.before;
71
+ }
72
+ } else {
73
+ before = _this.tags[_this.tags.length - 1].nextSibling;
74
+ }
75
+ _this.container.insertBefore(tag, before);
76
+ _this.tags.push(tag);
77
+ };
78
+ this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
79
+ this.tags = [];
80
+ this.ctr = 0;
81
+ this.nonce = options.nonce;
82
+ this.key = options.key;
83
+ this.container = options.container;
84
+ this.prepend = options.prepend;
85
+ this.insertionPoint = options.insertionPoint;
86
+ this.before = null;
87
+ }
88
+ var _proto = StyleSheet2.prototype;
89
+ _proto.hydrate = function hydrate(nodes) {
90
+ nodes.forEach(this._insertTag);
91
+ };
92
+ _proto.insert = function insert(rule) {
93
+ if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
94
+ this._insertTag(createStyleElement(this));
95
+ }
96
+ var tag = this.tags[this.tags.length - 1];
97
+ if (this.isSpeedy) {
98
+ var sheet = sheetForTag(tag);
99
+ try {
100
+ sheet.insertRule(rule, sheet.cssRules.length);
101
+ } catch (e2) {
102
+ }
103
+ } else {
104
+ tag.appendChild(document.createTextNode(rule));
105
+ }
106
+ this.ctr++;
107
+ };
108
+ _proto.flush = function flush() {
109
+ this.tags.forEach(function(tag) {
110
+ return tag.parentNode && tag.parentNode.removeChild(tag);
111
+ });
112
+ this.tags = [];
113
+ this.ctr = 0;
114
+ };
115
+ return StyleSheet2;
116
+ }();
117
+ var MS = "-ms-";
118
+ var MOZ = "-moz-";
119
+ var WEBKIT = "-webkit-";
120
+ var COMMENT = "comm";
121
+ var RULESET = "rule";
122
+ var DECLARATION = "decl";
123
+ var IMPORT = "@import";
124
+ var KEYFRAMES = "@keyframes";
125
+ var abs = Math.abs;
126
+ var from = String.fromCharCode;
127
+ var assign = Object.assign;
128
+ function hash(value, length2) {
129
+ return (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3);
130
+ }
131
+ function trim(value) {
132
+ return value.trim();
133
+ }
134
+ function match(value, pattern) {
135
+ return (value = pattern.exec(value)) ? value[0] : value;
136
+ }
137
+ function replace(value, pattern, replacement) {
138
+ return value.replace(pattern, replacement);
139
+ }
140
+ function indexof(value, search) {
141
+ return value.indexOf(search);
142
+ }
143
+ function charat(value, index) {
144
+ return value.charCodeAt(index) | 0;
145
+ }
146
+ function substr(value, begin, end) {
147
+ return value.slice(begin, end);
148
+ }
149
+ function strlen(value) {
150
+ return value.length;
151
+ }
152
+ function sizeof(value) {
153
+ return value.length;
154
+ }
155
+ function append(value, array) {
156
+ return array.push(value), value;
157
+ }
158
+ function combine(array, callback) {
159
+ return array.map(callback).join("");
160
+ }
161
+ var line = 1;
162
+ var column = 1;
163
+ var length = 0;
164
+ var position = 0;
165
+ var character = 0;
166
+ var characters = "";
167
+ function node(value, root, parent, type, props, children, length2) {
168
+ return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
169
+ }
170
+ function copy(root, props) {
171
+ return assign(node("", null, null, "", null, null, 0), root, { length: -root.length }, props);
172
+ }
173
+ function char() {
174
+ return character;
175
+ }
176
+ function prev() {
177
+ character = position > 0 ? charat(characters, --position) : 0;
178
+ if (column--, character === 10)
179
+ column = 1, line--;
180
+ return character;
181
+ }
182
+ function next() {
183
+ character = position < length ? charat(characters, position++) : 0;
184
+ if (column++, character === 10)
185
+ column = 1, line++;
186
+ return character;
187
+ }
188
+ function peek() {
189
+ return charat(characters, position);
190
+ }
191
+ function caret() {
192
+ return position;
193
+ }
194
+ function slice(begin, end) {
195
+ return substr(characters, begin, end);
196
+ }
197
+ function token(type) {
198
+ switch (type) {
199
+ case 0:
200
+ case 9:
201
+ case 10:
202
+ case 13:
203
+ case 32:
204
+ return 5;
205
+ case 33:
206
+ case 43:
207
+ case 44:
208
+ case 47:
209
+ case 62:
210
+ case 64:
211
+ case 126:
212
+ case 59:
213
+ case 123:
214
+ case 125:
215
+ return 4;
216
+ case 58:
217
+ return 3;
218
+ case 34:
219
+ case 39:
220
+ case 40:
221
+ case 91:
222
+ return 2;
223
+ case 41:
224
+ case 93:
225
+ return 1;
226
+ }
227
+ return 0;
228
+ }
229
+ function alloc(value) {
230
+ return line = column = 1, length = strlen(characters = value), position = 0, [];
231
+ }
232
+ function dealloc(value) {
233
+ return characters = "", value;
234
+ }
235
+ function delimit(type) {
236
+ return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
237
+ }
238
+ function whitespace(type) {
239
+ while (character = peek())
240
+ if (character < 33)
241
+ next();
242
+ else
243
+ break;
244
+ return token(type) > 2 || token(character) > 3 ? "" : " ";
245
+ }
246
+ function escaping(index, count) {
247
+ while (--count && next())
248
+ if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
249
+ break;
250
+ return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
251
+ }
252
+ function delimiter(type) {
253
+ while (next())
254
+ switch (character) {
255
+ case type:
256
+ return position;
257
+ case 34:
258
+ case 39:
259
+ if (type !== 34 && type !== 39)
260
+ delimiter(character);
261
+ break;
262
+ case 40:
263
+ if (type === 41)
264
+ delimiter(type);
265
+ break;
266
+ case 92:
267
+ next();
268
+ break;
269
+ }
270
+ return position;
271
+ }
272
+ function commenter(type, index) {
273
+ while (next())
274
+ if (type + character === 47 + 10)
275
+ break;
276
+ else if (type + character === 42 + 42 && peek() === 47)
277
+ break;
278
+ return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
279
+ }
280
+ function identifier(index) {
281
+ while (!token(peek()))
282
+ next();
283
+ return slice(index, position);
284
+ }
285
+ function compile(value) {
286
+ return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
287
+ }
288
+ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
289
+ var index = 0;
290
+ var offset = 0;
291
+ var length2 = pseudo;
292
+ var atrule = 0;
293
+ var property = 0;
294
+ var previous = 0;
295
+ var variable = 1;
296
+ var scanning = 1;
297
+ var ampersand = 1;
298
+ var character2 = 0;
299
+ var type = "";
300
+ var props = rules;
301
+ var children = rulesets;
302
+ var reference = rule;
303
+ var characters2 = type;
304
+ while (scanning)
305
+ switch (previous = character2, character2 = next()) {
306
+ case 40:
307
+ if (previous != 108 && characters2.charCodeAt(length2 - 1) == 58) {
308
+ if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
309
+ ampersand = -1;
310
+ break;
311
+ }
312
+ case 34:
313
+ case 39:
314
+ case 91:
315
+ characters2 += delimit(character2);
316
+ break;
317
+ case 9:
318
+ case 10:
319
+ case 13:
320
+ case 32:
321
+ characters2 += whitespace(previous);
322
+ break;
323
+ case 92:
324
+ characters2 += escaping(caret() - 1, 7);
325
+ continue;
326
+ case 47:
327
+ switch (peek()) {
328
+ case 42:
329
+ case 47:
330
+ append(comment(commenter(next(), caret()), root, parent), declarations);
331
+ break;
332
+ default:
333
+ characters2 += "/";
334
+ }
335
+ break;
336
+ case 123 * variable:
337
+ points[index++] = strlen(characters2) * ampersand;
338
+ case 125 * variable:
339
+ case 59:
340
+ case 0:
341
+ switch (character2) {
342
+ case 0:
343
+ case 125:
344
+ scanning = 0;
345
+ case 59 + offset:
346
+ if (property > 0 && strlen(characters2) - length2)
347
+ append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
348
+ break;
349
+ case 59:
350
+ characters2 += ";";
351
+ default:
352
+ append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2), rulesets);
353
+ if (character2 === 123)
354
+ if (offset === 0)
355
+ parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
356
+ else
357
+ switch (atrule) {
358
+ case 100:
359
+ case 109:
360
+ case 115:
361
+ parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
362
+ break;
363
+ default:
364
+ parse(characters2, reference, reference, reference, [""], children, 0, points, children);
365
+ }
366
+ }
367
+ index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
368
+ break;
369
+ case 58:
370
+ length2 = 1 + strlen(characters2), property = previous;
371
+ default:
372
+ if (variable < 1) {
373
+ if (character2 == 123)
374
+ --variable;
375
+ else if (character2 == 125 && variable++ == 0 && prev() == 125)
376
+ continue;
377
+ }
378
+ switch (characters2 += from(character2), character2 * variable) {
379
+ case 38:
380
+ ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
381
+ break;
382
+ case 44:
383
+ points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
384
+ break;
385
+ case 64:
386
+ if (peek() === 45)
387
+ characters2 += delimit(next());
388
+ atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
389
+ break;
390
+ case 45:
391
+ if (previous === 45 && strlen(characters2) == 2)
392
+ variable = 0;
393
+ }
394
+ }
395
+ return rulesets;
396
+ }
397
+ function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2) {
398
+ var post = offset - 1;
399
+ var rule = offset === 0 ? rules : [""];
400
+ var size = sizeof(rule);
401
+ for (var i = 0, j = 0, k2 = 0; i < index; ++i)
402
+ for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j = points[i])), z2 = value; x2 < size; ++x2)
403
+ if (z2 = trim(j > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2])))
404
+ props[k2++] = z2;
405
+ return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2);
406
+ }
407
+ function comment(value, root, parent) {
408
+ return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
409
+ }
410
+ function declaration(value, root, parent, length2) {
411
+ return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
412
+ }
413
+ function prefix(value, length2) {
414
+ switch (hash(value, length2)) {
415
+ case 5103:
416
+ return WEBKIT + "print-" + value + value;
417
+ case 5737:
418
+ case 4201:
419
+ case 3177:
420
+ case 3433:
421
+ case 1641:
422
+ case 4457:
423
+ case 2921:
424
+ case 5572:
425
+ case 6356:
426
+ case 5844:
427
+ case 3191:
428
+ case 6645:
429
+ case 3005:
430
+ case 6391:
431
+ case 5879:
432
+ case 5623:
433
+ case 6135:
434
+ case 4599:
435
+ case 4855:
436
+ case 4215:
437
+ case 6389:
438
+ case 5109:
439
+ case 5365:
440
+ case 5621:
441
+ case 3829:
442
+ return WEBKIT + value + value;
443
+ case 5349:
444
+ case 4246:
445
+ case 4810:
446
+ case 6968:
447
+ case 2756:
448
+ return WEBKIT + value + MOZ + value + MS + value + value;
449
+ case 6828:
450
+ case 4268:
451
+ return WEBKIT + value + MS + value + value;
452
+ case 6165:
453
+ return WEBKIT + value + MS + "flex-" + value + value;
454
+ case 5187:
455
+ return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
456
+ case 5443:
457
+ return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
458
+ case 4675:
459
+ return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
460
+ case 5548:
461
+ return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
462
+ case 5292:
463
+ return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
464
+ case 6060:
465
+ return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
466
+ case 4554:
467
+ return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
468
+ case 6187:
469
+ return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
470
+ case 5495:
471
+ case 3959:
472
+ return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
473
+ case 4968:
474
+ return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
475
+ case 4095:
476
+ case 3583:
477
+ case 4068:
478
+ case 2532:
479
+ return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
480
+ case 8116:
481
+ case 7059:
482
+ case 5753:
483
+ case 5535:
484
+ case 5445:
485
+ case 5701:
486
+ case 4933:
487
+ case 4677:
488
+ case 5533:
489
+ case 5789:
490
+ case 5021:
491
+ case 4765:
492
+ if (strlen(value) - 1 - length2 > 6)
493
+ switch (charat(value, length2 + 1)) {
494
+ case 109:
495
+ if (charat(value, length2 + 4) !== 45)
496
+ break;
497
+ case 102:
498
+ return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
499
+ case 115:
500
+ return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
501
+ }
502
+ break;
503
+ case 4949:
504
+ if (charat(value, length2 + 1) !== 115)
505
+ break;
506
+ case 6444:
507
+ switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
508
+ case 107:
509
+ return replace(value, ":", ":" + WEBKIT) + value;
510
+ case 101:
511
+ return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
512
+ }
513
+ break;
514
+ case 5936:
515
+ switch (charat(value, length2 + 11)) {
516
+ case 114:
517
+ return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
518
+ case 108:
519
+ return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
520
+ case 45:
521
+ return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
522
+ }
523
+ return WEBKIT + value + MS + value + value;
524
+ }
525
+ return value;
526
+ }
527
+ function serialize(children, callback) {
528
+ var output = "";
529
+ var length2 = sizeof(children);
530
+ for (var i = 0; i < length2; i++)
531
+ output += callback(children[i], i, children, callback) || "";
532
+ return output;
533
+ }
534
+ function stringify(element, index, children, callback) {
535
+ switch (element.type) {
536
+ case IMPORT:
537
+ case DECLARATION:
538
+ return element.return = element.return || element.value;
539
+ case COMMENT:
540
+ return "";
541
+ case KEYFRAMES:
542
+ return element.return = element.value + "{" + serialize(element.children, callback) + "}";
543
+ case RULESET:
544
+ element.value = element.props.join(",");
545
+ }
546
+ return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
547
+ }
548
+ function middleware(collection) {
549
+ var length2 = sizeof(collection);
550
+ return function(element, index, children, callback) {
551
+ var output = "";
552
+ for (var i = 0; i < length2; i++)
553
+ output += collection[i](element, index, children, callback) || "";
554
+ return output;
555
+ };
556
+ }
557
+ function rulesheet(callback) {
558
+ return function(element) {
559
+ if (!element.root) {
560
+ if (element = element.return)
561
+ callback(element);
562
+ }
563
+ };
564
+ }
565
+ function prefixer(element, index, children, callback) {
566
+ if (element.length > -1) {
567
+ if (!element.return)
568
+ switch (element.type) {
569
+ case DECLARATION:
570
+ element.return = prefix(element.value, element.length);
571
+ break;
572
+ case KEYFRAMES:
573
+ return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback);
574
+ case RULESET:
575
+ if (element.length)
576
+ return combine(element.props, function(value) {
577
+ switch (match(value, /(::plac\w+|:read-\w+)/)) {
578
+ case ":read-only":
579
+ case ":read-write":
580
+ return serialize([copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] })], callback);
581
+ case "::placeholder":
582
+ return serialize([
583
+ copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }),
584
+ copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }),
585
+ copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] })
586
+ ], callback);
587
+ }
588
+ return "";
589
+ });
590
+ }
591
+ }
592
+ }
593
+ function memoize(fn) {
594
+ var cache = /* @__PURE__ */ Object.create(null);
595
+ return function(arg) {
596
+ if (cache[arg] === void 0)
597
+ cache[arg] = fn(arg);
598
+ return cache[arg];
599
+ };
600
+ }
601
+ var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
602
+ var previous = 0;
603
+ var character2 = 0;
604
+ while (true) {
605
+ previous = character2;
606
+ character2 = peek();
607
+ if (previous === 38 && character2 === 12) {
608
+ points[index] = 1;
609
+ }
610
+ if (token(character2)) {
611
+ break;
612
+ }
613
+ next();
614
+ }
615
+ return slice(begin, position);
616
+ };
617
+ var toRules = function toRules2(parsed, points) {
618
+ var index = -1;
619
+ var character2 = 44;
620
+ do {
621
+ switch (token(character2)) {
622
+ case 0:
623
+ if (character2 === 38 && peek() === 12) {
624
+ points[index] = 1;
625
+ }
626
+ parsed[index] += identifierWithPointTracking(position - 1, points, index);
627
+ break;
628
+ case 2:
629
+ parsed[index] += delimit(character2);
630
+ break;
631
+ case 4:
632
+ if (character2 === 44) {
633
+ parsed[++index] = peek() === 58 ? "&\f" : "";
634
+ points[index] = parsed[index].length;
635
+ break;
636
+ }
637
+ default:
638
+ parsed[index] += from(character2);
639
+ }
640
+ } while (character2 = next());
641
+ return parsed;
642
+ };
643
+ var getRules = function getRules2(value, points) {
644
+ return dealloc(toRules(alloc(value), points));
645
+ };
646
+ var fixedElements = /* @__PURE__ */ new WeakMap();
647
+ var compat = function compat2(element) {
648
+ if (element.type !== "rule" || !element.parent || element.length < 1) {
649
+ return;
650
+ }
651
+ var value = element.value, parent = element.parent;
652
+ var isImplicitRule = element.column === parent.column && element.line === parent.line;
653
+ while (parent.type !== "rule") {
654
+ parent = parent.parent;
655
+ if (!parent)
656
+ return;
657
+ }
658
+ if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
659
+ return;
660
+ }
661
+ if (isImplicitRule) {
662
+ return;
663
+ }
664
+ fixedElements.set(element, true);
665
+ var points = [];
666
+ var rules = getRules(value, points);
667
+ var parentRules = parent.props;
668
+ for (var i = 0, k2 = 0; i < rules.length; i++) {
669
+ for (var j = 0; j < parentRules.length; j++, k2++) {
670
+ element.props[k2] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
671
+ }
672
+ }
673
+ };
674
+ var removeLabel = function removeLabel2(element) {
675
+ if (element.type === "decl") {
676
+ var value = element.value;
677
+ if (value.charCodeAt(0) === 108 && value.charCodeAt(2) === 98) {
678
+ element["return"] = "";
679
+ element.value = "";
680
+ }
681
+ }
682
+ };
683
+ var defaultStylisPlugins = [prefixer];
684
+ var createCache = function createCache2(options) {
685
+ var key = options.key;
686
+ if (key === "css") {
687
+ var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
688
+ Array.prototype.forEach.call(ssrStyles, function(node2) {
689
+ var dataEmotionAttribute = node2.getAttribute("data-emotion");
690
+ if (dataEmotionAttribute.indexOf(" ") === -1) {
691
+ return;
692
+ }
693
+ document.head.appendChild(node2);
694
+ node2.setAttribute("data-s", "");
695
+ });
696
+ }
697
+ var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
698
+ var inserted = {};
699
+ var container;
700
+ var nodesToHydrate = [];
701
+ {
702
+ container = options.container || document.head;
703
+ Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="' + key + ' "]'), function(node2) {
704
+ var attrib = node2.getAttribute("data-emotion").split(" ");
705
+ for (var i = 1; i < attrib.length; i++) {
706
+ inserted[attrib[i]] = true;
707
+ }
708
+ nodesToHydrate.push(node2);
709
+ });
710
+ }
711
+ var _insert;
712
+ var omnipresentPlugins = [compat, removeLabel];
713
+ {
714
+ var currentSheet;
715
+ var finalizingPlugins = [stringify, rulesheet(function(rule) {
716
+ currentSheet.insert(rule);
717
+ })];
718
+ var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
719
+ var stylis = function stylis2(styles) {
720
+ return serialize(compile(styles), serializer);
721
+ };
722
+ _insert = function insert(selector, serialized, sheet, shouldCache) {
723
+ currentSheet = sheet;
724
+ stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
725
+ if (shouldCache) {
726
+ cache.inserted[serialized.name] = true;
727
+ }
728
+ };
729
+ }
730
+ var cache = {
731
+ key,
732
+ sheet: new StyleSheet({
733
+ key,
734
+ container,
735
+ nonce: options.nonce,
736
+ speedy: options.speedy,
737
+ prepend: options.prepend,
738
+ insertionPoint: options.insertionPoint
739
+ }),
740
+ nonce: options.nonce,
741
+ inserted,
742
+ registered: {},
743
+ insert: _insert
744
+ };
745
+ cache.sheet.hydrate(nodesToHydrate);
746
+ return cache;
747
+ };
748
+ var reactIs$1 = { exports: {} };
749
+ var reactIs_production_min = {};
750
+ /** @license React v16.13.1
751
+ * react-is.production.min.js
752
+ *
753
+ * Copyright (c) Facebook, Inc. and its affiliates.
754
+ *
755
+ * This source code is licensed under the MIT license found in the
756
+ * LICENSE file in the root directory of this source tree.
757
+ */
758
+ var b = typeof Symbol === "function" && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f$1 = b ? Symbol.for("react.strict_mode") : 60108, g$1 = b ? Symbol.for("react.profiler") : 60114, h$1 = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m$1 = b ? Symbol.for("react.concurrent_mode") : 60111, n$1 = b ? Symbol.for("react.forward_ref") : 60112, p$1 = b ? Symbol.for("react.suspense") : 60113, q$1 = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
759
+ function z(a) {
760
+ if (typeof a === "object" && a !== null) {
761
+ var u = a.$$typeof;
762
+ switch (u) {
763
+ case c:
764
+ switch (a = a.type, a) {
765
+ case l:
766
+ case m$1:
767
+ case e:
768
+ case g$1:
769
+ case f$1:
770
+ case p$1:
771
+ return a;
772
+ default:
773
+ switch (a = a && a.$$typeof, a) {
774
+ case k:
775
+ case n$1:
776
+ case t:
777
+ case r:
778
+ case h$1:
779
+ return a;
780
+ default:
781
+ return u;
782
+ }
783
+ }
784
+ case d:
785
+ return u;
786
+ }
787
+ }
788
+ }
789
+ function A(a) {
790
+ return z(a) === m$1;
791
+ }
792
+ reactIs_production_min.AsyncMode = l;
793
+ reactIs_production_min.ConcurrentMode = m$1;
794
+ reactIs_production_min.ContextConsumer = k;
795
+ reactIs_production_min.ContextProvider = h$1;
796
+ reactIs_production_min.Element = c;
797
+ reactIs_production_min.ForwardRef = n$1;
798
+ reactIs_production_min.Fragment = e;
799
+ reactIs_production_min.Lazy = t;
800
+ reactIs_production_min.Memo = r;
801
+ reactIs_production_min.Portal = d;
802
+ reactIs_production_min.Profiler = g$1;
803
+ reactIs_production_min.StrictMode = f$1;
804
+ reactIs_production_min.Suspense = p$1;
805
+ reactIs_production_min.isAsyncMode = function(a) {
806
+ return A(a) || z(a) === l;
807
+ };
808
+ reactIs_production_min.isConcurrentMode = A;
809
+ reactIs_production_min.isContextConsumer = function(a) {
810
+ return z(a) === k;
811
+ };
812
+ reactIs_production_min.isContextProvider = function(a) {
813
+ return z(a) === h$1;
814
+ };
815
+ reactIs_production_min.isElement = function(a) {
816
+ return typeof a === "object" && a !== null && a.$$typeof === c;
817
+ };
818
+ reactIs_production_min.isForwardRef = function(a) {
819
+ return z(a) === n$1;
820
+ };
821
+ reactIs_production_min.isFragment = function(a) {
822
+ return z(a) === e;
823
+ };
824
+ reactIs_production_min.isLazy = function(a) {
825
+ return z(a) === t;
826
+ };
827
+ reactIs_production_min.isMemo = function(a) {
828
+ return z(a) === r;
829
+ };
830
+ reactIs_production_min.isPortal = function(a) {
831
+ return z(a) === d;
832
+ };
833
+ reactIs_production_min.isProfiler = function(a) {
834
+ return z(a) === g$1;
835
+ };
836
+ reactIs_production_min.isStrictMode = function(a) {
837
+ return z(a) === f$1;
838
+ };
839
+ reactIs_production_min.isSuspense = function(a) {
840
+ return z(a) === p$1;
841
+ };
842
+ reactIs_production_min.isValidElementType = function(a) {
843
+ return typeof a === "string" || typeof a === "function" || a === e || a === m$1 || a === g$1 || a === f$1 || a === p$1 || a === q$1 || typeof a === "object" && a !== null && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k || a.$$typeof === n$1 || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
844
+ };
845
+ reactIs_production_min.typeOf = z;
846
+ {
847
+ reactIs$1.exports = reactIs_production_min;
848
+ }
849
+ var reactIs = reactIs$1.exports;
850
+ var FORWARD_REF_STATICS = {
851
+ "$$typeof": true,
852
+ render: true,
853
+ defaultProps: true,
854
+ displayName: true,
855
+ propTypes: true
856
+ };
857
+ var MEMO_STATICS = {
858
+ "$$typeof": true,
859
+ compare: true,
860
+ defaultProps: true,
861
+ displayName: true,
862
+ propTypes: true,
863
+ type: true
864
+ };
865
+ var TYPE_STATICS = {};
866
+ TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
867
+ TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
868
+ var isBrowser = true;
869
+ function getRegisteredStyles(registered, registeredStyles, classNames) {
870
+ var rawClassName = "";
871
+ classNames.split(" ").forEach(function(className) {
872
+ if (registered[className] !== void 0) {
873
+ registeredStyles.push(registered[className] + ";");
874
+ } else {
875
+ rawClassName += className + " ";
876
+ }
877
+ });
878
+ return rawClassName;
879
+ }
880
+ var insertStyles = function insertStyles2(cache, serialized, isStringTag) {
881
+ var className = cache.key + "-" + serialized.name;
882
+ if ((isStringTag === false || isBrowser === false) && cache.registered[className] === void 0) {
883
+ cache.registered[className] = serialized.styles;
884
+ }
885
+ if (cache.inserted[serialized.name] === void 0) {
886
+ var current = serialized;
887
+ do {
888
+ cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
889
+ current = current.next;
890
+ } while (current !== void 0);
891
+ }
892
+ };
893
+ function murmur2(str) {
894
+ var h2 = 0;
895
+ var k2, i = 0, len = str.length;
896
+ for (; len >= 4; ++i, len -= 4) {
897
+ k2 = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
898
+ k2 = (k2 & 65535) * 1540483477 + ((k2 >>> 16) * 59797 << 16);
899
+ k2 ^= k2 >>> 24;
900
+ h2 = (k2 & 65535) * 1540483477 + ((k2 >>> 16) * 59797 << 16) ^ (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16);
901
+ }
902
+ switch (len) {
903
+ case 3:
904
+ h2 ^= (str.charCodeAt(i + 2) & 255) << 16;
905
+ case 2:
906
+ h2 ^= (str.charCodeAt(i + 1) & 255) << 8;
907
+ case 1:
908
+ h2 ^= str.charCodeAt(i) & 255;
909
+ h2 = (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16);
910
+ }
911
+ h2 ^= h2 >>> 13;
912
+ h2 = (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16);
913
+ return ((h2 ^ h2 >>> 15) >>> 0).toString(36);
914
+ }
915
+ var unitlessKeys = {
916
+ animationIterationCount: 1,
917
+ borderImageOutset: 1,
918
+ borderImageSlice: 1,
919
+ borderImageWidth: 1,
920
+ boxFlex: 1,
921
+ boxFlexGroup: 1,
922
+ boxOrdinalGroup: 1,
923
+ columnCount: 1,
924
+ columns: 1,
925
+ flex: 1,
926
+ flexGrow: 1,
927
+ flexPositive: 1,
928
+ flexShrink: 1,
929
+ flexNegative: 1,
930
+ flexOrder: 1,
931
+ gridRow: 1,
932
+ gridRowEnd: 1,
933
+ gridRowSpan: 1,
934
+ gridRowStart: 1,
935
+ gridColumn: 1,
936
+ gridColumnEnd: 1,
937
+ gridColumnSpan: 1,
938
+ gridColumnStart: 1,
939
+ msGridRow: 1,
940
+ msGridRowSpan: 1,
941
+ msGridColumn: 1,
942
+ msGridColumnSpan: 1,
943
+ fontWeight: 1,
944
+ lineHeight: 1,
945
+ opacity: 1,
946
+ order: 1,
947
+ orphans: 1,
948
+ tabSize: 1,
949
+ widows: 1,
950
+ zIndex: 1,
951
+ zoom: 1,
952
+ WebkitLineClamp: 1,
953
+ fillOpacity: 1,
954
+ floodOpacity: 1,
955
+ stopOpacity: 1,
956
+ strokeDasharray: 1,
957
+ strokeDashoffset: 1,
958
+ strokeMiterlimit: 1,
959
+ strokeOpacity: 1,
960
+ strokeWidth: 1
961
+ };
962
+ var hyphenateRegex = /[A-Z]|^ms/g;
963
+ var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
964
+ var isCustomProperty = function isCustomProperty2(property) {
965
+ return property.charCodeAt(1) === 45;
966
+ };
967
+ var isProcessableValue = function isProcessableValue2(value) {
968
+ return value != null && typeof value !== "boolean";
969
+ };
970
+ var processStyleName = /* @__PURE__ */ memoize(function(styleName) {
971
+ return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase();
972
+ });
973
+ var processStyleValue = function processStyleValue2(key, value) {
974
+ switch (key) {
975
+ case "animation":
976
+ case "animationName": {
977
+ if (typeof value === "string") {
978
+ return value.replace(animationRegex, function(match2, p1, p2) {
979
+ cursor = {
980
+ name: p1,
981
+ styles: p2,
982
+ next: cursor
983
+ };
984
+ return p1;
985
+ });
986
+ }
987
+ }
988
+ }
989
+ if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) {
990
+ return value + "px";
991
+ }
992
+ return value;
993
+ };
994
+ function handleInterpolation(mergedProps, registered, interpolation) {
995
+ if (interpolation == null) {
996
+ return "";
997
+ }
998
+ if (interpolation.__emotion_styles !== void 0) {
999
+ return interpolation;
1000
+ }
1001
+ switch (typeof interpolation) {
1002
+ case "boolean": {
1003
+ return "";
1004
+ }
1005
+ case "object": {
1006
+ if (interpolation.anim === 1) {
1007
+ cursor = {
1008
+ name: interpolation.name,
1009
+ styles: interpolation.styles,
1010
+ next: cursor
1011
+ };
1012
+ return interpolation.name;
1013
+ }
1014
+ if (interpolation.styles !== void 0) {
1015
+ var next2 = interpolation.next;
1016
+ if (next2 !== void 0) {
1017
+ while (next2 !== void 0) {
1018
+ cursor = {
1019
+ name: next2.name,
1020
+ styles: next2.styles,
1021
+ next: cursor
1022
+ };
1023
+ next2 = next2.next;
1024
+ }
1025
+ }
1026
+ var styles = interpolation.styles + ";";
1027
+ return styles;
1028
+ }
1029
+ return createStringFromObject(mergedProps, registered, interpolation);
1030
+ }
1031
+ case "function": {
1032
+ if (mergedProps !== void 0) {
1033
+ var previousCursor = cursor;
1034
+ var result = interpolation(mergedProps);
1035
+ cursor = previousCursor;
1036
+ return handleInterpolation(mergedProps, registered, result);
1037
+ }
1038
+ break;
1039
+ }
1040
+ }
1041
+ if (registered == null) {
1042
+ return interpolation;
1043
+ }
1044
+ var cached = registered[interpolation];
1045
+ return cached !== void 0 ? cached : interpolation;
1046
+ }
1047
+ function createStringFromObject(mergedProps, registered, obj) {
1048
+ var string = "";
1049
+ if (Array.isArray(obj)) {
1050
+ for (var i = 0; i < obj.length; i++) {
1051
+ string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
1052
+ }
1053
+ } else {
1054
+ for (var _key in obj) {
1055
+ var value = obj[_key];
1056
+ if (typeof value !== "object") {
1057
+ if (registered != null && registered[value] !== void 0) {
1058
+ string += _key + "{" + registered[value] + "}";
1059
+ } else if (isProcessableValue(value)) {
1060
+ string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";";
1061
+ }
1062
+ } else {
1063
+ if (_key === "NO_COMPONENT_SELECTOR" && false) {
1064
+ throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.");
1065
+ }
1066
+ if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
1067
+ for (var _i = 0; _i < value.length; _i++) {
1068
+ if (isProcessableValue(value[_i])) {
1069
+ string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";";
1070
+ }
1071
+ }
1072
+ } else {
1073
+ var interpolated = handleInterpolation(mergedProps, registered, value);
1074
+ switch (_key) {
1075
+ case "animation":
1076
+ case "animationName": {
1077
+ string += processStyleName(_key) + ":" + interpolated + ";";
1078
+ break;
1079
+ }
1080
+ default: {
1081
+ string += _key + "{" + interpolated + "}";
1082
+ }
1083
+ }
1084
+ }
1085
+ }
1086
+ }
1087
+ }
1088
+ return string;
1089
+ }
1090
+ var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
1091
+ var cursor;
1092
+ var serializeStyles = function serializeStyles2(args, registered, mergedProps) {
1093
+ if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) {
1094
+ return args[0];
1095
+ }
1096
+ var stringMode = true;
1097
+ var styles = "";
1098
+ cursor = void 0;
1099
+ var strings = args[0];
1100
+ if (strings == null || strings.raw === void 0) {
1101
+ stringMode = false;
1102
+ styles += handleInterpolation(mergedProps, registered, strings);
1103
+ } else {
1104
+ styles += strings[0];
1105
+ }
1106
+ for (var i = 1; i < args.length; i++) {
1107
+ styles += handleInterpolation(mergedProps, registered, args[i]);
1108
+ if (stringMode) {
1109
+ styles += strings[i];
1110
+ }
1111
+ }
1112
+ labelPattern.lastIndex = 0;
1113
+ var identifierName = "";
1114
+ var match2;
1115
+ while ((match2 = labelPattern.exec(styles)) !== null) {
1116
+ identifierName += "-" + match2[1];
1117
+ }
1118
+ var name = murmur2(styles) + identifierName;
1119
+ return {
1120
+ name,
1121
+ styles,
1122
+ next: cursor
1123
+ };
1124
+ };
1125
+ var hasOwnProperty$1 = {}.hasOwnProperty;
1126
+ var EmotionCacheContext = /* @__PURE__ */ require$$0.createContext(typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({
1127
+ key: "css"
1128
+ }) : null);
1129
+ EmotionCacheContext.Provider;
1130
+ var withEmotionCache = function withEmotionCache2(func) {
1131
+ return /* @__PURE__ */ require$$0.forwardRef(function(props, ref) {
1132
+ var cache = require$$0.useContext(EmotionCacheContext);
1133
+ return func(props, cache, ref);
1134
+ });
1135
+ };
1136
+ var ThemeContext = /* @__PURE__ */ require$$0.createContext({});
1137
+ var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
1138
+ var createEmotionProps = function createEmotionProps2(type, props) {
1139
+ var newProps = {};
1140
+ for (var key in props) {
1141
+ if (hasOwnProperty$1.call(props, key)) {
1142
+ newProps[key] = props[key];
1143
+ }
1144
+ }
1145
+ newProps[typePropName] = type;
1146
+ return newProps;
1147
+ };
1148
+ var Noop$1 = function Noop2() {
1149
+ return null;
1150
+ };
1151
+ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
1152
+ var cssProp = props.css;
1153
+ if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
1154
+ cssProp = cache.registered[cssProp];
1155
+ }
1156
+ var type = props[typePropName];
1157
+ var registeredStyles = [cssProp];
1158
+ var className = "";
1159
+ if (typeof props.className === "string") {
1160
+ className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
1161
+ } else if (props.className != null) {
1162
+ className = props.className + " ";
1163
+ }
1164
+ var serialized = serializeStyles(registeredStyles, void 0, require$$0.useContext(ThemeContext));
1165
+ insertStyles(cache, serialized, typeof type === "string");
1166
+ className += cache.key + "-" + serialized.name;
1167
+ var newProps = {};
1168
+ for (var key in props) {
1169
+ if (hasOwnProperty$1.call(props, key) && key !== "css" && key !== typePropName && true) {
1170
+ newProps[key] = props[key];
1171
+ }
1172
+ }
1173
+ newProps.ref = ref;
1174
+ newProps.className = className;
1175
+ var ele = /* @__PURE__ */ require$$0.createElement(type, newProps);
1176
+ var possiblyStyleElement = /* @__PURE__ */ require$$0.createElement(Noop$1, null);
1177
+ return /* @__PURE__ */ require$$0.createElement(require$$0.Fragment, null, possiblyStyleElement, ele);
1178
+ });
1179
+ function css() {
1180
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1181
+ args[_key] = arguments[_key];
1182
+ }
1183
+ return serializeStyles(args);
1184
+ }
1185
+ var classnames = function classnames2(args) {
1186
+ var len = args.length;
1187
+ var i = 0;
1188
+ var cls = "";
1189
+ for (; i < len; i++) {
1190
+ var arg = args[i];
1191
+ if (arg == null)
1192
+ continue;
1193
+ var toAdd = void 0;
1194
+ switch (typeof arg) {
1195
+ case "boolean":
1196
+ break;
1197
+ case "object": {
1198
+ if (Array.isArray(arg)) {
1199
+ toAdd = classnames2(arg);
1200
+ } else {
1201
+ toAdd = "";
1202
+ for (var k2 in arg) {
1203
+ if (arg[k2] && k2) {
1204
+ toAdd && (toAdd += " ");
1205
+ toAdd += k2;
1206
+ }
1207
+ }
1208
+ }
1209
+ break;
1210
+ }
1211
+ default: {
1212
+ toAdd = arg;
1213
+ }
1214
+ }
1215
+ if (toAdd) {
1216
+ cls && (cls += " ");
1217
+ cls += toAdd;
1218
+ }
1219
+ }
1220
+ return cls;
1221
+ };
1222
+ function merge(registered, css2, className) {
1223
+ var registeredStyles = [];
1224
+ var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
1225
+ if (registeredStyles.length < 2) {
1226
+ return className;
1227
+ }
1228
+ return rawClassName + css2(registeredStyles);
1229
+ }
1230
+ var Noop = function Noop3() {
1231
+ return null;
1232
+ };
1233
+ var ClassNames = /* @__PURE__ */ withEmotionCache(function(props, cache) {
1234
+ var hasRendered = false;
1235
+ var css2 = function css3() {
1236
+ if (hasRendered && false) {
1237
+ throw new Error("css can only be used during render");
1238
+ }
1239
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1240
+ args[_key] = arguments[_key];
1241
+ }
1242
+ var serialized = serializeStyles(args, cache.registered);
1243
+ {
1244
+ insertStyles(cache, serialized, false);
1245
+ }
1246
+ return cache.key + "-" + serialized.name;
1247
+ };
1248
+ var cx = function cx2() {
1249
+ if (hasRendered && false) {
1250
+ throw new Error("cx can only be used during render");
1251
+ }
1252
+ for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
1253
+ args[_key2] = arguments[_key2];
1254
+ }
1255
+ return merge(cache.registered, css2, classnames(args));
1256
+ };
1257
+ var content = {
1258
+ css: css2,
1259
+ cx,
1260
+ theme: require$$0.useContext(ThemeContext)
1261
+ };
1262
+ var ele = props.children(content);
1263
+ hasRendered = true;
1264
+ var possiblyStyleElement = /* @__PURE__ */ require$$0.createElement(Noop, null);
1265
+ return /* @__PURE__ */ require$$0.createElement(require$$0.Fragment, null, possiblyStyleElement, ele);
1266
+ });
1267
+ const white = "#ffffff";
1268
+ const lightGray = "#eeeeee";
1269
+ const gray = "#bdbdbd";
1270
+ const darkGray = "#777";
1271
+ const cell = css({
1272
+ padding: `calc(var(--spacing) * 0.1) var(--spacing)`,
1273
+ display: "flex",
1274
+ alignItems: "center",
1275
+ borderBottom: `1px solid ${lightGray}`,
1276
+ whiteSpace: "nowrap",
1277
+ overflow: "hidden",
1278
+ background: "white"
1279
+ });
1280
+ const defaultClasses = {
1281
+ table: css({
1282
+ position: "relative",
1283
+ display: "grid"
1284
+ }),
1285
+ cell,
1286
+ cellFill: css({
1287
+ borderBottom: `1px solid ${lightGray}`
1288
+ }),
1289
+ headerCell: css(cell, {
1290
+ padding: `var(--spacing) 0 var(--spacing) var(--spacing)`,
1291
+ borderBottom: `2px solid ${gray}`,
1292
+ gridTemplateColumns: "minmax(0, 1fr) max-content",
1293
+ background: white,
1294
+ gap: "var(--spacing)"
1295
+ }),
1296
+ firstCell: css({
1297
+ justifyContent: "start"
1298
+ }),
1299
+ sticky: css({
1300
+ position: "sticky",
1301
+ top: 0,
1302
+ zIndex: 2
1303
+ }),
1304
+ headerFill: css({
1305
+ borderBottom: `2px solid ${gray}`,
1306
+ background: white
1307
+ }),
1308
+ text: css({
1309
+ minWidth: 0,
1310
+ overflow: "hidden",
1311
+ textOverflow: "ellipsis"
1312
+ }),
1313
+ card: css({
1314
+ borderRadius: 4,
1315
+ boxShadow: "0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)",
1316
+ background: "white"
1317
+ })
1318
+ };
1319
+ var jsxRuntime = { exports: {} };
1320
+ var reactJsxRuntime_production_min = {};
1321
+ /*
1322
+ object-assign
1323
+ (c) Sindre Sorhus
1324
+ @license MIT
1325
+ */
1326
+ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
1327
+ var hasOwnProperty = Object.prototype.hasOwnProperty;
1328
+ var propIsEnumerable = Object.prototype.propertyIsEnumerable;
1329
+ function toObject(val) {
1330
+ if (val === null || val === void 0) {
1331
+ throw new TypeError("Object.assign cannot be called with null or undefined");
1332
+ }
1333
+ return Object(val);
1334
+ }
1335
+ function shouldUseNative() {
1336
+ try {
1337
+ if (!Object.assign) {
1338
+ return false;
1339
+ }
1340
+ var test1 = new String("abc");
1341
+ test1[5] = "de";
1342
+ if (Object.getOwnPropertyNames(test1)[0] === "5") {
1343
+ return false;
1344
+ }
1345
+ var test2 = {};
1346
+ for (var i = 0; i < 10; i++) {
1347
+ test2["_" + String.fromCharCode(i)] = i;
1348
+ }
1349
+ var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
1350
+ return test2[n2];
1351
+ });
1352
+ if (order2.join("") !== "0123456789") {
1353
+ return false;
1354
+ }
1355
+ var test3 = {};
1356
+ "abcdefghijklmnopqrst".split("").forEach(function(letter) {
1357
+ test3[letter] = letter;
1358
+ });
1359
+ if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
1360
+ return false;
1361
+ }
1362
+ return true;
1363
+ } catch (err) {
1364
+ return false;
1365
+ }
1366
+ }
1367
+ shouldUseNative() ? Object.assign : function(target, source) {
1368
+ var from2;
1369
+ var to = toObject(target);
1370
+ var symbols;
1371
+ for (var s = 1; s < arguments.length; s++) {
1372
+ from2 = Object(arguments[s]);
1373
+ for (var key in from2) {
1374
+ if (hasOwnProperty.call(from2, key)) {
1375
+ to[key] = from2[key];
1376
+ }
1377
+ }
1378
+ if (getOwnPropertySymbols) {
1379
+ symbols = getOwnPropertySymbols(from2);
1380
+ for (var i = 0; i < symbols.length; i++) {
1381
+ if (propIsEnumerable.call(from2, symbols[i])) {
1382
+ to[symbols[i]] = from2[symbols[i]];
1383
+ }
1384
+ }
1385
+ }
1386
+ }
1387
+ return to;
1388
+ };
1389
+ /** @license React v17.0.2
1390
+ * react-jsx-runtime.production.min.js
1391
+ *
1392
+ * Copyright (c) Facebook, Inc. and its affiliates.
1393
+ *
1394
+ * This source code is licensed under the MIT license found in the
1395
+ * LICENSE file in the root directory of this source tree.
1396
+ */
1397
+ var f = require$$0__default["default"], g = 60103;
1398
+ reactJsxRuntime_production_min.Fragment = 60107;
1399
+ if (typeof Symbol === "function" && Symbol.for) {
1400
+ var h = Symbol.for;
1401
+ g = h("react.element");
1402
+ reactJsxRuntime_production_min.Fragment = h("react.fragment");
1403
+ }
1404
+ var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
1405
+ function q(c2, a, k2) {
1406
+ var b2, d2 = {}, e2 = null, l2 = null;
1407
+ k2 !== void 0 && (e2 = "" + k2);
1408
+ a.key !== void 0 && (e2 = "" + a.key);
1409
+ a.ref !== void 0 && (l2 = a.ref);
1410
+ for (b2 in a)
1411
+ n.call(a, b2) && !p.hasOwnProperty(b2) && (d2[b2] = a[b2]);
1412
+ if (c2 && c2.defaultProps)
1413
+ for (b2 in a = c2.defaultProps, a)
1414
+ d2[b2] === void 0 && (d2[b2] = a[b2]);
1415
+ return { $$typeof: g, type: c2, key: e2, ref: l2, props: d2, _owner: m.current };
1416
+ }
1417
+ reactJsxRuntime_production_min.jsx = q;
1418
+ reactJsxRuntime_production_min.jsxs = q;
1419
+ {
1420
+ jsxRuntime.exports = reactJsxRuntime_production_min;
1421
+ }
1422
+ const jsx$1 = jsxRuntime.exports.jsx;
1423
+ const jsxs$1 = jsxRuntime.exports.jsxs;
1424
+ const Fragment$1 = jsxRuntime.exports.Fragment;
1425
+ var Fragment = Fragment$1;
1426
+ function jsx(type, props, key) {
1427
+ if (!hasOwnProperty$1.call(props, "css")) {
1428
+ return jsx$1(type, props, key);
1429
+ }
1430
+ return jsx$1(Emotion, createEmotionProps(type, props), key);
1431
+ }
1432
+ function jsxs(type, props, key) {
1433
+ if (!hasOwnProperty$1.call(props, "css")) {
1434
+ return jsxs$1(type, props, key);
1435
+ }
1436
+ return jsxs$1(Emotion, createEmotionProps(type, props), key);
1437
+ }
1438
+ const defaultColors = {
1439
+ primary: { main: "#1976d2", light: "#42a5f5", contrastText: "#fff" },
1440
+ secondary: { main: "#9c27b0", light: "#ba68c8", contrastText: "#fff" }
1441
+ };
1442
+ const IconDefaultStyle = css({
1443
+ width: "1.5em",
1444
+ height: "1.5em",
1445
+ color: "inherit"
1446
+ });
1447
+ function Icon(svg) {
1448
+ return (props) => jsx(ClassNames, {
1449
+ children: ({
1450
+ css: css2
1451
+ }) => require$$0.cloneElement(svg, __spreadProps(__spreadValues({}, props), {
1452
+ className: css2(IconDefaultStyle, props.className)
1453
+ }))
1454
+ });
1455
+ }
1456
+ const Settings = Icon(jsxs("svg", {
1457
+ xmlns: "http://www.w3.org/2000/svg",
1458
+ height: "24px",
1459
+ viewBox: "0 0 24 24",
1460
+ width: "24px",
1461
+ fill: "currentColor",
1462
+ children: [jsx("path", {
1463
+ d: "M0 0h24v24H0V0z",
1464
+ fill: "none"
1465
+ }), jsx("path", {
1466
+ d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"
1467
+ })]
1468
+ }));
1469
+ const Export = Icon(jsxs("svg", {
1470
+ xmlns: "http://www.w3.org/2000/svg",
1471
+ enableBackground: "new 0 0 24 24",
1472
+ height: "24px",
1473
+ viewBox: "0 0 24 24",
1474
+ width: "24px",
1475
+ fill: "currentColor",
1476
+ children: [jsx("g", {
1477
+ children: jsx("rect", {
1478
+ fill: "none",
1479
+ height: "24",
1480
+ width: "24"
1481
+ })
1482
+ }), jsx("g", {
1483
+ children: jsx("path", {
1484
+ d: "M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"
1485
+ })
1486
+ })]
1487
+ }));
1488
+ const Clipboard = Icon(jsxs("svg", {
1489
+ xmlns: "http://www.w3.org/2000/svg",
1490
+ height: "24px",
1491
+ viewBox: "0 0 24 24",
1492
+ width: "24px",
1493
+ fill: "currentColor",
1494
+ children: [jsx("path", {
1495
+ d: "M0 0h24v24H0V0z",
1496
+ fill: "none"
1497
+ }), jsx("path", {
1498
+ d: "M19 2h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"
1499
+ })]
1500
+ }));
1501
+ const ChevronRight = Icon(jsxs("svg", {
1502
+ xmlns: "http://www.w3.org/2000/svg",
1503
+ height: "24px",
1504
+ viewBox: "0 0 24 24",
1505
+ width: "24px",
1506
+ fill: "currentColor",
1507
+ children: [jsx("path", {
1508
+ d: "M0 0h24v24H0V0z",
1509
+ fill: "none"
1510
+ }), jsx("path", {
1511
+ d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"
1512
+ })]
1513
+ }));
1514
+ const Search = Icon(jsxs("svg", {
1515
+ xmlns: "http://www.w3.org/2000/svg",
1516
+ height: "24px",
1517
+ viewBox: "0 0 24 24",
1518
+ width: "24px",
1519
+ fill: "currentColor",
1520
+ children: [jsx("path", {
1521
+ d: "M0 0h24v24H0V0z",
1522
+ fill: "none"
1523
+ }), jsx("path", {
1524
+ d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
1525
+ })]
1526
+ }));
1527
+ const Clear = Icon(jsxs("svg", {
1528
+ xmlns: "http://www.w3.org/2000/svg",
1529
+ height: "24px",
1530
+ viewBox: "0 0 24 24",
1531
+ width: "24px",
1532
+ fill: "currentColor",
1533
+ children: [jsx("path", {
1534
+ d: "M0 0h24v24H0V0z",
1535
+ fill: "none"
1536
+ }), jsx("path", {
1537
+ d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
1538
+ })]
1539
+ }));
1540
+ const ArrowDropDown = Icon(jsxs("svg", {
1541
+ xmlns: "http://www.w3.org/2000/svg",
1542
+ height: "24px",
1543
+ viewBox: "0 0 24 24",
1544
+ width: "24px",
1545
+ fill: "currentColor",
1546
+ children: [jsx("path", {
1547
+ d: "M0 0h24v24H0V0z",
1548
+ fill: "none"
1549
+ }), jsx("path", {
1550
+ d: "M7 10l5 5 5-5H7z"
1551
+ })]
1552
+ }));
1553
+ const FilterList = Icon(jsxs("svg", {
1554
+ xmlns: "http://www.w3.org/2000/svg",
1555
+ height: "24px",
1556
+ viewBox: "0 0 24 24",
1557
+ width: "24px",
1558
+ fill: "currentColor",
1559
+ children: [jsx("path", {
1560
+ d: "M0 0h24v24H0V0z",
1561
+ fill: "none"
1562
+ }), jsx("path", {
1563
+ d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1564
+ })]
1565
+ }));
1566
+ const ArrowUpward = Icon(jsxs("svg", {
1567
+ xmlns: "http://www.w3.org/2000/svg",
1568
+ height: "24px",
1569
+ viewBox: "0 0 24 24",
1570
+ width: "24px",
1571
+ fill: "currentColor",
1572
+ children: [jsx("path", {
1573
+ d: "M0 0h24v24H0V0z",
1574
+ fill: "none"
1575
+ }), jsx("path", {
1576
+ d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
1577
+ })]
1578
+ }));
1579
+ const defaultIcons = {
1580
+ Settings,
1581
+ Export,
1582
+ Clipboard,
1583
+ ChevronRight,
1584
+ Search,
1585
+ Clear,
1586
+ ArrowDropDown,
1587
+ FilterList,
1588
+ ArrowUpward
1589
+ };
1590
+ const defaultTexts = {
1591
+ selectColumns: "Select visible columns",
1592
+ noResults: "No results",
1593
+ exportTitle: "Export",
1594
+ exportCopy: "To clipboard",
1595
+ exportDownload: "Download",
1596
+ selectFilter: "Select filters",
1597
+ dateFilter: "Select a date (range)",
1598
+ textFilter: "Type to filter",
1599
+ reset: "Reset",
1600
+ today: "Today",
1601
+ loading: "Loading"
1602
+ };
1603
+ function Spinner({
1604
+ className
1605
+ }) {
1606
+ return jsxs("div", {
1607
+ className,
1608
+ css: css`
1609
+ display: inline-block;
1610
+ position: relative;
1611
+ width: 1em;
1612
+ height: 1em;
1613
+
1614
+ div {
1615
+ box-sizing: border-box;
1616
+ display: block;
1617
+ position: absolute;
1618
+ width: 0.8em;
1619
+ height: 0.8em;
1620
+ margin: 0.1em;
1621
+ border: 0.1em solid #fff;
1622
+ border-radius: 50%;
1623
+ animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
1624
+ border-color: currentColor transparent transparent transparent;
1625
+ }
1626
+ div:nth-of-type(1) {
1627
+ animation-delay: -0.45s;
1628
+ }
1629
+ div:nth-of-type(2) {
1630
+ animation-delay: -0.3s;
1631
+ }
1632
+ div:nth-of-type(3) {
1633
+ animation-delay: -0.15s;
1634
+ }
1635
+ @keyframes lds-ring {
1636
+ 0% {
1637
+ transform: rotate(0deg);
1638
+ }
1639
+ 100% {
1640
+ transform: rotate(360deg);
1641
+ }
1642
+ }
1643
+ `,
1644
+ children: [jsx("div", {}), jsx("div", {}), jsx("div", {})]
1645
+ });
1646
+ }
1647
+ const Badge = ({
1648
+ badgeContent,
1649
+ children
1650
+ }) => {
1651
+ if (!open)
1652
+ return null;
1653
+ return jsxs("span", {
1654
+ css: {
1655
+ display: "inline-flex",
1656
+ position: "relative",
1657
+ flexShrink: 0,
1658
+ verticalAlign: "middle"
1659
+ },
1660
+ children: [children, jsx("span", {
1661
+ css: [{
1662
+ top: 0,
1663
+ right: 0,
1664
+ transform: "scale(1) translate(50%, -50%)",
1665
+ transformOrigin: "100% 0%",
1666
+ height: 20,
1667
+ display: "flex",
1668
+ padding: "0 6px",
1669
+ zIndex: 1,
1670
+ position: "absolute",
1671
+ flexWrap: "wrap",
1672
+ minWidth: 20,
1673
+ transition: "transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
1674
+ alignItems: "center",
1675
+ lineHeight: 1,
1676
+ alignContent: "center",
1677
+ borderRadius: 10,
1678
+ justifyContent: "center",
1679
+ fontSize: "0.8em"
1680
+ }, !badgeContent && {
1681
+ transform: "scale(0) translate(50%, -50%)",
1682
+ transition: "transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
1683
+ }],
1684
+ children: badgeContent
1685
+ })]
1686
+ });
1687
+ };
1688
+ const Button = (_a) => {
1689
+ var _b = _a, {
1690
+ startIcon,
1691
+ children,
1692
+ variant = "text"
1693
+ } = _b, props = __objRest(_b, [
1694
+ "startIcon",
1695
+ "children",
1696
+ "variant"
1697
+ ]);
1698
+ return jsxs("button", __spreadProps(__spreadValues({
1699
+ css: [{
1700
+ padding: `var(--spacing) calc(var(--spacing) * 2)`,
1701
+ display: "inline-flex",
1702
+ alignItems: "center",
1703
+ transition: "background-color 150ms",
1704
+ border: "none",
1705
+ cursor: "pointer",
1706
+ background: "transparent",
1707
+ borderRadius: 4,
1708
+ "&:active:not(:disabled)": {
1709
+ transform: "scale3d(0.95, 0.95, 1)"
1710
+ }
1711
+ }, variant === "text" && {
1712
+ "&:hover": {
1713
+ background: "rgba(0, 0, 0, 0.1)"
1714
+ }
1715
+ }, variant === "outlined" && {
1716
+ border: `1px solid ${darkGray}`,
1717
+ "&:disabled": {
1718
+ borderColor: lightGray
1719
+ }
1720
+ }, variant === "contained" && {
1721
+ color: "var(--primaryContrastText)",
1722
+ backgroundColor: "var(--primaryMain)",
1723
+ boxShadow: "0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%)",
1724
+ "&:hover": {
1725
+ filter: "brightness(0.9)"
1726
+ },
1727
+ "&:disabled": {
1728
+ filter: "grayscale()",
1729
+ opacity: 0.5
1730
+ }
1731
+ }]
1732
+ }, props), {
1733
+ children: [startIcon && jsx("span", {
1734
+ css: {
1735
+ marginRight: `calc(var(--spacing) * 2)`
1736
+ },
1737
+ children: startIcon
1738
+ }), jsx("span", {
1739
+ children
1740
+ })]
1741
+ }));
1742
+ };
1743
+ const Checkbox = (props) => {
1744
+ return jsxs("label", {
1745
+ css: {
1746
+ padding: "calc(var(--spacing) * 1.8)",
1747
+ display: "flex",
1748
+ color: "currentcolor",
1749
+ "& input": {
1750
+ appearance: "none",
1751
+ margin: 0
1752
+ }
1753
+ },
1754
+ children: [jsx("input", __spreadValues({
1755
+ type: "checkbox"
1756
+ }, props)), props.checked ? jsx("svg", {
1757
+ css: {
1758
+ fontSize: "1.25rem",
1759
+ width: "1em",
1760
+ height: "1em",
1761
+ fill: "var(--primaryMain)"
1762
+ },
1763
+ focusable: "false",
1764
+ viewBox: "0 0 24 24",
1765
+ "aria-hidden": "true",
1766
+ children: jsx("path", {
1767
+ d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
1768
+ })
1769
+ }) : jsx("svg", {
1770
+ css: {
1771
+ fontSize: "1.25rem",
1772
+ width: "1em",
1773
+ height: "1em",
1774
+ fill: "currentColor"
1775
+ },
1776
+ focusable: "false",
1777
+ viewBox: "0 0 24 24",
1778
+ "aria-hidden": "true",
1779
+ children: jsx("path", {
1780
+ d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
1781
+ })
1782
+ })]
1783
+ });
1784
+ };
1785
+ const IconButton = (props) => {
1786
+ return jsx("button", __spreadValues({
1787
+ css: {
1788
+ padding: "var(--spacing)",
1789
+ borderRadius: "50%",
1790
+ display: "inline-flex",
1791
+ justifyContent: "center",
1792
+ alignItems: "center",
1793
+ transition: "background-color 150ms",
1794
+ border: "none",
1795
+ cursor: "pointer",
1796
+ color: "inherit",
1797
+ background: "transparent",
1798
+ "&:hover": {
1799
+ backgroundColor: "rgba(0, 0, 0, 0.1)"
1800
+ },
1801
+ "&:active": {
1802
+ transformColor: "scale3d(0.95, 0.95, 1)"
1803
+ }
1804
+ }
1805
+ }, props));
1806
+ };
1807
+ const MARGIN = 10;
1808
+ const MAX_OFFSET = 20;
1809
+ const PopoverContext = require$$0.createContext(0);
1810
+ const Popover = ({
1811
+ anchorEl,
1812
+ open: open2,
1813
+ hidden,
1814
+ onClose,
1815
+ children,
1816
+ className,
1817
+ align
1818
+ }) => {
1819
+ const popper = require$$0.useRef(null);
1820
+ const [position2, setPosition] = require$$0.useState();
1821
+ require$$0.useLayoutEffect(() => {
1822
+ if (!anchorEl || !open2) {
1823
+ setPosition(void 0);
1824
+ return;
1825
+ }
1826
+ let last;
1827
+ function check() {
1828
+ var _a, _b;
1829
+ if (!anchorEl)
1830
+ return;
1831
+ const {
1832
+ left: anchorLeft,
1833
+ bottom: anchorBottom,
1834
+ width: anchorWidth
1835
+ } = anchorEl.getBoundingClientRect();
1836
+ const {
1837
+ width: popperWidth = 0,
1838
+ height: popperHeight = 0
1839
+ } = (_b = (_a = popper.current) == null ? void 0 : _a.getBoundingClientRect()) != null ? _b : {};
1840
+ const viewportWidth = document.documentElement.clientWidth;
1841
+ const viewportHeight = document.documentElement.clientHeight;
1842
+ const next2 = {
1843
+ left: align === "center" ? anchorLeft + anchorWidth / 2 - popperWidth / 2 : anchorLeft - Math.min(popperWidth ? popperWidth / 2 : Infinity, MAX_OFFSET),
1844
+ top: anchorBottom
1845
+ };
1846
+ if (next2.left + popperWidth + MARGIN > viewportWidth) {
1847
+ next2.left = viewportWidth - popperWidth - MARGIN;
1848
+ }
1849
+ if (next2.top + popperHeight + MARGIN > viewportHeight) {
1850
+ next2.top = viewportHeight - popperHeight - MARGIN;
1851
+ }
1852
+ if (next2.left !== (last == null ? void 0 : last.left) || next2.top !== (last == null ? void 0 : last.top)) {
1853
+ setPosition(next2);
1854
+ }
1855
+ last = next2;
1856
+ }
1857
+ check();
1858
+ const handle = setInterval(check, 16);
1859
+ return () => {
1860
+ clearInterval(handle);
1861
+ };
1862
+ }, [anchorEl, open2]);
1863
+ const depth = require$$0.useContext(PopoverContext);
1864
+ if (!open2)
1865
+ return null;
1866
+ return jsx(PopoverContext.Provider, {
1867
+ value: depth + 1,
1868
+ children: reactDom.createPortal(jsxs(Fragment, {
1869
+ children: [jsx("div", {
1870
+ css: [{
1871
+ position: "fixed",
1872
+ left: 0,
1873
+ right: 0,
1874
+ top: 0,
1875
+ bottom: 0,
1876
+ zIndex: 1e3 + depth * 2
1877
+ }, hidden && {
1878
+ display: "none"
1879
+ }],
1880
+ onClick: () => onClose()
1881
+ }), jsx("div", {
1882
+ ref: popper,
1883
+ className,
1884
+ css: [defaultClasses.card, __spreadProps(__spreadValues({
1885
+ position: "fixed",
1886
+ maxWidth: document.documentElement.clientWidth,
1887
+ maxHeight: document.documentElement.clientHeight
1888
+ }, position2), {
1889
+ zIndex: 1001 + depth * 2
1890
+ }), hidden && {
1891
+ display: "none"
1892
+ }, !position2 && {
1893
+ visibility: "hidden"
1894
+ }],
1895
+ children
1896
+ })]
1897
+ }), document.body)
1898
+ });
1899
+ };
1900
+ const TextField = (_c) => {
1901
+ var _d = _c, {
1902
+ endIcon,
1903
+ className
1904
+ } = _d, props = __objRest(_d, [
1905
+ "endIcon",
1906
+ "className"
1907
+ ]);
1908
+ var _a;
1909
+ const [focus, setFocus] = require$$0.useState(false);
1910
+ return jsxs("span", {
1911
+ className,
1912
+ css: [{
1913
+ display: "flex",
1914
+ border: `1px solid ${darkGray}`,
1915
+ borderRadius: 4
1916
+ }, focus && {
1917
+ border: "2px solid var(--primaryMain)",
1918
+ margin: -1
1919
+ }],
1920
+ children: [jsx("input", __spreadProps(__spreadValues({}, props), {
1921
+ value: (_a = props.value) != null ? _a : "",
1922
+ onFocus: () => setFocus(true),
1923
+ onBlur: () => setFocus(false),
1924
+ css: {
1925
+ border: "none",
1926
+ outline: "none",
1927
+ borderRadius: 4,
1928
+ padding: "calc(var(--spacing) * 2)",
1929
+ paddingRight: 0,
1930
+ transition: "outline 500ms"
1931
+ }
1932
+ })), endIcon]
1933
+ });
1934
+ };
1935
+ const defaultComponents = {
1936
+ IconButton,
1937
+ Checkbox,
1938
+ Popover,
1939
+ Button,
1940
+ Badge,
1941
+ TextField,
1942
+ Spinner
1943
+ };
1944
+ const defaultTableTheme = {
1945
+ text: defaultTexts,
1946
+ components: defaultComponents,
1947
+ icons: defaultIcons,
1948
+ colors: defaultColors,
1949
+ spacing: "5px"
1950
+ };
1951
+ let globalTableTheme = {};
1952
+ function configureTableTheme(tableTheme) {
1953
+ globalTableTheme = tableTheme;
1954
+ }
1955
+ const TableThemeContext = require$$0.createContext({});
1956
+ function mergeThemes(...themes) {
1957
+ return {
1958
+ text: Object.assign({}, ...themes.map((theme) => theme.text)),
1959
+ css: Object.assign({}, ...themes.map((theme) => theme.css)),
1960
+ components: Object.assign({}, ...themes.map((theme) => theme.components)),
1961
+ icons: Object.assign({}, ...themes.map((theme) => theme.icons)),
1962
+ colors: {
1963
+ primary: Object.assign({}, ...themes.map((theme) => {
1964
+ var _a;
1965
+ return (_a = theme.colors) == null ? void 0 : _a.primary;
1966
+ })),
1967
+ secondary: Object.assign({}, ...themes.map((theme) => {
1968
+ var _a;
1969
+ return (_a = theme.colors) == null ? void 0 : _a.secondary;
1970
+ }))
1971
+ },
1972
+ spacing: themes.map((theme) => theme.spacing).reverse().find((x2) => x2 !== void 0)
1973
+ };
1974
+ }
1975
+ function useTableTheme(props) {
1976
+ const contextTableTheme = require$$0.useContext(TableThemeContext);
1977
+ return mergeThemes(defaultTableTheme, globalTableTheme, contextTableTheme, props);
1978
+ }
1979
+ exports.Fragment = Fragment;
1980
+ exports.Popover = Popover;
1981
+ exports.TableThemeContext = TableThemeContext;
1982
+ exports.configureTableTheme = configureTableTheme;
1983
+ exports.defaultClasses = defaultClasses;
1984
+ exports.gray = gray;
1985
+ exports.jsx = jsx;
1986
+ exports.jsx$1 = jsx$1;
1987
+ exports.jsxs = jsxs;
1988
+ exports.mergeThemes = mergeThemes;
1989
+ exports.useTableTheme = useTableTheme;
1990
+ //# sourceMappingURL=tableTheme.js.map