@mx-cartographer/insights-ui 1.16.26-alpha.mega7 → 1.16.27-alpha.mega2

package/dist/index.es.js

@@ -2354,19 +2354,33 @@ const b1 = ({
     width: n ? "30%" : "50%"
   }, o = i ? { ...a, width: n ? "50%" : "70%" } : a;
   return /* @__PURE__ */ e(A, { ...r, isMini: n, children: /* @__PURE__ */ e(N, { divProps: { style: o }, image: l }) });
-}, ti = (i, n) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 300 150", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, ...i }, /* @__PURE__ */ t.createElement("g", { clipPath: "url(#clip0_894_181586)" }, /* @__PURE__ */ t.createElement("path", { d: "M263.546 101.006C256.166 68.1421 233.551 75.6061 227.423 34.1081C223.95 10.5858 193.86 0.812505 174.964 0.627529C141.662 0.308026 109.736 30.3465 76.5568 42.9865C36.6205 58.1937 3.04153 79.4439 43.6467 104.539C70.1761 120.935 163.779 139.129 212.809 141.534C246.25 143.148 268.489 123.018 263.546 101.006Z", className: "brand100", fill: "#DFE8FD" }), /* @__PURE__ */ t.createElement("path", { d: "M125.12 51.127H241.305", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M243.12 116.479H125.12V127.371H243.12V116.479Z", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M234.042 51.127H132.38V58.3885H234.042V51.127Z", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M208.627 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M224.966 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M175.951 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M192.289 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M143.274 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M183.212 13.0195L125.12 40.2366", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M241.304 40.2207L183.212 13.0037", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M125.12 40.2344V51.1267", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M241.304 40.2344V51.1267", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M159.612 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("circle", { cx: 183.212, cy: 32.9715, r: 7.50159, className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067 }), /* @__PURE__ */ t.createElement("g", { filter: "url(#filter0_d_894_181586)" }, /* @__PURE__ */ t.createElement("rect", { x: 40, y: 45.2305, width: 125, height: 96.3326, rx: 8.26446, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand200", fill: "#A0B9F8" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("path", { d: "M40 53.4949C40 48.9306 43.7001 45.2305 48.2645 45.2305H156.736C161.3 45.2305 165 48.9306 165 53.4949V65.8916H40V53.4949Z", className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("circle", { cx: 58.599, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 116.964, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 87.786, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 146.15, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("rect", { x: 56.7832, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 115.148, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 85.9702, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 144.335, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("path", { d: "M111.429 87.9199C116.151 92.8731 120.873 97.8263 123.354 100.396C125.834 102.967 125.931 103.004 126.056 103.068", className: "brand400", stroke: "#163278", strokeWidth: 2.30754, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M126.469 88.2559C126.452 88.2559 126.435 88.2559 124.288 89.8936C122.142 91.5313 117.867 94.8068 115.156 97.0827C112.445 99.3587 111.427 100.536 110.379 101.749", className: "brand400", stroke: "#163278", strokeWidth: 2.30754, strokeLinecap: "round" }))), /* @__PURE__ */ t.createElement("defs", null, /* @__PURE__ */ t.createElement("filter", { id: "filter0_d_894_181586", x: 30.7699, y: 29.0774, width: 143.46, height: 124.023, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ t.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ t.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ t.createElement("feOffset", { dy: 2.30754 }), /* @__PURE__ */ t.createElement("feGaussianBlur", { stdDeviation: 4.61507 }), /* @__PURE__ */ t.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ t.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" }), /* @__PURE__ */ t.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_894_181586" }), /* @__PURE__ */ t.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_894_181586", result: "shape" })), /* @__PURE__ */ t.createElement("clipPath", { id: "clip0_894_181586" }, /* @__PURE__ */ t.createElement("rect", { width: 300, height: 150, fill: "white" })))), ii = T(ti), L1 = ({
+}, ti = (i, n) => /* @__PURE__ */ t.createElement("svg", { width: 300, height: 150, viewBox: "0 0 300 150", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, ...i }, /* @__PURE__ */ t.createElement("g", { clipPath: "url(#clip0_894_181586)" }, /* @__PURE__ */ t.createElement("path", { d: "M263.546 101.006C256.166 68.1421 233.551 75.6061 227.423 34.1081C223.95 10.5858 193.86 0.812505 174.964 0.627529C141.662 0.308026 109.736 30.3465 76.5568 42.9865C36.6205 58.1937 3.04153 79.4439 43.6467 104.539C70.1761 120.935 163.779 139.129 212.809 141.534C246.25 143.148 268.489 123.018 263.546 101.006Z", className: "brand100", fill: "#DFE8FD" }), /* @__PURE__ */ t.createElement("path", { d: "M125.12 51.127H241.305", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M243.12 116.479H125.12V127.371H243.12V116.479Z", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M234.042 51.127H132.38V58.3885H234.042V51.127Z", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M208.627 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M224.966 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M175.951 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M192.289 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M143.274 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M183.212 13.0195L125.12 40.2366", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M241.304 40.2207L183.212 13.0037", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M125.12 40.2344V51.1267", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M241.304 40.2344V51.1267", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M159.612 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("circle", { cx: 183.212, cy: 32.9715, r: 7.50159, className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067 }), /* @__PURE__ */ t.createElement("g", { filter: "url(#filter0_d_894_181586)" }, /* @__PURE__ */ t.createElement("rect", { x: 40, y: 45.2305, width: 125, height: 96.3326, rx: 8.26446, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand200", fill: "#A0B9F8" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("path", { d: "M40 53.4949C40 48.9306 43.7001 45.2305 48.2645 45.2305H156.736C161.3 45.2305 165 48.9306 165 53.4949V65.8916H40V53.4949Z", className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("circle", { cx: 58.599, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 116.964, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 87.786, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 146.15, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("rect", { x: 56.7832, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 115.148, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 85.9702, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 144.335, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("path", { d: "M111.429 87.9199C116.151 92.8731 120.873 97.8263 123.354 100.396C125.834 102.967 125.931 103.004 126.056 103.068", className: "brand400", stroke: "#163278", strokeWidth: 2.30754, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M126.469 88.2559C126.452 88.2559 126.435 88.2559 124.288 89.8936C122.142 91.5313 117.867 94.8068 115.156 97.0827C112.445 99.3587 111.427 100.536 110.379 101.749", className: "brand400", stroke: "#163278", strokeWidth: 2.30754, strokeLinecap: "round" }))), /* @__PURE__ */ t.createElement("defs", null, /* @__PURE__ */ t.createElement("filter", { id: "filter0_d_894_181586", x: 30.7699, y: 29.0774, width: 143.46, height: 124.023, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ t.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ t.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ t.createElement("feOffset", { dy: 2.30754 }), /* @__PURE__ */ t.createElement("feGaussianBlur", { stdDeviation: 4.61507 }), /* @__PURE__ */ t.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ t.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" }), /* @__PURE__ */ t.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_894_181586" }), /* @__PURE__ */ t.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_894_181586", result: "shape" })), /* @__PURE__ */ t.createElement("clipPath", { id: "clip0_894_181586" }, /* @__PURE__ */ t.createElement("rect", { width: 300, height: 150, fill: "white" })))), ii = T(ti), L1 = ({
   beat: i,
   isCIBC: n,
   isMini: r,
   ...l
-}) => {
-  const a = n ? ii : ze, o = {
-    height: "auto",
-    marginBottom: 16,
-    width: r ? "60%" : "90%"
-  }, s = n ? o : { ...o, width: r ? "60%" : "90%" };
-  return /* @__PURE__ */ e(A, { ...l, beat: i, isMini: r, children: /* @__PURE__ */ e(N, { divProps: { style: s }, image: a }) });
-}, H1 = ({
+}) => /* @__PURE__ */ e(
+  A,
+  {
+    ...l,
+    beat: i,
+    contentProps: {
+      sx: {
+        // TODO: Update BeatCard layout to match the new spacing
+        // Remove this once the layout update is complete
+        // Note: For now, no changes have been made to the mini variant
+        // The mini layout should be updated once we touch the layout work
+        "& p": {
+          pb: 0,
+          pt: 12,
+          px: 0
+        }
+      }
+    },
+    isMini: r,
+    children: /* @__PURE__ */ e(N, { divProps: { style: { width: "auto" } }, image: n ? ze : ii })
+  }
+), H1 = ({
   altLoadingText: i,
   beat: n,
   buttonProps: r,