@wix/design-system-illustrations 2.18.0 → 2.19.0

package/dist/cjs/FacebookStory.js

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FacebookStory_exports = {};
+__export(FacebookStory_exports, {
+  FacebookStory: () => FacebookStory
+});
+module.exports = __toCommonJS(FacebookStory_exports);
+var import_react = __toESM(require("react"));
+const FacebookStory = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FacebookStory__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 115 18)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FacebookStory__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FacebookStory__c)", d: "M180 110V0H65v110z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M78 27a4 4 0 1 1-8 0 4 4 0 0 1 8 0M92 25v1H82v-1zM101 29v1H82v-1zM90.586 58l1.114.24c3.269.984 5.095 4.51 3.965 7.796-.714 2.074-2.58 3.657-4.746 3.964v-4.175l.062-.062h1.353l.25-1.72h-1.666v-1.28c0-.14.161-.465.27-.569.108-.104.449-.25.584-.25h.895v-1.469c-1.072-.146-2.401-.31-3.14.675-.155.208-.44.82-.44 1.066v1.826h-1.54v1.72h1.478l.062.063V70c-2.301-.323-4.228-2.072-4.858-4.313l-.22-1.1c.022-.368-.029-.768 0-1.133.224-2.777 2.663-5.218 5.411-5.454z" })),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FacebookStory__c", x1: "169.678", x2: "48.439", y1: "15.601", y2: "114.931", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FacebookStory__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 115 18)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FacebookStory__b", width: "140.417", height: "135.417", x: "52.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18446", stdDeviation: "6.354" })))
+);
+FacebookStory.displayName = "FacebookStory";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FacebookStory
+});

package/dist/cjs/Fade.js

@@ -0,0 +1,53 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Fade_exports = {};
+__export(Fade_exports, {
+  Fade: () => Fade
+});
+module.exports = __toCommonJS(Fade_exports);
+var import_react = __toESM(require("react"));
+const Fade = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("mask", { id: "Fade__b", width: "54", height: "33", x: "9", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fade__a)", d: "M9.5 20.5h53v32h-53z" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fade__b)", clipPath: "url(#Fade__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "10.5", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fade__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fade__e)", d: "M10.5.5h61v51h-61z" }))),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fade__a", x1: "62.5", x2: "9.5", y1: "36.5", y2: "36.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "#D9D9D9", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#737373" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fade__e", x1: "62.849", x2: "21.657", y1: "5.078", y2: "67.946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Fade__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "10.5", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Fade__d", width: "71", height: "61", x: "5.5", y: "-4.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17334", stdDeviation: "2.5" })))
+);
+Fade.displayName = "Fade";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fade
+});

package/dist/cjs/FadeAnimation.js

@@ -0,0 +1,53 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FadeAnimation_exports = {};
+__export(FadeAnimation_exports, {
+  FadeAnimation: () => FadeAnimation
+});
+module.exports = __toCommonJS(FadeAnimation_exports);
+var import_react = __toESM(require("react"));
+const FadeAnimation = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimation__a)", d: "M22 22h28v28H22z" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FadeAnimation__b)", clipPath: "url(#FadeAnimation__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FadeAnimation__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17877", stdDeviation: "2.5" })))
+);
+FadeAnimation.displayName = "FadeAnimation";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FadeAnimation
+});

package/dist/cjs/FadeBackSection.js

