@wix/design-system-illustrations 2.10.0 → 2.12.0

package/dist/esm/Skew3DMouse.js

@@ -0,0 +1,21 @@
+import React from "react";
+const Skew3DMouse = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__a", width: "39", height: "26", x: "11", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M11.509 22.945c-.33-1.2 1.918-1.2 3.655 0L48.193 45.76c1.45 1.002 1.454 2.13.007 2.13H21.445c-1.447 0-3.387-1.128-3.663-2.13z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-27.788 3.34h57.98l41.293 47.94h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__d)", d: "m7.262 9.16 53.64 37.913H16.84z" })))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__e", width: "31", height: "27", x: "25", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M29.603 22.537c.26-1.306 2.264-1.306 3.518 0L54.826 45.15c1.196 1.245.807 2.76-.708 2.76H27.922c-1.515 0-3.056-1.514-2.809-2.76z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-1.386 2.809h57.98l18.475 48.534h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__h)", d: "m30.894 8.703 35.594 38.383H22.427z" })))),
+  /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__i", width: "31", height: "27", x: "35", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M48.282 22.379c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.667-1.733-3z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M26.776 2.633h57.98v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__l)", d: "M58.07 4.383 82.557 47.05H31.135z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__b", width: "109.273", height: "57.941", x: "-32.788", y: "-1.66", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__c", width: "63.639", height: "47.914", x: "2.262", y: "4.16", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__f", width: "86.454", height: "58.535", x: "-6.386", y: "-2.191", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__g", width: "54.061", height: "48.383", x: "17.427", y: "3.703", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__j", width: "67.979", height: "58.691", x: "21.776", y: "-2.367", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__k", width: "61.423", height: "52.668", x: "26.135", y: "-.617", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Skew3DMouse__d", x1: "24.927", x2: "9.677", y1: "12.563", y2: "48.314", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Skew3DMouse__h", x1: "46.94", x2: "24.456", y1: "12.148", y2: "53.642", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Skew3DMouse__l", x1: "75.265", x2: "40.909", y1: "8.213", y2: "61.049", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })))
+);
+Skew3DMouse.displayName = "Skew3DMouse";
+export {
+  Skew3DMouse
+};

package/dist/esm/SkewClick.js

@@ -0,0 +1,19 @@
+import React from "react";
+const SkewClick = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__c)", d: "m109.989 62.273-15.03-37.83L3.582.76l15.03 37.83z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__f)", d: "M95.765 44V11.994H20.08V44z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__c", x1: "88.888", x2: "60.059", y1: "27.683", y2: "71.977", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__f", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__b", width: "123.203", height: "78.311", x: "-4.816", y: "-7.64", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "4.199" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__e", width: "90.45", height: "46.769", x: "12.698", y: "4.614", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "3.691" })))
+);
+SkewClick.displayName = "SkewClick";
+export {
+  SkewClick
+};

package/dist/esm/SkewHover.js

@@ -0,0 +1,19 @@
+import React from "react";
+const SkewHover = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__c)", d: "M.012-6.45h60.66l25.083 53.523h-60.66z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__f)", d: "M25.054-6.258h53.188v53.28H25.054z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewHover__c", x1: "54.32", x2: "25.096", y1: "-1.645", y2: "54.315", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewHover__f", x1: "70.699", x2: "25.105", y1: "-1.476", y2: "56.605", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "#fff", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__b", width: "95.743", height: "63.523", x: "-4.988", y: "-11.449", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19685", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__e", width: "63.188", height: "63.277", x: "20.054", y: "-11.258", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19685", stdDeviation: "2.5" })))
+);
+SkewHover.displayName = "SkewHover";
+export {
+  SkewHover
+};

package/dist/esm/SkewSection.js

