@frak-labs/components 0.0.26 → 1.0.0-beta.bd7d4823

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 (46) hide show
  1. package/cdn/Banner.Ws9o79lU.js +64 -0
  2. package/cdn/ButtonShare.BDS1fgma.js +1 -0
  3. package/cdn/ButtonWallet.Be1UyRm8.js +40 -0
  4. package/cdn/OpenInAppButton.Diqt07eo.js +1 -0
  5. package/cdn/PostPurchase.DqFhm-Jn.js +52 -0
  6. package/cdn/components.js +1 -1
  7. package/cdn/formatReward.CXxVsWN3.js +1 -0
  8. package/cdn/loader.css +0 -14
  9. package/cdn/loader.js +14 -1
  10. package/cdn/sprinkles.css.ts.vanilla.BtFkD4B3.js +1175 -0
  11. package/cdn/useGlobalComponents.BRe8dKO7.js +1 -0
  12. package/cdn/useLightDomStyles.ZFa154u8.js +1 -0
  13. package/cdn/usePlacement.B7jMsQvP.js +58 -0
  14. package/cdn/useReward.qEKeySJG.js +1 -0
  15. package/cdn/useShareModal.B--64ELG.js +1 -0
  16. package/dist/GiftIcon-4sr9xXyq.js +1501 -0
  17. package/dist/banner.d.ts +116 -0
  18. package/dist/banner.js +431 -0
  19. package/dist/buttonShare.d.ts +8 -6
  20. package/dist/buttonShare.js +63 -101
  21. package/dist/buttonWallet.d.ts +10 -2
  22. package/dist/buttonWallet.js +79 -38
  23. package/dist/formatReward-Bub6Z6eY.js +33 -0
  24. package/dist/openInApp.d.ts +4 -2
  25. package/dist/openInApp.js +23 -27
  26. package/dist/postPurchase.d.ts +122 -0
  27. package/dist/postPurchase.js +1579 -0
  28. package/dist/useGlobalComponents-Cmfszr7v.js +21 -0
  29. package/dist/useLightDomStyles-hgYYZsTy.js +41 -0
  30. package/dist/usePlacement-LqYjZLX_.js +248 -0
  31. package/dist/useReward-DU3_yP8Q.js +65 -0
  32. package/dist/useShareModal-DgEf5WWG.js +53 -0
  33. package/package.json +29 -20
  34. package/cdn/ButtonShare.CqRLxX5u.js +0 -1
  35. package/cdn/ButtonWallet.ToH_g8FC.js +0 -1
  36. package/cdn/OpenInAppButton.BMZnXQLT.js +0 -1
  37. package/cdn/Spinner.DRiAlyyq.js +0 -1
  38. package/cdn/initFrakSdk.CA6zXtGT.js +0 -14
  39. package/cdn/useClientReady.DskSqlAg.js +0 -1
  40. package/dist/Spinner-1CZC_zy6.js +0 -36
  41. package/dist/Spinner-CHZD3tMn.css +0 -1
  42. package/dist/buttonShare.css +0 -1
  43. package/dist/buttonWallet.css +0 -1
  44. package/dist/openInApp.css +0 -1
  45. package/dist/useClientReady-iCtUeDsc.js +0 -197
  46. package/dist/useReward-DAkT-7wT.js +0 -48
