@wix/design-system-illustrations 2.19.0 → 2.21.0

package/dist/cjs/index.js

@@ -36,12 +36,13 @@ __export(index_exports, {
   AngledTriangleDivider: () => import_AngledTriangleDivider.AngledTriangleDivider,
   AppearClick: () => import_AppearClick.AppearClick,
   AppearHover: () => import_AppearHover.AppearHover,
+  Apsect12: () => import_Apsect12.Apsect12,
   ArcEntrance: () => import_ArcEntrance.ArcEntrance,
   ArcScroll: () => import_ArcScroll.ArcScroll,
   AreaChart: () => import_AreaChart.AreaChart,
+  Ascpect45: () => import_Ascpect45.Ascpect45,
   Aspect11: () => import_Aspect11.Aspect11,
   Aspect11Image: () => import_Aspect11Image.Aspect11Image,
-  Aspect12: () => import_Aspect12.Aspect12,
   Aspect169: () => import_Aspect169.Aspect169,
   Aspect169Image: () => import_Aspect169Image.Aspect169Image,
   Aspect23: () => import_Aspect23.Aspect23,
@@ -62,6 +63,8 @@ __export(index_exports, {
   Aspect916Image: () => import_Aspect916Image.Aspect916Image,
   AvatarCircle: () => import_AvatarCircle.AvatarCircle,
   AvatarSquare: () => import_AvatarSquare.AvatarSquare,
+  BentoLayout: () => import_BentoLayout.BentoLayout,
+  BentoLayoutSmall: () => import_BentoLayoutSmall.BentoLayoutSmall,
   BlankImage: () => import_BlankImage.BlankImage,
   BlankSection: () => import_BlankSection.BlankSection,
   BlankSectionOutline: () => import_BlankSectionOutline.BlankSectionOutline,
@@ -69,6 +72,8 @@ __export(index_exports, {
   BlankSectionSmall: () => import_BlankSectionSmall.BlankSectionSmall,
   BlobMouse: () => import_BlobMouse.BlobMouse,
   BlobsDivider: () => import_BlobsDivider.BlobsDivider,
+  Blocks: () => import_Blocks.Blocks,
+  BlocksSmall: () => import_BlocksSmall.BlocksSmall,
   BlogEditorial: () => import_BlogEditorial.BlogEditorial,
   BlogFullPost: () => import_BlogFullPost.BlogFullPost,
   BlogMagazine: () => import_BlogMagazine.BlogMagazine,
@@ -80,9 +85,18 @@ __export(index_exports, {
   BlurAnimation: () => import_BlurAnimation.BlurAnimation,
   BlurScroll: () => import_BlurScroll.BlurScroll,
   BookingsGrid: () => import_BookingsGrid.BookingsGrid,
+  BookingsLayoutGrid: () => import_BookingsLayoutGrid.BookingsLayoutGrid,
+  BookingsLayoutStrip: () => import_BookingsLayoutStrip.BookingsLayoutStrip,
+  BookingsList: () => import_BookingsList.BookingsList,
+  BookingsMonthly: () => import_BookingsMonthly.BookingsMonthly,
   BookingsOverlapping: () => import_BookingsOverlapping.BookingsOverlapping,
+  BookingsOverlay: () => import_BookingsOverlay.BookingsOverlay,
+  BookingsPresetMasonry: () => import_BookingsPresetMasonry.BookingsPresetMasonry,
+  BookingsPresetSlider: () => import_BookingsPresetSlider.BookingsPresetSlider,
+  BookingsPresetSquares: () => import_BookingsPresetSquares.BookingsPresetSquares,
   BookingsSideBySide: () => import_BookingsSideBySide.BookingsSideBySide,
   BookingsStrip: () => import_BookingsStrip.BookingsStrip,
+  BookingsWeekly: () => import_BookingsWeekly.BookingsWeekly,
   Bottom: () => import_Bottom.Bottom,
   Bounce: () => import_Bounce.Bounce,
   BounceAnimation: () => import_BounceAnimation.BounceAnimation,
@@ -114,6 +128,8 @@ __export(index_exports, {
   DesignedSectionSmall: () => import_DesignedSectionSmall.DesignedSectionSmall,
   Doc: () => import_Doc.Doc,
   DonutChart: () => import_DonutChart.DonutChart,
+  Dots: () => import_Dots.Dots,
+  DotsSmall: () => import_DotsSmall.DotsSmall,
   Drop: () => import_Drop.Drop,
   DunesDivider: () => import_DunesDivider.DunesDivider,
   ElipseDivider: () => import_ElipseDivider.ElipseDivider,
@@ -140,7 +156,7 @@ __export(index_exports, {
   FacebookPost: () => import_FacebookPost.FacebookPost,
   FacebookStory: () => import_FacebookStory.FacebookStory,
   Fade: () => import_Fade.Fade,
-  FadeAnimation: () => import_FadeAnimation.FadeAnimation,
+  FadeAnimationFadeAnimation: () => import_FadeAnimationFadeAnimation.FadeAnimationFadeAnimation,
   FadeBackSection: () => import_FadeBackSection.FadeBackSection,
   FadeClick: () => import_FadeClick.FadeClick,
   FadeHover: () => import_FadeHover.FadeHover,
@@ -223,6 +239,9 @@ __export(index_exports, {
   LayoutSidebar: () => import_LayoutSidebar.LayoutSidebar,
   LayoutSingleColumn: () => import_LayoutSingleColumn.LayoutSingleColumn,
   LayoutTwoColumn: () => import_LayoutTwoColumn.LayoutTwoColumn,
+  LayoutTwoColumnSmall: () => import_LayoutTwoColumnSmall.LayoutTwoColumnSmall,
+  LeftToRight: () => import_LeftToRight.LeftToRight,
+  LeftToRightSmall: () => import_LeftToRightSmall.LeftToRightSmall,
   LeftWaveDivider: () => import_LeftWaveDivider.LeftWaveDivider,
   LetterTwist: () => import_LetterTwist.LetterTwist,
   LineChart: () => import_LineChart.LineChart,
@@ -285,6 +304,7 @@ __export(index_exports, {
   ProductCardLayoutCard: () => import_ProductCardLayoutCard.ProductCardLayoutCard,
   ProductCardLayoutCentered: () => import_ProductCardLayoutCentered.ProductCardLayoutCentered,
   ProductCardLayoutFull: () => import_ProductCardLayoutFull.ProductCardLayoutFull,
+  ProductCardLayoutFullSmall: () => import_ProductCardLayoutFullSmall.ProductCardLayoutFullSmall,
   PullBackSection: () => import_PullBackSection.PullBackSection,
   PulseLoop: () => import_PulseLoop.PulseLoop,
   RSVPInvite: () => import_RSVPInvite.RSVPInvite,
@@ -334,6 +354,10 @@ __export(index_exports, {
   SpinAnimation: () => import_SpinAnimation.SpinAnimation,
   SpinLoop: () => import_SpinLoop.SpinLoop,
   SpinScroll: () => import_SpinScroll.SpinScroll,
+  SplitGridColumn: () => import_SplitGridColumn.SplitGridColumn,
+  SplitGridColumnSmall: () => import_SplitGridColumnSmall.SplitGridColumnSmall,
+  SplitGridRow: () => import_SplitGridRow.SplitGridRow,
+  SplitGridRowSmall: () => import_SplitGridRowSmall.SplitGridRowSmall,
   SquareFrame: () => import_SquareFrame.SquareFrame,
   Stagger: () => import_Stagger.Stagger,
   StarImage: () => import_StarImage.StarImage,
@@ -390,6 +414,12 @@ __export(index_exports, {
   SwivelMouse: () => import_SwivelMouse.SwivelMouse,
   TextEntrance: () => import_TextEntrance.TextEntrance,
   TextPath: () => import_TextPath.TextPath,
+  ThreeColumnTwoRowLeftMerged: () => import_ThreeColumnTwoRowLeftMerged.ThreeColumnTwoRowLeftMerged,
+  ThreeColumnTwoRowLeftMergedSmall: () => import_ThreeColumnTwoRowLeftMergedSmall.ThreeColumnTwoRowLeftMergedSmall,
+  ThreeColumns: () => import_ThreeColumns.ThreeColumns,
+  ThreeColumnsSmall: () => import_ThreeColumnsSmall.ThreeColumnsSmall,
+  ThreeRows: () => import_ThreeRows.ThreeRows,
+  ThreeRowsSmall: () => import_ThreeRowsSmall.ThreeRowsSmall,
   ThumbnailPlacementBottom: () => import_ThumbnailPlacementBottom.ThumbnailPlacementBottom,
   ThumbnailPlacementLeft: () => import_ThumbnailPlacementLeft.ThumbnailPlacementLeft,
   ThumbnailPlacementRight: () => import_ThumbnailPlacementRight.ThumbnailPlacementRight,
@@ -407,8 +437,14 @@ __export(index_exports, {
   TurnScroll: () => import_TurnScroll.TurnScroll,
   TwistClick: () => import_TwistClick.TwistClick,
   TwistHover: () => import_TwistHover.TwistHover,
+  TwoByTwoGrid: () => import_TwoByTwoGrid.TwoByTwoGrid,
+  TwoByTwoGridSmall: () => import_TwoByTwoGridSmall.TwoByTwoGridSmall,
+  TwoRows: () => import_TwoRows.TwoRows,
+  TwoRowsSmall: () => import_TwoRowsSmall.TwoRowsSmall,
   TypeWriter: () => import_TypeWriter.TypeWriter,
   Underline: () => import_Underline.Underline,
+  UpToDown: () => import_UpToDown.UpToDown,
+  UpToDownSmall: () => import_UpToDownSmall.UpToDownSmall,
   VerticalBarChart: () => import_VerticalBarChart.VerticalBarChart,
   VerticalBarGroupedChart: () => import_VerticalBarGroupedChart.VerticalBarGroupedChart,
   VideoLink: () => import_VideoLink.VideoLink,
@@ -444,12 +480,13 @@ var import_AllSides = require("./AllSides");
 var import_AngledTriangleDivider = require("./AngledTriangleDivider");
 var import_AppearClick = require("./AppearClick");
 var import_AppearHover = require("./AppearHover");
+var import_Apsect12 = require("./Apsect12");
 var import_ArcEntrance = require("./ArcEntrance");
 var import_ArcScroll = require("./ArcScroll");
 var import_AreaChart = require("./AreaChart");
+var import_Ascpect45 = require("./Ascpect45");
 var import_Aspect11 = require("./Aspect11");
 var import_Aspect11Image = require("./Aspect11Image");
-var import_Aspect12 = require("./Aspect12");
 var import_Aspect169 = require("./Aspect169");
 var import_Aspect169Image = require("./Aspect169Image");
 var import_Aspect23 = require("./Aspect23");
@@ -470,6 +507,8 @@ var import_Aspect916 = require("./Aspect916");
 var import_Aspect916Image = require("./Aspect916Image");
 var import_AvatarCircle = require("./AvatarCircle");
 var import_AvatarSquare = require("./AvatarSquare");
+var import_BentoLayout = require("./BentoLayout");
+var import_BentoLayoutSmall = require("./BentoLayoutSmall");
 var import_BlankImage = require("./BlankImage");
 var import_BlankSection = require("./BlankSection");
 var import_BlankSectionOutline = require("./BlankSectionOutline");
@@ -477,6 +516,8 @@ var import_BlankSectionOutlineSmall = require("./BlankSectionOutlineSmall");
 var import_BlankSectionSmall = require("./BlankSectionSmall");
 var import_BlobMouse = require("./BlobMouse");
 var import_BlobsDivider = require("./BlobsDivider");
+var import_Blocks = require("./Blocks");
+var import_BlocksSmall = require("./BlocksSmall");
 var import_BlogEditorial = require("./BlogEditorial");
 var import_BlogFullPost = require("./BlogFullPost");
 var import_BlogMagazine = require("./BlogMagazine");
@@ -488,9 +529,18 @@ var import_Blur = require("./Blur");
 var import_BlurAnimation = require("./BlurAnimation");
 var import_BlurScroll = require("./BlurScroll");
 var import_BookingsGrid = require("./BookingsGrid");
+var import_BookingsLayoutGrid = require("./BookingsLayoutGrid");
+var import_BookingsLayoutStrip = require("./BookingsLayoutStrip");
+var import_BookingsList = require("./BookingsList");
+var import_BookingsMonthly = require("./BookingsMonthly");
 var import_BookingsOverlapping = require("./BookingsOverlapping");
+var import_BookingsOverlay = require("./BookingsOverlay");
+var import_BookingsPresetMasonry = require("./BookingsPresetMasonry");
+var import_BookingsPresetSlider = require("./BookingsPresetSlider");
+var import_BookingsPresetSquares = require("./BookingsPresetSquares");
 var import_BookingsSideBySide = require("./BookingsSideBySide");
 var import_BookingsStrip = require("./BookingsStrip");
+var import_BookingsWeekly = require("./BookingsWeekly");
 var import_Bottom = require("./Bottom");
 var import_Bounce = require("./Bounce");
 var import_BounceAnimation = require("./BounceAnimation");
@@ -522,6 +572,8 @@ var import_DesignedSection = require("./DesignedSection");
 var import_DesignedSectionSmall = require("./DesignedSectionSmall");
 var import_Doc = require("./Doc");
 var import_DonutChart = require("./DonutChart");
+var import_Dots = require("./Dots");
+var import_DotsSmall = require("./DotsSmall");
 var import_Drop = require("./Drop");
 var import_DunesDivider = require("./DunesDivider");
 var import_ElipseDivider = require("./ElipseDivider");
@@ -548,7 +600,7 @@ var import_FacebookCover = require("./FacebookCover");
 var import_FacebookPost = require("./FacebookPost");
 var import_FacebookStory = require("./FacebookStory");
 var import_Fade = require("./Fade");
-var import_FadeAnimation = require("./FadeAnimation");
+var import_FadeAnimationFadeAnimation = require("./FadeAnimationFadeAnimation");
 var import_FadeBackSection = require("./FadeBackSection");
 var import_FadeClick = require("./FadeClick");
 var import_FadeHover = require("./FadeHover");
@@ -631,6 +683,9 @@ var import_LayoutSideBySide = require("./LayoutSideBySide");
 var import_LayoutSidebar = require("./LayoutSidebar");
 var import_LayoutSingleColumn = require("./LayoutSingleColumn");
 var import_LayoutTwoColumn = require("./LayoutTwoColumn");
+var import_LayoutTwoColumnSmall = require("./LayoutTwoColumnSmall");
+var import_LeftToRight = require("./LeftToRight");
+var import_LeftToRightSmall = require("./LeftToRightSmall");
 var import_LeftWaveDivider = require("./LeftWaveDivider");
 var import_LetterTwist = require("./LetterTwist");
 var import_LineChart = require("./LineChart");
@@ -693,6 +748,7 @@ var import_ProductCardLayoutBottom = require("./ProductCardLayoutBottom");
 var import_ProductCardLayoutCard = require("./ProductCardLayoutCard");
 var import_ProductCardLayoutCentered = require("./ProductCardLayoutCentered");
 var import_ProductCardLayoutFull = require("./ProductCardLayoutFull");
+var import_ProductCardLayoutFullSmall = require("./ProductCardLayoutFullSmall");
 var import_PullBackSection = require("./PullBackSection");
 var import_PulseLoop = require("./PulseLoop");
 var import_RSVPInvite = require("./RSVPInvite");
@@ -742,6 +798,10 @@ var import_SnakeTrailAnimation = require("./SnakeTrailAnimation");
 var import_SpinAnimation = require("./SpinAnimation");
 var import_SpinLoop = require("./SpinLoop");
 var import_SpinScroll = require("./SpinScroll");
+var import_SplitGridColumn = require("./SplitGridColumn");
+var import_SplitGridColumnSmall = require("./SplitGridColumnSmall");
+var import_SplitGridRow = require("./SplitGridRow");
+var import_SplitGridRowSmall = require("./SplitGridRowSmall");
 var import_SquareFrame = require("./SquareFrame");
 var import_Stagger = require("./Stagger");
 var import_StarImage = require("./StarImage");
@@ -798,6 +858,12 @@ var import_SwingLoop = require("./SwingLoop");
 var import_SwivelMouse = require("./SwivelMouse");
 var import_TextEntrance = require("./TextEntrance");
 var import_TextPath = require("./TextPath");
+var import_ThreeColumnTwoRowLeftMerged = require("./ThreeColumnTwoRowLeftMerged");
+var import_ThreeColumnTwoRowLeftMergedSmall = require("./ThreeColumnTwoRowLeftMergedSmall");
+var import_ThreeColumns = require("./ThreeColumns");
+var import_ThreeColumnsSmall = require("./ThreeColumnsSmall");
+var import_ThreeRows = require("./ThreeRows");
+var import_ThreeRowsSmall = require("./ThreeRowsSmall");
 var import_ThumbnailPlacementBottom = require("./ThumbnailPlacementBottom");
 var import_ThumbnailPlacementLeft = require("./ThumbnailPlacementLeft");
 var import_ThumbnailPlacementRight = require("./ThumbnailPlacementRight");
@@ -815,8 +881,14 @@ var import_TurnEntrance = require("./TurnEntrance");
 var import_TurnScroll = require("./TurnScroll");
 var import_TwistClick = require("./TwistClick");
 var import_TwistHover = require("./TwistHover");
+var import_TwoByTwoGrid = require("./TwoByTwoGrid");
+var import_TwoByTwoGridSmall = require("./TwoByTwoGridSmall");
+var import_TwoRows = require("./TwoRows");
+var import_TwoRowsSmall = require("./TwoRowsSmall");
 var import_TypeWriter = require("./TypeWriter");
 var import_Underline = require("./Underline");
+var import_UpToDown = require("./UpToDown");
+var import_UpToDownSmall = require("./UpToDownSmall");
 var import_VerticalBarChart = require("./VerticalBarChart");
 var import_VerticalBarGroupedChart = require("./VerticalBarGroupedChart");
 var import_VideoLink = require("./VideoLink");
@@ -852,12 +924,13 @@ var import_ZoomSection = require("./ZoomSection");
   AngledTriangleDivider,
   AppearClick,
   AppearHover,
+  Apsect12,
   ArcEntrance,
   ArcScroll,
   AreaChart,
+  Ascpect45,
   Aspect11,
   Aspect11Image,
-  Aspect12,
   Aspect169,
   Aspect169Image,
   Aspect23,
@@ -878,6 +951,8 @@ var import_ZoomSection = require("./ZoomSection");
   Aspect916Image,
   AvatarCircle,
   AvatarSquare,
+  BentoLayout,
+  BentoLayoutSmall,
   BlankImage,
   BlankSection,
   BlankSectionOutline,
@@ -885,6 +960,8 @@ var import_ZoomSection = require("./ZoomSection");
   BlankSectionSmall,
   BlobMouse,
   BlobsDivider,
+  Blocks,
+  BlocksSmall,
   BlogEditorial,
   BlogFullPost,
   BlogMagazine,
@@ -896,9 +973,18 @@ var import_ZoomSection = require("./ZoomSection");
   BlurAnimation,
   BlurScroll,
   BookingsGrid,
+  BookingsLayoutGrid,
+  BookingsLayoutStrip,
+  BookingsList,
+  BookingsMonthly,
   BookingsOverlapping,
+  BookingsOverlay,
+  BookingsPresetMasonry,
+  BookingsPresetSlider,
+  BookingsPresetSquares,
   BookingsSideBySide,
   BookingsStrip,
+  BookingsWeekly,
   Bottom,
   Bounce,
   BounceAnimation,
@@ -930,6 +1016,8 @@ var import_ZoomSection = require("./ZoomSection");
   DesignedSectionSmall,
   Doc,
   DonutChart,
+  Dots,
+  DotsSmall,
   Drop,
   DunesDivider,
   ElipseDivider,
@@ -956,7 +1044,7 @@ var import_ZoomSection = require("./ZoomSection");
   FacebookPost,
   FacebookStory,
   Fade,
-  FadeAnimation,
+  FadeAnimationFadeAnimation,
   FadeBackSection,
   FadeClick,
   FadeHover,
@@ -1039,6 +1127,9 @@ var import_ZoomSection = require("./ZoomSection");
   LayoutSidebar,
   LayoutSingleColumn,
   LayoutTwoColumn,
+  LayoutTwoColumnSmall,
+  LeftToRight,
+  LeftToRightSmall,
   LeftWaveDivider,
   LetterTwist,
   LineChart,
@@ -1101,6 +1192,7 @@ var import_ZoomSection = require("./ZoomSection");
   ProductCardLayoutCard,
   ProductCardLayoutCentered,
   ProductCardLayoutFull,
+  ProductCardLayoutFullSmall,
   PullBackSection,
   PulseLoop,
   RSVPInvite,
@@ -1150,6 +1242,10 @@ var import_ZoomSection = require("./ZoomSection");
   SpinAnimation,
   SpinLoop,
   SpinScroll,
+  SplitGridColumn,
+  SplitGridColumnSmall,
+  SplitGridRow,
+  SplitGridRowSmall,
   SquareFrame,
   Stagger,
   StarImage,
@@ -1206,6 +1302,12 @@ var import_ZoomSection = require("./ZoomSection");
   SwivelMouse,
   TextEntrance,
   TextPath,
+  ThreeColumnTwoRowLeftMerged,
+  ThreeColumnTwoRowLeftMergedSmall,
+  ThreeColumns,
+  ThreeColumnsSmall,
+  ThreeRows,
+  ThreeRowsSmall,
   ThumbnailPlacementBottom,
   ThumbnailPlacementLeft,
   ThumbnailPlacementRight,
@@ -1223,8 +1325,14 @@ var import_ZoomSection = require("./ZoomSection");
   TurnScroll,
   TwistClick,
   TwistHover,
+  TwoByTwoGrid,
+  TwoByTwoGridSmall,
+  TwoRows,
+  TwoRowsSmall,
   TypeWriter,
   Underline,
+  UpToDown,
+  UpToDownSmall,
   VerticalBarChart,
   VerticalBarGroupedChart,
   VideoLink,

package/dist/esm/AiryMouse.js

@@ -11,14 +11,14 @@ const AiryMouse = (props) => /* @__PURE__ */ React.createElement(
   },
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M15.928 19.728c.37-1.494 2.22-2.027 3.329-.96L37.97 36.79c1.11 1.068.646 2.936-.833 3.362L12.174 47.35c-1.48.426-2.866-.908-2.495-2.403z", opacity: ".25" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M52.99 19.148c1.076-1.1 2.94-.623 3.355.86l7.002 25.019c.414 1.483-.931 2.858-2.423 2.476l-25.168-6.446c-1.491-.382-2.01-2.235-.934-3.336z", opacity: ".25" }),
-  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.99 17.168c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.667-1.733-3z", opacity: ".25" }),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__a", width: "30", height: "30", x: "9", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M15.928 19.709c.37-1.495 2.22-2.028 3.329-.96L37.972 36.77c1.109 1.068.646 2.936-.834 3.363l-24.964 7.196c-1.479.427-2.865-.908-2.495-2.402z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m-10.205 6.691 55.71-16.06 13.487 46.784-55.71 16.06z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__d)", d: "m20.293 4.053 30.828 31.186L8.784 47.444z" })))),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__e", width: "30", height: "30", x: "34", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M52.99 19.132c1.076-1.1 2.94-.623 3.355.86l7.001 25.02c.415 1.482-.93 2.858-2.422 2.476L35.756 41.04c-1.492-.382-2.01-2.235-.934-3.336z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M37.056-5.332 93.222 9.054 81.14 56.221 24.975 41.835z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__h)", d: "m64.686 7.847 10.773 42.508-42.684-10.933z" })))),
-  /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__i", width: "31", height: "27", x: "21", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.99 17.148c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.666-1.733-3z" })),
-  /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M13.484-2.598h57.98v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__l)", d: "M44.777-.848 69.266 41.82H17.843z" }))),
-  /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__m)", d: "M36.241 49.34c3.352 0 6.182 1.03 8.167 2.055.994.513 1.78 1.027 2.32 1.414a14 14 0 0 1 .785.605l.043.037q.008.007.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.182 1.93-.814.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.026.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012a4 4 0 0 1 .169-.177c.116-.117.287-.282.512-.478.448-.392 1.114-.91 1.988-1.428 1.749-1.036 4.336-2.07 7.692-2.07" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.99 17.166c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.667-1.733-3z", opacity: ".25" }),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__a", width: "30", height: "30", x: "9", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M15.928 19.713c.37-1.495 2.22-2.028 3.329-.96l18.715 18.021c1.109 1.068.646 2.936-.834 3.362l-24.964 7.197c-1.479.427-2.865-.908-2.495-2.402z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m-10.205 6.695 55.71-16.06 13.487 46.784-55.71 16.06z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__d)", d: "m20.293 4.056 30.828 31.187L8.784 47.448z" })))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__e", width: "30", height: "30", x: "34", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M52.99 19.132c1.076-1.1 2.94-.623 3.355.86l7.001 25.02c.415 1.482-.93 2.858-2.422 2.476L35.756 41.04c-1.492-.382-2.01-2.235-.934-3.336z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M37.056-5.334 93.222 9.052 81.14 56.219 24.975 41.833z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__h)", d: "m64.686 7.846 10.773 42.507L32.775 39.42z" })))),
+  /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__i", width: "31", height: "27", x: "21", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.99 17.15c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.666-1.733-3z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M13.484-2.596h57.98v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__l)", d: "m44.777-.846 24.489 42.668H17.843z" }))),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__m)", d: "M36.241 49.338c3.352 0 6.182 1.03 8.167 2.056.994.512 1.78 1.026 2.32 1.413a14 14 0 0 1 .785.605l.043.037q.008.006.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.182 1.93-.814.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.026.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.046-.05.133-.137c.116-.118.287-.283.512-.48.448-.39 1.114-.909 1.988-1.427 1.749-1.036 4.336-2.07 7.692-2.07" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 54.146a.5.5 0 0 1-.09-.429l1-4 .97.243-.846 3.38h3.36v.998h-4l-.113-.012a.5.5 0 0 1-.28-.18" }),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__b", width: "79.198", height: "72.848", x: "-15.205", y: "-14.371", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__c", width: "52.337", height: "53.395", x: "3.784", y: "-.949", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__f", width: "78.247", height: "71.555", x: "19.975", y: "-10.332", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__g", width: "52.683", height: "52.508", x: "27.775", y: "2.848", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__j", width: "67.979", height: "58.691", x: "8.484", y: "-7.598", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__k", width: "61.423", height: "52.668", x: "12.843", y: "-5.848", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "AiryMouse__d", x1: "35.408", x2: "17.811", y1: "3.292", y2: "56.428", 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: "AiryMouse__h", x1: "78.102", x2: "36.004", y1: "14.851", y2: "51.742", 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: "AiryMouse__l", x1: "61.973", x2: "27.617", y1: "2.982", y2: "55.818", 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: "AiryMouse__m", x1: "46.741", x2: "27.241", y1: "52.84", y2: "52.84", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__b", width: "79.198", height: "72.846", x: "-15.205", y: "-14.365", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__c", width: "52.337", height: "53.391", x: "3.784", y: "-.943", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__f", width: "78.247", height: "71.553", x: "19.975", y: "-10.334", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__g", width: "52.683", height: "52.508", x: "27.775", y: "2.846", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__j", width: "67.979", height: "58.69", x: "8.484", y: "-7.596", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "AiryMouse__k", width: "61.423", height: "52.668", x: "12.843", y: "-5.846", 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_676_20756", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "AiryMouse__d", x1: "35.408", x2: "17.811", y1: "3.296", y2: "56.432", 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: "AiryMouse__h", x1: "78.102", x2: "36.004", y1: "14.849", y2: "51.74", 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: "AiryMouse__l", x1: "61.973", x2: "27.617", y1: "2.984", y2: "55.82", 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: "AiryMouse__m", x1: "46.741", x2: "27.241", y1: "52.838", y2: "52.838", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })))
 );
 AiryMouse.displayName = "AiryMouse";
 export {

package/dist/esm/AngledTriangleDivider.js

@@ -9,8 +9,8 @@ const AngledTriangleDivider = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#AngledTriangleDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "AngledTriangleDivider__b", width: "97", height: "24", x: "0", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M96.882 50.996 22.675 27.855.024 50.996z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AngledTriangleDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-16.8-.44h130.505v51.878H-16.8z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#AngledTriangleDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AngledTriangleDivider__d)", d: "m139.588 49.892-116.5-36.33-35.56 36.33z" })))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "AngledTriangleDivider__d", x1: "118.022", x2: "106.443", y1: "16.823", y2: "78.665", 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: "AngledTriangleDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "AngledTriangleDivider__c", width: "182.198", height: "66.469", x: "-27.541", y: "-1.507", 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_676_22903", stdDeviation: "7.5" })))
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#AngledTriangleDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "AngledTriangleDivider__b", width: "97", height: "24", x: "0", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M96.882 51 22.675 27.859.024 50.999z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AngledTriangleDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-16.8-.44h130.505v51.878H-16.8z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#AngledTriangleDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AngledTriangleDivider__d)", d: "m139.588 49.896-116.5-36.33-35.56 36.33z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "AngledTriangleDivider__d", x1: "118.022", x2: "106.443", y1: "16.827", y2: "78.669", 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: "AngledTriangleDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "AngledTriangleDivider__c", width: "182.198", height: "66.469", x: "-27.541", y: "-1.503", 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_676_22903", stdDeviation: "7.5" })))
 );
 AngledTriangleDivider.displayName = "AngledTriangleDivider";
 export {

package/dist/esm/{Aspect12.js → Apsect12.js}

@@ -1,5 +1,5 @@
 import React from "react";
-const Aspect12 = (props) => /* @__PURE__ */ React.createElement(
+const Apsect12 = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     viewBox: "0 0 72 72",
@@ -9,10 +9,10 @@ const Aspect12 = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Aspect12__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Aspect12__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "24", x: "12", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect12__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect12__d)", d: "M12 0h60v48H12z" })))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "Aspect12__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Aspect12__b" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "24", x: "12", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect12__d", x1: "63.49", x2: "25.43", y1: "4.308", 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("filter", { id: "Aspect12__c", width: "70", height: "58", x: "7", 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_676_21383", stdDeviation: "2.5" })))
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Apsect12__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Apsect12__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "24", x: "12", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Apsect12__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Apsect12__d)", d: "M12 0h60v48H12z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "Apsect12__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Apsect12__b" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "24", x: "12", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Apsect12__d", x1: "63.49", x2: "25.43", y1: "4.308", 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("filter", { id: "Apsect12__c", width: "70", height: "58", x: "7", 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_676_21383", stdDeviation: "2.5" })))
 );
