@wix/design-system-illustrations 1.24.0 → 2.1.0

package/dist/esm/Slide.js

@@ -0,0 +1,20 @@
+import React from "react";
+const Slide = (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(#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-6, #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-6, #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" })))
+);
+Slide.displayName = "Slide";
+export {
+  Slide
+};

package/dist/esm/SlideAnimation.js

@@ -0,0 +1,21 @@
+import React from "react";
+const SlideAnimation = (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: ".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-6, #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" })))
+);
+SlideAnimation.displayName = "SlideAnimation";
+export {
+  SlideAnimation
+};

package/dist/esm/SnakeTrailAnimation.js

@@ -0,0 +1,18 @@
+import React from "react";
+const SnakeTrailAnimation = (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(#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" })))
+);
+SnakeTrailAnimation.displayName = "SnakeTrailAnimation";
+export {
+  SnakeTrailAnimation
+};

package/dist/esm/SpinAnimation.js

@@ -0,0 +1,19 @@
+import React from "react";
+const SpinAnimation = (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: ".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" })))
+);
+SpinAnimation.displayName = "SpinAnimation";
+export {
+  SpinAnimation
+};

package/dist/esm/Stagger.js

@@ -0,0 +1,20 @@
+import React from "react";
+const Stagger = (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: "var(--wds-illustration-color-1, #002291)", d: "m51.57 45.531-2.326.624-.99-3.692-5.374-4.966 2.759-.74 3.208 3.214 1.186-4.391 2.746-.736-2.195 7.01zM43.02 44.055l-8.225 1.45L32.81 34.24l8.225-1.45.397 2.253-5.515.973.392 2.221 5.215-.92.398 2.254-5.216.92.403 2.284 5.515-.972zM22.074 44.527l-3.427.3L17.4 30.58l3.427-.3.485 5.54 5.818-.51-.485-5.538 3.427-.3 1.246 14.245-3.427.3-.51-5.838-5.818.51z" }),
+  /* @__PURE__ */ React.createElement("mask", { id: "Stagger__a", width: "36", height: "18", x: "17", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m51.57 45.532-2.326.623-.99-3.692-5.374-4.966 2.759-.739 3.208 3.213 1.186-4.39 2.746-.736-2.195 7.009zM43.02 44.056l-8.225 1.45L32.81 34.24l8.225-1.45.397 2.253-5.515.972.392 2.222 5.215-.92.398 2.254-5.216.92.403 2.284 5.515-.972zM22.074 44.526l-3.427.3L17.4 30.58l3.427-.3.485 5.54 5.818-.51-.485-5.539 3.427-.3 1.246 14.246-3.427.3-.51-5.838-5.818.51z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#Stagger__b)", mask: "url(#Stagger__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Stagger__c)", d: "m14.786.695 56.787 1.62L76.5 48l-57.879-3.472z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Stagger__c", x1: "63.005", x2: "33.424", y1: ".441", y2: "59.456", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Stagger__b", width: "78.514", height: "64.105", x: "6.386", y: "-7.705", 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_83_3701", stdDeviation: "4.2" })))
+);
+Stagger.displayName = "Stagger";
+export {
+  Stagger
+};

package/dist/esm/Swap.js

@@ -0,0 +1,18 @@
+import React from "react";
+const Swap = (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(#Swap__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M27.5 21.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.076.08a.5.5 0 0 1 .104.304" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__b", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__e", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", 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: "Swap__f", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__i", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", 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: "Swap__j", x1: "58", x2: "33", y1: "52.499", y2: "52.499", 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, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__k", x1: "15", x2: "27", y1: "21.5", y2: "21.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, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__d", width: "36", height: "40.221", x: "6", y: "9", 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_1200", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__h", width: "52.5", height: "61.267", x: "24", y: "-5.334", 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_1200", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })))
+);
+Swap.displayName = "Swap";
+export {
+  Swap
+};

package/dist/esm/TextEntrance.js

@@ -0,0 +1,20 @@
+import React from "react";
+const TextEntrance = (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(#TextEntrance__a)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#TextEntrance__b)", d: "M41.47 46H31.03V31.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#TextEntrance__c)", d: "M51.087 48h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TextEntrance__a", x1: "17.213", x2: "57.361", y1: "38.85", y2: "38.85", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TextEntrance__b", x1: "17.213", x2: "57.361", y1: "38.85", y2: "38.85", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TextEntrance__c", x1: "17.213", x2: "57.361", y1: "38.85", y2: "38.85", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })))
+);
+TextEntrance.displayName = "TextEntrance";
+export {
+  TextEntrance
+};

package/dist/esm/TextPath.js

@@ -0,0 +1,20 @@
+import React from "react";
+const TextPath = (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: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.973-3.208 1.243-5.168-13.333 3.208-1.244 2.01 5.185 5.444-2.111-2.009-5.184 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.464-5.445 2.11zM42.489 38.344l-10.44.046-.063-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zM49.466 41.636l-3.214-1.226 1.945-5.102-2.065-10.247 3.812 1.453 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" }),
+  /* @__PURE__ */ React.createElement("mask", { id: "TextPath__a", width: "47", height: "21", x: "13", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.973-3.208 1.243-5.168-13.333 3.208-1.243 2.01 5.184 5.444-2.11-2.009-5.185 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.464-5.445 2.111zm20.91-3.629-10.44.046-.062-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zm6.978 3.292-3.214-1.226 1.945-5.101-2.065-10.248 3.812 1.453 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#TextPath__b)", mask: "url(#TextPath__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TextPath__c)", d: "M13-.999h69v44H13z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TextPath__c", x1: "72.214", x2: "41.215", y1: "2.95", y2: "64.983", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "TextPath__b", width: "85.8", height: "60.8", x: "4.6", y: "-9.399", 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_83_3752", stdDeviation: "4.2" })))
+);
+TextPath.displayName = "TextPath";
+export {
+  TextPath
+};

package/dist/esm/TiltAnimation.js

@@ -0,0 +1,18 @@
+import React from "react";
+const TiltAnimation = (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(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__b", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__c)", mask: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__d)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__e", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__f)", mask: "url(#TiltAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__g)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__h", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__i)", mask: "url(#TiltAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__j)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__d", x1: "25.306", x2: "32.987", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__g", x1: "34.306", x2: "41.986", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__j", x1: "34.306", x2: "41.987", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__c", width: "55.501", height: "59.998", x: "12", y: "-5.998", 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_1622", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__f", width: "67.527", height: "66.168", x: "-1.527", y: "-11.027", 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_1622", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__i", width: "75.054", height: "75.055", x: "-1.527", y: "-19.912", 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_1622", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
+);
+TiltAnimation.displayName = "TiltAnimation";
+export {
+  TiltAnimation
+};

package/dist/esm/TypeWriter.js

@@ -0,0 +1,21 @@
+import React from "react";
+const TypeWriter = (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: "TypeWriter__a", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M10 21h21v30H10z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TypeWriter__c)", mask: "url(#TypeWriter__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__d)", d: "M16-.001h56v44H16z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__e", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 21H31v30h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__f", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TypeWriter__g)", mask: "url(#TypeWriter__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__h)", d: "M16-.001h56v44H16z" })))),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M31.5 28v18h-1V28z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__h", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "TypeWriter__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_83_3613", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "TypeWriter__g", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_83_3613", stdDeviation: "4.2" })))
+);
+TypeWriter.displayName = "TypeWriter";
+export {
+  TypeWriter
+};

package/dist/esm/Underline.js

@@ -0,0 +1,21 @@
+import React from "react";
+const Underline = (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(#Underline__a)", d: "M15 46.501h42v1H15z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }),
+  /* @__PURE__ */ React.createElement("mask", { id: "Underline__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 43.998h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 43.998H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#Underline__c)", mask: "url(#Underline__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Underline__d)", d: "M16-.001h56v44H16z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__a", x1: "15", x2: "57", y1: "47.001", y2: "47.001", 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, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Underline__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_83_3632", stdDeviation: "4.2" })))
+);
+Underline.displayName = "Underline";
+export {
+  Underline
+};

package/dist/esm/index.js

@@ -0,0 +1,106 @@
+import { AI } from "./AI";
+import { Aspect16_9 } from "./Aspect16_9";
+import { Aspect1_1 } from "./Aspect1_1";
+import { Aspect2_3 } from "./Aspect2_3";
+import { Aspect3_2 } from "./Aspect3_2";
+import { Aspect3_4 } from "./Aspect3_4";
+import { Aspect4_3 } from "./Aspect4_3";
+import { Aspect4_5 } from "./Aspect4_5";
+import { Aspect5_4 } from "./Aspect5_4";
+import { Aspect9_16 } from "./Aspect9_16";
+import { Blur } from "./Blur";
+import { BlurAnimation } from "./BlurAnimation";
+import { Bounce } from "./Bounce";
+import { BounceAnimation } from "./BounceAnimation";
+import { BreathAnimation } from "./BreathAnimation";
+import { CircleMarker } from "./CircleMarker";
+import { ClockWipe } from "./ClockWipe";
+import { ColorAnimation } from "./ColorAnimation";
+import { ColorTransition } from "./ColorTransition";
+import { Cube } from "./Cube";
+import { Drop } from "./Drop";
+import { ExpandAnimation } from "./ExpandAnimation";
+import { Fade } from "./Fade";
+import { FadeAnimation } from "./FadeAnimation";
+import { FlashAnimation } from "./FlashAnimation";
+import { Flip } from "./Flip";
+import { FlipAnimation } from "./FlipAnimation";
+import { FloatingCardsAnimation } from "./FloatingCardsAnimation";
+import { Fold } from "./Fold";
+import { FoldAnimation } from "./FoldAnimation";
+import { Freeform } from "./Freeform";
+import { Iris } from "./Iris";
+import { Lines } from "./Lines";
+import { Marker } from "./Marker";
+import { Marquee } from "./Marquee";
+import { Original } from "./Original";
+import { Reveal } from "./Reveal";
+import { RevealAnimation } from "./RevealAnimation";
+import { Roll } from "./Roll";
+import { Shuffle } from "./Shuffle";
+import { ShuttersAnimation } from "./ShuttersAnimation";
+import { Slide } from "./Slide";
+import { SlideAnimation } from "./SlideAnimation";
+import { SnakeTrailAnimation } from "./SnakeTrailAnimation";
+import { SpinAnimation } from "./SpinAnimation";
+import { Stagger } from "./Stagger";
+import { Swap } from "./Swap";
+import { TextEntrance } from "./TextEntrance";
+import { TextPath } from "./TextPath";
+import { TiltAnimation } from "./TiltAnimation";
+import { TypeWriter } from "./TypeWriter";
+import { Underline } from "./Underline";
+export {
+  AI,
+  Aspect16_9,
+  Aspect1_1,
+  Aspect2_3,
+  Aspect3_2,
+  Aspect3_4,
+  Aspect4_3,
+  Aspect4_5,
+  Aspect5_4,
+  Aspect9_16,
+  Blur,
+  BlurAnimation,
+  Bounce,
+  BounceAnimation,
+  BreathAnimation,
+  CircleMarker,
+  ClockWipe,
+  ColorAnimation,
+  ColorTransition,
+  Cube,
+  Drop,
+  ExpandAnimation,
+  Fade,
+  FadeAnimation,
+  FlashAnimation,
+  Flip,
+  FlipAnimation,
+  FloatingCardsAnimation,
+  Fold,
+  FoldAnimation,
+  Freeform,
+  Iris,
+  Lines,
+  Marker,
+  Marquee,
+  Original,
+  Reveal,
+  RevealAnimation,
+  Roll,
+  Shuffle,
+  ShuttersAnimation,
+  Slide,
+  SlideAnimation,
+  SnakeTrailAnimation,
+  SpinAnimation,
+  Stagger,
+  Swap,
+  TextEntrance,
+  TextPath,
+  TiltAnimation,
+  TypeWriter,
+  Underline
+};

package/dist/types/AI.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const AI: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect16_9.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect16_9: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect1_1.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect1_1: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect2_3.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect2_3: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect3_2.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect3_2: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect3_4.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect3_4: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect4_3.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect4_3: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect4_5.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect4_5: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect5_4.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect5_4: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Aspect9_16.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Aspect9_16: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Blur.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Blur: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BlurAnimation.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BlurAnimation: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/Bounce.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const Bounce: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BounceAnimation.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BounceAnimation: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BreathAnimation.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BreathAnimation: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};