@wix/design-system-illustrations 2.25.0 → 2.27.0

package/dist/cjs/animated/index.js

@@ -18,11 +18,23 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var animated_exports = {};
 __export(animated_exports, {
-  ThumbnailScale: () => import_ThumbnailScale.ThumbnailScale
+  ElementsFixedHeight: () => import_ElementsFixedHeight.ElementsFixedHeight,
+  ElementsFixedMargins: () => import_ElementsFixedMargins.ElementsFixedMargins,
+  ElementsScale: () => import_ElementsScale.ElementsScale,
+  SectionFixedHeight: () => import_SectionFixedHeight.SectionFixedHeight,
+  SectionScale: () => import_SectionScale.SectionScale
 });
 module.exports = __toCommonJS(animated_exports);
-var import_ThumbnailScale = require("./ThumbnailScale");
+var import_ElementsFixedHeight = require("./ElementsFixedHeight");
+var import_ElementsFixedMargins = require("./ElementsFixedMargins");
+var import_ElementsScale = require("./ElementsScale");
+var import_SectionFixedHeight = require("./SectionFixedHeight");
+var import_SectionScale = require("./SectionScale");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ThumbnailScale
+  ElementsFixedHeight,
+  ElementsFixedMargins,
+  ElementsScale,
+  SectionFixedHeight,
+  SectionScale
 });

package/dist/cjs/index.js

