@wix/design-system-illustrations 2.43.0 → 2.44.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/MaxWidth.js +1 -2
- package/dist/cjs/animated/ElementPositionDefault.js +90 -0
- package/dist/cjs/animated/ElementPositionPinned.js +91 -0
- package/dist/cjs/animated/ElementPositionSticky.js +91 -0
- package/dist/cjs/animated/ResponsiveBehaviorHeaderDisappear.js +90 -0
- package/dist/cjs/animated/{ThumbnailFullWidthTransparent.js → StickySectionPresetsFullWidth.js} +10 -9
- package/dist/cjs/animated/StickySectionPresetsGridRows.js +89 -0
- package/dist/cjs/animated/{ThumbnailGridTransparent.js → StickySectionPresetsSideBySide.js} +10 -9
- package/dist/cjs/animated/StickySectionPresetsSplit.js +89 -0
- package/dist/cjs/animated/{ThumbnailZigzagTransparent.js → StickySectionPresetsZigzag.js} +10 -9
- package/dist/cjs/animated/animated.global.css +696 -477
- package/dist/cjs/animated/index.js +27 -30
- package/dist/esm/MaxWidth.js +1 -2
- package/dist/esm/animated/ElementPositionDefault.js +46 -0
- package/dist/esm/animated/ElementPositionPinned.js +47 -0
- package/dist/esm/animated/ElementPositionSticky.js +47 -0
- package/dist/esm/animated/ResponsiveBehaviorHeaderDisappear.js +46 -0
- package/dist/esm/animated/{ThumbnailFullWidthTransparent.js → StickySectionPresetsFullWidth.js} +6 -5
- package/dist/esm/animated/StickySectionPresetsGridRows.js +45 -0
- package/dist/esm/animated/StickySectionPresetsSideBySide.js +45 -0
- package/dist/esm/animated/StickySectionPresetsSplit.js +45 -0
- package/dist/esm/animated/{ThumbnailZigzagTransparent.js → StickySectionPresetsZigzag.js} +6 -5
- package/dist/esm/animated/animated.global.css +696 -477
- package/dist/esm/animated/index.js +18 -20
- package/dist/types/animated/ElementPositionDefault.d.ts +7 -0
- package/dist/types/animated/ElementPositionPinned.d.ts +7 -0
- package/dist/types/animated/ElementPositionSticky.d.ts +7 -0
- package/dist/types/animated/ResponsiveBehaviorHeaderDisappear.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsFullWidth.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsGridRows.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsSideBySide.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsSplit.d.ts +7 -0
- package/dist/types/animated/StickySectionPresetsZigzag.d.ts +7 -0
- package/dist/types/animated/index.d.ts +18 -20
- package/package.json +3 -3
- package/src/MaxWidth.svg +1 -1
- package/src/animated/ElementPositionDefault.html +223 -0
- package/src/animated/ElementPositionPinned.html +223 -0
- package/src/animated/ElementPositionSticky.html +342 -0
- package/src/animated/ResponsiveBehaviorHeaderDisappear.html +336 -0
- package/src/animated/{ThumbnailFullWidthTransparent.html → StickySectionPresetsFullWidth.html} +81 -16
- package/src/animated/{ThumbnailSideBySideTransparent.html → StickySectionPresetsGridRows.html} +100 -17
- package/src/animated/{ThumbnailGridTransparent.html → StickySectionPresetsSideBySide.html} +82 -16
- package/src/animated/{ThumbnailSplitTransparent.html → StickySectionPresetsSplit.html} +99 -18
- package/src/animated/{ThumbnailZigzagTransparent.html → StickySectionPresetsZigzag.html} +92 -21
- package/dist/cjs/animated/ThumbnailFullWidth.js +0 -88
- package/dist/cjs/animated/ThumbnailGrid.js +0 -88
- package/dist/cjs/animated/ThumbnailSideBySide.js +0 -88
- package/dist/cjs/animated/ThumbnailSideBySideTransparent.js +0 -88
- package/dist/cjs/animated/ThumbnailSplit.js +0 -88
- package/dist/cjs/animated/ThumbnailSplitTransparent.js +0 -88
- package/dist/cjs/animated/ThumbnailZigzag.js +0 -88
- package/dist/esm/animated/ThumbnailFullWidth.js +0 -44
- package/dist/esm/animated/ThumbnailGrid.js +0 -44
- package/dist/esm/animated/ThumbnailGridTransparent.js +0 -44
- package/dist/esm/animated/ThumbnailSideBySide.js +0 -44
- package/dist/esm/animated/ThumbnailSideBySideTransparent.js +0 -44
- package/dist/esm/animated/ThumbnailSplit.js +0 -44
- package/dist/esm/animated/ThumbnailSplitTransparent.js +0 -44
- package/dist/esm/animated/ThumbnailZigzag.js +0 -44
- package/dist/types/animated/ThumbnailFullWidth.d.ts +0 -7
- package/dist/types/animated/ThumbnailFullWidthTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailGrid.d.ts +0 -7
- package/dist/types/animated/ThumbnailGridTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailSideBySide.d.ts +0 -7
- package/dist/types/animated/ThumbnailSideBySideTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailSplit.d.ts +0 -7
- package/dist/types/animated/ThumbnailSplitTransparent.d.ts +0 -7
- package/dist/types/animated/ThumbnailZigzag.d.ts +0 -7
- package/dist/types/animated/ThumbnailZigzagTransparent.d.ts +0 -7
- package/src/animated/ThumbnailFullWidth.html +0 -133
- package/src/animated/ThumbnailGrid.html +0 -134
- package/src/animated/ThumbnailSideBySide.html +0 -160
- package/src/animated/ThumbnailSplit.html +0 -139
- package/src/animated/ThumbnailZigzag.html +0 -162
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var ResponsiveBehaviorHeaderDisappear_exports = {};
|
|
30
|
+
__export(ResponsiveBehaviorHeaderDisappear_exports, {
|
|
31
|
+
ResponsiveBehaviorHeaderDisappear: () => ResponsiveBehaviorHeaderDisappear
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(ResponsiveBehaviorHeaderDisappear_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const ResponsiveBehaviorHeaderDisappear = (0, import_react.forwardRef)(
|
|
36
|
+
({ className, ...props }, ref) => {
|
|
37
|
+
const svgRef = (0, import_react.useRef)(null);
|
|
38
|
+
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
39
|
+
(0, import_react.useImperativeHandle)(
|
|
40
|
+
ref,
|
|
41
|
+
() => ({
|
|
42
|
+
play: () => {
|
|
43
|
+
var _a;
|
|
44
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
|
|
45
|
+
},
|
|
46
|
+
pause: () => {
|
|
47
|
+
var _a;
|
|
48
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
|
|
49
|
+
},
|
|
50
|
+
reset: () => {
|
|
51
|
+
var _a;
|
|
52
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
53
|
+
a.currentTime = 0;
|
|
54
|
+
a.pause();
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
[]
|
|
59
|
+
);
|
|
60
|
+
(0, import_react.useEffect)(() => {
|
|
61
|
+
var _a;
|
|
62
|
+
(_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
63
|
+
a.currentTime = 0;
|
|
64
|
+
a.pause();
|
|
65
|
+
});
|
|
66
|
+
}, []);
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
"svg",
|
|
69
|
+
{
|
|
70
|
+
ref: svgRef,
|
|
71
|
+
viewBox: "0 0 236 127",
|
|
72
|
+
fill: "none",
|
|
73
|
+
width: 236,
|
|
74
|
+
height: 127,
|
|
75
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
+
className: ["ResponsiveBehaviorHeaderDisappear-root", className].filter(Boolean).join(" "),
|
|
77
|
+
...props
|
|
78
|
+
},
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4371_16309`, x1: "178.227", y1: "-83.0937", x2: "-110.087", y2: "145.731", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4371_16309`, x1: "95.39", y1: "44.9158", x2: "123.428", y2: "69.4849", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_4371_16309`, x1: "75.4543", y1: "17.3794", x2: "129.908", y2: "76.2359", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint3_linear_4371_16309`, x1: "100.35", y1: "24.3133", x2: "83.4414", y2: "45.8896", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_4371_16309`, x1: "138.978", y1: "-27.1478", x2: "-8.29128", y2: "171.419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_4371_16309`, x1: "162.389", y1: "1.90174", x2: "39.2589", y2: "153.375", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_4371_16309`, x1: "212.458", y1: "17.0772", x2: "103.741", y2: "151.031", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint7_linear_4371_16309`, x1: "307.169", y1: "-61.1983", x2: "66.9405", y2: "309.011", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint8_linear_4371_16309`, x1: "141.161", y1: "135.036", x2: "91.0452", y2: "223.425", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_4371_16309`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "13.7813", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4371_16309`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.71335", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_4371_16309`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_4371_16309`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter4_f_4371_16309`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter5_f_4371_16309`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "13.7813", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter6_f_4371_16309`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "4.07281", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "147", height: "210.525", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "147", height: "231.984", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "76.7969", y: "24.7422", width: "52.7113", height: "46.1224", rx: "6.58892", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "175.704", height: "76.8707", fill: "white", transform: "translate(52.6367 11.5625)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip4_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "83.3867", y: "31.3281", width: "10.9815", height: "10.9815", rx: "5.49077", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip5_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-19.8438", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip6_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "43.8477", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip7_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "107.543", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip8_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "146.703", height: "57.4219", fill: "white", transform: "translate(0.167969 153.172)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip9_4371_16309` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "63.1367", y: "187.57", width: "20.7258", height: "7.65129", rx: "3.82565", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-mask0_3075_31420`, style: { "maskType": "luminance" }, maskUnits: "userSpaceOnUse", x: "-1", y: "0", width: "149", height: "20" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "147.257", y: "19.4897", width: "147.514", height: "19.4897", transform: "rotate(-180 147.257 19.4897)", fill: "url(#paint0_linear_3075_31420)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(82.5px, 41.6px) scale(1, 1)" }, x: "-41.5", y: "-18.5", width: "147", height: "81", rx: "6", ry: "6", fill: "var(--color-4)", opacity: "1" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(82.5px, 41.5px) scale(1, 1)" }, x: "-41.5", y: "-18.5", width: "147", height: "81", rx: "6", ry: "6", fill: "var(--color-4)", opacity: "1" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorHeaderDisappear-import-msvsnwyw-7" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.21875", y: "0.101562", width: "147", height: "211.591", rx: "0", ry: "0", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5", clipPath: `url(#${uid}-clip1_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "147", height: "231.984", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-1.14453", y: "-113.258", width: "209.016", height: "336.055", fill: `url(#${uid}-paint0_linear_4371_16309)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "52.6367", y: "11.5625", width: "175.704", height: "76.8707", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M106.633 34.6094L85.7109 64.9634L123.026 59.9707L106.633 34.6094Z", fill: `url(#${uid}-paint1_linear_4371_16309)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M162.428 52.6287C162.428 52.6287 115.546 34.9055 114.147 34.3712C112.748 33.837 104.067 31.3653 106.633 38.4918C109.184 45.5736 110.581 48.297 111.137 49.5063C111.692 50.7156 113.955 55.6428 108.262 57.461C101.809 59.5209 67.0078 69.3029 67.0078 69.3029V74.9207H162.428V52.6287Z", fill: `url(#${uid}-paint2_linear_4371_16309)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "83.3867", y: "31.3281", width: "10.9815", height: "10.9815", rx: "5.49077", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M91.474 22.724C90.9464 22.8289 90.4255 22.9744 89.9181 23.1605C87.8346 23.932 85.9879 25.4005 84.7702 27.4679C81.9866 32.188 83.5357 38.2345 88.2304 40.9718C92.925 43.7092 98.9862 42.0986 101.77 37.3784C104.553 32.6549 103.004 26.6084 98.3131 23.8745C96.1687 22.6225 93.7436 22.2808 91.474 22.724Z", fill: `url(#${uid}-paint3_linear_4371_16309)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "17.4961", y: "37.9219", width: "50.515", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "17.4961", y: "46.7031", width: "50.515", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "17.4961", y: "55.4922", width: "26.3557", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip5_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-19.8438", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-19.4297", y: "-42.8281", width: "184.587", height: "174.692", fill: `url(#${uid}-paint4_linear_4371_16309)` }))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip6_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "43.8477", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.2617", y: "-10.9141", width: "137.649", height: "142.779", fill: `url(#${uid}-paint5_linear_4371_16309)` }))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip7_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "107.543", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "107.961", y: "5.75781", width: "121.767", height: "126.107", fill: `url(#${uid}-paint6_linear_4371_16309)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-0.1px, 0px)" }, fill: "none", opacity: "0.5", clipPath: `url(#${uid}-clip8_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0.019469", y: "153.172", width: "147", height: "57.4219", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-2.29688", y: "-88", width: "360.609", height: "298.594", fill: `url(#${uid}-paint7_linear_4371_16309)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.3281", y: "168.547", width: "64.3447", height: "2.18608", rx: "1.09304", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "55.9531", y: "177.469", width: "35.0971", height: "2.18608", rx: "1.09304", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "63.1367", y: "187.57", width: "20.7258", height: "7.65129", rx: "3.82565", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_4371_16309)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M62.5273 129.086H154.156V195.38H62.5273V129.086Z", fill: `url(#${uid}-paint8_linear_4371_16309)` })))))))),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(190.8px, 33.5px)" } }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorHeaderDisappear-node-2-3" }, /* @__PURE__ */ import_react.default.createElement("line", { x1: "2", y1: "8.48682", x2: "2", y2: "17.4596", fill: "none", stroke: "var(--color-1)", strokeWidth: "4", strokeLinecap: "round" }))),
|
|
82
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(41.25659px, 22.978997px)" } }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", mask: `url(#${uid}-mask0_3075_31420)` })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformOrigin": "114.708199px 30.9618px", "transform": "translate(-0.2px, 0px)" }, fill: "none", className: "ResponsiveBehaviorHeaderDisappear-Group-2147222209" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.0132", y: "22.979", width: "147.39", height: "15.9656", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformOrigin": "167.6769px 30.96348px", "transform": "translate(-0.2px, 0px)" }, className: "ResponsiveBehaviorHeaderDisappear-Rectangle-4723343" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "160.768", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformOrigin": "146.9499px 30.96348px", "transform": "translate(-0.2px, 0px)" }, className: "ResponsiveBehaviorHeaderDisappear-Rectangle-4723344" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "140.041", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformOrigin": "126.2229px 30.96348px", "transform": "translate(-0.2px, 0px)" }, className: "ResponsiveBehaviorHeaderDisappear-Rectangle-4723345_2" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "119.314", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" }))))
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
ResponsiveBehaviorHeaderDisappear.displayName = "ResponsiveBehaviorHeaderDisappear";
|
|
87
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
88
|
+
0 && (module.exports = {
|
|
89
|
+
ResponsiveBehaviorHeaderDisappear
|
|
90
|
+
});
|
package/dist/cjs/animated/{ThumbnailFullWidthTransparent.js → StickySectionPresetsFullWidth.js}
RENAMED
|
@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
29
|
+
var StickySectionPresetsFullWidth_exports = {};
|
|
30
|
+
__export(StickySectionPresetsFullWidth_exports, {
|
|
31
|
+
StickySectionPresetsFullWidth: () => StickySectionPresetsFullWidth
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(StickySectionPresetsFullWidth_exports);
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
const
|
|
35
|
+
const StickySectionPresetsFullWidth = (0, import_react.forwardRef)(
|
|
36
36
|
({ className, ...props }, ref) => {
|
|
37
37
|
const svgRef = (0, import_react.useRef)(null);
|
|
38
38
|
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
@@ -73,16 +73,17 @@ const ThumbnailFullWidthTransparent = (0, import_react.forwardRef)(
|
|
|
73
73
|
width: 68,
|
|
74
74
|
height: 68,
|
|
75
75
|
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
-
className: ["
|
|
76
|
+
className: ["StickySectionPresetsFullWidth-root", className].filter(Boolean).join(" "),
|
|
77
77
|
...props
|
|
78
78
|
},
|
|
79
79
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4428_19355`, x1: "77.0184", y1: "29.0713", x2: "37.9679", y2: "91.8439", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4428_19355`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4428_19355" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4428_19355` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4428_19355` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "55", y: "33", width: "22", height: "42", rx: "1.88889", transform: "rotate(90 55 33)", fill: "white" }))),
|
|
80
|
-
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-Frame-1707483281" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-Frame-1707483278" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-Frame-1707483277" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4428_19355)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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)` }))))))))),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-fullwidth_new-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4428_19355)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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)` })))))))))
|
|
81
82
|
);
|
|
82
83
|
}
|
|
83
84
|
);
|
|
84
|
-
|
|
85
|
+
StickySectionPresetsFullWidth.displayName = "StickySectionPresetsFullWidth";
|
|
85
86
|
// Annotate the CommonJS export names for ESM import in node:
|
|
86
87
|
0 && (module.exports = {
|
|
87
|
-
|
|
88
|
+
StickySectionPresetsFullWidth
|
|
88
89
|
});
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var StickySectionPresetsGridRows_exports = {};
|
|
30
|
+
__export(StickySectionPresetsGridRows_exports, {
|
|
31
|
+
StickySectionPresetsGridRows: () => StickySectionPresetsGridRows
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(StickySectionPresetsGridRows_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const StickySectionPresetsGridRows = (0, import_react.forwardRef)(
|
|
36
|
+
({ className, ...props }, ref) => {
|
|
37
|
+
const svgRef = (0, import_react.useRef)(null);
|
|
38
|
+
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
39
|
+
(0, import_react.useImperativeHandle)(
|
|
40
|
+
ref,
|
|
41
|
+
() => ({
|
|
42
|
+
play: () => {
|
|
43
|
+
var _a;
|
|
44
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
|
|
45
|
+
},
|
|
46
|
+
pause: () => {
|
|
47
|
+
var _a;
|
|
48
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
|
|
49
|
+
},
|
|
50
|
+
reset: () => {
|
|
51
|
+
var _a;
|
|
52
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
53
|
+
a.currentTime = 0;
|
|
54
|
+
a.pause();
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
[]
|
|
59
|
+
);
|
|
60
|
+
(0, import_react.useEffect)(() => {
|
|
61
|
+
var _a;
|
|
62
|
+
(_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
63
|
+
a.currentTime = 0;
|
|
64
|
+
a.pause();
|
|
65
|
+
});
|
|
66
|
+
}, []);
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
"svg",
|
|
69
|
+
{
|
|
70
|
+
ref: svgRef,
|
|
71
|
+
viewBox: "0 0 68 68",
|
|
72
|
+
fill: "none",
|
|
73
|
+
width: 68,
|
|
74
|
+
height: 68,
|
|
75
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
+
className: ["StickySectionPresetsGridRows-root", className].filter(Boolean).join(" "),
|
|
77
|
+
...props
|
|
78
|
+
},
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19222`, x1: "76.7997", y1: "28.9776", x2: "37.7492", y2: "91.7501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4424_19222`, x1: "98.5184", y1: "28.9776", x2: "59.4679", y2: "91.7501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4424_19222`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19222" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_4424_19222`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19222" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4424_19222` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4424_19222` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4424_19222` }, /* @__PURE__ */ import_react.default.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" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19222)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "StickySectionPresetsGridRows-group-mtr8nkm4-1" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { className: "StickySectionPresetsGridRows-group-mtr8o0p7-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { className: "StickySectionPresetsGridRows-group-mtr8obho-3" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19222)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19222)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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)` }))))))))),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsGridRows-Thumbnail-Container-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19222)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19222)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19222)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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)` })))))))))
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
StickySectionPresetsGridRows.displayName = "StickySectionPresetsGridRows";
|
|
86
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
87
|
+
0 && (module.exports = {
|
|
88
|
+
StickySectionPresetsGridRows
|
|
89
|
+
});
|
|
@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
29
|
+
var StickySectionPresetsSideBySide_exports = {};
|
|
30
|
+
__export(StickySectionPresetsSideBySide_exports, {
|
|
31
|
+
StickySectionPresetsSideBySide: () => StickySectionPresetsSideBySide
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(StickySectionPresetsSideBySide_exports);
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
const
|
|
35
|
+
const StickySectionPresetsSideBySide = (0, import_react.forwardRef)(
|
|
36
36
|
({ className, ...props }, ref) => {
|
|
37
37
|
const svgRef = (0, import_react.useRef)(null);
|
|
38
38
|
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
@@ -73,16 +73,17 @@ const ThumbnailGridTransparent = (0, import_react.forwardRef)(
|
|
|
73
73
|
width: 68,
|
|
74
74
|
height: 68,
|
|
75
75
|
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
-
className: ["
|
|
76
|
+
className: ["StickySectionPresetsSideBySide-root", className].filter(Boolean).join(" "),
|
|
77
77
|
...props
|
|
78
78
|
},
|
|
79
79
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19258`, x1: "66.5888", y1: "5.72025", x2: "19.8579", y2: "25.1921", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4424_19258`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19258" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4424_19258` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.2632", height: "21.0139", rx: "1.88889", transform: "matrix(-1 0 0 1 55 27.9922)", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" }))),
|
|
80
|
-
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222318" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222319" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222320" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` }))))))))),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { className: "StickySectionPresetsSideBySide-import-mtr80uod-2-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` }))))))))
|
|
81
82
|
);
|
|
82
83
|
}
|
|
83
84
|
);
|
|
84
|
-
|
|
85
|
+
StickySectionPresetsSideBySide.displayName = "StickySectionPresetsSideBySide";
|
|
85
86
|
// Annotate the CommonJS export names for ESM import in node:
|
|
86
87
|
0 && (module.exports = {
|
|
87
|
-
|
|
88
|
+
StickySectionPresetsSideBySide
|
|
88
89
|
});
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var StickySectionPresetsSplit_exports = {};
|
|
30
|
+
__export(StickySectionPresetsSplit_exports, {
|
|
31
|
+
StickySectionPresetsSplit: () => StickySectionPresetsSplit
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(StickySectionPresetsSplit_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const StickySectionPresetsSplit = (0, import_react.forwardRef)(
|
|
36
|
+
({ className, ...props }, ref) => {
|
|
37
|
+
const svgRef = (0, import_react.useRef)(null);
|
|
38
|
+
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
39
|
+
(0, import_react.useImperativeHandle)(
|
|
40
|
+
ref,
|
|
41
|
+
() => ({
|
|
42
|
+
play: () => {
|
|
43
|
+
var _a;
|
|
44
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
|
|
45
|
+
},
|
|
46
|
+
pause: () => {
|
|
47
|
+
var _a;
|
|
48
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
|
|
49
|
+
},
|
|
50
|
+
reset: () => {
|
|
51
|
+
var _a;
|
|
52
|
+
return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
53
|
+
a.currentTime = 0;
|
|
54
|
+
a.pause();
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
[]
|
|
59
|
+
);
|
|
60
|
+
(0, import_react.useEffect)(() => {
|
|
61
|
+
var _a;
|
|
62
|
+
(_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
|
|
63
|
+
a.currentTime = 0;
|
|
64
|
+
a.pause();
|
|
65
|
+
});
|
|
66
|
+
}, []);
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
"svg",
|
|
69
|
+
{
|
|
70
|
+
ref: svgRef,
|
|
71
|
+
viewBox: "0 0 68 68",
|
|
72
|
+
fill: "none",
|
|
73
|
+
width: 68,
|
|
74
|
+
height: 68,
|
|
75
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
+
className: ["StickySectionPresetsSplit-root", className].filter(Boolean).join(" "),
|
|
77
|
+
...props
|
|
78
|
+
},
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4428_19363`, x1: "97.8231", y1: "29.0557", x2: "58.7726", y2: "91.8283", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4428_19363`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4428_19363" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4428_19363` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "55", y: "33", width: "22", height: "21", rx: "2.83333", transform: "rotate(90 55 33)", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483281" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483278" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483277" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` })))))))),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` }))))))))
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
StickySectionPresetsSplit.displayName = "StickySectionPresetsSplit";
|
|
86
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
87
|
+
0 && (module.exports = {
|
|
88
|
+
StickySectionPresetsSplit
|
|
89
|
+
});
|
|
@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
29
|
+
var StickySectionPresetsZigzag_exports = {};
|
|
30
|
+
__export(StickySectionPresetsZigzag_exports, {
|
|
31
|
+
StickySectionPresetsZigzag: () => StickySectionPresetsZigzag
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(StickySectionPresetsZigzag_exports);
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
const
|
|
35
|
+
const StickySectionPresetsZigzag = (0, import_react.forwardRef)(
|
|
36
36
|
({ className, ...props }, ref) => {
|
|
37
37
|
const svgRef = (0, import_react.useRef)(null);
|
|
38
38
|
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
@@ -73,16 +73,17 @@ const ThumbnailZigzagTransparent = (0, import_react.forwardRef)(
|
|
|
73
73
|
width: 68,
|
|
74
74
|
height: 68,
|
|
75
75
|
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
-
className: ["
|
|
76
|
+
className: ["StickySectionPresetsZigzag-root", className].filter(Boolean).join(" "),
|
|
77
77
|
...props
|
|
78
78
|
},
|
|
79
79
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19163`, x1: "113.06", y1: "9.65327", x2: "47.0261", y2: "92.6155", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4424_19163`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19163" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4424_19163` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "68", height: "68", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4424_19163` }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4424_19163` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "54.7812", y: "32.1719", width: "23.6111", height: "20.7778", rx: "2.83333", transform: "rotate(90 54.7812 32.1719)", fill: "white" }))),
|
|
80
|
-
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19163)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19163)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483283" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 16.05993 L 34 34.00437 A 2.83333 2.83333 45 0 1 31.16667 36.8377 L 16.05553 36.8377 A 2.83333 2.83333 45 0 1 13.2222 34.00437 L 13.2222 16.05993 A 2.83333 2.83333 45 0 1 16.05553 13.2266 L 31.16667 13.2266 A 2.83333 2.83333 45 0 1 34 16.05993 Z", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483285" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 21.72393 L 54.7812 39.66837 A 2.83333 2.83333 45 0 1 51.94787 42.5017 L 36.83673 42.5017 A 2.83333 2.83333 45 0 1 34.0034 39.66837 L 34.0034 21.72393 A 2.83333 2.83333 45 0 1 36.83673 18.8906 L 51.94787 18.8906 A 2.83333 2.83333 45 0 1 54.7812 21.72393 Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483284" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 29.27863 L 34 47.22307 A 2.83333 2.83333 45 0 1 31.16667 50.0564 L 16.05553 50.0564 A 2.83333 2.83333 45 0 1 13.2222 47.22307 L 13.2222 29.27863 A 2.83333 2.83333 45 0 1 16.05553 26.4453 L 31.16667 26.4453 A 2.83333 2.83333 45 0 1 34 29.27863 Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483282" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 35.00523 L 54.7812 52.94967 A 2.83333 2.83333 45 0 1 51.94787 55.783 L 36.83673 55.783 A 2.83333 2.83333 45 0 1 34.0034 52.94967 L 34.0034 35.00523 A 2.83333 2.83333 45 0 1 36.83673 32.1719 L 51.94787 32.1719 A 2.83333 2.83333 45 0 1 54.7812 35.00523 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M121.734 61.3828L121.734 1.10425L25.0979 1.10425L25.0979 61.3828L121.734 61.3828Z", fill: `url(#${uid}-paint0_linear_4424_19163)` }))))))),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Thumbnail-Container-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19163)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 16.05993 L 34 34.00437 A 2.83333 2.83333 45 0 1 31.16667 36.8377 L 16.05553 36.8377 A 2.83333 2.83333 45 0 1 13.2222 34.00437 L 13.2222 16.05993 A 2.83333 2.83333 45 0 1 16.05553 13.2266 L 31.16667 13.2266 A 2.83333 2.83333 45 0 1 34 16.05993 Z", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 21.72393 L 54.7812 39.66837 A 2.83333 2.83333 45 0 1 51.94787 42.5017 L 36.83673 42.5017 A 2.83333 2.83333 45 0 1 34.0034 39.66837 L 34.0034 21.72393 A 2.83333 2.83333 45 0 1 36.83673 18.8906 L 51.94787 18.8906 A 2.83333 2.83333 45 0 1 54.7812 21.72393 Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 29.27863 L 34 47.22307 A 2.83333 2.83333 45 0 1 31.16667 50.0564 L 16.05553 50.0564 A 2.83333 2.83333 45 0 1 13.2222 47.22307 L 13.2222 29.27863 A 2.83333 2.83333 45 0 1 16.05553 26.4453 L 31.16667 26.4453 A 2.83333 2.83333 45 0 1 34 29.27863 Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 35.00523 L 54.7812 52.94967 A 2.83333 2.83333 45 0 1 51.94787 55.783 L 36.83673 55.783 A 2.83333 2.83333 45 0 1 34.0034 52.94967 L 34.0034 35.00523 A 2.83333 2.83333 45 0 1 36.83673 32.1719 L 51.94787 32.1719 A 2.83333 2.83333 45 0 1 54.7812 35.00523 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M121.734 61.3828L121.734 1.10425L25.0979 1.10425L25.0979 61.3828L121.734 61.3828Z", fill: `url(#${uid}-paint0_linear_4424_19163)` })))))))
|
|
81
82
|
);
|
|
82
83
|
}
|
|
83
84
|
);
|
|
84
|
-
|
|
85
|
+
StickySectionPresetsZigzag.displayName = "StickySectionPresetsZigzag";
|
|
85
86
|
// Annotate the CommonJS export names for ESM import in node:
|
|
86
87
|
0 && (module.exports = {
|
|
87
|
-
|
|
88
|
+
StickySectionPresetsZigzag
|
|
88
89
|
});
|