@wix/design-system-illustrations 2.44.2 → 2.45.0

package/dist/cjs/index.js

@@ -110,6 +110,7 @@ __export(index_exports, {
   BookingsStrip: () => import_BookingsStrip.BookingsStrip,
   BookingsWeekly: () => import_BookingsWeekly.BookingsWeekly,
   Bottom: () => import_Bottom.Bottom,
+  BottomMenu: () => import_BottomMenu.BottomMenu,
   Bounce: () => import_Bounce.Bounce,
   BounceAnimation: () => import_BounceAnimation.BounceAnimation,
   BounceEntrance: () => import_BounceEntrance.BounceEntrance,
@@ -216,6 +217,7 @@ __export(index_exports, {
   FormLayoutBelowIdentity: () => import_FormLayoutBelowIdentity.FormLayoutBelowIdentity,
   Freeform: () => import_Freeform.Freeform,
   FreeformImage: () => import_FreeformImage.FreeformImage,
+  FunnelStackedBarChart: () => import_FunnelStackedBarChart.FunnelStackedBarChart,
   GalleryAppear: () => import_GalleryAppear.GalleryAppear,
   GalleryAppears: () => import_GalleryAppears.GalleryAppears,
   GalleryBlur: () => import_GalleryBlur.GalleryBlur,
@@ -254,6 +256,7 @@ __export(index_exports, {
   HillDivider: () => import_HillDivider.HillDivider,
   HorizontalBarChart: () => import_HorizontalBarChart.HorizontalBarChart,
   HorizontalBarGroupedChart: () => import_HorizontalBarGroupedChart.HorizontalBarGroupedChart,
+  HorizontalStackedBarChart: () => import_HorizontalStackedBarChart.HorizontalStackedBarChart,
   IconPositionBottom: () => import_IconPositionBottom.IconPositionBottom,
   IconPositionLeft: () => import_IconPositionLeft.IconPositionLeft,
   IconPositionRight: () => import_IconPositionRight.IconPositionRight,
@@ -432,6 +435,7 @@ __export(index_exports, {
   Shuffle: () => import_Shuffle.Shuffle,
   ShuttersAnimation: () => import_ShuttersAnimation.ShuttersAnimation,
   ShuttersScroll: () => import_ShuttersScroll.ShuttersScroll,
+  SideMenu: () => import_SideMenu.SideMenu,
   Skew3DMouse: () => import_Skew3DMouse.Skew3DMouse,
   SkewClick: () => import_SkewClick.SkewClick,
   SkewHover: () => import_SkewHover.SkewHover,
@@ -551,6 +555,7 @@ __export(index_exports, {
   UploadMedia: () => import_UploadMedia.UploadMedia,
   VerticalBarChart: () => import_VerticalBarChart.VerticalBarChart,
   VerticalBarGroupedChart: () => import_VerticalBarGroupedChart.VerticalBarGroupedChart,
+  VerticalStackedBarChart: () => import_VerticalStackedBarChart.VerticalStackedBarChart,
   VideoLink: () => import_VideoLink.VideoLink,
   VideoMobileHorizontal: () => import_VideoMobileHorizontal.VideoMobileHorizontal,
   VideoMobileLayoutCompact: () => import_VideoMobileLayoutCompact.VideoMobileLayoutCompact,
@@ -661,6 +666,7 @@ var import_BookingsSideBySide = require("./BookingsSideBySide");
 var import_BookingsStrip = require("./BookingsStrip");
 var import_BookingsWeekly = require("./BookingsWeekly");
 var import_Bottom = require("./Bottom");
+var import_BottomMenu = require("./BottomMenu");
 var import_Bounce = require("./Bounce");
 var import_BounceAnimation = require("./BounceAnimation");
 var import_BounceEntrance = require("./BounceEntrance");
@@ -767,6 +773,7 @@ var import_FormLayoutAboveIdentity = require("./FormLayoutAboveIdentity");
 var import_FormLayoutBelowIdentity = require("./FormLayoutBelowIdentity");
 var import_Freeform = require("./Freeform");
 var import_FreeformImage = require("./FreeformImage");
+var import_FunnelStackedBarChart = require("./FunnelStackedBarChart");
 var import_GalleryAppear = require("./GalleryAppear");
 var import_GalleryAppears = require("./GalleryAppears");
 var import_GalleryBlur = require("./GalleryBlur");
@@ -805,6 +812,7 @@ var import_HexagonalImage = require("./HexagonalImage");
 var import_HillDivider = require("./HillDivider");
 var import_HorizontalBarChart = require("./HorizontalBarChart");
 var import_HorizontalBarGroupedChart = require("./HorizontalBarGroupedChart");
+var import_HorizontalStackedBarChart = require("./HorizontalStackedBarChart");
 var import_IconPositionBottom = require("./IconPositionBottom");
 var import_IconPositionLeft = require("./IconPositionLeft");
 var import_IconPositionRight = require("./IconPositionRight");
@@ -983,6 +991,7 @@ var import_ShrinkScroll = require("./ShrinkScroll");
 var import_Shuffle = require("./Shuffle");
 var import_ShuttersAnimation = require("./ShuttersAnimation");
 var import_ShuttersScroll = require("./ShuttersScroll");
+var import_SideMenu = require("./SideMenu");
 var import_Skew3DMouse = require("./Skew3DMouse");
 var import_SkewClick = require("./SkewClick");
 var import_SkewHover = require("./SkewHover");
@@ -1102,6 +1111,7 @@ var import_UpToDownSmall = require("./UpToDownSmall");
 var import_UploadMedia = require("./UploadMedia");
 var import_VerticalBarChart = require("./VerticalBarChart");
 var import_VerticalBarGroupedChart = require("./VerticalBarGroupedChart");
+var import_VerticalStackedBarChart = require("./VerticalStackedBarChart");
 var import_VideoLink = require("./VideoLink");
 var import_VideoMobileHorizontal = require("./VideoMobileHorizontal");
 var import_VideoMobileLayoutCompact = require("./VideoMobileLayoutCompact");
@@ -1213,6 +1223,7 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   BookingsStrip,
   BookingsWeekly,
   Bottom,
+  BottomMenu,
   Bounce,
   BounceAnimation,
   BounceEntrance,
@@ -1319,6 +1330,7 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   FormLayoutBelowIdentity,
   Freeform,
   FreeformImage,
+  FunnelStackedBarChart,
   GalleryAppear,
   GalleryAppears,
   GalleryBlur,
@@ -1357,6 +1369,7 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   HillDivider,
   HorizontalBarChart,
   HorizontalBarGroupedChart,
+  HorizontalStackedBarChart,
   IconPositionBottom,
   IconPositionLeft,
   IconPositionRight,
@@ -1535,6 +1548,7 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   Shuffle,
   ShuttersAnimation,
   ShuttersScroll,
+  SideMenu,
   Skew3DMouse,
   SkewClick,
   SkewHover,
@@ -1654,6 +1668,7 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   UploadMedia,
   VerticalBarChart,
   VerticalBarGroupedChart,
+  VerticalStackedBarChart,
   VideoLink,
   VideoMobileHorizontal,
   VideoMobileLayoutCompact,

package/dist/esm/BottomMenu.js

@@ -0,0 +1,18 @@
+import React from "react";
+const BottomMenu = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 100 100",
+    fill: "none",
+    width: 100,
+    height: 100,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BottomMenu__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BottomMenu__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BottomMenu__c)", d: "M0 0h101v79H0z", transform: "matrix(0 1 1 0 24 -6)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BottomMenu__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BottomMenu__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BottomMenu__f)", d: "M25.953 9.133h63.024v83.415H25.953z", transform: "rotate(-.06 25.953 9.133)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M47.104 81.05a1.948 1.948 0 1 1 3.896 0 1.948 1.948 0 0 1-3.896 0M57.104 81.05a1.948 1.948 0 1 1 3.896 0 1.948 1.948 0 0 1-3.896 0M37 81.05a1.948 1.948 0 1 1 3.896 0 1.948 1.948 0 0 1-3.896 0" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BottomMenu__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BottomMenu__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BottomMenu__i)", d: "M44-4.82h32.088v19.485H44z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BottomMenu__c", x1: "86.676", x2: "24.658", y1: "7.091", y2: "108.266", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".212", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".553", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".88", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BottomMenu__f", x1: "80.039", x2: "6.604", y1: "16.62", y2: "87.421", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".274", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".596", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BottomMenu__i", x1: "71.537", x2: "58.217", y1: "-3.071", y2: "24.921", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BottomMenu__a" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BottomMenu__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BottomMenu__g" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BottomMenu__b", width: "104.417", height: "126.417", x: "11.292", y: "-18.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6767", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "BottomMenu__e", width: "87.11", height: "107.477", x: "13.953", y: "-2.93", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6767", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "BottomMenu__h", width: "39.73", height: "27.127", x: "40.179", y: "-8.641", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6767", stdDeviation: "1.911" })))
+);
+BottomMenu.displayName = "BottomMenu";
+export {
+  BottomMenu
+};

package/dist/esm/FunnelStackedBarChart.js

@@ -0,0 +1,25 @@
+import React from "react";
+const FunnelStackedBarChart = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M24 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M10 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M52 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M38 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__e)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M48 13a2 2 0 0 1 2 2v18H9.23V15a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__h)", d: "M5.34 99h32.612V12.932H5.34z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 33a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__k)", d: "M24 0h58v58H24z" })))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__l)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31 13a2 2 0 0 1 2 2v9H-3v-9a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__o)", d: "M-6.66 99h32.613V12.932H-6.66z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M10 24a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__q)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__r)", d: "M10-5h58v63H10z" })))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__s)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__t)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.77 13a2 2 0 0 1 2 2v37H38.23V15a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__v)", d: "M34.11 99h32.614V12.932H34.11z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__w)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M52 52a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__x)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__y)", d: "M52 26h30v32H52z" })))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__z)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__A)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55 13a2 2 0 0 1 2 2v29H29V15a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__B)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__C)", d: "M25.34 99h32.613V12.932H25.34z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__D)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M38 44a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__E)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__F)", d: "M38 7h36v51H38z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M48 13a2 2 0 0 1 2 2v18H9.23V15a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__i" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24 33a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__l" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M10 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__m" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M31 13a2 2 0 0 1 2 2v9H-3v-9a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__p" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M10 24a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__s" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M52 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__t" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M73.77 13a2 2 0 0 1 2 2v37H38.23V15a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__w" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M52 52a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__z" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M38 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__A" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M55 13a2 2 0 0 1 2 2v29H29V15a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__D" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M38 44a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M10 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M52 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M38 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__h", x1: "33.327", x2: "-26.102", y1: "91.275", y2: "62.539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__k", x1: "73.774", x2: "24.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__o", x1: "21.328", x2: "-38.101", y1: "91.275", y2: "62.539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__r", x1: "59.774", x2: "4.986", y1: ".655", y2: "65.018", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__v", x1: "62.098", x2: "2.669", y1: "91.275", y2: "62.539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__y", x1: "77.745", x2: "50.002", y1: "28.872", y2: "62.062", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__C", x1: "53.328", x2: "-6.101", y1: "91.275", y2: "62.539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__F", x1: "68.894", x2: "24.21", y1: "11.578", y2: "51.827", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__g", width: "42.994", height: "96.451", x: ".149", y: "7.739", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__j", width: "68", height: "68", x: "19", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__n", width: "42.994", height: "96.451", x: "-11.85", y: "7.739", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__q", width: "68", height: "73", x: "5", y: "-10", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__u", width: "42.994", height: "96.451", x: "28.92", y: "7.739", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__x", width: "40", height: "42", x: "47", y: "21", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__B", width: "42.994", height: "96.451", x: "20.149", y: "7.739", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__E", width: "46", height: "61", x: "33", y: "2", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.5" })))
+);
+FunnelStackedBarChart.displayName = "FunnelStackedBarChart";
+export {
+  FunnelStackedBarChart
+};

