@wix/design-system-illustrations 2.10.0 → 2.11.0

package/dist/esm/ParallaxSection.js

@@ -0,0 +1,22 @@
+import React from "react";
+const ParallaxSection = (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", { stroke: "url(#ParallaxSection__a)", d: "M56.5 49.79v-25", strokeMiterlimit: "10" }),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "m54 27.79 2.5-3 2.5 3", strokeLinejoin: "round" }),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#ParallaxSection__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "17", y: "33.316", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ParallaxSection__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxSection__d)", d: "M17 12.316h57v39H17z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ParallaxSection__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "17", y: "27.113", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ParallaxSection__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxSection__g)", d: "M17 6.113h57v39H17z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ParallaxSection__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "17", y: "20.906", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ParallaxSection__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxSection__j)", d: "M17-.187h57.254v38.91H17z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ParallaxSection__a", x1: "56.5", x2: "56.5", y1: "49.789", y2: "24.789", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ParallaxSection__d", x1: "65.916", x2: "37.299", y1: "15.817", y2: "69.187", 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: "ParallaxSection__g", x1: "65.916", x2: "37.299", y1: "9.614", y2: "62.984", 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: "ParallaxSection__j", x1: "66.134", x2: "37.69", y1: "3.305", y2: "56.712", 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: "ParallaxSection__b" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "17", y: "33.316", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ParallaxSection__e" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "17", y: "27.113", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ParallaxSection__h" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "17", y: "20.906", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "ParallaxSection__c", width: "67", height: "49", x: "12", y: "7.316", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20887", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ParallaxSection__f", width: "67", height: "49", x: "12", y: "1.113", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20887", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ParallaxSection__i", width: "67.254", height: "48.91", x: "12", y: "-5.188", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20887", stdDeviation: "2.5" })))
+);
+ParallaxSection.displayName = "ParallaxSection";
+export {
+  ParallaxSection
+};

package/dist/esm/PentagonImage.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PentagonImage = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 82 82",
+    fill: "none",
+    width: 82,
+    height: 82,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("mask", { id: "PentagonImage__a", width: "52", height: "52", x: "15", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M38.172 16.828a4 4 0 0 1 5.656 0l21.344 21.344a4 4 0 0 1 0 5.656L43.828 65.172a4 4 0 0 1-5.656 0L16.828 43.828a4 4 0 0 1 0-5.656z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#PentagonImage__a)", clipPath: "url(#PentagonImage__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PentagonImage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#PentagonImage__d)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#PentagonImage__e)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v8.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PentagonImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PentagonImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PentagonImage__h)", d: "M25.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PentagonImage__d", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", 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: "PentagonImage__e", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", 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: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "PentagonImage__h", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", 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: "PentagonImage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 14h54v54H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PentagonImage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PentagonImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "PentagonImage__g", width: "27.261", height: "27.26", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18965", stdDeviation: "1.099" })))
+);
+PentagonImage.displayName = "PentagonImage";
+export {
+  PentagonImage
+};

package/dist/esm/PieChart.js

@@ -0,0 +1,20 @@
+import React from "react";
+const PieChart = (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: "PieChart__a", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#PieChart__a)", clipPath: "url(#PieChart__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PieChart__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PieChart__d)", d: "M43.368-20.214a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.055C3.05 20.004 9.634 45.7 29.584 57.331s45.707 4.788 57.537-15.27c11.83-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "PieChart__e", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#PieChart__e)", clipPath: "url(#PieChart__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PieChart__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PieChart__h)", d: "M43.367-20.214a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.055C3.049 20.004 9.633 45.7 29.583 57.331S75.29 62.12 87.12 42.061c11.829-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PieChart__d", x1: "81.087", x2: "9.233", y1: "-13.46", y2: "78.23", 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: "PieChart__h", x1: "81.086", x2: "9.232", y1: "-13.46", y2: "78.23", 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: "PieChart__b" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PieChart__f" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("filter", { id: "PieChart__c", width: "94", height: "94", x: "4.001", 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_676_19188", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "PieChart__g", width: "94", height: "94", x: "4", 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_676_19188", stdDeviation: "2.5" })))
+);
+PieChart.displayName = "PieChart";
+export {
+  PieChart
+};

package/dist/esm/PixelsDivider.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PixelsDivider = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 97 51",
+    fill: "none",
+    width: 97,
+    height: 51,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("mask", { id: "PixelsDivider__a", width: "97", height: "51", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M88.864 0H8.037A8.037 8.037 0 0 0 0 8.037v34.927A8.037 8.037 0 0 0 8.037 51h80.827a8.037 8.037 0 0 0 8.037-8.037V8.037A8.037 8.037 0 0 0 88.864 0" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#PixelsDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "PixelsDivider__b", width: "391", height: "39", x: "-148", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M96.986 40.671H-3.767v28.196H96.986z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M6.092 33.273v1.63h1.687v-1.63h1.688v-1.63H7.78v-1.63H6.092v1.63H4.404v1.63z", fillRule: "evenodd", clipRule: "evenodd" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.404 30.013H2.716v1.631h1.688zM14.53 30.013h-1.687v1.631h1.688zM22.97 30.013h-1.688v1.631h1.688zM41.538 30.013H39.85v1.631h1.688z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.225 33.273v1.63h1.688v-1.63h1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.687v1.63zM61.794 33.273v1.63h1.687v-1.63h1.688v-1.63h-1.688v-1.63h-1.687v1.63h-1.688v1.63zM24.658 33.273v1.63h1.69v-1.63h1.687v-1.63h-1.687v-1.63h-1.69v1.63H22.97v1.63z", fillRule: "evenodd", clipRule: "evenodd" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M60.106 30.013h-1.689v1.631h1.689zM70.233 30.013h-1.689v1.631h1.689zM51.667 30.013h-1.688v1.631h1.688zM33.1 30.013H31.41v1.631H33.1zM78.674 30.013h-1.688v1.631h1.688zM97.242 30.013h-1.689v1.631h1.689z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M80.361 33.273v1.63h1.688v-1.63h1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.687v1.63z", fillRule: "evenodd", clipRule: "evenodd" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M88.8 30.013h-1.687v1.631H88.8z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M240.718 33.273v-3.26h-1.688v1.63h-1.688v3.26h-1.688v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.69v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.69v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.688v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.376v-1.63h-1.688v-1.63h-1.687v-1.63h-1.688v1.63h-1.69v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.69v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.376v-1.63h-1.688v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.687v1.63h-1.688v3.26h-1.689v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.378v-1.63h-1.687v-1.63h-1.688v-1.63H131v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.377v-1.63h-1.689v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.687v1.63h-1.688v3.26h-1.689v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26H98.93v-1.63h-1.688v-1.63h-1.689v-1.63h-1.687v1.63h-1.69v-3.26h-1.688v1.63H88.8v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26H80.36v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63H73.61v-3.26h-1.689v1.63h-1.688v3.26h-1.69v1.63h-1.687v-1.63h1.688v-3.26h-1.688v1.63H65.17v3.26h-3.375v-1.63h-1.688v-1.63h-1.689v-1.63H56.73v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.69v-1.63h1.69v-3.26h-1.69v1.63H46.6v3.26h-3.376v-1.63h-1.687v-1.63H39.85v-1.63h-1.688v1.63h-1.687v-3.26h-1.689v1.63h-1.688v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.377v-1.63H22.97v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63H9.467v3.26H6.092v-1.63H4.404v-1.63h-1.69v-1.63H1.028v1.63h-1.69v-3.26H-2.35v1.63h-1.688v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.375v-1.63h-1.689v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.69v1.63h-1.687v3.26h-1.688v1.63h-1.689v-1.63h1.689v-3.26h-1.689v1.63h-1.687v3.26h-3.375v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.69v3.26h-3.375v-1.63h-1.689v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.687v1.63h-1.688v3.26h-1.689v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.377v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.69v1.63H-93.5v-3.26h-1.687v1.63h-1.689v3.26h-1.688v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.375v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.69v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.69v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.375v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v25.434h389.92V33.272z", fillRule: "evenodd", clipRule: "evenodd" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#PixelsDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-9.477 12.589h113.845v42.755H-9.477z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PixelsDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PixelsDivider__d)", d: "M96.986 18.452H-3.767v28.196H96.986z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#PixelsDivider__e)", d: "M240.718 11.053v-3.26h-1.688v1.63h-1.688v3.26h-1.688v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.69v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.69v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.688v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.376v-1.63h-1.688v-1.63h-1.687v-1.63h-1.688v1.63h-1.69v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.69v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.376v-1.63h-1.688v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.687v1.63h-1.688v3.26h-1.689v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.378v-1.63h-1.687v-1.63h-1.688v-1.63H131v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.377v-1.63h-1.689v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.687v1.63h-1.688v3.26h-1.689v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26H98.93v-1.63h-1.688v-1.63h-1.689v-1.63h-1.687v1.63h-1.69v-3.26h-1.688v1.63H88.8v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26H80.36v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63H73.61v-3.26h-1.689v1.63h-1.688v3.26h-1.69v1.63h-1.687v-1.63h1.688v-3.26h-1.688v1.63H65.17v3.26h-3.375v-1.63h-1.688v-1.63h-1.689v-1.63H56.73v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.69v-1.63h1.69v-3.26h-1.69v1.63H46.6v3.26h-3.376v-1.63h-1.687v-1.63H39.85v-1.63h-1.688v1.63h-1.687v-3.26h-1.689v1.63h-1.688v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.377v-1.63H22.97v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63H9.467v3.26H6.092v-1.63H4.404v-1.63h-1.69v-1.63H1.028v1.63h-1.69v-3.26H-2.35v1.63h-1.688v3.26h-1.687v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.375v-1.63h-1.689v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.69v1.63h-1.687v3.26h-1.688v1.63h-1.689v-1.63h1.689v-3.26h-1.689v1.63h-1.687v3.26h-3.375v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.69v3.26h-3.375v-1.63h-1.689v-1.63h-1.687v-1.63h-1.688v1.63h-1.688v-3.26h-1.687v1.63h-1.688v3.26h-1.689v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.377v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.69v1.63H-93.5v-3.26h-1.687v1.63h-1.689v3.26h-1.688v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.375v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v1.63h-1.69v-3.26h-1.688v1.63h-1.687v3.26h-1.688v1.63h-1.688v-1.63h1.688v-3.26h-1.688v1.63h-1.688v3.26h-3.376v-1.63h-1.687v-1.63h-1.688v-1.63h-1.688v1.63h-1.688v-3.26h-1.688v1.63h-1.688v3.26h-1.69v1.63h-1.687v-1.63h1.687v-3.26h-1.687v1.63h-1.688v3.26h-3.375v-1.63h-1.688v-1.63h-1.688v-1.63h-1.688v25.435h389.92V11.053z", fillRule: "evenodd", clipRule: "evenodd" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PixelsDivider__d", x1: "82.696", x2: "72.302", y1: "20.983", y2: "68.381", 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: "PixelsDivider__e", x1: "187.105", x2: "184.519", y1: "10.223", y2: "57.767", 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: "PixelsDivider__c", width: "420.058", height: "68.989", x: "-162.583", y: "-7.276", 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_744_15358", stdDeviation: "7.5" })))
+);
+PixelsDivider.displayName = "PixelsDivider";
+export {
+  PixelsDivider
+};

