@wix/design-system-illustrations 2.18.0 → 2.19.0

package/dist/cjs/WinkEntrance.js

@@ -0,0 +1,58 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WinkEntrance_exports = {};
+__export(WinkEntrance_exports, {
+  WinkEntrance: () => WinkEntrance
+});
+module.exports = __toCommonJS(WinkEntrance_exports);
+var import_react = __toESM(require("react"));
+const WinkEntrance = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#WinkEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#WinkEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WinkEntrance__c)", d: "m3.41 17.68 32.642-32.412L68.694 17.68 36.052 50.09z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#WinkEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "15.793", height: "15.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.28586 .58869)rotate(-45 82.024 10.176)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#WinkEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WinkEntrance__f)", d: "M-5.637 23.41 36.188 4.262 78.013 23.41 36.188 42.558z" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WinkEntrance__g)", d: "M35.5 21.27v-8.486h1v8.486z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 12.285a.5.5 0 0 1 .384.18l2.5 3-.768.64L36 13.566l-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WinkEntrance__h)", d: "M35.5 50.73v8.486h1V50.73z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 59.715a.5.5 0 0 0 .384-.18l2.5-3-.768-.64L36 58.435l-2.116-2.54-.768.64 2.5 3 .08.076a.5.5 0 0 0 .304.104" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "WinkEntrance__c", x1: "34.353", x2: "41.954", y1: "-7.226", y2: "55.891", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "WinkEntrance__f", x1: "34.01", x2: "36.104", y1: "8.696", y2: "46.409", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "WinkEntrance__g", x1: "36", x2: "36", y1: "21.27", y2: "12.784", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "WinkEntrance__h", x1: "36", x2: "36", y1: "50.73", y2: "59.216", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "WinkEntrance__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "19.927", height: "19.927", fill: "#fff", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "WinkEntrance__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "15.793", height: "15.793", fill: "#fff", rx: "2", transform: "scale(1.28586 .58869)rotate(-45 82.024 10.176)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "WinkEntrance__b", width: "75.284", height: "74.82", x: "-1.59", y: "-19.73", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19345", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "WinkEntrance__e", width: "93.65", height: "48.297", x: "-10.637", y: "-.738", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19345", stdDeviation: "2.5" })))
+);
+WinkEntrance.displayName = "WinkEntrance";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WinkEntrance
+});

package/dist/cjs/WordTwist.js

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WordTwist_exports = {};
+__export(WordTwist_exports, {
+  WordTwist: () => WordTwist
+});
+module.exports = __toCommonJS(WordTwist_exports);
+var import_react = __toESM(require("react"));
+const WordTwist = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#WordTwist__a)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "WordTwist__b", width: "56", height: "38", x: "8", y: "17", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#000", d: "m44.543 28.429-2.453.3-1.25-10.198 4.265-.522q1.14-.14 2.061.167.921.306 1.497.989.574.668.695 1.652.122.999-.313 1.82-.42.818-1.27 1.328l3.515 3.637-2.967.364-3.056-3.318-1.17.144zm.812-8.38-1.812.221.304 2.482 1.812-.222q.627-.076.958-.45.33-.388.259-.959-.07-.57-.481-.853-.413-.297-1.04-.22M39.486 18.693l.757 6.176q.246 2.01-.828 3.287-1.062 1.26-3.187 1.52-2.111.258-3.46-.706-1.35-.978-1.597-2.99l-.757-6.175 2.453-.301.757 6.176q.112.913.742 1.444.628.516 1.598.398.984-.12 1.468-.774.483-.668.371-1.58l-.756-6.176zM24.999 31.053a6.1 6.1 0 0 1-2.274-.127 5.5 5.5 0 0 1-1.905-.896 5.1 5.1 0 0 1-1.362-1.541 5.7 5.7 0 0 1-.661-2.09 5.6 5.6 0 0 1 .139-2.175 5.1 5.1 0 0 1 .948-1.825q.669-.805 1.633-1.329a6.1 6.1 0 0 1 2.176-.672 6.1 6.1 0 0 1 2.274.127 5.4 5.4 0 0 1 1.89.897 4.8 4.8 0 0 1 1.362 1.542q.533.92.674 2.074.142 1.155-.151 2.19a4.8 4.8 0 0 1-.95 1.825 5.4 5.4 0 0 1-1.617 1.328 6.1 6.1 0 0 1-2.176.672m-.264-2.154q.885-.108 1.491-.588.62-.496.903-1.255.296-.774.183-1.701-.114-.928-.586-1.593a2.76 2.76 0 0 0-1.178-.985q-.706-.333-1.591-.225-.87.107-1.49.602-.62.482-.919 1.242-.283.759-.17 1.686.114.926.574 1.61a2.96 2.96 0 0 0 1.193.997q.72.316 1.59.21M16.1 31.91l-2.453.3-.477-3.893L8.418 22.5l2.91-.357 2.802 3.725 1.833-4.293 2.896-.355-3.234 6.81zM58.74 54.273l-2.433-.44 1.46-8.06-3.04-.55.37-2.051 8.513 1.541-.371 2.05-3.04-.55zM45.77 51.927l-2.87-.52 4.669-4.573-2.5-5.476 2.885.523 1.428 3.486 2.56-2.764 2.856.517-4.218 4.26 2.755 5.917-2.884-.523-1.699-3.929zM42.476 51.33l-7.38-1.337 1.83-10.11 7.38 1.336-.365 2.022-4.95-.896-.36 1.994 4.68.847-.366 2.023-4.68-.848-.372 2.05 4.95.896zM31.107 49.265l-2.433-.44 1.46-8.06-3.04-.55.37-2.05 8.513 1.54-.371 2.05-3.04-.55z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#WordTwist__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M6.859 16h58.838v39.948H6.859z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#WordTwist__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WordTwist__d)", d: "M7.867 17.258h57.014v37.849l-48.353-7.94z" })))),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "WordTwist__d", x1: "56.795", x2: "29.492", y1: "20.655", y2: "73.137", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".784", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "WordTwist__a" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("filter", { id: "WordTwist__c", width: "73.814", height: "54.652", x: "-.533", y: "8.858", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_735_14820", stdDeviation: "4.2" })))
+);
+WordTwist.displayName = "WordTwist";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WordTwist
+});

