@wix/design-system-illustrations 2.26.0 → 2.27.0

package/dist/cjs/CreateAContext.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 CreateAContext_exports = {};
+__export(CreateAContext_exports, {
+  CreateAContext: () => CreateAContext
+});
+module.exports = __toCommonJS(CreateAContext_exports);
+var import_react = __toESM(require("react"));
+const CreateAContext = (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("path", { stroke: "var(--wds-illustration-color-3, #b8c4ff)", d: "M25.554 22.023h16.951a6.995 6.995 0 0 1 0 13.99h-13.01a6.995 6.995 0 0 0 0 13.99h17.63", strokeWidth: "2" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CreateAContext__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "10", x: "17", y: "17", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#CreateAContext__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CreateAContext__c)", d: "M24.904 9.743a10.17 10.17 0 0 0-6.832 4.835c-2.837 4.81-1.258 10.973 3.527 13.762 4.784 2.79 10.961 1.148 13.798-3.662 2.837-4.814 1.258-10.976-3.523-13.762a9.98 9.98 0 0 0-6.97-1.173" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CreateAContext__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "10", x: "46", y: "45", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#CreateAContext__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CreateAContext__f)", d: "M53.904 37.743q-.807.16-1.585.445a10.17 10.17 0 0 0-5.247 4.39c-2.837 4.81-1.258 10.972 3.527 13.762 4.784 2.79 10.961 1.148 13.798-3.662 2.837-4.814 1.258-10.976-3.523-13.762a9.98 9.98 0 0 0-6.97-1.173" }))),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "CreateAContext__c", x1: "33.95", x2: "16.718", y1: "11.363", y2: "33.352", 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: "CreateAContext__f", x1: "62.95", x2: "45.718", y1: "39.363", y2: "61.352", 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: "CreateAContext__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "10", x: "17", y: "17", fill: "#fff", rx: "5" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "CreateAContext__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "10", x: "46", y: "45", fill: "#fff", rx: "5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "CreateAContext__b", width: "44.145", height: "44.148", x: "4.662", y: "-2.445", 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_1383_9075", stdDeviation: "6" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "CreateAContext__e", width: "44.145", height: "44.148", x: "33.662", y: "25.555", 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_1383_9075", stdDeviation: "6" })))
+);
+CreateAContext.displayName = "CreateAContext";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreateAContext
+});

package/dist/cjs/CreateAFunction.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 CreateAFunction_exports = {};
+__export(CreateAFunction_exports, {
+  CreateAFunction: () => CreateAFunction
+});
+module.exports = __toCommonJS(CreateAFunction_exports);
+var import_react = __toESM(require("react"));
+const CreateAFunction = (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(#CreateAFunction__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#CreateAFunction__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CreateAFunction__c)", d: "M16-19h75v75H16z" })), /* @__PURE__ */ import_react.default.createElement("path", { stroke: "#2D2D2E", d: "M36.39 49c-3.18-3.59-3.18-9.41 0-13M46.65 49c3.14-3.59 3.14-9.41 0-13M39 40l5 5M44 40l-5 5M38 23a6.03 6.03 0 0 0-5.92 4.89l-3.13 16.22A6.03 6.03 0 0 1 23.03 49h-.02M28 32h7", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "CreateAFunction__c", x1: "80.363", x2: "8.227", y1: "-12.268", y2: "61.442", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "CreateAFunction__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16", fill: "#fff", rx: "6" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "CreateAFunction__b", width: "99", height: "99", x: "4", y: "-31", 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_1383_9056", stdDeviation: "6" })))
+);
+CreateAFunction.displayName = "CreateAFunction";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreateAFunction
+});

package/dist/cjs/ImageSizeL.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 ImageSizeL_exports = {};
+__export(ImageSizeL_exports, {
+  ImageSizeL: () => ImageSizeL
+});
+module.exports = __toCommonJS(ImageSizeL_exports);
+var import_react = __toESM(require("react"));
+const ImageSizeL = (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("path", { fill: "url(#ImageSizeL__a)", d: "M42.788 45H30.98V27.84h4.128v13.632h7.68z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ImageSizeL__a", x1: "59.417", x2: "14.062", y1: "12", y2: "23.3", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })))
+);
+ImageSizeL.displayName = "ImageSizeL";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImageSizeL
+});

package/dist/cjs/ImageSizeM.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 ImageSizeM_exports = {};
+__export(ImageSizeM_exports, {
+  ImageSizeM: () => ImageSizeM
+});
+module.exports = __toCommonJS(ImageSizeM_exports);
+var import_react = __toESM(require("react"));
+const ImageSizeM = (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("path", { fill: "url(#ImageSizeM__a)", d: "M38.04 42.888h-3.025l-4.2-8.736V45h-3.984V27.84h4.608l5.112 10.704 5.112-10.704h4.512V45h-4.032V34.344z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ImageSizeM__a", x1: "71.639", x2: "7.184", y1: "12", y2: "36.624", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })))
+);
+ImageSizeM.displayName = "ImageSizeM";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImageSizeM
+});