package/dist/esm/PlantsDivider.js

@@ -0,0 +1,18 @@
+import React from "react";
+const PlantsDivider = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 97 51",
+    fill: "none",
+    width: 97,
+    height: 51,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PlantsDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "PlantsDivider__b", width: "97", height: "51", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M96.9 0H0v51h96.9z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#PlantsDivider__b)" }, /* @__PURE__ */ React.createElement("mask", { id: "PlantsDivider__c", width: "111", height: "30", x: "-6", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M97.128 45.495q.206-.226.378-.477c.753-1.103 1.806-3.18.87-4.451-.796-1.079-2.48-.817-3.551-.393-1.632.646-3.298 1.705-4.552 2.94 1.004-.987 2.027-2.003 2.626-3.278s.69-2.883-.136-4.023c-2.384-3.297-7.3-.152-9.413 1.854-1.837 1.744-3.29 3.956-4.413 6.187 1.081-2.607 1.755-5.476 1.817-8.301.024-1.064-.184-2.309-1.122-2.81-.807-.43-1.904-.205-2.69.176-1.93.937-3.32 2.759-4.148 4.738s-1.153 4.128-1.435 6.256c.535-4.05-.612-10.252-3.8-13.123-.37-.335-.8-.622-1.284-.744-.945-.237-1.956.204-2.652.886-1.45 1.418-2.34 3.808-3.019 5.676-.72 1.98-1.45 4.345-1.403 6.477-.026-1.184-.054-2.382-.356-3.527-.303-1.145-.911-2.251-1.886-2.923-1.53-1.054-3.694-.811-5.246.208-2.217 1.457-3.124 4.088-4.317 6.316 1.003-1.874-1.352-2.666-2.743-2.581a22.4 22.4 0 0 0-7.371 1.738 13.03 13.03 0 0 0 6.534-6.04c.245-.48.466-1.018.352-1.545-.212-.977-1.396-1.36-2.392-1.43-4.684-.333-9.091 2.239-12.69 5.255a10.87 10.87 0 0 0 3.413-6.072c.123-.66.16-1.412-.268-1.928-.673-.812-1.975-.52-2.933-.079a19.63 19.63 0 0 0-9.23 8.899c.208-1.047.315-2.149 0-3.169-.317-1.02-1.137-1.94-2.192-2.105-1.31-.204-2.524.769-3.287 1.855a8.84 8.84 0 0 0-1.537 6.007c-.15-1.334-3.04-2.98-4.167-3.229-1.955-.433-4.308.14-6.04 1.057-1.51.8-2.9 2.1-3.158 3.868-.101.69-.032 1.326.241 1.835h-5.544v13.021h110.519v-13.02h-7.774" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#PlantsDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.072 24.747h102.999v28.896H-2.072z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PlantsDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PlantsDivider__e)", d: "M101.469 33.963q.224-.248.413-.521c.821-1.204 1.97-3.47.948-4.858-.868-1.177-2.706-.891-3.875-.428-1.78.705-3.599 1.86-4.968 3.209 1.096-1.078 2.213-2.187 2.866-3.579.653-1.391.753-3.145-.148-4.39-2.602-3.599-7.967-.166-10.274 2.024-2.004 1.903-3.59 4.316-4.816 6.752 1.18-2.846 1.916-5.977 1.984-9.06.025-1.16-.202-2.52-1.226-3.066-.88-.47-2.078-.224-2.935.192-2.107 1.022-3.624 3.01-4.528 5.17s-1.258 4.506-1.565 6.828c.583-4.42-.67-11.19-4.147-14.322-.406-.366-.873-.68-1.402-.812-1.032-.259-2.136.223-2.895.967-1.582 1.547-2.553 4.156-3.295 6.194-.785 2.161-1.582 4.742-1.531 7.07-.029-1.293-.059-2.6-.389-3.85s-.994-2.457-2.059-3.19c-1.669-1.15-4.03-.885-5.724.227-2.42 1.59-3.41 4.462-4.712 6.894 1.094-2.046-1.476-2.91-2.994-2.818a24.4 24.4 0 0 0-8.045 1.897 14.22 14.22 0 0 0 7.131-6.59c.268-.525.51-1.113.384-1.688-.23-1.066-1.523-1.484-2.61-1.56-5.112-.364-9.922 2.443-13.85 5.735a11.86 11.86 0 0 0 3.726-6.627c.133-.72.174-1.541-.293-2.104-.735-.887-2.155-.567-3.2-.087a21.42 21.42 0 0 0-10.076 9.713c.228-1.143.345-2.346 0-3.459s-1.24-2.117-2.391-2.297c-1.43-.224-2.755.839-3.588 2.024a9.65 9.65 0 0 0-1.677 6.556c-.163-1.456-3.318-3.252-4.549-3.524-2.133-.473-4.701.152-6.59 1.153-1.65.874-3.165 2.294-3.448 4.222-.11.753-.035 1.447.263 2.003h-6.05v14.212h120.62V33.963z" }))))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PlantsDivider__e", x1: "92.847", x2: "82.182", y1: "19.827", y2: "72.54", 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: "PlantsDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "PlantsDivider__d", width: "150.759", height: "61.282", x: "-25.735", y: "1.962", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22655", stdDeviation: "7.5" })))
+);
+PlantsDivider.displayName = "PlantsDivider";
+export {
+  PlantsDivider
+};