package/dist/cjs/XPost.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var XPost_exports = {};
+__export(XPost_exports, {
+  XPost: () => XPost
+});
+module.exports = __toCommonJS(XPost_exports);
+var import_react = __toESM(require("react"));
+const XPost = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#XPost__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "73", height: "74", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 1 1 0 53 27)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#XPost__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#XPost__c)", d: "M0 0h100v127H0z", transform: "matrix(0 -1 -1 0 176 104)" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#XPost__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 1 1 0 58 45)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#XPost__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#XPost__f)", d: "M180 95V0H58v95z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m97 77-4.013-.023-3.124-4.122c-.057-.012-.213.169-.258.218-1.174 1.262-2.21 2.691-3.402 3.927h-1.941l4.61-5.448L84 65h4.079l2.88 3.793L94.272 65h1.942l-4.276 5.092L97 76.912zm-2.4-1.235-.068-.173-7.02-9.4h-1.047c-.006 0-.107-.086-.108.02 0 .04.397.55.461.636 2.216 2.999 4.517 5.936 6.757 8.917z" })),
+  /* @__PURE__ */ import_react.default.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-1zM91 38v1H70v-1z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "XPost__c", x1: "85.817", x2: "-26.062", y1: "11.399", y2: "123.812", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "XPost__f", x1: "169.049", x2: "62.259", y1: "13.473", y2: "120.947", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "XPost__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "73", height: "74", fill: "#fff", rx: "6", transform: "matrix(0 1 1 0 53 27)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "XPost__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "64", fill: "#fff", rx: "3", transform: "matrix(0 1 1 0 58 45)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "XPost__b", width: "152.417", height: "125.417", x: "36.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18296", stdDeviation: "6.354" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "XPost__e", width: "147.417", height: "120.417", x: "45.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18296", stdDeviation: "6.354" })))
+);
+XPost.displayName = "XPost";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  XPost
+});

package/dist/cjs/YoutubeBanner.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var YoutubeBanner_exports = {};
+__export(YoutubeBanner_exports, {
+  YoutubeBanner: () => YoutubeBanner
+});
+module.exports = __toCommonJS(YoutubeBanner_exports);
+var import_react = __toESM(require("react"));
+const YoutubeBanner = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YoutubeBanner__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "74", height: "110", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YoutubeBanner__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YoutubeBanner__c)", d: "M0 0h101v145H0z", transform: "matrix(0 -1 -1 0 176 105)" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YoutubeBanner__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "100", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YoutubeBanner__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YoutubeBanner__f)", d: "M179 79V0H40v79z" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49.366 32.005c1.577.017 3.467.022 5.026.232 1.56.21 2.146.84 2.392 2.414.27 1.724.26 3.95.119 5.694-.16 1.967-.377 3.156-2.544 3.44-2.162.282-4.672.216-6.857.188-1.483-.019-2.973-.003-4.449-.15-2.237-.225-2.69-.893-2.92-3.098a28 28 0 0 1 0-5.433c.193-1.852.52-2.799 2.506-3.059 1.556-.203 3.422-.211 4.993-.228a82 82 0 0 1 1.734 0M46.803 35.5v5.016l4.372-2.527zM89 87v1H51v-1zM69 91v1H51v-1zM48 89a4 4 0 1 1-8 0 4 4 0 0 1 8 0" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YoutubeBanner__c", x1: "86.676", x2: "-40.18", y1: "13.015", y2: "125.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YoutubeBanner__f", x1: "166.523", x2: "82.11", y1: "11.204", y2: "127.598", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YoutubeBanner__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "74", height: "110", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YoutubeBanner__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "100", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YoutubeBanner__b", width: "170.417", height: "126.417", x: "18.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YoutubeBanner__e", width: "164.417", height: "104.417", x: "27.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })))
+);
+YoutubeBanner.displayName = "YoutubeBanner";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  YoutubeBanner
+});