package/dist/esm/HorizontalStackedBarChart.js

@@ -0,0 +1,23 @@
+import React from "react";
+const HorizontalStackedBarChart = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14 12a2 2 0 0 1 2-2h40a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14 32a3 3 0 0 1 3-3h31a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14 51a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__d)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#HorizontalStackedBarChart__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M50 10v15H33V10z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__g)", d: "M23-3h118v34H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#HorizontalStackedBarChart__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M56 10a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6V10z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__j)", d: "M46 5h29v26H46z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M33 10v15H16a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__m)", d: "M14-11h129v36H14z" })))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__n)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#HorizontalStackedBarChart__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40 29v15H23V29z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__q)", d: "M13 20h90v30H13z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#HorizontalStackedBarChart__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49 29a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-9V29z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__s)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__t)", d: "M36 24h22v26H36z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 29v15h-7a2 2 0 0 1-2-2V31a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__v)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__w)", d: "M14 4h82v40H14z" })))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__x)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#HorizontalStackedBarChart__y)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36 48v15h-4V48z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__z)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__A)", d: "M22 35h47v34H22z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#HorizontalStackedBarChart__B)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40 48a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-5V48z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__C)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__D)", d: "M31 43h18v26H31z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__E)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32 48v15H16a2 2 0 0 1-2-2V50a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__F)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__G)", d: "M14 23h82v40H14z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 13a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M50 10v15H33V10z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M56 10a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6V10z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M33 10v15H16a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__n" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 32a3 3 0 0 1 3-3h31a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__o" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M40 29v15H23V29z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__r" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M49 29a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-9V29z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__u" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 29v15h-7a2 2 0 0 1-2-2V31a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__x" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 51a3 3 0 0 1 3-3h29a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__y" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 48v15h-4V48z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__B" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M40 48a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-5V48z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__E" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M32 48v15H16a2 2 0 0 1-2-2V50a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 13a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 32a3 3 0 0 1 3-3h31a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 51a3 3 0 0 1 3-3h29a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__g", x1: "124.265", x2: "111.394", y1: ".052", y2: "57.05", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__j", x1: "70.887", x2: "49.339", y1: "7.334", y2: "38.003", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__m", x1: "124.705", x2: "111.466", y1: "-7.769", y2: "52.765", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__q", x1: "90.236", x2: "77.31", y1: "22.693", y2: "72.173", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__t", x1: "54.88", x2: "32.042", y1: "26.334", y2: "50.992", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__w", x1: "84.37", x2: "60.864", y1: "7.59", y2: "69.081", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__A", x1: "62.334", x2: "36.633", y1: "38.052", y2: "83.386", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__D", x1: "46.447", x2: "23.717", y1: "45.334", y2: "65.414", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__G", x1: "84.37", x2: "60.864", y1: "26.59", y2: "88.081", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__f", width: "128", height: "44", x: "18", y: "-8", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__i", width: "39", height: "36", x: "41", y: "0", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__l", width: "139", height: "46", x: "9", y: "-16", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__p", width: "100", height: "40", x: "8", y: "15", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__s", width: "32", height: "36", x: "31", y: "19", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__v", width: "92", height: "50", x: "9", y: "-1", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__z", width: "57", height: "44", x: "17", y: "30", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__C", width: "28", height: "36", x: "26", y: "38", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__F", width: "92", height: "50", x: "9", y: "18", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6894", stdDeviation: "2.5" })))
+);
+HorizontalStackedBarChart.displayName = "HorizontalStackedBarChart";
+export {
+  HorizontalStackedBarChart
+};