package/dist/esm/PokeLoop.js

@@ -0,0 +1,22 @@
+import React from "react";
+const PokeLoop = (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(#PokeLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "12.906", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__c)", d: "M34.181-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 16.546 6.005C9.223 18.422 13.298 34.33 25.648 41.53s28.295 2.964 35.618-9.453C68.59 19.65 64.514 3.744 52.173-3.448 46.53-6.74 40.152-7.64 34.18-6.474" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__e)", d: "M34.181-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 16.546 6.005C9.223 18.422 13.298 34.33 25.648 41.53s28.295 2.964 35.618-9.453C68.59 19.65 64.514 3.744 52.173-3.448 46.53-6.74 40.152-7.64 34.18-6.474" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#PokeLoop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__h)", d: "M43.275-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 6.005c-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.525C55.625-6.74 49.245-7.64 43.275-6.474" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__j)", d: "M43.275-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 6.005c-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.525C55.625-6.74 49.245-7.64 43.275-6.474" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PokeLoop__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "31.094", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__m)", d: "M52.369-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 34.733 6.005C27.41 18.422 31.486 34.33 43.836 41.53s28.295 2.964 35.618-9.453C86.777 19.65 82.702 3.744 70.36-3.448 64.72-6.74 58.34-7.64 52.37-6.474" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__n)", d: "M23.5 51.96h25v1h-25z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 52.462a.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: "PokeLoop__c", x1: "57.531", x2: "13.05", y1: "-2.293", y2: "54.467", 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: "PokeLoop__e", x1: "57.531", x2: "13.05", y1: "-2.293", y2: "54.467", 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: "PokeLoop__h", x1: "66.625", x2: "22.144", y1: "-2.293", y2: "54.467", 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: "PokeLoop__j", x1: "66.625", x2: "22.144", y1: "-2.293", y2: "54.467", 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: "PokeLoop__m", x1: "75.719", x2: "31.238", y1: "-2.293", y2: "54.467", 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: "PokeLoop__n", x1: "23.5", x2: "48.5", y1: "52.461", y2: "52.461", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "PokeLoop__b", width: "62", height: "62", x: "7.906", y: "-11.961", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20328", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "PokeLoop__d", width: "62", height: "62", x: "7.906", y: "-11.961", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20328", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "PokeLoop__g", width: "62", height: "62", x: "17", y: "-11.961", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20328", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "PokeLoop__i", width: "62", height: "62", x: "17", y: "-11.961", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20328", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "PokeLoop__l", width: "62", height: "62", x: "26.094", y: "-11.961", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20328", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PokeLoop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "12.906", y: "17.039", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PokeLoop__f" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "17.039", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PokeLoop__k" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "31.094", y: "17.039", fill: "#fff", rx: "14" })))
+);
+PokeLoop.displayName = "PokeLoop";
+export {
+  PokeLoop
+};

package/dist/esm/PortraitFrame.js

@@ -0,0 +1,18 @@
+import React from "react";
+const PortraitFrame = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PortraitFrame__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 121 17)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PortraitFrame__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PortraitFrame__c)", d: "M59 0h121v109H59z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PortraitFrame__c", x1: "162.839", x2: "72.357", y1: "9.784", y2: "137.955", 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: "PortraitFrame__a" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "92", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 121 17)" })), /* @__PURE__ */ React.createElement("filter", { id: "PortraitFrame__b", width: "146.417", height: "134.417", x: "46.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18526", stdDeviation: "6.354" })))
+);
+PortraitFrame.displayName = "PortraitFrame";
+export {
+  PortraitFrame
+};

