@wix/design-system-illustrations 2.34.1 → 2.35.0

package/dist/cjs/RestaurantsMenusExpand.js

@@ -42,7 +42,7 @@ const RestaurantsMenusExpand = (props) => /* @__PURE__ */ import_react.default.c
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#RestaurantsMenusExpand__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 58)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#RestaurantsMenusExpand__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#RestaurantsMenusExpand__c)", d: "M13 0h58v58H13z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.4 28a.5.5 0 0 0-.4.2l-3 4 .8.6 2.6-3.467L39 32.8l.8-.6-3-4a.5.5 0 0 0-.4-.2M36.4 44.297a.5.5 0 0 1-.4-.2l-3-4 .8-.6 2.6 3.467 2.6-3.467.8.6-3 4a.5.5 0 0 1-.4.2" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#RestaurantsMenusExpand__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 58)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#RestaurantsMenusExpand__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#RestaurantsMenusExpand__c)", d: "M13 0h58v58H13z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.4 28a.5.5 0 0 0-.4.2l-3 4 .8.6 2.6-3.467L39 32.8l.8-.6-3-4a.5.5 0 0 0-.4-.2M36.4 44.3a.5.5 0 0 1-.4-.2l-3-4 .8-.599 2.6 3.467L39 39.5l.8.6-3 4a.5.5 0 0 1-.4.2" })),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M58 22v2H14v-2zM58 48v2H14v-2z" }),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "RestaurantsMenusExpand__c", x1: "62.774", x2: "13.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "RestaurantsMenusExpand__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "#fff", rx: "3", transform: "rotate(-90 14 58)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "RestaurantsMenusExpand__b", width: "82", height: "82", x: "1", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_15008", stdDeviation: "6" })))
 );

package/dist/cjs/index.js

