@frak-labs/components 1.0.3-beta.f6df627f → 1.0.4-beta.d970d1ee

package/dist/postPurchase.js

@@ -1,1352 +1,43 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-V7NrKoub.js";
-import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-gbuSWvRx.js";
-import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
-import { t as openSharingPage } from "./sharingPage-DFvQbviS.js";
-import { c as cssSource$5, l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-c28NnqJ7.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-DzEuVg_u.js";
+import { t as openSharingPage } from "./sharingPage-D6fQEXV9.js";
+import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DVe5UDg6.js";
+import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Cf2KpA3x.js";
+import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-BIp9FTJs.js";
 import { trackEvent } from "@frak-labs/core-sdk";
 import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
-//#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function r(e) {
-	var t, f, n = "";
-	if ("string" == typeof e || "number" == typeof e) n += e;
-	else if ("object" == typeof e) if (Array.isArray(e)) {
-		var o = e.length;
-		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-	} else for (f in e) e[f] && (n && (n += " "), n += f);
-	return n;
-}
-function clsx() {
-	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-	return n;
-}
-//#endregion
-//#region ../../packages/design-system/src/reset.css.ts
-var base = "reset_base__1831jhd0";
-var element = {
-	ul: "reset_element_ul__1831jhd4",
-	ol: "reset_element_ol__1831jhd5",
-	button: "reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
-	a: "reset_element_a__1831jhd7 reset_focusRing__1831jhd1",
-	input: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
-	select: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
-	textarea: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
-	table: "reset_element_table__1831jhdb",
-	img: "reset_element_img__1831jhdc"
-};
-//#endregion
-//#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js
-function toPrimitive(t, r) {
-	if ("object" != typeof t || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != typeof i) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == typeof i ? i : String(i);
-}
-function _defineProperty(obj, key, value) {
-	key = toPropertyKey(key);
-	if (key in obj) Object.defineProperty(obj, key, {
-		value,
-		enumerable: true,
-		configurable: true,
-		writable: true
-	});
-	else obj[key] = value;
-	return obj;
-}
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r) {
-			return Object.getOwnPropertyDescriptor(e, r).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread2(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
-			_defineProperty(e, r, t[r]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
-			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-		});
-	}
-	return e;
-}
-var createSprinkles$1 = (composeStyles) => function() {
-	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-	var sprinklesStyles = Object.assign({}, ...args.map((a) => a.styles));
-	var sprinklesKeys = Object.keys(sprinklesStyles);
-	var shorthandNames = sprinklesKeys.filter((property) => "mappings" in sprinklesStyles[property]);
-	var sprinklesFn = (props) => {
-		var classNames = [];
-		var shorthands = {};
-		var nonShorthands = _objectSpread2({}, props);
-		var hasShorthands = false;
-		for (var shorthand of shorthandNames) {
-			var value = props[shorthand];
-			if (value != null) {
-				var sprinkle = sprinklesStyles[shorthand];
-				hasShorthands = true;
-				for (var propMapping of sprinkle.mappings) {
-					shorthands[propMapping] = value;
-					if (nonShorthands[propMapping] == null) delete nonShorthands[propMapping];
-				}
-			}
-		}
-		var finalProps = hasShorthands ? _objectSpread2(_objectSpread2({}, shorthands), nonShorthands) : props;
-		var _loop = function _loop() {
-			var propValue = finalProps[prop];
-			var sprinkle = sprinklesStyles[prop];
-			try {
-				if (sprinkle.mappings) return 1;
-				if (typeof propValue === "string" || typeof propValue === "number") {
-					if (!sprinkle.values[propValue].defaultClass) throw new Error();
-					classNames.push(sprinkle.values[propValue].defaultClass);
-				} else if (Array.isArray(propValue)) for (var responsiveIndex = 0; responsiveIndex < propValue.length; responsiveIndex++) {
-					var responsiveValue = propValue[responsiveIndex];
-					if (responsiveValue != null) {
-						var conditionName = sprinkle.responsiveArray[responsiveIndex];
-						if (!sprinkle.values[responsiveValue].conditions[conditionName]) throw new Error();
-						classNames.push(sprinkle.values[responsiveValue].conditions[conditionName]);
-					}
-				}
-				else for (var _conditionName in propValue) {
-					var _value = propValue[_conditionName];
-					if (_value != null) {
-						if (!sprinkle.values[_value].conditions[_conditionName]) throw new Error();
-						classNames.push(sprinkle.values[_value].conditions[_conditionName]);
-					}
-				}
-			} catch (e) {
-				{
-					class SprinklesError extends Error {
-						constructor(message) {
-							super(message);
-							this.name = "SprinklesError";
-						}
-					}
-					var format = (v) => typeof v === "string" ? "\"".concat(v, "\"") : v;
-					var invalidPropValue = (prop, value, possibleValues) => {
-						throw new SprinklesError("\"".concat(prop, "\" has no value ").concat(format(value), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(", ")));
-					};
-					if (!sprinkle) throw new SprinklesError("\"".concat(prop, "\" is not a valid sprinkle"));
-					if (typeof propValue === "string" || typeof propValue === "number") {
-						if (!(propValue in sprinkle.values)) invalidPropValue(prop, propValue, sprinkle.values);
-						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(", ")));
-					}
-					if (typeof propValue === "object") {
-						if (!("conditions" in sprinkle.values[Object.keys(sprinkle.values)[0]])) throw new SprinklesError("\"".concat(prop, "\" is not a conditional property"));
-						if (Array.isArray(propValue)) {
-							if (!("responsiveArray" in sprinkle)) throw new SprinklesError("\"".concat(prop, "\" does not support responsive arrays"));
-							var breakpointCount = sprinkle.responsiveArray.length;
-							if (breakpointCount < propValue.length) throw new SprinklesError("\"".concat(prop, "\" only supports up to ").concat(breakpointCount, " breakpoints. You passed ").concat(propValue.length));
-							for (var _responsiveValue of propValue) if (!sprinkle.values[_responsiveValue]) invalidPropValue(prop, _responsiveValue, sprinkle.values);
-						} else for (var _conditionName2 in propValue) {
-							var _value2 = propValue[_conditionName2];
-							if (_value2 != null) {
-								if (!sprinkle.values[_value2]) invalidPropValue(prop, _value2, sprinkle.values);
-								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(", ")));
-							}
-						}
-					}
-				}
-				throw e;
-			}
-		};
-		for (var prop in finalProps) if (_loop()) continue;
-		return composeStyles(classNames.join(" "));
-	};
-	return Object.assign(sprinklesFn, { properties: new Set(sprinklesKeys) });
-};
-//#endregion
-//#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js
-var composeStyles = (classList) => classList;
-//#endregion
-//#region ../../packages/design-system/src/sprinkles.css.ts
-var sprinkles = function createSprinkles() {
-	return createSprinkles$1(composeStyles)(...arguments);
-}(function() {
-	var x = {
-		conditions: {
-			defaultCondition: "mobile",
-			conditionNames: [
-				"mobile",
-				"tablet",
-				"desktop"
-			],
-			responsiveArray: [
-				"mobile",
-				"tablet",
-				"desktop"
-			]
-		},
-		styles: {
-			padding: { mappings: [
-				"paddingTop",
-				"paddingBottom",
-				"paddingLeft",
-				"paddingRight"
-			] },
-			paddingX: { mappings: ["paddingLeft", "paddingRight"] },
-			paddingY: { mappings: ["paddingTop", "paddingBottom"] },
-			marginX: { mappings: ["marginLeft", "marginRight"] },
-			marginY: { mappings: ["marginTop", "marginBottom"] },
-			display: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_display_none_mobile__1iaw8zx0",
-							tablet: "sprinkles_display_none_tablet__1iaw8zx1",
-							desktop: "sprinkles_display_none_desktop__1iaw8zx2"
-						},
-						defaultClass: "sprinkles_display_none_mobile__1iaw8zx0"
-					},
-					flex: {
-						conditions: {
-							mobile: "sprinkles_display_flex_mobile__1iaw8zx3",
-							tablet: "sprinkles_display_flex_tablet__1iaw8zx4",
-							desktop: "sprinkles_display_flex_desktop__1iaw8zx5"
-						},
-						defaultClass: "sprinkles_display_flex_mobile__1iaw8zx3"
-					},
-					block: {
-						conditions: {
-							mobile: "sprinkles_display_block_mobile__1iaw8zx6",
-							tablet: "sprinkles_display_block_tablet__1iaw8zx7",
-							desktop: "sprinkles_display_block_desktop__1iaw8zx8"
-						},
-						defaultClass: "sprinkles_display_block_mobile__1iaw8zx6"
-					},
-					grid: {
-						conditions: {
-							mobile: "sprinkles_display_grid_mobile__1iaw8zx9",
-							tablet: "sprinkles_display_grid_tablet__1iaw8zxa",
-							desktop: "sprinkles_display_grid_desktop__1iaw8zxb"
-						},
-						defaultClass: "sprinkles_display_grid_mobile__1iaw8zx9"
-					},
-					"inline-flex": {
-						conditions: {
-							mobile: "sprinkles_display_inline-flex_mobile__1iaw8zxc",
-							tablet: "sprinkles_display_inline-flex_tablet__1iaw8zxd",
-							desktop: "sprinkles_display_inline-flex_desktop__1iaw8zxe"
-						},
-						defaultClass: "sprinkles_display_inline-flex_mobile__1iaw8zxc"
-					}
-				},
-				responsiveArray: void 0
-			},
-			flexDirection: {
-				values: {
-					row: {
-						conditions: {
-							mobile: "sprinkles_flexDirection_row_mobile__1iaw8zxf",
-							tablet: "sprinkles_flexDirection_row_tablet__1iaw8zxg",
-							desktop: "sprinkles_flexDirection_row_desktop__1iaw8zxh"
-						},
-						defaultClass: "sprinkles_flexDirection_row_mobile__1iaw8zxf"
-					},
-					column: {
-						conditions: {
-							mobile: "sprinkles_flexDirection_column_mobile__1iaw8zxi",
-							tablet: "sprinkles_flexDirection_column_tablet__1iaw8zxj",
-							desktop: "sprinkles_flexDirection_column_desktop__1iaw8zxk"
-						},
-						defaultClass: "sprinkles_flexDirection_column_mobile__1iaw8zxi"
-					}
-				},
-				responsiveArray: void 0
-			},
-			alignItems: {
-				values: {
-					stretch: {
-						conditions: {
-							mobile: "sprinkles_alignItems_stretch_mobile__1iaw8zxl",
-							tablet: "sprinkles_alignItems_stretch_tablet__1iaw8zxm",
-							desktop: "sprinkles_alignItems_stretch_desktop__1iaw8zxn"
-						},
-						defaultClass: "sprinkles_alignItems_stretch_mobile__1iaw8zxl"
-					},
-					"flex-start": {
-						conditions: {
-							mobile: "sprinkles_alignItems_flex-start_mobile__1iaw8zxo",
-							tablet: "sprinkles_alignItems_flex-start_tablet__1iaw8zxp",
-							desktop: "sprinkles_alignItems_flex-start_desktop__1iaw8zxq"
-						},
-						defaultClass: "sprinkles_alignItems_flex-start_mobile__1iaw8zxo"
-					},
-					center: {
-						conditions: {
-							mobile: "sprinkles_alignItems_center_mobile__1iaw8zxr",
-							tablet: "sprinkles_alignItems_center_tablet__1iaw8zxs",
-							desktop: "sprinkles_alignItems_center_desktop__1iaw8zxt"
-						},
-						defaultClass: "sprinkles_alignItems_center_mobile__1iaw8zxr"
-					},
-					"flex-end": {
-						conditions: {
-							mobile: "sprinkles_alignItems_flex-end_mobile__1iaw8zxu",
-							tablet: "sprinkles_alignItems_flex-end_tablet__1iaw8zxv",
-							desktop: "sprinkles_alignItems_flex-end_desktop__1iaw8zxw"
-						},
-						defaultClass: "sprinkles_alignItems_flex-end_mobile__1iaw8zxu"
-					},
-					baseline: {
-						conditions: {
-							mobile: "sprinkles_alignItems_baseline_mobile__1iaw8zxx",
-							tablet: "sprinkles_alignItems_baseline_tablet__1iaw8zxy",
-							desktop: "sprinkles_alignItems_baseline_desktop__1iaw8zxz"
-						},
-						defaultClass: "sprinkles_alignItems_baseline_mobile__1iaw8zxx"
-					}
-				},
-				responsiveArray: void 0
-			},
-			justifyContent: {
-				values: {
-					stretch: {
-						conditions: {
-							mobile: "sprinkles_justifyContent_stretch_mobile__1iaw8zx10",
-							tablet: "sprinkles_justifyContent_stretch_tablet__1iaw8zx11",
-							desktop: "sprinkles_justifyContent_stretch_desktop__1iaw8zx12"
-						},
-						defaultClass: "sprinkles_justifyContent_stretch_mobile__1iaw8zx10"
-					},
-					"flex-start": {
-						conditions: {
-							mobile: "sprinkles_justifyContent_flex-start_mobile__1iaw8zx13",
-							tablet: "sprinkles_justifyContent_flex-start_tablet__1iaw8zx14",
-							desktop: "sprinkles_justifyContent_flex-start_desktop__1iaw8zx15"
-						},
-						defaultClass: "sprinkles_justifyContent_flex-start_mobile__1iaw8zx13"
-					},
-					center: {
-						conditions: {
-							mobile: "sprinkles_justifyContent_center_mobile__1iaw8zx16",
-							tablet: "sprinkles_justifyContent_center_tablet__1iaw8zx17",
-							desktop: "sprinkles_justifyContent_center_desktop__1iaw8zx18"
-						},
-						defaultClass: "sprinkles_justifyContent_center_mobile__1iaw8zx16"
-					},
-					"flex-end": {
-						conditions: {
-							mobile: "sprinkles_justifyContent_flex-end_mobile__1iaw8zx19",
-							tablet: "sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a",
-							desktop: "sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b"
-						},
-						defaultClass: "sprinkles_justifyContent_flex-end_mobile__1iaw8zx19"
-					},
-					"space-between": {
-						conditions: {
-							mobile: "sprinkles_justifyContent_space-between_mobile__1iaw8zx1c",
-							tablet: "sprinkles_justifyContent_space-between_tablet__1iaw8zx1d",
-							desktop: "sprinkles_justifyContent_space-between_desktop__1iaw8zx1e"
-						},
-						defaultClass: "sprinkles_justifyContent_space-between_mobile__1iaw8zx1c"
-					},
-					"space-around": {
-						conditions: {
-							mobile: "sprinkles_justifyContent_space-around_mobile__1iaw8zx1f",
-							tablet: "sprinkles_justifyContent_space-around_tablet__1iaw8zx1g",
-							desktop: "sprinkles_justifyContent_space-around_desktop__1iaw8zx1h"
-						},
-						defaultClass: "sprinkles_justifyContent_space-around_mobile__1iaw8zx1f"
-					}
-				},
-				responsiveArray: void 0
-			},
-			flexWrap: {
-				values: {
-					nowrap: {
-						conditions: {
-							mobile: "sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i",
-							tablet: "sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j",
-							desktop: "sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k"
-						},
-						defaultClass: "sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i"
-					},
-					wrap: {
-						conditions: {
-							mobile: "sprinkles_flexWrap_wrap_mobile__1iaw8zx1l",
-							tablet: "sprinkles_flexWrap_wrap_tablet__1iaw8zx1m",
-							desktop: "sprinkles_flexWrap_wrap_desktop__1iaw8zx1n"
-						},
-						defaultClass: "sprinkles_flexWrap_wrap_mobile__1iaw8zx1l"
-					},
-					"wrap-reverse": {
-						conditions: {
-							mobile: "sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o",
-							tablet: "sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p",
-							desktop: "sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q"
-						},
-						defaultClass: "sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o"
-					}
-				},
-				responsiveArray: void 0
-			},
-			gap: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_gap_none_mobile__1iaw8zx1r",
-							tablet: "sprinkles_gap_none_tablet__1iaw8zx1s",
-							desktop: "sprinkles_gap_none_desktop__1iaw8zx1t"
-						},
-						defaultClass: "sprinkles_gap_none_mobile__1iaw8zx1r"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_gap_xxs_mobile__1iaw8zx1u",
-							tablet: "sprinkles_gap_xxs_tablet__1iaw8zx1v",
-							desktop: "sprinkles_gap_xxs_desktop__1iaw8zx1w"
-						},
-						defaultClass: "sprinkles_gap_xxs_mobile__1iaw8zx1u"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_gap_xs_mobile__1iaw8zx1x",
-							tablet: "sprinkles_gap_xs_tablet__1iaw8zx1y",
-							desktop: "sprinkles_gap_xs_desktop__1iaw8zx1z"
-						},
-						defaultClass: "sprinkles_gap_xs_mobile__1iaw8zx1x"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_gap_s_mobile__1iaw8zx20",
-							tablet: "sprinkles_gap_s_tablet__1iaw8zx21",
-							desktop: "sprinkles_gap_s_desktop__1iaw8zx22"
-						},
-						defaultClass: "sprinkles_gap_s_mobile__1iaw8zx20"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_gap_m_mobile__1iaw8zx23",
-							tablet: "sprinkles_gap_m_tablet__1iaw8zx24",
-							desktop: "sprinkles_gap_m_desktop__1iaw8zx25"
-						},
-						defaultClass: "sprinkles_gap_m_mobile__1iaw8zx23"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_gap_l_mobile__1iaw8zx26",
-							tablet: "sprinkles_gap_l_tablet__1iaw8zx27",
-							desktop: "sprinkles_gap_l_desktop__1iaw8zx28"
-						},
-						defaultClass: "sprinkles_gap_l_mobile__1iaw8zx26"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_gap_xl_mobile__1iaw8zx29",
-							tablet: "sprinkles_gap_xl_tablet__1iaw8zx2a",
-							desktop: "sprinkles_gap_xl_desktop__1iaw8zx2b"
-						},
-						defaultClass: "sprinkles_gap_xl_mobile__1iaw8zx29"
-					}
-				},
-				responsiveArray: void 0
-			},
-			paddingTop: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_paddingTop_none_mobile__1iaw8zx2c",
-							tablet: "sprinkles_paddingTop_none_tablet__1iaw8zx2d",
-							desktop: "sprinkles_paddingTop_none_desktop__1iaw8zx2e"
-						},
-						defaultClass: "sprinkles_paddingTop_none_mobile__1iaw8zx2c"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_paddingTop_xxs_mobile__1iaw8zx2f",
-							tablet: "sprinkles_paddingTop_xxs_tablet__1iaw8zx2g",
-							desktop: "sprinkles_paddingTop_xxs_desktop__1iaw8zx2h"
-						},
-						defaultClass: "sprinkles_paddingTop_xxs_mobile__1iaw8zx2f"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_paddingTop_xs_mobile__1iaw8zx2i",
-							tablet: "sprinkles_paddingTop_xs_tablet__1iaw8zx2j",
-							desktop: "sprinkles_paddingTop_xs_desktop__1iaw8zx2k"
-						},
-						defaultClass: "sprinkles_paddingTop_xs_mobile__1iaw8zx2i"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_paddingTop_s_mobile__1iaw8zx2l",
-							tablet: "sprinkles_paddingTop_s_tablet__1iaw8zx2m",
-							desktop: "sprinkles_paddingTop_s_desktop__1iaw8zx2n"
-						},
-						defaultClass: "sprinkles_paddingTop_s_mobile__1iaw8zx2l"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_paddingTop_m_mobile__1iaw8zx2o",
-							tablet: "sprinkles_paddingTop_m_tablet__1iaw8zx2p",
-							desktop: "sprinkles_paddingTop_m_desktop__1iaw8zx2q"
-						},
-						defaultClass: "sprinkles_paddingTop_m_mobile__1iaw8zx2o"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_paddingTop_l_mobile__1iaw8zx2r",
-							tablet: "sprinkles_paddingTop_l_tablet__1iaw8zx2s",
-							desktop: "sprinkles_paddingTop_l_desktop__1iaw8zx2t"
-						},
-						defaultClass: "sprinkles_paddingTop_l_mobile__1iaw8zx2r"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_paddingTop_xl_mobile__1iaw8zx2u",
-							tablet: "sprinkles_paddingTop_xl_tablet__1iaw8zx2v",
-							desktop: "sprinkles_paddingTop_xl_desktop__1iaw8zx2w"
-						},
-						defaultClass: "sprinkles_paddingTop_xl_mobile__1iaw8zx2u"
-					}
-				},
-				responsiveArray: void 0
-			},
-			paddingBottom: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_paddingBottom_none_mobile__1iaw8zx2x",
-							tablet: "sprinkles_paddingBottom_none_tablet__1iaw8zx2y",
-							desktop: "sprinkles_paddingBottom_none_desktop__1iaw8zx2z"
-						},
-						defaultClass: "sprinkles_paddingBottom_none_mobile__1iaw8zx2x"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_paddingBottom_xxs_mobile__1iaw8zx30",
-							tablet: "sprinkles_paddingBottom_xxs_tablet__1iaw8zx31",
-							desktop: "sprinkles_paddingBottom_xxs_desktop__1iaw8zx32"
-						},
-						defaultClass: "sprinkles_paddingBottom_xxs_mobile__1iaw8zx30"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_paddingBottom_xs_mobile__1iaw8zx33",
-							tablet: "sprinkles_paddingBottom_xs_tablet__1iaw8zx34",
-							desktop: "sprinkles_paddingBottom_xs_desktop__1iaw8zx35"
-						},
-						defaultClass: "sprinkles_paddingBottom_xs_mobile__1iaw8zx33"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_paddingBottom_s_mobile__1iaw8zx36",
-							tablet: "sprinkles_paddingBottom_s_tablet__1iaw8zx37",
-							desktop: "sprinkles_paddingBottom_s_desktop__1iaw8zx38"
-						},
-						defaultClass: "sprinkles_paddingBottom_s_mobile__1iaw8zx36"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_paddingBottom_m_mobile__1iaw8zx39",
-							tablet: "sprinkles_paddingBottom_m_tablet__1iaw8zx3a",
-							desktop: "sprinkles_paddingBottom_m_desktop__1iaw8zx3b"
-						},
-						defaultClass: "sprinkles_paddingBottom_m_mobile__1iaw8zx39"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_paddingBottom_l_mobile__1iaw8zx3c",
-							tablet: "sprinkles_paddingBottom_l_tablet__1iaw8zx3d",
-							desktop: "sprinkles_paddingBottom_l_desktop__1iaw8zx3e"
-						},
-						defaultClass: "sprinkles_paddingBottom_l_mobile__1iaw8zx3c"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_paddingBottom_xl_mobile__1iaw8zx3f",
-							tablet: "sprinkles_paddingBottom_xl_tablet__1iaw8zx3g",
-							desktop: "sprinkles_paddingBottom_xl_desktop__1iaw8zx3h"
-						},
-						defaultClass: "sprinkles_paddingBottom_xl_mobile__1iaw8zx3f"
-					}
-				},
-				responsiveArray: void 0
-			},
-			paddingLeft: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_paddingLeft_none_mobile__1iaw8zx3i",
-							tablet: "sprinkles_paddingLeft_none_tablet__1iaw8zx3j",
-							desktop: "sprinkles_paddingLeft_none_desktop__1iaw8zx3k"
-						},
-						defaultClass: "sprinkles_paddingLeft_none_mobile__1iaw8zx3i"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l",
-							tablet: "sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m",
-							desktop: "sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n"
-						},
-						defaultClass: "sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_paddingLeft_xs_mobile__1iaw8zx3o",
-							tablet: "sprinkles_paddingLeft_xs_tablet__1iaw8zx3p",
-							desktop: "sprinkles_paddingLeft_xs_desktop__1iaw8zx3q"
-						},
-						defaultClass: "sprinkles_paddingLeft_xs_mobile__1iaw8zx3o"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_paddingLeft_s_mobile__1iaw8zx3r",
-							tablet: "sprinkles_paddingLeft_s_tablet__1iaw8zx3s",
-							desktop: "sprinkles_paddingLeft_s_desktop__1iaw8zx3t"
-						},
-						defaultClass: "sprinkles_paddingLeft_s_mobile__1iaw8zx3r"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_paddingLeft_m_mobile__1iaw8zx3u",
-							tablet: "sprinkles_paddingLeft_m_tablet__1iaw8zx3v",
-							desktop: "sprinkles_paddingLeft_m_desktop__1iaw8zx3w"
-						},
-						defaultClass: "sprinkles_paddingLeft_m_mobile__1iaw8zx3u"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_paddingLeft_l_mobile__1iaw8zx3x",
-							tablet: "sprinkles_paddingLeft_l_tablet__1iaw8zx3y",
-							desktop: "sprinkles_paddingLeft_l_desktop__1iaw8zx3z"
-						},
-						defaultClass: "sprinkles_paddingLeft_l_mobile__1iaw8zx3x"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_paddingLeft_xl_mobile__1iaw8zx40",
-							tablet: "sprinkles_paddingLeft_xl_tablet__1iaw8zx41",
-							desktop: "sprinkles_paddingLeft_xl_desktop__1iaw8zx42"
-						},
-						defaultClass: "sprinkles_paddingLeft_xl_mobile__1iaw8zx40"
-					}
-				},
-				responsiveArray: void 0
-			},
-			paddingRight: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_paddingRight_none_mobile__1iaw8zx43",
-							tablet: "sprinkles_paddingRight_none_tablet__1iaw8zx44",
-							desktop: "sprinkles_paddingRight_none_desktop__1iaw8zx45"
-						},
-						defaultClass: "sprinkles_paddingRight_none_mobile__1iaw8zx43"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_paddingRight_xxs_mobile__1iaw8zx46",
-							tablet: "sprinkles_paddingRight_xxs_tablet__1iaw8zx47",
-							desktop: "sprinkles_paddingRight_xxs_desktop__1iaw8zx48"
-						},
-						defaultClass: "sprinkles_paddingRight_xxs_mobile__1iaw8zx46"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_paddingRight_xs_mobile__1iaw8zx49",
-							tablet: "sprinkles_paddingRight_xs_tablet__1iaw8zx4a",
-							desktop: "sprinkles_paddingRight_xs_desktop__1iaw8zx4b"
-						},
-						defaultClass: "sprinkles_paddingRight_xs_mobile__1iaw8zx49"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_paddingRight_s_mobile__1iaw8zx4c",
-							tablet: "sprinkles_paddingRight_s_tablet__1iaw8zx4d",
-							desktop: "sprinkles_paddingRight_s_desktop__1iaw8zx4e"
-						},
-						defaultClass: "sprinkles_paddingRight_s_mobile__1iaw8zx4c"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_paddingRight_m_mobile__1iaw8zx4f",
-							tablet: "sprinkles_paddingRight_m_tablet__1iaw8zx4g",
-							desktop: "sprinkles_paddingRight_m_desktop__1iaw8zx4h"
-						},
-						defaultClass: "sprinkles_paddingRight_m_mobile__1iaw8zx4f"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_paddingRight_l_mobile__1iaw8zx4i",
-							tablet: "sprinkles_paddingRight_l_tablet__1iaw8zx4j",
-							desktop: "sprinkles_paddingRight_l_desktop__1iaw8zx4k"
-						},
-						defaultClass: "sprinkles_paddingRight_l_mobile__1iaw8zx4i"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_paddingRight_xl_mobile__1iaw8zx4l",
-							tablet: "sprinkles_paddingRight_xl_tablet__1iaw8zx4m",
-							desktop: "sprinkles_paddingRight_xl_desktop__1iaw8zx4n"
-						},
-						defaultClass: "sprinkles_paddingRight_xl_mobile__1iaw8zx4l"
-					}
-				},
-				responsiveArray: void 0
-			},
-			marginTop: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_marginTop_none_mobile__1iaw8zx4o",
-							tablet: "sprinkles_marginTop_none_tablet__1iaw8zx4p",
-							desktop: "sprinkles_marginTop_none_desktop__1iaw8zx4q"
-						},
-						defaultClass: "sprinkles_marginTop_none_mobile__1iaw8zx4o"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_marginTop_xxs_mobile__1iaw8zx4r",
-							tablet: "sprinkles_marginTop_xxs_tablet__1iaw8zx4s",
-							desktop: "sprinkles_marginTop_xxs_desktop__1iaw8zx4t"
-						},
-						defaultClass: "sprinkles_marginTop_xxs_mobile__1iaw8zx4r"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_marginTop_xs_mobile__1iaw8zx4u",
-							tablet: "sprinkles_marginTop_xs_tablet__1iaw8zx4v",
-							desktop: "sprinkles_marginTop_xs_desktop__1iaw8zx4w"
-						},
-						defaultClass: "sprinkles_marginTop_xs_mobile__1iaw8zx4u"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_marginTop_s_mobile__1iaw8zx4x",
-							tablet: "sprinkles_marginTop_s_tablet__1iaw8zx4y",
-							desktop: "sprinkles_marginTop_s_desktop__1iaw8zx4z"
-						},
-						defaultClass: "sprinkles_marginTop_s_mobile__1iaw8zx4x"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_marginTop_m_mobile__1iaw8zx50",
-							tablet: "sprinkles_marginTop_m_tablet__1iaw8zx51",
-							desktop: "sprinkles_marginTop_m_desktop__1iaw8zx52"
-						},
-						defaultClass: "sprinkles_marginTop_m_mobile__1iaw8zx50"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_marginTop_l_mobile__1iaw8zx53",
-							tablet: "sprinkles_marginTop_l_tablet__1iaw8zx54",
-							desktop: "sprinkles_marginTop_l_desktop__1iaw8zx55"
-						},
-						defaultClass: "sprinkles_marginTop_l_mobile__1iaw8zx53"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_marginTop_xl_mobile__1iaw8zx56",
-							tablet: "sprinkles_marginTop_xl_tablet__1iaw8zx57",
-							desktop: "sprinkles_marginTop_xl_desktop__1iaw8zx58"
-						},
-						defaultClass: "sprinkles_marginTop_xl_mobile__1iaw8zx56"
-					}
-				},
-				responsiveArray: void 0
-			},
-			marginBottom: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_marginBottom_none_mobile__1iaw8zx59",
-							tablet: "sprinkles_marginBottom_none_tablet__1iaw8zx5a",
-							desktop: "sprinkles_marginBottom_none_desktop__1iaw8zx5b"
-						},
-						defaultClass: "sprinkles_marginBottom_none_mobile__1iaw8zx59"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_marginBottom_xxs_mobile__1iaw8zx5c",
-							tablet: "sprinkles_marginBottom_xxs_tablet__1iaw8zx5d",
-							desktop: "sprinkles_marginBottom_xxs_desktop__1iaw8zx5e"
-						},
-						defaultClass: "sprinkles_marginBottom_xxs_mobile__1iaw8zx5c"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_marginBottom_xs_mobile__1iaw8zx5f",
-							tablet: "sprinkles_marginBottom_xs_tablet__1iaw8zx5g",
-							desktop: "sprinkles_marginBottom_xs_desktop__1iaw8zx5h"
-						},
-						defaultClass: "sprinkles_marginBottom_xs_mobile__1iaw8zx5f"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_marginBottom_s_mobile__1iaw8zx5i",
-							tablet: "sprinkles_marginBottom_s_tablet__1iaw8zx5j",
-							desktop: "sprinkles_marginBottom_s_desktop__1iaw8zx5k"
-						},
-						defaultClass: "sprinkles_marginBottom_s_mobile__1iaw8zx5i"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_marginBottom_m_mobile__1iaw8zx5l",
-							tablet: "sprinkles_marginBottom_m_tablet__1iaw8zx5m",
-							desktop: "sprinkles_marginBottom_m_desktop__1iaw8zx5n"
-						},
-						defaultClass: "sprinkles_marginBottom_m_mobile__1iaw8zx5l"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_marginBottom_l_mobile__1iaw8zx5o",
-							tablet: "sprinkles_marginBottom_l_tablet__1iaw8zx5p",
-							desktop: "sprinkles_marginBottom_l_desktop__1iaw8zx5q"
-						},
-						defaultClass: "sprinkles_marginBottom_l_mobile__1iaw8zx5o"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_marginBottom_xl_mobile__1iaw8zx5r",
-							tablet: "sprinkles_marginBottom_xl_tablet__1iaw8zx5s",
-							desktop: "sprinkles_marginBottom_xl_desktop__1iaw8zx5t"
-						},
-						defaultClass: "sprinkles_marginBottom_xl_mobile__1iaw8zx5r"
-					}
-				},
-				responsiveArray: void 0
-			},
-			marginLeft: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_marginLeft_none_mobile__1iaw8zx5u",
-							tablet: "sprinkles_marginLeft_none_tablet__1iaw8zx5v",
-							desktop: "sprinkles_marginLeft_none_desktop__1iaw8zx5w"
-						},
-						defaultClass: "sprinkles_marginLeft_none_mobile__1iaw8zx5u"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_marginLeft_xxs_mobile__1iaw8zx5x",
-							tablet: "sprinkles_marginLeft_xxs_tablet__1iaw8zx5y",
-							desktop: "sprinkles_marginLeft_xxs_desktop__1iaw8zx5z"
-						},
-						defaultClass: "sprinkles_marginLeft_xxs_mobile__1iaw8zx5x"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_marginLeft_xs_mobile__1iaw8zx60",
-							tablet: "sprinkles_marginLeft_xs_tablet__1iaw8zx61",
-							desktop: "sprinkles_marginLeft_xs_desktop__1iaw8zx62"
-						},
-						defaultClass: "sprinkles_marginLeft_xs_mobile__1iaw8zx60"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_marginLeft_s_mobile__1iaw8zx63",
-							tablet: "sprinkles_marginLeft_s_tablet__1iaw8zx64",
-							desktop: "sprinkles_marginLeft_s_desktop__1iaw8zx65"
-						},
-						defaultClass: "sprinkles_marginLeft_s_mobile__1iaw8zx63"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_marginLeft_m_mobile__1iaw8zx66",
-							tablet: "sprinkles_marginLeft_m_tablet__1iaw8zx67",
-							desktop: "sprinkles_marginLeft_m_desktop__1iaw8zx68"
-						},
-						defaultClass: "sprinkles_marginLeft_m_mobile__1iaw8zx66"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_marginLeft_l_mobile__1iaw8zx69",
-							tablet: "sprinkles_marginLeft_l_tablet__1iaw8zx6a",
-							desktop: "sprinkles_marginLeft_l_desktop__1iaw8zx6b"
-						},
-						defaultClass: "sprinkles_marginLeft_l_mobile__1iaw8zx69"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_marginLeft_xl_mobile__1iaw8zx6c",
-							tablet: "sprinkles_marginLeft_xl_tablet__1iaw8zx6d",
-							desktop: "sprinkles_marginLeft_xl_desktop__1iaw8zx6e"
-						},
-						defaultClass: "sprinkles_marginLeft_xl_mobile__1iaw8zx6c"
-					}
-				},
-				responsiveArray: void 0
-			},
-			marginRight: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_marginRight_none_mobile__1iaw8zx6f",
-							tablet: "sprinkles_marginRight_none_tablet__1iaw8zx6g",
-							desktop: "sprinkles_marginRight_none_desktop__1iaw8zx6h"
-						},
-						defaultClass: "sprinkles_marginRight_none_mobile__1iaw8zx6f"
-					},
-					xxs: {
-						conditions: {
-							mobile: "sprinkles_marginRight_xxs_mobile__1iaw8zx6i",
-							tablet: "sprinkles_marginRight_xxs_tablet__1iaw8zx6j",
-							desktop: "sprinkles_marginRight_xxs_desktop__1iaw8zx6k"
-						},
-						defaultClass: "sprinkles_marginRight_xxs_mobile__1iaw8zx6i"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_marginRight_xs_mobile__1iaw8zx6l",
-							tablet: "sprinkles_marginRight_xs_tablet__1iaw8zx6m",
-							desktop: "sprinkles_marginRight_xs_desktop__1iaw8zx6n"
-						},
-						defaultClass: "sprinkles_marginRight_xs_mobile__1iaw8zx6l"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_marginRight_s_mobile__1iaw8zx6o",
-							tablet: "sprinkles_marginRight_s_tablet__1iaw8zx6p",
-							desktop: "sprinkles_marginRight_s_desktop__1iaw8zx6q"
-						},
-						defaultClass: "sprinkles_marginRight_s_mobile__1iaw8zx6o"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_marginRight_m_mobile__1iaw8zx6r",
-							tablet: "sprinkles_marginRight_m_tablet__1iaw8zx6s",
-							desktop: "sprinkles_marginRight_m_desktop__1iaw8zx6t"
-						},
-						defaultClass: "sprinkles_marginRight_m_mobile__1iaw8zx6r"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_marginRight_l_mobile__1iaw8zx6u",
-							tablet: "sprinkles_marginRight_l_tablet__1iaw8zx6v",
-							desktop: "sprinkles_marginRight_l_desktop__1iaw8zx6w"
-						},
-						defaultClass: "sprinkles_marginRight_l_mobile__1iaw8zx6u"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_marginRight_xl_mobile__1iaw8zx6x",
-							tablet: "sprinkles_marginRight_xl_tablet__1iaw8zx6y",
-							desktop: "sprinkles_marginRight_xl_desktop__1iaw8zx6z"
-						},
-						defaultClass: "sprinkles_marginRight_xl_mobile__1iaw8zx6x"
-					}
-				},
-				responsiveArray: void 0
-			},
-			borderRadius: {
-				values: {
-					none: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_none_mobile__1iaw8zx70",
-							tablet: "sprinkles_borderRadius_none_tablet__1iaw8zx71",
-							desktop: "sprinkles_borderRadius_none_desktop__1iaw8zx72"
-						},
-						defaultClass: "sprinkles_borderRadius_none_mobile__1iaw8zx70"
-					},
-					xs: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_xs_mobile__1iaw8zx73",
-							tablet: "sprinkles_borderRadius_xs_tablet__1iaw8zx74",
-							desktop: "sprinkles_borderRadius_xs_desktop__1iaw8zx75"
-						},
-						defaultClass: "sprinkles_borderRadius_xs_mobile__1iaw8zx73"
-					},
-					s: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_s_mobile__1iaw8zx76",
-							tablet: "sprinkles_borderRadius_s_tablet__1iaw8zx77",
-							desktop: "sprinkles_borderRadius_s_desktop__1iaw8zx78"
-						},
-						defaultClass: "sprinkles_borderRadius_s_mobile__1iaw8zx76"
-					},
-					m: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_m_mobile__1iaw8zx79",
-							tablet: "sprinkles_borderRadius_m_tablet__1iaw8zx7a",
-							desktop: "sprinkles_borderRadius_m_desktop__1iaw8zx7b"
-						},
-						defaultClass: "sprinkles_borderRadius_m_mobile__1iaw8zx79"
-					},
-					l: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_l_mobile__1iaw8zx7c",
-							tablet: "sprinkles_borderRadius_l_tablet__1iaw8zx7d",
-							desktop: "sprinkles_borderRadius_l_desktop__1iaw8zx7e"
-						},
-						defaultClass: "sprinkles_borderRadius_l_mobile__1iaw8zx7c"
-					},
-					xl: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_xl_mobile__1iaw8zx7f",
-							tablet: "sprinkles_borderRadius_xl_tablet__1iaw8zx7g",
-							desktop: "sprinkles_borderRadius_xl_desktop__1iaw8zx7h"
-						},
-						defaultClass: "sprinkles_borderRadius_xl_mobile__1iaw8zx7f"
-					},
-					xxl: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_xxl_mobile__1iaw8zx7i",
-							tablet: "sprinkles_borderRadius_xxl_tablet__1iaw8zx7j",
-							desktop: "sprinkles_borderRadius_xxl_desktop__1iaw8zx7k"
-						},
-						defaultClass: "sprinkles_borderRadius_xxl_mobile__1iaw8zx7i"
-					},
-					full: {
-						conditions: {
-							mobile: "sprinkles_borderRadius_full_mobile__1iaw8zx7l",
-							tablet: "sprinkles_borderRadius_full_tablet__1iaw8zx7m",
-							desktop: "sprinkles_borderRadius_full_desktop__1iaw8zx7n"
-						},
-						defaultClass: "sprinkles_borderRadius_full_mobile__1iaw8zx7l"
-					}
-				},
-				responsiveArray: void 0
-			}
-		}
-	};
-	x.styles.display.responsiveArray = x.conditions.responsiveArray;
-	x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
-	x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
-	x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
-	x.styles.flexWrap.responsiveArray = x.conditions.responsiveArray;
-	x.styles.gap.responsiveArray = x.conditions.responsiveArray;
-	x.styles.paddingTop.responsiveArray = x.conditions.responsiveArray;
-	x.styles.paddingBottom.responsiveArray = x.conditions.responsiveArray;
-	x.styles.paddingLeft.responsiveArray = x.conditions.responsiveArray;
-	x.styles.paddingRight.responsiveArray = x.conditions.responsiveArray;
-	x.styles.marginTop.responsiveArray = x.conditions.responsiveArray;
-	x.styles.marginBottom.responsiveArray = x.conditions.responsiveArray;
-	x.styles.marginLeft.responsiveArray = x.conditions.responsiveArray;
-	x.styles.marginRight.responsiveArray = x.conditions.responsiveArray;
-	x.styles.borderRadius.responsiveArray = x.conditions.responsiveArray;
-	return x;
-}(), {
-	conditions: void 0,
-	styles: {
-		position: { values: {
-			relative: { defaultClass: "sprinkles_position_relative__1iaw8zx7o" },
-			absolute: { defaultClass: "sprinkles_position_absolute__1iaw8zx7p" },
-			fixed: { defaultClass: "sprinkles_position_fixed__1iaw8zx7q" },
-			sticky: { defaultClass: "sprinkles_position_sticky__1iaw8zx7r" }
-		} },
-		overflow: { values: {
-			hidden: { defaultClass: "sprinkles_overflow_hidden__1iaw8zx7s" },
-			scroll: { defaultClass: "sprinkles_overflow_scroll__1iaw8zx7t" },
-			visible: { defaultClass: "sprinkles_overflow_visible__1iaw8zx7u" },
-			auto: { defaultClass: "sprinkles_overflow_auto__1iaw8zx7v" }
-		} },
-		cursor: { values: {
-			"default": { defaultClass: "sprinkles_cursor_default__1iaw8zx7w" },
-			pointer: { defaultClass: "sprinkles_cursor_pointer__1iaw8zx7x" }
-		} },
-		flexShrink: { values: { "0": { defaultClass: "sprinkles_flexShrink_0__1iaw8zx7y" } } },
-		flexGrow: { values: {
-			"0": { defaultClass: "sprinkles_flexGrow_0__1iaw8zx7z" },
-			"1": { defaultClass: "sprinkles_flexGrow_1__1iaw8zx80" }
-		} },
-		textAlign: { values: {
-			left: { defaultClass: "sprinkles_textAlign_left__1iaw8zx81" },
-			center: { defaultClass: "sprinkles_textAlign_center__1iaw8zx82" },
-			right: { defaultClass: "sprinkles_textAlign_right__1iaw8zx83" }
-		} },
-		fontSize: { values: {
-			xs: { defaultClass: "sprinkles_fontSize_xs__1iaw8zx84" },
-			s: { defaultClass: "sprinkles_fontSize_s__1iaw8zx85" },
-			m: { defaultClass: "sprinkles_fontSize_m__1iaw8zx86" },
-			l: { defaultClass: "sprinkles_fontSize_l__1iaw8zx87" },
-			xl: { defaultClass: "sprinkles_fontSize_xl__1iaw8zx88" },
-			"2xl": { defaultClass: "sprinkles_fontSize_2xl__1iaw8zx89" },
-			"3xl": { defaultClass: "sprinkles_fontSize_3xl__1iaw8zx8a" },
-			"4xl": { defaultClass: "sprinkles_fontSize_4xl__1iaw8zx8b" },
-			"5xl": { defaultClass: "sprinkles_fontSize_5xl__1iaw8zx8c" },
-			"6xl": { defaultClass: "sprinkles_fontSize_6xl__1iaw8zx8d" }
-		} },
-		fontWeight: { values: {
-			regular: { defaultClass: "sprinkles_fontWeight_regular__1iaw8zx8e" },
-			medium: { defaultClass: "sprinkles_fontWeight_medium__1iaw8zx8f" },
-			semiBold: { defaultClass: "sprinkles_fontWeight_semiBold__1iaw8zx8g" },
-			bold: { defaultClass: "sprinkles_fontWeight_bold__1iaw8zx8h" }
-		} }
-	}
-}, {
-	conditions: {
-		defaultCondition: "lightMode",
-		conditionNames: ["lightMode", "darkMode"],
-		responsiveArray: void 0
-	},
-	styles: {
-		color: { values: {
-			primary: {
-				conditions: {
-					lightMode: "sprinkles_color_primary_lightMode__1iaw8zx8i",
-					darkMode: "sprinkles_color_primary_darkMode__1iaw8zx8j"
-				},
-				defaultClass: "sprinkles_color_primary_lightMode__1iaw8zx8i"
-			},
-			secondary: {
-				conditions: {
-					lightMode: "sprinkles_color_secondary_lightMode__1iaw8zx8k",
-					darkMode: "sprinkles_color_secondary_darkMode__1iaw8zx8l"
-				},
-				defaultClass: "sprinkles_color_secondary_lightMode__1iaw8zx8k"
-			},
-			tertiary: {
-				conditions: {
-					lightMode: "sprinkles_color_tertiary_lightMode__1iaw8zx8m",
-					darkMode: "sprinkles_color_tertiary_darkMode__1iaw8zx8n"
-				},
-				defaultClass: "sprinkles_color_tertiary_lightMode__1iaw8zx8m"
-			},
-			disabled: {
-				conditions: {
-					lightMode: "sprinkles_color_disabled_lightMode__1iaw8zx8o",
-					darkMode: "sprinkles_color_disabled_darkMode__1iaw8zx8p"
-				},
-				defaultClass: "sprinkles_color_disabled_lightMode__1iaw8zx8o"
-			},
-			action: {
-				conditions: {
-					lightMode: "sprinkles_color_action_lightMode__1iaw8zx8q",
-					darkMode: "sprinkles_color_action_darkMode__1iaw8zx8r"
-				},
-				defaultClass: "sprinkles_color_action_lightMode__1iaw8zx8q"
-			},
-			onAction: {
-				conditions: {
-					lightMode: "sprinkles_color_onAction_lightMode__1iaw8zx8s",
-					darkMode: "sprinkles_color_onAction_darkMode__1iaw8zx8t"
-				},
-				defaultClass: "sprinkles_color_onAction_lightMode__1iaw8zx8s"
-			},
-			error: {
-				conditions: {
-					lightMode: "sprinkles_color_error_lightMode__1iaw8zx8u",
-					darkMode: "sprinkles_color_error_darkMode__1iaw8zx8v"
-				},
-				defaultClass: "sprinkles_color_error_lightMode__1iaw8zx8u"
-			},
-			success: {
-				conditions: {
-					lightMode: "sprinkles_color_success_lightMode__1iaw8zx8w",
-					darkMode: "sprinkles_color_success_darkMode__1iaw8zx8x"
-				},
-				defaultClass: "sprinkles_color_success_lightMode__1iaw8zx8w"
-			},
-			warning: {
-				conditions: {
-					lightMode: "sprinkles_color_warning_lightMode__1iaw8zx8y",
-					darkMode: "sprinkles_color_warning_darkMode__1iaw8zx8z"
-				},
-				defaultClass: "sprinkles_color_warning_lightMode__1iaw8zx8y"
-			}
-		} },
-		backgroundColor: { values: {
-			primary: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_primary_lightMode__1iaw8zx90",
-					darkMode: "sprinkles_backgroundColor_primary_darkMode__1iaw8zx91"
-				},
-				defaultClass: "sprinkles_backgroundColor_primary_lightMode__1iaw8zx90"
-			},
-			secondary: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92",
-					darkMode: "sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93"
-				},
-				defaultClass: "sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92"
-			},
-			background: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_background_lightMode__1iaw8zx94",
-					darkMode: "sprinkles_backgroundColor_background_darkMode__1iaw8zx95"
-				},
-				defaultClass: "sprinkles_backgroundColor_background_lightMode__1iaw8zx94"
-			},
-			elevated: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96",
-					darkMode: "sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97"
-				},
-				defaultClass: "sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96"
-			},
-			muted: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_muted_lightMode__1iaw8zx98",
-					darkMode: "sprinkles_backgroundColor_muted_darkMode__1iaw8zx99"
-				},
-				defaultClass: "sprinkles_backgroundColor_muted_lightMode__1iaw8zx98"
-			},
-			tertiary: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a",
-					darkMode: "sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b"
-				},
-				defaultClass: "sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a"
-			},
-			disabled: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c",
-					darkMode: "sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d"
-				},
-				defaultClass: "sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c"
-			},
-			error: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_error_lightMode__1iaw8zx9e",
-					darkMode: "sprinkles_backgroundColor_error_darkMode__1iaw8zx9f"
-				},
-				defaultClass: "sprinkles_backgroundColor_error_lightMode__1iaw8zx9e"
-			},
-			success: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_success_lightMode__1iaw8zx9g",
-					darkMode: "sprinkles_backgroundColor_success_darkMode__1iaw8zx9h"
-				},
-				defaultClass: "sprinkles_backgroundColor_success_lightMode__1iaw8zx9g"
-			},
-			warning: {
-				conditions: {
-					lightMode: "sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i",
-					darkMode: "sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j"
-				},
-				defaultClass: "sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i"
-			}
-		} }
-	}
-});
-cssSource$3 + cssSource$4;
-//#endregion
-//#region ../../packages/design-system/src/components/Box/index.tsx
-function Box({ as: Tag = "div", className, ref, children, style, ...rest }) {
-	const atomProps = {};
-	const nativeProps = {};
-	for (const key in rest) if (sprinkles.properties.has(key)) atomProps[key] = rest[key];
-	else nativeProps[key] = rest[key];
-	const elementReset = element[Tag];
-	return createElement(Tag, {
-		className: clsx(elementReset ? `${base} ${elementReset}` : base, sprinkles(atomProps), className),
-		style,
-		ref,
-		...nativeProps
-	}, children);
-}
-//#endregion
-//#region ../../packages/design-system/src/components/Column/index.tsx
-/** Maps fraction strings to CSS flex shorthand (grow=0, shrink=0, basis=%) */
-const widthToFlex = {
-	"1/2": "0 0 50%",
-	"1/3": "0 0 33.333%",
-	"2/3": "0 0 66.667%",
-	"1/4": "0 0 25%",
-	"3/4": "0 0 75%",
-	"1/5": "0 0 20%",
-	"2/5": "0 0 40%",
-	"3/5": "0 0 60%"
-};
-/**
-* Column — child of <Columns />, controls its own width.
-*
-* - `width="content"` → natural width (flexShrink: 0)
-* - `width="1/2"` etc → explicit flex shorthand via style prop
-* - no width → fills remaining space (flexGrow: 1)
-*
-* Fractional widths use inline `style` because `flex: "0 0 50%"` is
-* incompatible with class-based sprinkles. The parent Columns provides
-* gap-based spacing — no negative margin hacks needed.
-*/
-function Column({ width, children }) {
-	if (width === "content") return /* @__PURE__ */ jsx(Box, {
-		flexShrink: 0,
-		children
-	});
-	if (width !== void 0) return /* @__PURE__ */ jsx(Box, {
-		style: { flex: widthToFlex[width] },
-		children
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		flexGrow: 1,
-		children
-	});
-}
-//#endregion
-//#region ../../packages/design-system/src/components/Columns/index.tsx
-const alignYToFlexAlign = {
-	top: "flex-start",
-	center: "center",
-	bottom: "flex-end"
-};
-/**
-* Columns — horizontal layout with gap-based spacing.
-*
-* Wraps <Column /> children in a flex row with responsive gap.
-* Uses CSS `gap` (no negative margin hacks). Vertical alignment
-* via `alignY` maps to flexbox `align-items`.
-*/
-function Columns({ space, alignY, as = "div", children }) {
-	return /* @__PURE__ */ jsx(Box, {
-		as,
-		display: "flex",
-		flexDirection: "row",
-		gap: space,
-		alignItems: alignY ? alignYToFlexAlign[alignY] : void 0,
-		children
-	});
-}
-//#endregion
-//#region ../../packages/design-system/src/components/Stack/index.tsx
-const alignToFlexAlign = {
-	left: "flex-start",
-	center: "center",
-	right: "flex-end"
-};
-const alignToTextAlign = {
-	left: "left",
-	center: "center",
-	right: "right"
-};
-const justifyToFlexJustify = {
-	start: "flex-start",
-	center: "center",
-	end: "flex-end",
-	"space-between": "space-between"
-};
-function Stack({ space, padding, paddingX, paddingY, align, justify, as = "div", className, children }) {
-	return /* @__PURE__ */ jsx(Box, {
-		as,
-		display: "flex",
-		flexDirection: "column",
-		gap: space,
-		padding,
-		paddingX,
-		paddingY,
-		alignItems: align ? alignToFlexAlign[align] : void 0,
-		justifyContent: justify ? justifyToFlexJustify[justify] : void 0,
-		textAlign: align ? alignToTextAlign[align] : void 0,
-		className,
-		children
-	});
-}
-//#endregion
 //#region \0ve-inline:src/components/PostPurchase/PostPurchase.css.ts.vanilla.js
 const cssSource$1 = `.PostPurchase_card__5fv5lh0 {
+  padding: 16px;
   border-radius: 12px;
   background-color: var(--surface-background__pbq4akc);
   border: 1px solid var(--border-default__pbq4akv);
 }
-.PostPurchase_badge__5fv5lh1 {
+.PostPurchase_cardLayout__5fv5lh1 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 32px;
+}
+.PostPurchase_cardLeft__5fv5lh2 {
+  flex-grow: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.PostPurchase_cardRight__5fv5lh3 {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8px;
+  text-align: right;
+}
+.PostPurchase_badge__5fv5lh4 {
   align-self: flex-start;
   background-color: #FFF534;
   border-radius: 4px;
@@ -1356,14 +47,14 @@ const cssSource$1 = `.PostPurchase_card__5fv5lh0 {
   line-height: 12px;
   color: var(--text-primary__pbq4ak0);
 }