@@ -0,0 +1,63 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FadeBackSection_exports = {};
+__export(FadeBackSection_exports, {
+  FadeBackSection: () => FadeBackSection
+});
+module.exports = __toCommonJS(FadeBackSection_exports);
+var import_react = __toESM(require("react"));
+const FadeBackSection = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".7", rx: "2", transform: "matrix(1 0 0 -1 20 44.89)" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#FadeBackSection__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeBackSection__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__c)", d: "M20 5.664H71v39.618H20z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#FadeBackSection__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.668 27.11h10.667v17.777H30.668z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeBackSection__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__f)", d: "M30.668 7.148h51.001v37.96H30.668z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FadeBackSection__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M41.332 27.11h8.667a2 2 0 0 1 2 2v13.777a2 2 0 0 1-2 2h-8.667z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeBackSection__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__i)", d: "M41.332 14.594h53.5v30.515h-53.5z" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__j)", d: "m58.621 19.09-6 6-.707-.707 6-6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.914 25.086a.5.5 0 0 1-.144-.399l.353-3.889.996.09-.3 3.293 3.293-.3.09.996-3.89.353-.11-.002a.5.5 0 0 1-.288-.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__k)", d: "m13.38 19.09 6 6 .706-.707-6-6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.087 25.086a.5.5 0 0 0 .144-.399l-.354-3.889-.995.09.3 3.293-3.293-.3-.09.996 3.89.353.109-.002a.5.5 0 0 0 .289-.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__l)", d: "m13.378 52.91 6-6 .707.707-6 6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.914a.5.5 0 0 1 .145.399l-.354 3.889-.996-.09.3-3.293-3.292.3-.09-.996 3.889-.353.11.002a.5.5 0 0 1 .288.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__m)", d: "m58.62 52.91-6-6-.706.707 6 6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.914a.5.5 0 0 0-.144.399l.354 3.889.995-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.109.002a.5.5 0 0 0-.289.142" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeBackSection__c", x1: "63.768", x2: "32.765", y1: "9.22", y2: "60.15", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeBackSection__f", x1: "74.436", x2: "45.329", y1: "10.556", y2: "60.459", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeBackSection__i", x1: "87.244", x2: "67.215", y1: "17.333", y2: "62.144", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeBackSection__j", x1: "58.268", x2: "52.268", y1: "18.736", y2: "24.736", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeBackSection__k", x1: "13.733", x2: "19.733", y1: "18.736", y2: "24.736", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeBackSection__l", x1: "13.732", x2: "19.732", y1: "53.264", y2: "47.264", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeBackSection__m", x1: "58.267", x2: "52.267", y1: "53.264", y2: "47.264", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FadeBackSection__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FadeBackSection__d" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M30.668 27.11h10.667v17.777H30.668z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FadeBackSection__g" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M41.332 27.11h8.667a2 2 0 0 1 2 2v13.777a2 2 0 0 1-2 2h-8.667z" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeBackSection__b", width: "62.089", height: "50.705", x: "14.456", y: ".12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeBackSection__e", width: "62.089", height: "49.048", x: "25.124", y: "1.605", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeBackSection__h", width: "64.587", height: "41.603", x: "35.788", y: "9.05", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })))
+);
+FadeBackSection.displayName = "FadeBackSection";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FadeBackSection
+});

package/dist/cjs/FadeClick.js

@@ -0,0 +1,53 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FadeClick_exports = {};
+__export(FadeClick_exports, {
+  FadeClick: () => FadeClick
+});
+module.exports = __toCommonJS(FadeClick_exports);
+var import_react = __toESM(require("react"));
+const FadeClick = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", x: "19.5", y: "28", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "8" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeClick__b)", clipPath: "url(#FadeClick__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeClick__c)", d: "M15.806-5.477h49.027v50.743H15.806z" })),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeClick__c", x1: "57.88", x2: "14.14", y1: "-.922", y2: "53.005", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FadeClick__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", x: "19.5", y: "28", fill: "#fff", rx: "8" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeClick__b", width: "59.027", height: "60.742", x: "10.806", y: "-10.477", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19593", stdDeviation: "2.5" })))
+);
+FadeClick.displayName = "FadeClick";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FadeClick
+});

package/dist/cjs/FadeHover.js

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FadeHover_exports = {};
+__export(FadeHover_exports, {
+  FadeHover: () => FadeHover
+});
+module.exports = __toCommonJS(FadeHover_exports);
+var import_react = __toESM(require("react"));
+const FadeHover = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeHover__b)", clipPath: "url(#FadeHover__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeHover__c)", d: "M22.315 6.965H62.78v41.88H22.315z" })),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeHover__c", x1: "57.04", x2: "20.941", y1: "10.724", y2: "55.231", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FadeHover__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeHover__b", width: "50.464", height: "51.879", x: "17.315", y: "1.965", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19758", stdDeviation: "2.5" })))
+);
+FadeHover.displayName = "FadeHover";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FadeHover
+});

package/dist/cjs/FadeScroll.js

@@ -0,0 +1,53 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FadeScroll_exports = {};
+__export(FadeScroll_exports, {
+  FadeScroll: () => FadeScroll
+});
+module.exports = __toCommonJS(FadeScroll_exports);
+var import_react = __toESM(require("react"));
+const FadeScroll = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FadeScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35 23.577a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732L37 48.423a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.732z" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeScroll__b)", mask: "url(#FadeScroll__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeScroll__c)", d: "m32.086-1.996 45.691 12.243-12.67 47.29-45.692-12.243z" })),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeScroll__c", x1: "70.16", x2: "15.93", y1: "12.755", y2: "52.09", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeScroll__b", width: "68.363", height: "69.535", x: "14.415", y: "-6.996", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19789", stdDeviation: "2.5" })))
+);
+FadeScroll.displayName = "FadeScroll";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FadeScroll
+});