package/dist/esm/PresetCollage.js

@@ -0,0 +1,21 @@
+import React from "react";
+const PresetCollage = (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(#PresetCollage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetCollage__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetCollage__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M36 47v2H13v-2z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M23 48h2v10h-2zM59 30v2H35v-2z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M34 13h2v46h-2z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetCollage__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetCollage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetCollage__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22119", stdDeviation: "6" })))
+);
+PresetCollage.displayName = "PresetCollage";
+export {
+  PresetCollage
+};

package/dist/esm/PresetFeatured.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PresetFeatured = (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(#PresetFeatured__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetFeatured__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetFeatured__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 36h46M48 47h11M48 59V36", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetFeatured__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetFeatured__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetFeatured__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22171", stdDeviation: "6" })))
+);
+PresetFeatured.displayName = "PresetFeatured";
+export {
+  PresetFeatured
+};

package/dist/esm/PresetGrid.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PresetGrid = (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(#PresetGrid__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetGrid__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetGrid__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 36h46M41 36V13M31 59V36", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetGrid__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetGrid__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetGrid__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22072", stdDeviation: "6" })))
+);
+PresetGrid.displayName = "PresetGrid";
+export {
+  PresetGrid
+};

package/dist/esm/PresetMasonry.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PresetMasonry = (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(#PresetMasonry__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetMasonry__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetMasonry__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M36 13v46M36 41h23M13 31h23", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetMasonry__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetMasonry__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetMasonry__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22155", stdDeviation: "6" })))
+);
+PresetMasonry.displayName = "PresetMasonry";
+export {
+  PresetMasonry
+};

package/dist/esm/PresetRows.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PresetRows = (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(#PresetRows__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetRows__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetRows__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 30h46M13 40h46", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetRows__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetRows__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetRows__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22058", stdDeviation: "6" })))
+);
+PresetRows.displayName = "PresetRows";
+export {
+  PresetRows
+};

package/dist/esm/PresetSlider.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PresetSlider = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 96",
+    fill: "none",
+    width: 72,
+    height: 96,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PresetSlider__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetSlider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetSlider__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M49 13v46M23 13v46", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetSlider__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetSlider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetSlider__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22136", stdDeviation: "6" })))
+);
+PresetSlider.displayName = "PresetSlider";
+export {
+  PresetSlider
+};

