@wix/design-system-illustrations 2.28.7 → 2.30.0

package/dist/cjs/animated/ResponsiveBehaviorHeaderFreeze.js

@@ -0,0 +1,94 @@
+"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 ResponsiveBehaviorHeaderFreeze_exports = {};
+__export(ResponsiveBehaviorHeaderFreeze_exports, {
+  ResponsiveBehaviorHeaderFreeze: () => ResponsiveBehaviorHeaderFreeze
+});
+module.exports = __toCommonJS(ResponsiveBehaviorHeaderFreeze_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorHeaderFreeze = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    (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 114 114",
+        fill: "none",
+        width: 114,
+        height: 114,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["ResponsiveBehaviorHeaderFreeze-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4262_18141`, x1: "100.596", y1: "-3.15637", x2: "-24.9289", y2: "96.4678", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4262_18380`, x1: "35", y1: "0", x2: "35", y2: "8", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#002294" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294", stopOpacity: "0" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4262_18141`, x1: "65.1667", y1: "55.2161", x2: "77.9328", y2: "66.4026", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_4262_18141`, x1: "56.0899", y1: "42.6729", x2: "80.8831", y2: "69.4708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint3_linear_4262_18141`, x1: "67.4247", y1: "45.8313", x2: "59.7261", y2: "55.6552", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_4262_18141`, x1: "84.8141", y1: "25.5535", x2: "17.7609", y2: "115.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_4262_18141`, x1: "95.4738", y1: "38.7805", x2: "39.4116", y2: "107.748", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_4262_18141`, x1: "118.268", y1: "45.6851", x2: "68.7679", y2: "106.675", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint7_linear_4262_18141`, x1: "156.487", y1: "16.1102", x2: "49.2604", y2: "177.814", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint8_linear_4262_18141`, x1: "85.8144", y1: "100.202", x2: "62.9962", y2: "140.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_4262_18141`, 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: "6", result: "effect1_foregroundBlur_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4262_18141`, 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.780106", result: "effect1_foregroundBlur_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_4262_18141`, 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: "5.12023", result: "effect1_foregroundBlur_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_4262_18141`, 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: "5.12023", result: "effect1_foregroundBlur_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter4_f_4262_18141`, 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: "5.12023", result: "effect1_foregroundBlur_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter5_f_4262_18141`, 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: "6", result: "effect1_foregroundBlur_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter6_f_4262_18141`, 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.85439", result: "effect1_foregroundBlur_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "105.132", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "101", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "56.7012", y: "46.0234", width: "24", height: "21", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", fill: "white", transform: "translate(45.7012 40.0234)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip4_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "59.7012", y: "49.0234", width: "5", height: "5", rx: "2.5", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip5_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "12.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip6_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip7_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "70.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip8_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip9_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "50.291", y: "124.117", width: "9.43666", height: "3.48353", rx: "1.74177", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-Rectangle-1430107365-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-Rectangle-1430107365-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { display: "none", d: "M0 8C0 3.58172 3.58172 0 8 0H106C110.418 0 114 3.58172 114 8V106C114 110.418 110.418 114 106 114H8C3.58172 114 0 110.418 0 106V8Z", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" }), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-Rectangle-1430107365-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ResponsiveBehaviorHeaderFreeze-node-2", clipPath: `url(#${uid}-clip0_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "101", rx: "3", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "22.502", y: "-16.2891", width: "91", height: "146.31", fill: `url(#${uid}-paint0_linear_4262_18141)` })))), /* @__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(#${uid}-clip2_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "45.7012", y: "40.0234", width: "80", height: "35", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M70.2859 50.5234L60.7598 64.3439L77.7497 62.0707L70.2859 50.5234Z", fill: `url(#${uid}-paint1_linear_4262_18141)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M95.6897 58.7223C95.6897 58.7223 74.3439 50.6527 73.7069 50.4095C73.07 50.1662 69.1175 49.0408 70.286 52.2856C71.4472 55.51 72.0834 56.75 72.3364 57.3006C72.5894 57.8512 73.6196 60.0946 71.0277 60.9224C68.0895 61.8603 52.2441 66.3142 52.2441 66.3142V68.872H95.6897V58.7223Z", fill: `url(#${uid}-paint2_linear_4262_18141)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "59.7012", y: "49.0234", width: "5", height: "5", rx: "2.5", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M63.3834 45.1077C63.1432 45.1554 62.906 45.2217 62.675 45.3064C61.7263 45.6577 60.8855 46.3263 60.3311 47.2676C59.0637 49.4167 59.769 52.1697 61.9065 53.4161C64.0441 54.6624 66.8038 53.9291 68.0712 51.78C69.3386 49.6293 68.6333 46.8763 66.4973 45.6315C65.5209 45.0614 64.4167 44.9058 63.3834 45.1077Z", fill: `url(#${uid}-paint3_linear_4262_18141)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "29.7012", y: "52.0234", width: "23", height: "1.00015", rx: "0.500074", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "29.7012", y: "56.0234", width: "23", height: "1.00015", rx: "0.500074", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "29.7012", y: "60.0234", width: "12", height: "1.00015", rx: "0.500074", fill: "var(--color-2)" }))), /* @__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(#${uid}-clip5_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "12.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "12.6895", y: "18.4141", width: "84.0442", height: "79.5391", fill: `url(#${uid}-paint4_linear_4262_18141)` }))))), /* @__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(#${uid}-clip6_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.6895", y: "32.9453", width: "62.6729", height: "65.0088", fill: `url(#${uid}-paint5_linear_4262_18141)` }))))), /* @__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(#${uid}-clip7_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "70.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "70.6895", y: "40.5312", width: "55.4416", height: "57.418", fill: `url(#${uid}-paint6_linear_4262_18141)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip8_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "22.4766", y: "4.25", width: "156.157", height: "132.133", fill: `url(#${uid}-paint7_linear_4262_18141)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "40.3613", y: "115.453", width: "29.2968", height: "0.995511", rx: "0.497756", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.0195", y: "119.516", width: "15.9801", height: "0.995511", rx: "0.497756", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "50.291", y: "124.117", width: "9.43666", height: "3.48353", rx: "1.74177", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M50.0117 97.4922H91.7313V127.677H50.0117V97.4922Z", fill: `url(#${uid}-paint8_linear_4262_18141)` }))))))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-Rectangle-1430107365-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(22.994876px, 32.907767px)" }, d: "M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V8H0V3Z", fill: `url(#${uid}-paint0_linear_4262_18380)` }))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M91 72.8438C91 73.4823 90.5523 74 90 74C89.4477 74 89 73.4823 89 72.8438V38.1562C89 37.5177 89.4477 37 90 37C90.5523 37 91 37.5177 91 38.1562V72.8438Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "90", y1: "42", x2: "90", y2: "48", fill: "none", stroke: "var(--color-2)", className: "ResponsiveBehaviorHeaderFreeze-Line-9", strokeWidth: "2", strokeLinecap: "round" })),
+      /* @__PURE__ */ import_react.default.createElement("g", null),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", mask: "url(#mask0_4262_18274)" })),
+      /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(18.291003px, 21.32403px)" } }),
+      /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(22.944799px, 32.9453px)" } }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(23.044199px, 32.968371px)" }, opacity: "0", className: "ResponsiveBehaviorHeaderFreeze-import-ms1xlqss-3" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-0.04895px, -0.132812px)" }, d: "M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V6.93262H0V3Z", fill: "var(--color-2)" })))),
+      /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "75", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "66", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "57", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }))
+    );
+  }
+);
+ResponsiveBehaviorHeaderFreeze.displayName = "ResponsiveBehaviorHeaderFreeze";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorHeaderFreeze
+});