package/dist/esm/SideMenu.js

@@ -0,0 +1,18 @@
+import React from "react";
+const SideMenu = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 100 100",
+    fill: "none",
+    width: 100,
+    height: 100,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__c)", d: "M0 0h101v79H0z", transform: "matrix(0 1 1 0 24 -6)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__f)", d: "M25.953 9.133h63.024v83.415H25.953z", transform: "rotate(-.06 25.953 9.133)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M28 25a6 6 0 0 1 6-6h21v72H34a6 6 0 0 1-6-6z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__i)", d: "M28-74h91V91H28z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-4, #d5dfff)", d: "M34 51.778a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M34 56.778a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M34 46.778a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M34 41.653a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M37.778 27.629a.6.6 0 1 1 .848.847l-.779.779.779.778a.6.6 0 1 1-.848.848L37 30.102l-.779.779a.599.599 0 1 1-.847-.848l.778-.778-.778-.779a.6.6 0 1 1 .847-.847l.779.778z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__l)", d: "M44-4.82h32.088v19.485H44z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SideMenu__c", x1: "86.676", x2: "24.658", y1: "7.091", y2: "108.266", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".212", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".553", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".88", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SideMenu__f", x1: "80.039", x2: "6.604", y1: "16.62", y2: "87.421", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".274", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".596", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SideMenu__i", x1: "106.094", x2: "-30.732", y1: "-59.19", y2: "37.103", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SideMenu__l", x1: "71.537", x2: "58.217", y1: "-3.071", y2: "24.921", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SideMenu__a" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SideMenu__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SideMenu__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M28 25a6 6 0 0 1 6-6h21v72H34a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SideMenu__j" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__b", width: "104.417", height: "126.417", x: "11.292", y: "-18.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6834", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__e", width: "87.11", height: "107.477", x: "13.953", y: "-2.93", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6834", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__h", width: "116.417", height: "190.417", x: "15.292", y: "-86.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6834", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__k", width: "39.73", height: "27.127", x: "40.179", y: "-8.641", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6834", stdDeviation: "1.911" })))
+);
+SideMenu.displayName = "SideMenu";
+export {
+  SideMenu
+};