package/dist/cjs/ImageSizeS.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 ImageSizeS_exports = {};
+__export(ImageSizeS_exports, {
+  ImageSizeS: () => ImageSizeS
+});
+module.exports = __toCommonJS(ImageSizeS_exports);
+var import_react = __toESM(require("react"));
+const ImageSizeS = (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("path", { fill: "url(#ImageSizeS__a)", d: "m28.093 42.168 2.712-2.736q.552.744 1.416 1.296a7.5 7.5 0 0 0 1.896.84 7.2 7.2 0 0 0 1.992.288q1.56 0 2.352-.456.816-.456.816-1.2 0-.72-.792-1.2-.792-.504-2.952-.816-3.48-.48-5.112-1.776-1.608-1.32-1.608-3.432 0-1.608.912-2.856t2.496-1.944q1.608-.72 3.648-.72 2.424 0 4.296.888 1.896.888 3.144 2.304l-2.688 2.736a5.7 5.7 0 0 0-2.112-1.776q-1.272-.648-2.592-.648-1.296 0-2.112.48t-.816 1.248q0 .432.312.744.336.312 1.152.552.816.216 2.256.456 3.36.528 5.04 1.872 1.704 1.344 1.704 3.624 0 1.68-.96 2.904t-2.64 1.896q-1.656.648-3.84.648-2.592 0-4.632-.888-2.016-.912-3.288-2.328" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ImageSizeS__a", x1: "63.5", x2: "10.438", y1: "12", y2: "27.865", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })))
+);
+ImageSizeS.displayName = "ImageSizeS";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImageSizeS
+});