@@ -0,0 +1,23 @@
+import React from "react";
+const SkewSection = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__a)", d: "M14.716 28.441V18.265h1V28.44z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.216 17.766a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.077a.5.5 0 0 1 .304-.103" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__b)", d: "M57.284 43.742v9.996h-1v-9.996z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M56.784 54.238a.5.5 0 0 0 .384-.18l2.5-3-.768-.64-2.116 2.54-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewSection__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__e)", d: "m19.418 5.324 52.661 21.813.647 38.995-52.661-21.813z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewSection__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__h)", d: "M20 6.016h57.254v38.91H20z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewSection__a", x1: "22.382", x2: "22.382", y1: "28.441", y2: "18.265", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewSection__b", x1: "49.618", x2: "49.618", y1: "43.742", y2: "53.738", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewSection__e", x1: "64.668", x2: "30.881", y1: "27.544", y2: "61.845", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewSection__h", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewSection__c" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "#fff", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewSection__f" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__d", width: "63.308", height: "70.809", x: "14.418", y: ".324", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20951", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__g", width: "67.254", height: "48.91", x: "15", y: "1.016", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20951", stdDeviation: "2.5" })))
+);
+SkewSection.displayName = "SkewSection";
+export {
+  SkewSection
+};

package/dist/esm/Slide.js