package/dist/esm/VerticalStackedBarChart.js

@@ -0,0 +1,23 @@
+import React from "react";
+const VerticalStackedBarChart = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M23 58a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2H12a2 2 0 0 0-2 2v40a2 2 0 0 0 2 2z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M41 58a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v31a3 3 0 0 0 3 3z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M60 58a3 3 0 0 0 3-3V33a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__d)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#VerticalStackedBarChart__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 22H10v17h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__g)", d: "M0 0h118v34H0z", transform: "matrix(0 -1 -1 0 38 49)" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#VerticalStackedBarChart__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 16a2 2 0 0 0-2-2H12a2 2 0 0 0-2 2v6h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__j)", d: "M0 0h29v26H0z", transform: "matrix(0 -1 -1 0 30 26)" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 39H10v17a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__m)", d: "M0 0h129v36H0z", transform: "matrix(0 -1 -1 0 46 58)" })))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__n)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#VerticalStackedBarChart__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M44 32H29v17h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__q)", d: "M0 0h90v30H0z", transform: "matrix(0 -1 -1 0 53 59)" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#VerticalStackedBarChart__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M44 23a2 2 0 0 0-2-2H31a2 2 0 0 0-2 2v9h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__s)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__t)", d: "M0 0h22v26H0z", transform: "matrix(0 -1 -1 0 49 36)" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M44 49H29v7a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__v)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__w)", d: "M0 0h82v40H0z", transform: "matrix(0 -1 -1 0 69 58)" })))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__x)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#VerticalStackedBarChart__y)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 36H48v4h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__z)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__A)", d: "M0 0h47v34H0z", transform: "matrix(0 -1 -1 0 76 50)" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#VerticalStackedBarChart__B)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 32a2 2 0 0 0-2-2H50a2 2 0 0 0-2 2v5h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__C)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__D)", d: "M0 0h18v26H0z", transform: "matrix(0 -1 -1 0 68 41)" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__E)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 40H48v16a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__F)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__G)", d: "M0 0h82v40H0z", transform: "matrix(0 -1 -1 0 88 58)" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 58a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v38a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 22H10v17h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 16a2 2 0 0 0-2-2H12a2 2 0 0 0-2 2v6h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 39H10v17a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__n" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41 58a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v31a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__o" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M44 32H29v17h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__r" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M44 23a2 2 0 0 0-2-2H31a2 2 0 0 0-2 2v9h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__u" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M44 49H29v7a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__x" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M60 58a3 3 0 0 0 3-3V26a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v29a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__y" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M63 36H48v4h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__B" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M63 32a2 2 0 0 0-2-2H50a2 2 0 0 0-2 2v5h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__E" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M63 40H48v16a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 58a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v38a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41 58a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v31a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M60 58a3 3 0 0 0 3-3V26a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v29a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__g", x1: "101.265", x2: "88.394", y1: "3.052", y2: "60.05", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__j", x1: "24.887", x2: "3.339", y1: "2.334", y2: "33.003", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__m", x1: "110.705", x2: "97.466", y1: "3.231", y2: "63.765", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__q", x1: "77.236", x2: "64.31", y1: "2.693", y2: "52.173", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__t", x1: "18.88", x2: "-3.958", y1: "2.334", y2: "26.992", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__w", x1: "70.37", x2: "46.864", y1: "3.59", y2: "65.081", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__A", x1: "40.334", x2: "14.633", y1: "3.052", y2: "48.386", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__D", x1: "15.447", x2: "-7.283", y1: "2.334", y2: "22.414", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__G", x1: "70.37", x2: "46.864", y1: "3.59", y2: "65.081", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__f", width: "44", height: "128", x: "-1", y: "-74", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__i", width: "36", height: "39", x: "-1", y: "-8", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__l", width: "46", height: "139", x: "5", y: "-76", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__p", width: "40", height: "100", x: "18", y: "-36", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__s", width: "36", height: "32", x: "18", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__v", width: "50", height: "92", x: "24", y: "-29", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__z", width: "44", height: "57", x: "37", y: "-2", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__C", width: "36", height: "28", x: "37", y: "18", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__F", width: "50", height: "92", x: "43", y: "-29", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })))
+);
+VerticalStackedBarChart.displayName = "VerticalStackedBarChart";
+export {
+  VerticalStackedBarChart
+};

package/dist/esm/animated/StickySectionPresetsFullWidth.js