@@ -0,0 +1,1579 @@
1
+ import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
2
+ import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
3
+ import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
4
+ import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
5
+ import { t as useShareModal } from "./useShareModal-DgEf5WWG.js";
6
+ import { l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
7
+ import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
8
+ import { useEffect, useMemo, useState } from "preact/hooks";
9
+ import { jsx, jsxs } from "preact/jsx-runtime";
10
+ import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
11
+ //#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
12
+ function r(e) {
13
+ var t, f, n = "";
14
+ if ("string" == typeof e || "number" == typeof e) n += e;
15
+ else if ("object" == typeof e) if (Array.isArray(e)) {
16
+ var o = e.length;
17
+ for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
18
+ } else for (f in e) e[f] && (n && (n += " "), n += f);
19
+ return n;
20
+ }
21
+ function clsx() {
22
+ for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
23
+ return n;
24
+ }
25
+ //#endregion
26
+ //#region ../../packages/design-system/src/reset.css.ts
27
+ var base = "reset_base__1831jhd0";
28
+ var element = {
29
+ ul: "reset_element_ul__1831jhd4",
30
+ ol: "reset_element_ol__1831jhd5",
31
+ button: "reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
32
+ a: "reset_element_a__1831jhd7 reset_focusRing__1831jhd1",
33
+ input: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
34
+ select: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
35
+ textarea: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
36
+ table: "reset_element_table__1831jhdb",
37
+ img: "reset_element_img__1831jhdc"
38
+ };
39
+ //#endregion
40
+ //#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js
41
+ function toPrimitive(t, r) {
42
+ if ("object" != typeof t || !t) return t;
43
+ var e = t[Symbol.toPrimitive];
44
+ if (void 0 !== e) {
45
+ var i = e.call(t, r || "default");
46
+ if ("object" != typeof i) return i;
47
+ throw new TypeError("@@toPrimitive must return a primitive value.");
48
+ }
49
+ return ("string" === r ? String : Number)(t);
50
+ }
51
+ function toPropertyKey(t) {
52
+ var i = toPrimitive(t, "string");
53
+ return "symbol" == typeof i ? i : String(i);
54
+ }
55
+ function _defineProperty(obj, key, value) {
56
+ key = toPropertyKey(key);
57
+ if (key in obj) Object.defineProperty(obj, key, {
58
+ value,
59
+ enumerable: true,
60
+ configurable: true,
61
+ writable: true
62
+ });
63
+ else obj[key] = value;
64
+ return obj;
65
+ }
66
+ function ownKeys(e, r) {
67
+ var t = Object.keys(e);
68
+ if (Object.getOwnPropertySymbols) {
69
+ var o = Object.getOwnPropertySymbols(e);
70
+ r && (o = o.filter(function(r) {
71
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
72
+ })), t.push.apply(t, o);
73
+ }
74
+ return t;
75
+ }
76
+ function _objectSpread2(e) {
77
+ for (var r = 1; r < arguments.length; r++) {
78
+ var t = null != arguments[r] ? arguments[r] : {};
79
+ r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
80
+ _defineProperty(e, r, t[r]);
81
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
82
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
83
+ });
84
+ }
85
+ return e;
86
+ }
87
+ var createSprinkles$1 = (composeStyles) => function() {
88
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
89
+ var sprinklesStyles = Object.assign({}, ...args.map((a) => a.styles));
90
+ var sprinklesKeys = Object.keys(sprinklesStyles);
91
+ var shorthandNames = sprinklesKeys.filter((property) => "mappings" in sprinklesStyles[property]);
92
+ var sprinklesFn = (props) => {
93
+ var classNames = [];
94
+ var shorthands = {};
95
+ var nonShorthands = _objectSpread2({}, props);
96
+ var hasShorthands = false;
97
+ for (var shorthand of shorthandNames) {
98
+ var value = props[shorthand];
99
+ if (value != null) {
100
+ var sprinkle = sprinklesStyles[shorthand];
101
+ hasShorthands = true;
102
+ for (var propMapping of sprinkle.mappings) {
103
+ shorthands[propMapping] = value;
104
+ if (nonShorthands[propMapping] == null) delete nonShorthands[propMapping];
105
+ }
106
+ }
107
+ }
108
+ var finalProps = hasShorthands ? _objectSpread2(_objectSpread2({}, shorthands), nonShorthands) : props;
109
+ var _loop = function _loop() {
110
+ var propValue = finalProps[prop];
111
+ var sprinkle = sprinklesStyles[prop];
112
+ try {
113
+ if (sprinkle.mappings) return 1;
114
+ if (typeof propValue === "string" || typeof propValue === "number") {
115
+ if (!sprinkle.values[propValue].defaultClass) throw new Error();
116
+ classNames.push(sprinkle.values[propValue].defaultClass);
117
+ } else if (Array.isArray(propValue)) for (var responsiveIndex = 0; responsiveIndex < propValue.length; responsiveIndex++) {
118
+ var responsiveValue = propValue[responsiveIndex];
119
+ if (responsiveValue != null) {
120
+ var conditionName = sprinkle.responsiveArray[responsiveIndex];
121
+ if (!sprinkle.values[responsiveValue].conditions[conditionName]) throw new Error();
122
+ classNames.push(sprinkle.values[responsiveValue].conditions[conditionName]);
123
+ }
124
+ }
125
+ else for (var _conditionName in propValue) {
126
+ var _value = propValue[_conditionName];
127
+ if (_value != null) {
128
+ if (!sprinkle.values[_value].conditions[_conditionName]) throw new Error();
129
+ classNames.push(sprinkle.values[_value].conditions[_conditionName]);
130
+ }
131
+ }
132
+ } catch (e) {
133
+ {
134
+ class SprinklesError extends Error {
135
+ constructor(message) {
136
+ super(message);
137
+ this.name = "SprinklesError";
138
+ }
139
+ }
140
+ var format = (v) => typeof v === "string" ? "\"".concat(v, "\"") : v;
141
+ var invalidPropValue = (prop, value, possibleValues) => {
142
+ throw new SprinklesError("\"".concat(prop, "\" has no value ").concat(format(value), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(", ")));
143
+ };
144
+ if (!sprinkle) throw new SprinklesError("\"".concat(prop, "\" is not a valid sprinkle"));
145
+ if (typeof propValue === "string" || typeof propValue === "number") {
146
+ if (!(propValue in sprinkle.values)) invalidPropValue(prop, propValue, sprinkle.values);
147
+ if (!sprinkle.values[propValue].defaultClass) throw new SprinklesError("\"".concat(prop, "\" has no default condition. You must specify which conditions to target explicitly. Possible options are ").concat(Object.keys(sprinkle.values[propValue].conditions).map(format).join(", ")));
148
+ }
149
+ if (typeof propValue === "object") {
150
+ if (!("conditions" in sprinkle.values[Object.keys(sprinkle.values)[0]])) throw new SprinklesError("\"".concat(prop, "\" is not a conditional property"));
151
+ if (Array.isArray(propValue)) {
152
+ if (!("responsiveArray" in sprinkle)) throw new SprinklesError("\"".concat(prop, "\" does not support responsive arrays"));
153
+ var breakpointCount = sprinkle.responsiveArray.length;
154
+ if (breakpointCount < propValue.length) throw new SprinklesError("\"".concat(prop, "\" only supports up to ").concat(breakpointCount, " breakpoints. You passed ").concat(propValue.length));
155
+ for (var _responsiveValue of propValue) if (!sprinkle.values[_responsiveValue]) invalidPropValue(prop, _responsiveValue, sprinkle.values);
156
+ } else for (var _conditionName2 in propValue) {
157
+ var _value2 = propValue[_conditionName2];
158
+ if (_value2 != null) {
159
+ if (!sprinkle.values[_value2]) invalidPropValue(prop, _value2, sprinkle.values);
160
+ if (!sprinkle.values[_value2].conditions[_conditionName2]) throw new SprinklesError("\"".concat(prop, "\" has no condition named ").concat(format(_conditionName2), ". Possible values are ").concat(Object.keys(sprinkle.values[_value2].conditions).map(format).join(", ")));
161
+ }
162
+ }
163
+ }
164
+ }
165
+ throw e;
166
+ }
167
+ };
168
+ for (var prop in finalProps) if (_loop()) continue;
169
+ return composeStyles(classNames.join(" "));
170
+ };
171
+ return Object.assign(sprinklesFn, { properties: new Set(sprinklesKeys) });
172
+ };
173
+ //#endregion
174
+ //#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js
175
+ var composeStyles = (classList) => classList;
176
+ //#endregion
177
+ //#region ../../packages/design-system/src/sprinkles.css.ts
178
+ var sprinkles = function createSprinkles() {
179
+ return createSprinkles$1(composeStyles)(...arguments);
180
+ }(function() {
181
+ var x = {
182
+ conditions: {
183
+ defaultCondition: "mobile",
184
+ conditionNames: [
185
+ "mobile",
186
+ "tablet",
187
+ "desktop"
188
+ ],
189
+ responsiveArray: [
190
+ "mobile",
191
+ "tablet",
192
+ "desktop"
193
+ ]
194
+ },
195
+ styles: {
196
+ padding: { mappings: [
197
+ "paddingTop",
198
+ "paddingBottom",
199
+ "paddingLeft",
200
+ "paddingRight"
201
+ ] },
202
+ paddingX: { mappings: ["paddingLeft", "paddingRight"] },
203
+ paddingY: { mappings: ["paddingTop", "paddingBottom"] },
204
+ marginX: { mappings: ["marginLeft", "marginRight"] },
205
+ marginY: { mappings: ["marginTop", "marginBottom"] },
206
+ display: {
207
+ values: {
208
+ none: {
209
+ conditions: {
210
+ mobile: "sprinkles_display_none_mobile__1iaw8zx0",
211
+ tablet: "sprinkles_display_none_tablet__1iaw8zx1",
212
+ desktop: "sprinkles_display_none_desktop__1iaw8zx2"
213
+ },
214
+ defaultClass: "sprinkles_display_none_mobile__1iaw8zx0"
215
+ },
216
+ flex: {
217
+ conditions: {
218
+ mobile: "sprinkles_display_flex_mobile__1iaw8zx3",
219
+ tablet: "sprinkles_display_flex_tablet__1iaw8zx4",
220
+ desktop: "sprinkles_display_flex_desktop__1iaw8zx5"
221
+ },
222
+ defaultClass: "sprinkles_display_flex_mobile__1iaw8zx3"
223
+ },
224
+ block: {
225
+ conditions: {
226
+ mobile: "sprinkles_display_block_mobile__1iaw8zx6",
227
+ tablet: "sprinkles_display_block_tablet__1iaw8zx7",
228
+ desktop: "sprinkles_display_block_desktop__1iaw8zx8"
229
+ },
230
+ defaultClass: "sprinkles_display_block_mobile__1iaw8zx6"
231
+ },
232
+ grid: {
233
+ conditions: {
234
+ mobile: "sprinkles_display_grid_mobile__1iaw8zx9",
235
+ tablet: "sprinkles_display_grid_tablet__1iaw8zxa",
236
+ desktop: "sprinkles_display_grid_desktop__1iaw8zxb"
237
+ },
238
+ defaultClass: "sprinkles_display_grid_mobile__1iaw8zx9"
239
+ },
240
+ "inline-flex": {
241
+ conditions: {
242
+ mobile: "sprinkles_display_inline-flex_mobile__1iaw8zxc",
243
+ tablet: "sprinkles_display_inline-flex_tablet__1iaw8zxd",
244
+ desktop: "sprinkles_display_inline-flex_desktop__1iaw8zxe"
245
+ },
246
+ defaultClass: "sprinkles_display_inline-flex_mobile__1iaw8zxc"
247
+ }
248
+ },
249
+ responsiveArray: void 0
250
+ },
251
+ flexDirection: {
252
+ values: {
253
+ row: {
254
+ conditions: {
255
+ mobile: "sprinkles_flexDirection_row_mobile__1iaw8zxf",
256
+ tablet: "sprinkles_flexDirection_row_tablet__1iaw8zxg",
257
+ desktop: "sprinkles_flexDirection_row_desktop__1iaw8zxh"
258
+ },
259
+ defaultClass: "sprinkles_flexDirection_row_mobile__1iaw8zxf"
260
+ },
261
+ column: {
262
+ conditions: {
263
+ mobile: "sprinkles_flexDirection_column_mobile__1iaw8zxi",
264
+ tablet: "sprinkles_flexDirection_column_tablet__1iaw8zxj",
265
+ desktop: "sprinkles_flexDirection_column_desktop__1iaw8zxk"
266
+ },
267
+ defaultClass: "sprinkles_flexDirection_column_mobile__1iaw8zxi"
268
+ }
269
+ },
270
+ responsiveArray: void 0
271
+ },
272
+ alignItems: {
273
+ values: {
274
+ stretch: {
275
+ conditions: {
276
+ mobile: "sprinkles_alignItems_stretch_mobile__1iaw8zxl",
277
+ tablet: "sprinkles_alignItems_stretch_tablet__1iaw8zxm",
278
+ desktop: "sprinkles_alignItems_stretch_desktop__1iaw8zxn"
279
+ },
280
+ defaultClass: "sprinkles_alignItems_stretch_mobile__1iaw8zxl"
281
+ },
282
+ "flex-start": {
283
+ conditions: {
284
+ mobile: "sprinkles_alignItems_flex-start_mobile__1iaw8zxo",
285
+ tablet: "sprinkles_alignItems_flex-start_tablet__1iaw8zxp",
286
+ desktop: "sprinkles_alignItems_flex-start_desktop__1iaw8zxq"
287
+ },
288
+ defaultClass: "sprinkles_alignItems_flex-start_mobile__1iaw8zxo"
289
+ },
290
+ center: {
291
+ conditions: {
292
+ mobile: "sprinkles_alignItems_center_mobile__1iaw8zxr",
293
+ tablet: "sprinkles_alignItems_center_tablet__1iaw8zxs",
294
+ desktop: "sprinkles_alignItems_center_desktop__1iaw8zxt"
295
+ },
296
+ defaultClass: "sprinkles_alignItems_center_mobile__1iaw8zxr"
297
+ },
298
+ "flex-end": {
299
+ conditions: {
300
+ mobile: "sprinkles_alignItems_flex-end_mobile__1iaw8zxu",
301
+ tablet: "sprinkles_alignItems_flex-end_tablet__1iaw8zxv",
302
+ desktop: "sprinkles_alignItems_flex-end_desktop__1iaw8zxw"
303
+ },
304
+ defaultClass: "sprinkles_alignItems_flex-end_mobile__1iaw8zxu"
305
+ },
306
+ baseline: {
307
+ conditions: {
308
+ mobile: "sprinkles_alignItems_baseline_mobile__1iaw8zxx",
309
+ tablet: "sprinkles_alignItems_baseline_tablet__1iaw8zxy",
310
+ desktop: "sprinkles_alignItems_baseline_desktop__1iaw8zxz"
311
+ },
312
+ defaultClass: "sprinkles_alignItems_baseline_mobile__1iaw8zxx"
313
+ }
314
+ },
315
+ responsiveArray: void 0
316
+ },
317
+ justifyContent: {
318
+ values: {
319
+ stretch: {
320
+ conditions: {
321
+ mobile: "sprinkles_justifyContent_stretch_mobile__1iaw8zx10",
322
+ tablet: "sprinkles_justifyContent_stretch_tablet__1iaw8zx11",
323
+ desktop: "sprinkles_justifyContent_stretch_desktop__1iaw8zx12"
324
+ },
325
+ defaultClass: "sprinkles_justifyContent_stretch_mobile__1iaw8zx10"
326
+ },
327
+ "flex-start": {
328
+ conditions: {
329
+ mobile: "sprinkles_justifyContent_flex-start_mobile__1iaw8zx13",
330
+ tablet: "sprinkles_justifyContent_flex-start_tablet__1iaw8zx14",
331
+ desktop: "sprinkles_justifyContent_flex-start_desktop__1iaw8zx15"
332
+ },
333
+ defaultClass: "sprinkles_justifyContent_flex-start_mobile__1iaw8zx13"
334
+ },
335
+ center: {
336
+ conditions: {
337
+ mobile: "sprinkles_justifyContent_center_mobile__1iaw8zx16",
338
+ tablet: "sprinkles_justifyContent_center_tablet__1iaw8zx17",
339
+ desktop: "sprinkles_justifyContent_center_desktop__1iaw8zx18"
340
+ },
341
+ defaultClass: "sprinkles_justifyContent_center_mobile__1iaw8zx16"
342
+ },
343
+ "flex-end": {
344
+ conditions: {
345
+ mobile: "sprinkles_justifyContent_flex-end_mobile__1iaw8zx19",
346
+ tablet: "sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a",
347
+ desktop: "sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b"
348
+ },
349
+ defaultClass: "sprinkles_justifyContent_flex-end_mobile__1iaw8zx19"
350
+ },
351
+ "space-between": {
352
+ conditions: {
353
+ mobile: "sprinkles_justifyContent_space-between_mobile__1iaw8zx1c",
354
+ tablet: "sprinkles_justifyContent_space-between_tablet__1iaw8zx1d",
355
+ desktop: "sprinkles_justifyContent_space-between_desktop__1iaw8zx1e"
356
+ },
357
+ defaultClass: "sprinkles_justifyContent_space-between_mobile__1iaw8zx1c"
358
+ },
359
+ "space-around": {
360
+ conditions: {
361
+ mobile: "sprinkles_justifyContent_space-around_mobile__1iaw8zx1f",
362
+ tablet: "sprinkles_justifyContent_space-around_tablet__1iaw8zx1g",
363
+ desktop: "sprinkles_justifyContent_space-around_desktop__1iaw8zx1h"
364
+ },
365
+ defaultClass: "sprinkles_justifyContent_space-around_mobile__1iaw8zx1f"
366
+ }
367
+ },
368
+ responsiveArray: void 0
369
+ },
370
+ flexWrap: {
371
+ values: {
372
+ nowrap: {
373
+ conditions: {
374
+ mobile: "sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i",
375
+ tablet: "sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j",
376
+ desktop: "sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k"
377
+ },
378
+ defaultClass: "sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i"
379
+ },
380
+ wrap: {
381
+ conditions: {
382
+ mobile: "sprinkles_flexWrap_wrap_mobile__1iaw8zx1l",
383
+ tablet: "sprinkles_flexWrap_wrap_tablet__1iaw8zx1m",
384
+ desktop: "sprinkles_flexWrap_wrap_desktop__1iaw8zx1n"
385
+ },
386
+ defaultClass: "sprinkles_flexWrap_wrap_mobile__1iaw8zx1l"
387
+ },
388
+ "wrap-reverse": {
389
+ conditions: {
390
+ mobile: "sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o",
391
+ tablet: "sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p",
392
+ desktop: "sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q"
393
+ },
394
+ defaultClass: "sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o"
395
+ }
396
+ },
397
+ responsiveArray: void 0
398
+ },
399
+ gap: {
400
+ values: {
401
+ none: {
402
+ conditions: {
403
+ mobile: "sprinkles_gap_none_mobile__1iaw8zx1r",
404
+ tablet: "sprinkles_gap_none_tablet__1iaw8zx1s",
405
+ desktop: "sprinkles_gap_none_desktop__1iaw8zx1t"
406
+ },
407
+ defaultClass: "sprinkles_gap_none_mobile__1iaw8zx1r"
408
+ },
409
+ xxs: {
410
+ conditions: {
411
+ mobile: "sprinkles_gap_xxs_mobile__1iaw8zx1u",
412
+ tablet: "sprinkles_gap_xxs_tablet__1iaw8zx1v",
413
+ desktop: "sprinkles_gap_xxs_desktop__1iaw8zx1w"
414
+ },
415
+ defaultClass: "sprinkles_gap_xxs_mobile__1iaw8zx1u"
416
+ },
417
+ xs: {
418
+ conditions: {
419
+ mobile: "sprinkles_gap_xs_mobile__1iaw8zx1x",
420
+ tablet: "sprinkles_gap_xs_tablet__1iaw8zx1y",
421
+ desktop: "sprinkles_gap_xs_desktop__1iaw8zx1z"
422
+ },
423
+ defaultClass: "sprinkles_gap_xs_mobile__1iaw8zx1x"
424
+ },
425
+ s: {
426
+ conditions: {
427
+ mobile: "sprinkles_gap_s_mobile__1iaw8zx20",
428
+ tablet: "sprinkles_gap_s_tablet__1iaw8zx21",
429
+ desktop: "sprinkles_gap_s_desktop__1iaw8zx22"
430
+ },
431
+ defaultClass: "sprinkles_gap_s_mobile__1iaw8zx20"
432
+ },
433
+ m: {
434
+ conditions: {
435
+ mobile: "sprinkles_gap_m_mobile__1iaw8zx23",
436
+ tablet: "sprinkles_gap_m_tablet__1iaw8zx24",
437
+ desktop: "sprinkles_gap_m_desktop__1iaw8zx25"
438
+ },
439
+ defaultClass: "sprinkles_gap_m_mobile__1iaw8zx23"
440
+ },
441
+ l: {
442
+ conditions: {
443
+ mobile: "sprinkles_gap_l_mobile__1iaw8zx26",
444
+ tablet: "sprinkles_gap_l_tablet__1iaw8zx27",
445
+ desktop: "sprinkles_gap_l_desktop__1iaw8zx28"
446
+ },
447
+ defaultClass: "sprinkles_gap_l_mobile__1iaw8zx26"
448
+ },
449
+ xl: {
450
+ conditions: {
451
+ mobile: "sprinkles_gap_xl_mobile__1iaw8zx29",
452
+ tablet: "sprinkles_gap_xl_tablet__1iaw8zx2a",
453
+ desktop: "sprinkles_gap_xl_desktop__1iaw8zx2b"
454
+ },
455
+ defaultClass: "sprinkles_gap_xl_mobile__1iaw8zx29"
456
+ }
457
+ },
458
+ responsiveArray: void 0
459
+ },
460
+ paddingTop: {
461
+ values: {
462
+ none: {
463
+ conditions: {
464
+ mobile: "sprinkles_paddingTop_none_mobile__1iaw8zx2c",
465
+ tablet: "sprinkles_paddingTop_none_tablet__1iaw8zx2d",
466
+ desktop: "sprinkles_paddingTop_none_desktop__1iaw8zx2e"
467
+ },
468
+ defaultClass: "sprinkles_paddingTop_none_mobile__1iaw8zx2c"
469
+ },
470
+ xxs: {
471
+ conditions: {
472
+ mobile: "sprinkles_paddingTop_xxs_mobile__1iaw8zx2f",
473
+ tablet: "sprinkles_paddingTop_xxs_tablet__1iaw8zx2g",
474
+ desktop: "sprinkles_paddingTop_xxs_desktop__1iaw8zx2h"
475
+ },
476
+ defaultClass: "sprinkles_paddingTop_xxs_mobile__1iaw8zx2f"
477
+ },
478
+ xs: {
479
+ conditions: {
480
+ mobile: "sprinkles_paddingTop_xs_mobile__1iaw8zx2i",
481
+ tablet: "sprinkles_paddingTop_xs_tablet__1iaw8zx2j",
482
+ desktop: "sprinkles_paddingTop_xs_desktop__1iaw8zx2k"
483
+ },
484
+ defaultClass: "sprinkles_paddingTop_xs_mobile__1iaw8zx2i"
485
+ },
486
+ s: {
487
+ conditions: {
488
+ mobile: "sprinkles_paddingTop_s_mobile__1iaw8zx2l",
489
+ tablet: "sprinkles_paddingTop_s_tablet__1iaw8zx2m",
490
+ desktop: "sprinkles_paddingTop_s_desktop__1iaw8zx2n"
491
+ },
492
+ defaultClass: "sprinkles_paddingTop_s_mobile__1iaw8zx2l"
493
+ },
494
+ m: {
495
+ conditions: {
496
+ mobile: "sprinkles_paddingTop_m_mobile__1iaw8zx2o",
497
+ tablet: "sprinkles_paddingTop_m_tablet__1iaw8zx2p",
498
+ desktop: "sprinkles_paddingTop_m_desktop__1iaw8zx2q"
499
+ },
500
+ defaultClass: "sprinkles_paddingTop_m_mobile__1iaw8zx2o"
501
+ },
502
+ l: {
503
+ conditions: {
504
+ mobile: "sprinkles_paddingTop_l_mobile__1iaw8zx2r",
505
+ tablet: "sprinkles_paddingTop_l_tablet__1iaw8zx2s",
506
+ desktop: "sprinkles_paddingTop_l_desktop__1iaw8zx2t"
507
+ },
508
+ defaultClass: "sprinkles_paddingTop_l_mobile__1iaw8zx2r"
509
+ },
510
+ xl: {
511
+ conditions: {
512
+ mobile: "sprinkles_paddingTop_xl_mobile__1iaw8zx2u",
513
+ tablet: "sprinkles_paddingTop_xl_tablet__1iaw8zx2v",
514
+ desktop: "sprinkles_paddingTop_xl_desktop__1iaw8zx2w"
515
+ },
516
+ defaultClass: "sprinkles_paddingTop_xl_mobile__1iaw8zx2u"
517
+ }
518
+ },
519
+ responsiveArray: void 0
520
+ },
521
+ paddingBottom: {
522
+ values: {
523
+ none: {
524
+ conditions: {
525
+ mobile: "sprinkles_paddingBottom_none_mobile__1iaw8zx2x",
526
+ tablet: "sprinkles_paddingBottom_none_tablet__1iaw8zx2y",
527
+ desktop: "sprinkles_paddingBottom_none_desktop__1iaw8zx2z"
528
+ },
529
+ defaultClass: "sprinkles_paddingBottom_none_mobile__1iaw8zx2x"
530
+ },
531
+ xxs: {
532
+ conditions: {
533
+ mobile: "sprinkles_paddingBottom_xxs_mobile__1iaw8zx30",
534
+ tablet: "sprinkles_paddingBottom_xxs_tablet__1iaw8zx31",
535
+ desktop: "sprinkles_paddingBottom_xxs_desktop__1iaw8zx32"
536
+ },
537
+ defaultClass: "sprinkles_paddingBottom_xxs_mobile__1iaw8zx30"
538
+ },
539
+ xs: {
540
+ conditions: {
541
+ mobile: "sprinkles_paddingBottom_xs_mobile__1iaw8zx33",
542
+ tablet: "sprinkles_paddingBottom_xs_tablet__1iaw8zx34",
543
+ desktop: "sprinkles_paddingBottom_xs_desktop__1iaw8zx35"
544
+ },
545
+ defaultClass: "sprinkles_paddingBottom_xs_mobile__1iaw8zx33"
546
+ },
547
+ s: {
548
+ conditions: {
549
+ mobile: "sprinkles_paddingBottom_s_mobile__1iaw8zx36",
550
+ tablet: "sprinkles_paddingBottom_s_tablet__1iaw8zx37",
551
+ desktop: "sprinkles_paddingBottom_s_desktop__1iaw8zx38"
552
+ },
553
+ defaultClass: "sprinkles_paddingBottom_s_mobile__1iaw8zx36"
554
+ },
555
+ m: {
556
+ conditions: {
557
+ mobile: "sprinkles_paddingBottom_m_mobile__1iaw8zx39",
558
+ tablet: "sprinkles_paddingBottom_m_tablet__1iaw8zx3a",
559
+ desktop: "sprinkles_paddingBottom_m_desktop__1iaw8zx3b"
560
+ },
561
+ defaultClass: "sprinkles_paddingBottom_m_mobile__1iaw8zx39"
562
+ },
563
+ l: {
564
+ conditions: {
565
+ mobile: "sprinkles_paddingBottom_l_mobile__1iaw8zx3c",
566
+ tablet: "sprinkles_paddingBottom_l_tablet__1iaw8zx3d",
567
+ desktop: "sprinkles_paddingBottom_l_desktop__1iaw8zx3e"
568
+ },
569
+ defaultClass: "sprinkles_paddingBottom_l_mobile__1iaw8zx3c"
570
+ },
571
+ xl: {
572
+ conditions: {
573
+ mobile: "sprinkles_paddingBottom_xl_mobile__1iaw8zx3f",
574
+ tablet: "sprinkles_paddingBottom_xl_tablet__1iaw8zx3g",
575
+ desktop: "sprinkles_paddingBottom_xl_desktop__1iaw8zx3h"
576
+ },
577
+ defaultClass: "sprinkles_paddingBottom_xl_mobile__1iaw8zx3f"
578
+ }
579
+ },
580
+ responsiveArray: void 0
581
+ },
582
+ paddingLeft: {
583
+ values: {
584
+ none: {
585
+ conditions: {
586
+ mobile: "sprinkles_paddingLeft_none_mobile__1iaw8zx3i",
587
+ tablet: "sprinkles_paddingLeft_none_tablet__1iaw8zx3j",
588
+ desktop: "sprinkles_paddingLeft_none_desktop__1iaw8zx3k"
589
+ },
590
+ defaultClass: "sprinkles_paddingLeft_none_mobile__1iaw8zx3i"
591
+ },
592
+ xxs: {
593
+ conditions: {
594
+ mobile: "sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l",
595
+ tablet: "sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m",
596
+ desktop: "sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n"
597
+ },
598
+ defaultClass: "sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l"
599
+ },
600
+ xs: {
601
+ conditions: {
602
+ mobile: "sprinkles_paddingLeft_xs_mobile__1iaw8zx3o",
603
+ tablet: "sprinkles_paddingLeft_xs_tablet__1iaw8zx3p",
604
+ desktop: "sprinkles_paddingLeft_xs_desktop__1iaw8zx3q"
605
+ },
606
+ defaultClass: "sprinkles_paddingLeft_xs_mobile__1iaw8zx3o"
607
+ },
608
+ s: {
609
+ conditions: {
610
+ mobile: "sprinkles_paddingLeft_s_mobile__1iaw8zx3r",
611
+ tablet: "sprinkles_paddingLeft_s_tablet__1iaw8zx3s",
612
+ desktop: "sprinkles_paddingLeft_s_desktop__1iaw8zx3t"
613
+ },
614
+ defaultClass: "sprinkles_paddingLeft_s_mobile__1iaw8zx3r"
615
+ },
616
+ m: {
617
+ conditions: {
618
+ mobile: "sprinkles_paddingLeft_m_mobile__1iaw8zx3u",
619
+ tablet: "sprinkles_paddingLeft_m_tablet__1iaw8zx3v",
620
+ desktop: "sprinkles_paddingLeft_m_desktop__1iaw8zx3w"
621
+ },
622
+ defaultClass: "sprinkles_paddingLeft_m_mobile__1iaw8zx3u"
623
+ },
624
+ l: {
625
+ conditions: {
626
+ mobile: "sprinkles_paddingLeft_l_mobile__1iaw8zx3x",
627
+ tablet: "sprinkles_paddingLeft_l_tablet__1iaw8zx3y",
628
+ desktop: "sprinkles_paddingLeft_l_desktop__1iaw8zx3z"
629
+ },
630
+ defaultClass: "sprinkles_paddingLeft_l_mobile__1iaw8zx3x"
631
+ },
632
+ xl: {
633
+ conditions: {
634
+ mobile: "sprinkles_paddingLeft_xl_mobile__1iaw8zx40",
635
+ tablet: "sprinkles_paddingLeft_xl_tablet__1iaw8zx41",
636
+ desktop: "sprinkles_paddingLeft_xl_desktop__1iaw8zx42"
637
+ },
638
+ defaultClass: "sprinkles_paddingLeft_xl_mobile__1iaw8zx40"
639
+ }
640
+ },
641
+ responsiveArray: void 0
642
+ },
643
+ paddingRight: {
644
+ values: {
645
+ none: {
646
+ conditions: {
647
+ mobile: "sprinkles_paddingRight_none_mobile__1iaw8zx43",
648
+ tablet: "sprinkles_paddingRight_none_tablet__1iaw8zx44",
649
+ desktop: "sprinkles_paddingRight_none_desktop__1iaw8zx45"
650
+ },
651
+ defaultClass: "sprinkles_paddingRight_none_mobile__1iaw8zx43"
652
+ },
653
+ xxs: {
654
+ conditions: {
655
+ mobile: "sprinkles_paddingRight_xxs_mobile__1iaw8zx46",
656
+ tablet: "sprinkles_paddingRight_xxs_tablet__1iaw8zx47",
657
+ desktop: "sprinkles_paddingRight_xxs_desktop__1iaw8zx48"
658
+ },
659
+ defaultClass: "sprinkles_paddingRight_xxs_mobile__1iaw8zx46"
660
+ },
661
+ xs: {
662
+ conditions: {
663
+ mobile: "sprinkles_paddingRight_xs_mobile__1iaw8zx49",
664
+ tablet: "sprinkles_paddingRight_xs_tablet__1iaw8zx4a",
665
+ desktop: "sprinkles_paddingRight_xs_desktop__1iaw8zx4b"
666
+ },
667
+ defaultClass: "sprinkles_paddingRight_xs_mobile__1iaw8zx49"
668
+ },
669
+ s: {
670
+ conditions: {
671
+ mobile: "sprinkles_paddingRight_s_mobile__1iaw8zx4c",
672
+ tablet: "sprinkles_paddingRight_s_tablet__1iaw8zx4d",
673
+ desktop: "sprinkles_paddingRight_s_desktop__1iaw8zx4e"
674
+ },
675
+ defaultClass: "sprinkles_paddingRight_s_mobile__1iaw8zx4c"
676
+ },
677
+ m: {
678
+ conditions: {
679
+ mobile: "sprinkles_paddingRight_m_mobile__1iaw8zx4f",
680
+ tablet: "sprinkles_paddingRight_m_tablet__1iaw8zx4g",
681
+ desktop: "sprinkles_paddingRight_m_desktop__1iaw8zx4h"
682
+ },
683
+ defaultClass: "sprinkles_paddingRight_m_mobile__1iaw8zx4f"
684
+ },
685
+ l: {
686
+ conditions: {
687
+ mobile: "sprinkles_paddingRight_l_mobile__1iaw8zx4i",
688
+ tablet: "sprinkles_paddingRight_l_tablet__1iaw8zx4j",
689
+ desktop: "sprinkles_paddingRight_l_desktop__1iaw8zx4k"
690
+ },
691
+ defaultClass: "sprinkles_paddingRight_l_mobile__1iaw8zx4i"
692
+ },
693
+ xl: {
694
+ conditions: {
695
+ mobile: "sprinkles_paddingRight_xl_mobile__1iaw8zx4l",
696
+ tablet: "sprinkles_paddingRight_xl_tablet__1iaw8zx4m",
697
+ desktop: "sprinkles_paddingRight_xl_desktop__1iaw8zx4n"
698
+ },
699
+ defaultClass: "sprinkles_paddingRight_xl_mobile__1iaw8zx4l"
700
+ }
701
+ },
702
+ responsiveArray: void 0
703
+ },
704
+ marginTop: {
705
+ values: {
706
+ none: {
707
+ conditions: {
708
+ mobile: "sprinkles_marginTop_none_mobile__1iaw8zx4o",
709
+ tablet: "sprinkles_marginTop_none_tablet__1iaw8zx4p",
710
+ desktop: "sprinkles_marginTop_none_desktop__1iaw8zx4q"
711
+ },
712
+ defaultClass: "sprinkles_marginTop_none_mobile__1iaw8zx4o"
713
+ },
714
+ xxs: {
715
+ conditions: {
716
+ mobile: "sprinkles_marginTop_xxs_mobile__1iaw8zx4r",
717
+ tablet: "sprinkles_marginTop_xxs_tablet__1iaw8zx4s",
718
+ desktop: "sprinkles_marginTop_xxs_desktop__1iaw8zx4t"
719
+ },
720
+ defaultClass: "sprinkles_marginTop_xxs_mobile__1iaw8zx4r"
721
+ },
722
+ xs: {
723
+ conditions: {
724
+ mobile: "sprinkles_marginTop_xs_mobile__1iaw8zx4u",
725
+ tablet: "sprinkles_marginTop_xs_tablet__1iaw8zx4v",
726
+ desktop: "sprinkles_marginTop_xs_desktop__1iaw8zx4w"
727
+ },
728
+ defaultClass: "sprinkles_marginTop_xs_mobile__1iaw8zx4u"
729
+ },
730
+ s: {
731
+ conditions: {
732
+ mobile: "sprinkles_marginTop_s_mobile__1iaw8zx4x",
733
+ tablet: "sprinkles_marginTop_s_tablet__1iaw8zx4y",
734
+ desktop: "sprinkles_marginTop_s_desktop__1iaw8zx4z"
735
+ },
736
+ defaultClass: "sprinkles_marginTop_s_mobile__1iaw8zx4x"
737
+ },
738
+ m: {
739
+ conditions: {
740
+ mobile: "sprinkles_marginTop_m_mobile__1iaw8zx50",
741
+ tablet: "sprinkles_marginTop_m_tablet__1iaw8zx51",
742
+ desktop: "sprinkles_marginTop_m_desktop__1iaw8zx52"
743
+ },
744
+ defaultClass: "sprinkles_marginTop_m_mobile__1iaw8zx50"
745
+ },
746
+ l: {
747
+ conditions: {
748
+ mobile: "sprinkles_marginTop_l_mobile__1iaw8zx53",
749
+ tablet: "sprinkles_marginTop_l_tablet__1iaw8zx54",
750
+ desktop: "sprinkles_marginTop_l_desktop__1iaw8zx55"
751
+ },
752
+ defaultClass: "sprinkles_marginTop_l_mobile__1iaw8zx53"
753
+ },
754
+ xl: {
755
+ conditions: {
756
+ mobile: "sprinkles_marginTop_xl_mobile__1iaw8zx56",
757
+ tablet: "sprinkles_marginTop_xl_tablet__1iaw8zx57",
758
+ desktop: "sprinkles_marginTop_xl_desktop__1iaw8zx58"
759
+ },
760
+ defaultClass: "sprinkles_marginTop_xl_mobile__1iaw8zx56"
761
+ }
762
+ },
763
+ responsiveArray: void 0
764
+ },
765
+ marginBottom: {
766
+ values: {
767
+ none: {
768
+ conditions: {
769
+ mobile: "sprinkles_marginBottom_none_mobile__1iaw8zx59",
770
+ tablet: "sprinkles_marginBottom_none_tablet__1iaw8zx5a",
771
+ desktop: "sprinkles_marginBottom_none_desktop__1iaw8zx5b"
772
+ },
773
+ defaultClass: "sprinkles_marginBottom_none_mobile__1iaw8zx59"
774
+ },
775
+ xxs: {
776
+ conditions: {
777
+ mobile: "sprinkles_marginBottom_xxs_mobile__1iaw8zx5c",
778
+ tablet: "sprinkles_marginBottom_xxs_tablet__1iaw8zx5d",
779
+ desktop: "sprinkles_marginBottom_xxs_desktop__1iaw8zx5e"
780
+ },
781
+ defaultClass: "sprinkles_marginBottom_xxs_mobile__1iaw8zx5c"
782
+ },
783
+ xs: {
784
+ conditions: {
785
+ mobile: "sprinkles_marginBottom_xs_mobile__1iaw8zx5f",
786
+ tablet: "sprinkles_marginBottom_xs_tablet__1iaw8zx5g",
787
+ desktop: "sprinkles_marginBottom_xs_desktop__1iaw8zx5h"
788
+ },
789
+ defaultClass: "sprinkles_marginBottom_xs_mobile__1iaw8zx5f"
790
+ },
791
+ s: {
792
+ conditions: {
793
+ mobile: "sprinkles_marginBottom_s_mobile__1iaw8zx5i",
794
+ tablet: "sprinkles_marginBottom_s_tablet__1iaw8zx5j",
795
+ desktop: "sprinkles_marginBottom_s_desktop__1iaw8zx5k"
796
+ },
797
+ defaultClass: "sprinkles_marginBottom_s_mobile__1iaw8zx5i"
798
+ },
799
+ m: {
800
+ conditions: {
801
+ mobile: "sprinkles_marginBottom_m_mobile__1iaw8zx5l",
802
+ tablet: "sprinkles_marginBottom_m_tablet__1iaw8zx5m",
803
+ desktop: "sprinkles_marginBottom_m_desktop__1iaw8zx5n"
804
+ },
805
+ defaultClass: "sprinkles_marginBottom_m_mobile__1iaw8zx5l"
806
+ },
807
+ l: {
808
+ conditions: {
809
+ mobile: "sprinkles_marginBottom_l_mobile__1iaw8zx5o",
810
+ tablet: "sprinkles_marginBottom_l_tablet__1iaw8zx5p",
811
+ desktop: "sprinkles_marginBottom_l_desktop__1iaw8zx5q"
812
+ },
813
+ defaultClass: "sprinkles_marginBottom_l_mobile__1iaw8zx5o"
814
+ },
815
+ xl: {
816
+ conditions: {
817
+ mobile: "sprinkles_marginBottom_xl_mobile__1iaw8zx5r",
818
+ tablet: "sprinkles_marginBottom_xl_tablet__1iaw8zx5s",
819
+ desktop: "sprinkles_marginBottom_xl_desktop__1iaw8zx5t"
820
+ },
821
+ defaultClass: "sprinkles_marginBottom_xl_mobile__1iaw8zx5r"
822
+ }
823
+ },
824
+ responsiveArray: void 0
825
+ },
826
+ marginLeft: {
827
+ values: {
828
+ none: {
829
+ conditions: {
830
+ mobile: "sprinkles_marginLeft_none_mobile__1iaw8zx5u",
831
+ tablet: "sprinkles_marginLeft_none_tablet__1iaw8zx5v",
832
+ desktop: "sprinkles_marginLeft_none_desktop__1iaw8zx5w"
833
+ },
834
+ defaultClass: "sprinkles_marginLeft_none_mobile__1iaw8zx5u"
835
+ },
836
+ xxs: {
837
+ conditions: {
838
+ mobile: "sprinkles_marginLeft_xxs_mobile__1iaw8zx5x",
839
+ tablet: "sprinkles_marginLeft_xxs_tablet__1iaw8zx5y",
840
+ desktop: "sprinkles_marginLeft_xxs_desktop__1iaw8zx5z"
841
+ },
842
+ defaultClass: "sprinkles_marginLeft_xxs_mobile__1iaw8zx5x"
843
+ },
844
+ xs: {
845
+ conditions: {
846
+ mobile: "sprinkles_marginLeft_xs_mobile__1iaw8zx60",
847
+ tablet: "sprinkles_marginLeft_xs_tablet__1iaw8zx61",
848
+ desktop: "sprinkles_marginLeft_xs_desktop__1iaw8zx62"
849
+ },
850
+ defaultClass: "sprinkles_marginLeft_xs_mobile__1iaw8zx60"
851
+ },
852
+ s: {
853
+ conditions: {
854
+ mobile: "sprinkles_marginLeft_s_mobile__1iaw8zx63",
855
+ tablet: "sprinkles_marginLeft_s_tablet__1iaw8zx64",
856
+ desktop: "sprinkles_marginLeft_s_desktop__1iaw8zx65"
857
+ },
858
+ defaultClass: "sprinkles_marginLeft_s_mobile__1iaw8zx63"
859
+ },
860
+ m: {
861
+ conditions: {
862
+ mobile: "sprinkles_marginLeft_m_mobile__1iaw8zx66",
863
+ tablet: "sprinkles_marginLeft_m_tablet__1iaw8zx67",
864
+ desktop: "sprinkles_marginLeft_m_desktop__1iaw8zx68"
865
+ },
866
+ defaultClass: "sprinkles_marginLeft_m_mobile__1iaw8zx66"
867
+ },
868
+ l: {
869
+ conditions: {
870
+ mobile: "sprinkles_marginLeft_l_mobile__1iaw8zx69",
871
+ tablet: "sprinkles_marginLeft_l_tablet__1iaw8zx6a",
872
+ desktop: "sprinkles_marginLeft_l_desktop__1iaw8zx6b"
873
+ },
874
+ defaultClass: "sprinkles_marginLeft_l_mobile__1iaw8zx69"
875
+ },
876
+ xl: {
877
+ conditions: {
878
+ mobile: "sprinkles_marginLeft_xl_mobile__1iaw8zx6c",
879
+ tablet: "sprinkles_marginLeft_xl_tablet__1iaw8zx6d",
880
+ desktop: "sprinkles_marginLeft_xl_desktop__1iaw8zx6e"
881
+ },
882
+ defaultClass: "sprinkles_marginLeft_xl_mobile__1iaw8zx6c"
883
+ }
884
+ },
885
+ responsiveArray: void 0
886
+ },
887
+ marginRight: {
888
+ values: {
889
+ none: {
890
+ conditions: {
891
+ mobile: "sprinkles_marginRight_none_mobile__1iaw8zx6f",
892
+ tablet: "sprinkles_marginRight_none_tablet__1iaw8zx6g",
893
+ desktop: "sprinkles_marginRight_none_desktop__1iaw8zx6h"
894
+ },
895
+ defaultClass: "sprinkles_marginRight_none_mobile__1iaw8zx6f"
896
+ },
897
+ xxs: {
898
+ conditions: {
899
+ mobile: "sprinkles_marginRight_xxs_mobile__1iaw8zx6i",
900
+ tablet: "sprinkles_marginRight_xxs_tablet__1iaw8zx6j",
901
+ desktop: "sprinkles_marginRight_xxs_desktop__1iaw8zx6k"
902
+ },
903
+ defaultClass: "sprinkles_marginRight_xxs_mobile__1iaw8zx6i"
904
+ },
905
+ xs: {
906
+ conditions: {
907
+ mobile: "sprinkles_marginRight_xs_mobile__1iaw8zx6l",
908
+ tablet: "sprinkles_marginRight_xs_tablet__1iaw8zx6m",
909
+ desktop: "sprinkles_marginRight_xs_desktop__1iaw8zx6n"
910
+ },
911
+ defaultClass: "sprinkles_marginRight_xs_mobile__1iaw8zx6l"
912
+ },
913
+ s: {
914
+ conditions: {
915
+ mobile: "sprinkles_marginRight_s_mobile__1iaw8zx6o",
916
+ tablet: "sprinkles_marginRight_s_tablet__1iaw8zx6p",
917
+ desktop: "sprinkles_marginRight_s_desktop__1iaw8zx6q"
918
+ },
919
+ defaultClass: "sprinkles_marginRight_s_mobile__1iaw8zx6o"
920
+ },
921
+ m: {
922
+ conditions: {
923
+ mobile: "sprinkles_marginRight_m_mobile__1iaw8zx6r",
924
+ tablet: "sprinkles_marginRight_m_tablet__1iaw8zx6s",
925
+ desktop: "sprinkles_marginRight_m_desktop__1iaw8zx6t"
926
+ },
927
+ defaultClass: "sprinkles_marginRight_m_mobile__1iaw8zx6r"
928
+ },
929
+ l: {
930
+ conditions: {
931
+ mobile: "sprinkles_marginRight_l_mobile__1iaw8zx6u",
932
+ tablet: "sprinkles_marginRight_l_tablet__1iaw8zx6v",
933
+ desktop: "sprinkles_marginRight_l_desktop__1iaw8zx6w"
934
+ },
935
+ defaultClass: "sprinkles_marginRight_l_mobile__1iaw8zx6u"
936
+ },
937
+ xl: {
938
+ conditions: {
939
+ mobile: "sprinkles_marginRight_xl_mobile__1iaw8zx6x",
940
+ tablet: "sprinkles_marginRight_xl_tablet__1iaw8zx6y",
941
+ desktop: "sprinkles_marginRight_xl_desktop__1iaw8zx6z"
942
+ },
943
+ defaultClass: "sprinkles_marginRight_xl_mobile__1iaw8zx6x"
944
+ }
945
+ },
946
+ responsiveArray: void 0
947
+ },
948
+ borderRadius: {
949
+ values: {
950
+ none: {
951
+ conditions: {
952
+ mobile: "sprinkles_borderRadius_none_mobile__1iaw8zx70",
953
+ tablet: "sprinkles_borderRadius_none_tablet__1iaw8zx71",
954
+ desktop: "sprinkles_borderRadius_none_desktop__1iaw8zx72"
955
+ },
956
+ defaultClass: "sprinkles_borderRadius_none_mobile__1iaw8zx70"
957
+ },
958
+ xs: {
959
+ conditions: {
960
+ mobile: "sprinkles_borderRadius_xs_mobile__1iaw8zx73",
961
+ tablet: "sprinkles_borderRadius_xs_tablet__1iaw8zx74",
962
+ desktop: "sprinkles_borderRadius_xs_desktop__1iaw8zx75"
963
+ },
964
+ defaultClass: "sprinkles_borderRadius_xs_mobile__1iaw8zx73"
965
+ },
966
+ s: {
967
+ conditions: {
968
+ mobile: "sprinkles_borderRadius_s_mobile__1iaw8zx76",
969
+ tablet: "sprinkles_borderRadius_s_tablet__1iaw8zx77",
970
+ desktop: "sprinkles_borderRadius_s_desktop__1iaw8zx78"
971
+ },
972
+ defaultClass: "sprinkles_borderRadius_s_mobile__1iaw8zx76"
973
+ },
974
+ m: {
975
+ conditions: {
976
+ mobile: "sprinkles_borderRadius_m_mobile__1iaw8zx79",
977
+ tablet: "sprinkles_borderRadius_m_tablet__1iaw8zx7a",
978
+ desktop: "sprinkles_borderRadius_m_desktop__1iaw8zx7b"
979
+ },
980
+ defaultClass: "sprinkles_borderRadius_m_mobile__1iaw8zx79"
981
+ },
982
+ l: {
983
+ conditions: {
984
+ mobile: "sprinkles_borderRadius_l_mobile__1iaw8zx7c",
985
+ tablet: "sprinkles_borderRadius_l_tablet__1iaw8zx7d",
986
+ desktop: "sprinkles_borderRadius_l_desktop__1iaw8zx7e"
987
+ },
988
+ defaultClass: "sprinkles_borderRadius_l_mobile__1iaw8zx7c"
989
+ },
990
+ xl: {
991
+ conditions: {
992
+ mobile: "sprinkles_borderRadius_xl_mobile__1iaw8zx7f",
993
+ tablet: "sprinkles_borderRadius_xl_tablet__1iaw8zx7g",
994
+ desktop: "sprinkles_borderRadius_xl_desktop__1iaw8zx7h"
995
+ },
996
+ defaultClass: "sprinkles_borderRadius_xl_mobile__1iaw8zx7f"
997
+ },
998
+ xxl: {
999
+ conditions: {
1000
+ mobile: "sprinkles_borderRadius_xxl_mobile__1iaw8zx7i",
1001
+ tablet: "sprinkles_borderRadius_xxl_tablet__1iaw8zx7j",
1002
+ desktop: "sprinkles_borderRadius_xxl_desktop__1iaw8zx7k"
1003
+ },
1004
+ defaultClass: "sprinkles_borderRadius_xxl_mobile__1iaw8zx7i"
1005
+ },
1006
+ full: {
1007
+ conditions: {
1008
+ mobile: "sprinkles_borderRadius_full_mobile__1iaw8zx7l",
1009
+ tablet: "sprinkles_borderRadius_full_tablet__1iaw8zx7m",
1010
+ desktop: "sprinkles_borderRadius_full_desktop__1iaw8zx7n"
1011
+ },
1012
+ defaultClass: "sprinkles_borderRadius_full_mobile__1iaw8zx7l"
1013
+ }
1014
+ },
1015
+ responsiveArray: void 0
1016
+ }
1017
+ }
1018
+ };
1019
+ x.styles.display.responsiveArray = x.conditions.responsiveArray;
1020
+ x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
1021
+ x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
1022
+ x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
1023
+ x.styles.flexWrap.responsiveArray = x.conditions.responsiveArray;
1024
+ x.styles.gap.responsiveArray = x.conditions.responsiveArray;
1025
+ x.styles.paddingTop.responsiveArray = x.conditions.responsiveArray;
1026
+ x.styles.paddingBottom.responsiveArray = x.conditions.responsiveArray;
1027
+ x.styles.paddingLeft.responsiveArray = x.conditions.responsiveArray;
1028
+ x.styles.paddingRight.responsiveArray = x.conditions.responsiveArray;
1029
+ x.styles.marginTop.responsiveArray = x.conditions.responsiveArray;
1030
+ x.styles.marginBottom.responsiveArray = x.conditions.responsiveArray;
1031
+ x.styles.marginLeft.responsiveArray = x.conditions.responsiveArray;
1032
+ x.styles.marginRight.responsiveArray = x.conditions.responsiveArray;
1033
+ x.styles.borderRadius.responsiveArray = x.conditions.responsiveArray;
1034
+ return x;
1035
+ }(), {
1036
+ conditions: void 0,
1037
+ styles: {
1038
+ position: { values: {
1039
+ relative: { defaultClass: "sprinkles_position_relative__1iaw8zx7o" },
1040
+ absolute: { defaultClass: "sprinkles_position_absolute__1iaw8zx7p" },
1041
+ fixed: { defaultClass: "sprinkles_position_fixed__1iaw8zx7q" },
1042
+ sticky: { defaultClass: "sprinkles_position_sticky__1iaw8zx7r" }
1043
+ } },
1044
+ overflow: { values: {
1045
+ hidden: { defaultClass: "sprinkles_overflow_hidden__1iaw8zx7s" },
1046
+ scroll: { defaultClass: "sprinkles_overflow_scroll__1iaw8zx7t" },
1047
+ visible: { defaultClass: "sprinkles_overflow_visible__1iaw8zx7u" },
1048
+ auto: { defaultClass: "sprinkles_overflow_auto__1iaw8zx7v" }
1049
+ } },
1050
+ cursor: { values: {
1051
+ "default": { defaultClass: "sprinkles_cursor_default__1iaw8zx7w" },
1052
+ pointer: { defaultClass: "sprinkles_cursor_pointer__1iaw8zx7x" }
1053
+ } },
1054
+ flexShrink: { values: { "0": { defaultClass: "sprinkles_flexShrink_0__1iaw8zx7y" } } },
1055
+ flexGrow: { values: {
1056
+ "0": { defaultClass: "sprinkles_flexGrow_0__1iaw8zx7z" },
1057
+ "1": { defaultClass: "sprinkles_flexGrow_1__1iaw8zx80" }
1058
+ } },
1059
+ textAlign: { values: {
1060
+ left: { defaultClass: "sprinkles_textAlign_left__1iaw8zx81" },
1061
+ center: { defaultClass: "sprinkles_textAlign_center__1iaw8zx82" },
1062
+ right: { defaultClass: "sprinkles_textAlign_right__1iaw8zx83" }
1063
+ } },
1064
+ fontSize: { values: {
1065
+ xs: { defaultClass: "sprinkles_fontSize_xs__1iaw8zx84" },
1066
+ s: { defaultClass: "sprinkles_fontSize_s__1iaw8zx85" },
1067
+ m: { defaultClass: "sprinkles_fontSize_m__1iaw8zx86" },
1068
+ l: { defaultClass: "sprinkles_fontSize_l__1iaw8zx87" },
1069
+ xl: { defaultClass: "sprinkles_fontSize_xl__1iaw8zx88" },
1070
+ "2xl": { defaultClass: "sprinkles_fontSize_2xl__1iaw8zx89" },
1071
+ "3xl": { defaultClass: "sprinkles_fontSize_3xl__1iaw8zx8a" },
1072
+ "4xl": { defaultClass: "sprinkles_fontSize_4xl__1iaw8zx8b" },
1073
+ "5xl": { defaultClass: "sprinkles_fontSize_5xl__1iaw8zx8c" },
1074
+ "6xl": { defaultClass: "sprinkles_fontSize_6xl__1iaw8zx8d" }
1075
+ } },
1076
+ fontWeight: { values: {
1077
+ regular: { defaultClass: "sprinkles_fontWeight_regular__1iaw8zx8e" },
1078
+ medium: { defaultClass: "sprinkles_fontWeight_medium__1iaw8zx8f" },
1079
+ semiBold: { defaultClass: "sprinkles_fontWeight_semiBold__1iaw8zx8g" },
1080
+ bold: { defaultClass: "sprinkles_fontWeight_bold__1iaw8zx8h" }
1081
+ } }
1082
+ }
1083
+ }, {
1084
+ conditions: {
1085
+ defaultCondition: "lightMode",
1086
+ conditionNames: ["lightMode", "darkMode"],
1087
+ responsiveArray: void 0
1088
+ },
1089
+ styles: {
1090
+ color: { values: {
1091
+ primary: {
1092
+ conditions: {
1093
+ lightMode: "sprinkles_color_primary_lightMode__1iaw8zx8i",
1094
+ darkMode: "sprinkles_color_primary_darkMode__1iaw8zx8j"
1095
+ },
1096
+ defaultClass: "sprinkles_color_primary_lightMode__1iaw8zx8i"
1097
+ },
1098
+ secondary: {
1099
+ conditions: {
1100
+ lightMode: "sprinkles_color_secondary_lightMode__1iaw8zx8k",
1101
+ darkMode: "sprinkles_color_secondary_darkMode__1iaw8zx8l"
1102
+ },
1103
+ defaultClass: "sprinkles_color_secondary_lightMode__1iaw8zx8k"
1104
+ },
1105
+ tertiary: {
1106
+ conditions: {
1107
+ lightMode: "sprinkles_color_tertiary_lightMode__1iaw8zx8m",
1108
+ darkMode: "sprinkles_color_tertiary_darkMode__1iaw8zx8n"
1109
+ },
1110
+ defaultClass: "sprinkles_color_tertiary_lightMode__1iaw8zx8m"
1111
+ },
1112
+ disabled: {
1113
+ conditions: {
1114
+ lightMode: "sprinkles_color_disabled_lightMode__1iaw8zx8o",
1115
+ darkMode: "sprinkles_color_disabled_darkMode__1iaw8zx8p"
1116
+ },
1117
+ defaultClass: "sprinkles_color_disabled_lightMode__1iaw8zx8o"
1118
+ },
1119
+ action: {
1120
+ conditions: {
1121
+ lightMode: "sprinkles_color_action_lightMode__1iaw8zx8q",
1122
+ darkMode: "sprinkles_color_action_darkMode__1iaw8zx8r"
1123
+ },
1124
+ defaultClass: "sprinkles_color_action_lightMode__1iaw8zx8q"
1125
+ },
1126
+ onAction: {
1127
+ conditions: {
1128
+ lightMode: "sprinkles_color_onAction_lightMode__1iaw8zx8s",
1129
+ darkMode: "sprinkles_color_onAction_darkMode__1iaw8zx8t"
1130
+ },
1131
+ defaultClass: "sprinkles_color_onAction_lightMode__1iaw8zx8s"
1132
+ },
1133
+ error: {
1134
+ conditions: {
1135
+ lightMode: "sprinkles_color_error_lightMode__1iaw8zx8u",
1136
+ darkMode: "sprinkles_color_error_darkMode__1iaw8zx8v"
1137
+ },
1138
+ defaultClass: "sprinkles_color_error_lightMode__1iaw8zx8u"
1139
+ },
1140
+ success: {
1141
+ conditions: {
1142
+ lightMode: "sprinkles_color_success_lightMode__1iaw8zx8w",
1143
+ darkMode: "sprinkles_color_success_darkMode__1iaw8zx8x"
1144
+ },
1145
+ defaultClass: "sprinkles_color_success_lightMode__1iaw8zx8w"
1146
+ },
1147
+ warning: {
1148
+ conditions: {
1149
+ lightMode: "sprinkles_color_warning_lightMode__1iaw8zx8y",
1150
+ darkMode: "sprinkles_color_warning_darkMode__1iaw8zx8z"
1151
+ },
1152
+ defaultClass: "sprinkles_color_warning_lightMode__1iaw8zx8y"
1153
+ }
1154
+ } },
1155
+ backgroundColor: { values: {
1156
+ primary: {
1157
+ conditions: {
1158
+ lightMode: "sprinkles_backgroundColor_primary_lightMode__1iaw8zx90",
1159
+ darkMode: "sprinkles_backgroundColor_primary_darkMode__1iaw8zx91"
1160
+ },
1161
+ defaultClass: "sprinkles_backgroundColor_primary_lightMode__1iaw8zx90"
1162
+ },
1163
+ secondary: {
1164
+ conditions: {
1165
+ lightMode: "sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92",
1166
+ darkMode: "sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93"
1167
+ },
1168
+ defaultClass: "sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92"
1169
+ },
1170
+ background: {
1171
+ conditions: {
1172
+ lightMode: "sprinkles_backgroundColor_background_lightMode__1iaw8zx94",
1173
+ darkMode: "sprinkles_backgroundColor_background_darkMode__1iaw8zx95"
1174
+ },
1175
+ defaultClass: "sprinkles_backgroundColor_background_lightMode__1iaw8zx94"
1176
+ },
1177
+ elevated: {
1178
+ conditions: {
1179
+ lightMode: "sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96",
1180
+ darkMode: "sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97"
1181
+ },
1182
+ defaultClass: "sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96"
1183
+ },
1184
+ muted: {
1185
+ conditions: {
1186
+ lightMode: "sprinkles_backgroundColor_muted_lightMode__1iaw8zx98",
1187
+ darkMode: "sprinkles_backgroundColor_muted_darkMode__1iaw8zx99"
1188
+ },
1189
+ defaultClass: "sprinkles_backgroundColor_muted_lightMode__1iaw8zx98"
1190
+ },
1191
+ tertiary: {
1192
+ conditions: {
1193
+ lightMode: "sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a",
1194
+ darkMode: "sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b"
1195
+ },
1196
+ defaultClass: "sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a"
1197
+ },
1198
+ disabled: {
1199
+ conditions: {
1200
+ lightMode: "sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c",
1201
+ darkMode: "sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d"
1202
+ },
1203
+ defaultClass: "sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c"
1204
+ },
1205
+ error: {
1206
+ conditions: {
1207
+ lightMode: "sprinkles_backgroundColor_error_lightMode__1iaw8zx9e",
1208
+ darkMode: "sprinkles_backgroundColor_error_darkMode__1iaw8zx9f"
1209
+ },
1210
+ defaultClass: "sprinkles_backgroundColor_error_lightMode__1iaw8zx9e"
1211
+ },
1212
+ success: {
1213
+ conditions: {
1214
+ lightMode: "sprinkles_backgroundColor_success_lightMode__1iaw8zx9g",
1215
+ darkMode: "sprinkles_backgroundColor_success_darkMode__1iaw8zx9h"
1216
+ },
1217
+ defaultClass: "sprinkles_backgroundColor_success_lightMode__1iaw8zx9g"
1218
+ },
1219
+ warning: {
1220
+ conditions: {
1221
+ lightMode: "sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i",
1222
+ darkMode: "sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j"
1223
+ },
1224
+ defaultClass: "sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i"
1225
+ }
1226
+ } }
1227
+ }
1228
+ });
1229
+ cssSource$3 + cssSource$4;
1230
+ //#endregion
1231
+ //#region ../../packages/design-system/src/components/Box/index.tsx
1232
+ function Box({ as: Tag = "div", className, ref, children, style, ...rest }) {
1233
+ const atomProps = {};
1234
+ const nativeProps = {};
1235
+ for (const key in rest) if (sprinkles.properties.has(key)) atomProps[key] = rest[key];
1236
+ else nativeProps[key] = rest[key];
1237
+ const elementReset = element[Tag];
1238
+ return createElement(Tag, {
1239
+ className: clsx(elementReset ? `${base} ${elementReset}` : base, sprinkles(atomProps), className),
1240
+ style,
1241
+ ref,
1242
+ ...nativeProps
1243
+ }, children);
1244
+ }
1245
+ //#endregion
1246
+ //#region ../../packages/design-system/src/components/Column/index.tsx
1247
+ /** Maps fraction strings to CSS flex shorthand (grow=0, shrink=0, basis=%) */
1248
+ const widthToFlex = {
1249
+ "1/2": "0 0 50%",
1250
+ "1/3": "0 0 33.333%",
1251
+ "2/3": "0 0 66.667%",
1252
+ "1/4": "0 0 25%",
1253
+ "3/4": "0 0 75%",
1254
+ "1/5": "0 0 20%",
1255
+ "2/5": "0 0 40%",
1256
+ "3/5": "0 0 60%"
1257
+ };
1258
+ /**
1259
+ * Column — child of <Columns />, controls its own width.
1260
+ *
1261
+ * - `width="content"` → natural width (flexShrink: 0)
1262
+ * - `width="1/2"` etc → explicit flex shorthand via style prop
1263
+ * - no width → fills remaining space (flexGrow: 1)
1264
+ *
1265
+ * Fractional widths use inline `style` because `flex: "0 0 50%"` is
1266
+ * incompatible with class-based sprinkles. The parent Columns provides
1267
+ * gap-based spacing — no negative margin hacks needed.
1268
+ */
1269
+ function Column({ width, children }) {
1270
+ if (width === "content") return /* @__PURE__ */ jsx(Box, {
1271
+ flexShrink: 0,
1272
+ children
1273
+ });
1274
+ if (width !== void 0) return /* @__PURE__ */ jsx(Box, {
1275
+ style: { flex: widthToFlex[width] },
1276
+ children
1277
+ });
1278
+ return /* @__PURE__ */ jsx(Box, {
1279
+ flexGrow: 1,
1280
+ children
1281
+ });
1282
+ }
1283
+ //#endregion
1284
+ //#region ../../packages/design-system/src/components/Columns/index.tsx
1285
+ const alignYToFlexAlign = {
1286
+ top: "flex-start",
1287
+ center: "center",
1288
+ bottom: "flex-end"
1289
+ };
1290
+ /**
1291
+ * Columns — horizontal layout with gap-based spacing.
1292
+ *
1293
+ * Wraps <Column /> children in a flex row with responsive gap.
1294
+ * Uses CSS `gap` (no negative margin hacks). Vertical alignment
1295
+ * via `alignY` maps to flexbox `align-items`.
1296
+ */
1297
+ function Columns({ space, alignY, as = "div", children }) {
1298
+ return /* @__PURE__ */ jsx(Box, {
1299
+ as,
1300
+ display: "flex",
1301
+ flexDirection: "row",
1302
+ gap: space,
1303
+ alignItems: alignY ? alignYToFlexAlign[alignY] : void 0,
1304
+ children
1305
+ });
1306
+ }
1307
+ //#endregion
1308
+ //#region ../../packages/design-system/src/components/Stack/index.tsx
1309
+ const alignToFlexAlign = {
1310
+ left: "flex-start",
1311
+ center: "center",
1312
+ right: "flex-end"
1313
+ };
1314
+ const alignToTextAlign = {
1315
+ left: "left",
1316
+ center: "center",
1317
+ right: "right"
1318
+ };
1319
+ const justifyToFlexJustify = {
1320
+ start: "flex-start",
1321
+ center: "center",
1322
+ end: "flex-end",
1323
+ "space-between": "space-between"
1324
+ };
1325
+ function Stack({ space, padding, align, justify, as = "div", className, children }) {
1326
+ return /* @__PURE__ */ jsx(Box, {
1327
+ as,
1328
+ display: "flex",
1329
+ flexDirection: "column",
1330
+ gap: space,
1331
+ padding,
1332
+ alignItems: align ? alignToFlexAlign[align] : void 0,
1333
+ justifyContent: justify ? justifyToFlexJustify[justify] : void 0,
1334
+ textAlign: align ? alignToTextAlign[align] : void 0,
1335
+ className,
1336
+ children
1337
+ });
1338
+ }
1339
+ //#endregion
1340
+ //#region \0ve-inline:src/components/PostPurchase/PostPurchase.css.ts.vanilla.js
1341
+ const cssSource$1 = `.PostPurchase_card__5fv5lh0 {
1342
+ border-radius: 12px;
1343
+ background-color: var(--surface-background__pbq4akc);
1344
+ border: 1px solid var(--border-default__pbq4akv);
1345
+ }
1346
+ .PostPurchase_badge__5fv5lh1 {
1347
+ align-self: flex-start;
1348
+ background-color: #FFF534;
1349
+ border-radius: 4px;
1350
+ padding: 4px 8px;
1351
+ font-size: 12px;
1352
+ font-weight: 600;
1353
+ line-height: 12px;
1354
+ color: var(--text-primary__pbq4ak0);
1355
+ }
1356
+ .PostPurchase_message__5fv5lh2 {
1357
+ margin: 0;
1358
+ font-size: 16px;
1359
+ line-height: 22px;
1360
+ color: var(--text-primary__pbq4ak0);
1361
+ font-weight: 600;
1362
+ }
1363
+ .PostPurchase_cta__5fv5lh3 {
1364
+ display: inline-flex;
1365
+ align-items: center;
1366
+ justify-content: center;
1367
+ gap: 4px;
1368
+ padding: 12px 16px;
1369
+ border-radius: 9999px;
1370
+ background-color: var(--text-primary__pbq4ak0);
1371
+ color: var(--text-onAction__pbq4ak6);
1372
+ font-size: 12px;
1373
+ font-weight: bold;
1374
+ text-transform: uppercase;
1375
+ cursor: pointer;
1376
+ }
1377
+ .PostPurchase_cta__5fv5lh3:disabled {
1378
+ opacity: 0.7;
1379
+ cursor: default;
1380
+ }
1381
+ .PostPurchase_icon__5fv5lh4 {
1382
+ margin: -2px 0;
1383
+ }
1384
+ .PostPurchase_giftIcon__5fv5lh5 {
1385
+ display: block;
1386
+ flex-shrink: 0;
1387
+ }
1388
+ .PostPurchase_frakLogo__5fv5lh6 {
1389
+ display: block;
1390
+ margin-left: auto;
1391
+ color: var(--surface-primary__pbq4aka);
1392
+ }`;
1393
+ var card = "PostPurchase_card__5fv5lh0";
1394
+ var cta = "PostPurchase_cta__5fv5lh3";
1395
+ var frakLogo = "PostPurchase_frakLogo__5fv5lh6";
1396
+ var giftIcon = "PostPurchase_giftIcon__5fv5lh5";
1397
+ var icon = "PostPurchase_icon__5fv5lh4";
1398
+ var message = "PostPurchase_message__5fv5lh2";
1399
+ const cssSource = cssSource$3 + cssSource$4 + cssSource$1;
1400
+ //#endregion
1401
+ //#region src/components/PostPurchase/PostPurchase.tsx
1402
+ /**
1403
+ * Given referral status and merchant info, compute the display variant
1404
+ * and pick the appropriate purchase reward.
1405
+ */
1406
+ function resolvePostPurchaseContext(referralStatus, merchantInfo) {
1407
+ const purchaseReward = merchantInfo.rewards.find((r) => r.interactionTypeKey === "purchase" && (r.referrer || r.referee));
1408
+ if (!purchaseReward) return null;
1409
+ const variant = referralStatus?.isReferred && purchaseReward.referee ? "referee" : "referrer";
1410
+ return {
1411
+ variant,
1412
+ reward: variant === "referee" ? purchaseReward.referee : purchaseReward.referrer,
1413
+ merchantDomain: merchantInfo.onChainMetadata.domain
1414
+ };
1415
+ }
1416
+ /**
1417
+ * Post-purchase card component.
1418
+ *
1419
+ * Renders an inline card on the merchant's thank-you / order-status page
1420
+ * that either congratulates a referee or invites a referrer to share.
1421
+ *
1422
+ * Fetches referral status and merchant information via two independent
1423
+ * RPC calls, then computes the display variant locally.
1424
+ *
1425
+ * @group components
1426
+ *
1427
+ * @example
1428
+ * Minimal — just show the card:
1429
+ * ```html
1430
+ * <frak-post-purchase></frak-post-purchase>
1431
+ * ```
1432
+ *
1433
+ * @example
1434
+ * With purchase tracking fallback and custom sharing URL:
1435
+ * ```html
1436
+ * <frak-post-purchase
1437
+ * customer-id="cust_123"
1438
+ * order-id="ord_456"
1439
+ * token="checkout_abc"
1440
+ * sharing-url="https://merchant.com/product/shoes"
1441
+ * ></frak-post-purchase>
1442
+ * ```
1443
+ */
1444
+ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText }) {
1445
+ const { shouldRender, isHidden, isClientReady } = useClientReady();
1446
+ const placement = usePlacement(placementId);
1447
+ useLightDomStyles("frak-post-purchase", placementId, placement?.components?.postPurchase?.css, cssSource);
1448
+ const [context, setContext] = useState(null);
1449
+ const [hasFetched, setHasFetched] = useState(false);
1450
+ useEffect(() => {
1451
+ if (!isClientReady || !customerId || !orderId || !token) return;
1452
+ trackPurchaseStatus({
1453
+ customerId,
1454
+ orderId,
1455
+ token,
1456
+ merchantId
1457
+ }).catch(() => {});
1458
+ }, [
1459
+ isClientReady,
1460
+ customerId,
1461
+ orderId,
1462
+ token,
1463
+ merchantId
1464
+ ]);
1465
+ useEffect(() => {
1466
+ if (!isClientReady || hasFetched) return;
1467
+ const client = window.FrakSetup?.client;
1468
+ if (!client) return;
1469
+ Promise.all([getUserReferralStatus(client), getMerchantInformation(client)]).then(([referralStatus, merchantInfo]) => {
1470
+ setHasFetched(true);
1471
+ setContext(resolvePostPurchaseContext(referralStatus, merchantInfo));
1472
+ }).catch((e) => {
1473
+ if (e instanceof FrakRpcError && e.code === RpcErrorCodes.configError) {
1474
+ setHasFetched(true);
1475
+ return;
1476
+ }
1477
+ console.warn("[Frak] Post-purchase context error", e);
1478
+ });
1479
+ }, [isClientReady, hasFetched]);
1480
+ const resolvedVariant = forcedVariant ?? context?.variant;
1481
+ const resolvedSharingUrl = sharingUrl ?? context?.merchantDomain;
1482
+ const rewardText = useMemo(() => {
1483
+ if (!context?.reward) return void 0;
1484
+ const currency = window.FrakSetup?.client?.config?.metadata?.currency;
1485
+ return formatEstimatedReward(context.reward, currency);
1486
+ }, [context?.reward]);
1487
+ const globalComponents = useGlobalComponents();
1488
+ const postPurchaseConfig = placement?.components?.postPurchase ?? globalComponents?.postPurchase;
1489
+ const resolvedBadgeText = propBadgeText ?? postPurchaseConfig?.badgeText;
1490
+ const texts = useMemo(() => {
1491
+ return {
1492
+ message: resolvedVariant === "referee" ? rewardText ? applyRewardPlaceholder(propRefereeText ?? postPurchaseConfig?.refereeText ?? "You just earned {REWARD}! Share with friends to earn even more.", rewardText) : propRefereeText ?? postPurchaseConfig?.refereeNoRewardText ?? "You just earned a reward! Share with friends to earn even more." : rewardText ? applyRewardPlaceholder(propReferrerText ?? postPurchaseConfig?.referrerText ?? "Earn {REWARD} by sharing this with your friends!", rewardText) : propReferrerText ?? postPurchaseConfig?.referrerNoRewardText ?? "Share this with your friends and earn rewards!",
1493
+ cta: rewardText ? applyRewardPlaceholder(propCtaText ?? postPurchaseConfig?.ctaText ?? "Share & earn {REWARD}", rewardText) : propCtaText ?? postPurchaseConfig?.ctaNoRewardText ?? "Share & earn"
1494
+ };
1495
+ }, [
1496
+ resolvedVariant,
1497
+ rewardText,
1498
+ postPurchaseConfig,
1499
+ propReferrerText,
1500
+ propRefereeText,
1501
+ propCtaText
1502
+ ]);
1503
+ const { handleShare } = useShareModal(void 0, placementId, resolvedSharingUrl);
1504
+ if (!shouldRender || isHidden) return null;
1505
+ if (!context || !resolvedVariant) return null;
1506
+ return /* @__PURE__ */ jsx(Box, {
1507
+ className: [card, classname].filter(Boolean).join(" "),
1508
+ padding: "m",
1509
+ children: /* @__PURE__ */ jsxs(Columns, {
1510
+ space: "xl",
1511
+ alignY: "center",
1512
+ children: [/* @__PURE__ */ jsx(Column, { children: /* @__PURE__ */ jsxs(Stack, {
1513
+ space: "xs",
1514
+ children: [
1515
+ resolvedBadgeText && /* @__PURE__ */ jsx("span", {
1516
+ class: "PostPurchase_badge__5fv5lh1",
1517
+ children: resolvedBadgeText
1518
+ }),
1519
+ /* @__PURE__ */ jsx("p", {
1520
+ class: message,
1521
+ children: texts.message
1522
+ }),
1523
+ /* @__PURE__ */ jsxs(Box, {
1524
+ as: "button",
1525
+ type: "button",
1526
+ className: `${cta} button`,
1527
+ disabled: !isClientReady,
1528
+ onClick: handleShare,
1529
+ children: [texts.cta, /* @__PURE__ */ jsx("svg", {
1530
+ width: "16",
1531
+ height: "16",
1532
+ viewBox: "0 0 16 16",
1533
+ fill: "none",
1534
+ "aria-hidden": "true",
1535
+ className: `${icon} button`,
1536
+ children: /* @__PURE__ */ jsx("path", {
1537
+ d: "M13.8984 11.144C13.9864 11.052 14.1543 11.1114 14.1543 11.2388V11.644C14.1543 13.0509 12.6288 14.1918 10.7471 14.1919C8.86523 14.1919 7.33984 13.051 7.33984 11.644V11.2388C7.33984 11.1114 7.50675 11.052 7.59473 11.144C8.3452 11.9295 9.47906 12.4292 10.7471 12.4292C12.0149 12.4291 13.148 11.9293 13.8984 11.144ZM1.8457 9.64795C1.8457 9.51169 2.01094 9.44452 2.10254 9.54053C2.85304 10.3238 3.98586 10.8247 5.25293 10.8247C5.52246 10.8247 5.78608 10.8026 6.04102 10.7593C6.25744 10.7225 6.46582 10.8816 6.46582 11.1011V12.1704C6.46564 12.319 6.36769 12.4507 6.22266 12.4829C5.91535 12.5512 5.58981 12.5874 5.25293 12.5874C3.3711 12.5874 1.8457 11.4469 1.8457 10.0396V9.64795ZM10.7471 6.20654C12.6288 6.20666 14.1543 7.3475 14.1543 8.75439C14.1541 10.1612 12.6287 11.3012 10.7471 11.3013C8.86535 11.3013 7.34004 10.1612 7.33984 8.75439C7.33984 7.34743 8.86523 6.20654 10.7471 6.20654ZM1.8457 6.8501C1.84597 6.71385 2.01208 6.64848 2.10352 6.74365C2.85393 7.52827 3.98602 8.0278 5.25293 8.02783C5.52282 8.02783 5.78667 8.00448 6.04199 7.96143C6.258 7.92499 6.46582 8.08514 6.46582 8.3042V9.37256C6.46582 9.52127 6.36783 9.65378 6.22266 9.68604C5.91537 9.75429 5.58979 9.79053 5.25293 9.79053C3.3711 9.79048 1.8457 8.64863 1.8457 7.24268V6.8501ZM5.25293 1.80811C7.13481 1.80811 8.66016 2.94856 8.66016 4.35596C8.66008 5.76331 7.13476 6.90381 5.25293 6.90381C3.37115 6.90376 1.84578 5.76328 1.8457 4.35596C1.8457 2.94858 3.3711 1.80815 5.25293 1.80811Z",
1538
+ fill: "currentColor"
1539
+ })
1540
+ })]
1541
+ })
1542
+ ]
1543
+ }) }), /* @__PURE__ */ jsx(Column, {
1544
+ width: "content",
1545
+ children: /* @__PURE__ */ jsxs(Stack, {
1546
+ space: "xs",
1547
+ align: "right",
1548
+ children: [/* @__PURE__ */ jsx(GiftIcon, {
1549
+ className: giftIcon,
1550
+ width: 80,
1551
+ height: 80
1552
+ }), /* @__PURE__ */ jsx(LogoFrak, {
1553
+ className: frakLogo,
1554
+ width: 14,
1555
+ height: 14
1556
+ })]
1557
+ })
1558
+ })]
1559
+ })
1560
+ });
1561
+ }
1562
+ //#endregion
1563
+ //#region src/components/PostPurchase/index.ts
1564
+ registerWebComponent(PostPurchase, "frak-post-purchase", [
1565
+ "customerId",
1566
+ "orderId",
1567
+ "token",
1568
+ "sharingUrl",
1569
+ "merchantId",
1570
+ "placement",
1571
+ "classname",
1572
+ "variant",
1573
+ "badgeText",
1574
+ "referrerText",
1575
+ "refereeText",
1576
+ "ctaText"
1577
+ ], { shadow: false });
1578
+ //#endregion
1579
+ export { PostPurchase };