package/dist/cjs/animated/ResponsiveBehaviorScaleProportionally.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 ResponsiveBehaviorScaleProportionally_exports = {};
+__export(ResponsiveBehaviorScaleProportionally_exports, {
+  ResponsiveBehaviorScaleProportionally: () => ResponsiveBehaviorScaleProportionally
+});
+module.exports = __toCommonJS(ResponsiveBehaviorScaleProportionally_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorScaleProportionally = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    (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: ["ResponsiveBehaviorScaleProportionally-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-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: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-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: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-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: `${uid}-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: `${uid}-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: `${uid}-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("mask", { id: `${uid}-am-rect-mrxanv9k-m`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-rect-mrxanv9k-m" }, "  ", /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5", y: "33.5", width: "147", height: "60", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "ResponsiveBehaviorScaleProportionally-rect-mrxanv9k-m-shape", strokeWidth: "0" })))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { display: "none", 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: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-3-2" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-3)", className: "ResponsiveBehaviorScaleProportionally-node-3-2-shape", fillOpacity: "0.25" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-4" }, /* @__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(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-5" }, /* @__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(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-rect-mrxanv9k-m)` }, /* @__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(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ResponsiveBehaviorScaleProportionally-node-8", clipPath: `url(#${uid}-clip0_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-11" }, /* @__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(#${uid}-paint0_linear_1118_5963)` })))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-12" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.68655", y: "53.2649", width: "33", height: "1.66238", rx: "0.831192", fill: "var(--color-1)", className: "ResponsiveBehaviorScaleProportionally-node-12-shape" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-13" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "109.1856", y: "59.0569", width: "18", height: "1.66238", rx: "0.831192", fill: "var(--color-1)", className: "ResponsiveBehaviorScaleProportionally-node-13-shape" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ResponsiveBehaviorScaleProportionally-node-14", clipPath: `url(#${uid}-clip1_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: `url(#${uid}-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(--color-3)", opacity: "0" })))))))
+    );
+  }
+);
+ResponsiveBehaviorScaleProportionally.displayName = "ResponsiveBehaviorScaleProportionally";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorScaleProportionally
+});

package/dist/cjs/animated/ResponsiveBehaviorSectionFixedHeight.js

@@ -0,0 +1,89 @@
+"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 ResponsiveBehaviorSectionFixedHeight_exports = {};
+__export(ResponsiveBehaviorSectionFixedHeight_exports, {
+  ResponsiveBehaviorSectionFixedHeight: () => ResponsiveBehaviorSectionFixedHeight
+});
+module.exports = __toCommonJS(ResponsiveBehaviorSectionFixedHeight_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorSectionFixedHeight = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    (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: ["ResponsiveBehaviorSectionFixedHeight-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-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: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-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: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-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: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-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: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-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: `${uid}-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: `${uid}-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: `${uid}-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: `${uid}-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: `${uid}-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: `${uid}-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: `${uid}-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: `${uid}-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("mask", { id: `${uid}-am-node-7-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-7-3" }, "  ", /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.6865", y: "33.498", width: "73", height: "60.0044", rx: "4", ry: "4", fill: "var(--color-4)", className: "ResponsiveBehaviorSectionFixedHeight-node-7-3-shape" })))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { display: "none", 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: "var(--color-3)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-3-2" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-4)", className: "ResponsiveBehaviorSectionFixedHeight-node-3-2-shape", fillOpacity: "0.25" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-4" }, /* @__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(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-5" }, /* @__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(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-7-3)` }, /* @__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(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ResponsiveBehaviorSectionFixedHeight-node-8", clipPath: `url(#${uid}-clip0_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-11" }, /* @__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(#${uid}-paint0_linear_1118_5963)` })))), /* @__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: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.623", y: "59.0569", width: "27.1252", height: "1.66238", rx: "0.831192", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5963)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: `url(#${uid}-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(#${uid}-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: "var(--color-3)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "23.5", width: "73", height: "80", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5980)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-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(#${uid}-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: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.415", y: "58.8528", width: "27.1252", height: "1.5", rx: "0.75", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5980)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5980)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.477 13.1484H192.307V73.7996H108.477V13.1484Z", fill: `url(#${uid}-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(--color-2)" }), /* @__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(--color-2)" })))
+    );
+  }
+);
+ResponsiveBehaviorSectionFixedHeight.displayName = "ResponsiveBehaviorSectionFixedHeight";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorSectionFixedHeight
+});

package/dist/cjs/animated/ResponsiveBehaviorTextCustomScale.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 ResponsiveBehaviorTextCustomScale_exports = {};
+__export(ResponsiveBehaviorTextCustomScale_exports, {
+  ResponsiveBehaviorTextCustomScale: () => ResponsiveBehaviorTextCustomScale
+});
+module.exports = __toCommonJS(ResponsiveBehaviorTextCustomScale_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorTextCustomScale = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    (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: ["ResponsiveBehaviorTextCustomScale-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_32_4819`, x1: "5", y1: "45.5", x2: "84.5", y2: "-15", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.15", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.42", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.82", stopColor: "#EAEFFF" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M6.18515 12.0503H3.43622V2.94047H5.6057e-05V0.62306H9.62131V2.94047H6.18515V12.0503ZM15.3982 9.36529L16.7088 10.9795C16.3039 11.395 15.7658 11.72 15.0946 11.9544C14.434 12.1888 13.7201 12.306 12.953 12.306C11.9621 12.306 11.099 12.1249 10.3639 11.7626C9.62867 11.4004 9.05331 10.8943 8.63778 10.2443C8.2329 9.59437 8.03046 8.84321 8.03046 7.99083C8.03046 7.12779 8.22757 6.3713 8.6218 5.72136C9.01602 5.06077 9.54876 4.54934 10.22 4.18708C10.9019 3.82482 11.6584 3.64369 12.4895 3.64369C13.3099 3.64369 14.0397 3.82482 14.679 4.18708C15.3183 4.53869 15.8191 5.03413 16.1814 5.67342C16.5436 6.30205 16.7247 7.03723 16.7247 7.87895V8.75797H10.8433C10.9925 9.25875 11.2642 9.63699 11.6584 9.8927C12.0633 10.1378 12.5534 10.2603 13.1288 10.2603C13.9918 10.2603 14.7483 9.96196 15.3982 9.36529ZM12.4735 5.67342C12.058 5.67342 11.701 5.8066 11.4027 6.07297C11.1044 6.32869 10.9019 6.7016 10.7954 7.19172H14.0717C13.9971 6.72291 13.8213 6.35532 13.5443 6.08895C13.2779 5.81193 12.921 5.67342 12.4735 5.67342ZM19.4604 12.0503H16.4398L19.4924 7.81502L16.6795 3.8994H19.6842L21.1865 6.23279L22.7048 3.8994H25.7254L22.8966 7.81502L25.9332 12.0503H22.9126L21.1865 9.41324L19.4604 12.0503ZM31.7943 12.0503H29.6846C28.0332 12.0503 27.2074 11.2245 27.2074 9.57306V6.04101H25.9448V3.8994H27.2074V1.88565H29.9084V3.8994H31.7144V6.04101H29.9084V9.04565C29.9084 9.35464 29.967 9.57306 30.0842 9.70092C30.2014 9.81812 30.4092 9.87672 30.7075 9.87672H31.7943V12.0503ZM38.4555 12.0503H35.7065V0.62306H40.4852C41.3376 0.62306 42.0887 0.777554 42.7387 1.08654C43.3886 1.39553 43.8947 1.82705 44.257 2.3811C44.6192 2.92449 44.8004 3.56377 44.8004 4.29895C44.8004 5.02348 44.6192 5.66276 44.257 6.21681C43.8947 6.77086 43.3886 7.20238 42.7387 7.51136C42.0887 7.82035 41.3376 7.97485 40.4852 7.97485H38.4555V12.0503ZM40.4852 2.90851H38.4555V5.6894H40.4852C40.954 5.6894 41.3269 5.56687 41.6039 5.32181C41.881 5.0661 42.0195 4.72514 42.0195 4.29895C42.0195 3.87276 41.881 3.53714 41.6039 3.29208C41.3269 3.03636 40.954 2.90851 40.4852 2.90851ZM51.2734 3.75556V6.15288H50.762C49.9948 6.15288 49.4195 6.33934 49.0359 6.71226C48.663 7.08517 48.4765 7.69249 48.4765 8.53422V12.0503H45.7755V3.8994H48.4605V5.30583C48.6417 4.89029 48.8654 4.57065 49.1318 4.3469C49.4088 4.12315 49.7018 3.96866 50.0108 3.88342C50.3304 3.79818 50.6288 3.75556 50.9058 3.75556H51.2734ZM58.8715 9.36529L60.1821 10.9795C59.7772 11.395 59.2391 11.72 58.5679 11.9544C57.9073 12.1888 57.1934 12.306 56.4263 12.306C55.4354 12.306 54.5723 12.1249 53.8372 11.7626C53.102 11.4004 52.5266 10.8943 52.1111 10.2443C51.7062 9.59437 51.5038 8.84321 51.5038 7.99083C51.5038 7.12779 51.7009 6.3713 52.0951 5.72136C52.4893 5.06077 53.0221 4.54934 53.6933 4.18708C54.3752 3.82482 55.1317 3.64369 55.9628 3.64369C56.7832 3.64369 57.513 3.82482 58.1523 4.18708C58.7916 4.53869 59.2924 5.03413 59.6547 5.67342C60.0169 6.30205 60.198 7.03723 60.198 7.87895V8.75797H54.3166C54.4658 9.25875 54.7375 9.63699 55.1317 9.8927C55.5366 10.1378 56.0267 10.2603 56.6021 10.2603C57.4651 10.2603 58.2216 9.96196 58.8715 9.36529ZM55.9468 5.67342C55.5313 5.67342 55.1743 5.8066 54.876 6.07297C54.5777 6.32869 54.3752 6.7016 54.2687 7.19172H57.545C57.4704 6.72291 57.2946 6.35532 57.0176 6.08895C56.7512 5.81193 56.3943 5.67342 55.9468 5.67342ZM66.0503 12.0503H63.4452L59.993 3.8994H62.7579L64.7717 9.41324L66.8014 3.8994H69.5024L66.0503 12.0503ZM71.5002 2.95645C71.074 2.95645 70.7117 2.81794 70.4134 2.54092C70.1151 2.25324 69.9659 1.90163 69.9659 1.4861C69.9659 1.05991 70.1151 0.708298 70.4134 0.431274C70.7117 0.143596 71.074 -0.000243286 71.5002 -0.000243286C71.937 -0.000243286 72.2993 0.143596 72.587 0.431274C72.8853 0.708298 73.0345 1.05991 73.0345 1.4861C73.0345 1.90163 72.8853 2.25324 72.587 2.54092C72.2993 2.81794 71.937 2.95645 71.5002 2.95645ZM72.8587 12.0503H70.1577V3.8994H72.8587V12.0503ZM81.2091 9.36529L82.5196 10.9795C82.1147 11.395 81.5767 11.72 80.9054 11.9544C80.2448 12.1888 79.5309 12.306 78.7638 12.306C77.7729 12.306 76.9099 12.1249 76.1747 11.7626C75.4395 11.4004 74.8642 10.8943 74.4486 10.2443C74.0437 9.59437 73.8413 8.84321 73.8413 7.99083C73.8413 7.12779 74.0384 6.3713 74.4326 5.72136C74.8269 5.06077 75.3596 4.54934 76.0309 4.18708C76.7128 3.82482 77.4693 3.64369 78.3003 3.64369C79.1207 3.64369 79.8506 3.82482 80.4899 4.18708C81.1292 4.53869 81.6299 5.03413 81.9922 5.67342C82.3545 6.30205 82.5356 7.03723 82.5356 7.87895V8.75797H76.6542C76.8033 9.25875 77.075 9.63699 77.4693 9.8927C77.8741 10.1378 78.3643 10.2603 78.9396 10.2603C79.8026 10.2603 80.5591 9.96196 81.2091 9.36529ZM78.2843 5.67342C77.8688 5.67342 77.5119 5.8066 77.2135 6.07297C76.9152 6.32869 76.7128 6.7016 76.6062 7.19172H79.8826C79.808 6.72291 79.6322 6.35532 79.3551 6.08895C79.0888 5.81193 78.7318 5.67342 78.2843 5.67342ZM93.4303 12.0503H90.8731L89.2749 7.4794L87.7087 12.0503H85.1515L82.6583 3.8994H85.2794L86.574 9.17351L88.284 3.8994H90.3617L92.0558 9.14154L93.3504 3.8994H95.9235L93.4303 12.0503Z", fill: "var(--color-1)", className: "ResponsiveBehaviorTextCustomScale-node-1-3" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { display: "none", x: "0", y: "0", width: "236", height: "126", fill: "var(--color-3)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42.5 67V59C42.5 58.4477 42.0523 58 41.5 58C40.9477 58 40.5 58.4477 40.5 59V67C40.5 67.5523 40.9477 68 41.5 68C42.0523 68 42.5 67.5523 42.5 67Z", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196.5 67V59C196.5 58.4477 196.052 58 195.5 58C194.948 58 194.5 58.4477 194.5 59V67C194.5 67.5523 194.948 68 195.5 68C196.052 68 196.5 67.5523 196.5 67Z", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-4" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "22.5", width: "74", height: "81", rx: "6", fill: "var(--color-4)", className: "ResponsiveBehaviorTextCustomScale-node-5", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "95", y: "54.5", width: "46", height: "17", fill: "var(--color-5)", className: "ResponsiveBehaviorTextCustomScale-node-6", fillOpacity: "0.5" }), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-3)` }, /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(67.500003px, 54.500001px)" }, x: "0", y: "0", width: "102", height: "18", fill: `url(#${uid}-paint0_linear_32_4819)` })), /* @__PURE__ */ import_react.default.createElement("rect", { x: "61", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-10" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "171", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-11" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "61", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-12" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "171", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-13" })))
+    );
+  }
+);
+ResponsiveBehaviorTextCustomScale.displayName = "ResponsiveBehaviorTextCustomScale";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorTextCustomScale
+});