@@ -34,8 +34,10 @@ const StickySectionPresetsFullWidth = forwardRef(
         ...props
       },
       /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4428_19355`, x1: "77.0184", y1: "29.0713", x2: "37.9679", y2: "91.8439", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4428_19355`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4428_19355" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4428_19355` }, /* @__PURE__ */ React.createElement("path", { d: "M0 7.55556C0 3.38274 3.38274 0 7.55556 0H60.4444C64.6173 0 68 3.38274 68 7.55556V60.4444C68 64.6173 64.6173 68 60.4444 68H7.55556C3.38274 68 0 64.6173 0 60.4444V7.55556Z", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4428_19355` }, /* @__PURE__ */ React.createElement("rect", { x: "55", y: "33", width: "22", height: "42", rx: "1.88889", transform: "rotate(90 55 33)", fill: "white" }))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-container" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))),
       /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-Frame-1707483281" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 14.88889 L 55 33.11111 A 1.88889 1.88889 45 0 1 53.11111 35 L 14.88889 35 A 1.88889 1.88889 45 0 1 13 33.11111 L 13 14.88889 A 1.88889 1.88889 45 0 1 14.88889 13 L 53.11111 13 A 1.88889 1.88889 45 0 1 55 14.88889 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-Frame-1707483278" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 24.88889 L 55 43.11111 A 1.88889 1.88889 45 0 1 53.11111 45 L 14.88889 45 A 1.88889 1.88889 45 0 1 13 43.11111 L 13 24.88889 A 1.88889 1.88889 45 0 1 14.88889 23 L 53.11111 23 A 1.88889 1.88889 45 0 1 55 24.88889 Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-Frame-1707483277" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4428_19355)` }, /* @__PURE__ */ React.createElement("path", { d: "M 55 34.88889 L 55 53.11111 A 1.88889 1.88889 45 0 1 53.11111 55 L 14.88889 55 A 1.88889 1.88889 45 0 1 13 53.11111 L 13 34.88889 A 1.88889 1.88889 45 0 1 14.88889 33 L 53.11111 33 A 1.88889 1.88889 45 0 1 55 34.88889 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M84.1484 62.3047L84.1484 23.5791L4.71411 23.5791L4.71411 62.3047L84.1484 62.3047Z", fill: `url(#${uid}-paint0_linear_4428_19355)` }))))))))),
-      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-fullwidth_new-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 14.88889 L 55 33.11111 A 1.88889 1.88889 45 0 1 53.11111 35 L 14.88889 35 A 1.88889 1.88889 45 0 1 13 33.11111 L 13 14.88889 A 1.88889 1.88889 45 0 1 14.88889 13 L 53.11111 13 A 1.88889 1.88889 45 0 1 55 14.88889 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 24.88889 L 55 43.11111 A 1.88889 1.88889 45 0 1 53.11111 45 L 14.88889 45 A 1.88889 1.88889 45 0 1 13 43.11111 L 13 24.88889 A 1.88889 1.88889 45 0 1 14.88889 23 L 53.11111 23 A 1.88889 1.88889 45 0 1 55 24.88889 Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4428_19355)` }, /* @__PURE__ */ React.createElement("path", { d: "M 55 34.88889 L 55 53.11111 A 1.88889 1.88889 45 0 1 53.11111 55 L 14.88889 55 A 1.88889 1.88889 45 0 1 13 53.11111 L 13 34.88889 A 1.88889 1.88889 45 0 1 14.88889 33 L 53.11111 33 A 1.88889 1.88889 45 0 1 55 34.88889 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M84.1484 62.3047L84.1484 23.5791L4.71411 23.5791L4.71411 62.3047L84.1484 62.3047Z", fill: `url(#${uid}-paint0_linear_4428_19355)` })))))))))
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-fullwidth_new-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19355)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 14.88889 L 55 33.11111 A 1.88889 1.88889 45 0 1 53.11111 35 L 14.88889 35 A 1.88889 1.88889 45 0 1 13 33.11111 L 13 14.88889 A 1.88889 1.88889 45 0 1 14.88889 13 L 53.11111 13 A 1.88889 1.88889 45 0 1 55 14.88889 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 24.88889 L 55 43.11111 A 1.88889 1.88889 45 0 1 53.11111 45 L 14.88889 45 A 1.88889 1.88889 45 0 1 13 43.11111 L 13 24.88889 A 1.88889 1.88889 45 0 1 14.88889 23 L 53.11111 23 A 1.88889 1.88889 45 0 1 55 24.88889 Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4428_19355)` }, /* @__PURE__ */ React.createElement("path", { d: "M 55 34.88889 L 55 53.11111 A 1.88889 1.88889 45 0 1 53.11111 55 L 14.88889 55 A 1.88889 1.88889 45 0 1 13 53.11111 L 13 34.88889 A 1.88889 1.88889 45 0 1 14.88889 33 L 53.11111 33 A 1.88889 1.88889 45 0 1 55 34.88889 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M84.1484 62.3047L84.1484 23.5791L4.71411 23.5791L4.71411 62.3047L84.1484 62.3047Z", fill: `url(#${uid}-paint0_linear_4428_19355)` }))))))))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-scrollbar-first-run" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsFullWidth-scrollbar" }, /* @__PURE__ */ React.createElement("g", { transform: "translate(56.8 18) scale(0.52)", fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--scrollbar-track)" }), /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsFullWidth-scrollbar-thumb" }, /* @__PURE__ */ React.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-2)", strokeWidth: "4", strokeLinecap: "round" })))))
     );
   }
 );

package/dist/esm/animated/StickySectionPresetsGridRows.js

