@wix/design-system-illustrations 2.10.0 → 2.12.0

package/dist/esm/ImageLayoutSingleColumn.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImageLayoutSingleColumn = (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(#ImageLayoutSingleColumn__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutSingleColumn__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutSingleColumn__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 17a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImageLayoutSingleColumn__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutSingleColumn__e)", d: "M14 0h58v58H14z" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutSingleColumn__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 14h44v22H14z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutSingleColumn__g)", d: "M40.151 17.586 30.04 33.913l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutSingleColumn__h)", d: "M58.324 23.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C37.82 30.983 21 36.246 21 36.246v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutSingleColumn__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "18", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImageLayoutSingleColumn__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutSingleColumn__k)", d: "M24.137 11.14a7.573 7.573 0 0 0-5.087 3.6c-2.113 3.582-.937 8.17 2.626 10.248s8.162.855 10.274-2.727c2.112-3.585.937-8.173-2.623-10.248a7.43 7.43 0 0 0-5.19-.873" })))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M25 50.5h22M25 46.5h22M31 42.5h10" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutSingleColumn__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("clipPath", { id: "ImageLayoutSingleColumn__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutSingleColumn__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 17a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutSingleColumn__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 14h44v22H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutSingleColumn__i" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageLayoutSingleColumn__e", 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-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageLayoutSingleColumn__g", x1: "34.717", x2: "49.506", y1: "23.13", y2: "34.774", 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: "ImageLayoutSingleColumn__h", x1: "25.082", x2: "54.448", y1: "8.316", y2: "36.836", 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: "ImageLayoutSingleColumn__k", x1: "30.873", x2: "18.041", y1: "12.346", y2: "28.72", 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: "ImageLayoutSingleColumn__d", width: "68", height: "68", x: "9", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21659", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ImageLayoutSingleColumn__j", width: "25", height: "25", x: "13", y: "6", 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_21659", stdDeviation: "2.5" })))
+);
+ImageLayoutSingleColumn.displayName = "ImageLayoutSingleColumn";
+export {
+  ImageLayoutSingleColumn
+};

package/dist/esm/ImageLayoutThumbnail.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImageLayoutThumbnail = (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(#ImageLayoutThumbnail__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutThumbnail__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "17.806", x: "24", y: "27", fill: "var(--wds-illustration-color-6, #002296)", rx: "1.548" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutThumbnail__c)", d: "M36.325 30.797 29.613 41.42l11.97-1.747z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutThumbnail__d)", d: "M48.387 34.588s-9.203-3.69-9.652-3.877-3.233-1.052-2.41 1.442c.818 2.478 1.266 3.431 1.445 3.855.178.423.904 2.147-.922 2.783-2.07.721-13.235 4.145-13.235 4.145v1.966h24.774z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutThumbnail__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "26", y: "29", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImageLayoutThumbnail__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutThumbnail__g)", d: "M29.621 25.677q-.355.07-.697.195a4.47 4.47 0 0 0-2.305 1.929c-1.246 2.113-.552 4.82 1.55 6.046s4.816.505 6.062-1.609c1.246-2.115.553-4.822-1.548-6.046a4.38 4.38 0 0 0-3.062-.515" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageLayoutThumbnail__c", x1: "32.718", x2: "42.383", y1: "34.404", y2: "42.167", 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: "ImageLayoutThumbnail__d", x1: "26.323", x2: "45.437", y1: "24.764", y2: "43.702", 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: "ImageLayoutThumbnail__g", x1: "33.595", x2: "26.024", y1: "26.388", y2: "36.049", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutThumbnail__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "17.454", x: "24", y: "27", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutThumbnail__b" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "17.806", x: "24", y: "27", fill: "#fff", rx: "1.548" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutThumbnail__e" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "26", y: "29", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ImageLayoutThumbnail__f", width: "10.553", height: "10.554", x: "25.149", y: "24.743", 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_21799", stdDeviation: ".426" })))
+);
+ImageLayoutThumbnail.displayName = "ImageLayoutThumbnail";
+export {
+  ImageLayoutThumbnail
+};

package/dist/esm/ImageLayoutTwoColumn.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImageLayoutTwoColumn = (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(#ImageLayoutTwoColumn__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutTwoColumn__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutTwoColumn__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 28a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImageLayoutTwoColumn__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutTwoColumn__e)", d: "M14 0h58v47H14z" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutTwoColumn__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutTwoColumn__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 25h22v22H14z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutTwoColumn__h)", d: "m26.325 32.875-6.712 10.837 11.971-1.782z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutTwoColumn__i)", d: "M38.387 36.742s-9.203-3.764-9.652-3.955c-.448-.19-3.233-1.073-2.41 1.471.818 2.529 1.266 3.5 1.445 3.933.178.431.904 2.19-.922 2.84-2.07.735-13.235 4.228-13.235 4.228v2.005h24.774z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImageLayoutTwoColumn__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "17", y: "28", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImageLayoutTwoColumn__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageLayoutTwoColumn__l)", d: "M20.621 24.677A4.468 4.468 0 0 0 17.62 26.8c-1.246 2.113-.552 4.82 1.55 6.046s4.816.505 6.062-1.609c1.247-2.115.553-4.822-1.548-6.046a4.38 4.38 0 0 0-3.062-.515" })))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M40 41.5h14M40 37.5h14M40 33.5h7" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutTwoColumn__a" }, /* @__PURE__ */ React.createElement("rect", { width: "72", height: "72", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutTwoColumn__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutTwoColumn__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 28a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutTwoColumn__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 25h22v22H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutTwoColumn__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 25h22v22H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImageLayoutTwoColumn__j" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "17", y: "28", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageLayoutTwoColumn__e", x1: "63.774", x2: "26.299", y1: "4.219", y2: "63.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: "ImageLayoutTwoColumn__h", x1: "22.718", x2: "32.534", y1: "36.555", y2: "44.284", 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: "ImageLayoutTwoColumn__i", x1: "16.323", x2: "35.814", y1: "26.721", y2: "45.651", 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: "ImageLayoutTwoColumn__l", x1: "24.596", x2: "17.024", y1: "25.388", y2: "35.049", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ImageLayoutTwoColumn__d", width: "68", height: "57", x: "9", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21632", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ImageLayoutTwoColumn__k", width: "10.553", height: "10.554", x: "16.149", y: "23.743", 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_21632", stdDeviation: ".426" })))
+);
+ImageLayoutTwoColumn.displayName = "ImageLayoutTwoColumn";
+export {
+  ImageLayoutTwoColumn
+};

package/dist/esm/ImagePositionBottom.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImagePositionBottom = (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(#ImagePositionBottom__a)" }, /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "M28 25.5h16M18 21.5h36M18 17.5h36" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionBottom__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 35a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionBottom__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14.194 32.194h43.613v21.613H14.194z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "M14.194 32.194h43.613v21.613H14.194z", strokeWidth: ".387" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionBottom__d)", d: "M40.151 35.586 30.04 51.913l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionBottom__e)", d: "M58.324 41.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C37.82 48.984 21 54.246 21 54.246v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionBottom__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionBottom__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionBottom__h)", d: "M24.137 29.14a7.573 7.573 0 0 0-5.087 3.6c-2.113 3.582-.937 8.17 2.626 10.248s8.162.855 10.274-2.727c2.112-3.585.937-8.173-2.623-10.248a7.43 7.43 0 0 0-5.19-.873" })))))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionBottom__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionBottom__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 35a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionBottom__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 32h44v22H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionBottom__f" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "36", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ImagePositionBottom__d", x1: "34.717", x2: "49.506", y1: "41.13", y2: "52.774", 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: "ImagePositionBottom__e", x1: "25.082", x2: "54.448", y1: "26.316", y2: "54.836", 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: "ImagePositionBottom__h", x1: "30.873", x2: "18.041", y1: "30.346", y2: "46.719", 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: "ImagePositionBottom__g", width: "25", height: "25", x: "13", y: "24", 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_21711", stdDeviation: "2.5" })))
+);
+ImagePositionBottom.displayName = "ImagePositionBottom";
+export {
+  ImagePositionBottom
+};

package/dist/esm/ImagePositionLeft.js

@@ -0,0 +1,20 @@
+import React from "react";
+const ImagePositionLeft = (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(#ImagePositionLeft__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionLeft__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__c)", d: "M14-4h58v51H14z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionLeft__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 21h44v30H14z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__e)", d: "M27.151 27.586 17.04 43.913l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__f)", d: "M45.324 33.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C24.82 40.984 8 46.246 8 46.246v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionLeft__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "17", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionLeft__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__i)", d: "M21.091 20.094q-.401.08-.787.22a5.05 5.05 0 0 0-2.604 2.18c-1.408 2.387-.625 5.446 1.75 6.831s5.442.57 6.85-1.818c1.408-2.39.625-5.448-1.749-6.831a4.95 4.95 0 0 0-3.46-.582" })))),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47 38v1h-6v-1zM53 34v1H41v-1zM53 30v1H41v-1z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ImagePositionLeft__c", x1: "63.774", x2: "21.79", y1: ".578", y2: "61.504", 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: "ImagePositionLeft__e", x1: "21.717", x2: "36.506", y1: "33.13", y2: "44.774", 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: "ImagePositionLeft__f", x1: "12.082", x2: "41.448", y1: "18.316", y2: "46.836", 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: "ImagePositionLeft__i", x1: "25.582", x2: "17.028", y1: "20.898", y2: "31.813", 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: "ImagePositionLeft__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionLeft__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 24a3 3 0 0 1 3-3h19v26H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionLeft__g" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "17", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "ImagePositionLeft__b", width: "68", height: "61", x: "9", y: "-9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21478", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ImagePositionLeft__h", width: "20", height: "20", x: "12", y: "15", 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_21478", stdDeviation: "2.5" })))
+);
+ImagePositionLeft.displayName = "ImagePositionLeft";
+export {
+  ImagePositionLeft
+};

package/dist/esm/ImagePositionRight.js

@@ -0,0 +1,20 @@
+import React from "react";
+const ImagePositionRight = (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(#ImagePositionRight__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionRight__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__c)", d: "M14-4h58v51H14z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionRight__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 21h44v30H36z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__e)", d: "M49.151 27.586 39.04 43.913l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__f)", d: "M67.324 33.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C46.82 40.984 30 46.246 30 46.246v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionRight__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "39", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionRight__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__i)", d: "M43.091 20.094q-.401.08-.787.22a5.05 5.05 0 0 0-2.604 2.18c-1.408 2.387-.625 5.446 1.75 6.831s5.442.57 6.85-1.818c1.408-2.39.625-5.448-1.749-6.831a4.95 4.95 0 0 0-3.46-.582" })))),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25 38v1h-6v-1zM31 34v1H19v-1zM31 30v1H19v-1z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ImagePositionRight__c", x1: "63.774", x2: "21.79", y1: ".578", y2: "61.504", 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-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ImagePositionRight__e", x1: "43.717", x2: "58.506", y1: "33.13", y2: "44.774", 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: "ImagePositionRight__f", x1: "34.082", x2: "63.448", y1: "18.316", y2: "46.836", 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: "ImagePositionRight__i", x1: "47.582", x2: "39.028", y1: "20.898", y2: "31.813", 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: "ImagePositionRight__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionRight__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 21h19a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H36z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionRight__g" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "39", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "ImagePositionRight__b", width: "68", height: "61", x: "9", y: "-9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21501", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ImagePositionRight__h", width: "20", height: "20", x: "34", y: "15", 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_21501", stdDeviation: "2.5" })))
+);
+ImagePositionRight.displayName = "ImagePositionRight";
+export {
+  ImagePositionRight
+};

package/dist/esm/ImagePositionTop.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImagePositionTop = (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(#ImagePositionTop__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionTop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 21a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionTop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 18h44v22H14z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionTop__d)", d: "M40.151 21.586 30.04 37.913l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionTop__e)", d: "M58.324 27.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C37.82 34.984 21 40.246 21 40.246v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionTop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "22", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionTop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionTop__h)", d: "M24.137 15.14a7.573 7.573 0 0 0-5.087 3.6c-2.113 3.582-.937 8.17 2.626 10.248s8.162.855 10.274-2.727c2.112-3.585.937-8.173-2.623-10.248a7.43 7.43 0 0 0-5.19-.873" }))))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "M28 53.5h16M18 49.5h36M18 45.5h36" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionTop__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionTop__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 21a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionTop__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 18h44v22H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ImagePositionTop__f" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "22", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ImagePositionTop__d", x1: "34.717", x2: "49.506", y1: "27.13", y2: "38.774", 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: "ImagePositionTop__e", x1: "25.082", x2: "54.448", y1: "12.316", y2: "40.836", 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: "ImagePositionTop__h", x1: "30.873", x2: "18.041", y1: "16.346", y2: "32.719", 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: "ImagePositionTop__g", width: "25", height: "25", x: "13", y: "10", 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_21687", stdDeviation: "2.5" })))
+);
+ImagePositionTop.displayName = "ImagePositionTop";
+export {
+  ImagePositionTop
+};

package/dist/esm/ImageRatio11.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImageRatio11 = (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(#ImageRatio11__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImageRatio11__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageRatio11__c)", d: "M21 0h51v51H21z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageRatio11__c", x1: "64.767", x2: "21.141", y1: "4.578", y2: "60.246", 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: "ImageRatio11__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "ImageRatio11__b", width: "61", height: "61", x: "16", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21360", stdDeviation: "2.5" })))
+);
+ImageRatio11.displayName = "ImageRatio11";
+export {
+  ImageRatio11
+};

package/dist/esm/ImageRatio169.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImageRatio169 = (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(#ImageRatio169__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "42.667", x: "56.833", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 56.833 24)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImageRatio169__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImageRatio169__c)", d: "M13.833 0h58v48h-58z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageRatio169__c", x1: "63.607", x2: "24.998", y1: "4.308", y2: "63.84", 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: "ImageRatio169__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "42.667", x: "56.833", y: "24", fill: "#fff", rx: "3", transform: "rotate(90 56.833 24)" })), /* @__PURE__ */ React.createElement("filter", { id: "ImageRatio169__b", width: "68", height: "58", x: "8.833", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21371", stdDeviation: "2.5" })))
+);
+ImageRatio169.displayName = "ImageRatio169";
+export {
+  ImageRatio169
+};

package/dist/esm/InstagramPost.js

@@ -0,0 +1,20 @@
+import React from "react";
+const InstagramPost = (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(#InstagramPost__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "73", height: "74", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 1 1 0 53 27)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#InstagramPost__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#InstagramPost__c)", d: "M0 0h100v127H0z", transform: "matrix(0 -1 -1 0 176 104)" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#InstagramPost__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 1 1 0 58 45)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#InstagramPost__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#InstagramPost__f)", d: "M180 95V0H58v95z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m91.9 64 1.084.075c1.656.218 2.71 1.272 2.928 2.932l.075 1.086c-.03 1.258.04 2.524 0 3.782-.042 1.367-.238 2.641-1.45 3.466-.832.565-1.687.57-2.65.602-1.46.047-3.192.111-4.636-.024-1.857-.172-2.994-1.313-3.168-3.171-.137-1.465-.075-3.257-.023-4.738.043-1.189.118-2.196 1.027-3.065.85-.814 1.967-.912 3.084-.945zm-3.495 1.084c-.994.027-2.1.007-2.768.867-.541.698-.478 1.609-.501 2.442-.037 1.312-.05 2.64.022 3.949.097 1.732.768 2.404 2.498 2.501 1.307.073 2.635.06 3.944.023.92-.026 1.927.041 2.631-.668.672-.677.628-1.621.656-2.504.04-1.297.074-2.703 0-3.996-.101-1.788-.802-2.5-2.593-2.597-1.25-.067-2.632-.05-3.89-.017" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M89.983 66.899c2.206-.023 3.72 2.26 2.853 4.295-.934 2.192-3.958 2.52-5.33.566-1.424-2.028.01-4.836 2.477-4.861M89.791 68c-1.393.131-2.18 1.681-1.537 2.913.731 1.401 2.789 1.405 3.515 0a1.993 1.993 0 0 0-1.978-2.913M93.162 66.064c.977-.052 1.003 1.456.04 1.456s-.969-1.407-.04-1.456" })),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M66 36a4 4 0 1 1-8 0 4 4 0 0 1 8 0M80 34v1H70v-1zM90 38v1H70v-1z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "InstagramPost__c", x1: "85.817", x2: "-26.062", y1: "11.399", y2: "123.812", 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-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "InstagramPost__f", x1: "169.049", x2: "62.259", y1: "13.473", y2: "120.947", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "InstagramPost__a" }, /* @__PURE__ */ React.createElement("rect", { width: "73", height: "74", fill: "#fff", rx: "6", transform: "matrix(0 1 1 0 53 27)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "InstagramPost__d" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "64", fill: "#fff", rx: "3", transform: "matrix(0 1 1 0 58 45)" })), /* @__PURE__ */ React.createElement("filter", { id: "InstagramPost__b", width: "152.417", height: "125.417", x: "36.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_18459", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "InstagramPost__e", width: "147.417", height: "120.417", x: "45.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18459", stdDeviation: "6.354" })))
+);
+InstagramPost.displayName = "InstagramPost";
+export {
+  InstagramPost
+};

package/dist/esm/InstagramReel.js

@@ -0,0 +1,21 @@
+import React from "react";
+const InstagramReel = (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(#InstagramReel__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 115 18)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#InstagramReel__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#InstagramReel__c)", d: "M180 110V0H65v110z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M78 27a4 4 0 1 1-8 0 4 4 0 0 1 8 0M92 25v1H82v-1zM101 29v1H82v-1z" })),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M109 102v1H77v-1zM70 105v-5l4 2.5z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m91.9 58 1.084.075c1.656.218 2.71 1.272 2.928 2.932l.075 1.086c-.03 1.258.04 2.524 0 3.782-.042 1.367-.238 2.641-1.45 3.466-.832.565-1.687.57-2.65.602-1.46.047-3.192.111-4.636-.024-1.857-.172-2.994-1.313-3.168-3.171-.137-1.465-.075-3.257-.023-4.738.043-1.189.118-2.196 1.027-3.065.85-.814 1.967-.912 3.084-.945zm-3.495 1.084c-.994.027-2.1.008-2.768.867-.541.698-.478 1.609-.501 2.442-.037 1.312-.05 2.64.022 3.949.097 1.732.768 2.404 2.498 2.501 1.307.073 2.635.06 3.944.023.92-.026 1.927.041 2.631-.668.672-.677.628-1.621.656-2.504.04-1.297.074-2.703 0-3.996-.101-1.788-.802-2.5-2.593-2.597-1.25-.067-2.632-.05-3.89-.017" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M89.984 60.9c2.205-.024 3.72 2.26 2.853 4.294-.934 2.192-3.958 2.521-5.33.566-1.424-2.027.01-4.835 2.477-4.86m-.192 1.102c-1.393.13-2.18 1.68-1.537 2.913.73 1.4 2.789 1.404 3.515 0a1.993 1.993 0 0 0-1.978-2.913M93.163 60.064c.977-.052 1.003 1.456.04 1.456s-.969-1.407-.04-1.456" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "InstagramReel__c", x1: "169.678", x2: "48.439", y1: "15.601", y2: "114.931", 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: "InstagramReel__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 115 18)" })), /* @__PURE__ */ React.createElement("filter", { id: "InstagramReel__b", width: "140.417", height: "135.417", x: "52.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_18477", stdDeviation: "6.354" })))
+);
+InstagramReel.displayName = "InstagramReel";
+export {
+  InstagramReel
+};

package/dist/esm/InstagramStory.js

@@ -0,0 +1,20 @@
+import React from "react";
+const InstagramStory = (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(#InstagramStory__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 115 18)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#InstagramStory__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#InstagramStory__c)", d: "M180 110V0H65v110z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M78 27a4 4 0 1 1-8 0 4 4 0 0 1 8 0M92 25v1H82v-1zM101 29v1H82v-1z" })),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m91.9 58 1.084.075c1.656.218 2.71 1.272 2.928 2.932l.075 1.086c-.03 1.258.04 2.524 0 3.782-.042 1.367-.238 2.641-1.45 3.466-.832.565-1.687.57-2.65.602-1.46.047-3.192.111-4.636-.024-1.857-.172-2.994-1.313-3.168-3.171-.137-1.465-.075-3.257-.023-4.738.043-1.189.118-2.196 1.027-3.065.85-.814 1.967-.912 3.084-.945zm-3.495 1.084c-.994.027-2.1.008-2.768.867-.541.698-.478 1.609-.501 2.442-.037 1.312-.05 2.64.022 3.949.097 1.732.768 2.404 2.498 2.501 1.307.073 2.635.06 3.944.023.92-.026 1.927.041 2.631-.668.672-.677.628-1.621.656-2.504.04-1.297.074-2.703 0-3.996-.101-1.788-.802-2.5-2.593-2.597-1.25-.067-2.632-.05-3.89-.017" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M89.984 60.9c2.205-.024 3.72 2.26 2.853 4.294-.934 2.192-3.958 2.521-5.33.566-1.424-2.027.01-4.835 2.477-4.86m-.192 1.102c-1.393.13-2.18 1.68-1.537 2.913.73 1.4 2.789 1.404 3.515 0a1.993 1.993 0 0 0-1.978-2.913M93.163 60.064c.977-.052 1.003 1.456.04 1.456s-.969-1.407-.04-1.456" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "InstagramStory__c", x1: "169.678", x2: "48.439", y1: "15.601", y2: "114.931", 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: "InstagramStory__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 115 18)" })), /* @__PURE__ */ React.createElement("filter", { id: "InstagramStory__b", width: "140.417", height: "135.417", x: "52.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_18491", stdDeviation: "6.354" })))
+);
+InstagramStory.displayName = "InstagramStory";
+export {
+  InstagramStory
+};

package/dist/esm/InvertedElipseDivider.js

@@ -0,0 +1,18 @@
+import React from "react";
+const InvertedElipseDivider = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 110 60",
+    fill: "none",
+    width: 110,
+    height: 60,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#InvertedElipseDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55 54.86C32.057 54.86 11.556 44.405-2 28v32.458h114V28C98.444 44.405 77.943 54.86 55 54.86" }), /* @__PURE__ */ React.createElement("mask", { id: "InvertedElipseDivider__b", width: "114", height: "33", x: "-2", y: "28", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M55 54.86C32.057 54.86 11.556 44.405-2 28v32.458h114V28C98.444 44.405 77.943 54.86 55 54.86" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#InvertedElipseDivider__c)", mask: "url(#InvertedElipseDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#InvertedElipseDivider__d)", d: "M56.228 49.643c-22.511 0-42.626-20.059-55.926-51.534H-17.36v62.274h144.721V-1.89h-15.208c-13.3 31.475-33.416 51.534-55.926 51.534" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "InvertedElipseDivider__d", x1: "106.837", x2: "73.615", y1: "3.699", y2: "102.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: "InvertedElipseDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "110", height: "60", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "InvertedElipseDivider__c", width: "174.721", height: "92.273", x: "-32.359", y: "-16.891", 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_22552", stdDeviation: "7.5" })))
+);
+InvertedElipseDivider.displayName = "InvertedElipseDivider";
+export {
+  InvertedElipseDivider
+};

package/dist/esm/Iris.js

@@ -10,7 +10,7 @@ const Iris = (props) => /* @__PURE__ */ React.createElement(
     ...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" })))
+  /* @__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_676_17413", 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_676_17413", 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_676_17413", 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_676_17413", stdDeviation: "2.5" })))
 );
 Iris.displayName = "Iris";
 export {

package/dist/esm/JelloLoop.js

@@ -0,0 +1,22 @@
+import React from "react";
+const JelloLoop = (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-background, #f8f6f6)", d: "M14.124 26.64c3.025-5.445 12.326-7.146 22.31-4.608 10.317-1.961 19.668.45 22.244 6.25 1.192 2.685.756 5.696-.96 8.622 1.397 2.976 1.545 5.93.145 8.448-3.024 5.444-12.32 7.146-22.3 4.612-10.11 1.784-19.191-.642-21.724-6.344-1.118-2.517-.804-5.321.653-8.073-1.601-3.13-1.839-6.258-.368-8.906", opacity: ".5" }),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "JelloLoop__a", width: "47", height: "30", x: "13", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "23.695", cy: "13.579", fill: "#D9D9D9", rx: "23.695", ry: "13.579", transform: "matrix(.94617 -.32366 .40596 .9139 8.334 31.215)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#JelloLoop__a)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "53", cy: "27.562", fill: "#002294", rx: "53", ry: "27.562", transform: "matrix(.94617 -.32366 .40596 .9139 -15.59 13.492)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#JelloLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#JelloLoop__c)", d: "M21.223 12.153a89 89 0 0 0-5.915 2.887C7.529 19.23 1.234 24.29-2.078 29.516c-7.576 11.936 3.261 20.2 24.206 18.455 20.944-1.745 44.056-12.84 51.632-24.777 7.574-11.942-3.264-20.206-24.192-18.46C40 5.53 30 8.273 21.223 12.153" })))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "JelloLoop__d", width: "46", height: "32", x: "13", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "23.787", cy: "13.583", fill: "#D9D9D9", rx: "23.787", ry: "13.583", transform: "matrix(.9194 .39332 -.48562 .87417 20.726 14.77)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#JelloLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "48.499", cy: "28.234", fill: "#002294", rx: "48.499", ry: "28.234", transform: "matrix(.9194 .39332 -.48562 .87417 21.497 -11.633)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#JelloLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#JelloLoop__f)", d: "M53.533 11.584a61 61 0 0 0-5.434-1.356c-7.462-1.48-14.857-1.386-20.828.647C13.625 15.51 12.58 28.48 24.938 39.84s33.434 16.804 47.079 12.167c13.647-4.642 14.692-17.611 2.343-28.96-5.643-5.192-13.094-9.138-20.827-11.463" })))),
+  /* @__PURE__ */ React.createElement("mask", { id: "JelloLoop__g", width: "29", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "36.023", cy: "36", r: "14", fill: "#D9D9D9" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#JelloLoop__g)" }, /* @__PURE__ */ React.createElement("circle", { cx: "41.798", cy: "18.622", r: "33.356", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#JelloLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#JelloLoop__i)", d: "M36.612 1.168a26 26 0 0 0-3.844 1.078 24.66 24.66 0 0 0-12.72 10.643c-6.877 11.663-3.05 26.602 8.55 33.366s26.575 2.784 33.453-8.879c6.878-11.67 3.05-26.61-8.54-33.366C48.21.917 42.22.073 36.611 1.168" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "JelloLoop__c", x1: "58.084", x2: "58.434", y1: "2.69", y2: "62.7", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "JelloLoop__f", x1: "80.467", x2: "29.881", y1: "26.633", y2: "70.902", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "JelloLoop__i", x1: "58.543", x2: "16.765", y1: "5.095", y2: "58.406", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "JelloLoop__b", width: "90.669", height: "53.703", x: "-9.494", y: "-.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20571", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "JelloLoop__e", width: "76.666", height: "54.441", x: "11.313", y: "4.219", 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_20571", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "JelloLoop__h", width: "58.84", height: "58.84", x: "11.63", y: "-4.289", 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_20571", stdDeviation: "2.5" })))
+);
+JelloLoop.displayName = "JelloLoop";
+export {
+  JelloLoop
+};

package/dist/esm/LandscapeFrame.js

@@ -0,0 +1,18 @@
+import React from "react";
+const LandscapeFrame = (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(#LandscapeFrame__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 136 94)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LandscapeFrame__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#LandscapeFrame__c)", d: "M179 94V1H44v93z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "LandscapeFrame__c", x1: "166.882", x2: "63.2", y1: "14.19", y2: "132.137", 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: "LandscapeFrame__a" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "92", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 136 94)" })), /* @__PURE__ */ React.createElement("filter", { id: "LandscapeFrame__b", width: "160.417", height: "118.417", x: "31.292", y: "-11.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_18537", stdDeviation: "6.354" })))
+);
+LandscapeFrame.displayName = "LandscapeFrame";
+export {
+  LandscapeFrame
+};

package/dist/esm/LayeredElipseDivider.js

@@ -0,0 +1,19 @@
+import React from "react";
+const LayeredElipseDivider = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 97 28",
+    fill: "none",
+    width: 97,
+    height: 28,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("mask", { id: "LayeredElipseDivider__a", width: "97", height: "51", x: "0", y: "-23", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M88.604-22.85H8.014A8.013 8.013 0 0 0 0-14.838v34.824a8.013 8.013 0 0 0 8.013 8.014h80.59a8.013 8.013 0 0 0 8.014-8.014v-34.824a8.013 8.013 0 0 0-8.013-8.014" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredElipseDivider__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "LayeredElipseDivider__b", width: "116", height: "29", x: "-10", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-9.334 28.071C6.217 10.095 26.701 0 48.31 0s42.09 10.094 57.642 28.071z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredElipseDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-18.271-18.453h133.888v48.886H-18.271z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LayeredElipseDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-65.476 20.942c30.646-35.425 71.012-55.32 113.594-55.32s82.946 19.892 113.592 55.32z" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "LayeredElipseDivider__d", width: "103", height: "24", x: "-3", y: "5", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.968 28.224C10.866 13.513 29.088 5.25 48.31 5.25s37.443 8.26 51.277 22.973z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredElipseDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-10.918-9.852h119.105v40.006H-10.918z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LayeredElipseDivider__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-52.911 22.39C-25.65-6.602 10.26-22.883 48.14-22.883c37.88 0 73.787 16.279 101.049 45.271z" })))), /* @__PURE__ */ React.createElement("mask", { id: "LayeredElipseDivider__f", width: "89", height: "19", x: "4", y: "10", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.607 28.079c11.79-11.05 27.32-17.256 43.703-17.256 16.382 0 31.91 6.205 43.701 17.256z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredElipseDivider__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.167-.516H99.342v30.051H-2.167z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LayeredElipseDivider__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#LayeredElipseDivider__h)", d: "M-37.959 23.692c23.235-21.777 53.84-34.006 86.123-34.006s62.887 12.228 86.122 34.006z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "LayeredElipseDivider__c", width: "257.237", height: "85.37", x: "-80.502", y: "-49.403", 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_22673", stdDeviation: "7.5" })), /* @__PURE__ */ React.createElement("filter", { id: "LayeredElipseDivider__e", width: "232.152", height: "75.321", x: "-67.936", y: "-37.907", 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_22673", stdDeviation: "7.5" })), /* @__PURE__ */ React.createElement("filter", { id: "LayeredElipseDivider__g", width: "202.295", height: "64.052", x: "-52.984", y: "-25.339", 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_22673", stdDeviation: "7.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "LayeredElipseDivider__h", x1: "109.857", x2: "100.804", y1: "-7.262", y2: "51.252", 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)" })))
+);
+LayeredElipseDivider.displayName = "LayeredElipseDivider";
+export {
+  LayeredElipseDivider
+};

package/dist/esm/LayoutCards.js

@@ -0,0 +1,19 @@
+import React from "react";
+const LayoutCards = (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(#LayoutCards__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "32", x: "14", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LayoutCards__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#LayoutCards__c)", d: "M14-6h58v58H14z" }))),
+  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M28 53V19M44 53V19M13 36h46", strokeWidth: "2" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "LayoutCards__c", x1: "63.774", x2: "14.16", y1: "-.794", y2: "62.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: "LayoutCards__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "32", x: "14", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "LayoutCards__b", width: "82", height: "82", x: "2", y: "-18", 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_21770", stdDeviation: "6" })))
+);
+LayoutCards.displayName = "LayoutCards";
+export {
+  LayoutCards
+};

package/dist/esm/LayoutCarousel.js

@@ -0,0 +1,20 @@
+import React from "react";
+const LayoutCarousel = (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: "M49 20a3 3 0 0 1 3 3v26a3 3 0 0 1-3 3H23a3 3 0 0 1-3-3V23a3 3 0 0 1 3-3zM18 48h-5a3 3 0 0 1-3-3V27a3 3 0 0 1 3-3h5zm41-24a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3h-5V24z" }),
+  /* @__PURE__ */ React.createElement("mask", { id: "LayoutCarousel__a", width: "52", height: "32", x: "10", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49 20a3 3 0 0 1 3 3v26a3 3 0 0 1-3 3H23a3 3 0 0 1-3-3V23a3 3 0 0 1 3-3zM18 48h-5a3 3 0 0 1-3-3V27a3 3 0 0 1 3-3h5zm41-24a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3h-5V24z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#LayoutCarousel__b)", mask: "url(#LayoutCarousel__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#LayoutCarousel__c)", d: "M10 0h62v52H10z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "LayoutCarousel__c", x1: "63.207", x2: "21.155", y1: "4.668", y2: "68.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("filter", { id: "LayoutCarousel__b", width: "86", height: "76", 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_21750", stdDeviation: "6" })))
+);
+LayoutCarousel.displayName = "LayoutCarousel";
+export {
+  LayoutCarousel
+};