@@ -85,6 +85,15 @@ __export(index_exports, {
   BlurAnimation: () => import_BlurAnimation.BlurAnimation,
   BlurScroll: () => import_BlurScroll.BlurScroll,
   BookingsGrid: () => import_BookingsGrid.BookingsGrid,
+  BookingsImagePosition01: () => import_BookingsImagePosition01.BookingsImagePosition01,
+  BookingsImagePosition02: () => import_BookingsImagePosition02.BookingsImagePosition02,
+  BookingsImagePosition03: () => import_BookingsImagePosition03.BookingsImagePosition03,
+  BookingsImagePosition04: () => import_BookingsImagePosition04.BookingsImagePosition04,
+  BookingsImagePosition05: () => import_BookingsImagePosition05.BookingsImagePosition05,
+  BookingsImagePosition06: () => import_BookingsImagePosition06.BookingsImagePosition06,
+  BookingsImagePosition07: () => import_BookingsImagePosition07.BookingsImagePosition07,
+  BookingsImagePosition08: () => import_BookingsImagePosition08.BookingsImagePosition08,
+  BookingsImagePosition09: () => import_BookingsImagePosition09.BookingsImagePosition09,
   BookingsLayoutGrid: () => import_BookingsLayoutGrid.BookingsLayoutGrid,
   BookingsLayoutStrip: () => import_BookingsLayoutStrip.BookingsLayoutStrip,
   BookingsList: () => import_BookingsList.BookingsList,
@@ -120,6 +129,9 @@ __export(index_exports, {
   ColorClick: () => import_ColorClick.ColorClick,
   ColorHover: () => import_ColorHover.ColorHover,
   ColorTransition: () => import_ColorTransition.ColorTransition,
+  CreateAComponent: () => import_CreateAComponent.CreateAComponent,
+  CreateAContext: () => import_CreateAContext.CreateAContext,
+  CreateAFunction: () => import_CreateAFunction.CreateAFunction,
   CrossLoop: () => import_CrossLoop.CrossLoop,
   Cube: () => import_Cube.Cube,
   CustomImage: () => import_CustomImage.CustomImage,
@@ -224,6 +236,9 @@ __export(index_exports, {
   ImagePositionTop: () => import_ImagePositionTop.ImagePositionTop,
   ImageRatio11: () => import_ImageRatio11.ImageRatio11,
   ImageRatio169: () => import_ImageRatio169.ImageRatio169,
+  ImageSizeL: () => import_ImageSizeL.ImageSizeL,
+  ImageSizeM: () => import_ImageSizeM.ImageSizeM,
+  ImageSizeS: () => import_ImageSizeS.ImageSizeS,
   InstagramPost: () => import_InstagramPost.InstagramPost,
   InstagramReel: () => import_InstagramReel.InstagramReel,
   InstagramStory: () => import_InstagramStory.InstagramStory,
@@ -529,6 +544,15 @@ var import_Blur = require("./Blur");
 var import_BlurAnimation = require("./BlurAnimation");
 var import_BlurScroll = require("./BlurScroll");
 var import_BookingsGrid = require("./BookingsGrid");
+var import_BookingsImagePosition01 = require("./BookingsImagePosition01");
+var import_BookingsImagePosition02 = require("./BookingsImagePosition02");
+var import_BookingsImagePosition03 = require("./BookingsImagePosition03");
+var import_BookingsImagePosition04 = require("./BookingsImagePosition04");
+var import_BookingsImagePosition05 = require("./BookingsImagePosition05");
+var import_BookingsImagePosition06 = require("./BookingsImagePosition06");
+var import_BookingsImagePosition07 = require("./BookingsImagePosition07");
+var import_BookingsImagePosition08 = require("./BookingsImagePosition08");
+var import_BookingsImagePosition09 = require("./BookingsImagePosition09");
 var import_BookingsLayoutGrid = require("./BookingsLayoutGrid");
 var import_BookingsLayoutStrip = require("./BookingsLayoutStrip");
 var import_BookingsList = require("./BookingsList");
@@ -564,6 +588,9 @@ var import_ColorAnimation = require("./ColorAnimation");
 var import_ColorClick = require("./ColorClick");
 var import_ColorHover = require("./ColorHover");
 var import_ColorTransition = require("./ColorTransition");
+var import_CreateAComponent = require("./CreateAComponent");
+var import_CreateAContext = require("./CreateAContext");
+var import_CreateAFunction = require("./CreateAFunction");
 var import_CrossLoop = require("./CrossLoop");
 var import_Cube = require("./Cube");
 var import_CustomImage = require("./CustomImage");
@@ -668,6 +695,9 @@ var import_ImagePositionRight = require("./ImagePositionRight");
 var import_ImagePositionTop = require("./ImagePositionTop");
 var import_ImageRatio11 = require("./ImageRatio11");
 var import_ImageRatio169 = require("./ImageRatio169");
+var import_ImageSizeL = require("./ImageSizeL");
+var import_ImageSizeM = require("./ImageSizeM");
+var import_ImageSizeS = require("./ImageSizeS");
 var import_InstagramPost = require("./InstagramPost");
 var import_InstagramReel = require("./InstagramReel");
 var import_InstagramStory = require("./InstagramStory");
@@ -973,6 +1003,15 @@ var import_ZoomSection = require("./ZoomSection");
   BlurAnimation,
   BlurScroll,
   BookingsGrid,
+  BookingsImagePosition01,
+  BookingsImagePosition02,
+  BookingsImagePosition03,
+  BookingsImagePosition04,
+  BookingsImagePosition05,
+  BookingsImagePosition06,
+  BookingsImagePosition07,
+  BookingsImagePosition08,
+  BookingsImagePosition09,
   BookingsLayoutGrid,
   BookingsLayoutStrip,
   BookingsList,
@@ -1008,6 +1047,9 @@ var import_ZoomSection = require("./ZoomSection");
   ColorClick,
   ColorHover,
   ColorTransition,
+  CreateAComponent,
+  CreateAContext,
+  CreateAFunction,
   CrossLoop,
   Cube,
   CustomImage,
@@ -1112,6 +1154,9 @@ var import_ZoomSection = require("./ZoomSection");
   ImagePositionTop,
   ImageRatio11,
   ImageRatio169,
+  ImageSizeL,
+  ImageSizeM,
+  ImageSizeS,
   InstagramPost,
   InstagramReel,
   InstagramStory,

package/dist/esm/BookingsImagePosition01.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition01 = (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("mask", { id: "BookingsImagePosition01__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition01__b)", mask: "url(#BookingsImagePosition01__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition01__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "14", y: "14", fill: "url(#BookingsImagePosition01__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition01__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition01__d", x1: "9", x2: "40", y1: "25", y2: "-6", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition01__b", width: "127", height: "127", x: "-22", 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_1383_8819", stdDeviation: "2.5" })))
+);
+BookingsImagePosition01.displayName = "BookingsImagePosition01";
+export {
+  BookingsImagePosition01
+};

package/dist/esm/BookingsImagePosition02.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition02 = (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("mask", { id: "BookingsImagePosition02__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition02__b)", mask: "url(#BookingsImagePosition02__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition02__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "30", y: "14", fill: "url(#BookingsImagePosition02__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition02__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition02__d", x1: "25", x2: "56", y1: "25", y2: "-6", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition02__b", width: "127", height: "127", x: "-22", 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_1383_8842", stdDeviation: "2.5" })))
+);
+BookingsImagePosition02.displayName = "BookingsImagePosition02";
+export {
+  BookingsImagePosition02
+};

package/dist/esm/BookingsImagePosition03.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition03 = (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("mask", { id: "BookingsImagePosition03__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition03__b)", mask: "url(#BookingsImagePosition03__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition03__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "46", y: "14", fill: "url(#BookingsImagePosition03__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition03__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition03__d", x1: "41", x2: "72", y1: "25", y2: "-6", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition03__b", width: "127", height: "127", x: "-22", 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_1383_8865", stdDeviation: "2.5" })))
+);
+BookingsImagePosition03.displayName = "BookingsImagePosition03";
+export {
+  BookingsImagePosition03
+};

package/dist/esm/BookingsImagePosition04.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition04 = (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("mask", { id: "BookingsImagePosition04__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition04__b)", mask: "url(#BookingsImagePosition04__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition04__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "14", y: "30", fill: "url(#BookingsImagePosition04__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition04__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition04__d", x1: "9", x2: "40", y1: "41", y2: "10", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition04__b", width: "127", height: "127", x: "-22", 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_1383_8888", stdDeviation: "2.5" })))
+);
+BookingsImagePosition04.displayName = "BookingsImagePosition04";
+export {
+  BookingsImagePosition04
+};

package/dist/esm/BookingsImagePosition05.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition05 = (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("mask", { id: "BookingsImagePosition05__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition05__b)", mask: "url(#BookingsImagePosition05__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition05__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "30", y: "30", fill: "url(#BookingsImagePosition05__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition05__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition05__d", x1: "25", x2: "56", y1: "41", y2: "10", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition05__b", width: "127", height: "127", x: "-22", 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_1383_8911", stdDeviation: "2.5" })))
+);
+BookingsImagePosition05.displayName = "BookingsImagePosition05";
+export {
+  BookingsImagePosition05
+};

package/dist/esm/BookingsImagePosition06.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition06 = (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("mask", { id: "BookingsImagePosition06__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition06__b)", mask: "url(#BookingsImagePosition06__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition06__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "46", y: "30", fill: "url(#BookingsImagePosition06__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition06__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition06__d", x1: "41", x2: "72", y1: "41", y2: "10", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition06__b", width: "127", height: "127", x: "-22", 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_1383_8934", stdDeviation: "2.5" })))
+);
+BookingsImagePosition06.displayName = "BookingsImagePosition06";
+export {
+  BookingsImagePosition06
+};

package/dist/esm/BookingsImagePosition07.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition07 = (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("mask", { id: "BookingsImagePosition07__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition07__b)", mask: "url(#BookingsImagePosition07__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition07__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "14", y: "46", fill: "url(#BookingsImagePosition07__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition07__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition07__d", x1: "9", x2: "40", y1: "57", y2: "26", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition07__b", width: "127", height: "127", x: "-22", 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_1383_8957", stdDeviation: "2.5" })))
+);
+BookingsImagePosition07.displayName = "BookingsImagePosition07";
+export {
+  BookingsImagePosition07
+};

package/dist/esm/BookingsImagePosition08.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition08 = (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("mask", { id: "BookingsImagePosition08__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition08__b)", mask: "url(#BookingsImagePosition08__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition08__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "30", y: "46", fill: "url(#BookingsImagePosition08__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition08__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition08__d", x1: "25", x2: "56", y1: "57", y2: "26", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition08__b", width: "127", height: "127", x: "-22", 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_1383_8980", stdDeviation: "2.5" })))
+);
+BookingsImagePosition08.displayName = "BookingsImagePosition08";
+export {
+  BookingsImagePosition08
+};

package/dist/esm/BookingsImagePosition09.js

@@ -0,0 +1,20 @@
+import React from "react";
+const BookingsImagePosition09 = (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("mask", { id: "BookingsImagePosition09__a", width: "44", height: "44", x: "14", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 46a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 30a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zM23 14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm16 0a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsImagePosition09__b)", mask: "url(#BookingsImagePosition09__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsImagePosition09__c)", d: "M-17-31h117V86H-17z" })),
+  /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "46", y: "46", fill: "url(#BookingsImagePosition09__d)", rx: "3" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsImagePosition09__c", x1: "83.406", x2: "-16.677", y1: "-20.498", y2: "107.212", 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: "BookingsImagePosition09__d", x1: "41", x2: "72", y1: "57", y2: "26", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-1, #002291)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsImagePosition09__b", width: "127", height: "127", x: "-22", 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_1383_9003", stdDeviation: "2.5" })))
+);
+BookingsImagePosition09.displayName = "BookingsImagePosition09";
+export {
+  BookingsImagePosition09
+};

package/dist/esm/CreateAComponent.js

@@ -0,0 +1,20 @@
+import React from "react";
+const CreateAComponent = (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("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M45.171 46.585a3 3 0 0 1 0 4.243l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1 0-4.242l7.05-7.05a3 3 0 0 1 4.243 0zM57.88 33.88a3 3 0 0 1 0 4.243l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1-.001-4.242l7.05-7.05a3 3 0 0 1 4.242 0zm-25.414 0a3 3 0 0 1 0 4.242l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1-.001-4.242l7.05-7.05a3 3 0 0 1 4.243 0zM45.17 21.172a3 3 0 0 1 0 4.242l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1 0-4.242l7.05-7.05a3 3 0 0 1 4.242 0z" }),
+  /* @__PURE__ */ React.createElement("mask", { id: "CreateAComponent__a", width: "46", height: "46", x: "13", y: "13", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M45.171 46.585a3 3 0 0 1 0 4.243l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1 0-4.242l7.05-7.05a3 3 0 0 1 4.243 0zM57.88 33.88a3 3 0 0 1 0 4.243l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1-.001-4.242l7.05-7.05a3 3 0 0 1 4.242 0zm-25.414 0a3 3 0 0 1 0 4.242l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1-.001-4.242l7.05-7.05a3 3 0 0 1 4.243 0zM45.17 21.172a3 3 0 0 1 0 4.242l-7.05 7.05a3 3 0 0 1-4.242 0l-7.05-7.05a3 3 0 0 1 0-4.242l7.05-7.05a3 3 0 0 1 4.242 0z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#CreateAComponent__b)", mask: "url(#CreateAComponent__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CreateAComponent__c)", d: "M-3.598 20h56v56h-56z", transform: "rotate(-45 -3.598 20)" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CreateAComponent__c", x1: "44.46", x2: "-9.402", y1: "25.026", y2: "80.063", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "CreateAComponent__b", width: "103.196", height: "103.203", x: "-15.598", y: "-31.602", 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_1383_9089", stdDeviation: "6" })))
+);
+CreateAComponent.displayName = "CreateAComponent";
+export {
+  CreateAComponent
+};

package/dist/esm/CreateAContext.js

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

package/dist/esm/CreateAFunction.js

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

package/dist/esm/ImageSizeL.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImageSizeL = (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("path", { fill: "url(#ImageSizeL__a)", d: "M42.788 45H30.98V27.84h4.128v13.632h7.68z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageSizeL__a", x1: "59.417", x2: "14.062", y1: "12", y2: "23.3", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })))
+);
+ImageSizeL.displayName = "ImageSizeL";
+export {
+  ImageSizeL
+};

package/dist/esm/ImageSizeM.js

@@ -0,0 +1,18 @@
+import React from "react";
+const ImageSizeM = (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("path", { fill: "url(#ImageSizeM__a)", d: "M38.04 42.888h-3.025l-4.2-8.736V45h-3.984V27.84h4.608l5.112 10.704 5.112-10.704h4.512V45h-4.032V34.344z" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ImageSizeM__a", x1: "71.639", x2: "7.184", y1: "12", y2: "36.624", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })))
+);
+ImageSizeM.displayName = "ImageSizeM";
+export {
+  ImageSizeM
+};

package/dist/esm/ImageSizeS.js

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

package/dist/esm/animated/ElementsFixedHeight.js

@@ -0,0 +1,43 @@
+import React, { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+const ElementsFixedHeight = forwardRef(
+  ({ className, ...props }, ref) => {
+    const svgRef = useRef(null);
+    useImperativeHandle(
+      ref,
+      () => ({
+        play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
+        pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
+        reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+          a.currentTime = 0;
+          a.pause();
+        })
+      }),
+      []
+    );
+    useEffect(() => {
+      svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["ElementsFixedHeight-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedHeight-paint0_linear_16_18", x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedHeight-paint1_linear_16_18", x1: "78.2891", y1: "27.4515", x2: "139.642", y2: "103.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedHeight-paint2_linear_16_18", x1: "111.677", y1: "34.4475", x2: "87.1605", y2: "65.7319", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsFixedHeight-filter0_i_16_18", 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("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_16_18" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsFixedHeight-filter1_f_16_18", 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: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip0_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip1_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip2_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip3_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
+      /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter0_i_16_18)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip0_16_18)" }, /* @__PURE__ */ React.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "var(--wds-illustration-color-background, #f8f6f6)", className: "ElementsFixedHeight-node-4-3", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { className: "ElementsFixedHeight-crop-node-16" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip1_16_18)" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip2_16_18)" }, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", fill: "#EAEFFF", className: "ElementsFixedHeight-node-7-3" }), /* @__PURE__ */ React.createElement("g", { className: "ElementsFixedHeight-group-mrw4nj39-4" }, /* @__PURE__ */ React.createElement("path", { d: "M119.417 47.2596L91.8188 82.1505L141.04 76.4115L119.417 47.2596Z", fill: "url(#ElementsFixedHeight-paint0_linear_16_18)" }), /* @__PURE__ */ React.createElement("path", { d: "M169.012 59.7176C169.012 59.7176 131.172 47.5971 129.327 46.983C127.481 46.369 116.031 43.5279 119.416 51.7194C122.78 59.8597 124.623 62.9902 125.356 64.3802C126.089 65.7703 129.074 71.4339 121.565 73.5239C113.053 75.8916 67.1477 87.1357 67.1477 87.1357V93.5932H169.012V59.7176Z", fill: "url(#ElementsFixedHeight-paint1_linear_16_18)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ElementsFixedHeight-node-10-3", clipPath: "url(#ElementsFixedHeight-clip3_16_18)" }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter1_f_16_18)" }, /* @__PURE__ */ React.createElement("path", { d: "M98.8074 32.1431C98.0424 32.2952 97.2871 32.5062 96.5515 32.776C93.5305 33.8946 90.8528 36.0238 89.0873 39.0214C85.0512 45.8653 87.2973 54.6324 94.1043 58.6014C100.911 62.5704 109.7 60.2351 113.736 53.3912C117.772 46.5424 115.526 37.7753 108.724 33.8112C105.614 31.996 102.098 31.5005 98.8074 32.1431Z", fill: "url(#ElementsFixedHeight-paint2_linear_16_18)" }))))))), /* @__PURE__ */ React.createElement("path", { d: "M41.7646 67.4559V59.4559C41.7646 58.9036 41.3169 58.4559 40.7646 58.4559C40.2124 58.4559 39.7646 58.9036 39.7646 59.4559V67.4559C39.7646 68.0082 40.2124 68.4559 40.7646 68.4559C41.3169 68.4559 41.7646 68.0082 41.7646 67.4559Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ElementsFixedHeight-node-14-3" }), /* @__PURE__ */ React.createElement("path", { d: "M195.765 67.4559V59.4559C195.765 58.9036 195.317 58.4559 194.765 58.4559C194.212 58.4559 193.765 58.9036 193.765 59.4559V67.4559C193.765 68.0082 194.212 68.4559 194.765 68.4559C195.317 68.4559 195.765 68.0082 195.765 67.4559Z", fill: "var(--wds-illustration-color-3, #b8c4ff)", className: "ElementsFixedHeight-node-15" })))
+    );
+  }
+);
+ElementsFixedHeight.displayName = "ElementsFixedHeight";
+export {
+  ElementsFixedHeight
+};