@@ -34,8 +34,10 @@ const StickySectionPresetsGridRows = forwardRef(
         ...props
       },
       /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19222`, x1: "76.7997", y1: "28.9776", x2: "37.7492", y2: "91.7501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_4424_19222`, x1: "98.5184", y1: "28.9776", x2: "59.4679", y2: "91.7501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4424_19222`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19222" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_4424_19222`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19222" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4424_19222` }, /* @__PURE__ */ React.createElement("path", { d: "M0 7.55556C0 3.38274 3.38274 0 7.55556 0H60.4444C64.6173 0 68 3.38274 68 7.55556V60.4444C68 64.6173 64.6173 68 60.4444 68H7.55556C3.38274 68 0 64.6173 0 60.4444V7.55556Z", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4424_19222` }, /* @__PURE__ */ React.createElement("rect", { x: "33.2578", y: "32.9062", width: "21.8713", height: "20.0353", rx: "2.83333", transform: "rotate(90 33.2578 32.9062)", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_4424_19222` }, /* @__PURE__ */ React.createElement("rect", { x: "54.7734", y: "32.9062", width: "21.8713", height: "20.0353", rx: "2.83333", transform: "rotate(90 54.7734 32.9062)", fill: "white" }))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsGridRows-container" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-1)" }))),
       /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19222)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsGridRows-group-mtr8nkm4-1" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 16.05213 L 54.7734 32.25677 A 2.83333 2.83333 45 0 1 51.94007 35.0901 L 37.57143 35.0901 A 2.83333 2.83333 45 0 1 34.7381 32.25677 L 34.7381 16.05213 A 2.83333 2.83333 45 0 1 37.57143 13.2188 L 51.94007 13.2188 A 2.83333 2.83333 45 0 1 54.7734 16.05213 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 16.05213 L 33.2578 32.25677 A 2.83333 2.83333 45 0 1 30.42447 35.0901 L 16.05583 35.0901 A 2.83333 2.83333 45 0 1 13.2225 32.25677 L 13.2225 16.05213 A 2.83333 2.83333 45 0 1 16.05583 13.2188 L 30.42447 13.2188 A 2.83333 2.83333 45 0 1 33.2578 16.05213 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsGridRows-group-mtr8o0p7-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 25.89583 L 33.2578 42.10047 A 2.83333 2.83333 45 0 1 30.42447 44.9338 L 16.05583 44.9338 A 2.83333 2.83333 45 0 1 13.2225 42.10047 L 13.2225 25.89583 A 2.83333 2.83333 45 0 1 16.05583 23.0625 L 30.42447 23.0625 A 2.83333 2.83333 45 0 1 33.2578 25.89583 Z", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 25.89583 L 54.7734 42.10047 A 2.83333 2.83333 45 0 1 51.94007 44.9338 L 37.57143 44.9338 A 2.83333 2.83333 45 0 1 34.7381 42.10047 L 34.7381 25.89583 A 2.83333 2.83333 45 0 1 37.57143 23.0625 L 51.94007 23.0625 A 2.83333 2.83333 45 0 1 54.7734 25.89583 Z", fill: "var(--color-1)" }))), /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsGridRows-group-mtr8obho-3" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 35.73953 L 33.2578 51.94417 A 2.83333 2.83333 45 0 1 30.42447 54.7775 L 16.05583 54.7775 A 2.83333 2.83333 45 0 1 13.2225 51.94417 L 13.2225 35.73953 A 2.83333 2.83333 45 0 1 16.05583 32.9062 L 30.42447 32.9062 A 2.83333 2.83333 45 0 1 33.2578 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M83.9297 62.2109L83.9297 23.4853L4.49536 23.4853L4.49536 62.2109L83.9297 62.2109Z", fill: `url(#${uid}-paint0_linear_4424_19222)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 35.73953 L 54.7734 51.94417 A 2.83333 2.83333 45 0 1 51.94007 54.7775 L 37.57143 54.7775 A 2.83333 2.83333 45 0 1 34.7381 51.94417 L 34.7381 35.73953 A 2.83333 2.83333 45 0 1 37.57143 32.9062 L 51.94007 32.9062 A 2.83333 2.83333 45 0 1 54.7734 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M105.648 62.2109L105.648 23.4853L26.2141 23.4853L26.2141 62.2109L105.648 62.2109Z", fill: `url(#${uid}-paint1_linear_4424_19222)` }))))))))),