package/dist/cjs/FadeSection.js

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FadeSection_exports = {};
+__export(FadeSection_exports, {
+  FadeSection: () => FadeSection
+});
+module.exports = __toCommonJS(FadeSection_exports);
+var import_react = __toESM(require("react"));
+const FadeSection = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeSection__b)", clipPath: "url(#FadeSection__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeSection__c)", d: "M16.67 13.281H81.43v35.25H16.67z" })),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeSection__c", x1: "72.244", x2: "49.829", y1: "16.445", y2: "68.991", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FadeSection__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeSection__b", width: "74.758", height: "45.25", x: "11.671", y: "8.281", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20907", stdDeviation: "2.5" })))
+);
+FadeSection.displayName = "FadeSection";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FadeSection
+});

package/dist/cjs/FillParallaxScroll.js

@@ -0,0 +1,60 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FillParallaxScroll_exports = {};
+__export(FillParallaxScroll_exports, {
+  FillParallaxScroll: () => FillParallaxScroll
+});
+module.exports = __toCommonJS(FillParallaxScroll_exports);
+var import_react = __toESM(require("react"));
+const FillParallaxScroll = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 22.437a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732V41.92a2 2 0 0 1-1 1.732L37 49.57a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.086a2 2 0 0 1 1-1.732z", opacity: ".25" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillParallaxScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.574a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87A2.1 2.1 0 0 1 23.735 42V30.26c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__d)", d: "m36.441 29.305-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__e)", d: "M52.786 34.551s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "var(--wds-illustration-color-6, #002296)", rx: "3.631" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FillParallaxScroll__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__h)", d: "M27.792 22.714q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.535-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
+  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillParallaxScroll__i", width: "32", height: "16", x: "20", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M20.014 21.703h31.973v14.363H20.014z" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillParallaxScroll__i)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillParallaxScroll__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.34a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .749-.4 1.441-1.05 1.816l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.749.4-1.441 1.05-1.816z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillParallaxScroll__j)", clipPath: "url(#FillParallaxScroll__k)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__l)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.688", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__m)", d: "m36.44 29.07-9.096 14.685 16.221-2.416z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__n)", d: "M52.784 34.317s-12.47-5.102-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.993 1.109 3.426 1.716 4.744 1.958 5.329.241.585 1.225 2.969-1.25 3.848-2.805.997-17.933 5.73-17.933 5.73v4.29h33.57z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__o)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FillParallaxScroll__p)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__q)", d: "M27.79 22.48q-.481.095-.944.264a6.06 6.06 0 0 0-3.123 2.614c-1.689 2.863-.75 6.532 2.1 8.193 2.848 1.66 6.525.683 8.214-2.18 1.689-2.866.749-6.535-2.097-8.194a5.94 5.94 0 0 0-4.15-.698" }))))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52 36.54H20v-1h32z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__r)", d: "M35.5 20.875V12.39h1v8.485z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 11.89a.5.5 0 0 1 .384.18l2.5 3-.768.64L36 13.17l-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.103" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__s)", d: "M35.5 51.133v8.485h1v-8.485z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 60.117a.5.5 0 0 0 .384-.18l2.5-3-.768-.64L36 58.837l-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__d", x1: "31.554", x2: "44.855", y1: "34.291", y2: "44.764", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__e", x1: "22.888", x2: "49.3", y1: "20.971", y2: "46.622", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__h", x1: "33.177", x2: "22.919", y1: "23.678", y2: "36.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__m", x1: "31.552", x2: "44.853", y1: "34.056", y2: "44.529", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__n", x1: "22.886", x2: "49.297", y1: "20.737", y2: "46.388", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__q", x1: "33.175", x2: "22.917", y1: "23.444", y2: "36.534", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__r", x1: "36", x2: "36", y1: "20.875", y2: "12.39", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FillParallaxScroll__s", x1: "36", x2: "36", y1: "51.133", y2: "59.618", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FillParallaxScroll__b" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M21.838 21.969h28.324v28.324H21.838z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FillParallaxScroll__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FillParallaxScroll__f" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FillParallaxScroll__k" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M21.836 21.734H50.16v28.324H21.836z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FillParallaxScroll__l" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.688", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FillParallaxScroll__o" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FillParallaxScroll__g", width: "14.299", height: "14.299", x: "21.732", y: "21.448", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_23242", stdDeviation: ".577" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FillParallaxScroll__p", width: "14.299", height: "14.299", x: "21.73", y: "21.214", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_23242", stdDeviation: ".577" })))
+);
+FillParallaxScroll.displayName = "FillParallaxScroll";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FillParallaxScroll
+});