@wix/design-system-illustrations 2.10.0 → 2.11.0

package/dist/cjs/FacebookCover.js

@@ -0,0 +1,55 @@
+"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 FacebookCover_exports = {};
+__export(FacebookCover_exports, {
+  FacebookCover: () => FacebookCover
+});
+module.exports = __toCommonJS(FacebookCover_exports);
+var import_react = __toESM(require("react"));
+const FacebookCover = (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(#FacebookCover__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "60", height: "102", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FacebookCover__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FacebookCover__c)", d: "M0 0h93v141H0z", transform: "matrix(0 -1 -1 0 180 93)" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M90 70v-1H66v1zM78 73v1H66v-1zM62 71a7 7 0 1 1-14 0 7 7 0 0 1 14 0" }),
+  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FacebookCover__d", width: "92", height: "32", x: "44", y: "34", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M136 66H61.243A7.98 7.98 0 0 0 55 63a7.98 7.98 0 0 0-6.243 3H44V34h92z" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FacebookCover__d)", clipPath: "url(#FacebookCover__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 136 66)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FacebookCover__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FacebookCover__g)", d: "M180 66V0H44v66z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m90.586 45 1.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.063V57c-2.301-.323-4.228-2.072-4.858-4.313l-.22-1.1c.022-.369-.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: "FacebookCover__c", x1: "79.81", x2: "-42.581", y1: "12.656", y2: "115.666", 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-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FacebookCover__g", x1: "167.793", x2: "101.374", y1: "9.36", y2: "116.616", 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: "FacebookCover__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "60", height: "102", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FacebookCover__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "92", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 136 66)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FacebookCover__b", width: "166.417", height: "118.417", x: "26.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_18412", stdDeviation: "6.354" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FacebookCover__f", width: "161.417", height: "91.417", x: "31.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_18412", stdDeviation: "6.354" })))
+);
+FacebookCover.displayName = "FacebookCover";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FacebookCover
+});

package/dist/cjs/FacebookPost.js

@@ -0,0 +1,54 @@
+"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 FacebookPost_exports = {};
+__export(FacebookPost_exports, {
+  FacebookPost: () => FacebookPost
+});
+module.exports = __toCommonJS(FacebookPost_exports);
+var import_react = __toESM(require("react"));
+const FacebookPost = (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(#FacebookPost__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "73", height: "74", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 1 1 0 53 27)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FacebookPost__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FacebookPost__c)", d: "M0 0h100v127H0z", transform: "matrix(0 -1 -1 0 176 104)" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FacebookPost__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 1 1 0 58 45)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FacebookPost__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FacebookPost__f)", d: "M180 95V0H58v95z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m90.586 64 1.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.063V76c-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("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M66 36a4 4 0 1 1-8 0 4 4 0 0 1 8 0M80 34v1H70v-1zM90 38v1H70v-1z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FacebookPost__c", x1: "85.817", x2: "-26.062", y1: "11.399", y2: "123.812", 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-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FacebookPost__f", x1: "169.049", x2: "62.259", y1: "13.473", y2: "120.947", 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: "FacebookPost__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "73", height: "74", fill: "#fff", rx: "6", transform: "matrix(0 1 1 0 53 27)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FacebookPost__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "64", fill: "#fff", rx: "3", transform: "matrix(0 1 1 0 58 45)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FacebookPost__b", width: "152.417", height: "125.417", x: "36.292", y: "-8.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_18431", stdDeviation: "6.354" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FacebookPost__e", width: "147.417", height: "120.417", x: "45.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_18431", stdDeviation: "6.354" })))
+);
+FacebookPost.displayName = "FacebookPost";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FacebookPost
+});

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

@@ -35,15 +35,16 @@ var import_react = __toESM(require("react"));
 const Fade = (props) => /* @__PURE__ */ import_react.default.createElement(
   "svg",
   {
-    viewBox: "0 0 50 30",
+    viewBox: "0 0 72 72",
     fill: "none",
-    width: 50,
-    height: 30,
+    width: 72,
+    height: 72,
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Fade__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fade__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fade__c)", d: "M0-21h61v51H0z" }))),
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fade__c", x1: "52.349", x2: "11.157", y1: "-16.422", y2: "46.446", 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__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Fade__b", width: "71", height: "61", x: "-5", y: "-26", 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_74_1008", stdDeviation: "2.5" })))
+  /* @__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:

package/dist/cjs/FadeAnimation.js

@@ -44,7 +44,7 @@ const FadeAnimation = (props) => /* @__PURE__ */ import_react.default.createElem
   },
   /* @__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: "1", 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_102_1530", stdDeviation: "2.5" })))
+  /* @__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:

package/dist/cjs/FadeBackSection.js

@@ -0,0 +1,62 @@
+"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("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/{Aspect5_4.js → FadeClick.js}

@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Aspect5_4_exports = {};
-__export(Aspect5_4_exports, {
-  Aspect5_4: () => Aspect5_4
+var FadeClick_exports = {};
+__export(FadeClick_exports, {
+  FadeClick: () => FadeClick
 });
-module.exports = __toCommonJS(Aspect5_4_exports);
+module.exports = __toCommonJS(FadeClick_exports);
 var import_react = __toESM(require("react"));
-const Aspect5_4 = (props) => /* @__PURE__ */ import_react.default.createElement(
+const FadeClick = (props) => /* @__PURE__ */ import_react.default.createElement(
   "svg",
   {
     viewBox: "0 0 72 72",
@@ -42,11 +42,12 @@ const Aspect5_4 = (props) => /* @__PURE__ */ import_react.default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Aspect5_4__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "24", x: "16", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Aspect5_4__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Aspect5_4__c)", d: "M16-3h51v48H16z" }))),
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Aspect5_4__c", x1: "59.767", x2: "19.367", y1: "1.308", y2: "56.082", 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: "Aspect5_4__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "24", x: "16", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Aspect5_4__b", width: "61", height: "58", x: "11", y: "-8", 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_102_1873", stdDeviation: "2.5" })))
+  /* @__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" })))
 );
-Aspect5_4.displayName = "Aspect5_4";
+FadeClick.displayName = "FadeClick";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Aspect5_4
+  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
+});