@wix/design-system-illustrations 2.26.0 → 2.27.0

package/dist/cjs/animated/SectionFixedHeight.js

@@ -0,0 +1,88 @@
+"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 SectionFixedHeight_exports = {};
+__export(SectionFixedHeight_exports, {
+  SectionFixedHeight: () => SectionFixedHeight
+});
+module.exports = __toCommonJS(SectionFixedHeight_exports);
+var import_react = __toESM(require("react"));
+const SectionFixedHeight = (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: ["SectionFixedHeight-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", 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-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5980", x1: "72.6142", y1: "9.26832", x2: "-18.2597", y2: "104.292", 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-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint1_linear_1118_5963", x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", 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: "SectionFixedHeight-paint1_linear_1118_5980", x1: "180.417", y1: "18.5925", x2: "134.568", y2: "99.4575", 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: "SectionFixedHeight-filter0_i_1118_5980", 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_1118_5980" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter1_f_1118_5980", 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: "11.6304", result: "effect1_foregroundBlur_1118_5980" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter2_f_1118_5980", 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: "3.72612", result: "effect1_foregroundBlur_1118_5980" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip0_1118_5980" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip1_1118_5980" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter0_i_1118_5963", 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_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter1_f_1118_5963", 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: "8.40795", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter2_f_1118_5963", 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: "3.72612", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip0_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip1_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5963)" }, /* @__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.6865", y: "23", width: "73", height: "81", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", className: "SectionFixedHeight-node-3-2", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "SectionFixedHeight-node-4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "SectionFixedHeight-node-5" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "SectionFixedHeight-crop-node-7-3" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { display: "none", fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "SectionFixedHeight-node-8", clipPath: "url(#SectionFixedHeight-clip0_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter1_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z", fill: "url(#SectionFixedHeight-paint0_linear_1118_5963)", className: "SectionFixedHeight-node-11" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("rect", { x: "93.3218", y: "53.2649", width: "49.7295", height: "1.66238", rx: "0.831192", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.623", y: "59.0569", width: "27.1252", height: "1.66238", rx: "0.831192", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip1_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter2_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: "url(#SectionFixedHeight-paint1_linear_1118_5963)" })))))))),
+      /* @__PURE__ */ import_react.default.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5980)" }, /* @__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.4805", y: "23.5", width: "73", height: "80", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip0_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter1_f_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 184.384 93.502 L 184.384004 8.8873 L 81.127004 8.887295 L 81.127 93.501995 Z", fill: "url(#SectionFixedHeight-paint0_linear_1118_5980)" }))), /* @__PURE__ */ import_react.default.createElement("rect", { x: "93.1138", y: "53.3459", width: "49.7295", height: "1.5", rx: "0.75", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.415", y: "58.8528", width: "27.1252", height: "1.5", rx: "0.75", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip1_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter2_f_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.477 13.1484H192.307V73.7996H108.477V13.1484Z", fill: "url(#SectionFixedHeight-paint1_linear_1118_5980)" }))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M79 67.5V59.5C79 58.9477 78.5523 58.5 78 58.5C77.4477 58.5 77 58.9477 77 59.5V67.5C77 68.0523 77.4477 68.5 78 68.5C78.5523 68.5 79 68.0523 79 67.5Z", fill: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M159 67.5V59.5C159 58.9477 158.552 58.5 158 58.5C157.448 58.5 157 58.9477 157 59.5V67.5C157 68.0523 157.448 68.5 158 68.5C158.552 68.5 159 68.0523 159 67.5Z", fill: "var(--wds-illustration-color-3, #b8c4ff)" })))
+    );
+  }
+);
+SectionFixedHeight.displayName = "SectionFixedHeight";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SectionFixedHeight
+});

package/dist/cjs/animated/SectionScale.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 SectionScale_exports = {};
+__export(SectionScale_exports, {
+  SectionScale: () => SectionScale
+});
+module.exports = __toCommonJS(SectionScale_exports);
+var import_react = __toESM(require("react"));
+const SectionScale = (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: ["SectionScale-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionScale-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", 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-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionScale-paint1_linear_1118_5963", x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", 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: "SectionScale-filter0_i_1118_5963", 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_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionScale-filter1_f_1118_5963", 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: "8.40795", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionScale-filter2_f_1118_5963", 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: "3.72612", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionScale-clip0_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionScale-clip1_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionScale-filter0_i_1118_5963)" }, /* @__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.6865", y: "23", width: "73", height: "81", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", className: "SectionScale-node-3-2", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "SectionScale-node-4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "SectionScale-node-5" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "SectionScale-crop-mrxanv9k-m" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { display: "none", fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "SectionScale-node-8", clipPath: "url(#SectionScale-clip0_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionScale-filter1_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z", fill: "url(#SectionScale-paint0_linear_1118_5963)", className: "SectionScale-node-11" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.68655", y: "53.2649", width: "33", height: "1.66238", rx: "0.831192", fill: "#002294", className: "SectionScale-node-12" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "109.1856", y: "59.0569", width: "18", height: "1.66238", rx: "0.831192", fill: "#002294", className: "SectionScale-node-13" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "SectionScale-node-14", clipPath: "url(#SectionScale-clip1_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionScale-filter2_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: "url(#SectionScale-paint1_linear_1118_5963)" })), /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", opacity: "0" })))))))
+    );
+  }
+);
+SectionScale.displayName = "SectionScale";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SectionScale
+});