-      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsGridRows-Thumbnail-Container-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19222)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 16.05213 L 54.7734 32.25677 A 2.83333 2.83333 45 0 1 51.94007 35.0901 L 37.57143 35.0901 A 2.83333 2.83333 45 0 1 34.7381 32.25677 L 34.7381 16.05213 A 2.83333 2.83333 45 0 1 37.57143 13.2188 L 51.94007 13.2188 A 2.83333 2.83333 45 0 1 54.7734 16.05213 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 16.05213 L 33.2578 32.25677 A 2.83333 2.83333 45 0 1 30.42447 35.0901 L 16.05583 35.0901 A 2.83333 2.83333 45 0 1 13.2225 32.25677 L 13.2225 16.05213 A 2.83333 2.83333 45 0 1 16.05583 13.2188 L 30.42447 13.2188 A 2.83333 2.83333 45 0 1 33.2578 16.05213 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 25.89583 L 33.2578 42.10047 A 2.83333 2.83333 45 0 1 30.42447 44.9338 L 16.05583 44.9338 A 2.83333 2.83333 45 0 1 13.2225 42.10047 L 13.2225 25.89583 A 2.83333 2.83333 45 0 1 16.05583 23.0625 L 30.42447 23.0625 A 2.83333 2.83333 45 0 1 33.2578 25.89583 Z", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 25.89583 L 54.7734 42.10047 A 2.83333 2.83333 45 0 1 51.94007 44.9338 L 37.57143 44.9338 A 2.83333 2.83333 45 0 1 34.7381 42.10047 L 34.7381 25.89583 A 2.83333 2.83333 45 0 1 37.57143 23.0625 L 51.94007 23.0625 A 2.83333 2.83333 45 0 1 54.7734 25.89583 Z", fill: "var(--color-1)" }))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 35.73953 L 33.2578 51.94417 A 2.83333 2.83333 45 0 1 30.42447 54.7775 L 16.05583 54.7775 A 2.83333 2.83333 45 0 1 13.2225 51.94417 L 13.2225 35.73953 A 2.83333 2.83333 45 0 1 16.05583 32.9062 L 30.42447 32.9062 A 2.83333 2.83333 45 0 1 33.2578 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M83.9297 62.2109L83.9297 23.4853L4.49536 23.4853L4.49536 62.2109L83.9297 62.2109Z", fill: `url(#${uid}-paint0_linear_4424_19222)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 35.73953 L 54.7734 51.94417 A 2.83333 2.83333 45 0 1 51.94007 54.7775 L 37.57143 54.7775 A 2.83333 2.83333 45 0 1 34.7381 51.94417 L 34.7381 35.73953 A 2.83333 2.83333 45 0 1 37.57143 32.9062 L 51.94007 32.9062 A 2.83333 2.83333 45 0 1 54.7734 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M105.648 62.2109L105.648 23.4853L26.2141 23.4853L26.2141 62.2109L105.648 62.2109Z", fill: `url(#${uid}-paint1_linear_4424_19222)` })))))))))
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsGridRows-Thumbnail-Container-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19222)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 16.05213 L 54.7734 32.25677 A 2.83333 2.83333 45 0 1 51.94007 35.0901 L 37.57143 35.0901 A 2.83333 2.83333 45 0 1 34.7381 32.25677 L 34.7381 16.05213 A 2.83333 2.83333 45 0 1 37.57143 13.2188 L 51.94007 13.2188 A 2.83333 2.83333 45 0 1 54.7734 16.05213 Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 16.05213 L 33.2578 32.25677 A 2.83333 2.83333 45 0 1 30.42447 35.0901 L 16.05583 35.0901 A 2.83333 2.83333 45 0 1 13.2225 32.25677 L 13.2225 16.05213 A 2.83333 2.83333 45 0 1 16.05583 13.2188 L 30.42447 13.2188 A 2.83333 2.83333 45 0 1 33.2578 16.05213 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 25.89583 L 33.2578 42.10047 A 2.83333 2.83333 45 0 1 30.42447 44.9338 L 16.05583 44.9338 A 2.83333 2.83333 45 0 1 13.2225 42.10047 L 13.2225 25.89583 A 2.83333 2.83333 45 0 1 16.05583 23.0625 L 30.42447 23.0625 A 2.83333 2.83333 45 0 1 33.2578 25.89583 Z", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 25.89583 L 54.7734 42.10047 A 2.83333 2.83333 45 0 1 51.94007 44.9338 L 37.57143 44.9338 A 2.83333 2.83333 45 0 1 34.7381 42.10047 L 34.7381 25.89583 A 2.83333 2.83333 45 0 1 37.57143 23.0625 L 51.94007 23.0625 A 2.83333 2.83333 45 0 1 54.7734 25.89583 Z", fill: "var(--color-1)" }))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 33.2578 35.73953 L 33.2578 51.94417 A 2.83333 2.83333 45 0 1 30.42447 54.7775 L 16.05583 54.7775 A 2.83333 2.83333 45 0 1 13.2225 51.94417 L 13.2225 35.73953 A 2.83333 2.83333 45 0 1 16.05583 32.9062 L 30.42447 32.9062 A 2.83333 2.83333 45 0 1 33.2578 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M83.9297 62.2109L83.9297 23.4853L4.49536 23.4853L4.49536 62.2109L83.9297 62.2109Z", fill: `url(#${uid}-paint0_linear_4424_19222)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19222)` }, /* @__PURE__ */ React.createElement("path", { d: "M 54.7734 35.73953 L 54.7734 51.94417 A 2.83333 2.83333 45 0 1 51.94007 54.7775 L 37.57143 54.7775 A 2.83333 2.83333 45 0 1 34.7381 51.94417 L 34.7381 35.73953 A 2.83333 2.83333 45 0 1 37.57143 32.9062 L 51.94007 32.9062 A 2.83333 2.83333 45 0 1 54.7734 35.73953 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M105.648 62.2109L105.648 23.4853L26.2141 23.4853L26.2141 62.2109L105.648 62.2109Z", fill: `url(#${uid}-paint1_linear_4424_19222)` }))))))))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsGridRows-scrollbar-first-run" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsGridRows-scrollbar" }, /* @__PURE__ */ React.createElement("g", { transform: "translate(56.57 18) scale(0.52)", fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--scrollbar-track)" }), /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsGridRows-scrollbar-thumb" }, /* @__PURE__ */ React.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-2)", strokeWidth: "4", strokeLinecap: "round" })))))
     );
   }
 );

package/dist/esm/animated/StickySectionPresetsSideBySide.js

