@wix/design-system-illustrations 2.41.0 → 2.42.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.
Files changed (46) hide show
  1. package/dist/cjs/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +10 -10
  2. package/dist/cjs/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +10 -10
  3. package/dist/cjs/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +10 -10
  4. package/dist/cjs/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +9 -9
  5. package/dist/cjs/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +9 -9
  6. package/dist/cjs/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +9 -9
  7. package/dist/cjs/animated/{Split01.js → ThumbnailSplitTransparent.js} +9 -9
  8. package/dist/cjs/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +9 -9
  9. package/dist/cjs/animated/animated.global.css +1448 -1448
  10. package/dist/cjs/animated/index.js +26 -26
  11. package/dist/esm/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +6 -6
  12. package/dist/esm/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +6 -6
  13. package/dist/esm/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +6 -6
  14. package/dist/esm/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +5 -5
  15. package/dist/esm/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +5 -5
  16. package/dist/esm/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +5 -5
  17. package/dist/esm/animated/{Split01.js → ThumbnailSplitTransparent.js} +5 -5
  18. package/dist/esm/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +5 -5
  19. package/dist/esm/animated/animated.global.css +1448 -1448
  20. package/dist/esm/animated/index.js +17 -17
  21. package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimits.d.ts +7 -0
  22. package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimitsMobile.d.ts +7 -0
  23. package/dist/types/animated/ResponsiveBehaviorElementsStackOnMobile.d.ts +7 -0
  24. package/dist/types/animated/ThumbnailFullWidthTransparent.d.ts +7 -0
  25. package/dist/types/animated/ThumbnailGridTransparent.d.ts +7 -0
  26. package/dist/types/animated/ThumbnailSideBySideTransparent.d.ts +7 -0
  27. package/dist/types/animated/ThumbnailSplitTransparent.d.ts +7 -0
  28. package/dist/types/animated/ThumbnailZigzagTransparent.d.ts +7 -0
  29. package/dist/types/animated/index.d.ts +16 -16
  30. package/package.json +3 -3
  31. package/dist/types/animated/FullWidth2.d.ts +0 -7
  32. package/dist/types/animated/HoverSquareInvertText.d.ts +0 -7
  33. package/dist/types/animated/LimitScaling2.d.ts +0 -7
  34. package/dist/types/animated/MaxMin.d.ts +0 -7
  35. package/dist/types/animated/MobileAlgoFast.d.ts +0 -7
  36. package/dist/types/animated/Split01.d.ts +0 -7
  37. package/dist/types/animated/ThumbnailContainer.d.ts +0 -7
  38. package/dist/types/animated/ThumbnailContainer2.d.ts +0 -7
  39. /package/src/animated/{MaxMin.html → ResponsiveBehaviorElementsScaleWithLimits.html} +0 -0
  40. /package/src/animated/{LimitScaling2.html → ResponsiveBehaviorElementsScaleWithLimitsMobile.html} +0 -0
  41. /package/src/animated/{MobileAlgoFast.html → ResponsiveBehaviorElementsStackOnMobile.html} +0 -0
  42. /package/src/animated/{FullWidth2.html → ThumbnailFullWidthTransparent.html} +0 -0
  43. /package/src/animated/{HoverSquareInvertText.html → ThumbnailGridTransparent.html} +0 -0
  44. /package/src/animated/{ThumbnailContainer2.html → ThumbnailSideBySideTransparent.html} +0 -0
  45. /package/src/animated/{Split01.html → ThumbnailSplitTransparent.html} +0 -0
  46. /package/src/animated/{ThumbnailContainer.html → ThumbnailZigzagTransparent.html} +0 -0
package/dist/cjs/animated/{Split01.js → ThumbnailSplitTransparent.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 Split01_exports = {};
30
- __export(Split01_exports, {
31
- Split01: () => Split01
29
+ var ThumbnailSplitTransparent_exports = {};
30
+ __export(ThumbnailSplitTransparent_exports, {
31
+ ThumbnailSplitTransparent: () => ThumbnailSplitTransparent
32
32
  });
33
- module.exports = __toCommonJS(Split01_exports);
33
+ module.exports = __toCommonJS(ThumbnailSplitTransparent_exports);
34
34
  var import_react = __toESM(require("react"));
35
- const Split01 = (0, import_react.forwardRef)(
35
+ const ThumbnailSplitTransparent = (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,16 @@ const Split01 = (0, import_react.forwardRef)(
73
73
  width: 68,
74
74
  height: 68,
75
75
  xmlns: "http://www.w3.org/2000/svg",
76
- className: ["Split01-root", className].filter(Boolean).join(" "),
76
+ className: ["ThumbnailSplitTransparent-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_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)" }))),
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", 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-2)" }))), /* @__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: "Split01-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: "Split01-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: "Split01-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", filter: `url(#${uid}-filter1_f_4428_19363)` }, /* @__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)` }))))))))
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", 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-2)" }))), /* @__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: "ThumbnailSplitTransparent-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: "ThumbnailSplitTransparent-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: "ThumbnailSplitTransparent-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", filter: `url(#${uid}-filter1_f_4428_19363)` }, /* @__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
81
  );
82
82
  }
83
83
  );
84
- Split01.displayName = "Split01";
84
+ ThumbnailSplitTransparent.displayName = "ThumbnailSplitTransparent";
85
85
  // Annotate the CommonJS export names for ESM import in node:
86
86
  0 && (module.exports = {
87
- Split01
87
+ ThumbnailSplitTransparent
88
88
  });
package/dist/cjs/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.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 ThumbnailContainer_exports = {};
30
- __export(ThumbnailContainer_exports, {
31
- ThumbnailContainer: () => ThumbnailContainer
29
+ var ThumbnailZigzagTransparent_exports = {};
30
+ __export(ThumbnailZigzagTransparent_exports, {
31
+ ThumbnailZigzagTransparent: () => ThumbnailZigzagTransparent
32
32
  });
33
- module.exports = __toCommonJS(ThumbnailContainer_exports);
33
+ module.exports = __toCommonJS(ThumbnailZigzagTransparent_exports);
34
34
  var import_react = __toESM(require("react"));
35
- const ThumbnailContainer = (0, import_react.forwardRef)(
35
+ const ThumbnailZigzagTransparent = (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,16 @@ const ThumbnailContainer = (0, import_react.forwardRef)(
73
73
  width: 68,
74
74
  height: 68,
75
75
  xmlns: "http://www.w3.org/2000/svg",
76
- className: ["ThumbnailContainer-root", className].filter(Boolean).join(" "),
76
+ className: ["ThumbnailZigzagTransparent-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: "ThumbnailContainer-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: "ThumbnailContainer-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: "ThumbnailContainer-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: "ThumbnailContainer-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", filter: `url(#${uid}-filter1_f_4424_19163)` }, /* @__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)` })))))))
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: "ThumbnailZigzagTransparent-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: "ThumbnailZigzagTransparent-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: "ThumbnailZigzagTransparent-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: "ThumbnailZigzagTransparent-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", filter: `url(#${uid}-filter1_f_4424_19163)` }, /* @__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
81
  );
82
82
  }
83
83
  );
84
- ThumbnailContainer.displayName = "ThumbnailContainer";
84
+ ThumbnailZigzagTransparent.displayName = "ThumbnailZigzagTransparent";
85
85
  // Annotate the CommonJS export names for ESM import in node:
86
86
  0 && (module.exports = {
87
- ThumbnailContainer
87
+ ThumbnailZigzagTransparent
88
88
  });