@@ -11,8 +11,8 @@ const Slide = (props) => /* @__PURE__ */ React.createElement(
   },
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slide__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__d)", d: "M36 0h61v51H36z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slide__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__g)", d: "M-14 0h61v51h-61z" })))),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__h)", d: "M23 57h25v1H23z" }),
-  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M48.5 57.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.077.08a.5.5 0 0 1 .103.304" }),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__d", x1: "88.349", x2: "47.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__g", x1: "38.349", x2: "-2.843", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__h", x1: "23", x2: "48", y1: "57.5", y2: "57.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__c", width: "71", height: "61", x: "31", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1042", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__f", width: "71", height: "61", x: "-19", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1042", stdDeviation: "2.5" })))
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M48.5 57.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.077.08a.5.5 0 0 1 .103.304" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__d", x1: "88.349", x2: "47.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__g", x1: "38.349", x2: "-2.843", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__h", x1: "23", x2: "48", y1: "57.5", y2: "57.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__c", width: "71", height: "61", x: "31", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17369", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__f", width: "71", height: "61", x: "-19", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17369", stdDeviation: "2.5" })))
 );
 Slide.displayName = "Slide";
 export {

package/dist/esm/SlideAnimation.js

@@ -12,8 +12,8 @@ const SlideAnimation = (props) => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#SlideAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 14 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__c)", d: "M-4.385 17.758 28.142-14.77 60.67 17.758 28.142 50.285z" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SlideAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 23 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__f)", d: "M4.615 17.758 37.142-14.77 69.67 17.758 37.142 50.285z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SlideAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 32 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__i)", d: "M13.615 17.758 46.142-14.77 78.67 17.758 46.142 50.285z" }))),
-  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M15.5 20v32h-1V20z" }),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideAnimation__c", x1: "26.449", x2: "34.129", y1: "-7.236", y2: "56.092", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideAnimation__f", x1: "35.449", x2: "43.129", y1: "-7.236", y2: "56.092", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideAnimation__i", x1: "44.449", x2: "52.129", y1: "-7.236", y2: "56.092", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 14 36.143)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 23 36.143)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 32 36.143)" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__b", width: "75.054", height: "75.055", x: "-9.385", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5272", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__e", width: "75.054", height: "75.055", x: "-.385", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5272", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__h", width: "75.054", height: "75.055", x: "8.615", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5272", stdDeviation: "2.5" })))
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.5 20v32h-1V20z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideAnimation__c", x1: "26.449", x2: "34.129", y1: "-7.236", y2: "56.092", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideAnimation__f", x1: "35.449", x2: "43.129", y1: "-7.236", y2: "56.092", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideAnimation__i", x1: "44.449", x2: "52.129", y1: "-7.236", y2: "56.092", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 14 36.143)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 23 36.143)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 32 36.143)" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__b", width: "75.054", height: "75.055", x: "-9.385", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17890", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__e", width: "75.054", height: "75.055", x: "-.385", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17890", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__h", width: "75.054", height: "75.055", x: "8.615", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17890", stdDeviation: "2.5" })))
 );
 SlideAnimation.displayName = "SlideAnimation";
 export {

package/dist/esm/SlideScroll.js

@@ -0,0 +1,22 @@
+import React from "react";
+const SlideScroll = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SlideScroll__a", width: "27", height: "24", x: "14", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32.843 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L15.075 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideScroll__b)", mask: "url(#SlideScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideScroll__c)", d: "m54.176 9.317 14.478 25.076L54.176 59.47H25.221L10.743 34.393 25.221 9.317z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "SlideScroll__d", width: "26", height: "24", x: "23", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M41.345 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L23.577 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideScroll__e)", mask: "url(#SlideScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideScroll__f)", d: "m62.678 9.317 14.478 25.076L62.678 59.47H33.723L19.245 34.393 33.723 9.317z" }))),
+  /* @__PURE__ */ React.createElement("mask", { id: "SlideScroll__g", width: "27", height: "24", x: "31", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49.847 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L32.08 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideScroll__h)", mask: "url(#SlideScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideScroll__i)", d: "m78.687 7.31 16.966 29.387-16.966 29.387H44.754L27.787 36.697 44.754 7.31z" })),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.828 20v32h-1V20z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideScroll__c", x1: "69.54", x2: "9.466", y1: "24.19", y2: "49.135", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideScroll__f", x1: "78.042", x2: "17.968", y1: "24.19", y2: "49.135", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideScroll__i", x1: "96.692", x2: "26.291", y1: "24.74", y2: "53.973", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideScroll__b", width: "67.91", height: "60.152", x: "5.743", y: "4.316", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19925", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideScroll__e", width: "67.91", height: "60.152", x: "14.245", y: "4.316", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19925", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideScroll__h", width: "77.866", height: "68.773", x: "22.787", y: "2.309", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19925", stdDeviation: "2.5" })))
+);
+SlideScroll.displayName = "SlideScroll";
+export {
+  SlideScroll
+};

package/dist/esm/Slides.js

@@ -0,0 +1,18 @@
+import React from "react";
+const Slides = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slides__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slides__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "108", height: "64", x: "-76", y: "32", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slides__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slides__d)", d: "M-80 4H64v96H-80z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slides__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(-1 0 0 1 27 37)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slides__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slides__g)", d: "M68 91V0h-95v91z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slides__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "108", height: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 256 32)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slides__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slides__j)", d: "M0 0h144v96H0z", transform: "matrix(-1 0 0 1 288 4)" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slides__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(-1 0 0 1 207 37)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slides__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slides__m)", d: "M243 73v-91h-95v91z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M153 87a4 4 0 1 0 8 0 4 4 0 0 0-8 0M204 81.5v1h-35v-1zM204 85.5v1h-35v-1zM188 89.5v1h-19v-1z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slides__n)" }, /* @__PURE__ */ React.createElement("rect", { width: "108", height: "64", x: "36", y: "32", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slides__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slides__p)", d: "M32 4h144v96H32z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slides__q)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(-1 0 0 1 139 37)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slides__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slides__s)", d: "M180 91V0H85v91z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M76 82v1H41v-1zM76 86v1H41v-1zM60 90v1H41v-1zM49 41a4 4 0 1 1-8 0 4 4 0 0 1 8 0" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "Slides__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h180v127H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slides__b" }, /* @__PURE__ */ React.createElement("rect", { width: "108", height: "64", x: "-76", y: "32", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slides__e" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", fill: "#fff", rx: "3", transform: "matrix(-1 0 0 1 27 37)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slides__h" }, /* @__PURE__ */ React.createElement("rect", { width: "108", height: "64", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 256 32)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slides__k" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "36", fill: "#fff", rx: "3", transform: "matrix(-1 0 0 1 207 37)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slides__n" }, /* @__PURE__ */ React.createElement("rect", { width: "108", height: "64", x: "36", y: "32", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slides__q" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", fill: "#fff", rx: "3", transform: "matrix(-1 0 0 1 139 37)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slides__d", x1: "43.577", x2: "-25.843", y1: "12.617", y2: "145.491", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-2, #7896ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slides__g", x1: "59.473", x2: "-40.796", y1: "12.906", y2: "94.938", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slides__j", x1: "123.577", x2: "54.157", y1: "8.617", y2: "141.491", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-2, #7896ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slides__m", x1: "234.473", x2: "134.204", y1: "-5.094", y2: "76.938", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slides__p", x1: "155.577", x2: "86.157", y1: "12.617", y2: "145.491", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-2, #7896ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slides__s", x1: "171.473", x2: "71.204", y1: "12.906", y2: "94.938", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Slides__c", width: "169.417", height: "121.417", x: "-92.708", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18627", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "Slides__f", width: "120.417", height: "116.417", x: "-39.708", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18627", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "Slides__i", width: "169.417", height: "121.417", x: "131.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18627", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "Slides__l", width: "120.417", height: "116.417", x: "135.292", y: "-30.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18627", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "Slides__o", width: "169.417", height: "121.417", x: "19.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18627", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "Slides__r", width: "120.417", height: "116.417", x: "72.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18627", stdDeviation: "6.354" })))
+);
+Slides.displayName = "Slides";
+export {
+  Slides
+};