@@ -34,8 +34,10 @@ const StickySectionPresetsSideBySide = forwardRef(
         ...props
       },
       /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19258`, x1: "66.5888", y1: "5.72025", x2: "19.8579", y2: "25.1921", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4424_19258`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4424_19258" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4424_19258` }, /* @__PURE__ */ React.createElement("rect", { width: "13.2632", height: "21.0139", rx: "1.88889", transform: "matrix(-1 0 0 1 55 27.9922)", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" }))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-container" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))),
       /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222318" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 24.36891 19 L 14.88349 19 A 1.88889 1.88889 90 0 0 12.9946 20.88889 L 12.9946 38.12501 A 1.88889 1.88889 90 0 0 14.88349 40.0139 L 24.36891 40.0139 A 1.88889 1.88889 90 0 0 26.2578 38.12501 L 26.2578 20.88889 A 1.88889 1.88889 90 0 0 24.36891 19 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222319" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 38.74391 23.4844 L 29.25849 23.4844 A 1.88889 1.88889 90 0 0 27.3696 25.37329 L 27.3696 42.60941 A 1.88889 1.88889 90 0 0 29.25849 44.4983 L 38.74391 44.4983 A 1.88889 1.88889 90 0 0 40.6328 42.60941 L 40.6328 25.37329 A 1.88889 1.88889 90 0 0 38.74391 23.4844 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222320" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ React.createElement("path", { d: "M 53.11111 27.9922 L 43.62569 27.9922 A 1.88889 1.88889 90 0 0 41.7368 29.88109 L 41.7368 47.11721 A 1.88889 1.88889 90 0 0 43.62569 49.0061 L 53.11111 49.0061 A 1.88889 1.88889 90 0 0 55 47.11721 L 55 29.88109 A 1.88889 1.88889 90 0 0 53.11111 27.9922 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` }))))))))),
-      /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsSideBySide-import-mtr80uod-2-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 24.36891 19 L 14.88349 19 A 1.88889 1.88889 90 0 0 12.9946 20.88889 L 12.9946 38.12501 A 1.88889 1.88889 90 0 0 14.88349 40.0139 L 24.36891 40.0139 A 1.88889 1.88889 90 0 0 26.2578 38.12501 L 26.2578 20.88889 A 1.88889 1.88889 90 0 0 24.36891 19 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 38.74391 23.4844 L 29.25849 23.4844 A 1.88889 1.88889 90 0 0 27.3696 25.37329 L 27.3696 42.60941 A 1.88889 1.88889 90 0 0 29.25849 44.4983 L 38.74391 44.4983 A 1.88889 1.88889 90 0 0 40.6328 42.60941 L 40.6328 25.37329 A 1.88889 1.88889 90 0 0 38.74391 23.4844 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ React.createElement("path", { d: "M 53.11111 27.9922 L 43.62569 27.9922 A 1.88889 1.88889 90 0 0 41.7368 29.88109 L 41.7368 47.11721 A 1.88889 1.88889 90 0 0 43.62569 49.0061 L 53.11111 49.0061 A 1.88889 1.88889 90 0 0 55 47.11721 L 55 29.88109 A 1.88889 1.88889 90 0 0 53.11111 27.9922 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` }))))))))
+      /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsSideBySide-import-mtr80uod-2-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 24.36891 19 L 14.88349 19 A 1.88889 1.88889 90 0 0 12.9946 20.88889 L 12.9946 38.12501 A 1.88889 1.88889 90 0 0 14.88349 40.0139 L 24.36891 40.0139 A 1.88889 1.88889 90 0 0 26.2578 38.12501 L 26.2578 20.88889 A 1.88889 1.88889 90 0 0 24.36891 19 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 38.74391 23.4844 L 29.25849 23.4844 A 1.88889 1.88889 90 0 0 27.3696 25.37329 L 27.3696 42.60941 A 1.88889 1.88889 90 0 0 29.25849 44.4983 L 38.74391 44.4983 A 1.88889 1.88889 90 0 0 40.6328 42.60941 L 40.6328 25.37329 A 1.88889 1.88889 90 0 0 38.74391 23.4844 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ React.createElement("path", { d: "M 53.11111 27.9922 L 43.62569 27.9922 A 1.88889 1.88889 90 0 0 41.7368 29.88109 L 41.7368 47.11721 A 1.88889 1.88889 90 0 0 43.62569 49.0061 L 53.11111 49.0061 A 1.88889 1.88889 90 0 0 55 47.11721 L 55 29.88109 A 1.88889 1.88889 90 0 0 53.11111 27.9922 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` })))))))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-scrollbar-first-run" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-scrollbar" }, /* @__PURE__ */ React.createElement("g", { transform: "translate(56.8 18) scale(0.52)", fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--scrollbar-track)" }), /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsSideBySide-scrollbar-thumb" }, /* @__PURE__ */ React.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-2)", strokeWidth: "4", strokeLinecap: "round" })))))
     );
   }
 );

package/dist/esm/animated/StickySectionPresetsSplit.js

@@ -35,7 +35,8 @@ const StickySectionPresetsSplit = forwardRef(
       },
       /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4428_19363`, x1: "97.8231", y1: "29.0557", x2: "58.7726", y2: "91.8283", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4428_19363`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.36111", result: "effect1_foregroundBlur_4428_19363" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4428_19363` }, /* @__PURE__ */ React.createElement("rect", { x: "55", y: "33", width: "22", height: "21", rx: "2.83333", transform: "rotate(90 55 33)", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-2-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" }))),
       /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483281" }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483278" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483277" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ React.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` })))))))),
-      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-3)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2-2)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-3)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ React.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` }))))))))
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-3)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2-2)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-3)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ React.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` })))))))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-scrollbar-first-run" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-scrollbar" }, /* @__PURE__ */ React.createElement("g", { transform: "translate(56.8 18) scale(0.52)", fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--scrollbar-track)" }), /* @__PURE__ */ React.createElement("g", { className: "StickySectionPresetsSplit-scrollbar-thumb" }, /* @__PURE__ */ React.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-2)", strokeWidth: "4", strokeLinecap: "round" })))))
     );
   }
 );