package/dist/cjs/YoutubeThumbnail.js

@@ -0,0 +1,53 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var YoutubeThumbnail_exports = {};
+__export(YoutubeThumbnail_exports, {
+  YoutubeThumbnail: () => YoutubeThumbnail
+});
+module.exports = __toCommonJS(YoutubeThumbnail_exports);
+var import_react = __toESM(require("react"));
+const YoutubeThumbnail = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 180 127",
+    fill: "none",
+    width: 180,
+    height: 127,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YoutubeThumbnail__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "60", height: "102", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YoutubeThumbnail__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YoutubeThumbnail__c)", d: "M0 0h93v141H0z", transform: "matrix(0 -1 -1 0 176 97)" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YoutubeThumbnail__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YoutubeThumbnail__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YoutubeThumbnail__f)", d: "M180 88V0H44v88z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M91.366 57.005c1.576.017 3.467.022 5.026.232 1.56.21 2.146.84 2.392 2.414.27 1.724.26 3.95.118 5.694-.159 1.967-.377 3.156-2.543 3.44-2.162.282-4.672.216-6.857.188-1.483-.019-2.973-.003-4.449-.15-2.237-.225-2.69-.893-2.92-3.098a28 28 0 0 1 0-5.433c.193-1.852.52-2.799 2.506-3.059 1.556-.203 3.422-.211 4.993-.228a82 82 0 0 1 1.734 0M88.803 60.5v5.016l4.372-2.527z" })),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YoutubeThumbnail__c", x1: "79.81", x2: "-42.581", y1: "12.656", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YoutubeThumbnail__f", x1: "167.793", x2: "70.656", y1: "12.481", y2: "130.125", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YoutubeThumbnail__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "60", height: "102", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YoutubeThumbnail__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YoutubeThumbnail__b", width: "166.417", height: "118.417", x: "22.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YoutubeThumbnail__e", width: "161.417", height: "113.417", x: "31.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })))
+);
+YoutubeThumbnail.displayName = "YoutubeThumbnail";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  YoutubeThumbnail
+});

package/dist/cjs/ZoomSection.js

@@ -0,0 +1,63 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ZoomSection_exports = {};
+__export(ZoomSection_exports, {
+  ZoomSection: () => ZoomSection
+});
+module.exports = __toCommonJS(ZoomSection_exports);
+var import_react = __toESM(require("react"));
+const ZoomSection = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".7", rx: "2.217" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__a)", d: "m58.622 19.086-6 6-.708-.707 6-6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.915 25.086a.5.5 0 0 1-.145-.399l.354-3.889.995.09-.3 3.293 3.293-.3.09.996-3.889.353-.11-.002a.5.5 0 0 1-.289-.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__b)", d: "m13.38 19.086 6 6 .707-.707-6-6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.087 25.086a.5.5 0 0 0 .144-.399l-.353-3.889-.996.09.3 3.293-3.293-.3-.09.996 3.89.353.11-.002a.5.5 0 0 0 .288-.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__c)", d: "m13.378 52.914 6-6 .707.707-6 6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.914a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.353.11.002a.5.5 0 0 1 .288.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__d)", d: "m58.62 52.914-6-6-.707.707 6 6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.914a.5.5 0 0 0-.144.399l.353 3.889.996-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.11.002a.5.5 0 0 0-.288.142" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ZoomSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__g)", d: "M20 5.664h51.001v39.618H20z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ZoomSection__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.328", height: "10.891", x: "24.837", y: "30.551", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__j)", d: "M24.837 14.578h51.001v26.496H24.837z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ZoomSection__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10.037", height: "4.708", x: "30.943", y: "33.645", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__m)", d: "M30.943 22.852h53.5v15.793h-53.5z" }))),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__a", x1: "58.268", x2: "52.268", y1: "18.733", y2: "24.733", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__b", x1: "13.733", x2: "19.733", y1: "18.733", y2: "24.733", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__c", x1: "13.731", x2: "19.731", y1: "53.267", y2: "47.267", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__d", x1: "58.267", x2: "52.267", y1: "53.267", y2: "47.267", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__g", x1: "63.768", x2: "32.765", y1: "9.22", y2: "60.15", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__j", x1: "68.605", x2: "52.301", y1: "16.956", y2: "57.002", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__m", x1: "76.856", x2: "70.745", y1: "24.269", y2: "50.682", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ZoomSection__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ZoomSection__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.328", height: "10.891", x: "24.837", y: "30.551", fill: "#fff", rx: "1.663" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ZoomSection__k" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10.037", height: "4.708", x: "30.943", y: "33.645", fill: "#fff", rx: "1.109" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ZoomSection__f", width: "62.089", height: "50.705", x: "14.456", y: ".12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20918", stdDeviation: "2.772" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ZoomSection__i", width: "62.089", height: "37.583", x: "19.293", y: "9.034", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20918", stdDeviation: "2.772" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ZoomSection__l", width: "64.587", height: "26.88", x: "25.4", y: "17.308", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20918", stdDeviation: "2.772" })))
+);
+ZoomSection.displayName = "ZoomSection";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ZoomSection
+});