@@ -122,9 +122,6 @@ __export(index_exports, {
   ButtonStyleOutlined: () => import_ButtonStyleOutlined.ButtonStyleOutlined,
   ButtonStylePillFilled: () => import_ButtonStylePillFilled.ButtonStylePillFilled,
   ButtonStylePillOutlined: () => import_ButtonStylePillOutlined.ButtonStylePillOutlined,
-  ButtonsLayoutIconsIdentity: () => import_ButtonsLayoutIconsIdentity.ButtonsLayoutIconsIdentity,
-  ButtonsLayoutRowIdentity: () => import_ButtonsLayoutRowIdentity.ButtonsLayoutRowIdentity,
-  ButtonsLayoutStackIdentity: () => import_ButtonsLayoutStackIdentity.ButtonsLayoutStackIdentity,
   ChooseTheLayoutGrid: () => import_ChooseTheLayoutGrid.ChooseTheLayoutGrid,
   CircleImage: () => import_CircleImage.CircleImage,
   CircleMarker: () => import_CircleMarker.CircleMarker,
@@ -142,10 +139,13 @@ __export(index_exports, {
   Cube: () => import_Cube.Cube,
   CustomImage: () => import_CustomImage.CustomImage,
   DartScroll: () => import_DartScroll.DartScroll,
+  DesignStatePresetGlow: () => import_DesignStatePresetGlow.DesignStatePresetGlow,
+  DesignStatePresetInvert: () => import_DesignStatePresetInvert.DesignStatePresetInvert,
+  DesignStatePresetShadow: () => import_DesignStatePresetShadow.DesignStatePresetShadow,
+  DesignStatePresetTint: () => import_DesignStatePresetTint.DesignStatePresetTint,
+  DesignStatePresetUnderline: () => import_DesignStatePresetUnderline.DesignStatePresetUnderline,
   DesignedSection: () => import_DesignedSection.DesignedSection,
   DesignedSectionSmall: () => import_DesignedSectionSmall.DesignedSectionSmall,
-  DividerLineIdentity: () => import_DividerLineIdentity.DividerLineIdentity,
-  DividerLineTextIdentity: () => import_DividerLineTextIdentity.DividerLineTextIdentity,
   Doc: () => import_Doc.Doc,
   DonutChart: () => import_DonutChart.DonutChart,
   Dots: () => import_Dots.Dots,
@@ -234,6 +234,9 @@ __export(index_exports, {
   GlideEntrance: () => import_GlideEntrance.GlideEntrance,
   GlitchAnimation: () => import_GlitchAnimation.GlitchAnimation,
   GrowEntrance: () => import_GrowEntrance.GrowEntrance,
+  HeaderOverlapFloating: () => import_HeaderOverlapFloating.HeaderOverlapFloating,
+  HeaderOverlapNone: () => import_HeaderOverlapNone.HeaderOverlapNone,
+  HeaderOverlapStandard: () => import_HeaderOverlapStandard.HeaderOverlapStandard,
   HeartImage: () => import_HeartImage.HeartImage,
   HexagonalImage: () => import_HexagonalImage.HexagonalImage,
   HillDivider: () => import_HillDivider.HillDivider,
@@ -647,9 +650,6 @@ var import_ButtonStyleFilled = require("./ButtonStyleFilled");
 var import_ButtonStyleOutlined = require("./ButtonStyleOutlined");
 var import_ButtonStylePillFilled = require("./ButtonStylePillFilled");
 var import_ButtonStylePillOutlined = require("./ButtonStylePillOutlined");
-var import_ButtonsLayoutIconsIdentity = require("./ButtonsLayoutIconsIdentity");
-var import_ButtonsLayoutRowIdentity = require("./ButtonsLayoutRowIdentity");
-var import_ButtonsLayoutStackIdentity = require("./ButtonsLayoutStackIdentity");
 var import_ChooseTheLayoutGrid = require("./ChooseTheLayoutGrid");
 var import_CircleImage = require("./CircleImage");
 var import_CircleMarker = require("./CircleMarker");
@@ -667,10 +667,13 @@ var import_CrossLoop = require("./CrossLoop");
 var import_Cube = require("./Cube");
 var import_CustomImage = require("./CustomImage");
 var import_DartScroll = require("./DartScroll");
+var import_DesignStatePresetGlow = require("./DesignStatePresetGlow");
+var import_DesignStatePresetInvert = require("./DesignStatePresetInvert");
+var import_DesignStatePresetShadow = require("./DesignStatePresetShadow");
+var import_DesignStatePresetTint = require("./DesignStatePresetTint");
+var import_DesignStatePresetUnderline = require("./DesignStatePresetUnderline");
 var import_DesignedSection = require("./DesignedSection");
 var import_DesignedSectionSmall = require("./DesignedSectionSmall");
-var import_DividerLineIdentity = require("./DividerLineIdentity");
-var import_DividerLineTextIdentity = require("./DividerLineTextIdentity");
 var import_Doc = require("./Doc");
 var import_DonutChart = require("./DonutChart");
 var import_Dots = require("./Dots");
@@ -759,6 +762,9 @@ var import_GenerateWithAISmall = require("./GenerateWithAISmall");
 var import_GlideEntrance = require("./GlideEntrance");
 var import_GlitchAnimation = require("./GlitchAnimation");
 var import_GrowEntrance = require("./GrowEntrance");
+var import_HeaderOverlapFloating = require("./HeaderOverlapFloating");
+var import_HeaderOverlapNone = require("./HeaderOverlapNone");
+var import_HeaderOverlapStandard = require("./HeaderOverlapStandard");
 var import_HeartImage = require("./HeartImage");
 var import_HexagonalImage = require("./HexagonalImage");
 var import_HillDivider = require("./HillDivider");
@@ -1173,9 +1179,6 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   ButtonStyleOutlined,
   ButtonStylePillFilled,
   ButtonStylePillOutlined,
-  ButtonsLayoutIconsIdentity,
-  ButtonsLayoutRowIdentity,
-  ButtonsLayoutStackIdentity,
   ChooseTheLayoutGrid,
   CircleImage,
   CircleMarker,
@@ -1193,10 +1196,13 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   Cube,
   CustomImage,
   DartScroll,
+  DesignStatePresetGlow,
+  DesignStatePresetInvert,
+  DesignStatePresetShadow,
+  DesignStatePresetTint,
+  DesignStatePresetUnderline,
   DesignedSection,
   DesignedSectionSmall,
-  DividerLineIdentity,
-  DividerLineTextIdentity,
   Doc,
   DonutChart,
   Dots,
@@ -1285,6 +1291,9 @@ __reExport(index_exports, require("./deprecated"), module.exports);
   GlideEntrance,
   GlitchAnimation,
   GrowEntrance,
+  HeaderOverlapFloating,
+  HeaderOverlapNone,
+  HeaderOverlapStandard,
   HeartImage,
   HexagonalImage,
   HillDivider,

package/dist/esm/DesignStatePresetGlow.js

@@ -0,0 +1,18 @@
+import React from "react";
+const DesignStatePresetGlow = (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(#DesignStatePresetGlow__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "72", height: "72", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetGlow__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetGlow__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetGlow__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetGlow__e)", d: "M11.104 12.156h64.828v39.12H11.104z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39.732 40.5h-1.32l-.792-2.16h-3.648l-.792 2.16h-1.26l3.228-8.58h1.344zm-5.376-3.228h2.88l-1.44-3.936z" })))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetGlow__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetGlow__c" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetGlow__b", width: "62", height: "44", x: "5", y: "14", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), /* @__PURE__ */ React.createElement("feMorphology", { in: "SourceAlpha", operator: "dilate", radius: "3", result: "effect1_dropShadow_1844_7853" }), /* @__PURE__ */ React.createElement("feOffset", null), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ React.createElement("feColorMatrix", { values: "0 0 0 0 0.470588 0 0 0 0 0.588235 0 0 0 0 1 0 0 0 0.5 0" }), /* @__PURE__ */ React.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_1844_7853" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_1844_7853", result: "shape" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetGlow__d", width: "90.244", height: "64.534", x: "-1.604", y: "-.552", 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_1844_7853", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetGlow__e", x1: "66.738", x2: "40.101", y1: "15.668", y2: "71.995", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })))
+);
+DesignStatePresetGlow.displayName = "DesignStatePresetGlow";
+export {
+  DesignStatePresetGlow
+};

package/dist/esm/DesignStatePresetInvert.js

@@ -0,0 +1,19 @@
+import React from "react";
+const DesignStatePresetInvert = (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(#DesignStatePresetInvert__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetInvert__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetInvert__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetInvert__d)", d: "M11.104-2.836h82.967v54.111H11.104z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetInvert__e)", d: "M29.406 40.29h-1.32l-.792-2.16h-3.648l-.792 2.16h-1.26l3.228-8.58h1.344zm-5.376-3.227h2.88l-1.44-3.936z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetInvert__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetInvert__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetInvert__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetInvert__i)", d: "M9.636 11.906h55.006v69.481H9.636z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetInvert__j)", d: "M50.406 40.29h-1.32l-.792-2.16h-3.648l-.792 2.16h-1.26l3.228-8.58h1.344zm-5.376-3.227h2.88l-1.44-3.936z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetInvert__d", x1: "82.304", x2: "43.668", y1: "2.021", y2: "77.612", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetInvert__e", x1: "26.863", x2: "21.139", y1: "35.481", y2: "41.362", 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-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetInvert__i", x1: "56.841", x2: "-4.365", y1: "18.143", y2: "79.973", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetInvert__j", x1: "58.215", x2: "40.995", y1: "24.02", y2: "40.069", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetInvert__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M15 16h21v40H15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetInvert__b" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetInvert__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 16h21v40H36z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetInvert__g" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetInvert__c", width: "108.383", height: "79.526", x: "-1.604", y: "-15.544", 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_1844_7814", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetInvert__h", width: "65.006", height: "79.484", x: "4.636", y: "6.906", 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_1844_7814", stdDeviation: "2.5" })))
+);
+DesignStatePresetInvert.displayName = "DesignStatePresetInvert";
+export {
+  DesignStatePresetInvert
+};

package/dist/esm/DesignStatePresetShadow.js

@@ -0,0 +1,18 @@
+import React from "react";
+const DesignStatePresetShadow = (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", { filter: "url(#DesignStatePresetShadow__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetShadow__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15.25", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetShadow__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetShadow__d)", d: "M11.354 12.156h64.828v39.12H11.354z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39.982 40.5h-1.32l-.792-2.16h-3.648l-.792 2.16h-1.26l3.228-8.58h1.344zm-5.376-3.228h2.88l-1.44-3.936z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetShadow__a", width: "48.8", height: "32.4", x: "11.85", y: "24", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), /* @__PURE__ */ React.createElement("feMorphology", { in: "SourceAlpha", radius: "2", result: "effect1_dropShadow_1844_7867" }), /* @__PURE__ */ React.createElement("feOffset", { dy: "5" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2.7" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ React.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.133333 0 0 0 0 0.592157 0 0 0 1 0" }), /* @__PURE__ */ React.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_1844_7867" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_1844_7867", result: "shape" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetShadow__c", width: "90.244", height: "64.534", x: "-1.354", y: "-.552", 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_1844_7867", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetShadow__d", x1: "66.988", x2: "40.351", y1: "15.668", y2: "71.995", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetShadow__b" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15.25", y: "24", fill: "#fff", rx: "4" })))
+);
+DesignStatePresetShadow.displayName = "DesignStatePresetShadow";
+export {
+  DesignStatePresetShadow
+};

package/dist/esm/DesignStatePresetTint.js

@@ -0,0 +1,20 @@
+import React from "react";
+const DesignStatePresetTint = (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(#DesignStatePresetTint__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M0 0h72v72H0z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetTint__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetTint__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetTint__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetTint__e)", d: "M11.104 12.156h64.828v39.12H11.104z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.406 40.29h-1.32l-.792-2.16h-3.648l-.792 2.16h-1.26l3.228-8.58h1.344zm-5.376-3.227h2.88l-1.44-3.936z" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetTint__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetTint__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetTint__h)", opacity: ".7" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetTint__i)", d: "M15 6h53v61H15z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M50.406 40.29h-1.32l-.792-2.16h-3.648l-.792 2.16h-1.26l3.228-8.58h1.344zm-5.376-3.227h2.88l-1.44-3.936z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetTint__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetTint__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M15 16h21v40H15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetTint__c" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetTint__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 16h21v40H36z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetTint__g" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetTint__e", x1: "66.738", x2: "40.101", y1: "15.668", y2: "71.995", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetTint__i", x1: "60.483", x2: "7.03", y1: "11.475", y2: "70.739", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetTint__d", width: "90.244", height: "64.534", x: "-1.604", y: "-.552", 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_1844_7832", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetTint__h", width: "63", height: "71", x: "10", y: "1", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1844_7832", stdDeviation: "2.5" })))
+);
+DesignStatePresetTint.displayName = "DesignStatePresetTint";
+export {
+  DesignStatePresetTint
+};

package/dist/esm/DesignStatePresetUnderline.js

@@ -0,0 +1,18 @@
+import React from "react";
+const DesignStatePresetUnderline = (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(#DesignStatePresetUnderline__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "72", height: "72", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#DesignStatePresetUnderline__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DesignStatePresetUnderline__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DesignStatePresetUnderline__d)", d: "M11.104 12.156h64.828v39.12H11.104z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.232 40h-1.32l-.792-2.16h-3.648L33.68 40h-1.26l3.228-8.58h1.344zm-5.376-3.228h2.88l-1.44-3.936zM32 41.548h8.64v.768H32z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetUnderline__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DesignStatePresetUnderline__b" }, /* @__PURE__ */ React.createElement("rect", { width: "42", height: "24", x: "15", y: "24", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DesignStatePresetUnderline__d", x1: "66.738", x2: "40.101", y1: "15.668", y2: "71.995", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "DesignStatePresetUnderline__c", width: "90.244", height: "64.534", x: "-1.604", y: "-.552", 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_1844_7800", stdDeviation: "6.354" })))
+);
+DesignStatePresetUnderline.displayName = "DesignStatePresetUnderline";
+export {
+  DesignStatePresetUnderline
+};

package/dist/esm/HeaderOverlapFloating.js

@@ -0,0 +1,19 @@
+import React from "react";
+const HeaderOverlapFloating = (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(#HeaderOverlapFloating__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "72.75", x: "12", y: "20", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "2.25" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapFloating__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapFloating__c)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#HeaderOverlapFloating__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.25" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapFloating__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapFloating__f)", d: "M11.627-16.984h68.25V92.748h-68.25z" }))), /* @__PURE__ */ React.createElement("rect", { width: "43.745", height: "5.199", x: "14.559", y: "22", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.6" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "51", y: "24.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "44.25", y: "24.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "37.5", y: "24.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapFloating__g)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapFloating__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.026 25.25h60V51.5h-60z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapFloating__i)", d: "M47.464 33.125 40.32 43.49l12.742-1.705z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapFloating__j)", d: "M66.517 39.274s-16.01-6.052-16.487-6.235c-.478-.182-3.442-1.026-2.566 1.408.871 2.418 1.348 3.348 1.538 3.76.19.414.963 2.096-.981 2.717-2.204.704-14.088 4.044-14.088 4.044v1.918h32.584z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapFloating__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "3.75", height: "3.75", x: "39.526", y: "32", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.875" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapFloating__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapFloating__m)", d: "M42.288 29.063q-.27.054-.532.15a3.4 3.4 0 0 0-1.758 1.47c-.95 1.612-.421 3.677 1.182 4.611 1.603.935 3.673.385 4.623-1.227s.422-3.677-1.18-4.611a3.34 3.34 0 0 0-2.335-.393" })))), /* @__PURE__ */ React.createElement("rect", { width: "17.25", height: ".75", x: "17.026", y: "34.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "17.25", height: ".75", x: "17.026", y: "37.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "9", height: ".75", x: "17.026", y: "40.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapFloating__b" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "32", x: "12", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapFloating__c" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "20", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapFloating__d" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "20", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapFloating__g" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "15.75", x: "37.276", y: "29.75", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapFloating__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M29.026 25.25h60V51.5h-60z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapFloating__k" }, /* @__PURE__ */ React.createElement("rect", { width: "3.75", height: "3.75", x: "39.526", y: "32", fill: "#fff", rx: "1.875" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapFloating__a" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "32", x: "12", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapFloating__f", x1: "70.197", x2: "-23.946", y1: "-7.135", y2: "67.583", 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: "HeaderOverlapFloating__i", x1: "43.625", x2: "53.199", y1: "36.645", y2: "45.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapFloating__j", x1: "36.817", x2: "55.412", y1: "27.237", y2: "47.336", 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: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapFloating__m", x1: "45.319", x2: "39.544", y1: "29.606", y2: "36.974", 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: "HeaderOverlapFloating__e", width: "86.25", height: "127.734", x: "2.627", y: "-25.984", 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_1844_7931", stdDeviation: "4.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HeaderOverlapFloating__l", width: "9.09", height: "9.09", x: "38.356", y: "27.83", 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_1844_7931", stdDeviation: ".585" })))
+);
+HeaderOverlapFloating.displayName = "HeaderOverlapFloating";
+export {
+  HeaderOverlapFloating
+};

package/dist/esm/HeaderOverlapNone.js

@@ -0,0 +1,19 @@
+import React from "react";
+const HeaderOverlapNone = (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(#HeaderOverlapNone__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "72.75", x: "12", y: "20", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "2.25" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapNone__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapNone__c)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#HeaderOverlapNone__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.25" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapNone__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapNone__f)", d: "M11.627-16.984h68.25V92.748h-68.25z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12 20h48v5.199H12z" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "51", y: "22.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "44.25", y: "22.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "37.5", y: "22.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapNone__g)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapNone__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.026 25.25h60V51.5h-60z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapNone__i)", d: "M47.464 33.125 40.32 43.49l12.742-1.705z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapNone__j)", d: "M66.517 39.274s-16.01-6.052-16.487-6.235c-.478-.182-3.442-1.026-2.566 1.408.871 2.418 1.348 3.348 1.538 3.76.19.414.963 2.096-.981 2.717-2.204.704-14.088 4.044-14.088 4.044v1.918h32.584z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapNone__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "3.75", height: "3.75", x: "39.526", y: "32", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.875" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapNone__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapNone__m)", d: "M42.288 29.063q-.27.054-.532.15a3.4 3.4 0 0 0-1.758 1.47c-.95 1.612-.421 3.677 1.182 4.611 1.603.935 3.673.385 4.623-1.227s.422-3.677-1.18-4.611a3.34 3.34 0 0 0-2.335-.393" })))), /* @__PURE__ */ React.createElement("rect", { width: "17.25", height: ".75", x: "17.026", y: "34.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "17.25", height: ".75", x: "17.026", y: "37.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "9", height: ".75", x: "17.026", y: "40.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapNone__b" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "32", x: "12", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapNone__c" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "20", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapNone__d" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "20", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapNone__g" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "15.75", x: "37.276", y: "29.75", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapNone__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M29.026 25.25h60V51.5h-60z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapNone__k" }, /* @__PURE__ */ React.createElement("rect", { width: "3.75", height: "3.75", x: "39.526", y: "32", fill: "#fff", rx: "1.875" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapNone__a" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "32", x: "12", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapNone__f", x1: "70.197", x2: "-23.946", y1: "-7.135", y2: "67.583", 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: "HeaderOverlapNone__i", x1: "43.625", x2: "53.199", y1: "36.645", y2: "45.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapNone__j", x1: "36.817", x2: "55.412", y1: "27.237", y2: "47.336", 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: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapNone__m", x1: "45.319", x2: "39.544", y1: "29.606", y2: "36.974", 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: "HeaderOverlapNone__e", width: "86.25", height: "127.734", x: "2.627", y: "-25.984", 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_1844_7879", stdDeviation: "4.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HeaderOverlapNone__l", width: "9.09", height: "9.09", x: "38.356", y: "27.83", 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_1844_7879", stdDeviation: ".585" })))
+);
+HeaderOverlapNone.displayName = "HeaderOverlapNone";
+export {
+  HeaderOverlapNone
+};

package/dist/esm/HeaderOverlapStandard.js

@@ -0,0 +1,19 @@
+import React from "react";
+const HeaderOverlapStandard = (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(#HeaderOverlapStandard__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "72.75", x: "12", y: "20", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "2.25" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__c)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#HeaderOverlapStandard__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.25" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapStandard__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapStandard__f)", d: "M11.627-20.984h68.25V88.748h-68.25z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12 20h48v5.199H12z" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "51", y: "22.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "44.25", y: "22.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "4.5", height: ".75", x: "37.5", y: "22.227", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: ".375" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__g)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.026 21.25h60V47.5h-60z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapStandard__i)", d: "M47.464 29.125 40.32 39.49l12.742-1.705z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapStandard__j)", d: "M66.517 35.274s-16.01-6.052-16.487-6.235c-.478-.182-3.442-1.026-2.566 1.408.871 2.418 1.348 3.348 1.538 3.76.19.414.963 2.096-.981 2.717-2.204.704-14.088 4.044-14.088 4.044v1.918h32.584z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "3.75", height: "3.75", x: "39.526", y: "28", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.875" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapStandard__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapStandard__m)", d: "M42.288 25.063q-.27.054-.532.15a3.4 3.4 0 0 0-1.758 1.47c-.95 1.612-.421 3.677 1.182 4.611 1.603.935 3.673.385 4.623-1.227s.422-3.677-1.18-4.611a3.34 3.34 0 0 0-2.335-.393" })))), /* @__PURE__ */ React.createElement("rect", { width: "17.25", height: ".75", x: "17.026", y: "30.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "17.25", height: ".75", x: "17.026", y: "33.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }), /* @__PURE__ */ React.createElement("rect", { width: "9", height: ".75", x: "17.026", y: "36.25", fill: "var(--wds-illustration-color-1, #002291)", rx: ".375" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__n)" }, /* @__PURE__ */ React.createElement("rect", { width: "20.25", height: "15.75", x: "4.125", y: "49", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapStandard__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapStandard__p)", d: "M4.267 5.039H67.3v59.654H4.267z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__q)" }, /* @__PURE__ */ React.createElement("rect", { width: "20.25", height: "15.75", x: "25.875", y: "49", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapStandard__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapStandard__s)", d: "M26.017 15.938h47.005v48.757H26.017z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HeaderOverlapStandard__t)" }, /* @__PURE__ */ React.createElement("rect", { width: "20.25", height: "15.75", x: "47.625", y: "49", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HeaderOverlapStandard__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HeaderOverlapStandard__v)", d: "M47.767 21.633h41.581v43.063H47.767z" }))))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__b" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "32", x: "12", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__c" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "16", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__d" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "75.75", x: "12", y: "16", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__g" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "15.75", x: "37.276", y: "25.75", fill: "#fff", rx: "2.25" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M29.026 21.25h60V47.5h-60z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__k" }, /* @__PURE__ */ React.createElement("rect", { width: "3.75", height: "3.75", x: "39.526", y: "28", fill: "#fff", rx: "1.875" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__n" }, /* @__PURE__ */ React.createElement("rect", { width: "20.25", height: "15.75", x: "4.125", y: "49", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__q" }, /* @__PURE__ */ React.createElement("rect", { width: "20.25", height: "15.75", x: "25.875", y: "49", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__t" }, /* @__PURE__ */ React.createElement("rect", { width: "20.25", height: "15.75", x: "47.625", y: "49", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HeaderOverlapStandard__a" }, /* @__PURE__ */ React.createElement("rect", { width: "48", height: "32", x: "12", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapStandard__f", x1: "70.197", x2: "-23.946", y1: "-11.135", y2: "63.583", 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: "HeaderOverlapStandard__i", x1: "43.625", x2: "53.199", y1: "32.645", y2: "41.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapStandard__j", x1: "36.817", x2: "55.412", y1: "23.237", y2: "43.336", 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: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HeaderOverlapStandard__m", x1: "45.319", x2: "39.544", y1: "25.606", y2: "32.974", 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: "HeaderOverlapStandard__p", x1: "58.361", x2: "8.071", y1: "10.394", y2: "78.201", 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: "HeaderOverlapStandard__s", x1: "66.355", x2: "24.309", y1: "20.314", y2: "72.04", 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: "HeaderOverlapStandard__v", x1: "83.451", x2: "46.326", y1: "25.498", y2: "71.241", 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: "HeaderOverlapStandard__e", width: "86.25", height: "127.734", x: "2.627", y: "-29.984", 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_1844_7983", stdDeviation: "4.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HeaderOverlapStandard__l", width: "9.09", height: "9.09", x: "38.356", y: "23.83", 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_1844_7983", stdDeviation: ".585" })), /* @__PURE__ */ React.createElement("filter", { id: "HeaderOverlapStandard__o", width: "78.394", height: "75.017", x: "-3.413", y: "-2.641", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1844_7983", stdDeviation: "3.84" })), /* @__PURE__ */ React.createElement("filter", { id: "HeaderOverlapStandard__r", width: "62.365", height: "64.118", x: "18.337", y: "8.257", 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_1844_7983", stdDeviation: "3.84" })), /* @__PURE__ */ React.createElement("filter", { id: "HeaderOverlapStandard__u", width: "56.942", height: "58.423", x: "40.087", y: "13.953", 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_1844_7983", stdDeviation: "3.84" })))
+);
+HeaderOverlapStandard.displayName = "HeaderOverlapStandard";
+export {
+  HeaderOverlapStandard
+};

package/dist/esm/MembersAreaMediumSize.js

@@ -9,8 +9,8 @@ const MembersAreaMediumSize = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#MembersAreaMediumSize__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "52", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.222", transform: "rotate(-90 20 52)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#MembersAreaMediumSize__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MembersAreaMediumSize__c)", d: "M19.956 9.82h42.182v42.182H19.956z", transform: "rotate(-.06 19.956 9.82)" }))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "MembersAreaMediumSize__c", x1: "56.156", x2: "20.073", y1: "13.607", y2: "59.65", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "MembersAreaMediumSize__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "52", fill: "#fff", rx: "2.222", transform: "rotate(-90 20 52)" })), /* @__PURE__ */ React.createElement("filter", { id: "MembersAreaMediumSize__b", width: "59.68", height: "59.681", x: "11.229", y: "1.046", 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_1610_22610", stdDeviation: "4.364" })))
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#MembersAreaMediumSize__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "52", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.222", transform: "rotate(-90 20 52)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#MembersAreaMediumSize__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MembersAreaMediumSize__c)", d: "M19.956 9.816h42.182v42.182H19.956z", transform: "rotate(-.06 19.956 9.816)" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "MembersAreaMediumSize__c", x1: "56.156", x2: "20.073", y1: "13.603", y2: "59.646", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "MembersAreaMediumSize__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "52", fill: "#fff", rx: "2.222", transform: "rotate(-90 20 52)" })), /* @__PURE__ */ React.createElement("filter", { id: "MembersAreaMediumSize__b", width: "59.68", height: "59.681", x: "11.229", y: "1.046", 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_1610_22610", stdDeviation: "4.364" })))
 );
 MembersAreaMediumSize.displayName = "MembersAreaMediumSize";
 export {

package/dist/esm/MembersAreaSmallSize.js

@@ -10,7 +10,7 @@ const MembersAreaSmallSize = (props) => /* @__PURE__ */ React.createElement(
     ...props
   },
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#MembersAreaSmallSize__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "46", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.429", transform: "rotate(-90 26 46)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#MembersAreaSmallSize__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MembersAreaSmallSize__c)", d: "M26 17.031h29.028v29.028H26z", transform: "rotate(-.06 26 17.031)" }))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "MembersAreaSmallSize__c", x1: "50.911", x2: "26.08", y1: "19.637", y2: "51.322", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "MembersAreaSmallSize__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "46", fill: "#fff", rx: "1.429", transform: "rotate(-90 26 46)" })), /* @__PURE__ */ React.createElement("filter", { id: "MembersAreaSmallSize__b", width: "39.967", height: "39.972", x: "20.546", y: "11.546", 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_1610_22232", stdDeviation: "2.727" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "MembersAreaSmallSize__c", x1: "50.911", x2: "26.08", y1: "19.637", y2: "51.322", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "MembersAreaSmallSize__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "46", fill: "#fff", rx: "1.429", transform: "rotate(-90 26 46)" })), /* @__PURE__ */ React.createElement("filter", { id: "MembersAreaSmallSize__b", width: "39.967", height: "39.968", x: "20.546", y: "11.546", 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_1610_22232", stdDeviation: "2.727" })))
 );
 MembersAreaSmallSize.displayName = "MembersAreaSmallSize";
 export {

package/dist/esm/RestaurantsMenusExpand.js

@@ -9,7 +9,7 @@ const RestaurantsMenusExpand = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RestaurantsMenusExpand__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 58)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RestaurantsMenusExpand__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RestaurantsMenusExpand__c)", d: "M13 0h58v58H13z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.4 28a.5.5 0 0 0-.4.2l-3 4 .8.6 2.6-3.467L39 32.8l.8-.6-3-4a.5.5 0 0 0-.4-.2M36.4 44.297a.5.5 0 0 1-.4-.2l-3-4 .8-.6 2.6 3.467 2.6-3.467.8.6-3 4a.5.5 0 0 1-.4.2" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RestaurantsMenusExpand__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 58)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RestaurantsMenusExpand__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RestaurantsMenusExpand__c)", d: "M13 0h58v58H13z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.4 28a.5.5 0 0 0-.4.2l-3 4 .8.6 2.6-3.467L39 32.8l.8-.6-3-4a.5.5 0 0 0-.4-.2M36.4 44.3a.5.5 0 0 1-.4-.2l-3-4 .8-.599 2.6 3.467L39 39.5l.8.6-3 4a.5.5 0 0 1-.4.2" })),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M58 22v2H14v-2zM58 48v2H14v-2z" }),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RestaurantsMenusExpand__c", x1: "62.774", x2: "13.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RestaurantsMenusExpand__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "#fff", rx: "3", transform: "rotate(-90 14 58)" })), /* @__PURE__ */ React.createElement("filter", { id: "RestaurantsMenusExpand__b", width: "82", height: "82", x: "1", y: "-12", 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_1574_15008", stdDeviation: "6" })))
 );

package/dist/esm/index.js

@@ -101,9 +101,6 @@ import { ButtonStyleFilled } from "./ButtonStyleFilled";
 import { ButtonStyleOutlined } from "./ButtonStyleOutlined";
 import { ButtonStylePillFilled } from "./ButtonStylePillFilled";
 import { ButtonStylePillOutlined } from "./ButtonStylePillOutlined";
-import { ButtonsLayoutIconsIdentity } from "./ButtonsLayoutIconsIdentity";
-import { ButtonsLayoutRowIdentity } from "./ButtonsLayoutRowIdentity";
-import { ButtonsLayoutStackIdentity } from "./ButtonsLayoutStackIdentity";
 import { ChooseTheLayoutGrid } from "./ChooseTheLayoutGrid";
 import { CircleImage } from "./CircleImage";
 import { CircleMarker } from "./CircleMarker";
@@ -121,10 +118,13 @@ import { CrossLoop } from "./CrossLoop";
 import { Cube } from "./Cube";
 import { CustomImage } from "./CustomImage";
 import { DartScroll } from "./DartScroll";
+import { DesignStatePresetGlow } from "./DesignStatePresetGlow";
+import { DesignStatePresetInvert } from "./DesignStatePresetInvert";
+import { DesignStatePresetShadow } from "./DesignStatePresetShadow";
+import { DesignStatePresetTint } from "./DesignStatePresetTint";
+import { DesignStatePresetUnderline } from "./DesignStatePresetUnderline";
 import { DesignedSection } from "./DesignedSection";
 import { DesignedSectionSmall } from "./DesignedSectionSmall";
-import { DividerLineIdentity } from "./DividerLineIdentity";
-import { DividerLineTextIdentity } from "./DividerLineTextIdentity";
 import { Doc } from "./Doc";
 import { DonutChart } from "./DonutChart";
 import { Dots } from "./Dots";
@@ -213,6 +213,9 @@ import { GenerateWithAISmall } from "./GenerateWithAISmall";
 import { GlideEntrance } from "./GlideEntrance";
 import { GlitchAnimation } from "./GlitchAnimation";
 import { GrowEntrance } from "./GrowEntrance";
+import { HeaderOverlapFloating } from "./HeaderOverlapFloating";
+import { HeaderOverlapNone } from "./HeaderOverlapNone";
+import { HeaderOverlapStandard } from "./HeaderOverlapStandard";
 import { HeartImage } from "./HeartImage";
 import { HexagonalImage } from "./HexagonalImage";
 import { HillDivider } from "./HillDivider";
@@ -626,9 +629,6 @@ export {
   ButtonStyleOutlined,
   ButtonStylePillFilled,
   ButtonStylePillOutlined,
-  ButtonsLayoutIconsIdentity,
-  ButtonsLayoutRowIdentity,
-  ButtonsLayoutStackIdentity,
   ChooseTheLayoutGrid,
   CircleImage,
   CircleMarker,
@@ -646,10 +646,13 @@ export {
   Cube,
   CustomImage,
   DartScroll,
+  DesignStatePresetGlow,
+  DesignStatePresetInvert,
+  DesignStatePresetShadow,
+  DesignStatePresetTint,
+  DesignStatePresetUnderline,
   DesignedSection,
   DesignedSectionSmall,
-  DividerLineIdentity,
-  DividerLineTextIdentity,
   Doc,
   DonutChart,
   Dots,
@@ -738,6 +741,9 @@ export {
   GlideEntrance,
   GlitchAnimation,
   GrowEntrance,
+  HeaderOverlapFloating,
+  HeaderOverlapNone,
+  HeaderOverlapStandard,
   HeartImage,
   HexagonalImage,
   HillDivider,

package/dist/types/{DividerLineTextIdentity.d.ts → DesignStatePresetGlow.d.ts}

@@ -1,5 +1,5 @@
 import React, { SVGProps } from 'react';
-export declare const DividerLineTextIdentity: {
+export declare const DesignStatePresetGlow: {
     (props: SVGProps<SVGSVGElement>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/{ButtonsLayoutRowIdentity.d.ts → DesignStatePresetInvert.d.ts}

@@ -1,5 +1,5 @@
 import React, { SVGProps } from 'react';
-export declare const ButtonsLayoutRowIdentity: {
+export declare const DesignStatePresetInvert: {
     (props: SVGProps<SVGSVGElement>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/{ButtonsLayoutStackIdentity.d.ts → DesignStatePresetShadow.d.ts}

@@ -1,5 +1,5 @@
 import React, { SVGProps } from 'react';
-export declare const ButtonsLayoutStackIdentity: {
+export declare const DesignStatePresetShadow: {
     (props: SVGProps<SVGSVGElement>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/DesignStatePresetTint.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const DesignStatePresetTint: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/{ButtonsLayoutIconsIdentity.d.ts → DesignStatePresetUnderline.d.ts}

@@ -1,5 +1,5 @@
 import React, { SVGProps } from 'react';
-export declare const ButtonsLayoutIconsIdentity: {
+export declare const DesignStatePresetUnderline: {
     (props: SVGProps<SVGSVGElement>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/HeaderOverlapFloating.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const HeaderOverlapFloating: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/{DividerLineIdentity.d.ts → HeaderOverlapNone.d.ts}

@@ -1,5 +1,5 @@
 import React, { SVGProps } from 'react';
-export declare const DividerLineIdentity: {
+export declare const HeaderOverlapNone: {
     (props: SVGProps<SVGSVGElement>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/HeaderOverlapStandard.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const HeaderOverlapStandard: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};