package/dist/esm/SnakeTrailAnimation.js

@@ -10,7 +10,7 @@ const SnakeTrailAnimation = (props) => /* @__PURE__ */ React.createElement(
     ...props
   },
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "37.79", y: "27.975", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "rotate(-15 37.79 27.975)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__d)", d: "M43.603 18.842a9.845 9.845 0 0 0-5.177 6.232c-1.448 5.208 1.572 10.574 6.745 11.984 5.172 1.41 10.537-1.672 11.984-6.88 1.447-5.213-1.573-10.579-6.742-11.986a9.65 9.65 0 0 0-6.81.65" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "39.892", y: "30.001", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__g)", d: "M47.87 22.684q-.782.154-1.535.43a9.84 9.84 0 0 0-5.078 4.25c-2.746 4.656-1.218 10.62 3.413 13.321 4.631 2.7 10.61 1.111 13.357-3.545 2.746-4.66 1.218-10.625-3.41-13.322a9.65 9.65 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "39.139", y: "33.786", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__j)", d: "M47.117 26.469q-.782.155-1.535.43a9.85 9.85 0 0 0-5.078 4.25c-2.746 4.656-1.218 10.62 3.413 13.321 4.631 2.7 10.61 1.112 13.357-3.545 2.746-4.66 1.218-10.624-3.41-13.321a9.66 9.66 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "36.995", y: "36.995", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__m)", d: "M44.974 29.678a9.845 9.845 0 0 0-6.613 4.68c-2.747 4.656-1.219 10.62 3.413 13.321 4.631 2.7 10.61 1.112 13.356-3.545 2.746-4.66 1.218-10.624-3.41-13.321a9.66 9.66 0 0 0-6.746-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__n)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "33.786", y: "39.14", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__p)", d: "M41.764 31.822a9.846 9.846 0 0 0-6.613 4.68c-2.746 4.656-1.218 10.621 3.413 13.322s10.61 1.111 13.357-3.545c2.746-4.66 1.218-10.625-3.41-13.322a9.66 9.66 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__q)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "30", y: "39.892", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__s)", d: "M37.979 32.574a9.844 9.844 0 0 0-6.613 4.68c-2.747 4.656-1.219 10.621 3.413 13.322s10.61 1.111 13.357-3.545c2.746-4.66 1.217-10.625-3.41-13.322a9.66 9.66 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__t)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "26.216", y: "39.14", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__v)", d: "M34.194 31.822a9.845 9.845 0 0 0-6.613 4.68c-2.747 4.656-1.218 10.621 3.413 13.322s10.61 1.111 13.357-3.545c2.746-4.66 1.218-10.625-3.41-13.322a9.66 9.66 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__w)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "23.006", y: "36.995", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__x)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__y)", d: "M30.984 29.678a9.845 9.845 0 0 0-6.613 4.68c-2.747 4.656-1.218 10.62 3.413 13.321 4.631 2.7 10.61 1.112 13.357-3.545 2.746-4.66 1.218-10.624-3.41-13.321a9.65 9.65 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__z)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.861", y: "33.786", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__A)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__B)", d: "M28.84 26.469a9.845 9.845 0 0 0-6.613 4.68c-2.747 4.656-1.219 10.62 3.412 13.321 4.632 2.7 10.611 1.112 13.357-3.545 2.746-4.66 1.218-10.624-3.41-13.321a9.66 9.66 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__C)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.108", y: "30.001", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__D)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__E)", d: "M28.086 22.684a9.844 9.844 0 0 0-6.613 4.68c-2.746 4.656-1.218 10.62 3.414 13.321 4.63 2.7 10.61 1.111 13.356-3.545 2.746-4.66 1.218-10.625-3.41-13.322a9.65 9.65 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__F)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.861", y: "26.216", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__G)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__H)", d: "M28.84 18.898a9.845 9.845 0 0 0-6.613 4.68C19.479 28.235 21.007 34.2 25.638 36.9s10.611 1.111 13.357-3.545c2.746-4.66 1.218-10.625-3.41-13.322a9.66 9.66 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__I)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "23.006", y: "23.005", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__J)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__K)", d: "M30.984 15.687a9.844 9.844 0 0 0-6.613 4.68c-2.747 4.657-1.218 10.622 3.413 13.322s10.61 1.111 13.357-3.545c2.746-4.66 1.218-10.625-3.41-13.322a9.65 9.65 0 0 0-6.747-1.135" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SnakeTrailAnimation__L)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "26.216", y: "20.862", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SnakeTrailAnimation__M)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SnakeTrailAnimation__N)", d: "M34.194 13.545a9.844 9.844 0 0 0-6.613 4.68c-2.747 4.656-1.218 10.62 3.413 13.321 4.631 2.7 10.61 1.112 13.357-3.545 2.746-4.66 1.218-10.624-3.41-13.321a9.66 9.66 0 0 0-6.747-1.135" })))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M20 20h32v32H20z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "37.79", y: "27.975", fill: "#fff", rx: "6", transform: "rotate(-15 37.79 27.975)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__e" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "39.892", y: "30.001", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__h" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "39.139", y: "33.786", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__k" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "36.995", y: "36.995", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__n" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "33.786", y: "39.14", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__q" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "30", y: "39.892", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__t" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "26.216", y: "39.14", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__w" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "23.006", y: "36.995", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__z" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.861", y: "33.786", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__C" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.108", y: "30.001", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__F" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.861", y: "26.216", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__I" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "23.006", y: "23.005", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__L" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "26.216", y: "20.862", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__d", x1: "52.466", x2: "41.863", y1: "18.09", y2: "42.967", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__g", x1: "56.626", x2: "39.946", y1: "24.251", y2: "45.536", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__j", x1: "55.873", x2: "39.193", y1: "28.036", y2: "49.322", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__m", x1: "53.73", x2: "37.049", y1: "31.245", y2: "52.531", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__p", x1: "50.52", x2: "33.84", y1: "33.39", y2: "54.675", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__s", x1: "46.735", x2: "30.055", y1: "34.142", y2: "55.427", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__v", x1: "42.95", x2: "26.27", y1: "33.39", y2: "54.675", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__y", x1: "39.74", x2: "23.06", y1: "31.245", y2: "52.531", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__B", x1: "37.596", x2: "20.915", y1: "28.036", y2: "49.322", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__E", x1: "36.843", x2: "20.162", y1: "24.251", y2: "45.536", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__H", x1: "37.596", x2: "20.915", y1: "20.466", y2: "41.751", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__K", x1: "39.74", x2: "23.06", y1: "17.255", y2: "38.54", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__N", x1: "42.95", x2: "26.27", y1: "15.113", y2: "36.398", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__c", width: "23.203", height: "23.3", x: "36.189", y: "15.975", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__f", width: "23.25", height: "23.25", x: "38.017", y: "20.626", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__i", width: "23.25", height: "23.25", x: "37.264", y: "24.411", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__l", width: "23.25", height: "23.25", x: "35.12", y: "27.62", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__o", width: "23.25", height: "23.25", x: "31.911", y: "29.765", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__r", width: "23.25", height: "23.25", x: "28.125", y: "30.517", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__u", width: "23.25", height: "23.25", x: "24.341", y: "29.765", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__x", width: "23.25", height: "23.25", x: "21.131", y: "27.62", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__A", width: "23.25", height: "23.25", x: "18.986", y: "24.411", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__D", width: "23.25", height: "23.25", x: "18.233", y: "20.626", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__G", width: "23.25", height: "23.25", x: "18.986", y: "16.841", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__J", width: "23.25", height: "23.25", x: "21.131", y: "13.63", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__M", width: "23.25", height: "23.25", x: "24.341", y: "11.487", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1472", stdDeviation: ".938" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M20 20h32v32H20z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "37.79", y: "27.975", fill: "#fff", rx: "6", transform: "rotate(-15 37.79 27.975)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__e" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "39.892", y: "30.001", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__h" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "39.139", y: "33.786", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__k" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "36.995", y: "36.995", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__n" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "33.786", y: "39.14", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__q" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "30", y: "39.892", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__t" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "26.216", y: "39.14", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__w" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "23.006", y: "36.995", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__z" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.861", y: "33.786", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__C" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.108", y: "30.001", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__F" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "20.861", y: "26.216", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__I" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "23.006", y: "23.005", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SnakeTrailAnimation__L" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "26.216", y: "20.862", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__d", x1: "52.466", x2: "41.863", y1: "18.09", y2: "42.967", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__g", x1: "56.626", x2: "39.946", y1: "24.251", y2: "45.536", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__j", x1: "55.873", x2: "39.193", y1: "28.036", y2: "49.322", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__m", x1: "53.73", x2: "37.049", y1: "31.245", y2: "52.531", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__p", x1: "50.52", x2: "33.84", y1: "33.39", y2: "54.675", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__s", x1: "46.735", x2: "30.055", y1: "34.142", y2: "55.427", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__v", x1: "42.95", x2: "26.27", y1: "33.39", y2: "54.675", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__y", x1: "39.74", x2: "23.06", y1: "31.245", y2: "52.531", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__B", x1: "37.596", x2: "20.915", y1: "28.036", y2: "49.322", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__E", x1: "36.843", x2: "20.162", y1: "24.251", y2: "45.536", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__H", x1: "37.596", x2: "20.915", y1: "20.466", y2: "41.751", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__K", x1: "39.74", x2: "23.06", y1: "17.255", y2: "38.54", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SnakeTrailAnimation__N", x1: "42.95", x2: "26.27", y1: "15.113", y2: "36.398", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__c", width: "23.203", height: "23.3", x: "36.189", y: "15.975", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__f", width: "23.25", height: "23.25", x: "38.017", y: "20.626", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__i", width: "23.25", height: "23.25", x: "37.264", y: "24.411", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__l", width: "23.25", height: "23.25", x: "35.12", y: "27.62", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__o", width: "23.25", height: "23.25", x: "31.911", y: "29.765", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__r", width: "23.25", height: "23.25", x: "28.125", y: "30.517", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__u", width: "23.25", height: "23.25", x: "24.341", y: "29.765", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__x", width: "23.25", height: "23.25", x: "21.131", y: "27.62", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__A", width: "23.25", height: "23.25", x: "18.986", y: "24.411", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__D", width: "23.25", height: "23.25", x: "18.233", y: "20.626", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__G", width: "23.25", height: "23.25", x: "18.986", y: "16.841", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__J", width: "23.25", height: "23.25", x: "21.131", y: "13.63", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })), /* @__PURE__ */ React.createElement("filter", { id: "SnakeTrailAnimation__M", width: "23.25", height: "23.25", x: "24.341", y: "11.487", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17824", stdDeviation: ".938" })))
 );
 SnakeTrailAnimation.displayName = "SnakeTrailAnimation";
 export {

package/dist/esm/SpinAnimation.js

@@ -11,7 +11,11 @@ const SpinAnimation = (props) => /* @__PURE__ */ React.createElement(
   },
   /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#SpinAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SpinAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__c)", d: "m26.1.404 46 .201-.2 46-46-.201z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SpinAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SpinAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__f)", d: "M3.473 18.115 36-14.412l32.527 32.527L36 50.642z" }))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__c", x1: "65.558", x2: "25.99", y1: "4.705", y2: "54.744", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__f", x1: "34.306", x2: "41.987", y1: "-6.879", y2: "56.45", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.5", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36.5)" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__b", width: "56.2", height: "56.201", x: "20.899", y: "-4.596", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1645", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__e", width: "75.054", height: "75.055", x: "-1.527", y: "-19.412", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_1645", stdDeviation: "2.5" })))
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__g)", d: "M35.669 16c3.352 0 6.182 1.031 8.167 2.056.994.512 1.78 1.026 2.32 1.413a14 14 0 0 1 .784.605l.043.037.013.01.003.004.001.001-.663.748-.001-.001-.008-.007a4 4 0 0 0-.179-.148 13 13 0 0 0-.576-.437 18 18 0 0 0-2.196-1.337C41.487 17.97 38.817 17 35.669 17c-3.143 0-5.556.966-7.183 1.93-.813.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.329-.376-.33.002-.001.003-.004.01-.012.036-.039q.046-.05.133-.137c.116-.118.287-.283.511-.479.45-.392 1.115-.91 1.989-1.428 1.748-1.036 4.335-2.07 7.692-2.07" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.275 20.808a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.114-.013a.5.5 0 0 1-.28-.18" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__h)", d: "M36.331 58.733c-3.352 0-6.182-1.031-8.167-2.056a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.784-.606q-.028-.023-.043-.037l-.013-.01q-.002-.002-.003-.003L25 54.607l.663-.748h.001l.008.007.035.03q.047.04.144.119c.129.104.322.255.576.436.507.364 1.252.85 2.196 1.337 1.89.976 4.56 1.945 7.708 1.945 3.143 0 5.556-.966 7.183-1.93a12.5 12.5 0 0 0 1.84-1.322 9 9 0 0 0 .57-.544l.025-.028.006-.005.376.329.376.33h-.002q0 .002-.003.005-.003.004-.01.011a4 4 0 0 1-.169.177 10 10 0 0 1-.511.478c-.45.392-1.115.91-1.989 1.428-1.748 1.037-4.335 2.07-7.692 2.07" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.725 53.925a.5.5 0 0 1 .091.429l-1 4-.97-.243.845-3.38h-3.36v-.999h4l.113.013a.5.5 0 0 1 .281.18" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__c", x1: "65.558", x2: "25.99", y1: "4.705", y2: "54.744", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__f", x1: "34.306", x2: "41.987", y1: "-6.879", y2: "56.45", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__g", x1: "46.169", x2: "26.669", y1: "19.5", y2: "19.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__h", x1: "25.831", x2: "45.331", y1: "55.232", y2: "55.232", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.5", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36.5)" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__b", width: "56.2", height: "56.201", x: "20.899", y: "-4.596", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18024", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__e", width: "75.054", height: "75.055", x: "-1.527", y: "-19.412", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18024", stdDeviation: "2.5" })))
 );
 SpinAnimation.displayName = "SpinAnimation";
 export {

package/dist/esm/SpinLoop.js

@@ -0,0 +1,22 @@
+import React from "react";
+const SpinLoop = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SpinLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SpinLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__c)", d: "M37.873 11.566a20.5 20.5 0 0 0-3.054.857 19.6 19.6 0 0 0-10.104 8.454c-5.463 9.264-2.423 21.132 6.792 26.505s21.11 2.211 26.574-7.053c5.464-9.271 2.423-21.139-6.785-26.505-4.208-2.457-8.968-3.128-13.423-2.258" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__d)", d: "M36.24 14.637c3.352 0 6.182 1.03 8.167 2.055.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606l.043.037q.008.007.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.183 1.93a12.5 12.5 0 0 0-1.84 1.322 9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.045-.05.133-.138c.116-.117.287-.282.511-.478a13.5 13.5 0 0 1 1.989-1.428c1.748-1.036 4.336-2.07 7.692-2.07" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.846 19.443a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.113-.013a.5.5 0 0 1-.281-.18" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__e)", d: "M35.759 57.363c-3.353 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.785-.606l-.043-.037q-.008-.007-.012-.01l-.003-.004h-.002l.664-.749v.001l.008.007.036.03q.047.041.143.118c.13.104.323.255.576.437.508.363 1.253.85 2.197 1.337 1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93a12.5 12.5 0 0 0 1.84-1.322 9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012-.036.039q-.045.05-.133.138a10 10 0 0 1-.512.478c-.449.392-1.114.91-1.988 1.428-1.749 1.036-4.336 2.07-7.692 2.07" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 52.557a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013a.5.5 0 0 1 .28.18" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__c", x1: "55.294", x2: "22.107", y1: "14.685", y2: "57.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__d", x1: "46.74", x2: "27.24", y1: "18.137", y2: "18.137", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__e", x1: "25.259", x2: "44.759", y1: "53.863", y2: "53.863", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinLoop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinLoop__b", width: "48.797", height: "48.797", x: "17", y: "6.203", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20311", stdDeviation: "2.5" })))
+);
+SpinLoop.displayName = "SpinLoop";
+export {
+  SpinLoop
+};