-.PostPurchase_message__5fv5lh2 {
+.PostPurchase_message__5fv5lh5 {
   margin: 0;
   font-size: 16px;
   line-height: 22px;
   color: var(--text-primary__pbq4ak0);
   font-weight: 600;
 }
-.PostPurchase_cta__5fv5lh3 {
+.PostPurchase_cta__5fv5lh6 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1375,31 +66,51 @@ const cssSource$1 = `.PostPurchase_card__5fv5lh0 {
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
-  cursor: pointer;
 }
-.PostPurchase_cta__5fv5lh3:disabled {
+.PostPurchase_cta__5fv5lh6:disabled {
   opacity: 0.7;
   cursor: default;
 }
-.PostPurchase_icon__5fv5lh4 {
+.PostPurchase_icon__5fv5lh7 {
   margin: -2px 0;
 }
-.PostPurchase_giftIcon__5fv5lh5 {
+.PostPurchase_giftIcon__5fv5lh8 {
   display: block;
   flex-shrink: 0;
 }
-.PostPurchase_frakLogo__5fv5lh6 {
+.PostPurchase_imageWrapper__5fv5lh9 {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+  overflow: hidden;
+}
+.PostPurchase_customImage__5fv5lha {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+  display: block;
+}
+.PostPurchase_frakLogo__5fv5lhb {
   display: block;
   margin-left: auto;
-  color: var(--surface-primary__pbq4aka);
 }`;
 var card = "PostPurchase_card__5fv5lh0";
-var cta = "PostPurchase_cta__5fv5lh3 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1";
-var frakLogo = "PostPurchase_frakLogo__5fv5lh6";
-var giftIcon = "PostPurchase_giftIcon__5fv5lh5";
-var icon = "PostPurchase_icon__5fv5lh4";
-var message = "PostPurchase_message__5fv5lh2";
-const cssSource = cssSource$5 + cssSource$3 + cssSource$4 + cssSource$1;
+var cardLayout = "PostPurchase_cardLayout__5fv5lh1";
+var cardLeft = "PostPurchase_cardLeft__5fv5lh2";
+var cardRight = "PostPurchase_cardRight__5fv5lh3";
+var cta = "PostPurchase_cta__5fv5lh6 sharedBaseCss_buttonReset__7cswil0";
+var customImage = "PostPurchase_customImage__5fv5lha";
+var frakLogo = "PostPurchase_frakLogo__5fv5lhb";
+var giftIcon = "PostPurchase_giftIcon__5fv5lh8";
+var icon = "PostPurchase_icon__5fv5lh7";
+var imageWrapper = "PostPurchase_imageWrapper__5fv5lh9";
+var message = "PostPurchase_message__5fv5lh5";
+const cssSource = cssSource$1;
 //#endregion
 //#region src/components/PostPurchase/products.ts
 /**
@@ -1505,11 +216,11 @@ function resolvePostPurchaseContext(referralStatus, merchantInfo) {
 * ></frak-post-purchase>
 * ```
 */
-function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText, preview, previewVariant, products }) {
+function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText, preview, previewVariant, products, imageUrl }) {
 	const isPreview = !!preview;
 	const { shouldRender, isHidden, isClientReady } = useClientReady();
 	const placement = usePlacement(placementId);
-	useLightDomStyles("frak-post-purchase", placementId, placement?.components?.postPurchase?.css, cssSource);
+	useLightDomStyles("frak-post-purchase", placementId, placement?.components?.postPurchase?.css, cssSource, cssSource$2);
 	const [context, setContext] = useState(null);
 	const [hasFetched, setHasFetched] = useState(false);
 	useEffect(() => {
@@ -1618,28 +329,24 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		resolvedSharingUrl,
 		parsedProducts
 	]);
-	if (!isPreview && (!shouldRender || isHidden)) return null;
-	if (!isPreview && (!context || !resolvedVariant)) return null;
 	if (!resolvedVariant) return null;
-	return /* @__PURE__ */ jsx(Box, {
+	if (!isPreview && (!shouldRender || isHidden || !context)) return null;
+	return /* @__PURE__ */ jsx("div", {
 		className: [card, classname].filter(Boolean).join(" "),
-		padding: "m",
-		children: /* @__PURE__ */ jsxs(Columns, {
-			space: "xl",
-			alignY: "center",
-			children: [/* @__PURE__ */ jsx(Column, { children: /* @__PURE__ */ jsxs(Stack, {
-				space: "xs",
+		children: /* @__PURE__ */ jsxs("div", {
+			class: cardLayout,
+			children: [/* @__PURE__ */ jsxs("div", {
+				class: cardLeft,
 				children: [
 					resolvedBadgeText && /* @__PURE__ */ jsx("span", {
-						class: "PostPurchase_badge__5fv5lh1",
+						class: "PostPurchase_badge__5fv5lh4",
 						children: resolvedBadgeText
 					}),
 					/* @__PURE__ */ jsx("p", {
 						class: message,
 						children: texts.message
 					}),
-					/* @__PURE__ */ jsxs(Box, {
-						as: "button",
+					/* @__PURE__ */ jsxs("button", {
 						type: "button",
 						className: `${cta} button`,
 						disabled: !isPreview && !isClientReady,
@@ -1658,21 +365,24 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 						})]
 					})
 				]
-			}) }), /* @__PURE__ */ jsx(Column, {
-				width: "content",
-				children: /* @__PURE__ */ jsxs(Stack, {
-					space: "xs",
-					align: "right",
-					children: [/* @__PURE__ */ jsx(GiftIcon, {
-						className: giftIcon,
-						width: 80,
-						height: 80
-					}), /* @__PURE__ */ jsx(LogoFrak, {
-						className: frakLogo,
-						width: 14,
-						height: 14
-					})]
-				})
+			}), /* @__PURE__ */ jsxs("div", {
+				class: cardRight,
+				children: [imageUrl ? /* @__PURE__ */ jsx("span", {
+					class: imageWrapper,
+					children: /* @__PURE__ */ jsx("img", {
+						src: imageUrl,
+						alt: "",
+						class: customImage
+					})
+				}) : /* @__PURE__ */ jsx(GiftIcon, {
+					className: giftIcon,
+					width: 80,
+					height: 80
+				}), /* @__PURE__ */ jsx(LogoFrakWithName, {
+					className: frakLogo,
+					width: 42,
+					height: 24
+				})]
 			})]
 		})
 	});
@@ -1694,7 +404,8 @@ registerWebComponent(PostPurchase, "frak-post-purchase", [
 	"ctaText",
 	"products",
 	"preview",
-	"previewVariant"
+	"previewVariant",
+	"imageUrl"
 ], { shadow: false });
 //#endregion
 export { PostPurchase };