package/dist/esm/PresetSlideshow.js

@@ -0,0 +1,18 @@
+import React from "react";
+const PresetSlideshow = (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(#PresetSlideshow__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetSlideshow__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetSlideshow__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetSlideshow__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetSlideshow__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetSlideshow__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22185", stdDeviation: "6" })))
+);
+PresetSlideshow.displayName = "PresetSlideshow";
+export {
+  PresetSlideshow
+};

package/dist/esm/PresetSquares.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PresetSquares = (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(#PresetSquares__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetSquares__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetSquares__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 36h46M36 59V13", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetSquares__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetSquares__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetSquares__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22086", stdDeviation: "6" })))
+);
+PresetSquares.displayName = "PresetSquares";
+export {
+  PresetSquares
+};

package/dist/esm/PresetThumbnails.js

@@ -0,0 +1,19 @@
+import React from "react";
+const PresetThumbnails = (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(#PresetThumbnails__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PresetThumbnails__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PresetThumbnails__c)", d: "M14 0h58v58H14z" })), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "m21 26-4 3 4 3M51 26l4 3-4 3", strokeLinejoin: "round" })),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 45h46M28 59V46M44 59V46", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PresetThumbnails__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "PresetThumbnails__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "PresetThumbnails__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22101", stdDeviation: "6" })))
+);
+PresetThumbnails.displayName = "PresetThumbnails";
+export {
+  PresetThumbnails
+};

package/dist/esm/PullBackSection.js

@@ -0,0 +1,28 @@
+import React from "react";
+const PullBackSection = (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(#PullBackSection__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PullBackSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__c)", d: "M20 5.664h51.001v39.618H20z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#PullBackSection__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "26.025", height: "12.444", x: "22.988", y: "29.773", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PullBackSection__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__f)", d: "M22.988 3.336H73.99v37.96H22.988z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PullBackSection__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "19.554", height: "6.799", x: "26.223", y: "32.602", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PullBackSection__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__i)", d: "M26.223 8.477h53.5v30.515h-53.5z" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__j)", d: "m58.621 19.09-6 6-.707-.707 6-6z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.914 25.086a.5.5 0 0 1-.144-.399l.353-3.889.996.09-.3 3.293 3.293-.3.09.996-3.89.353-.11-.002a.5.5 0 0 1-.288-.142" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__k)", d: "m13.38 19.09 6 6 .706-.707-6-6z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.087 25.086a.5.5 0 0 0 .144-.399l-.354-3.889-.995.09.3 3.293-3.293-.3-.09.996 3.89.353.109-.002a.5.5 0 0 0 .289-.142" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__l)", d: "m13.378 52.91 6-6 .707.707-6 6z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.914a.5.5 0 0 1 .145.399l-.354 3.889-.996-.09.3-3.293-3.292.3-.09-.996 3.889-.353.11.002a.5.5 0 0 1 .288.142" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__m)", d: "m58.62 52.91-6-6-.706.707 6 6z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.914a.5.5 0 0 0-.144.399l.354 3.889.995-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.109.002a.5.5 0 0 0-.289.142" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PullBackSection__c", x1: "63.768", x2: "32.765", y1: "9.22", y2: "60.15", 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: "PullBackSection__f", x1: "66.757", x2: "37.649", y1: "6.743", y2: "56.647", 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: "PullBackSection__i", x1: "72.135", x2: "52.105", y1: "11.216", y2: "56.027", 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: "PullBackSection__j", x1: "58.268", x2: "52.268", y1: "18.736", y2: "24.736", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "PullBackSection__k", x1: "13.733", x2: "19.733", y1: "18.736", y2: "24.736", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "PullBackSection__l", x1: "13.732", x2: "19.732", y1: "53.264", y2: "47.264", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "PullBackSection__m", x1: "58.267", x2: "52.267", y1: "53.264", y2: "47.264", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PullBackSection__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PullBackSection__d" }, /* @__PURE__ */ React.createElement("rect", { width: "26.025", height: "12.444", x: "22.988", y: "29.773", fill: "#fff", rx: "1.663" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PullBackSection__g" }, /* @__PURE__ */ React.createElement("rect", { width: "19.554", height: "6.799", x: "26.223", y: "32.602", fill: "#fff", rx: "1.109" })), /* @__PURE__ */ React.createElement("filter", { id: "PullBackSection__b", width: "62.089", height: "50.705", x: "14.456", y: ".12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22421", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "PullBackSection__e", width: "62.089", height: "49.048", x: "17.445", y: "-2.208", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22421", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "PullBackSection__h", width: "64.587", height: "41.603", x: "20.679", y: "2.933", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22421", stdDeviation: "2.772" })))
+);
+PullBackSection.displayName = "PullBackSection";
+export {
+  PullBackSection
+};

package/dist/esm/PulseLoop.js

@@ -0,0 +1,20 @@
+import React from "react";
+const PulseLoop = (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(#PulseLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "52", height: "52", x: "10", y: "10", fill: "var(--wds-illustration-color-1, #002291)", rx: "26" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PulseLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PulseLoop__c)", d: "M47.231-28.148a48 48 0 0 0-7.162 2.01 45.94 45.94 0 0 0-23.7 19.829C3.554 15.42 10.686 43.257 32.3 55.859 53.91 68.46 81.815 61.046 94.63 39.316c12.815-21.746 5.684-49.582-15.914-62.168-9.872-5.764-21.036-7.337-31.485-5.296" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#PulseLoop__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "20" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PulseLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PulseLoop__f)", d: "M43.253-12.83c-1.908.379-3.792.905-5.628 1.578a36.1 36.1 0 0 0-18.62 15.58C8.934 21.402 14.538 43.273 31.52 53.175c16.982 9.901 38.906 4.075 48.975-12.998C90.565 23.09 84.961 1.22 67.991-8.67c-7.756-4.528-16.528-5.764-24.738-4.16" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#PulseLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PulseLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PulseLoop__i)", d: "M38.91 9.059a20.865 20.865 0 0 0-14.017 9.919c-5.82 9.868-2.582 22.51 7.234 28.234 9.816 5.723 22.49 2.356 28.31-7.513 5.82-9.876 2.58-22.519-7.228-28.235-4.484-2.618-9.554-3.332-14.3-2.405" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PulseLoop__c", x1: "88.094", x2: "10.252", y1: "-20.832", y2: "78.499", 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: "PulseLoop__f", x1: "75.359", x2: "14.198", y1: "-7.082", y2: "70.963", 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: "PulseLoop__i", x1: "57.468", x2: "22.114", y1: "12.382", y2: "57.494", 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("clipPath", { id: "PulseLoop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "52", height: "52", x: "10", y: "10", fill: "#fff", rx: "26" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PulseLoop__d" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "16", fill: "#fff", rx: "20" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PulseLoop__g" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("filter", { id: "PulseLoop__b", width: "108.5", height: "108.5", x: "1.25", y: "-37.75", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20295", stdDeviation: "4.375" })), /* @__PURE__ */ React.createElement("filter", { id: "PulseLoop__e", width: "85.25", height: "85.25", x: "7.125", y: "-20.375", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20295", stdDeviation: "3.438" })), /* @__PURE__ */ React.createElement("filter", { id: "PulseLoop__h", width: "51.329", height: "51.328", x: "17", y: "3.672", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20295", stdDeviation: "2.5" })))
+);
+PulseLoop.displayName = "PulseLoop";
+export {
+  PulseLoop
+};

package/dist/esm/RSVPInvite.js

@@ -0,0 +1,23 @@
+import React from "react";
+const RSVPInvite = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RSVPInvite__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "60", height: "74", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 120 27)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RSVPInvite__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RSVPInvite__c)", d: "M0 0h101v120H0z", transform: "matrix(0 -1 -1 0 176 105)" }))),
+  /* @__PURE__ */ React.createElement("rect", { width: "28", height: "10", x: "76", y: "81", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M96.034 88.146h-.996v-4.29h1.692q.45 0 .792.174a1.3 1.3 0 0 1 .54.486q.192.306.192.714t-.192.72a1.3 1.3 0 0 1-.54.486 1.8 1.8 0 0 1-.792.168h-.696zm.696-3.444h-.696v1.056h.696q.24 0 .378-.144a.52.52 0 0 0 .144-.384.5.5 0 0 0-.144-.384.5.5 0 0 0-.378-.144M92.495 88.146h-.984l-1.602-4.29h1.08l1.044 3.09 1.026-3.09h1.038zM85.789 87.444l.642-.654q.12.174.318.312.204.138.444.216.246.072.492.072.336 0 .528-.12t.192-.324q0-.21-.198-.33t-.654-.192q-1.578-.24-1.578-1.284 0-.426.21-.732.21-.312.582-.48.378-.168.864-.168.546 0 1.014.204.474.204.768.552l-.624.654a1.45 1.45 0 0 0-1.152-.564.9.9 0 0 0-.48.114.34.34 0 0 0-.18.312q0 .192.186.3.186.102.66.186 1.59.258 1.59 1.362 0 .408-.216.72a1.4 1.4 0 0 1-.612.474q-.39.168-.924.168a2.8 2.8 0 0 1-1.068-.204 2.1 2.1 0 0 1-.804-.594M82.742 88.146h-.996v-4.29h1.692q.45 0 .792.174a1.3 1.3 0 0 1 .54.486q.192.306.192.714 0 .42-.204.738a1.33 1.33 0 0 1-.558.48l1.194 1.698h-1.2l-1.032-1.542h-.42zm.696-3.444h-.696v1.056h.696q.24 0 .378-.144a.52.52 0 0 0 .144-.384.5.5 0 0 0-.144-.384.5.5 0 0 0-.378-.144" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M106 63v1H74v-1zM106 67v1H74v-1zM97 71v1H83v-1zM81.305 43.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" }),
+  /* @__PURE__ */ React.createElement("mask", { id: "RSVPInvite__d", width: "18", height: "15", x: "81", y: "37", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M81.305 43.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#RSVPInvite__e)", mask: "url(#RSVPInvite__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RSVPInvite__f)", d: "M81 4h48v48H81z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RSVPInvite__c", x1: "86.676", x2: "-18.77", y1: "10.771", y2: "124.02", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-2, #7896ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RSVPInvite__f", x1: "122.192", x2: "81.133", y1: "8.308", y2: "60.703", 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: "RSVPInvite__b", width: "145.417", height: "126.417", x: "43.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18548", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "RSVPInvite__e", width: "54", height: "54", x: "78", y: "1", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18548", stdDeviation: "1.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RSVPInvite__a" }, /* @__PURE__ */ React.createElement("rect", { width: "60", height: "74", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 120 27)" })))
+);
+RSVPInvite.displayName = "RSVPInvite";
+export {
+  RSVPInvite
+};