@wix/design-system-illustrations 2.41.0 → 2.42.0
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/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +10 -10
- package/dist/cjs/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +10 -10
- package/dist/cjs/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +10 -10
- package/dist/cjs/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +9 -9
- package/dist/cjs/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +9 -9
- package/dist/cjs/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +9 -9
- package/dist/cjs/animated/{Split01.js → ThumbnailSplitTransparent.js} +9 -9
- package/dist/cjs/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +9 -9
- package/dist/cjs/animated/animated.global.css +1448 -1448
- package/dist/cjs/animated/index.js +26 -26
- package/dist/esm/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +6 -6
- package/dist/esm/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +6 -6
- package/dist/esm/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +6 -6
- package/dist/esm/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +5 -5
- package/dist/esm/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +5 -5
- package/dist/esm/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +5 -5
- package/dist/esm/animated/{Split01.js → ThumbnailSplitTransparent.js} +5 -5
- package/dist/esm/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +5 -5
- package/dist/esm/animated/animated.global.css +1448 -1448
- package/dist/esm/animated/index.js +17 -17
- package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimits.d.ts +7 -0
- package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimitsMobile.d.ts +7 -0
- package/dist/types/animated/ResponsiveBehaviorElementsStackOnMobile.d.ts +7 -0
- package/dist/types/animated/ThumbnailFullWidthTransparent.d.ts +7 -0
- package/dist/types/animated/ThumbnailGridTransparent.d.ts +7 -0
- package/dist/types/animated/ThumbnailSideBySideTransparent.d.ts +7 -0
- package/dist/types/animated/ThumbnailSplitTransparent.d.ts +7 -0
- package/dist/types/animated/ThumbnailZigzagTransparent.d.ts +7 -0
- package/dist/types/animated/index.d.ts +16 -16
- package/package.json +3 -3
- package/dist/types/animated/FullWidth2.d.ts +0 -7
- package/dist/types/animated/HoverSquareInvertText.d.ts +0 -7
- package/dist/types/animated/LimitScaling2.d.ts +0 -7
- package/dist/types/animated/MaxMin.d.ts +0 -7
- package/dist/types/animated/MobileAlgoFast.d.ts +0 -7
- package/dist/types/animated/Split01.d.ts +0 -7
- package/dist/types/animated/ThumbnailContainer.d.ts +0 -7
- package/dist/types/animated/ThumbnailContainer2.d.ts +0 -7
- /package/src/animated/{MaxMin.html → ResponsiveBehaviorElementsScaleWithLimits.html} +0 -0
- /package/src/animated/{LimitScaling2.html → ResponsiveBehaviorElementsScaleWithLimitsMobile.html} +0 -0
- /package/src/animated/{MobileAlgoFast.html → ResponsiveBehaviorElementsStackOnMobile.html} +0 -0
- /package/src/animated/{FullWidth2.html → ThumbnailFullWidthTransparent.html} +0 -0
- /package/src/animated/{HoverSquareInvertText.html → ThumbnailGridTransparent.html} +0 -0
- /package/src/animated/{ThumbnailContainer2.html → ThumbnailSideBySideTransparent.html} +0 -0
- /package/src/animated/{Split01.html → ThumbnailSplitTransparent.html} +0 -0
- /package/src/animated/{ThumbnailContainer.html → ThumbnailZigzagTransparent.html} +0 -0
|
@@ -21,19 +21,17 @@ __export(animated_exports, {
|
|
|
21
21
|
ElementsFixedHeight: () => import_ElementsFixedHeight.ElementsFixedHeight,
|
|
22
22
|
ElementsFixedMargins: () => import_ElementsFixedMargins.ElementsFixedMargins,
|
|
23
23
|
ElementsScale: () => import_ElementsScale.ElementsScale,
|
|
24
|
-
FullWidth2: () => import_FullWidth2.FullWidth2,
|
|
25
24
|
HeaderScrollEffectDisappear: () => import_HeaderScrollEffectDisappear.HeaderScrollEffectDisappear,
|
|
26
25
|
HeaderScrollEffectFadeOut: () => import_HeaderScrollEffectFadeOut.HeaderScrollEffectFadeOut,
|
|
27
26
|
HeaderScrollEffectMoveWithPage: () => import_HeaderScrollEffectMoveWithPage.HeaderScrollEffectMoveWithPage,
|
|
28
27
|
HeaderScrollEffectStayFixed: () => import_HeaderScrollEffectStayFixed.HeaderScrollEffectStayFixed,
|
|
29
|
-
HoverSquareInvertText: () => import_HoverSquareInvertText.HoverSquareInvertText,
|
|
30
|
-
LimitScaling2: () => import_LimitScaling2.LimitScaling2,
|
|
31
|
-
MaxMin: () => import_MaxMin.MaxMin,
|
|
32
|
-
MobileAlgoFast: () => import_MobileAlgoFast.MobileAlgoFast,
|
|
33
28
|
ResponsiveBehaviorElementsAutoHeight: () => import_ResponsiveBehaviorElementsAutoHeight.ResponsiveBehaviorElementsAutoHeight,
|
|
34
29
|
ResponsiveBehaviorElementsFixed: () => import_ResponsiveBehaviorElementsFixed.ResponsiveBehaviorElementsFixed,
|
|
35
30
|
ResponsiveBehaviorElementsRelativeWidth: () => import_ResponsiveBehaviorElementsRelativeWidth.ResponsiveBehaviorElementsRelativeWidth,
|
|
36
31
|
ResponsiveBehaviorElementsScaleProportionally: () => import_ResponsiveBehaviorElementsScaleProportionally.ResponsiveBehaviorElementsScaleProportionally,
|
|
32
|
+
ResponsiveBehaviorElementsScaleWithLimits: () => import_ResponsiveBehaviorElementsScaleWithLimits.ResponsiveBehaviorElementsScaleWithLimits,
|
|
33
|
+
ResponsiveBehaviorElementsScaleWithLimitsMobile: () => import_ResponsiveBehaviorElementsScaleWithLimitsMobile.ResponsiveBehaviorElementsScaleWithLimitsMobile,
|
|
34
|
+
ResponsiveBehaviorElementsStackOnMobile: () => import_ResponsiveBehaviorElementsStackOnMobile.ResponsiveBehaviorElementsStackOnMobile,
|
|
37
35
|
ResponsiveBehaviorElementsStretch: () => import_ResponsiveBehaviorElementsStretch.ResponsiveBehaviorElementsStretch,
|
|
38
36
|
ResponsiveBehaviorHeaderFadeOut: () => import_ResponsiveBehaviorHeaderFadeOut.ResponsiveBehaviorHeaderFadeOut,
|
|
39
37
|
ResponsiveBehaviorHeaderFreeze: () => import_ResponsiveBehaviorHeaderFreeze.ResponsiveBehaviorHeaderFreeze,
|
|
@@ -49,32 +47,32 @@ __export(animated_exports, {
|
|
|
49
47
|
ResponsiveBehaviorWarp: () => import_ResponsiveBehaviorWarp.ResponsiveBehaviorWarp,
|
|
50
48
|
SectionFixedHeight: () => import_SectionFixedHeight.SectionFixedHeight,
|
|
51
49
|
SectionScale: () => import_SectionScale.SectionScale,
|
|
52
|
-
Split01: () => import_Split01.Split01,
|
|
53
|
-
ThumbnailContainer: () => import_ThumbnailContainer.ThumbnailContainer,
|
|
54
|
-
ThumbnailContainer2: () => import_ThumbnailContainer2.ThumbnailContainer2,
|
|
55
50
|
ThumbnailFullWidth: () => import_ThumbnailFullWidth.ThumbnailFullWidth,
|
|
51
|
+
ThumbnailFullWidthTransparent: () => import_ThumbnailFullWidthTransparent.ThumbnailFullWidthTransparent,
|
|
56
52
|
ThumbnailGrid: () => import_ThumbnailGrid.ThumbnailGrid,
|
|
53
|
+
ThumbnailGridTransparent: () => import_ThumbnailGridTransparent.ThumbnailGridTransparent,
|
|
57
54
|
ThumbnailSideBySide: () => import_ThumbnailSideBySide.ThumbnailSideBySide,
|
|
55
|
+
ThumbnailSideBySideTransparent: () => import_ThumbnailSideBySideTransparent.ThumbnailSideBySideTransparent,
|
|
58
56
|
ThumbnailSplit: () => import_ThumbnailSplit.ThumbnailSplit,
|
|
59
|
-
|
|
57
|
+
ThumbnailSplitTransparent: () => import_ThumbnailSplitTransparent.ThumbnailSplitTransparent,
|
|
58
|
+
ThumbnailZigzag: () => import_ThumbnailZigzag.ThumbnailZigzag,
|
|
59
|
+
ThumbnailZigzagTransparent: () => import_ThumbnailZigzagTransparent.ThumbnailZigzagTransparent
|
|
60
60
|
});
|
|
61
61
|
module.exports = __toCommonJS(animated_exports);
|
|
62
62
|
var import_ElementsFixedHeight = require("./ElementsFixedHeight");
|
|
63
63
|
var import_ElementsFixedMargins = require("./ElementsFixedMargins");
|
|
64
64
|
var import_ElementsScale = require("./ElementsScale");
|
|
65
|
-
var import_FullWidth2 = require("./FullWidth2");
|
|
66
65
|
var import_HeaderScrollEffectDisappear = require("./HeaderScrollEffectDisappear");
|
|
67
66
|
var import_HeaderScrollEffectFadeOut = require("./HeaderScrollEffectFadeOut");
|
|
68
67
|
var import_HeaderScrollEffectMoveWithPage = require("./HeaderScrollEffectMoveWithPage");
|
|
69
68
|
var import_HeaderScrollEffectStayFixed = require("./HeaderScrollEffectStayFixed");
|
|
70
|
-
var import_HoverSquareInvertText = require("./HoverSquareInvertText");
|
|
71
|
-
var import_LimitScaling2 = require("./LimitScaling2");
|
|
72
|
-
var import_MaxMin = require("./MaxMin");
|
|
73
|
-
var import_MobileAlgoFast = require("./MobileAlgoFast");
|
|
74
69
|
var import_ResponsiveBehaviorElementsAutoHeight = require("./ResponsiveBehaviorElementsAutoHeight");
|
|
75
70
|
var import_ResponsiveBehaviorElementsFixed = require("./ResponsiveBehaviorElementsFixed");
|
|
76
71
|
var import_ResponsiveBehaviorElementsRelativeWidth = require("./ResponsiveBehaviorElementsRelativeWidth");
|
|
77
72
|
var import_ResponsiveBehaviorElementsScaleProportionally = require("./ResponsiveBehaviorElementsScaleProportionally");
|
|
73
|
+
var import_ResponsiveBehaviorElementsScaleWithLimits = require("./ResponsiveBehaviorElementsScaleWithLimits");
|
|
74
|
+
var import_ResponsiveBehaviorElementsScaleWithLimitsMobile = require("./ResponsiveBehaviorElementsScaleWithLimitsMobile");
|
|
75
|
+
var import_ResponsiveBehaviorElementsStackOnMobile = require("./ResponsiveBehaviorElementsStackOnMobile");
|
|
78
76
|
var import_ResponsiveBehaviorElementsStretch = require("./ResponsiveBehaviorElementsStretch");
|
|
79
77
|
var import_ResponsiveBehaviorHeaderFadeOut = require("./ResponsiveBehaviorHeaderFadeOut");
|
|
80
78
|
var import_ResponsiveBehaviorHeaderFreeze = require("./ResponsiveBehaviorHeaderFreeze");
|
|
@@ -90,32 +88,32 @@ var import_ResponsiveBehaviorTextScaleProportionally = require("./ResponsiveBeha
|
|
|
90
88
|
var import_ResponsiveBehaviorWarp = require("./ResponsiveBehaviorWarp");
|
|
91
89
|
var import_SectionFixedHeight = require("./SectionFixedHeight");
|
|
92
90
|
var import_SectionScale = require("./SectionScale");
|
|
93
|
-
var import_Split01 = require("./Split01");
|
|
94
|
-
var import_ThumbnailContainer = require("./ThumbnailContainer");
|
|
95
|
-
var import_ThumbnailContainer2 = require("./ThumbnailContainer2");
|
|
96
91
|
var import_ThumbnailFullWidth = require("./ThumbnailFullWidth");
|
|
92
|
+
var import_ThumbnailFullWidthTransparent = require("./ThumbnailFullWidthTransparent");
|
|
97
93
|
var import_ThumbnailGrid = require("./ThumbnailGrid");
|
|
94
|
+
var import_ThumbnailGridTransparent = require("./ThumbnailGridTransparent");
|
|
98
95
|
var import_ThumbnailSideBySide = require("./ThumbnailSideBySide");
|
|
96
|
+
var import_ThumbnailSideBySideTransparent = require("./ThumbnailSideBySideTransparent");
|
|
99
97
|
var import_ThumbnailSplit = require("./ThumbnailSplit");
|
|
98
|
+
var import_ThumbnailSplitTransparent = require("./ThumbnailSplitTransparent");
|
|
100
99
|
var import_ThumbnailZigzag = require("./ThumbnailZigzag");
|
|
100
|
+
var import_ThumbnailZigzagTransparent = require("./ThumbnailZigzagTransparent");
|
|
101
101
|
// Annotate the CommonJS export names for ESM import in node:
|
|
102
102
|
0 && (module.exports = {
|
|
103
103
|
ElementsFixedHeight,
|
|
104
104
|
ElementsFixedMargins,
|
|
105
105
|
ElementsScale,
|
|
106
|
-
FullWidth2,
|
|
107
106
|
HeaderScrollEffectDisappear,
|
|
108
107
|
HeaderScrollEffectFadeOut,
|
|
109
108
|
HeaderScrollEffectMoveWithPage,
|
|
110
109
|
HeaderScrollEffectStayFixed,
|
|
111
|
-
HoverSquareInvertText,
|
|
112
|
-
LimitScaling2,
|
|
113
|
-
MaxMin,
|
|
114
|
-
MobileAlgoFast,
|
|
115
110
|
ResponsiveBehaviorElementsAutoHeight,
|
|
116
111
|
ResponsiveBehaviorElementsFixed,
|
|
117
112
|
ResponsiveBehaviorElementsRelativeWidth,
|
|
118
113
|
ResponsiveBehaviorElementsScaleProportionally,
|
|
114
|
+
ResponsiveBehaviorElementsScaleWithLimits,
|
|
115
|
+
ResponsiveBehaviorElementsScaleWithLimitsMobile,
|
|
116
|
+
ResponsiveBehaviorElementsStackOnMobile,
|
|
119
117
|
ResponsiveBehaviorElementsStretch,
|
|
120
118
|
ResponsiveBehaviorHeaderFadeOut,
|
|
121
119
|
ResponsiveBehaviorHeaderFreeze,
|
|
@@ -131,12 +129,14 @@ var import_ThumbnailZigzag = require("./ThumbnailZigzag");
|
|
|
131
129
|
ResponsiveBehaviorWarp,
|
|
132
130
|
SectionFixedHeight,
|
|
133
131
|
SectionScale,
|
|
134
|
-
Split01,
|
|
135
|
-
ThumbnailContainer,
|
|
136
|
-
ThumbnailContainer2,
|
|
137
132
|
ThumbnailFullWidth,
|
|
133
|
+
ThumbnailFullWidthTransparent,
|
|
138
134
|
ThumbnailGrid,
|
|
135
|
+
ThumbnailGridTransparent,
|
|
139
136
|
ThumbnailSideBySide,
|
|
137
|
+
ThumbnailSideBySideTransparent,
|
|
140
138
|
ThumbnailSplit,
|
|
141
|
-
|
|
139
|
+
ThumbnailSplitTransparent,
|
|
140
|
+
ThumbnailZigzag,
|
|
141
|
+
ThumbnailZigzagTransparent
|
|
142
142
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
-
const
|
|
2
|
+
const ResponsiveBehaviorElementsScaleWithLimits = forwardRef(
|
|
3
3
|
({ className, ...props }, ref) => {
|
|
4
4
|
const svgRef = useRef(null);
|
|
5
5
|
const uid = useId().replace(/:/g, "");
|
|
@@ -30,15 +30,15 @@ const MaxMin = forwardRef(
|
|
|
30
30
|
width: 236,
|
|
31
31
|
height: 127,
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
className: ["
|
|
33
|
+
className: ["ResponsiveBehaviorElementsScaleWithLimits-root", className].filter(Boolean).join(" "),
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5030-5`, x1: "167.357", y1: "8.03", x2: "-42", y2: "124.333", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5105`, x1: "59.5049", y1: "12.586", x2: "-51.9923", y2: "82.9419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5206`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5020`, x1: "181.526", y1: "21.1003", x2: "135.676", y2: "101.965", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5105`, x1: "227.54", y1: "-13.9712", x2: "148.479", y2: "125.47", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5206`, x1: "227.541", y1: "-14.6005", x2: "148.48", y2: "124.84", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5020`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5020" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5020` }, /* @__PURE__ */ React.createElement("rect", { x: "109.585", y: "64.1624", width: "16.8295", height: "12", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5105`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.4252", result: "effect1_foregroundBlur_1118_5105" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5105` }, /* @__PURE__ */ React.createElement("rect", { x: "55.998", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5105` }, /* @__PURE__ */ React.createElement("rect", { x: "103.489", y: "60.2832", width: "29.0202", height: "20.6924", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5206`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5206" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5206`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.4252", result: "effect1_foregroundBlur_1118_5206" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5206` }, /* @__PURE__ */ React.createElement("rect", { x: "56", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5206` }, /* @__PURE__ */ React.createElement("rect", { x: "103.49", y: "59.6538", width: "29.0202", height: "20.6924", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbmexah-d`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("rect", { x: "45", y: "23", width: "146", height: "81", rx: "6", ry: "6", fill: "var(--color-5)", stroke: "var(--color-6)", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbm1tdl-9`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { className: "
|
|
36
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5030-5`, x1: "167.357", y1: "8.03", x2: "-42", y2: "124.333", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5105`, x1: "59.5049", y1: "12.586", x2: "-51.9923", y2: "82.9419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5206`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5020`, x1: "181.526", y1: "21.1003", x2: "135.676", y2: "101.965", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5105`, x1: "227.54", y1: "-13.9712", x2: "148.479", y2: "125.47", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5206`, x1: "227.541", y1: "-14.6005", x2: "148.48", y2: "124.84", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5020`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5020" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5020` }, /* @__PURE__ */ React.createElement("rect", { x: "109.585", y: "64.1624", width: "16.8295", height: "12", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5105`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.4252", result: "effect1_foregroundBlur_1118_5105" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5105` }, /* @__PURE__ */ React.createElement("rect", { x: "55.998", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5105` }, /* @__PURE__ */ React.createElement("rect", { x: "103.489", y: "60.2832", width: "29.0202", height: "20.6924", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5206`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5206" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5206`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.4252", result: "effect1_foregroundBlur_1118_5206" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5206` }, /* @__PURE__ */ React.createElement("rect", { x: "56", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5206` }, /* @__PURE__ */ React.createElement("rect", { x: "103.49", y: "59.6538", width: "29.0202", height: "20.6924", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbmexah-d`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("rect", { x: "45", y: "23", width: "146", height: "81", rx: "6", ry: "6", fill: "var(--color-5)", stroke: "var(--color-6)", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbm1tdl-9`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "56", y: "33.5", width: "124", height: "60", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-shape", strokeWidth: "0" })))),
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimits-node-2" }, /* @__PURE__ */ React.createElement("path", { d: "M65.001 67.5001V59.5001C65.001 58.9478 64.5533 58.5001 64.001 58.5001C63.4487 58.5001 63.001 58.9478 63.001 59.5001V67.5001C63.001 68.0523 63.4487 68.5001 64.001 68.5001C64.5533 68.5001 65.001 68.0523 65.001 67.5001Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimits-node-3" }, /* @__PURE__ */ React.createElement("path", { d: "M173.001 67.5001V59.5001C173.001 58.9478 172.553 58.5001 172.001 58.5001C171.449 58.5001 171.001 58.9478 171.001 59.5001V67.5001C171.001 68.0523 171.449 68.5001 172.001 68.5001C172.553 68.5001 173.001 68.0523 173.001 67.5001Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12" }, /* @__PURE__ */ React.createElement("rect", { x: "68", y: "15", width: "100", height: "97", rx: "6", ry: "6", fill: "var(--color-4)", stroke: "var(--color-6)", opacity: "0.25", className: "ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-shape", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbmexah-d)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbm1tdl-9)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimits-node-1-4" }, /* @__PURE__ */ React.createElement("path", { d: "M 230 123 L 230.000005 0 L 0.000005 -0.00001 L 0 122.99999 Z", fill: `url(#${uid}-paint0_linear_1118_5030-5)` }))))), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimits-node-8" }, /* @__PURE__ */ React.createElement("rect", { x: "88.4998", y: "50.8381", width: "59", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "ResponsiveBehaviorElementsScaleWithLimits-node-8-shape" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimits-node-9" }, /* @__PURE__ */ React.createElement("rect", { x: "101.99965", y: "56.5002", width: "32", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "ResponsiveBehaviorElementsScaleWithLimits-node-9-shape" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsScaleWithLimits-node-10", clipPath: `url(#${uid}-clip1_1118_5020)` }, /* @__PURE__ */ React.createElement("rect", { x: "109.585", y: "64.1624", width: "16.8295", height: "12", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5020)` }, /* @__PURE__ */ React.createElement("path", { d: "M109.586 15.6563H193.415V76.3075H109.586V15.6563Z", fill: `url(#${uid}-paint1_linear_1118_5020)` }))))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
|
|
41
|
+
ResponsiveBehaviorElementsScaleWithLimits.displayName = "ResponsiveBehaviorElementsScaleWithLimits";
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
ResponsiveBehaviorElementsScaleWithLimits
|
|
44
44
|
};
|
package/dist/esm/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
-
const
|
|
2
|
+
const ResponsiveBehaviorElementsScaleWithLimitsMobile = forwardRef(
|
|
3
3
|
({ className, ...props }, ref) => {
|
|
4
4
|
const svgRef = useRef(null);
|
|
5
5
|
const uid = useId().replace(/:/g, "");
|
|
@@ -30,15 +30,15 @@ const LimitScaling2 = forwardRef(
|
|
|
30
30
|
width: 236,
|
|
31
31
|
height: 127,
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
className: ["
|
|
33
|
+
className: ["ResponsiveBehaviorElementsScaleWithLimitsMobile-root", className].filter(Boolean).join(" "),
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5030-7`, x1: "105.555", y1: "20.6447", x2: "-83.1196", y2: "149.398", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5291-2`, x1: "79.8102", y1: "4.75349", x2: "45.0866", y2: "82.5648", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5291-3`, x1: "79.8102", y1: "4.75349", x2: "45.0866", y2: "82.5648", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5378-2`, x1: "80.7755", y1: "12.6561", x2: "-41.8583", y2: "117.119", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5463-3`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5471-2`, x1: "139.815", y1: "-35.328", x2: "53.124", y2: "37.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5473-2`, x1: "99.2046", y1: "-59.3814", x2: "35.9782", y2: "52.1304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5291-3`, x1: "183.183", y1: "21.2458", x2: "137.334", y2: "102.111", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5378-2`, x1: "206.863", y1: "2.25016", x2: "143.636", y2: "113.762", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5463-3`, x1: "200.823", y1: "1.71794", x2: "137.596", y2: "113.23", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5463`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5463" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5463`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.13828", result: "effect1_foregroundBlur_1118_5463" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5463` }, /* @__PURE__ */ React.createElement("rect", { x: "71.1182", y: "33.4978", width: "100", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5463` }, /* @__PURE__ */ React.createElement("rect", { x: "101.618", y: "61.0994", width: "39", height: "17", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_i_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.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__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5291" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5291" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5291" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5291` }, /* @__PURE__ */ React.createElement("rect", { x: "95.7417", y: "33.8999", width: "46", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5291` }, /* @__PURE__ */ React.createElement("rect", { x: "111.243", y: "64.3078", width: "15", height: "12", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5378`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5378" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5378`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.13828", result: "effect1_foregroundBlur_1118_5378" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5378` }, /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5378` }, /* @__PURE__ */ React.createElement("rect", { x: "107.658", y: "61.6316", width: "20.6848", height: "17", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbq6at1-n`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2-rect-msbq6at1-n" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "68.5", y: "33.5", width: "99", height: "60", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "LimitScaling2-rect-msbq6at1-n-shape", strokeWidth: "0" }))), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbqafp2-p`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2-rect-msbqafp2-p" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "99", y: "57.5", width: "38", height: "12", rx: "2", ry: "2", fill: "var(--color-5)", stroke: "var(--color-6)", className: "LimitScaling2-rect-msbqafp2-p-shape", strokeWidth: "0" })))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "
|
|
36
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5030-7`, x1: "105.555", y1: "20.6447", x2: "-83.1196", y2: "149.398", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5291-2`, x1: "79.8102", y1: "4.75349", x2: "45.0866", y2: "82.5648", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5291-3`, x1: "79.8102", y1: "4.75349", x2: "45.0866", y2: "82.5648", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5378-2`, x1: "80.7755", y1: "12.6561", x2: "-41.8583", y2: "117.119", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5463-3`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5471-2`, x1: "139.815", y1: "-35.328", x2: "53.124", y2: "37.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5473-2`, x1: "99.2046", y1: "-59.3814", x2: "35.9782", y2: "52.1304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5291-3`, x1: "183.183", y1: "21.2458", x2: "137.334", y2: "102.111", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5378-2`, x1: "206.863", y1: "2.25016", x2: "143.636", y2: "113.762", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5463-3`, x1: "200.823", y1: "1.71794", x2: "137.596", y2: "113.23", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5463`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5463" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5463`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.13828", result: "effect1_foregroundBlur_1118_5463" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5463` }, /* @__PURE__ */ React.createElement("rect", { x: "71.1182", y: "33.4978", width: "100", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5463` }, /* @__PURE__ */ React.createElement("rect", { x: "101.618", y: "61.0994", width: "39", height: "17", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_i_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.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__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5291" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5291" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5291" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5291` }, /* @__PURE__ */ React.createElement("rect", { x: "95.7417", y: "33.8999", width: "46", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5291` }, /* @__PURE__ */ React.createElement("rect", { x: "111.243", y: "64.3078", width: "15", height: "12", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5378`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5378" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5378`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.13828", result: "effect1_foregroundBlur_1118_5378" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5378` }, /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5378` }, /* @__PURE__ */ React.createElement("rect", { x: "107.658", y: "61.6316", width: "20.6848", height: "17", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbq6at1-n`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "68.5", y: "33.5", width: "99", height: "60", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-shape", strokeWidth: "0" }))), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbqafp2-p`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "99", y: "57.5", width: "38", height: "12", rx: "2", ry: "2", fill: "var(--color-5)", stroke: "var(--color-6)", className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-shape", strokeWidth: "0" })))),
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-node-3" }, /* @__PURE__ */ React.createElement("path", { d: "M92.7417 67.9018V59.9018C92.7417 59.3495 92.294 58.9018 91.7417 58.9018C91.1894 58.9018 90.7417 59.3495 90.7417 59.9018V67.9018C90.7417 68.4541 91.1894 68.9018 91.7417 68.9018C92.294 68.9018 92.7417 68.4541 92.7417 67.9018Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-node-4" }, /* @__PURE__ */ React.createElement("path", { d: "M146.742 67.9018V59.9018C146.742 59.3495 146.294 58.9018 145.742 58.9018C145.189 58.9018 144.742 59.3495 144.742 59.9018V67.9018C144.742 68.4541 145.189 68.9018 145.742 68.9018C146.294 68.9018 146.742 68.4541 146.742 67.9018Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w" }, /* @__PURE__ */ React.createElement("rect", { x: "68.5", y: "23", width: "99", height: "81", rx: "6", ry: "6", fill: "var(--color-7)", stroke: "var(--color-6)", opacity: "0.25", className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w-shape", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbq6at1-n)` }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(47.617995px, 57.305805px)" }, d: "M 140.882 59.502 L 140.882004 -33.498 L -0.117996 -33.498006 L -0.118 59.501994 Z", fill: `url(#${uid}-paint0_linear_1118_5471-2)`, opacity: "1" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbqafp2-p)` }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(98.263817px, 64.420073px)" }, d: "M0 -66.8887H115.6V16.7486H0V-66.8887Z", fill: `url(#${uid}-paint0_linear_1118_5473-2)` })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10" }, /* @__PURE__ */ React.createElement("rect", { x: "91.7422", y: "51.4973", width: "54", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10-shape" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11" }, /* @__PURE__ */ React.createElement("rect", { x: "104.24095", y: "57.1594", width: "29", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11-shape" }))))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
|
|
41
|
+
ResponsiveBehaviorElementsScaleWithLimitsMobile.displayName = "ResponsiveBehaviorElementsScaleWithLimitsMobile";
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
ResponsiveBehaviorElementsScaleWithLimitsMobile
|
|
44
44
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
-
const
|
|
2
|
+
const ResponsiveBehaviorElementsStackOnMobile = forwardRef(
|
|
3
3
|
({ className, ...props }, ref) => {
|
|
4
4
|
const svgRef = useRef(null);
|
|
5
5
|
const uid = useId().replace(/:/g, "");
|
|
@@ -30,15 +30,15 @@ const MobileAlgoFast = forwardRef(
|
|
|
30
30
|
width: 236,
|
|
31
31
|
height: 127,
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
className: ["
|
|
33
|
+
className: ["ResponsiveBehaviorElementsStackOnMobile-root", className].filter(Boolean).join(" "),
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5545`, x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5554`, x1: "256.666", y1: "-24.132", x2: "105.46", y2: "139.118", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(0)" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5635`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5545`, x1: "152.821", y1: "29.348", x2: "114.886", y2: "96.2534", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5635`, x1: "170.559", y1: "15.3248", x2: "132.624", y2: "82.2301", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_1118_5545`, x1: "170.746", y1: "29.3479", x2: "132.811", y2: "96.2532", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_1118_5635`, x1: "170.559", y1: "29.7055", x2: "132.624", y2: "96.6108", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint3_linear_1118_5545`, x1: "188.67", y1: "29.3485", x2: "150.735", y2: "96.2538", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint3_linear_1118_5635`, x1: "170.559", y1: "44.087", x2: "132.624", y2: "110.992", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "8.40795", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "93.3", y: "64.9761", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "111.224", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "129.148", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "95", y: "29.0005", width: "46", height: "69", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "50.9529", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "65.334", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "79.7148", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbrdyhf-11`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFast-rect-msbrdyhf-11" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "95", y: "15", width: "46", height: "97", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "MobileAlgoFast-rect-msbrdyhf-11-shape", strokeWidth: "0" })))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { className: "
|
|
36
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5545`, x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5554`, x1: "256.666", y1: "-24.132", x2: "105.46", y2: "139.118", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(0)" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5635`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5545`, x1: "152.821", y1: "29.348", x2: "114.886", y2: "96.2534", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5635`, x1: "170.559", y1: "15.3248", x2: "132.624", y2: "82.2301", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_1118_5545`, x1: "170.746", y1: "29.3479", x2: "132.811", y2: "96.2532", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_1118_5635`, x1: "170.559", y1: "29.7055", x2: "132.624", y2: "96.6108", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint3_linear_1118_5545`, x1: "188.67", y1: "29.3485", x2: "150.735", y2: "96.2538", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint3_linear_1118_5635`, x1: "170.559", y1: "44.087", x2: "132.624", y2: "110.992", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "8.40795", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "93.3", y: "64.9761", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "111.224", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "129.148", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "95", y: "29.0005", width: "46", height: "69", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "50.9529", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "65.334", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "79.7148", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbrdyhf-11`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "95", y: "15", width: "46", height: "97", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-shape", strokeWidth: "0" })))),
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12" }, /* @__PURE__ */ React.createElement("rect", { x: "95", y: "15", width: "46", height: "97", rx: "6", ry: "6", fill: "var(--color-7)", stroke: "var(--color-6)", opacity: "0.25", className: "ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-shape", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsStackOnMobile-node-3-2" }, /* @__PURE__ */ React.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsStackOnMobile-node-4-2" }, /* @__PURE__ */ React.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbrdyhf-11)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsStackOnMobile-node-2-3" }, /* @__PURE__ */ React.createElement("path", { d: "M 285.856 60.0039 L 285.856004 -21.3457 L -0.092996 -21.345712 L -0.093 60.003888 Z", fill: `url(#${uid}-paint0_linear_1118_5554)` }))), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsStackOnMobile-node-11-2" }, /* @__PURE__ */ React.createElement("rect", { x: "104.1865", y: "52.0964", width: "28", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "ResponsiveBehaviorElementsStackOnMobile-node-11-2-shape" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsStackOnMobile-node-12" }, /* @__PURE__ */ React.createElement("rect", { x: "110.68475", y: "57.4763", width: "15", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "ResponsiveBehaviorElementsStackOnMobile-node-12-shape" })), /* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, opacity: "0", className: "ResponsiveBehaviorElementsStackOnMobile-group-msbrl69e-14" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsStackOnMobile-node-13", clipPath: `url(#${uid}-clip1_1118_5545)` }, /* @__PURE__ */ React.createElement("rect", { x: "93.3", y: "64.9761", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5545)` }, /* @__PURE__ */ React.createElement("path", { d: "M93.3 24.8438H162.658V75.0248H93.3V24.8438Z", fill: `url(#${uid}-paint1_linear_1118_5545)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsStackOnMobile-node-21", clipPath: `url(#${uid}-clip3_1118_5545)` }, /* @__PURE__ */ React.createElement("rect", { x: "129.148", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_1118_5545)` }, /* @__PURE__ */ React.createElement("path", { d: "M129.148 24.8443H198.506V75.0253H129.148V24.8443Z", fill: `url(#${uid}-paint3_linear_1118_5545)` })))), /* @__PURE__ */ React.createElement("g", { opacity: "0", className: "ResponsiveBehaviorElementsStackOnMobile-group-msbrk4t8-13-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsStackOnMobile-node-11-3", clipPath: `url(#${uid}-clip1_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "50.9529", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 10.8206H180.396V61.0015H111.038V10.8206Z", fill: `url(#${uid}-paint1_linear_1118_5635)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsStackOnMobile-node-19-2-2", clipPath: `url(#${uid}-clip3_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "79.7148", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 39.5828H180.396V89.7638H111.038V39.5828Z", fill: `url(#${uid}-paint3_linear_1118_5635)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsStackOnMobile-node-17", clipPath: `url(#${uid}-clip2_1118_5545)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.224", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5545)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.224 24.8436H180.582V75.0246H111.224V24.8436Z", fill: `url(#${uid}-paint2_linear_1118_5545)` }))))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
|
|
41
|
+
ResponsiveBehaviorElementsStackOnMobile.displayName = "ResponsiveBehaviorElementsStackOnMobile";
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
ResponsiveBehaviorElementsStackOnMobile
|
|
44
44
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
-
const
|
|
2
|
+
const ThumbnailFullWidthTransparent = forwardRef(
|
|
3
3
|
({ className, ...props }, ref) => {
|
|
4
4
|
const svgRef = useRef(null);
|
|
5
5
|
const uid = useId().replace(/:/g, "");
|
|
@@ -30,15 +30,15 @@ const FullWidth2 = forwardRef(
|
|
|
30
30
|
width: 68,
|
|
31
31
|
height: 68,
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
className: ["
|
|
33
|
+
className: ["ThumbnailFullWidthTransparent-root", className].filter(Boolean).join(" "),
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
36
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4428_19355`, x1: "77.0184", y1: "29.0713", x2: "37.9679", y2: "91.8439", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4428_19355`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4428_19355" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4428_19355` }, /* @__PURE__ */ React.createElement("path", { d: "M0 7.55556C0 3.38274 3.38274 0 7.55556 0H60.4444C64.6173 0 68 3.38274 68 7.55556V60.4444C68 64.6173 64.6173 68 60.4444 68H7.55556C3.38274 68 0 64.6173 0 60.4444V7.55556Z", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4428_19355` }, /* @__PURE__ */ React.createElement("rect", { x: "55", y: "33", width: "22", height: "42", rx: "1.88889", transform: "rotate(90 55 33)", fill: "white" }))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ThumbnailFullWidthTransparent-Frame-1707483281" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 14.88889 L 55 33.11111 A 1.88889 1.88889 45 0 1 53.11111 35 L 14.88889 35 A 1.88889 1.88889 45 0 1 13 33.11111 L 13 14.88889 A 1.88889 1.88889 45 0 1 14.88889 13 L 53.11111 13 A 1.88889 1.88889 45 0 1 55 14.88889 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ThumbnailFullWidthTransparent-Frame-1707483278" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 24.88889 L 55 43.11111 A 1.88889 1.88889 45 0 1 53.11111 45 L 14.88889 45 A 1.88889 1.88889 45 0 1 13 43.11111 L 13 24.88889 A 1.88889 1.88889 45 0 1 14.88889 23 L 53.11111 23 A 1.88889 1.88889 45 0 1 55 24.88889 Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ThumbnailFullWidthTransparent-Frame-1707483277" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4428_19355)` }, /* @__PURE__ */ React.createElement("path", { d: "M 55 34.88889 L 55 53.11111 A 1.88889 1.88889 45 0 1 53.11111 55 L 14.88889 55 A 1.88889 1.88889 45 0 1 13 53.11111 L 13 34.88889 A 1.88889 1.88889 45 0 1 14.88889 33 L 53.11111 33 A 1.88889 1.88889 45 0 1 55 34.88889 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4428_19355)` }, /* @__PURE__ */ React.createElement("path", { d: "M84.1484 62.3047L84.1484 23.5791L4.71411 23.5791L4.71411 62.3047L84.1484 62.3047Z", fill: `url(#${uid}-paint0_linear_4428_19355)` })))))))))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
|
|
41
|
+
ThumbnailFullWidthTransparent.displayName = "ThumbnailFullWidthTransparent";
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
ThumbnailFullWidthTransparent
|
|
44
44
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
-
const
|
|
2
|
+
const ThumbnailGridTransparent = forwardRef(
|
|
3
3
|
({ className, ...props }, ref) => {
|
|
4
4
|
const svgRef = useRef(null);
|
|
5
5
|
const uid = useId().replace(/:/g, "");
|
|
@@ -30,15 +30,15 @@ const HoverSquareInvertText = forwardRef(
|
|
|
30
30
|
width: 68,
|
|
31
31
|
height: 68,
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
className: ["
|
|
33
|
+
className: ["ThumbnailGridTransparent-root", className].filter(Boolean).join(" "),
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
36
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19258`, x1: "66.5888", y1: "5.72025", x2: "19.8579", y2: "25.1921", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4424_19258`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19258" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4424_19258` }, /* @__PURE__ */ React.createElement("rect", { width: "13.2632", height: "21.0139", rx: "1.88889", transform: "matrix(-1 0 0 1 55 27.9922)", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" }))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ThumbnailGridTransparent-Group-2147222318" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 24.36891 19 L 14.88349 19 A 1.88889 1.88889 90 0 0 12.9946 20.88889 L 12.9946 38.12501 A 1.88889 1.88889 90 0 0 14.88349 40.0139 L 24.36891 40.0139 A 1.88889 1.88889 90 0 0 26.2578 38.12501 L 26.2578 20.88889 A 1.88889 1.88889 90 0 0 24.36891 19 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ThumbnailGridTransparent-Group-2147222319" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 38.74391 23.4844 L 29.25849 23.4844 A 1.88889 1.88889 90 0 0 27.3696 25.37329 L 27.3696 42.60941 A 1.88889 1.88889 90 0 0 29.25849 44.4983 L 38.74391 44.4983 A 1.88889 1.88889 90 0 0 40.6328 42.60941 L 40.6328 25.37329 A 1.88889 1.88889 90 0 0 38.74391 23.4844 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ThumbnailGridTransparent-Group-2147222320" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ React.createElement("path", { d: "M 53.11111 27.9922 L 43.62569 27.9922 A 1.88889 1.88889 90 0 0 41.7368 29.88109 L 41.7368 47.11721 A 1.88889 1.88889 90 0 0 43.62569 49.0061 L 53.11111 49.0061 A 1.88889 1.88889 90 0 0 55 47.11721 L 55 29.88109 A 1.88889 1.88889 90 0 0 53.11111 27.9922 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4424_19258)` }, /* @__PURE__ */ React.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` })))))))))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
|
|
41
|
+
ThumbnailGridTransparent.displayName = "ThumbnailGridTransparent";
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
ThumbnailGridTransparent
|
|
44
44
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
-
const
|
|
2
|
+
const ThumbnailSideBySideTransparent = forwardRef(
|
|
3
3
|
({ className, ...props }, ref) => {
|
|
4
4
|
const svgRef = useRef(null);
|
|
5
5
|
const uid = useId().replace(/:/g, "");
|
|
@@ -30,15 +30,15 @@ const ThumbnailContainer2 = forwardRef(
|
|
|
30
30
|
width: 68,
|
|
31
31
|
height: 68,
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
className: ["
|
|
33
|
+
className: ["ThumbnailSideBySideTransparent-root", className].filter(Boolean).join(" "),
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
36
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19222`, x1: "76.7997", y1: "28.9776", x2: "37.7492", y2: "91.7501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_4424_19222`, x1: "98.5184", y1: "28.9776", x2: "59.4679", y2: "91.7501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4424_19222`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19222" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_4424_19222`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19222" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4424_19222` }, /* @__PURE__ */ React.createElement("path", { d: "M0 7.55556C0 3.38274 3.38274 0 7.55556 0H60.4444C64.6173 0 68 3.38274 68 7.55556V60.4444C68 64.6173 64.6173 68 60.4444 68H7.55556C3.38274 68 0 64.6173 0 60.4444V7.55556Z", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4424_19222` }, /* @__PURE__ */ React.createElement("rect", { x: "33.2578", y: "32.9062", width: "21.8713", height: "20.0353", rx: "2.83333", transform: "rotate(90 33.2578 32.9062)", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_4424_19222` }, /* @__PURE__ */ React.createElement("rect", { x: "54.7734", y: "32.9062", width: "21.8713", height: "20.0353", rx: "2.83333", transform: "rotate(90 54.7734 32.9062)", fill: "white" }))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19222)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19222)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "ThumbnailSideBySideTransparent-group-mtr8nkm4-1" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 16.05213 L 54.7734 32.25677 A 2.83333 2.83333 45 0 1 51.94007 35.0901 L 37.57143 35.0901 A 2.83333 2.83333 45 0 1 34.7381 32.25677 L 34.7381 16.05213 A 2.83333 2.83333 45 0 1 37.57143 13.2188 L 51.94007 13.2188 A 2.83333 2.83333 45 0 1 54.7734 16.05213 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 16.05213 L 33.2578 32.25677 A 2.83333 2.83333 45 0 1 30.42447 35.0901 L 16.05583 35.0901 A 2.83333 2.83333 45 0 1 13.2225 32.25677 L 13.2225 16.05213 A 2.83333 2.83333 45 0 1 16.05583 13.2188 L 30.42447 13.2188 A 2.83333 2.83333 45 0 1 33.2578 16.05213 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { className: "ThumbnailSideBySideTransparent-group-mtr8o0p7-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 25.89583 L 33.2578 42.10047 A 2.83333 2.83333 45 0 1 30.42447 44.9338 L 16.05583 44.9338 A 2.83333 2.83333 45 0 1 13.2225 42.10047 L 13.2225 25.89583 A 2.83333 2.83333 45 0 1 16.05583 23.0625 L 30.42447 23.0625 A 2.83333 2.83333 45 0 1 33.2578 25.89583 Z", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 25.89583 L 54.7734 42.10047 A 2.83333 2.83333 45 0 1 51.94007 44.9338 L 37.57143 44.9338 A 2.83333 2.83333 45 0 1 34.7381 42.10047 L 34.7381 25.89583 A 2.83333 2.83333 45 0 1 37.57143 23.0625 L 51.94007 23.0625 A 2.83333 2.83333 45 0 1 54.7734 25.89583 Z", fill: "var(--color-1)" }))), /* @__PURE__ */ React.createElement("g", { className: "ThumbnailSideBySideTransparent-group-mtr8obho-3" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 35.73953 L 33.2578 51.94417 A 2.83333 2.83333 45 0 1 30.42447 54.7775 L 16.05583 54.7775 A 2.83333 2.83333 45 0 1 13.2225 51.94417 L 13.2225 35.73953 A 2.83333 2.83333 45 0 1 16.05583 32.9062 L 30.42447 32.9062 A 2.83333 2.83333 45 0 1 33.2578 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M83.9297 62.2109L83.9297 23.4853L4.49536 23.4853L4.49536 62.2109L83.9297 62.2109Z", fill: `url(#${uid}-paint0_linear_4424_19222)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 35.73953 L 54.7734 51.94417 A 2.83333 2.83333 45 0 1 51.94007 54.7775 L 37.57143 54.7775 A 2.83333 2.83333 45 0 1 34.7381 51.94417 L 34.7381 35.73953 A 2.83333 2.83333 45 0 1 37.57143 32.9062 L 51.94007 32.9062 A 2.83333 2.83333 45 0 1 54.7734 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M105.648 62.2109L105.648 23.4853L26.2141 23.4853L26.2141 62.2109L105.648 62.2109Z", fill: `url(#${uid}-paint1_linear_4424_19222)` })))))))))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
|
|
41
|
+
ThumbnailSideBySideTransparent.displayName = "ThumbnailSideBySideTransparent";
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
ThumbnailSideBySideTransparent
|
|
44
44
|
};
|