-Aspect12.displayName = "Aspect12";
+Apsect12.displayName = "Apsect12";
 export {
-  Aspect12
+  Apsect12
 };

package/dist/esm/ArcEntrance.js

@@ -9,16 +9,16 @@ const ArcEntrance = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" }),
-  /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" }),
-  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.137", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 26.228 30.137)" }),
-  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M40.875 53.072a.5.5 0 0 1-.195.393l-3.265 2.517-.61-.792 2.758-2.126-2.636-2.084.62-.784 3.138 2.481.081.08a.5.5 0 0 1 .109.315" }),
-  /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__a)", d: "m33.614 48.823.027.5c-2.467.136-5.962.423-8.451.836-.621.103-1.173.213-1.626.328-.381.097-.672.194-.871.283q.05.027.112.055l-.196.46-.198.46a2.5 2.5 0 0 1-.547-.306c-.141-.111-.3-.279-.353-.514a.75.75 0 0 1 .164-.646c.118-.144.277-.251.428-.333.306-.165.731-.305 1.214-.427a21 21 0 0 1 1.709-.346c2.543-.422 6.081-.711 8.56-.849z" }),
+  /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.12 -42.581)" }),
+  /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.428 -23.163)" }),
+  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.14", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 26.228 30.14)" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M40.875 53.073a.5.5 0 0 1-.195.393l-3.265 2.517-.61-.792 2.758-2.126-2.636-2.084.62-.784 3.138 2.481.081.08a.5.5 0 0 1 .109.315" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__a)", d: "m33.614 48.826.027.5c-2.467.136-5.962.423-8.451.836-.621.103-1.173.213-1.626.328q-.572.148-.871.283.05.027.112.055l-.196.46-.198.46a2.5 2.5 0 0 1-.547-.307c-.141-.11-.3-.278-.353-.513a.75.75 0 0 1 .164-.646c.118-.144.277-.251.428-.333.306-.165.731-.305 1.214-.427a21 21 0 0 1 1.709-.346c2.543-.422 6.081-.711 8.56-.849z" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.805 50.828c.607.26 1.622.496 2.932.702 1.299.204 2.848.374 4.501.511 3.307.275 7.006.423 9.896.488l-.012.5-.01.5c-2.902-.065-6.623-.215-9.957-.492-1.666-.138-3.242-.31-4.573-.518-1.32-.208-2.44-.459-3.17-.771z" }),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#ArcEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__d)", d: "m8.873.46 12.783-44.187L34.44.46 21.656 44.649z" }))),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ArcEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__g)", d: "m5.74 4.191 22.826-39.936L51.393 4.19 28.565 44.128z" }))),
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ArcEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.141", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.228 30.14)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__j)", d: "M7.843 11.754 40.37-20.773l32.527 32.527L40.37 44.28z" }))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcEntrance__a", x1: "21.739", x2: "33.506", y1: "50.283", y2: "48.301", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".96", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcEntrance__d", x1: "20.991", x2: "52.118", y1: "-33.494", y2: "40.754", 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: "ArcEntrance__g", x1: "27.377", x2: "43.398", y1: "-26.497", y2: "49.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: "ArcEntrance__j", x1: "38.677", x2: "46.357", y1: "-13.24", y2: "50.088", 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: "ArcEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "#fff", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ArcEntrance__e" }, /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "#fff", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ArcEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.141", fill: "#fff", rx: "2", transform: "rotate(-45 26.228 30.14)" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcEntrance__c", width: "35.567", height: "98.375", x: "3.873", y: "-48.727", 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_676_19269", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcEntrance__f", width: "55.653", height: "89.875", x: ".739", y: "-40.746", 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_676_19269", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcEntrance__i", width: "75.054", height: "75.055", x: "2.843", y: "-25.773", 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_676_19269", stdDeviation: "2.5" })))
+  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#ArcEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.12 -42.581)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__d)", d: "m8.873.462 12.783-44.188L34.44.462 21.656 44.65z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ArcEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.428 -23.163)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__g)", d: "M5.74 4.196 28.565-35.74 51.393 4.196 28.565 44.133z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ArcEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.14", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.228 30.14)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__j)", d: "M7.843 11.755 40.37-20.772l32.527 32.527L40.37 44.282z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcEntrance__a", x1: "21.739", x2: "33.506", y1: "50.285", y2: "48.304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".96", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcEntrance__d", x1: "20.991", x2: "52.118", y1: "-33.493", y2: "40.755", 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: "ArcEntrance__g", x1: "27.377", x2: "43.398", y1: "-26.492", y2: "49.008", 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: "ArcEntrance__j", x1: "38.677", x2: "46.357", y1: "-13.239", y2: "50.089", 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: "ArcEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "#fff", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.12 -42.581)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ArcEntrance__e" }, /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "#fff", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.428 -23.163)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ArcEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.14", fill: "#fff", rx: "2", transform: "rotate(-45 26.228 30.14)" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcEntrance__c", width: "35.567", height: "98.377", x: "3.873", y: "-48.727", 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_676_19269", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcEntrance__f", width: "55.653", height: "89.873", x: ".739", y: "-40.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_676_19269", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcEntrance__i", width: "75.054", height: "75.055", x: "2.843", y: "-25.773", 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_676_19269", stdDeviation: "2.5" })))
 );
 ArcEntrance.displayName = "ArcEntrance";
 export {

package/dist/esm/ArcScroll.js

@@ -12,14 +12,14 @@ const ArcScroll = (props) => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M22.036 19.291a1 1 0 0 1 1.744 0l2.65 4.72a1 1 0 0 1 .128.489v12.477a1 1 0 0 1-.128.49l-2.65 4.718a1 1 0 0 1-1.744 0l-2.65-4.719a1 1 0 0 1-.127-.49V24.5a1 1 0 0 1 .128-.49z", opacity: ".5" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.648 18.886a2 2 0 0 1 2.63 0l5.45 4.755a2 2 0 0 1 .685 1.507v11.181a2 2 0 0 1-.685 1.507l-5.45 4.755a2 2 0 0 1-2.63 0l-5.45-4.755a2 2 0 0 1-.684-1.507V25.148a2 2 0 0 1 .685-1.508z", opacity: ".5" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M38.741 18.316a2 2 0 0 1 2 0L50 23.66a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732V25.393a2 2 0 0 1 1-1.732z", opacity: ".5" }),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__a", width: "8", height: "25", x: "19", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M22.036 19.291a1 1 0 0 1 1.744 0l2.65 4.72a1 1 0 0 1 .128.489v12.477a1 1 0 0 1-.128.49l-2.65 4.718a1 1 0 0 1-1.744 0l-2.65-4.719a1 1 0 0 1-.127-.49V24.5a1 1 0 0 1 .128-.49z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__b)", mask: "url(#ArcScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__c)", d: "M34.282-5.707 59.358 8.771v28.955L34.282 52.203 9.206 37.726V8.77z" }))),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__d", width: "16", height: "26", x: "23", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M29.648 18.886a2 2 0 0 1 2.63 0l5.45 4.755a2 2 0 0 1 .685 1.507v11.181a2 2 0 0 1-.685 1.507l-5.45 4.755a2 2 0 0 1-2.63 0l-5.45-4.755a2 2 0 0 1-.684-1.507V25.148a2 2 0 0 1 .685-1.508z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__e)", mask: "url(#ArcScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__f)", d: "M41.535-5.71 66.611 8.766v28.955L41.535 52.2 16.46 37.722V8.767z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__a", width: "8", height: "25", x: "19", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M22.036 19.291a1 1 0 0 1 1.744 0l2.65 4.72a1 1 0 0 1 .128.489v12.477a1 1 0 0 1-.128.49l-2.65 4.718a1 1 0 0 1-1.744 0l-2.65-4.719a1 1 0 0 1-.127-.49V24.5a1 1 0 0 1 .128-.49z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__b)", mask: "url(#ArcScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__c)", d: "M34.282-5.709 59.358 8.769v28.955L34.282 52.202 9.206 37.724V8.769z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__d", width: "16", height: "26", x: "23", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M29.648 18.886a2 2 0 0 1 2.63 0l5.45 4.755a2 2 0 0 1 .685 1.507v11.181a2 2 0 0 1-.685 1.507l-5.45 4.755a2 2 0 0 1-2.63 0l-5.45-4.755a2 2 0 0 1-.684-1.507V25.148a2 2 0 0 1 .685-1.508z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__e)", mask: "url(#ArcScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__f)", d: "M41.535-5.709 66.611 8.769v28.955L41.535 52.202 16.46 37.724V8.769z" }))),
   /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__g", width: "23", height: "26", x: "28", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M38.741 18.316a2 2 0 0 1 2 0L50 23.66a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732V25.393a2 2 0 0 1 1-1.732z" })),
