@notificationapi/react 1.6.2 → 1.8.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.
Files changed (57) hide show
  1. package/dist/assets/Badge.js +4 -3
  2. package/dist/assets/Box.js +26 -24
  3. package/dist/assets/Button.js +20 -18
  4. package/dist/assets/ButtonBase.js +193 -185
  5. package/dist/assets/DefaultPropsProvider.js +416 -4199
  6. package/dist/assets/DefaultPropsProvider2.js +992 -0
  7. package/dist/assets/Divider.js +2 -1
  8. package/dist/assets/GlobalStyles.js +23 -0
  9. package/dist/assets/Grow.js +87 -92
  10. package/dist/assets/IconButton.js +8 -7
  11. package/dist/assets/List.js +12 -11
  12. package/dist/assets/Modal.js +18 -17
  13. package/dist/assets/Notification.js +787 -770
  14. package/dist/assets/Paper.js +6 -6
  15. package/dist/assets/Popover.js +38 -37
  16. package/dist/assets/Portal.js +38 -48
  17. package/dist/assets/Stack.js +32 -30
  18. package/dist/assets/Typography.js +84 -97
  19. package/dist/assets/createSvgIcon.js +25 -24
  20. package/dist/assets/createTheme.js +2828 -0
  21. package/dist/assets/dividerClasses.js +16 -15
  22. package/dist/assets/exactProp.js +13 -0
  23. package/dist/assets/index.js +19 -148
  24. package/dist/assets/index2.js +151 -0
  25. package/dist/assets/useTheme.js +6 -7
  26. package/dist/assets/{useTheme2.js → useThemeWithoutDefault.js} +63 -67
  27. package/dist/assets/utils.js +2 -2
  28. package/dist/components/Notifications/DefaultEmpty.d.ts +0 -1
  29. package/dist/components/Notifications/Inbox.d.ts +0 -1
  30. package/dist/components/Notifications/Inbox.js +592 -582
  31. package/dist/components/Notifications/InboxHeader.js +31 -30
  32. package/dist/components/Notifications/Notification.d.ts +0 -1
  33. package/dist/components/Notifications/Notification.js +4 -2
  34. package/dist/components/Notifications/NotificationCounter.d.ts +0 -1
  35. package/dist/components/Notifications/NotificationFeed.d.ts +0 -1
  36. package/dist/components/Notifications/NotificationFeed.js +40 -32
  37. package/dist/components/Notifications/NotificationLauncher.d.ts +0 -1
  38. package/dist/components/Notifications/NotificationLauncher.js +90 -64
  39. package/dist/components/Notifications/NotificationPopup.d.ts +0 -1
  40. package/dist/components/Notifications/NotificationPopup.js +76 -65
  41. package/dist/components/Notifications/UnreadBadge.d.ts +0 -1
  42. package/dist/components/Preferences/NotificationPreferencesInline.js +57 -39
  43. package/dist/components/Preferences/NotificationPreferencesPopup.js +111 -99
  44. package/dist/components/Preferences/PreferenceInput.d.ts +0 -1
  45. package/dist/components/Preferences/PreferenceInput.js +427 -414
  46. package/dist/components/Preferences/Preferences.js +329 -278
  47. package/dist/components/Preferences/channelUtils.d.ts +0 -1
  48. package/dist/components/Provider/context.d.ts +0 -1
  49. package/dist/components/Provider/index.d.ts +4 -2
  50. package/dist/components/Provider/index.js +986 -375
  51. package/dist/components/Slack/SlackConnect.js +8 -7
  52. package/dist/components/WebPush/WebPushOptInMessage.d.ts +0 -1
  53. package/dist/main.d.ts +2 -1
  54. package/dist/main.js +6 -3
  55. package/dist/utils/theme.d.ts +17 -0
  56. package/dist/utils/theme.js +104 -0
  57. package/package.json +7 -3
