@wix/design-system-illustrations 1.24.0 → 2.0.0

package/dist/esm/FadeAnimation.js

@@ -0,0 +1,19 @@
+import React from "react";
+const FadeAnimation = (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: "FadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimation__a)", d: "M22 22h28v28H22z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#FadeAnimation__b)", clipPath: "url(#FadeAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", 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_1530", stdDeviation: "2.5" })))
+);
+FadeAnimation.displayName = "FadeAnimation";
+export {
+  FadeAnimation
+};

package/dist/esm/FlashAnimation.js

@@ -0,0 +1,22 @@
+import React from "react";
+const FlashAnimation = (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(#FlashAnimation__a)", d: "M19.854 19.854c-8.917 8.917-8.917 23.376 0 32.293l-.707.707c-9.308-9.308-9.308-24.4 0-33.707z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashAnimation__b)", d: "M52.854 19.147c9.308 9.307 9.308 24.399 0 33.706l-.707-.706c8.917-8.918 8.917-23.376 0-32.293z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashAnimation__c)", d: "M22.936 22.937c-7.215 7.214-7.215 18.912 0 26.127l-.707.707c-7.605-7.606-7.605-19.936 0-27.541z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashAnimation__d)", d: "M49.77 22.23c7.606 7.605 7.606 19.935 0 27.54l-.706-.706c7.215-7.215 7.215-18.912 0-26.127z" }),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FlashAnimation__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlashAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashAnimation__g)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C53.625.22 47.245-.679 41.275.487" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__a", x1: "19.335", x2: "19.335", y1: "19.667", y2: "52.335", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__b", x1: "52.335", x2: "52.335", y1: "19.667", y2: "52.335", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__c", x1: "22.447", x2: "22.447", y1: "22.718", y2: "49.283", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__d", x1: "49.283", x2: "49.283", y1: "22.718", y2: "49.283", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__g", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", 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: "FlashAnimation__e" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("filter", { id: "FlashAnimation__f", width: "62", height: "62", x: "15", 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_102_1502", stdDeviation: "2.5" })))
+);
+FlashAnimation.displayName = "FlashAnimation";
+export {
+  FlashAnimation
+};

package/dist/esm/Flip.js

@@ -0,0 +1,21 @@
+import React from "react";
+const Flip = (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-6, #002297)", d: "M36.5 19v34h-1V19z" }),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Flip__b", width: "23", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__a)", d: "M34 24.902a2 2 0 0 0-1.728-1.981l-19-2.609A2 2 0 0 0 11 22.293v25.414a2 2 0 0 0 2.272 1.981l19-2.609A2 2 0 0 0 34 45.098z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39 17.63H-1v37.896h40z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__d)", d: "M11 0h61l.536 43.132L11 49.447z" })))),
+  /* @__PURE__ */ React.createElement("mask", { id: "Flip__f", width: "23", height: "30", x: "38", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__e)", d: "M38 24.902a2 2 0 0 1 1.728-1.981l19-2.609A2 2 0 0 1 61 22.293v25.414a2 2 0 0 1-2.272 1.981l-19-2.609A2 2 0 0 1 38 45.098z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M33 17.631h40v37.895H33z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__h)", d: "M38 0h33.54L72 52l-34-4.927z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__a", x1: "14.434", x2: "36.289", y1: "22.251", y2: "47.602", 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: "Flip__d", x1: "63.349", x2: "34.4", y1: "11.614", y2: "67.58", 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: "Flip__e", x1: "57.566", x2: "35.711", y1: "22.251", y2: "47.602", 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: "Flip__h", x1: "88.179", x2: "57.219", y1: "7.564", y2: "59.457", 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: ".9", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__c", width: "71.536", height: "59.447", x: "6", 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_1105", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__g", width: "44", height: "62", x: "33", 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_1105", stdDeviation: "2.5" })))
+);
+Flip.displayName = "Flip";
+export {
+  Flip
+};

package/dist/esm/FlipAnimation.js

@@ -0,0 +1,22 @@
+import React from "react";
+const FlipAnimation = (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(#FlipAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 22 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__c)", d: "m3.615 17.615 32.527-32.527L68.67 17.615 36.142 50.142z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#FlipAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.687", height: "16.687", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__f)", d: "m11.89 11.422 24.418-38.984 24.418 38.984-24.418 38.984z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FlipAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.953", height: "14.953", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.45944 1.3375)rotate(-45 66.533 -68.739)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__i)", d: "m21.213 6.678 14.944-43.505L51.101 6.678 36.157 50.183z" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__j)", d: "M37 55.233c3.352 0 6.182-1.031 8.167-2.056a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.606l.042-.037.013-.01q.002-.002.003-.003l.001-.001-.663-.748h-.001l-.008.007-.035.03q-.047.04-.144.119c-.128.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 1-1.84-1.322 9 9 0 0 1-.57-.544l-.025-.028-.006-.005-.376.329-.376.33h.002q0 .002.003.005.003.004.01.011l.036.04q.046.049.133.137c.116.117.287.282.511.478.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, #002297)", d: "M26.606 50.425a.5.5 0 0 0-.091.429l1 4 .97-.243-.845-3.38H31v-.999h-4l-.113.013a.5.5 0 0 0-.281.18" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__c", x1: "34.449", x2: "42.129", 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: "FlipAnimation__f", x1: "35.037", x2: "49.411", y1: "-18.534", y2: "55.7", 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: "FlipAnimation__i", x1: "35.379", x2: "62.362", y1: "-26.752", y2: "49.669", 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: "FlipAnimation__j", x1: "47.5", x2: "28", y1: "51.732", y2: "51.732", 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, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FlipAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 22 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FlipAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "16.687", height: "16.687", fill: "#fff", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FlipAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "14.953", height: "14.953", fill: "#fff", rx: "2", transform: "scale(.45944 1.3375)rotate(-45 66.533 -68.739)" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipAnimation__b", width: "75.054", height: "75.055", x: "-1.385", 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_1690", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipAnimation__e", width: "58.835", height: "87.969", x: "6.891", y: "-32.563", 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_1690", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipAnimation__h", width: "39.888", height: "97.012", x: "16.213", y: "-41.828", 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_1690", stdDeviation: "2.5" })))
+);
+FlipAnimation.displayName = "FlipAnimation";
+export {
+  FlipAnimation
+};

package/dist/esm/FloatingCardsAnimation.js

@@ -0,0 +1,22 @@
+import React from "react";
+const FloatingCardsAnimation = (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(#FloatingCardsAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatingCardsAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatingCardsAnimation__c)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C53.625.22 47.245-.679 41.275.487" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatingCardsAnimation__d)", d: "M57 30v13h-1V30z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M56.5 43.5a.5.5 0 0 1-.384-.18l-2.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(#FloatingCardsAnimation__e)", d: "M15 43V30h1v13z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M15.5 29.5a.5.5 0 0 1 .383.18l2.5 3-.767.64-2.116-2.54-2.117 2.54-.767-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatingCardsAnimation__c", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", 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: "FloatingCardsAnimation__d", x1: "48.616", x2: "48.616", y1: "30", y2: "43", 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: "FloatingCardsAnimation__e", x1: "21.898", x2: "21.898", y1: "43", y2: "30", 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: "FloatingCardsAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("filter", { id: "FloatingCardsAnimation__b", width: "62", height: "62", x: "15", 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_102_5253", stdDeviation: "2.5" })))
+);
+FloatingCardsAnimation.displayName = "FloatingCardsAnimation";
+export {
+  FloatingCardsAnimation
+};

package/dist/esm/Fold.js

@@ -0,0 +1,18 @@
+import React from "react";
+const Fold = (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(#Fold__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Fold__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__e)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Fold__g", width: "54", height: "26", x: "9", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__f)", d: "M62.408 23.967a2 2 0 0 0-1.944-2.467H11.537a2 2 0 0 0-1.945 2.467l5.04 21a2 2 0 0 0 1.945 1.533h38.846a2 2 0 0 0 1.945-1.533z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__i)", d: "m-4 2.5 94.928-.053L92 46.58 15 46.5z" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "Fold__k", width: "53", height: "21", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__j)", d: "M62 21.5H10l6.532 18.66a2 2 0 0 0 1.887 1.34h35.162a2 2 0 0 0 1.888-1.34z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__m)", d: "m-2-2.5 94.928-.053L94 41.58 17 41.5z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Fold__o", width: "51", height: "16", x: "11", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__n)", d: "M61 21.5H11l7.436 13.941A2 2 0 0 0 20.2 36.5h31.6a2 2 0 0 0 1.765-1.059z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__q)", d: "m0-7.5 94.928-.053L96 36.58 19 36.5z" }))))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__e", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", 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: "Fold__f", x1: "18.465", x2: "44.057", y1: "24.6", y2: "71.471", 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: "Fold__i", x1: "111.697", x2: "94.5", y1: "5.061", y2: "71.553", 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: "Fold__j", x1: "18.465", x2: "42.814", y1: "24.502", y2: "70.55", 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: "Fold__m", x1: "113.697", x2: "96.5", y1: ".061", y2: "66.553", 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: "Fold__n", x1: "18.465", x2: "33.609", y1: "23.751", y2: "61.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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__q", x1: "115.697", x2: "98.5", y1: "-4.939", y2: "61.553", 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("filter", { id: "Fold__d", width: "71", height: "61", x: "6", y: "-4.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_1124", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__h", width: "106", height: "54.131", x: "-9", y: "-2.553", 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_1124", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__l", width: "106", height: "54.131", x: "-7", y: "-7.553", 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_1124", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__p", width: "106", height: "54.131", x: "-5", y: "-12.553", 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_1124", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__c" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })))
+);
+Fold.displayName = "Fold";
+export {
+  Fold
+};

package/dist/esm/FoldAnimation.js

@@ -0,0 +1,22 @@
+import React from "react";
+const FoldAnimation = (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(#FoldAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.716", height: "14.716", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.199 39.47)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__c)", d: "M-7.933 37.494 36.272 24.77l44.205 12.724L36.272 50.22z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#FoldAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.537", height: "16.537", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.494 6.54)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__f)", d: "M-2.943 26.541 36.395 2.697l39.339 23.844-39.339 23.844z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FoldAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__i)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__j)", d: "M17 48.002v-25h1v25z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M17.5 22.502a.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-.076a.5.5 0 0 1 .304-.104" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FoldAnimation__c", x1: "33.971", x2: "34.847", y1: "27.716", y2: "52.824", 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: "FoldAnimation__f", x1: "34.347", x2: "37.791", y1: "8.219", y2: "55.071", 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: "FoldAnimation__i", 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("linearGradient", { id: "FoldAnimation__j", x1: "17.5", x2: "17.5", y1: "48.002", y2: "23.002", 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: "FoldAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "14.716", height: "14.716", fill: "#fff", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.199 39.47)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "16.537", height: "16.537", fill: "#fff", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.494 6.54)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36)" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__b", width: "98.41", height: "35.449", x: "-12.933", 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_5336", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__e", width: "88.676", height: "57.688", x: "-7.943", y: "-2.303", 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_5336", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__h", 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_5336", stdDeviation: "2.5" })))
+);
+FoldAnimation.displayName = "FoldAnimation";
+export {
+  FoldAnimation
+};

package/dist/esm/Freeform.js

@@ -0,0 +1,17 @@
+import React from "react";
+const Freeform = (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-6, #002297)", d: "M21 45.5V41h1v4.5a2 2 0 0 0 2 2v1a3 3 0 0 1-3-3m9 2v1h-6v-1zm18 0v1h-6v-1zm3-2a3 3 0 0 1-3 3v-1a2 2 0 0 0 2-2V41h1zm-30-18a3 3 0 0 1 3-3h6v1h-6a2 2 0 0 0-2 2V32h-1zM51 32h-1v-4.5a2 2 0 0 0-2-2h-6v-1h6a3 3 0 0 1 3 3z" })
+);
+Freeform.displayName = "Freeform";
+export {
+  Freeform
+};

package/dist/esm/Iris.js

@@ -0,0 +1,18 @@
+import React from "react";
+const Iris = (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(#Iris__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Iris__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__d)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "20" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__g)", d: "M37.275 4.987a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 19.64 17.466c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525-5.642-3.293-12.022-4.192-17.992-3.026" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__j)", d: "M42.275-.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 24.64 12.466c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C54.625-.28 48.245-1.179 42.275-.013" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "10" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__m)", d: "M47.275-5.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 29.64 7.466c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.094-35.525-5.64-3.293-12.02-4.192-17.99-3.026" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M11 21.5h50v30H11z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__e" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "#fff", rx: "20" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__h" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "#fff", rx: "15" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__k" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "#fff", rx: "10" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Iris__d", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", 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: "Iris__g", x1: "60.625", x2: "16.144", y1: "9.168", y2: "65.928", 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: "Iris__j", x1: "65.625", x2: "21.144", y1: "4.168", y2: "60.928", 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: "Iris__m", x1: "70.625", x2: "26.144", y1: "-.833", y2: "55.928", 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: "Iris__c", width: "71", height: "61", x: "6", y: "-4.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_1087", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Iris__f", width: "62", height: "62", x: "11", 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_1087", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Iris__i", width: "62", height: "62", x: "16", y: "-5.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_1087", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Iris__l", width: "62", height: "62", x: "21", y: "-10.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_1087", stdDeviation: "2.5" })))
+);
+Iris.displayName = "Iris";
+export {
+  Iris
+};

package/dist/esm/Lines.js

@@ -0,0 +1,18 @@
+import React from "react";
+const Lines = (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(#Lines__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Lines__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Lines__c)", d: "M11 0h61v51H11z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M61 21v20H51v-4H41v-4H31v-4H21v-4H11v-4z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Lines__c", x1: "63.349", x2: "22.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("clipPath", { id: "Lines__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Lines__b", width: "71", height: "61", x: "6", 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_1266", stdDeviation: "2.5" })))
+);
+Lines.displayName = "Lines";
+export {
+  Lines
+};

package/dist/esm/Marker.js

@@ -0,0 +1,24 @@
+import React from "react";
+const Marker = (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: "M16 28h32v18H16z" }),
+  /* @__PURE__ */ React.createElement("mask", { id: "Marker__a", width: "36", height: "30", x: "12", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M12 21h36v30H12z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#Marker__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H33.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: "Marker__b", width: "41", height: "15", x: "18", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H33.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(#Marker__c)", mask: "url(#Marker__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Marker__d)", d: "M18-.001h54v44H18z" }))),
+  /* @__PURE__ */ React.createElement("mask", { id: "Marker__e", width: "12", height: "30", x: "48", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M60 21H48v30h12z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#Marker__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H33.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: "Marker__f", width: "41", height: "15", x: "18", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H33.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(#Marker__g)", mask: "url(#Marker__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Marker__h)", d: "M33-.001h39v44H33z" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#Marker__i)", d: "M23 50h24v1H23z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M47.5 50.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: "Marker__d", x1: "64.341", x2: "26.222", y1: "3.948", y2: "50.702", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".558", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Marker__h", x1: "66.469", x2: "27.999", y1: "3.948", y2: "47.459", 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: "Marker__i", x1: "25", x2: "47", y1: "50.5", y2: "50.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: "Marker__c", width: "70.8", height: "60.8", x: "9.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_3677", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Marker__g", width: "55.8", height: "60.8", x: "24.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_3677", stdDeviation: "4.2" })))
+);
+Marker.displayName = "Marker";
+export {
+  Marker
+};

package/dist/esm/Marquee.js

@@ -0,0 +1,18 @@
+import React from "react";
+const Marquee = (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(#Marquee__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.086 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM19.61 44H9.17V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM29.228 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM42.633 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM64.328 44h-10.44V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM73.947 44h-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: "Marquee__b", width: "86", height: "15", x: "-6", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.086 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zM19.61 43.998H9.17v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM29.228 43.998h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM42.633 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zM64.328 43.998h-10.44v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM73.947 43.998h-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(#Marquee__c)", mask: "url(#Marquee__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Marquee__d)", d: "M0-.001h72v44H0z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Marquee__d", x1: "61.789", x2: "31.588", y1: "3.948", y2: "67.009", 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("clipPath", { id: "Marquee__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 6a6 6 0 0 1 6-6h60a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("filter", { id: "Marquee__c", width: "88.8", height: "60.8", x: "-8.4", 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_3765", stdDeviation: "4.2" })))
+);
+Marquee.displayName = "Marquee";
+export {
+  Marquee
+};

package/dist/esm/Original.js

@@ -0,0 +1,17 @@
+import React from "react";
+const Original = (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-6, #002297)", d: "M48 50.28V51H24v-.72zM50.28 48V24A2.28 2.28 0 0 0 48 21.72H24A2.28 2.28 0 0 0 21.72 24v24A2.28 2.28 0 0 0 24 50.28V51a3 3 0 0 1-3-3V24a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3v-.72A2.28 2.28 0 0 0 50.28 48" })
+);
+Original.displayName = "Original";
+export {
+  Original
+};

package/dist/esm/Reveal.js

@@ -0,0 +1,23 @@
+import React from "react";
+const Reveal = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 57 45",
+    fill: "none",
+    width: 57,
+    height: 45,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Reveal__a", width: "33", height: "39", x: "24", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M57 0H24v39h33z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__a)", clipPath: "url(#Reveal__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__d)", d: "M5-16h61v51H5z" })))),
+  /* @__PURE__ */ React.createElement("mask", { id: "Reveal__e", width: "42", height: "39", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M0 0h42v39H0z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__e)", clipPath: "url(#Reveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__h)", d: "M5-16h61v51H5z" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M42.5 3v34h-1V3z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__i)", d: "M17 41h25v1H17z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M42.5 41.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: "Reveal__d", x1: "57.349", x2: "16.157", y1: "-11.422", y2: "51.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: "Reveal__h", x1: "57.349", x2: "16.157", y1: "-11.422", y2: "51.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", 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: "Reveal__i", x1: "17", x2: "42", y1: "41.5", y2: "41.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: "Reveal__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Reveal__f" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Reveal__c", width: "81", height: "71", x: "-5", y: "-26", 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_1019", stdDeviation: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "Reveal__g", width: "81", height: "71", x: "-5", y: "-26", 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_1019", stdDeviation: "5" })))
+);
+Reveal.displayName = "Reveal";
+export {
+  Reveal
+};

package/dist/esm/RevealAnimation.js

@@ -0,0 +1,21 @@
+import React from "react";
+const RevealAnimation = (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" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__a", width: "10", height: "35", x: "22", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M22 20.5h10v34H22z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__a)", clipPath: "url(#RevealAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__d)", d: "M3.473 18.614 36-13.913l32.527 32.527L36 51.141z" })))),
+  /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__e", width: "19", height: "34", x: "32", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M51 20H32v34h19z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__e)" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__f", width: "26", height: "26", x: "23", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("rect", { width: "18.6", height: "18.6", x: "36", y: "23.991", fill: "#D9D9D9", rx: "1", transform: "rotate(45 36 23.991)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RevealAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "37.144", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 37.144)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__i)", d: "M3.473 18.759 36-13.768l32.527 32.527L36 51.286z" })))),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M32.5 21v32h-1V21z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RevealAnimation__d", x1: "34.306", x2: "41.987", y1: "-6.38", y2: "56.949", 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: "RevealAnimation__i", x1: "34.306", x2: "41.987", y1: "-6.235", y2: "57.093", 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: "RevealAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 36.999)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RevealAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "37.144", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 37.144)" })), /* @__PURE__ */ React.createElement("filter", { id: "RevealAnimation__c", width: "75.054", height: "75.055", x: "-1.527", y: "-18.913", 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_5309", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RevealAnimation__h", width: "75.054", height: "75.055", x: "-1.527", y: "-18.769", 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_5309", stdDeviation: "2.5" })))
+);
+RevealAnimation.displayName = "RevealAnimation";
+export {
+  RevealAnimation
+};

package/dist/esm/Roll.js

@@ -0,0 +1,19 @@
+import React from "react";
+const Roll = (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: "Roll__a", width: "42", height: "14", x: "15", y: "28", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M15 28h42v14H15z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#Roll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20.082 42h-3.44V27.7h3.44v5.56h5.84V27.7h3.44V42h-3.44v-5.86h-5.84zM41.89 48H31.45V33.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM41.89 32H31.45V17.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM51.7 49h-3.44v-5.46l-5.58-8.84h4.08L50 40.32l3.26-5.62h4.06l-5.62 8.86zM51.7 33h-3.44v-5.46l-5.58-8.84h4.08L50 24.32l3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ React.createElement("mask", { id: "Roll__b", width: "42", height: "32", x: "16", y: "17", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20.082 42h-3.44V27.7h3.44v5.56h5.84V27.7h3.44V42h-3.44v-5.86h-5.84zM41.89 48H31.45V33.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM41.89 32H31.45V17.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM51.7 49h-3.44v-5.46l-5.58-8.84h4.08L50 40.32l3.26-5.62h4.06l-5.62 8.86zM51.7 33h-3.44v-5.46l-5.58-8.84h4.08L50 24.32l3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Roll__c)", mask: "url(#Roll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Roll__d)", d: "M16 0h56v44H16z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Roll__d", x1: "64.058", x2: "29.446", y1: "3.949", y2: "60.161", 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: "Roll__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.4", 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_3714", stdDeviation: "4.2" })))
+);
+Roll.displayName = "Roll";
+export {
+  Roll
+};

package/dist/esm/Shuffle.js

@@ -0,0 +1,21 @@
+import React from "react";
+const Shuffle = (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: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-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: "Shuffle__a", width: "50", height: "15", x: "12", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-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(#Shuffle__b)", mask: "url(#Shuffle__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__c)", d: "M13 0h59v44H13z" })),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" }), /* @__PURE__ */ React.createElement("mask", { id: "Shuffle__d", width: "19", height: "19", x: "27", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.099q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16l1.82 2.34q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__e)", mask: "url(#Shuffle__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__f)", d: "M16-2h56v44H16z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Shuffle__c", x1: "63.632", x2: "29.86", y1: "3.949", y2: "61.736", 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: "Shuffle__f", x1: "64.058", x2: "29.446", y1: "1.949", y2: "58.161", 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: "Shuffle__b", width: "75.8", height: "60.8", x: "4.6", y: "-8.4", 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_3731", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Shuffle__e", width: "72.8", height: "60.8", x: "7.6", y: "-10.4", 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_3731", stdDeviation: "4.2" })))
+);
+Shuffle.displayName = "Shuffle";
+export {
+  Shuffle
+};

package/dist/esm/ShuttersAnimation.js

@@ -0,0 +1,21 @@
+import React from "react";
+const ShuttersAnimation = (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: "ShuttersAnimation__a", width: "30", height: "27", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M26.714 50h-5V23h5zm7.427 0h-3.714V23h3.714zm7.43 0h-3.714V23h3.714zm8.714 0h-5V23h5z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__a)", clipPath: "url(#ShuttersAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.998", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36.998)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__d)", d: "M3.472 18.613 36-13.914l32.527 32.527L36 51.14z" }))),
+  /* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__e", width: "20", height: "31", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M30.428 51h-3.713V23h3.713zM38 51h-4V20h4zm7.286 0h-3.714V23h3.714z", opacity: ".5" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__e)", clipPath: "url(#ShuttersAnimation__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "34.998", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 34.998)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__h)", d: "M3.472 16.613 36-15.914l32.527 32.527L36 49.14z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShuttersAnimation__d", x1: "34.306", x2: "41.986", y1: "-6.381", y2: "56.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("linearGradient", { id: "ShuttersAnimation__h", x1: "34.306", x2: "41.986", y1: "-8.381", y2: "54.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: "ShuttersAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.998", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36.998)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__f" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "34.998", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 34.998)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__c", width: "75.054", height: "75.055", x: "-1.528", y: "-18.914", 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_1652", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__g", width: "75.054", height: "75.055", x: "-1.528", y: "-20.914", 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_1652", stdDeviation: "2.5" })))
+);
+ShuttersAnimation.displayName = "ShuttersAnimation";
+export {
+  ShuttersAnimation
+};