@frak-labs/components 1.0.3-beta.7dfd3480 → 1.0.3-beta.9d4f564a

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.
@@ -1,1502 +0,0 @@
1
- import "preact/hooks";
2
- import { jsx, jsxs } from "preact/jsx-runtime";
3
- import { Component, Fragment as Fragment$1, createElement, createElement as createElement$1, options, toChildArray } from "preact";
4
- //#region ../../node_modules/.bun/preact@10.29.0/node_modules/preact/compat/dist/compat.module.js
5
- function g(n, t) {
6
- for (var e in t) n[e] = t[e];
7
- return n;
8
- }
9
- function E(n, t) {
10
- for (var e in n) if ("__source" !== e && !(e in t)) return !0;
11
- for (var r in t) if ("__source" !== r && n[r] !== t[r]) return !0;
12
- return !1;
13
- }
14
- function M(n, t) {
15
- this.props = n, this.context = t;
16
- }
17
- (M.prototype = new Component()).isPureReactComponent = !0, M.prototype.shouldComponentUpdate = function(n, t) {
18
- return E(this.props, n) || E(this.state, t);
19
- };
20
- var T = options.__b;
21
- options.__b = function(n) {
22
- n.type && n.type.__f && n.ref && (n.props.ref = n.ref, n.ref = null), T && T(n);
23
- };
24
- "undefined" != typeof Symbol && Symbol.for;
25
- var O = options.__e;
26
- options.__e = function(n, t, e, r) {
27
- if (n.then) {
28
- for (var u, o = t; o = o.__;) if ((u = o.__c) && u.__c) return t.__e ?? (t.__e = e.__e, t.__k = e.__k), u.__c(n, t);
29
- }
30
- O(n, t, e, r);
31
- };
32
- var U = options.unmount;
33
- function V(n, t, e) {
34
- return n && (n.__c && n.__c.__H && (n.__c.__H.__.forEach(function(n) {
35
- "function" == typeof n.__c && n.__c();
36
- }), n.__c.__H = null), null != (n = g({}, n)).__c && (n.__c.__P === e && (n.__c.__P = t), n.__c.__e = !0, n.__c = null), n.__k = n.__k && n.__k.map(function(n) {
37
- return V(n, t, e);
38
- })), n;
39
- }
40
- function W(n, t, e) {
41
- return n && e && (n.__v = null, n.__k = n.__k && n.__k.map(function(n) {
42
- return W(n, t, e);
43
- }), n.__c && n.__c.__P === t && (n.__e && e.appendChild(n.__e), n.__c.__e = !0, n.__c.__P = e)), n;
44
- }
45
- function P() {
46
- this.__u = 0, this.o = null, this.__b = null;
47
- }
48
- function j(n) {
49
- var t = n.__ && n.__.__c;
50
- return t && t.__a && t.__a(n);
51
- }
52
- function B() {
53
- this.i = null, this.l = null;
54
- }
55
- options.unmount = function(n) {
56
- var t = n.__c;
57
- t && (t.__z = !0), t && t.__R && t.__R(), t && 32 & n.__u && (n.type = null), U && U(n);
58
- }, (P.prototype = new Component()).__c = function(n, t) {
59
- var e = t.__c, r = this;
60
- r.o ??= [], r.o.push(e);
61
- var u = j(r.__v), o = !1, i = function() {
62
- o || r.__z || (o = !0, e.__R = null, u ? u(c) : c());
63
- };
64
- e.__R = i;
65
- var l = e.__P;
66
- e.__P = null;
67
- var c = function() {
68
- if (!--r.__u) {
69
- if (r.state.__a) {
70
- var n = r.state.__a;
71
- r.__v.__k[0] = W(n, n.__c.__P, n.__c.__O);
72
- }
73
- var t;
74
- for (r.setState({ __a: r.__b = null }); t = r.o.pop();) t.__P = l, t.forceUpdate();
75
- }
76
- };
77
- r.__u++ || 32 & t.__u || r.setState({ __a: r.__b = r.__v.__k[0] }), n.then(i, i);
78
- }, P.prototype.componentWillUnmount = function() {
79
- this.o = [];
80
- }, P.prototype.render = function(n, e) {
81
- if (this.__b) {
82
- if (this.__v.__k) {
83
- var r = document.createElement("div"), o = this.__v.__k[0].__c;
84
- this.__v.__k[0] = V(this.__b, r, o.__O = o.__P);
85
- }
86
- this.__b = null;
87
- }
88
- var i = e.__a && createElement(Fragment$1, null, n.fallback);
89
- return i && (i.__u &= -33), [createElement(Fragment$1, null, e.__a ? null : n.children), i];
90
- };
91
- var H = function(n, t, e) {
92
- if (++e[1] === e[0] && n.l.delete(t), n.props.revealOrder && ("t" !== n.props.revealOrder[0] || !n.l.size)) for (e = n.i; e;) {
93
- for (; e.length > 3;) e.pop()();
94
- if (e[1] < e[0]) break;
95
- n.i = e = e[2];
96
- }
97
- };
98
- (B.prototype = new Component()).__a = function(n) {
99
- var t = this, e = j(t.__v), r = t.l.get(n);
100
- return r[0]++, function(u) {
101
- var o = function() {
102
- t.props.revealOrder ? (r.push(u), H(t, n, r)) : u();
103
- };
104
- e ? e(o) : o();
105
- };
106
- }, B.prototype.render = function(n) {
107
- this.i = null, this.l = /* @__PURE__ */ new Map();
108
- var t = toChildArray(n.children);
109
- n.revealOrder && "b" === n.revealOrder[0] && t.reverse();
110
- for (var e = t.length; e--;) this.l.set(t[e], this.i = [
111
- 1,
112
- 0,
113
- this.i
114
- ]);
115
- return n.children;
116
- }, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
117
- var n = this;
118
- this.l.forEach(function(t, e) {
119
- H(n, e, t);
120
- });
121
- };
122
- var q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = function(n) {
123
- return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n);
124
- };
125
- Component.prototype.isReactComponent = !0, [
126
- "componentWillMount",
127
- "componentWillReceiveProps",
128
- "componentWillUpdate"
129
- ].forEach(function(t) {
130
- Object.defineProperty(Component.prototype, t, {
131
- configurable: !0,
132
- get: function() {
133
- return this["UNSAFE_" + t];
134
- },
135
- set: function(n) {
136
- Object.defineProperty(this, t, {
137
- configurable: !0,
138
- writable: !0,
139
- value: n
140
- });
141
- }
142
- });
143
- });
144
- var en = options.event;
145
- options.event = function(n) {
146
- return en && (n = en(n)), n.persist = function() {}, n.isPropagationStopped = function() {
147
- return this.cancelBubble;
148
- }, n.isDefaultPrevented = function() {
149
- return this.defaultPrevented;
150
- }, n.nativeEvent = n;
151
- };
152
- var un = {
153
- configurable: !0,
154
- get: function() {
155
- return this.class;
156
- }
157
- }, on = options.vnode;
158
- options.vnode = function(n) {
159
- "string" == typeof n.type && function(n) {
160
- var t = n.props, e = n.type, u = {}, o = -1 == e.indexOf("-");
161
- for (var i in t) {
162
- var l = t[i];
163
- if (!("value" === i && "defaultValue" in t && null == l || Q && "children" === i && "noscript" === e || "class" === i || "className" === i)) {
164
- var c = i.toLowerCase();
165
- "defaultValue" === i && "value" in t && null == t.value ? i = "value" : "download" === i && !0 === l ? l = "" : "translate" === c && "no" === l ? l = !1 : "o" === c[0] && "n" === c[1] ? "ondoubleclick" === c ? i = "ondblclick" : "onchange" !== c || "input" !== e && "textarea" !== e || X(t.type) ? "onfocus" === c ? i = "onfocusin" : "onblur" === c ? i = "onfocusout" : J.test(i) && (i = c) : c = i = "oninput" : o && G.test(i) ? i = i.replace(K, "-$&").toLowerCase() : null === l && (l = void 0), "oninput" === c && u[i = c] && (i = "oninputCapture"), u[i] = l;
166
- }
167
- }
168
- "select" == e && (u.multiple && Array.isArray(u.value) && (u.value = toChildArray(t.children).forEach(function(n) {
169
- n.props.selected = -1 != u.value.indexOf(n.props.value);
170
- })), null != u.defaultValue && (u.value = toChildArray(t.children).forEach(function(n) {
171
- n.props.selected = u.multiple ? -1 != u.defaultValue.indexOf(n.props.value) : u.defaultValue == n.props.value;
172
- }))), t.class && !t.className ? (u.class = t.class, Object.defineProperty(u, "className", un)) : t.className && (u.class = u.className = t.className), n.props = u;
173
- }(n), n.$$typeof = q, on && on(n);
174
- };
175
- var ln = options.__r;
176
- options.__r = function(n) {
177
- ln && ln(n), n.__c;
178
- };
179
- var cn = options.diffed;
180
- options.diffed = function(n) {
181
- cn && cn(n);
182
- var t = n.props, e = n.__e;
183
- null != e && "textarea" === n.type && "value" in t && t.value !== e.value && (e.value = null == t.value ? "" : t.value);
184
- };
185
- //#endregion
186
- //#region \0ve-inline:../../packages/design-system/src/reset.css.ts.vanilla.js
187
- const cssSource$2 = `.reset_base__1831jhd0 {
188
- margin: 0;
189
- padding: 0;
190
- border: 0;
191
- box-sizing: border-box;
192
- font-size: 100%;
193
- font: inherit;
194
- vertical-align: baseline;
195
- -webkit-tap-highlight-color: transparent;
196
- }
197
- .reset_focusRing__1831jhd1 {
198
- outline: 2px solid transparent;
199
- outline-offset: 2px;
200
- }
201
- .reset_focusRing__1831jhd1:focus-visible {
202
- outline-color: currentColor;
203
- }
204
- .reset_fieldAppearance__1831jhd2 {
205
- appearance: none;
206
- background-color: transparent;
207
- }
208
- .reset_visuallyHidden__1831jhd3 {
209
- position: absolute;
210
- width: 1px;
211
- height: 1px;
212
- padding: 0;
213
- margin: -1px;
214
- overflow: hidden;
215
- clip: rect(0, 0, 0, 0);
216
- white-space: nowrap;
217
- border-width: 0;
218
- }
219
- .reset_element_ul__1831jhd4 {
220
- list-style: none;
221
- }
222
- .reset_element_ol__1831jhd5 {
223
- list-style: none;
224
- }
225
- .reset_element_button__1831jhd6 {
226
- cursor: pointer;
227
- }
228
- .reset_element_a__1831jhd7 {
229
- text-decoration: none;
230
- color: inherit;
231
- }
232
- .reset_element_table__1831jhdb {
233
- border-collapse: collapse;
234
- border-spacing: 0;
235
- }
236
- .reset_element_img__1831jhdc {
237
- display: block;
238
- max-width: 100%;
239
- }`;
240
- //#endregion
241
- //#region \0ve-inline:../../packages/design-system/src/theme.css.ts.vanilla.js
242
- const cssSource$1 = `:root {
243
- --text-primary__pbq4ak0: #000000;
244
- --text-secondary__pbq4ak1: #525252;
245
- --text-tertiary__pbq4ak2: #a3a3a3;
246
- --text-disabled__pbq4ak3: #a3a3a3;
247
- --text-action__pbq4ak4: #0043ef;
248
- --text-actionHover__pbq4ak5: #0036bf;
249
- --text-onAction__pbq4ak6: #ffffff;
250
- --text-error__pbq4ak7: #e31c31;
251
- --text-success__pbq4ak8: #09be67;
252
- --text-warning__pbq4ak9: #ec7e00;
253
- --surface-primary__pbq4aka: #0043ef;
254
- --surface-secondary__pbq4akb: #f2f6fe;
255
- --surface-background__pbq4akc: #ffffff;
256
- --surface-background2__pbq4akd: #f9fafb;
257
- --surface-elevated__pbq4ake: #ffffff;
258
- --surface-muted__pbq4akf: #f7f7f7;
259
- --surface-tertiary__pbq4akg: #f7f7f7;
260
- --surface-overlay__pbq4akh: #000000b2;
261
- --surface-disabled__pbq4aki: #e2e2e2;
262
- --surface-primaryHover__pbq4akj: #0036bf;
263
- --surface-primaryPressed__pbq4akk: #00288f;
264
- --surface-secondaryHover__pbq4akl: #e5ecfd;
265
- --surface-secondaryPressed__pbq4akm: #ccd9fc;
266
- --surface-error__pbq4akn: #fce8ea;
267
- --surface-success__pbq4ako: #f3fcf7;
268
- --surface-warning__pbq4akp: #fef9f2;
269
- --border-subtle__pbq4akq: #f5f5f5;
270
- --border-focus__pbq4akr: #a3a3a3;
271
- --border-error__pbq4aks: #e31c31;
272
- --border-success__pbq4akt: #09be67;
273
- --border-warning__pbq4aku: #ec7e00;
274
- --border-default__pbq4akv: #e2e2e2;
275
- --icon-primary__pbq4akw: #000000;
276
- --icon-secondary__pbq4akx: #525252;
277
- --icon-tertiary__pbq4aky: #a3a3a3;
278
- --icon-disabled__pbq4akz: #a3a3a3;
279
- --icon-action__pbq4ak10: #0043ef;
280
- --icon-actionHover__pbq4ak11: #0036bf;
281
- --icon-onAction__pbq4ak12: #ffffff;
282
- --icon-error__pbq4ak13: #e31c31;
283
- --icon-success__pbq4ak14: #09be67;
284
- --icon-warning__pbq4ak15: #ec7e00;
285
- }
286
- [data-theme='dark'] {
287
- --text-primary__pbq4ak0: #ffffff;
288
- --text-secondary__pbq4ak1: #f7f7f7;
289
- --text-tertiary__pbq4ak2: #f5f5f5;
290
- --text-disabled__pbq4ak3: #a3a3a3;
291
- --text-action__pbq4ak4: #668ef5;
292
- --text-actionHover__pbq4ak5: #0036bf;
293
- --text-onAction__pbq4ak6: #ffffff;
294
- --text-error__pbq4ak7: #e9495a;
295
- --text-success__pbq4ak8: #09be67;
296
- --text-warning__pbq4ak9: #ec7e00;
297
- --surface-primary__pbq4aka: #0043ef;
298
- --surface-secondary__pbq4akb: #00288f;
299
- --surface-background__pbq4akc: #000000;
300
- --surface-background2__pbq4akd: #000000;
301
- --surface-elevated__pbq4ake: #262626;
302
- --surface-muted__pbq4akf: #525252;
303
- --surface-tertiary__pbq4akg: #737373;
304
- --surface-overlay__pbq4akh: #000000b2;
305
- --surface-disabled__pbq4aki: #e2e2e2;
306
- --surface-primaryHover__pbq4akj: #0036bf;
307
- --surface-primaryPressed__pbq4akk: #00288f;
308
- --surface-secondaryHover__pbq4akl: #e5ecfd;
309
- --surface-secondaryPressed__pbq4akm: #ccd9fc;
310
- --surface-error__pbq4akn: #b61627;
311
- --surface-success__pbq4ako: #05723e;
312
- --surface-warning__pbq4akp: #8e4c00;
313
- --border-subtle__pbq4akq: #737373;
314
- --border-focus__pbq4akr: #a3a3a3;
315
- --border-error__pbq4aks: #e31c31;
316
- --border-success__pbq4akt: #09be67;
317
- --border-warning__pbq4aku: #ec7e00;
318
- --border-default__pbq4akv: #525252;
319
- --icon-primary__pbq4akw: #ffffff;
320
- --icon-secondary__pbq4akx: #f7f7f7;
321
- --icon-tertiary__pbq4aky: #f7f7f7;
322
- --icon-disabled__pbq4akz: #a3a3a3;
323
- --icon-action__pbq4ak10: #0043ef;
324
- --icon-actionHover__pbq4ak11: #0036bf;
325
- --icon-onAction__pbq4ak12: #ffffff;
326
- --icon-error__pbq4ak13: #e31c31;
327
- --icon-success__pbq4ak14: #09be67;
328
- --icon-warning__pbq4ak15: #ec7e00;
329
- }`;
330
- //#endregion
331
- //#region \0ve-inline:../../packages/design-system/src/sprinkles.css.ts.vanilla.js
332
- const cssSource = `.sprinkles_display_none_mobile__1iaw8zx0 {
333
- display: none;
334
- }
335
- .sprinkles_display_flex_mobile__1iaw8zx3 {
336
- display: flex;
337
- }
338
- .sprinkles_display_block_mobile__1iaw8zx6 {
339
- display: block;
340
- }
341
- .sprinkles_display_grid_mobile__1iaw8zx9 {
342
- display: grid;
343
- }
344
- .sprinkles_display_inline-flex_mobile__1iaw8zxc {
345
- display: inline-flex;
346
- }
347
- .sprinkles_flexDirection_row_mobile__1iaw8zxf {
348
- flex-direction: row;
349
- }
350
- .sprinkles_flexDirection_column_mobile__1iaw8zxi {
351
- flex-direction: column;
352
- }
353
- .sprinkles_alignItems_stretch_mobile__1iaw8zxl {
354
- align-items: stretch;
355
- }
356
- .sprinkles_alignItems_flex-start_mobile__1iaw8zxo {
357
- align-items: flex-start;
358
- }
359
- .sprinkles_alignItems_center_mobile__1iaw8zxr {
360
- align-items: center;
361
- }
362
- .sprinkles_alignItems_flex-end_mobile__1iaw8zxu {
363
- align-items: flex-end;
364
- }
365
- .sprinkles_alignItems_baseline_mobile__1iaw8zxx {
366
- align-items: baseline;
367
- }
368
- .sprinkles_justifyContent_stretch_mobile__1iaw8zx10 {
369
- justify-content: stretch;
370
- }
371
- .sprinkles_justifyContent_flex-start_mobile__1iaw8zx13 {
372
- justify-content: flex-start;
373
- }
374
- .sprinkles_justifyContent_center_mobile__1iaw8zx16 {
375
- justify-content: center;
376
- }
377
- .sprinkles_justifyContent_flex-end_mobile__1iaw8zx19 {
378
- justify-content: flex-end;
379
- }
380
- .sprinkles_justifyContent_space-between_mobile__1iaw8zx1c {
381
- justify-content: space-between;
382
- }
383
- .sprinkles_justifyContent_space-around_mobile__1iaw8zx1f {
384
- justify-content: space-around;
385
- }
386
- .sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i {
387
- flex-wrap: nowrap;
388
- }
389
- .sprinkles_flexWrap_wrap_mobile__1iaw8zx1l {
390
- flex-wrap: wrap;
391
- }
392
- .sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o {
393
- flex-wrap: wrap-reverse;
394
- }
395
- .sprinkles_gap_none_mobile__1iaw8zx1r {
396
- gap: 0;
397
- }
398
- .sprinkles_gap_xxs_mobile__1iaw8zx1u {
399
- gap: 4px;
400
- }
401
- .sprinkles_gap_xs_mobile__1iaw8zx1x {
402
- gap: 8px;
403
- }
404
- .sprinkles_gap_s_mobile__1iaw8zx20 {
405
- gap: 12px;
406
- }
407
- .sprinkles_gap_m_mobile__1iaw8zx23 {
408
- gap: 16px;
409
- }
410
- .sprinkles_gap_l_mobile__1iaw8zx26 {
411
- gap: 24px;
412
- }
413
- .sprinkles_gap_xl_mobile__1iaw8zx29 {
414
- gap: 32px;
415
- }
416
- .sprinkles_paddingTop_none_mobile__1iaw8zx2c {
417
- padding-top: 0;
418
- }
419
- .sprinkles_paddingTop_xxs_mobile__1iaw8zx2f {
420
- padding-top: 4px;
421
- }
422
- .sprinkles_paddingTop_xs_mobile__1iaw8zx2i {
423
- padding-top: 8px;
424
- }
425
- .sprinkles_paddingTop_s_mobile__1iaw8zx2l {
426
- padding-top: 12px;
427
- }
428
- .sprinkles_paddingTop_m_mobile__1iaw8zx2o {
429
- padding-top: 16px;
430
- }
431
- .sprinkles_paddingTop_l_mobile__1iaw8zx2r {
432
- padding-top: 24px;
433
- }
434
- .sprinkles_paddingTop_xl_mobile__1iaw8zx2u {
435
- padding-top: 32px;
436
- }
437
- .sprinkles_paddingBottom_none_mobile__1iaw8zx2x {
438
- padding-bottom: 0;
439
- }
440
- .sprinkles_paddingBottom_xxs_mobile__1iaw8zx30 {
441
- padding-bottom: 4px;
442
- }
443
- .sprinkles_paddingBottom_xs_mobile__1iaw8zx33 {
444
- padding-bottom: 8px;
445
- }
446
- .sprinkles_paddingBottom_s_mobile__1iaw8zx36 {
447
- padding-bottom: 12px;
448
- }
449
- .sprinkles_paddingBottom_m_mobile__1iaw8zx39 {
450
- padding-bottom: 16px;
451
- }
452
- .sprinkles_paddingBottom_l_mobile__1iaw8zx3c {
453
- padding-bottom: 24px;
454
- }
455
- .sprinkles_paddingBottom_xl_mobile__1iaw8zx3f {
456
- padding-bottom: 32px;
457
- }
458
- .sprinkles_paddingLeft_none_mobile__1iaw8zx3i {
459
- padding-left: 0;
460
- }
461
- .sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l {
462
- padding-left: 4px;
463
- }
464
- .sprinkles_paddingLeft_xs_mobile__1iaw8zx3o {
465
- padding-left: 8px;
466
- }
467
- .sprinkles_paddingLeft_s_mobile__1iaw8zx3r {
468
- padding-left: 12px;
469
- }
470
- .sprinkles_paddingLeft_m_mobile__1iaw8zx3u {
471
- padding-left: 16px;
472
- }
473
- .sprinkles_paddingLeft_l_mobile__1iaw8zx3x {
474
- padding-left: 24px;
475
- }
476
- .sprinkles_paddingLeft_xl_mobile__1iaw8zx40 {
477
- padding-left: 32px;
478
- }
479
- .sprinkles_paddingRight_none_mobile__1iaw8zx43 {
480
- padding-right: 0;
481
- }
482
- .sprinkles_paddingRight_xxs_mobile__1iaw8zx46 {
483
- padding-right: 4px;
484
- }
485
- .sprinkles_paddingRight_xs_mobile__1iaw8zx49 {
486
- padding-right: 8px;
487
- }
488
- .sprinkles_paddingRight_s_mobile__1iaw8zx4c {
489
- padding-right: 12px;
490
- }
491
- .sprinkles_paddingRight_m_mobile__1iaw8zx4f {
492
- padding-right: 16px;
493
- }
494
- .sprinkles_paddingRight_l_mobile__1iaw8zx4i {
495
- padding-right: 24px;
496
- }
497
- .sprinkles_paddingRight_xl_mobile__1iaw8zx4l {
498
- padding-right: 32px;
499
- }
500
- .sprinkles_marginTop_none_mobile__1iaw8zx4o {
501
- margin-top: 0;
502
- }
503
- .sprinkles_marginTop_xxs_mobile__1iaw8zx4r {
504
- margin-top: 4px;
505
- }
506
- .sprinkles_marginTop_xs_mobile__1iaw8zx4u {
507
- margin-top: 8px;
508
- }
509
- .sprinkles_marginTop_s_mobile__1iaw8zx4x {
510
- margin-top: 12px;
511
- }
512
- .sprinkles_marginTop_m_mobile__1iaw8zx50 {
513
- margin-top: 16px;
514
- }
515
- .sprinkles_marginTop_l_mobile__1iaw8zx53 {
516
- margin-top: 24px;
517
- }
518
- .sprinkles_marginTop_xl_mobile__1iaw8zx56 {
519
- margin-top: 32px;
520
- }
521
- .sprinkles_marginBottom_none_mobile__1iaw8zx59 {
522
- margin-bottom: 0;
523
- }
524
- .sprinkles_marginBottom_xxs_mobile__1iaw8zx5c {
525
- margin-bottom: 4px;
526
- }
527
- .sprinkles_marginBottom_xs_mobile__1iaw8zx5f {
528
- margin-bottom: 8px;
529
- }
530
- .sprinkles_marginBottom_s_mobile__1iaw8zx5i {
531
- margin-bottom: 12px;
532
- }
533
- .sprinkles_marginBottom_m_mobile__1iaw8zx5l {
534
- margin-bottom: 16px;
535
- }
536
- .sprinkles_marginBottom_l_mobile__1iaw8zx5o {
537
- margin-bottom: 24px;
538
- }
539
- .sprinkles_marginBottom_xl_mobile__1iaw8zx5r {
540
- margin-bottom: 32px;
541
- }
542
- .sprinkles_marginLeft_none_mobile__1iaw8zx5u {
543
- margin-left: 0;
544
- }
545
- .sprinkles_marginLeft_xxs_mobile__1iaw8zx5x {
546
- margin-left: 4px;
547
- }
548
- .sprinkles_marginLeft_xs_mobile__1iaw8zx60 {
549
- margin-left: 8px;
550
- }
551
- .sprinkles_marginLeft_s_mobile__1iaw8zx63 {
552
- margin-left: 12px;
553
- }
554
- .sprinkles_marginLeft_m_mobile__1iaw8zx66 {
555
- margin-left: 16px;
556
- }
557
- .sprinkles_marginLeft_l_mobile__1iaw8zx69 {
558
- margin-left: 24px;
559
- }
560
- .sprinkles_marginLeft_xl_mobile__1iaw8zx6c {
561
- margin-left: 32px;
562
- }
563
- .sprinkles_marginRight_none_mobile__1iaw8zx6f {
564
- margin-right: 0;
565
- }
566
- .sprinkles_marginRight_xxs_mobile__1iaw8zx6i {
567
- margin-right: 4px;
568
- }
569
- .sprinkles_marginRight_xs_mobile__1iaw8zx6l {
570
- margin-right: 8px;
571
- }
572
- .sprinkles_marginRight_s_mobile__1iaw8zx6o {
573
- margin-right: 12px;
574
- }
575
- .sprinkles_marginRight_m_mobile__1iaw8zx6r {
576
- margin-right: 16px;
577
- }
578
- .sprinkles_marginRight_l_mobile__1iaw8zx6u {
579
- margin-right: 24px;
580
- }
581
- .sprinkles_marginRight_xl_mobile__1iaw8zx6x {
582
- margin-right: 32px;
583
- }
584
- .sprinkles_borderRadius_none_mobile__1iaw8zx70 {
585
- border-radius: 0;
586
- }
587
- .sprinkles_borderRadius_xs_mobile__1iaw8zx73 {
588
- border-radius: 4px;
589
- }
590
- .sprinkles_borderRadius_s_mobile__1iaw8zx76 {
591
- border-radius: 8px;
592
- }
593
- .sprinkles_borderRadius_m_mobile__1iaw8zx79 {
594
- border-radius: 12px;
595
- }
596
- .sprinkles_borderRadius_l_mobile__1iaw8zx7c {
597
- border-radius: 16px;
598
- }
599
- .sprinkles_borderRadius_xl_mobile__1iaw8zx7f {
600
- border-radius: 24px;
601
- }
602
- .sprinkles_borderRadius_xxl_mobile__1iaw8zx7i {
603
- border-radius: 32px;
604
- }
605
- .sprinkles_borderRadius_full_mobile__1iaw8zx7l {
606
- border-radius: 9999px;
607
- }
608
- .sprinkles_position_relative__1iaw8zx7o {
609
- position: relative;
610
- }
611
- .sprinkles_position_absolute__1iaw8zx7p {
612
- position: absolute;
613
- }
614
- .sprinkles_position_fixed__1iaw8zx7q {
615
- position: fixed;
616
- }
617
- .sprinkles_position_sticky__1iaw8zx7r {
618
- position: sticky;
619
- }
620
- .sprinkles_overflow_hidden__1iaw8zx7s {
621
- overflow: hidden;
622
- }
623
- .sprinkles_overflow_scroll__1iaw8zx7t {
624
- overflow: scroll;
625
- }
626
- .sprinkles_overflow_visible__1iaw8zx7u {
627
- overflow: visible;
628
- }
629
- .sprinkles_overflow_auto__1iaw8zx7v {
630
- overflow: auto;
631
- }
632
- .sprinkles_cursor_default__1iaw8zx7w {
633
- cursor: default;
634
- }
635
- .sprinkles_cursor_pointer__1iaw8zx7x {
636
- cursor: pointer;
637
- }
638
- .sprinkles_flexShrink_0__1iaw8zx7y {
639
- flex-shrink: 0;
640
- }
641
- .sprinkles_flexGrow_0__1iaw8zx7z {
642
- flex-grow: 0;
643
- }
644
- .sprinkles_flexGrow_1__1iaw8zx80 {
645
- flex-grow: 1;
646
- }
647
- .sprinkles_textAlign_left__1iaw8zx81 {
648
- text-align: left;
649
- }
650
- .sprinkles_textAlign_center__1iaw8zx82 {
651
- text-align: center;
652
- }
653
- .sprinkles_textAlign_right__1iaw8zx83 {
654
- text-align: right;
655
- }
656
- .sprinkles_fontSize_xs__1iaw8zx84 {
657
- font-size: 12px;
658
- }
659
- .sprinkles_fontSize_s__1iaw8zx85 {
660
- font-size: 14px;
661
- }
662
- .sprinkles_fontSize_m__1iaw8zx86 {
663
- font-size: 16px;
664
- }
665
- .sprinkles_fontSize_l__1iaw8zx87 {
666
- font-size: 18px;
667
- }
668
- .sprinkles_fontSize_xl__1iaw8zx88 {
669
- font-size: 20px;
670
- }
671
- .sprinkles_fontSize_2xl__1iaw8zx89 {
672
- font-size: 24px;
673
- }
674
- .sprinkles_fontSize_3xl__1iaw8zx8a {
675
- font-size: 28px;
676
- }
677
- .sprinkles_fontSize_4xl__1iaw8zx8b {
678
- font-size: 32px;
679
- }
680
- .sprinkles_fontSize_5xl__1iaw8zx8c {
681
- font-size: 40px;
682
- }
683
- .sprinkles_fontSize_6xl__1iaw8zx8d {
684
- font-size: 48px;
685
- }
686
- .sprinkles_fontWeight_regular__1iaw8zx8e {
687
- font-weight: 400;
688
- }
689
- .sprinkles_fontWeight_medium__1iaw8zx8f {
690
- font-weight: 500;
691
- }
692
- .sprinkles_fontWeight_semiBold__1iaw8zx8g {
693
- font-weight: 600;
694
- }
695
- .sprinkles_fontWeight_bold__1iaw8zx8h {
696
- font-weight: 700;
697
- }
698
- .sprinkles_color_primary_lightMode__1iaw8zx8i {
699
- color: var(--text-primary__pbq4ak0);
700
- }
701
- [data-theme='dark'] .sprinkles_color_primary_darkMode__1iaw8zx8j {
702
- color: var(--text-primary__pbq4ak0);
703
- }
704
- .sprinkles_color_secondary_lightMode__1iaw8zx8k {
705
- color: var(--text-secondary__pbq4ak1);
706
- }
707
- [data-theme='dark'] .sprinkles_color_secondary_darkMode__1iaw8zx8l {
708
- color: var(--text-secondary__pbq4ak1);
709
- }
710
- .sprinkles_color_tertiary_lightMode__1iaw8zx8m {
711
- color: var(--text-tertiary__pbq4ak2);
712
- }
713
- [data-theme='dark'] .sprinkles_color_tertiary_darkMode__1iaw8zx8n {
714
- color: var(--text-tertiary__pbq4ak2);
715
- }
716
- .sprinkles_color_disabled_lightMode__1iaw8zx8o {
717
- color: var(--text-disabled__pbq4ak3);
718
- }
719
- [data-theme='dark'] .sprinkles_color_disabled_darkMode__1iaw8zx8p {
720
- color: var(--text-disabled__pbq4ak3);
721
- }
722
- .sprinkles_color_action_lightMode__1iaw8zx8q {
723
- color: var(--text-action__pbq4ak4);
724
- }
725
- [data-theme='dark'] .sprinkles_color_action_darkMode__1iaw8zx8r {
726
- color: var(--text-action__pbq4ak4);
727
- }
728
- .sprinkles_color_onAction_lightMode__1iaw8zx8s {
729
- color: var(--text-onAction__pbq4ak6);
730
- }
731
- [data-theme='dark'] .sprinkles_color_onAction_darkMode__1iaw8zx8t {
732
- color: var(--text-onAction__pbq4ak6);
733
- }
734
- .sprinkles_color_error_lightMode__1iaw8zx8u {
735
- color: var(--text-error__pbq4ak7);
736
- }
737
- [data-theme='dark'] .sprinkles_color_error_darkMode__1iaw8zx8v {
738
- color: var(--text-error__pbq4ak7);
739
- }
740
- .sprinkles_color_success_lightMode__1iaw8zx8w {
741
- color: var(--text-success__pbq4ak8);
742
- }
743
- [data-theme='dark'] .sprinkles_color_success_darkMode__1iaw8zx8x {
744
- color: var(--text-success__pbq4ak8);
745
- }
746
- .sprinkles_color_warning_lightMode__1iaw8zx8y {
747
- color: var(--text-warning__pbq4ak9);
748
- }
749
- [data-theme='dark'] .sprinkles_color_warning_darkMode__1iaw8zx8z {
750
- color: var(--text-warning__pbq4ak9);
751
- }
752
- .sprinkles_backgroundColor_primary_lightMode__1iaw8zx90 {
753
- background-color: var(--surface-primary__pbq4aka);
754
- }
755
- [data-theme='dark'] .sprinkles_backgroundColor_primary_darkMode__1iaw8zx91 {
756
- background-color: var(--surface-primary__pbq4aka);
757
- }
758
- .sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92 {
759
- background-color: var(--surface-secondary__pbq4akb);
760
- }
761
- [data-theme='dark'] .sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93 {
762
- background-color: var(--surface-secondary__pbq4akb);
763
- }
764
- .sprinkles_backgroundColor_background_lightMode__1iaw8zx94 {
765
- background-color: var(--surface-background__pbq4akc);
766
- }
767
- [data-theme='dark'] .sprinkles_backgroundColor_background_darkMode__1iaw8zx95 {
768
- background-color: var(--surface-background__pbq4akc);
769
- }
770
- .sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96 {
771
- background-color: var(--surface-elevated__pbq4ake);
772
- }
773
- [data-theme='dark'] .sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97 {
774
- background-color: var(--surface-elevated__pbq4ake);
775
- }
776
- .sprinkles_backgroundColor_muted_lightMode__1iaw8zx98 {
777
- background-color: var(--surface-muted__pbq4akf);
778
- }
779
- [data-theme='dark'] .sprinkles_backgroundColor_muted_darkMode__1iaw8zx99 {
780
- background-color: var(--surface-muted__pbq4akf);
781
- }
782
- .sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a {
783
- background-color: var(--surface-tertiary__pbq4akg);
784
- }
785
- [data-theme='dark'] .sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b {
786
- background-color: var(--surface-tertiary__pbq4akg);
787
- }
788
- .sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c {
789
- background-color: var(--surface-disabled__pbq4aki);
790
- }
791
- [data-theme='dark'] .sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d {
792
- background-color: var(--surface-disabled__pbq4aki);
793
- }
794
- .sprinkles_backgroundColor_error_lightMode__1iaw8zx9e {
795
- background-color: var(--surface-error__pbq4akn);
796
- }
797
- [data-theme='dark'] .sprinkles_backgroundColor_error_darkMode__1iaw8zx9f {
798
- background-color: var(--surface-error__pbq4akn);
799
- }
800
- .sprinkles_backgroundColor_success_lightMode__1iaw8zx9g {
801
- background-color: var(--surface-success__pbq4ako);
802
- }
803
- [data-theme='dark'] .sprinkles_backgroundColor_success_darkMode__1iaw8zx9h {
804
- background-color: var(--surface-success__pbq4ako);
805
- }
806
- .sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i {
807
- background-color: var(--surface-warning__pbq4akp);
808
- }
809
- [data-theme='dark'] .sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j {
810
- background-color: var(--surface-warning__pbq4akp);
811
- }
812
- @media screen and (min-width: 768px) {
813
- .sprinkles_display_none_tablet__1iaw8zx1 {
814
- display: none;
815
- }
816
- .sprinkles_display_flex_tablet__1iaw8zx4 {
817
- display: flex;
818
- }
819
- .sprinkles_display_block_tablet__1iaw8zx7 {
820
- display: block;
821
- }
822
- .sprinkles_display_grid_tablet__1iaw8zxa {
823
- display: grid;
824
- }
825
- .sprinkles_display_inline-flex_tablet__1iaw8zxd {
826
- display: inline-flex;
827
- }
828
- .sprinkles_flexDirection_row_tablet__1iaw8zxg {
829
- flex-direction: row;
830
- }
831
- .sprinkles_flexDirection_column_tablet__1iaw8zxj {
832
- flex-direction: column;
833
- }
834
- .sprinkles_alignItems_stretch_tablet__1iaw8zxm {
835
- align-items: stretch;
836
- }
837
- .sprinkles_alignItems_flex-start_tablet__1iaw8zxp {
838
- align-items: flex-start;
839
- }
840
- .sprinkles_alignItems_center_tablet__1iaw8zxs {
841
- align-items: center;
842
- }
843
- .sprinkles_alignItems_flex-end_tablet__1iaw8zxv {
844
- align-items: flex-end;
845
- }
846
- .sprinkles_alignItems_baseline_tablet__1iaw8zxy {
847
- align-items: baseline;
848
- }
849
- .sprinkles_justifyContent_stretch_tablet__1iaw8zx11 {
850
- justify-content: stretch;
851
- }
852
- .sprinkles_justifyContent_flex-start_tablet__1iaw8zx14 {
853
- justify-content: flex-start;
854
- }
855
- .sprinkles_justifyContent_center_tablet__1iaw8zx17 {
856
- justify-content: center;
857
- }
858
- .sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a {
859
- justify-content: flex-end;
860
- }
861
- .sprinkles_justifyContent_space-between_tablet__1iaw8zx1d {
862
- justify-content: space-between;
863
- }
864
- .sprinkles_justifyContent_space-around_tablet__1iaw8zx1g {
865
- justify-content: space-around;
866
- }
867
- .sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j {
868
- flex-wrap: nowrap;
869
- }
870
- .sprinkles_flexWrap_wrap_tablet__1iaw8zx1m {
871
- flex-wrap: wrap;
872
- }
873
- .sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p {
874
- flex-wrap: wrap-reverse;
875
- }
876
- .sprinkles_gap_none_tablet__1iaw8zx1s {
877
- gap: 0;
878
- }
879
- .sprinkles_gap_xxs_tablet__1iaw8zx1v {
880
- gap: 4px;
881
- }
882
- .sprinkles_gap_xs_tablet__1iaw8zx1y {
883
- gap: 8px;
884
- }
885
- .sprinkles_gap_s_tablet__1iaw8zx21 {
886
- gap: 12px;
887
- }
888
- .sprinkles_gap_m_tablet__1iaw8zx24 {
889
- gap: 16px;
890
- }
891
- .sprinkles_gap_l_tablet__1iaw8zx27 {
892
- gap: 24px;
893
- }
894
- .sprinkles_gap_xl_tablet__1iaw8zx2a {
895
- gap: 32px;
896
- }
897
- .sprinkles_paddingTop_none_tablet__1iaw8zx2d {
898
- padding-top: 0;
899
- }
900
- .sprinkles_paddingTop_xxs_tablet__1iaw8zx2g {
901
- padding-top: 4px;
902
- }
903
- .sprinkles_paddingTop_xs_tablet__1iaw8zx2j {
904
- padding-top: 8px;
905
- }
906
- .sprinkles_paddingTop_s_tablet__1iaw8zx2m {
907
- padding-top: 12px;
908
- }
909
- .sprinkles_paddingTop_m_tablet__1iaw8zx2p {
910
- padding-top: 16px;
911
- }
912
- .sprinkles_paddingTop_l_tablet__1iaw8zx2s {
913
- padding-top: 24px;
914
- }
915
- .sprinkles_paddingTop_xl_tablet__1iaw8zx2v {
916
- padding-top: 32px;
917
- }
918
- .sprinkles_paddingBottom_none_tablet__1iaw8zx2y {
919
- padding-bottom: 0;
920
- }
921
- .sprinkles_paddingBottom_xxs_tablet__1iaw8zx31 {
922
- padding-bottom: 4px;
923
- }
924
- .sprinkles_paddingBottom_xs_tablet__1iaw8zx34 {
925
- padding-bottom: 8px;
926
- }
927
- .sprinkles_paddingBottom_s_tablet__1iaw8zx37 {
928
- padding-bottom: 12px;
929
- }
930
- .sprinkles_paddingBottom_m_tablet__1iaw8zx3a {
931
- padding-bottom: 16px;
932
- }
933
- .sprinkles_paddingBottom_l_tablet__1iaw8zx3d {
934
- padding-bottom: 24px;
935
- }
936
- .sprinkles_paddingBottom_xl_tablet__1iaw8zx3g {
937
- padding-bottom: 32px;
938
- }
939
- .sprinkles_paddingLeft_none_tablet__1iaw8zx3j {
940
- padding-left: 0;
941
- }
942
- .sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m {
943
- padding-left: 4px;
944
- }
945
- .sprinkles_paddingLeft_xs_tablet__1iaw8zx3p {
946
- padding-left: 8px;
947
- }
948
- .sprinkles_paddingLeft_s_tablet__1iaw8zx3s {
949
- padding-left: 12px;
950
- }
951
- .sprinkles_paddingLeft_m_tablet__1iaw8zx3v {
952
- padding-left: 16px;
953
- }
954
- .sprinkles_paddingLeft_l_tablet__1iaw8zx3y {
955
- padding-left: 24px;
956
- }
957
- .sprinkles_paddingLeft_xl_tablet__1iaw8zx41 {
958
- padding-left: 32px;
959
- }
960
- .sprinkles_paddingRight_none_tablet__1iaw8zx44 {
961
- padding-right: 0;
962
- }
963
- .sprinkles_paddingRight_xxs_tablet__1iaw8zx47 {
964
- padding-right: 4px;
965
- }
966
- .sprinkles_paddingRight_xs_tablet__1iaw8zx4a {
967
- padding-right: 8px;
968
- }
969
- .sprinkles_paddingRight_s_tablet__1iaw8zx4d {
970
- padding-right: 12px;
971
- }
972
- .sprinkles_paddingRight_m_tablet__1iaw8zx4g {
973
- padding-right: 16px;
974
- }
975
- .sprinkles_paddingRight_l_tablet__1iaw8zx4j {
976
- padding-right: 24px;
977
- }
978
- .sprinkles_paddingRight_xl_tablet__1iaw8zx4m {
979
- padding-right: 32px;
980
- }
981
- .sprinkles_marginTop_none_tablet__1iaw8zx4p {
982
- margin-top: 0;
983
- }
984
- .sprinkles_marginTop_xxs_tablet__1iaw8zx4s {
985
- margin-top: 4px;
986
- }
987
- .sprinkles_marginTop_xs_tablet__1iaw8zx4v {
988
- margin-top: 8px;
989
- }
990
- .sprinkles_marginTop_s_tablet__1iaw8zx4y {
991
- margin-top: 12px;
992
- }
993
- .sprinkles_marginTop_m_tablet__1iaw8zx51 {
994
- margin-top: 16px;
995
- }
996
- .sprinkles_marginTop_l_tablet__1iaw8zx54 {
997
- margin-top: 24px;
998
- }
999
- .sprinkles_marginTop_xl_tablet__1iaw8zx57 {
1000
- margin-top: 32px;
1001
- }
1002
- .sprinkles_marginBottom_none_tablet__1iaw8zx5a {
1003
- margin-bottom: 0;
1004
- }
1005
- .sprinkles_marginBottom_xxs_tablet__1iaw8zx5d {
1006
- margin-bottom: 4px;
1007
- }
1008
- .sprinkles_marginBottom_xs_tablet__1iaw8zx5g {
1009
- margin-bottom: 8px;
1010
- }
1011
- .sprinkles_marginBottom_s_tablet__1iaw8zx5j {
1012
- margin-bottom: 12px;
1013
- }
1014
- .sprinkles_marginBottom_m_tablet__1iaw8zx5m {
1015
- margin-bottom: 16px;
1016
- }
1017
- .sprinkles_marginBottom_l_tablet__1iaw8zx5p {
1018
- margin-bottom: 24px;
1019
- }
1020
- .sprinkles_marginBottom_xl_tablet__1iaw8zx5s {
1021
- margin-bottom: 32px;
1022
- }
1023
- .sprinkles_marginLeft_none_tablet__1iaw8zx5v {
1024
- margin-left: 0;
1025
- }
1026
- .sprinkles_marginLeft_xxs_tablet__1iaw8zx5y {
1027
- margin-left: 4px;
1028
- }
1029
- .sprinkles_marginLeft_xs_tablet__1iaw8zx61 {
1030
- margin-left: 8px;
1031
- }
1032
- .sprinkles_marginLeft_s_tablet__1iaw8zx64 {
1033
- margin-left: 12px;
1034
- }
1035
- .sprinkles_marginLeft_m_tablet__1iaw8zx67 {
1036
- margin-left: 16px;
1037
- }
1038
- .sprinkles_marginLeft_l_tablet__1iaw8zx6a {
1039
- margin-left: 24px;
1040
- }
1041
- .sprinkles_marginLeft_xl_tablet__1iaw8zx6d {
1042
- margin-left: 32px;
1043
- }
1044
- .sprinkles_marginRight_none_tablet__1iaw8zx6g {
1045
- margin-right: 0;
1046
- }
1047
- .sprinkles_marginRight_xxs_tablet__1iaw8zx6j {
1048
- margin-right: 4px;
1049
- }
1050
- .sprinkles_marginRight_xs_tablet__1iaw8zx6m {
1051
- margin-right: 8px;
1052
- }
1053
- .sprinkles_marginRight_s_tablet__1iaw8zx6p {
1054
- margin-right: 12px;
1055
- }
1056
- .sprinkles_marginRight_m_tablet__1iaw8zx6s {
1057
- margin-right: 16px;
1058
- }
1059
- .sprinkles_marginRight_l_tablet__1iaw8zx6v {
1060
- margin-right: 24px;
1061
- }
1062
- .sprinkles_marginRight_xl_tablet__1iaw8zx6y {
1063
- margin-right: 32px;
1064
- }
1065
- .sprinkles_borderRadius_none_tablet__1iaw8zx71 {
1066
- border-radius: 0;
1067
- }
1068
- .sprinkles_borderRadius_xs_tablet__1iaw8zx74 {
1069
- border-radius: 4px;
1070
- }
1071
- .sprinkles_borderRadius_s_tablet__1iaw8zx77 {
1072
- border-radius: 8px;
1073
- }
1074
- .sprinkles_borderRadius_m_tablet__1iaw8zx7a {
1075
- border-radius: 12px;
1076
- }
1077
- .sprinkles_borderRadius_l_tablet__1iaw8zx7d {
1078
- border-radius: 16px;
1079
- }
1080
- .sprinkles_borderRadius_xl_tablet__1iaw8zx7g {
1081
- border-radius: 24px;
1082
- }
1083
- .sprinkles_borderRadius_xxl_tablet__1iaw8zx7j {
1084
- border-radius: 32px;
1085
- }
1086
- .sprinkles_borderRadius_full_tablet__1iaw8zx7m {
1087
- border-radius: 9999px;
1088
- }
1089
- }
1090
- @media screen and (min-width: 1024px) {
1091
- .sprinkles_display_none_desktop__1iaw8zx2 {
1092
- display: none;
1093
- }
1094
- .sprinkles_display_flex_desktop__1iaw8zx5 {
1095
- display: flex;
1096
- }
1097
- .sprinkles_display_block_desktop__1iaw8zx8 {
1098
- display: block;
1099
- }
1100
- .sprinkles_display_grid_desktop__1iaw8zxb {
1101
- display: grid;
1102
- }
1103
- .sprinkles_display_inline-flex_desktop__1iaw8zxe {
1104
- display: inline-flex;
1105
- }
1106
- .sprinkles_flexDirection_row_desktop__1iaw8zxh {
1107
- flex-direction: row;
1108
- }
1109
- .sprinkles_flexDirection_column_desktop__1iaw8zxk {
1110
- flex-direction: column;
1111
- }
1112
- .sprinkles_alignItems_stretch_desktop__1iaw8zxn {
1113
- align-items: stretch;
1114
- }
1115
- .sprinkles_alignItems_flex-start_desktop__1iaw8zxq {
1116
- align-items: flex-start;
1117
- }
1118
- .sprinkles_alignItems_center_desktop__1iaw8zxt {
1119
- align-items: center;
1120
- }
1121
- .sprinkles_alignItems_flex-end_desktop__1iaw8zxw {
1122
- align-items: flex-end;
1123
- }
1124
- .sprinkles_alignItems_baseline_desktop__1iaw8zxz {
1125
- align-items: baseline;
1126
- }
1127
- .sprinkles_justifyContent_stretch_desktop__1iaw8zx12 {
1128
- justify-content: stretch;
1129
- }
1130
- .sprinkles_justifyContent_flex-start_desktop__1iaw8zx15 {
1131
- justify-content: flex-start;
1132
- }
1133
- .sprinkles_justifyContent_center_desktop__1iaw8zx18 {
1134
- justify-content: center;
1135
- }
1136
- .sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b {
1137
- justify-content: flex-end;
1138
- }
1139
- .sprinkles_justifyContent_space-between_desktop__1iaw8zx1e {
1140
- justify-content: space-between;
1141
- }
1142
- .sprinkles_justifyContent_space-around_desktop__1iaw8zx1h {
1143
- justify-content: space-around;
1144
- }
1145
- .sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k {
1146
- flex-wrap: nowrap;
1147
- }
1148
- .sprinkles_flexWrap_wrap_desktop__1iaw8zx1n {
1149
- flex-wrap: wrap;
1150
- }
1151
- .sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q {
1152
- flex-wrap: wrap-reverse;
1153
- }
1154
- .sprinkles_gap_none_desktop__1iaw8zx1t {
1155
- gap: 0;
1156
- }
1157
- .sprinkles_gap_xxs_desktop__1iaw8zx1w {
1158
- gap: 4px;
1159
- }
1160
- .sprinkles_gap_xs_desktop__1iaw8zx1z {
1161
- gap: 8px;
1162
- }
1163
- .sprinkles_gap_s_desktop__1iaw8zx22 {
1164
- gap: 12px;
1165
- }
1166
- .sprinkles_gap_m_desktop__1iaw8zx25 {
1167
- gap: 16px;
1168
- }
1169
- .sprinkles_gap_l_desktop__1iaw8zx28 {
1170
- gap: 24px;
1171
- }
1172
- .sprinkles_gap_xl_desktop__1iaw8zx2b {
1173
- gap: 32px;
1174
- }
1175
- .sprinkles_paddingTop_none_desktop__1iaw8zx2e {
1176
- padding-top: 0;
1177
- }
1178
- .sprinkles_paddingTop_xxs_desktop__1iaw8zx2h {
1179
- padding-top: 4px;
1180
- }
1181
- .sprinkles_paddingTop_xs_desktop__1iaw8zx2k {
1182
- padding-top: 8px;
1183
- }
1184
- .sprinkles_paddingTop_s_desktop__1iaw8zx2n {
1185
- padding-top: 12px;
1186
- }
1187
- .sprinkles_paddingTop_m_desktop__1iaw8zx2q {
1188
- padding-top: 16px;
1189
- }
1190
- .sprinkles_paddingTop_l_desktop__1iaw8zx2t {
1191
- padding-top: 24px;
1192
- }
1193
- .sprinkles_paddingTop_xl_desktop__1iaw8zx2w {
1194
- padding-top: 32px;
1195
- }
1196
- .sprinkles_paddingBottom_none_desktop__1iaw8zx2z {
1197
- padding-bottom: 0;
1198
- }
1199
- .sprinkles_paddingBottom_xxs_desktop__1iaw8zx32 {
1200
- padding-bottom: 4px;
1201
- }
1202
- .sprinkles_paddingBottom_xs_desktop__1iaw8zx35 {
1203
- padding-bottom: 8px;
1204
- }
1205
- .sprinkles_paddingBottom_s_desktop__1iaw8zx38 {
1206
- padding-bottom: 12px;
1207
- }
1208
- .sprinkles_paddingBottom_m_desktop__1iaw8zx3b {
1209
- padding-bottom: 16px;
1210
- }
1211
- .sprinkles_paddingBottom_l_desktop__1iaw8zx3e {
1212
- padding-bottom: 24px;
1213
- }
1214
- .sprinkles_paddingBottom_xl_desktop__1iaw8zx3h {
1215
- padding-bottom: 32px;
1216
- }
1217
- .sprinkles_paddingLeft_none_desktop__1iaw8zx3k {
1218
- padding-left: 0;
1219
- }
1220
- .sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n {
1221
- padding-left: 4px;
1222
- }
1223
- .sprinkles_paddingLeft_xs_desktop__1iaw8zx3q {
1224
- padding-left: 8px;
1225
- }
1226
- .sprinkles_paddingLeft_s_desktop__1iaw8zx3t {
1227
- padding-left: 12px;
1228
- }
1229
- .sprinkles_paddingLeft_m_desktop__1iaw8zx3w {
1230
- padding-left: 16px;
1231
- }
1232
- .sprinkles_paddingLeft_l_desktop__1iaw8zx3z {
1233
- padding-left: 24px;
1234
- }
1235
- .sprinkles_paddingLeft_xl_desktop__1iaw8zx42 {
1236
- padding-left: 32px;
1237
- }
1238
- .sprinkles_paddingRight_none_desktop__1iaw8zx45 {
1239
- padding-right: 0;
1240
- }
1241
- .sprinkles_paddingRight_xxs_desktop__1iaw8zx48 {
1242
- padding-right: 4px;
1243
- }
1244
- .sprinkles_paddingRight_xs_desktop__1iaw8zx4b {
1245
- padding-right: 8px;
1246
- }
1247
- .sprinkles_paddingRight_s_desktop__1iaw8zx4e {
1248
- padding-right: 12px;
1249
- }
1250
- .sprinkles_paddingRight_m_desktop__1iaw8zx4h {
1251
- padding-right: 16px;
1252
- }
1253
- .sprinkles_paddingRight_l_desktop__1iaw8zx4k {
1254
- padding-right: 24px;
1255
- }
1256
- .sprinkles_paddingRight_xl_desktop__1iaw8zx4n {
1257
- padding-right: 32px;
1258
- }
1259
- .sprinkles_marginTop_none_desktop__1iaw8zx4q {
1260
- margin-top: 0;
1261
- }
1262
- .sprinkles_marginTop_xxs_desktop__1iaw8zx4t {
1263
- margin-top: 4px;
1264
- }
1265
- .sprinkles_marginTop_xs_desktop__1iaw8zx4w {
1266
- margin-top: 8px;
1267
- }
1268
- .sprinkles_marginTop_s_desktop__1iaw8zx4z {
1269
- margin-top: 12px;
1270
- }
1271
- .sprinkles_marginTop_m_desktop__1iaw8zx52 {
1272
- margin-top: 16px;
1273
- }
1274
- .sprinkles_marginTop_l_desktop__1iaw8zx55 {
1275
- margin-top: 24px;
1276
- }
1277
- .sprinkles_marginTop_xl_desktop__1iaw8zx58 {
1278
- margin-top: 32px;
1279
- }
1280
- .sprinkles_marginBottom_none_desktop__1iaw8zx5b {
1281
- margin-bottom: 0;
1282
- }
1283
- .sprinkles_marginBottom_xxs_desktop__1iaw8zx5e {
1284
- margin-bottom: 4px;
1285
- }
1286
- .sprinkles_marginBottom_xs_desktop__1iaw8zx5h {
1287
- margin-bottom: 8px;
1288
- }
1289
- .sprinkles_marginBottom_s_desktop__1iaw8zx5k {
1290
- margin-bottom: 12px;
1291
- }
1292
- .sprinkles_marginBottom_m_desktop__1iaw8zx5n {
1293
- margin-bottom: 16px;
1294
- }
1295
- .sprinkles_marginBottom_l_desktop__1iaw8zx5q {
1296
- margin-bottom: 24px;
1297
- }
1298
- .sprinkles_marginBottom_xl_desktop__1iaw8zx5t {
1299
- margin-bottom: 32px;
1300
- }
1301
- .sprinkles_marginLeft_none_desktop__1iaw8zx5w {
1302
- margin-left: 0;
1303
- }
1304
- .sprinkles_marginLeft_xxs_desktop__1iaw8zx5z {
1305
- margin-left: 4px;
1306
- }
1307
- .sprinkles_marginLeft_xs_desktop__1iaw8zx62 {
1308
- margin-left: 8px;
1309
- }
1310
- .sprinkles_marginLeft_s_desktop__1iaw8zx65 {
1311
- margin-left: 12px;
1312
- }
1313
- .sprinkles_marginLeft_m_desktop__1iaw8zx68 {
1314
- margin-left: 16px;
1315
- }
1316
- .sprinkles_marginLeft_l_desktop__1iaw8zx6b {
1317
- margin-left: 24px;
1318
- }
1319
- .sprinkles_marginLeft_xl_desktop__1iaw8zx6e {
1320
- margin-left: 32px;
1321
- }
1322
- .sprinkles_marginRight_none_desktop__1iaw8zx6h {
1323
- margin-right: 0;
1324
- }
1325
- .sprinkles_marginRight_xxs_desktop__1iaw8zx6k {
1326
- margin-right: 4px;
1327
- }
1328
- .sprinkles_marginRight_xs_desktop__1iaw8zx6n {
1329
- margin-right: 8px;
1330
- }
1331
- .sprinkles_marginRight_s_desktop__1iaw8zx6q {
1332
- margin-right: 12px;
1333
- }
1334
- .sprinkles_marginRight_m_desktop__1iaw8zx6t {
1335
- margin-right: 16px;
1336
- }
1337
- .sprinkles_marginRight_l_desktop__1iaw8zx6w {
1338
- margin-right: 24px;
1339
- }
1340
- .sprinkles_marginRight_xl_desktop__1iaw8zx6z {
1341
- margin-right: 32px;
1342
- }
1343
- .sprinkles_borderRadius_none_desktop__1iaw8zx72 {
1344
- border-radius: 0;
1345
- }
1346
- .sprinkles_borderRadius_xs_desktop__1iaw8zx75 {
1347
- border-radius: 4px;
1348
- }
1349
- .sprinkles_borderRadius_s_desktop__1iaw8zx78 {
1350
- border-radius: 8px;
1351
- }
1352
- .sprinkles_borderRadius_m_desktop__1iaw8zx7b {
1353
- border-radius: 12px;
1354
- }
1355
- .sprinkles_borderRadius_l_desktop__1iaw8zx7e {
1356
- border-radius: 16px;
1357
- }
1358
- .sprinkles_borderRadius_xl_desktop__1iaw8zx7h {
1359
- border-radius: 24px;
1360
- }
1361
- .sprinkles_borderRadius_xxl_desktop__1iaw8zx7k {
1362
- border-radius: 32px;
1363
- }
1364
- .sprinkles_borderRadius_full_desktop__1iaw8zx7n {
1365
- border-radius: 9999px;
1366
- }
1367
- }`;
1368
- //#endregion
1369
- //#region ../../packages/design-system/src/icons/CloseCircleIcon.tsx
1370
- function CloseCircleIcon(props) {
1371
- return /* @__PURE__ */ jsx("svg", {
1372
- width: "15",
1373
- height: "15",
1374
- viewBox: "0 0 15 15",
1375
- fill: "none",
1376
- "aria-hidden": "true",
1377
- ...props,
1378
- children: /* @__PURE__ */ jsx("path", {
1379
- d: "M7.33301 0C11.383 0 14.6668 3.28307 14.667 7.33301C14.667 11.3831 11.3831 14.667 7.33301 14.667C3.28307 14.6668 0 11.383 0 7.33301C0.000175746 3.28318 3.28318 0.000175742 7.33301 0ZM10.3896 4.27734C10.151 4.0388 9.76303 4.03775 9.52441 4.27637L7.33301 6.46777L5.14258 4.27637C4.90397 4.03776 4.51601 4.03882 4.27734 4.27734C4.03869 4.516 4.03771 4.90392 4.27637 5.14258L6.4668 7.33398L4.27637 9.52441C4.03807 9.76306 4.03891 10.1511 4.27734 10.3896C4.51589 10.6282 4.9039 10.629 5.14258 10.3906L7.33301 8.2002L9.52344 10.3906C9.76198 10.629 10.15 10.6279 10.3887 10.3896C10.6273 10.151 10.6283 9.76209 10.3896 9.52344L8.2002 7.33398L10.3906 5.14258C10.6293 4.90392 10.6283 4.516 10.3896 4.27734Z",
1380
- fill: "currentColor"
1381
- })
1382
- });
1383
- }
1384
- //#endregion
1385
- //#region ../../packages/design-system/src/icons/ExternalLinkIcon.tsx
1386
- function ExternalLinkIcon(props) {
1387
- return /* @__PURE__ */ jsx("svg", {
1388
- width: "12",
1389
- height: "12",
1390
- viewBox: "0 0 12 12",
1391
- fill: "none",
1392
- "aria-hidden": "true",
1393
- ...props,
1394
- children: /* @__PURE__ */ jsx("path", {
1395
- d: "M5.45508 0C5.75614 0.000209333 6 0.244788 6 0.545898C5.99979 0.846831 5.75601 1.09159 5.45508 1.0918H4.36426C3.05445 1.0918 2.27964 1.35707 1.81836 1.81836C1.35714 2.27966 1.0918 3.05454 1.0918 4.36426V7.63672C1.09186 8.94625 1.35713 9.72139 1.81836 10.1826C2.2797 10.6436 3.05488 10.9092 4.36426 10.9092H7.63672C8.94628 10.9091 9.72135 10.6438 10.1826 10.1826C10.6438 9.72139 10.9091 8.94625 10.9092 7.63672V6.5459C10.9092 6.24466 11.1538 6 11.4551 6C11.7561 6.00028 12 6.24483 12 6.5459V7.63672C11.9999 9.05391 11.72 10.1882 10.9541 10.9541C10.1882 11.7199 9.05394 12 7.63672 12H4.36426C2.94714 12 1.81283 11.7197 1.04688 10.9541C0.280997 10.1882 6.04321e-05 9.05391 0 7.63672V4.36426C0 2.94692 0.28099 1.81283 1.04688 1.04688C1.81284 0.280915 2.94686 0 4.36426 0H5.45508ZM11.4541 0C11.7553 2.20143e-05 11.999 0.244672 11.999 0.545898V3.16406C11.9988 3.46509 11.7552 3.70896 11.4541 3.70898C11.1532 3.70873 10.9084 3.46495 10.9082 3.16406V1.8623L6.93066 5.83984C6.71766 6.05283 6.37218 6.05283 6.15918 5.83984C5.94657 5.62681 5.94632 5.28124 6.15918 5.06836L10.1357 1.0918H8.83594C8.53504 1.09154 8.29025 0.846803 8.29004 0.545898C8.29004 0.244816 8.53491 0.000254588 8.83594 0H11.4541Z",
1396
- fill: "currentColor"
1397
- })
1398
- });
1399
- }
1400
- //#endregion
1401
- //#region ../../packages/design-system/src/icons/LogoFrak.tsx
1402
- /**
1403
- * Frak brand mark — flat solid shape.
1404
- *
1405
- * Uses `currentColor` so the color is driven by the parent's CSS `color`
1406
- * property. For the canonical brand blue set `color: vars.surface.primary`
1407
- * on the parent (or any ancestor).
1408
- */
1409
- function LogoFrak(props) {
1410
- return /* @__PURE__ */ jsx("svg", {
1411
- width: "24",
1412
- height: "24",
1413
- viewBox: "0 0 120 120",
1414
- fill: "none",
1415
- "aria-hidden": "true",
1416
- ...props,
1417
- children: /* @__PURE__ */ jsx("path", {
1418
- fill: "currentColor",
1419
- d: "M40.9656 92.9592L1.53047 79.6135C0.77971 79.3587 0 79.9184 0 80.7116V105.06C0 105.558 0.316516 105.998 0.78743 106.158L40.2226 119.504C40.9734 119.759 41.7531 119.199 41.7531 118.406V94.0574C41.7531 93.5594 41.4366 93.1194 40.9656 92.9592ZM81.9853 46.2654L42.5405 59.6112C42.0696 59.7714 41.7531 60.2114 41.7531 60.7094V85.0579C41.7531 85.8511 42.5328 86.4108 43.2835 86.1561L82.7283 72.8103C83.1993 72.6501 83.5158 72.2101 83.5158 71.7121V47.3636C83.5158 46.5704 82.738 46.0107 81.9853 46.2654ZM119.027 0.0367608L52.9913 21.3051C52.5127 21.4595 52.1884 21.9053 52.1884 22.409V47.3559C52.1884 47.8519 52.6806 48.2031 53.1592 48.0487L119.195 26.7804C119.674 26.626 120 26.1802 120 25.6765V0.729621C119.998 0.233617 119.506 -0.117637 119.027 0.0367608Z"
1420
- })
1421
- });
1422
- }
1423
- 2 * Math.PI * 11;
1424
- //#endregion
1425
- //#region ../../packages/design-system/src/icons/WarningIcon.tsx
1426
- function WarningIcon(props) {
1427
- return /* @__PURE__ */ jsx("svg", {
1428
- width: "16",
1429
- height: "16",
1430
- viewBox: "0 0 16 16",
1431
- fill: "none",
1432
- "aria-hidden": "true",
1433
- ...props,
1434
- children: /* @__PURE__ */ jsx("path", {
1435
- d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM8.10352 10.207C8.82025 10.2071 9.23531 10.6346 9.23535 11.3262C9.23535 12.0304 8.82028 12.4579 8.10352 12.458C7.36167 12.4579 6.97168 12.0304 6.97168 11.3262C6.97172 10.6346 7.36171 10.2072 8.10352 10.207ZM8.84766 3.54102C9.01311 3.54121 9.14736 3.67535 9.14746 3.84082V4.74805L8.84375 8.37012C8.83069 8.52552 8.6999 8.64551 8.54395 8.64551H7.62891C7.47133 8.64523 7.34074 8.52251 7.33008 8.36523L7.08496 4.74805V3.84082C7.08507 3.67533 7.2193 3.54119 7.38477 3.54102H8.84766Z",
1436
- fill: "currentColor"
1437
- })
1438
- });
1439
- }
1440
- //#endregion
1441
- //#region src/components/icons/GiftIcon.tsx
1442
- /**
1443
- * Gift icon with yellow accent circle and present box.
1444
- * Used by the referral banner and the post-purchase card.
1445
- */
1446
- function GiftIcon(props) {
1447
- return /* @__PURE__ */ jsxs("svg", {
1448
- viewBox: "0 0 100 100",
1449
- fill: "none",
1450
- "aria-hidden": "true",
1451
- ...props,
1452
- children: [
1453
- /* @__PURE__ */ jsx("circle", {
1454
- cx: "38",
1455
- cy: "28",
1456
- r: "23",
1457
- fill: "#FFF533"
1458
- }),
1459
- /* @__PURE__ */ jsx("path", {
1460
- d: "M50 38C30 10 12 30 50 38Z",
1461
- stroke: "#222222",
1462
- "stroke-width": "4",
1463
- "stroke-linecap": "round",
1464
- "stroke-linejoin": "round"
1465
- }),
1466
- /* @__PURE__ */ jsx("path", {
1467
- d: "M50 38C70 10 88 30 50 38Z",
1468
- stroke: "#222222",
1469
- "stroke-width": "4",
1470
- "stroke-linecap": "round",
1471
- "stroke-linejoin": "round"
1472
- }),
1473
- /* @__PURE__ */ jsx("rect", {
1474
- x: "10",
1475
- y: "38",
1476
- width: "80",
1477
- height: "16",
1478
- rx: "2",
1479
- stroke: "#222222",
1480
- "stroke-width": "4"
1481
- }),
1482
- /* @__PURE__ */ jsx("path", {
1483
- d: "M15 54V89C15 90.6 16.4 92 18 92H82C83.6 92 85 90.6 85 89V54",
1484
- stroke: "#222222",
1485
- "stroke-width": "4",
1486
- "stroke-linecap": "round",
1487
- "stroke-linejoin": "round"
1488
- }),
1489
- /* @__PURE__ */ jsx("line", {
1490
- x1: "50",
1491
- y1: "54",
1492
- x2: "50",
1493
- y2: "92",
1494
- stroke: "#222222",
1495
- "stroke-width": "4",
1496
- "stroke-linecap": "round"
1497
- })
1498
- ]
1499
- });
1500
- }
1501
- //#endregion
1502
- export { CloseCircleIcon as a, cssSource$2 as c, ExternalLinkIcon as i, createElement$1 as l, WarningIcon as n, cssSource as o, LogoFrak as r, cssSource$1 as s, GiftIcon as t };