package/dist/esm/SpinScroll.js

@@ -0,0 +1,23 @@
+import React from "react";
+const SpinScroll = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("mask", { id: "SpinScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#SpinScroll__b)", mask: "url(#SpinScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__c)", d: "m43.241 5.926 21.61 12.476v24.953l-21.61 12.477-21.61-12.477V18.402z" })),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__d)", d: "M36.24 14.637c3.352 0 6.182 1.03 8.167 2.055.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606l.043.037q.008.007.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.183 1.93a12.5 12.5 0 0 0-1.84 1.322 9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.045-.05.133-.138c.116-.117.287-.282.511-.478a13.5 13.5 0 0 1 1.989-1.428c1.748-1.036 4.336-2.07 7.692-2.07" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.846 19.443a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.113-.013a.5.5 0 0 1-.281-.18" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__e)", d: "M35.759 57.363c-3.353 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.785-.606l-.043-.037q-.008-.007-.012-.01l-.003-.004h-.002l.664-.749v.001l.008.007.036.03q.047.041.143.118c.13.104.323.255.576.437.508.363 1.253.85 2.197 1.337 1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93a12.5 12.5 0 0 0 1.84-1.322 9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012-.036.039q-.045.05-.133.138a10 10 0 0 1-.512.478c-.449.392-1.114.91-1.988 1.428-1.749 1.036-4.336 2.07-7.692 2.07" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 52.557a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013a.5.5 0 0 1 .28.18" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinScroll__c", x1: "61.116", x2: "27.03", y1: "10.405", y2: "54.907", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinScroll__d", x1: "46.74", x2: "27.24", y1: "18.137", y2: "18.137", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinScroll__e", x1: "25.259", x2: "44.759", y1: "53.863", y2: "53.863", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinScroll__b", width: "53.22", height: "59.906", x: "16.631", y: ".926", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19907", stdDeviation: "2.5" })))
+);
+SpinScroll.displayName = "SpinScroll";
+export {
+  SpinScroll
+};

package/dist/esm/SquareFrame.js

@@ -0,0 +1,18 @@
+import React from "react";
+const SquareFrame = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SquareFrame__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 122 31)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SquareFrame__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SquareFrame__c)", d: "M180 95V0H58v95z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SquareFrame__c", x1: "169.049", x2: "62.259", y1: "13.473", y2: "120.947", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SquareFrame__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "64", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 122 31)" })), /* @__PURE__ */ React.createElement("filter", { id: "SquareFrame__b", width: "147.417", height: "120.417", x: "45.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18515", stdDeviation: "6.354" })))
+);
+SquareFrame.displayName = "SquareFrame";
+export {
+  SquareFrame
+};