package/dist/cjs/animated/ResponsiveBehaviorTextFixed.js

@@ -0,0 +1,89 @@
+"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 ResponsiveBehaviorTextFixed_exports = {};
+__export(ResponsiveBehaviorTextFixed_exports, {
+  ResponsiveBehaviorTextFixed: () => ResponsiveBehaviorTextFixed
+});
+module.exports = __toCommonJS(ResponsiveBehaviorTextFixed_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorTextFixed = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    (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: ["ResponsiveBehaviorTextFixed-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_25_2825`, x1: "16.977", y1: "3.59372", x2: "-14.8481", y2: "23.6597", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_32_4819`, x1: "5", y1: "45.5", x2: "84.5", y2: "-15", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.15", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.42", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.82", stopColor: "#EAEFFF" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_25_2825`, 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.1637", result: "effect1_foregroundBlur_25_2825" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-7`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.228 69H105.479V59.8902H102.043V57.5728H111.664V59.8902H108.228V69ZM117.441 66.315L118.751 67.9292C118.346 68.3447 117.808 68.6697 117.137 68.9041C116.477 69.1385 115.763 69.2557 114.996 69.2557C114.005 69.2557 113.142 69.0746 112.406 68.7123C111.671 68.3501 111.096 67.844 110.68 67.194C110.275 66.5441 110.073 65.7929 110.073 64.9405C110.073 64.0775 110.27 63.321 110.664 62.6711C111.059 62.0105 111.591 61.499 112.263 61.1368C112.945 60.7745 113.701 60.5934 114.532 60.5934C115.352 60.5934 116.082 60.7745 116.722 61.1368C117.361 61.4884 117.862 61.9838 118.224 62.6231C118.586 63.2518 118.767 63.9869 118.767 64.8287V65.7077H112.886C113.035 66.2085 113.307 66.5867 113.701 66.8424C114.106 67.0875 114.596 67.21 115.171 67.21C116.034 67.21 116.791 66.9117 117.441 66.315ZM114.516 62.6231C114.101 62.6231 113.744 62.7563 113.445 63.0227C113.147 63.2784 112.945 63.6513 112.838 64.1414H116.114C116.04 63.6726 115.864 63.305 115.587 63.0387C115.321 62.7616 114.964 62.6231 114.516 62.6231ZM121.503 69H118.482L121.535 64.7647L118.722 60.8491H121.727L123.229 63.1825L124.747 60.8491H127.768L124.939 64.7647L127.976 69H124.955L123.229 66.3629L121.503 69ZM133.837 69H131.727C130.076 69 129.25 68.1743 129.25 66.5228V62.9907H127.987V60.8491H129.25V58.8354H131.951V60.8491H133.757V62.9907H131.951V65.9954C131.951 66.3043 132.01 66.5228 132.127 66.6506C132.244 66.7678 132.452 66.8264 132.75 66.8264H133.837V69Z", fill: "var(--color-5)" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { display: "none", x: "0", y: "0", width: "236", height: "126", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42.5 67V59C42.5 58.4477 42.0523 58 41.5 58C40.9477 58 40.5 58.4477 40.5 59V67C40.5 67.5523 40.9477 68 41.5 68C42.0523 68 42.5 67.5523 42.5 67Z", fill: "var(--color-1)", className: "ResponsiveBehaviorTextFixed-node-3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196.5 67V59C196.5 58.4477 196.052 58 195.5 58C194.948 58 194.5 58.4477 194.5 59V67C194.5 67.5523 194.948 68 195.5 68C196.052 68 196.5 67.5523 196.5 67Z", fill: "var(--color-1)", className: "ResponsiveBehaviorTextFixed-node-4" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "22.5", width: "74", height: "81", rx: "6", fill: "var(--color-3)", className: "ResponsiveBehaviorTextFixed-node-5", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.5", y: "47", width: "47", height: "32", fill: "var(--color-4)", className: "ResponsiveBehaviorTextFixed-node-6", fillOpacity: "0.5" }), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-7)` }, /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(99px, 52px)" }, x: "0", y: "0", width: "102", height: "18", fill: `url(#${uid}-paint0_linear_32_4819)`, opacity: "1" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-1px, 0px)" }, x: "93.5", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(1px, 0px)" }, x: "138.5", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-1px, 0px)" }, x: "93.5", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(1px, 0px)" }, x: "138.5", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-1)" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(92.154051px, 45.672599px)" }, display: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_25_2825)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 46.3645 26.1101 L 46.364501 6.3274 L 6.327401 6.327398 L 6.3274 26.110098 Z", fill: `url(#${uid}-paint0_linear_25_2825)` })))
+    );
+  }
+);
+ResponsiveBehaviorTextFixed.displayName = "ResponsiveBehaviorTextFixed";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorTextFixed
+});