package/dist/cjs/animated/ElementsFixedHeight.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 ElementsFixedHeight_exports = {};
+__export(ElementsFixedHeight_exports, {
+  ElementsFixedHeight: () => ElementsFixedHeight
+});
+module.exports = __toCommonJS(ElementsFixedHeight_exports);
+var import_react = __toESM(require("react"));
+const ElementsFixedHeight = (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: ["ElementsFixedHeight-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint0_linear_16_18", x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", 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: "ElementsFixedHeight-paint1_linear_16_18", x1: "78.2891", y1: "27.4515", x2: "139.642", y2: "103.55", 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: "ElementsFixedHeight-paint2_linear_16_18", x1: "111.677", y1: "34.4475", x2: "87.1605", y2: "65.7319", 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: "ElementsFixedHeight-filter0_i_16_18", 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_16_18" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedHeight-filter1_f_16_18", 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.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip0_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip1_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip2_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip3_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter0_i_16_18)" }, /* @__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", clipPath: "url(#ElementsFixedHeight-clip0_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", className: "ElementsFixedHeight-node-4-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-crop-node-16" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip1_16_18)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip2_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", fill: "#EAEFFF", className: "ElementsFixedHeight-node-7-3" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-group-mrw4nj39-4" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.417 47.2596L91.8188 82.1505L141.04 76.4115L119.417 47.2596Z", fill: "url(#ElementsFixedHeight-paint0_linear_16_18)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M169.012 59.7176C169.012 59.7176 131.172 47.5971 129.327 46.983C127.481 46.369 116.031 43.5279 119.416 51.7194C122.78 59.8597 124.623 62.9902 125.356 64.3802C126.089 65.7703 129.074 71.4339 121.565 73.5239C113.053 75.8916 67.1477 87.1357 67.1477 87.1357V93.5932H169.012V59.7176Z", fill: "url(#ElementsFixedHeight-paint1_linear_16_18)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedHeight-node-10-3", clipPath: "url(#ElementsFixedHeight-clip3_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter1_f_16_18)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.8074 32.1431C98.0424 32.2952 97.2871 32.5062 96.5515 32.776C93.5305 33.8946 90.8528 36.0238 89.0873 39.0214C85.0512 45.8653 87.2973 54.6324 94.1043 58.6014C100.911 62.5704 109.7 60.2351 113.736 53.3912C117.772 46.5424 115.526 37.7753 108.724 33.8112C105.614 31.996 102.098 31.5005 98.8074 32.1431Z", fill: "url(#ElementsFixedHeight-paint2_linear_16_18)" }))))))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M41.7646 67.4559V59.4559C41.7646 58.9036 41.3169 58.4559 40.7646 58.4559C40.2124 58.4559 39.7646 58.9036 39.7646 59.4559V67.4559C39.7646 68.0082 40.2124 68.4559 40.7646 68.4559C41.3169 68.4559 41.7646 68.0082 41.7646 67.4559Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ElementsFixedHeight-node-14-3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M195.765 67.4559V59.4559C195.765 58.9036 195.317 58.4559 194.765 58.4559C194.212 58.4559 193.765 58.9036 193.765 59.4559V67.4559C193.765 68.0082 194.212 68.4559 194.765 68.4559C195.317 68.4559 195.765 68.0082 195.765 67.4559Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ElementsFixedHeight-node-15" })))
+    );
+  }
+);
+ElementsFixedHeight.displayName = "ElementsFixedHeight";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ElementsFixedHeight
+});

package/dist/cjs/animated/ElementsFixedMargins.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 ElementsFixedMargins_exports = {};
+__export(ElementsFixedMargins_exports, {
+  ElementsFixedMargins: () => ElementsFixedMargins
+});
+module.exports = __toCommonJS(ElementsFixedMargins_exports);
+var import_react = __toESM(require("react"));
+const ElementsFixedMargins = (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: ["ElementsFixedMargins-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint0_linear_25_1905", x1: "104.289", y1: "59.2165", x2: "136.799", y2: "91.907", 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: "ElementsFixedMargins-paint1_linear_25_1905", x1: "77.9922", y1: "27.5615", x2: "139.345", y2: "103.66", 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: "ElementsFixedMargins-paint2_linear_25_1905", x1: "111.38", y1: "34.5575", x2: "86.8637", y2: "65.8419", 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: "ElementsFixedMargins-filter0_i_25_1905", 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_25_1905" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedMargins-filter1_f_25_1905", 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.37792", result: "effect1_foregroundBlur_25_1905" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedMargins-clip1_25_1905" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedMargins-clip2_25_1905" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter0_i_25_1905)" }, /* @__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("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", className: "ElementsFixedMargins-node-4", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 68V60C42 59.4477 41.5523 59 41 59C40.4477 59 40 59.4477 40 60V68C40 68.5523 40.4477 69 41 69C41.5523 69 42 68.5523 42 68Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ElementsFixedMargins-node-5" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 68V60C196 59.4477 195.552 59 195 59C194.448 59 194 59.4477 194 60V68C194 68.5523 194.448 69 195 69C195.552 69 196 68.5523 196 68Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ElementsFixedMargins-node-6" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-crop-mrxa8x22-k" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedMargins-clip1_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-group-mrx7juoz-d" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.12 47.3696L91.522 82.2605L140.743 76.5215L119.12 47.3696Z", fill: "url(#ElementsFixedMargins-paint0_linear_25_1905)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M168.715 59.8276C168.715 59.8276 130.875 47.7071 129.03 47.093C127.184 46.479 115.734 43.6378 119.119 51.8294C122.483 59.9697 124.326 63.1002 125.059 64.4902C125.792 65.8802 128.777 71.5439 121.268 73.6339C112.756 76.0016 66.8508 87.2457 66.8508 87.2457V93.7032H168.715V59.8276Z", fill: "url(#ElementsFixedMargins-paint1_linear_25_1905)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedMargins-node-11", clipPath: "url(#ElementsFixedMargins-clip2_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter1_f_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.5106 32.2531C97.7455 32.4052 96.9903 32.6162 96.2546 32.886C93.2336 34.0046 90.556 36.1338 88.7904 39.1314C84.7543 45.9753 87.0004 54.7424 93.8074 58.7114C100.614 62.6804 109.403 60.3451 113.439 53.5012C117.475 46.6523 115.229 37.8852 108.427 33.9212C105.318 32.1059 101.801 31.6104 98.5106 32.2531Z", fill: "url(#ElementsFixedMargins-paint2_linear_25_1905)" })))))))
+    );
+  }
+);
+ElementsFixedMargins.displayName = "ElementsFixedMargins";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ElementsFixedMargins
+});

package/dist/cjs/animated/ElementsScale.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 ElementsScale_exports = {};
+__export(ElementsScale_exports, {
+  ElementsScale: () => ElementsScale
+});
+module.exports = __toCommonJS(ElementsScale_exports);
+var import_react = __toESM(require("react"));
+const ElementsScale = (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: ["ElementsScale-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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: "ElementsScale-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(#ElementsScale-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(#ElementsScale-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: "ElementsScale-node-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsScale-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(#ElementsScale-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(#ElementsScale-clip2_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-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(#ElementsScale-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(#ElementsScale-paint1_linear_4125_12361)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-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(#ElementsScale-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(#ElementsScale-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: "ElementsScale-Vector_4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 59H194V69H196V59Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ElementsScale-Vector_5" }))))
+    );
+  }
+);
+ElementsScale.displayName = "ElementsScale";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ElementsScale
+});