-  /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__h)", mask: "url(#ArcScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__i)", d: "M55.001-11.2 84.388 5.768V39.7L55.001 56.667 25.614 39.7V5.767z" })),
-  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M39.863 52.76a.5.5 0 0 1-.195.392l-3.265 2.518-.61-.792 2.759-2.127-2.636-2.084.62-.783 3.137 2.48.081.08a.5.5 0 0 1 .11.316" }),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__h)", mask: "url(#ArcScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__i)", d: "M55.001-11.201 84.388 5.765v33.933L55.001 56.665 25.614 39.698V5.765z" })),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M39.863 52.762a.5.5 0 0 1-.195.392l-3.265 2.518-.61-.792 2.759-2.127-2.636-2.084.62-.783 3.137 2.48.081.08a.5.5 0 0 1 .11.316" }),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__j)", d: "m32.602 48.515.027.499c-2.466.137-5.962.424-8.451.837-.621.103-1.173.212-1.626.328q-.57.147-.871.283c.034.016.07.037.112.055l-.196.46-.197.46c-.212-.091-.4-.191-.547-.307-.142-.111-.3-.278-.354-.514a.75.75 0 0 1 .164-.645 1.4 1.4 0 0 1 .428-.333c.306-.166.732-.305 1.214-.428.49-.125 1.072-.24 1.709-.346 2.543-.421 6.081-.71 8.56-.848z" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M21.793 50.516c.608.26 1.622.496 2.933.702 1.298.204 2.847.373 4.5.51 3.307.275 7.006.424 9.896.489l-.012.5-.01.5c-2.902-.066-6.623-.215-9.956-.492-1.667-.139-3.242-.31-4.574-.519-1.319-.207-2.44-.458-3.17-.77z" }),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__c", x1: "55.024", x2: "15.471", y1: "-.509", y2: "51.131", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__f", x1: "62.277", x2: "22.724", y1: "-.513", y2: "51.127", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__i", x1: "79.309", x2: "32.956", y1: "-5.108", y2: "55.41", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__j", x1: "32.494", x2: "14.714", y1: "47.993", y2: "50.37", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcScroll__b", width: "60.152", height: "67.91", x: "4.206", y: "-10.707", 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_676_20010", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcScroll__e", width: "60.152", height: "67.91", x: "11.459", y: "-10.711", 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_676_20010", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcScroll__h", width: "68.774", height: "77.867", x: "20.614", y: "-16.199", 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_676_20010", stdDeviation: "2.5" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__c", x1: "55.024", x2: "15.471", y1: "-.511", y2: "51.129", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__f", x1: "62.277", x2: "22.724", y1: "-.511", y2: "51.129", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__i", x1: "79.309", x2: "32.956", y1: "-5.11", y2: "55.408", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ArcScroll__j", x1: "32.494", x2: "14.714", y1: "47.993", y2: "50.37", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcScroll__b", width: "60.152", height: "67.91", x: "4.206", y: "-10.709", 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_676_20010", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcScroll__e", width: "60.152", height: "67.91", x: "11.459", y: "-10.709", 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_676_20010", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ArcScroll__h", width: "68.774", height: "77.865", x: "20.614", y: "-16.201", 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_676_20010", stdDeviation: "2.5" })))
 );
 ArcScroll.displayName = "ArcScroll";
 export {