package/dist/cjs/animated/ThumbnailScale.js

@@ -0,0 +1,87 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThumbnailScale_exports = {};
+__export(ThumbnailScale_exports, {
+  ThumbnailScale: () => ThumbnailScale
+});
+module.exports = __toCommonJS(ThumbnailScale_exports);
+var import_react = __toESM(require("react"));
+const ThumbnailScale = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        play: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
+        },
+        pause: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
+        },
+        reset: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
+            a.currentTime = 0;
+            a.pause();
+          });
+        }
+      }),
+      []
+    );
+    (0, import_react.useEffect)(() => {
+      var _a;
+      (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["ThumbnailScale-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailScale-paint0_linear_4125_12361", x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailScale-paint0_linear_4125_12403", x1: "113.562", y1: "61.7065", x2: "126.645", y2: "72.2151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailScale-paint1_linear_4125_12361", x1: "95.2177", y1: "37.3346", x2: "140.84", y2: "82.5369", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailScale-paint1_linear_4125_12403", x1: "104.902", y1: "48.661", x2: "130.774", y2: "74.2946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailScale-paint2_linear_4125_12361", x1: "113.012", y1: "41.6462", x2: "94.9412", y2: "64.7056", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailScale-paint2_linear_4125_12403", x1: "114.992", y1: "51.1105", x2: "104.744", y2: "64.1871", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailScale-filter0_i_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailScale-filter1_f_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.01565", result: "effect1_foregroundBlur_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip0_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip1_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.8125", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip2_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "41.6619", rx: "3.9058", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip3_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip4_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailScale-filter0_i_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailScale-filter1_f_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.575959", result: "effect1_foregroundBlur_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip0_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "23.6259", rx: "2.21493", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip1_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "24.1022", rx: "2.09584", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailScale-clip2_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.711", y: "54.6406", width: "6.64478", height: "6.64478", rx: "3.32239", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ThumbnailScale-filter0_i_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ThumbnailScale-clip0_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", className: "ThumbnailScale-node-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ThumbnailScale-Frame-2147240028" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ThumbnailScale-clip1_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ThumbnailScale-clip2_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ThumbnailScale-clip3_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "#eaefff" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.091 51.7305L103.07 77.0863L131.643 72.9157L119.091 51.7305Z", fill: "url(#ThumbnailScale-paint0_linear_4125_12361)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M147.883 60.7829C147.883 60.7829 125.917 51.9748 124.845 51.5285C123.774 51.0823 117.127 49.0176 119.092 54.9706C121.045 60.8862 122.115 63.1612 122.541 64.1714C122.966 65.1815 124.699 69.2975 120.34 70.8162C115.398 72.5369 88.75 80.7082 88.75 80.7082V85.401H147.883V60.7829Z", fill: "url(#ThumbnailScale-paint1_linear_4125_12361)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ThumbnailScale-clip4_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ThumbnailScale-filter1_f_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M103.526 39.9477C102.962 40.0598 102.405 40.2153 101.863 40.4142C99.6365 41.2387 97.6628 42.8081 96.3614 45.0176C93.3864 50.0622 95.042 56.5243 100.059 59.4498C105.077 62.3753 111.555 60.6539 114.53 55.6094C117.505 50.5612 115.849 44.0991 110.835 41.1772C108.543 39.8392 105.952 39.474 103.526 39.9477Z", fill: "url(#ThumbnailScale-paint2_linear_4125_12361)" })))))))))))))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 59H40V69H42V59Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ThumbnailScale-Vector_4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 59H194V69H196V59Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ThumbnailScale-Vector_5" }))))
+    );
+  }
+);
+ThumbnailScale.displayName = "ThumbnailScale";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThumbnailScale
+});