@landtrustinc/design-system 1.2.67 → 1.2.69

package/dist/index.js

@@ -65,6 +65,7 @@ __export(src_exports, {
   LayoutTokens: () => LayoutTokens,
   ListingChat: () => ListingChat_default,
   Logo: () => Logo_default,
+  LottieAnimations: () => LottieAnimations_default,
   MarkdownContent: () => MarkdownContent_default,
   MessageBubble: () => MessageBubble_default,
   Modal: () => Modal_default,
@@ -94,6 +95,7 @@ __export(src_exports, {
   WidgetPanel: () => WidgetPanel,
   WidgetTrigger: () => WidgetTrigger,
   globalStyles: () => globalStyles,
+  lottieAnimations: () => lottieAnimations,
   styles: () => styles_exports,
   useBottomDrawer: () => useBottomDrawer_default,
   useBottomDrawerHook: () => useBottomDrawer
@@ -6196,8 +6198,8 @@ function useBottomDrawer(options) {
 var useBottomDrawer_default = useBottomDrawer;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_react40 = require("@emotion/react");
-var import_react41 = __toESM(require("react"));
+var import_react41 = require("@emotion/react");
+var import_react42 = __toESM(require("react"));
 
 // src/Divider/Divider.tsx
 var import_styled4 = __toESM(require("@emotion/styled"));
@@ -6246,6 +6248,8 @@ var textareaBase = import_react29.css`
   transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
   outline: none;
   resize: none;
+  overscroll-behavior: contain;
+  overscroll-behavior-y: contain;
 
   &::placeholder {
     color: var(--text-secondary);
@@ -6403,38 +6407,568 @@ var TextArea = (0, import_react31.forwardRef)(
 TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;
 
+// src/LottieAnimations/LottieAnimations.tsx
+var import_react32 = require("react");
+
+// src/LottieAnimations/animations/loading.ts
+var loadingAnimationData = {
+  nm: "Loading Dots",
+  ddd: 0,
+  h: 1080,
+  w: 1920,
+  meta: { g: "@lottiefiles/toolkit-js 0.26.1" },
+  layers: [
+    {
+      ty: 4,
+      nm: "Dot4",
+      sr: 1,
+      st: 0,
+      op: 360,
+      ip: 0,
+      hd: false,
+      ddd: 0,
+      bm: 0,
+      hasMask: false,
+      ao: 0,
+      ks: {
+        a: { a: 0, k: [-284, 92, 0], ix: 1 },
+        s: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [50, 50, 100],
+              t: 25
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [75, 75, 100],
+              t: 39
+            },
+            { s: [50, 50, 100], t: 55 }
+          ],
+          ix: 6
+        },
+        sk: { a: 0, k: 0 },
+        p: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [1142, 540, 0],
+              t: 25,
+              ti: [0, 0, 0],
+              to: [0, -6.667, 0]
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [1142, 500, 0],
+              t: 39,
+              ti: [0, -6.667, 0],
+              to: [0, 0, 0]
+            },
+            { s: [1142, 540, 0], t: 55 }
+          ],
+          ix: 2
+        },
+        r: { a: 0, k: 0, ix: 10 },
+        sa: { a: 0, k: 0 },
+        o: {
+          a: 1,
+          k: [
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [25], t: 25 },
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [100], t: 39 },
+            { s: [25], t: 55 }
+          ],
+          ix: 11
+        }
+      },
+      ef: [],
+      shapes: [
+        {
+          ty: "gr",
+          bm: 0,
+          hd: false,
+          mn: "ADBE Vector Group",
+          nm: "Ellipse 1",
+          ix: 1,
+          cix: 2,
+          np: 3,
+          it: [
+            {
+              ty: "el",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Shape - Ellipse",
+              nm: "Ellipse Path 1",
+              d: 1,
+              p: { a: 0, k: [0, 0], ix: 3 },
+              s: { a: 0, k: [120, 120], ix: 2 }
+            },
+            {
+              ty: "fl",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Graphic - Fill",
+              nm: "Fill 1",
+              c: { a: 0, k: [0.0902, 0.2196, 0.3922], ix: 4 },
+              r: 1,
+              o: { a: 0, k: 100, ix: 5 }
+            },
+            {
+              ty: "tr",
+              a: { a: 0, k: [0, 0], ix: 1 },
+              s: { a: 0, k: [100, 100], ix: 3 },
+              sk: { a: 0, k: 0, ix: 4 },
+              p: { a: 0, k: [-284, 92], ix: 2 },
+              r: { a: 0, k: 0, ix: 6 },
+              sa: { a: 0, k: 0, ix: 5 },
+              o: { a: 0, k: 100, ix: 7 }
+            }
+          ]
+        }
+      ],
+      ind: 1
+    },
+    {
+      ty: 4,
+      nm: "Dot3",
+      sr: 1,
+      st: 0,
+      op: 360,
+      ip: 0,
+      hd: false,
+      ddd: 0,
+      bm: 0,
+      hasMask: false,
+      ao: 0,
+      ks: {
+        a: { a: 0, k: [-284, 92, 0], ix: 1 },
+        s: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [50, 50, 100],
+              t: 17
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [75, 75, 100],
+              t: 31
+            },
+            { s: [50, 50, 100], t: 47 }
+          ],
+          ix: 6
+        },
+        sk: { a: 0, k: 0 },
+        p: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [1022, 540, 0],
+              t: 17,
+              ti: [0, 0, 0],
+              to: [0, -6.667, 0]
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [1022, 500, 0],
+              t: 31,
+              ti: [0, -6.667, 0],
+              to: [0, 0, 0]
+            },
+            { s: [1022, 540, 0], t: 47 }
+          ],
+          ix: 2
+        },
+        r: { a: 0, k: 0, ix: 10 },
+        sa: { a: 0, k: 0 },
+        o: {
+          a: 1,
+          k: [
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [25], t: 17 },
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [100], t: 31 },
+            { s: [25], t: 47 }
+          ],
+          ix: 11
+        }
+      },
+      ef: [],
+      shapes: [
+        {
+          ty: "gr",
+          bm: 0,
+          hd: false,
+          mn: "ADBE Vector Group",
+          nm: "Ellipse 1",
+          ix: 1,
+          cix: 2,
+          np: 3,
+          it: [
+            {
+              ty: "el",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Shape - Ellipse",
+              nm: "Ellipse Path 1",
+              d: 1,
+              p: { a: 0, k: [0, 0], ix: 3 },
+              s: { a: 0, k: [120, 120], ix: 2 }
+            },
+            {
+              ty: "fl",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Graphic - Fill",
+              nm: "Fill 1",
+              c: { a: 0, k: [0.0902, 0.2196, 0.3922], ix: 4 },
+              r: 1,
+              o: { a: 0, k: 100, ix: 5 }
+            },
+            {
+              ty: "tr",
+              a: { a: 0, k: [0, 0], ix: 1 },
+              s: { a: 0, k: [100, 100], ix: 3 },
+              sk: { a: 0, k: 0, ix: 4 },
+              p: { a: 0, k: [-284, 92], ix: 2 },
+              r: { a: 0, k: 0, ix: 6 },
+              sa: { a: 0, k: 0, ix: 5 },
+              o: { a: 0, k: 100, ix: 7 }
+            }
+          ]
+        }
+      ],
+      ind: 2
+    },
+    {
+      ty: 4,
+      nm: "Dot2",
+      sr: 1,
+      st: 0,
+      op: 360,
+      ip: 0,
+      hd: false,
+      ddd: 0,
+      bm: 0,
+      hasMask: false,
+      ao: 0,
+      ks: {
+        a: { a: 0, k: [-284, 92, 0], ix: 1 },
+        s: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [50, 50, 100],
+              t: 9
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [75, 75, 100],
+              t: 23
+            },
+            { s: [50, 50, 100], t: 39 }
+          ],
+          ix: 6
+        },
+        sk: { a: 0, k: 0 },
+        p: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [902, 540, 0],
+              t: 9,
+              ti: [0, 0, 0],
+              to: [0, -6.667, 0]
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [902, 500, 0],
+              t: 23,
+              ti: [0, 0, 0],
+              to: [0, 0, 0]
+            },
+            { s: [902, 540, 0], t: 39 }
+          ],
+          ix: 2
+        },
+        r: { a: 0, k: 0, ix: 10 },
+        sa: { a: 0, k: 0 },
+        o: {
+          a: 1,
+          k: [
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [25], t: 9 },
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [100], t: 23 },
+            { s: [25], t: 39 }
+          ],
+          ix: 11
+        }
+      },
+      ef: [],
+      shapes: [
+        {
+          ty: "gr",
+          bm: 0,
+          hd: false,
+          mn: "ADBE Vector Group",
+          nm: "Ellipse 1",
+          ix: 1,
+          cix: 2,
+          np: 3,
+          it: [
+            {
+              ty: "el",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Shape - Ellipse",
+              nm: "Ellipse Path 1",
+              d: 1,
+              p: { a: 0, k: [0, 0], ix: 3 },
+              s: { a: 0, k: [120, 120], ix: 2 }
+            },
+            {
+              ty: "fl",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Graphic - Fill",
+              nm: "Fill 1",
+              c: { a: 0, k: [0.0902, 0.2196, 0.3922], ix: 4 },
+              r: 1,
+              o: { a: 0, k: 100, ix: 5 }
+            },
+            {
+              ty: "tr",
+              a: { a: 0, k: [0, 0], ix: 1 },
+              s: { a: 0, k: [100, 100], ix: 3 },
+              sk: { a: 0, k: 0, ix: 4 },
+              p: { a: 0, k: [-284, 92], ix: 2 },
+              r: { a: 0, k: 0, ix: 6 },
+              sa: { a: 0, k: 0, ix: 5 },
+              o: { a: 0, k: 100, ix: 7 }
+            }
+          ]
+        }
+      ],
+      ind: 3
+    },
+    {
+      ty: 4,
+      nm: "Dot1",
+      sr: 1,
+      st: 0,
+      op: 360,
+      ip: 0,
+      hd: false,
+      ddd: 0,
+      bm: 0,
+      hasMask: false,
+      ao: 0,
+      ks: {
+        a: { a: 0, k: [-284, 92, 0], ix: 1 },
+        s: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [50, 50, 100],
+              t: 0
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [75, 75, 100],
+              t: 14
+            },
+            { s: [50, 50, 100], t: 30 }
+          ],
+          ix: 6
+        },
+        sk: { a: 0, k: 0 },
+        p: {
+          a: 1,
+          k: [
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [782, 540, 0],
+              t: 0,
+              ti: [0, 0, 0],
+              to: [0, -6.667, 0]
+            },
+            {
+              o: { x: 0.333, y: 0 },
+              i: { x: 0.667, y: 1 },
+              s: [782, 500, 0],
+              t: 14,
+              ti: [0, -6.667, 0],
+              to: [0, 0, 0]
+            },
+            { s: [782, 540, 0], t: 30 }
+          ],
+          ix: 2
+        },
+        r: { a: 0, k: 0, ix: 10 },
+        sa: { a: 0, k: 0 },
+        o: {
+          a: 1,
+          k: [
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [25], t: 0 },
+            { o: { x: 0.333, y: 0 }, i: { x: 0.667, y: 1 }, s: [100], t: 14 },
+            { s: [25], t: 30 }
+          ],
+          ix: 11
+        }
+      },
+      ef: [],
+      shapes: [
+        {
+          ty: "gr",
+          bm: 0,
+          hd: false,
+          mn: "ADBE Vector Group",
+          nm: "Ellipse 1",
+          ix: 1,
+          cix: 2,
+          np: 3,
+          it: [
+            {
+              ty: "el",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Shape - Ellipse",
+              nm: "Ellipse Path 1",
+              d: 1,
+              p: { a: 0, k: [0, 0], ix: 3 },
+              s: { a: 0, k: [120, 120], ix: 2 }
+            },
+            {
+              ty: "fl",
+              bm: 0,
+              hd: false,
+              mn: "ADBE Vector Graphic - Fill",
+              nm: "Fill 1",
+              c: { a: 0, k: [0.0902, 0.2196, 0.3922], ix: 4 },
+              r: 1,
+              o: { a: 0, k: 100, ix: 5 }
+            },
+            {
+              ty: "tr",
+              a: { a: 0, k: [0, 0], ix: 1 },
+              s: { a: 0, k: [100, 100], ix: 3 },
+              sk: { a: 0, k: 0, ix: 4 },
+              p: { a: 0, k: [-284, 92], ix: 2 },
+              r: { a: 0, k: 0, ix: 6 },
+              sa: { a: 0, k: 0, ix: 5 },
+              o: { a: 0, k: 100, ix: 7 }
+            }
+          ]
+        }
+      ],
+      ind: 4
+    }
+  ],
+  v: "5.7.11",
+  fr: 60,
+  op: 81,
+  ip: 0,
+  assets: []
+};
+
+// src/LottieAnimations/LottieAnimations.tsx
+var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var lottieAnimations = {
+  loading: loadingAnimationData
+};
+var LottieAnimations = ({
+  animation = "loading",
+  animationData,
+  size,
+  loop = true,
+  autoPlay = true,
+  style,
+  ...props
+}) => {
+  const [LottieComponent, setLottieComponent] = (0, import_react32.useState)(null);
+  (0, import_react32.useEffect)(() => {
+    let isMounted = true;
+    import("lottie-react").then((module2) => {
+      if (isMounted) {
+        setLottieComponent(() => module2.default);
+      }
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  const sizeValue = typeof size === "number" ? `${size}px` : size;
+  const mergedStyle = sizeValue !== void 0 ? { width: sizeValue, height: sizeValue, ...style } : style;
+  if (!LottieComponent) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+    LottieComponent,
+    {
+      animationData: animationData != null ? animationData : lottieAnimations[animation],
+      loop,
+      autoPlay,
+      rendererSettings: {
+        preserveAspectRatio: "xMidYMid slice"
+      },
+      style: mergedStyle,
+      ...props
+    }
+  );
+};
+var LottieAnimations_default = LottieAnimations;
+
 // src/MessageBubble/MessageBubble.styles.ts
-var import_react32 = require("@emotion/react");
-var getRootStyles = (variant) => import_react32.css`
+var import_react33 = require("@emotion/react");
+var getRootStyles = (variant) => import_react33.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
 `;
-var getOuterWrapperStyles = (variant) => import_react32.css`
+var getOuterWrapperStyles = (variant) => import_react33.css`
   display: flex;
   flex-direction: ${variant === "sent" ? "row-reverse" : "row"};
   gap: var(--spacing-3);
   align-items: flex-start;
   width: 100%;
 `;
-var avatarWrapperStyles = import_react32.css`
+var avatarWrapperStyles = import_react33.css`
   flex-shrink: 0;
 `;
-var contentWrapperStyles = import_react32.css`
+var contentWrapperStyles = import_react33.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   flex: 1;
   min-width: 0;
 `;
-var getHeaderStyles = (variant) => import_react32.css`
+var getHeaderStyles = (variant) => import_react33.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   flex-direction: ${variant === "sent" ? "row-reverse" : "row"};
 `;
-var getBubbleStyles = (variant) => import_react32.css`
+var getBubbleStyles = (variant) => import_react33.css`
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -6450,10 +6984,10 @@ var getBubbleStyles = (variant) => import_react32.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var getTimestampStyles = (variant) => import_react32.css`
+var getTimestampStyles = (variant) => import_react33.css`
   text-align: ${variant === "sent" ? "right" : "left"};
 `;
-var contentStyles2 = import_react32.css`
+var contentStyles2 = import_react33.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
@@ -6464,7 +6998,7 @@ var contentStyles2 = import_react32.css`
 `;
 
 // src/MessageBubble/MessageBubble.tsx
-var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
 var MessageBubble = ({
   variant = "sent",
   timestamp,
@@ -6475,8 +7009,8 @@ var MessageBubble = ({
 }) => {
   const hasAvatar = !!avatarSrc || !!author;
   const firstName = author == null ? void 0 : author.split(" ")[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("div", { className, css: getRootStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { css: getOuterWrapperStyles(variant), children: [
-    hasAvatar && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("div", { css: avatarWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { className, css: getRootStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: getOuterWrapperStyles(variant), children: [
+    hasAvatar && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { css: avatarWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
       Avatar_default,
       {
         type: avatarSrc ? "image" : "text",
@@ -6486,11 +7020,11 @@ var MessageBubble = ({
         size: "md"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { css: contentWrapperStyles, children: [
-      firstName && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("div", { css: getHeaderStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Text_default, { size: "sm", fontWeight: "semibold", color: "var(--text-primary)", children: firstName }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { css: getBubbleStyles(variant), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("div", { css: contentStyles2, children }),
-        timestamp && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: contentWrapperStyles, children: [
+      firstName && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { css: getHeaderStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { size: "sm", fontWeight: "semibold", color: "var(--text-primary)", children: firstName }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: getBubbleStyles(variant), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { css: contentStyles2, children }),
+        timestamp && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
           Text_default,
           {
             size: "xs",
@@ -6506,34 +7040,34 @@ var MessageBubble = ({
 var MessageBubble_default = MessageBubble;
 
 // src/TagChip/TagChip.styles.ts
-var import_react33 = require("@emotion/react");
+var import_react34 = require("@emotion/react");
 var tagChipVariantStyles = {
-  default: import_react33.css`
+  default: import_react34.css`
     background-color: var(--surface-page);
     border: 1px solid var(--border-primary);
     color: var(--text-primary);
   `,
-  active: import_react33.css`
+  active: import_react34.css`
     background-color: var(--text-primary);
     border: 1px solid var(--border-secondary);
     color: var(--color-base-white);
   `,
-  primary: import_react33.css`
+  primary: import_react34.css`
     background-color: var(--surface-disabled);
     border: 1px solid var(--surface-disabled);
     color: var(--text-primary);
   `,
-  error: import_react33.css`
+  error: import_react34.css`
     background-color: var(--surface-error);
     border: 1px solid var(--color-red-300);
     color: var(--text-error);
   `,
-  success: import_react33.css`
+  success: import_react34.css`
     background-color: var(--surface-success);
     border: 1px solid var(--color-green-300);
     color: var(--text-primary);
   `,
-  warning: import_react33.css`
+  warning: import_react34.css`
     background-color: var(--surface-subtle);
     border: 1px solid var(--color-brown-200);
     color: var(--text-primary);
@@ -6541,14 +7075,14 @@ var tagChipVariantStyles = {
 };
 
 // src/TagChip/TagChip.tsx
-var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
 var TagChip = ({
   variant = "primary",
   className,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
     Box_default,
     {
       display: "inline-flex",
@@ -6559,18 +7093,18 @@ var TagChip = ({
       css: tagChipVariantStyles[variant],
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
     }
   );
 };
 var TagChip_default = TagChip;
 
 // src/Widget/Widget.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 
 // src/Widget/Widget.styles.ts
-var import_react34 = require("@emotion/react");
-var panelContainer = import_react34.css`
+var import_react35 = require("@emotion/react");
+var panelContainer = import_react35.css`
   position: absolute;
   right: 0;
   bottom: calc(100% + var(--spacing-2));
@@ -6584,7 +7118,7 @@ var panelContainer = import_react34.css`
     justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react34.css`
+var panelCard = (width2) => import_react35.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -6611,24 +7145,25 @@ var panelCard = (width2) => import_react34.css`
 
   @media (max-width: calc(${screens.lg} - 1px)) {
     width: 100vw;
-    height: 100vh;
-    max-height: 100vh;
+    height: 100dvh;
+    max-height: 100dvh;
     border-radius: 0;
     padding: var(--spacing-4);
+    padding-bottom: calc(var(--spacing-4) + env(safe-area-inset-bottom));
     overflow: auto;
     animation: none;
   }
 `;
-var widgetTrigger = import_react34.css`
+var widgetTrigger = import_react35.css`
   margin: var(--spacing-1);
   box-shadow: var(--shadow-2xl);
 `;
 
 // src/Widget/Widget.tsx
-var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react35.createContext)(null);
+var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
+var WidgetContext = (0, import_react36.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react35.useContext)(WidgetContext);
+  const ctx = (0, import_react36.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -6636,7 +7171,7 @@ var useWidgetContext = () => {
 var WidgetTrigger = () => {
   const { expanded, toggle, triggerRef, icon: icon2, expandedIcon } = useWidgetContext();
   const currentIcon = expanded ? expandedIcon : icon2;
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(import_jsx_runtime231.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(import_jsx_runtime232.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
     Button_default,
     {
       ref: triggerRef,
@@ -6644,7 +7179,7 @@ var WidgetTrigger = () => {
       "aria-haspopup": "dialog",
       onClick: toggle,
       size: "lg",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
       css: widgetTrigger
     }
   ) });
@@ -6653,7 +7188,7 @@ var WidgetPanel = ({ className, style, children }) => {
   const { expanded, panelWidth } = useWidgetContext();
   if (!expanded)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
     Box_default,
     {
       css: panelCard(panelWidth),
@@ -6677,12 +7212,12 @@ var WidgetRoot = ({
   containerProps,
   closeOnClickOutside = true
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react35.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react36.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react35.useRef)(null);
-  const containerRef = (0, import_react35.useRef)(null);
-  const setExpanded = (0, import_react35.useCallback)(
+  const triggerRef = (0, import_react36.useRef)(null);
+  const containerRef = (0, import_react36.useRef)(null);
+  const setExpanded = (0, import_react36.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -6696,11 +7231,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react35.useCallback)(
+  const toggle = (0, import_react36.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!isExpanded || !closeOnClickOutside)
       return;
     const onDocClick = (e) => {
@@ -6714,7 +7249,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded, closeOnClickOutside]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -6724,7 +7259,7 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!isExpanded)
       return;
     const mql = window.matchMedia(`(max-width: calc(${screens.lg} - 1px))`);
@@ -6742,7 +7277,7 @@ var WidgetRoot = ({
       document.body.style.overflow = originalOverflow;
     };
   }, [isExpanded]);
-  const value = (0, import_react35.useMemo)(
+  const value = (0, import_react36.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -6753,7 +7288,7 @@ var WidgetRoot = ({
     }),
     [expandedIcon, icon2, isExpanded, panelWidth, toggle]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
     Box_default,
     {
       ref: containerRef,
@@ -6764,7 +7299,7 @@ var WidgetRoot = ({
       bottom: "var(--spacing-6)",
       zIndex: 100,
       ...containerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(WidgetContext.Provider, { value, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(WidgetContext.Provider, { value, children })
     }
   );
 };
@@ -6775,8 +7310,8 @@ var Widget = Object.assign(WidgetRoot, {
 var Widget_default = Widget;
 
 // src/ChatWidget/ChatWidget.styles.ts
-var import_react36 = require("@emotion/react");
-var sentWrapperStyles = import_react36.css`
+var import_react37 = require("@emotion/react");
+var sentWrapperStyles = import_react37.css`
   align-self: flex-end;
   max-width: 90%;
   width: 100%;
@@ -6784,32 +7319,32 @@ var sentWrapperStyles = import_react36.css`
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var receivedWrapperStyles = import_react36.css`
+var receivedWrapperStyles = import_react37.css`
   align-self: flex-start;
   width: 100%;
   min-width: 0;
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var containerStyles2 = import_react36.css`
+var containerStyles2 = import_react37.css`
   display: flex;
   flex-direction: column;
   min-height: 0;
-  height: 765px;
-  max-height: 80vh;
+  height: 100%;
+  max-height: 100%;
 
-  @media (max-width: calc(${screens.lg} - 1px)) {
-    height: 85vh;
-    max-height: 85vh;
+  @media (min-width: ${screens.lg}) {
+    height: 765px;
+    max-height: 80vh;
   }
 `;
-var thinkingRowStyles = import_react36.css`
+var thinkingRowStyles = import_react37.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--text-primary);
 `;
-var thinkingTextStyles = import_react36.css`
+var thinkingTextStyles = import_react37.css`
   animation: ltchat-pulse 1.6s ease-in-out infinite;
 
   @keyframes ltchat-pulse {
@@ -6822,7 +7357,7 @@ var thinkingTextStyles = import_react36.css`
     }
   }
 `;
-var badge = import_react36.css`
+var badge = import_react37.css`
   width: var(--spacing-11);
   height: var(--spacing-11);
   border-radius: var(--radius-round);
@@ -6832,12 +7367,12 @@ var badge = import_react36.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react36.css`
+var closeButtonContent = import_react37.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
-var scrollToBottomButtonStyles = import_react36.css`
+var scrollToBottomButtonStyles = import_react37.css`
   position: absolute;
   bottom: var(--spacing-4);
   left: 50%;
@@ -6854,11 +7389,11 @@ var scrollToBottomButtonStyles = import_react36.css`
 `;
 
 // src/ChatWidget/components/AskBuckButton.tsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 
 // src/ChatWidget/components/AskBuckButton.styles.ts
-var import_react37 = require("@emotion/react");
-var rotateGradient = import_react37.keyframes`
+var import_react38 = require("@emotion/react");
+var rotateGradient = import_react38.keyframes`
   0% {
     --gradient-angle: 0deg;
   }
@@ -6866,7 +7401,7 @@ var rotateGradient = import_react37.keyframes`
     --gradient-angle: 360deg;
   }
 `;
-var triggerWrapperStyles = (isAnimating) => import_react37.css`
+var triggerWrapperStyles = (isAnimating) => import_react38.css`
   position: relative;
   display: inline-block;
 
@@ -6880,7 +7415,7 @@ var triggerWrapperStyles = (isAnimating) => import_react37.css`
     box-shadow: 0px 0px var(--shadow-blur-lg, 24px)
       var(--shadow-spread-xs, -4px) rgba(17, 17, 17, 0.1);
 
-    ${isAnimating ? import_react37.css`
+    ${isAnimating ? import_react38.css`
           /* Register the custom property */
           @property --gradient-angle {
             syntax: '<angle>';
@@ -6898,13 +7433,13 @@ var triggerWrapperStyles = (isAnimating) => import_react37.css`
             var(--color-primary-600) 100%
           );
           animation: ${rotateGradient} 3s linear infinite;
-        ` : import_react37.css`
+        ` : import_react38.css`
           /* Static border when not animating */
           background: var(--color-primary-600);
         `}
   }
 `;
-var badgeStyles = import_react37.css`
+var badgeStyles = import_react38.css`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -6919,7 +7454,7 @@ var badgeStyles = import_react37.css`
   flex-shrink: 0;
   margin-right: var(--spacing-1);
 `;
-var buttonOverrideStyles = import_react37.css`
+var buttonOverrideStyles = import_react38.css`
   background: var(--surface-page);
   border: none;
   border-radius: var(--radius-round);
@@ -6947,23 +7482,23 @@ var buttonOverrideStyles = import_react37.css`
 `;
 
 // src/ChatWidget/components/AskBuckButton.tsx
-var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
-var AskBuckButton = import_react38.default.forwardRef(
+var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
+var AskBuckButton = import_react39.default.forwardRef(
   ({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
     var _a;
-    const widgetContext = (0, import_react38.useContext)(WidgetContext);
+    const widgetContext = (0, import_react39.useContext)(WidgetContext);
     const isExpanded = (_a = widgetContext == null ? void 0 : widgetContext.expanded) != null ? _a : false;
     const showBadge = !isExpanded && badgeCount !== void 0 && badgeCount > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
       Button_default,
       {
         ref,
         "aria-expanded": widgetContext == null ? void 0 : widgetContext.expanded,
         "aria-haspopup": "dialog",
         onClick: widgetContext == null ? void 0 : widgetContext.toggle,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(import_jsx_runtime232.Fragment, { children: [
-          showBadge && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("span", { css: badgeStyles, children: badgeCount }),
-          /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+        icon: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(import_jsx_runtime233.Fragment, { children: [
+          showBadge && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { css: badgeStyles, children: badgeCount }),
+          /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
             Icon_default,
             {
               variant: isExpanded ? "AngleDownSharp" : "ConversationalSearchAi",
@@ -6981,25 +7516,25 @@ AskBuckButton.displayName = "AskBuckButton";
 var AskBuckButton_default = AskBuckButton;
 
 // src/ChatWidget/hooks/useChatScrollControl.ts
-var import_react39 = require("react");
+var import_react40 = require("react");
 var useChatScrollControl = ({
   messages,
   isThinking,
   isExpanded,
   enableScrollToBottomControl
 }) => {
-  const scrollRef = (0, import_react39.useRef)(null);
-  const savedScrollPosition = (0, import_react39.useRef)(0);
-  const previousMessagesLengthRef = (0, import_react39.useRef)(messages.length);
-  const previousIsThinkingRef = (0, import_react39.useRef)(isThinking);
-  const userJustSentMessageRef = (0, import_react39.useRef)(false);
-  const [isAtBottom, setIsAtBottom] = (0, import_react39.useState)(true);
-  const [showScrollButton, setShowScrollButton] = (0, import_react39.useState)(false);
-  const isScrolledToBottom = (0, import_react39.useCallback)((el) => {
+  const scrollRef = (0, import_react40.useRef)(null);
+  const savedScrollPosition = (0, import_react40.useRef)(0);
+  const previousMessagesLengthRef = (0, import_react40.useRef)(messages.length);
+  const previousIsThinkingRef = (0, import_react40.useRef)(isThinking);
+  const userJustSentMessageRef = (0, import_react40.useRef)(false);
+  const [isAtBottom, setIsAtBottom] = (0, import_react40.useState)(true);
+  const [showScrollButton, setShowScrollButton] = (0, import_react40.useState)(false);
+  const isScrolledToBottom = (0, import_react40.useCallback)((el) => {
     const threshold = 50;
     return el.scrollTop + el.clientHeight >= el.scrollHeight - threshold;
   }, []);
-  const scrollToBottom = (0, import_react39.useCallback)((behavior = "smooth") => {
+  const scrollToBottom = (0, import_react40.useCallback)((behavior = "smooth") => {
     const el = scrollRef.current;
     if (!el)
       return;
@@ -7008,15 +7543,15 @@ var useChatScrollControl = ({
     setIsAtBottom(true);
     setShowScrollButton(false);
   }, []);
-  const saveCurrentScrollPosition = (0, import_react39.useCallback)(() => {
+  const saveCurrentScrollPosition = (0, import_react40.useCallback)(() => {
     if (!scrollRef.current)
       return;
     savedScrollPosition.current = scrollRef.current.scrollTop;
   }, []);
-  const markUserMessageSubmitted = (0, import_react39.useCallback)(() => {
+  const markUserMessageSubmitted = (0, import_react40.useCallback)(() => {
     userJustSentMessageRef.current = true;
   }, []);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -7029,7 +7564,7 @@ var useChatScrollControl = ({
       setShowScrollButton(enableScrollToBottomControl && !atBottom);
     });
   }, [isExpanded, isScrolledToBottom, enableScrollToBottomControl]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -7043,7 +7578,7 @@ var useChatScrollControl = ({
     el.addEventListener("scroll", handleScroll);
     return () => el.removeEventListener("scroll", handleScroll);
   }, [isExpanded, isScrolledToBottom, enableScrollToBottomControl]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -7061,7 +7596,9 @@ var useChatScrollControl = ({
       }
       const shouldAutoScroll = userJustSentMessageRef.current;
       if (!shouldAutoScroll) {
-        setShowScrollButton(true);
+        const atBottomNow = isScrolledToBottom(el);
+        setIsAtBottom(atBottomNow);
+        setShowScrollButton(enableScrollToBottomControl && !atBottomNow);
         return;
       }
       requestAnimationFrame(() => {
@@ -7088,9 +7625,9 @@ var useChatScrollControl = ({
 var useChatScrollControl_default = useChatScrollControl;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
 var DEFAULT_EMPTY_STATE = [
-  /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
     AIResponse_default,
     {
       showDisclaimer: false,
@@ -7124,9 +7661,9 @@ var ChatWidget = ({
   closeOnClickOutside = true,
   enableScrollToBottomControl = true
 }) => {
-  const [value, setValue] = (0, import_react41.useState)("");
+  const [value, setValue] = (0, import_react42.useState)("");
   const isControlled = typeof expanded === "boolean";
-  const [internalExpanded, setInternalExpanded] = (0, import_react41.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react42.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
   const {
     scrollRef,
@@ -7140,7 +7677,7 @@ var ChatWidget = ({
     isExpanded,
     enableScrollToBottomControl
   });
-  const setExpanded = (0, import_react41.useCallback)(
+  const setExpanded = (0, import_react42.useCallback)(
     (next) => {
       if (!next)
         saveCurrentScrollPosition();
@@ -7151,19 +7688,27 @@ var ChatWidget = ({
     [isControlled, onExpandedChange, saveCurrentScrollPosition]
   );
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const renderedMessages = (0, import_react41.useMemo)(
+  const shouldRenderSuggestedPrompts = messages.length === 0 && !!(suggestedPrompts == null ? void 0 : suggestedPrompts.length);
+  const firstAIResponseIndex = messagesToRender.findIndex(
+    (element) => element.type === AIResponse_default
+  );
+  const renderedMessages = (0, import_react42.useMemo)(
     () => messagesToRender.map((element, index) => {
-      var _a;
+      var _a, _b;
       const key = (_a = element.key) != null ? _a : index;
       if (element.type === AIResponse_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
+        const aiElement = element;
+        const shouldShowTitleOnElement = index === firstAIResponseIndex ? (_b = aiElement.props.showTitle) != null ? _b : true : false;
+        return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { css: receivedWrapperStyles, children: import_react42.default.cloneElement(aiElement, {
+          showTitle: shouldShowTitleOnElement
+        }) }, key);
       }
       if (element.type === MessageBubble_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(import_react41.default.Fragment, { children: element }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(import_react42.default.Fragment, { children: element }, key);
     }),
-    [messagesToRender]
+    [messagesToRender, firstAIResponseIndex]
   );
   const handleSubmit = () => {
     const trimmed = value.trim();
@@ -7173,7 +7718,7 @@ var ChatWidget = ({
     onSubmit(trimmed);
     setValue("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
     Widget_default,
     {
       ariaLabel,
@@ -7185,10 +7730,10 @@ var ChatWidget = ({
       containerProps,
       closeOnClickOutside,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { css: containerStyles2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { css: containerStyles2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
               Box_default,
               {
                 display: "flex",
@@ -7196,38 +7741,35 @@ var ChatWidget = ({
                 justifyContent: "space-between",
                 gap: "var(--spacing-4)",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
-                      Heading_default,
-                      {
-                        size: "2xs",
-                        fontWeight: "bold",
-                        color: "var(--text-primary)",
-                        children: title
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+                    Heading_default,
+                    {
+                      size: "2xs",
+                      fontWeight: "bold",
+                      color: "var(--text-primary)",
+                      children: title
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
                     Button_default,
                     {
                       variant: "text",
                       size: "xs",
                       "aria-label": "Close widget",
                       onClick: () => setExpanded(false),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("span", { css: closeButtonContent, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { children: "Close" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("span", { css: closeButtonContent, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("span", { children: "Close" })
                       ] })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Divider_default, { mt: 4, mb: 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Divider_default, { mt: 4, mb: 0 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { position: "relative", flex: "1 1 auto", minHeight: 0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { position: "relative", flex: "1 1 auto", minHeight: 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
               Box_default,
               {
                 ref: scrollRef,
@@ -7238,23 +7780,45 @@ var ChatWidget = ({
                 display: "flex",
                 flexDirection: "column",
                 gap: "var(--spacing-2)",
-                css: import_react40.css`
+                css: import_react41.css`
                 overscroll-behavior: contain;
               `,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
-                  isThinking && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: thinkingRowStyles, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Spinner_default2, { size: "medium" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
+                  /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
+                  isThinking && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { css: thinkingRowStyles, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+                      "div",
+                      {
+                        css: import_react41.css`
+                        width: 48px;
+                        height: 24px;
+                        overflow: hidden;
+                        display: inline-flex;
+                        align-items: center;
+                        justify-content: center;
+                      `,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+                          LottieAnimations_default,
+                          {
+                            size: 24,
+                            style: {
+                              transform: "scale(3.4)",
+                              transformOrigin: "center"
+                            }
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
                   ] }) }),
-                  suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+                  shouldRenderSuggestedPrompts && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
                     Box_default,
                     {
                       display: "flex",
                       flexDirection: "column",
                       gap: "var(--spacing-4)",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
                           Text_default,
                           {
                             size: "md",
@@ -7263,14 +7827,14 @@ var ChatWidget = ({
                             children: suggestedPromptsTitle
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
                           Box_default,
                           {
                             display: "flex",
                             flexWrap: "wrap",
                             gap: "var(--spacing-4)",
                             alignItems: "flex-start",
-                            children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+                            children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
                               TagChip_default,
                               {
                                 variant: "success",
@@ -7291,20 +7855,20 @@ var ChatWidget = ({
                 ]
               }
             ),
-            enableScrollToBottomControl && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+            enableScrollToBottomControl && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
               Box_default,
               {
                 css: scrollToBottomButtonStyles,
                 className: showScrollButton ? "visible" : void 0,
-                children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
                   Button_default,
                   {
                     variant: "secondary",
                     size: "xs",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon_default, { variant: "AngleDownSharp" }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Icon_default, { variant: "AngleDownSharp" }),
                     onClick: () => scrollToBottom("smooth"),
                     "aria-label": "Scroll to bottom",
-                    css: import_react40.css`
+                    css: import_react41.css`
                     background-color: var(--color-base-white);
                     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
                   `
@@ -7313,7 +7877,7 @@ var ChatWidget = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
             TextArea_default,
             {
               rows: 3,
@@ -7336,8 +7900,8 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 
 // src/CtaCard/CtaCard.tsx
-var import_react42 = require("react");
-var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
+var import_react43 = require("react");
+var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
 var CtaCard = ({
   title,
   description,
@@ -7348,11 +7912,11 @@ var CtaCard = ({
   onCtaClick,
   className
 }) => {
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     onDisplay == null ? void 0 : onDisplay();
   }, [onDisplay]);
   const showButton = ctaUrl || onCtaClick;
-  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -7364,7 +7928,7 @@ var CtaCard = ({
       textAlign: "center",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -7372,12 +7936,12 @@ var CtaCard = ({
             gap: "var(--spacing-1)",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { size: "sm", fontWeight: "bold", color: "var(--color-primary-500)", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { size: "xs", fontWeight: "semibold", color: "var(--color-primary-400)", children: description })
+              /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "sm", fontWeight: "bold", color: "var(--color-primary-500)", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "xs", fontWeight: "semibold", color: "var(--color-primary-400)", children: description })
             ]
           }
         ),
-        showButton && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { display: "flex", justifyContent: "center", children: ctaUrl ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+        showButton && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { display: "flex", justifyContent: "center", children: ctaUrl ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
           Button_default,
           {
             as: "a",
@@ -7389,7 +7953,7 @@ var CtaCard = ({
             rel: ctaOpenInNewTab ? "noopener noreferrer" : void 0,
             children: ctaLabel
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Button_default, { variant: "primary", size: "sm", onClick: onCtaClick, children: ctaLabel }) })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Button_default, { variant: "primary", size: "sm", onClick: onCtaClick, children: ctaLabel }) })
       ]
     }
   );
@@ -7398,9 +7962,9 @@ CtaCard.displayName = "CtaCard";
 var CtaCard_default = CtaCard;
 
 // src/FeatureList/components/FeatureListItem.tsx
-var import_react43 = require("@emotion/react");
+var import_react44 = require("@emotion/react");
 var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
-var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
   iconVariant,
   label,
@@ -7415,8 +7979,8 @@ var FeatureListItem = ({
 }) => {
   const iconDimensions = IconSizeMap[iconSize];
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
         Box_default,
         {
           display: "flex",
@@ -7426,7 +7990,7 @@ var FeatureListItem = ({
           className,
           ...rest,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
               import_react_loading_skeleton.default,
               {
                 circle: true,
@@ -7435,24 +7999,24 @@ var FeatureListItem = ({
                 borderRadius: 4
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
+            /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
           ]
         }
       ),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Text_default, { as: "span", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Text_default, { as: "span", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
       label,
       " "
     ] }),
     subtitle
-  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_jsx_runtime235.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
+  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(import_jsx_runtime236.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
       Box_default,
       {
         display: "flex",
@@ -7461,33 +8025,33 @@ var FeatureListItem = ({
         className,
         ...rest,
         children: [
-          iconVariant && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
+          iconVariant && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
             Icon_default,
             {
               variant: iconVariant,
               size: iconSize,
               fill: iconColor,
-              css: import_react43.css`
+              css: import_react44.css`
                   flex-shrink: 0;
                 `
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
         ]
       }
     ),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "sm", children: subtitle })
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Text_default, { size: "sm", children: subtitle })
     ] })
   ] }) });
 };
 var FeatureListItem_default = FeatureListItem;
 
 // src/FeatureList/FeatureList.tsx
-var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
 var FeatureList = ({ heading, items, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -7495,8 +8059,8 @@ var FeatureList = ({ heading, items, className }) => {
       gap: "var(--spacing-2)",
       className,
       children: [
-        heading && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Text_default, { fontWeight: "bold", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
+        heading && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Text_default, { fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
       ]
     }
   );
@@ -7504,8 +8068,8 @@ var FeatureList = ({ heading, items, className }) => {
 var FeatureList_default = FeatureList;
 
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react44 = require("@emotion/react");
-var cardContainerStyles = import_react44.css`
+var import_react45 = require("@emotion/react");
+var cardContainerStyles = import_react45.css`
   position: relative;
   height: 335px;
 
@@ -7513,12 +8077,12 @@ var cardContainerStyles = import_react44.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react44.css`
+var cardContentStyles = import_react45.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react44.css`
+var getBackgroundWithGradient = (imageUrl) => import_react45.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -7532,7 +8096,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react44.css`
 `;
 
 // src/FieldNoteCard/FieldNoteCard.tsx
-var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
 var FieldNoteCard = ({
   backgroundImage,
   title,
@@ -7541,14 +8105,14 @@ var FieldNoteCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         Box_default,
         {
           display: "flex",
@@ -7556,9 +8120,9 @@ var FieldNoteCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -7568,14 +8132,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 
 // src/Form/FormField.tsx
-var import_react45 = require("@emotion/react");
-var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react45.css`
+var import_react46 = require("@emotion/react");
+var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
+var fieldContainerStyles = import_react46.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react45.css`
+var labelStyles2 = import_react46.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -7583,17 +8147,17 @@ var labelStyles2 = import_react45.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react45.css`
+var requiredIndicatorStyles = import_react46.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react45.css`
+var helpTextStyles = import_react46.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react45.css`
+var errorTextStyles = import_react46.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -7602,7 +8166,7 @@ var errorTextStyles = import_react45.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react45.css`
+var successTextStyles = import_react46.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -7611,7 +8175,7 @@ var successTextStyles = import_react45.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react45.css`
+var visuallyHiddenStyles = import_react46.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -7636,21 +8200,21 @@ var FormField = ({
   const hasError = !!error;
   const hasSuccess = !!success && !hasError;
   const hasHelpText = !!helpText && !hasError && !hasSuccess;
-  return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)("div", { css: fieldContainerStyles, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)("div", { css: fieldContainerStyles, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
       "label",
       {
         htmlFor,
         css: [labelStyles2, hideLabel && visuallyHiddenStyles],
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
         ]
       }
     ),
     children,
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -7660,8 +8224,8 @@ var FormField = ({
       ) }),
       error
     ] }),
-    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)("div", { css: successTextStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)("div", { css: successTextStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -7671,15 +8235,15 @@ var FormField = ({
       ) }),
       success
     ] }),
-    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)("div", { css: helpTextStyles, children: helpText })
+    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("div", { css: helpTextStyles, children: helpText })
   ] });
 };
 
 // src/Form/Input.tsx
-var import_react46 = require("@emotion/react");
-var import_react47 = require("react");
-var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react46.css`
+var import_react47 = require("@emotion/react");
+var import_react48 = require("react");
+var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
+var inputStyles = import_react47.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -7716,19 +8280,19 @@ var inputStyles = import_react46.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react46.css`
+  sm: import_react47.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react46.css`
+  md: import_react47.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react46.css`
+  lg: import_react47.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -7736,8 +8300,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react46.css``,
-  error: import_react46.css`
+  default: import_react47.css``,
+  error: import_react47.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -7745,7 +8309,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react46.css`
+  success: import_react47.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -7754,7 +8318,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react46.css`
+var inputWithIconStyles = import_react47.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -7765,7 +8329,7 @@ var inputWithIconStyles = import_react46.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react46.css`
+var iconContainerStyles = import_react47.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -7776,20 +8340,20 @@ var iconContainerStyles = import_react46.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react46.css`
+var startIconStyles = import_react47.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react46.css`
+var endIconStyles = import_react47.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react46.css`
+var inputWrapperStyles = import_react47.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react47.forwardRef)(
+var Input = (0, import_react48.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -7808,9 +8372,9 @@ var Input = (0, import_react47.forwardRef)(
       hasEndIcon && "has-end-icon",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)("div", { css: inputWrapperStyles, children: [
-      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("div", { css: startIconStyles, children: startIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)("div", { css: inputWrapperStyles, children: [
+      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)("div", { css: startIconStyles, children: startIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
         "input",
         {
           ref,
@@ -7827,17 +8391,17 @@ var Input = (0, import_react47.forwardRef)(
           ...props
         }
       ),
-      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("div", { css: endIconStyles, children: endIcon })
+      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)("div", { css: endIconStyles, children: endIcon })
     ] });
   }
 );
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-var import_react48 = require("@emotion/react");
-var import_react49 = require("react");
-var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react48.css`
+var import_react49 = require("@emotion/react");
+var import_react50 = require("react");
+var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
+var selectStyles = import_react49.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -7876,19 +8440,19 @@ var selectStyles = import_react48.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react48.css`
+  sm: import_react49.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react48.css`
+  md: import_react49.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react48.css`
+  lg: import_react49.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -7896,8 +8460,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react48.css``,
-  error: import_react48.css`
+  default: import_react49.css``,
+  error: import_react49.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -7905,7 +8469,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react48.css`
+  success: import_react49.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -7914,7 +8478,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react48.css`
+var optionStyles = import_react49.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -7923,7 +8487,7 @@ var optionStyles = import_react48.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react49.forwardRef)(
+var Select = (0, import_react50.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -7933,7 +8497,7 @@ var Select = (0, import_react49.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
       "select",
       {
         ref,
@@ -7942,8 +8506,8 @@ var Select = (0, import_react49.forwardRef)(
         className,
         ...props,
         children: [
-          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
-          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
+          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
+          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
             "option",
             {
               value: option.value,
@@ -7961,10 +8525,10 @@ var Select = (0, import_react49.forwardRef)(
 Select.displayName = "Select";
 
 // src/Grid/Column.tsx
-var import_react51 = require("@emotion/react");
+var import_react52 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react50 = require("@emotion/react");
+var import_react51 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -8004,11 +8568,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react50.css`
+    return import_react51.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react50.css`
+  return import_react51.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -8040,11 +8604,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react50.css`
+    return import_react51.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react50.css`
+  return import_react51.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -8067,11 +8631,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react50.css`
+    return import_react51.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react50.css`
+  return import_react51.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -8094,11 +8658,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react50.css`
+    return import_react51.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react50.css`
+  return import_react51.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -8121,11 +8685,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react50.css`
+    return import_react51.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react50.css`
+  return import_react51.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -8148,11 +8712,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react50.css`
+    return import_react51.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react50.css`
+  return import_react51.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -8175,11 +8739,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react50.css`
+    return import_react51.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react50.css`
+  return import_react51.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -8201,7 +8765,7 @@ var generateJustifyItems = (justifyItems) => {
 };
 
 // src/Grid/Column.tsx
-var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
 var Column = ({
   span,
   start,
@@ -8214,30 +8778,30 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react51.css`
+    start && import_react52.css`
         grid-column-start: ${start};
       `,
-    end && import_react51.css`
+    end && import_react52.css`
         grid-column-end: ${end};
       `,
-    row && import_react51.css`
+    row && import_react52.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react51.css`
+    rowSpan && import_react52.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react51.css`
+    area && import_react52.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { css: columnStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: columnStyles, ...props, children });
 };
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react52 = require("@emotion/react");
-var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react52.css`
+var import_react53 = require("@emotion/react");
+var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
+var baseGridStyles = import_react53.css`
   display: grid;
 `;
 var Grid = ({
@@ -8262,27 +8826,27 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react52.css`
+    autoRows && import_react53.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react52.css`
+    autoColumns && import_react53.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react52.css`
+    templateAreas && import_react53.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react52.css`
+    justifyContent && import_react53.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: gridStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Box_default, { css: gridStyles, ...props, children });
 };
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react53 = require("@emotion/react");
-var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react53.css`
+var import_react54 = require("@emotion/react");
+var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
+var baseContainerStyles = import_react54.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -8290,14 +8854,14 @@ var baseContainerStyles = import_react53.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react53.css`
+    return import_react54.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react53.css`
+  return import_react54.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -8326,13 +8890,13 @@ var GridContainer = ({
     baseContainerStyles,
     generateMaxWidthStyles(maxWidth)
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Box_default, { css: containerStyles6, className, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { css: containerStyles6, className, ...props, children });
 };
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react54 = require("@emotion/react");
-var cardContainerStyles2 = import_react54.css`
+var import_react55 = require("@emotion/react");
+var cardContainerStyles2 = import_react55.css`
   position: relative;
   height: 335px;
 
@@ -8340,12 +8904,12 @@ var cardContainerStyles2 = import_react54.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react54.css`
+var cardContentStyles2 = import_react55.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react54.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react55.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -8359,7 +8923,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react54.css`
 `;
 
 // src/HuntCard/HuntCard.tsx
-var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
 var HuntCard = ({
   backgroundImage,
   title,
@@ -8368,14 +8932,14 @@ var HuntCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles2,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
         Box_default,
         {
           display: "flex",
@@ -8383,9 +8947,9 @@ var HuntCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -8395,15 +8959,15 @@ var HuntCard = ({
 var HuntCard_default = HuntCard;
 
 // src/ImageGalleryModal/ImageGalleryModal.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/Modal/Modal.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_react_dom4 = __toESM(require("react-dom"));
 
 // src/Modal/Modal.styles.ts
-var import_react55 = require("@emotion/react");
-var fadeIn2 = import_react55.keyframes`
+var import_react56 = require("@emotion/react");
+var fadeIn2 = import_react56.keyframes`
   from {
     opacity: 0;
   }
@@ -8411,7 +8975,7 @@ var fadeIn2 = import_react55.keyframes`
     opacity: 1;
   }
 `;
-var fadeInScale2 = import_react55.keyframes`
+var fadeInScale2 = import_react56.keyframes`
   from {
     opacity: 0;
     transform: scale(0.95);
@@ -8421,7 +8985,7 @@ var fadeInScale2 = import_react55.keyframes`
     transform: scale(1);
   }
 `;
-var scrollLayerStyles = import_react55.css`
+var scrollLayerStyles = import_react56.css`
   background-color: rgba(0, 0, 0, 0.6);
   backdrop-filter: blur(4px);
   animation: ${fadeIn2} 0.15s ease-out forwards;
@@ -8430,7 +8994,7 @@ var scrollLayerStyles = import_react55.css`
     animation: none;
   }
 `;
-var containerStyles3 = import_react55.css`
+var containerStyles3 = import_react56.css`
   background-color: var(--surface-primary, #ffffff);
   border-radius: var(--radius-lg, 12px);
   max-height: calc(100dvh - var(--spacing-8));
@@ -8442,17 +9006,17 @@ var containerStyles3 = import_react55.css`
   }
 `;
 var sizeStyles3 = {
-  sm: import_react55.css`
+  sm: import_react56.css`
     width: 100%;
     max-width: 24rem; /* 384px */
     padding: var(--spacing-5);
   `,
-  md: import_react55.css`
+  md: import_react56.css`
     width: 100%;
     max-width: 32rem; /* 512px */
     padding: var(--spacing-6);
   `,
-  lg: import_react55.css`
+  lg: import_react56.css`
     width: 100%;
     max-width: 48rem; /* 768px */
     padding: var(--spacing-6);
@@ -8461,7 +9025,7 @@ var sizeStyles3 = {
       padding: var(--spacing-8);
     }
   `,
-  xl: import_react55.css`
+  xl: import_react56.css`
     width: 100%;
     max-width: 64rem; /* 1024px */
     padding: var(--spacing-6);
@@ -8470,7 +9034,7 @@ var sizeStyles3 = {
       padding: var(--spacing-8);
     }
   `,
-  full: import_react55.css`
+  full: import_react56.css`
     width: calc(100vw - var(--spacing-8));
     height: calc(100dvh - var(--spacing-8));
     max-width: none;
@@ -8479,13 +9043,13 @@ var sizeStyles3 = {
     border-radius: var(--radius-md, 8px);
   `
 };
-var closeButtonStyles2 = import_react55.css`
+var closeButtonStyles2 = import_react56.css`
   position: absolute;
   top: var(--spacing-4);
   right: var(--spacing-4);
   z-index: 1;
 `;
-var closeButtonFullStyles = import_react55.css`
+var closeButtonFullStyles = import_react56.css`
   top: var(--spacing-3);
   right: var(--spacing-3);
   background-color: rgba(255, 255, 255, 0.9);
@@ -8498,7 +9062,7 @@ var closeButtonFullStyles = import_react55.css`
 `;
 
 // src/Modal/Modal.tsx
-var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
 var Modal = ({
   id,
   isOpen,
@@ -8517,10 +9081,10 @@ var Modal = ({
   ariaLabel,
   ariaDescribedBy
 }) => {
-  const containerRef = (0, import_react56.useRef)(null);
-  const previousScrollY = (0, import_react56.useRef)(0);
-  const previousActiveElement = (0, import_react56.useRef)(null);
-  const handleKeyDown = (0, import_react56.useCallback)(
+  const containerRef = (0, import_react57.useRef)(null);
+  const previousScrollY = (0, import_react57.useRef)(0);
+  const previousActiveElement = (0, import_react57.useRef)(null);
+  const handleKeyDown = (0, import_react57.useCallback)(
     (event) => {
       if (closeOnEscape && event.key === "Escape" && onClose) {
         onClose(event);
@@ -8528,7 +9092,7 @@ var Modal = ({
     },
     [closeOnEscape, onClose]
   );
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (isOpen) {
       previousScrollY.current = window.scrollY;
       previousActiveElement.current = document.activeElement;
@@ -8558,7 +9122,7 @@ var Modal = ({
       document.body.style.top = "";
     };
   }, [isOpen, handleKeyDown]);
-  const handleClose = (0, import_react56.useCallback)(
+  const handleClose = (0, import_react57.useCallback)(
     (event) => {
       if (onClose) {
         onClose(event);
@@ -8566,7 +9130,7 @@ var Modal = ({
     },
     [onClose]
   );
-  const handleBackdropClick = (0, import_react56.useCallback)(
+  const handleBackdropClick = (0, import_react57.useCallback)(
     (event) => {
       if (!closeOnOutsideClick || !containerRef.current || containerRef.current.contains(event.target)) {
         return;
@@ -8581,7 +9145,7 @@ var Modal = ({
   if (typeof document === "undefined") {
     return null;
   }
-  const closeButton = showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+  const closeButton = showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
     Button_default,
     {
       onClick: handleClose,
@@ -8594,7 +9158,7 @@ var Modal = ({
       "aria-label": "Close modal",
       variant: "text",
       size: "xs",
-      children: /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
         Box_default,
         {
           as: "span",
@@ -8602,15 +9166,15 @@ var Modal = ({
           alignItems: "center",
           gap: "var(--spacing-2)",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Icon_default, { variant: closeButtonIcon, size: "medium" }),
-            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("span", { children: "Close" })
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon_default, { variant: closeButtonIcon, size: "medium" }),
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("span", { children: "Close" })
           ]
         }
       )
     }
   );
   return import_react_dom4.default.createPortal(
-    /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
       Box_default,
       {
         display: "flex",
@@ -8625,7 +9189,7 @@ var Modal = ({
         className,
         role: "presentation",
         "data-testid": `modal-${id}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
           Box_default,
           {
             display: "flex",
@@ -8639,7 +9203,7 @@ var Modal = ({
             onKeyDown: (e) => e.key === "Escape" && handleClose(e),
             role: "presentation",
             "data-testid": `modal-backdrop-${id}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
               Box_default,
               {
                 ref: containerRef,
@@ -8659,7 +9223,7 @@ var Modal = ({
                 tabIndex: -1,
                 children: [
                   closeButton,
-                  /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Box_default, { flex: "1", overflow: "auto", css: customContentStyles, children })
+                  /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { flex: "1", overflow: "auto", css: customContentStyles, children })
                 ]
               }
             )
@@ -8674,11 +9238,11 @@ Modal.displayName = "Modal";
 var Modal_default = Modal;
 
 // src/ImageGalleryModal/ImageGalleryModal.styles.ts
-var import_react57 = require("@emotion/react");
-var galleryBackgroundStyles = import_react57.css`
+var import_react58 = require("@emotion/react");
+var galleryBackgroundStyles = import_react58.css`
   background-color: var(--color-base-black, #000000);
 `;
-var imageStyles2 = import_react57.css`
+var imageStyles2 = import_react58.css`
   max-width: 100%;
   max-height: 100%;
   width: auto;
@@ -8690,14 +9254,14 @@ var imageStyles2 = import_react57.css`
     max-height: calc(100vh - var(--spacing-32));
   }
 `;
-var counterStyles = import_react57.css`
+var counterStyles = import_react58.css`
   transform: translateX(-50%);
   color: var(--color-base-white, #ffffff);
   background-color: rgba(0, 0, 0, 0.5);
   padding: var(--spacing-2) var(--spacing-4);
   border-radius: var(--radius-full, 9999px);
 `;
-var captionStyles = import_react57.css`
+var captionStyles = import_react58.css`
   transform: translateX(-50%);
   color: var(--color-base-white, #ffffff);
   text-align: center;
@@ -8706,7 +9270,7 @@ var captionStyles = import_react57.css`
   border-radius: var(--radius-md, 8px);
   max-width: 80%;
 `;
-var navigationButtonStyles = import_react57.css`
+var navigationButtonStyles = import_react58.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -8737,18 +9301,18 @@ var navigationButtonStyles = import_react57.css`
     outline-offset: 2px;
   }
 `;
-var prevButtonStyles = import_react57.css`
+var prevButtonStyles = import_react58.css`
   ${navigationButtonStyles}
   left: var(--spacing-4);
 `;
-var nextButtonStyles = import_react57.css`
+var nextButtonStyles = import_react58.css`
   ${navigationButtonStyles}
   right: var(--spacing-4);
 `;
-var dotsContainerPositionStyles = import_react57.css`
+var dotsContainerPositionStyles = import_react58.css`
   transform: translateX(-50%);
 `;
-var dotStyles = import_react57.css`
+var dotStyles = import_react58.css`
   width: var(--spacing-2);
   height: var(--spacing-2);
   border-radius: var(--radius-round, 50%);
@@ -8763,11 +9327,11 @@ var dotStyles = import_react57.css`
     transform: scale(1.2);
   }
 `;
-var dotActiveStyles = import_react57.css`
+var dotActiveStyles = import_react58.css`
   background-color: var(--color-base-white, #ffffff);
   transform: scale(1.2);
 `;
-var closeButtonOverrideStyles = import_react57.css`
+var closeButtonOverrideStyles = import_react58.css`
   top: var(--spacing-4);
   right: var(--spacing-4);
   z-index: 20;
@@ -8779,23 +9343,23 @@ var closeButtonOverrideStyles = import_react57.css`
     background-color: var(--color-base-white, #ffffff);
   }
 `;
-var scrollLayerOverrideStyles = import_react57.css`
+var scrollLayerOverrideStyles = import_react58.css`
   padding: 0;
   background-color: rgba(0, 0, 0, 0.95);
 `;
-var containerOverrideStyles = import_react57.css`
+var containerOverrideStyles = import_react58.css`
   background-color: transparent;
   box-shadow: none;
   border-radius: 0;
   max-height: 100dvh;
 `;
-var contentOverrideStyles = import_react57.css`
+var contentOverrideStyles = import_react58.css`
   height: 100%;
   padding: 0;
 `;
 
 // src/ImageGalleryModal/ImageGalleryModal.tsx
-var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
 var ImageGalleryModal = ({
   id,
   isOpen,
@@ -8808,30 +9372,30 @@ var ImageGalleryModal = ({
   className,
   ariaLabel = "Image gallery"
 }) => {
-  const [currentIndex, setCurrentIndex] = (0, import_react58.useState)(initialIndex);
-  (0, import_react58.useEffect)(() => {
+  const [currentIndex, setCurrentIndex] = (0, import_react59.useState)(initialIndex);
+  (0, import_react59.useEffect)(() => {
     if (isOpen) {
       setCurrentIndex(initialIndex);
     }
   }, [isOpen, initialIndex]);
-  const handlePrev = (0, import_react58.useCallback)(
+  const handlePrev = (0, import_react59.useCallback)(
     (e) => {
       e == null ? void 0 : e.stopPropagation();
       setCurrentIndex((prev) => prev > 0 ? prev - 1 : images.length - 1);
     },
     [images.length]
   );
-  const handleNext = (0, import_react58.useCallback)(
+  const handleNext = (0, import_react59.useCallback)(
     (e) => {
       e == null ? void 0 : e.stopPropagation();
       setCurrentIndex((prev) => prev < images.length - 1 ? prev + 1 : 0);
     },
     [images.length]
   );
-  const handleGoTo = (0, import_react58.useCallback)((index) => {
+  const handleGoTo = (0, import_react59.useCallback)((index) => {
     setCurrentIndex(index);
   }, []);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!isOpen)
       return;
     const handleKeyDown = (e) => {
@@ -8848,7 +9412,7 @@ var ImageGalleryModal = ({
   }, [isOpen, handlePrev, handleNext]);
   const currentImage = images[currentIndex];
   const hasMultipleImages = images.length > 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
     Modal_default,
     {
       id: `image-gallery-${id}`,
@@ -8864,7 +9428,7 @@ var ImageGalleryModal = ({
       contentStyles: contentOverrideStyles,
       className,
       ariaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
         Box_default,
         {
           display: "flex",
@@ -8874,7 +9438,7 @@ var ImageGalleryModal = ({
           position: "relative",
           css: galleryBackgroundStyles,
           children: [
-            showCounter && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+            showCounter && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
               Box_default,
               {
                 position: "absolute",
@@ -8882,14 +9446,14 @@ var ImageGalleryModal = ({
                 left: "50%",
                 zIndex: 10,
                 css: counterStyles,
-                children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Text_default, { size: "sm", color: "inherit", children: [
+                children: /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Text_default, { size: "sm", color: "inherit", children: [
                   currentIndex + 1,
                   " / ",
                   images.length
                 ] })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
               Box_default,
               {
                 display: "flex",
@@ -8899,17 +9463,17 @@ var ImageGalleryModal = ({
                 overflow: "hidden",
                 position: "relative",
                 children: [
-                  showArrows && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+                  showArrows && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                     "button",
                     {
                       type: "button",
                       onClick: handlePrev,
                       css: prevButtonStyles,
                       "aria-label": "Previous image",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon_default, { variant: "AngleLeft", size: "medium" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon_default, { variant: "AngleLeft", size: "medium" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                     Box_default,
                     {
                       display: "flex",
@@ -8918,7 +9482,7 @@ var ImageGalleryModal = ({
                       width: "100%",
                       height: "100%",
                       p: "var(--spacing-4)",
-                      children: currentImage && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+                      children: currentImage && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                         "img",
                         {
                           src: currentImage.src,
@@ -8928,20 +9492,20 @@ var ImageGalleryModal = ({
                       )
                     }
                   ),
-                  showArrows && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+                  showArrows && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                     "button",
                     {
                       type: "button",
                       onClick: handleNext,
                       css: nextButtonStyles,
                       "aria-label": "Next image",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon_default, { variant: "AngleRight", size: "medium" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon_default, { variant: "AngleRight", size: "medium" })
                     }
                   )
                 ]
               }
             ),
-            (currentImage == null ? void 0 : currentImage.caption) && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+            (currentImage == null ? void 0 : currentImage.caption) && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
               Box_default,
               {
                 position: "absolute",
@@ -8949,10 +9513,10 @@ var ImageGalleryModal = ({
                 left: "50%",
                 zIndex: 10,
                 css: captionStyles,
-                children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Text_default, { size: "sm", color: "inherit", children: currentImage.caption })
+                children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { size: "sm", color: "inherit", children: currentImage.caption })
               }
             ),
-            showDots && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+            showDots && hasMultipleImages && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
               Box_default,
               {
                 display: "flex",
@@ -8962,7 +9526,7 @@ var ImageGalleryModal = ({
                 gap: "var(--spacing-2)",
                 zIndex: 10,
                 css: dotsContainerPositionStyles,
-                children: images.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+                children: images.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                   "button",
                   {
                     type: "button",
@@ -8988,9 +9552,9 @@ ImageGalleryModal.displayName = "ImageGalleryModal";
 var ImageGalleryModal_default = ImageGalleryModal;
 
 // src/InfoBox/InfoBox.tsx
-var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
 var InfoBox = ({ heading, features, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -8999,8 +9563,8 @@ var InfoBox = ({ heading, features, className }) => {
       className,
       color: "var(--text-primary)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
           Box_default,
           {
             display: "flex",
@@ -9010,7 +9574,7 @@ var InfoBox = ({ heading, features, className }) => {
             borderRadius: "var(--radius-lg)",
             bg: "var(--surface-neutral)",
             className,
-            children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+            children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
               FeatureList_default,
               {
                 heading: section.heading,
@@ -9027,16 +9591,16 @@ var InfoBox = ({ heading, features, className }) => {
 var InfoBox_default = InfoBox;
 
 // src/LandownerProfile/LandownerProfile.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/ProgressBar/ProgressBar.styles.ts
-var import_react59 = require("@emotion/react");
-var progressStyles = import_react59.css`
+var import_react60 = require("@emotion/react");
+var progressStyles = import_react60.css`
   transition: width 0.3s ease-in-out;
 `;
 
 // src/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
 var ProgressBar = ({
   progress,
   className,
@@ -9044,7 +9608,7 @@ var ProgressBar = ({
   height = "10px"
 }) => {
   const clampedProgress = Math.min(100, Math.max(0, progress));
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
     Box_default,
     {
       width: "100%",
@@ -9054,7 +9618,7 @@ var ProgressBar = ({
       overflow: "hidden",
       position: "relative",
       className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
         Box_default,
         {
           height: "100%",
@@ -9075,17 +9639,17 @@ ProgressBar.displayName = "ProgressBar";
 var ProgressBar_default = ProgressBar;
 
 // src/Timer/Timer.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // src/Timer/Timer.styles.ts
-var import_react60 = require("@emotion/react");
-var rootStyles2 = import_react60.css`
+var import_react61 = require("@emotion/react");
+var rootStyles2 = import_react61.css`
   display: inline-flex;
   font-variant-numeric: tabular-nums;
 `;
 
 // src/Timer/Timer.tsx
-var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
 var calculateTimeLeft = (expirationTimestamp) => {
   const now = Math.floor(Date.now() / 1e3);
   const diff = expirationTimestamp - now;
@@ -9113,10 +9677,10 @@ var Timer = ({
   fontWeight = "bold",
   showSeconds = false
 }) => {
-  const [timeLeft, setTimeLeft] = (0, import_react61.useState)(
+  const [timeLeft, setTimeLeft] = (0, import_react62.useState)(
     () => calculateTimeLeft(expirationTimestamp)
   );
-  const updateTime = (0, import_react61.useCallback)(() => {
+  const updateTime = (0, import_react62.useCallback)(() => {
     const newTimeLeft = calculateTimeLeft(expirationTimestamp);
     setTimeLeft(newTimeLeft);
     if (newTimeLeft) {
@@ -9126,7 +9690,7 @@ var Timer = ({
     }
     return newTimeLeft;
   }, [expirationTimestamp, onTimeUpdate, onExpire]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const initialTime = updateTime();
     if (!initialTime)
       return;
@@ -9141,8 +9705,8 @@ var Timer = ({
   if (!timeLeft) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { css: rootStyles2, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Text_default, { as: "span", fontWeight, size: fontSize, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(Box_default, { css: rootStyles2, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(Text_default, { as: "span", fontWeight, size: fontSize, children: [
       timeLeft.days,
       "d : ",
       timeLeft.hours,
@@ -9150,7 +9714,7 @@ var Timer = ({
       timeLeft.minutes,
       "m"
     ] }),
-    showSeconds && /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Text_default, { as: "span", fontWeight, size: fontSize, children: [
+    showSeconds && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(Text_default, { as: "span", fontWeight, size: fontSize, children: [
       "\xA0: ",
       timeLeft.seconds,
       "s"
@@ -9161,7 +9725,7 @@ Timer.displayName = "Timer";
 var Timer_default = Timer;
 
 // src/StarRating/StarRating.tsx
-var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
 var starSize = {
   sm: {
     size: "medium",
@@ -9209,10 +9773,10 @@ var StarRating = ({
       fill = "var(--color-neutral-100)";
     }
     stars.push(
-      /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon_default, { variant, size: starSize[size].size, fill }, i)
+      /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Icon_default, { variant, size: starSize[size].size, fill }, i)
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
     Box_default,
     {
       className,
@@ -9226,7 +9790,7 @@ var StarRating = ({
 var StarRating_default = StarRating;
 
 // src/UserCard/UserCard.tsx
-var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
 var UserCard = ({
   avatarSrc,
   title,
@@ -9236,7 +9800,7 @@ var UserCard = ({
   isVerified = false,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -9245,8 +9809,8 @@ var UserCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
             Avatar_default,
             {
               type: avatarSrc ? "image" : "text",
@@ -9256,13 +9820,13 @@ var UserCard = ({
               alt: `${title}'s avatar`
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
-            subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
-            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(StarRating_default, { rating })
+          /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
+            subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
+            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StarRating_default, { rating })
           ] })
         ] }),
-        isVerified && /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
+        isVerified && /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -9271,8 +9835,8 @@ var UserCard = ({
             gap: "var(--spacing-1)",
             flexShrink: 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
+              /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
             ]
           }
         )
@@ -9329,7 +9893,7 @@ var formatHostingDuration = (duration) => {
 };
 
 // src/LandownerProfile/components/ProfileSubtitle.tsx
-var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
 var ProfileSubtitle = ({
   hostingSince,
   featureReviewItem
@@ -9337,15 +9901,15 @@ var ProfileSubtitle = ({
   const duration = hostingSince ? calculateHostingDuration(hostingSince) : null;
   const formattedDuration = formatHostingDuration(duration);
   const displayText = formattedDuration ? `${formattedDuration} Hosting` : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-    displayText && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Text_default, { size: "sm", color: "text-secondary", children: displayText }),
-    featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(FeatureListItem_default, { ...featureReviewItem })
+  return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+    displayText && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Text_default, { size: "sm", color: "text-secondary", children: displayText }),
+    featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(FeatureListItem_default, { ...featureReviewItem })
   ] });
 };
 var ProfileSubtitle_default = ProfileSubtitle;
 
 // src/LandownerProfile/LandownerProfile.tsx
-var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
 var LandownerProfile = ({
   heading,
   avatarSrc,
@@ -9373,7 +9937,7 @@ var LandownerProfile = ({
     const progressPercentage = (totalDuration - timeLeft.totalSeconds) / totalDuration * 100;
     return Math.min(100, Math.max(0, progressPercentage));
   };
-  const [progress, setProgress] = (0, import_react62.useState)(0);
+  const [progress, setProgress] = (0, import_react63.useState)(0);
   const handleTimeUpdate = (timeLeft) => {
     setProgress(calculateProgress(timeLeft));
     onEarlyAccessTimeUpdate == null ? void 0 : onEarlyAccessTimeUpdate(timeLeft);
@@ -9386,7 +9950,7 @@ var LandownerProfile = ({
     iconVariant: "Bolt",
     label: `Response Time: ${responseTime}`
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -9395,8 +9959,8 @@ var LandownerProfile = ({
       color: "var(--text-primary)",
       className,
       children: [
-        heading && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
+        heading && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -9406,12 +9970,12 @@ var LandownerProfile = ({
             p: "var(--spacing-4)",
             borderRadius: "var(--radius-lg)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
                   title: name,
-                  subtitle: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+                  subtitle: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                     ProfileSubtitle_default,
                     {
                       hostingSince,
@@ -9422,9 +9986,9 @@ var LandownerProfile = ({
                   isVerified
                 }
               ),
-              hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+              hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                   Text_default,
                   {
                     dangerouslySetInnerHTML: {
@@ -9433,14 +9997,14 @@ var LandownerProfile = ({
                   }
                 )
               ] }),
-              (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                  !!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(FeatureListItem_default, { ...responseRateFeature }),
-                  !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(FeatureListItem_default, { ...responseTimeFeature })
+              (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                  !!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(FeatureListItem_default, { ...responseRateFeature }),
+                  !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(FeatureListItem_default, { ...responseTimeFeature })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                 Button_default,
                 {
                   variant: "secondary",
@@ -9449,9 +10013,9 @@ var LandownerProfile = ({
                   children: messageButtonText
                 }
               ) }),
-              earlyAccessTimer && /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(ProgressBar_default, { progress }),
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
+              earlyAccessTimer && /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(ProgressBar_default, { progress }),
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
                   Box_default,
                   {
                     display: "flex",
@@ -9459,9 +10023,9 @@ var LandownerProfile = ({
                     gap: "var(--spacing-1)",
                     textAlign: "center",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Text_default, { size: "xs", textAlign: "center", children: earlyAccessTimer.labelText }),
-                      /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Text_default, { size: "sm", textAlign: "center", children: earlyAccessTimer.descriptionText }),
-                      /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "xs", textAlign: "center", children: earlyAccessTimer.labelText }),
+                      /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "sm", textAlign: "center", children: earlyAccessTimer.descriptionText }),
+                      /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                         Timer_default,
                         {
                           expirationTimestamp: earlyAccessTimer.expirationTimestamp,
@@ -9483,11 +10047,11 @@ var LandownerProfile = ({
 var LandownerProfile_default = LandownerProfile;
 
 // src/ListingChat/ListingChat.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/ListingChat/ListingChat.styles.ts
-var import_react63 = require("@emotion/react");
-var containerStyles4 = import_react63.css`
+var import_react64 = require("@emotion/react");
+var containerStyles4 = import_react64.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -9495,12 +10059,12 @@ var containerStyles4 = import_react63.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react63.css`
+var headerStyles = import_react64.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react63.css`
+var chipsContainerStyles = import_react64.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -9513,15 +10077,15 @@ var chipsContainerStyles = import_react63.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react63.css`
+var textAreaStyles = import_react64.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react63.css`
+var inputWrapperStyles2 = import_react64.css`
   position: relative;
 `;
 
 // src/ListingChat/ListingChat.tsx
-var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
 var ListingChat = ({
   onSubmit,
   placeholder = "Ask anything about this listing\u2026",
@@ -9531,15 +10095,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react64.useState)("");
-  const handleSubmit = (0, import_react64.useCallback)(() => {
+  const [value, setValue] = (0, import_react65.useState)("");
+  const handleSubmit = (0, import_react65.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react64.useCallback)(
+  const handleTagClick = (0, import_react65.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -9548,18 +10112,18 @@ var ListingChat = ({
     },
     [onSubmit]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { css: containerStyles4, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { css: headerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
-          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "sm", children: "Beta" })
+  return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(Box_default, { css: containerStyles4, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(Box_default, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
+          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { size: "sm", children: "Beta" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "md", textWrap: "wrap", children: "Get instant answers with Buck, our AI powered assistant." })
+      /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { size: "md", textWrap: "wrap", children: "Get instant answers with Buck, our AI powered assistant." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
       TextArea,
       {
         rows: 1,
@@ -9574,14 +10138,14 @@ var ListingChat = ({
         css: textAreaStyles
       }
     ) }),
-    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(import_jsx_runtime254.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
-      /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(import_jsx_runtime255.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
         "button",
         {
           onClick: handleTagClick(tag),
           disabled,
-          children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(TagChip_default, { children: tag })
+          children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(TagChip_default, { children: tag })
         },
         tag
       )) })
@@ -9591,11 +10155,11 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react65 = require("@emotion/react");
+var import_react66 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -9603,14 +10167,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime255.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
         "path",
         {
           fill: "#000",
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -9619,14 +10183,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime255.
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
         "path",
         {
           fill: "#fff",
           d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -9637,8 +10201,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime255.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -9646,18 +10210,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime255.
                 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -9674,8 +10238,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime255.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
+var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -9683,14 +10247,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime256
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
         "path",
         {
           fill: "#000",
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -9699,14 +10263,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime256
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
         "path",
         {
           fill: "#1A202C",
           d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -9717,8 +10281,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime256
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -9726,18 +10290,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime256
                 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -9754,8 +10318,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime256
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
+var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -9763,14 +10327,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
         "path",
         {
           fill: "#E2430C",
           d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
         "path",
         {
           fill: "#fff",
@@ -9783,8 +10347,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
+var import_jsx_runtime259 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -9792,14 +10356,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
         "path",
         {
           fill: "#E2430C",
           d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
         "path",
         {
           fill: "#000",
@@ -9812,8 +10376,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
-var import_jsx_runtime259 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react65.css`
+var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react66.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -9841,18 +10405,18 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 
 // src/Navigation/Navigation.styles.ts
-var import_react66 = require("@emotion/react");
-var navigationStyles = import_react66.css`
+var import_react67 = require("@emotion/react");
+var navigationStyles = import_react67.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react66.css`
+var hamburgerButtonStyles = import_react67.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -9863,7 +10427,7 @@ var hamburgerButtonStyles = import_react66.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react66.css`
+var centeredLogoStyles = import_react67.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -9871,27 +10435,27 @@ var centeredLogoStyles = import_react66.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react66.css`
+var desktopLogoStyles = import_react67.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles5 = import_react66.css`
+var containerStyles5 = import_react67.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react66.css`
+var logoStyles2 = import_react67.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react66.css`
+var desktopNavStyles = import_react67.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -9900,7 +10464,7 @@ var desktopNavStyles = import_react66.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react66.css`
+var navLinksStyles = import_react67.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -9908,7 +10472,7 @@ var navLinksStyles = import_react66.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react66.css`
+var navLinkStyles = import_react67.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -9924,7 +10488,7 @@ var navLinkStyles = import_react66.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react66.css`
+var avatarPlaceholderStyles = import_react67.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -9949,7 +10513,7 @@ var avatarPlaceholderStyles = import_react66.css`
 `;
 
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime261 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -9963,7 +10527,7 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -9972,7 +10536,7 @@ var Navigation = ({
       position: "relative",
       css: containerStyles5,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
           Box_default,
           {
             as: "button",
@@ -9984,11 +10548,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Icon_default, { variant: "Bars", size: "large" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Icon_default, { variant: "Bars", size: "large" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -9997,8 +10561,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Box_default, { css: desktopNavStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
             "a",
             {
               href: link.href,
@@ -10007,7 +10571,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
             Box_default,
             {
               as: "button",
@@ -10029,21 +10593,21 @@ var Navigation_default = Navigation;
 var import_react_loading_skeleton2 = __toESM(require("react-loading-skeleton"));
 
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 
 // src/ScrollingCarousel/context/CarouselContext.tsx
-var import_react67 = __toESM(require("react"));
-var CarouselContext = import_react67.default.createContext(
+var import_react68 = __toESM(require("react"));
+var CarouselContext = import_react68.default.createContext(
   null
 );
 
 // src/ScrollingCarousel/ScrollingCarousel.styles.ts
-var import_react68 = require("@emotion/react");
-var carouselRoot = import_react68.css`
+var import_react69 = require("@emotion/react");
+var carouselRoot = import_react69.css`
   position: relative;
 `;
-var carousel = (gap2) => import_react68.css`
+var carousel = (gap2) => import_react69.css`
   display: flex;
   overflow-y: hidden;
   overflow-x: scroll;
@@ -10056,7 +10620,7 @@ var carousel = (gap2) => import_react68.css`
     display: none;
   }
 `;
-var step = (itemWidth) => import_react68.css`
+var step = (itemWidth) => import_react69.css`
   scroll-snap-align: center;
   flex-basis: ${itemWidth || "100%"};
   flex-shrink: 0;
@@ -10066,7 +10630,7 @@ var step = (itemWidth) => import_react68.css`
     flex-basis: ${itemWidth || "100%"};
   }
 `;
-var controls = (position2) => import_react68.css`
+var controls = (position2) => import_react69.css`
   ${(position2 === "left-right" || position2 === "top-right") && `
     display: none;
 
@@ -10075,7 +10639,7 @@ var controls = (position2) => import_react68.css`
     }
   `}
 `;
-var iconWrapper = import_react68.css`
+var iconWrapper = import_react69.css`
   display: flex;
   width: var(--spacing-7);
   height: var(--spacing-7);
@@ -10085,7 +10649,7 @@ var iconWrapper = import_react68.css`
   justify-content: center;
   box-shadow: var(--shadow-md);
 `;
-var button = (position2) => import_react68.css`
+var button = (position2) => import_react69.css`
   background: transparent;
   border-color: transparent;
   outline: none;
@@ -10117,7 +10681,7 @@ var button = (position2) => import_react68.css`
     bottom: calc(-1 * var(--spacing-1));
   `}
 `;
-var buttonLeft = (position2) => import_react68.css`
+var buttonLeft = (position2) => import_react69.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -10137,7 +10701,7 @@ var buttonLeft = (position2) => import_react68.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var customButtonLeft = (position2) => import_react68.css`
+var customButtonLeft = (position2) => import_react69.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -10157,7 +10721,7 @@ var customButtonLeft = (position2) => import_react68.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var buttonRight = (position2) => import_react68.css`
+var buttonRight = (position2) => import_react69.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -10177,12 +10741,12 @@ var buttonRight = (position2) => import_react68.css`
     right: calc(50% - var(--spacing-16));
   `}
 `;
-var icon = import_react68.css`
+var icon = import_react69.css`
   width: var(--spacing-3);
   height: var(--spacing-3);
   color: var(--color-base-black);
 `;
-var dots = import_react68.css`
+var dots = import_react69.css`
   position: absolute;
   bottom: var(--spacing-2);
   left: 0;
@@ -10192,11 +10756,11 @@ var dots = import_react68.css`
   align-items: center;
   justify-content: center;
 `;
-var dotsInner = import_react68.css`
+var dotsInner = import_react69.css`
   display: flex;
   overflow: hidden;
 `;
-var dot = (dotsColor) => import_react68.css`
+var dot = (dotsColor) => import_react69.css`
   position: relative;
   flex-shrink: 0;
   flex-grow: 0;
@@ -10235,22 +10799,22 @@ var dot = (dotsColor) => import_react68.css`
     `}
   }
 `;
-var dotDistance2 = import_react68.css`
+var dotDistance2 = import_react69.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.9);
   }
 `;
-var dotDistance3 = import_react68.css`
+var dotDistance3 = import_react69.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.8);
   }
 `;
-var dotDistanceGreaterThan3 = import_react68.css`
+var dotDistanceGreaterThan3 = import_react69.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.7);
   }
 `;
-var dotVisible = import_react68.css`
+var dotVisible = import_react69.css`
   &::after {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1.2);
@@ -10258,7 +10822,7 @@ var dotVisible = import_react68.css`
 `;
 
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_jsx_runtime261 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime262 = require("@emotion/react/jsx-runtime");
 var ScrollingCarouselStep = ({
   children,
   index,
@@ -10267,7 +10831,7 @@ var ScrollingCarouselStep = ({
   onClick,
   itemWidth
 }) => {
-  const context = (0, import_react69.useContext)(CarouselContext);
+  const context = (0, import_react70.useContext)(CarouselContext);
   if (!context) {
     throw new Error(
       "ScrollingCarouselStep must be used within ScrollingCarousel"
@@ -10278,7 +10842,7 @@ var ScrollingCarouselStep = ({
     threshold: 0.75,
     root: carousel2.current
   });
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (typeof index !== "undefined") {
       dispatch({
         type: "set_child_visibility",
@@ -10286,7 +10850,7 @@ var ScrollingCarouselStep = ({
       });
     }
   }, [inView, index, dispatch]);
-  return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
     "div",
     {
       ref,
@@ -10304,10 +10868,10 @@ var ScrollingCarouselStep = ({
 ScrollingCarouselStep.displayName = "ScrollingCarouselStep";
 
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_react73 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 
 // src/ScrollingCarousel/hooks/useCarouselDots.ts
-var import_react70 = require("react");
+var import_react71 = require("react");
 
 // src/ScrollingCarousel/ScrollingCarousel.helpers.ts
 var childVisibilityReducer = (state, action) => {
@@ -10338,7 +10902,7 @@ var useCarouselDots = ({
   anyItemsVisible,
   numberOfDots
 }) => {
-  const dotOffset = (0, import_react70.useRef)(0);
+  const dotOffset = (0, import_react71.useRef)(0);
   const dotWidth = 12;
   const totalDots = childVisibility.length;
   const dotToCenterIndex = Math.round(
@@ -10370,7 +10934,7 @@ var useCarouselDots = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselNavigation.ts
-var import_react71 = require("react");
+var import_react72 = require("react");
 
 // src/shared/helpers.ts
 var import_seamless_scroll_polyfill = require("seamless-scroll-polyfill");
@@ -10404,7 +10968,7 @@ var useCarouselNavigation = ({
   infiniteScroll,
   childVisibilityLength
 }) => {
-  const getStepEl = (0, import_react71.useCallback)(
+  const getStepEl = (0, import_react72.useCallback)(
     (index) => {
       if (carousel2.current) {
         const selector = `[data-carousel-id="${id}"][data-carousel-index="${index}"]`;
@@ -10414,7 +10978,7 @@ var useCarouselNavigation = ({
     },
     [carousel2, id]
   );
-  const next = (0, import_react71.useCallback)(
+  const next = (0, import_react72.useCallback)(
     (e) => {
       e.preventDefault();
       if (lastItemIsVisible && !infiniteScroll)
@@ -10442,7 +11006,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const back = (0, import_react71.useCallback)(
+  const back = (0, import_react72.useCallback)(
     (e) => {
       e.preventDefault();
       if (firstItemIsVisible && !infiniteScroll)
@@ -10470,7 +11034,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const goTo = (0, import_react71.useCallback)(
+  const goTo = (0, import_react72.useCallback)(
     (e, i) => {
       e.preventDefault();
       const el = getStepEl(i);
@@ -10488,12 +11052,12 @@ var useCarouselNavigation = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselVisibility.ts
-var import_react72 = require("react");
+var import_react73 = require("react");
 var useCarouselVisibility = (carousel2) => {
-  const [state, dispatch] = (0, import_react72.useReducer)(childVisibilityReducer, {
+  const [state, dispatch] = (0, import_react73.useReducer)(childVisibilityReducer, {
     childVisibility: []
   });
-  const carouselContextApi = (0, import_react72.useMemo)(
+  const carouselContextApi = (0, import_react73.useMemo)(
     () => ({ carousel: carousel2, dispatch }),
     [carousel2]
   );
@@ -10514,7 +11078,7 @@ var useCarouselVisibility = (carousel2) => {
 };
 
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_jsx_runtime262 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime263 = require("@emotion/react/jsx-runtime");
 var ScrollingCarousel = ({
   className,
   children,
@@ -10533,8 +11097,8 @@ var ScrollingCarousel = ({
   itemWidth,
   gap: gap2
 }) => {
-  const carousel2 = (0, import_react73.useRef)(null);
-  const [isHovering, setIsHovering] = (0, import_react73.useState)(false);
+  const carousel2 = (0, import_react74.useRef)(null);
+  const [isHovering, setIsHovering] = (0, import_react74.useState)(false);
   const {
     state,
     carouselContextApi,
@@ -10554,7 +11118,7 @@ var ScrollingCarousel = ({
     infiniteScroll,
     childVisibilityLength: state.childVisibility.length
   });
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (carousel2.current && typeof current === "number" && current >= 0) {
       const childrenArray = Array.from(carousel2.current.children);
       const selectedItem = childrenArray[current];
@@ -10569,9 +11133,9 @@ var ScrollingCarousel = ({
       }
     }
   }, [current]);
-  const childrenWithIndex = import_react73.default.Children.map(
+  const childrenWithIndex = import_react74.default.Children.map(
     children,
-    (child, index) => import_react73.default.cloneElement(child, { index, itemWidth })
+    (child, index) => import_react74.default.cloneElement(child, { index, itemWidth })
   );
   const { dotOffset, dotDistances, dotWidth } = useCarouselDots({
     childVisibility: state.childVisibility,
@@ -10582,7 +11146,7 @@ var ScrollingCarousel = ({
   });
   const hasMultipleChildren = state.childVisibility.length > 1;
   const shouldShowNavigation = showNavigationOnHover ? isHovering : true;
-  return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
     "div",
     {
       css: carouselRoot,
@@ -10590,7 +11154,7 @@ var ScrollingCarousel = ({
       onMouseEnter: () => setIsHovering(true),
       onMouseLeave: () => setIsHovering(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
           "div",
           {
             css: carousel(gap2),
@@ -10599,11 +11163,11 @@ var ScrollingCarousel = ({
             role: "region",
             "aria-roledescription": "carousel",
             "aria-label": "Scrolling carousel",
-            children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
+            children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
           }
         ),
-        hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { css: controls(buttonsPosition), children: [
-          showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+        hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { css: controls(buttonsPosition), children: [
+          showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
             "button",
             {
               "aria-label": "Previous",
@@ -10615,10 +11179,10 @@ var ScrollingCarousel = ({
               },
               css: customLeftButton ? customButtonLeft(buttonsPosition) : buttonLeft(buttonsPosition),
               "data-testid": `scrolling-carousel-button-back-${id}`,
-              children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
+              children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
             }
           ),
-          showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+          showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
             "button",
             {
               "aria-label": "Next",
@@ -10630,11 +11194,11 @@ var ScrollingCarousel = ({
               },
               css: buttonRight(buttonsPosition),
               "data-testid": `scrolling-carousel-button-next-${id}`,
-              children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
+              children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
             }
           )
         ] }),
-        showDots && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+        showDots && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
           "div",
           {
             css: dotsInner,
@@ -10642,7 +11206,7 @@ var ScrollingCarousel = ({
             children: state.childVisibility.map((childVisibility, i) => {
               var _a;
               const distance = (_a = dotDistances[i]) != null ? _a : 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
                 "button",
                 {
                   type: "button",
@@ -10673,8 +11237,8 @@ var ScrollingCarousel = ({
 ScrollingCarousel.displayName = "ScrollingCarousel";
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react74 = require("@emotion/react");
-var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react74.css`
+var import_react75 = require("@emotion/react");
+var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react75.css`
   ${hasClickHandler && `
     cursor: pointer;
   `}
@@ -10692,7 +11256,7 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
   flex-direction: column;
   gap: var(--spacing-2);
 
-  ${orientation === "horizontal" && import_react74.css`
+  ${orientation === "horizontal" && import_react75.css`
     /* Apply horizontal layout only on tablet and up */
     ${media.md} {
       flex-direction: row;
@@ -10720,58 +11284,58 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
     }
   `}
 `;
-var imageContainerStyles = (orientation) => import_react74.css`
+var imageContainerStyles = (orientation) => import_react75.css`
   width: 100%;
   height: 260px;
 
-  ${orientation === "horizontal" && import_react74.css`
+  ${orientation === "horizontal" && import_react75.css`
     ${media.md} {
       width: 40%;
       height: 200px;
   `}
 `;
-var imageBoxStyles = (orientation) => import_react74.css`
+var imageBoxStyles = (orientation) => import_react75.css`
   height: 260px;
-  ${orientation === "horizontal" && import_react74.css`
+  ${orientation === "horizontal" && import_react75.css`
     ${media.md} {
       height: 200px;
     }
   `}
 `;
-var contentContainerStyles = (orientation, hasContentBackground) => import_react74.css`
+var contentContainerStyles = (orientation, hasContentBackground) => import_react75.css`
   ${hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles}
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 
-  ${orientation === "horizontal" && import_react74.css`
+  ${orientation === "horizontal" && import_react75.css`
     ${media.md} {
       width: 60%;
       justify-content: center;
     }
   `}
 `;
-var imageStyles3 = import_react74.css`
+var imageStyles3 = import_react75.css`
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   background-color: lightgray;
 `;
-var badgeTopLeftStyles = import_react74.css`
+var badgeTopLeftStyles = import_react75.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var badgeBottomRightStyles = import_react74.css`
+var badgeBottomRightStyles = import_react75.css`
   position: absolute;
   bottom: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react74.css`
+var heartIconStyles = import_react75.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -10793,20 +11357,20 @@ var heartIconStyles = import_react74.css`
     transform: scale(1.1);
   }
 `;
-var actionMenuStyles = import_react74.css`
+var actionMenuStyles = import_react75.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 3;
 `;
-var contentWithBackgroundStyles = import_react74.css`
+var contentWithBackgroundStyles = import_react75.css`
   padding: 0 var(--spacing-3) var(--spacing-4) var(--spacing-3);
   background-color: var(--surface-page);
 `;
-var contentWithoutBackgroundStyles = import_react74.css`
+var contentWithoutBackgroundStyles = import_react75.css`
   padding-top: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);
 `;
-var overlayStyles = import_react74.css`
+var overlayStyles = import_react75.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -10818,7 +11382,7 @@ var overlayStyles = import_react74.css`
   display: block;
   pointer-events: none;
 `;
-var titleStyles = import_react74.css`
+var titleStyles = import_react75.css`
   text-wrap: wrap;
   word-break: break-word;
   white-space: pre-wrap;
@@ -10826,7 +11390,7 @@ var titleStyles = import_react74.css`
 `;
 
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime263 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime264 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -10847,22 +11411,22 @@ var PackageCard = ({
   ...rest
 }) => {
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
       Box_default,
       {
         css: cardContainerStyles3(orientation, hasContentBackground, false),
         className,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
             Box_default,
             {
               overflow: "hidden",
               borderRadius: "var(--spacing-4)",
               css: imageContainerStyles(orientation),
-              children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "100%", height: "100%", borderRadius: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_react_loading_skeleton2.default, { width: "100%", height: "100%", borderRadius: 16 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
             Box_default,
             {
               display: "flex",
@@ -10870,9 +11434,9 @@ var PackageCard = ({
               gap: "var(--spacing-1)",
               mb: "var(--spacing-1)",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "80%", height: 16, borderRadius: 4 }),
-                /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "60%", height: 14, borderRadius: 4 }),
-                /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "40%", height: 14, borderRadius: 4 })
+                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_react_loading_skeleton2.default, { width: "80%", height: 16, borderRadius: 4 }),
+                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_react_loading_skeleton2.default, { width: "60%", height: 14, borderRadius: 4 }),
+                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_react_loading_skeleton2.default, { width: "40%", height: 14, borderRadius: 4 })
               ]
             }
           ) })
@@ -10884,7 +11448,7 @@ var PackageCard = ({
   const shouldShowOverlay = availabilityBadges == null ? void 0 : availabilityBadges.some(
     (badge2) => badge2.showOverlay
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
     Box_default,
     {
       position: "relative",
@@ -10893,7 +11457,7 @@ var PackageCard = ({
       onClick,
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
           Box_default,
           {
             position: "relative",
@@ -10901,7 +11465,7 @@ var PackageCard = ({
             borderRadius: "var(--spacing-4)",
             css: imageContainerStyles(orientation),
             children: [
-              availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+              availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                 AvailabilityBadge_default,
                 {
                   variant: badge2.variant,
@@ -10910,18 +11474,18 @@ var PackageCard = ({
                 },
                 `availability-${index}`
               )),
-              shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { css: overlayStyles }),
-              /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+              shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { css: overlayStyles }),
+              /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                 ScrollingCarousel,
                 {
                   showDots: images.length > 1,
                   showNavigationOnHover: true,
                   id: carouselId,
-                  children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+                  children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                     ScrollingCarouselStep,
                     {
                       parentId: carouselId,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                         Box_default,
                         {
                           width: "100%",
@@ -10939,7 +11503,7 @@ var PackageCard = ({
                   ))
                 }
               ),
-              onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+              onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                 Box_default,
                 {
                   css: heartIconStyles,
@@ -10948,14 +11512,14 @@ var PackageCard = ({
                     e.stopPropagation();
                     onFavoriteClick == null ? void 0 : onFavoriteClick();
                   },
-                  children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+                  children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                     Icon_default,
                     {
                       variant: "HeartSolid",
                       size: "small",
                       fill: "var(--color-error-500)"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                     Icon_default,
                     {
                       variant: "Heart",
@@ -10965,13 +11529,13 @@ var PackageCard = ({
                   )
                 }
               ),
-              actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(ActionMenu_default, { actions }) })
+              actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(ActionMenu_default, { actions }) })
             ]
           }
         ),
-        actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(ActionMenu_default, { actions }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+        actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(ActionMenu_default, { actions }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
             Box_default,
             {
               display: "flex",
@@ -10979,7 +11543,7 @@ var PackageCard = ({
               gap: "var(--spacing-1)",
               mb: "var(--spacing-1)",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                   Text_default,
                   {
                     size: size === "xs" ? "sm" : "md",
@@ -10988,8 +11552,8 @@ var PackageCard = ({
                     children: title
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "bold", children: subtitle }) }),
-                startingPrice && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "normal", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "bold", children: subtitle }) }),
+                startingPrice && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "normal", children: [
                   "Starting Price ",
                   startingPrice,
                   " / Guest"
@@ -10997,14 +11561,14 @@ var PackageCard = ({
               ]
             }
           ),
-          badges && badges.length > 0 && size !== "xs" && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+          badges && badges.length > 0 && size !== "xs" && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
             Box_default,
             {
               display: "flex",
               gap: "var(--spacing-2) var(--spacing-4)",
               alignItems: "center",
               flexWrap: "wrap",
-              children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+              children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                 IconLabel_default,
                 {
                   iconSize: badge2.iconSize || "medium",
@@ -11023,14 +11587,14 @@ var PackageCard = ({
 var PackageCard_default = PackageCard;
 
 // src/PackageHeader/PackageHeader.tsx
-var import_jsx_runtime264 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime265 = require("@emotion/react/jsx-runtime");
 var PackageHeader = ({
   header,
   subheader,
   features,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -11039,9 +11603,9 @@ var PackageHeader = ({
       color: "var(--text-primary)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
-        subheader && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Text_default, { children: subheader }),
-        features && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(FeatureList_default, { items: features })
+        /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
+        subheader && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Text_default, { children: subheader }),
+        features && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(FeatureList_default, { items: features })
       ]
     }
   );
@@ -11049,8 +11613,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react75 = require("@emotion/react");
-var imageStyles4 = import_react75.css`
+var import_react76 = require("@emotion/react");
+var imageStyles4 = import_react76.css`
   flex: 1;
   min-width: 0;
   max-width: 100%;
@@ -11061,13 +11625,13 @@ var imageStyles4 = import_react75.css`
 `;
 
 // src/ReviewCard/components/ReviewImages.tsx
-var import_jsx_runtime265 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime266 = require("@emotion/react/jsx-runtime");
 var ReviewImages = ({ images, maxImages = 3 }) => {
   const displayImages = images.slice(0, maxImages);
   if (displayImages.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
     "img",
     {
       src: image,
@@ -11080,7 +11644,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
 var ReviewImages_default = ReviewImages;
 
 // src/ReviewCard/components/ReviewReply.tsx
-var import_jsx_runtime266 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime267 = require("@emotion/react/jsx-runtime");
 var ReviewReply = ({
   avatarSrc,
   name,
@@ -11089,7 +11653,7 @@ var ReviewReply = ({
   label,
   rating
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
     Box_default,
     {
       backgroundColor: "var(--surface-neutral)",
@@ -11099,7 +11663,7 @@ var ReviewReply = ({
       flexDirection: "column",
       gap: "var(--spacing-3)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -11107,7 +11671,7 @@ var ReviewReply = ({
             justifyContent: "space-between",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
@@ -11116,11 +11680,11 @@ var ReviewReply = ({
                   rating
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Text_default, { children: content })
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Text_default, { children: content })
       ]
     }
   );
@@ -11128,7 +11692,7 @@ var ReviewReply = ({
 var ReviewReply_default = ReviewReply;
 
 // src/ReviewCard/ReviewCard.tsx
-var import_jsx_runtime267 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime268 = require("@emotion/react/jsx-runtime");
 var ReviewCard = ({
   avatarSrc,
   name,
@@ -11140,7 +11704,7 @@ var ReviewCard = ({
   replies = [],
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
     Box_default,
     {
       backgroundColor: "white",
@@ -11151,7 +11715,7 @@ var ReviewCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
           UserCard_default,
           {
             avatarSrc,
@@ -11160,10 +11724,10 @@ var ReviewCard = ({
             rating
           }
         ),
-        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Text_default, { size: "md", children: content }),
-        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(ReviewImages_default, { images }),
-        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Text_default, { size: "md", children: content }),
+        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(ReviewImages_default, { images }),
+        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
           ReviewReply_default,
           {
             avatarSrc: reply.avatarSrc,
@@ -11182,12 +11746,12 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 
 // src/Reviews/Reviews.tsx
-var import_react76 = require("@emotion/react");
+var import_react77 = require("@emotion/react");
 
 // src/Reviews/components/ReviewItem.tsx
-var import_jsx_runtime268 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime269 = require("@emotion/react/jsx-runtime");
 var ReviewItem = ({ label, rating }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -11195,10 +11759,10 @@ var ReviewItem = ({ label, rating }) => {
       alignItems: "center",
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Text_default, { fontWeight: "semibold", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Text_default, { fontWeight: "semibold", children: rating.toFixed(1) })
+        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Text_default, { fontWeight: "semibold", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Text_default, { fontWeight: "semibold", children: rating.toFixed(1) })
         ] })
       ]
     }
@@ -11207,14 +11771,14 @@ var ReviewItem = ({ label, rating }) => {
 var ReviewItem_default = ReviewItem;
 
 // src/Reviews/Reviews.tsx
-var import_jsx_runtime269 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime270 = require("@emotion/react/jsx-runtime");
 var Reviews = ({
   averageRating,
   totalReviews,
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
     Box_default,
     {
       width: "100%",
@@ -11227,7 +11791,7 @@ var Reviews = ({
       p: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -11235,12 +11799,12 @@ var Reviews = ({
             alignItems: "center",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
-              /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                 StarRating_default,
                 {
                   rating: averageRating,
-                  css: import_react76.css`
+                  css: import_react77.css`
             > svg {
               height: 40px;
               width: 40px;
@@ -11248,7 +11812,7 @@ var Reviews = ({
           `
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
                 "Overall Rating \u2022 ",
                 totalReviews,
                 " Review",
@@ -11257,14 +11821,14 @@ var Reviews = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
           Box_default,
           {
             display: "flex",
             flexDirection: "column",
             gap: "var(--spacing-2)",
             width: "100%",
-            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
+            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
           }
         )
       ]
@@ -11274,7 +11838,7 @@ var Reviews = ({
 var Reviews_default = Reviews;
 
 // src/Reviews/ReviewsShowcase.tsx
-var import_jsx_runtime270 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime271 = require("@emotion/react/jsx-runtime");
 var ReviewsShowcase = () => {
   const sampleData = {
     averageRating: 4,
@@ -11296,7 +11860,7 @@ var ReviewsShowcase = () => {
       { label: "Game Abundance", rating: 5 }
     ]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -11304,24 +11868,24 @@ var ReviewsShowcase = () => {
       gap: "var(--spacing-8)",
       p: "var(--spacing-6)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Reviews_default, { ...sampleData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Reviews_default, { ...sampleData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Reviews_default, { ...highRatingData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Reviews_default, { ...highRatingData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
             Box_default,
             {
               maxWidth: "320px",
               border: "1px solid var(--color-neutral-200)",
               p: "var(--spacing-4)",
-              children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Reviews_default, { ...sampleData })
+              children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Reviews_default, { ...sampleData })
             }
           )
         ] })
@@ -11367,6 +11931,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   LayoutTokens,
   ListingChat,
   Logo,
+  LottieAnimations,
   MarkdownContent,
   MessageBubble,
   Modal,
@@ -11396,6 +11961,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   WidgetPanel,
   WidgetTrigger,
   globalStyles,
+  lottieAnimations,
   styles,
   useBottomDrawer,
   useBottomDrawerHook