@@ -0,0 +1,992 @@
1
+ import * as $ from "react";
2
+ import { forwardRef as $e, useContext as ke } from "react";
3
+ import { P as se } from "./createTheme.js";
4
+ import { jsx as Pe } from "react/jsx-runtime";
5
+ const Ar = "$$material";
6
+ var Ae = !1;
7
+ function Oe(e) {
8
+ if (e.sheet)
9
+ return e.sheet;
10
+ for (var r = 0; r < document.styleSheets.length; r++)
11
+ if (document.styleSheets[r].ownerNode === e)
12
+ return document.styleSheets[r];
13
+ }
14
+ function Te(e) {
15
+ var r = document.createElement("style");
16
+ return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
17
+ }
18
+ var Ne = /* @__PURE__ */ function() {
19
+ function e(t) {
20
+ var n = this;
21
+ this._insertTag = function(a) {
22
+ var s;
23
+ n.tags.length === 0 ? n.insertionPoint ? s = n.insertionPoint.nextSibling : n.prepend ? s = n.container.firstChild : s = n.before : s = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, s), n.tags.push(a);
24
+ }, this.isSpeedy = t.speedy === void 0 ? !Ae : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
25
+ }
26
+ var r = e.prototype;
27
+ return r.hydrate = function(n) {
28
+ n.forEach(this._insertTag);
29
+ }, r.insert = function(n) {
30
+ this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Te(this));
31
+ var a = this.tags[this.tags.length - 1];
32
+ if (this.isSpeedy) {
33
+ var s = Oe(a);
34
+ try {
35
+ s.insertRule(n, s.cssRules.length);
36
+ } catch {
37
+ }
38
+ } else
39
+ a.appendChild(document.createTextNode(n));
40
+ this.ctr++;
41
+ }, r.flush = function() {
42
+ this.tags.forEach(function(n) {
43
+ var a;
44
+ return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
45
+ }), this.tags = [], this.ctr = 0;
46
+ }, e;
47
+ }(), x = "-ms-", Y = "-moz-", f = "-webkit-", he = "comm", te = "rule", ne = "decl", Re = "@import", le = "@keyframes", Ie = "@layer", _e = Math.abs, q = String.fromCharCode, Me = Object.assign;
48
+ function De(e, r) {
49
+ return y(e, 0) ^ 45 ? (((r << 2 ^ y(e, 0)) << 2 ^ y(e, 1)) << 2 ^ y(e, 2)) << 2 ^ y(e, 3) : 0;
50
+ }
51
+ function pe(e) {
52
+ return e.trim();
53
+ }
54
+ function Le(e, r) {
55
+ return (e = r.exec(e)) ? e[0] : e;
56
+ }
57
+ function u(e, r, t) {
58
+ return e.replace(r, t);
59
+ }
60
+ function Q(e, r) {
61
+ return e.indexOf(r);
62
+ }
63
+ function y(e, r) {
64
+ return e.charCodeAt(r) | 0;
65
+ }
66
+ function W(e, r, t) {
67
+ return e.slice(r, t);
68
+ }
69
+ function A(e) {
70
+ return e.length;
71
+ }
72
+ function ae(e) {
73
+ return e.length;
74
+ }
75
+ function V(e, r) {
76
+ return r.push(e), e;
77
+ }
78
+ function We(e, r) {
79
+ return e.map(r).join("");
80
+ }
81
+ var U = 1, M = 1, me = 0, E = 0, v = 0, D = "";
82
+ function Z(e, r, t, n, a, s, i) {
83
+ return { value: e, root: r, parent: t, type: n, props: a, children: s, line: U, column: M, length: i, return: "" };
84
+ }
85
+ function L(e, r) {
86
+ return Me(Z("", null, null, "", null, null, 0), e, { length: -e.length }, r);
87
+ }
88
+ function Fe() {
89
+ return v;
90
+ }
91
+ function Ge() {
92
+ return v = E > 0 ? y(D, --E) : 0, M--, v === 10 && (M = 1, U--), v;
93
+ }
94
+ function S() {
95
+ return v = E < me ? y(D, E++) : 0, M++, v === 10 && (M = 1, U++), v;
96
+ }
97
+ function T() {
98
+ return y(D, E);
99
+ }
100
+ function H() {
101
+ return E;
102
+ }
103
+ function j(e, r) {
104
+ return W(D, e, r);
105
+ }
106
+ function F(e) {
107
+ switch (e) {
108
+ // \0 \t \n \r \s whitespace token
109
+ case 0:
110
+ case 9:
111
+ case 10:
112
+ case 13:
113
+ case 32:
114
+ return 5;
115
+ // ! + , / > @ ~ isolate token
116
+ case 33:
117
+ case 43:
118
+ case 44:
119
+ case 47:
120
+ case 62:
121
+ case 64:
122
+ case 126:
123
+ // ; { } breakpoint token
124
+ case 59:
125
+ case 123:
126
+ case 125:
127
+ return 4;
128
+ // : accompanied token
129
+ case 58:
130
+ return 3;
131
+ // " ' ( [ opening delimit token
132
+ case 34:
133
+ case 39:
134
+ case 40:
135
+ case 91:
136
+ return 2;
137
+ // ) ] closing delimit token
138
+ case 41:
139
+ case 93:
140
+ return 1;
141
+ }
142
+ return 0;
143
+ }
144
+ function be(e) {
145
+ return U = M = 1, me = A(D = e), E = 0, [];
146
+ }
147
+ function ve(e) {
148
+ return D = "", e;
149
+ }
150
+ function K(e) {
151
+ return pe(j(E - 1, X(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
152
+ }
153
+ function je(e) {
154
+ for (; (v = T()) && v < 33; )
155
+ S();
156
+ return F(e) > 2 || F(v) > 3 ? "" : " ";
157
+ }
158
+ function ze(e, r) {
159
+ for (; --r && S() && !(v < 48 || v > 102 || v > 57 && v < 65 || v > 70 && v < 97); )
160
+ ;
161
+ return j(e, H() + (r < 6 && T() == 32 && S() == 32));
162
+ }
163
+ function X(e) {
164
+ for (; S(); )
165
+ switch (v) {
166
+ // ] ) " '
167
+ case e:
168
+ return E;
169
+ // " '
170
+ case 34:
171
+ case 39:
172
+ e !== 34 && e !== 39 && X(v);
173
+ break;
174
+ // (
175
+ case 40:
176
+ e === 41 && X(e);
177
+ break;
178
+ // \
179
+ case 92:
180
+ S();
181
+ break;
182
+ }
183
+ return E;
184
+ }
185
+ function Ve(e, r) {
186
+ for (; S() && e + v !== 57; )
187
+ if (e + v === 84 && T() === 47)
188
+ break;
189
+ return "/*" + j(r, E - 1) + "*" + q(e === 47 ? e : S());
190
+ }
191
+ function He(e) {
192
+ for (; !F(T()); )
193
+ S();
194
+ return j(e, E);
195
+ }
196
+ function Ke(e) {
197
+ return ve(B("", null, null, null, [""], e = be(e), 0, [0], e));
198
+ }
199
+ function B(e, r, t, n, a, s, i, c, o) {
200
+ for (var d = 0, l = 0, m = i, N = 0, R = 0, C = 0, p = 1, w = 1, b = 1, g = 0, k = "", z = a, I = s, P = n, h = k; w; )
201
+ switch (C = g, g = S()) {
202
+ // (
203
+ case 40:
204
+ if (C != 108 && y(h, m - 1) == 58) {
205
+ Q(h += u(K(g), "&", "&\f"), "&\f") != -1 && (b = -1);
206
+ break;
207
+ }
208
+ // " ' [
209
+ case 34:
210
+ case 39:
211
+ case 91:
212
+ h += K(g);
213
+ break;
214
+ // \t \n \r \s
215
+ case 9:
216
+ case 10:
217
+ case 13:
218
+ case 32:
219
+ h += je(C);
220
+ break;
221
+ // \
222
+ case 92:
223
+ h += ze(H() - 1, 7);
224
+ continue;
225
+ // /
226
+ case 47:
227
+ switch (T()) {
228
+ case 42:
229
+ case 47:
230
+ V(Be(Ve(S(), H()), r, t), o);
231
+ break;
232
+ default:
233
+ h += "/";
234
+ }
235
+ break;
236
+ // {
237
+ case 123 * p:
238
+ c[d++] = A(h) * b;
239
+ // } ; \0
240
+ case 125 * p:
241
+ case 59:
242
+ case 0:
243
+ switch (g) {
244
+ // \0 }
245
+ case 0:
246
+ case 125:
247
+ w = 0;
248
+ // ;
249
+ case 59 + l:
250
+ b == -1 && (h = u(h, /\f/g, "")), R > 0 && A(h) - m && V(R > 32 ? ce(h + ";", n, t, m - 1) : ce(u(h, " ", "") + ";", n, t, m - 2), o);
251
+ break;
252
+ // @ ;
253
+ case 59:
254
+ h += ";";
255
+ // { rule/at-rule
256
+ default:
257
+ if (V(P = ie(h, r, t, d, l, a, c, k, z = [], I = [], m), s), g === 123)
258
+ if (l === 0)
259
+ B(h, r, P, P, z, s, m, c, I);
260
+ else
261
+ switch (N === 99 && y(h, 3) === 110 ? 100 : N) {
262
+ // d l m s
263
+ case 100:
264
+ case 108:
265
+ case 109:
266
+ case 115:
267
+ B(e, P, P, n && V(ie(e, P, P, 0, 0, a, c, k, a, z = [], m), I), a, I, m, c, n ? z : I);
268
+ break;
269
+ default:
270
+ B(h, P, P, P, [""], I, 0, c, I);
271
+ }
272
+ }
273
+ d = l = R = 0, p = b = 1, k = h = "", m = i;
274
+ break;
275
+ // :
276
+ case 58:
277
+ m = 1 + A(h), R = C;
278
+ default:
279
+ if (p < 1) {
280
+ if (g == 123)
281
+ --p;
282
+ else if (g == 125 && p++ == 0 && Ge() == 125)
283
+ continue;
284
+ }
285
+ switch (h += q(g), g * p) {
286
+ // &
287
+ case 38:
288
+ b = l > 0 ? 1 : (h += "\f", -1);
289
+ break;
290
+ // ,
291
+ case 44:
292
+ c[d++] = (A(h) - 1) * b, b = 1;
293
+ break;
294
+ // @
295
+ case 64:
296
+ T() === 45 && (h += K(S())), N = T(), l = m = A(k = h += He(H())), g++;
297
+ break;
298
+ // -
299
+ case 45:
300
+ C === 45 && A(h) == 2 && (p = 0);
301
+ }
302
+ }
303
+ return s;
304
+ }
305
+ function ie(e, r, t, n, a, s, i, c, o, d, l) {
306
+ for (var m = a - 1, N = a === 0 ? s : [""], R = ae(N), C = 0, p = 0, w = 0; C < n; ++C)
307
+ for (var b = 0, g = W(e, m + 1, m = _e(p = i[C])), k = e; b < R; ++b)
308
+ (k = pe(p > 0 ? N[b] + " " + g : u(g, /&\f/g, N[b]))) && (o[w++] = k);
309
+ return Z(e, r, t, a === 0 ? te : c, o, d, l);
310
+ }
311
+ function Be(e, r, t) {
312
+ return Z(e, r, t, he, q(Fe()), W(e, 2, -2), 0);
313
+ }
314
+ function ce(e, r, t, n) {
315
+ return Z(e, r, t, ne, W(e, 0, n), W(e, n + 1, -1), n);
316
+ }
317
+ function _(e, r) {
318
+ for (var t = "", n = ae(e), a = 0; a < n; a++)
319
+ t += r(e[a], a, e, r) || "";
320
+ return t;
321
+ }
322
+ function Ye(e, r, t, n) {
323
+ switch (e.type) {
324
+ case Ie:
325
+ if (e.children.length) break;
326
+ case Re:
327
+ case ne:
328
+ return e.return = e.return || e.value;
329
+ case he:
330
+ return "";
331
+ case le:
332
+ return e.return = e.value + "{" + _(e.children, n) + "}";
333
+ case te:
334
+ e.value = e.props.join(",");
335
+ }
336
+ return A(t = _(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
337
+ }
338
+ function qe(e) {
339
+ var r = ae(e);
340
+ return function(t, n, a, s) {
341
+ for (var i = "", c = 0; c < r; c++)
342
+ i += e[c](t, n, a, s) || "";
343
+ return i;
344
+ };
345
+ }
346
+ function Ue(e) {
347
+ return function(r) {
348
+ r.root || (r = r.return) && e(r);
349
+ };
350
+ }
351
+ var Ze = function(r, t, n) {
352
+ for (var a = 0, s = 0; a = s, s = T(), a === 38 && s === 12 && (t[n] = 1), !F(s); )
353
+ S();
354
+ return j(r, E);
355
+ }, Je = function(r, t) {
356
+ var n = -1, a = 44;
357
+ do
358
+ switch (F(a)) {
359
+ case 0:
360
+ a === 38 && T() === 12 && (t[n] = 1), r[n] += Ze(E - 1, t, n);
361
+ break;
362
+ case 2:
363
+ r[n] += K(a);
364
+ break;
365
+ case 4:
366
+ if (a === 44) {
367
+ r[++n] = T() === 58 ? "&\f" : "", t[n] = r[n].length;
368
+ break;
369
+ }
370
+ // fallthrough
371
+ default:
372
+ r[n] += q(a);
373
+ }
374
+ while (a = S());
375
+ return r;
376
+ }, Qe = function(r, t) {
377
+ return ve(Je(be(r), t));
378
+ }, oe = /* @__PURE__ */ new WeakMap(), Xe = function(r) {
379
+ if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
380
+ // negative .length indicates that this rule has been already prefixed
381
+ r.length < 1)) {
382
+ for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
383
+ if (n = n.parent, !n) return;
384
+ if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !oe.get(n)) && !a) {
385
+ oe.set(r, !0);
386
+ for (var s = [], i = Qe(t, s), c = n.props, o = 0, d = 0; o < i.length; o++)
387
+ for (var l = 0; l < c.length; l++, d++)
388
+ r.props[d] = s[o] ? i[o].replace(/&\f/g, c[l]) : c[l] + " " + i[o];
389
+ }
390
+ }
391
+ }, er = function(r) {
392
+ if (r.type === "decl") {
393
+ var t = r.value;
394
+ // charcode for l
395
+ t.charCodeAt(0) === 108 && // charcode for b
396
+ t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
397
+ }
398
+ };
399
+ function ye(e, r) {
400
+ switch (De(e, r)) {
401
+ // color-adjust
402
+ case 5103:
403
+ return f + "print-" + e + e;
404
+ // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
405
+ case 5737:
406
+ case 4201:
407
+ case 3177:
408
+ case 3433:
409
+ case 1641:
410
+ case 4457:
411
+ case 2921:
412
+ // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
413
+ case 5572:
414
+ case 6356:
415
+ case 5844:
416
+ case 3191:
417
+ case 6645:
418
+ case 3005:
419
+ // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
420
+ case 6391:
421
+ case 5879:
422
+ case 5623:
423
+ case 6135:
424
+ case 4599:
425
+ case 4855:
426
+ // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
427
+ case 4215:
428
+ case 6389:
429
+ case 5109:
430
+ case 5365:
431
+ case 5621:
432
+ case 3829:
433
+ return f + e + e;
434
+ // appearance, user-select, transform, hyphens, text-size-adjust
435
+ case 5349:
436
+ case 4246:
437
+ case 4810:
438
+ case 6968:
439
+ case 2756:
440
+ return f + e + Y + e + x + e + e;
441
+ // flex, flex-direction
442
+ case 6828:
443
+ case 4268:
444
+ return f + e + x + e + e;
445
+ // order
446
+ case 6165:
447
+ return f + e + x + "flex-" + e + e;
448
+ // align-items
449
+ case 5187:
450
+ return f + e + u(e, /(\w+).+(:[^]+)/, f + "box-$1$2" + x + "flex-$1$2") + e;
451
+ // align-self
452
+ case 5443:
453
+ return f + e + x + "flex-item-" + u(e, /flex-|-self/, "") + e;
454
+ // align-content
455
+ case 4675:
456
+ return f + e + x + "flex-line-pack" + u(e, /align-content|flex-|-self/, "") + e;
457
+ // flex-shrink
458
+ case 5548:
459
+ return f + e + x + u(e, "shrink", "negative") + e;
460
+ // flex-basis
461
+ case 5292:
462
+ return f + e + x + u(e, "basis", "preferred-size") + e;
463
+ // flex-grow
464
+ case 6060:
465
+ return f + "box-" + u(e, "-grow", "") + f + e + x + u(e, "grow", "positive") + e;
466
+ // transition
467
+ case 4554:
468
+ return f + u(e, /([^-])(transform)/g, "$1" + f + "$2") + e;
469
+ // cursor
470
+ case 6187:
471
+ return u(u(u(e, /(zoom-|grab)/, f + "$1"), /(image-set)/, f + "$1"), e, "") + e;
472
+ // background, background-image
473
+ case 5495:
474
+ case 3959:
475
+ return u(e, /(image-set\([^]*)/, f + "$1$`$1");
476
+ // justify-content
477
+ case 4968:
478
+ return u(u(e, /(.+:)(flex-)?(.*)/, f + "box-pack:$3" + x + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + f + e + e;
479
+ // (margin|padding)-inline-(start|end)
480
+ case 4095:
481
+ case 3583:
482
+ case 4068:
483
+ case 2532:
484
+ return u(e, /(.+)-inline(.+)/, f + "$1$2") + e;
485
+ // (min|max)?(width|height|inline-size|block-size)
486
+ case 8116:
487
+ case 7059:
488
+ case 5753:
489
+ case 5535:
490
+ case 5445:
491
+ case 5701:
492
+ case 4933:
493
+ case 4677:
494
+ case 5533:
495
+ case 5789:
496
+ case 5021:
497
+ case 4765:
498
+ if (A(e) - 1 - r > 6) switch (y(e, r + 1)) {
499
+ // (m)ax-content, (m)in-content
500
+ case 109:
501
+ if (y(e, r + 4) !== 45) break;
502
+ // (f)ill-available, (f)it-content
503
+ case 102:
504
+ return u(e, /(.+:)(.+)-([^]+)/, "$1" + f + "$2-$3$1" + Y + (y(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
505
+ // (s)tretch
506
+ case 115:
507
+ return ~Q(e, "stretch") ? ye(u(e, "stretch", "fill-available"), r) + e : e;
508
+ }
509
+ break;
510
+ // position: sticky
511
+ case 4949:
512
+ if (y(e, r + 1) !== 115) break;
513
+ // display: (flex|inline-flex)
514
+ case 6444:
515
+ switch (y(e, A(e) - 3 - (~Q(e, "!important") && 10))) {
516
+ // stic(k)y
517
+ case 107:
518
+ return u(e, ":", ":" + f) + e;
519
+ // (inline-)?fl(e)x
520
+ case 101:
521
+ return u(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + f + (y(e, 14) === 45 ? "inline-" : "") + "box$3$1" + f + "$2$3$1" + x + "$2box$3") + e;
522
+ }
523
+ break;
524
+ // writing-mode
525
+ case 5936:
526
+ switch (y(e, r + 11)) {
527
+ // vertical-l(r)
528
+ case 114:
529
+ return f + e + x + u(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
530
+ // vertical-r(l)
531
+ case 108:
532
+ return f + e + x + u(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
533
+ // horizontal(-)tb
534
+ case 45:
535
+ return f + e + x + u(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
536
+ }
537
+ return f + e + x + e + e;
538
+ }
539
+ return e;
540
+ }
541
+ var rr = function(r, t, n, a) {
542
+ if (r.length > -1 && !r.return) switch (r.type) {
543
+ case ne:
544
+ r.return = ye(r.value, r.length);
545
+ break;
546
+ case le:
547
+ return _([L(r, {
548
+ value: u(r.value, "@", "@" + f)
549
+ })], a);
550
+ case te:
551
+ if (r.length) return We(r.props, function(s) {
552
+ switch (Le(s, /(::plac\w+|:read-\w+)/)) {
553
+ // :read-(only|write)
554
+ case ":read-only":
555
+ case ":read-write":
556
+ return _([L(r, {
557
+ props: [u(s, /:(read-\w+)/, ":" + Y + "$1")]
558
+ })], a);
559
+ // :placeholder
560
+ case "::placeholder":
561
+ return _([L(r, {
562
+ props: [u(s, /:(plac\w+)/, ":" + f + "input-$1")]
563
+ }), L(r, {
564
+ props: [u(s, /:(plac\w+)/, ":" + Y + "$1")]
565
+ }), L(r, {
566
+ props: [u(s, /:(plac\w+)/, x + "input-$1")]
567
+ })], a);
568
+ }
569
+ return "";
570
+ });
571
+ }
572
+ }, tr = [rr], nr = function(r) {
573
+ var t = r.key;
574
+ if (t === "css") {
575
+ var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
576
+ Array.prototype.forEach.call(n, function(p) {
577
+ var w = p.getAttribute("data-emotion");
578
+ w.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
579
+ });
580
+ }
581
+ var a = r.stylisPlugins || tr, s = {}, i, c = [];
582
+ i = r.container || document.head, Array.prototype.forEach.call(
583
+ // this means we will ignore elements which don't have a space in them which
584
+ // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
585
+ document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
586
+ function(p) {
587
+ for (var w = p.getAttribute("data-emotion").split(" "), b = 1; b < w.length; b++)
588
+ s[w[b]] = !0;
589
+ c.push(p);
590
+ }
591
+ );
592
+ var o, d = [Xe, er];
593
+ {
594
+ var l, m = [Ye, Ue(function(p) {
595
+ l.insert(p);
596
+ })], N = qe(d.concat(a, m)), R = function(w) {
597
+ return _(Ke(w), N);
598
+ };
599
+ o = function(w, b, g, k) {
600
+ l = g, R(w ? w + "{" + b.styles + "}" : b.styles), k && (C.inserted[b.name] = !0);
601
+ };
602
+ }
603
+ var C = {
604
+ key: t,
605
+ sheet: new Ne({
606
+ key: t,
607
+ container: i,
608
+ nonce: r.nonce,
609
+ speedy: r.speedy,
610
+ prepend: r.prepend,
611
+ insertionPoint: r.insertionPoint
612
+ }),
613
+ nonce: r.nonce,
614
+ inserted: s,
615
+ registered: {},
616
+ insert: o
617
+ };
618
+ return C.sheet.hydrate(c), C;
619
+ }, ar = !0;
620
+ function sr(e, r, t) {
621
+ var n = "";
622
+ return t.split(" ").forEach(function(a) {
623
+ e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
624
+ }), n;
625
+ }
626
+ var ge = function(r, t, n) {
627
+ var a = r.key + "-" + t.name;
628
+ // we only need to add the styles to the registered cache if the
629
+ // class name could be used further down
630
+ // the tree but if it's a string tag, we know it won't
631
+ // so we don't have to add it to registered cache.
632
+ // this improves memory usage since we can avoid storing the whole style string
633
+ (n === !1 || // we need to always store it if we're in compat mode and
634
+ // in node since emotion-server relies on whether a style is in
635
+ // the registered cache to know whether a style is global or not
636
+ // also, note that this check will be dead code eliminated in the browser
637
+ ar === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
638
+ }, ir = function(r, t, n) {
639
+ ge(r, t, n);
640
+ var a = r.key + "-" + t.name;
641
+ if (r.inserted[t.name] === void 0) {
642
+ var s = t;
643
+ do
644
+ r.insert(t === s ? "." + a : "", s, r.sheet, !0), s = s.next;
645
+ while (s !== void 0);
646
+ }
647
+ };
648
+ function cr(e) {
649
+ for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
650
+ t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
651
+ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
652
+ t >>> 24, r = /* Math.imul(k, m): */
653
+ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
654
+ (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
655
+ switch (a) {
656
+ case 3:
657
+ r ^= (e.charCodeAt(n + 2) & 255) << 16;
658
+ case 2:
659
+ r ^= (e.charCodeAt(n + 1) & 255) << 8;
660
+ case 1:
661
+ r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
662
+ (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
663
+ }
664
+ return r ^= r >>> 13, r = /* Math.imul(h, m): */
665
+ (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
666
+ }
667
+ var or = {
668
+ animationIterationCount: 1,
669
+ aspectRatio: 1,
670
+ borderImageOutset: 1,
671
+ borderImageSlice: 1,
672
+ borderImageWidth: 1,
673
+ boxFlex: 1,
674
+ boxFlexGroup: 1,
675
+ boxOrdinalGroup: 1,
676
+ columnCount: 1,
677
+ columns: 1,
678
+ flex: 1,
679
+ flexGrow: 1,
680
+ flexPositive: 1,
681
+ flexShrink: 1,
682
+ flexNegative: 1,
683
+ flexOrder: 1,
684
+ gridRow: 1,
685
+ gridRowEnd: 1,
686
+ gridRowSpan: 1,
687
+ gridRowStart: 1,
688
+ gridColumn: 1,
689
+ gridColumnEnd: 1,
690
+ gridColumnSpan: 1,
691
+ gridColumnStart: 1,
692
+ msGridRow: 1,
693
+ msGridRowSpan: 1,
694
+ msGridColumn: 1,
695
+ msGridColumnSpan: 1,
696
+ fontWeight: 1,
697
+ lineHeight: 1,
698
+ opacity: 1,
699
+ order: 1,
700
+ orphans: 1,
701
+ scale: 1,
702
+ tabSize: 1,
703
+ widows: 1,
704
+ zIndex: 1,
705
+ zoom: 1,
706
+ WebkitLineClamp: 1,
707
+ // SVG-related properties
708
+ fillOpacity: 1,
709
+ floodOpacity: 1,
710
+ stopOpacity: 1,
711
+ strokeDasharray: 1,
712
+ strokeDashoffset: 1,
713
+ strokeMiterlimit: 1,
714
+ strokeOpacity: 1,
715
+ strokeWidth: 1
716
+ };
717
+ function fr(e) {
718
+ var r = /* @__PURE__ */ Object.create(null);
719
+ return function(t) {
720
+ return r[t] === void 0 && (r[t] = e(t)), r[t];
721
+ };
722
+ }
723
+ var ur = !1, dr = /[A-Z]|^ms/g, hr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, xe = function(r) {
724
+ return r.charCodeAt(1) === 45;
725
+ }, fe = function(r) {
726
+ return r != null && typeof r != "boolean";
727
+ }, J = /* @__PURE__ */ fr(function(e) {
728
+ return xe(e) ? e : e.replace(dr, "-$&").toLowerCase();
729
+ }), ue = function(r, t) {
730
+ switch (r) {
731
+ case "animation":
732
+ case "animationName":
733
+ if (typeof t == "string")
734
+ return t.replace(hr, function(n, a, s) {
735
+ return O = {
736
+ name: a,
737
+ styles: s,
738
+ next: O
739
+ }, a;
740
+ });
741
+ }
742
+ return or[r] !== 1 && !xe(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
743
+ }, lr = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
744
+ function G(e, r, t) {
745
+ if (t == null)
746
+ return "";
747
+ var n = t;
748
+ if (n.__emotion_styles !== void 0)
749
+ return n;
750
+ switch (typeof t) {
751
+ case "boolean":
752
+ return "";
753
+ case "object": {
754
+ var a = t;
755
+ if (a.anim === 1)
756
+ return O = {
757
+ name: a.name,
758
+ styles: a.styles,
759
+ next: O
760
+ }, a.name;
761
+ var s = t;
762
+ if (s.styles !== void 0) {
763
+ var i = s.next;
764
+ if (i !== void 0)
765
+ for (; i !== void 0; )
766
+ O = {
767
+ name: i.name,
768
+ styles: i.styles,
769
+ next: O
770
+ }, i = i.next;
771
+ var c = s.styles + ";";
772
+ return c;
773
+ }
774
+ return pr(e, r, t);
775
+ }
776
+ case "function": {
777
+ if (e !== void 0) {
778
+ var o = O, d = t(e);
779
+ return O = o, G(e, r, d);
780
+ }
781
+ break;
782
+ }
783
+ }
784
+ var l = t;
785
+ if (r == null)
786
+ return l;
787
+ var m = r[l];
788
+ return m !== void 0 ? m : l;
789
+ }
790
+ function pr(e, r, t) {
791
+ var n = "";
792
+ if (Array.isArray(t))
793
+ for (var a = 0; a < t.length; a++)
794
+ n += G(e, r, t[a]) + ";";
795
+ else
796
+ for (var s in t) {
797
+ var i = t[s];
798
+ if (typeof i != "object") {
799
+ var c = i;
800
+ r != null && r[c] !== void 0 ? n += s + "{" + r[c] + "}" : fe(c) && (n += J(s) + ":" + ue(s, c) + ";");
801
+ } else {
802
+ if (s === "NO_COMPONENT_SELECTOR" && ur)
803
+ throw new Error(lr);
804
+ if (Array.isArray(i) && typeof i[0] == "string" && (r == null || r[i[0]] === void 0))
805
+ for (var o = 0; o < i.length; o++)
806
+ fe(i[o]) && (n += J(s) + ":" + ue(s, i[o]) + ";");
807
+ else {
808
+ var d = G(e, r, i);
809
+ switch (s) {
810
+ case "animation":
811
+ case "animationName": {
812
+ n += J(s) + ":" + d + ";";
813
+ break;
814
+ }
815
+ default:
816
+ n += s + "{" + d + "}";
817
+ }
818
+ }
819
+ }
820
+ }
821
+ return n;
822
+ }
823
+ var de = /label:\s*([^\s;{]+)\s*(;|$)/g, O;
824
+ function mr(e, r, t) {
825
+ if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
826
+ return e[0];
827
+ var n = !0, a = "";
828
+ O = void 0;
829
+ var s = e[0];
830
+ if (s == null || s.raw === void 0)
831
+ n = !1, a += G(t, r, s);
832
+ else {
833
+ var i = s;
834
+ a += i[0];
835
+ }
836
+ for (var c = 1; c < e.length; c++)
837
+ if (a += G(t, r, e[c]), n) {
838
+ var o = s;
839
+ a += o[c];
840
+ }
841
+ de.lastIndex = 0;
842
+ for (var d = "", l; (l = de.exec(a)) !== null; )
843
+ d += "-" + l[1];
844
+ var m = cr(a) + d;
845
+ return {
846
+ name: m,
847
+ styles: a,
848
+ next: O
849
+ };
850
+ }
851
+ var br = function(r) {
852
+ return r();
853
+ }, we = $.useInsertionEffect ? $.useInsertionEffect : !1, vr = we || br, Or = we || $.useLayoutEffect, yr = !1, Ee = /* @__PURE__ */ $.createContext(
854
+ // we're doing this to avoid preconstruct's dead code elimination in this one case
855
+ // because this module is primarily intended for the browser and node
856
+ // but it's also required in react native and similar environments sometimes
857
+ // and we could have a special build just for that
858
+ // but this is much easier and the native packages
859
+ // might use a different theme context in the future anyway
860
+ typeof HTMLElement < "u" ? /* @__PURE__ */ nr({
861
+ key: "css"
862
+ }) : null
863
+ );
864
+ Ee.Provider;
865
+ var gr = function(r) {
866
+ return /* @__PURE__ */ $e(function(t, n) {
867
+ var a = ke(Ee);
868
+ return r(t, a, n);
869
+ });
870
+ }, xr = /* @__PURE__ */ $.createContext({}), Ce = {}.hasOwnProperty, ee = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Tr = function(r, t) {
871
+ var n = {};
872
+ for (var a in t)
873
+ Ce.call(t, a) && (n[a] = t[a]);
874
+ return n[ee] = r, n;
875
+ }, wr = function(r) {
876
+ var t = r.cache, n = r.serialized, a = r.isStringTag;
877
+ return ge(t, n, a), vr(function() {
878
+ return ir(t, n, a);
879
+ }), null;
880
+ }, Er = /* @__PURE__ */ gr(function(e, r, t) {
881
+ var n = e.css;
882
+ typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
883
+ var a = e[ee], s = [n], i = "";
884
+ typeof e.className == "string" ? i = sr(r.registered, s, e.className) : e.className != null && (i = e.className + " ");
885
+ var c = mr(s, void 0, $.useContext(xr));
886
+ i += r.key + "-" + c.name;
887
+ var o = {};
888
+ for (var d in e)
889
+ Ce.call(e, d) && d !== "css" && d !== ee && !yr && (o[d] = e[d]);
890
+ return o.className = i, t && (o.ref = t), /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement(wr, {
891
+ cache: r,
892
+ serialized: c,
893
+ isStringTag: typeof a == "string"
894
+ }), /* @__PURE__ */ $.createElement(a, o));
895
+ }), Nr = Er;
896
+ function re(e, r) {
897
+ const t = {
898
+ ...r
899
+ };
900
+ for (const n in e)
901
+ if (Object.prototype.hasOwnProperty.call(e, n)) {
902
+ const a = n;
903
+ if (a === "components" || a === "slots")
904
+ t[a] = {
905
+ ...e[a],
906
+ ...t[a]
907
+ };
908
+ else if (a === "componentsProps" || a === "slotProps") {
909
+ const s = e[a], i = r[a];
910
+ if (!i)
911
+ t[a] = s || {};
912
+ else if (!s)
913
+ t[a] = i;
914
+ else {
915
+ t[a] = {
916
+ ...i
917
+ };
918
+ for (const c in s)
919
+ if (Object.prototype.hasOwnProperty.call(s, c)) {
920
+ const o = c;
921
+ t[a][o] = re(s[o], i[o]);
922
+ }
923
+ }
924
+ } else t[a] === void 0 && (t[a] = e[a]);
925
+ }
926
+ return t;
927
+ }
928
+ const Se = /* @__PURE__ */ $.createContext(void 0);
929
+ function Cr({
930
+ value: e,
931
+ children: r
932
+ }) {
933
+ return /* @__PURE__ */ Pe(Se.Provider, {
934
+ value: e,
935
+ children: r
936
+ });
937
+ }
938
+ process.env.NODE_ENV !== "production" && (Cr.propTypes = {
939
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
940
+ // │ These PropTypes are generated from the TypeScript type definitions. │
941
+ // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
942
+ // └─────────────────────────────────────────────────────────────────────┘
943
+ /**
944
+ * @ignore
945
+ */
946
+ children: se.node,
947
+ /**
948
+ * @ignore
949
+ */
950
+ value: se.object
951
+ });
952
+ function Sr(e) {
953
+ const {
954
+ theme: r,
955
+ name: t,
956
+ props: n
957
+ } = e;
958
+ if (!r || !r.components || !r.components[t])
959
+ return n;
960
+ const a = r.components[t];
961
+ return a.defaultProps ? re(a.defaultProps, n) : !a.styleOverrides && !a.variants ? re(a, n) : n;
962
+ }
963
+ function Rr({
964
+ props: e,
965
+ name: r
966
+ }) {
967
+ const t = $.useContext(Se);
968
+ return Sr({
969
+ props: e,
970
+ name: r,
971
+ theme: {
972
+ components: t
973
+ }
974
+ });
975
+ }
976
+ export {
977
+ Cr as D,
978
+ Nr as E,
979
+ Ar as T,
980
+ xr as a,
981
+ ge as b,
982
+ Tr as c,
983
+ vr as d,
984
+ Rr as e,
985
+ sr as g,
986
+ Ce as h,
987
+ ir as i,
988
+ re as r,
989
+ mr as s,
990
+ Or as u,
991
+ gr as w
992
+ };