@wix/design-system-illustrations 2.43.0 → 2.44.1
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.
- package/dist/cjs/MaxWidth.js +1 -2
- package/dist/cjs/animated/ElementPositionDefault.js +90 -0
- package/dist/cjs/animated/ElementPositionPinned.js +91 -0
- package/dist/cjs/animated/ElementPositionSticky.js +91 -0
- package/dist/cjs/animated/ResponsiveBehaviorHeaderDisappear.js +90 -0
- package/dist/cjs/animated/{ThumbnailFullWidthTransparent.js → StickySectionPresetsFullWidth.js} +10 -9
- package/dist/cjs/animated/StickySectionPresetsGridRows.js +89 -0
- package/dist/cjs/animated/{ThumbnailGridTransparent.js → StickySectionPresetsSideBySide.js} +10 -9
- package/dist/cjs/animated/StickySectionPresetsSplit.js +89 -0
- package/dist/cjs/animated/{ThumbnailZigzagTransparent.js → StickySectionPresetsZigzag.js} +10 -9
- package/dist/cjs/animated/animated.global.css +696 -477
- package/dist/cjs/animated/index.js +27 -30
- package/dist/esm/MaxWidth.js +1 -2
- package/dist/esm/animated/ElementPositionDefault.js +46 -0
- package/dist/esm/animated/ElementPositionPinned.js +47 -0
- package/dist/esm/animated/ElementPositionSticky.js +47 -0
- package/dist/esm/animated/ResponsiveBehaviorHeaderDisappear.js +46 -0
- package/dist/esm/animated/{ThumbnailFullWidthTransparent.js → StickySectionPresetsFullWidth.js} +6 -5
- package/dist/esm/animated/StickySectionPresetsGridRows.js +45 -0
- package/dist/esm/animated/StickySectionPresetsSideBySide.js +45 -0
- package/dist/esm/animated/StickySectionPresetsSplit.js +45 -0
- package/dist/esm/animated/{ThumbnailZigzagTransparent.js → StickySectionPresetsZigzag.js} +6 -5
- package/dist/esm/animated/animated.global.css +696 -477
- package/dist/esm/animated/index.js +18 -20
- package/dist/types/animated/ElementPositionDefault.d.ts +7 -0
- package/dist/types/animated/ElementPositionPinned.d.ts +7 -0
- package/dist/types/animated/ElementPositionSticky.d.ts +7 -0
- package/dist/types/animated/ResponsiveBehaviorHeaderDisappear.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsFullWidth.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsGridRows.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsSideBySide.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsSplit.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsZigzag.d.ts +7 -0
- package/dist/types/animated/index.d.ts +18 -20
- package/package.json +3 -3
- package/src/MaxWidth.svg +1 -1
- package/src/animated/ElementPositionDefault.html +223 -0
- package/src/animated/ElementPositionPinned.html +223 -0
- package/src/animated/ElementPositionSticky.html +342 -0
- package/src/animated/ResponsiveBehaviorHeaderDisappear.html +336 -0
- package/src/animated/{ThumbnailFullWidthTransparent.html → StickySectionPresetsFullWidth.html} +81 -16
- package/src/animated/{ThumbnailSideBySideTransparent.html → StickySectionPresetsGridRows.html} +100 -17
- package/src/animated/{ThumbnailGridTransparent.html → StickySectionPresetsSideBySide.html} +82 -16
- package/src/animated/{ThumbnailSplitTransparent.html → StickySectionPresetsSplit.html} +99 -18
- package/src/animated/{ThumbnailZigzagTransparent.html → StickySectionPresetsZigzag.html} +92 -21
- package/dist/cjs/animated/ThumbnailFullWidth.js +0 -88
- package/dist/cjs/animated/ThumbnailGrid.js +0 -88
- package/dist/cjs/animated/ThumbnailSideBySide.js +0 -88
- package/dist/cjs/animated/ThumbnailSideBySideTransparent.js +0 -88
- package/dist/cjs/animated/ThumbnailSplit.js +0 -88
- package/dist/cjs/animated/ThumbnailSplitTransparent.js +0 -88
- package/dist/cjs/animated/ThumbnailZigzag.js +0 -88
- package/dist/esm/animated/ThumbnailFullWidth.js +0 -44
- package/dist/esm/animated/ThumbnailGrid.js +0 -44
- package/dist/esm/animated/ThumbnailGridTransparent.js +0 -44
- package/dist/esm/animated/ThumbnailSideBySide.js +0 -44
- package/dist/esm/animated/ThumbnailSideBySideTransparent.js +0 -44
- package/dist/esm/animated/ThumbnailSplit.js +0 -44
- package/dist/esm/animated/ThumbnailSplitTransparent.js +0 -44
- package/dist/esm/animated/ThumbnailZigzag.js +0 -44
- package/dist/types/animated/ThumbnailFullWidth.d.ts +0 -7
- package/dist/types/animated/ThumbnailFullWidthTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailGrid.d.ts +0 -7
- package/dist/types/animated/ThumbnailGridTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailSideBySide.d.ts +0 -7
- package/dist/types/animated/ThumbnailSideBySideTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailSplit.d.ts +0 -7
- package/dist/types/animated/ThumbnailSplitTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailZigzag.d.ts +0 -7
- package/dist/types/animated/ThumbnailZigzagTransparent.d.ts +0 -7
- package/src/animated/ThumbnailFullWidth.html +0 -133
- package/src/animated/ThumbnailGrid.html +0 -134
- package/src/animated/ThumbnailSideBySide.html +0 -160
- package/src/animated/ThumbnailSplit.html +0 -139
- package/src/animated/ThumbnailZigzag.html +0 -162
package/dist/cjs/MaxWidth.js
CHANGED
|
@@ -42,9 +42,8 @@ const MaxWidth = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("rect", { width: "147", height: "81", x: "44.594", y: "23", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "6" }),
|
|
46
45
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M42 67.5v-8a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0M196 67.5v-8a1 1 0 0 0-2 0v8a1 1 0 0 0 2 0" }),
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("rect", { width: "147", height: "81", x: "44.594", y: "23", fill: "var(--wds-illustration-color-2, #
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "147", height: "81", x: "44.594", y: "23", fill: "var(--wds-illustration-color-background-2, #7896ff40)", rx: "6" }),
|
|
48
47
|
/* @__PURE__ */ import_react.default.createElement("rect", { width: "147", height: "60.004", x: "44.594", y: "33.5", fill: "var(--wds-illustration-color-background, #f8f6f6)", opacity: ".5", rx: "6" }),
|
|
49
48
|
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#MaxWidth__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#MaxWidth__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "147", height: "60.004", x: "44.594", y: "33.5", fill: "#002294", rx: "4" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MaxWidth__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MaxWidth__d)", d: "M0 0h81.35v285.949H0z", transform: "matrix(0 -1 -1 0 330.543 93.508)" }))), /* @__PURE__ */ import_react.default.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M57.367 30.516v1.499m0 64.469v-1.5m0-59.97v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.999v2.998M178.82 30.516v1.499m0 64.469v-1.5m0-59.97v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.999v2.998", strokeLinecap: "round" })),
|
|
50
49
|
/* @__PURE__ */ import_react.default.createElement("rect", { width: "49.73", height: "1.5", x: "93.229", y: "53.586", fill: "var(--wds-illustration-color-1, #002291)", rx: ".75" }),
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var ElementPositionDefault_exports = {};
|
|
30
|
+
__export(ElementPositionDefault_exports, {
|
|
31
|
+
ElementPositionDefault: () => ElementPositionDefault
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(ElementPositionDefault_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const ElementPositionDefault = (0, import_react.forwardRef)(
|
|
36
|
+
({ className, ...props }, ref) => {
|
|
37
|
+
const svgRef = (0, import_react.useRef)(null);
|
|
38
|
+
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
39
|
+
(0, import_react.useImperativeHandle)(
|
|
40
|
+
ref,
|
|
41
|
+
() => ({
|
|
42
|
+
play: () => {
|
|
43
|
+
var _a;
|
|
44
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
|
|
45
|
+
},
|
|
46
|
+
pause: () => {
|
|
47
|
+
var _a;
|
|
48
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
|
|
49
|
+
},
|
|
50
|
+
reset: () => {
|
|
51
|
+
var _a;
|
|
52
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
53
|
+
a.currentTime = 0;
|
|
54
|
+
a.pause();
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
[]
|
|
59
|
+
);
|
|
60
|
+
(0, import_react.useEffect)(() => {
|
|
61
|
+
var _a;
|
|
62
|
+
(_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
63
|
+
a.currentTime = 0;
|
|
64
|
+
a.pause();
|
|
65
|
+
});
|
|
66
|
+
}, []);
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
"svg",
|
|
69
|
+
{
|
|
70
|
+
ref: svgRef,
|
|
71
|
+
viewBox: "0 0 236 127",
|
|
72
|
+
fill: "none",
|
|
73
|
+
width: 236,
|
|
74
|
+
height: 127,
|
|
75
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
+
className: ["ElementPositionDefault-root", className].filter(Boolean).join(" "),
|
|
77
|
+
...props
|
|
78
|
+
},
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4747_31154-4`, x1: "198.675", y1: "-77.3474", x2: "51.7215", y2: "309.676", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.04", stopColor: "#FCFBF8" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.91", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4747_31154-4`, x1: "54.5422", y1: "179.544", x2: "76.5043", y2: "199.053", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_4747_31154-4`, x1: "38.7391", y1: "158.009", x2: "81.2707", y2: "204.612", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint3_linear_4747_31154-4`, x1: "54.7931", y1: "162.363", x2: "38.1544", y2: "183.595", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_4747_31154-4`, x1: "76.168", y1: "28.0035", x2: "-100.144", y2: "92.0086", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_4747_31154-4`, x1: "110.992", y1: "-9.01811", x2: "-30.1361", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_4747_31154-4`, x1: "174.992", y1: "-9.01811", x2: "33.8639", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint7_linear_4747_31154-4`, x1: "238.992", y1: "-9.01811", x2: "97.8639", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint8_linear_4747_31154-4`, x1: "156.276", y1: "21.2354", x2: "115.992", y2: "95.6105", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "13.7813", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.935156", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "9.17343", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.53814", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-1-3`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "145", height: "211", rx: "6.89063" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-5-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "33", y: "163", width: "44", height: "39", rx: "3.40292" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-6-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "25.7822", y: "163", width: "57.7423", height: "38.7956", rx: "3.40292" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-8-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "38.1011", y: "168.102", width: "11.7771", height: "11.8626", rx: "5.88855" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-13-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "-5", width: "150", height: "80", rx: "6" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-16-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-21", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-18-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "42.6929", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-20-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "106.386", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { id: `${uid}-am-node-1-2-artwork` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "45.5", y: "23", width: "145", height: "81", rx: "6", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-11-clip-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-2 71L148 71V6.89063C148 3.08504 144.915 0 141.109 0L4.89062 0C1.08503 0 -2 3.08504 -2 6.89063L-2 71Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-22-clip-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-4)" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("use", { href: `#${uid}-am-node-1-2-artwork` }),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementPositionDefault-import-mvny2ub3-b" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-1-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.219727", y: "0.101562", width: "147", height: "211.591", rx: "6.89063", fill: "var(--color-5)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-18.5842", y: "-12.8047", width: "203.967", height: "283.943", fill: `url(#${uid}-paint0_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-8 211L152 211V159.891C152 156.085 148.915 153 145.109 153L-1.10938 153C-4.91497 153 -8 156.085 -8 159.891L-8 211Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-5-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-6-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "25.7822", y: "163", width: "57.7423", height: "38.7956", rx: "3.40292", fill: "var(--color-6)" }))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M63.4548 171.484L46.8694 195.22L76.4497 191.316L63.4548 171.484Z", fill: `url(#${uid}-paint1_linear_4747_31154-4)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M93.2608 179.959C93.2608 179.959 70.5203 171.714 69.4112 171.296C68.3022 170.878 61.4207 168.945 63.4552 174.518C65.4768 180.056 66.5845 182.185 67.025 183.131C67.4656 184.076 69.2592 187.929 64.7465 189.351C59.6311 190.962 32.0435 198.611 32.0435 198.611V203.004H93.2608V179.959Z", fill: `url(#${uid}-paint2_linear_4747_31154-4)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-8-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "38.1011", y: "168.102", width: "11.7771", height: "11.8626", rx: "5.88855", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M46.0588 160.799C45.5396 160.902 45.027 161.046 44.5278 161.229C42.4775 161.988 40.6602 163.433 39.462 165.467C36.7228 170.112 38.2472 176.062 42.8669 178.756C47.4866 181.449 53.451 179.864 56.1903 175.22C58.9295 170.572 57.4051 164.622 52.7887 161.931C50.6785 160.699 48.2921 160.363 46.0588 160.799Z", fill: `url(#${uid}-paint3_linear_4747_31154-4)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87", y: "177", width: "24", height: "2", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "87", y: "186", width: "13", height: "2", rx: "1", fill: "var(--color-1)" })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-11-clip-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-2 71L148 71V6.89063C148 3.08504 144.915 0 141.109 0L4.89062 0C1.08503 0 -2 3.08504 -2 6.89063L-2 71Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-13-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "-5", width: "150", height: "80", rx: "6", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 311.983 75.0391 L 311.983004 -13.7168 L 0.000004 -13.716814 L 0 75.039086 Z", fill: `url(#${uid}-paint4_linear_4747_31154-4)` }))))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "30.4717", y: "23.2734", width: "84.0566", height: "2", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "49.5732", y: "32.2734", width: "45.8491", height: "2", rx: "1", fill: "var(--color-1)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-16-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-21", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "-71.522", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint5_linear_4747_31154-4)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-18-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "42.6929", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "-7.52197", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint6_linear_4747_31154-4)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-20-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "106.386", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "56.478", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint7_linear_4747_31154-4)` }))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-22-clip-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M165.323 57.9531L165.323 15.1673L64.523 15.1673L64.523 57.9531L165.323 57.9531Z", fill: `url(#${uid}-paint8_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.5991 44.8984C70.8176 44.8985 71.8869 45.5312 72.4992 46.4855C73.1115 45.5309 74.1818 44.8984 75.4006 44.8984H77.0323C77.3326 44.8985 77.5762 45.142 77.5762 45.4423V47.074C77.5762 48.2929 76.9431 49.3625 75.9884 49.9747C76.9431 50.587 77.5761 51.6567 77.5762 52.8755V54.5071C77.5762 54.8075 77.3326 55.051 77.0323 55.051H75.4006C74.1815 55.051 73.1114 54.4182 72.4992 53.4633C71.8869 54.4178 70.8179 55.0509 69.5991 55.051H67.9675C67.6671 55.051 67.4236 54.8075 67.4236 54.5071V52.8755C67.4237 51.6568 68.0561 50.587 69.0106 49.9747C68.0561 49.3624 67.4236 48.2927 67.4236 47.074V45.4423C67.4236 45.1419 67.6671 44.8984 67.9675 44.8984H69.5991Z", fill: "var(--color-2)" }))))))))),
|
|
82
|
+
/* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(194px, 33px)" } }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementPositionDefault-node-2" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-1)", strokeWidth: "4", strokeLinecap: "round" })))
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
ElementPositionDefault.displayName = "ElementPositionDefault";
|
|
87
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
88
|
+
0 && (module.exports = {
|
|
89
|
+
ElementPositionDefault
|
|
90
|
+
});
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var ElementPositionPinned_exports = {};
|
|
30
|
+
__export(ElementPositionPinned_exports, {
|
|
31
|
+
ElementPositionPinned: () => ElementPositionPinned
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(ElementPositionPinned_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const ElementPositionPinned = (0, import_react.forwardRef)(
|
|
36
|
+
({ className, ...props }, ref) => {
|
|
37
|
+
const svgRef = (0, import_react.useRef)(null);
|
|
38
|
+
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
39
|
+
(0, import_react.useImperativeHandle)(
|
|
40
|
+
ref,
|
|
41
|
+
() => ({
|
|
42
|
+
play: () => {
|
|
43
|
+
var _a;
|
|
44
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
|
|
45
|
+
},
|
|
46
|
+
pause: () => {
|
|
47
|
+
var _a;
|
|
48
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
|
|
49
|
+
},
|
|
50
|
+
reset: () => {
|
|
51
|
+
var _a;
|
|
52
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
53
|
+
a.currentTime = 0;
|
|
54
|
+
a.pause();
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
[]
|
|
59
|
+
);
|
|
60
|
+
(0, import_react.useEffect)(() => {
|
|
61
|
+
var _a;
|
|
62
|
+
(_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
63
|
+
a.currentTime = 0;
|
|
64
|
+
a.pause();
|
|
65
|
+
});
|
|
66
|
+
}, []);
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
"svg",
|
|
69
|
+
{
|
|
70
|
+
ref: svgRef,
|
|
71
|
+
viewBox: "0 0 236 127",
|
|
72
|
+
fill: "none",
|
|
73
|
+
width: 236,
|
|
74
|
+
height: 127,
|
|
75
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
+
className: ["ElementPositionPinned-root", className].filter(Boolean).join(" "),
|
|
77
|
+
...props
|
|
78
|
+
},
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4747_31154-4`, x1: "198.675", y1: "-77.3474", x2: "51.7215", y2: "309.676", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.04", stopColor: "#FCFBF8" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.91", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4747_31154-4`, x1: "54.5422", y1: "179.544", x2: "76.5043", y2: "199.053", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_4747_31154-4`, x1: "38.7391", y1: "158.009", x2: "81.2707", y2: "204.612", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint3_linear_4747_31154-4`, x1: "54.7931", y1: "162.363", x2: "38.1544", y2: "183.595", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_4747_31154-4`, x1: "76.168", y1: "28.0035", x2: "-100.144", y2: "92.0086", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_4747_31154-4`, x1: "110.992", y1: "-9.01811", x2: "-30.1361", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_4747_31154-4`, x1: "174.992", y1: "-9.01811", x2: "33.8639", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint7_linear_4747_31154-4`, x1: "238.992", y1: "-9.01811", x2: "97.8639", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint8_linear_4747_31154-4`, x1: "156.276", y1: "21.2354", x2: "115.992", y2: "95.6105", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "13.7813", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.935156", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "9.17343", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.53814", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-1-3`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "145", height: "211", rx: "6.89063" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-5-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "33", y: "163", width: "44", height: "39", rx: "3.40292" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-6-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "25.7822", y: "163", width: "57.7423", height: "38.7956", rx: "3.40292" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-8-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "38.1011", y: "168.102", width: "11.7771", height: "11.8626", rx: "5.88855" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-13-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "-5", width: "150", height: "80", rx: "6" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-16-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-21", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-18-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "42.6929", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-20-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "106.386", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { id: `${uid}-am-node-1-2-artwork` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "45.5", y: "23", width: "145", height: "81", rx: "6", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-11-clip-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-2 71L148 71V6.89063C148 3.08504 144.915 0 141.109 0L4.89062 0C1.08503 0 -2 3.08504 -2 6.89063L-2 71Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-22-clip-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-4)" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("use", { href: `#${uid}-am-node-1-2-artwork` }),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementPositionPinned-import-mvny2ub3-b" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-1-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.219727", y: "0.101562", width: "147", height: "211.591", rx: "6.89063", fill: "var(--color-5)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-18.5842", y: "-12.8047", width: "203.967", height: "283.943", fill: `url(#${uid}-paint0_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-8 211L152 211V159.891C152 156.085 148.915 153 145.109 153L-1.10938 153C-4.91497 153 -8 156.085 -8 159.891L-8 211Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-5-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-6-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "25.7822", y: "163", width: "57.7423", height: "38.7956", rx: "3.40292", fill: "var(--color-6)" }))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M63.4548 171.484L46.8694 195.22L76.4497 191.316L63.4548 171.484Z", fill: `url(#${uid}-paint1_linear_4747_31154-4)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M93.2608 179.959C93.2608 179.959 70.5203 171.714 69.4112 171.296C68.3022 170.878 61.4207 168.945 63.4552 174.518C65.4768 180.056 66.5845 182.185 67.025 183.131C67.4656 184.076 69.2592 187.929 64.7465 189.351C59.6311 190.962 32.0435 198.611 32.0435 198.611V203.004H93.2608V179.959Z", fill: `url(#${uid}-paint2_linear_4747_31154-4)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-8-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "38.1011", y: "168.102", width: "11.7771", height: "11.8626", rx: "5.88855", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M46.0588 160.799C45.5396 160.902 45.027 161.046 44.5278 161.229C42.4775 161.988 40.6602 163.433 39.462 165.467C36.7228 170.112 38.2472 176.062 42.8669 178.756C47.4866 181.449 53.451 179.864 56.1903 175.22C58.9295 170.572 57.4051 164.622 52.7887 161.931C50.6785 160.699 48.2921 160.363 46.0588 160.799Z", fill: `url(#${uid}-paint3_linear_4747_31154-4)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87", y: "177", width: "24", height: "2", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "87", y: "186", width: "13", height: "2", rx: "1", fill: "var(--color-1)" })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-11-clip-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-2 71L148 71V6.89063C148 3.08504 144.915 0 141.109 0L4.89062 0C1.08503 0 -2 3.08504 -2 6.89063L-2 71Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-13-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "-5", width: "150", height: "80", rx: "6", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 311.983 75.0391 L 311.983004 -13.7168 L 0.000004 -13.716814 L 0 75.039086 Z", fill: `url(#${uid}-paint4_linear_4747_31154-4)` }))))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "30.4717", y: "23.2734", width: "84.0566", height: "2", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "49.5732", y: "32.2734", width: "45.8491", height: "2", rx: "1", fill: "var(--color-1)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-16-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-21", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "-71.522", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint5_linear_4747_31154-4)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-18-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "42.6929", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "-7.52197", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint6_linear_4747_31154-4)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-20-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "106.386", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "56.478", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint7_linear_4747_31154-4)` })))))))))),
|
|
82
|
+
/* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(104px, 40px)" }, fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-22-clip-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M165.323 57.9531L165.323 15.1673L64.523 15.1673L64.523 57.9531L165.323 57.9531Z", fill: `url(#${uid}-paint8_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.5991 44.8984C70.8176 44.8985 71.8869 45.5312 72.4992 46.4855C73.1115 45.5309 74.1818 44.8984 75.4006 44.8984H77.0323C77.3326 44.8985 77.5762 45.142 77.5762 45.4423V47.074C77.5762 48.2929 76.9431 49.3625 75.9884 49.9747C76.9431 50.587 77.5761 51.6567 77.5762 52.8755V54.5071C77.5762 54.8075 77.3326 55.051 77.0323 55.051H75.4006C74.1815 55.051 73.1114 54.4182 72.4992 53.4633C71.8869 54.4178 70.8179 55.0509 69.5991 55.051H67.9675C67.6671 55.051 67.4236 54.8075 67.4236 54.5071V52.8755C67.4237 51.6568 68.0561 50.587 69.0106 49.9747C68.0561 49.3624 67.4236 48.2927 67.4236 47.074V45.4423C67.4236 45.1419 67.6671 44.8984 67.9675 44.8984H69.5991Z", fill: "var(--color-2)" })))),
|
|
83
|
+
/* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(194px, 33px)" } }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementPositionPinned-node-2" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-1)", strokeWidth: "4", strokeLinecap: "round" })))
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
ElementPositionPinned.displayName = "ElementPositionPinned";
|
|
88
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
89
|
+
0 && (module.exports = {
|
|
90
|
+
ElementPositionPinned
|
|
91
|
+
});
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var ElementPositionSticky_exports = {};
|
|
30
|
+
__export(ElementPositionSticky_exports, {
|
|
31
|
+
ElementPositionSticky: () => ElementPositionSticky
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(ElementPositionSticky_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const ElementPositionSticky = (0, import_react.forwardRef)(
|
|
36
|
+
({ className, ...props }, ref) => {
|
|
37
|
+
const svgRef = (0, import_react.useRef)(null);
|
|
38
|
+
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
39
|
+
(0, import_react.useImperativeHandle)(
|
|
40
|
+
ref,
|
|
41
|
+
() => ({
|
|
42
|
+
play: () => {
|
|
43
|
+
var _a;
|
|
44
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
|
|
45
|
+
},
|
|
46
|
+
pause: () => {
|
|
47
|
+
var _a;
|
|
48
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
|
|
49
|
+
},
|
|
50
|
+
reset: () => {
|
|
51
|
+
var _a;
|
|
52
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
53
|
+
a.currentTime = 0;
|
|
54
|
+
a.pause();
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
[]
|
|
59
|
+
);
|
|
60
|
+
(0, import_react.useEffect)(() => {
|
|
61
|
+
var _a;
|
|
62
|
+
(_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
63
|
+
a.currentTime = 0;
|
|
64
|
+
a.pause();
|
|
65
|
+
});
|
|
66
|
+
}, []);
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
"svg",
|
|
69
|
+
{
|
|
70
|
+
ref: svgRef,
|
|
71
|
+
viewBox: "0 0 236 127",
|
|
72
|
+
fill: "none",
|
|
73
|
+
width: 236,
|
|
74
|
+
height: 127,
|
|
75
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
+
className: ["ElementPositionSticky-root", className].filter(Boolean).join(" "),
|
|
77
|
+
...props
|
|
78
|
+
},
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4747_31154-4`, x1: "198.675", y1: "-77.3474", x2: "51.7215", y2: "309.676", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.04", stopColor: "#FCFBF8" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.91", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4747_31154-4`, x1: "54.5422", y1: "179.544", x2: "76.5043", y2: "199.053", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_4747_31154-4`, x1: "38.7391", y1: "158.009", x2: "81.2707", y2: "204.612", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint3_linear_4747_31154-4`, x1: "54.7931", y1: "162.363", x2: "38.1544", y2: "183.595", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_4747_31154-4`, x1: "76.168", y1: "28.0035", x2: "-100.144", y2: "92.0086", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_4747_31154-4`, x1: "110.992", y1: "-9.01811", x2: "-30.1361", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_4747_31154-4`, x1: "174.992", y1: "-9.01811", x2: "33.8639", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint7_linear_4747_31154-4`, x1: "238.992", y1: "-9.01811", x2: "97.8639", y2: "209.074", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint8_linear_4747_31154-4`, x1: "156.276", y1: "21.2354", x2: "115.992", y2: "95.6105", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "13.7813", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.935156", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "9.17343", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_4747_31154`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.53814", result: "effect1_foregroundBlur_4747_31154" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-1-3`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "145", height: "211", rx: "6.89063" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-5-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "33", y: "163", width: "44", height: "39", rx: "3.40292" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-6-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "25.7822", y: "163", width: "57.7423", height: "38.7956", rx: "3.40292" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-8-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "38.1011", y: "168.102", width: "11.7771", height: "11.8626", rx: "5.88855" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-13-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "-5", width: "150", height: "80", rx: "6" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-16-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-21", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-18-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "42.6929", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-cb-node-20-2`, clipPathUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "106.386", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { id: `${uid}-am-node-1-2-artwork` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "45.5", y: "23", width: "145", height: "81", rx: "6", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-11-clip-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-2 71L148 71V6.89063C148 3.08504 144.915 0 141.109 0L4.89062 0C1.08503 0 -2 3.08504 -2 6.89063L-2 71Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-22-clip-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-22-clip-2-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-22-clip-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-4)" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("use", { href: `#${uid}-am-node-1-2-artwork` }),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementPositionSticky-import-mvny2ub3-b" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-1-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.219727", y: "0.101562", width: "147", height: "211.591", rx: "6.89063", fill: "var(--color-5)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-18.5842", y: "-12.8047", width: "203.967", height: "283.943", fill: `url(#${uid}-paint0_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-8 211L152 211V159.891C152 156.085 148.915 153 145.109 153L-1.10938 153C-4.91497 153 -8 156.085 -8 159.891L-8 211Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-5-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-6-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "25.7822", y: "163", width: "57.7423", height: "38.7956", rx: "3.40292", fill: "var(--color-6)" }))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M63.4548 171.484L46.8694 195.22L76.4497 191.316L63.4548 171.484Z", fill: `url(#${uid}-paint1_linear_4747_31154-4)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M93.2608 179.959C93.2608 179.959 70.5203 171.714 69.4112 171.296C68.3022 170.878 61.4207 168.945 63.4552 174.518C65.4768 180.056 66.5845 182.185 67.025 183.131C67.4656 184.076 69.2592 187.929 64.7465 189.351C59.6311 190.962 32.0435 198.611 32.0435 198.611V203.004H93.2608V179.959Z", fill: `url(#${uid}-paint2_linear_4747_31154-4)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-8-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "38.1011", y: "168.102", width: "11.7771", height: "11.8626", rx: "5.88855", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M46.0588 160.799C45.5396 160.902 45.027 161.046 44.5278 161.229C42.4775 161.988 40.6602 163.433 39.462 165.467C36.7228 170.112 38.2472 176.062 42.8669 178.756C47.4866 181.449 53.451 179.864 56.1903 175.22C58.9295 170.572 57.4051 164.622 52.7887 161.931C50.6785 160.699 48.2921 160.363 46.0588 160.799Z", fill: `url(#${uid}-paint3_linear_4747_31154-4)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87", y: "177", width: "24", height: "2", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "87", y: "186", width: "13", height: "2", rx: "1", fill: "var(--color-1)" })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-11-clip-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M-2 71L148 71V6.89063C148 3.08504 144.915 0 141.109 0L4.89062 0C1.08503 0 -2 3.08504 -2 6.89063L-2 71Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-13-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "-5", width: "150", height: "80", rx: "6", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 311.983 75.0391 L 311.983004 -13.7168 L 0.000004 -13.716814 L 0 75.039086 Z", fill: `url(#${uid}-paint4_linear_4747_31154-4)` }))))))), /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformOrigin": "72.500002px 28.773399px", "transform": "translate(-1px, 15px)" }, fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "30.4717", y: "23.2734", width: "84.0566", height: "2", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "49.5732", y: "32.2734", width: "45.8491", height: "2", rx: "1", fill: "var(--color-1)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-16-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-21", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "-71.522", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint5_linear_4747_31154-4)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-18-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "42.6929", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "-7.52197", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint6_linear_4747_31154-4)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-cb-node-20-2)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "106.386", y: "87.0234", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "56.478", y: "-24.7812", width: "212.677", height: "175.615", fill: `url(#${uid}-paint7_linear_4747_31154-4)` })))))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementPositionSticky-Icon-Container-2-2" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-22-clip-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M165.323 57.9531L165.323 15.1673L64.523 15.1673L64.523 57.9531L165.323 57.9531Z", fill: `url(#${uid}-paint8_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.5991 44.8984C70.8176 44.8985 71.8869 45.5312 72.4992 46.4855C73.1115 45.5309 74.1818 44.8984 75.4006 44.8984H77.0323C77.3326 44.8985 77.5762 45.142 77.5762 45.4423V47.074C77.5762 48.2929 76.9431 49.3625 75.9884 49.9747C76.9431 50.587 77.5761 51.6567 77.5762 52.8755V54.5071C77.5762 54.8075 77.3326 55.051 77.0323 55.051H75.4006C74.1815 55.051 73.1114 54.4182 72.4992 53.4633C71.8869 54.4178 70.8179 55.0509 69.5991 55.051H67.9675C67.6671 55.051 67.4236 54.8075 67.4236 54.5071V52.8755C67.4237 51.6568 68.0561 50.587 69.0106 49.9747C68.0561 49.3624 67.4236 48.2927 67.4236 47.074V45.4423C67.4236 45.1419 67.6671 44.8984 67.9675 44.8984H69.5991Z", fill: "var(--color-2)" })))), /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformOrigin": "114.923px 36.560651px", "transform": "translate(1px, -28px)" }, fill: "none", className: "ElementPositionSticky-Icon-Container-2-3" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-22-clip-2-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M165.323 57.9531L165.323 15.1673L64.523 15.1673L64.523 57.9531L165.323 57.9531Z", fill: `url(#${uid}-paint8_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.5991 44.8984C70.8176 44.8985 71.8869 45.5312 72.4992 46.4855C73.1115 45.5309 74.1818 44.8984 75.4006 44.8984H77.0323C77.3326 44.8985 77.5762 45.142 77.5762 45.4423V47.074C77.5762 48.2929 76.9431 49.3625 75.9884 49.9747C76.9431 50.587 77.5761 51.6567 77.5762 52.8755V54.5071C77.5762 54.8075 77.3326 55.051 77.0323 55.051H75.4006C74.1815 55.051 73.1114 54.4182 72.4992 53.4633C71.8869 54.4178 70.8179 55.0509 69.5991 55.051H67.9675C67.6671 55.051 67.4236 54.8075 67.4236 54.5071V52.8755C67.4237 51.6568 68.0561 50.587 69.0106 49.9747C68.0561 49.3624 67.4236 48.2927 67.4236 47.074V45.4423C67.4236 45.1419 67.6671 44.8984 67.9675 44.8984H69.5991Z", fill: "var(--color-2)" })))))),
|
|
82
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementPositionSticky-Icon-Container-2" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-22-clip-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 78.30155 42 L 66.69865 42.000001 A 2.17555 2.17555 89.999997 0 0 64.5231 44.175551 L 64.523101 55.778451 A 2.17555 2.17555 89.999997 0 0 66.698651 57.954001 L 78.301551 57.954 A 2.17555 2.17555 89.999997 0 0 80.477101 55.77845 L 80.4771 44.17555 A 2.17555 2.17555 89.999997 0 0 78.30155 42 Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4747_31154)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M165.323 57.9531L165.323 15.1673L64.523 15.1673L64.523 57.9531L165.323 57.9531Z", fill: `url(#${uid}-paint8_linear_4747_31154-4)` })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.5991 44.8984C70.8176 44.8985 71.8869 45.5312 72.4992 46.4855C73.1115 45.5309 74.1818 44.8984 75.4006 44.8984H77.0323C77.3326 44.8985 77.5762 45.142 77.5762 45.4423V47.074C77.5762 48.2929 76.9431 49.3625 75.9884 49.9747C76.9431 50.587 77.5761 51.6567 77.5762 52.8755V54.5071C77.5762 54.8075 77.3326 55.051 77.0323 55.051H75.4006C74.1815 55.051 73.1114 54.4182 72.4992 53.4633C71.8869 54.4178 70.8179 55.0509 69.5991 55.051H67.9675C67.6671 55.051 67.4236 54.8075 67.4236 54.5071V52.8755C67.4237 51.6568 68.0561 50.587 69.0106 49.9747C68.0561 49.3624 67.4236 48.2927 67.4236 47.074V45.4423C67.4236 45.1419 67.6671 44.8984 67.9675 44.8984H69.5991Z", fill: "var(--color-2)" })))),
|
|
83
|
+
/* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(194px, 33px)" } }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementPositionSticky-node-2" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-1)", strokeWidth: "4", strokeLinecap: "round" })))
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
ElementPositionSticky.displayName = "ElementPositionSticky";
|
|
88
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
89
|
+
0 && (module.exports = {
|
|
90
|
+
ElementPositionSticky
|
|
91
|
+
});
|